@knapsack/sandbox-tokens 4.54.9 → 4.54.10--canary.4043.612f09a.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (18) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/dist/design-tokens.cjs +2 -2
  3. package/dist/design-tokens.collections.css +2 -2
  4. package/dist/design-tokens.css +2 -2
  5. package/dist/design-tokens.css.scss +2 -2
  6. package/dist/design-tokens.d.cts +2 -2
  7. package/dist/design-tokens.d.mts +2 -2
  8. package/dist/design-tokens.d.ts +2 -2
  9. package/dist/design-tokens.js +2 -2
  10. package/dist/design-tokens.json +2 -2
  11. package/dist/design-tokens.less +2 -2
  12. package/dist/design-tokens.mjs +2 -2
  13. package/dist/design-tokens.nested.json +2 -2
  14. package/dist/design-tokens.scss +2 -2
  15. package/dist/design-tokens.style-dictionary.json +5 -5
  16. package/dist/design-tokens.w3c-spec.json +4 -4
  17. package/package.json +4 -4
  18. package/src/knapsack.design-tokens.json +4 -4
package/.turbo/turbo-build.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- > @knapsack/sandbox-tokens@4.54.8 build /home/runner/work/app-monorepo/app-monorepo/apps/ui/libs/sandbox-tokens
2
+ > @knapsack/sandbox-tokens@4.54.9 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/dist/design-tokens.cjs CHANGED
@@ -45,7 +45,7 @@ module.exports = {
45
45
  collectionsTestingColorFontWeightBrandBDark: 400,
46
46
  collectionsTestingColorFontWeightBrandBLight: 400,
47
47
  collectionsTestingColorPrimaryBrandADark: '#0a13f7',
48
- collectionsTestingColorPrimaryBrandALight: '#3ed93f',
48
+ collectionsTestingColorPrimaryBrandALight: '#7A34ED',
49
49
  colorPink800: '#710D55',
50
50
  collectionsTestingColorPrimaryBrandBDark: '#710D55',
51
51
  colorPink400: '#F37491',
@@ -137,7 +137,7 @@ module.exports = {
137
137
  sandboxRadiusXsmall: '2px',
138
138
  sandboxWidthNarrow: '640px',
139
139
  sandboxWidthWide: '1080px',
140
- shadow1: '0px 5px 10px 0px #000000',
140
+ shadow1: '0px 4px 4px 0px rgba(0, 0, 0, 0.25)',
141
141
  shadow2: '0px 10px 20px 0px #000000',
142
142
  shadow3: '0px 15px 25px 0px #000000',
143
143
  shadow4: '0px 20px 40px 0px #000000',
package/dist/design-tokens.collections.css CHANGED
@@ -34,7 +34,7 @@
34
34
  --collections-testing-color-font-weight-brand-b-dark: 400;
35
35
  --collections-testing-color-font-weight-brand-b-light: 400;
36
36
  --collections-testing-color-primary-brand-a-dark: #0a13f7;
37
- --collections-testing-color-primary-brand-a-light: #3ed93f;
37
+ --collections-testing-color-primary-brand-a-light: #7a34ed;
38
38
  --collections-testing-color-primary-brand-b-dark: var(--color-pink-800);
39
39
  --collections-testing-color-primary-brand-b-light: var(--color-pink-400);
40
40
  --collections-testing-color-secondary-brand-a-dark: var(--color-pink-500);
@@ -134,7 +134,7 @@
134
134
  --sandbox-radius-xsmall: 2px;
135
135
  --sandbox-width-narrow: 640px;
136
136
  --sandbox-width-wide: 1080px;
137
- --shadow-1: 0px 5px 10px 0px #000000;
137
+ --shadow-1: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
138
138
  --shadow-2: 0px 10px 20px 0px #000000;
139
139
  --shadow-3: 0px 15px 25px 0px #000000;
140
140
  --shadow-4: 0px 20px 40px 0px #000000;
package/dist/design-tokens.css CHANGED
@@ -34,7 +34,7 @@
34
34
  --collections-testing-color-font-weight-brand-b-dark: 400;
35
35
  --collections-testing-color-font-weight-brand-b-light: 400;
36
36
  --collections-testing-color-primary-brand-a-dark: #0a13f7;
37
- --collections-testing-color-primary-brand-a-light: #3ed93f;
37
+ --collections-testing-color-primary-brand-a-light: #7a34ed;
38
38
  --collections-testing-color-primary-brand-b-dark: var(--color-pink-800);
39
39
  --collections-testing-color-primary-brand-b-light: var(--color-pink-400);
40
40
  --collections-testing-color-secondary-brand-a-dark: var(--color-pink-500);
@@ -134,7 +134,7 @@
134
134
  --sandbox-radius-xsmall: 2px;
135
135
  --sandbox-width-narrow: 640px;
136
136
  --sandbox-width-wide: 1080px;
137
- --shadow-1: 0px 5px 10px 0px #000000;
137
+ --shadow-1: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
138
138
  --shadow-2: 0px 10px 20px 0px #000000;
139
139
  --shadow-3: 0px 15px 25px 0px #000000;
140
140
  --shadow-4: 0px 20px 40px 0px #000000;
package/dist/design-tokens.css.scss CHANGED
@@ -34,7 +34,7 @@
34
34
  --collections-testing-color-font-weight-brand-b-dark: 400;
35
35
  --collections-testing-color-font-weight-brand-b-light: 400;
36
36
  --collections-testing-color-primary-brand-a-dark: #0a13f7;
37
- --collections-testing-color-primary-brand-a-light: #3ed93f;
37
+ --collections-testing-color-primary-brand-a-light: #7a34ed;
38
38
  --collections-testing-color-primary-brand-b-dark: var(--color-pink-800);
39
39
  --collections-testing-color-primary-brand-b-light: var(--color-pink-400);
40
40
  --collections-testing-color-secondary-brand-a-dark: var(--color-pink-500);
@@ -134,7 +134,7 @@
134
134
  --sandbox-radius-xsmall: 2px;
135
135
  --sandbox-width-narrow: 640px;
136
136
  --sandbox-width-wide: 1080px;
137
- --shadow-1: 0px 5px 10px 0px #000000;
137
+ --shadow-1: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
138
138
  --shadow-2: 0px 10px 20px 0px #000000;
139
139
  --shadow-3: 0px 15px 25px 0px #000000;
140
140
  --shadow-4: 0px 20px 40px 0px #000000;
package/dist/design-tokens.d.cts CHANGED
@@ -44,7 +44,7 @@ export declare const collectionsTestingColorFontWeightBrandALight = 400;
44
44
  export declare const collectionsTestingColorFontWeightBrandBDark = 400;
45
45
  export declare const collectionsTestingColorFontWeightBrandBLight = 400;
46
46
  export declare const collectionsTestingColorPrimaryBrandADark = '#0a13f7';
47
- export declare const collectionsTestingColorPrimaryBrandALight = '#3ed93f';
47
+ export declare const collectionsTestingColorPrimaryBrandALight = '#7A34ED';
48
48
  export declare const colorPink800 = '#710D55';
49
49
  export declare const collectionsTestingColorPrimaryBrandBDark = '#710D55';
50
50
  export declare const colorPink400 = '#F37491';
@@ -136,7 +136,7 @@ export declare const sandboxRadiusXlarge = '32px';
136
136
  export declare const sandboxRadiusXsmall = '2px';
137
137
  export declare const sandboxWidthNarrow = '640px';
138
138
  export declare const sandboxWidthWide = '1080px';
139
- export declare const shadow1 = '0px 5px 10px 0px #000000';
139
+ export declare const shadow1 = '0px 4px 4px 0px rgba(0, 0, 0, 0.25)';
140
140
  export declare const shadow2 = '0px 10px 20px 0px #000000';
141
141
  export declare const shadow3 = '0px 15px 25px 0px #000000';
142
142
  export declare const shadow4 = '0px 20px 40px 0px #000000';
package/dist/design-tokens.d.mts CHANGED
@@ -44,7 +44,7 @@ export declare const collectionsTestingColorFontWeightBrandALight = 400;
44
44
  export declare const collectionsTestingColorFontWeightBrandBDark = 400;
45
45
  export declare const collectionsTestingColorFontWeightBrandBLight = 400;
46
46
  export declare const collectionsTestingColorPrimaryBrandADark = '#0a13f7';
47
- export declare const collectionsTestingColorPrimaryBrandALight = '#3ed93f';
47
+ export declare const collectionsTestingColorPrimaryBrandALight = '#7A34ED';
48
48
  export declare const colorPink800 = '#710D55';
49
49
  export declare const collectionsTestingColorPrimaryBrandBDark = '#710D55';
50
50
  export declare const colorPink400 = '#F37491';
@@ -136,7 +136,7 @@ export declare const sandboxRadiusXlarge = '32px';
136
136
  export declare const sandboxRadiusXsmall = '2px';
137
137
  export declare const sandboxWidthNarrow = '640px';
138
138
  export declare const sandboxWidthWide = '1080px';
139
- export declare const shadow1 = '0px 5px 10px 0px #000000';
139
+ export declare const shadow1 = '0px 4px 4px 0px rgba(0, 0, 0, 0.25)';
140
140
  export declare const shadow2 = '0px 10px 20px 0px #000000';
141
141
  export declare const shadow3 = '0px 15px 25px 0px #000000';
142
142
  export declare const shadow4 = '0px 20px 40px 0px #000000';
package/dist/design-tokens.d.ts CHANGED
@@ -44,7 +44,7 @@ export declare const collectionsTestingColorFontWeightBrandALight = 400;
44
44
  export declare const collectionsTestingColorFontWeightBrandBDark = 400;
45
45
  export declare const collectionsTestingColorFontWeightBrandBLight = 400;
46
46
  export declare const collectionsTestingColorPrimaryBrandADark = '#0a13f7';
47
- export declare const collectionsTestingColorPrimaryBrandALight = '#3ed93f';
47
+ export declare const collectionsTestingColorPrimaryBrandALight = '#7A34ED';
48
48
  export declare const colorPink800 = '#710D55';
49
49
  export declare const collectionsTestingColorPrimaryBrandBDark = '#710D55';
50
50
  export declare const colorPink400 = '#F37491';
@@ -136,7 +136,7 @@ export declare const sandboxRadiusXlarge = '32px';
136
136
  export declare const sandboxRadiusXsmall = '2px';
137
137
  export declare const sandboxWidthNarrow = '640px';
138
138
  export declare const sandboxWidthWide = '1080px';
139
- export declare const shadow1 = '0px 5px 10px 0px #000000';
139
+ export declare const shadow1 = '0px 4px 4px 0px rgba(0, 0, 0, 0.25)';
140
140
  export declare const shadow2 = '0px 10px 20px 0px #000000';
141
141
  export declare const shadow3 = '0px 15px 25px 0px #000000';
142
142
  export declare const shadow4 = '0px 20px 40px 0px #000000';
package/dist/design-tokens.js CHANGED
@@ -44,7 +44,7 @@ export const collectionsTestingColorFontWeightBrandALight = 400;
44
44
  export const collectionsTestingColorFontWeightBrandBDark = 400;
45
45
  export const collectionsTestingColorFontWeightBrandBLight = 400;
46
46
  export const collectionsTestingColorPrimaryBrandADark = '#0a13f7';
47
- export const collectionsTestingColorPrimaryBrandALight = '#3ed93f';
47
+ export const collectionsTestingColorPrimaryBrandALight = '#7A34ED';
48
48
  export const colorPink800 = '#710D55';
49
49
  export const collectionsTestingColorPrimaryBrandBDark = '#710D55';
50
50
  export const colorPink400 = '#F37491';
@@ -136,7 +136,7 @@ export const sandboxRadiusXlarge = '32px';
136
136
  export const sandboxRadiusXsmall = '2px';
137
137
  export const sandboxWidthNarrow = '640px';
138
138
  export const sandboxWidthWide = '1080px';
139
- export const shadow1 = '0px 5px 10px 0px #000000';
139
+ export const shadow1 = '0px 4px 4px 0px rgba(0, 0, 0, 0.25)';
140
140
  export const shadow2 = '0px 10px 20px 0px #000000';
141
141
  export const shadow3 = '0px 15px 25px 0px #000000';
142
142
  export const shadow4 = '0px 20px 40px 0px #000000';
package/dist/design-tokens.json CHANGED
@@ -34,7 +34,7 @@
34
34
  "collectionsTestingColorFontWeightBrandBDark": 400,
35
35
  "collectionsTestingColorFontWeightBrandBLight": 400,
36
36
  "collectionsTestingColorPrimaryBrandADark": "#0a13f7",
37
- "collectionsTestingColorPrimaryBrandALight": "#3ed93f",
37
+ "collectionsTestingColorPrimaryBrandALight": "#7A34ED",
38
38
  "collectionsTestingColorPrimaryBrandBDark": "#710D55",
39
39
  "collectionsTestingColorPrimaryBrandBLight": "#F37491",
40
40
  "collectionsTestingColorSecondaryBrandADark": "#EC487D",
@@ -128,7 +128,7 @@
128
128
  "sandboxRadiusXsmall": "2px",
129
129
  "sandboxWidthNarrow": "640px",
130
130
  "sandboxWidthWide": "1080px",
131
- "shadow1": "0px 5px 10px 0px #000000",
131
+ "shadow1": "0px 4px 4px 0px rgba(0, 0, 0, 0.25)",
132
132
  "shadow2": "0px 10px 20px 0px #000000",
133
133
  "shadow3": "0px 15px 25px 0px #000000",
134
134
  "shadow4": "0px 20px 40px 0px #000000",
package/dist/design-tokens.less CHANGED
@@ -44,7 +44,7 @@
44
44
  @collections-testing-color-font-weight-brand-b-dark: 400;
45
45
  @collections-testing-color-font-weight-brand-b-light: 400;
46
46
  @collections-testing-color-primary-brand-a-dark: #0a13f7;
47
- @collections-testing-color-primary-brand-a-light: #3ed93f;
47
+ @collections-testing-color-primary-brand-a-light: #7a34ed;
48
48
  @color-pink-800: #710d55;
49
49
  @collections-testing-color-primary-brand-b-dark: @color-pink-800;
50
50
  @color-pink-400: #f37491;
@@ -136,7 +136,7 @@
136
136
  @sandbox-radius-xsmall: 2px;
137
137
  @sandbox-width-narrow: 640px;
138
138
  @sandbox-width-wide: 1080px;
139
- @shadow-1: 0px 5px 10px 0px #000000;
139
+ @shadow-1: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
140
140
  @shadow-2: 0px 10px 20px 0px #000000;
141
141
  @shadow-3: 0px 15px 25px 0px #000000;
142
142
  @shadow-4: 0px 20px 40px 0px #000000;
package/dist/design-tokens.mjs CHANGED
@@ -44,7 +44,7 @@ export const collectionsTestingColorFontWeightBrandALight = 400;
44
44
  export const collectionsTestingColorFontWeightBrandBDark = 400;
45
45
  export const collectionsTestingColorFontWeightBrandBLight = 400;
46
46
  export const collectionsTestingColorPrimaryBrandADark = '#0a13f7';
47
- export const collectionsTestingColorPrimaryBrandALight = '#3ed93f';
47
+ export const collectionsTestingColorPrimaryBrandALight = '#7A34ED';
48
48
  export const colorPink800 = '#710D55';
49
49
  export const collectionsTestingColorPrimaryBrandBDark = '#710D55';
50
50
  export const colorPink400 = '#F37491';
@@ -136,7 +136,7 @@ export const sandboxRadiusXlarge = '32px';
136
136
  export const sandboxRadiusXsmall = '2px';
137
137
  export const sandboxWidthNarrow = '640px';
138
138
  export const sandboxWidthWide = '1080px';
139
- export const shadow1 = '0px 5px 10px 0px #000000';
139
+ export const shadow1 = '0px 4px 4px 0px rgba(0, 0, 0, 0.25)';
140
140
  export const shadow2 = '0px 10px 20px 0px #000000';
141
141
  export const shadow3 = '0px 15px 25px 0px #000000';
142
142
  export const shadow4 = '0px 20px 40px 0px #000000';
package/dist/design-tokens.nested.json CHANGED
@@ -66,7 +66,7 @@
66
66
  },
67
67
  "primary": {
68
68
  "brandADark": "#0a13f7",
69
- "brandALight": "#3ed93f",
69
+ "brandALight": "#7A34ED",
70
70
  "brandBDark": "#710D55",
71
71
  "brandBLight": "#F37491"
72
72
  },
@@ -227,7 +227,7 @@
227
227
  }
228
228
  },
229
229
  "shadow": {
230
- "1": "0px 5px 10px 0px #000000",
230
+ "1": "0px 4px 4px 0px rgba(0, 0, 0, 0.25)",
231
231
  "2": "0px 10px 20px 0px #000000",
232
232
  "3": "0px 15px 25px 0px #000000",
233
233
  "4": "0px 20px 40px 0px #000000",
package/dist/design-tokens.scss CHANGED
@@ -44,7 +44,7 @@ $collections-testing-color-font-weight-brand-a-light: 400;
44
44
  $collections-testing-color-font-weight-brand-b-dark: 400;
45
45
  $collections-testing-color-font-weight-brand-b-light: 400;
46
46
  $collections-testing-color-primary-brand-a-dark: #0a13f7;
47
- $collections-testing-color-primary-brand-a-light: #3ed93f;
47
+ $collections-testing-color-primary-brand-a-light: #7a34ed;
48
48
  $color-pink-800: #710d55;
49
49
  $collections-testing-color-primary-brand-b-dark: $color-pink-800;
50
50
  $color-pink-400: #f37491;
@@ -145,7 +145,7 @@ $sandbox-radius-xlarge: 32px;
145
145
  $sandbox-radius-xsmall: 2px;
146
146
  $sandbox-width-narrow: 640px;
147
147
  $sandbox-width-wide: 1080px;
148
- $shadow-1: 0px 5px 10px 0px #000000;
148
+ $shadow-1: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
149
149
  $shadow-2: 0px 10px 20px 0px #000000;
150
150
  $shadow-3: 0px 15px 25px 0px #000000;
151
151
  $shadow-4: 0px 20px 40px 0px #000000;
package/dist/design-tokens.style-dictionary.json CHANGED
@@ -265,14 +265,14 @@
265
265
  },
266
266
  "shadow": {
267
267
  "1": {
268
- "value": "0px 5px 10px 0px #000000",
268
+ "value": "0px 4px 4px 0px rgba(0, 0, 0, 0.25)",
269
269
  "$description": "Cards",
270
270
  "$value": {
271
- "color": "#000000",
272
- "blur": "10px",
271
+ "color": "rgba(0, 0, 0, 0.25)",
272
+ "blur": "4px",
273
273
  "spread": "0px",
274
274
  "offsetX": "0px",
275
- "offsetY": "5px"
275
+ "offsetY": "4px"
276
276
  },
277
277
  "$type": "shadow",
278
278
  "comment": "Cards"
@@ -722,7 +722,7 @@
722
722
  "value": "#0a13f7"
723
723
  },
724
724
  "brandALight": {
725
- "value": "#3ed93f"
725
+ "value": "#7A34ED"
726
726
  },
727
727
  "brandBDark": {
728
728
  "value": "{color.pink.800.value}"
package/dist/design-tokens.w3c-spec.json CHANGED
@@ -264,11 +264,11 @@
264
264
  "1": {
265
265
  "$description": "Cards",
266
266
  "$value": {
267
- "color": "#000000",
268
- "blur": "10px",
267
+ "color": "rgba(0, 0, 0, 0.25)",
268
+ "blur": "4px",
269
269
  "spread": "0px",
270
270
  "offsetX": "0px",
271
- "offsetY": "5px"
271
+ "offsetY": "4px"
272
272
  },
273
273
  "$type": "shadow"
274
274
  },
@@ -734,7 +734,7 @@
734
734
  "$value": "#0a13f7"
735
735
  },
736
736
  "brandALight": {
737
- "$value": "#3ed93f"
737
+ "$value": "#7A34ED"
738
738
  },
739
739
  "brandBDark": {
740
740
  "$value": "{color.pink.800}"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@knapsack/sandbox-tokens",
3
3
  "description": "",
4
- "version": "4.54.9",
4
+ "version": "4.54.10--canary.4043.612f09a.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.9"
24
+ "@knapsack/app": "4.54.10--canary.4043.612f09a.0"
25
25
  },
26
26
  "devDependencies": {
27
- "@knapsack/typescript-config-starter": "4.54.9",
27
+ "@knapsack/typescript-config-starter": "4.54.10--canary.4043.612f09a.0",
28
28
  "@types/node": "^20.11.30",
29
29
  "typescript": "^5.4.5"
30
30
  },
@@ -37,5 +37,5 @@
37
37
  "directory": "apps/ui/libs/sandbox-tokens",
38
38
  "type": "git"
39
39
  },
40
- "gitHead": "7e6f2bf68330eec9970da4011d6aadd49ec8fc68"
40
+ "gitHead": "612f09a65b5aa688375b6b39163ad74b9b9f0186"
41
41
  }
package/src/knapsack.design-tokens.json CHANGED
@@ -264,11 +264,11 @@
264
264
  "1": {
265
265
  "$description": "Cards",
266
266
  "$value": {
267
- "color": "#000000",
268
- "blur": "10px",
267
+ "color": "rgba(0, 0, 0, 0.25)",
268
+ "blur": "4px",
269
269
  "spread": "0px",
270
270
  "offsetX": "0px",
271
- "offsetY": "5px"
271
+ "offsetY": "4px"
272
272
  },
273
273
  "$type": "shadow"
274
274
  },
@@ -734,7 +734,7 @@
734
734
  "$value": "#0a13f7"
735
735
  },
736
736
  "brandALight": {
737
- "$value": "#3ed93f"
737
+ "$value": "#7A34ED"
738
738
  },
739
739
  "brandBDark": {
740
740
  "$value": "{color.pink.800}"