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

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

@@ -0,0 +1,424 @@
+"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)",
+        },
+        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(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,
+    },
+};

package/public/style-dictionary/src/border-radius.d.ts

@@ -0,0 +1,31 @@
+export namespace borderRadius {
+    export namespace none {
+        const value: string;
+    }
+    export namespace px {
+        const value_1: string;
+        export { value_1 as value };
+    }
+    export namespace sm {
+        const value_2: string;
+        export { value_2 as value };
+    }
+    export namespace md {
+        const value_3: string;
+        export { value_3 as value };
+    }
+    namespace _default {
+        const value_4: string;
+        export { value_4 as value };
+        export const tailwindId: string;
+    }
+    export { _default as default };
+    export namespace lg {
+        const value_5: string;
+        export { value_5 as value };
+    }
+    export namespace full {
+        const value_6: string;
+        export { value_6 as value };
+    }
+}

package/public/style-dictionary/src/border-radius.js

@@ -0,0 +1,12 @@
+"use strict";
+module.exports = {
+    borderRadius: {
+        none: { value: "0" },
+        px: { value: "1px" },
+        sm: { value: "2px" },
+        md: { value: "3px" },
+        default: { value: "4px", tailwindId: "DEFAULT" },
+        lg: { value: "8px" },
+        full: { value: "9999px" },
+    },
+};

package/public/style-dictionary/src/border-width.d.ts

@@ -0,0 +1,21 @@
+export const borderWidth: {
+    0: {
+        value: string;
+    };
+    1: {
+        value: string;
+    };
+    2: {
+        value: string;
+    };
+    4: {
+        value: string;
+    };
+    8: {
+        value: string;
+    };
+    default: {
+        value: string;
+        tailwindId: string;
+    };
+};

package/public/style-dictionary/src/border-width.js

@@ -0,0 +1,11 @@
+"use strict";
+module.exports = {
+    borderWidth: {
+        0: { value: "0" },
+        1: { value: "1px" },
+        2: { value: "2px" },
+        4: { value: "4px" },
+        8: { value: "8px" },
+        default: { value: "1px", tailwindId: "DEFAULT" },
+    }
+};