@cds/core 6.5.0 → 6.6.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.
- package/custom-elements.json +12 -0
- package/global.css +143 -1
- package/global.min.css +1 -1
- package/internal/decorators/animate.js +1 -1
- package/internal/decorators/animate.js.map +1 -1
- package/internal/utils/environment.d.ts +1 -0
- package/internal/utils/environment.js +1 -1
- package/internal/utils/environment.js.map +1 -1
- package/internal/utils/events.js +1 -1
- package/internal/utils/events.js.map +1 -1
- package/internal/utils/global.js +1 -1
- package/package.json +1 -1
- package/styles/module.tokens.css +143 -1
- package/styles/module.tokens.min.css +1 -1
- package/styles/theme.dark.css +57 -0
- package/styles/theme.dark.min.css +1 -1
- package/tokens/tokens.android.xml +143 -1
- package/tokens/tokens.d.ts +142 -0
- package/tokens/tokens.ios.swift +143 -1
- package/tokens/tokens.js +142 -0
- package/tokens/tokens.json +809 -4
- package/tokens/tokens.scss +175 -0
- package/tree-view/tree-item.element.scss.js +1 -1
|
@@ -247,6 +247,7 @@
|
|
|
247
247
|
<color name="globalColorTan800">#524833</color>
|
|
248
248
|
<color name="globalColorTan900">#423a29</color>
|
|
249
249
|
<color name="globalColorTan1000">#322c20</color>
|
|
250
|
+
<color name="globalColorConstruction25">#fcfdfd</color>
|
|
250
251
|
<color name="globalColorConstruction50">#f1f6f8</color>
|
|
251
252
|
<color name="globalColorConstruction100">#e3eaed</color>
|
|
252
253
|
<color name="globalColorConstruction200">#cbd4d8</color>
|
|
@@ -274,6 +275,7 @@
|
|
|
274
275
|
<color name="globalTypographyColor200" alias="globalColorConstruction600">#4f6169</color>
|
|
275
276
|
<color name="globalTypographyColor300" alias="globalColorConstruction800">#2d4048</color>
|
|
276
277
|
<color name="globalTypographyColor400" alias="globalColorConstruction900">#21333b</color>
|
|
278
|
+
<color name="globalTypographyColor450" alias="globalColorConstruction1000">#1b2b32</color>
|
|
277
279
|
<color name="globalTypographyColor500" alias="globalColorBlack">#000000</color>
|
|
278
280
|
<property name="globalTypographyFontWeightLight">300</property>
|
|
279
281
|
<property name="globalTypographyFontWeightRegular">400</property>
|
|
@@ -301,6 +303,7 @@
|
|
|
301
303
|
<color name="globalTypographyLinkColorHover" alias="globalColorBlue800">#00608a</color>
|
|
302
304
|
<color name="globalTypographyLinkColorVisited" alias="globalColorLavender600">#3b40ce</color>
|
|
303
305
|
<color name="globalTypographyLinkColorVisitedHover" alias="globalColorLavender700">#2429c2</color>
|
|
306
|
+
<color name="globalTypographyLinkOnColorbg" alias="globalColorBlack">#000000</color>
|
|
304
307
|
<property name="globalTypographyBodyFontSize">14</property>
|
|
305
308
|
<property name="globalTypographyBodyLineHeight">1.42857em</property>
|
|
306
309
|
<property name="globalTypographyBodyLetterSpacing">-0.014286em</property>
|
|
@@ -345,6 +348,13 @@
|
|
|
345
348
|
<property name="globalTypographySmallcaptionLineHeight">1.2em</property>
|
|
346
349
|
<property name="globalTypographySmallcaptionLetterSpacing">0.05em</property>
|
|
347
350
|
<property name="globalTypographySmallcaptionFontWeight">500</property>
|
|
351
|
+
<color name="globalTypographyInfoHover" alias="globalColorBlue800">#00608a</color>
|
|
352
|
+
<color name="globalTypographySuccessHover" alias="globalColorGreen800">#366a0c</color>
|
|
353
|
+
<color name="globalTypographyWarningHover" alias="globalColorOchre900">#8a5300</color>
|
|
354
|
+
<color name="globalTypographyDangerHover" alias="globalColorRed800">#c21d00</color>
|
|
355
|
+
<color name="globalTypographyNeutralHover" alias="globalColorConstruction700">#3a4d55</color>
|
|
356
|
+
<color name="globalTypographyDisabled" alias="globalColorConstruction400">#859399</color>
|
|
357
|
+
<color name="globalTypographyDisabledButton" alias="globalColorConstruction500">#6a7a81</color>
|
|
348
358
|
<property name="globalAnimationDurationInstant">0s</property>
|
|
349
359
|
<property name="globalAnimationDurationQuickest">0.1s</property>
|
|
350
360
|
<property name="globalAnimationDurationQuicker">0.15s</property>
|
|
@@ -390,13 +400,34 @@
|
|
|
390
400
|
<color name="aliasObjectInteractionColorActive" alias="globalColorConstruction1000">#1b2b32</color>
|
|
391
401
|
<color name="aliasObjectInteractionColorSelected" alias="globalColorConstruction700">#3a4d55</color>
|
|
392
402
|
<color name="aliasObjectInteractionColorDisabled" alias="globalColorConstruction300">#aeb8bc</color>
|
|
393
|
-
<color name="aliasObjectAppBackground" alias="
|
|
403
|
+
<color name="aliasObjectAppBackground" alias="globalColorConstruction25">#fcfdfd</color>
|
|
394
404
|
<color name="aliasObjectOverlayBackground" alias="globalColorWhite">#ffffff</color>
|
|
395
405
|
<property name="aliasObjectOverlayBackdropBackground">hsla(0, 0%, 0%, 0.6)</property>
|
|
396
406
|
<color name="aliasObjectContainerBackground" alias="globalColorWhite">#ffffff</color>
|
|
397
407
|
<color name="aliasObjectContainerBackgroundTint" alias="globalColorConstruction50">#f1f6f8</color>
|
|
398
408
|
<color name="aliasObjectContainerBackgroundShade" alias="globalColorConstruction100">#e3eaed</color>
|
|
409
|
+
<color name="aliasObjectContainerBackgroundDark" alias="globalColorConstruction200">#cbd4d8</color>
|
|
410
|
+
<color name="aliasObjectContainerBackgroundInverse" alias="globalColorConstruction200">#cbd4d8</color>
|
|
411
|
+
<color name="aliasObjectContainerBackgroundInverseTint" alias="globalColorConstruction100">#e3eaed</color>
|
|
412
|
+
<color name="aliasObjectContainerBackgroundInverseShade" alias="globalColorConstruction300">#aeb8bc</color>
|
|
399
413
|
<color name="aliasObjectContainerBorderColor" alias="globalColorConstruction200">#cbd4d8</color>
|
|
414
|
+
<color name="aliasObjectInfoHover" alias="globalColorBlue800">#00608a</color>
|
|
415
|
+
<color name="aliasObjectInfoClick" alias="globalColorBlue900">#004b6b</color>
|
|
416
|
+
<color name="aliasObjectInfoSecondaryHover" alias="globalColorBlue50">#e5f7ff</color>
|
|
417
|
+
<color name="aliasObjectSuccessHover" alias="globalColorGreen800">#366a0c</color>
|
|
418
|
+
<color name="aliasObjectSuccessClick" alias="globalColorGreen900">#284e09</color>
|
|
419
|
+
<color name="aliasObjectSuccessSecondaryHover" alias="globalColorGreen50">#eefce3</color>
|
|
420
|
+
<color name="aliasObjectWarningHover" alias="globalColorOchre600">#ffa600</color>
|
|
421
|
+
<color name="aliasObjectWarningClick" alias="globalColorOchre700">#d68800</color>
|
|
422
|
+
<color name="aliasObjectWarningSecondaryHover" alias="globalColorOchre50">#fff9eb</color>
|
|
423
|
+
<color name="aliasObjectDangerHover" alias="globalColorRed800">#c21d00</color>
|
|
424
|
+
<color name="aliasObjectDangerClick" alias="globalColorRed900">#701100</color>
|
|
425
|
+
<color name="aliasObjectDangerSecondaryHover" alias="globalColorRed50">#fff2f0</color>
|
|
426
|
+
<color name="aliasObjectNeutralHover" alias="globalColorConstruction700">#3a4d55</color>
|
|
427
|
+
<color name="aliasObjectNeutralClick" alias="globalColorConstruction800">#2d4048</color>
|
|
428
|
+
<color name="aliasObjectNeutralSecondaryHover" alias="globalColorConstruction50">#f1f6f8</color>
|
|
429
|
+
<color name="aliasObjectInverseHover" alias="globalColorConstruction600">#4f6169</color>
|
|
430
|
+
<color name="aliasObjectInverseClick" alias="globalColorConstruction800">#2d4048</color>
|
|
400
431
|
<color name="aliasStatusInfo" alias="globalColorBlue700">#0079ad</color>
|
|
401
432
|
<color name="aliasStatusInfoTint" alias="globalColorBlue50">#e5f7ff</color>
|
|
402
433
|
<color name="aliasStatusInfoShade" alias="globalColorBlue800">#00608a</color>
|
|
@@ -420,6 +451,117 @@
|
|
|
420
451
|
<color name="aliasStatusAlt" alias="globalColorViolet700">#7c12a5</color>
|
|
421
452
|
<color name="aliasStatusAltTint" alias="globalColorViolet600">#9b32c8</color>
|
|
422
453
|
<color name="aliasStatusAltShade" alias="globalColorViolet900">#440061</color>
|
|
454
|
+
<color name="aliasUtilityGray" alias="globalColorConstruction500">#6a7a81</color>
|
|
455
|
+
<color name="aliasUtilityGrayTint" alias="globalColorConstruction50">#f1f6f8</color>
|
|
456
|
+
<color name="aliasUtilityGrayShade" alias="globalColorConstruction700">#3a4d55</color>
|
|
457
|
+
<color name="aliasUtilityBlue" alias="globalColorBlue700">#0079ad</color>
|
|
458
|
+
<color name="aliasUtilityBlueTint" alias="globalColorBlue50">#e5f7ff</color>
|
|
459
|
+
<color name="aliasUtilityBlueShade" alias="globalColorBlue800">#00608a</color>
|
|
460
|
+
<color name="aliasUtilityLightBlue" alias="globalColorBlue300">#66d1ff</color>
|
|
461
|
+
<color name="aliasUtilityLightBlueTint" alias="globalColorBlue50">#e5f7ff</color>
|
|
462
|
+
<color name="aliasUtilityLightBlueShade" alias="globalColorBlue600">#009adb</color>
|
|
463
|
+
<color name="aliasUtilityDarkBlue" alias="globalColorAzure800">#004085</color>
|
|
464
|
+
<color name="aliasUtilityDarkBlueTint" alias="globalColorAzure50">#e5f2ff</color>
|
|
465
|
+
<color name="aliasUtilityDarkBlueShade" alias="globalColorAzure1000">#002347</color>
|
|
466
|
+
<color name="aliasUtilityGreen" alias="globalColorGreen700">#42810e</color>
|
|
467
|
+
<color name="aliasUtilityGreenTint" alias="globalColorGreen50">#eefce3</color>
|
|
468
|
+
<color name="aliasUtilityGreenShade" alias="globalColorGreen800">#366a0c</color>
|
|
469
|
+
<color name="aliasUtilityYellow" alias="globalColorOchre500">#ffb92e</color>
|
|
470
|
+
<color name="aliasUtilityYellowTint" alias="globalColorOchre100">#fff2d6</color>
|
|
471
|
+
<color name="aliasUtilityYellowShade" alias="globalColorOchre700">#d68800</color>
|
|
472
|
+
<color name="aliasUtilityRed" alias="globalColorRed700">#e02200</color>
|
|
473
|
+
<color name="aliasUtilityRedTint" alias="globalColorRed50">#fff2f0</color>
|
|
474
|
+
<color name="aliasUtilityRedShade" alias="globalColorRed800">#c21d00</color>
|
|
475
|
+
<color name="aliasUtilityTangerine" alias="globalColorTangerine400">#ff8e3d</color>
|
|
476
|
+
<color name="aliasUtilityTangerineTint" alias="globalColorTangerine50">#fff0e5</color>
|
|
477
|
+
<color name="aliasUtilityTangerineShade" alias="globalColorTangerine600">#d15700</color>
|
|
478
|
+
<color name="aliasUtilityViolet" alias="globalColorViolet600">#9b32c8</color>
|
|
479
|
+
<color name="aliasUtilityVioletTint" alias="globalColorViolet50">#faf0ff</color>
|
|
480
|
+
<color name="aliasUtilityVioletShade" alias="globalColorViolet800">#5d0085</color>
|
|
481
|
+
<color name="aliasTypographyColor100" alias="">#ffffff</color>
|
|
482
|
+
<color name="aliasTypographyColor200" alias="">#4f6169</color>
|
|
483
|
+
<color name="aliasTypographyColor300" alias="">#2d4048</color>
|
|
484
|
+
<color name="aliasTypographyColor400" alias="">#21333b</color>
|
|
485
|
+
<color name="aliasTypographyColor450" alias="">#1b2b32</color>
|
|
486
|
+
<color name="aliasTypographyColor500" alias="">#000000</color>
|
|
487
|
+
<property name="aliasTypographyFontWeightLight">300</property>
|
|
488
|
+
<property name="aliasTypographyFontWeightRegular">400</property>
|
|
489
|
+
<property name="aliasTypographyFontWeightMedium">500</property>
|
|
490
|
+
<property name="aliasTypographyFontWeightSemibold">600</property>
|
|
491
|
+
<property name="aliasTypographyFontWeightBold">600</property>
|
|
492
|
+
<property name="aliasTypographyFontWeightExtrabold">600</property>
|
|
493
|
+
<property name="aliasTypographyFontSize0">10</property>
|
|
494
|
+
<property name="aliasTypographyFontSize1">11</property>
|
|
495
|
+
<property name="aliasTypographyFontSize2">12</property>
|
|
496
|
+
<property name="aliasTypographyFontSize3">13</property>
|
|
497
|
+
<property name="aliasTypographyFontSize4">14</property>
|
|
498
|
+
<property name="aliasTypographyFontSize5">16</property>
|
|
499
|
+
<property name="aliasTypographyFontSize6">20</property>
|
|
500
|
+
<property name="aliasTypographyFontSize7">24</property>
|
|
501
|
+
<property name="aliasTypographyFontSize8">32</property>
|
|
502
|
+
<property name="aliasTypographyFontSize9">40</property>
|
|
503
|
+
<property name="aliasTypographyFontFamily">'Clarity City', 'Avenir Next', sans-serif</property>
|
|
504
|
+
<property name="aliasTypographyHeaderFontFamily">'Clarity City', 'Avenir Next', sans-serif</property>
|
|
505
|
+
<property name="aliasTypographyMonospaceFontFamily">ui-monospace, Consolas, Menlo, Monaco, monospace</property>
|
|
506
|
+
<property name="aliasTypographyTopGapHeight">0.1475em</property>
|
|
507
|
+
<property name="aliasTypographyAscenderHeight">0.1703em</property>
|
|
508
|
+
<property name="aliasTypographyXHeight">0.517em</property>
|
|
509
|
+
<color name="aliasTypographyLinkColor" alias="">#0079ad</color>
|
|
510
|
+
<color name="aliasTypographyLinkColorHover" alias="">#00608a</color>
|
|
511
|
+
<color name="aliasTypographyLinkColorVisited" alias="">#3b40ce</color>
|
|
512
|
+
<color name="aliasTypographyLinkColorVisitedHover" alias="">#2429c2</color>
|
|
513
|
+
<color name="aliasTypographyLinkOnColorbg" alias="">#000000</color>
|
|
514
|
+
<property name="aliasTypographyBodyFontSize">14</property>
|
|
515
|
+
<property name="aliasTypographyBodyLineHeight">1.42857em</property>
|
|
516
|
+
<property name="aliasTypographyBodyLetterSpacing">-0.014286em</property>
|
|
517
|
+
<property name="aliasTypographyBodyFontWeight">400</property>
|
|
518
|
+
<property name="aliasTypographyDisplayFontSize">40</property>
|
|
519
|
+
<property name="aliasTypographyDisplayLineHeight">1.1em</property>
|
|
520
|
+
<property name="aliasTypographyDisplayLetterSpacing">-0.0125em</property>
|
|
521
|
+
<property name="aliasTypographyDisplayFontWeight">400</property>
|
|
522
|
+
<property name="aliasTypographyHeadingFontSize">32</property>
|
|
523
|
+
<property name="aliasTypographyHeadingLineHeight">1.125em</property>
|
|
524
|
+
<property name="aliasTypographyHeadingLetterSpacing">-0.0125em</property>
|
|
525
|
+
<property name="aliasTypographyHeadingFontWeight">400</property>
|
|
526
|
+
<property name="aliasTypographyHeadlineFontSize">32</property>
|
|
527
|
+
<property name="aliasTypographyHeadlineLineHeight">1.125em</property>
|
|
528
|
+
<property name="aliasTypographyHeadlineLetterSpacing">-0.0125em</property>
|
|
529
|
+
<property name="aliasTypographyHeadlineFontWeight">400</property>
|
|
530
|
+
<property name="aliasTypographyTitleFontSize">24</property>
|
|
531
|
+
<property name="aliasTypographyTitleLineHeight">1.16667em</property>
|
|
532
|
+
<property name="aliasTypographyTitleLetterSpacing">-0.008333em</property>
|
|
533
|
+
<property name="aliasTypographyTitleFontWeight">400</property>
|
|
534
|
+
<property name="aliasTypographySectionFontSize">20</property>
|
|
535
|
+
<property name="aliasTypographySectionLineHeight">1.2em</property>
|
|
536
|
+
<property name="aliasTypographySectionLetterSpacing">-0.01em</property>
|
|
537
|
+
<property name="aliasTypographySectionFontWeight">400</property>
|
|
538
|
+
<property name="aliasTypographySubsectionFontSize">16</property>
|
|
539
|
+
<property name="aliasTypographySubsectionLineHeight">1.25em</property>
|
|
540
|
+
<property name="aliasTypographySubsectionLetterSpacing">-0.0125em</property>
|
|
541
|
+
<property name="aliasTypographySubsectionFontWeight">400</property>
|
|
542
|
+
<property name="aliasTypographyMessageFontSize">16</property>
|
|
543
|
+
<property name="aliasTypographyMessageLineHeight">1.25em</property>
|
|
544
|
+
<property name="aliasTypographyMessageLetterSpacing">-0.0125em</property>
|
|
545
|
+
<property name="aliasTypographyMessageFontWeight">400</property>
|
|
546
|
+
<property name="aliasTypographySecondaryFontSize">13</property>
|
|
547
|
+
<property name="aliasTypographySecondaryLineHeight">1.23077em</property>
|
|
548
|
+
<property name="aliasTypographySecondaryLetterSpacing">-0.007692em</property>
|
|
549
|
+
<property name="aliasTypographySecondaryFontWeight">400</property>
|
|
550
|
+
<property name="aliasTypographyCaptionFontSize">11</property>
|
|
551
|
+
<property name="aliasTypographyCaptionLineHeight">1.454545em</property>
|
|
552
|
+
<property name="aliasTypographyCaptionLetterSpacing">0.018182em</property>
|
|
553
|
+
<property name="aliasTypographyCaptionFontWeight">400</property>
|
|
554
|
+
<property name="aliasTypographySmallcaptionFontSize">10</property>
|
|
555
|
+
<property name="aliasTypographySmallcaptionLineHeight">1.2em</property>
|
|
556
|
+
<property name="aliasTypographySmallcaptionLetterSpacing">0.05em</property>
|
|
557
|
+
<property name="aliasTypographySmallcaptionFontWeight">500</property>
|
|
558
|
+
<color name="aliasTypographyInfoHover" alias="">#00608a</color>
|
|
559
|
+
<color name="aliasTypographySuccessHover" alias="">#366a0c</color>
|
|
560
|
+
<color name="aliasTypographyWarningHover" alias="">#8a5300</color>
|
|
561
|
+
<color name="aliasTypographyDangerHover" alias="">#c21d00</color>
|
|
562
|
+
<color name="aliasTypographyNeutralHover" alias="">#3a4d55</color>
|
|
563
|
+
<color name="aliasTypographyDisabled" alias="">#859399</color>
|
|
564
|
+
<color name="aliasTypographyDisabledButton" alias="">#6a7a81</color>
|
|
423
565
|
<property name="internalScale1">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space))</property>
|
|
424
566
|
<property name="internalScale2">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space))</property>
|
|
425
567
|
<property name="internalScale3">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography))</property>
|
package/tokens/tokens.d.ts
CHANGED
|
@@ -244,6 +244,7 @@ export declare const globalColorTan700 = "var(--cds-global-color-tan-700)";
|
|
|
244
244
|
export declare const globalColorTan800 = "var(--cds-global-color-tan-800)";
|
|
245
245
|
export declare const globalColorTan900 = "var(--cds-global-color-tan-900)";
|
|
246
246
|
export declare const globalColorTan1000 = "var(--cds-global-color-tan-1000)";
|
|
247
|
+
export declare const globalColorConstruction25 = "var(--cds-global-color-construction-25)";
|
|
247
248
|
export declare const globalColorConstruction50 = "var(--cds-global-color-construction-50)";
|
|
248
249
|
export declare const globalColorConstruction100 = "var(--cds-global-color-construction-100)";
|
|
249
250
|
export declare const globalColorConstruction200 = "var(--cds-global-color-construction-200)";
|
|
@@ -271,6 +272,7 @@ export declare const globalTypographyColor100 = "var(--cds-global-typography-col
|
|
|
271
272
|
export declare const globalTypographyColor200 = "var(--cds-global-typography-color-200)";
|
|
272
273
|
export declare const globalTypographyColor300 = "var(--cds-global-typography-color-300)";
|
|
273
274
|
export declare const globalTypographyColor400 = "var(--cds-global-typography-color-400)";
|
|
275
|
+
export declare const globalTypographyColor450 = "var(--cds-global-typography-color-450)";
|
|
274
276
|
export declare const globalTypographyColor500 = "var(--cds-global-typography-color-500)";
|
|
275
277
|
export declare const globalTypographyFontWeightLight = "var(--cds-global-typography-font-weight-light)";
|
|
276
278
|
export declare const globalTypographyFontWeightRegular = "var(--cds-global-typography-font-weight-regular)";
|
|
@@ -298,6 +300,7 @@ export declare const globalTypographyLinkColor = "var(--cds-global-typography-li
|
|
|
298
300
|
export declare const globalTypographyLinkColorHover = "var(--cds-global-typography-link-color-hover)";
|
|
299
301
|
export declare const globalTypographyLinkColorVisited = "var(--cds-global-typography-link-color-visited)";
|
|
300
302
|
export declare const globalTypographyLinkColorVisitedHover = "var(--cds-global-typography-link-color-visited-hover)";
|
|
303
|
+
export declare const globalTypographyLinkOnColorbg = "var(--cds-global-typography-link-on-colorbg)";
|
|
301
304
|
export declare const globalTypographyBodyFontSize = "var(--cds-global-typography-body-font-size)";
|
|
302
305
|
export declare const globalTypographyBodyLineHeight = "var(--cds-global-typography-body-line-height)";
|
|
303
306
|
export declare const globalTypographyBodyLetterSpacing = "var(--cds-global-typography-body-letter-spacing)";
|
|
@@ -342,6 +345,13 @@ export declare const globalTypographySmallcaptionFontSize = "var(--cds-global-ty
|
|
|
342
345
|
export declare const globalTypographySmallcaptionLineHeight = "var(--cds-global-typography-smallcaption-line-height)";
|
|
343
346
|
export declare const globalTypographySmallcaptionLetterSpacing = "var(--cds-global-typography-smallcaption-letter-spacing)";
|
|
344
347
|
export declare const globalTypographySmallcaptionFontWeight = "var(--cds-global-typography-smallcaption-font-weight)";
|
|
348
|
+
export declare const globalTypographyInfoHover = "var(--cds-global-typography-info-hover)";
|
|
349
|
+
export declare const globalTypographySuccessHover = "var(--cds-global-typography-success-hover)";
|
|
350
|
+
export declare const globalTypographyWarningHover = "var(--cds-global-typography-warning-hover)";
|
|
351
|
+
export declare const globalTypographyDangerHover = "var(--cds-global-typography-danger-hover)";
|
|
352
|
+
export declare const globalTypographyNeutralHover = "var(--cds-global-typography-neutral-hover)";
|
|
353
|
+
export declare const globalTypographyDisabled = "var(--cds-global-typography-disabled)";
|
|
354
|
+
export declare const globalTypographyDisabledButton = "var(--cds-global-typography-disabled-button)";
|
|
345
355
|
export declare const globalAnimationDurationInstant = "var(--cds-global-animation-duration-instant)";
|
|
346
356
|
export declare const globalAnimationDurationQuickest = "var(--cds-global-animation-duration-quickest)";
|
|
347
357
|
export declare const globalAnimationDurationQuicker = "var(--cds-global-animation-duration-quicker)";
|
|
@@ -393,7 +403,28 @@ export declare const aliasObjectOverlayBackdropBackground = "var(--cds-alias-obj
|
|
|
393
403
|
export declare const aliasObjectContainerBackground = "var(--cds-alias-object-container-background)";
|
|
394
404
|
export declare const aliasObjectContainerBackgroundTint = "var(--cds-alias-object-container-background-tint)";
|
|
395
405
|
export declare const aliasObjectContainerBackgroundShade = "var(--cds-alias-object-container-background-shade)";
|
|
406
|
+
export declare const aliasObjectContainerBackgroundDark = "var(--cds-alias-object-container-background-dark)";
|
|
407
|
+
export declare const aliasObjectContainerBackgroundInverse = "var(--cds-alias-object-container-background-inverse)";
|
|
408
|
+
export declare const aliasObjectContainerBackgroundInverseTint = "var(--cds-alias-object-container-background-inverse-tint)";
|
|
409
|
+
export declare const aliasObjectContainerBackgroundInverseShade = "var(--cds-alias-object-container-background-inverse-shade)";
|
|
396
410
|
export declare const aliasObjectContainerBorderColor = "var(--cds-alias-object-container-border-color)";
|
|
411
|
+
export declare const aliasObjectInfoHover = "var(--cds-alias-object-info-hover)";
|
|
412
|
+
export declare const aliasObjectInfoClick = "var(--cds-alias-object-info-click)";
|
|
413
|
+
export declare const aliasObjectInfoSecondaryHover = "var(--cds-alias-object-info-secondary-hover)";
|
|
414
|
+
export declare const aliasObjectSuccessHover = "var(--cds-alias-object-success-hover)";
|
|
415
|
+
export declare const aliasObjectSuccessClick = "var(--cds-alias-object-success-click)";
|
|
416
|
+
export declare const aliasObjectSuccessSecondaryHover = "var(--cds-alias-object-success-secondary-hover)";
|
|
417
|
+
export declare const aliasObjectWarningHover = "var(--cds-alias-object-warning-hover)";
|
|
418
|
+
export declare const aliasObjectWarningClick = "var(--cds-alias-object-warning-click)";
|
|
419
|
+
export declare const aliasObjectWarningSecondaryHover = "var(--cds-alias-object-warning-secondary-hover)";
|
|
420
|
+
export declare const aliasObjectDangerHover = "var(--cds-alias-object-danger-hover)";
|
|
421
|
+
export declare const aliasObjectDangerClick = "var(--cds-alias-object-danger-click)";
|
|
422
|
+
export declare const aliasObjectDangerSecondaryHover = "var(--cds-alias-object-danger-secondary-hover)";
|
|
423
|
+
export declare const aliasObjectNeutralHover = "var(--cds-alias-object-neutral-hover)";
|
|
424
|
+
export declare const aliasObjectNeutralClick = "var(--cds-alias-object-neutral-click)";
|
|
425
|
+
export declare const aliasObjectNeutralSecondaryHover = "var(--cds-alias-object-neutral-secondary-hover)";
|
|
426
|
+
export declare const aliasObjectInverseHover = "var(--cds-alias-object-inverse-hover)";
|
|
427
|
+
export declare const aliasObjectInverseClick = "var(--cds-alias-object-inverse-click)";
|
|
397
428
|
export declare const aliasStatusInfo = "var(--cds-alias-status-info)";
|
|
398
429
|
export declare const aliasStatusInfoTint = "var(--cds-alias-status-info-tint)";
|
|
399
430
|
export declare const aliasStatusInfoShade = "var(--cds-alias-status-info-shade)";
|
|
@@ -417,6 +448,117 @@ export declare const aliasStatusDisabledShade = "var(--cds-alias-status-disabled
|
|
|
417
448
|
export declare const aliasStatusAlt = "var(--cds-alias-status-alt)";
|
|
418
449
|
export declare const aliasStatusAltTint = "var(--cds-alias-status-alt-tint)";
|
|
419
450
|
export declare const aliasStatusAltShade = "var(--cds-alias-status-alt-shade)";
|
|
451
|
+
export declare const aliasUtilityGray = "var(--cds-alias-utility-gray)";
|
|
452
|
+
export declare const aliasUtilityGrayTint = "var(--cds-alias-utility-gray-tint)";
|
|
453
|
+
export declare const aliasUtilityGrayShade = "var(--cds-alias-utility-gray-shade)";
|
|
454
|
+
export declare const aliasUtilityBlue = "var(--cds-alias-utility-blue)";
|
|
455
|
+
export declare const aliasUtilityBlueTint = "var(--cds-alias-utility-blue-tint)";
|
|
456
|
+
export declare const aliasUtilityBlueShade = "var(--cds-alias-utility-blue-shade)";
|
|
457
|
+
export declare const aliasUtilityLightBlue = "var(--cds-alias-utility-light-blue)";
|
|
458
|
+
export declare const aliasUtilityLightBlueTint = "var(--cds-alias-utility-light-blue-tint)";
|
|
459
|
+
export declare const aliasUtilityLightBlueShade = "var(--cds-alias-utility-light-blue-shade)";
|
|
460
|
+
export declare const aliasUtilityDarkBlue = "var(--cds-alias-utility-dark-blue)";
|
|
461
|
+
export declare const aliasUtilityDarkBlueTint = "var(--cds-alias-utility-dark-blue-tint)";
|
|
462
|
+
export declare const aliasUtilityDarkBlueShade = "var(--cds-alias-utility-dark-blue-shade)";
|
|
463
|
+
export declare const aliasUtilityGreen = "var(--cds-alias-utility-green)";
|
|
464
|
+
export declare const aliasUtilityGreenTint = "var(--cds-alias-utility-green-tint)";
|
|
465
|
+
export declare const aliasUtilityGreenShade = "var(--cds-alias-utility-green-shade)";
|
|
466
|
+
export declare const aliasUtilityYellow = "var(--cds-alias-utility-yellow)";
|
|
467
|
+
export declare const aliasUtilityYellowTint = "var(--cds-alias-utility-yellow-tint)";
|
|
468
|
+
export declare const aliasUtilityYellowShade = "var(--cds-alias-utility-yellow-shade)";
|
|
469
|
+
export declare const aliasUtilityRed = "var(--cds-alias-utility-red)";
|
|
470
|
+
export declare const aliasUtilityRedTint = "var(--cds-alias-utility-red-tint)";
|
|
471
|
+
export declare const aliasUtilityRedShade = "var(--cds-alias-utility-red-shade)";
|
|
472
|
+
export declare const aliasUtilityTangerine = "var(--cds-alias-utility-tangerine)";
|
|
473
|
+
export declare const aliasUtilityTangerineTint = "var(--cds-alias-utility-tangerine-tint)";
|
|
474
|
+
export declare const aliasUtilityTangerineShade = "var(--cds-alias-utility-tangerine-shade)";
|
|
475
|
+
export declare const aliasUtilityViolet = "var(--cds-alias-utility-violet)";
|
|
476
|
+
export declare const aliasUtilityVioletTint = "var(--cds-alias-utility-violet-tint)";
|
|
477
|
+
export declare const aliasUtilityVioletShade = "var(--cds-alias-utility-violet-shade)";
|
|
478
|
+
export declare const aliasTypographyColor100 = "var(--cds-alias-typography-color-100)";
|
|
479
|
+
export declare const aliasTypographyColor200 = "var(--cds-alias-typography-color-200)";
|
|
480
|
+
export declare const aliasTypographyColor300 = "var(--cds-alias-typography-color-300)";
|
|
481
|
+
export declare const aliasTypographyColor400 = "var(--cds-alias-typography-color-400)";
|
|
482
|
+
export declare const aliasTypographyColor450 = "var(--cds-alias-typography-color-450)";
|
|
483
|
+
export declare const aliasTypographyColor500 = "var(--cds-alias-typography-color-500)";
|
|
484
|
+
export declare const aliasTypographyFontWeightLight = "var(--cds-alias-typography-font-weight-light)";
|
|
485
|
+
export declare const aliasTypographyFontWeightRegular = "var(--cds-alias-typography-font-weight-regular)";
|
|
486
|
+
export declare const aliasTypographyFontWeightMedium = "var(--cds-alias-typography-font-weight-medium)";
|
|
487
|
+
export declare const aliasTypographyFontWeightSemibold = "var(--cds-alias-typography-font-weight-semibold)";
|
|
488
|
+
export declare const aliasTypographyFontWeightBold = "var(--cds-alias-typography-font-weight-bold)";
|
|
489
|
+
export declare const aliasTypographyFontWeightExtrabold = "var(--cds-alias-typography-font-weight-extrabold)";
|
|
490
|
+
export declare const aliasTypographyFontSize0 = "var(--cds-alias-typography-font-size-0)";
|
|
491
|
+
export declare const aliasTypographyFontSize1 = "var(--cds-alias-typography-font-size-1)";
|
|
492
|
+
export declare const aliasTypographyFontSize2 = "var(--cds-alias-typography-font-size-2)";
|
|
493
|
+
export declare const aliasTypographyFontSize3 = "var(--cds-alias-typography-font-size-3)";
|
|
494
|
+
export declare const aliasTypographyFontSize4 = "var(--cds-alias-typography-font-size-4)";
|
|
495
|
+
export declare const aliasTypographyFontSize5 = "var(--cds-alias-typography-font-size-5)";
|
|
496
|
+
export declare const aliasTypographyFontSize6 = "var(--cds-alias-typography-font-size-6)";
|
|
497
|
+
export declare const aliasTypographyFontSize7 = "var(--cds-alias-typography-font-size-7)";
|
|
498
|
+
export declare const aliasTypographyFontSize8 = "var(--cds-alias-typography-font-size-8)";
|
|
499
|
+
export declare const aliasTypographyFontSize9 = "var(--cds-alias-typography-font-size-9)";
|
|
500
|
+
export declare const aliasTypographyFontFamily = "var(--cds-alias-typography-font-family)";
|
|
501
|
+
export declare const aliasTypographyHeaderFontFamily = "var(--cds-alias-typography-header-font-family)";
|
|
502
|
+
export declare const aliasTypographyMonospaceFontFamily = "var(--cds-alias-typography-monospace-font-family)";
|
|
503
|
+
export declare const aliasTypographyTopGapHeight = "var(--cds-alias-typography-top-gap-height)";
|
|
504
|
+
export declare const aliasTypographyAscenderHeight = "var(--cds-alias-typography-ascender-height)";
|
|
505
|
+
export declare const aliasTypographyXHeight = "var(--cds-alias-typography-x-height)";
|
|
506
|
+
export declare const aliasTypographyLinkColor = "var(--cds-alias-typography-link-color)";
|
|
507
|
+
export declare const aliasTypographyLinkColorHover = "var(--cds-alias-typography-link-color-hover)";
|
|
508
|
+
export declare const aliasTypographyLinkColorVisited = "var(--cds-alias-typography-link-color-visited)";
|
|
509
|
+
export declare const aliasTypographyLinkColorVisitedHover = "var(--cds-alias-typography-link-color-visited-hover)";
|
|
510
|
+
export declare const aliasTypographyLinkOnColorbg = "var(--cds-alias-typography-link-on-colorbg)";
|
|
511
|
+
export declare const aliasTypographyBodyFontSize = "var(--cds-alias-typography-body-font-size)";
|
|
512
|
+
export declare const aliasTypographyBodyLineHeight = "var(--cds-alias-typography-body-line-height)";
|
|
513
|
+
export declare const aliasTypographyBodyLetterSpacing = "var(--cds-alias-typography-body-letter-spacing)";
|
|
514
|
+
export declare const aliasTypographyBodyFontWeight = "var(--cds-alias-typography-body-font-weight)";
|
|
515
|
+
export declare const aliasTypographyDisplayFontSize = "var(--cds-alias-typography-display-font-size)";
|
|
516
|
+
export declare const aliasTypographyDisplayLineHeight = "var(--cds-alias-typography-display-line-height)";
|
|
517
|
+
export declare const aliasTypographyDisplayLetterSpacing = "var(--cds-alias-typography-display-letter-spacing)";
|
|
518
|
+
export declare const aliasTypographyDisplayFontWeight = "var(--cds-alias-typography-display-font-weight)";
|
|
519
|
+
export declare const aliasTypographyHeadingFontSize = "var(--cds-alias-typography-heading-font-size)";
|
|
520
|
+
export declare const aliasTypographyHeadingLineHeight = "var(--cds-alias-typography-heading-line-height)";
|
|
521
|
+
export declare const aliasTypographyHeadingLetterSpacing = "var(--cds-alias-typography-heading-letter-spacing)";
|
|
522
|
+
export declare const aliasTypographyHeadingFontWeight = "var(--cds-alias-typography-heading-font-weight)";
|
|
523
|
+
export declare const aliasTypographyHeadlineFontSize = "var(--cds-alias-typography-headline-font-size)";
|
|
524
|
+
export declare const aliasTypographyHeadlineLineHeight = "var(--cds-alias-typography-headline-line-height)";
|
|
525
|
+
export declare const aliasTypographyHeadlineLetterSpacing = "var(--cds-alias-typography-headline-letter-spacing)";
|
|
526
|
+
export declare const aliasTypographyHeadlineFontWeight = "var(--cds-alias-typography-headline-font-weight)";
|
|
527
|
+
export declare const aliasTypographyTitleFontSize = "var(--cds-alias-typography-title-font-size)";
|
|
528
|
+
export declare const aliasTypographyTitleLineHeight = "var(--cds-alias-typography-title-line-height)";
|
|
529
|
+
export declare const aliasTypographyTitleLetterSpacing = "var(--cds-alias-typography-title-letter-spacing)";
|
|
530
|
+
export declare const aliasTypographyTitleFontWeight = "var(--cds-alias-typography-title-font-weight)";
|
|
531
|
+
export declare const aliasTypographySectionFontSize = "var(--cds-alias-typography-section-font-size)";
|
|
532
|
+
export declare const aliasTypographySectionLineHeight = "var(--cds-alias-typography-section-line-height)";
|
|
533
|
+
export declare const aliasTypographySectionLetterSpacing = "var(--cds-alias-typography-section-letter-spacing)";
|
|
534
|
+
export declare const aliasTypographySectionFontWeight = "var(--cds-alias-typography-section-font-weight)";
|
|
535
|
+
export declare const aliasTypographySubsectionFontSize = "var(--cds-alias-typography-subsection-font-size)";
|
|
536
|
+
export declare const aliasTypographySubsectionLineHeight = "var(--cds-alias-typography-subsection-line-height)";
|
|
537
|
+
export declare const aliasTypographySubsectionLetterSpacing = "var(--cds-alias-typography-subsection-letter-spacing)";
|
|
538
|
+
export declare const aliasTypographySubsectionFontWeight = "var(--cds-alias-typography-subsection-font-weight)";
|
|
539
|
+
export declare const aliasTypographyMessageFontSize = "var(--cds-alias-typography-message-font-size)";
|
|
540
|
+
export declare const aliasTypographyMessageLineHeight = "var(--cds-alias-typography-message-line-height)";
|
|
541
|
+
export declare const aliasTypographyMessageLetterSpacing = "var(--cds-alias-typography-message-letter-spacing)";
|
|
542
|
+
export declare const aliasTypographyMessageFontWeight = "var(--cds-alias-typography-message-font-weight)";
|
|
543
|
+
export declare const aliasTypographySecondaryFontSize = "var(--cds-alias-typography-secondary-font-size)";
|
|
544
|
+
export declare const aliasTypographySecondaryLineHeight = "var(--cds-alias-typography-secondary-line-height)";
|
|
545
|
+
export declare const aliasTypographySecondaryLetterSpacing = "var(--cds-alias-typography-secondary-letter-spacing)";
|
|
546
|
+
export declare const aliasTypographySecondaryFontWeight = "var(--cds-alias-typography-secondary-font-weight)";
|
|
547
|
+
export declare const aliasTypographyCaptionFontSize = "var(--cds-alias-typography-caption-font-size)";
|
|
548
|
+
export declare const aliasTypographyCaptionLineHeight = "var(--cds-alias-typography-caption-line-height)";
|
|
549
|
+
export declare const aliasTypographyCaptionLetterSpacing = "var(--cds-alias-typography-caption-letter-spacing)";
|
|
550
|
+
export declare const aliasTypographyCaptionFontWeight = "var(--cds-alias-typography-caption-font-weight)";
|
|
551
|
+
export declare const aliasTypographySmallcaptionFontSize = "var(--cds-alias-typography-smallcaption-font-size)";
|
|
552
|
+
export declare const aliasTypographySmallcaptionLineHeight = "var(--cds-alias-typography-smallcaption-line-height)";
|
|
553
|
+
export declare const aliasTypographySmallcaptionLetterSpacing = "var(--cds-alias-typography-smallcaption-letter-spacing)";
|
|
554
|
+
export declare const aliasTypographySmallcaptionFontWeight = "var(--cds-alias-typography-smallcaption-font-weight)";
|
|
555
|
+
export declare const aliasTypographyInfoHover = "var(--cds-alias-typography-info-hover)";
|
|
556
|
+
export declare const aliasTypographySuccessHover = "var(--cds-alias-typography-success-hover)";
|
|
557
|
+
export declare const aliasTypographyWarningHover = "var(--cds-alias-typography-warning-hover)";
|
|
558
|
+
export declare const aliasTypographyDangerHover = "var(--cds-alias-typography-danger-hover)";
|
|
559
|
+
export declare const aliasTypographyNeutralHover = "var(--cds-alias-typography-neutral-hover)";
|
|
560
|
+
export declare const aliasTypographyDisabled = "var(--cds-alias-typography-disabled)";
|
|
561
|
+
export declare const aliasTypographyDisabledButton = "var(--cds-alias-typography-disabled-button)";
|
|
420
562
|
export declare const internalScale1 = "var(--cds-internal-scale-1)";
|
|
421
563
|
export declare const internalScale2 = "var(--cds-internal-scale-2)";
|
|
422
564
|
export declare const internalScale3 = "var(--cds-internal-scale-3)";
|
package/tokens/tokens.ios.swift
CHANGED
|
@@ -245,6 +245,7 @@ let globalColorTan700 = UIColor(red: 98, green: 88, blue: 65, alpha: 1.0);
|
|
|
245
245
|
let globalColorTan800 = UIColor(red: 82, green: 72, blue: 51, alpha: 1.0);
|
|
246
246
|
let globalColorTan900 = UIColor(red: 66, green: 58, blue: 41, alpha: 1.0);
|
|
247
247
|
let globalColorTan1000 = UIColor(red: 50, green: 44, blue: 32, alpha: 1.0);
|
|
248
|
+
let globalColorConstruction25 = UIColor(red: 252, green: 253, blue: 253, alpha: 1.0);
|
|
248
249
|
let globalColorConstruction50 = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
|
|
249
250
|
let globalColorConstruction100 = UIColor(red: 227, green: 234, blue: 237, alpha: 1.0);
|
|
250
251
|
let globalColorConstruction200 = UIColor(red: 203, green: 212, blue: 216, alpha: 1.0);
|
|
@@ -272,6 +273,7 @@ let globalTypographyColor100 = UIColor(red: 255, green: 255, blue: 255, alpha: 1
|
|
|
272
273
|
let globalTypographyColor200 = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0);
|
|
273
274
|
let globalTypographyColor300 = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
|
|
274
275
|
let globalTypographyColor400 = UIColor(red: 33, green: 51, blue: 59, alpha: 1.0);
|
|
276
|
+
let globalTypographyColor450 = UIColor(red: 27, green: 43, blue: 50, alpha: 1.0);
|
|
275
277
|
let globalTypographyColor500 = UIColor(red: 0, green: 0, blue: 0, alpha: 1.0);
|
|
276
278
|
let globalTypographyFontWeightLight = "300";
|
|
277
279
|
let globalTypographyFontWeightRegular = "400";
|
|
@@ -299,6 +301,7 @@ let globalTypographyLinkColor = UIColor(red: 0, green: 121, blue: 173, alpha: 1.
|
|
|
299
301
|
let globalTypographyLinkColorHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
300
302
|
let globalTypographyLinkColorVisited = UIColor(red: 59, green: 64, blue: 206, alpha: 1.0);
|
|
301
303
|
let globalTypographyLinkColorVisitedHover = UIColor(red: 36, green: 41, blue: 194, alpha: 1.0);
|
|
304
|
+
let globalTypographyLinkOnColorbg = UIColor(red: 0, green: 0, blue: 0, alpha: 1.0);
|
|
302
305
|
let globalTypographyBodyFontSize = CGFloat(14.00);
|
|
303
306
|
let globalTypographyBodyLineHeight = "1.42857em";
|
|
304
307
|
let globalTypographyBodyLetterSpacing = "-0.014286em";
|
|
@@ -343,6 +346,13 @@ let globalTypographySmallcaptionFontSize = CGFloat(10.00);
|
|
|
343
346
|
let globalTypographySmallcaptionLineHeight = "1.2em";
|
|
344
347
|
let globalTypographySmallcaptionLetterSpacing = "0.05em";
|
|
345
348
|
let globalTypographySmallcaptionFontWeight = "500";
|
|
349
|
+
let globalTypographyInfoHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
350
|
+
let globalTypographySuccessHover = UIColor(red: 54, green: 106, blue: 12, alpha: 1.0);
|
|
351
|
+
let globalTypographyWarningHover = UIColor(red: 138, green: 83, blue: 0, alpha: 1.0);
|
|
352
|
+
let globalTypographyDangerHover = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
|
|
353
|
+
let globalTypographyNeutralHover = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
|
|
354
|
+
let globalTypographyDisabled = UIColor(red: 133, green: 147, blue: 153, alpha: 1.0);
|
|
355
|
+
let globalTypographyDisabledButton = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
|
|
346
356
|
let globalAnimationDurationInstant = "0s";
|
|
347
357
|
let globalAnimationDurationQuickest = "0.1s";
|
|
348
358
|
let globalAnimationDurationQuicker = "0.15s";
|
|
@@ -388,13 +398,34 @@ let aliasObjectInteractionColorHover = UIColor(red: 27, green: 43, blue: 50, alp
|
|
|
388
398
|
let aliasObjectInteractionColorActive = UIColor(red: 27, green: 43, blue: 50, alpha: 1.0);
|
|
389
399
|
let aliasObjectInteractionColorSelected = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
|
|
390
400
|
let aliasObjectInteractionColorDisabled = UIColor(red: 174, green: 184, blue: 188, alpha: 1.0);
|
|
391
|
-
let aliasObjectAppBackground = UIColor(red:
|
|
401
|
+
let aliasObjectAppBackground = UIColor(red: 252, green: 253, blue: 253, alpha: 1.0);
|
|
392
402
|
let aliasObjectOverlayBackground = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
|
|
393
403
|
let aliasObjectOverlayBackdropBackground = "hsla(0, 0%, 0%, 0.6)";
|
|
394
404
|
let aliasObjectContainerBackground = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
|
|
395
405
|
let aliasObjectContainerBackgroundTint = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
|
|
396
406
|
let aliasObjectContainerBackgroundShade = UIColor(red: 227, green: 234, blue: 237, alpha: 1.0);
|
|
407
|
+
let aliasObjectContainerBackgroundDark = UIColor(red: 203, green: 212, blue: 216, alpha: 1.0);
|
|
408
|
+
let aliasObjectContainerBackgroundInverse = UIColor(red: 203, green: 212, blue: 216, alpha: 1.0);
|
|
409
|
+
let aliasObjectContainerBackgroundInverseTint = UIColor(red: 227, green: 234, blue: 237, alpha: 1.0);
|
|
410
|
+
let aliasObjectContainerBackgroundInverseShade = UIColor(red: 174, green: 184, blue: 188, alpha: 1.0);
|
|
397
411
|
let aliasObjectContainerBorderColor = UIColor(red: 203, green: 212, blue: 216, alpha: 1.0);
|
|
412
|
+
let aliasObjectInfoHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
413
|
+
let aliasObjectInfoClick = UIColor(red: 0, green: 75, blue: 107, alpha: 1.0);
|
|
414
|
+
let aliasObjectInfoSecondaryHover = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
|
|
415
|
+
let aliasObjectSuccessHover = UIColor(red: 54, green: 106, blue: 12, alpha: 1.0);
|
|
416
|
+
let aliasObjectSuccessClick = UIColor(red: 40, green: 78, blue: 9, alpha: 1.0);
|
|
417
|
+
let aliasObjectSuccessSecondaryHover = UIColor(red: 238, green: 252, blue: 227, alpha: 1.0);
|
|
418
|
+
let aliasObjectWarningHover = UIColor(red: 255, green: 166, blue: 0, alpha: 1.0);
|
|
419
|
+
let aliasObjectWarningClick = UIColor(red: 214, green: 136, blue: 0, alpha: 1.0);
|
|
420
|
+
let aliasObjectWarningSecondaryHover = UIColor(red: 255, green: 249, blue: 235, alpha: 1.0);
|
|
421
|
+
let aliasObjectDangerHover = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
|
|
422
|
+
let aliasObjectDangerClick = UIColor(red: 112, green: 17, blue: 0, alpha: 1.0);
|
|
423
|
+
let aliasObjectDangerSecondaryHover = UIColor(red: 255, green: 242, blue: 240, alpha: 1.0);
|
|
424
|
+
let aliasObjectNeutralHover = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
|
|
425
|
+
let aliasObjectNeutralClick = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
|
|
426
|
+
let aliasObjectNeutralSecondaryHover = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
|
|
427
|
+
let aliasObjectInverseHover = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0);
|
|
428
|
+
let aliasObjectInverseClick = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
|
|
398
429
|
let aliasStatusInfo = UIColor(red: 0, green: 121, blue: 173, alpha: 1.0);
|
|
399
430
|
let aliasStatusInfoTint = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
|
|
400
431
|
let aliasStatusInfoShade = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
@@ -418,6 +449,117 @@ let aliasStatusDisabledShade = UIColor(red: 133, green: 147, blue: 153, alpha: 1
|
|
|
418
449
|
let aliasStatusAlt = UIColor(red: 124, green: 18, blue: 165, alpha: 1.0);
|
|
419
450
|
let aliasStatusAltTint = UIColor(red: 155, green: 50, blue: 200, alpha: 1.0);
|
|
420
451
|
let aliasStatusAltShade = UIColor(red: 68, green: 0, blue: 97, alpha: 1.0);
|
|
452
|
+
let aliasUtilityGray = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
|
|
453
|
+
let aliasUtilityGrayTint = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
|
|
454
|
+
let aliasUtilityGrayShade = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
|
|
455
|
+
let aliasUtilityBlue = UIColor(red: 0, green: 121, blue: 173, alpha: 1.0);
|
|
456
|
+
let aliasUtilityBlueTint = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
|
|
457
|
+
let aliasUtilityBlueShade = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
458
|
+
let aliasUtilityLightBlue = UIColor(red: 102, green: 209, blue: 255, alpha: 1.0);
|
|
459
|
+
let aliasUtilityLightBlueTint = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
|
|
460
|
+
let aliasUtilityLightBlueShade = UIColor(red: 0, green: 154, blue: 219, alpha: 1.0);
|
|
461
|
+
let aliasUtilityDarkBlue = UIColor(red: 0, green: 64, blue: 133, alpha: 1.0);
|
|
462
|
+
let aliasUtilityDarkBlueTint = UIColor(red: 229, green: 242, blue: 255, alpha: 1.0);
|
|
463
|
+
let aliasUtilityDarkBlueShade = UIColor(red: 0, green: 35, blue: 71, alpha: 1.0);
|
|
464
|
+
let aliasUtilityGreen = UIColor(red: 66, green: 129, blue: 14, alpha: 1.0);
|
|
465
|
+
let aliasUtilityGreenTint = UIColor(red: 238, green: 252, blue: 227, alpha: 1.0);
|
|
466
|
+
let aliasUtilityGreenShade = UIColor(red: 54, green: 106, blue: 12, alpha: 1.0);
|
|
467
|
+
let aliasUtilityYellow = UIColor(red: 255, green: 185, blue: 46, alpha: 1.0);
|
|
468
|
+
let aliasUtilityYellowTint = UIColor(red: 255, green: 242, blue: 214, alpha: 1.0);
|
|
469
|
+
let aliasUtilityYellowShade = UIColor(red: 214, green: 136, blue: 0, alpha: 1.0);
|
|
470
|
+
let aliasUtilityRed = UIColor(red: 224, green: 34, blue: 0, alpha: 1.0);
|
|
471
|
+
let aliasUtilityRedTint = UIColor(red: 255, green: 242, blue: 240, alpha: 1.0);
|
|
472
|
+
let aliasUtilityRedShade = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
|
|
473
|
+
let aliasUtilityTangerine = UIColor(red: 255, green: 142, blue: 61, alpha: 1.0);
|
|
474
|
+
let aliasUtilityTangerineTint = UIColor(red: 255, green: 240, blue: 229, alpha: 1.0);
|
|
475
|
+
let aliasUtilityTangerineShade = UIColor(red: 209, green: 87, blue: 0, alpha: 1.0);
|
|
476
|
+
let aliasUtilityViolet = UIColor(red: 155, green: 50, blue: 200, alpha: 1.0);
|
|
477
|
+
let aliasUtilityVioletTint = UIColor(red: 250, green: 240, blue: 255, alpha: 1.0);
|
|
478
|
+
let aliasUtilityVioletShade = UIColor(red: 93, green: 0, blue: 133, alpha: 1.0);
|
|
479
|
+
let aliasTypographyColor100 = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
|
|
480
|
+
let aliasTypographyColor200 = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0);
|
|
481
|
+
let aliasTypographyColor300 = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
|
|
482
|
+
let aliasTypographyColor400 = UIColor(red: 33, green: 51, blue: 59, alpha: 1.0);
|
|
483
|
+
let aliasTypographyColor450 = UIColor(red: 27, green: 43, blue: 50, alpha: 1.0);
|
|
484
|
+
let aliasTypographyColor500 = UIColor(red: 0, green: 0, blue: 0, alpha: 1.0);
|
|
485
|
+
let aliasTypographyFontWeightLight = "300";
|
|
486
|
+
let aliasTypographyFontWeightRegular = "400";
|
|
487
|
+
let aliasTypographyFontWeightMedium = "500";
|
|
488
|
+
let aliasTypographyFontWeightSemibold = "600";
|
|
489
|
+
let aliasTypographyFontWeightBold = "600";
|
|
490
|
+
let aliasTypographyFontWeightExtrabold = "600";
|
|
491
|
+
let aliasTypographyFontSize0 = CGFloat(10.00);
|
|
492
|
+
let aliasTypographyFontSize1 = CGFloat(11.00);
|
|
493
|
+
let aliasTypographyFontSize2 = CGFloat(12.00);
|
|
494
|
+
let aliasTypographyFontSize3 = CGFloat(13.00);
|
|
495
|
+
let aliasTypographyFontSize4 = CGFloat(14.00);
|
|
496
|
+
let aliasTypographyFontSize5 = CGFloat(16.00);
|
|
497
|
+
let aliasTypographyFontSize6 = CGFloat(20.00);
|
|
498
|
+
let aliasTypographyFontSize7 = CGFloat(24.00);
|
|
499
|
+
let aliasTypographyFontSize8 = CGFloat(32.00);
|
|
500
|
+
let aliasTypographyFontSize9 = CGFloat(40.00);
|
|
501
|
+
let aliasTypographyFontFamily = "'Clarity City', 'Avenir Next', sans-serif";
|
|
502
|
+
let aliasTypographyHeaderFontFamily = "'Clarity City', 'Avenir Next', sans-serif";
|
|
503
|
+
let aliasTypographyMonospaceFontFamily = "ui-monospace, Consolas, Menlo, Monaco, monospace";
|
|
504
|
+
let aliasTypographyTopGapHeight = "0.1475em";
|
|
505
|
+
let aliasTypographyAscenderHeight = "0.1703em";
|
|
506
|
+
let aliasTypographyXHeight = "0.517em";
|
|
507
|
+
let aliasTypographyLinkColor = UIColor(red: 0, green: 121, blue: 173, alpha: 1.0);
|
|
508
|
+
let aliasTypographyLinkColorHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
509
|
+
let aliasTypographyLinkColorVisited = UIColor(red: 59, green: 64, blue: 206, alpha: 1.0);
|
|
510
|
+
let aliasTypographyLinkColorVisitedHover = UIColor(red: 36, green: 41, blue: 194, alpha: 1.0);
|
|
511
|
+
let aliasTypographyLinkOnColorbg = UIColor(red: 0, green: 0, blue: 0, alpha: 1.0);
|
|
512
|
+
let aliasTypographyBodyFontSize = CGFloat(14.00);
|
|
513
|
+
let aliasTypographyBodyLineHeight = "1.42857em";
|
|
514
|
+
let aliasTypographyBodyLetterSpacing = "-0.014286em";
|
|
515
|
+
let aliasTypographyBodyFontWeight = "400";
|
|
516
|
+
let aliasTypographyDisplayFontSize = CGFloat(40.00);
|
|
517
|
+
let aliasTypographyDisplayLineHeight = "1.1em";
|
|
518
|
+
let aliasTypographyDisplayLetterSpacing = "-0.0125em";
|
|
519
|
+
let aliasTypographyDisplayFontWeight = "400";
|
|
520
|
+
let aliasTypographyHeadingFontSize = CGFloat(32.00);
|
|
521
|
+
let aliasTypographyHeadingLineHeight = "1.125em";
|
|
522
|
+
let aliasTypographyHeadingLetterSpacing = "-0.0125em";
|
|
523
|
+
let aliasTypographyHeadingFontWeight = "400";
|
|
524
|
+
let aliasTypographyHeadlineFontSize = CGFloat(32.00);
|
|
525
|
+
let aliasTypographyHeadlineLineHeight = "1.125em";
|
|
526
|
+
let aliasTypographyHeadlineLetterSpacing = "-0.0125em";
|
|
527
|
+
let aliasTypographyHeadlineFontWeight = "400";
|
|
528
|
+
let aliasTypographyTitleFontSize = CGFloat(24.00);
|
|
529
|
+
let aliasTypographyTitleLineHeight = "1.16667em";
|
|
530
|
+
let aliasTypographyTitleLetterSpacing = "-0.008333em";
|
|
531
|
+
let aliasTypographyTitleFontWeight = "400";
|
|
532
|
+
let aliasTypographySectionFontSize = CGFloat(20.00);
|
|
533
|
+
let aliasTypographySectionLineHeight = "1.2em";
|
|
534
|
+
let aliasTypographySectionLetterSpacing = "-0.01em";
|
|
535
|
+
let aliasTypographySectionFontWeight = "400";
|
|
536
|
+
let aliasTypographySubsectionFontSize = CGFloat(16.00);
|
|
537
|
+
let aliasTypographySubsectionLineHeight = "1.25em";
|
|
538
|
+
let aliasTypographySubsectionLetterSpacing = "-0.0125em";
|
|
539
|
+
let aliasTypographySubsectionFontWeight = "400";
|
|
540
|
+
let aliasTypographyMessageFontSize = CGFloat(16.00);
|
|
541
|
+
let aliasTypographyMessageLineHeight = "1.25em";
|
|
542
|
+
let aliasTypographyMessageLetterSpacing = "-0.0125em";
|
|
543
|
+
let aliasTypographyMessageFontWeight = CGFloat(400.00);
|
|
544
|
+
let aliasTypographySecondaryFontSize = CGFloat(13.00);
|
|
545
|
+
let aliasTypographySecondaryLineHeight = "1.23077em";
|
|
546
|
+
let aliasTypographySecondaryLetterSpacing = "-0.007692em";
|
|
547
|
+
let aliasTypographySecondaryFontWeight = "400";
|
|
548
|
+
let aliasTypographyCaptionFontSize = CGFloat(11.00);
|
|
549
|
+
let aliasTypographyCaptionLineHeight = "1.454545em";
|
|
550
|
+
let aliasTypographyCaptionLetterSpacing = "0.018182em";
|
|
551
|
+
let aliasTypographyCaptionFontWeight = "400";
|
|
552
|
+
let aliasTypographySmallcaptionFontSize = CGFloat(10.00);
|
|
553
|
+
let aliasTypographySmallcaptionLineHeight = "1.2em";
|
|
554
|
+
let aliasTypographySmallcaptionLetterSpacing = "0.05em";
|
|
555
|
+
let aliasTypographySmallcaptionFontWeight = "500";
|
|
556
|
+
let aliasTypographyInfoHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
557
|
+
let aliasTypographySuccessHover = UIColor(red: 54, green: 106, blue: 12, alpha: 1.0);
|
|
558
|
+
let aliasTypographyWarningHover = UIColor(red: 138, green: 83, blue: 0, alpha: 1.0);
|
|
559
|
+
let aliasTypographyDangerHover = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
|
|
560
|
+
let aliasTypographyNeutralHover = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
|
|
561
|
+
let aliasTypographyDisabled = UIColor(red: 133, green: 147, blue: 153, alpha: 1.0);
|
|
562
|
+
let aliasTypographyDisabledButton = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
|
|
421
563
|
let internalScale1 = "calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space))";
|
|
422
564
|
let internalScale2 = "calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space))";
|
|
423
565
|
let internalScale3 = "calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography))";
|