edgarasben

// A script which creates Figma Color Styles from a JSON object (e.g. Tailwind colors config)

// From https://github.com/tailwindlabs/tailwindcss/blob/master/src/public/colors.js
const colorsObject = {
    black: '#000000',
    white: '#ffffff',
    slate: {
        50: '#f8fafc',
        100: '#f1f5f9',
        200: '#e2e8f0',

edgarasben

const test = "hello world 3";

edgarasben

{
  "theme": {
    "fontFamily": {
      "display": {
        "family": "DM Serif Display",
        "fontWeight": {
          "normal": "400"
        }
      },
      "sans": {

edgarasben

{
  "color": {
    "amber": {
      "amber1": {
        "value": "hsl(39, 70.0%, 99.0%)",
        "type": "color"
      },
      "amber2": {
        "value": "hsl(40, 100%, 96.5%)",
        "type": "color"

edgarasben

import { useEffect, useState } from 'react'
import Badge from '@/components/Badge'

interface SelectProps {
  className?: string
  id?: string
  label?: string
  hint?: string
  options: any
  defaultPlaceholder?: string