@sage/design-tokens 2.2.0 → 2.3.0

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 (38) hide show
  1. package/android/base.xml +385 -0
  2. package/assets/fonts/sageui.css +18 -18
  3. package/css/base.css +387 -0
  4. package/data/tokens.json +1450 -257
  5. package/docs/tokens/{no-theme → base}/border-radius/index.html +25 -20
  6. package/docs/tokens/{no-theme → base}/border-width/index.html +35 -30
  7. package/docs/tokens/base/box-shadow/index.html +451 -0
  8. package/docs/tokens/base/colors/index.html +4063 -0
  9. package/docs/tokens/{no-theme → base}/font-families/index.html +33 -28
  10. package/docs/tokens/{no-theme → base}/font-sizes/index.html +65 -60
  11. package/docs/tokens/{no-theme → base}/font-weights/index.html +29 -24
  12. package/docs/tokens/base/index.html +8353 -0
  13. package/docs/tokens/{no-theme → base}/line-heights/index.html +47 -21
  14. package/docs/tokens/{no-theme/box-shadow → base/opacity}/index.html +42 -58
  15. package/docs/tokens/{no-theme → base}/sizing/index.html +167 -78
  16. package/docs/tokens/{no-theme → base}/spacing/index.html +71 -66
  17. package/docs/tokens/base/typography/index.html +2698 -0
  18. package/docs/tokens/index.html +4318 -1771
  19. package/index.d.ts +2 -2
  20. package/index.js +2 -2
  21. package/ios/base.h +389 -0
  22. package/js/{no-theme → base}/common.d.ts +136 -16
  23. package/js/base/common.js +387 -0
  24. package/js/{no-theme → base}/es6.d.ts +136 -16
  25. package/js/base/es6.js +382 -0
  26. package/package.json +1 -1
  27. package/sage-design-tokens-2.3.0.tgz +0 -0
  28. package/scss/base.scss +384 -0
  29. package/android/no-theme.xml +0 -265
  30. package/css/no-theme.css +0 -267
  31. package/docs/tokens/no-theme/colors/index.html +0 -2903
  32. package/docs/tokens/no-theme/index.html +0 -5811
  33. package/docs/tokens/no-theme/typography/index.html +0 -1559
  34. package/ios/no-theme.h +0 -269
  35. package/js/no-theme/common.js +0 -267
  36. package/js/no-theme/es6.js +0 -262
  37. package/sage-design-tokens-2.2.0.tgz +0 -0
  38. package/scss/no-theme.scss +0 -264
package/docs/tokens/{no-theme → base}/border-radius/index.html RENAMED
@@ -6,7 +6,7 @@
6
6
  <meta http-equiv="Pragma" content="no-cache" />
7
7
  <meta http-equiv="Expires" content="0" />
8
8
 
9
- <title>Sage Design Tokens / no-theme / borderRadius</title>
9
+ <title>Sage Design Tokens / base / borderRadius</title>
10
10
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
11
11
  <link rel="preconnect" href="https://fonts.googleapis.com">
12
12
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -190,66 +190,71 @@
190
190
  <aside class="hide-on-embedded navigation menu py-0">
191
191
  <section class="my-6">
192
192
  <p class="menu-label">
193
- <a href="../../no-theme/index.html">
194
- no-theme
193
+ <a href="../../base/index.html">
194
+ base
195
195
  </a>
196
196
  </p>
197
197
  <ul class="menu-list">
198
198
  <li>
199
- <a href="../../no-theme/colors/index.html">
199
+ <a href="../../base/colors/index.html">
200
200
  colors
201
201
  </a>
202
202
  </li>
203
203
  <li>
204
- <a href="../../no-theme/sizing/index.html">
204
+ <a href="../../base/sizing/index.html">
205
205
  sizing
206
206
  </a>
207
207
  </li>
208
208
  <li>
209
- <a href="../../no-theme/spacing/index.html">
209
+ <a href="../../base/spacing/index.html">
210
210
  spacing
211
211
  </a>
212
212
  </li>
213
213
  <li>
214
- <a href="../../no-theme/border-width/index.html">
214
+ <a href="../../base/border-width/index.html">
215
215
  borderWidth
216
216
  </a>
217
217
  </li>
218
218
  <li>
219
- <a href="../../no-theme/font-sizes/index.html">
219
+ <a href="../../base/font-sizes/index.html">
220
220
  fontSizes
221
221
  </a>
222
222
  </li>
223
223
  <li>
224
- <a href="../../no-theme/box-shadow/index.html">
224
+ <a href="../../base/box-shadow/index.html">
225
225
  boxShadow
226
226
  </a>
227
227
  </li>
228
228
  <li>
229
- <a href="../../no-theme/font-weights/index.html">
229
+ <a href="../../base/font-weights/index.html">
230
230
  fontWeights
231
231
  </a>
232
232
  </li>
233
233
  <li>
234
- <a href="../../no-theme/line-heights/index.html">
234
+ <a href="../../base/line-heights/index.html">
235
235
  lineHeights
236
236
  </a>
237
237
  </li>
238
238
  <li>
239
- <a href="../../no-theme/font-families/index.html">
239
+ <a href="../../base/font-families/index.html">
240
240
  fontFamilies
241
241
  </a>
242
242
  </li>
243
243
  <li>
244
- <a href="../../no-theme/border-radius/index.html">
244
+ <a href="../../base/border-radius/index.html">
245
245
  borderRadius
246
246
  </a>
247
247
  </li>
248
248
  <li>
249
- <a href="../../no-theme/typography/index.html">
249
+ <a href="../../base/typography/index.html">
250
250
  typography
251
251
  </a>
252
252
  </li>
253
+ <li>
254
+ <a href="../../base/opacity/index.html">
255
+ opacity
256
+ </a>
257
+ </li>
253
258
  </ul>
254
259
  </section>
255
260
  </aside>
@@ -260,7 +265,7 @@
260
265
  </a>
261
266
  /
262
267
  <a href="../index.html">
263
- no-theme
268
+ base
264
269
  </a>
265
270
  /
266
271
  borderRadius
@@ -282,21 +287,21 @@
282
287
  </thead>
283
288
  <tr>
284
289
  <td class="with-icons is-vcentered"
285
- id="no-theme-borderRadiusCircle"
286
- title="theme: no-theme; category: borderRadius; variant: circle; ">
290
+ id="base-borderRadiusCircle"
291
+ title="theme: base; category: borderRadius; variant: circle; ">
287
292
  borderRadiusCircle
288
- <a href="#no-theme-borderRadiusCircle"
293
+ <a href="#base-borderRadiusCircle"
289
294
  title="permalink"
290
295
  class="permalink">
291
296
  🔗
292
297
  </a>
293
298
  </td>
294
299
  <td class="is-vcentered">
295
- <pre>10%</pre>
300
+ <pre>50%</pre>
296
301
  </td>
297
302
  <td class="is-vcentered">
298
303
  <div class="table__border-radius-preview"
299
- style="border-top-right-radius: 10%">
304
+ style="border-top-right-radius: 50%">
300
305
  </div>
301
306
 
302
307
  </td>
package/docs/tokens/{no-theme → base}/border-width/index.html RENAMED
@@ -6,7 +6,7 @@
6
6
  <meta http-equiv="Pragma" content="no-cache" />
7
7
  <meta http-equiv="Expires" content="0" />
8
8
 
9
- <title>Sage Design Tokens / no-theme / borderWidth</title>
9
+ <title>Sage Design Tokens / base / borderWidth</title>
10
10
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
11
11
  <link rel="preconnect" href="https://fonts.googleapis.com">
12
12
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -190,66 +190,71 @@
190
190
  <aside class="hide-on-embedded navigation menu py-0">
191
191
  <section class="my-6">
192
192
  <p class="menu-label">
193
- <a href="../../no-theme/index.html">
194
- no-theme
193
+ <a href="../../base/index.html">
194
+ base
195
195
  </a>
196
196
  </p>
197
197
  <ul class="menu-list">
198
198
  <li>
199
- <a href="../../no-theme/colors/index.html">
199
+ <a href="../../base/colors/index.html">
200
200
  colors
201
201
  </a>
202
202
  </li>
203
203
  <li>
204
- <a href="../../no-theme/sizing/index.html">
204
+ <a href="../../base/sizing/index.html">
205
205
  sizing
206
206
  </a>
207
207
  </li>
208
208
  <li>
209
- <a href="../../no-theme/spacing/index.html">
209
+ <a href="../../base/spacing/index.html">
210
210
  spacing
211
211
  </a>
212
212
  </li>
213
213
  <li>
214
- <a href="../../no-theme/border-width/index.html">
214
+ <a href="../../base/border-width/index.html">
215
215
  borderWidth
216
216
  </a>
217
217
  </li>
218
218
  <li>
219
- <a href="../../no-theme/font-sizes/index.html">
219
+ <a href="../../base/font-sizes/index.html">
220
220
  fontSizes
221
221
  </a>
222
222
  </li>
223
223
  <li>
224
- <a href="../../no-theme/box-shadow/index.html">
224
+ <a href="../../base/box-shadow/index.html">
225
225
  boxShadow
226
226
  </a>
227
227
  </li>
228
228
  <li>
229
- <a href="../../no-theme/font-weights/index.html">
229
+ <a href="../../base/font-weights/index.html">
230
230
  fontWeights
231
231
  </a>
232
232
  </li>
233
233
  <li>
234
- <a href="../../no-theme/line-heights/index.html">
234
+ <a href="../../base/line-heights/index.html">
235
235
  lineHeights
236
236
  </a>
237
237
  </li>
238
238
  <li>
239
- <a href="../../no-theme/font-families/index.html">
239
+ <a href="../../base/font-families/index.html">
240
240
  fontFamilies
241
241
  </a>
242
242
  </li>
243
243
  <li>
244
- <a href="../../no-theme/border-radius/index.html">
244
+ <a href="../../base/border-radius/index.html">
245
245
  borderRadius
246
246
  </a>
247
247
  </li>
248
248
  <li>
249
- <a href="../../no-theme/typography/index.html">
249
+ <a href="../../base/typography/index.html">
250
250
  typography
251
251
  </a>
252
252
  </li>
253
+ <li>
254
+ <a href="../../base/opacity/index.html">
255
+ opacity
256
+ </a>
257
+ </li>
253
258
  </ul>
254
259
  </section>
255
260
  </aside>
@@ -260,7 +265,7 @@
260
265
  </a>
261
266
  /
262
267
  <a href="../index.html">
263
- no-theme
268
+ base
264
269
  </a>
265
270
  /
266
271
  borderWidth
@@ -282,10 +287,10 @@
282
287
  </thead>
283
288
  <tr>
284
289
  <td class="with-icons is-vcentered"
285
- id="no-theme-borderWidth100"
286
- title="theme: no-theme; category: borderWidth; variant: 100; ">
290
+ id="base-borderWidth100"
291
+ title="theme: base; category: borderWidth; variant: 100; ">
287
292
  borderWidth100
288
- <a href="#no-theme-borderWidth100"
293
+ <a href="#base-borderWidth100"
289
294
  title="permalink"
290
295
  class="permalink">
291
296
  🔗
@@ -303,10 +308,10 @@
303
308
  </tr>
304
309
  <tr>
305
310
  <td class="with-icons is-vcentered"
306
- id="no-theme-borderWidth200"
307
- title="theme: no-theme; category: borderWidth; variant: 200; ">
311
+ id="base-borderWidth200"
312
+ title="theme: base; category: borderWidth; variant: 200; ">
308
313
  borderWidth200
309
- <a href="#no-theme-borderWidth200"
314
+ <a href="#base-borderWidth200"
310
315
  title="permalink"
311
316
  class="permalink">
312
317
  🔗
@@ -324,10 +329,10 @@
324
329
  </tr>
325
330
  <tr>
326
331
  <td class="with-icons is-vcentered"
327
- id="no-theme-borderWidth300"
328
- title="theme: no-theme; category: borderWidth; variant: 300; ">
332
+ id="base-borderWidth300"
333
+ title="theme: base; category: borderWidth; variant: 300; ">
329
334
  borderWidth300
330
- <a href="#no-theme-borderWidth300"
335
+ <a href="#base-borderWidth300"
331
336
  title="permalink"
332
337
  class="permalink">
333
338
  🔗
@@ -345,10 +350,10 @@
345
350
  </tr>
346
351
  <tr>
347
352
  <td class="with-icons is-vcentered"
348
- id="no-theme-borderWidth400"
349
- title="theme: no-theme; category: borderWidth; variant: 400; ">
353
+ id="base-borderWidth400"
354
+ title="theme: base; category: borderWidth; variant: 400; ">
350
355
  borderWidth400
351
- <a href="#no-theme-borderWidth400"
356
+ <a href="#base-borderWidth400"
352
357
  title="permalink"
353
358
  class="permalink">
354
359
  🔗
@@ -366,10 +371,10 @@
366
371
  </tr>
367
372
  <tr>
368
373
  <td class="with-icons is-vcentered"
369
- id="no-theme-borderWidth000"
370
- title="theme: no-theme; category: borderWidth; variant: 000; ">
374
+ id="base-borderWidth000"
375
+ title="theme: base; category: borderWidth; variant: 000; ">
371
376
  borderWidth000
372
- <a href="#no-theme-borderWidth000"
377
+ <a href="#base-borderWidth000"
373
378
  title="permalink"
374
379
  class="permalink">
375
380
  🔗