@cumulus-ui/design-tokens 0.3.3 → 0.4.4

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 (4) hide show
  1. package/{index.d.ts → dist/index.d.ts} +153 -108
  2. package/{index.js → dist/index.js} +153 -108
  3. package/{tokens.css → dist/tokens.css} +177 -130
  4. package/package.json +13 -11
package/{index.js → dist/index.js} RENAMED
@@ -437,33 +437,149 @@ export const spaceStaticXxl = "var(--space-static-xxl)";
437
437
  export const spaceStaticXxxl = "var(--space-static-xxxl)";
438
438
  export const shadowCard = "var(--shadow-card)";
439
439
  export const shadowContainerActive = "var(--shadow-container-active)";
440
+ export const colorNeutral500 = "var(--color-neutral-500)";
441
+ export const colorError600 = "var(--color-error-600)";
442
+ export const colorSuccess600 = "var(--color-success-600)";
443
+ export const colorInfo600 = "var(--color-info-600)";
444
+ export const colorNeutral600 = "var(--color-neutral-600)";
445
+ export const colorNeutral300 = "var(--color-neutral-300)";
446
+ export const colorNeutral900 = "var(--color-neutral-900)";
447
+ export const colorSeverityDarkRed = "var(--color-severity-dark-red)";
448
+ export const colorSeverityRed = "var(--color-severity-red)";
449
+ export const colorSeverityOrange = "var(--color-severity-orange)";
450
+ export const colorSeverityYellow = "var(--color-severity-yellow)";
451
+ export const colorSeverityGrey = "var(--color-severity-grey)";
452
+ export const colorNeutral100 = "var(--color-neutral-100)";
453
+ export const colorNeutral950 = "var(--color-neutral-950)";
454
+ export const colorPrimary100 = "var(--color-primary-100)";
455
+ export const colorPrimary50 = "var(--color-primary-50)";
456
+ export const colorWhite = "var(--color-white)";
457
+ export const colorPrimary900 = "var(--color-primary-900)";
458
+ export const colorNeutral250 = "var(--color-neutral-250)";
459
+ export const colorNeutral750 = "var(--color-neutral-750)";
460
+ export const colorNeutral650 = "var(--color-neutral-650)";
461
+ export const colorNeutral700 = "var(--color-neutral-700)";
462
+ export const colorNeutral200 = "var(--color-neutral-200)";
463
+ export const colorNeutral150 = "var(--color-neutral-150)";
464
+ export const colorPrimary600 = "var(--color-primary-600)";
465
+ export const colorPrimary700 = "var(--color-primary-700)";
466
+ export const colorGreyOpaque70 = "var(--color-grey-opaque-70)";
467
+ export const colorWarning400 = "var(--color-warning-400)";
468
+ export const colorError50 = "var(--color-error-50)";
469
+ export const colorInfo50 = "var(--color-info-50)";
470
+ export const colorSuccess50 = "var(--color-success-50)";
471
+ export const colorWarning50 = "var(--color-warning-50)";
472
+ export const colorPrimary200 = "var(--color-primary-200)";
473
+ export const colorNeutral400 = "var(--color-neutral-400)";
474
+ export const colorBorderCardHighlighted = "var(--color-border-card-highlighted)";
475
+ export const colorNeutral350 = "var(--color-neutral-350)";
476
+ export const colorBorderDropdownItemDefault = "var(--color-border-dropdown-item-default)";
477
+ export const colorWarning900 = "var(--color-warning-900)";
478
+ export const colorGreyTransparent = "var(--color-grey-transparent)";
479
+ export const colorBackgroundTilesDisabled = "var(--color-background-tiles-disabled)";
480
+ export const colorGreyTransparentHeavy = "var(--color-grey-transparent-heavy)";
481
+ export const colorTextColumnHeader = "var(--color-text-column-header)";
482
+ export const colorPurple700 = "var(--color-purple-700)";
483
+ export const colorTextFormLabel = "var(--color-text-form-label)";
484
+ export const fontButtonLetterSpacing = "var(--font-button-letter-spacing)";
485
+ export const fontWayfindingLinkActiveWeight = "var(--font-wayfinding-link-active-weight)";
486
+ export const borderDividerSectionWidth = "var(--border-divider-section-width)";
487
+ export const borderItemWidth = "var(--border-item-width)";
488
+ export const borderWidthCardHighlighted = "var(--border-width-card-highlighted)";
489
+ export const motionDurationModerate = "var(--motion-duration-moderate)";
490
+ export const motionDurationSlow = "var(--motion-duration-slow)";
491
+ export const motionDurationFast = "var(--motion-duration-fast)";
492
+ export const motionEasingEaseOutQuart = "var(--motion-easing-ease-out-quart)";
493
+ export const motionEasingRefreshOnlyA = "var(--motion-easing-refresh-only-a)";
494
+ export const motionEasingRefreshOnlyB = "var(--motion-easing-refresh-only-b)";
495
+ export const motionEasingRefreshOnlyC = "var(--motion-easing-refresh-only-c)";
496
+ export const motionDurationRefreshOnlyFast = "var(--motion-duration-refresh-only-fast)";
497
+ export const motionDurationRefreshOnlyMedium = "var(--motion-duration-refresh-only-medium)";
498
+ export const motionDurationRefreshOnlySlow = "var(--motion-duration-refresh-only-slow)";
499
+ export const spaceS = "var(--space-s)";
500
+ export const spaceFlashbarHorizontal = "var(--space-flashbar-horizontal)";
501
+ export const spaceXxs = "var(--space-xxs)";
502
+ export const spaceFlashbarVertical = "var(--space-flashbar-vertical)";
503
+ export const spaceCalendarGridFocusOutlineGutter = "var(--space-calendar-grid-focus-outline-gutter)";
504
+ export const spaceL = "var(--space-l)";
505
+ export const spaceScaled2xXxs = "var(--space-scaled-2x-xxs)";
506
+ export const spaceM = "var(--space-m)";
507
+ export const spaceScaled2xXxxl = "var(--space-scaled-2x-xxxl)";
508
+ export const spaceScaled2xXl = "var(--space-scaled-2x-xl)";
509
+ export const spaceScaled2xM = "var(--space-scaled-2x-m)";
510
+ export const spaceXs = "var(--space-xs)";
511
+ export const spaceTableHeaderHorizontal = "var(--space-table-header-horizontal)";
512
+ export const spaceXl = "var(--space-xl)";
513
+ export const spaceXxxl = "var(--space-xxxl)";
514
+ export const spaceNone = "var(--space-none)";
515
+ export const spaceXxxs = "var(--space-xxxs)";
516
+ export const spaceXxl = "var(--space-xxl)";
517
+ export const shadowDropdown = "var(--shadow-dropdown)";
518
+ export const colorError400 = "var(--color-error-400)";
519
+ export const colorSuccess500 = "var(--color-success-500)";
520
+ export const colorInfo300 = "var(--color-info-300)";
521
+ export const colorNeutral450 = "var(--color-neutral-450)";
522
+ export const colorBlack = "var(--color-black)";
523
+ export const colorNeutral800 = "var(--color-neutral-800)";
524
+ export const colorNeutral850 = "var(--color-neutral-850)";
525
+ export const colorPrimary400 = "var(--color-primary-400)";
526
+ export const colorPrimary1000 = "var(--color-primary-1000)";
527
+ export const colorPrimary300 = "var(--color-primary-300)";
528
+ export const colorError1000 = "var(--color-error-1000)";
529
+ export const colorInfo1000 = "var(--color-info-1000)";
530
+ export const colorSuccess1000 = "var(--color-success-1000)";
531
+ export const colorWarning1000 = "var(--color-warning-1000)";
532
+ export const colorInfo400 = "var(--color-info-400)";
533
+ export const colorWarning500 = "var(--color-warning-500)";
534
+ export const colorPurple400 = "var(--color-purple-400)";
535
+ export const colorGreyOpaque25 = "var(--color-grey-opaque-25)";
536
+ export const colorGreyOpaque10 = "var(--color-grey-opaque-10)";
537
+ export const colorTextNotificationYellow = "var(--color-text-notification-yellow)";
538
+ export const colorNeutral50 = "var(--color-neutral-50)";
440
539
  export const motionDurationShowPaced = "var(--motion-duration-show-paced)";
441
540
  export const motionEasingShowPaced = "var(--motion-easing-show-paced)";
442
541
  export const spaceAlertHorizontal = "var(--space-alert-horizontal)";
443
542
  export const spaceAlertActionLeft = "var(--space-alert-action-left)";
444
543
  export const spaceButtonFocusOutlineGutter = "var(--space-button-focus-outline-gutter)";
445
- export const spaceXxs = "var(--space-xxs)";
446
544
  export const spaceAlertMessageRight = "var(--space-alert-message-right)";
447
545
  export const sizeIconMedium = "var(--size-icon-medium)";
448
- export const spaceXs = "var(--space-xs)";
449
546
  export const sizeIconBig = "var(--size-icon-big)";
450
547
  export const sizeIconNormal = "var(--size-icon-normal)";
451
- export const spaceS = "var(--space-s)";
452
- export const motionDurationSlow = "var(--motion-duration-slow)";
453
548
  export const borderLinkFocusRingOutline = "var(--border-link-focus-ring-outline)";
454
549
  export const borderLinkFocusRingShadowSpread = "var(--border-link-focus-ring-shadow-spread)";
455
- export const fontWayfindingLinkActiveWeight = "var(--font-wayfinding-link-active-weight)";
456
550
  export const fontSmoothingWebkit = "var(--font-smoothing-webkit)";
457
551
  export const fontSmoothingMozOsx = "var(--font-smoothing-moz-osx)";
458
552
  export const letterSpacingBodyS = "var(--letter-spacing-body-s)";
553
+ export const colorTextTutorialHotspotDefault = "var(--color-text-tutorial-hotspot-default)";
554
+ export const colorTextTutorialHotspotHover = "var(--color-text-tutorial-hotspot-hover)";
459
555
  export const spaceContentHeaderPaddingBottom = "var(--space-content-header-padding-bottom)";
460
556
  export const spaceLayoutContentBottom = "var(--space-layout-content-bottom)";
461
557
  export const spaceDarkHeaderOverlapDistance = "var(--space-dark-header-overlap-distance)";
558
+ export const spaceLayoutContentHorizontal = "var(--space-layout-content-horizontal)";
559
+ export const shadowPanel = "var(--shadow-panel)";
560
+ export const colorBackgroundLayoutPanelContent = "var(--color-background-layout-panel-content)";
561
+ export const colorBackgroundLayoutPanelHover = "var(--color-background-layout-panel-hover)";
562
+ export const colorBorderLayout = "var(--color-border-layout)";
563
+ export const colorBackgroundLayoutMobilePanel = "var(--color-background-layout-mobile-panel)";
564
+ export const spaceButtonInlineIconFocusOutlineGutter = "var(--space-button-inline-icon-focus-outline-gutter)";
565
+ export const sizeVerticalPanelIconOffset = "var(--size-vertical-panel-icon-offset)";
566
+ export const spaceLayoutTogglePadding = "var(--space-layout-toggle-padding)";
567
+ export const spaceLayoutToggleDiameter = "var(--space-layout-toggle-diameter)";
568
+ export const shadowSticky = "var(--shadow-sticky)";
569
+ export const shadowPanelToggle = "var(--shadow-panel-toggle)";
570
+ export const shadowSplitBottom = "var(--shadow-split-bottom)";
571
+ export const colorBorderDividerPanelSide = "var(--color-border-divider-panel-side)";
572
+ export const colorBackgroundBadgeIcon = "var(--color-background-badge-icon)";
573
+ export const colorGapGlobalDrawer = "var(--color-gap-global-drawer)";
574
+ export const borderDividerListWidth = "var(--border-divider-list-width)";
575
+ export const motionDurationTransitionQuick = "var(--motion-duration-transition-quick)";
576
+ export const motionEasingTransitionQuick = "var(--motion-easing-transition-quick)";
577
+ export const borderLineChartWidth = "var(--border-line-chart-width)";
578
+ export const borderLineChartLineJoin = "var(--border-line-chart-line-join)";
579
+ export const borderLineChartDashArray = "var(--border-line-chart-dash-array)";
462
580
  export const motionDurationTransitionShowPaced = "var(--motion-duration-transition-show-paced)";
463
581
  export const motionEasingTransitionShowPaced = "var(--motion-easing-transition-show-paced)";
464
582
  export const spaceGridGutter = "var(--space-grid-gutter)";
465
- export const borderDividerSectionWidth = "var(--border-divider-section-width)";
466
- export const motionDurationRefreshOnlyMedium = "var(--motion-duration-refresh-only-medium)";
467
583
  export const colorTextSmall = "var(--color-text-small)";
468
584
  export const fontDisplayLabelWeight = "var(--font-display-label-weight)";
469
585
  export const spaceKeyValueGap = "var(--space-key-value-gap)";
@@ -471,14 +587,6 @@ export const fontBoxValueLargeWeight = "var(--font-box-value-large-weight)";
471
587
  export const colorBackgroundInlineCode = "var(--color-background-inline-code)";
472
588
  export const fontWeightHeavy = "var(--font-weight-heavy)";
473
589
  export const spaceScaledNone = "var(--space-scaled-none)";
474
- export const spaceNone = "var(--space-none)";
475
- export const spaceXxxs = "var(--space-xxxs)";
476
- export const spaceM = "var(--space-m)";
477
- export const spaceL = "var(--space-l)";
478
- export const spaceXl = "var(--space-xl)";
479
- export const spaceXxl = "var(--space-xxl)";
480
- export const spaceXxxl = "var(--space-xxxl)";
481
- export const fontButtonLetterSpacing = "var(--font-button-letter-spacing)";
482
590
  export const motionDurationRotate180 = "var(--motion-duration-rotate-180)";
483
591
  export const motionEasingRotate180 = "var(--motion-easing-rotate-180)";
484
592
  export const spaceButtonHorizontal = "var(--space-button-horizontal)";
@@ -486,28 +594,27 @@ export const colorTextButtonInlineIconDefault = "var(--color-text-button-inline-
486
594
  export const colorTextButtonInlineIconHover = "var(--color-text-button-inline-icon-hover)";
487
595
  export const colorTextButtonInlineIconDisabled = "var(--color-text-button-inline-icon-disabled)";
488
596
  export const spaceButtonIconFocusOutlineGutterVertical = "var(--space-button-icon-focus-outline-gutter-vertical)";
489
- export const spaceButtonInlineIconFocusOutlineGutter = "var(--space-button-inline-icon-focus-outline-gutter)";
490
597
  export const spaceButtonIconOnlyHorizontal = "var(--space-button-icon-only-horizontal)";
491
598
  export const spaceButtonModalDismissVertical = "var(--space-button-modal-dismiss-vertical)";
492
- export const shadowDropdown = "var(--shadow-dropdown)";
493
599
  export const motionEasingShowQuick = "var(--motion-easing-show-quick)";
494
600
  export const colorBorderDropdownGroup = "var(--color-border-dropdown-group)";
601
+ export const colorTextDropdownGroupLabel = "var(--color-text-dropdown-group-label)";
602
+ export const colorBackgroundDropdownItemDimmed = "var(--color-background-dropdown-item-dimmed)";
603
+ export const colorBorderDropdownItemDimmedHover = "var(--color-border-dropdown-item-dimmed-hover)";
604
+ export const colorTextDropdownItemDimmed = "var(--color-text-dropdown-item-dimmed)";
605
+ export const borderControlFocusRingShadowSpread = "var(--border-control-focus-ring-shadow-spread)";
606
+ export const colorTextDropdownItemSecondary = "var(--color-text-dropdown-item-secondary)";
495
607
  export const motionDurationShowQuick = "var(--motion-duration-show-quick)";
496
608
  export const sizeCalendarGridWidth = "var(--size-calendar-grid-width)";
497
609
  export const spaceCalendarGridGutter = "var(--space-calendar-grid-gutter)";
498
610
  export const colorTextCalendarMonth = "var(--color-text-calendar-month)";
499
611
  export const colorBorderCalendarGrid = "var(--color-border-calendar-grid)";
500
- export const colorTextDropdownItemSecondary = "var(--color-text-dropdown-item-secondary)";
501
612
  export const colorTextCalendarDateHover = "var(--color-text-calendar-date-hover)";
502
- export const borderItemWidth = "var(--border-item-width)";
503
613
  export const colorBackgroundCalendarCurrentDate = "var(--color-background-calendar-current-date)";
504
- export const spaceCalendarGridFocusOutlineGutter = "var(--space-calendar-grid-focus-outline-gutter)";
505
614
  export const colorBorderCalendarGridSelectedFocusRing = "var(--color-border-calendar-grid-selected-focus-ring)";
506
615
  export const spaceContainerHeaderBottom = "var(--space-container-header-bottom)";
507
616
  export const spaceTableHeaderToolsFullPageBottom = "var(--space-table-header-tools-full-page-bottom)";
508
617
  export const sizeControl = "var(--size-control)";
509
- export const colorBackgroundCodeEditorStatusBar = "var(--color-background-code-editor-status-bar)";
510
- export const colorBorderCodeEditorDefault = "var(--color-border-code-editor-default)";
511
618
  export const borderRadiusCodeEditor = "var(--border-radius-code-editor)";
512
619
  export const colorBorderCodeEditorAceActiveLineLightTheme = "var(--color-border-code-editor-ace-active-line-light-theme)";
513
620
  export const colorBorderCodeEditorAceActiveLineDarkTheme = "var(--color-border-code-editor-ace-active-line-dark-theme)";
@@ -516,30 +623,27 @@ export const colorTextCodeEditorGutterDefault = "var(--color-text-code-editor-gu
516
623
  export const colorBackgroundCodeEditorGutterActiveLineDefault = "var(--color-background-code-editor-gutter-active-line-default)";
517
624
  export const colorTextCodeEditorGutterActiveLine = "var(--color-text-code-editor-gutter-active-line)";
518
625
  export const colorBackgroundCodeEditorGutterActiveLineError = "var(--color-background-code-editor-gutter-active-line-error)";
626
+ export const colorBorderCodeEditorDefault = "var(--color-border-code-editor-default)";
627
+ export const colorBackgroundCodeEditorStatusBar = "var(--color-background-code-editor-status-bar)";
519
628
  export const colorTransparent = "var(--color-transparent)";
520
629
  export const colorBackgroundCodeEditorPaneItemHover = "var(--color-background-code-editor-pane-item-hover)";
521
630
  export const colorBorderCodeEditorPaneItemHover = "var(--color-border-code-editor-pane-item-hover)";
522
631
  export const colorTextCodeEditorTabButtonError = "var(--color-text-code-editor-tab-button-error)";
523
632
  export const borderActiveWidth = "var(--border-active-width)";
524
- export const motionEasingRefreshOnlyC = "var(--motion-easing-refresh-only-c)";
525
633
  export const colorTextCodeEditorStatusBarDisabled = "var(--color-text-code-editor-status-bar-disabled)";
526
634
  export const spaceCodeEditorStatusFocusOutlineGutter = "var(--space-code-editor-status-focus-outline-gutter)";
527
635
  export const borderCodeEditorStatusDividerWidth = "var(--border-code-editor-status-divider-width)";
528
636
  export const colorBorderTabsDivider = "var(--color-border-tabs-divider)";
529
637
  export const colorBackgroundCodeEditorLoading = "var(--color-background-code-editor-loading)";
530
- export const shadowPanel = "var(--shadow-panel)";
531
- export const colorTextFormLabel = "var(--color-text-form-label)";
532
- export const borderDividerListWidth = "var(--border-divider-list-width)";
533
638
  export const borderContainerTopWidth = "var(--border-container-top-width)";
534
639
  export const shadowContainer = "var(--shadow-container)";
535
640
  export const shadowStickyEmbedded = "var(--shadow-sticky-embedded)";
536
641
  export const borderContainerStickyWidth = "var(--border-container-sticky-width)";
537
642
  export const colorBorderContainerDivider = "var(--color-border-container-divider)";
538
643
  export const spaceContainerHeaderTop = "var(--space-container-header-top)";
539
- export const shadowSticky = "var(--shadow-sticky)";
540
644
  export const spaceContainerContentTop = "var(--space-container-content-top)";
541
- export const spaceLayoutContentHorizontal = "var(--space-layout-content-horizontal)";
542
- export const colorBorderDropdownItemDefault = "var(--color-border-dropdown-item-default)";
645
+ export const spaceCalendarGridSelectedFocusOutlineGutter = "var(--space-calendar-grid-selected-focus-outline-gutter)";
646
+ export const colorBackgroundDropdownItemSelected = "var(--color-background-dropdown-item-selected)";
543
647
  export const fontPanelHeaderSize = "var(--font-panel-header-size)";
544
648
  export const fontPanelHeaderLineHeight = "var(--font-panel-header-line-height)";
545
649
  export const spacePanelHeaderVertical = "var(--space-panel-header-vertical)";
@@ -548,6 +652,7 @@ export const colorBorderPanelHeader = "var(--color-border-panel-header)";
548
652
  export const spacePanelContentTop = "var(--space-panel-content-top)";
549
653
  export const spacePanelSideRight = "var(--space-panel-side-right)";
550
654
  export const spacePanelContentBottom = "var(--space-panel-content-bottom)";
655
+ export const shadowDropup = "var(--shadow-dropup)";
551
656
  export const motionDurationRotate90 = "var(--motion-duration-rotate-90)";
552
657
  export const motionEasingRotate90 = "var(--motion-easing-rotate-90)";
553
658
  export const colorTextExpandableSectionDefault = "var(--color-text-expandable-section-default)";
@@ -555,25 +660,18 @@ export const fontExpandableHeadingSize = "var(--font-expandable-heading-size)";
555
660
  export const spaceExpandableSectionIconOffsetTop = "var(--space-expandable-section-icon-offset-top)";
556
661
  export const colorTextExpandableSectionNavigationIconDefault = "var(--color-text-expandable-section-navigation-icon-default)";
557
662
  export const colorTextExpandableSectionHover = "var(--color-text-expandable-section-hover)";
558
- export const borderControlFocusRingShadowSpread = "var(--border-control-focus-ring-shadow-spread)";
559
663
  export const borderInvalidWidth = "var(--border-invalid-width)";
560
664
  export const colorBorderInputDisabled = "var(--color-border-input-disabled)";
561
665
  export const colorBorderControlDisabled = "var(--color-border-control-disabled)";
562
666
  export const shadowFlashCollapsed = "var(--shadow-flash-collapsed)";
563
667
  export const colorBackgroundNotificationStackBar = "var(--color-background-notification-stack-bar)";
564
668
  export const colorBorderNotificationStackBar = "var(--color-border-notification-stack-bar)";
565
- export const shadowPanelToggle = "var(--shadow-panel-toggle)";
566
669
  export const colorTextNotificationStackBar = "var(--color-text-notification-stack-bar)";
567
670
  export const colorBackgroundNotificationStackBarHover = "var(--color-background-notification-stack-bar-hover)";
568
671
  export const colorBackgroundNotificationStackBarActive = "var(--color-background-notification-stack-bar-active)";
569
- export const spaceFlashbarVertical = "var(--space-flashbar-vertical)";
570
- export const spaceFlashbarHorizontal = "var(--space-flashbar-horizontal)";
571
672
  export const shadowFlashSticky = "var(--shadow-flash-sticky)";
572
673
  export const spaceFlashbarActionLeft = "var(--space-flashbar-action-left)";
573
674
  export const spaceFlashbarDismissRight = "var(--space-flashbar-dismiss-right)";
574
- export const colorTextNotificationYellow = "var(--color-text-notification-yellow)";
575
- export const motionEasingRefreshOnlyA = "var(--motion-easing-refresh-only-a)";
576
- export const spaceScaled2xXxs = "var(--space-scaled-2x-xxs)";
577
675
  export const sizeVerticalInput = "var(--size-vertical-input)";
578
676
  export const fontHeaderH2DescriptionSize = "var(--font-header-h2-description-size)";
579
677
  export const fontHeaderH2DescriptionLineHeight = "var(--font-header-h2-description-line-height)";
@@ -581,35 +679,13 @@ export const spacePanelDividerMarginHorizontal = "var(--space-panel-divider-marg
581
679
  export const sizeIconLarge = "var(--size-icon-large)";
582
680
  export const colorTextInverted = "var(--color-text-inverted)";
583
681
  export const colorTextIconSubtle = "var(--color-text-icon-subtle)";
584
- export const colorBackgroundBadgeIcon = "var(--color-background-badge-icon)";
585
682
  export const colorTextInputPlaceholderDisabled = "var(--color-text-input-placeholder-disabled)";
586
683
  export const borderControlInvalidFocusRingShadowSpread = "var(--border-control-invalid-focus-ring-shadow-spread)";
587
684
  export const spaceFieldIconOffset = "var(--space-field-icon-offset)";
588
685
  export const colorTextControlDisabled = "var(--color-text-control-disabled)";
589
- export const colorBackgroundLayoutPanelContent = "var(--color-background-layout-panel-content)";
590
- export const colorBackgroundLayoutPanelHover = "var(--color-background-layout-panel-hover)";
591
- export const colorBorderLayout = "var(--color-border-layout)";
592
- export const colorBackgroundLayoutMobilePanel = "var(--color-background-layout-mobile-panel)";
593
- export const sizeVerticalPanelIconOffset = "var(--size-vertical-panel-icon-offset)";
594
- export const motionDurationRefreshOnlySlow = "var(--motion-duration-refresh-only-slow)";
595
- export const colorGapGlobalDrawer = "var(--color-gap-global-drawer)";
596
- export const spaceLayoutTogglePadding = "var(--space-layout-toggle-padding)";
597
- export const spaceLayoutToggleDiameter = "var(--space-layout-toggle-diameter)";
598
- export const motionDurationRefreshOnlyFast = "var(--motion-duration-refresh-only-fast)";
599
- export const shadowSplitBottom = "var(--shadow-split-bottom)";
600
- export const colorBorderDividerPanelSide = "var(--color-border-divider-panel-side)";
601
- export const colorTextDropdownGroupLabel = "var(--color-text-dropdown-group-label)";
602
- export const colorBackgroundDropdownItemDimmed = "var(--color-background-dropdown-item-dimmed)";
603
- export const colorBorderDropdownItemDimmedHover = "var(--color-border-dropdown-item-dimmed-hover)";
604
- export const colorTextDropdownItemDimmed = "var(--color-text-dropdown-item-dimmed)";
605
686
  export const spaceFilteringTokenOperationSelectFocusOutlineGutter = "var(--space-filtering-token-operation-select-focus-outline-gutter)";
606
687
  export const fontChartDetailSize = "var(--font-chart-detail-size)";
607
- export const borderLineChartWidth = "var(--border-line-chart-width)";
608
- export const motionDurationTransitionQuick = "var(--motion-duration-transition-quick)";
609
- export const motionEasingTransitionQuick = "var(--motion-easing-transition-quick)";
610
688
  export const colorBorderControlChecked = "var(--color-border-control-checked)";
611
- export const spaceCalendarGridSelectedFocusOutlineGutter = "var(--space-calendar-grid-selected-focus-outline-gutter)";
612
- export const colorBackgroundDropdownItemSelected = "var(--color-background-dropdown-item-selected)";
613
689
  export const colorBackgroundDirectionButtonDefault = "var(--color-background-direction-button-default)";
614
690
  export const colorTextDirectionButtonDefault = "var(--color-text-direction-button-default)";
615
691
  export const colorBackgroundDirectionButtonHover = "var(--color-background-direction-button-hover)";
@@ -619,26 +695,8 @@ export const colorTextDirectionButtonDisabled = "var(--color-text-direction-butt
619
695
  export const colorBorderDropdownItemTop = "var(--color-border-dropdown-item-top)";
620
696
  export const colorTextDropdownFooter = "var(--color-text-dropdown-footer)";
621
697
  export const colorTextDropdownItemSecondaryHover = "var(--color-text-dropdown-item-secondary-hover)";
622
- export const spaceFilteringTokenDismissButtonFocusOutlineGutter = "var(--space-filtering-token-dismiss-button-focus-outline-gutter)";
623
- export const colorTextDisabled = "var(--color-text-disabled)";
624
698
  export const colorBorderDropdownItemSelected = "var(--color-border-dropdown-item-selected)";
625
699
  export const borderDropdownVirtualOffsetWidth = "var(--border-dropdown-virtual-offset-width)";
626
- export const colorBorderCellShaded = "var(--color-border-cell-shaded)";
627
- export const motionDurationTransitionShowQuick = "var(--motion-duration-transition-show-quick)";
628
- export const shadowStickyColumnLast = "var(--shadow-sticky-column-last)";
629
- export const shadowStickyColumnFirst = "var(--shadow-sticky-column-first)";
630
- export const colorBorderItemPlaceholder = "var(--color-border-item-placeholder)";
631
- export const colorTextDisabledInlineEdit = "var(--color-text-disabled-inline-edit)";
632
- export const colorBorderEditableCellHover = "var(--color-border-editable-cell-hover)";
633
- export const colorBackgroundTableHeader = "var(--color-background-table-header)";
634
- export const colorTextColumnHeader = "var(--color-text-column-header)";
635
- export const borderTableStickyWidth = "var(--border-table-sticky-width)";
636
- export const spaceTableHorizontal = "var(--space-table-horizontal)";
637
- export const colorTextColumnSortingIcon = "var(--color-text-column-sorting-icon)";
638
- export const spaceTableHeaderFocusOutlineGutter = "var(--space-table-header-focus-outline-gutter)";
639
- export const colorBorderDividerInteractiveDefault = "var(--color-border-divider-interactive-default)";
640
- export const colorBorderDividerActive = "var(--color-border-divider-active)";
641
- export const colorBorderTutorial = "var(--color-border-tutorial)";
642
700
  export const colorBackgroundItemCard = "var(--color-background-item-card)";
643
701
  export const shadowItemCard = "var(--shadow-item-card)";
644
702
  export const borderWidthItemCard = "var(--border-width-item-card)";
@@ -659,7 +717,6 @@ export const colorTextLinkButtonNormalDefault = "var(--color-text-link-button-no
659
717
  export const colorTextLinkButtonNormalHover = "var(--color-text-link-button-normal-hover)";
660
718
  export const colorTextLinkButtonNormalActive = "var(--color-text-link-button-normal-active)";
661
719
  export const colorTextLinkInvertedHover = "var(--color-text-link-inverted-hover)";
662
- export const motionDurationFast = "var(--motion-duration-fast)";
663
720
  export const motionDurationExtraSlow = "var(--motion-duration-extra-slow)";
664
721
  export const colorBackgroundModalOverlay = "var(--color-background-modal-overlay)";
665
722
  export const shadowModal = "var(--shadow-modal)";
@@ -667,15 +724,15 @@ export const spaceModalContentBottom = "var(--space-modal-content-bottom)";
667
724
  export const spaceModalHorizontal = "var(--space-modal-horizontal)";
668
725
  export const colorTextPaginationPageNumberDefault = "var(--color-text-pagination-page-number-default)";
669
726
  export const colorTextPaginationPageNumberActiveDisabled = "var(--color-text-pagination-page-number-active-disabled)";
727
+ export const colorStrokeChartLine = "var(--color-stroke-chart-line)";
670
728
  export const colorShadowDefault = "var(--color-shadow-default)";
671
729
  export const shadowPopover = "var(--shadow-popover)";
672
- export const motionDurationModerate = "var(--motion-duration-moderate)";
730
+ export const spaceFilteringTokenDismissButtonFocusOutlineGutter = "var(--space-filtering-token-dismiss-button-focus-outline-gutter)";
731
+ export const colorTextDisabled = "var(--color-text-disabled)";
673
732
  export const spaceSegmentedControlFocusOutlineGutter = "var(--space-segmented-control-focus-outline-gutter)";
674
733
  export const colorBackgroundSegmentWrapper = "var(--color-background-segment-wrapper)";
675
734
  export const spacePanelNavLeft = "var(--space-panel-nav-left)";
676
735
  export const spaceScaled2xL = "var(--space-scaled-2x-l)";
677
- export const spaceScaled2xM = "var(--space-scaled-2x-m)";
678
- export const spaceScaled2xXl = "var(--space-scaled-2x-xl)";
679
736
  export const colorBackgroundSliderRangeErrorDefault = "var(--color-background-slider-range-error-default)";
680
737
  export const colorBackgroundSliderRangeWarningDefault = "var(--color-background-slider-range-warning-default)";
681
738
  export const colorBackgroundSliderRangeErrorActive = "var(--color-background-slider-range-error-active)";
@@ -691,12 +748,25 @@ export const shadowSplitSide = "var(--shadow-split-side)";
691
748
  export const borderPanelHeaderWidth = "var(--border-panel-header-width)";
692
749
  export const spacePanelSplitTop = "var(--space-panel-split-top)";
693
750
  export const spacePanelSplitBottom = "var(--space-panel-split-bottom)";
694
- export const sizeTableSelectionHorizontal = "var(--size-table-selection-horizontal)";
695
751
  export const spaceTableHeaderToolsBottom = "var(--space-table-header-tools-bottom)";
752
+ export const spaceTableHorizontal = "var(--space-table-horizontal)";
696
753
  export const spaceTableContentBottom = "var(--space-table-content-bottom)";
697
- export const spaceTableHeaderHorizontal = "var(--space-table-header-horizontal)";
754
+ export const sizeTableSelectionHorizontal = "var(--size-table-selection-horizontal)";
755
+ export const colorBackgroundTableHeader = "var(--color-background-table-header)";
698
756
  export const spaceTableEmbeddedHeaderTop = "var(--space-table-embedded-header-top)";
699
757
  export const spaceTableFooterHorizontal = "var(--space-table-footer-horizontal)";
758
+ export const colorBorderCellShaded = "var(--color-border-cell-shaded)";
759
+ export const motionDurationTransitionShowQuick = "var(--motion-duration-transition-show-quick)";
760
+ export const shadowStickyColumnLast = "var(--shadow-sticky-column-last)";
761
+ export const shadowStickyColumnFirst = "var(--shadow-sticky-column-first)";
762
+ export const colorBorderItemPlaceholder = "var(--color-border-item-placeholder)";
763
+ export const colorTextDisabledInlineEdit = "var(--color-text-disabled-inline-edit)";
764
+ export const colorBorderEditableCellHover = "var(--color-border-editable-cell-hover)";
765
+ export const borderTableStickyWidth = "var(--border-table-sticky-width)";
766
+ export const colorTextColumnSortingIcon = "var(--color-text-column-sorting-icon)";
767
+ export const spaceTableHeaderFocusOutlineGutter = "var(--space-table-header-focus-outline-gutter)";
768
+ export const colorBorderDividerInteractiveDefault = "var(--color-border-divider-interactive-default)";
769
+ export const colorBorderDividerActive = "var(--color-border-divider-active)";
700
770
  export const colorBorderTabsShadow = "var(--color-border-tabs-shadow)";
701
771
  export const colorBorderTabsUnderline = "var(--color-border-tabs-underline)";
702
772
  export const fontTabsSize = "var(--font-tabs-size)";
@@ -705,31 +775,6 @@ export const spaceTabsFocusOutlineGutter = "var(--space-tabs-focus-outline-gutte
705
775
  export const fontTabsDisabledWeight = "var(--font-tabs-disabled-weight)";
706
776
  export const spaceTabsContentTop = "var(--space-tabs-content-top)";
707
777
  export const colorBorderTilesDisabled = "var(--color-border-tiles-disabled)";
708
- export const colorBackgroundTilesDisabled = "var(--color-background-tiles-disabled)";
709
778
  export const spaceTileGutter = "var(--space-tile-gutter)";
710
779
  export const colorBackgroundToggleDefault = "var(--color-background-toggle-default)";
711
- export const motionEasingEaseOutQuart = "var(--motion-easing-ease-out-quart)";
712
- export const spaceScaled2xXxxl = "var(--space-scaled-2x-xxxl)";
713
- export const colorNeutral600 = "var(--color-neutral-600)";
714
- export const colorNeutral450 = "var(--color-neutral-450)";
715
- export const colorNeutral200 = "var(--color-neutral-200)";
716
- export const colorNeutral700 = "var(--color-neutral-700)";
717
- export const colorNeutral100 = "var(--color-neutral-100)";
718
- export const colorNeutral850 = "var(--color-neutral-850)";
719
- export const colorNeutral800 = "var(--color-neutral-800)";
720
- export const colorNeutral300 = "var(--color-neutral-300)";
721
- export const colorNeutral950 = "var(--color-neutral-950)";
722
- export const colorNeutral500 = "var(--color-neutral-500)";
723
- export const colorWhite = "var(--color-white)";
724
- export const colorNeutral250 = "var(--color-neutral-250)";
725
- export const colorNeutral350 = "var(--color-neutral-350)";
726
- export const colorNeutral650 = "var(--color-neutral-650)";
727
- export const colorNeutral750 = "var(--color-neutral-750)";
728
- export const colorNeutral400 = "var(--color-neutral-400)";
729
- export const colorError600 = "var(--color-error-600)";
730
- export const colorError400 = "var(--color-error-400)";
731
- export const borderWidthCardHighlighted = "var(--border-width-card-highlighted)";
732
- export const colorBorderCardHighlighted = "var(--color-border-card-highlighted)";
733
- export const colorGreyOpaque70 = "var(--color-grey-opaque-70)";
734
- export const colorGreyTransparentHeavy = "var(--color-grey-transparent-heavy)";
735
- export const colorGreyTransparent = "var(--color-grey-transparent)";
780
+ export const colorBorderTutorial = "var(--color-border-tutorial)";