brandsync-tokens 1.0.35 → 1.0.37

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.
Files changed (6) hide show
  1. package/dist/css/tokens.css +37 -4
  2. package/dist/json/components.json +4 -28
  3. package/dist/scss/_brandsync-theme.scss +37 -4
  4. package/dist/swift/BrandsyncToken.swift +4 -4
  5. package/dist/tailwind/theme.css +4 -4
  6. package/package.json +2 -1
package/dist/css/tokens.css CHANGED
@@ -133,42 +133,75 @@
133
133
 
134
134
  /* Steel */
135
135
  --bs-steel-50: #eef0f6;
136
+ --bs-brand-colors-steel-50: var(--bs-steel-50);
136
137
  --bs-steel-100: #d9e3f1;
138
+ --bs-brand-colors-steel-100: var(--bs-steel-100);
137
139
  --bs-steel-200: #b1c9e3;
140
+ --bs-brand-colors-steel-200: var(--bs-steel-200);
138
141
  --bs-steel-300: #83aad0;
142
+ --bs-brand-colors-steel-300: var(--bs-steel-300);
139
143
  --bs-steel-400: #558dbe;
144
+ --bs-brand-colors-steel-400: var(--bs-steel-400);
140
145
  --bs-steel-500: #3779ae;
146
+ --bs-brand-colors-steel-500: var(--bs-steel-500);
141
147
  --bs-steel-600: #2b6796;
148
+ --bs-brand-colors-steel-600: var(--bs-steel-600);
142
149
  --bs-steel-700: #1f567f;
150
+ --bs-brand-colors-steel-700: var(--bs-steel-700);
143
151
  --bs-steel-800: #103e5f;
152
+ --bs-brand-colors-steel-800: var(--bs-steel-800);
144
153
  --bs-steel-900: #041d30;
154
+ --bs-brand-colors-steel-900: var(--bs-steel-900);
145
155
  --bs-steel-950: #032841;
156
+ --bs-brand-colors-steel-950: var(--bs-steel-950);
146
157
 
147
158
  /* Teal */
148
159
  --bs-teal-50: #e9f3f2;
160
+ --bs-brand-colors-teal-50: var(--bs-teal-50);
149
161
  --bs-teal-100: #c8e9e7;
162
+ --bs-brand-colors-teal-100: var(--bs-teal-100);
150
163
  --bs-teal-200: #9ed1cf;
164
+ --bs-brand-colors-teal-200: var(--bs-teal-200);
151
165
  --bs-teal-300: #72b2b0;
166
+ --bs-brand-colors-teal-300: var(--bs-teal-300);
152
167
  --bs-teal-400: #469593;
168
+ --bs-brand-colors-teal-400: var(--bs-teal-400);
153
169
  --bs-teal-500: #008280;
170
+ --bs-brand-colors-teal-500: var(--bs-teal-500);
154
171
  --bs-teal-600: #116f6e;
172
+ --bs-brand-colors-teal-600: var(--bs-teal-600);
155
173
  --bs-teal-700: #185b5a;
174
+ --bs-brand-colors-teal-700: var(--bs-teal-700);
156
175
  --bs-teal-800: #144241;
176
+ --bs-brand-colors-teal-800: var(--bs-teal-800);
157
177
  --bs-teal-900: #032b2a;
178
+ --bs-brand-colors-teal-900: var(--bs-teal-900);
158
179
  --bs-teal-950: #02201f;
180
+ --bs-brand-colors-teal-950: var(--bs-teal-950);
159
181
 
160
182
  /* Jade */
161
183
  --bs-jade-50: #eaf3ef;
184
+ --bs-brand-colors-jade-50: var(--bs-jade-50);
162
185
  --bs-jade-100: #c6eadf;
186
+ --bs-brand-colors-jade-100: var(--bs-jade-100);
163
187
  --bs-jade-200: #8cd4c2;
188
+ --bs-brand-colors-jade-200: var(--bs-jade-200);
164
189
  --bs-jade-300: #63b4a2;
190
+ --bs-brand-colors-jade-300: var(--bs-jade-300);
165
191
  --bs-jade-400: #349985;
192
+ --bs-brand-colors-jade-400: var(--bs-jade-400);
166
193
  --bs-jade-500: #008370;
194
+ --bs-brand-colors-jade-500: var(--bs-jade-500);
167
195
  --bs-jade-600: #0e7060;
196
+ --bs-brand-colors-jade-600: var(--bs-jade-600);
168
197
  --bs-jade-700: #0e5d50;
198
+ --bs-brand-colors-jade-700: var(--bs-jade-700);
169
199
  --bs-jade-800: #034439;
200
+ --bs-brand-colors-jade-800: var(--bs-jade-800);
170
201
  --bs-jade-900: #002c24;
202
+ --bs-brand-colors-jade-900: var(--bs-jade-900);
171
203
  --bs-jade-950: #02201a;
204
+ --bs-brand-colors-jade-950: var(--bs-jade-950);
172
205
 
173
206
  /* Green */
174
207
  --bs-green-50: #ecf2ea;
@@ -770,11 +803,11 @@
770
803
  --bs-snackbar-action-text: var(--bs-text-action);
771
804
  --bs-snackbar-action-border-focus: var(--bs-color-primary-focused);
772
805
  --bs-composer-actions: var(--bs-surface-base);
773
- --bs-composer-actions-70%: [object Object];
774
- --bs-composer-actions-0%: [object Object];
806
+ --bs-composer-actions-70: color-mix(in srgb, var(--bs-surface-base) 70%, transparent);
807
+ --bs-composer-actions-0: color-mix(in srgb, var(--bs-surface-base) 0%, transparent);
775
808
  --bs-user-bubble-actions: var(--bs-surface-container);
776
- --bs-user-bubble-actions-70%: [object Object];
777
- --bs-user-bubble-actions-0%: [object Object];
809
+ --bs-user-bubble-actions-70: color-mix(in srgb, var(--bs-surface-container) 70%, transparent);
810
+ --bs-user-bubble-actions-0: color-mix(in srgb, var(--bs-surface-container) 0%, transparent);
778
811
 
779
812
  --bs-shadow-ambient-color-xs: rgba(33, 38, 46, 0.06);
780
813
  --bs-shadow-ambient-color-sm: rgba(33, 38, 46, 0.08);
package/dist/json/components.json CHANGED
@@ -191,36 +191,12 @@
191
191
  },
192
192
  "composer": {
193
193
  "actions": "#ffffff",
194
- "actions-70%": {
195
- "color": {
196
- "type": "VARIABLE_ALIAS",
197
- "id": "VariableID:34:49"
198
- },
199
- "opacity": 70
200
- },
201
- "actions-0%": {
202
- "color": {
203
- "type": "VARIABLE_ALIAS",
204
- "id": "VariableID:34:49"
205
- },
206
- "opacity": 0
207
- }
194
+ "actions-70%": "#ffffff",
195
+ "actions-0%": "#ffffff"
208
196
  },
209
197
  "user-bubble": {
210
198
  "actions": "#eff0f8",
211
- "actions-70%": {
212
- "color": {
213
- "type": "VARIABLE_ALIAS",
214
- "id": "VariableID:322:12043"
215
- },
216
- "opacity": 70
217
- },
218
- "actions-0%": {
219
- "color": {
220
- "type": "VARIABLE_ALIAS",
221
- "id": "VariableID:322:12043"
222
- },
223
- "opacity": 0
224
- }
199
+ "actions-70%": "#eff0f8",
200
+ "actions-0%": "#eff0f8"
225
201
  }
226
202
  }
package/dist/scss/_brandsync-theme.scss CHANGED
@@ -133,42 +133,75 @@
133
133
 
134
134
  /* Steel */
135
135
  --bs-steel-50: #eef0f6;
136
+ --bs-brand-colors-steel-50: var(--bs-steel-50);
136
137
  --bs-steel-100: #d9e3f1;
138
+ --bs-brand-colors-steel-100: var(--bs-steel-100);
137
139
  --bs-steel-200: #b1c9e3;
140
+ --bs-brand-colors-steel-200: var(--bs-steel-200);
138
141
  --bs-steel-300: #83aad0;
142
+ --bs-brand-colors-steel-300: var(--bs-steel-300);
139
143
  --bs-steel-400: #558dbe;
144
+ --bs-brand-colors-steel-400: var(--bs-steel-400);
140
145
  --bs-steel-500: #3779ae;
146
+ --bs-brand-colors-steel-500: var(--bs-steel-500);
141
147
  --bs-steel-600: #2b6796;
148
+ --bs-brand-colors-steel-600: var(--bs-steel-600);
142
149
  --bs-steel-700: #1f567f;
150
+ --bs-brand-colors-steel-700: var(--bs-steel-700);
143
151
  --bs-steel-800: #103e5f;
152
+ --bs-brand-colors-steel-800: var(--bs-steel-800);
144
153
  --bs-steel-900: #041d30;
154
+ --bs-brand-colors-steel-900: var(--bs-steel-900);
145
155
  --bs-steel-950: #032841;
156
+ --bs-brand-colors-steel-950: var(--bs-steel-950);
146
157
 
147
158
  /* Teal */
148
159
  --bs-teal-50: #e9f3f2;
160
+ --bs-brand-colors-teal-50: var(--bs-teal-50);
149
161
  --bs-teal-100: #c8e9e7;
162
+ --bs-brand-colors-teal-100: var(--bs-teal-100);
150
163
  --bs-teal-200: #9ed1cf;
164
+ --bs-brand-colors-teal-200: var(--bs-teal-200);
151
165
  --bs-teal-300: #72b2b0;
166
+ --bs-brand-colors-teal-300: var(--bs-teal-300);
152
167
  --bs-teal-400: #469593;
168
+ --bs-brand-colors-teal-400: var(--bs-teal-400);
153
169
  --bs-teal-500: #008280;
170
+ --bs-brand-colors-teal-500: var(--bs-teal-500);
154
171
  --bs-teal-600: #116f6e;
172
+ --bs-brand-colors-teal-600: var(--bs-teal-600);
155
173
  --bs-teal-700: #185b5a;
174
+ --bs-brand-colors-teal-700: var(--bs-teal-700);
156
175
  --bs-teal-800: #144241;
176
+ --bs-brand-colors-teal-800: var(--bs-teal-800);
157
177
  --bs-teal-900: #032b2a;
178
+ --bs-brand-colors-teal-900: var(--bs-teal-900);
158
179
  --bs-teal-950: #02201f;
180
+ --bs-brand-colors-teal-950: var(--bs-teal-950);
159
181
 
160
182
  /* Jade */
161
183
  --bs-jade-50: #eaf3ef;
184
+ --bs-brand-colors-jade-50: var(--bs-jade-50);
162
185
  --bs-jade-100: #c6eadf;
186
+ --bs-brand-colors-jade-100: var(--bs-jade-100);
163
187
  --bs-jade-200: #8cd4c2;
188
+ --bs-brand-colors-jade-200: var(--bs-jade-200);
164
189
  --bs-jade-300: #63b4a2;
190
+ --bs-brand-colors-jade-300: var(--bs-jade-300);
165
191
  --bs-jade-400: #349985;
192
+ --bs-brand-colors-jade-400: var(--bs-jade-400);
166
193
  --bs-jade-500: #008370;
194
+ --bs-brand-colors-jade-500: var(--bs-jade-500);
167
195
  --bs-jade-600: #0e7060;
196
+ --bs-brand-colors-jade-600: var(--bs-jade-600);
168
197
  --bs-jade-700: #0e5d50;
198
+ --bs-brand-colors-jade-700: var(--bs-jade-700);
169
199
  --bs-jade-800: #034439;
200
+ --bs-brand-colors-jade-800: var(--bs-jade-800);
170
201
  --bs-jade-900: #002c24;
202
+ --bs-brand-colors-jade-900: var(--bs-jade-900);
171
203
  --bs-jade-950: #02201a;
204
+ --bs-brand-colors-jade-950: var(--bs-jade-950);
172
205
 
173
206
  /* Green */
174
207
  --bs-green-50: #ecf2ea;
@@ -770,11 +803,11 @@
770
803
  --bs-snackbar-action-text: var(--bs-text-action);
771
804
  --bs-snackbar-action-border-focus: var(--bs-color-primary-focused);
772
805
  --bs-composer-actions: var(--bs-surface-base);
773
- --bs-composer-actions-70%: [object Object];
774
- --bs-composer-actions-0%: [object Object];
806
+ --bs-composer-actions-70: color-mix(in srgb, var(--bs-surface-base) 70%, transparent);
807
+ --bs-composer-actions-0: color-mix(in srgb, var(--bs-surface-base) 0%, transparent);
775
808
  --bs-user-bubble-actions: var(--bs-surface-container);
776
- --bs-user-bubble-actions-70%: [object Object];
777
- --bs-user-bubble-actions-0%: [object Object];
809
+ --bs-user-bubble-actions-70: color-mix(in srgb, var(--bs-surface-container) 70%, transparent);
810
+ --bs-user-bubble-actions-0: color-mix(in srgb, var(--bs-surface-container) 0%, transparent);
778
811
 
779
812
  --bs-shadow-ambient-color-xs: rgba(33, 38, 46, 0.06);
780
813
  --bs-shadow-ambient-color-sm: rgba(33, 38, 46, 0.08);
package/dist/swift/BrandsyncToken.swift CHANGED
@@ -1383,10 +1383,10 @@ public enum BrandsyncToken {
1383
1383
  public static let snackbarBgInfo = UIColor(red: 0.000, green: 0.400, blue: 0.682, alpha: 1)
1384
1384
  public static let snackbarActionText = UIColor(red: 0.000, green: 0.384, blue: 0.757, alpha: 1)
1385
1385
  public static let composerActions = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
1386
- public static let composerActions70 = "[object Object]"
1387
- public static let composerActions0 = "[object Object]"
1386
+ public static let composerActions70 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
1387
+ public static let composerActions0 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
1388
1388
  public static let userBubbleActions = UIColor(red: 0.937, green: 0.941, blue: 0.973, alpha: 1)
1389
- public static let userBubbleActions70 = "[object Object]"
1390
- public static let userBubbleActions0 = "[object Object]"
1389
+ public static let userBubbleActions70 = UIColor(red: 0.937, green: 0.941, blue: 0.973, alpha: 1)
1390
+ public static let userBubbleActions0 = UIColor(red: 0.937, green: 0.941, blue: 0.973, alpha: 1)
1391
1391
  }
1392
1392
  }
package/dist/tailwind/theme.css CHANGED
@@ -177,11 +177,11 @@
177
177
  --color-bs-snackbar-action-text: var(--bs-snackbar-action-text);
178
178
  --color-bs-snackbar-action-border-focus: var(--bs-snackbar-action-border-focus);
179
179
  --color-bs-composer-actions: var(--bs-composer-actions);
180
- --color-bs-composer-actions-70%: var(--bs-composer-actions-70%);
181
- --color-bs-composer-actions-0%: var(--bs-composer-actions-0%);
180
+ --color-bs-composer-actions-70: var(--bs-composer-actions-70);
181
+ --color-bs-composer-actions-0: var(--bs-composer-actions-0);
182
182
  --color-bs-user-bubble-actions: var(--bs-user-bubble-actions);
183
- --color-bs-user-bubble-actions-70%: var(--bs-user-bubble-actions-70%);
184
- --color-bs-user-bubble-actions-0%: var(--bs-user-bubble-actions-0%);
183
+ --color-bs-user-bubble-actions-70: var(--bs-user-bubble-actions-70);
184
+ --color-bs-user-bubble-actions-0: var(--bs-user-bubble-actions-0);
185
185
  --color-bs-steel-50: var(--bs-steel-50);
186
186
  --color-bs-steel-100: var(--bs-steel-100);
187
187
  --color-bs-steel-200: var(--bs-steel-200);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "brandsync-tokens",
3
- "version": "1.0.35",
3
+ "version": "1.0.37",
4
4
  "description": "Brandsync design tokens — CSS custom properties",
5
5
  "exports": {
6
6
  "./tokens.css": "./dist/css/tokens.css",
@@ -26,6 +26,7 @@
26
26
  "build-tokens": "node scripts/build-tokens.js"
27
27
  },
28
28
  "dependencies": {
29
+ "brandsync-tokens": "^1.0.35",
29
30
  "style-dictionary": "^5.3.3"
30
31
  }
31
32
  }