@bitrise/bitkit-v2 0.3.461-beta.2914 → 0.3.462-beta.2923
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/docs/shared.d.ts +3 -0
- package/dist/theme/global-css.js +1 -0
- package/dist/theme/global-css.js.map +1 -1
- package/dist/theme/semantic-tokens/index.d.ts +93 -3
- package/dist/theme/semantic-tokens/semanticColors.d.ts +93 -3
- package/dist/theme/semantic-tokens/semanticColors.js +349 -93
- package/dist/theme/semantic-tokens/semanticColors.js.map +1 -1
- package/dist/theme/slot-recipes/UISideNav.recipe.d.ts +5 -0
- package/dist/theme/slot-recipes/UISideNav.recipe.js +5 -0
- package/dist/theme/slot-recipes/UISideNav.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/index.d.ts +5 -0
- package/dist/theme/text-styles.d.ts +36 -0
- package/dist/theme/text-styles.js +17 -0
- package/dist/theme/text-styles.js.map +1 -1
- package/dist/theme/tokens/borderWidths.d.ts +6 -0
- package/dist/theme/tokens/borderWidths.js +3 -1
- package/dist/theme/tokens/borderWidths.js.map +1 -1
- package/dist/theme/tokens/colors.d.ts +38 -0
- package/dist/theme/tokens/colors.js +14 -0
- package/dist/theme/tokens/colors.js.map +1 -1
- package/dist/theme/tokens/index.d.ts +56 -0
- package/dist/theme/tokens/sizes.d.ts +12 -0
- package/dist/theme/tokens/sizes.js +7 -1
- package/dist/theme/tokens/sizes.js.map +1 -1
- package/docs/design-tokens.md +13 -16
- package/package.json +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-styles.js","names":[],"sources":["../../lib/theme/text-styles.ts"],"sourcesContent":["import { defineTextStyles } from '@chakra-ui/react/styled-system';\n\nconst basicTextStyles = {\n 'mono/code-2': {\n value: {\n fontFamily: 'mono',\n fontSize: '0.75rem',\n lineHeight: '1rem',\n letterSpacing: '-0.009375rem',\n fontWeight: '400',\n },\n },\n 'mono/code-3': {\n value: {\n fontFamily: 'mono',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n letterSpacing: '-0.009375rem',\n fontWeight: '400',\n },\n },\n 'sans/size-1/normal': {\n value: {\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n fontWeight: '400',\n },\n },\n 'sans/size-1/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n },\n },\n 'sans/size-1/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n },\n },\n 'sans/size-1/uppercase-bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-2/normal': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-2/normal-underline': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n textDecoration: 'underline',\n fontWeight: '400',\n },\n },\n 'sans/size-2/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n },\n },\n 'sans/size-2/semibold-underline': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n textDecoration: 'underline',\n },\n },\n 'sans/size-2/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n },\n },\n 'sans/size-2/uppercase-normal': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-2/uppercase-semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-3/normal': {\n value: {\n lineHeight: '1.5rem',\n fontSize: '1rem',\n fontWeight: '400',\n },\n },\n 'sans/size-3/normal-underline': {\n value: {\n lineHeight: '1.5rem',\n fontSize: '1rem',\n textDecoration: 'underline',\n fontWeight: '400',\n },\n },\n 'sans/size-3/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n },\n },\n 'sans/size-3/semibold-underline': {\n value: {\n fontWeight: '600',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n textDecoration: 'underline',\n },\n },\n 'sans/size-3/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n },\n },\n 'sans/size-4/normal': {\n value: {\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-4/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n },\n },\n 'sans/size-4/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n },\n },\n 'sans/size-5/normal': {\n value: {\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n fontWeight: '400',\n },\n },\n 'sans/size-5/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n },\n },\n 'sans/size-5/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n },\n },\n 'sans/size-6/normal': {\n value: {\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-6/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n },\n },\n 'sans/size-6/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n },\n },\n 'sans/size-7/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '3rem',\n fontSize: '2.25rem',\n },\n },\n 'sans/size-7/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '3rem',\n fontSize: '2.25rem',\n },\n },\n 'sans/size-8/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '3.75rem',\n fontSize: '3rem',\n },\n },\n 'sans/size-8/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '3.75rem',\n fontSize: '3rem',\n },\n },\n};\n\nexport const dataObject = {\n ...basicTextStyles,\n 'display/lg': basicTextStyles['sans/size-8/bold'],\n 'display/sm': basicTextStyles['sans/size-7/bold'],\n 'heading/h1': basicTextStyles['sans/size-6/bold'],\n 'heading/h2': basicTextStyles['sans/size-5/bold'],\n 'heading/h3': basicTextStyles['sans/size-4/bold'],\n 'heading/h4': basicTextStyles['sans/size-3/bold'],\n 'heading/h5': basicTextStyles['sans/size-2/bold'],\n 'heading/h6': basicTextStyles['sans/size-1/uppercase-bold'],\n 'heading/mobile/h1': basicTextStyles['sans/size-5/bold'],\n 'heading/mobile/h2': basicTextStyles['sans/size-4/bold'],\n 'heading/mobile/h3': basicTextStyles['sans/size-3/bold'],\n 'body/sm/regular': basicTextStyles['sans/size-1/normal'],\n 'body/sm/semibold': basicTextStyles['sans/size-1/semibold'],\n 'body/md/regular': basicTextStyles['sans/size-2/normal'],\n 'body/md/semibold': basicTextStyles['sans/size-2/semibold'],\n 'body/md/underline': basicTextStyles['sans/size-2/normal-underline'],\n 'body/lg/regular': basicTextStyles['sans/size-3/normal'],\n 'body/lg/semibold': basicTextStyles['sans/size-3/semibold'],\n 'body/lg/underline': basicTextStyles['sans/size-3/normal-underline'],\n 'body/xl/regular': basicTextStyles['sans/size-4/normal'],\n 'body/xl/semibold': basicTextStyles['sans/size-4/semibold'],\n 'body/2xl/regular': basicTextStyles['sans/size-5/normal'],\n 'body/2xl/semibold': basicTextStyles['sans/size-5/semibold'],\n 'body/2xl/bold': basicTextStyles['sans/size-5/bold'],\n 'body/3xl/regular': basicTextStyles['sans/size-6/normal'],\n 'body/3xl/semibold': basicTextStyles['sans/size-6/semibold'],\n 'code/md': basicTextStyles['mono/code-2'],\n 'code/lg': basicTextStyles['mono/code-3'],\n 'comp/button/sm': basicTextStyles['sans/size-2/semibold'],\n 'comp/button/md': basicTextStyles['sans/size-2/semibold'],\n 'comp/button/lg': basicTextStyles['sans/size-3/semibold'],\n 'comp/notification/title': basicTextStyles['sans/size-3/semibold'],\n 'comp/notification/message': basicTextStyles['sans/size-2/normal'],\n 'comp/notification/message-link': basicTextStyles['sans/size-2/normal-underline'],\n 'comp/notification/button': basicTextStyles['sans/size-2/normal'],\n 'comp/input/label': basicTextStyles['sans/size-2/semibold'],\n 'comp/input/helperText': basicTextStyles['sans/size-1/normal'],\n 'comp/link/md': basicTextStyles['sans/size-2/normal'],\n 'comp/link/md-hover': basicTextStyles['sans/size-2/normal-underline'],\n 'comp/link/lg': basicTextStyles['sans/size-3/normal'],\n 'comp/link/lg-hover': basicTextStyles['sans/size-3/normal-underline'],\n 'comp/data/sm': basicTextStyles['sans/size-3/normal'],\n 'comp/data/md': basicTextStyles['sans/size-5/semibold'],\n 'comp/data/lg': basicTextStyles['sans/size-6/semibold'],\n 'comp/tabs/line': basicTextStyles['sans/size-3/bold'],\n 'comp/tabs/contained': basicTextStyles['sans/size-3/bold'],\n 'comp/tabs/contained-secondary': basicTextStyles['sans/size-2/normal'],\n 'comp/tag/sm': basicTextStyles['sans/size-1/normal'],\n 'comp/tag/md': basicTextStyles['sans/size-2/normal'],\n 'comp/badge/sm': basicTextStyles['sans/size-1/uppercase-bold'],\n 'comp/dialog/title': basicTextStyles['sans/size-5/bold'],\n 'comp/dialog/label': basicTextStyles['sans/size-2/uppercase-semibold'],\n 'comp/avatar/24': basicTextStyles['sans/size-1/bold'],\n 'comp/avatar/32': basicTextStyles['sans/size-3/bold'],\n 'comp/avatar/40': basicTextStyles['sans/size-4/bold'],\n 'comp/avatar/48': basicTextStyles['sans/size-5/bold'],\n 'comp/avatar/64': basicTextStyles['sans/size-6/bold'],\n 'comp/avatar/128': basicTextStyles['sans/size-8/bold'],\n};\n\nconst textStyles = defineTextStyles(dataObject);\n\nexport default textStyles;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"text-styles.js","names":[],"sources":["../../lib/theme/text-styles.ts"],"sourcesContent":["import { defineTextStyles } from '@chakra-ui/react/styled-system';\n\nconst basicTextStyles = {\n 'mono/code-2': {\n value: {\n fontFamily: 'mono',\n fontSize: '0.75rem',\n lineHeight: '1rem',\n letterSpacing: '-0.009375rem',\n fontWeight: '400',\n },\n },\n 'mono/code-3': {\n value: {\n fontFamily: 'mono',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n letterSpacing: '-0.009375rem',\n fontWeight: '400',\n },\n },\n 'sans/size-1/normal': {\n value: {\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n fontWeight: '400',\n },\n },\n 'sans/size-1/normal-underline': {\n value: {\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n textDecoration: 'underline',\n fontWeight: '400',\n },\n },\n 'sans/size-1/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n },\n },\n 'sans/size-1/semibold-underline': {\n value: {\n fontWeight: '600',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n textDecoration: 'underline',\n },\n },\n 'sans/size-1/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n },\n },\n 'sans/size-1/uppercase-bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-2/normal': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-2/normal-underline': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n textDecoration: 'underline',\n fontWeight: '400',\n },\n },\n 'sans/size-2/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n },\n },\n 'sans/size-2/semibold-underline': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n textDecoration: 'underline',\n },\n },\n 'sans/size-2/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n },\n },\n 'sans/size-2/uppercase-normal': {\n value: {\n fontWeight: '400',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-2/uppercase-semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-3/normal': {\n value: {\n lineHeight: '1.5rem',\n fontSize: '1rem',\n fontWeight: '400',\n },\n },\n 'sans/size-3/normal-underline': {\n value: {\n lineHeight: '1.5rem',\n fontSize: '1rem',\n textDecoration: 'underline',\n fontWeight: '400',\n },\n },\n 'sans/size-3/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n },\n },\n 'sans/size-3/semibold-underline': {\n value: {\n fontWeight: '600',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n textDecoration: 'underline',\n },\n },\n 'sans/size-3/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n },\n },\n 'sans/size-4/normal': {\n value: {\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-4/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n },\n },\n 'sans/size-4/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n },\n },\n 'sans/size-5/normal': {\n value: {\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n fontWeight: '400',\n },\n },\n 'sans/size-5/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n },\n },\n 'sans/size-5/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n },\n },\n 'sans/size-6/normal': {\n value: {\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-6/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n },\n },\n 'sans/size-6/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n },\n },\n 'sans/size-7/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '3rem',\n fontSize: '2.25rem',\n },\n },\n 'sans/size-7/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '3rem',\n fontSize: '2.25rem',\n },\n },\n 'sans/size-8/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '3.75rem',\n fontSize: '3rem',\n },\n },\n 'sans/size-8/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '3.75rem',\n fontSize: '3rem',\n },\n },\n};\n\nexport const dataObject = {\n ...basicTextStyles,\n 'display/lg': basicTextStyles['sans/size-8/bold'],\n 'display/sm': basicTextStyles['sans/size-7/bold'],\n 'heading/h1': basicTextStyles['sans/size-6/bold'],\n 'heading/h2': basicTextStyles['sans/size-5/bold'],\n 'heading/h3': basicTextStyles['sans/size-4/bold'],\n 'heading/h4': basicTextStyles['sans/size-3/bold'],\n 'heading/h5': basicTextStyles['sans/size-2/bold'],\n 'heading/h6': basicTextStyles['sans/size-1/uppercase-bold'],\n 'heading/mobile/h1': basicTextStyles['sans/size-5/bold'],\n 'heading/mobile/h2': basicTextStyles['sans/size-4/bold'],\n 'heading/mobile/h3': basicTextStyles['sans/size-3/bold'],\n 'body/sm/regular': basicTextStyles['sans/size-1/normal'],\n 'body/sm/semibold': basicTextStyles['sans/size-1/semibold'],\n 'body/md/regular': basicTextStyles['sans/size-2/normal'],\n 'body/md/semibold': basicTextStyles['sans/size-2/semibold'],\n 'body/md/underline': basicTextStyles['sans/size-2/normal-underline'],\n 'body/lg/regular': basicTextStyles['sans/size-3/normal'],\n 'body/lg/semibold': basicTextStyles['sans/size-3/semibold'],\n 'body/lg/underline': basicTextStyles['sans/size-3/normal-underline'],\n 'body/xl/regular': basicTextStyles['sans/size-4/normal'],\n 'body/xl/semibold': basicTextStyles['sans/size-4/semibold'],\n 'body/2xl/regular': basicTextStyles['sans/size-5/normal'],\n 'body/2xl/semibold': basicTextStyles['sans/size-5/semibold'],\n 'body/2xl/bold': basicTextStyles['sans/size-5/bold'],\n 'body/3xl/regular': basicTextStyles['sans/size-6/normal'],\n 'body/3xl/semibold': basicTextStyles['sans/size-6/semibold'],\n 'code/md': basicTextStyles['mono/code-2'],\n 'code/lg': basicTextStyles['mono/code-3'],\n 'comp/button/sm': basicTextStyles['sans/size-2/semibold'],\n 'comp/button/md': basicTextStyles['sans/size-2/semibold'],\n 'comp/button/lg': basicTextStyles['sans/size-3/semibold'],\n 'comp/notification/title': basicTextStyles['sans/size-3/semibold'],\n 'comp/notification/message': basicTextStyles['sans/size-2/normal'],\n 'comp/notification/message-link': basicTextStyles['sans/size-2/normal-underline'],\n 'comp/notification/button': basicTextStyles['sans/size-2/normal'],\n 'comp/input/label': basicTextStyles['sans/size-2/semibold'],\n 'comp/input/helperText': basicTextStyles['sans/size-1/normal'],\n 'comp/link/sm': basicTextStyles['sans/size-1/normal'],\n 'comp/link/sm-hover': basicTextStyles['sans/size-1/normal-underline'],\n 'comp/link/md': basicTextStyles['sans/size-2/normal'],\n 'comp/link/md-hover': basicTextStyles['sans/size-2/normal-underline'],\n 'comp/link/lg': basicTextStyles['sans/size-3/normal'],\n 'comp/link/lg-hover': basicTextStyles['sans/size-3/normal-underline'],\n 'comp/data/sm': basicTextStyles['sans/size-3/normal'],\n 'comp/data/md': basicTextStyles['sans/size-5/semibold'],\n 'comp/data/lg': basicTextStyles['sans/size-6/semibold'],\n 'comp/tabs/line': basicTextStyles['sans/size-3/bold'],\n 'comp/tabs/contained': basicTextStyles['sans/size-3/bold'],\n 'comp/tabs/contained-secondary': basicTextStyles['sans/size-2/normal'],\n 'comp/tag/sm': basicTextStyles['sans/size-1/normal'],\n 'comp/tag/md': basicTextStyles['sans/size-2/normal'],\n 'comp/badge/sm': basicTextStyles['sans/size-1/uppercase-bold'],\n 'comp/dialog/title': basicTextStyles['sans/size-5/bold'],\n 'comp/dialog/label': basicTextStyles['sans/size-2/uppercase-semibold'],\n 'comp/avatar/24': basicTextStyles['sans/size-1/bold'],\n 'comp/avatar/32': basicTextStyles['sans/size-3/bold'],\n 'comp/avatar/40': basicTextStyles['sans/size-4/bold'],\n 'comp/avatar/48': basicTextStyles['sans/size-5/bold'],\n 'comp/avatar/64': basicTextStyles['sans/size-6/bold'],\n 'comp/avatar/128': basicTextStyles['sans/size-8/bold'],\n};\n\nconst textStyles = defineTextStyles(dataObject);\n\nexport default textStyles;\n"],"mappings":"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"}
|
|
@@ -2,7 +2,9 @@ import { defineTokens } from "@chakra-ui/react/styled-system";
|
|
|
2
2
|
//#region lib/theme/tokens/borderWidths.ts
|
|
3
3
|
var borderWidths = defineTokens.borderWidths({
|
|
4
4
|
"1": { value: "1px" },
|
|
5
|
-
"2": { value: "2px" }
|
|
5
|
+
"2": { value: "2px" },
|
|
6
|
+
"3": { value: "3px" },
|
|
7
|
+
"4": { value: "4px" }
|
|
6
8
|
});
|
|
7
9
|
//#endregion
|
|
8
10
|
export { borderWidths as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"borderWidths.js","names":[],"sources":["../../../lib/theme/tokens/borderWidths.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\n// Numeric, pixel-valued to match the size/spacing token convention (1 = 1px, 2 = 2px).\n// `borderWidth` resolves against this `borderWidths` scale — without it, raw values like\n// `'1px'` are passed through unresolved (and a bare `'1'` would emit invalid unitless CSS).\nconst borderWidths = defineTokens.borderWidths({\n '1': {\n value: '1px',\n },\n '2': {\n value: '2px',\n },\n});\n\nexport default borderWidths;\n"],"mappings":";;AAKA,IAAM,eAAe,aAAa,aAAa;CAC7C,KAAK,EACH,OAAO,MACT;CACA,KAAK,EACH,OAAO,MACT;AACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"borderWidths.js","names":[],"sources":["../../../lib/theme/tokens/borderWidths.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\n// Numeric, pixel-valued to match the size/spacing token convention (1 = 1px, 2 = 2px).\n// `borderWidth` resolves against this `borderWidths` scale — without it, raw values like\n// `'1px'` are passed through unresolved (and a bare `'1'` would emit invalid unitless CSS).\nconst borderWidths = defineTokens.borderWidths({\n '1': {\n value: '1px',\n },\n '2': {\n value: '2px',\n },\n '3': {\n value: '3px',\n },\n '4': {\n value: '4px',\n },\n});\n\nexport default borderWidths;\n"],"mappings":";;AAKA,IAAM,eAAe,aAAa,aAAa;CAC7C,KAAK,EACH,OAAO,MACT;CACA,KAAK,EACH,OAAO,MACT;CACA,KAAK,EACH,OAAO,MACT;CACA,KAAK,EACH,OAAO,MACT;AACF,CAAC"}
|
|
@@ -75,6 +75,44 @@ declare const colors: {
|
|
|
75
75
|
value: string;
|
|
76
76
|
};
|
|
77
77
|
};
|
|
78
|
+
dark: {
|
|
79
|
+
'10': {
|
|
80
|
+
value: string;
|
|
81
|
+
};
|
|
82
|
+
'20': {
|
|
83
|
+
value: string;
|
|
84
|
+
};
|
|
85
|
+
'30': {
|
|
86
|
+
value: string;
|
|
87
|
+
};
|
|
88
|
+
'40': {
|
|
89
|
+
value: string;
|
|
90
|
+
};
|
|
91
|
+
'50': {
|
|
92
|
+
value: string;
|
|
93
|
+
};
|
|
94
|
+
'60': {
|
|
95
|
+
value: string;
|
|
96
|
+
};
|
|
97
|
+
'70': {
|
|
98
|
+
value: string;
|
|
99
|
+
};
|
|
100
|
+
'80': {
|
|
101
|
+
value: string;
|
|
102
|
+
};
|
|
103
|
+
'90': {
|
|
104
|
+
value: string;
|
|
105
|
+
};
|
|
106
|
+
'93': {
|
|
107
|
+
value: string;
|
|
108
|
+
};
|
|
109
|
+
'95': {
|
|
110
|
+
value: string;
|
|
111
|
+
};
|
|
112
|
+
'100': {
|
|
113
|
+
value: string;
|
|
114
|
+
};
|
|
115
|
+
};
|
|
78
116
|
purple: {
|
|
79
117
|
'10': {
|
|
80
118
|
value: string;
|
|
@@ -29,6 +29,20 @@ var colors = defineTokens.colors({
|
|
|
29
29
|
"95": { value: "#f6f4f6" },
|
|
30
30
|
"100": { value: "#fff" }
|
|
31
31
|
},
|
|
32
|
+
dark: {
|
|
33
|
+
"10": { value: "#f7f7f8" },
|
|
34
|
+
"20": { value: "#e5e4e7" },
|
|
35
|
+
"30": { value: "#ccc8d0" },
|
|
36
|
+
"40": { value: "#b4aebc" },
|
|
37
|
+
"50": { value: "#a199ad" },
|
|
38
|
+
"60": { value: "#8d859d" },
|
|
39
|
+
"70": { value: "#605874" },
|
|
40
|
+
"80": { value: "#48425c" },
|
|
41
|
+
"90": { value: "#2f2c44" },
|
|
42
|
+
"93": { value: "#212037" },
|
|
43
|
+
"95": { value: "#141629" },
|
|
44
|
+
"100": { value: "#0f101f" }
|
|
45
|
+
},
|
|
32
46
|
purple: {
|
|
33
47
|
"10": { value: "#2b0e3f" },
|
|
34
48
|
"20": { value: "#421560" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","names":[],"sources":["../../../lib/theme/tokens/colors.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\nconst colors = defineTokens.colors({\n white: {\n '10': { value: 'rgba(255, 255, 255, 0.1)' },\n '15': { value: 'rgba(255, 255, 255, 0.15)' },\n '20': { value: 'rgba(255, 255, 255, 0.2)' },\n '30': { value: 'rgba(255, 255, 255, 0.3)' },\n '40': { value: 'rgba(255, 255, 255, 0.4)' },\n '50': { value: 'rgba(255, 255, 255, 0.5)' },\n '60': { value: 'rgba(255, 255, 255, 0.6)' },\n '70': { value: 'rgba(255, 255, 255, 0.7)' },\n '80': { value: 'rgba(255, 255, 255, 0.8)' },\n '85': { value: 'rgba(255, 255, 255, 0.85)' },\n '90': { value: 'rgba(255, 255, 255, 0.9)' },\n '100': { value: 'rgb(255, 255, 255)' },\n },\n neutral: {\n '10': { value: '#201b22' },\n '20': { value: '#362d39' },\n '30': { value: '#49404f' },\n '40': { value: '#6b6071' },\n '50': { value: '#7d7184' },\n '60': { value: '#94879b' },\n '70': { value: '#afa4b4' },\n '80': { value: '#c9c1cd' },\n '90': { value: '#dfdae1' },\n '93': { value: '#efebef' },\n '95': { value: '#f6f4f6' },\n '100': { value: '#fff' },\n },\n purple: {\n '10': { value: '#2b0e3f' },\n '20': { value: '#421560' },\n '30': { value: '#5c2a7e' },\n '40': { value: '#7b3ba5' },\n '50': { value: '#9247c2' },\n '60': { value: '#ae63de' },\n '70': { value: '#c289e6' },\n '80': { value: '#d5adeb' },\n '90': { value: '#ead4f2' },\n '93': { value: '#f3e7f9' },\n '95': { value: '#f9f2fd' },\n },\n indigo: {\n '10': { value: '#1f1844' },\n '20': { value: '#2d2363' },\n '30': { value: '#423786' },\n '40': { value: '#5a50b2' },\n '50': { value: '#6d65d6' },\n '60': { value: '#8281ec' },\n '70': { value: '#9ca1f8' },\n '80': { value: '#b7bffc' },\n '90': { value: '#cdd5fe' },\n '93': { value: '#e5e9fa' },\n '95': { value: '#f1f4fd' },\n },\n red: {\n '10': { value: '#47060c' },\n '20': { value: '#630811' },\n '30': { value: '#78111c' },\n '40': { value: '#a91e2e' },\n '50': { value: '#d72d40' },\n '60': { value: '#f7596c' },\n '70': { value: '#ff8091' },\n '80': { value: '#ffa8b5' },\n '90': { value: '#ffccd5' },\n '93': { value: '#ffe5eb' },\n '95': { value: '#fff0f3' },\n },\n orange: {\n '10': { value: '#421000' },\n '20': { value: '#661900' },\n '30': { value: '#7a2200' },\n '40': { value: '#a33500' },\n '50': { value: '#d45202' },\n '60': { value: '#ed720c' },\n '70': { value: '#fd9730' },\n '80': { value: '#ffb766' },\n '90': { value: '#ffd5a3' },\n '93': { value: '#ffe9cf' },\n '95': { value: '#fff4e5' },\n },\n yellow: {\n '10': { value: '#2e1c00' },\n '20': { value: '#4d2f00' },\n '30': { value: '#613e00' },\n '40': { value: '#875b00' },\n '50': { value: '#b27e00' },\n '60': { value: '#d6a200' },\n '70': { value: '#ebba00' },\n '80': { value: '#f9cc15' },\n '90': { value: '#fbe074' },\n '93': { value: '#ffefad' },\n '95': { value: '#fff6d1' },\n },\n green: {\n '10': { value: '#042a0f' },\n '20': { value: '#064217' },\n '30': { value: '#0b5620' },\n '40': { value: '#167231' },\n '50': { value: '#2a9d4c' },\n '60': { value: '#4eb76c' },\n '70': { value: '#77cf8f' },\n '80': { value: '#a1deb2' },\n '90': { value: '#c3eace' },\n '93': { value: '#e1f4e7' },\n '95': { value: '#eef9f1' },\n },\n turquoise: {\n '10': { value: '#002924' },\n '20': { value: '#003d36' },\n '30': { value: '#005248' },\n '40': { value: '#007366' },\n '50': { value: '#009e8e' },\n '60': { value: '#11bba9' },\n '70': { value: '#55cec3' },\n '80': { value: '#8ae0d7' },\n '90': { value: '#aeefe8' },\n '93': { value: '#d8f8f4' },\n '95': { value: '#e9fbf9' },\n },\n blue: {\n '10': { value: '#002442' },\n '20': { value: '#00315c' },\n '30': { value: '#044781' },\n '40': { value: '#1066ac' },\n '50': { value: '#2582d0' },\n '60': { value: '#4f9bde' },\n '70': { value: '#71b8ef' },\n '80': { value: '#99d1f5' },\n '90': { value: '#c2e7fa' },\n '93': { value: '#def2fc' },\n '95': { value: '#ecf8fd' },\n },\n});\n\nexport default colors;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"colors.js","names":[],"sources":["../../../lib/theme/tokens/colors.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\nconst colors = defineTokens.colors({\n white: {\n '10': { value: 'rgba(255, 255, 255, 0.1)' },\n '15': { value: 'rgba(255, 255, 255, 0.15)' },\n '20': { value: 'rgba(255, 255, 255, 0.2)' },\n '30': { value: 'rgba(255, 255, 255, 0.3)' },\n '40': { value: 'rgba(255, 255, 255, 0.4)' },\n '50': { value: 'rgba(255, 255, 255, 0.5)' },\n '60': { value: 'rgba(255, 255, 255, 0.6)' },\n '70': { value: 'rgba(255, 255, 255, 0.7)' },\n '80': { value: 'rgba(255, 255, 255, 0.8)' },\n '85': { value: 'rgba(255, 255, 255, 0.85)' },\n '90': { value: 'rgba(255, 255, 255, 0.9)' },\n '100': { value: 'rgb(255, 255, 255)' },\n },\n neutral: {\n '10': { value: '#201b22' },\n '20': { value: '#362d39' },\n '30': { value: '#49404f' },\n '40': { value: '#6b6071' },\n '50': { value: '#7d7184' },\n '60': { value: '#94879b' },\n '70': { value: '#afa4b4' },\n '80': { value: '#c9c1cd' },\n '90': { value: '#dfdae1' },\n '93': { value: '#efebef' },\n '95': { value: '#f6f4f6' },\n '100': { value: '#fff' },\n },\n dark: {\n '10': { value: '#f7f7f8' },\n '20': { value: '#e5e4e7' },\n '30': { value: '#ccc8d0' },\n '40': { value: '#b4aebc' },\n '50': { value: '#a199ad' },\n '60': { value: '#8d859d' },\n '70': { value: '#605874' },\n '80': { value: '#48425c' },\n '90': { value: '#2f2c44' },\n '93': { value: '#212037' },\n '95': { value: '#141629' },\n '100': { value: '#0f101f' },\n },\n purple: {\n '10': { value: '#2b0e3f' },\n '20': { value: '#421560' },\n '30': { value: '#5c2a7e' },\n '40': { value: '#7b3ba5' },\n '50': { value: '#9247c2' },\n '60': { value: '#ae63de' },\n '70': { value: '#c289e6' },\n '80': { value: '#d5adeb' },\n '90': { value: '#ead4f2' },\n '93': { value: '#f3e7f9' },\n '95': { value: '#f9f2fd' },\n },\n indigo: {\n '10': { value: '#1f1844' },\n '20': { value: '#2d2363' },\n '30': { value: '#423786' },\n '40': { value: '#5a50b2' },\n '50': { value: '#6d65d6' },\n '60': { value: '#8281ec' },\n '70': { value: '#9ca1f8' },\n '80': { value: '#b7bffc' },\n '90': { value: '#cdd5fe' },\n '93': { value: '#e5e9fa' },\n '95': { value: '#f1f4fd' },\n },\n red: {\n '10': { value: '#47060c' },\n '20': { value: '#630811' },\n '30': { value: '#78111c' },\n '40': { value: '#a91e2e' },\n '50': { value: '#d72d40' },\n '60': { value: '#f7596c' },\n '70': { value: '#ff8091' },\n '80': { value: '#ffa8b5' },\n '90': { value: '#ffccd5' },\n '93': { value: '#ffe5eb' },\n '95': { value: '#fff0f3' },\n },\n orange: {\n '10': { value: '#421000' },\n '20': { value: '#661900' },\n '30': { value: '#7a2200' },\n '40': { value: '#a33500' },\n '50': { value: '#d45202' },\n '60': { value: '#ed720c' },\n '70': { value: '#fd9730' },\n '80': { value: '#ffb766' },\n '90': { value: '#ffd5a3' },\n '93': { value: '#ffe9cf' },\n '95': { value: '#fff4e5' },\n },\n yellow: {\n '10': { value: '#2e1c00' },\n '20': { value: '#4d2f00' },\n '30': { value: '#613e00' },\n '40': { value: '#875b00' },\n '50': { value: '#b27e00' },\n '60': { value: '#d6a200' },\n '70': { value: '#ebba00' },\n '80': { value: '#f9cc15' },\n '90': { value: '#fbe074' },\n '93': { value: '#ffefad' },\n '95': { value: '#fff6d1' },\n },\n green: {\n '10': { value: '#042a0f' },\n '20': { value: '#064217' },\n '30': { value: '#0b5620' },\n '40': { value: '#167231' },\n '50': { value: '#2a9d4c' },\n '60': { value: '#4eb76c' },\n '70': { value: '#77cf8f' },\n '80': { value: '#a1deb2' },\n '90': { value: '#c3eace' },\n '93': { value: '#e1f4e7' },\n '95': { value: '#eef9f1' },\n },\n turquoise: {\n '10': { value: '#002924' },\n '20': { value: '#003d36' },\n '30': { value: '#005248' },\n '40': { value: '#007366' },\n '50': { value: '#009e8e' },\n '60': { value: '#11bba9' },\n '70': { value: '#55cec3' },\n '80': { value: '#8ae0d7' },\n '90': { value: '#aeefe8' },\n '93': { value: '#d8f8f4' },\n '95': { value: '#e9fbf9' },\n },\n blue: {\n '10': { value: '#002442' },\n '20': { value: '#00315c' },\n '30': { value: '#044781' },\n '40': { value: '#1066ac' },\n '50': { value: '#2582d0' },\n '60': { value: '#4f9bde' },\n '70': { value: '#71b8ef' },\n '80': { value: '#99d1f5' },\n '90': { value: '#c2e7fa' },\n '93': { value: '#def2fc' },\n '95': { value: '#ecf8fd' },\n },\n});\n\nexport default colors;\n"],"mappings":"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"}
|
|
@@ -20,6 +20,12 @@ declare const tokens: {
|
|
|
20
20
|
'2': {
|
|
21
21
|
value: string;
|
|
22
22
|
};
|
|
23
|
+
'3': {
|
|
24
|
+
value: string;
|
|
25
|
+
};
|
|
26
|
+
'4': {
|
|
27
|
+
value: string;
|
|
28
|
+
};
|
|
23
29
|
};
|
|
24
30
|
colors: {
|
|
25
31
|
white: {
|
|
@@ -98,6 +104,44 @@ declare const tokens: {
|
|
|
98
104
|
value: string;
|
|
99
105
|
};
|
|
100
106
|
};
|
|
107
|
+
dark: {
|
|
108
|
+
'10': {
|
|
109
|
+
value: string;
|
|
110
|
+
};
|
|
111
|
+
'20': {
|
|
112
|
+
value: string;
|
|
113
|
+
};
|
|
114
|
+
'30': {
|
|
115
|
+
value: string;
|
|
116
|
+
};
|
|
117
|
+
'40': {
|
|
118
|
+
value: string;
|
|
119
|
+
};
|
|
120
|
+
'50': {
|
|
121
|
+
value: string;
|
|
122
|
+
};
|
|
123
|
+
'60': {
|
|
124
|
+
value: string;
|
|
125
|
+
};
|
|
126
|
+
'70': {
|
|
127
|
+
value: string;
|
|
128
|
+
};
|
|
129
|
+
'80': {
|
|
130
|
+
value: string;
|
|
131
|
+
};
|
|
132
|
+
'90': {
|
|
133
|
+
value: string;
|
|
134
|
+
};
|
|
135
|
+
'93': {
|
|
136
|
+
value: string;
|
|
137
|
+
};
|
|
138
|
+
'95': {
|
|
139
|
+
value: string;
|
|
140
|
+
};
|
|
141
|
+
'100': {
|
|
142
|
+
value: string;
|
|
143
|
+
};
|
|
144
|
+
};
|
|
101
145
|
purple: {
|
|
102
146
|
'10': {
|
|
103
147
|
value: string;
|
|
@@ -497,6 +541,18 @@ declare const tokens: {
|
|
|
497
541
|
};
|
|
498
542
|
};
|
|
499
543
|
sizes: {
|
|
544
|
+
'layout/maxWidth/800': {
|
|
545
|
+
value: string;
|
|
546
|
+
};
|
|
547
|
+
'layout/maxWidth/960': {
|
|
548
|
+
value: string;
|
|
549
|
+
};
|
|
550
|
+
'layout/maxWidth/1280': {
|
|
551
|
+
value: string;
|
|
552
|
+
};
|
|
553
|
+
'layout/maxWidth/1616': {
|
|
554
|
+
value: string;
|
|
555
|
+
};
|
|
500
556
|
"1": {
|
|
501
557
|
value: string;
|
|
502
558
|
};
|
|
@@ -1,4 +1,16 @@
|
|
|
1
1
|
declare const sizes: {
|
|
2
|
+
'layout/maxWidth/800': {
|
|
3
|
+
value: string;
|
|
4
|
+
};
|
|
5
|
+
'layout/maxWidth/960': {
|
|
6
|
+
value: string;
|
|
7
|
+
};
|
|
8
|
+
'layout/maxWidth/1280': {
|
|
9
|
+
value: string;
|
|
10
|
+
};
|
|
11
|
+
'layout/maxWidth/1616': {
|
|
12
|
+
value: string;
|
|
13
|
+
};
|
|
2
14
|
"1": {
|
|
3
15
|
value: string;
|
|
4
16
|
};
|
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
import sizesAndSpacing_default from "./sizesAndSpacing.js";
|
|
2
2
|
import { defineTokens } from "@chakra-ui/react/styled-system";
|
|
3
3
|
//#region lib/theme/tokens/sizes.ts
|
|
4
|
-
var sizes = defineTokens.sizes(
|
|
4
|
+
var sizes = defineTokens.sizes({
|
|
5
|
+
...sizesAndSpacing_default,
|
|
6
|
+
"layout/maxWidth/800": { value: "50rem" },
|
|
7
|
+
"layout/maxWidth/960": { value: "60rem" },
|
|
8
|
+
"layout/maxWidth/1280": { value: "80rem" },
|
|
9
|
+
"layout/maxWidth/1616": { value: "101rem" }
|
|
10
|
+
});
|
|
5
11
|
//#endregion
|
|
6
12
|
export { sizes as default };
|
|
7
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.js","names":[],"sources":["../../../lib/theme/tokens/sizes.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\nimport object from './sizesAndSpacing.json';\n\nconst sizes = defineTokens.sizes(object);\n\nexport default sizes;\n"],"mappings":";;;AAIA,IAAM,QAAQ,aAAa,MAAM,
|
|
1
|
+
{"version":3,"file":"sizes.js","names":[],"sources":["../../../lib/theme/tokens/sizes.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\nimport object from './sizesAndSpacing.json';\n\nconst sizes = defineTokens.sizes({\n ...object,\n 'layout/maxWidth/800': { value: '50rem' },\n 'layout/maxWidth/960': { value: '60rem' },\n 'layout/maxWidth/1280': { value: '80rem' },\n 'layout/maxWidth/1616': { value: '101rem' },\n});\n\nexport default sizes;\n"],"mappings":";;;AAIA,IAAM,QAAQ,aAAa,MAAM;CAC/B,GAAG;CACH,uBAAuB,EAAE,OAAO,QAAQ;CACxC,uBAAuB,EAAE,OAAO,QAAQ;CACxC,wBAAwB,EAAE,OAAO,QAAQ;CACzC,wBAAwB,EAAE,OAAO,SAAS;AAC5C,CAAC"}
|
package/docs/design-tokens.md
CHANGED
|
@@ -13,7 +13,8 @@ bitkit-v2 holds **hand-maintained** token files that mirror that source:
|
|
|
13
13
|
| source (`tokens.json`) | bitkit-v2 file |
|
|
14
14
|
| -------------------------------------------------------- | ------------------------------------------- |
|
|
15
15
|
| `core/color-primitives.core` (`purple.50`, `red.40`, …) | `lib/theme/tokens/colors.ts` (primitives) |
|
|
16
|
-
| `semantic/theme-light.{color,sys,…}` | `lib/theme/semantic-tokens/semanticColors.ts` |
|
|
16
|
+
| `semantic/theme-light.{color,sys,…}` | `lib/theme/semantic-tokens/semanticColors.ts` (`_light`) |
|
|
17
|
+
| `semantic/theme-dark.{color,sys,…}` | `lib/theme/semantic-tokens/semanticColors.ts` (`_dark`) |
|
|
17
18
|
| `components/colors.{background,text,icon,button,status,gradient,…}` | `lib/theme/semantic-tokens/semanticColors.ts` |
|
|
18
19
|
|
|
19
20
|
When the source changes (it does, in small increments), re-sync bitkit's files
|
|
@@ -38,6 +39,8 @@ semantic+component layers:
|
|
|
38
39
|
- tokens **bitkit has but the source doesn't** (renamed / stale / intentional extra),
|
|
39
40
|
- **light value/reference mismatches** on the common tokens.
|
|
40
41
|
|
|
42
|
+
`_dark` values aren't compared — check them against `semantic/theme-dark` by hand.
|
|
43
|
+
|
|
41
44
|
Values are compared canonically, so equivalent spellings (`#fff` ≡ `#ffffff`,
|
|
42
45
|
`core.purple.50` ≡ `colors.purple.50`) are **not** flagged.
|
|
43
46
|
|
|
@@ -60,27 +63,21 @@ After any change, run `npm run theme:generate-types` then `npm run type-check`.
|
|
|
60
63
|
## Runtime constraint: why some values can't match the source verbatim
|
|
61
64
|
|
|
62
65
|
bitkit resolves token references to **CSS custom properties** at runtime
|
|
63
|
-
(`var(--colors-purple-50)`).
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
2. **Alpha via `rgba({ref}, a)`**. `rgba(var(--x), 0.5)` is invalid CSS, so
|
|
73
|
-
bitkit uses `color-mix(in srgb, {colors.x} 50%, transparent)` (and a literal
|
|
74
|
-
`rgba(255, 255, 255, 0)` for fully-transparent tokens).
|
|
66
|
+
(`var(--colors-purple-50)`). The source's **alpha via `rgba({ref}, a)`** is
|
|
67
|
+
therefore impossible to reproduce: `rgba(var(--x), 0.5)` is invalid CSS. bitkit
|
|
68
|
+
expresses it differently — **same rendered color**:
|
|
69
|
+
|
|
70
|
+
- `rgba({ref}, 1)` inside a gradient → the plain reference:
|
|
71
|
+
- source: `linear-gradient(90deg, rgba({color.purple.minimal}, 1) 0%, …)`
|
|
72
|
+
- bitkit: `linear-gradient(90deg, {colors.color/purple/minimal} 0%, …)`
|
|
73
|
+
- any other alpha → `color-mix(in srgb, {colors.x} 50%, transparent)` (and a
|
|
74
|
+
literal `rgba(255, 255, 255, 0)` for fully-transparent tokens).
|
|
75
75
|
|
|
76
76
|
A drift report that only flags these representation differences means bitkit is
|
|
77
77
|
**fully in sync**.
|
|
78
78
|
|
|
79
79
|
## Out of scope (intentional)
|
|
80
80
|
|
|
81
|
-
- **Dark theme** — the source ships a full `semantic/theme-dark` layer and a
|
|
82
|
-
`dark` primitive scale. bitkit does **not** implement dark mode yet, so these
|
|
83
|
-
are intentionally absent. _(Later task — revisit when dark mode is on the roadmap.)_
|
|
84
81
|
- **brand** — the source's `brand/*` primitives (and `brand/primary`) are "not
|
|
85
82
|
in design" for bitkit and were intentionally dropped.
|
|
86
83
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bitrise/bitkit-v2",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.462-beta.2923",
|
|
5
5
|
"description": "Bitrise Design System Components built with Chakra UI V3",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"react",
|
|
@@ -78,6 +78,7 @@
|
|
|
78
78
|
"@google-cloud/storage": "^8.2.0",
|
|
79
79
|
"@storybook/addon-docs": "10.6.0",
|
|
80
80
|
"@storybook/addon-mcp": "10.6.0",
|
|
81
|
+
"@storybook/addon-themes": "10.6.0",
|
|
81
82
|
"@storybook/react-vite": "10.6.0",
|
|
82
83
|
"@svgr/plugin-jsx": "^8.1.0",
|
|
83
84
|
"@types/node": "^26.6.2",
|