@conveyorhq/arrow-ds 2.0.0-beta.7 → 2.0.0-beta.9

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

@@ -1,427 +1,424 @@
-/**
- * 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
- */
-
+"use strict";
 module.exports = {
-  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)",
+    borderRadius: {
+        none: "0",
+        px: "1px",
+        sm: "2px",
+        md: "3px",
+        "DEFAULT": "4px",
+        lg: "8px",
+        full: "9999px",
     },
-    gray: {
-      100: "#f9fbfc",
-      200: "#f4f7f9",
-      300: "#edf3f7",
-      400: "#dee7ee",
-      500: "#b9c8d2",
-      600: "#86a3b5",
-      700: "#47687d",
-      800: "#204156",
-      900: "#001b28",
+    borderWidth: {
+        0: "0",
+        1: "1px",
+        2: "2px",
+        4: "4px",
+        8: "8px",
+        "DEFAULT": "1px",
     },
-    brandGreen: {
-      200: "#7de5ca",
-      300: "#5cd8b7",
-      400: "#33c69f",
-      500: "#20b08a",
-      600: "#12926f",
+    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",
     },
-    blue: {
-      0: "#e6f3ff",
-      100: "#c2e2ff",
-      200: "#76baf9",
-      300: "#3e9ef5",
-      400: "#0d7de4",
-      500: "#0668ca",
-      600: "#0052b1",
+    fontSize: {
+        h1: "26px",
+        h2: "20px",
+        h3: "16px",
+        h4: "14px",
+        h5: "12px",
+        h6: "11px",
+        bodySm: "12px",
+        body: "14px",
+        bodyLg: "16px",
+        icon: "13px",
+        iconSm: "11px",
     },
-    green: {
-      100: "#e8f5ee",
-      200: "#a1ddae",
-      300: "#7bc88c",
-      400: "#54af68",
-      500: "#3c9f52",
-      600: "#29853d",
+    fontWeight: {
+        regular: 400,
+        medium: 500,
+        bold: 600,
     },
-    gold: {
-      100: "#fff4de",
-      200: "#ffd883",
-      300: "#ffcc5a",
-      400: "#fdb515",
-      500: "#f0a600",
-      600: "#dc9801",
+    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",
     },
-    red: {
-      100: "#fdeeee",
-      200: "#ffa7a1",
-      300: "#fa7d76",
-      400: "#f25d54",
-      500: "#e4473e",
-      600: "#d93329",
+    leading: {
+        none: 1,
+        tight: 1.25,
+        normal: 1.5,
+        loose: 2,
     },
-    orange: {
-      200: "#ffc3a1",
-      300: "#ffaa7a",
-      400: "#f38f56",
-      500: "#ed7b3b",
-      600: "#e36823",
+    screenWidth: {
+        sm: "576px",
+        md: "768px",
+        lg: "992px",
+        xl: "1200px",
     },
-    pink: {
-      200: "#daccd7",
-      300: "#d3b8cd",
-      400: "#cca8c4",
-      500: "#c297b9",
-      600: "#b881ac",
+    shadow: {
+        "DEFAULT": "0 2px 4px 0 rgba(0,0,0,0.10)",
+        up: "0 -2px 4px 0 rgba(0,0,0,0.10)",
+        md: "0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)",
+        lg: "0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)",
+        inner: "inset 0 2px 4px 0 rgba(0,0,0,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(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.1)",
+        buttonPrimary: "0 4px 8px rgba(255, 255, 255, 0.1) inset, 0 2px 5px rgba(0, 0, 0, 0.1)",
+        buttonSecondary: "0 1px 3px rgba(0, 0, 0, 0.05)",
+        paper: "0 0 3px rgba(0,0,0,0.1), 9px 9px rgba(0,0,0,0.04)",
+        tile: "0 10px 20px rgba(0, 0, 0, 0.1), 0 0 3px rgba(0, 0, 0, 0.1)",
     },
-    cyan: {
-      200: "#a1d8f1",
-      300: "#7dc3e4",
-      400: "#61accf",
-      500: "#3e9ecb",
-      600: "#2488b6",
+    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",
     },
-    purple: {
-      200: "#c8b3e8",
-      300: "#a68ad2",
-      400: "#8969bd",
-      500: "#7757ad",
-      600: "#604194",
+    tracking: {
+        tight: "-0.05em",
+        normal: "0",
+        wide: "0.05em",
     },
-    white: "#ffffff",
-    black: "#000b11",
-    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(0,0,0,0.10)",
-    up: "0 -2px 4px 0 rgba(0,0,0,0.10)",
-    md: "0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)",
-    lg: "0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)",
-    inner: "inset 0 2px 4px 0 rgba(0,0,0,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(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.1)",
-    buttonPrimary: "0 4px 8px rgba(255, 255, 255, 0.1) inset, 0 2px 5px rgba(0, 0, 0, 0.1)",
-    buttonSecondary: "0 1px 3px rgba(0, 0, 0, 0.05)",
-    paper: "0 0 3px rgba(0,0,0,0.1), 9px 9px rgba(0,0,0,0.04)",
-    tile: "0 10px 20px rgba(0, 0, 0, 0.1), 0 0 3px rgba(0, 0, 0, 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,
-  },
-};
+    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,
+    },
+};