@knapsack/sandbox-tokens 4.54.10--canary.9c0b1fe.0 → 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 (19) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/CHANGELOG.md +37 -0
  3. package/dist/design-tokens.cjs +39 -13
  4. package/dist/design-tokens.collections.css +87 -31
  5. package/dist/design-tokens.css +35 -13
  6. package/dist/design-tokens.css.scss +35 -13
  7. package/dist/design-tokens.d.cts +39 -13
  8. package/dist/design-tokens.d.mts +39 -13
  9. package/dist/design-tokens.d.ts +39 -13
  10. package/dist/design-tokens.js +39 -13
  11. package/dist/design-tokens.json +35 -13
  12. package/dist/design-tokens.less +35 -13
  13. package/dist/design-tokens.mjs +39 -13
  14. package/dist/design-tokens.nested.json +45 -15
  15. package/dist/design-tokens.scss +80 -28
  16. package/dist/design-tokens.style-dictionary.json +219 -38
  17. package/dist/design-tokens.w3c-spec.json +219 -38
  18. package/package.json +4 -4
  19. package/src/knapsack.design-tokens.json +219 -38
package/dist/design-tokens.js CHANGED
@@ -73,20 +73,46 @@ export const colorNeutral600 = '#ACAAB6';
73
73
  export const collectionsTestingTestSecondaryBrandBDark = '#ACAAB6';
74
74
  export const colorNeutral300 = '#EDECEF';
75
75
  export const collectionsTestingTestSecondaryBrandBLight = '#EDECEF';
76
- export const sandboxColorBrand = '#7A34ED';
77
- export const collectionsThemeActionBaseDark = '#7A34ED';
78
- export const collectionsThemeActionBaseLight = '#7A34ED';
76
+ export const collectionsTestingTestTertiaryBrandALight = '#000000';
77
+ export const collectionsTestingTestTertiaryBrandBDark = '#000000';
78
+ export const collectionsTestingTestTertiaryBrandBLight = '#000000';
79
79
  export const sandboxColorWhite = '#ffffff';
80
- export const collectionsThemeActionTextDark = '#ffffff';
81
- export const collectionsThemeActionTextLight = '#ffffff';
82
- export const collectionsThemeBackgroundContentDark = '#3B3644';
83
- export const collectionsThemeBackgroundContentLight = '#FFFFFF';
84
- export const collectionsThemeBackgroundPageDark = '#1F1C25';
85
- export const collectionsThemeBackgroundPageLight = '#FDFCFE';
86
- export const collectionsThemeTextBaseDark = '#F6F8FF';
87
- export const collectionsThemeTextBaseLight = '#191F2C';
88
- export const collectionsThemeTextSubtleDark = '#BEC3D3';
89
- 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';
90
116
  export const colorNeutral800 = '#191335';
91
117
  export const colorBlack = '#191335';
92
118
  export const colorWhite = '#ffffff';
package/dist/design-tokens.json CHANGED
@@ -57,18 +57,41 @@
57
57
  "collectionsTestingTestSecondaryBrandALight": "#cc2020",
58
58
  "collectionsTestingTestSecondaryBrandBDark": "#ACAAB6",
59
59
  "collectionsTestingTestSecondaryBrandBLight": "#EDECEF",
60
- "collectionsThemeActionBaseDark": "#7A34ED",
61
- "collectionsThemeActionBaseLight": "#7A34ED",
62
- "collectionsThemeActionTextDark": "#ffffff",
63
- "collectionsThemeActionTextLight": "#ffffff",
64
- "collectionsThemeBackgroundContentDark": "#3B3644",
65
- "collectionsThemeBackgroundContentLight": "#FFFFFF",
66
- "collectionsThemeBackgroundPageDark": "#1F1C25",
67
- "collectionsThemeBackgroundPageLight": "#FDFCFE",
68
- "collectionsThemeTextBaseDark": "#F6F8FF",
69
- "collectionsThemeTextBaseLight": "#191F2C",
70
- "collectionsThemeTextSubtleDark": "#BEC3D3",
71
- "collectionsThemeTextSubtleLight": "#6E7A82",
60
+ "collectionsTestingTestTertiaryBrandALight": "#000000",
61
+ "collectionsTestingTestTertiaryBrandBDark": "#000000",
62
+ "collectionsTestingTestTertiaryBrandBLight": "#000000",
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",
72
95
  "colorBlack": "#191335",
73
96
  "colorWhite": "#ffffff",
74
97
  "colorNeutral100": "#FAFAFB",
@@ -116,7 +139,6 @@
116
139
  "radiusMedium": "8px",
117
140
  "radiusRound": "160px",
118
141
  "radiusSmall": "4px",
119
- "sandboxColorBrand": "#7A34ED",
120
142
  "sandboxColorError": "#FF5C46",
121
143
  "sandboxColorSuccess": "#6BC313",
122
144
  "sandboxColorWarning": "#FAB120",
package/dist/design-tokens.less CHANGED
@@ -73,20 +73,42 @@
73
73
  @collections-testing-test-secondary-brand-b-dark: @color-neutral-600;
74
74
  @color-neutral-300: #edecef;
75
75
  @collections-testing-test-secondary-brand-b-light: @color-neutral-300;
76
- @sandbox-color-brand: #7a34ed;
77
- @collections-theme-action-base-dark: @sandbox-color-brand;
78
- @collections-theme-action-base-light: @sandbox-color-brand;
76
+ @collections-testing-test-tertiary-brand-a-light: #000000;
77
+ @collections-testing-test-tertiary-brand-b-dark: #000000;
78
+ @collections-testing-test-tertiary-brand-b-light: #000000;
79
79
  @sandbox-color-white: #ffffff;
80
- @collections-theme-action-text-dark: @sandbox-color-white;
81
- @collections-theme-action-text-light: @sandbox-color-white;
82
- @collections-theme-background-content-dark: #3b3644;
83
- @collections-theme-background-content-light: #ffffff;
84
- @collections-theme-background-page-dark: #1f1c25;
85
- @collections-theme-background-page-light: #fdfcfe;
86
- @collections-theme-text-base-dark: #f6f8ff;
87
- @collections-theme-text-base-light: #191f2c;
88
- @collections-theme-text-subtle-dark: #bec3d3;
89
- @collections-theme-text-subtle-light: #6e7a82;
80
+ @collections-theme-action-text-arcadia-dark: @sandbox-color-white;
81
+ @collections-theme-action-text-arcadia-light: @sandbox-color-white;
82
+ @collections-theme-action-text-basis-dark: @sandbox-color-white;
83
+ @collections-theme-action-text-basis-light: @sandbox-color-white;
84
+ @collections-theme-background-content-arcadia-dark: #3b3644;
85
+ @collections-theme-background-content-arcadia-light: #ffffff;
86
+ @collections-theme-background-content-basis-dark: #3b3644;
87
+ @collections-theme-background-content-basis-light: #ffffff;
88
+ @collections-theme-background-page-arcadia-dark: #1f1c25;
89
+ @collections-theme-background-page-arcadia-light: #fdfcfe;
90
+ @collections-theme-background-page-basis-dark: #1f1c25;
91
+ @collections-theme-background-page-basis-light: #fdfcfe;
92
+ @collections-theme-brand-color-arcadia-dark: #7a34ed;
93
+ @collections-theme-brand-color-arcadia-light: #7a34ed;
94
+ @collections-theme-brand-color-basis-dark: #ed7734;
95
+ @collections-theme-brand-color-basis-light: #ed7734;
96
+ @collections-theme-brand-font-family-arcadia-dark: Inter;
97
+ @collections-theme-brand-font-family-arcadia-light: Inter;
98
+ @collections-theme-brand-font-family-basis-dark: Merriweather;
99
+ @collections-theme-brand-font-family-basis-light: Merriweather;
100
+ @collections-theme-brand-logo-arcadia-dark: url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg');
101
+ @collections-theme-brand-logo-arcadia-light: url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg');
102
+ @collections-theme-brand-logo-basis-dark: url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng');
103
+ @collections-theme-brand-logo-basis-light: url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng');
104
+ @collections-theme-text-base-arcadia-dark: #f6f8ff;
105
+ @collections-theme-text-base-arcadia-light: #191f2c;
106
+ @collections-theme-text-base-basis-dark: #f6f8ff;
107
+ @collections-theme-text-base-basis-light: #191f2c;
108
+ @collections-theme-text-subtle-arcadia-dark: #bec3d3;
109
+ @collections-theme-text-subtle-arcadia-light: #6e7a82;
110
+ @collections-theme-text-subtle-basis-dark: #bec3d3;
111
+ @collections-theme-text-subtle-basis-light: #6e7a82;
90
112
  @color-neutral-800: #191335;
91
113
  @color-black: @color-neutral-800;
92
114
  @color-white: #ffffff;
package/dist/design-tokens.mjs CHANGED
@@ -73,20 +73,46 @@ export const colorNeutral600 = '#ACAAB6';
73
73
  export const collectionsTestingTestSecondaryBrandBDark = '#ACAAB6';
74
74
  export const colorNeutral300 = '#EDECEF';
75
75
  export const collectionsTestingTestSecondaryBrandBLight = '#EDECEF';
76
- export const sandboxColorBrand = '#7A34ED';
77
- export const collectionsThemeActionBaseDark = '#7A34ED';
78
- export const collectionsThemeActionBaseLight = '#7A34ED';
76
+ export const collectionsTestingTestTertiaryBrandALight = '#000000';
77
+ export const collectionsTestingTestTertiaryBrandBDark = '#000000';
78
+ export const collectionsTestingTestTertiaryBrandBLight = '#000000';
79
79
  export const sandboxColorWhite = '#ffffff';
80
- export const collectionsThemeActionTextDark = '#ffffff';
81
- export const collectionsThemeActionTextLight = '#ffffff';
82
- export const collectionsThemeBackgroundContentDark = '#3B3644';
83
- export const collectionsThemeBackgroundContentLight = '#FFFFFF';
84
- export const collectionsThemeBackgroundPageDark = '#1F1C25';
85
- export const collectionsThemeBackgroundPageLight = '#FDFCFE';
86
- export const collectionsThemeTextBaseDark = '#F6F8FF';
87
- export const collectionsThemeTextBaseLight = '#191F2C';
88
- export const collectionsThemeTextSubtleDark = '#BEC3D3';
89
- 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';
90
116
  export const colorNeutral800 = '#191335';
91
117
  export const colorBlack = '#191335';
92
118
  export const colorWhite = '#ffffff';
package/dist/design-tokens.nested.json CHANGED
@@ -103,38 +103,69 @@
103
103
  "brandALight": "#cc2020",
104
104
  "brandBDark": "#ACAAB6",
105
105
  "brandBLight": "#EDECEF"
106
+ },
107
+ "tertiary": {
108
+ "brandALight": "#000000",
109
+ "brandBDark": "#000000",
110
+ "brandBLight": "#000000"
106
111
  }
107
112
  }
108
113
  },
109
114
  "theme": {
110
115
  "action": {
111
- "base": {
112
- "dark": "#7A34ED",
113
- "light": "#7A34ED"
114
- },
115
116
  "text": {
116
- "dark": "#ffffff",
117
- "light": "#ffffff"
117
+ "arcadiaDark": "#ffffff",
118
+ "arcadiaLight": "#ffffff",
119
+ "basisDark": "#ffffff",
120
+ "basisLight": "#ffffff"
118
121
  }
119
122
  },
120
123
  "background": {
121
124
  "content": {
122
- "dark": "#3B3644",
123
- "light": "#FFFFFF"
125
+ "arcadiaDark": "#3B3644",
126
+ "arcadiaLight": "#FFFFFF",
127
+ "basisDark": "#3B3644",
128
+ "basisLight": "#FFFFFF"
124
129
  },
125
130
  "page": {
126
- "dark": "#1F1C25",
127
- "light": "#FDFCFE"
131
+ "arcadiaDark": "#1F1C25",
132
+ "arcadiaLight": "#FDFCFE",
133
+ "basisDark": "#1F1C25",
134
+ "basisLight": "#FDFCFE"
135
+ }
136
+ },
137
+ "brand": {
138
+ "color": {
139
+ "arcadiaDark": "#7A34ED",
140
+ "arcadiaLight": "#7A34ED",
141
+ "basisDark": "#ED7734",
142
+ "basisLight": "#ED7734"
143
+ },
144
+ "fontFamily": {
145
+ "arcadiaDark": "Inter",
146
+ "arcadiaLight": "Inter",
147
+ "basisDark": "Merriweather",
148
+ "basisLight": "Merriweather"
149
+ },
150
+ "logo": {
151
+ "arcadiaDark": "url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg')",
152
+ "arcadiaLight": "url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg')",
153
+ "basisDark": "url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng')",
154
+ "basisLight": "url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng')"
128
155
  }
129
156
  },
130
157
  "text": {
131
158
  "base": {
132
- "dark": "#F6F8FF",
133
- "light": "#191F2C"
159
+ "arcadiaDark": "#F6F8FF",
160
+ "arcadiaLight": "#191F2C",
161
+ "basisDark": "#F6F8FF",
162
+ "basisLight": "#191F2C"
134
163
  },
135
164
  "subtle": {
136
- "dark": "#BEC3D3",
137
- "light": "#6E7A82"
165
+ "arcadiaDark": "#BEC3D3",
166
+ "arcadiaLight": "#6E7A82",
167
+ "basisDark": "#BEC3D3",
168
+ "basisLight": "#6E7A82"
138
169
  }
139
170
  }
140
171
  }
@@ -208,7 +239,6 @@
208
239
  },
209
240
  "sandbox": {
210
241
  "color": {
211
- "brand": "#7A34ED",
212
242
  "error": "#FF5C46",
213
243
  "success": "#6BC313",
214
244
  "warning": "#FAB120",
package/dist/design-tokens.scss CHANGED
@@ -73,20 +73,42 @@ $color-neutral-600: #acaab6;
73
73
  $collections-testing-test-secondary-brand-b-dark: $color-neutral-600;
74
74
  $color-neutral-300: #edecef;
75
75
  $collections-testing-test-secondary-brand-b-light: $color-neutral-300;
76
- $sandbox-color-brand: #7a34ed;
77
- $collections-theme-action-base-dark: $sandbox-color-brand;
78
- $collections-theme-action-base-light: $sandbox-color-brand;
76
+ $collections-testing-test-tertiary-brand-a-light: #000000;
77
+ $collections-testing-test-tertiary-brand-b-dark: #000000;
78
+ $collections-testing-test-tertiary-brand-b-light: #000000;
79
79
  $sandbox-color-white: #ffffff;
80
- $collections-theme-action-text-dark: $sandbox-color-white;
81
- $collections-theme-action-text-light: $sandbox-color-white;
82
- $collections-theme-background-content-dark: #3b3644;
83
- $collections-theme-background-content-light: #ffffff;
84
- $collections-theme-background-page-dark: #1f1c25;
85
- $collections-theme-background-page-light: #fdfcfe;
86
- $collections-theme-text-base-dark: #f6f8ff;
87
- $collections-theme-text-base-light: #191f2c;
88
- $collections-theme-text-subtle-dark: #bec3d3;
89
- $collections-theme-text-subtle-light: #6e7a82;
80
+ $collections-theme-action-text-arcadia-dark: $sandbox-color-white;
81
+ $collections-theme-action-text-arcadia-light: $sandbox-color-white;
82
+ $collections-theme-action-text-basis-dark: $sandbox-color-white;
83
+ $collections-theme-action-text-basis-light: $sandbox-color-white;
84
+ $collections-theme-background-content-arcadia-dark: #3b3644;
85
+ $collections-theme-background-content-arcadia-light: #ffffff;
86
+ $collections-theme-background-content-basis-dark: #3b3644;
87
+ $collections-theme-background-content-basis-light: #ffffff;
88
+ $collections-theme-background-page-arcadia-dark: #1f1c25;
89
+ $collections-theme-background-page-arcadia-light: #fdfcfe;
90
+ $collections-theme-background-page-basis-dark: #1f1c25;
91
+ $collections-theme-background-page-basis-light: #fdfcfe;
92
+ $collections-theme-brand-color-arcadia-dark: #7a34ed;
93
+ $collections-theme-brand-color-arcadia-light: #7a34ed;
94
+ $collections-theme-brand-color-basis-dark: #ed7734;
95
+ $collections-theme-brand-color-basis-light: #ed7734;
96
+ $collections-theme-brand-font-family-arcadia-dark: Inter;
97
+ $collections-theme-brand-font-family-arcadia-light: Inter;
98
+ $collections-theme-brand-font-family-basis-dark: Merriweather;
99
+ $collections-theme-brand-font-family-basis-light: Merriweather;
100
+ $collections-theme-brand-logo-arcadia-dark: url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg');
101
+ $collections-theme-brand-logo-arcadia-light: url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg');
102
+ $collections-theme-brand-logo-basis-dark: url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng');
103
+ $collections-theme-brand-logo-basis-light: url('https://knapsack.imgix.net/site/ks-sandbox/logo-basis-34vzcamdqxpng');
104
+ $collections-theme-text-base-arcadia-dark: #f6f8ff;
105
+ $collections-theme-text-base-arcadia-light: #191f2c;
106
+ $collections-theme-text-base-basis-dark: #f6f8ff;
107
+ $collections-theme-text-base-basis-light: #191f2c;
108
+ $collections-theme-text-subtle-arcadia-dark: #bec3d3;
109
+ $collections-theme-text-subtle-arcadia-light: #6e7a82;
110
+ $collections-theme-text-subtle-basis-dark: #bec3d3;
111
+ $collections-theme-text-subtle-basis-light: #6e7a82;
90
112
  $color-neutral-800: #191335;
91
113
  $color-black: $color-neutral-800;
92
114
  $color-white: #ffffff;
@@ -262,37 +284,68 @@ $tokens: (
262
284
  'brandBDark': $collections-testing-test-secondary-brand-b-dark,
263
285
  'brandBLight': $collections-testing-test-secondary-brand-b-light,
264
286
  ),
287
+ 'tertiary': (
288
+ 'brandALight': $collections-testing-test-tertiary-brand-a-light,
289
+ 'brandBDark': $collections-testing-test-tertiary-brand-b-dark,
290
+ 'brandBLight': $collections-testing-test-tertiary-brand-b-light,
291
+ ),
265
292
  ),
266
293
  ),
267
294
  'theme': (
268
295
  'action': (
269
- 'base': (
270
- 'dark': $collections-theme-action-base-dark,
271
- 'light': $collections-theme-action-base-light,
272
- ),
273
296
  'text': (
274
- 'dark': $collections-theme-action-text-dark,
275
- 'light': $collections-theme-action-text-light,
297
+ 'arcadiaDark': $collections-theme-action-text-arcadia-dark,
298
+ 'arcadiaLight': $collections-theme-action-text-arcadia-light,
299
+ 'basisDark': $collections-theme-action-text-basis-dark,
300
+ 'basisLight': $collections-theme-action-text-basis-light,
276
301
  ),
277
302
  ),
278
303
  'background': (
279
304
  'content': (
280
- 'dark': $collections-theme-background-content-dark,
281
- 'light': $collections-theme-background-content-light,
305
+ 'arcadiaDark': $collections-theme-background-content-arcadia-dark,
306
+ 'arcadiaLight': $collections-theme-background-content-arcadia-light,
307
+ 'basisDark': $collections-theme-background-content-basis-dark,
308
+ 'basisLight': $collections-theme-background-content-basis-light,
282
309
  ),
283
310
  'page': (
284
- 'dark': $collections-theme-background-page-dark,
285
- 'light': $collections-theme-background-page-light,
311
+ 'arcadiaDark': $collections-theme-background-page-arcadia-dark,
312
+ 'arcadiaLight': $collections-theme-background-page-arcadia-light,
313
+ 'basisDark': $collections-theme-background-page-basis-dark,
314
+ 'basisLight': $collections-theme-background-page-basis-light,
315
+ ),
316
+ ),
317
+ 'brand': (
318
+ 'color': (
319
+ 'arcadiaDark': $collections-theme-brand-color-arcadia-dark,
320
+ 'arcadiaLight': $collections-theme-brand-color-arcadia-light,
321
+ 'basisDark': $collections-theme-brand-color-basis-dark,
322
+ 'basisLight': $collections-theme-brand-color-basis-light,
323
+ ),
324
+ 'fontFamily': (
325
+ 'arcadiaDark': $collections-theme-brand-font-family-arcadia-dark,
326
+ 'arcadiaLight': $collections-theme-brand-font-family-arcadia-light,
327
+ 'basisDark': $collections-theme-brand-font-family-basis-dark,
328
+ 'basisLight': $collections-theme-brand-font-family-basis-light,
329
+ ),
330
+ 'logo': (
331
+ 'arcadiaDark': $collections-theme-brand-logo-arcadia-dark,
332
+ 'arcadiaLight': $collections-theme-brand-logo-arcadia-light,
333
+ 'basisDark': $collections-theme-brand-logo-basis-dark,
334
+ 'basisLight': $collections-theme-brand-logo-basis-light,
286
335
  ),
287
336
  ),
288
337
  'text': (
289
338
  'base': (
290
- 'dark': $collections-theme-text-base-dark,
291
- 'light': $collections-theme-text-base-light,
339
+ 'arcadiaDark': $collections-theme-text-base-arcadia-dark,
340
+ 'arcadiaLight': $collections-theme-text-base-arcadia-light,
341
+ 'basisDark': $collections-theme-text-base-basis-dark,
342
+ 'basisLight': $collections-theme-text-base-basis-light,
292
343
  ),
293
344
  'subtle': (
294
- 'dark': $collections-theme-text-subtle-dark,
295
- 'light': $collections-theme-text-subtle-light,
345
+ 'arcadiaDark': $collections-theme-text-subtle-arcadia-dark,
346
+ 'arcadiaLight': $collections-theme-text-subtle-arcadia-light,
347
+ 'basisDark': $collections-theme-text-subtle-basis-dark,
348
+ 'basisLight': $collections-theme-text-subtle-basis-light,
296
349
  ),
297
350
  ),
298
351
  ),
@@ -366,7 +419,6 @@ $tokens: (
366
419
  ),
367
420
  'sandbox': (
368
421
  'color': (
369
- 'brand': $sandbox-color-brand,
370
422
  'error': $sandbox-color-error,
371
423
  'success': $sandbox-color-success,
372
424
  'warning': $sandbox-color-warning,