@bitrise/bitkit-v2 0.3.59 → 0.3.60

package/dist/theme/tokens/radii.d.ts

@@ -1,20 +1,20 @@
 declare const radii: {
-    "2": {
+    '2': {
         value: string;
     };
-    "4": {
+    '4': {
         value: string;
     };
-    "8": {
+    '8': {
         value: string;
     };
-    "12": {
+    '12': {
         value: string;
     };
-    "16": {
+    '16': {
         value: string;
     };
-    "24": {
+    '24': {
         value: string;
     };
 };

package/dist/theme/tokens/radii.js

@@ -1,6 +1,24 @@
-import { defineTokens as o } from "@chakra-ui/react";
-import i from "./radii.json.js";
-const t = o.radii(i);
+import { defineTokens as e } from "@chakra-ui/react/styled-system";
+const a = e.radii({
+  2: {
+    value: "0.125rem"
+  },
+  4: {
+    value: "0.25rem"
+  },
+  8: {
+    value: "0.5rem"
+  },
+  12: {
+    value: "0.75rem"
+  },
+  16: {
+    value: "1rem"
+  },
+  24: {
+    value: "1.5rem"
+  }
+});
 export {
-  t as default
+  a as default
 };

package/dist/theme/tokens/sizes.js

@@ -1,4 +1,4 @@
-import { defineTokens as e } from "@chakra-ui/react";
+import { defineTokens as e } from "@chakra-ui/react/styled-system";
 import o from "./sizesAndSpacing.json.js";
 const i = e.sizes(o);
 export {

package/dist/theme/tokens/spacing.js

@@ -1,4 +1,4 @@
-import { defineTokens as o } from "@chakra-ui/react";
+import { defineTokens as o } from "@chakra-ui/react/styled-system";
 import e from "./sizesAndSpacing.json.js";
 const n = o.spacing(e);
 export {

package/dist/theme/tokens/zIndex.js

@@ -1,6 +1,33 @@
-import { defineTokens as e } from "@chakra-ui/react";
-import o from "./zIndex.json.js";
-const r = e.zIndex(o);
+import { defineTokens as e } from "@chakra-ui/react/styled-system";
+const a = e.zIndex({
+  base: {
+    value: 0
+  },
+  dialog: {
+    value: 1300
+  },
+  dialogOverlay: {
+    value: 1299
+  },
+  fullDialog: {
+    value: 1200
+  },
+  fullDialogOverlay: {
+    value: 1199
+  },
+  header: {
+    value: 1100
+  },
+  hide: {
+    value: -1
+  },
+  popover: {
+    value: 1400
+  },
+  tooltip: {
+    value: 1500
+  }
+});
 export {
-  r as default
+  a as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.59",
+  "version": "0.3.60",
   "description": "Bitrise Design System Components built with Chakra UI v3",
   "keywords": [
     "react",
@@ -45,7 +45,7 @@
     "type-check": "tsc --noEmit",
     "release": "release-it patch --ci",
     "pregenerate:icons": "figma-export use-config",
-    "generate:icons": "tsx ./lib/scripts/generateIconComponents.ts",
+    "generate:icons": "tsx ./scripts/generateIconComponents.ts",
     "postgenerate:icons": "eslint ./lib/icons --fix",
     "prepare": "npm run theme:generate-types"
   },

package/dist/theme/semantic-tokens/shadows.json.d.ts

@@ -1,44 +0,0 @@
-declare const _default: {
-    "formFocus": {
-        "value": {
-            "_light": "0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset, 0 0 0 3px var(--colors-purple-70)"
-        }
-    },
-    "inner": {
-        "value": {
-            "_light": "0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset"
-        }
-    },
-    "innerSmall": {
-        "value": {
-            "_light": "0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.1) inset"
-        }
-    },
-    "large": {
-        "value": {
-            "_light": "0 0.125rem 1.5rem 0 rgba(0, 0, 0, 0.08)"
-        }
-    },
-    "medium": {
-        "value": {
-            "_light": "0 0.125rem 0.75rem 0 rgba(0, 0, 0, 0.06)"
-        }
-    },
-    "outline": {
-        "value": {
-            "_light": "0 0 0 3px var(--colors-purple-70)"
-        }
-    },
-    "small": {
-        "value": {
-            "_light": "0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.06)"
-        }
-    },
-    "tooltip": {
-        "value": {
-            "_light": "0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2)"
-        }
-    }
-};
-
-export default _default;

package/dist/theme/semantic-tokens/shadows.json.js

@@ -1,21 +0,0 @@
-const e = { value: { _light: "0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset, 0 0 0 3px var(--colors-purple-70)" } }, r = { value: { _light: "0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset" } }, l = { value: { _light: "0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.1) inset" } }, t = { value: { _light: "0 0.125rem 1.5rem 0 rgba(0, 0, 0, 0.08)" } }, a = { value: { _light: "0 0.125rem 0.75rem 0 rgba(0, 0, 0, 0.06)" } }, m = { value: { _light: "0 0 0 3px var(--colors-purple-70)" } }, o = { value: { _light: "0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.06)" } }, n = { value: { _light: "0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2)" } }, s = {
-  formFocus: e,
-  inner: r,
-  innerSmall: l,
-  large: t,
-  medium: a,
-  outline: m,
-  small: o,
-  tooltip: n
-};
-export {
-  s as default,
-  e as formFocus,
-  r as inner,
-  l as innerSmall,
-  t as large,
-  a as medium,
-  m as outline,
-  o as small,
-  n as tooltip
-};

package/dist/theme/tokens/colors.json.d.ts

@@ -1,397 +0,0 @@
-declare const _default: {
-  "pal": {
-    "neutral": {
-      "10": {
-        "value": "#201b22"
-      },
-      "20": {
-        "value": "#362d39"
-      },
-      "30": {
-        "value": "#49404f"
-      },
-      "40": {
-        "value": "#6b6071"
-      },
-      "50": {
-        "value": "#7d7184"
-      },
-      "60": {
-        "value": "#94879b"
-      },
-      "70": {
-        "value": "#afa4b4"
-      },
-      "80": {
-        "value": "#c9c1cd"
-      },
-      "90": {
-        "value": "#dfdae1"
-      },
-      "93": {
-        "value": "#efebef"
-      },
-      "95": {
-        "value": "#f6f4f6"
-      },
-      "100": {
-        "value": "#fff"
-      }
-    },
-    "purple": {
-      "10": {
-        "value": "#2b0e3f"
-      },
-      "20": {
-        "value": "#421560"
-      },
-      "30": {
-        "value": "#5c2a7e"
-      },
-      "40": {
-        "value": "#7b3ba5"
-      },
-      "50": {
-        "value": "#9247c2"
-      },
-      "60": {
-        "value": "#ae63de"
-      },
-      "70": {
-        "value": "#c289e6"
-      },
-      "80": {
-        "value": "#d5adeb"
-      },
-      "90": {
-        "value": "#ead4f2"
-      },
-      "93": {
-        "value": "#f3e7f9"
-      },
-      "95": {
-        "value": "#f9f2fd"
-      }
-    },
-    "red": {
-      "10": {
-        "value": "#47060c"
-      },
-      "20": {
-        "value": "#630811"
-      },
-      "30": {
-        "value": "#78111c"
-      },
-      "40": {
-        "value": "#a91e2e"
-      },
-      "50": {
-        "value": "#d72d40"
-      },
-      "60": {
-        "value": "#f7596c"
-      },
-      "70": {
-        "value": "#ff8091"
-      },
-      "80": {
-        "value": "#ffa8b5"
-      },
-      "90": {
-        "value": "#ffccd5"
-      },
-      "93": {
-        "value": "#ffe5eb"
-      },
-      "95": {
-        "value": "#fff0f3"
-      }
-    },
-    "orange": {
-      "10": {
-        "value": "#421000"
-      },
-      "20": {
-        "value": "#661900"
-      },
-      "30": {
-        "value": "#7a2200"
-      },
-      "40": {
-        "value": "#a33500"
-      },
-      "50": {
-        "value": "#d45202"
-      },
-      "60": {
-        "value": "#ed720c"
-      },
-      "70": {
-        "value": "#fd9730"
-      },
-      "80": {
-        "value": "#ffb766"
-      },
-      "90": {
-        "value": "#ffd5a3"
-      },
-      "93": {
-        "value": "#ffe9cf"
-      },
-      "95": {
-        "value": "#fff4e5"
-      }
-    },
-    "yellow": {
-      "10": {
-        "value": "#2e1c00"
-      },
-      "20": {
-        "value": "#4d2f00"
-      },
-      "30": {
-        "value": "#613e00"
-      },
-      "40": {
-        "value": "#875b00"
-      },
-      "50": {
-        "value": "#b27e00"
-      },
-      "60": {
-        "value": "#d6a200"
-      },
-      "70": {
-        "value": "#ebba00"
-      },
-      "80": {
-        "value": "#f9cc15"
-      },
-      "90": {
-        "value": "#fbe074"
-      },
-      "93": {
-        "value": "#ffefad"
-      },
-      "95": {
-        "value": "#fff6d1"
-      }
-    },
-    "green": {
-      "10": {
-        "value": "#042a0f"
-      },
-      "20": {
-        "value": "#064217"
-      },
-      "30": {
-        "value": "#0b5620"
-      },
-      "40": {
-        "value": "#167231"
-      },
-      "50": {
-        "value": "#2a9d4c"
-      },
-      "60": {
-        "value": "#4eb76c"
-      },
-      "70": {
-        "value": "#77cf8f"
-      },
-      "80": {
-        "value": "#a1deb2"
-      },
-      "90": {
-        "value": "#c3eace"
-      },
-      "93": {
-        "value": "#e1f4e7"
-      },
-      "95": {
-        "value": "#eef9f1"
-      }
-    },
-    "turquoise": {
-      "10": {
-        "value": "#002924"
-      },
-      "20": {
-        "value": "#003d36"
-      },
-      "30": {
-        "value": "#005248"
-      },
-      "40": {
-        "value": "#007366"
-      },
-      "50": {
-        "value": "#009e8e"
-      },
-      "60": {
-        "value": "#11bba9"
-      },
-      "70": {
-        "value": "#55cec3"
-      },
-      "80": {
-        "value": "#8ae0d7"
-      },
-      "90": {
-        "value": "#aeefe8"
-      },
-      "93": {
-        "value": "#d8f8f4"
-      },
-      "95": {
-        "value": "#e9fbf9"
-      }
-    },
-    "blue": {
-      "10": {
-        "value": "#002442"
-      },
-      "20": {
-        "value": "#00315c"
-      },
-      "30": {
-        "value": "#044781"
-      },
-      "40": {
-        "value": "#1066ac"
-      },
-      "50": {
-        "value": "#2582d0"
-      },
-      "60": {
-        "value": "#4f9bde"
-      },
-      "70": {
-        "value": "#71b8ef"
-      },
-      "80": {
-        "value": "#99d1f5"
-      },
-      "90": {
-        "value": "#c2e7fa"
-      },
-      "93": {
-        "value": "#def2fc"
-      },
-      "95": {
-        "value": "#ecf8fd"
-      }
-    }
-  },
-  "brand": {
-    "purple": {
-      "darkest": {
-        "value": "#3d125f"
-      },
-      "dark": {
-        "value": "#500e82"
-      },
-      "mid": {
-        "value": "#6a3c98"
-      },
-      "light": {
-        "value": "#deb4ff"
-      },
-      "lightest": {
-        "value": "#f6eaff"
-      }
-    },
-    "blue": {
-      "dark": {
-        "value": "#11258e"
-      },
-      "mid": {
-        "value": "#005fbe"
-      },
-      "light": {
-        "value": "#88e3ff"
-      },
-      "lightest": {
-        "value": "#d7f5ff"
-      }
-    },
-    "teal": {
-      "dark": {
-        "value": "#106375"
-      },
-      "mid": {
-        "value": "#10c0c0"
-      },
-      "light": {
-        "value": "#95ffec"
-      },
-      "lightest": {
-        "value": "#dbfffd"
-      }
-    },
-    "green": {
-      "dark": {
-        "value": "#107557"
-      },
-      "mid": {
-        "value": "#0fc382"
-      },
-      "light": {
-        "value": "#95ffcc"
-      },
-      "lightest": {
-        "value": "#dbfff3"
-      }
-    },
-    "yellow": {
-      "mid": {
-        "value": "#ffc500"
-      },
-      "light": {
-        "value": "#ffe27f"
-      },
-      "lightest": {
-        "value": "#fff4cd"
-      }
-    },
-    "orange": {
-      "dark": {
-        "value": "#ff4400"
-      },
-      "mid": {
-        "value": "#ffa17f"
-      },
-      "light": {
-        "value": "#ffd7c9"
-      }
-    },
-    "red": {
-      "dark": {
-        "value": "#e5113c"
-      },
-      "mid": {
-        "value": "#ff9cd8"
-      },
-      "light": {
-        "value": "#ffd0ec"
-      }
-    },
-    "neutral": {
-      "black": {
-        "value": "#000"
-      },
-      "dark": {
-        "value": "#7c7c7c"
-      },
-      "light": {
-        "value": "#dbdbdb"
-      },
-      "white": {
-        "value": "#fff"
-      }
-    }
-  }
-};
-
-export default _default;

package/dist/theme/tokens/colors.json.js

@@ -1,9 +0,0 @@
-const e = { neutral: { 10: { value: "#201b22" }, 20: { value: "#362d39" }, 30: { value: "#49404f" }, 40: { value: "#6b6071" }, 50: { value: "#7d7184" }, 60: { value: "#94879b" }, 70: { value: "#afa4b4" }, 80: { value: "#c9c1cd" }, 90: { value: "#dfdae1" }, 93: { value: "#efebef" }, 95: { value: "#f6f4f6" }, 100: { value: "#fff" } }, purple: { 10: { value: "#2b0e3f" }, 20: { value: "#421560" }, 30: { value: "#5c2a7e" }, 40: { value: "#7b3ba5" }, 50: { value: "#9247c2" }, 60: { value: "#ae63de" }, 70: { value: "#c289e6" }, 80: { value: "#d5adeb" }, 90: { value: "#ead4f2" }, 93: { value: "#f3e7f9" }, 95: { value: "#f9f2fd" } }, red: { 10: { value: "#47060c" }, 20: { value: "#630811" }, 30: { value: "#78111c" }, 40: { value: "#a91e2e" }, 50: { value: "#d72d40" }, 60: { value: "#f7596c" }, 70: { value: "#ff8091" }, 80: { value: "#ffa8b5" }, 90: { value: "#ffccd5" }, 93: { value: "#ffe5eb" }, 95: { value: "#fff0f3" } }, orange: { 10: { value: "#421000" }, 20: { value: "#661900" }, 30: { value: "#7a2200" }, 40: { value: "#a33500" }, 50: { value: "#d45202" }, 60: { value: "#ed720c" }, 70: { value: "#fd9730" }, 80: { value: "#ffb766" }, 90: { value: "#ffd5a3" }, 93: { value: "#ffe9cf" }, 95: { value: "#fff4e5" } }, yellow: { 10: { value: "#2e1c00" }, 20: { value: "#4d2f00" }, 30: { value: "#613e00" }, 40: { value: "#875b00" }, 50: { value: "#b27e00" }, 60: { value: "#d6a200" }, 70: { value: "#ebba00" }, 80: { value: "#f9cc15" }, 90: { value: "#fbe074" }, 93: { value: "#ffefad" }, 95: { value: "#fff6d1" } }, green: { 10: { value: "#042a0f" }, 20: { value: "#064217" }, 30: { value: "#0b5620" }, 40: { value: "#167231" }, 50: { value: "#2a9d4c" }, 60: { value: "#4eb76c" }, 70: { value: "#77cf8f" }, 80: { value: "#a1deb2" }, 90: { value: "#c3eace" }, 93: { value: "#e1f4e7" }, 95: { value: "#eef9f1" } }, turquoise: { 10: { value: "#002924" }, 20: { value: "#003d36" }, 30: { value: "#005248" }, 40: { value: "#007366" }, 50: { value: "#009e8e" }, 60: { value: "#11bba9" }, 70: { value: "#55cec3" }, 80: { value: "#8ae0d7" }, 90: { value: "#aeefe8" }, 93: { value: "#d8f8f4" }, 95: { value: "#e9fbf9" } }, blue: { 10: { value: "#002442" }, 20: { value: "#00315c" }, 30: { value: "#044781" }, 40: { value: "#1066ac" }, 50: { value: "#2582d0" }, 60: { value: "#4f9bde" }, 70: { value: "#71b8ef" }, 80: { value: "#99d1f5" }, 90: { value: "#c2e7fa" }, 93: { value: "#def2fc" }, 95: { value: "#ecf8fd" } } }, a = { purple: { darkest: { value: "#3d125f" }, dark: { value: "#500e82" }, mid: { value: "#6a3c98" }, light: { value: "#deb4ff" }, lightest: { value: "#f6eaff" } }, blue: { dark: { value: "#11258e" }, mid: { value: "#005fbe" }, light: { value: "#88e3ff" }, lightest: { value: "#d7f5ff" } }, teal: { dark: { value: "#106375" }, mid: { value: "#10c0c0" }, light: { value: "#95ffec" }, lightest: { value: "#dbfffd" } }, green: { dark: { value: "#107557" }, mid: { value: "#0fc382" }, light: { value: "#95ffcc" }, lightest: { value: "#dbfff3" } }, yellow: { mid: { value: "#ffc500" }, light: { value: "#ffe27f" }, lightest: { value: "#fff4cd" } }, orange: { dark: { value: "#ff4400" }, mid: { value: "#ffa17f" }, light: { value: "#ffd7c9" } }, red: { dark: { value: "#e5113c" }, mid: { value: "#ff9cd8" }, light: { value: "#ffd0ec" } }, neutral: { black: { value: "#000" }, dark: { value: "#7c7c7c" }, light: { value: "#dbdbdb" }, white: { value: "#fff" } } }, l = {
-  pal: e,
-  brand: a
-};
-export {
-  a as brand,
-  l as default,
-  e as pal
-};

package/dist/theme/tokens/fontSizes.json.d.ts

@@ -1,32 +0,0 @@
-declare const _default: {
-  "1": {
-    "value": "0.75rem"
-  },
-  "2": {
-    "value": "0.875rem"
-  },
-  "3": {
-    "value": "1rem"
-  },
-  "4": {
-    "value": "1.1875rem"
-  },
-  "5": {
-    "value": "1.5rem"
-  },
-  "6": {
-    "value": "1.875rem"
-  },
-  "7": {
-    "value": "2.25rem"
-  },
-  "8": {
-    "value": "3rem"
-  },
-  "base": {
-    "value": "1rem"
-  }
-}
-;
-
-export default _default;

package/dist/theme/tokens/fontSizes.json.js

@@ -1,15 +0,0 @@
-const e = { value: "1rem" }, a = {
-  1: { value: "0.75rem" },
-  2: { value: "0.875rem" },
-  3: { value: "1rem" },
-  4: { value: "1.1875rem" },
-  5: { value: "1.5rem" },
-  6: { value: "1.875rem" },
-  7: { value: "2.25rem" },
-  8: { value: "3rem" },
-  base: e
-};
-export {
-  e as base,
-  a as default
-};

package/dist/theme/tokens/fontWeights.json.d.ts

@@ -1,17 +0,0 @@
-declare const _default: {
-    "bold": {
-        "value": 700
-    },
-    "demiBold": {
-        "value": 600
-    },
-    "normal": {
-        "value": 400
-    },
-    "semibold": {
-        "value": 600
-    }
-}
-;
-
-export default _default;

package/dist/theme/tokens/fontWeights.json.js

@@ -1,13 +0,0 @@
-const o = { value: 700 }, e = { value: 600 }, l = { value: 400 }, t = { value: 600 }, a = {
-  bold: o,
-  demiBold: e,
-  normal: l,
-  semibold: t
-};
-export {
-  o as bold,
-  a as default,
-  e as demiBold,
-  l as normal,
-  t as semibold
-};

package/dist/theme/tokens/fonts.json.d.ts

@@ -1,11 +0,0 @@
-declare const _default: {
-  "body": {
-    "value": "\"Figtree Variable\", sans-serif"
-  },
-  "mono": {
-    "value": "\"Source Code Pro Variable\", monospace"
-  }
-}
-;
-
-export default _default;