@cumulus-ui/design-tokens 0.3.0 → 0.3.1
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/index.d.ts +52 -16
- package/index.js +52 -16
- package/package.json +1 -1
- package/tokens.css +71 -25
package/index.d.ts
CHANGED
|
@@ -579,6 +579,58 @@ export declare const colorBackgroundBadgeIcon: string;
|
|
|
579
579
|
export declare const colorTextInputPlaceholderDisabled: string;
|
|
580
580
|
export declare const borderControlInvalidFocusRingShadowSpread: string;
|
|
581
581
|
export declare const spaceFieldIconOffset: string;
|
|
582
|
+
export declare const colorTextControlDisabled: string;
|
|
583
|
+
export declare const shadowPanel: string;
|
|
584
|
+
export declare const colorBackgroundLayoutPanelContent: string;
|
|
585
|
+
export declare const colorBackgroundLayoutPanelHover: string;
|
|
586
|
+
export declare const colorBorderLayout: string;
|
|
587
|
+
export declare const colorBackgroundLayoutMobilePanel: string;
|
|
588
|
+
export declare const sizeVerticalPanelIconOffset: string;
|
|
589
|
+
export declare const spaceLayoutTogglePadding: string;
|
|
590
|
+
export declare const spaceLayoutToggleDiameter: string;
|
|
591
|
+
export declare const motionDurationRefreshOnlyFast: string;
|
|
592
|
+
export declare const shadowSplitBottom: string;
|
|
593
|
+
export declare const colorBorderDividerPanelSide: string;
|
|
594
|
+
export declare const colorTextDropdownGroupLabel: string;
|
|
595
|
+
export declare const colorBackgroundDropdownItemDimmed: string;
|
|
596
|
+
export declare const colorBorderDropdownItemDimmedHover: string;
|
|
597
|
+
export declare const colorTextDropdownItemDimmed: string;
|
|
598
|
+
export declare const spaceFilteringTokenOperationSelectFocusOutlineGutter: string;
|
|
599
|
+
export declare const fontChartDetailSize: string;
|
|
600
|
+
export declare const borderLineChartWidth: string;
|
|
601
|
+
export declare const motionDurationTransitionQuick: string;
|
|
602
|
+
export declare const motionEasingTransitionQuick: string;
|
|
603
|
+
export declare const colorBorderControlChecked: string;
|
|
604
|
+
export declare const colorBackgroundDirectionButtonDefault: string;
|
|
605
|
+
export declare const colorTextDirectionButtonDefault: string;
|
|
606
|
+
export declare const shadowDropdown: string;
|
|
607
|
+
export declare const colorBackgroundDirectionButtonHover: string;
|
|
608
|
+
export declare const colorBackgroundDirectionButtonActive: string;
|
|
609
|
+
export declare const colorBackgroundDirectionButtonDisabled: string;
|
|
610
|
+
export declare const colorTextDirectionButtonDisabled: string;
|
|
611
|
+
export declare const colorBorderDropdownItemTop: string;
|
|
612
|
+
export declare const colorTextDropdownFooter: string;
|
|
613
|
+
export declare const colorTextDropdownItemSecondaryHover: string;
|
|
614
|
+
export declare const spaceFilteringTokenDismissButtonFocusOutlineGutter: string;
|
|
615
|
+
export declare const colorTextDisabled: string;
|
|
616
|
+
export declare const colorBackgroundDropdownItemSelected: string;
|
|
617
|
+
export declare const colorBorderDropdownItemSelected: string;
|
|
618
|
+
export declare const borderDropdownVirtualOffsetWidth: string;
|
|
619
|
+
export declare const colorBorderCellShaded: string;
|
|
620
|
+
export declare const motionDurationTransitionShowQuick: string;
|
|
621
|
+
export declare const shadowStickyColumnLast: string;
|
|
622
|
+
export declare const shadowStickyColumnFirst: string;
|
|
623
|
+
export declare const colorBorderItemPlaceholder: string;
|
|
624
|
+
export declare const colorTextDisabledInlineEdit: string;
|
|
625
|
+
export declare const colorBorderEditableCellHover: string;
|
|
626
|
+
export declare const colorBackgroundTableHeader: string;
|
|
627
|
+
export declare const colorTextColumnHeader: string;
|
|
628
|
+
export declare const borderTableStickyWidth: string;
|
|
629
|
+
export declare const spaceTableHorizontal: string;
|
|
630
|
+
export declare const colorTextColumnSortingIcon: string;
|
|
631
|
+
export declare const spaceTableHeaderFocusOutlineGutter: string;
|
|
632
|
+
export declare const colorBorderDividerInteractiveDefault: string;
|
|
633
|
+
export declare const colorBorderDividerActive: string;
|
|
582
634
|
export declare const colorBackgroundItemCard: string;
|
|
583
635
|
export declare const shadowItemCard: string;
|
|
584
636
|
export declare const borderWidthItemCard: string;
|
|
@@ -600,7 +652,6 @@ export declare const colorTextLinkButtonNormalHover: string;
|
|
|
600
652
|
export declare const colorTextLinkButtonNormalActive: string;
|
|
601
653
|
export declare const colorTextLinkInvertedHover: string;
|
|
602
654
|
export declare const motionDurationFast: string;
|
|
603
|
-
export declare const motionDurationRefreshOnlyFast: string;
|
|
604
655
|
export declare const motionDurationExtraSlow: string;
|
|
605
656
|
export declare const colorBackgroundModalOverlay: string;
|
|
606
657
|
export declare const shadowModal: string;
|
|
@@ -611,8 +662,6 @@ export declare const colorTextPaginationPageNumberActiveDisabled: string;
|
|
|
611
662
|
export declare const colorShadowDefault: string;
|
|
612
663
|
export declare const shadowPopover: string;
|
|
613
664
|
export declare const motionDurationModerate: string;
|
|
614
|
-
export declare const colorTextDropdownGroupLabel: string;
|
|
615
|
-
export declare const colorTextColumnHeader: string;
|
|
616
665
|
export declare const spaceSegmentedControlFocusOutlineGutter: string;
|
|
617
666
|
export declare const colorBackgroundSegmentWrapper: string;
|
|
618
667
|
export declare const spacePanelNavLeft: string;
|
|
@@ -628,23 +677,15 @@ export declare const colorBackgroundSliderHandleErrorDefault: string;
|
|
|
628
677
|
export declare const colorBackgroundSliderHandleErrorActive: string;
|
|
629
678
|
export declare const colorBackgroundSliderHandleWarningDefault: string;
|
|
630
679
|
export declare const colorBackgroundSliderHandleWarningActive: string;
|
|
631
|
-
export declare const colorBackgroundLayoutPanelContent: string;
|
|
632
|
-
export declare const colorBackgroundLayoutPanelHover: string;
|
|
633
680
|
export declare const borderPanelTopWidth: string;
|
|
634
681
|
export declare const colorBorderDividerPanelBottom: string;
|
|
635
|
-
export declare const shadowSplitBottom: string;
|
|
636
682
|
export declare const shadowSplitSide: string;
|
|
637
683
|
export declare const borderPanelHeaderWidth: string;
|
|
638
684
|
export declare const spacePanelSplitTop: string;
|
|
639
|
-
export declare const spaceLayoutToggleDiameter: string;
|
|
640
|
-
export declare const spaceLayoutTogglePadding: string;
|
|
641
685
|
export declare const spacePanelSplitBottom: string;
|
|
642
|
-
export declare const sizeVerticalPanelIconOffset: string;
|
|
643
686
|
export declare const spaceTableHeaderToolsBottom: string;
|
|
644
|
-
export declare const spaceTableHorizontal: string;
|
|
645
687
|
export declare const spaceTableContentBottom: string;
|
|
646
688
|
export declare const sizeTableSelectionHorizontal: string;
|
|
647
|
-
export declare const colorBackgroundTableHeader: string;
|
|
648
689
|
export declare const spaceTableHeaderHorizontal: string;
|
|
649
690
|
export declare const spaceTableEmbeddedHeaderTop: string;
|
|
650
691
|
export declare const spaceTableFooterHorizontal: string;
|
|
@@ -655,15 +696,11 @@ export declare const fontTabsLineHeight: string;
|
|
|
655
696
|
export declare const spaceTabsFocusOutlineGutter: string;
|
|
656
697
|
export declare const fontTabsDisabledWeight: string;
|
|
657
698
|
export declare const spaceTabsContentTop: string;
|
|
658
|
-
export declare const motionDurationTransitionQuick: string;
|
|
659
|
-
export declare const motionEasingTransitionQuick: string;
|
|
660
699
|
export declare const colorBorderTilesDisabled: string;
|
|
661
700
|
export declare const colorBackgroundTilesDisabled: string;
|
|
662
701
|
export declare const spaceTileGutter: string;
|
|
663
702
|
export declare const colorBackgroundToggleDefault: string;
|
|
664
703
|
export declare const motionEasingEaseOutQuart: string;
|
|
665
|
-
export declare const colorTextDisabled: string;
|
|
666
|
-
export declare const colorBorderLayout: string;
|
|
667
704
|
export declare const spaceScaled2xXxxl: string;
|
|
668
705
|
export declare const colorNeutral600: string;
|
|
669
706
|
export declare const colorNeutral450: string;
|
|
@@ -686,6 +723,5 @@ export declare const colorError400: string;
|
|
|
686
723
|
export declare const borderWidthCardHighlighted: string;
|
|
687
724
|
export declare const colorBorderCardHighlighted: string;
|
|
688
725
|
export declare const colorGreyOpaque70: string;
|
|
689
|
-
export declare const shadowDropdown: string;
|
|
690
726
|
export declare const colorGreyTransparentHeavy: string;
|
|
691
727
|
export declare const colorGreyTransparent: string;
|
package/index.js
CHANGED
|
@@ -579,6 +579,58 @@ export const colorBackgroundBadgeIcon = "var(--color-background-badge-icon)";
|
|
|
579
579
|
export const colorTextInputPlaceholderDisabled = "var(--color-text-input-placeholder-disabled)";
|
|
580
580
|
export const borderControlInvalidFocusRingShadowSpread = "var(--border-control-invalid-focus-ring-shadow-spread)";
|
|
581
581
|
export const spaceFieldIconOffset = "var(--space-field-icon-offset)";
|
|
582
|
+
export const colorTextControlDisabled = "var(--color-text-control-disabled)";
|
|
583
|
+
export const shadowPanel = "var(--shadow-panel)";
|
|
584
|
+
export const colorBackgroundLayoutPanelContent = "var(--color-background-layout-panel-content)";
|
|
585
|
+
export const colorBackgroundLayoutPanelHover = "var(--color-background-layout-panel-hover)";
|
|
586
|
+
export const colorBorderLayout = "var(--color-border-layout)";
|
|
587
|
+
export const colorBackgroundLayoutMobilePanel = "var(--color-background-layout-mobile-panel)";
|
|
588
|
+
export const sizeVerticalPanelIconOffset = "var(--size-vertical-panel-icon-offset)";
|
|
589
|
+
export const spaceLayoutTogglePadding = "var(--space-layout-toggle-padding)";
|
|
590
|
+
export const spaceLayoutToggleDiameter = "var(--space-layout-toggle-diameter)";
|
|
591
|
+
export const motionDurationRefreshOnlyFast = "var(--motion-duration-refresh-only-fast)";
|
|
592
|
+
export const shadowSplitBottom = "var(--shadow-split-bottom)";
|
|
593
|
+
export const colorBorderDividerPanelSide = "var(--color-border-divider-panel-side)";
|
|
594
|
+
export const colorTextDropdownGroupLabel = "var(--color-text-dropdown-group-label)";
|
|
595
|
+
export const colorBackgroundDropdownItemDimmed = "var(--color-background-dropdown-item-dimmed)";
|
|
596
|
+
export const colorBorderDropdownItemDimmedHover = "var(--color-border-dropdown-item-dimmed-hover)";
|
|
597
|
+
export const colorTextDropdownItemDimmed = "var(--color-text-dropdown-item-dimmed)";
|
|
598
|
+
export const spaceFilteringTokenOperationSelectFocusOutlineGutter = "var(--space-filtering-token-operation-select-focus-outline-gutter)";
|
|
599
|
+
export const fontChartDetailSize = "var(--font-chart-detail-size)";
|
|
600
|
+
export const borderLineChartWidth = "var(--border-line-chart-width)";
|
|
601
|
+
export const motionDurationTransitionQuick = "var(--motion-duration-transition-quick)";
|
|
602
|
+
export const motionEasingTransitionQuick = "var(--motion-easing-transition-quick)";
|
|
603
|
+
export const colorBorderControlChecked = "var(--color-border-control-checked)";
|
|
604
|
+
export const colorBackgroundDirectionButtonDefault = "var(--color-background-direction-button-default)";
|
|
605
|
+
export const colorTextDirectionButtonDefault = "var(--color-text-direction-button-default)";
|
|
606
|
+
export const shadowDropdown = "var(--shadow-dropdown)";
|
|
607
|
+
export const colorBackgroundDirectionButtonHover = "var(--color-background-direction-button-hover)";
|
|
608
|
+
export const colorBackgroundDirectionButtonActive = "var(--color-background-direction-button-active)";
|
|
609
|
+
export const colorBackgroundDirectionButtonDisabled = "var(--color-background-direction-button-disabled)";
|
|
610
|
+
export const colorTextDirectionButtonDisabled = "var(--color-text-direction-button-disabled)";
|
|
611
|
+
export const colorBorderDropdownItemTop = "var(--color-border-dropdown-item-top)";
|
|
612
|
+
export const colorTextDropdownFooter = "var(--color-text-dropdown-footer)";
|
|
613
|
+
export const colorTextDropdownItemSecondaryHover = "var(--color-text-dropdown-item-secondary-hover)";
|
|
614
|
+
export const spaceFilteringTokenDismissButtonFocusOutlineGutter = "var(--space-filtering-token-dismiss-button-focus-outline-gutter)";
|
|
615
|
+
export const colorTextDisabled = "var(--color-text-disabled)";
|
|
616
|
+
export const colorBackgroundDropdownItemSelected = "var(--color-background-dropdown-item-selected)";
|
|
617
|
+
export const colorBorderDropdownItemSelected = "var(--color-border-dropdown-item-selected)";
|
|
618
|
+
export const borderDropdownVirtualOffsetWidth = "var(--border-dropdown-virtual-offset-width)";
|
|
619
|
+
export const colorBorderCellShaded = "var(--color-border-cell-shaded)";
|
|
620
|
+
export const motionDurationTransitionShowQuick = "var(--motion-duration-transition-show-quick)";
|
|
621
|
+
export const shadowStickyColumnLast = "var(--shadow-sticky-column-last)";
|
|
622
|
+
export const shadowStickyColumnFirst = "var(--shadow-sticky-column-first)";
|
|
623
|
+
export const colorBorderItemPlaceholder = "var(--color-border-item-placeholder)";
|
|
624
|
+
export const colorTextDisabledInlineEdit = "var(--color-text-disabled-inline-edit)";
|
|
625
|
+
export const colorBorderEditableCellHover = "var(--color-border-editable-cell-hover)";
|
|
626
|
+
export const colorBackgroundTableHeader = "var(--color-background-table-header)";
|
|
627
|
+
export const colorTextColumnHeader = "var(--color-text-column-header)";
|
|
628
|
+
export const borderTableStickyWidth = "var(--border-table-sticky-width)";
|
|
629
|
+
export const spaceTableHorizontal = "var(--space-table-horizontal)";
|
|
630
|
+
export const colorTextColumnSortingIcon = "var(--color-text-column-sorting-icon)";
|
|
631
|
+
export const spaceTableHeaderFocusOutlineGutter = "var(--space-table-header-focus-outline-gutter)";
|
|
632
|
+
export const colorBorderDividerInteractiveDefault = "var(--color-border-divider-interactive-default)";
|
|
633
|
+
export const colorBorderDividerActive = "var(--color-border-divider-active)";
|
|
582
634
|
export const colorBackgroundItemCard = "var(--color-background-item-card)";
|
|
583
635
|
export const shadowItemCard = "var(--shadow-item-card)";
|
|
584
636
|
export const borderWidthItemCard = "var(--border-width-item-card)";
|
|
@@ -600,7 +652,6 @@ export const colorTextLinkButtonNormalHover = "var(--color-text-link-button-norm
|
|
|
600
652
|
export const colorTextLinkButtonNormalActive = "var(--color-text-link-button-normal-active)";
|
|
601
653
|
export const colorTextLinkInvertedHover = "var(--color-text-link-inverted-hover)";
|
|
602
654
|
export const motionDurationFast = "var(--motion-duration-fast)";
|
|
603
|
-
export const motionDurationRefreshOnlyFast = "var(--motion-duration-refresh-only-fast)";
|
|
604
655
|
export const motionDurationExtraSlow = "var(--motion-duration-extra-slow)";
|
|
605
656
|
export const colorBackgroundModalOverlay = "var(--color-background-modal-overlay)";
|
|
606
657
|
export const shadowModal = "var(--shadow-modal)";
|
|
@@ -611,8 +662,6 @@ export const colorTextPaginationPageNumberActiveDisabled = "var(--color-text-pag
|
|
|
611
662
|
export const colorShadowDefault = "var(--color-shadow-default)";
|
|
612
663
|
export const shadowPopover = "var(--shadow-popover)";
|
|
613
664
|
export const motionDurationModerate = "var(--motion-duration-moderate)";
|
|
614
|
-
export const colorTextDropdownGroupLabel = "var(--color-text-dropdown-group-label)";
|
|
615
|
-
export const colorTextColumnHeader = "var(--color-text-column-header)";
|
|
616
665
|
export const spaceSegmentedControlFocusOutlineGutter = "var(--space-segmented-control-focus-outline-gutter)";
|
|
617
666
|
export const colorBackgroundSegmentWrapper = "var(--color-background-segment-wrapper)";
|
|
618
667
|
export const spacePanelNavLeft = "var(--space-panel-nav-left)";
|
|
@@ -628,23 +677,15 @@ export const colorBackgroundSliderHandleErrorDefault = "var(--color-background-s
|
|
|
628
677
|
export const colorBackgroundSliderHandleErrorActive = "var(--color-background-slider-handle-error-active)";
|
|
629
678
|
export const colorBackgroundSliderHandleWarningDefault = "var(--color-background-slider-handle-warning-default)";
|
|
630
679
|
export const colorBackgroundSliderHandleWarningActive = "var(--color-background-slider-handle-warning-active)";
|
|
631
|
-
export const colorBackgroundLayoutPanelContent = "var(--color-background-layout-panel-content)";
|
|
632
|
-
export const colorBackgroundLayoutPanelHover = "var(--color-background-layout-panel-hover)";
|
|
633
680
|
export const borderPanelTopWidth = "var(--border-panel-top-width)";
|
|
634
681
|
export const colorBorderDividerPanelBottom = "var(--color-border-divider-panel-bottom)";
|
|
635
|
-
export const shadowSplitBottom = "var(--shadow-split-bottom)";
|
|
636
682
|
export const shadowSplitSide = "var(--shadow-split-side)";
|
|
637
683
|
export const borderPanelHeaderWidth = "var(--border-panel-header-width)";
|
|
638
684
|
export const spacePanelSplitTop = "var(--space-panel-split-top)";
|
|
639
|
-
export const spaceLayoutToggleDiameter = "var(--space-layout-toggle-diameter)";
|
|
640
|
-
export const spaceLayoutTogglePadding = "var(--space-layout-toggle-padding)";
|
|
641
685
|
export const spacePanelSplitBottom = "var(--space-panel-split-bottom)";
|
|
642
|
-
export const sizeVerticalPanelIconOffset = "var(--size-vertical-panel-icon-offset)";
|
|
643
686
|
export const spaceTableHeaderToolsBottom = "var(--space-table-header-tools-bottom)";
|
|
644
|
-
export const spaceTableHorizontal = "var(--space-table-horizontal)";
|
|
645
687
|
export const spaceTableContentBottom = "var(--space-table-content-bottom)";
|
|
646
688
|
export const sizeTableSelectionHorizontal = "var(--size-table-selection-horizontal)";
|
|
647
|
-
export const colorBackgroundTableHeader = "var(--color-background-table-header)";
|
|
648
689
|
export const spaceTableHeaderHorizontal = "var(--space-table-header-horizontal)";
|
|
649
690
|
export const spaceTableEmbeddedHeaderTop = "var(--space-table-embedded-header-top)";
|
|
650
691
|
export const spaceTableFooterHorizontal = "var(--space-table-footer-horizontal)";
|
|
@@ -655,15 +696,11 @@ export const fontTabsLineHeight = "var(--font-tabs-line-height)";
|
|
|
655
696
|
export const spaceTabsFocusOutlineGutter = "var(--space-tabs-focus-outline-gutter)";
|
|
656
697
|
export const fontTabsDisabledWeight = "var(--font-tabs-disabled-weight)";
|
|
657
698
|
export const spaceTabsContentTop = "var(--space-tabs-content-top)";
|
|
658
|
-
export const motionDurationTransitionQuick = "var(--motion-duration-transition-quick)";
|
|
659
|
-
export const motionEasingTransitionQuick = "var(--motion-easing-transition-quick)";
|
|
660
699
|
export const colorBorderTilesDisabled = "var(--color-border-tiles-disabled)";
|
|
661
700
|
export const colorBackgroundTilesDisabled = "var(--color-background-tiles-disabled)";
|
|
662
701
|
export const spaceTileGutter = "var(--space-tile-gutter)";
|
|
663
702
|
export const colorBackgroundToggleDefault = "var(--color-background-toggle-default)";
|
|
664
703
|
export const motionEasingEaseOutQuart = "var(--motion-easing-ease-out-quart)";
|
|
665
|
-
export const colorTextDisabled = "var(--color-text-disabled)";
|
|
666
|
-
export const colorBorderLayout = "var(--color-border-layout)";
|
|
667
704
|
export const spaceScaled2xXxxl = "var(--space-scaled-2x-xxxl)";
|
|
668
705
|
export const colorNeutral600 = "var(--color-neutral-600)";
|
|
669
706
|
export const colorNeutral450 = "var(--color-neutral-450)";
|
|
@@ -686,6 +723,5 @@ export const colorError400 = "var(--color-error-400)";
|
|
|
686
723
|
export const borderWidthCardHighlighted = "var(--border-width-card-highlighted)";
|
|
687
724
|
export const colorBorderCardHighlighted = "var(--color-border-card-highlighted)";
|
|
688
725
|
export const colorGreyOpaque70 = "var(--color-grey-opaque-70)";
|
|
689
|
-
export const shadowDropdown = "var(--shadow-dropdown)";
|
|
690
726
|
export const colorGreyTransparentHeavy = "var(--color-grey-transparent-heavy)";
|
|
691
727
|
export const colorGreyTransparent = "var(--color-grey-transparent)";
|
package/package.json
CHANGED
package/tokens.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* AUTO-GENERATED from @cloudscape-design/design-tokens — DO NOT EDIT
|
|
2
2
|
* License: see /NOTICE
|
|
3
3
|
*/
|
|
4
|
-
/*
|
|
4
|
+
/* 725 tokens, 364 dark overrides */
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
7
|
--color-charts-red-300: #ea7158;
|
|
@@ -583,6 +583,58 @@
|
|
|
583
583
|
--color-text-input-placeholder-disabled: var(--color-text-input-disabled);
|
|
584
584
|
--border-control-invalid-focus-ring-shadow-spread: 2px;
|
|
585
585
|
--space-field-icon-offset: 36px;
|
|
586
|
+
--color-text-control-disabled: var(--color-text-interactive-disabled);
|
|
587
|
+
--shadow-panel: 0px 0px 0px 1px #b6bec9;
|
|
588
|
+
--color-background-layout-panel-content: var(--color-background-container-content);
|
|
589
|
+
--color-background-layout-panel-hover: var(--color-neutral-250);
|
|
590
|
+
--color-border-layout: var(--color-neutral-350);
|
|
591
|
+
--color-background-layout-mobile-panel: var(--color-neutral-950);
|
|
592
|
+
--size-vertical-panel-icon-offset: 15px;
|
|
593
|
+
--space-layout-toggle-padding: var(--space-static-s);
|
|
594
|
+
--space-layout-toggle-diameter: 36px;
|
|
595
|
+
--motion-duration-refresh-only-fast: 115ms;
|
|
596
|
+
--shadow-split-bottom: 0px -36px 36px -36px rgba(0, 7, 22, 0.10);
|
|
597
|
+
--color-border-divider-panel-side: var(--color-border-divider-default);
|
|
598
|
+
--color-text-dropdown-group-label: var(--color-text-group-label);
|
|
599
|
+
--color-background-dropdown-item-dimmed: transparent;
|
|
600
|
+
--color-border-dropdown-item-dimmed-hover: var(--color-neutral-500);
|
|
601
|
+
--color-text-dropdown-item-dimmed: var(--color-text-interactive-disabled);
|
|
602
|
+
--space-filtering-token-operation-select-focus-outline-gutter: -5px;
|
|
603
|
+
--font-chart-detail-size: var(--font-size-body-s);
|
|
604
|
+
--border-line-chart-width: 2px;
|
|
605
|
+
--motion-duration-transition-quick: var(--motion-duration-fast);
|
|
606
|
+
--motion-easing-transition-quick: linear;
|
|
607
|
+
--color-border-control-checked: var(--color-background-control-checked);
|
|
608
|
+
--color-background-direction-button-default: var(--color-neutral-650);
|
|
609
|
+
--color-text-direction-button-default: var(--color-white);
|
|
610
|
+
--shadow-dropdown: 0px 4px 20px 1px rgba(0, 7, 22, 0.10);
|
|
611
|
+
--color-background-direction-button-hover: var(--color-neutral-700);
|
|
612
|
+
--color-background-direction-button-active: var(--color-neutral-750);
|
|
613
|
+
--color-background-direction-button-disabled: var(--color-neutral-250);
|
|
614
|
+
--color-text-direction-button-disabled: var(--color-text-interactive-disabled);
|
|
615
|
+
--color-border-dropdown-item-top: transparent;
|
|
616
|
+
--color-text-dropdown-footer: var(--color-text-form-secondary);
|
|
617
|
+
--color-text-dropdown-item-secondary-hover: var(--color-neutral-600);
|
|
618
|
+
--space-filtering-token-dismiss-button-focus-outline-gutter: -5px;
|
|
619
|
+
--color-text-disabled: var(--color-neutral-400);
|
|
620
|
+
--color-background-dropdown-item-selected: var(--color-background-item-selected);
|
|
621
|
+
--color-border-dropdown-item-selected: var(--color-border-item-selected);
|
|
622
|
+
--border-dropdown-virtual-offset-width: 2px;
|
|
623
|
+
--color-border-cell-shaded: var(--color-neutral-300);
|
|
624
|
+
--motion-duration-transition-show-quick: var(--motion-duration-fast);
|
|
625
|
+
--shadow-sticky-column-last: -4px 0 8px 1px rgba(0, 28, 36, 0.1);
|
|
626
|
+
--shadow-sticky-column-first: 4px 0px 8px 1px rgba(0, 7, 22, 0.1);
|
|
627
|
+
--color-border-item-placeholder: var(--color-border-item-selected);
|
|
628
|
+
--color-text-disabled-inline-edit: var(--color-neutral-650);
|
|
629
|
+
--color-border-editable-cell-hover: var(--color-border-dropdown-item-hover);
|
|
630
|
+
--color-background-table-header: var(--color-background-container-header);
|
|
631
|
+
--color-text-column-header: var(--color-neutral-650);
|
|
632
|
+
--border-table-sticky-width: 1px;
|
|
633
|
+
--space-table-horizontal: var(--space-container-horizontal);
|
|
634
|
+
--color-text-column-sorting-icon: var(--color-text-column-header);
|
|
635
|
+
--space-table-header-focus-outline-gutter: 0px;
|
|
636
|
+
--color-border-divider-interactive-default: var(--color-neutral-500);
|
|
637
|
+
--color-border-divider-active: var(--color-neutral-950);
|
|
586
638
|
--color-background-item-card: var(--color-background-card);
|
|
587
639
|
--shadow-item-card: var(--shadow-card);
|
|
588
640
|
--border-width-item-card: var(--border-width-card);
|
|
@@ -604,7 +656,6 @@
|
|
|
604
656
|
--color-text-link-button-normal-active: var(--color-text-button-normal-active);
|
|
605
657
|
--color-text-link-inverted-hover: var(--color-white);
|
|
606
658
|
--motion-duration-fast: 90ms;
|
|
607
|
-
--motion-duration-refresh-only-fast: 115ms;
|
|
608
659
|
--motion-duration-extra-slow: 270ms;
|
|
609
660
|
--color-background-modal-overlay: var(--color-grey-opaque-70);
|
|
610
661
|
--shadow-modal: var(--shadow-dropdown);
|
|
@@ -615,8 +666,6 @@
|
|
|
615
666
|
--color-shadow-default: var(--color-grey-transparent-heavy);
|
|
616
667
|
--shadow-popover: var(--shadow-dropdown);
|
|
617
668
|
--motion-duration-moderate: 135ms;
|
|
618
|
-
--color-text-dropdown-group-label: var(--color-text-group-label);
|
|
619
|
-
--color-text-column-header: var(--color-neutral-650);
|
|
620
669
|
--space-segmented-control-focus-outline-gutter: 6px;
|
|
621
670
|
--color-background-segment-wrapper: var(--color-background-container-content);
|
|
622
671
|
--space-panel-nav-left: 28px;
|
|
@@ -632,23 +681,15 @@
|
|
|
632
681
|
--color-background-slider-handle-error-active: var(--color-text-status-error);
|
|
633
682
|
--color-background-slider-handle-warning-default: var(--color-text-status-warning);
|
|
634
683
|
--color-background-slider-handle-warning-active: var(--color-text-status-warning);
|
|
635
|
-
--color-background-layout-panel-content: var(--color-background-container-content);
|
|
636
|
-
--color-background-layout-panel-hover: var(--color-neutral-250);
|
|
637
684
|
--border-panel-top-width: 1px;
|
|
638
685
|
--color-border-divider-panel-bottom: var(--color-border-divider-default);
|
|
639
|
-
--shadow-split-bottom: 0px -36px 36px -36px rgba(0, 7, 22, 0.10);
|
|
640
686
|
--shadow-split-side: -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.10);
|
|
641
687
|
--border-panel-header-width: 1px;
|
|
642
688
|
--space-panel-split-top: var(--space-scaled-l);
|
|
643
|
-
--space-layout-toggle-diameter: 36px;
|
|
644
|
-
--space-layout-toggle-padding: var(--space-static-s);
|
|
645
689
|
--space-panel-split-bottom: var(--space-scaled-l);
|
|
646
|
-
--size-vertical-panel-icon-offset: 15px;
|
|
647
690
|
--space-table-header-tools-bottom: 0px;
|
|
648
|
-
--space-table-horizontal: var(--space-container-horizontal);
|
|
649
691
|
--space-table-content-bottom: var(--space-xxs);
|
|
650
692
|
--size-table-selection-horizontal: 40px;
|
|
651
|
-
--color-background-table-header: var(--color-background-container-header);
|
|
652
693
|
--space-table-header-horizontal: 0px;
|
|
653
694
|
--space-table-embedded-header-top: 0px;
|
|
654
695
|
--space-table-footer-horizontal: var(--space-table-header-horizontal);
|
|
@@ -659,15 +700,11 @@
|
|
|
659
700
|
--space-tabs-focus-outline-gutter: -8px;
|
|
660
701
|
--font-tabs-disabled-weight: var(--font-wayfinding-link-active-weight);
|
|
661
702
|
--space-tabs-content-top: var(--space-scaled-s);
|
|
662
|
-
--motion-duration-transition-quick: var(--motion-duration-fast);
|
|
663
|
-
--motion-easing-transition-quick: linear;
|
|
664
703
|
--color-border-tiles-disabled: var(--color-background-tiles-disabled);
|
|
665
704
|
--color-background-tiles-disabled: var(--color-neutral-250);
|
|
666
705
|
--space-tile-gutter: var(--space-xl);
|
|
667
706
|
--color-background-toggle-default: var(--color-neutral-650);
|
|
668
707
|
--motion-easing-ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
669
|
-
--color-text-disabled: var(--color-neutral-400);
|
|
670
|
-
--color-border-layout: var(--color-neutral-350);
|
|
671
708
|
--space-scaled-2x-xxxl: var(--space-xxxl);
|
|
672
709
|
--color-neutral-600: #656871;
|
|
673
710
|
--color-neutral-450: #a4a4ad;
|
|
@@ -690,7 +727,6 @@
|
|
|
690
727
|
--border-width-card-highlighted: var(--border-item-width);
|
|
691
728
|
--color-border-card-highlighted: var(--color-border-item-selected);
|
|
692
729
|
--color-grey-opaque-70: rgba(35, 43, 55, 0.7);
|
|
693
|
-
--shadow-dropdown: 0px 4px 20px 1px rgba(0, 7, 22, 0.10);
|
|
694
730
|
--color-grey-transparent-heavy: rgba(15, 20, 26, 0.12);
|
|
695
731
|
--color-grey-transparent: rgba(15, 20, 26, 0.12);
|
|
696
732
|
}
|
|
@@ -1025,29 +1061,39 @@
|
|
|
1025
1061
|
--color-text-inverted: var(--color-neutral-950);
|
|
1026
1062
|
--color-text-icon-subtle: var(--color-neutral-400);
|
|
1027
1063
|
--color-background-badge-icon: var(--color-error-400);
|
|
1064
|
+
--shadow-panel: 0px 0px 0px 1px #414d5c;
|
|
1065
|
+
--color-background-layout-panel-hover: var(--color-neutral-700);
|
|
1066
|
+
--color-border-layout: var(--color-neutral-650);
|
|
1067
|
+
--size-vertical-panel-icon-offset: 13px;
|
|
1068
|
+
--motion-duration-refresh-only-fast: 0ms;
|
|
1069
|
+
--shadow-split-bottom: 0px -36px 36px -36px rgba(0, 7, 22, 1);
|
|
1070
|
+
--shadow-dropdown: 0px 4px 20px 1px rgba(0, 4, 12, 1);
|
|
1071
|
+
--color-background-direction-button-disabled: var(--color-neutral-750);
|
|
1072
|
+
--color-text-dropdown-item-secondary-hover: var(--color-neutral-300);
|
|
1073
|
+
--color-text-disabled: var(--color-neutral-600);
|
|
1074
|
+
--color-border-cell-shaded: var(--color-neutral-700);
|
|
1075
|
+
--shadow-sticky-column-last: 0px 4px 8px 1px rgba(0, 7, 22, 0.5);
|
|
1076
|
+
--shadow-sticky-column-first: 0px 4px 8px 1px rgba(0, 7, 22, 0.5);
|
|
1077
|
+
--color-text-disabled-inline-edit: var(--color-neutral-400);
|
|
1078
|
+
--color-text-column-header: var(--color-neutral-400);
|
|
1079
|
+
--space-table-header-focus-outline-gutter: -1px;
|
|
1080
|
+
--color-border-divider-interactive-default: var(--color-neutral-300);
|
|
1081
|
+
--color-border-divider-active: var(--color-neutral-100);
|
|
1028
1082
|
--color-text-link-inverted-hover: var(--color-text-notification-yellow);
|
|
1029
1083
|
--motion-duration-fast: 0ms;
|
|
1030
|
-
--motion-duration-refresh-only-fast: 0ms;
|
|
1031
1084
|
--motion-duration-extra-slow: 0ms;
|
|
1032
1085
|
--color-text-pagination-page-number-default: var(--color-neutral-400);
|
|
1033
1086
|
--motion-duration-moderate: 0ms;
|
|
1034
|
-
--color-text-column-header: var(--color-neutral-400);
|
|
1035
1087
|
--space-scaled-2x-l: var(--space-s);
|
|
1036
1088
|
--space-scaled-2x-m: var(--space-xs);
|
|
1037
1089
|
--space-scaled-2x-xl: var(--space-m);
|
|
1038
1090
|
--color-background-slider-handle-ring: var(--color-neutral-850);
|
|
1039
|
-
--color-background-layout-panel-hover: var(--color-neutral-700);
|
|
1040
|
-
--shadow-split-bottom: 0px -36px 36px -36px rgba(0, 7, 22, 1);
|
|
1041
1091
|
--shadow-split-side: -1px 0px 1px 0px #192534, -36px 6px 36px -36px rgba(0, 7, 22, 1);
|
|
1042
|
-
--size-vertical-panel-icon-offset: 13px;
|
|
1043
1092
|
--color-background-tiles-disabled: var(--color-neutral-800);
|
|
1044
1093
|
--space-tile-gutter: var(--space-m);
|
|
1045
1094
|
--color-background-toggle-default: var(--color-neutral-500);
|
|
1046
|
-
--color-text-disabled: var(--color-neutral-600);
|
|
1047
|
-
--color-border-layout: var(--color-neutral-650);
|
|
1048
1095
|
--space-scaled-2x-xxxl: var(--space-xl);
|
|
1049
1096
|
--color-grey-opaque-70: rgba(15, 20, 26, 0.7);
|
|
1050
|
-
--shadow-dropdown: 0px 4px 20px 1px rgba(0, 4, 12, 1);
|
|
1051
1097
|
--color-grey-transparent-heavy: rgba(15, 20, 26, 1);
|
|
1052
1098
|
--color-grey-transparent: rgba(15, 20, 26, 1);
|
|
1053
1099
|
}
|