@dialpad/dialtone-tokens 1.7.0 → 1.8.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 (9) hide show
  1. package/dist/android/java/tokens.kt +44 -1
  2. package/dist/android/res/values/colors.xml +1 -1
  3. package/dist/android/res/values/dimens.xml +44 -1
  4. package/dist/css/variables.css +44 -1
  5. package/dist/doc.json +1268 -494
  6. package/dist/ios/tokens.swift +44 -1
  7. package/dist/less/variables.less +44 -1
  8. package/dist/tokens.json +43 -0
  9. package/package.json +1 -1
package/dist/ios/tokens.swift CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 12 Apr 2023 00:40:07 GMT
7
+ // Generated on Fri, 14 Apr 2023 23:49:08 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -323,13 +323,33 @@ public enum DialtoneTokens {
323
323
  public static let dtShadowSmall0Y = CGFloat(2.00)
324
324
  public static let dtSize0 = CGFloat(0.00)
325
325
  public static let dtSize100 = CGFloat(1.00)
326
+ public static let dtSize100Negative = CGFloat(-1.00)
326
327
  public static let dtSize200 = CGFloat(2.00)
328
+ public static let dtSize200Negative = CGFloat(-2.00)
327
329
  public static let dtSize300 = CGFloat(4.00)
330
+ public static let dtSize300Negative = CGFloat(-4.00)
331
+ public static let dtSize350 = CGFloat(6.00)
332
+ public static let dtSize350Negative = CGFloat(-6.00)
328
333
  public static let dtSize400 = CGFloat(8.00)
334
+ public static let dtSize400Negative = CGFloat(-8.00)
335
+ public static let dtSize450 = CGFloat(12.00)
336
+ public static let dtSize450Negative = CGFloat(-12.00)
337
+ public static let dtSize50 = CGFloat(0.50)
329
338
  public static let dtSize500 = CGFloat(16.00)
339
+ public static let dtSize500Negative = CGFloat(-16.00)
340
+ public static let dtSize50Negative = CGFloat(-0.50)
341
+ public static let dtSize550 = CGFloat(24.00)
342
+ public static let dtSize550Negative = CGFloat(-24.00)
330
343
  public static let dtSize600 = CGFloat(32.00)
344
+ public static let dtSize600Negative = CGFloat(-32.00)
345
+ public static let dtSize650 = CGFloat(48.00)
346
+ public static let dtSize650Negative = CGFloat(-48.00)
331
347
  public static let dtSize700 = CGFloat(64.00)
348
+ public static let dtSize700Negative = CGFloat(-64.00)
349
+ public static let dtSize750 = CGFloat(96.00)
350
+ public static let dtSize750Negative = CGFloat(-96.00)
332
351
  public static let dtSize800 = CGFloat(128.00)
352
+ public static let dtSize800Negative = CGFloat(-128.00)
333
353
  public static let dtSizeBase = CGFloat(8.00)
334
354
  public static let dtSizeBorder0 = CGFloat(0.00)
335
355
  public static let dtSizeBorder100 = CGFloat(1.00)
@@ -337,6 +357,7 @@ public enum DialtoneTokens {
337
357
  public static let dtSizeBorder200 = CGFloat(2.00)
338
358
  public static let dtSizeBorder300 = CGFloat(4.00)
339
359
  public static let dtSizeBorder400 = CGFloat(8.00)
360
+ public static let dtSizeBorder50 = CGFloat(0.50)
340
361
  public static let dtSizeBorderFocus = CGFloat(3.00)
341
362
  public static let dtSizeRadius0 = CGFloat(0.00)
342
363
  public static let dtSizeRadius100 = CGFloat(1.00)
@@ -345,15 +366,37 @@ public enum DialtoneTokens {
345
366
  public static let dtSizeRadius400 = CGFloat(8.00)
346
367
  public static let dtSizeRadius500 = CGFloat(16.00)
347
368
  public static let dtSizeRadius600 = CGFloat(32.00)
369
+ public static let dtSizeRadiusCircle = CGFloat(50.00)
370
+ public static let dtSizeRadiusPill = CGFloat(100.00)
348
371
  public static let dtSpace0 = CGFloat(0.00)
349
372
  public static let dtSpace100 = CGFloat(1.00)
373
+ public static let dtSpace100Negative = CGFloat(-1.00)
350
374
  public static let dtSpace200 = CGFloat(2.00)
375
+ public static let dtSpace200Negative = CGFloat(-2.00)
351
376
  public static let dtSpace300 = CGFloat(4.00)
377
+ public static let dtSpace300Negative = CGFloat(-4.00)
378
+ public static let dtSpace350 = CGFloat(6.00)
379
+ public static let dtSpace350Negative = CGFloat(-6.00)
352
380
  public static let dtSpace400 = CGFloat(8.00)
381
+ public static let dtSpace400Negative = CGFloat(-8.00)
382
+ public static let dtSpace450 = CGFloat(12.00)
383
+ public static let dtSpace450Negative = CGFloat(-12.00)
384
+ public static let dtSpace50 = CGFloat(0.50)
353
385
  public static let dtSpace500 = CGFloat(16.00)
386
+ public static let dtSpace500Negative = CGFloat(-16.00)
387
+ public static let dtSpace50Negative = CGFloat(-0.50)
388
+ public static let dtSpace550 = CGFloat(24.00)
389
+ public static let dtSpace550Negative = CGFloat(-24.00)
354
390
  public static let dtSpace600 = CGFloat(32.00)
391
+ public static let dtSpace600Negative = CGFloat(-32.00)
392
+ public static let dtSpace650 = CGFloat(48.00)
393
+ public static let dtSpace650Negative = CGFloat(-48.00)
355
394
  public static let dtSpace700 = CGFloat(64.00)
395
+ public static let dtSpace700Negative = CGFloat(-64.00)
396
+ public static let dtSpace750 = CGFloat(96.00)
397
+ public static let dtSpace750Negative = CGFloat(-96.00)
356
398
  public static let dtSpace800 = CGFloat(128.00)
399
+ public static let dtSpace800Negative = CGFloat(-128.00)
357
400
  public static let dtSpaceBase = CGFloat(8.00)
358
401
  public static let dtThemeMentionColorBackground = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
359
402
  public static let dtThemeMentionColorForeground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
package/dist/less/variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 12 Apr 2023 00:40:06 GMT
3
+ // Generated on Fri, 14 Apr 2023 23:49:08 GMT
4
4
 
5
5
  @dt-color-foreground-primary: #000000;
6
6
  @dt-color-foreground-secondary: #3a3a3a;
@@ -301,21 +301,42 @@
301
301
  @dt-typography-code-base-font-size: 1.5rem;
302
302
  @dt-typography-code-base-text-case: none;
303
303
  @dt-size-0: 0;
304
+ @dt-size-50: 0.05rem;
304
305
  @dt-size-100: 0.1rem;
305
306
  @dt-size-200: 0.2rem;
306
307
  @dt-size-300: 0.4rem;
308
+ @dt-size-350: 0.6rem;
307
309
  @dt-size-400: 0.8rem;
310
+ @dt-size-450: 1.2rem;
308
311
  @dt-size-500: 1.6rem;
312
+ @dt-size-550: 2.4rem;
309
313
  @dt-size-600: 3.2rem;
314
+ @dt-size-650: 4.8rem;
310
315
  @dt-size-700: 6.4rem;
316
+ @dt-size-750: 9.6rem;
311
317
  @dt-size-800: 12.8rem;
312
318
  @dt-size-border-0: 0;
319
+ @dt-size-border-50: 0.05rem;
313
320
  @dt-size-border-100: 0.1rem;
314
321
  @dt-size-border-150: 0.15rem;
315
322
  @dt-size-border-200: 0.2rem;
316
323
  @dt-size-border-300: 0.4rem;
317
324
  @dt-size-border-400: 0.8rem;
318
325
  @dt-size-border-focus: 0.3rem;
326
+ @dt-size-50-negative: -0.05rem;
327
+ @dt-size-100-negative: -0.1rem;
328
+ @dt-size-200-negative: -0.2rem;
329
+ @dt-size-300-negative: -0.4rem;
330
+ @dt-size-350-negative: -0.6rem;
331
+ @dt-size-400-negative: -0.8rem;
332
+ @dt-size-450-negative: -1.2rem;
333
+ @dt-size-500-negative: -1.6rem;
334
+ @dt-size-550-negative: -2.4rem;
335
+ @dt-size-600-negative: -3.2rem;
336
+ @dt-size-650-negative: -4.8rem;
337
+ @dt-size-700-negative: -6.4rem;
338
+ @dt-size-750-negative: -9.6rem;
339
+ @dt-size-800-negative: -12.8rem;
319
340
  @dt-size-base: 0.8rem;
320
341
  @dt-size-radius-0: 0;
321
342
  @dt-size-radius-100: 0.1rem;
@@ -324,6 +345,8 @@
324
345
  @dt-size-radius-400: 0.8rem;
325
346
  @dt-size-radius-500: 1.6rem;
326
347
  @dt-size-radius-600: 3.2rem;
348
+ @dt-size-radius-pill: 10rem;
349
+ @dt-size-radius-circle: 5rem;
327
350
  @dt-inputs-size-border-default: 0.15rem;
328
351
  @dt-inputs-size-border-status: 0.2rem;
329
352
  @dt-inputs-size-radius-xs: 0.4rem;
@@ -446,14 +469,34 @@
446
469
  @dt-font-text-case-capitalize: capitalize;
447
470
  @dt-font-text-case-none: none;
448
471
  @dt-space-0: 0px;
472
+ @dt-space-50: 0.5px;
449
473
  @dt-space-100: 1px;
450
474
  @dt-space-200: 2px;
451
475
  @dt-space-300: 4px;
476
+ @dt-space-350: 6px;
452
477
  @dt-space-400: 8px;
478
+ @dt-space-450: 12px;
453
479
  @dt-space-500: 16px;
480
+ @dt-space-550: 24px;
454
481
  @dt-space-600: 32px;
482
+ @dt-space-650: 48px;
455
483
  @dt-space-700: 64px;
484
+ @dt-space-750: 96px;
456
485
  @dt-space-800: 128px;
486
+ @dt-space-50-negative: -0.5px;
487
+ @dt-space-100-negative: -1px;
488
+ @dt-space-200-negative: -2px;
489
+ @dt-space-300-negative: -4px;
490
+ @dt-space-350-negative: -6px;
491
+ @dt-space-400-negative: -8px;
492
+ @dt-space-450-negative: -12px;
493
+ @dt-space-500-negative: -16px;
494
+ @dt-space-550-negative: -24px;
495
+ @dt-space-600-negative: -32px;
496
+ @dt-space-650-negative: -48px;
497
+ @dt-space-700-negative: -64px;
498
+ @dt-space-750-negative: -96px;
499
+ @dt-space-800-negative: -128px;
457
500
  @dt-space-base: 8px;
458
501
  @dt-shadow-small-0-x: 0;
459
502
  @dt-shadow-small-0-y: 0.2rem;
package/dist/tokens.json CHANGED
@@ -298,21 +298,42 @@
298
298
  "dtTypographyCodeBaseFontSize": "1.5rem",
299
299
  "dtTypographyCodeBaseTextCase": "none",
300
300
  "dtSize0": "0",
301
+ "dtSize50": "0.05rem",
301
302
  "dtSize100": "0.1rem",
302
303
  "dtSize200": "0.2rem",
303
304
  "dtSize300": "0.4rem",
305
+ "dtSize350": "0.6rem",
304
306
  "dtSize400": "0.8rem",
307
+ "dtSize450": "1.2rem",
305
308
  "dtSize500": "1.6rem",
309
+ "dtSize550": "2.4rem",
306
310
  "dtSize600": "3.2rem",
311
+ "dtSize650": "4.8rem",
307
312
  "dtSize700": "6.4rem",
313
+ "dtSize750": "9.6rem",
308
314
  "dtSize800": "12.8rem",
309
315
  "dtSizeBorder0": "0",
316
+ "dtSizeBorder50": "0.05rem",
310
317
  "dtSizeBorder100": "0.1rem",
311
318
  "dtSizeBorder150": "0.15rem",
312
319
  "dtSizeBorder200": "0.2rem",
313
320
  "dtSizeBorder300": "0.4rem",
314
321
  "dtSizeBorder400": "0.8rem",
315
322
  "dtSizeBorderFocus": "0.3rem",
323
+ "dtSize50Negative": "-0.05rem",
324
+ "dtSize100Negative": "-0.1rem",
325
+ "dtSize200Negative": "-0.2rem",
326
+ "dtSize300Negative": "-0.4rem",
327
+ "dtSize350Negative": "-0.6rem",
328
+ "dtSize400Negative": "-0.8rem",
329
+ "dtSize450Negative": "-1.2rem",
330
+ "dtSize500Negative": "-1.6rem",
331
+ "dtSize550Negative": "-2.4rem",
332
+ "dtSize600Negative": "-3.2rem",
333
+ "dtSize650Negative": "-4.8rem",
334
+ "dtSize700Negative": "-6.4rem",
335
+ "dtSize750Negative": "-9.6rem",
336
+ "dtSize800Negative": "-12.8rem",
316
337
  "dtSizeBase": "0.8rem",
317
338
  "dtSizeRadius0": "0",
318
339
  "dtSizeRadius100": "0.1rem",
@@ -321,6 +342,8 @@
321
342
  "dtSizeRadius400": "0.8rem",
322
343
  "dtSizeRadius500": "1.6rem",
323
344
  "dtSizeRadius600": "3.2rem",
345
+ "dtSizeRadiusPill": "10rem",
346
+ "dtSizeRadiusCircle": "5rem",
324
347
  "dtInputsSizeBorderDefault": "0.15rem",
325
348
  "dtInputsSizeBorderStatus": "0.2rem",
326
349
  "dtInputsSizeRadiusXs": "0.4rem",
@@ -443,14 +466,34 @@
443
466
  "dtFontTextCaseCapitalize": "capitalize",
444
467
  "dtFontTextCaseNone": "none",
445
468
  "dtSpace0": "0px",
469
+ "dtSpace50": "0.5px",
446
470
  "dtSpace100": "1px",
447
471
  "dtSpace200": "2px",
448
472
  "dtSpace300": "4px",
473
+ "dtSpace350": "6px",
449
474
  "dtSpace400": "8px",
475
+ "dtSpace450": "12px",
450
476
  "dtSpace500": "16px",
477
+ "dtSpace550": "24px",
451
478
  "dtSpace600": "32px",
479
+ "dtSpace650": "48px",
452
480
  "dtSpace700": "64px",
481
+ "dtSpace750": "96px",
453
482
  "dtSpace800": "128px",
483
+ "dtSpace50Negative": "-0.5px",
484
+ "dtSpace100Negative": "-1px",
485
+ "dtSpace200Negative": "-2px",
486
+ "dtSpace300Negative": "-4px",
487
+ "dtSpace350Negative": "-6px",
488
+ "dtSpace400Negative": "-8px",
489
+ "dtSpace450Negative": "-12px",
490
+ "dtSpace500Negative": "-16px",
491
+ "dtSpace550Negative": "-24px",
492
+ "dtSpace600Negative": "-32px",
493
+ "dtSpace650Negative": "-48px",
494
+ "dtSpace700Negative": "-64px",
495
+ "dtSpace750Negative": "-96px",
496
+ "dtSpace800Negative": "-128px",
454
497
  "dtSpaceBase": "8px",
455
498
  "dtShadowSmall0X": "0",
456
499
  "dtShadowSmall0Y": "0.2rem",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone-tokens",
3
- "version": "1.7.0",
3
+ "version": "1.8.0",
4
4
  "description": "Design tokens for Dialtone.",
5
5
  "main": "index.js",
6
6
  "scripts": {