@cumulus-ui/design-tokens 0.3.1 → 0.4.3

package/{index.d.ts → dist/index.d.ts}

@@ -437,33 +437,130 @@ export declare const spaceStaticXxl: string;
 export declare const spaceStaticXxxl: string;
 export declare const shadowCard: string;
 export declare const shadowContainerActive: string;
+export declare const colorNeutral500: string;
+export declare const colorError600: string;
+export declare const colorSuccess600: string;
+export declare const colorInfo600: string;
+export declare const colorNeutral600: string;
+export declare const colorNeutral300: string;
+export declare const colorNeutral900: string;
+export declare const colorSeverityDarkRed: string;
+export declare const colorSeverityRed: string;
+export declare const colorSeverityOrange: string;
+export declare const colorSeverityYellow: string;
+export declare const colorSeverityGrey: string;
+export declare const colorNeutral100: string;
+export declare const colorNeutral950: string;
+export declare const colorPrimary100: string;
+export declare const colorPrimary50: string;
+export declare const colorWhite: string;
+export declare const colorPrimary900: string;
+export declare const colorNeutral250: string;
+export declare const colorNeutral750: string;
+export declare const colorNeutral650: string;
+export declare const colorNeutral700: string;
+export declare const colorNeutral200: string;
+export declare const colorNeutral150: string;
+export declare const colorPrimary600: string;
+export declare const colorPrimary700: string;
+export declare const colorGreyOpaque70: string;
+export declare const colorWarning400: string;
+export declare const colorError50: string;
+export declare const colorInfo50: string;
+export declare const colorSuccess50: string;
+export declare const colorWarning50: string;
+export declare const colorPrimary200: string;
+export declare const colorNeutral400: string;
+export declare const colorBorderCardHighlighted: string;
+export declare const colorNeutral350: string;
+export declare const colorBorderDropdownItemDefault: string;
+export declare const colorWarning900: string;
+export declare const colorGreyTransparent: string;
+export declare const colorBackgroundTilesDisabled: string;
+export declare const colorGreyTransparentHeavy: string;
+export declare const colorTextColumnHeader: string;
+export declare const colorPurple700: string;
+export declare const colorTextFormLabel: string;
+export declare const fontButtonLetterSpacing: string;
+export declare const fontWayfindingLinkActiveWeight: string;
+export declare const borderDividerSectionWidth: string;
+export declare const borderItemWidth: string;
+export declare const borderWidthCardHighlighted: string;
+export declare const motionDurationModerate: string;
+export declare const motionDurationSlow: string;
+export declare const motionDurationFast: string;
+export declare const motionEasingEaseOutQuart: string;
+export declare const motionEasingRefreshOnlyA: string;
+export declare const motionEasingRefreshOnlyB: string;
+export declare const motionEasingRefreshOnlyC: string;
+export declare const motionDurationRefreshOnlyFast: string;
+export declare const motionDurationRefreshOnlyMedium: string;
+export declare const motionDurationRefreshOnlySlow: string;
+export declare const spaceS: string;
+export declare const spaceFlashbarHorizontal: string;
+export declare const spaceXxs: string;
+export declare const spaceFlashbarVertical: string;
+export declare const spaceCalendarGridFocusOutlineGutter: string;
+export declare const spaceL: string;
+export declare const spaceScaled2xXxs: string;
+export declare const spaceM: string;
+export declare const spaceScaled2xXxxl: string;
+export declare const spaceScaled2xXl: string;
+export declare const spaceScaled2xM: string;
+export declare const spaceXs: string;
+export declare const spaceTableHeaderHorizontal: string;
+export declare const spaceXl: string;
+export declare const spaceXxxl: string;
+export declare const spaceNone: string;
+export declare const spaceXxxs: string;
+export declare const spaceXxl: string;
+export declare const shadowDropdown: string;
+export declare const colorError400: string;
+export declare const colorSuccess500: string;
+export declare const colorInfo300: string;
+export declare const colorNeutral450: string;
+export declare const colorBlack: string;
+export declare const colorNeutral800: string;
+export declare const colorNeutral850: string;
+export declare const colorPrimary400: string;
+export declare const colorPrimary1000: string;
+export declare const colorPrimary300: string;
+export declare const colorError1000: string;
+export declare const colorInfo1000: string;
+export declare const colorSuccess1000: string;
+export declare const colorWarning1000: string;
+export declare const colorInfo400: string;
+export declare const colorWarning500: string;
+export declare const colorPurple400: string;
+export declare const colorGreyOpaque25: string;
+export declare const colorGreyOpaque10: string;
+export declare const colorTextNotificationYellow: string;
+export declare const colorNeutral50: string;
 export declare const motionDurationShowPaced: string;
 export declare const motionEasingShowPaced: string;
 export declare const spaceAlertHorizontal: string;
 export declare const spaceAlertActionLeft: string;
 export declare const spaceButtonFocusOutlineGutter: string;
-export declare const spaceXxs: string;
 export declare const spaceAlertMessageRight: string;
 export declare const sizeIconMedium: string;
-export declare const spaceXs: string;
 export declare const sizeIconBig: string;
 export declare const sizeIconNormal: string;
-export declare const spaceS: string;
-export declare const motionDurationSlow: string;
 export declare const borderLinkFocusRingOutline: string;
 export declare const borderLinkFocusRingShadowSpread: string;
-export declare const fontWayfindingLinkActiveWeight: string;
 export declare const fontSmoothingWebkit: string;
 export declare const fontSmoothingMozOsx: string;
 export declare const letterSpacingBodyS: string;
 export declare const spaceContentHeaderPaddingBottom: string;
 export declare const spaceLayoutContentBottom: string;
 export declare const spaceDarkHeaderOverlapDistance: string;
+export declare const motionDurationTransitionQuick: string;
+export declare const motionEasingTransitionQuick: string;
+export declare const borderLineChartWidth: string;
+export declare const borderLineChartLineJoin: string;
+export declare const borderLineChartDashArray: string;
 export declare const motionDurationTransitionShowPaced: string;
 export declare const motionEasingTransitionShowPaced: string;
 export declare const spaceGridGutter: string;
-export declare const borderDividerSectionWidth: string;
-export declare const motionDurationRefreshOnlyMedium: string;
 export declare const colorTextSmall: string;
 export declare const fontDisplayLabelWeight: string;
 export declare const spaceKeyValueGap: string;
@@ -471,14 +568,8 @@ export declare const fontBoxValueLargeWeight: string;
 export declare const colorBackgroundInlineCode: string;
 export declare const fontWeightHeavy: string;
 export declare const spaceScaledNone: string;
-export declare const spaceNone: string;
-export declare const spaceXxxs: string;
-export declare const spaceM: string;
-export declare const spaceL: string;
-export declare const spaceXl: string;
-export declare const spaceXxl: string;
-export declare const spaceXxxl: string;
-export declare const fontButtonLetterSpacing: string;
+export declare const motionDurationRotate180: string;
+export declare const motionEasingRotate180: string;
 export declare const spaceButtonHorizontal: string;
 export declare const colorTextButtonInlineIconDefault: string;
 export declare const colorTextButtonInlineIconHover: string;
@@ -496,9 +587,7 @@ export declare const colorTextCalendarMonth: string;
 export declare const colorBorderCalendarGrid: string;
 export declare const colorTextDropdownItemSecondary: string;
 export declare const colorTextCalendarDateHover: string;
-export declare const borderItemWidth: string;
 export declare const colorBackgroundCalendarCurrentDate: string;
-export declare const spaceCalendarGridFocusOutlineGutter: string;
 export declare const colorBorderCalendarGridSelectedFocusRing: string;
 export declare const spaceContainerHeaderBottom: string;
 export declare const spaceTableHeaderToolsFullPageBottom: string;
@@ -518,13 +607,11 @@ export declare const colorBackgroundCodeEditorPaneItemHover: string;
 export declare const colorBorderCodeEditorPaneItemHover: string;
 export declare const colorTextCodeEditorTabButtonError: string;
 export declare const borderActiveWidth: string;
-export declare const motionEasingRefreshOnlyC: string;
 export declare const colorTextCodeEditorStatusBarDisabled: string;
 export declare const spaceCodeEditorStatusFocusOutlineGutter: string;
 export declare const borderCodeEditorStatusDividerWidth: string;
 export declare const colorBorderTabsDivider: string;
 export declare const colorBackgroundCodeEditorLoading: string;
-export declare const colorTextFormLabel: string;
 export declare const borderDividerListWidth: string;
 export declare const borderContainerTopWidth: string;
 export declare const shadowContainer: string;
@@ -535,7 +622,6 @@ export declare const spaceContainerHeaderTop: string;
 export declare const shadowSticky: string;
 export declare const spaceContainerContentTop: string;
 export declare const spaceLayoutContentHorizontal: string;
-export declare const colorBorderDropdownItemDefault: string;
 export declare const fontPanelHeaderSize: string;
 export declare const fontPanelHeaderLineHeight: string;
 export declare const spacePanelHeaderVertical: string;
@@ -544,6 +630,9 @@ export declare const colorBorderPanelHeader: string;
 export declare const spacePanelContentTop: string;
 export declare const spacePanelSideRight: string;
 export declare const spacePanelContentBottom: string;
+export declare const shadowDropup: string;
+export declare const motionDurationRotate90: string;
+export declare const motionEasingRotate90: string;
 export declare const colorTextExpandableSectionDefault: string;
 export declare const fontExpandableHeadingSize: string;
 export declare const spaceExpandableSectionIconOffsetTop: string;
@@ -560,14 +649,9 @@ export declare const shadowPanelToggle: string;
 export declare const colorTextNotificationStackBar: string;
 export declare const colorBackgroundNotificationStackBarHover: string;
 export declare const colorBackgroundNotificationStackBarActive: string;
-export declare const spaceFlashbarVertical: string;
-export declare const spaceFlashbarHorizontal: string;
 export declare const shadowFlashSticky: string;
 export declare const spaceFlashbarActionLeft: string;
 export declare const spaceFlashbarDismissRight: string;
-export declare const colorTextNotificationYellow: string;
-export declare const motionEasingRefreshOnlyA: string;
-export declare const spaceScaled2xXxs: string;
 export declare const sizeVerticalInput: string;
 export declare const fontHeaderH2DescriptionSize: string;
 export declare const fontHeaderH2DescriptionLineHeight: string;
@@ -579,58 +663,6 @@ export declare const colorBackgroundBadgeIcon: string;
 export declare const colorTextInputPlaceholderDisabled: string;
 export declare const borderControlInvalidFocusRingShadowSpread: string;
 export declare const spaceFieldIconOffset: string;
-export declare const colorTextControlDisabled: string;
-export declare const shadowPanel: string;
-export declare const colorBackgroundLayoutPanelContent: string;
-export declare const colorBackgroundLayoutPanelHover: string;
-export declare const colorBorderLayout: string;
-export declare const colorBackgroundLayoutMobilePanel: string;
-export declare const sizeVerticalPanelIconOffset: string;
-export declare const spaceLayoutTogglePadding: string;
-export declare const spaceLayoutToggleDiameter: string;
-export declare const motionDurationRefreshOnlyFast: string;
-export declare const shadowSplitBottom: string;
-export declare const colorBorderDividerPanelSide: string;
-export declare const colorTextDropdownGroupLabel: string;
-export declare const colorBackgroundDropdownItemDimmed: string;
-export declare const colorBorderDropdownItemDimmedHover: string;
-export declare const colorTextDropdownItemDimmed: string;
-export declare const spaceFilteringTokenOperationSelectFocusOutlineGutter: string;
-export declare const fontChartDetailSize: string;
-export declare const borderLineChartWidth: string;
-export declare const motionDurationTransitionQuick: string;
-export declare const motionEasingTransitionQuick: string;
-export declare const colorBorderControlChecked: string;
-export declare const colorBackgroundDirectionButtonDefault: string;
-export declare const colorTextDirectionButtonDefault: string;
-export declare const shadowDropdown: string;
-export declare const colorBackgroundDirectionButtonHover: string;
-export declare const colorBackgroundDirectionButtonActive: string;
-export declare const colorBackgroundDirectionButtonDisabled: string;
-export declare const colorTextDirectionButtonDisabled: string;
-export declare const colorBorderDropdownItemTop: string;
-export declare const colorTextDropdownFooter: string;
-export declare const colorTextDropdownItemSecondaryHover: string;
-export declare const spaceFilteringTokenDismissButtonFocusOutlineGutter: string;
-export declare const colorTextDisabled: string;
-export declare const colorBackgroundDropdownItemSelected: string;
-export declare const colorBorderDropdownItemSelected: string;
-export declare const borderDropdownVirtualOffsetWidth: string;
-export declare const colorBorderCellShaded: string;
-export declare const motionDurationTransitionShowQuick: string;
-export declare const shadowStickyColumnLast: string;
-export declare const shadowStickyColumnFirst: string;
-export declare const colorBorderItemPlaceholder: string;
-export declare const colorTextDisabledInlineEdit: string;
-export declare const colorBorderEditableCellHover: string;
-export declare const colorBackgroundTableHeader: string;
-export declare const colorTextColumnHeader: string;
-export declare const borderTableStickyWidth: string;
-export declare const spaceTableHorizontal: string;
-export declare const colorTextColumnSortingIcon: string;
-export declare const spaceTableHeaderFocusOutlineGutter: string;
-export declare const colorBorderDividerInteractiveDefault: string;
-export declare const colorBorderDividerActive: string;
 export declare const colorBackgroundItemCard: string;
 export declare const shadowItemCard: string;
 export declare const borderWidthItemCard: string;
@@ -651,7 +683,6 @@ export declare const colorTextLinkButtonNormalDefault: string;
 export declare const colorTextLinkButtonNormalHover: string;
 export declare const colorTextLinkButtonNormalActive: string;
 export declare const colorTextLinkInvertedHover: string;
-export declare const motionDurationFast: string;
 export declare const motionDurationExtraSlow: string;
 export declare const colorBackgroundModalOverlay: string;
 export declare const shadowModal: string;
@@ -659,15 +690,15 @@ export declare const spaceModalContentBottom: string;
 export declare const spaceModalHorizontal: string;
 export declare const colorTextPaginationPageNumberDefault: string;
 export declare const colorTextPaginationPageNumberActiveDisabled: string;
+export declare const colorStrokeChartLine: string;
+export declare const fontChartDetailSize: string;
 export declare const colorShadowDefault: string;
 export declare const shadowPopover: string;
-export declare const motionDurationModerate: string;
+export declare const colorTextDropdownGroupLabel: string;
 export declare const spaceSegmentedControlFocusOutlineGutter: string;
 export declare const colorBackgroundSegmentWrapper: string;
 export declare const spacePanelNavLeft: string;
 export declare const spaceScaled2xL: string;
-export declare const spaceScaled2xM: string;
-export declare const spaceScaled2xXl: string;
 export declare const colorBackgroundSliderRangeErrorDefault: string;
 export declare const colorBackgroundSliderRangeWarningDefault: string;
 export declare const colorBackgroundSliderRangeErrorActive: string;
@@ -677,16 +708,23 @@ export declare const colorBackgroundSliderHandleErrorDefault: string;
 export declare const colorBackgroundSliderHandleErrorActive: string;
 export declare const colorBackgroundSliderHandleWarningDefault: string;
 export declare const colorBackgroundSliderHandleWarningActive: string;
+export declare const colorBackgroundLayoutPanelContent: string;
+export declare const colorBackgroundLayoutPanelHover: string;
 export declare const borderPanelTopWidth: string;
 export declare const colorBorderDividerPanelBottom: string;
+export declare const shadowSplitBottom: string;
 export declare const shadowSplitSide: string;
 export declare const borderPanelHeaderWidth: string;
 export declare const spacePanelSplitTop: string;
+export declare const spaceLayoutToggleDiameter: string;
+export declare const spaceLayoutTogglePadding: string;
 export declare const spacePanelSplitBottom: string;
+export declare const sizeVerticalPanelIconOffset: string;
 export declare const spaceTableHeaderToolsBottom: string;
+export declare const spaceTableHorizontal: string;
 export declare const spaceTableContentBottom: string;
 export declare const sizeTableSelectionHorizontal: string;
-export declare const spaceTableHeaderHorizontal: string;
+export declare const colorBackgroundTableHeader: string;
 export declare const spaceTableEmbeddedHeaderTop: string;
 export declare const spaceTableFooterHorizontal: string;
 export declare const colorBorderTabsShadow: string;
@@ -697,31 +735,7 @@ export declare const spaceTabsFocusOutlineGutter: string;
 export declare const fontTabsDisabledWeight: string;
 export declare const spaceTabsContentTop: string;
 export declare const colorBorderTilesDisabled: string;
-export declare const colorBackgroundTilesDisabled: string;
 export declare const spaceTileGutter: string;
 export declare const colorBackgroundToggleDefault: string;
-export declare const motionEasingEaseOutQuart: string;
-export declare const spaceScaled2xXxxl: string;
-export declare const colorNeutral600: string;
-export declare const colorNeutral450: string;
-export declare const colorNeutral200: string;
-export declare const colorNeutral700: string;
-export declare const colorNeutral100: string;
-export declare const colorNeutral850: string;
-export declare const colorNeutral300: string;
-export declare const colorNeutral800: string;
-export declare const colorNeutral950: string;
-export declare const colorNeutral500: string;
-export declare const colorWhite: string;
-export declare const colorNeutral250: string;
-export declare const colorNeutral350: string;
-export declare const colorNeutral650: string;
-export declare const colorNeutral750: string;
-export declare const colorNeutral400: string;
-export declare const colorError600: string;
-export declare const colorError400: string;
-export declare const borderWidthCardHighlighted: string;
-export declare const colorBorderCardHighlighted: string;
-export declare const colorGreyOpaque70: string;
-export declare const colorGreyTransparentHeavy: string;
-export declare const colorGreyTransparent: string;
+export declare const colorTextDisabled: string;
+export declare const colorBorderLayout: string;

package/{index.js → dist/index.js}

@@ -437,33 +437,130 @@ export const spaceStaticXxl = "var(--space-static-xxl)";
 export const spaceStaticXxxl = "var(--space-static-xxxl)";
 export const shadowCard = "var(--shadow-card)";
 export const shadowContainerActive = "var(--shadow-container-active)";
+export const colorNeutral500 = "var(--color-neutral-500)";
+export const colorError600 = "var(--color-error-600)";
+export const colorSuccess600 = "var(--color-success-600)";
+export const colorInfo600 = "var(--color-info-600)";
+export const colorNeutral600 = "var(--color-neutral-600)";
+export const colorNeutral300 = "var(--color-neutral-300)";
+export const colorNeutral900 = "var(--color-neutral-900)";
+export const colorSeverityDarkRed = "var(--color-severity-dark-red)";
+export const colorSeverityRed = "var(--color-severity-red)";
+export const colorSeverityOrange = "var(--color-severity-orange)";
+export const colorSeverityYellow = "var(--color-severity-yellow)";
+export const colorSeverityGrey = "var(--color-severity-grey)";
+export const colorNeutral100 = "var(--color-neutral-100)";
+export const colorNeutral950 = "var(--color-neutral-950)";
+export const colorPrimary100 = "var(--color-primary-100)";
+export const colorPrimary50 = "var(--color-primary-50)";
+export const colorWhite = "var(--color-white)";
+export const colorPrimary900 = "var(--color-primary-900)";
+export const colorNeutral250 = "var(--color-neutral-250)";
+export const colorNeutral750 = "var(--color-neutral-750)";
+export const colorNeutral650 = "var(--color-neutral-650)";
+export const colorNeutral700 = "var(--color-neutral-700)";
+export const colorNeutral200 = "var(--color-neutral-200)";
+export const colorNeutral150 = "var(--color-neutral-150)";
+export const colorPrimary600 = "var(--color-primary-600)";
+export const colorPrimary700 = "var(--color-primary-700)";
+export const colorGreyOpaque70 = "var(--color-grey-opaque-70)";
+export const colorWarning400 = "var(--color-warning-400)";
+export const colorError50 = "var(--color-error-50)";
+export const colorInfo50 = "var(--color-info-50)";
+export const colorSuccess50 = "var(--color-success-50)";
+export const colorWarning50 = "var(--color-warning-50)";
+export const colorPrimary200 = "var(--color-primary-200)";
+export const colorNeutral400 = "var(--color-neutral-400)";
+export const colorBorderCardHighlighted = "var(--color-border-card-highlighted)";
+export const colorNeutral350 = "var(--color-neutral-350)";
+export const colorBorderDropdownItemDefault = "var(--color-border-dropdown-item-default)";
+export const colorWarning900 = "var(--color-warning-900)";
+export const colorGreyTransparent = "var(--color-grey-transparent)";
+export const colorBackgroundTilesDisabled = "var(--color-background-tiles-disabled)";
+export const colorGreyTransparentHeavy = "var(--color-grey-transparent-heavy)";
+export const colorTextColumnHeader = "var(--color-text-column-header)";
+export const colorPurple700 = "var(--color-purple-700)";
+export const colorTextFormLabel = "var(--color-text-form-label)";
+export const fontButtonLetterSpacing = "var(--font-button-letter-spacing)";
+export const fontWayfindingLinkActiveWeight = "var(--font-wayfinding-link-active-weight)";
+export const borderDividerSectionWidth = "var(--border-divider-section-width)";
+export const borderItemWidth = "var(--border-item-width)";
+export const borderWidthCardHighlighted = "var(--border-width-card-highlighted)";
+export const motionDurationModerate = "var(--motion-duration-moderate)";
+export const motionDurationSlow = "var(--motion-duration-slow)";
+export const motionDurationFast = "var(--motion-duration-fast)";
+export const motionEasingEaseOutQuart = "var(--motion-easing-ease-out-quart)";
+export const motionEasingRefreshOnlyA = "var(--motion-easing-refresh-only-a)";
+export const motionEasingRefreshOnlyB = "var(--motion-easing-refresh-only-b)";
+export const motionEasingRefreshOnlyC = "var(--motion-easing-refresh-only-c)";
+export const motionDurationRefreshOnlyFast = "var(--motion-duration-refresh-only-fast)";
+export const motionDurationRefreshOnlyMedium = "var(--motion-duration-refresh-only-medium)";
+export const motionDurationRefreshOnlySlow = "var(--motion-duration-refresh-only-slow)";
+export const spaceS = "var(--space-s)";
+export const spaceFlashbarHorizontal = "var(--space-flashbar-horizontal)";
+export const spaceXxs = "var(--space-xxs)";
+export const spaceFlashbarVertical = "var(--space-flashbar-vertical)";
+export const spaceCalendarGridFocusOutlineGutter = "var(--space-calendar-grid-focus-outline-gutter)";
+export const spaceL = "var(--space-l)";
+export const spaceScaled2xXxs = "var(--space-scaled-2x-xxs)";
+export const spaceM = "var(--space-m)";
+export const spaceScaled2xXxxl = "var(--space-scaled-2x-xxxl)";
+export const spaceScaled2xXl = "var(--space-scaled-2x-xl)";
+export const spaceScaled2xM = "var(--space-scaled-2x-m)";
+export const spaceXs = "var(--space-xs)";
+export const spaceTableHeaderHorizontal = "var(--space-table-header-horizontal)";
+export const spaceXl = "var(--space-xl)";
+export const spaceXxxl = "var(--space-xxxl)";
+export const spaceNone = "var(--space-none)";
+export const spaceXxxs = "var(--space-xxxs)";
+export const spaceXxl = "var(--space-xxl)";
+export const shadowDropdown = "var(--shadow-dropdown)";
+export const colorError400 = "var(--color-error-400)";
+export const colorSuccess500 = "var(--color-success-500)";
+export const colorInfo300 = "var(--color-info-300)";
+export const colorNeutral450 = "var(--color-neutral-450)";
+export const colorBlack = "var(--color-black)";
+export const colorNeutral800 = "var(--color-neutral-800)";
+export const colorNeutral850 = "var(--color-neutral-850)";
+export const colorPrimary400 = "var(--color-primary-400)";
+export const colorPrimary1000 = "var(--color-primary-1000)";
+export const colorPrimary300 = "var(--color-primary-300)";
+export const colorError1000 = "var(--color-error-1000)";
+export const colorInfo1000 = "var(--color-info-1000)";
+export const colorSuccess1000 = "var(--color-success-1000)";
+export const colorWarning1000 = "var(--color-warning-1000)";
+export const colorInfo400 = "var(--color-info-400)";
+export const colorWarning500 = "var(--color-warning-500)";
+export const colorPurple400 = "var(--color-purple-400)";
+export const colorGreyOpaque25 = "var(--color-grey-opaque-25)";
+export const colorGreyOpaque10 = "var(--color-grey-opaque-10)";
+export const colorTextNotificationYellow = "var(--color-text-notification-yellow)";
+export const colorNeutral50 = "var(--color-neutral-50)";
 export const motionDurationShowPaced = "var(--motion-duration-show-paced)";
 export const motionEasingShowPaced = "var(--motion-easing-show-paced)";
 export const spaceAlertHorizontal = "var(--space-alert-horizontal)";
 export const spaceAlertActionLeft = "var(--space-alert-action-left)";
 export const spaceButtonFocusOutlineGutter = "var(--space-button-focus-outline-gutter)";
-export const spaceXxs = "var(--space-xxs)";
 export const spaceAlertMessageRight = "var(--space-alert-message-right)";
 export const sizeIconMedium = "var(--size-icon-medium)";
-export const spaceXs = "var(--space-xs)";
 export const sizeIconBig = "var(--size-icon-big)";
 export const sizeIconNormal = "var(--size-icon-normal)";
-export const spaceS = "var(--space-s)";
-export const motionDurationSlow = "var(--motion-duration-slow)";
 export const borderLinkFocusRingOutline = "var(--border-link-focus-ring-outline)";
 export const borderLinkFocusRingShadowSpread = "var(--border-link-focus-ring-shadow-spread)";
-export const fontWayfindingLinkActiveWeight = "var(--font-wayfinding-link-active-weight)";
 export const fontSmoothingWebkit = "var(--font-smoothing-webkit)";
 export const fontSmoothingMozOsx = "var(--font-smoothing-moz-osx)";
 export const letterSpacingBodyS = "var(--letter-spacing-body-s)";
 export const spaceContentHeaderPaddingBottom = "var(--space-content-header-padding-bottom)";
 export const spaceLayoutContentBottom = "var(--space-layout-content-bottom)";
 export const spaceDarkHeaderOverlapDistance = "var(--space-dark-header-overlap-distance)";
+export const motionDurationTransitionQuick = "var(--motion-duration-transition-quick)";
+export const motionEasingTransitionQuick = "var(--motion-easing-transition-quick)";
+export const borderLineChartWidth = "var(--border-line-chart-width)";
+export const borderLineChartLineJoin = "var(--border-line-chart-line-join)";
+export const borderLineChartDashArray = "var(--border-line-chart-dash-array)";
 export const motionDurationTransitionShowPaced = "var(--motion-duration-transition-show-paced)";
 export const motionEasingTransitionShowPaced = "var(--motion-easing-transition-show-paced)";
 export const spaceGridGutter = "var(--space-grid-gutter)";
-export const borderDividerSectionWidth = "var(--border-divider-section-width)";
-export const motionDurationRefreshOnlyMedium = "var(--motion-duration-refresh-only-medium)";
 export const colorTextSmall = "var(--color-text-small)";
 export const fontDisplayLabelWeight = "var(--font-display-label-weight)";
 export const spaceKeyValueGap = "var(--space-key-value-gap)";
@@ -471,14 +568,8 @@ export const fontBoxValueLargeWeight = "var(--font-box-value-large-weight)";
 export const colorBackgroundInlineCode = "var(--color-background-inline-code)";
 export const fontWeightHeavy = "var(--font-weight-heavy)";
 export const spaceScaledNone = "var(--space-scaled-none)";
-export const spaceNone = "var(--space-none)";
-export const spaceXxxs = "var(--space-xxxs)";
-export const spaceM = "var(--space-m)";
-export const spaceL = "var(--space-l)";
-export const spaceXl = "var(--space-xl)";
-export const spaceXxl = "var(--space-xxl)";
-export const spaceXxxl = "var(--space-xxxl)";
-export const fontButtonLetterSpacing = "var(--font-button-letter-spacing)";
+export const motionDurationRotate180 = "var(--motion-duration-rotate-180)";
+export const motionEasingRotate180 = "var(--motion-easing-rotate-180)";
 export const spaceButtonHorizontal = "var(--space-button-horizontal)";
 export const colorTextButtonInlineIconDefault = "var(--color-text-button-inline-icon-default)";
 export const colorTextButtonInlineIconHover = "var(--color-text-button-inline-icon-hover)";
@@ -496,9 +587,7 @@ export const colorTextCalendarMonth = "var(--color-text-calendar-month)";
 export const colorBorderCalendarGrid = "var(--color-border-calendar-grid)";
 export const colorTextDropdownItemSecondary = "var(--color-text-dropdown-item-secondary)";
 export const colorTextCalendarDateHover = "var(--color-text-calendar-date-hover)";
-export const borderItemWidth = "var(--border-item-width)";
 export const colorBackgroundCalendarCurrentDate = "var(--color-background-calendar-current-date)";
-export const spaceCalendarGridFocusOutlineGutter = "var(--space-calendar-grid-focus-outline-gutter)";
 export const colorBorderCalendarGridSelectedFocusRing = "var(--color-border-calendar-grid-selected-focus-ring)";
 export const spaceContainerHeaderBottom = "var(--space-container-header-bottom)";
 export const spaceTableHeaderToolsFullPageBottom = "var(--space-table-header-tools-full-page-bottom)";
@@ -518,13 +607,11 @@ export const colorBackgroundCodeEditorPaneItemHover = "var(--color-background-co
 export const colorBorderCodeEditorPaneItemHover = "var(--color-border-code-editor-pane-item-hover)";
 export const colorTextCodeEditorTabButtonError = "var(--color-text-code-editor-tab-button-error)";
 export const borderActiveWidth = "var(--border-active-width)";
-export const motionEasingRefreshOnlyC = "var(--motion-easing-refresh-only-c)";
 export const colorTextCodeEditorStatusBarDisabled = "var(--color-text-code-editor-status-bar-disabled)";
 export const spaceCodeEditorStatusFocusOutlineGutter = "var(--space-code-editor-status-focus-outline-gutter)";
 export const borderCodeEditorStatusDividerWidth = "var(--border-code-editor-status-divider-width)";
 export const colorBorderTabsDivider = "var(--color-border-tabs-divider)";
 export const colorBackgroundCodeEditorLoading = "var(--color-background-code-editor-loading)";
-export const colorTextFormLabel = "var(--color-text-form-label)";
 export const borderDividerListWidth = "var(--border-divider-list-width)";
 export const borderContainerTopWidth = "var(--border-container-top-width)";
 export const shadowContainer = "var(--shadow-container)";
@@ -535,7 +622,6 @@ export const spaceContainerHeaderTop = "var(--space-container-header-top)";
 export const shadowSticky = "var(--shadow-sticky)";
 export const spaceContainerContentTop = "var(--space-container-content-top)";
 export const spaceLayoutContentHorizontal = "var(--space-layout-content-horizontal)";
-export const colorBorderDropdownItemDefault = "var(--color-border-dropdown-item-default)";
 export const fontPanelHeaderSize = "var(--font-panel-header-size)";
 export const fontPanelHeaderLineHeight = "var(--font-panel-header-line-height)";
 export const spacePanelHeaderVertical = "var(--space-panel-header-vertical)";
@@ -544,6 +630,9 @@ export const colorBorderPanelHeader = "var(--color-border-panel-header)";
 export const spacePanelContentTop = "var(--space-panel-content-top)";
 export const spacePanelSideRight = "var(--space-panel-side-right)";
 export const spacePanelContentBottom = "var(--space-panel-content-bottom)";
+export const shadowDropup = "var(--shadow-dropup)";
+export const motionDurationRotate90 = "var(--motion-duration-rotate-90)";
+export const motionEasingRotate90 = "var(--motion-easing-rotate-90)";
 export const colorTextExpandableSectionDefault = "var(--color-text-expandable-section-default)";
 export const fontExpandableHeadingSize = "var(--font-expandable-heading-size)";
 export const spaceExpandableSectionIconOffsetTop = "var(--space-expandable-section-icon-offset-top)";
@@ -560,14 +649,9 @@ export const shadowPanelToggle = "var(--shadow-panel-toggle)";
 export const colorTextNotificationStackBar = "var(--color-text-notification-stack-bar)";
 export const colorBackgroundNotificationStackBarHover = "var(--color-background-notification-stack-bar-hover)";
 export const colorBackgroundNotificationStackBarActive = "var(--color-background-notification-stack-bar-active)";
-export const spaceFlashbarVertical = "var(--space-flashbar-vertical)";
-export const spaceFlashbarHorizontal = "var(--space-flashbar-horizontal)";
 export const shadowFlashSticky = "var(--shadow-flash-sticky)";
 export const spaceFlashbarActionLeft = "var(--space-flashbar-action-left)";
 export const spaceFlashbarDismissRight = "var(--space-flashbar-dismiss-right)";
-export const colorTextNotificationYellow = "var(--color-text-notification-yellow)";
-export const motionEasingRefreshOnlyA = "var(--motion-easing-refresh-only-a)";
-export const spaceScaled2xXxs = "var(--space-scaled-2x-xxs)";
 export const sizeVerticalInput = "var(--size-vertical-input)";
 export const fontHeaderH2DescriptionSize = "var(--font-header-h2-description-size)";
 export const fontHeaderH2DescriptionLineHeight = "var(--font-header-h2-description-line-height)";
@@ -579,58 +663,6 @@ export const colorBackgroundBadgeIcon = "var(--color-background-badge-icon)";
 export const colorTextInputPlaceholderDisabled = "var(--color-text-input-placeholder-disabled)";
 export const borderControlInvalidFocusRingShadowSpread = "var(--border-control-invalid-focus-ring-shadow-spread)";
 export const spaceFieldIconOffset = "var(--space-field-icon-offset)";
-export const colorTextControlDisabled = "var(--color-text-control-disabled)";
-export const shadowPanel = "var(--shadow-panel)";
-export const colorBackgroundLayoutPanelContent = "var(--color-background-layout-panel-content)";
-export const colorBackgroundLayoutPanelHover = "var(--color-background-layout-panel-hover)";
-export const colorBorderLayout = "var(--color-border-layout)";
-export const colorBackgroundLayoutMobilePanel = "var(--color-background-layout-mobile-panel)";
-export const sizeVerticalPanelIconOffset = "var(--size-vertical-panel-icon-offset)";
-export const spaceLayoutTogglePadding = "var(--space-layout-toggle-padding)";
-export const spaceLayoutToggleDiameter = "var(--space-layout-toggle-diameter)";
-export const motionDurationRefreshOnlyFast = "var(--motion-duration-refresh-only-fast)";
-export const shadowSplitBottom = "var(--shadow-split-bottom)";
-export const colorBorderDividerPanelSide = "var(--color-border-divider-panel-side)";
-export const colorTextDropdownGroupLabel = "var(--color-text-dropdown-group-label)";
-export const colorBackgroundDropdownItemDimmed = "var(--color-background-dropdown-item-dimmed)";
-export const colorBorderDropdownItemDimmedHover = "var(--color-border-dropdown-item-dimmed-hover)";
-export const colorTextDropdownItemDimmed = "var(--color-text-dropdown-item-dimmed)";
-export const spaceFilteringTokenOperationSelectFocusOutlineGutter = "var(--space-filtering-token-operation-select-focus-outline-gutter)";
-export const fontChartDetailSize = "var(--font-chart-detail-size)";
-export const borderLineChartWidth = "var(--border-line-chart-width)";
-export const motionDurationTransitionQuick = "var(--motion-duration-transition-quick)";
-export const motionEasingTransitionQuick = "var(--motion-easing-transition-quick)";
-export const colorBorderControlChecked = "var(--color-border-control-checked)";
-export const colorBackgroundDirectionButtonDefault = "var(--color-background-direction-button-default)";
-export const colorTextDirectionButtonDefault = "var(--color-text-direction-button-default)";
-export const shadowDropdown = "var(--shadow-dropdown)";
-export const colorBackgroundDirectionButtonHover = "var(--color-background-direction-button-hover)";
-export const colorBackgroundDirectionButtonActive = "var(--color-background-direction-button-active)";
-export const colorBackgroundDirectionButtonDisabled = "var(--color-background-direction-button-disabled)";
-export const colorTextDirectionButtonDisabled = "var(--color-text-direction-button-disabled)";
-export const colorBorderDropdownItemTop = "var(--color-border-dropdown-item-top)";
-export const colorTextDropdownFooter = "var(--color-text-dropdown-footer)";
-export const colorTextDropdownItemSecondaryHover = "var(--color-text-dropdown-item-secondary-hover)";
-export const spaceFilteringTokenDismissButtonFocusOutlineGutter = "var(--space-filtering-token-dismiss-button-focus-outline-gutter)";
-export const colorTextDisabled = "var(--color-text-disabled)";
-export const colorBackgroundDropdownItemSelected = "var(--color-background-dropdown-item-selected)";
-export const colorBorderDropdownItemSelected = "var(--color-border-dropdown-item-selected)";
-export const borderDropdownVirtualOffsetWidth = "var(--border-dropdown-virtual-offset-width)";
-export const colorBorderCellShaded = "var(--color-border-cell-shaded)";
-export const motionDurationTransitionShowQuick = "var(--motion-duration-transition-show-quick)";
-export const shadowStickyColumnLast = "var(--shadow-sticky-column-last)";
-export const shadowStickyColumnFirst = "var(--shadow-sticky-column-first)";
-export const colorBorderItemPlaceholder = "var(--color-border-item-placeholder)";
-export const colorTextDisabledInlineEdit = "var(--color-text-disabled-inline-edit)";
-export const colorBorderEditableCellHover = "var(--color-border-editable-cell-hover)";
-export const colorBackgroundTableHeader = "var(--color-background-table-header)";
-export const colorTextColumnHeader = "var(--color-text-column-header)";
-export const borderTableStickyWidth = "var(--border-table-sticky-width)";
-export const spaceTableHorizontal = "var(--space-table-horizontal)";
-export const colorTextColumnSortingIcon = "var(--color-text-column-sorting-icon)";
-export const spaceTableHeaderFocusOutlineGutter = "var(--space-table-header-focus-outline-gutter)";
-export const colorBorderDividerInteractiveDefault = "var(--color-border-divider-interactive-default)";
-export const colorBorderDividerActive = "var(--color-border-divider-active)";
 export const colorBackgroundItemCard = "var(--color-background-item-card)";
 export const shadowItemCard = "var(--shadow-item-card)";
 export const borderWidthItemCard = "var(--border-width-item-card)";
@@ -651,7 +683,6 @@ export const colorTextLinkButtonNormalDefault = "var(--color-text-link-button-no
 export const colorTextLinkButtonNormalHover = "var(--color-text-link-button-normal-hover)";
 export const colorTextLinkButtonNormalActive = "var(--color-text-link-button-normal-active)";
 export const colorTextLinkInvertedHover = "var(--color-text-link-inverted-hover)";
-export const motionDurationFast = "var(--motion-duration-fast)";
 export const motionDurationExtraSlow = "var(--motion-duration-extra-slow)";
 export const colorBackgroundModalOverlay = "var(--color-background-modal-overlay)";
 export const shadowModal = "var(--shadow-modal)";
@@ -659,15 +690,15 @@ export const spaceModalContentBottom = "var(--space-modal-content-bottom)";
 export const spaceModalHorizontal = "var(--space-modal-horizontal)";
 export const colorTextPaginationPageNumberDefault = "var(--color-text-pagination-page-number-default)";
 export const colorTextPaginationPageNumberActiveDisabled = "var(--color-text-pagination-page-number-active-disabled)";
+export const colorStrokeChartLine = "var(--color-stroke-chart-line)";
+export const fontChartDetailSize = "var(--font-chart-detail-size)";
 export const colorShadowDefault = "var(--color-shadow-default)";
 export const shadowPopover = "var(--shadow-popover)";
-export const motionDurationModerate = "var(--motion-duration-moderate)";
+export const colorTextDropdownGroupLabel = "var(--color-text-dropdown-group-label)";
 export const spaceSegmentedControlFocusOutlineGutter = "var(--space-segmented-control-focus-outline-gutter)";
 export const colorBackgroundSegmentWrapper = "var(--color-background-segment-wrapper)";
 export const spacePanelNavLeft = "var(--space-panel-nav-left)";
 export const spaceScaled2xL = "var(--space-scaled-2x-l)";
-export const spaceScaled2xM = "var(--space-scaled-2x-m)";
-export const spaceScaled2xXl = "var(--space-scaled-2x-xl)";
 export const colorBackgroundSliderRangeErrorDefault = "var(--color-background-slider-range-error-default)";
 export const colorBackgroundSliderRangeWarningDefault = "var(--color-background-slider-range-warning-default)";
 export const colorBackgroundSliderRangeErrorActive = "var(--color-background-slider-range-error-active)";
@@ -677,16 +708,23 @@ export const colorBackgroundSliderHandleErrorDefault = "var(--color-background-s
 export const colorBackgroundSliderHandleErrorActive = "var(--color-background-slider-handle-error-active)";
 export const colorBackgroundSliderHandleWarningDefault = "var(--color-background-slider-handle-warning-default)";
 export const colorBackgroundSliderHandleWarningActive = "var(--color-background-slider-handle-warning-active)";
+export const colorBackgroundLayoutPanelContent = "var(--color-background-layout-panel-content)";
+export const colorBackgroundLayoutPanelHover = "var(--color-background-layout-panel-hover)";
 export const borderPanelTopWidth = "var(--border-panel-top-width)";
 export const colorBorderDividerPanelBottom = "var(--color-border-divider-panel-bottom)";
+export const shadowSplitBottom = "var(--shadow-split-bottom)";
 export const shadowSplitSide = "var(--shadow-split-side)";
 export const borderPanelHeaderWidth = "var(--border-panel-header-width)";
 export const spacePanelSplitTop = "var(--space-panel-split-top)";
+export const spaceLayoutToggleDiameter = "var(--space-layout-toggle-diameter)";
+export const spaceLayoutTogglePadding = "var(--space-layout-toggle-padding)";
 export const spacePanelSplitBottom = "var(--space-panel-split-bottom)";
+export const sizeVerticalPanelIconOffset = "var(--size-vertical-panel-icon-offset)";
 export const spaceTableHeaderToolsBottom = "var(--space-table-header-tools-bottom)";
+export const spaceTableHorizontal = "var(--space-table-horizontal)";
 export const spaceTableContentBottom = "var(--space-table-content-bottom)";
 export const sizeTableSelectionHorizontal = "var(--size-table-selection-horizontal)";
-export const spaceTableHeaderHorizontal = "var(--space-table-header-horizontal)";
+export const colorBackgroundTableHeader = "var(--color-background-table-header)";
 export const spaceTableEmbeddedHeaderTop = "var(--space-table-embedded-header-top)";
 export const spaceTableFooterHorizontal = "var(--space-table-footer-horizontal)";
 export const colorBorderTabsShadow = "var(--color-border-tabs-shadow)";
@@ -697,31 +735,7 @@ export const spaceTabsFocusOutlineGutter = "var(--space-tabs-focus-outline-gutte
 export const fontTabsDisabledWeight = "var(--font-tabs-disabled-weight)";
 export const spaceTabsContentTop = "var(--space-tabs-content-top)";
 export const colorBorderTilesDisabled = "var(--color-border-tiles-disabled)";
-export const colorBackgroundTilesDisabled = "var(--color-background-tiles-disabled)";
 export const spaceTileGutter = "var(--space-tile-gutter)";
 export const colorBackgroundToggleDefault = "var(--color-background-toggle-default)";
-export const motionEasingEaseOutQuart = "var(--motion-easing-ease-out-quart)";
-export const spaceScaled2xXxxl = "var(--space-scaled-2x-xxxl)";
-export const colorNeutral600 = "var(--color-neutral-600)";
-export const colorNeutral450 = "var(--color-neutral-450)";
-export const colorNeutral200 = "var(--color-neutral-200)";
-export const colorNeutral700 = "var(--color-neutral-700)";
-export const colorNeutral100 = "var(--color-neutral-100)";
-export const colorNeutral850 = "var(--color-neutral-850)";
-export const colorNeutral300 = "var(--color-neutral-300)";
-export const colorNeutral800 = "var(--color-neutral-800)";
-export const colorNeutral950 = "var(--color-neutral-950)";
-export const colorNeutral500 = "var(--color-neutral-500)";
-export const colorWhite = "var(--color-white)";
-export const colorNeutral250 = "var(--color-neutral-250)";
-export const colorNeutral350 = "var(--color-neutral-350)";
-export const colorNeutral650 = "var(--color-neutral-650)";
-export const colorNeutral750 = "var(--color-neutral-750)";
-export const colorNeutral400 = "var(--color-neutral-400)";
-export const colorError600 = "var(--color-error-600)";
-export const colorError400 = "var(--color-error-400)";
-export const borderWidthCardHighlighted = "var(--border-width-card-highlighted)";
-export const colorBorderCardHighlighted = "var(--color-border-card-highlighted)";
-export const colorGreyOpaque70 = "var(--color-grey-opaque-70)";
-export const colorGreyTransparentHeavy = "var(--color-grey-transparent-heavy)";
-export const colorGreyTransparent = "var(--color-grey-transparent)";
+export const colorTextDisabled = "var(--color-text-disabled)";
+export const colorBorderLayout = "var(--color-border-layout)";

package/{tokens.css → dist/tokens.css}

@@ -1,7 +1,7 @@
 /* AUTO-GENERATED from @cloudscape-design/design-tokens — DO NOT EDIT
  * License: see /NOTICE
  */
-/* 725 tokens, 364 dark overrides */
+/* 739 tokens, 338 dark overrides */
 
 :root {
   --color-charts-red-300: #ea7158;
@@ -441,33 +441,130 @@
   --space-static-xxxl: 40px;
   --shadow-card: none;
   --shadow-container-active: 0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a;
+  --color-neutral-500: #8c8c94;
+  --color-error-600: #db0000;
+  --color-success-600: #00802f;
+  --color-info-600: #006ce0;
+  --color-neutral-600: #656871;
+  --color-neutral-300: #dedee3;
+  --color-neutral-900: #131920;
+  --color-severity-dark-red: #870303;
+  --color-severity-red: #ce3311;
+  --color-severity-orange: #f89256;
+  --color-severity-yellow: #f2cd54;
+  --color-severity-grey: var(--color-neutral-600);
+  --color-neutral-100: #f9f9fa;
+  --color-neutral-950: #0f141a;
+  --color-primary-100: #d1f1ff;
+  --color-primary-50: #f0fbff;
+  --color-white: #ffffff;
+  --color-primary-900: #002b66;
+  --color-neutral-250: #ebebf0;
+  --color-neutral-750: #232b37;
+  --color-neutral-650: #424650;
+  --color-neutral-700: #333843;
+  --color-neutral-200: #f3f3f7;
+  --color-neutral-150: #f6f6f9;
+  --color-primary-600: #006ce0;
+  --color-primary-700: #004a9e;
+  --color-grey-opaque-70: rgba(35, 43, 55, 0.7);
+  --color-warning-400: #ffe347;
+  --color-error-50: #fff5f5;
+  --color-info-50: #f0fbff;
+  --color-success-50: #effff1;
+  --color-warning-50: #fffef0;
+  --color-primary-200: #b8e7ff;
+  --color-neutral-400: #b4b4bb;
+  --color-border-card-highlighted: var(--color-border-item-selected);
+  --color-neutral-350: #c6c6cd;
+  --color-border-dropdown-item-default: var(--color-border-divider-default);
+  --color-warning-900: #855900;
+  --color-grey-transparent: rgba(15, 20, 26, 0.12);
+  --color-background-tiles-disabled: var(--color-neutral-250);
+  --color-grey-transparent-heavy: rgba(15, 20, 26, 0.12);
+  --color-text-column-header: var(--color-neutral-650);
+  --color-purple-700: #7300e5;
+  --color-text-form-label: var(--color-text-form-default);
+  --font-button-letter-spacing: 0.005em;
+  --font-wayfinding-link-active-weight: 700;
+  --border-divider-section-width: 1px;
+  --border-item-width: 2px;
+  --border-width-card-highlighted: var(--border-item-width);
+  --motion-duration-moderate: 135ms;
+  --motion-duration-slow: 180ms;
+  --motion-duration-fast: 90ms;
+  --motion-easing-ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
+  --motion-easing-refresh-only-a: cubic-bezier(0, 0, 0, 1);
+  --motion-easing-refresh-only-b: cubic-bezier(1, 0, 0.83, 1);
+  --motion-easing-refresh-only-c: cubic-bezier(0.84, 0, 0.16, 1);
+  --motion-duration-refresh-only-fast: 115ms;
+  --motion-duration-refresh-only-medium: 165ms;
+  --motion-duration-refresh-only-slow: 250ms;
+  --space-s: 12px;
+  --space-flashbar-horizontal: var(--space-m);
+  --space-xxs: 4px;
+  --space-flashbar-vertical: var(--space-scaled-xs);
+  --space-calendar-grid-focus-outline-gutter: -5px;
+  --space-l: 20px;
+  --space-scaled-2x-xxs: var(--space-xxs);
+  --space-m: 16px;
+  --space-scaled-2x-xxxl: var(--space-xxxl);
+  --space-scaled-2x-xl: var(--space-xl);
+  --space-scaled-2x-m: var(--space-m);
+  --space-xs: 8px;
+  --space-table-header-horizontal: 0px;
+  --space-xl: 24px;
+  --space-xxxl: 40px;
+  --space-none: 0px;
+  --space-xxxs: 2px;
+  --space-xxl: 32px;
+  --shadow-dropdown: 0px 4px 20px 1px rgba(0, 7, 22, 0.10);
+  --color-error-400: #ff7a7a;
+  --color-success-500: #2bb534;
+  --color-info-300: #75cfff;
+  --color-neutral-450: #a4a4ad;
+  --color-black: #000000;
+  --color-neutral-800: #1b232d;
+  --color-neutral-850: #161d26;
+  --color-primary-400: #42b4ff;
+  --color-primary-1000: #001129;
+  --color-primary-300: #75cfff;
+  --color-error-1000: #1f0000;
+  --color-info-1000: #001129;
+  --color-success-1000: #001401;
+  --color-warning-1000: #191100;
+  --color-info-400: #42b4ff;
+  --color-warning-500: #fbd332;
+  --color-purple-400: #bf80ff;
+  --color-grey-opaque-25: rgba(255, 255, 255, 0.25);
+  --color-grey-opaque-10: rgba(0, 0, 0, 0.1);
+  --color-text-notification-yellow: var(--color-neutral-950);
+  --color-neutral-50: #fcfcfd;
   --motion-duration-show-paced: var(--motion-duration-slow);
   --motion-easing-show-paced: ease-out;
   --space-alert-horizontal: var(--space-flashbar-horizontal);
   --space-alert-action-left: var(--space-s);
   --space-button-focus-outline-gutter: 4px;
-  --space-xxs: 4px;
   --space-alert-message-right: var(--space-xxs);
   --size-icon-medium: 20px;
-  --space-xs: 8px;
   --size-icon-big: 32px;
   --size-icon-normal: 16px;
-  --space-s: 12px;
-  --motion-duration-slow: 180ms;
   --border-link-focus-ring-outline: 0;
   --border-link-focus-ring-shadow-spread: 2px;
-  --font-wayfinding-link-active-weight: 700;
   --font-smoothing-webkit: antialiased;
   --font-smoothing-moz-osx: grayscale;
   --letter-spacing-body-s: 0.005em;
   --space-content-header-padding-bottom: var(--space-scaled-m);
   --space-layout-content-bottom: var(--space-scaled-2x-xxxl);
   --space-dark-header-overlap-distance: 36px;
+  --motion-duration-transition-quick: var(--motion-duration-fast);
+  --motion-easing-transition-quick: linear;
+  --border-line-chart-width: 2px;
+  --border-line-chart-line-join: round;
+  --border-line-chart-dash-array: 3 5;
   --motion-duration-transition-show-paced: var(--motion-duration-slow);
   --motion-easing-transition-show-paced: ease-out;
   --space-grid-gutter: var(--space-l);
-  --border-divider-section-width: 1px;
-  --motion-duration-refresh-only-medium: 165ms;
   --color-text-small: var(--color-neutral-600);
   --font-display-label-weight: 700;
   --space-key-value-gap: 0px;
@@ -475,14 +572,8 @@
   --color-background-inline-code: rgba(0, 0, 0, 0.1);
   --font-weight-heavy: 700;
   --space-scaled-none: var(--space-none);
-  --space-none: 0px;
-  --space-xxxs: 2px;
-  --space-m: 16px;
-  --space-l: 20px;
-  --space-xl: 24px;
-  --space-xxl: 32px;
-  --space-xxxl: 40px;
-  --font-button-letter-spacing: 0.005em;
+  --motion-duration-rotate-180: var(--motion-duration-moderate);
+  --motion-easing-rotate-180: var(--motion-easing-ease-out-quart);
   --space-button-horizontal: var(--space-scaled-l);
   --color-text-button-inline-icon-default: var(--color-text-link-default);
   --color-text-button-inline-icon-hover: var(--color-text-link-hover);
@@ -500,9 +591,7 @@
   --color-border-calendar-grid: transparent;
   --color-text-dropdown-item-secondary: var(--color-text-form-secondary);
   --color-text-calendar-date-hover: var(--color-text-dropdown-item-default);
-  --border-item-width: 2px;
   --color-background-calendar-current-date: var(--color-neutral-200);
-  --space-calendar-grid-focus-outline-gutter: -5px;
   --color-border-calendar-grid-selected-focus-ring: var(--color-neutral-100);
   --space-container-header-bottom: var(--space-scaled-xs);
   --space-table-header-tools-full-page-bottom: 4px;
@@ -522,13 +611,11 @@
   --color-border-code-editor-pane-item-hover: var(--color-border-dropdown-item-hover);
   --color-text-code-editor-tab-button-error: var(--color-white);
   --border-active-width: 4px;
-  --motion-easing-refresh-only-c: cubic-bezier(0.84, 0, 0.16, 1);
   --color-text-code-editor-status-bar-disabled: var(--color-neutral-500);
   --space-code-editor-status-focus-outline-gutter: -7px;
   --border-code-editor-status-divider-width: var(--border-divider-section-width);
   --color-border-tabs-divider: var(--color-neutral-350);
   --color-background-code-editor-loading: var(--color-neutral-100);
-  --color-text-form-label: var(--color-text-form-default);
   --border-divider-list-width: 1px;
   --border-container-top-width: 0px;
   --shadow-container: 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
@@ -539,7 +626,6 @@
   --shadow-sticky: 0px 4px 8px 1px rgba(0, 7, 22, 0.10);
   --space-container-content-top: var(--space-xxs);
   --space-layout-content-horizontal: var(--space-scaled-2x-xl);
-  --color-border-dropdown-item-default: var(--color-border-divider-default);
   --font-panel-header-size: var(--font-size-heading-m);
   --font-panel-header-line-height: var(--line-height-heading-m);
   --space-panel-header-vertical: var(--space-scaled-l);
@@ -548,6 +634,9 @@
   --space-panel-content-top: var(--space-scaled-l);
   --space-panel-side-right: var(--space-scaled-xl);
   --space-panel-content-bottom: var(--space-scaled-xxxl);
+  --shadow-dropup: var(--shadow-dropdown);
+  --motion-duration-rotate-90: var(--motion-duration-moderate);
+  --motion-easing-rotate-90: var(--motion-easing-ease-out-quart);
   --color-text-expandable-section-default: var(--color-neutral-950);
   --font-expandable-heading-size: var(--font-size-heading-s);
   --space-expandable-section-icon-offset-top: var(--space-scaled-2x-xxs);
@@ -564,14 +653,9 @@
   --color-text-notification-stack-bar: var(--color-white);
   --color-background-notification-stack-bar-hover: var(--color-neutral-650);
   --color-background-notification-stack-bar-active: var(--color-neutral-750);
-  --space-flashbar-vertical: var(--space-scaled-xs);
-  --space-flashbar-horizontal: var(--space-m);
   --shadow-flash-sticky: 0px 4px 8px rgba(0, 7, 22, 0.10);
   --space-flashbar-action-left: var(--space-s);
   --space-flashbar-dismiss-right: 0px;
-  --color-text-notification-yellow: var(--color-neutral-950);
-  --motion-easing-refresh-only-a: cubic-bezier(0, 0, 0, 1);
-  --space-scaled-2x-xxs: var(--space-xxs);
   --size-vertical-input: 32px;
   --font-header-h2-description-size: var(--font-size-body-m);
   --font-header-h2-description-line-height: var(--line-height-body-m);
@@ -583,58 +667,6 @@
   --color-text-input-placeholder-disabled: var(--color-text-input-disabled);
   --border-control-invalid-focus-ring-shadow-spread: 2px;
   --space-field-icon-offset: 36px;
-  --color-text-control-disabled: var(--color-text-interactive-disabled);
-  --shadow-panel: 0px 0px 0px 1px #b6bec9;
-  --color-background-layout-panel-content: var(--color-background-container-content);
-  --color-background-layout-panel-hover: var(--color-neutral-250);
-  --color-border-layout: var(--color-neutral-350);
-  --color-background-layout-mobile-panel: var(--color-neutral-950);
-  --size-vertical-panel-icon-offset: 15px;
-  --space-layout-toggle-padding: var(--space-static-s);
-  --space-layout-toggle-diameter: 36px;
-  --motion-duration-refresh-only-fast: 115ms;
-  --shadow-split-bottom: 0px -36px 36px -36px rgba(0, 7, 22, 0.10);
-  --color-border-divider-panel-side: var(--color-border-divider-default);
-  --color-text-dropdown-group-label: var(--color-text-group-label);
-  --color-background-dropdown-item-dimmed: transparent;
-  --color-border-dropdown-item-dimmed-hover: var(--color-neutral-500);
-  --color-text-dropdown-item-dimmed: var(--color-text-interactive-disabled);
-  --space-filtering-token-operation-select-focus-outline-gutter: -5px;
-  --font-chart-detail-size: var(--font-size-body-s);
-  --border-line-chart-width: 2px;
-  --motion-duration-transition-quick: var(--motion-duration-fast);
-  --motion-easing-transition-quick: linear;
-  --color-border-control-checked: var(--color-background-control-checked);
-  --color-background-direction-button-default: var(--color-neutral-650);
-  --color-text-direction-button-default: var(--color-white);
-  --shadow-dropdown: 0px 4px 20px 1px rgba(0, 7, 22, 0.10);
-  --color-background-direction-button-hover: var(--color-neutral-700);
-  --color-background-direction-button-active: var(--color-neutral-750);
-  --color-background-direction-button-disabled: var(--color-neutral-250);
-  --color-text-direction-button-disabled: var(--color-text-interactive-disabled);
-  --color-border-dropdown-item-top: transparent;
-  --color-text-dropdown-footer: var(--color-text-form-secondary);
-  --color-text-dropdown-item-secondary-hover: var(--color-neutral-600);
-  --space-filtering-token-dismiss-button-focus-outline-gutter: -5px;
-  --color-text-disabled: var(--color-neutral-400);
-  --color-background-dropdown-item-selected: var(--color-background-item-selected);
-  --color-border-dropdown-item-selected: var(--color-border-item-selected);
-  --border-dropdown-virtual-offset-width: 2px;
-  --color-border-cell-shaded: var(--color-neutral-300);
-  --motion-duration-transition-show-quick: var(--motion-duration-fast);
-  --shadow-sticky-column-last: -4px 0 8px 1px rgba(0, 28, 36, 0.1);
-  --shadow-sticky-column-first: 4px 0px 8px 1px rgba(0, 7, 22, 0.1);
-  --color-border-item-placeholder: var(--color-border-item-selected);
-  --color-text-disabled-inline-edit: var(--color-neutral-650);
-  --color-border-editable-cell-hover: var(--color-border-dropdown-item-hover);
-  --color-background-table-header: var(--color-background-container-header);
-  --color-text-column-header: var(--color-neutral-650);
-  --border-table-sticky-width: 1px;
-  --space-table-horizontal: var(--space-container-horizontal);
-  --color-text-column-sorting-icon: var(--color-text-column-header);
-  --space-table-header-focus-outline-gutter: 0px;
-  --color-border-divider-interactive-default: var(--color-neutral-500);
-  --color-border-divider-active: var(--color-neutral-950);
   --color-background-item-card: var(--color-background-card);
   --shadow-item-card: var(--shadow-card);
   --border-width-item-card: var(--border-width-card);
@@ -655,7 +687,6 @@
   --color-text-link-button-normal-hover: var(--color-text-button-normal-hover);
   --color-text-link-button-normal-active: var(--color-text-button-normal-active);
   --color-text-link-inverted-hover: var(--color-white);
-  --motion-duration-fast: 90ms;
   --motion-duration-extra-slow: 270ms;
   --color-background-modal-overlay: var(--color-grey-opaque-70);
   --shadow-modal: var(--shadow-dropdown);
@@ -663,15 +694,15 @@
   --space-modal-horizontal: var(--space-container-horizontal);
   --color-text-pagination-page-number-default: var(--color-text-interactive-default);
   --color-text-pagination-page-number-active-disabled: var(--color-text-interactive-disabled);
+  --color-stroke-chart-line: var(--color-neutral-500);
+  --font-chart-detail-size: var(--font-size-body-s);
   --color-shadow-default: var(--color-grey-transparent-heavy);
   --shadow-popover: var(--shadow-dropdown);
-  --motion-duration-moderate: 135ms;
+  --color-text-dropdown-group-label: var(--color-text-group-label);
   --space-segmented-control-focus-outline-gutter: 6px;
   --color-background-segment-wrapper: var(--color-background-container-content);
   --space-panel-nav-left: 28px;
   --space-scaled-2x-l: var(--space-l);
-  --space-scaled-2x-m: var(--space-m);
-  --space-scaled-2x-xl: var(--space-xl);
   --color-background-slider-range-error-default: var(--color-text-status-error);
   --color-background-slider-range-warning-default: var(--color-text-status-warning);
   --color-background-slider-range-error-active: var(--color-text-status-error);
@@ -681,16 +712,23 @@
   --color-background-slider-handle-error-active: var(--color-text-status-error);
   --color-background-slider-handle-warning-default: var(--color-text-status-warning);
   --color-background-slider-handle-warning-active: var(--color-text-status-warning);
+  --color-background-layout-panel-content: var(--color-background-container-content);
+  --color-background-layout-panel-hover: var(--color-neutral-250);
   --border-panel-top-width: 1px;
   --color-border-divider-panel-bottom: var(--color-border-divider-default);
+  --shadow-split-bottom: 0px -36px 36px -36px rgba(0, 7, 22, 0.10);
   --shadow-split-side: -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.10);
   --border-panel-header-width: 1px;
   --space-panel-split-top: var(--space-scaled-l);
+  --space-layout-toggle-diameter: 36px;
+  --space-layout-toggle-padding: var(--space-static-s);
   --space-panel-split-bottom: var(--space-scaled-l);
+  --size-vertical-panel-icon-offset: 15px;
   --space-table-header-tools-bottom: 0px;
+  --space-table-horizontal: var(--space-container-horizontal);
   --space-table-content-bottom: var(--space-xxs);
   --size-table-selection-horizontal: 40px;
-  --space-table-header-horizontal: 0px;
+  --color-background-table-header: var(--color-background-container-header);
   --space-table-embedded-header-top: 0px;
   --space-table-footer-horizontal: var(--space-table-header-horizontal);
   --color-border-tabs-shadow: var(--color-grey-transparent);
@@ -701,37 +739,14 @@
   --font-tabs-disabled-weight: var(--font-wayfinding-link-active-weight);
   --space-tabs-content-top: var(--space-scaled-s);
   --color-border-tiles-disabled: var(--color-background-tiles-disabled);
-  --color-background-tiles-disabled: var(--color-neutral-250);
   --space-tile-gutter: var(--space-xl);
   --color-background-toggle-default: var(--color-neutral-650);
-  --motion-easing-ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
-  --space-scaled-2x-xxxl: var(--space-xxxl);
-  --color-neutral-600: #656871;
-  --color-neutral-450: #a4a4ad;
-  --color-neutral-200: #f3f3f7;
-  --color-neutral-700: #333843;
-  --color-neutral-100: #f9f9fa;
-  --color-neutral-850: #161d26;
-  --color-neutral-300: #dedee3;
-  --color-neutral-800: #1b232d;
-  --color-neutral-950: #0f141a;
-  --color-neutral-500: #8c8c94;
-  --color-white: #ffffff;
-  --color-neutral-250: #ebebf0;
-  --color-neutral-350: #c6c6cd;
-  --color-neutral-650: #424650;
-  --color-neutral-750: #232b37;
-  --color-neutral-400: #b4b4bb;
-  --color-error-600: #db0000;
-  --color-error-400: #ff7a7a;
-  --border-width-card-highlighted: var(--border-item-width);
-  --color-border-card-highlighted: var(--color-border-item-selected);
-  --color-grey-opaque-70: rgba(35, 43, 55, 0.7);
-  --color-grey-transparent-heavy: rgba(15, 20, 26, 0.12);
-  --color-grey-transparent: rgba(15, 20, 26, 0.12);
+  --color-text-disabled: var(--color-neutral-400);
+  --color-border-layout: var(--color-neutral-350);
 }
 
-.awsui-dark-mode {
+:root.awsui-dark-mode {
+  color-scheme: dark;
   --color-charts-red-300: #d63f38;
   --color-charts-red-400: #ed5958;
   --color-charts-red-500: #fe6e73;
@@ -1028,13 +1043,16 @@
   --color-dropzone-border-hover: #75cfff;
   --color-tree-view-connector-line: #dedee3;
   --shadow-container-active: 0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
-  --motion-duration-slow: 0ms;
-  --space-dark-header-overlap-distance: 32px;
-  --space-grid-gutter: var(--space-m);
-  --motion-duration-refresh-only-medium: 0ms;
+  --color-severity-dark-red: #d63f38;
+  --color-severity-red: #fe6e73;
+  --color-grey-opaque-70: rgba(15, 20, 26, 0.7);
+  --color-grey-transparent: rgba(15, 20, 26, 1);
+  --color-background-tiles-disabled: var(--color-neutral-800);
+  --color-grey-transparent-heavy: rgba(15, 20, 26, 1);
+  --color-text-column-header: var(--color-neutral-400);
+  --shadow-dropdown: 0px 4px 20px 1px rgba(0, 4, 12, 1);
   --color-text-small: var(--color-neutral-450);
   --color-background-inline-code: rgba(255, 255, 255, 0.1);
-  --space-button-icon-only-horizontal: var(--space-xxs);
   --color-text-calendar-month: var(--color-neutral-450);
   --color-background-calendar-current-date: var(--color-neutral-700);
   --color-border-calendar-grid-selected-focus-ring: var(--color-neutral-850);
@@ -1053,47 +1071,18 @@
   --shadow-sticky-embedded: 0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1);
   --shadow-sticky: 0px 4px 8px 1px rgba(0, 7, 22, 0.5);
   --color-text-expandable-section-default: var(--color-neutral-300);
-  --font-expandable-heading-size: 14px;
   --shadow-panel-toggle: 0px 6px 12px 1px rgba(0, 7, 22, 1);
   --shadow-flash-sticky: 0px 4px 8px rgba(0, 7, 22, 0.5);
-  --space-scaled-2x-xxs: var(--space-none);
-  --size-vertical-input: 28px;
   --color-text-inverted: var(--color-neutral-950);
   --color-text-icon-subtle: var(--color-neutral-400);
   --color-background-badge-icon: var(--color-error-400);
-  --shadow-panel: 0px 0px 0px 1px #414d5c;
-  --color-background-layout-panel-hover: var(--color-neutral-700);
-  --color-border-layout: var(--color-neutral-650);
-  --size-vertical-panel-icon-offset: 13px;
-  --motion-duration-refresh-only-fast: 0ms;
-  --shadow-split-bottom: 0px -36px 36px -36px rgba(0, 7, 22, 1);
-  --shadow-dropdown: 0px 4px 20px 1px rgba(0, 4, 12, 1);
-  --color-background-direction-button-disabled: var(--color-neutral-750);
-  --color-text-dropdown-item-secondary-hover: var(--color-neutral-300);
-  --color-text-disabled: var(--color-neutral-600);
-  --color-border-cell-shaded: var(--color-neutral-700);
-  --shadow-sticky-column-last: 0px 4px 8px 1px rgba(0, 7, 22, 0.5);
-  --shadow-sticky-column-first: 0px 4px 8px 1px rgba(0, 7, 22, 0.5);
-  --color-text-disabled-inline-edit: var(--color-neutral-400);
-  --color-text-column-header: var(--color-neutral-400);
-  --space-table-header-focus-outline-gutter: -1px;
-  --color-border-divider-interactive-default: var(--color-neutral-300);
-  --color-border-divider-active: var(--color-neutral-100);
   --color-text-link-inverted-hover: var(--color-text-notification-yellow);
-  --motion-duration-fast: 0ms;
-  --motion-duration-extra-slow: 0ms;
   --color-text-pagination-page-number-default: var(--color-neutral-400);
-  --motion-duration-moderate: 0ms;
-  --space-scaled-2x-l: var(--space-s);
-  --space-scaled-2x-m: var(--space-xs);
-  --space-scaled-2x-xl: var(--space-m);
   --color-background-slider-handle-ring: var(--color-neutral-850);
+  --color-background-layout-panel-hover: var(--color-neutral-700);
+  --shadow-split-bottom: 0px -36px 36px -36px rgba(0, 7, 22, 1);
   --shadow-split-side: -1px 0px 1px 0px #192534, -36px 6px 36px -36px rgba(0, 7, 22, 1);
-  --color-background-tiles-disabled: var(--color-neutral-800);
-  --space-tile-gutter: var(--space-m);
   --color-background-toggle-default: var(--color-neutral-500);
-  --space-scaled-2x-xxxl: var(--space-xl);
-  --color-grey-opaque-70: rgba(15, 20, 26, 0.7);
-  --color-grey-transparent-heavy: rgba(15, 20, 26, 1);
-  --color-grey-transparent: rgba(15, 20, 26, 1);
+  --color-text-disabled: var(--color-neutral-600);
+  --color-border-layout: var(--color-neutral-650);
 }

package/package.json

@@ -1,24 +1,23 @@
 {
   "name": "@cumulus-ui/design-tokens",
-  "version": "0.3.1",
+  "version": "0.4.3",
   "description": "CSS custom properties for Cumulus UI — light and dark mode tokens generated from Cloudscape Design System",
   "type": "module",
-  "main": "./index.js",
-  "types": "./index.d.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./index.d.ts",
-      "default": "./index.js"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
-    "./tokens.css": "./tokens.css"
+    "./tokens.css": "./dist/tokens.css"
   },
   "files": [
-    "index.js",
-    "index.d.ts",
-    "tokens.css"
+    "dist/"
   ],
   "scripts": {
-    "generate": "tsx scripts/generate.ts"
+    "generate": "tsx scripts/generate.ts",
+    "prepublishOnly": "tsx scripts/generate.ts"
   },
   "keywords": [
     "cloudscape",
@@ -27,8 +26,14 @@
     "dark-mode"
   ],
   "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cumulus-ui/design-tokens"
+  },
   "devDependencies": {
+    "@cloudscape-design/components": "^3.0.1270",
     "@cloudscape-design/design-tokens": "^3.0.78",
+    "@cloudscape-design/global-styles": "^1.0.57",
     "tsx": "^4.21.0",
     "typescript": "~5.9.3"
   }