@cloudscape-design/components-themeable 3.0.1302 → 3.0.1304

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/copy-to-clipboard/styles.scss +1 -1
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  4. package/lib/internal/scss/key-value-pairs/styles.scss +1 -0
  5. package/lib/internal/scss/status-indicator/styles.scss +22 -0
  6. package/lib/internal/template/autosuggest/interfaces.d.ts +0 -2
  7. package/lib/internal/template/autosuggest/interfaces.d.ts.map +1 -1
  8. package/lib/internal/template/autosuggest/interfaces.js.map +1 -1
  9. package/lib/internal/template/copy-to-clipboard/styles.css.js +5 -5
  10. package/lib/internal/template/copy-to-clipboard/styles.scoped.css +7 -7
  11. package/lib/internal/template/copy-to-clipboard/styles.selectors.js +5 -5
  12. package/lib/internal/template/internal/base-component/styles.scoped.css +62 -43
  13. package/lib/internal/template/internal/environment.js +2 -2
  14. package/lib/internal/template/internal/environment.json +2 -2
  15. package/lib/internal/template/internal/generated/styles/tokens.d.ts +34 -26
  16. package/lib/internal/template/internal/generated/styles/tokens.js +34 -26
  17. package/lib/internal/template/internal/generated/theming/index.cjs +321 -113
  18. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +225 -153
  19. package/lib/internal/template/internal/generated/theming/index.d.ts +225 -153
  20. package/lib/internal/template/internal/generated/theming/index.js +321 -113
  21. package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
  22. package/lib/internal/template/key-value-pairs/styles.scoped.css +10 -9
  23. package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
  24. package/lib/internal/template/multiselect/interfaces.d.ts +0 -2
  25. package/lib/internal/template/multiselect/interfaces.d.ts.map +1 -1
  26. package/lib/internal/template/multiselect/interfaces.js.map +1 -1
  27. package/lib/internal/template/prompt-input/interfaces.d.ts +0 -2
  28. package/lib/internal/template/prompt-input/interfaces.d.ts.map +1 -1
  29. package/lib/internal/template/prompt-input/interfaces.js.map +1 -1
  30. package/lib/internal/template/select/interfaces.d.ts +0 -2
  31. package/lib/internal/template/select/interfaces.d.ts.map +1 -1
  32. package/lib/internal/template/select/interfaces.js.map +1 -1
  33. package/lib/internal/template/status-indicator/styles.css.js +24 -24
  34. package/lib/internal/template/status-indicator/styles.scoped.css +64 -30
  35. package/lib/internal/template/status-indicator/styles.selectors.js +24 -24
  36. package/lib/internal/template/wizard/interfaces.d.ts +0 -2
  37. package/lib/internal/template/wizard/interfaces.d.ts.map +1 -1
  38. package/lib/internal/template/wizard/interfaces.js.map +1 -1
  39. package/package.json +1 -1
package/lib/internal/template/internal/generated/styles/tokens.d.ts CHANGED
@@ -381,6 +381,11 @@ export const colorBackgroundAvatarGenAi: string;
381
381
  export const colorBackgroundAvatarDefault: string;
382
382
  export const colorTextAvatar: string;
383
383
  export const colorBackgroundLoadingBarGenAi: string;
384
+ export const colorBackgroundStatusIndicatorError: string;
385
+ export const colorBackgroundStatusIndicatorWarning: string;
386
+ export const colorBackgroundStatusIndicatorSuccess: string;
387
+ export const colorBackgroundStatusIndicatorInfo: string;
388
+ export const colorBackgroundStatusIndicatorNeutral: string;
384
389
  export const colorBackgroundChatBubbleOutgoing: string;
385
390
  export const colorBackgroundChatBubbleIncoming: string;
386
391
  export const colorTextChatBubbleOutgoing: string;
@@ -533,6 +538,7 @@ export const colorTextInteractiveInvertedDefault: string;
533
538
  export const colorTextInteractiveInvertedHover: string;
534
539
  export const colorTextInverted: string;
535
540
  export const colorTextLabel: string;
541
+ export const colorTextKeyValuePairsValue: string;
536
542
  export const colorTextLayoutToggle: string;
537
543
  export const colorTextLayoutToggleActive: string;
538
544
  export const colorTextLayoutToggleHover: string;
@@ -674,61 +680,62 @@ export const borderItemWidth: string;
674
680
  export const borderLineChartDashArray: string;
675
681
  export const borderLineChartLineJoin: string;
676
682
  export const borderLineChartWidth: string;
683
+ export const borderLinkFocusRingOutline: string;
684
+ export const borderLinkFocusRingShadowSpread: string;
677
685
  export const borderPanelHeaderWidth: string;
678
686
  export const borderPanelTopWidth: string;
687
+ export const borderRadiusActionCardDefault: string;
688
+ export const borderRadiusActionCardEmbedded: string;
679
689
  export const borderRadiusAlert: string;
680
690
  export const borderRadiusBadge: string;
681
691
  export const borderRadiusButton: string;
682
692
  export const borderRadiusCalendarDayFocusRing: string;
683
- export const borderRadiusCodeEditor: string;
684
693
  export const borderRadiusCardDefault: string;
685
694
  export const borderRadiusCardEmbedded: string;
686
- export const borderRadiusItemCardDefault: string;
687
- export const borderRadiusItemCardEmbedded: string;
695
+ export const borderRadiusChatBubble: string;
696
+ export const borderRadiusCodeEditor: string;
688
697
  export const borderRadiusContainer: string;
689
698
  export const borderRadiusControlCircularFocusRing: string;
690
699
  export const borderRadiusControlDefaultFocusRing: string;
691
700
  export const borderRadiusDropdown: string;
692
701
  export const borderRadiusDropzone: string;
693
702
  export const borderRadiusFlashbar: string;
694
- export const borderRadiusItem: string;
695
703
  export const borderRadiusInput: string;
704
+ export const borderRadiusItem: string;
705
+ export const borderRadiusItemCardDefault: string;
706
+ export const borderRadiusItemCardEmbedded: string;
696
707
  export const borderRadiusPopover: string;
708
+ export const borderRadiusSkeleton: string;
709
+ export const borderRadiusStatusIndicator: string;
697
710
  export const borderRadiusTabsFocusRing: string;
698
711
  export const borderRadiusTiles: string;
699
712
  export const borderRadiusToken: string;
700
- export const borderRadiusChatBubble: string;
701
713
  export const borderRadiusTutorialPanelItem: string;
702
714
  export const borderTableStickyWidth: string;
703
- export const borderLinkFocusRingOutline: string;
704
- export const borderLinkFocusRingShadowSpread: string;
705
- export const borderWidthCard: string;
706
- export const borderWidthCardSelected: string;
707
- export const borderWidthItemCard: string;
708
- export const borderWidthItemCardHighlighted: string;
709
- export const borderWidthItemSelected: string;
715
+ export const borderWidthActionCardActive: string;
716
+ export const borderWidthActionCardDefault: string;
717
+ export const borderWidthActionCardDisabled: string;
718
+ export const borderWidthActionCardHover: string;
710
719
  export const borderWidthAlert: string;
711
- export const borderWidthAlertBlockStart: string;
712
720
  export const borderWidthAlertBlockEnd: string;
713
- export const borderWidthAlertInlineStart: string;
721
+ export const borderWidthAlertBlockStart: string;
714
722
  export const borderWidthAlertInlineEnd: string;
723
+ export const borderWidthAlertInlineStart: string;
715
724
  export const borderWidthButton: string;
725
+ export const borderWidthCard: string;
726
+ export const borderWidthCardSelected: string;
716
727
  export const borderWidthDropdown: string;
717
728
  export const borderWidthField: string;
718
- export const borderWidthPopover: string;
719
- export const borderWidthToken: string;
720
- export const borderWidthIconSmall: string;
721
- export const borderWidthIconNormal: string;
722
- export const borderWidthIconMedium: string;
723
729
  export const borderWidthIconBig: string;
724
730
  export const borderWidthIconLarge: string;
725
- export const borderRadiusActionCardDefault: string;
726
- export const borderRadiusActionCardEmbedded: string;
727
- export const borderWidthActionCardDefault: string;
728
- export const borderWidthActionCardHover: string;
729
- export const borderWidthActionCardActive: string;
730
- export const borderWidthActionCardDisabled: string;
731
- export const borderRadiusSkeleton: string;
731
+ export const borderWidthIconMedium: string;
732
+ export const borderWidthIconNormal: string;
733
+ export const borderWidthIconSmall: string;
734
+ export const borderWidthItemCard: string;
735
+ export const borderWidthItemCardHighlighted: string;
736
+ export const borderWidthItemSelected: string;
737
+ export const borderWidthPopover: string;
738
+ export const borderWidthToken: string;
732
739
  export const motionDurationExtraFast: string;
733
740
  export const motionDurationExtraSlow: string;
734
741
  export const motionDurationFast: string;
@@ -858,6 +865,7 @@ export const spaceActionCardDescriptionPaddingTop: string;
858
865
  export const spaceActionCardContentPaddingTop: string;
859
866
  export const spaceOptionPaddingVertical: string;
860
867
  export const spaceOptionPaddingHorizontal: string;
868
+ export const spaceStatusIndicatorPaddingHorizontal: string;
861
869
  export const spaceScaled2xNone: string;
862
870
  export const spaceScaled2xXxxs: string;
863
871
  export const spaceScaled2xXxs: string;
package/lib/internal/template/internal/generated/styles/tokens.js CHANGED
@@ -381,6 +381,11 @@ export var colorBackgroundAvatarGenAi = "var(--color-background-avatar-gen-ai-ox
381
381
  export var colorBackgroundAvatarDefault = "var(--color-background-avatar-default-t427xm, #424650)";
382
382
  export var colorTextAvatar = "var(--color-text-avatar-kuhkoa, #ffffff)";
383
383
  export var colorBackgroundLoadingBarGenAi = "var(--color-background-loading-bar-gen-ai-tey70i, linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%))";
384
+ export var colorBackgroundStatusIndicatorError = "var(--color-background-status-indicator-error-txnmnb, transparent)";
385
+ export var colorBackgroundStatusIndicatorWarning = "var(--color-background-status-indicator-warning-xf3dw4, transparent)";
386
+ export var colorBackgroundStatusIndicatorSuccess = "var(--color-background-status-indicator-success-o8ig5c, transparent)";
387
+ export var colorBackgroundStatusIndicatorInfo = "var(--color-background-status-indicator-info-nqw7od, transparent)";
388
+ export var colorBackgroundStatusIndicatorNeutral = "var(--color-background-status-indicator-neutral-psqqh7, transparent)";
384
389
  export var colorBackgroundChatBubbleOutgoing = "var(--color-background-chat-bubble-outgoing-ay6nj3, transparent)";
385
390
  export var colorBackgroundChatBubbleIncoming = "var(--color-background-chat-bubble-incoming-j38cew, #f6f6f9)";
386
391
  export var colorTextChatBubbleOutgoing = "var(--color-text-chat-bubble-outgoing-f3r63s, #0f141a)";
@@ -533,6 +538,7 @@ export var colorTextInteractiveInvertedDefault = "var(--color-text-interactive-i
533
538
  export var colorTextInteractiveInvertedHover = "var(--color-text-interactive-inverted-hover-65rnp7, #f9f9fa)";
534
539
  export var colorTextInverted = "var(--color-text-inverted-4v4dmq, #ffffff)";
535
540
  export var colorTextLabel = "var(--color-text-label-28gfmc, #0f141a)";
541
+ export var colorTextKeyValuePairsValue = "var(--color-text-key-value-pairs-value-pezok9, #0f141a)";
536
542
  export var colorTextLayoutToggle = "var(--color-text-layout-toggle-1a15s3, #ffffff)";
537
543
  export var colorTextLayoutToggleActive = "var(--color-text-layout-toggle-active-ifu7qp, #ffffff)";
538
544
  export var colorTextLayoutToggleHover = "var(--color-text-layout-toggle-hover-9jwdce, #006ce0)";
@@ -674,61 +680,62 @@ export var borderItemWidth = "var(--border-item-width-miijiw, 2px)";
674
680
  export var borderLineChartDashArray = "var(--border-line-chart-dash-array-desefi, 3 5)";
675
681
  export var borderLineChartLineJoin = "var(--border-line-chart-line-join-aslwou, round)";
676
682
  export var borderLineChartWidth = "var(--border-line-chart-width-tesor1, 2px)";
683
+ export var borderLinkFocusRingOutline = "var(--border-link-focus-ring-outline-1p0hnu, 0)";
684
+ export var borderLinkFocusRingShadowSpread = "var(--border-link-focus-ring-shadow-spread-39uvxr, 2px)";
677
685
  export var borderPanelHeaderWidth = "var(--border-panel-header-width-t1iq1m, 1px)";
678
686
  export var borderPanelTopWidth = "var(--border-panel-top-width-10990j, 1px)";
687
+ export var borderRadiusActionCardDefault = "var(--border-radius-action-card-default-ejctkq, 16px)";
688
+ export var borderRadiusActionCardEmbedded = "var(--border-radius-action-card-embedded-3y65t8, 8px)";
679
689
  export var borderRadiusAlert = "var(--border-radius-alert-syagf6, 12px)";
680
690
  export var borderRadiusBadge = "var(--border-radius-badge-exolfb, 4px)";
681
691
  export var borderRadiusButton = "var(--border-radius-button-7bgkcs, 20px)";
682
692
  export var borderRadiusCalendarDayFocusRing = "var(--border-radius-calendar-day-focus-ring-xvvbuc, 3px)";
683
- export var borderRadiusCodeEditor = "var(--border-radius-code-editor-5palck, 8px)";
684
693
  export var borderRadiusCardDefault = "var(--border-radius-card-default-d8ipr7, 16px)";
685
694
  export var borderRadiusCardEmbedded = "var(--border-radius-card-embedded-fvclp8, 8px)";
686
- export var borderRadiusItemCardDefault = "var(--border-radius-item-card-default-pi9u8q, 16px)";
687
- export var borderRadiusItemCardEmbedded = "var(--border-radius-item-card-embedded-l0g6e3, 8px)";
695
+ export var borderRadiusChatBubble = "var(--border-radius-chat-bubble-haafsg, 8px)";
696
+ export var borderRadiusCodeEditor = "var(--border-radius-code-editor-5palck, 8px)";
688
697
  export var borderRadiusContainer = "var(--border-radius-container-nsfwmm, 16px)";
689
698
  export var borderRadiusControlCircularFocusRing = "var(--border-radius-control-circular-focus-ring-yjhscw, 4px)";
690
699
  export var borderRadiusControlDefaultFocusRing = "var(--border-radius-control-default-focus-ring-1uabki, 4px)";
691
700
  export var borderRadiusDropdown = "var(--border-radius-dropdown-fgc2a1, 8px)";
692
701
  export var borderRadiusDropzone = "var(--border-radius-dropzone-eklq14, 12px)";
693
702
  export var borderRadiusFlashbar = "var(--border-radius-flashbar-pp1ptu, 12px)";
694
- export var borderRadiusItem = "var(--border-radius-item-iwaia5, 8px)";
695
703
  export var borderRadiusInput = "var(--border-radius-input-7q0str, 8px)";
704
+ export var borderRadiusItem = "var(--border-radius-item-iwaia5, 8px)";
705
+ export var borderRadiusItemCardDefault = "var(--border-radius-item-card-default-pi9u8q, 16px)";
706
+ export var borderRadiusItemCardEmbedded = "var(--border-radius-item-card-embedded-l0g6e3, 8px)";
696
707
  export var borderRadiusPopover = "var(--border-radius-popover-6fqb5w, 8px)";
708
+ export var borderRadiusSkeleton = "var(--border-radius-skeleton-9lkvfi, 8px)";
709
+ export var borderRadiusStatusIndicator = "var(--border-radius-status-indicator-fkcvdq, 4px)";
697
710
  export var borderRadiusTabsFocusRing = "var(--border-radius-tabs-focus-ring-o4qku1, 20px)";
698
711
  export var borderRadiusTiles = "var(--border-radius-tiles-wm1vgw, 8px)";
699
712
  export var borderRadiusToken = "var(--border-radius-token-ycnemh, 8px)";
700
- export var borderRadiusChatBubble = "var(--border-radius-chat-bubble-haafsg, 8px)";
701
713
  export var borderRadiusTutorialPanelItem = "var(--border-radius-tutorial-panel-item-ojaqxg, 8px)";
702
714
  export var borderTableStickyWidth = "var(--border-table-sticky-width-ai31mi, 1px)";
703
- export var borderLinkFocusRingOutline = "var(--border-link-focus-ring-outline-1p0hnu, 0)";
704
- export var borderLinkFocusRingShadowSpread = "var(--border-link-focus-ring-shadow-spread-39uvxr, 2px)";
705
- export var borderWidthCard = "var(--border-width-card-x24gzt, 1px)";
706
- export var borderWidthCardSelected = "var(--border-width-card-selected-01i6br, 2px)";
707
- export var borderWidthItemCard = "var(--border-width-item-card-3wmyp3, 1px)";
708
- export var borderWidthItemCardHighlighted = "var(--border-width-item-card-highlighted-jay4ll, 2px)";
709
- export var borderWidthItemSelected = "var(--border-width-item-selected-yv93vd, 2px)";
715
+ export var borderWidthActionCardActive = "var(--border-width-action-card-active-pwtgzu, 1px)";
716
+ export var borderWidthActionCardDefault = "var(--border-width-action-card-default-jy3kut, 1px)";
717
+ export var borderWidthActionCardDisabled = "var(--border-width-action-card-disabled-rdvlbc, 1px)";
718
+ export var borderWidthActionCardHover = "var(--border-width-action-card-hover-02l6fg, 1px)";
710
719
  export var borderWidthAlert = "var(--border-width-alert-tuifgy, 2px)";
711
- export var borderWidthAlertBlockStart = "var(--border-width-alert-block-start-5wbfsk, 2px)";
712
720
  export var borderWidthAlertBlockEnd = "var(--border-width-alert-block-end-q8rr42, 2px)";
713
- export var borderWidthAlertInlineStart = "var(--border-width-alert-inline-start-gjm6m1, 2px)";
721
+ export var borderWidthAlertBlockStart = "var(--border-width-alert-block-start-5wbfsk, 2px)";
714
722
  export var borderWidthAlertInlineEnd = "var(--border-width-alert-inline-end-9s426v, 2px)";
723
+ export var borderWidthAlertInlineStart = "var(--border-width-alert-inline-start-gjm6m1, 2px)";
715
724
  export var borderWidthButton = "var(--border-width-button-jm0qg7, 2px)";
725
+ export var borderWidthCard = "var(--border-width-card-x24gzt, 1px)";
726
+ export var borderWidthCardSelected = "var(--border-width-card-selected-01i6br, 2px)";
716
727
  export var borderWidthDropdown = "var(--border-width-dropdown-youcay, 2px)";
717
728
  export var borderWidthField = "var(--border-width-field-2xc78x, 1px)";
718
- export var borderWidthPopover = "var(--border-width-popover-nflirh, 2px)";
719
- export var borderWidthToken = "var(--border-width-token-2ukdpu, 2px)";
720
- export var borderWidthIconSmall = "var(--border-width-icon-small-z55i5t, 2px)";
721
- export var borderWidthIconNormal = "var(--border-width-icon-normal-9h7vj7, 2px)";
722
- export var borderWidthIconMedium = "var(--border-width-icon-medium-b7icqv, 2px)";
723
729
  export var borderWidthIconBig = "var(--border-width-icon-big-ymgy42, 3px)";
724
730
  export var borderWidthIconLarge = "var(--border-width-icon-large-u645rg, 4px)";
725
- export var borderRadiusActionCardDefault = "var(--border-radius-action-card-default-ejctkq, 16px)";
726
- export var borderRadiusActionCardEmbedded = "var(--border-radius-action-card-embedded-3y65t8, 8px)";
727
- export var borderWidthActionCardDefault = "var(--border-width-action-card-default-jy3kut, 1px)";
728
- export var borderWidthActionCardHover = "var(--border-width-action-card-hover-02l6fg, 1px)";
729
- export var borderWidthActionCardActive = "var(--border-width-action-card-active-pwtgzu, 1px)";
730
- export var borderWidthActionCardDisabled = "var(--border-width-action-card-disabled-rdvlbc, 1px)";
731
- export var borderRadiusSkeleton = "var(--border-radius-skeleton-9lkvfi, 8px)";
731
+ export var borderWidthIconMedium = "var(--border-width-icon-medium-b7icqv, 2px)";
732
+ export var borderWidthIconNormal = "var(--border-width-icon-normal-9h7vj7, 2px)";
733
+ export var borderWidthIconSmall = "var(--border-width-icon-small-z55i5t, 2px)";
734
+ export var borderWidthItemCard = "var(--border-width-item-card-3wmyp3, 1px)";
735
+ export var borderWidthItemCardHighlighted = "var(--border-width-item-card-highlighted-jay4ll, 2px)";
736
+ export var borderWidthItemSelected = "var(--border-width-item-selected-yv93vd, 2px)";
737
+ export var borderWidthPopover = "var(--border-width-popover-nflirh, 2px)";
738
+ export var borderWidthToken = "var(--border-width-token-2ukdpu, 2px)";
732
739
  export var motionDurationExtraFast = "var(--motion-duration-extra-fast-l4w48j, 45ms)";
733
740
  export var motionDurationExtraSlow = "var(--motion-duration-extra-slow-29bqym, 270ms)";
734
741
  export var motionDurationFast = "var(--motion-duration-fast-unntf6, 90ms)";
@@ -858,6 +865,7 @@ export var spaceActionCardDescriptionPaddingTop = "var(--space-action-card-descr
858
865
  export var spaceActionCardContentPaddingTop = "var(--space-action-card-content-padding-top-bew8kj, 8px)";
859
866
  export var spaceOptionPaddingVertical = "var(--space-option-padding-vertical-d2srv9, 4px)";
860
867
  export var spaceOptionPaddingHorizontal = "var(--space-option-padding-horizontal-4taa4b, 20px)";
868
+ export var spaceStatusIndicatorPaddingHorizontal = "var(--space-status-indicator-padding-horizontal-xv70fu, 0px)";
861
869
  export var spaceScaled2xNone = "var(--space-scaled-2x-none-987dp7, 0px)";
862
870
  export var spaceScaled2xXxxs = "var(--space-scaled-2x-xxxs-reumxj, 2px)";
863
871
  export var spaceScaled2xXxs = "var(--space-scaled-2x-xxs-e79hr1, 4px)";