@knapsack/sandbox-tokens 4.54.0--canary.3365.e15c8ac.0 → 4.54.1--canary.4008.46acab9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (19) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/CHANGELOG.md +12 -0
  3. package/dist/design-tokens.cjs +9 -0
  4. package/dist/design-tokens.collections.css +26 -5
  5. package/dist/design-tokens.css +13 -0
  6. package/dist/design-tokens.css.scss +13 -0
  7. package/dist/design-tokens.d.cts +9 -0
  8. package/dist/design-tokens.d.mts +9 -0
  9. package/dist/design-tokens.d.ts +9 -0
  10. package/dist/design-tokens.js +9 -0
  11. package/dist/design-tokens.json +9 -0
  12. package/dist/design-tokens.less +9 -0
  13. package/dist/design-tokens.mjs +9 -0
  14. package/dist/design-tokens.nested.json +13 -2
  15. package/dist/design-tokens.scss +20 -0
  16. package/dist/design-tokens.style-dictionary.json +28 -2
  17. package/dist/design-tokens.w3c-spec.json +28 -2
  18. package/package.json +4 -4
  19. package/src/knapsack.design-tokens.json +28 -2
package/.turbo/turbo-build.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- > @knapsack/sandbox-tokens@4.53.2 build /home/runner/work/app-monorepo/app-monorepo/apps/ui/libs/sandbox-tokens
2
+ > @knapsack/sandbox-tokens@4.54.0 build /home/runner/work/app-monorepo/app-monorepo/apps/ui/libs/sandbox-tokens
3
3
  > knapsack build:tokens
4
4
 
5
5
  info Wrote design tokens to "dist"
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v4.53.3 (Fri May 03 2024)
2
+
3
+ #### 🏠 Internal
4
+
5
+ - fixes non existent collection groups handling [#3963](https://github.com/knapsack-labs/app-monorepo/pull/3963) ([@GormanDesign](https://github.com/GormanDesign))
6
+
7
+ #### Authors: 1
8
+
9
+ - Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
10
+
11
+ ---
12
+
1
13
  # v4.53.2 (Thu May 02 2024)
2
14
 
3
15
  #### 🐛 Bug Fix
package/dist/design-tokens.cjs CHANGED
@@ -17,6 +17,10 @@ module.exports = {
17
17
  collectionsBrandsColorColor1BrandALight: '#000000',
18
18
  collectionsBrandsColorColor1BrandBDark: '#000000',
19
19
  collectionsBrandsColorColor1BrandBLight: '#000000',
20
+ collectionsBrandsColorFontWeightBrandADark: 400,
21
+ collectionsBrandsColorFontWeightBrandALight: 400,
22
+ collectionsBrandsColorFontWeightBrandBDark: 400,
23
+ collectionsBrandsColorFontWeightBrandBLight: 400,
20
24
  collectionsBrandsColorPrimaryBrandADark: '#0a13f7',
21
25
  collectionsBrandsColorPrimaryBrandALight: '#3ed93f',
22
26
  colorPink800: '#710D55',
@@ -33,12 +37,17 @@ module.exports = {
33
37
  collectionsBrandsFooBarBrandALight: '1px',
34
38
  collectionsBrandsFooBarBrandBDark: '1px',
35
39
  collectionsBrandsFooBarBrandBLight: '1px',
40
+ collectionsBrandsTestDimensionBrandADark: '2px',
36
41
  collectionsBrandsTestDimensionBrandALight: '2px',
42
+ collectionsBrandsTestDimensionBrandBDark: '2px',
43
+ collectionsBrandsTestDimensionBrandBLight: '2px',
37
44
  spacingScale2: '4px',
38
45
  collectionsDensitySpacingSmallCompact: '4px',
39
46
  collectionsBrandsTestPrimaryBrandADark: '4px',
40
47
  spacingScale8: '40px',
41
48
  collectionsBrandsTestPrimaryBrandALight: '40px',
49
+ collectionsBrandsTestPrimaryBrandBDark: '4px',
50
+ collectionsBrandsTestPrimaryBrandBLight: '4px',
42
51
  collectionsBrandsTestSecondaryBrandADark: '#cc2020',
43
52
  collectionsBrandsTestSecondaryBrandALight: '#cc2020',
44
53
  colorNeutral600: '#ACAAB6',
package/dist/design-tokens.collections.css CHANGED
@@ -15,6 +15,10 @@
15
15
  --collections-brands-color-color-1-brand-a-light: #000000;
16
16
  --collections-brands-color-color-1-brand-b-dark: #000000;
17
17
  --collections-brands-color-color-1-brand-b-light: #000000;
18
+ --collections-brands-color-font-weight-brand-a-dark: 400;
19
+ --collections-brands-color-font-weight-brand-a-light: 400;
20
+ --collections-brands-color-font-weight-brand-b-dark: 400;
21
+ --collections-brands-color-font-weight-brand-b-light: 400;
18
22
  --collections-brands-color-primary-brand-a-dark: #0a13f7;
19
23
  --collections-brands-color-primary-brand-a-light: #3ed93f;
20
24
  --collections-brands-color-primary-brand-b-dark: var(--color-pink-800);
@@ -27,11 +31,20 @@
27
31
  --collections-brands-foo-bar-brand-a-light: 1px;
28
32
  --collections-brands-foo-bar-brand-b-dark: 1px;
29
33
  --collections-brands-foo-bar-brand-b-light: 1px;
34
+ --collections-brands-test-dimension-brand-a-dark: 2px;
30
35
  --collections-brands-test-dimension-brand-a-light: 2px;
36
+ --collections-brands-test-dimension-brand-b-dark: 2px;
37
+ --collections-brands-test-dimension-brand-b-light: 2px;
31
38
  --collections-brands-test-primary-brand-a-dark: var(
32
39
  --collections-density-spacing-small-compact
33
40
  );
34
41
  --collections-brands-test-primary-brand-a-light: var(--spacing-scale-8);
42
+ --collections-brands-test-primary-brand-b-dark: var(
43
+ --collections-density-spacing-small-compact
44
+ );
45
+ --collections-brands-test-primary-brand-b-light: var(
46
+ --collections-density-spacing-small-compact
47
+ );
35
48
  --collections-brands-test-secondary-brand-a-dark: #cc2020;
36
49
  --collections-brands-test-secondary-brand-a-light: #cc2020;
37
50
  --collections-brands-test-secondary-brand-b-dark: var(--color-neutral-600);
@@ -115,6 +128,9 @@
115
128
  [data-collections-brands='brandALight'] {
116
129
  --color-color: var(--collections-brands-color-color-brand-a-light);
117
130
  --color-color-1: var(--collections-brands-color-color-1-brand-a-light);
131
+ --color-font-weight: var(
132
+ --collections-brands-color-font-weight-brand-a-light
133
+ );
118
134
  --color-primary: var(--collections-brands-color-primary-brand-a-light);
119
135
  --color-secondary: var(--collections-brands-color-secondary-brand-a-light);
120
136
  --foo-bar: var(--collections-brands-foo-bar-brand-a-light);
@@ -126,10 +142,11 @@
126
142
  [data-collections-brands='brandADark'] {
127
143
  --color-color: var(--collections-brands-color-color-brand-a-dark);
128
144
  --color-color-1: var(--collections-brands-color-color-1-brand-a-dark);
145
+ --color-font-weight: var(--collections-brands-color-font-weight-brand-a-dark);
129
146
  --color-primary: var(--collections-brands-color-primary-brand-a-dark);
130
147
  --color-secondary: var(--collections-brands-color-secondary-brand-a-dark);
131
148
  --foo-bar: var(--collections-brands-foo-bar-brand-a-dark);
132
- --test-dimension: var(--collections-brands-test-dimension-brand-a-light);
149
+ --test-dimension: var(--collections-brands-test-dimension-brand-a-dark);
133
150
  --test-primary: var(--collections-brands-test-primary-brand-a-dark);
134
151
  --test-secondary: var(--collections-brands-test-secondary-brand-a-dark);
135
152
  }
@@ -137,22 +154,26 @@
137
154
  [data-collections-brands='brandBLight'] {
138
155
  --color-color: var(--collections-brands-color-color-brand-b-light);
139
156
  --color-color-1: var(--collections-brands-color-color-1-brand-b-light);
157
+ --color-font-weight: var(
158
+ --collections-brands-color-font-weight-brand-b-light
159
+ );
140
160
  --color-primary: var(--collections-brands-color-primary-brand-b-light);
141
161
  --color-secondary: var(--collections-brands-color-secondary-brand-b-light);
142
162
  --foo-bar: var(--collections-brands-foo-bar-brand-b-light);
143
- --test-dimension: var(--collections-brands-test-dimension-brand-a-light);
144
- --test-primary: var(--collections-brands-test-primary-brand-a-dark);
163
+ --test-dimension: var(--collections-brands-test-dimension-brand-b-light);
164
+ --test-primary: var(--collections-brands-test-primary-brand-b-light);
145
165
  --test-secondary: var(--collections-brands-test-secondary-brand-b-light);
146
166
  }
147
167
 
148
168
  [data-collections-brands='brandBDark'] {
149
169
  --color-color: var(--collections-brands-color-color-brand-b-dark);
150
170
  --color-color-1: var(--collections-brands-color-color-1-brand-b-dark);
171
+ --color-font-weight: var(--collections-brands-color-font-weight-brand-b-dark);
151
172
  --color-primary: var(--collections-brands-color-primary-brand-b-dark);
152
173
  --color-secondary: var(--collections-brands-color-secondary-brand-b-dark);
153
174
  --foo-bar: var(--collections-brands-foo-bar-brand-b-dark);
154
- --test-dimension: var(--collections-brands-test-dimension-brand-a-light);
155
- --test-primary: var(--collections-brands-test-primary-brand-a-dark);
175
+ --test-dimension: var(--collections-brands-test-dimension-brand-b-dark);
176
+ --test-primary: var(--collections-brands-test-primary-brand-b-dark);
156
177
  --test-secondary: var(--collections-brands-test-secondary-brand-b-dark);
157
178
  }
158
179
 
package/dist/design-tokens.css CHANGED
@@ -15,6 +15,10 @@
15
15
  --collections-brands-color-color-1-brand-a-light: #000000;
16
16
  --collections-brands-color-color-1-brand-b-dark: #000000;
17
17
  --collections-brands-color-color-1-brand-b-light: #000000;
18
+ --collections-brands-color-font-weight-brand-a-dark: 400;
19
+ --collections-brands-color-font-weight-brand-a-light: 400;
20
+ --collections-brands-color-font-weight-brand-b-dark: 400;
21
+ --collections-brands-color-font-weight-brand-b-light: 400;
18
22
  --collections-brands-color-primary-brand-a-dark: #0a13f7;
19
23
  --collections-brands-color-primary-brand-a-light: #3ed93f;
20
24
  --collections-brands-color-primary-brand-b-dark: var(--color-pink-800);
@@ -27,11 +31,20 @@
27
31
  --collections-brands-foo-bar-brand-a-light: 1px;
28
32
  --collections-brands-foo-bar-brand-b-dark: 1px;
29
33
  --collections-brands-foo-bar-brand-b-light: 1px;
34
+ --collections-brands-test-dimension-brand-a-dark: 2px;
30
35
  --collections-brands-test-dimension-brand-a-light: 2px;
36
+ --collections-brands-test-dimension-brand-b-dark: 2px;
37
+ --collections-brands-test-dimension-brand-b-light: 2px;
31
38
  --collections-brands-test-primary-brand-a-dark: var(
32
39
  --collections-density-spacing-small-compact
33
40
  );
34
41
  --collections-brands-test-primary-brand-a-light: var(--spacing-scale-8);
42
+ --collections-brands-test-primary-brand-b-dark: var(
43
+ --collections-density-spacing-small-compact
44
+ );
45
+ --collections-brands-test-primary-brand-b-light: var(
46
+ --collections-density-spacing-small-compact
47
+ );
35
48
  --collections-brands-test-secondary-brand-a-dark: #cc2020;
36
49
  --collections-brands-test-secondary-brand-a-light: #cc2020;
37
50
  --collections-brands-test-secondary-brand-b-dark: var(--color-neutral-600);
package/dist/design-tokens.css.scss CHANGED
@@ -15,6 +15,10 @@
15
15
  --collections-brands-color-color-1-brand-a-light: #000000;
16
16
  --collections-brands-color-color-1-brand-b-dark: #000000;
17
17
  --collections-brands-color-color-1-brand-b-light: #000000;
18
+ --collections-brands-color-font-weight-brand-a-dark: 400;
19
+ --collections-brands-color-font-weight-brand-a-light: 400;
20
+ --collections-brands-color-font-weight-brand-b-dark: 400;
21
+ --collections-brands-color-font-weight-brand-b-light: 400;
18
22
  --collections-brands-color-primary-brand-a-dark: #0a13f7;
19
23
  --collections-brands-color-primary-brand-a-light: #3ed93f;
20
24
  --collections-brands-color-primary-brand-b-dark: var(--color-pink-800);
@@ -27,11 +31,20 @@
27
31
  --collections-brands-foo-bar-brand-a-light: 1px;
28
32
  --collections-brands-foo-bar-brand-b-dark: 1px;
29
33
  --collections-brands-foo-bar-brand-b-light: 1px;
34
+ --collections-brands-test-dimension-brand-a-dark: 2px;
30
35
  --collections-brands-test-dimension-brand-a-light: 2px;
36
+ --collections-brands-test-dimension-brand-b-dark: 2px;
37
+ --collections-brands-test-dimension-brand-b-light: 2px;
31
38
  --collections-brands-test-primary-brand-a-dark: var(
32
39
  --collections-density-spacing-small-compact
33
40
  );
34
41
  --collections-brands-test-primary-brand-a-light: var(--spacing-scale-8);
42
+ --collections-brands-test-primary-brand-b-dark: var(
43
+ --collections-density-spacing-small-compact
44
+ );
45
+ --collections-brands-test-primary-brand-b-light: var(
46
+ --collections-density-spacing-small-compact
47
+ );
35
48
  --collections-brands-test-secondary-brand-a-dark: #cc2020;
36
49
  --collections-brands-test-secondary-brand-a-light: #cc2020;
37
50
  --collections-brands-test-secondary-brand-b-dark: var(--color-neutral-600);
package/dist/design-tokens.d.cts CHANGED
@@ -16,6 +16,10 @@ export declare const collectionsBrandsColorColor1BrandADark = '#000000';
16
16
  export declare const collectionsBrandsColorColor1BrandALight = '#000000';
17
17
  export declare const collectionsBrandsColorColor1BrandBDark = '#000000';
18
18
  export declare const collectionsBrandsColorColor1BrandBLight = '#000000';
19
+ export declare const collectionsBrandsColorFontWeightBrandADark = 400;
20
+ export declare const collectionsBrandsColorFontWeightBrandALight = 400;
21
+ export declare const collectionsBrandsColorFontWeightBrandBDark = 400;
22
+ export declare const collectionsBrandsColorFontWeightBrandBLight = 400;
19
23
  export declare const collectionsBrandsColorPrimaryBrandADark = '#0a13f7';
20
24
  export declare const collectionsBrandsColorPrimaryBrandALight = '#3ed93f';
21
25
  export declare const colorPink800 = '#710D55';
@@ -32,12 +36,17 @@ export declare const collectionsBrandsFooBarBrandADark = '1px';
32
36
  export declare const collectionsBrandsFooBarBrandALight = '1px';
33
37
  export declare const collectionsBrandsFooBarBrandBDark = '1px';
34
38
  export declare const collectionsBrandsFooBarBrandBLight = '1px';
39
+ export declare const collectionsBrandsTestDimensionBrandADark = '2px';
35
40
  export declare const collectionsBrandsTestDimensionBrandALight = '2px';
41
+ export declare const collectionsBrandsTestDimensionBrandBDark = '2px';
42
+ export declare const collectionsBrandsTestDimensionBrandBLight = '2px';
36
43
  export declare const spacingScale2 = '4px';
37
44
  export declare const collectionsDensitySpacingSmallCompact = '4px';
38
45
  export declare const collectionsBrandsTestPrimaryBrandADark = '4px';
39
46
  export declare const spacingScale8 = '40px';
40
47
  export declare const collectionsBrandsTestPrimaryBrandALight = '40px';
48
+ export declare const collectionsBrandsTestPrimaryBrandBDark = '4px';
49
+ export declare const collectionsBrandsTestPrimaryBrandBLight = '4px';
41
50
  export declare const collectionsBrandsTestSecondaryBrandADark = '#cc2020';
42
51
  export declare const collectionsBrandsTestSecondaryBrandALight = '#cc2020';
43
52
  export declare const colorNeutral600 = '#ACAAB6';
package/dist/design-tokens.d.mts CHANGED
@@ -16,6 +16,10 @@ export declare const collectionsBrandsColorColor1BrandADark = '#000000';
16
16
  export declare const collectionsBrandsColorColor1BrandALight = '#000000';
17
17
  export declare const collectionsBrandsColorColor1BrandBDark = '#000000';
18
18
  export declare const collectionsBrandsColorColor1BrandBLight = '#000000';
19
+ export declare const collectionsBrandsColorFontWeightBrandADark = 400;
20
+ export declare const collectionsBrandsColorFontWeightBrandALight = 400;
21
+ export declare const collectionsBrandsColorFontWeightBrandBDark = 400;
22
+ export declare const collectionsBrandsColorFontWeightBrandBLight = 400;
19
23
  export declare const collectionsBrandsColorPrimaryBrandADark = '#0a13f7';
20
24
  export declare const collectionsBrandsColorPrimaryBrandALight = '#3ed93f';
21
25
  export declare const colorPink800 = '#710D55';
@@ -32,12 +36,17 @@ export declare const collectionsBrandsFooBarBrandADark = '1px';
32
36
  export declare const collectionsBrandsFooBarBrandALight = '1px';
33
37
  export declare const collectionsBrandsFooBarBrandBDark = '1px';
34
38
  export declare const collectionsBrandsFooBarBrandBLight = '1px';
39
+ export declare const collectionsBrandsTestDimensionBrandADark = '2px';
35
40
  export declare const collectionsBrandsTestDimensionBrandALight = '2px';
41
+ export declare const collectionsBrandsTestDimensionBrandBDark = '2px';
42
+ export declare const collectionsBrandsTestDimensionBrandBLight = '2px';
36
43
  export declare const spacingScale2 = '4px';
37
44
  export declare const collectionsDensitySpacingSmallCompact = '4px';
38
45
  export declare const collectionsBrandsTestPrimaryBrandADark = '4px';
39
46
  export declare const spacingScale8 = '40px';
40
47
  export declare const collectionsBrandsTestPrimaryBrandALight = '40px';
48
+ export declare const collectionsBrandsTestPrimaryBrandBDark = '4px';
49
+ export declare const collectionsBrandsTestPrimaryBrandBLight = '4px';
41
50
  export declare const collectionsBrandsTestSecondaryBrandADark = '#cc2020';
42
51
  export declare const collectionsBrandsTestSecondaryBrandALight = '#cc2020';
43
52
  export declare const colorNeutral600 = '#ACAAB6';
package/dist/design-tokens.d.ts CHANGED
@@ -16,6 +16,10 @@ export declare const collectionsBrandsColorColor1BrandADark = '#000000';
16
16
  export declare const collectionsBrandsColorColor1BrandALight = '#000000';
17
17
  export declare const collectionsBrandsColorColor1BrandBDark = '#000000';
18
18
  export declare const collectionsBrandsColorColor1BrandBLight = '#000000';
19
+ export declare const collectionsBrandsColorFontWeightBrandADark = 400;
20
+ export declare const collectionsBrandsColorFontWeightBrandALight = 400;
21
+ export declare const collectionsBrandsColorFontWeightBrandBDark = 400;
22
+ export declare const collectionsBrandsColorFontWeightBrandBLight = 400;
19
23
  export declare const collectionsBrandsColorPrimaryBrandADark = '#0a13f7';
20
24
  export declare const collectionsBrandsColorPrimaryBrandALight = '#3ed93f';
21
25
  export declare const colorPink800 = '#710D55';
@@ -32,12 +36,17 @@ export declare const collectionsBrandsFooBarBrandADark = '1px';
32
36
  export declare const collectionsBrandsFooBarBrandALight = '1px';
33
37
  export declare const collectionsBrandsFooBarBrandBDark = '1px';
34
38
  export declare const collectionsBrandsFooBarBrandBLight = '1px';
39
+ export declare const collectionsBrandsTestDimensionBrandADark = '2px';
35
40
  export declare const collectionsBrandsTestDimensionBrandALight = '2px';
41
+ export declare const collectionsBrandsTestDimensionBrandBDark = '2px';
42
+ export declare const collectionsBrandsTestDimensionBrandBLight = '2px';
36
43
  export declare const spacingScale2 = '4px';
37
44
  export declare const collectionsDensitySpacingSmallCompact = '4px';
38
45
  export declare const collectionsBrandsTestPrimaryBrandADark = '4px';
39
46
  export declare const spacingScale8 = '40px';
40
47
  export declare const collectionsBrandsTestPrimaryBrandALight = '40px';
48
+ export declare const collectionsBrandsTestPrimaryBrandBDark = '4px';
49
+ export declare const collectionsBrandsTestPrimaryBrandBLight = '4px';
41
50
  export declare const collectionsBrandsTestSecondaryBrandADark = '#cc2020';
42
51
  export declare const collectionsBrandsTestSecondaryBrandALight = '#cc2020';
43
52
  export declare const colorNeutral600 = '#ACAAB6';
package/dist/design-tokens.js CHANGED
@@ -16,6 +16,10 @@ export const collectionsBrandsColorColor1BrandADark = '#000000';
16
16
  export const collectionsBrandsColorColor1BrandALight = '#000000';
17
17
  export const collectionsBrandsColorColor1BrandBDark = '#000000';
18
18
  export const collectionsBrandsColorColor1BrandBLight = '#000000';
19
+ export const collectionsBrandsColorFontWeightBrandADark = 400;
20
+ export const collectionsBrandsColorFontWeightBrandALight = 400;
21
+ export const collectionsBrandsColorFontWeightBrandBDark = 400;
22
+ export const collectionsBrandsColorFontWeightBrandBLight = 400;
19
23
  export const collectionsBrandsColorPrimaryBrandADark = '#0a13f7';
20
24
  export const collectionsBrandsColorPrimaryBrandALight = '#3ed93f';
21
25
  export const colorPink800 = '#710D55';
@@ -32,12 +36,17 @@ export const collectionsBrandsFooBarBrandADark = '1px';
32
36
  export const collectionsBrandsFooBarBrandALight = '1px';
33
37
  export const collectionsBrandsFooBarBrandBDark = '1px';
34
38
  export const collectionsBrandsFooBarBrandBLight = '1px';
39
+ export const collectionsBrandsTestDimensionBrandADark = '2px';
35
40
  export const collectionsBrandsTestDimensionBrandALight = '2px';
41
+ export const collectionsBrandsTestDimensionBrandBDark = '2px';
42
+ export const collectionsBrandsTestDimensionBrandBLight = '2px';
36
43
  export const spacingScale2 = '4px';
37
44
  export const collectionsDensitySpacingSmallCompact = '4px';
38
45
  export const collectionsBrandsTestPrimaryBrandADark = '4px';
39
46
  export const spacingScale8 = '40px';
40
47
  export const collectionsBrandsTestPrimaryBrandALight = '40px';
48
+ export const collectionsBrandsTestPrimaryBrandBDark = '4px';
49
+ export const collectionsBrandsTestPrimaryBrandBLight = '4px';
41
50
  export const collectionsBrandsTestSecondaryBrandADark = '#cc2020';
42
51
  export const collectionsBrandsTestSecondaryBrandALight = '#cc2020';
43
52
  export const colorNeutral600 = '#ACAAB6';
package/dist/design-tokens.json CHANGED
@@ -15,6 +15,10 @@
15
15
  "collectionsBrandsColorColor1BrandALight": "#000000",
16
16
  "collectionsBrandsColorColor1BrandBDark": "#000000",
17
17
  "collectionsBrandsColorColor1BrandBLight": "#000000",
18
+ "collectionsBrandsColorFontWeightBrandADark": 400,
19
+ "collectionsBrandsColorFontWeightBrandALight": 400,
20
+ "collectionsBrandsColorFontWeightBrandBDark": 400,
21
+ "collectionsBrandsColorFontWeightBrandBLight": 400,
18
22
  "collectionsBrandsColorPrimaryBrandADark": "#0a13f7",
19
23
  "collectionsBrandsColorPrimaryBrandALight": "#3ed93f",
20
24
  "collectionsBrandsColorPrimaryBrandBDark": "#710D55",
@@ -27,9 +31,14 @@
27
31
  "collectionsBrandsFooBarBrandALight": "1px",
28
32
  "collectionsBrandsFooBarBrandBDark": "1px",
29
33
  "collectionsBrandsFooBarBrandBLight": "1px",
34
+ "collectionsBrandsTestDimensionBrandADark": "2px",
30
35
  "collectionsBrandsTestDimensionBrandALight": "2px",
36
+ "collectionsBrandsTestDimensionBrandBDark": "2px",
37
+ "collectionsBrandsTestDimensionBrandBLight": "2px",
31
38
  "collectionsBrandsTestPrimaryBrandADark": "4px",
32
39
  "collectionsBrandsTestPrimaryBrandALight": "40px",
40
+ "collectionsBrandsTestPrimaryBrandBDark": "4px",
41
+ "collectionsBrandsTestPrimaryBrandBLight": "4px",
33
42
  "collectionsBrandsTestSecondaryBrandADark": "#cc2020",
34
43
  "collectionsBrandsTestSecondaryBrandALight": "#cc2020",
35
44
  "collectionsBrandsTestSecondaryBrandBDark": "#ACAAB6",
package/dist/design-tokens.less CHANGED
@@ -16,6 +16,10 @@
16
16
  @collections-brands-color-color-1-brand-a-light: #000000;
17
17
  @collections-brands-color-color-1-brand-b-dark: #000000;
18
18
  @collections-brands-color-color-1-brand-b-light: #000000;
19
+ @collections-brands-color-font-weight-brand-a-dark: 400;
20
+ @collections-brands-color-font-weight-brand-a-light: 400;
21
+ @collections-brands-color-font-weight-brand-b-dark: 400;
22
+ @collections-brands-color-font-weight-brand-b-light: 400;
19
23
  @collections-brands-color-primary-brand-a-dark: #0a13f7;
20
24
  @collections-brands-color-primary-brand-a-light: #3ed93f;
21
25
  @color-pink-800: #710d55;
@@ -32,12 +36,17 @@
32
36
  @collections-brands-foo-bar-brand-a-light: 1px;
33
37
  @collections-brands-foo-bar-brand-b-dark: 1px;
34
38
  @collections-brands-foo-bar-brand-b-light: 1px;
39
+ @collections-brands-test-dimension-brand-a-dark: 2px;
35
40
  @collections-brands-test-dimension-brand-a-light: 2px;
41
+ @collections-brands-test-dimension-brand-b-dark: 2px;
42
+ @collections-brands-test-dimension-brand-b-light: 2px;
36
43
  @spacing-scale-2: 4px;
37
44
  @collections-density-spacing-small-compact: @spacing-scale-2;
38
45
  @collections-brands-test-primary-brand-a-dark: @collections-density-spacing-small-compact;
39
46
  @spacing-scale-8: 40px;
40
47
  @collections-brands-test-primary-brand-a-light: @spacing-scale-8;
48
+ @collections-brands-test-primary-brand-b-dark: @collections-density-spacing-small-compact;
49
+ @collections-brands-test-primary-brand-b-light: @collections-density-spacing-small-compact;
41
50
  @collections-brands-test-secondary-brand-a-dark: #cc2020;
42
51
  @collections-brands-test-secondary-brand-a-light: #cc2020;
43
52
  @color-neutral-600: #acaab6;
package/dist/design-tokens.mjs CHANGED
@@ -16,6 +16,10 @@ export const collectionsBrandsColorColor1BrandADark = '#000000';
16
16
  export const collectionsBrandsColorColor1BrandALight = '#000000';
17
17
  export const collectionsBrandsColorColor1BrandBDark = '#000000';
18
18
  export const collectionsBrandsColorColor1BrandBLight = '#000000';
19
+ export const collectionsBrandsColorFontWeightBrandADark = 400;
20
+ export const collectionsBrandsColorFontWeightBrandALight = 400;
21
+ export const collectionsBrandsColorFontWeightBrandBDark = 400;
22
+ export const collectionsBrandsColorFontWeightBrandBLight = 400;
19
23
  export const collectionsBrandsColorPrimaryBrandADark = '#0a13f7';
20
24
  export const collectionsBrandsColorPrimaryBrandALight = '#3ed93f';
21
25
  export const colorPink800 = '#710D55';
@@ -32,12 +36,17 @@ export const collectionsBrandsFooBarBrandADark = '1px';
32
36
  export const collectionsBrandsFooBarBrandALight = '1px';
33
37
  export const collectionsBrandsFooBarBrandBDark = '1px';
34
38
  export const collectionsBrandsFooBarBrandBLight = '1px';
39
+ export const collectionsBrandsTestDimensionBrandADark = '2px';
35
40
  export const collectionsBrandsTestDimensionBrandALight = '2px';
41
+ export const collectionsBrandsTestDimensionBrandBDark = '2px';
42
+ export const collectionsBrandsTestDimensionBrandBLight = '2px';
36
43
  export const spacingScale2 = '4px';
37
44
  export const collectionsDensitySpacingSmallCompact = '4px';
38
45
  export const collectionsBrandsTestPrimaryBrandADark = '4px';
39
46
  export const spacingScale8 = '40px';
40
47
  export const collectionsBrandsTestPrimaryBrandALight = '40px';
48
+ export const collectionsBrandsTestPrimaryBrandBDark = '4px';
49
+ export const collectionsBrandsTestPrimaryBrandBLight = '4px';
41
50
  export const collectionsBrandsTestSecondaryBrandADark = '#cc2020';
42
51
  export const collectionsBrandsTestSecondaryBrandALight = '#cc2020';
43
52
  export const colorNeutral600 = '#ACAAB6';
package/dist/design-tokens.nested.json CHANGED
@@ -26,6 +26,12 @@
26
26
  "brandBDark": "#000000",
27
27
  "brandBLight": "#000000"
28
28
  },
29
+ "fontWeight": {
30
+ "brandADark": 400,
31
+ "brandALight": 400,
32
+ "brandBDark": 400,
33
+ "brandBLight": 400
34
+ },
29
35
  "primary": {
30
36
  "brandADark": "#0a13f7",
31
37
  "brandALight": "#3ed93f",
@@ -49,11 +55,16 @@
49
55
  },
50
56
  "test": {
51
57
  "dimension": {
52
- "brandALight": "2px"
58
+ "brandADark": "2px",
59
+ "brandALight": "2px",
60
+ "brandBDark": "2px",
61
+ "brandBLight": "2px"
53
62
  },
54
63
  "primary": {
55
64
  "brandADark": "4px",
56
- "brandALight": "40px"
65
+ "brandALight": "40px",
66
+ "brandBDark": "4px",
67
+ "brandBLight": "4px"
57
68
  },
58
69
  "secondary": {
59
70
  "brandADark": "#cc2020",
package/dist/design-tokens.scss CHANGED
@@ -16,6 +16,10 @@ $collections-brands-color-color-1-brand-a-dark: #000000;
16
16
  $collections-brands-color-color-1-brand-a-light: #000000;
17
17
  $collections-brands-color-color-1-brand-b-dark: #000000;
18
18
  $collections-brands-color-color-1-brand-b-light: #000000;
19
+ $collections-brands-color-font-weight-brand-a-dark: 400;
20
+ $collections-brands-color-font-weight-brand-a-light: 400;
21
+ $collections-brands-color-font-weight-brand-b-dark: 400;
22
+ $collections-brands-color-font-weight-brand-b-light: 400;
19
23
  $collections-brands-color-primary-brand-a-dark: #0a13f7;
20
24
  $collections-brands-color-primary-brand-a-light: #3ed93f;
21
25
  $color-pink-800: #710d55;
@@ -32,12 +36,17 @@ $collections-brands-foo-bar-brand-a-dark: 1px;
32
36
  $collections-brands-foo-bar-brand-a-light: 1px;
33
37
  $collections-brands-foo-bar-brand-b-dark: 1px;
34
38
  $collections-brands-foo-bar-brand-b-light: 1px;
39
+ $collections-brands-test-dimension-brand-a-dark: 2px;
35
40
  $collections-brands-test-dimension-brand-a-light: 2px;
41
+ $collections-brands-test-dimension-brand-b-dark: 2px;
42
+ $collections-brands-test-dimension-brand-b-light: 2px;
36
43
  $spacing-scale-2: 4px;
37
44
  $collections-density-spacing-small-compact: $spacing-scale-2;
38
45
  $collections-brands-test-primary-brand-a-dark: $collections-density-spacing-small-compact;
39
46
  $spacing-scale-8: 40px;
40
47
  $collections-brands-test-primary-brand-a-light: $spacing-scale-8;
48
+ $collections-brands-test-primary-brand-b-dark: $collections-density-spacing-small-compact;
49
+ $collections-brands-test-primary-brand-b-light: $collections-density-spacing-small-compact;
41
50
  $collections-brands-test-secondary-brand-a-dark: #cc2020;
42
51
  $collections-brands-test-secondary-brand-a-light: #cc2020;
43
52
  $color-neutral-600: #acaab6;
@@ -143,6 +152,12 @@ $tokens: (
143
152
  'brandBDark': $collections-brands-color-color-1-brand-b-dark,
144
153
  'brandBLight': $collections-brands-color-color-1-brand-b-light,
145
154
  ),
155
+ 'fontWeight': (
156
+ 'brandADark': $collections-brands-color-font-weight-brand-a-dark,
157
+ 'brandALight': $collections-brands-color-font-weight-brand-a-light,
158
+ 'brandBDark': $collections-brands-color-font-weight-brand-b-dark,
159
+ 'brandBLight': $collections-brands-color-font-weight-brand-b-light,
160
+ ),
146
161
  'primary': (
147
162
  'brandADark': $collections-brands-color-primary-brand-a-dark,
148
163
  'brandALight': $collections-brands-color-primary-brand-a-light,
@@ -166,11 +181,16 @@ $tokens: (
166
181
  ),
167
182
  'test': (
168
183
  'dimension': (
184
+ 'brandADark': $collections-brands-test-dimension-brand-a-dark,
169
185
  'brandALight': $collections-brands-test-dimension-brand-a-light,
186
+ 'brandBDark': $collections-brands-test-dimension-brand-b-dark,
187
+ 'brandBLight': $collections-brands-test-dimension-brand-b-light,
170
188
  ),
171
189
  'primary': (
172
190
  'brandADark': $collections-brands-test-primary-brand-a-dark,
173
191
  'brandALight': $collections-brands-test-primary-brand-a-light,
192
+ 'brandBDark': $collections-brands-test-primary-brand-b-dark,
193
+ 'brandBLight': $collections-brands-test-primary-brand-b-light,
174
194
  ),
175
195
  'secondary': (
176
196
  'brandADark': $collections-brands-test-secondary-brand-a-dark,
package/dist/design-tokens.style-dictionary.json CHANGED
@@ -522,6 +522,18 @@
522
522
  }
523
523
  }
524
524
  }
525
+ },
526
+ "brandALight": {
527
+ "value": 400
528
+ },
529
+ "brandADark": {
530
+ "value": 400
531
+ },
532
+ "brandBLight": {
533
+ "value": 400
534
+ },
535
+ "brandBDark": {
536
+ "value": 400
525
537
  }
526
538
  }
527
539
  },
@@ -543,6 +555,12 @@
543
555
  },
544
556
  "brandADark": {
545
557
  "value": "{collections.density.spacing.small.compact.value}"
558
+ },
559
+ "brandBLight": {
560
+ "value": "{collections.density.spacing.small.compact.value}"
561
+ },
562
+ "brandBDark": {
563
+ "value": "{collections.density.spacing.small.compact.value}"
546
564
  }
547
565
  },
548
566
  "secondary": {
@@ -582,8 +600,16 @@
582
600
  }
583
601
  },
584
602
  "brandALight": {
585
- "value": "2px",
586
- "$type": "dimension"
603
+ "value": "2px"
604
+ },
605
+ "brandADark": {
606
+ "value": "2px"
607
+ },
608
+ "brandBLight": {
609
+ "value": "2px"
610
+ },
611
+ "brandBDark": {
612
+ "value": "2px"
587
613
  }
588
614
  }
589
615
  }
package/dist/design-tokens.w3c-spec.json CHANGED
@@ -534,6 +534,18 @@
534
534
  }
535
535
  }
536
536
  }
537
+ },
538
+ "brandALight": {
539
+ "$value": 400
540
+ },
541
+ "brandADark": {
542
+ "$value": 400
543
+ },
544
+ "brandBLight": {
545
+ "$value": 400
546
+ },
547
+ "brandBDark": {
548
+ "$value": 400
537
549
  }
538
550
  }
539
551
  },
@@ -555,6 +567,12 @@
555
567
  },
556
568
  "brandADark": {
557
569
  "$value": "{collections.density.spacing.small.compact}"
570
+ },
571
+ "brandBLight": {
572
+ "$value": "{collections.density.spacing.small.compact}"
573
+ },
574
+ "brandBDark": {
575
+ "$value": "{collections.density.spacing.small.compact}"
558
576
  }
559
577
  },
560
578
  "secondary": {
@@ -594,8 +612,16 @@
594
612
  }
595
613
  },
596
614
  "brandALight": {
597
- "$value": "2px",
598
- "$type": "dimension"
615
+ "$value": "2px"
616
+ },
617
+ "brandADark": {
618
+ "$value": "2px"
619
+ },
620
+ "brandBLight": {
621
+ "$value": "2px"
622
+ },
623
+ "brandBDark": {
624
+ "$value": "2px"
599
625
  }
600
626
  }
601
627
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@knapsack/sandbox-tokens",
3
3
  "description": "",
4
- "version": "4.54.0--canary.3365.e15c8ac.0",
4
+ "version": "4.54.1--canary.4008.46acab9.0",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {
@@ -21,10 +21,10 @@
21
21
  "test": "tsc"
22
22
  },
23
23
  "dependencies": {
24
- "@knapsack/app": "4.54.0--canary.3365.e15c8ac.0"
24
+ "@knapsack/app": "4.54.1--canary.4008.46acab9.0"
25
25
  },
26
26
  "devDependencies": {
27
- "@knapsack/typescript-config-starter": "4.54.0--canary.3365.e15c8ac.0",
27
+ "@knapsack/typescript-config-starter": "4.54.1--canary.4008.46acab9.0",
28
28
  "@types/node": "^20.11.30",
29
29
  "typescript": "^5.4.3"
30
30
  },
@@ -37,5 +37,5 @@
37
37
  "directory": "apps/ui/libs/sandbox-tokens",
38
38
  "type": "git"
39
39
  },
40
- "gitHead": "e15c8acd863ecf76efe7cd0aa6dd03cd133900d4"
40
+ "gitHead": "46acab9032ffe29853606980ccda456c7c07b324"
41
41
  }
package/src/knapsack.design-tokens.json CHANGED
@@ -534,6 +534,18 @@
534
534
  }
535
535
  }
536
536
  }
537
+ },
538
+ "brandALight": {
539
+ "$value": 400
540
+ },
541
+ "brandADark": {
542
+ "$value": 400
543
+ },
544
+ "brandBLight": {
545
+ "$value": 400
546
+ },
547
+ "brandBDark": {
548
+ "$value": 400
537
549
  }
538
550
  }
539
551
  },
@@ -555,6 +567,12 @@
555
567
  },
556
568
  "brandADark": {
557
569
  "$value": "{collections.density.spacing.small.compact}"
570
+ },
571
+ "brandBLight": {
572
+ "$value": "{collections.density.spacing.small.compact}"
573
+ },
574
+ "brandBDark": {
575
+ "$value": "{collections.density.spacing.small.compact}"
558
576
  }
559
577
  },
560
578
  "secondary": {
@@ -594,8 +612,16 @@
594
612
  }
595
613
  },
596
614
  "brandALight": {
597
- "$value": "2px",
598
- "$type": "dimension"
615
+ "$value": "2px"
616
+ },
617
+ "brandADark": {
618
+ "$value": "2px"
619
+ },
620
+ "brandBLight": {
621
+ "$value": "2px"
622
+ },
623
+ "brandBDark": {
624
+ "$value": "2px"
599
625
  }
600
626
  }
601
627
  }