@knapsack/sandbox-tokens 4.54.10 → 4.54.11--canary.88a6a4e.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 +36 -13
  3. package/dist/design-tokens.collections.css +80 -27
  4. package/dist/design-tokens.css +32 -13
  5. package/dist/design-tokens.css.scss +32 -13
  6. package/dist/design-tokens.d.cts +36 -13
  7. package/dist/design-tokens.d.mts +36 -13
  8. package/dist/design-tokens.d.ts +36 -13
  9. package/dist/design-tokens.js +36 -13
  10. package/dist/design-tokens.json +32 -13
  11. package/dist/design-tokens.less +32 -13
  12. package/dist/design-tokens.mjs +36 -13
  13. package/dist/design-tokens.nested.json +40 -15
  14. package/dist/design-tokens.scss +72 -28
  15. package/dist/design-tokens.style-dictionary.json +185 -37
  16. package/dist/design-tokens.w3c-spec.json +185 -37
  17. package/package.json +4 -4
  18. package/src/knapsack.design-tokens.json +185 -37
package/.turbo/turbo-build.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- > @knapsack/sandbox-tokens@4.54.9 build /home/runner/work/app-monorepo/app-monorepo/apps/ui/libs/sandbox-tokens
2
+ > @knapsack/sandbox-tokens@4.54.10 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
@@ -77,20 +77,43 @@ module.exports = {
77
77
  collectionsTestingTestTertiaryBrandALight: '#000000',
78
78
  collectionsTestingTestTertiaryBrandBDark: '#000000',
79
79
  collectionsTestingTestTertiaryBrandBLight: '#000000',
80
- sandboxColorBrand: '#7A34ED',
81
- collectionsThemeActionBaseDark: '#7A34ED',
82
- collectionsThemeActionBaseLight: '#7A34ED',
83
80
  sandboxColorWhite: '#ffffff',
84
- collectionsThemeActionTextDark: '#ffffff',
85
- collectionsThemeActionTextLight: '#ffffff',
86
- collectionsThemeBackgroundContentDark: '#3B3644',
87
- collectionsThemeBackgroundContentLight: '#FFFFFF',
88
- collectionsThemeBackgroundPageDark: '#1F1C25',
89
- collectionsThemeBackgroundPageLight: '#FDFCFE',
90
- collectionsThemeTextBaseDark: '#F6F8FF',
91
- collectionsThemeTextBaseLight: '#191F2C',
92
- collectionsThemeTextSubtleDark: '#BEC3D3',
93
- collectionsThemeTextSubtleLight: '#6E7A82',
81
+ collectionsThemeActionTextArcadiaDark: '#ffffff',
82
+ collectionsThemeActionTextArcadiaLight: '#ffffff',
83
+ collectionsThemeActionTextBasisDark: '#ffffff',
84
+ collectionsThemeActionTextBasisLight: '#ffffff',
85
+ collectionsThemeBackgroundContentArcadiaDark: '#3B3644',
86
+ collectionsThemeBackgroundContentArcadiaLight: '#FFFFFF',
87
+ collectionsThemeBackgroundContentBasisDark: '#3B3644',
88
+ collectionsThemeBackgroundContentBasisLight: '#FFFFFF',
89
+ collectionsThemeBackgroundPageArcadiaDark: '#1F1C25',
90
+ collectionsThemeBackgroundPageArcadiaLight: '#FDFCFE',
91
+ collectionsThemeBackgroundPageBasisDark: '#1F1C25',
92
+ collectionsThemeBackgroundPageBasisLight: '#FDFCFE',
93
+ collectionsThemeBrandColorArcadiaDark: '#7A34ED',
94
+ collectionsThemeBrandColorArcadiaLight: '#7A34ED',
95
+ collectionsThemeBrandColorBasisDark: '#ED7734',
96
+ collectionsThemeBrandColorBasisLight: '#ED7734',
97
+ collectionsThemeBrandFontFamilyArcadiaDark: 'Inter',
98
+ collectionsThemeBrandFontFamilyArcadiaLight: 'Inter',
99
+ collectionsThemeBrandFontFamilyBasisDark: 'Merriweather',
100
+ collectionsThemeBrandFontFamilyBasisLight: 'Merriweather',
101
+ collectionsThemeBrandLogoArcadiaDark:
102
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg')",
103
+ collectionsThemeBrandLogoArcadiaLight:
104
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg')",
105
+ collectionsThemeBrandLogoBasisDark:
106
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng')",
107
+ collectionsThemeBrandLogoBasisLight:
108
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng')",
109
+ collectionsThemeTextBaseArcadiaDark: '#F6F8FF',
110
+ collectionsThemeTextBaseArcadiaLight: '#191F2C',
111
+ collectionsThemeTextBaseBasisDark: '#F6F8FF',
112
+ collectionsThemeTextBaseBasisLight: '#191F2C',
113
+ collectionsThemeTextSubtleArcadiaDark: '#BEC3D3',
114
+ collectionsThemeTextSubtleArcadiaLight: '#6E7A82',
115
+ collectionsThemeTextSubtleBasisDark: '#BEC3D3',
116
+ collectionsThemeTextSubtleBasisLight: '#6E7A82',
94
117
  colorNeutral800: '#191335',
95
118
  colorBlack: '#191335',
96
119
  colorWhite: '#ffffff',
package/dist/design-tokens.collections.css CHANGED
@@ -66,18 +66,38 @@
66
66
  --collections-testing-test-tertiary-brand-a-light: #000000;
67
67
  --collections-testing-test-tertiary-brand-b-dark: #000000;
68
68
  --collections-testing-test-tertiary-brand-b-light: #000000;
69
- --collections-theme-action-base-dark: var(--sandbox-color-brand);
70
- --collections-theme-action-base-light: var(--sandbox-color-brand);
71
- --collections-theme-action-text-dark: var(--sandbox-color-white);
72
- --collections-theme-action-text-light: var(--sandbox-color-white);
73
- --collections-theme-background-content-dark: #3b3644;
74
- --collections-theme-background-content-light: #ffffff;
75
- --collections-theme-background-page-dark: #1f1c25;
76
- --collections-theme-background-page-light: #fdfcfe;
77
- --collections-theme-text-base-dark: #f6f8ff;
78
- --collections-theme-text-base-light: #191f2c;
79
- --collections-theme-text-subtle-dark: #bec3d3;
80
- --collections-theme-text-subtle-light: #6e7a82;
69
+ --collections-theme-action-text-arcadia-dark: var(--sandbox-color-white);
70
+ --collections-theme-action-text-arcadia-light: var(--sandbox-color-white);
71
+ --collections-theme-action-text-basis-dark: var(--sandbox-color-white);
72
+ --collections-theme-action-text-basis-light: var(--sandbox-color-white);
73
+ --collections-theme-background-content-arcadia-dark: #3b3644;
74
+ --collections-theme-background-content-arcadia-light: #ffffff;
75
+ --collections-theme-background-content-basis-dark: #3b3644;
76
+ --collections-theme-background-content-basis-light: #ffffff;
77
+ --collections-theme-background-page-arcadia-dark: #1f1c25;
78
+ --collections-theme-background-page-arcadia-light: #fdfcfe;
79
+ --collections-theme-background-page-basis-dark: #1f1c25;
80
+ --collections-theme-background-page-basis-light: #fdfcfe;
81
+ --collections-theme-brand-color-arcadia-dark: #7a34ed;
82
+ --collections-theme-brand-color-arcadia-light: #7a34ed;
83
+ --collections-theme-brand-color-basis-dark: #ed7734;
84
+ --collections-theme-brand-color-basis-light: #ed7734;
85
+ --collections-theme-brand-font-family-arcadia-dark: Inter;
86
+ --collections-theme-brand-font-family-arcadia-light: Inter;
87
+ --collections-theme-brand-font-family-basis-dark: Merriweather;
88
+ --collections-theme-brand-font-family-basis-light: Merriweather;
89
+ --collections-theme-brand-logo-arcadia-dark: url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg');
90
+ --collections-theme-brand-logo-arcadia-light: url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg');
91
+ --collections-theme-brand-logo-basis-dark: url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng');
92
+ --collections-theme-brand-logo-basis-light: url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng');
93
+ --collections-theme-text-base-arcadia-dark: #f6f8ff;
94
+ --collections-theme-text-base-arcadia-light: #191f2c;
95
+ --collections-theme-text-base-basis-dark: #f6f8ff;
96
+ --collections-theme-text-base-basis-light: #191f2c;
97
+ --collections-theme-text-subtle-arcadia-dark: #bec3d3;
98
+ --collections-theme-text-subtle-arcadia-light: #6e7a82;
99
+ --collections-theme-text-subtle-basis-dark: #bec3d3;
100
+ --collections-theme-text-subtle-basis-light: #6e7a82;
81
101
  --color-black: var(--color-neutral-800);
82
102
  --color-white: #ffffff;
83
103
  --color-neutral-100: #fafafb;
@@ -125,7 +145,6 @@
125
145
  --radius-medium: 8px;
126
146
  --radius-round: 160px;
127
147
  --radius-small: 4px;
128
- --sandbox-color-brand: #7a34ed;
129
148
  --sandbox-color-error: #ff5c46;
130
149
  --sandbox-color-success: #6bc313;
131
150
  --sandbox-color-warning: #fab120;
@@ -238,20 +257,54 @@
238
257
  }
239
258
 
240
259
  :root,
241
- [data-collections-theme='light'] {
242
- --action-base: var(--collections-theme-action-base-light);
243
- --action-text: var(--collections-theme-action-text-light);
244
- --background-content: var(--collections-theme-background-content-light);
245
- --background-page: var(--collections-theme-background-page-light);
246
- --text-base: var(--collections-theme-text-base-light);
247
- --text-subtle: var(--collections-theme-text-subtle-light);
260
+ [data-collections-theme='arcadiaLight'] {
261
+ --action-base: var(--collections-theme-brand-color);
262
+ --action-text: var(--collections-theme-action-text-arcadia-light);
263
+ --background-content: var(
264
+ --collections-theme-background-content-arcadia-light
265
+ );
266
+ --background-page: var(--collections-theme-background-page-arcadia-light);
267
+ --brand-color: var(--collections-theme-brand-color-arcadia-light);
268
+ --brand-font-family: var(--collections-theme-brand-font-family-arcadia-light);
269
+ --brand-logo: var(--collections-theme-brand-logo-arcadia-light);
270
+ --text-base: var(--collections-theme-text-base-arcadia-light);
271
+ --text-subtle: var(--collections-theme-text-subtle-arcadia-light);
272
+ }
273
+
274
+ [data-collections-theme='arcadiaDark'] {
275
+ --action-base: var(--collections-theme-brand-color);
276
+ --action-text: var(--collections-theme-action-text-arcadia-dark);
277
+ --background-content: var(
278
+ --collections-theme-background-content-arcadia-dark
279
+ );
280
+ --background-page: var(--collections-theme-background-page-arcadia-dark);
281
+ --brand-color: var(--collections-theme-brand-color-arcadia-dark);
282
+ --brand-font-family: var(--collections-theme-brand-font-family-arcadia-dark);
283
+ --brand-logo: var(--collections-theme-brand-logo-arcadia-dark);
284
+ --text-base: var(--collections-theme-text-base-arcadia-dark);
285
+ --text-subtle: var(--collections-theme-text-subtle-arcadia-dark);
286
+ }
287
+
288
+ [data-collections-theme='basisLight'] {
289
+ --action-base: var(--collections-theme-brand-color);
290
+ --action-text: var(--collections-theme-action-text-basis-light);
291
+ --background-content: var(--collections-theme-background-content-basis-light);
292
+ --background-page: var(--collections-theme-background-page-basis-light);
293
+ --brand-color: var(--collections-theme-brand-color-basis-light);
294
+ --brand-font-family: var(--collections-theme-brand-font-family-basis-light);
295
+ --brand-logo: var(--collections-theme-brand-logo-basis-light);
296
+ --text-base: var(--collections-theme-text-base-basis-light);
297
+ --text-subtle: var(--collections-theme-text-subtle-basis-light);
248
298
  }
249
299
 
250
- [data-collections-theme='dark'] {
251
- --action-base: var(--collections-theme-action-base-dark);
252
- --action-text: var(--collections-theme-action-text-dark);
253
- --background-content: var(--collections-theme-background-content-dark);
254
- --background-page: var(--collections-theme-background-page-dark);
255
- --text-base: var(--collections-theme-text-base-dark);
256
- --text-subtle: var(--collections-theme-text-subtle-dark);
300
+ [data-collections-theme='basisDark'] {
301
+ --action-base: var(--collections-theme-brand-color);
302
+ --action-text: var(--collections-theme-action-text-basis-dark);
303
+ --background-content: var(--collections-theme-background-content-basis-dark);
304
+ --background-page: var(--collections-theme-background-page-basis-dark);
305
+ --brand-color: var(--collections-theme-brand-color-basis-dark);
306
+ --brand-font-family: var(--collections-theme-brand-font-family-basis-dark);
307
+ --brand-logo: var(--collections-theme-brand-logo-basis-dark);
308
+ --text-base: var(--collections-theme-text-base-basis-dark);
309
+ --text-subtle: var(--collections-theme-text-subtle-basis-dark);
257
310
  }
package/dist/design-tokens.css CHANGED
@@ -66,18 +66,38 @@
66
66
  --collections-testing-test-tertiary-brand-a-light: #000000;
67
67
  --collections-testing-test-tertiary-brand-b-dark: #000000;
68
68
  --collections-testing-test-tertiary-brand-b-light: #000000;
69
- --collections-theme-action-base-dark: var(--sandbox-color-brand);
70
- --collections-theme-action-base-light: var(--sandbox-color-brand);
71
- --collections-theme-action-text-dark: var(--sandbox-color-white);
72
- --collections-theme-action-text-light: var(--sandbox-color-white);
73
- --collections-theme-background-content-dark: #3b3644;
74
- --collections-theme-background-content-light: #ffffff;
75
- --collections-theme-background-page-dark: #1f1c25;
76
- --collections-theme-background-page-light: #fdfcfe;
77
- --collections-theme-text-base-dark: #f6f8ff;
78
- --collections-theme-text-base-light: #191f2c;
79
- --collections-theme-text-subtle-dark: #bec3d3;
80
- --collections-theme-text-subtle-light: #6e7a82;
69
+ --collections-theme-action-text-arcadia-dark: var(--sandbox-color-white);
70
+ --collections-theme-action-text-arcadia-light: var(--sandbox-color-white);
71
+ --collections-theme-action-text-basis-dark: var(--sandbox-color-white);
72
+ --collections-theme-action-text-basis-light: var(--sandbox-color-white);
73
+ --collections-theme-background-content-arcadia-dark: #3b3644;
74
+ --collections-theme-background-content-arcadia-light: #ffffff;
75
+ --collections-theme-background-content-basis-dark: #3b3644;
76
+ --collections-theme-background-content-basis-light: #ffffff;
77
+ --collections-theme-background-page-arcadia-dark: #1f1c25;
78
+ --collections-theme-background-page-arcadia-light: #fdfcfe;
79
+ --collections-theme-background-page-basis-dark: #1f1c25;
80
+ --collections-theme-background-page-basis-light: #fdfcfe;
81
+ --collections-theme-brand-color-arcadia-dark: #7a34ed;
82
+ --collections-theme-brand-color-arcadia-light: #7a34ed;
83
+ --collections-theme-brand-color-basis-dark: #ed7734;
84
+ --collections-theme-brand-color-basis-light: #ed7734;
85
+ --collections-theme-brand-font-family-arcadia-dark: Inter;
86
+ --collections-theme-brand-font-family-arcadia-light: Inter;
87
+ --collections-theme-brand-font-family-basis-dark: Merriweather;
88
+ --collections-theme-brand-font-family-basis-light: Merriweather;
89
+ --collections-theme-brand-logo-arcadia-dark: url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg');
90
+ --collections-theme-brand-logo-arcadia-light: url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg');
91
+ --collections-theme-brand-logo-basis-dark: url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng');
92
+ --collections-theme-brand-logo-basis-light: url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng');
93
+ --collections-theme-text-base-arcadia-dark: #f6f8ff;
94
+ --collections-theme-text-base-arcadia-light: #191f2c;
95
+ --collections-theme-text-base-basis-dark: #f6f8ff;
96
+ --collections-theme-text-base-basis-light: #191f2c;
97
+ --collections-theme-text-subtle-arcadia-dark: #bec3d3;
98
+ --collections-theme-text-subtle-arcadia-light: #6e7a82;
99
+ --collections-theme-text-subtle-basis-dark: #bec3d3;
100
+ --collections-theme-text-subtle-basis-light: #6e7a82;
81
101
  --color-black: var(--color-neutral-800);
82
102
  --color-white: #ffffff;
83
103
  --color-neutral-100: #fafafb;
@@ -125,7 +145,6 @@
125
145
  --radius-medium: 8px;
126
146
  --radius-round: 160px;
127
147
  --radius-small: 4px;
128
- --sandbox-color-brand: #7a34ed;
129
148
  --sandbox-color-error: #ff5c46;
130
149
  --sandbox-color-success: #6bc313;
131
150
  --sandbox-color-warning: #fab120;
package/dist/design-tokens.css.scss CHANGED
@@ -66,18 +66,38 @@
66
66
  --collections-testing-test-tertiary-brand-a-light: #000000;
67
67
  --collections-testing-test-tertiary-brand-b-dark: #000000;
68
68
  --collections-testing-test-tertiary-brand-b-light: #000000;
69
- --collections-theme-action-base-dark: var(--sandbox-color-brand);
70
- --collections-theme-action-base-light: var(--sandbox-color-brand);
71
- --collections-theme-action-text-dark: var(--sandbox-color-white);
72
- --collections-theme-action-text-light: var(--sandbox-color-white);
73
- --collections-theme-background-content-dark: #3b3644;
74
- --collections-theme-background-content-light: #ffffff;
75
- --collections-theme-background-page-dark: #1f1c25;
76
- --collections-theme-background-page-light: #fdfcfe;
77
- --collections-theme-text-base-dark: #f6f8ff;
78
- --collections-theme-text-base-light: #191f2c;
79
- --collections-theme-text-subtle-dark: #bec3d3;
80
- --collections-theme-text-subtle-light: #6e7a82;
69
+ --collections-theme-action-text-arcadia-dark: var(--sandbox-color-white);
70
+ --collections-theme-action-text-arcadia-light: var(--sandbox-color-white);
71
+ --collections-theme-action-text-basis-dark: var(--sandbox-color-white);
72
+ --collections-theme-action-text-basis-light: var(--sandbox-color-white);
73
+ --collections-theme-background-content-arcadia-dark: #3b3644;
74
+ --collections-theme-background-content-arcadia-light: #ffffff;
75
+ --collections-theme-background-content-basis-dark: #3b3644;
76
+ --collections-theme-background-content-basis-light: #ffffff;
77
+ --collections-theme-background-page-arcadia-dark: #1f1c25;
78
+ --collections-theme-background-page-arcadia-light: #fdfcfe;
79
+ --collections-theme-background-page-basis-dark: #1f1c25;
80
+ --collections-theme-background-page-basis-light: #fdfcfe;
81
+ --collections-theme-brand-color-arcadia-dark: #7a34ed;
82
+ --collections-theme-brand-color-arcadia-light: #7a34ed;
83
+ --collections-theme-brand-color-basis-dark: #ed7734;
84
+ --collections-theme-brand-color-basis-light: #ed7734;
85
+ --collections-theme-brand-font-family-arcadia-dark: Inter;
86
+ --collections-theme-brand-font-family-arcadia-light: Inter;
87
+ --collections-theme-brand-font-family-basis-dark: Merriweather;
88
+ --collections-theme-brand-font-family-basis-light: Merriweather;
89
+ --collections-theme-brand-logo-arcadia-dark: url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg');
90
+ --collections-theme-brand-logo-arcadia-light: url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg');
91
+ --collections-theme-brand-logo-basis-dark: url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng');
92
+ --collections-theme-brand-logo-basis-light: url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng');
93
+ --collections-theme-text-base-arcadia-dark: #f6f8ff;
94
+ --collections-theme-text-base-arcadia-light: #191f2c;
95
+ --collections-theme-text-base-basis-dark: #f6f8ff;
96
+ --collections-theme-text-base-basis-light: #191f2c;
97
+ --collections-theme-text-subtle-arcadia-dark: #bec3d3;
98
+ --collections-theme-text-subtle-arcadia-light: #6e7a82;
99
+ --collections-theme-text-subtle-basis-dark: #bec3d3;
100
+ --collections-theme-text-subtle-basis-light: #6e7a82;
81
101
  --color-black: var(--color-neutral-800);
82
102
  --color-white: #ffffff;
83
103
  --color-neutral-100: #fafafb;
@@ -125,7 +145,6 @@
125
145
  --radius-medium: 8px;
126
146
  --radius-round: 160px;
127
147
  --radius-small: 4px;
128
- --sandbox-color-brand: #7a34ed;
129
148
  --sandbox-color-error: #ff5c46;
130
149
  --sandbox-color-success: #6bc313;
131
150
  --sandbox-color-warning: #fab120;
package/dist/design-tokens.d.cts CHANGED
@@ -76,20 +76,43 @@ export declare const collectionsTestingTestSecondaryBrandBLight = '#EDECEF';
76
76
  export declare const collectionsTestingTestTertiaryBrandALight = '#000000';
77
77
  export declare const collectionsTestingTestTertiaryBrandBDark = '#000000';
78
78
  export declare const collectionsTestingTestTertiaryBrandBLight = '#000000';
79
- export declare const sandboxColorBrand = '#7A34ED';
80
- export declare const collectionsThemeActionBaseDark = '#7A34ED';
81
- export declare const collectionsThemeActionBaseLight = '#7A34ED';
82
79
  export declare const sandboxColorWhite = '#ffffff';
83
- export declare const collectionsThemeActionTextDark = '#ffffff';
84
- export declare const collectionsThemeActionTextLight = '#ffffff';
85
- export declare const collectionsThemeBackgroundContentDark = '#3B3644';
86
- export declare const collectionsThemeBackgroundContentLight = '#FFFFFF';
87
- export declare const collectionsThemeBackgroundPageDark = '#1F1C25';
88
- export declare const collectionsThemeBackgroundPageLight = '#FDFCFE';
89
- export declare const collectionsThemeTextBaseDark = '#F6F8FF';
90
- export declare const collectionsThemeTextBaseLight = '#191F2C';
91
- export declare const collectionsThemeTextSubtleDark = '#BEC3D3';
92
- export declare const collectionsThemeTextSubtleLight = '#6E7A82';
80
+ export declare const collectionsThemeActionTextArcadiaDark = '#ffffff';
81
+ export declare const collectionsThemeActionTextArcadiaLight = '#ffffff';
82
+ export declare const collectionsThemeActionTextBasisDark = '#ffffff';
83
+ export declare const collectionsThemeActionTextBasisLight = '#ffffff';
84
+ export declare const collectionsThemeBackgroundContentArcadiaDark = '#3B3644';
85
+ export declare const collectionsThemeBackgroundContentArcadiaLight = '#FFFFFF';
86
+ export declare const collectionsThemeBackgroundContentBasisDark = '#3B3644';
87
+ export declare const collectionsThemeBackgroundContentBasisLight = '#FFFFFF';
88
+ export declare const collectionsThemeBackgroundPageArcadiaDark = '#1F1C25';
89
+ export declare const collectionsThemeBackgroundPageArcadiaLight = '#FDFCFE';
90
+ export declare const collectionsThemeBackgroundPageBasisDark = '#1F1C25';
91
+ export declare const collectionsThemeBackgroundPageBasisLight = '#FDFCFE';
92
+ export declare const collectionsThemeBrandColorArcadiaDark = '#7A34ED';
93
+ export declare const collectionsThemeBrandColorArcadiaLight = '#7A34ED';
94
+ export declare const collectionsThemeBrandColorBasisDark = '#ED7734';
95
+ export declare const collectionsThemeBrandColorBasisLight = '#ED7734';
96
+ export declare const collectionsThemeBrandFontFamilyArcadiaDark = 'Inter';
97
+ export declare const collectionsThemeBrandFontFamilyArcadiaLight = 'Inter';
98
+ export declare const collectionsThemeBrandFontFamilyBasisDark = 'Merriweather';
99
+ export declare const collectionsThemeBrandFontFamilyBasisLight = 'Merriweather';
100
+ export declare const collectionsThemeBrandLogoArcadiaDark =
101
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg')";
102
+ export declare const collectionsThemeBrandLogoArcadiaLight =
103
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg')";
104
+ export declare const collectionsThemeBrandLogoBasisDark =
105
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng')";
106
+ export declare const collectionsThemeBrandLogoBasisLight =
107
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng')";
108
+ export declare const collectionsThemeTextBaseArcadiaDark = '#F6F8FF';
109
+ export declare const collectionsThemeTextBaseArcadiaLight = '#191F2C';
110
+ export declare const collectionsThemeTextBaseBasisDark = '#F6F8FF';
111
+ export declare const collectionsThemeTextBaseBasisLight = '#191F2C';
112
+ export declare const collectionsThemeTextSubtleArcadiaDark = '#BEC3D3';
113
+ export declare const collectionsThemeTextSubtleArcadiaLight = '#6E7A82';
114
+ export declare const collectionsThemeTextSubtleBasisDark = '#BEC3D3';
115
+ export declare const collectionsThemeTextSubtleBasisLight = '#6E7A82';
93
116
  export declare const colorNeutral800 = '#191335';
94
117
  export declare const colorBlack = '#191335';
95
118
  export declare const colorWhite = '#ffffff';
package/dist/design-tokens.d.mts CHANGED
@@ -76,20 +76,43 @@ export declare const collectionsTestingTestSecondaryBrandBLight = '#EDECEF';
76
76
  export declare const collectionsTestingTestTertiaryBrandALight = '#000000';
77
77
  export declare const collectionsTestingTestTertiaryBrandBDark = '#000000';
78
78
  export declare const collectionsTestingTestTertiaryBrandBLight = '#000000';
79
- export declare const sandboxColorBrand = '#7A34ED';
80
- export declare const collectionsThemeActionBaseDark = '#7A34ED';
81
- export declare const collectionsThemeActionBaseLight = '#7A34ED';
82
79
  export declare const sandboxColorWhite = '#ffffff';
83
- export declare const collectionsThemeActionTextDark = '#ffffff';
84
- export declare const collectionsThemeActionTextLight = '#ffffff';
85
- export declare const collectionsThemeBackgroundContentDark = '#3B3644';
86
- export declare const collectionsThemeBackgroundContentLight = '#FFFFFF';
87
- export declare const collectionsThemeBackgroundPageDark = '#1F1C25';
88
- export declare const collectionsThemeBackgroundPageLight = '#FDFCFE';
89
- export declare const collectionsThemeTextBaseDark = '#F6F8FF';
90
- export declare const collectionsThemeTextBaseLight = '#191F2C';
91
- export declare const collectionsThemeTextSubtleDark = '#BEC3D3';
92
- export declare const collectionsThemeTextSubtleLight = '#6E7A82';
80
+ export declare const collectionsThemeActionTextArcadiaDark = '#ffffff';
81
+ export declare const collectionsThemeActionTextArcadiaLight = '#ffffff';
82
+ export declare const collectionsThemeActionTextBasisDark = '#ffffff';
83
+ export declare const collectionsThemeActionTextBasisLight = '#ffffff';
84
+ export declare const collectionsThemeBackgroundContentArcadiaDark = '#3B3644';
85
+ export declare const collectionsThemeBackgroundContentArcadiaLight = '#FFFFFF';
86
+ export declare const collectionsThemeBackgroundContentBasisDark = '#3B3644';
87
+ export declare const collectionsThemeBackgroundContentBasisLight = '#FFFFFF';
88
+ export declare const collectionsThemeBackgroundPageArcadiaDark = '#1F1C25';
89
+ export declare const collectionsThemeBackgroundPageArcadiaLight = '#FDFCFE';
90
+ export declare const collectionsThemeBackgroundPageBasisDark = '#1F1C25';
91
+ export declare const collectionsThemeBackgroundPageBasisLight = '#FDFCFE';
92
+ export declare const collectionsThemeBrandColorArcadiaDark = '#7A34ED';
93
+ export declare const collectionsThemeBrandColorArcadiaLight = '#7A34ED';
94
+ export declare const collectionsThemeBrandColorBasisDark = '#ED7734';
95
+ export declare const collectionsThemeBrandColorBasisLight = '#ED7734';
96
+ export declare const collectionsThemeBrandFontFamilyArcadiaDark = 'Inter';
97
+ export declare const collectionsThemeBrandFontFamilyArcadiaLight = 'Inter';
98
+ export declare const collectionsThemeBrandFontFamilyBasisDark = 'Merriweather';
99
+ export declare const collectionsThemeBrandFontFamilyBasisLight = 'Merriweather';
100
+ export declare const collectionsThemeBrandLogoArcadiaDark =
101
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg')";
102
+ export declare const collectionsThemeBrandLogoArcadiaLight =
103
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg')";
104
+ export declare const collectionsThemeBrandLogoBasisDark =
105
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng')";
106
+ export declare const collectionsThemeBrandLogoBasisLight =
107
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng')";
108
+ export declare const collectionsThemeTextBaseArcadiaDark = '#F6F8FF';
109
+ export declare const collectionsThemeTextBaseArcadiaLight = '#191F2C';
110
+ export declare const collectionsThemeTextBaseBasisDark = '#F6F8FF';
111
+ export declare const collectionsThemeTextBaseBasisLight = '#191F2C';
112
+ export declare const collectionsThemeTextSubtleArcadiaDark = '#BEC3D3';
113
+ export declare const collectionsThemeTextSubtleArcadiaLight = '#6E7A82';
114
+ export declare const collectionsThemeTextSubtleBasisDark = '#BEC3D3';
115
+ export declare const collectionsThemeTextSubtleBasisLight = '#6E7A82';
93
116
  export declare const colorNeutral800 = '#191335';
94
117
  export declare const colorBlack = '#191335';
95
118
  export declare const colorWhite = '#ffffff';
package/dist/design-tokens.d.ts CHANGED
@@ -76,20 +76,43 @@ export declare const collectionsTestingTestSecondaryBrandBLight = '#EDECEF';
76
76
  export declare const collectionsTestingTestTertiaryBrandALight = '#000000';
77
77
  export declare const collectionsTestingTestTertiaryBrandBDark = '#000000';
78
78
  export declare const collectionsTestingTestTertiaryBrandBLight = '#000000';
79
- export declare const sandboxColorBrand = '#7A34ED';
80
- export declare const collectionsThemeActionBaseDark = '#7A34ED';
81
- export declare const collectionsThemeActionBaseLight = '#7A34ED';
82
79
  export declare const sandboxColorWhite = '#ffffff';
83
- export declare const collectionsThemeActionTextDark = '#ffffff';
84
- export declare const collectionsThemeActionTextLight = '#ffffff';
85
- export declare const collectionsThemeBackgroundContentDark = '#3B3644';
86
- export declare const collectionsThemeBackgroundContentLight = '#FFFFFF';
87
- export declare const collectionsThemeBackgroundPageDark = '#1F1C25';
88
- export declare const collectionsThemeBackgroundPageLight = '#FDFCFE';
89
- export declare const collectionsThemeTextBaseDark = '#F6F8FF';
90
- export declare const collectionsThemeTextBaseLight = '#191F2C';
91
- export declare const collectionsThemeTextSubtleDark = '#BEC3D3';
92
- export declare const collectionsThemeTextSubtleLight = '#6E7A82';
80
+ export declare const collectionsThemeActionTextArcadiaDark = '#ffffff';
81
+ export declare const collectionsThemeActionTextArcadiaLight = '#ffffff';
82
+ export declare const collectionsThemeActionTextBasisDark = '#ffffff';
83
+ export declare const collectionsThemeActionTextBasisLight = '#ffffff';
84
+ export declare const collectionsThemeBackgroundContentArcadiaDark = '#3B3644';
85
+ export declare const collectionsThemeBackgroundContentArcadiaLight = '#FFFFFF';
86
+ export declare const collectionsThemeBackgroundContentBasisDark = '#3B3644';
87
+ export declare const collectionsThemeBackgroundContentBasisLight = '#FFFFFF';
88
+ export declare const collectionsThemeBackgroundPageArcadiaDark = '#1F1C25';
89
+ export declare const collectionsThemeBackgroundPageArcadiaLight = '#FDFCFE';
90
+ export declare const collectionsThemeBackgroundPageBasisDark = '#1F1C25';
91
+ export declare const collectionsThemeBackgroundPageBasisLight = '#FDFCFE';
92
+ export declare const collectionsThemeBrandColorArcadiaDark = '#7A34ED';
93
+ export declare const collectionsThemeBrandColorArcadiaLight = '#7A34ED';
94
+ export declare const collectionsThemeBrandColorBasisDark = '#ED7734';
95
+ export declare const collectionsThemeBrandColorBasisLight = '#ED7734';
96
+ export declare const collectionsThemeBrandFontFamilyArcadiaDark = 'Inter';
97
+ export declare const collectionsThemeBrandFontFamilyArcadiaLight = 'Inter';
98
+ export declare const collectionsThemeBrandFontFamilyBasisDark = 'Merriweather';
99
+ export declare const collectionsThemeBrandFontFamilyBasisLight = 'Merriweather';
100
+ export declare const collectionsThemeBrandLogoArcadiaDark =
101
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg')";
102
+ export declare const collectionsThemeBrandLogoArcadiaLight =
103
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg')";
104
+ export declare const collectionsThemeBrandLogoBasisDark =
105
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng')";
106
+ export declare const collectionsThemeBrandLogoBasisLight =
107
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng')";
108
+ export declare const collectionsThemeTextBaseArcadiaDark = '#F6F8FF';
109
+ export declare const collectionsThemeTextBaseArcadiaLight = '#191F2C';
110
+ export declare const collectionsThemeTextBaseBasisDark = '#F6F8FF';
111
+ export declare const collectionsThemeTextBaseBasisLight = '#191F2C';
112
+ export declare const collectionsThemeTextSubtleArcadiaDark = '#BEC3D3';
113
+ export declare const collectionsThemeTextSubtleArcadiaLight = '#6E7A82';
114
+ export declare const collectionsThemeTextSubtleBasisDark = '#BEC3D3';
115
+ export declare const collectionsThemeTextSubtleBasisLight = '#6E7A82';
93
116
  export declare const colorNeutral800 = '#191335';
94
117
  export declare const colorBlack = '#191335';
95
118
  export declare const colorWhite = '#ffffff';
package/dist/design-tokens.js CHANGED
@@ -76,20 +76,43 @@ export const collectionsTestingTestSecondaryBrandBLight = '#EDECEF';
76
76
  export const collectionsTestingTestTertiaryBrandALight = '#000000';
77
77
  export const collectionsTestingTestTertiaryBrandBDark = '#000000';
78
78
  export const collectionsTestingTestTertiaryBrandBLight = '#000000';
79
- export const sandboxColorBrand = '#7A34ED';
80
- export const collectionsThemeActionBaseDark = '#7A34ED';
81
- export const collectionsThemeActionBaseLight = '#7A34ED';
82
79
  export const sandboxColorWhite = '#ffffff';
83
- export const collectionsThemeActionTextDark = '#ffffff';
84
- export const collectionsThemeActionTextLight = '#ffffff';
85
- export const collectionsThemeBackgroundContentDark = '#3B3644';
86
- export const collectionsThemeBackgroundContentLight = '#FFFFFF';
87
- export const collectionsThemeBackgroundPageDark = '#1F1C25';
88
- export const collectionsThemeBackgroundPageLight = '#FDFCFE';
89
- export const collectionsThemeTextBaseDark = '#F6F8FF';
90
- export const collectionsThemeTextBaseLight = '#191F2C';
91
- export const collectionsThemeTextSubtleDark = '#BEC3D3';
92
- export const collectionsThemeTextSubtleLight = '#6E7A82';
80
+ export const collectionsThemeActionTextArcadiaDark = '#ffffff';
81
+ export const collectionsThemeActionTextArcadiaLight = '#ffffff';
82
+ export const collectionsThemeActionTextBasisDark = '#ffffff';
83
+ export const collectionsThemeActionTextBasisLight = '#ffffff';
84
+ export const collectionsThemeBackgroundContentArcadiaDark = '#3B3644';
85
+ export const collectionsThemeBackgroundContentArcadiaLight = '#FFFFFF';
86
+ export const collectionsThemeBackgroundContentBasisDark = '#3B3644';
87
+ export const collectionsThemeBackgroundContentBasisLight = '#FFFFFF';
88
+ export const collectionsThemeBackgroundPageArcadiaDark = '#1F1C25';
89
+ export const collectionsThemeBackgroundPageArcadiaLight = '#FDFCFE';
90
+ export const collectionsThemeBackgroundPageBasisDark = '#1F1C25';
91
+ export const collectionsThemeBackgroundPageBasisLight = '#FDFCFE';
92
+ export const collectionsThemeBrandColorArcadiaDark = '#7A34ED';
93
+ export const collectionsThemeBrandColorArcadiaLight = '#7A34ED';
94
+ export const collectionsThemeBrandColorBasisDark = '#ED7734';
95
+ export const collectionsThemeBrandColorBasisLight = '#ED7734';
96
+ export const collectionsThemeBrandFontFamilyArcadiaDark = 'Inter';
97
+ export const collectionsThemeBrandFontFamilyArcadiaLight = 'Inter';
98
+ export const collectionsThemeBrandFontFamilyBasisDark = 'Merriweather';
99
+ export const collectionsThemeBrandFontFamilyBasisLight = 'Merriweather';
100
+ export const collectionsThemeBrandLogoArcadiaDark =
101
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg')";
102
+ export const collectionsThemeBrandLogoArcadiaLight =
103
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg')";
104
+ export const collectionsThemeBrandLogoBasisDark =
105
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng')";
106
+ export const collectionsThemeBrandLogoBasisLight =
107
+ "url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng')";
108
+ export const collectionsThemeTextBaseArcadiaDark = '#F6F8FF';
109
+ export const collectionsThemeTextBaseArcadiaLight = '#191F2C';
110
+ export const collectionsThemeTextBaseBasisDark = '#F6F8FF';
111
+ export const collectionsThemeTextBaseBasisLight = '#191F2C';
112
+ export const collectionsThemeTextSubtleArcadiaDark = '#BEC3D3';
113
+ export const collectionsThemeTextSubtleArcadiaLight = '#6E7A82';
114
+ export const collectionsThemeTextSubtleBasisDark = '#BEC3D3';
115
+ export const collectionsThemeTextSubtleBasisLight = '#6E7A82';
93
116
  export const colorNeutral800 = '#191335';
94
117
  export const colorBlack = '#191335';
95
118
  export const colorWhite = '#ffffff';
package/dist/design-tokens.json CHANGED
@@ -60,18 +60,38 @@
60
60
  "collectionsTestingTestTertiaryBrandALight": "#000000",
61
61
  "collectionsTestingTestTertiaryBrandBDark": "#000000",
62
62
  "collectionsTestingTestTertiaryBrandBLight": "#000000",
63
- "collectionsThemeActionBaseDark": "#7A34ED",
64
- "collectionsThemeActionBaseLight": "#7A34ED",
65
- "collectionsThemeActionTextDark": "#ffffff",
66
- "collectionsThemeActionTextLight": "#ffffff",
67
- "collectionsThemeBackgroundContentDark": "#3B3644",
68
- "collectionsThemeBackgroundContentLight": "#FFFFFF",
69
- "collectionsThemeBackgroundPageDark": "#1F1C25",
70
- "collectionsThemeBackgroundPageLight": "#FDFCFE",
71
- "collectionsThemeTextBaseDark": "#F6F8FF",
72
- "collectionsThemeTextBaseLight": "#191F2C",
73
- "collectionsThemeTextSubtleDark": "#BEC3D3",
74
- "collectionsThemeTextSubtleLight": "#6E7A82",
63
+ "collectionsThemeActionTextArcadiaDark": "#ffffff",
64
+ "collectionsThemeActionTextArcadiaLight": "#ffffff",
65
+ "collectionsThemeActionTextBasisDark": "#ffffff",
66
+ "collectionsThemeActionTextBasisLight": "#ffffff",
67
+ "collectionsThemeBackgroundContentArcadiaDark": "#3B3644",
68
+ "collectionsThemeBackgroundContentArcadiaLight": "#FFFFFF",
69
+ "collectionsThemeBackgroundContentBasisDark": "#3B3644",
70
+ "collectionsThemeBackgroundContentBasisLight": "#FFFFFF",
71
+ "collectionsThemeBackgroundPageArcadiaDark": "#1F1C25",
72
+ "collectionsThemeBackgroundPageArcadiaLight": "#FDFCFE",
73
+ "collectionsThemeBackgroundPageBasisDark": "#1F1C25",
74
+ "collectionsThemeBackgroundPageBasisLight": "#FDFCFE",
75
+ "collectionsThemeBrandColorArcadiaDark": "#7A34ED",
76
+ "collectionsThemeBrandColorArcadiaLight": "#7A34ED",
77
+ "collectionsThemeBrandColorBasisDark": "#ED7734",
78
+ "collectionsThemeBrandColorBasisLight": "#ED7734",
79
+ "collectionsThemeBrandFontFamilyArcadiaDark": "Inter",
80
+ "collectionsThemeBrandFontFamilyArcadiaLight": "Inter",
81
+ "collectionsThemeBrandFontFamilyBasisDark": "Merriweather",
82
+ "collectionsThemeBrandFontFamilyBasisLight": "Merriweather",
83
+ "collectionsThemeBrandLogoArcadiaDark": "url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg')",
84
+ "collectionsThemeBrandLogoArcadiaLight": "url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg')",
85
+ "collectionsThemeBrandLogoBasisDark": "url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng')",
86
+ "collectionsThemeBrandLogoBasisLight": "url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng')",
87
+ "collectionsThemeTextBaseArcadiaDark": "#F6F8FF",
88
+ "collectionsThemeTextBaseArcadiaLight": "#191F2C",
89
+ "collectionsThemeTextBaseBasisDark": "#F6F8FF",
90
+ "collectionsThemeTextBaseBasisLight": "#191F2C",
91
+ "collectionsThemeTextSubtleArcadiaDark": "#BEC3D3",
92
+ "collectionsThemeTextSubtleArcadiaLight": "#6E7A82",
93
+ "collectionsThemeTextSubtleBasisDark": "#BEC3D3",
94
+ "collectionsThemeTextSubtleBasisLight": "#6E7A82",
75
95
  "colorBlack": "#191335",
76
96
  "colorWhite": "#ffffff",
77
97
  "colorNeutral100": "#FAFAFB",
@@ -119,7 +139,6 @@
119
139
  "radiusMedium": "8px",
120
140
  "radiusRound": "160px",
121
141
  "radiusSmall": "4px",
122
- "sandboxColorBrand": "#7A34ED",
123
142
  "sandboxColorError": "#FF5C46",
124
143
  "sandboxColorSuccess": "#6BC313",
125
144
  "sandboxColorWarning": "#FAB120",