@knapsack/sandbox-tokens 4.54.0 → 4.54.1

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.
@@ -1,5 +1,5 @@
1
1
 
2
- > @knapsack/sandbox-tokens@4.53.3 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,24 @@
1
+ # v4.54.1 (Mon May 06 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Merge branch 'latest' into patch-allow-multiple-exclude-include-values ([@mabry1985](https://github.com/mabry1985))
6
+
7
+ #### 🏠 Internal
8
+
9
+ - KSP-4504: Move group UI and tokens work [#3884](https://github.com/knapsack-labs/app-monorepo/pull/3884) ([@illepic](https://github.com/illepic) [@EvanLovely](https://github.com/EvanLovely) [@KnapsackBot](https://github.com/KnapsackBot) [@freneticpixel](https://github.com/freneticpixel) [@mabry1985](https://github.com/mabry1985) [@GormanDesign](https://github.com/GormanDesign))
10
+
11
+ #### Authors: 6
12
+
13
+ - Christopher Bloom ([@illepic](https://github.com/illepic))
14
+ - Evan Lovely ([@EvanLovely](https://github.com/EvanLovely))
15
+ - Jim Frenette ([@freneticpixel](https://github.com/freneticpixel))
16
+ - Josh Mabry ([@mabry1985](https://github.com/mabry1985))
17
+ - KnapsackBot ([@KnapsackBot](https://github.com/KnapsackBot))
18
+ - Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
19
+
20
+ ---
21
+
1
22
  # v4.53.3 (Fri May 03 2024)
2
23
 
3
24
  #### 🏠 Internal
@@ -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',
@@ -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
 
@@ -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);
@@ -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);
@@ -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';
@@ -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';
@@ -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';
@@ -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';
@@ -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",
@@ -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;
@@ -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';
@@ -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",
@@ -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,
@@ -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
  }
@@ -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",
4
+ "version": "4.54.1",
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"
24
+ "@knapsack/app": "4.54.1"
25
25
  },
26
26
  "devDependencies": {
27
- "@knapsack/typescript-config-starter": "4.54.0",
27
+ "@knapsack/typescript-config-starter": "4.54.1",
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": "ffbba4238881b1fe3e96238ef5b9a5f7551f9dbd"
40
+ "gitHead": "fb81683be02c524b174ba646cb483807604ce697"
41
41
  }
@@ -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
  }