@conveyorhq/arrow-ds 2.0.0-beta.1 → 2.0.0-beta.10

package/public/src/style-dictionary/dist/tokens.js

@@ -0,0 +1,428 @@
+/**
+ * This tokens file was automatically generated by Style Dictionary
+ * Please do not edit this file directly; token definitions can be found in style-dictionary.config.js
+ */
+
+export const tokens = {
+  borderRadius: {
+    none: "0",
+    px: "1px",
+    sm: "2px",
+    md: "3px",
+    "DEFAULT": "4px",
+    lg: "8px",
+    full: "9999px",
+  },
+  borderWidth: {
+    0: "0",
+    1: "1px",
+    2: "2px",
+    4: "4px",
+    8: "8px",
+    "DEFAULT": "1px",
+  },
+  color: {
+    lighten: {
+      100: "rgba(255, 255, 255, 0.04)",
+      200: "rgba(255, 255, 255, 0.08)",
+      300: "rgba(255, 255, 255, 0.12)",
+    },
+    gray: {
+      100: "#f9fbfc",
+      200: "#f4f7f9",
+      300: "#edf3f7",
+      400: "#dee7ee",
+      500: "#b9c8d2",
+      600: "#86a3b5",
+      700: "#47687d",
+      800: "#204156",
+      900: "#001b28",
+    },
+    brandGreen: {
+      200: "#7de5ca",
+      300: "#5cd8b7",
+      400: "#33c69f",
+      500: "#20b08a",
+      600: "#12926f",
+    },
+    blue: {
+      0: "#e6f3ff",
+      100: "#c2e2ff",
+      200: "#76baf9",
+      300: "#3e9ef5",
+      400: "#0d7de4",
+      500: "#0668ca",
+      600: "#0052b1",
+    },
+    green: {
+      100: "#e8f5ee",
+      200: "#a1ddae",
+      300: "#7bc88c",
+      400: "#54af68",
+      500: "#3c9f52",
+      600: "#29853d",
+    },
+    gold: {
+      100: "#fff4de",
+      200: "#ffd883",
+      300: "#ffcc5a",
+      400: "#fdb515",
+      500: "#f0a600",
+      600: "#dc9801",
+    },
+    red: {
+      100: "#fdeeee",
+      200: "#ffa7a1",
+      300: "#fa7d76",
+      400: "#f25d54",
+      500: "#e4473e",
+      600: "#d93329",
+    },
+    orange: {
+      200: "#ffc3a1",
+      300: "#ffaa7a",
+      400: "#f38f56",
+      500: "#ed7b3b",
+      600: "#e36823",
+    },
+    pink: {
+      200: "#daccd7",
+      300: "#d3b8cd",
+      400: "#cca8c4",
+      500: "#c297b9",
+      600: "#b881ac",
+    },
+    cyan: {
+      200: "#a1d8f1",
+      300: "#7dc3e4",
+      400: "#61accf",
+      500: "#3e9ecb",
+      600: "#2488b6",
+    },
+    purple: {
+      200: "#c8b3e8",
+      300: "#a68ad2",
+      400: "#8969bd",
+      500: "#7757ad",
+      600: "#604194",
+    },
+    white: "#ffffff",
+    black: "#000b11",
+    brandBlack: "#132333",
+    screen: "rgba(0, 0, 0, 0.25)",
+    success: "#54af68",
+    failure: "#f25d54",
+    caution: "#fdb515",
+    border: "#dee7ee",
+    placeholder: "#86a3b5",
+    link: "#0d7de4",
+  },
+  fontSize: {
+    h1: "26px",
+    h2: "20px",
+    h3: "16px",
+    h4: "14px",
+    h5: "12px",
+    h6: "11px",
+    bodySm: "12px",
+    body: "14px",
+    bodyLg: "16px",
+    icon: "13px",
+    iconSm: "11px",
+  },
+  fontWeight: {
+    regular: 400,
+    medium: 500,
+    bold: 600,
+  },
+  height: {
+    0: "0",
+    1: "4px",
+    2: "8px",
+    3: "12px",
+    4: "16px",
+    5: "20px",
+    6: "24px",
+    7: "28px",
+    8: "32px",
+    9: "36px",
+    10: "40px",
+    11: "44px",
+    12: "48px",
+    13: "52px",
+    14: "56px",
+    15: "60px",
+    16: "64px",
+    17: "68px",
+    18: "72px",
+    19: "76px",
+    20: "80px",
+    21: "84px",
+    22: "88px",
+    23: "92px",
+    24: "96px",
+    25: "100px",
+    26: "104px",
+    27: "108px",
+    28: "112px",
+    29: "116px",
+    30: "120px",
+    31: "124px",
+    32: "128px",
+    33: "132px",
+    34: "136px",
+    35: "140px",
+    36: "144px",
+    37: "148px",
+    38: "152px",
+    39: "156px",
+    40: "160px",
+    41: "164px",
+    42: "168px",
+    43: "172px",
+    44: "176px",
+    45: "180px",
+    46: "184px",
+    47: "188px",
+    48: "192px",
+    49: "196px",
+    50: "200px",
+    51: "204px",
+    52: "208px",
+    53: "212px",
+    54: "216px",
+    55: "220px",
+    56: "224px",
+    57: "228px",
+    58: "232px",
+    59: "236px",
+    60: "240px",
+    61: "244px",
+    62: "248px",
+    63: "252px",
+    64: "256px",
+    auto: "auto",
+    px: "1px",
+    full: "100%",
+    screen: "100vh",
+    appbar: "48px",
+    cell: "34px",
+  },
+  leading: {
+    none: 1,
+    tight: 1.25,
+    normal: 1.5,
+    loose: 2,
+  },
+  screenWidth: {
+    sm: "576px",
+    md: "768px",
+    lg: "992px",
+    xl: "1200px",
+  },
+  shadow: {
+    "DEFAULT": "0 2px 4px 0 rgba(32, 65, 86, 0.10)",
+    up: "0 -2px 4px 0 rgba(32, 65, 86, 0.10)",
+    md: "0 4px 8px 0 rgba(32, 65, 86, 0.12), 0 2px 4px 0 rgba(32, 65, 86, 0.08)",
+    lg: "0 15px 30px 0 rgba(32, 65, 86, 0.11), 0 5px 15px 0 rgba(32, 65, 86, 0.08)",
+    inner: "inset 0 2px 4px 0 rgba(32, 65, 86, 0.06)",
+    glow: "rgba(7,114,239,0.2) 0 0 1rem",
+    none: "none",
+    focus: "rgba(7, 114, 239, 0.2) 0 0 1px 3px",
+    focusInside: "rgba(7, 114, 239, 0.2) 0 0 1px 3px inset",
+    focusBrand: "rgba(125, 229, 202, 0.2) 0 0 1px 3px",
+    popover: "0 0 3px rgba(32, 65, 86, 0.1), 0 10px 20px rgba(32, 65, 86, 0.1)",
+    buttonPrimary: "0 4px 8px rgba(255, 255, 255, 0.1) inset, 0 2px 5px rgba(32, 65, 86, 0.1)",
+    buttonSecondary: "0 1px 3px rgba(32, 65, 86, 0.05)",
+    paper: "0 0 3px rgba(32, 65, 86, 0.1), 9px 9px rgba(32, 65, 86, 0.04)",
+    tile: "0 10px 20px rgba(32, 65, 86, 0.1), 0 0 3px rgba(32, 65, 86, 0.1)",
+  },
+  spacing: {
+    0: "0",
+    1: "4px",
+    2: "8px",
+    3: "12px",
+    4: "16px",
+    5: "20px",
+    6: "24px",
+    7: "28px",
+    8: "32px",
+    9: "36px",
+    10: "40px",
+    11: "44px",
+    12: "48px",
+    13: "52px",
+    14: "56px",
+    15: "60px",
+    16: "64px",
+    17: "68px",
+    18: "72px",
+    19: "76px",
+    20: "80px",
+    21: "84px",
+    22: "88px",
+    23: "92px",
+    24: "96px",
+    25: "100px",
+    26: "104px",
+    27: "108px",
+    28: "112px",
+    29: "116px",
+    30: "120px",
+    31: "124px",
+    32: "128px",
+    33: "132px",
+    34: "136px",
+    35: "140px",
+    36: "144px",
+    37: "148px",
+    38: "152px",
+    39: "156px",
+    40: "160px",
+    41: "164px",
+    42: "168px",
+    43: "172px",
+    44: "176px",
+    45: "180px",
+    46: "184px",
+    47: "188px",
+    48: "192px",
+    49: "196px",
+    50: "200px",
+    51: "204px",
+    52: "208px",
+    53: "212px",
+    54: "216px",
+    55: "220px",
+    56: "224px",
+    57: "228px",
+    58: "232px",
+    59: "236px",
+    60: "240px",
+    61: "244px",
+    62: "248px",
+    63: "252px",
+    64: "256px",
+  },
+  tracking: {
+    tight: "-0.05em",
+    normal: "0",
+    wide: "0.05em",
+  },
+  type: {
+    sans: "'Neue Montreal', system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
+    serif: "'Copernicus', serif",
+    mono: "'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace",
+  },
+  width: {
+    0: "0",
+    1: "4px",
+    2: "8px",
+    3: "12px",
+    4: "16px",
+    5: "20px",
+    6: "24px",
+    7: "28px",
+    8: "32px",
+    9: "36px",
+    10: "40px",
+    11: "44px",
+    12: "48px",
+    13: "52px",
+    14: "56px",
+    15: "60px",
+    16: "64px",
+    17: "68px",
+    18: "72px",
+    19: "76px",
+    20: "80px",
+    21: "84px",
+    22: "88px",
+    23: "92px",
+    24: "96px",
+    25: "100px",
+    26: "104px",
+    27: "108px",
+    28: "112px",
+    29: "116px",
+    30: "120px",
+    31: "124px",
+    32: "128px",
+    33: "132px",
+    34: "136px",
+    35: "140px",
+    36: "144px",
+    37: "148px",
+    38: "152px",
+    39: "156px",
+    40: "160px",
+    41: "164px",
+    42: "168px",
+    43: "172px",
+    44: "176px",
+    45: "180px",
+    46: "184px",
+    47: "188px",
+    48: "192px",
+    49: "196px",
+    50: "200px",
+    51: "204px",
+    52: "208px",
+    53: "212px",
+    54: "216px",
+    55: "220px",
+    56: "224px",
+    57: "228px",
+    58: "232px",
+    59: "236px",
+    60: "240px",
+    61: "244px",
+    62: "248px",
+    63: "252px",
+    64: "256px",
+    "1/2": "50%",
+    "1/3": "33.33333%",
+    "2/3": "66.66667%",
+    "1/4": "25%",
+    "3/4": "75%",
+    "1/5": "20%",
+    "2/5": "40%",
+    "3/5": "60%",
+    "4/5": "80%",
+    "1/6": "16.66667%",
+    "5/6": "83.33333%",
+    auto: "auto",
+    px: "1px",
+    full: "100%",
+    screen: "100vw",
+    maxContent: "max-content",
+    xs: "20rem",
+    sm: "30rem",
+    md: "40rem",
+    lg: "50rem",
+    xl: "60rem",
+    "2xl": "70rem",
+    "3xl": "80rem",
+    "4xl": "90rem",
+    "5xl": "100rem",
+  },
+  zIndex: {
+    0: 0,
+    10: 10,
+    20: 20,
+    30: 30,
+    40: 40,
+    50: 50,
+    auto: "auto",
+    below: -1,
+    default: 1,
+    popup: 400,
+    dialog: 500,
+    dropdown: 600,
+    overlay: 700,
+    menu: 800,
+    modal: 900,
+    toast: 1000,
+    max: 2147483647,
+  },
+};