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

package/public/style-dictionary/src/type.js

@@ -0,0 +1,34 @@
+module.exports = {
+  type: {
+    sans: {
+      value: [
+        "'Neue Montreal'",
+        "system-ui",
+        "BlinkMacSystemFont",
+        "-apple-system",
+        "'Segoe UI'",
+        "'Roboto'",
+        "'Oxygen'",
+        "'Ubuntu'",
+        "'Cantarell'",
+        "'Fira Sans'",
+        "'Droid Sans'",
+        "'Helvetica Neue'",
+        "sans-serif",
+      ].join(", "),
+    },
+    serif: {
+      value: ["'Copernicus'", "serif"].join(", "),
+    },
+    mono: {
+      value: [
+        "'Menlo'",
+        "'Monaco'",
+        "'Consolas'",
+        "'Liberation Mono'",
+        "'Courier New'",
+        "monospace",
+      ].join(", "),
+    },
+  },
+};

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

@@ -0,0 +1,32 @@
+const spacing = require("./spacing").spacing;
+
+module.exports = {
+  width: {
+    ...spacing,
+    "one-half": { value: "50%", tailwindId: "1/2" },
+    "one-third": { value: "33.33333%", tailwindId: "1/3" },
+    "two-thirds": { value: "66.66667%", tailwindId: "2/3" },
+    "one-quarter": { value: "25%", tailwindId: "1/4" },
+    "three-quarters": { value: "75%", tailwindId: "3/4" },
+    "one-fifth": { value: "20%", tailwindId: "1/5" },
+    "two-fifths": { value: "40%", tailwindId: "2/5" },
+    "three-fifths": { value: "60%", tailwindId: "3/5" },
+    "four-fifths": { value: "80%", tailwindId: "4/5" },
+    "one-sixth": { value: "16.66667%", tailwindId: "1/6" },
+    "five-sixths": { value: "83.33333%", tailwindId: "5/6" },
+    auto: { value: "auto" },
+    px: { value: "1px" },
+    full: { value: "100%" },
+    screen: { value: "100vw" },
+    "max-content": { value: "max-content" },
+    xs: { value: "20rem" },
+    sm: { value: "30rem" },
+    md: { value: "40rem" },
+    lg: { value: "50rem" },
+    xl: { value: "60rem" },
+    "two-xl": { value: "70rem", tailwindId: "2xl" },
+    "three-xl": { value: "80rem", tailwindId: "3xl" },
+    "four-xl": { value: "90rem", tailwindId: "4xl" },
+    "five-xl": { value: "100rem", tailwindId: "5xl" },
+  },
+};

package/public/style-dictionary/src/z-index.js

@@ -0,0 +1,21 @@
+module.exports = {
+  zIndex: {
+    auto: { value: "auto" },
+    "0": { value: "0" },
+    "10": { value: 10 },
+    "20": { value: 20 },
+    "30": { value: 30 },
+    "40": { value: 40 },
+    "50": { value: 50 },
+    below: { value: -1 },
+    default: { value: 1 },
+    popup: { value: 400 },
+    dialog: { value: 500 },
+    dropdown: { value: 600 },
+    overlay: { value: 700 },
+    menu: { value: 800 },
+    modal: { value: 900 },
+    toast: { value: 1000 },
+    max: { value: 2147483647 },
+  },
+};

package/public/style-dictionary/tailwind.config.js

@@ -0,0 +1,87 @@
+const {
+  borderRadius,
+  borderWidth,
+  color,
+  fontSize,
+  fontWeight,
+  height,
+  leading,
+  screenWidth,
+  shadow,
+  spacing,
+  tracking,
+  type,
+  width,
+  zIndex,
+} = require("./dist/tokens.module");
+
+const colors = {
+  ...color,
+  current: "currentColor",
+  transparent: "transparent",
+};
+
+const borderColor = {
+  DEFAULT: color.gray[400],
+  ...colors,
+};
+
+const margin = {
+  ...spacing,
+  auto: "auto",
+  px: "1px",
+};
+
+const padding = {
+  ...spacing,
+  px: "1px",
+};
+
+const willChange = {
+  auto: "auto",
+  scroll: "scroll-position",
+  contents: "contents",
+  opacity: "opacity",
+  transform: "transform",
+};
+
+const extend = {
+  transitionProperty: {
+    input: ["border-color", "box-shadow", "color"],
+  },
+};
+
+module.exports = {
+  config: {
+    content: [],
+    theme: {
+      backgroundColor: colors,
+      borderColor,
+      borderRadius,
+      borderWidth,
+      boxShadow: shadow,
+      colors,
+      fontFamily: type,
+      fontSize,
+      fontWeight,
+      gap: spacing,
+      height,
+      letterSpacing: tracking,
+      lineHeight: leading,
+      margin,
+      maxHeight: height,
+      maxWidth: width,
+      minHeight: height,
+      minWidth: width,
+      padding,
+      screens: screenWidth,
+      spacing,
+      textColor: colors,
+      width,
+      willChange,
+      zIndex,
+      extend,
+    },
+    plugins: [],
+  },
+};

package/public/tokens/box-shadow.d.ts

@@ -13,4 +13,5 @@ export declare const boxShadow: {
     buttonPrimary: string;
     buttonSecondary: string;
     paper: string;
+    tile: string;
 };

package/public/tokens/box-shadow.js

@@ -16,4 +16,5 @@ exports.boxShadow = {
     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)",
 };

package/public/tokens/font-family.js

@@ -17,7 +17,7 @@ exports.fontFamily = {
         "Helvetica Neue",
         "sans-serif",
     ],
-    serif: ["IBM Plex Serif", "serif"],
+    serif: ["Copernicus", "serif"],
     mono: [
         "Menlo",
         "Monaco",

package/public/tokens/height.d.ts

@@ -1,51 +1,73 @@
 export declare const height: {
     auto: string;
     px: string;
-    "0": string;
-    "1": string;
-    "2": string;
-    "3": string;
-    "4": string;
-    "5": string;
-    "6": string;
-    "7": string;
-    "8": string;
-    "9": string;
-    "10": string;
-    "12": string;
-    "14": string;
-    "15": string;
-    "16": string;
-    "18": string;
-    "20": string;
-    "22": string;
-    "24": string;
-    "26": string;
-    "28": string;
-    "30": string;
-    "32": string;
-    "34": string;
-    "36": string;
-    "38": string;
-    "40": string;
-    "42": string;
-    "44": string;
-    "46": string;
-    "48": string;
-    "50": string;
-    "52": string;
-    "54": string;
-    "56": string;
-    "58": string;
-    "60": string;
-    "62": string;
-    "64": string;
     full: string;
     screen: string;
     appbar: string;
     cell: string;
-};
-export declare const maxHeight: {
-    full: string;
-    screen: string;
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    13: string;
+    14: string;
+    15: string;
+    16: string;
+    17: string;
+    18: string;
+    19: string;
+    20: string;
+    21: string;
+    22: string;
+    23: string;
+    24: string;
+    25: string;
+    26: string;
+    27: string;
+    28: string;
+    29: string;
+    30: string;
+    31: string;
+    32: string;
+    33: string;
+    34: string;
+    35: string;
+    36: string;
+    37: string;
+    38: string;
+    39: string;
+    40: string;
+    41: string;
+    42: string;
+    43: string;
+    44: string;
+    45: string;
+    46: string;
+    47: string;
+    48: string;
+    49: string;
+    50: string;
+    51: string;
+    52: string;
+    53: string;
+    54: string;
+    55: string;
+    56: string;
+    57: string;
+    58: string;
+    59: string;
+    60: string;
+    61: string;
+    62: string;
+    63: string;
+    64: string;
 };

package/public/tokens/height.js

@@ -1,54 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.maxHeight = exports.height = void 0;
+exports.height = void 0;
+const sizing_scale_1 = require("./sizing-scale");
 exports.height = {
+    ...sizing_scale_1.positiveScale,
     auto: "auto",
     px: "1px",
-    "0": "0",
-    "1": "4px",
-    "2": "8px",
-    "3": "12px",
-    "4": "16px",
-    "5": "20px",
-    "6": "24px",
-    "7": "28px",
-    "8": "32px",
-    "9": "36px",
-    "10": "40px",
-    "12": "48px",
-    "14": "56px",
-    "15": "60px",
-    "16": "64px",
-    "18": "72px",
-    "20": "80px",
-    "22": "88px",
-    "24": "96px",
-    "26": "104px",
-    "28": "112px",
-    "30": "120px",
-    "32": "128px",
-    "34": "136px",
-    "36": "144px",
-    "38": "152px",
-    "40": "160px",
-    "42": "168px",
-    "44": "176px",
-    "46": "184px",
-    "48": "192px",
-    "50": "200px",
-    "52": "208px",
-    "54": "216px",
-    "56": "224px",
-    "58": "232px",
-    "60": "240px",
-    "62": "248px",
-    "64": "256px",
     full: "100%",
     screen: "100vh",
     appbar: "48px",
     cell: "34px",
 };
-exports.maxHeight = {
-    full: "100%",
-    screen: "100vh",
-};