@bitrise/bitkit-v2 0.3.460 → 0.3.461
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 +107 -2
- package/dist/theme/semantic-tokens/semanticColors.d.ts +107 -2
- package/dist/theme/semantic-tokens/semanticColors.js +353 -94
- package/dist/theme/semantic-tokens/semanticColors.js.map +1 -1
- 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":"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.461",
|
|
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",
|