@cloudscape-design/board-components 3.0.163 → 3.0.165

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 (10) hide show
  1. package/internal/environment.js +1 -1
  2. package/internal/environment.json +1 -1
  3. package/internal/generated/styles/tokens.d.ts +29 -3
  4. package/internal/generated/styles/tokens.js +29 -3
  5. package/internal/generated/theming/index.cjs +594 -10
  6. package/internal/generated/theming/index.cjs.d.ts +261 -0
  7. package/internal/generated/theming/index.d.ts +261 -0
  8. package/internal/generated/theming/index.js +594 -10
  9. package/internal/manifest.json +1 -1
  10. package/package.json +1 -1
package/internal/environment.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export var PACKAGE_SOURCE = "board-components";
2
- export var PACKAGE_VERSION = "3.0.0 (d139cbc6)";
2
+ export var PACKAGE_VERSION = "3.0.0 (f97e97fa)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
5
5
  export var SYSTEM = "core";
package/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "board-components",
3
- "PACKAGE_VERSION": "3.0.0 (d139cbc6)",
3
+ "PACKAGE_VERSION": "3.0.0 (f97e97fa)",
4
4
  "THEME": "open-source-visual-refresh",
5
5
  "ALWAYS_VISUAL_REFRESH": true,
6
6
  "SYSTEM": "core"
package/internal/generated/styles/tokens.d.ts CHANGED
@@ -281,6 +281,8 @@ export const colorGreyTransparentHeavy: string;
281
281
  export const colorGreyTransparentLight: string;
282
282
  export const colorBackgroundBadgeIcon: string;
283
283
  export const colorBackgroundButtonLinkActive: string;
284
+ export const colorBackgroundButtonLinkDefault: string;
285
+ export const colorBackgroundButtonLinkDisabled: string;
284
286
  export const colorBackgroundButtonLinkHover: string;
285
287
  export const colorBackgroundButtonNormalActive: string;
286
288
  export const colorBackgroundButtonNormalDefault: string;
@@ -306,6 +308,7 @@ export const colorBackgroundCodeEditorLoading: string;
306
308
  export const colorBackgroundCodeEditorPaneItemHover: string;
307
309
  export const colorBackgroundCodeEditorStatusBar: string;
308
310
  export const colorBackgroundCard: string;
311
+ export const colorBackgroundItemCard: string;
309
312
  export const colorBackgroundContainerContent: string;
310
313
  export const colorBackgroundContainerHeader: string;
311
314
  export const colorBackgroundControlChecked: string;
@@ -379,6 +382,7 @@ export const colorBackgroundChatBubbleOutgoing: string;
379
382
  export const colorBackgroundChatBubbleIncoming: string;
380
383
  export const colorTextChatBubbleOutgoing: string;
381
384
  export const colorTextChatBubbleIncoming: string;
385
+ export const colorBorderButtonLinkDisabled: string;
382
386
  export const colorBorderButtonNormalActive: string;
383
387
  export const colorBorderButtonNormalDefault: string;
384
388
  export const colorBorderToggleButtonNormalPressed: string;
@@ -398,6 +402,8 @@ export const colorBorderCodeEditorDefault: string;
398
402
  export const colorBorderCodeEditorPaneItemHover: string;
399
403
  export const colorBorderCard: string;
400
404
  export const colorBorderCardHighlighted: string;
405
+ export const colorBorderItemCard: string;
406
+ export const colorBorderItemCardHighlighted: string;
401
407
  export const colorBorderContainerDivider: string;
402
408
  export const colorBorderContainerTop: string;
403
409
  export const colorBorderControlChecked: string;
@@ -466,6 +472,10 @@ export const colorTextButtonNormalHover: string;
466
472
  export const colorTextLinkButtonNormalDefault: string;
467
473
  export const colorTextLinkButtonNormalHover: string;
468
474
  export const colorTextLinkButtonNormalActive: string;
475
+ export const colorTextButtonLinkActive: string;
476
+ export const colorTextButtonLinkDefault: string;
477
+ export const colorTextButtonLinkDisabled: string;
478
+ export const colorTextButtonLinkHover: string;
469
479
  export const colorTextButtonPrimaryActive: string;
470
480
  export const colorTextButtonPrimaryDefault: string;
471
481
  export const colorTextButtonPrimaryHover: string;
@@ -523,6 +533,10 @@ export const colorTextLayoutToggleHover: string;
523
533
  export const colorTextLayoutToggleSelected: string;
524
534
  export const colorTextLinkDefault: string;
525
535
  export const colorTextLinkHover: string;
536
+ export const colorTextLinkSecondaryDefault: string;
537
+ export const colorTextLinkSecondaryHover: string;
538
+ export const colorTextLinkInfoDefault: string;
539
+ export const colorTextLinkInfoHover: string;
526
540
  export const colorTextLinkInvertedHover: string;
527
541
  export const colorTextLinkButtonUnderline: string;
528
542
  export const colorTextLinkButtonUnderlineHover: string;
@@ -580,9 +594,10 @@ export const fontSizeHeadingS: string;
580
594
  export const fontSizeHeadingXs: string;
581
595
  export const fontSmoothingMozOsx: string;
582
596
  export const fontSmoothingWebkit: string;
583
- export const fontTabsDisabledWeight: string;
584
- export const fontTabsLineHeight: string;
585
- export const fontTabsSize: string;
597
+ export const fontSizeTabs: string;
598
+ export const fontWeightTabs: string;
599
+ export const fontWeightTabsDisabled: string;
600
+ export const lineHeightTabs: string;
586
601
  export const fontWayfindingLinkActiveWeight: string;
587
602
  export const fontWeightButton: string;
588
603
  export const fontWeightAlertHeader: string;
@@ -631,6 +646,8 @@ export const borderRadiusCalendarDayFocusRing: string;
631
646
  export const borderRadiusCodeEditor: string;
632
647
  export const borderRadiusCardDefault: string;
633
648
  export const borderRadiusCardEmbedded: string;
649
+ export const borderRadiusItemCardDefault: string;
650
+ export const borderRadiusItemCardEmbedded: string;
634
651
  export const borderRadiusContainer: string;
635
652
  export const borderRadiusControlCircularFocusRing: string;
636
653
  export const borderRadiusControlDefaultFocusRing: string;
@@ -650,6 +667,8 @@ export const borderLinkFocusRingOutline: string;
650
667
  export const borderLinkFocusRingShadowSpread: string;
651
668
  export const borderWidthCard: string;
652
669
  export const borderWidthCardHighlighted: string;
670
+ export const borderWidthItemCard: string;
671
+ export const borderWidthItemCardHighlighted: string;
653
672
  export const borderWidthAlert: string;
654
673
  export const borderWidthAlertBlockStart: string;
655
674
  export const borderWidthAlertBlockEnd: string;
@@ -721,6 +740,7 @@ export const spaceAlertMessageRight: string;
721
740
  export const spaceAlertVertical: string;
722
741
  export const spaceButtonFocusOutlineGutter: string;
723
742
  export const spaceButtonHorizontal: string;
743
+ export const spaceButtonVertical: string;
724
744
  export const spaceButtonIconFocusOutlineGutterVertical: string;
725
745
  export const spaceButtonIconOnlyHorizontal: string;
726
746
  export const spaceButtonInlineIconFocusOutlineGutter: string;
@@ -732,6 +752,10 @@ export const spaceCardHorizontalDefault: string;
732
752
  export const spaceCardHorizontalEmbedded: string;
733
753
  export const spaceCardVerticalDefault: string;
734
754
  export const spaceCardVerticalEmbedded: string;
755
+ export const spaceItemCardHorizontalDefault: string;
756
+ export const spaceItemCardHorizontalEmbedded: string;
757
+ export const spaceItemCardVerticalDefault: string;
758
+ export const spaceItemCardVerticalEmbedded: string;
735
759
  export const spaceCodeEditorStatusFocusOutlineGutter: string;
736
760
  export const spaceContainerContentTop: string;
737
761
  export const spaceContainerHeaderTop: string;
@@ -768,6 +792,7 @@ export const spacePanelSplitBottom: string;
768
792
  export const spaceSegmentedControlFocusOutlineGutter: string;
769
793
  export const spaceTabsContentTop: string;
770
794
  export const spaceTabsFocusOutlineGutter: string;
795
+ export const spaceTabsVertical: string;
771
796
  export const spaceTableContentBottom: string;
772
797
  export const spaceTableEmbeddedHeaderTop: string;
773
798
  export const spaceTableFooterHorizontal: string;
@@ -818,6 +843,7 @@ export const spaceXl: string;
818
843
  export const spaceXxl: string;
819
844
  export const spaceXxxl: string;
820
845
  export const shadowCard: string;
846
+ export const shadowItemCard: string;
821
847
  export const shadowContainer: string;
822
848
  export const shadowContainerActive: string;
823
849
  export const shadowDropdown: string;
package/internal/generated/styles/tokens.js CHANGED
@@ -281,6 +281,8 @@ export var colorGreyTransparentHeavy = "var(--color-grey-transparent-heavy-bu3q4
281
281
  export var colorGreyTransparentLight = "var(--color-grey-transparent-light-mwvx49, rgba(15, 20, 26, 0.12))";
282
282
  export var colorBackgroundBadgeIcon = "var(--color-background-badge-icon-jyxnxa, #db0000)";
283
283
  export var colorBackgroundButtonLinkActive = "var(--color-background-button-link-active-5oi2dp, #d1f1ff)";
284
+ export var colorBackgroundButtonLinkDefault = "var(--color-background-button-link-default-o64utz, transparent)";
285
+ export var colorBackgroundButtonLinkDisabled = "var(--color-background-button-link-disabled-9xznu3, transparent)";
284
286
  export var colorBackgroundButtonLinkHover = "var(--color-background-button-link-hover-lhrs2u, #f0fbff)";
285
287
  export var colorBackgroundButtonNormalActive = "var(--color-background-button-normal-active-5imwxd, #d1f1ff)";
286
288
  export var colorBackgroundButtonNormalDefault = "var(--color-background-button-normal-default-7f99mv, #ffffff)";
@@ -306,6 +308,7 @@ export var colorBackgroundCodeEditorLoading = "var(--color-background-code-edito
306
308
  export var colorBackgroundCodeEditorPaneItemHover = "var(--color-background-code-editor-pane-item-hover-z6k9mr, #ebebf0)";
307
309
  export var colorBackgroundCodeEditorStatusBar = "var(--color-background-code-editor-status-bar-yjtxod, #f3f3f7)";
308
310
  export var colorBackgroundCard = "var(--color-background-card-p5vrq0, #ffffff)";
311
+ export var colorBackgroundItemCard = "var(--color-background-item-card-ww2wfv, #ffffff)";
309
312
  export var colorBackgroundContainerContent = "var(--color-background-container-content-6u8rvp, #ffffff)";
310
313
  export var colorBackgroundContainerHeader = "var(--color-background-container-header-gs3mbe, #ffffff)";
311
314
  export var colorBackgroundControlChecked = "var(--color-background-control-checked-ka7kc2, #006ce0)";
@@ -379,6 +382,7 @@ export var colorBackgroundChatBubbleOutgoing = "var(--color-background-chat-bubb
379
382
  export var colorBackgroundChatBubbleIncoming = "var(--color-background-chat-bubble-incoming-j38cew, #f6f6f9)";
380
383
  export var colorTextChatBubbleOutgoing = "var(--color-text-chat-bubble-outgoing-f3r63s, #0f141a)";
381
384
  export var colorTextChatBubbleIncoming = "var(--color-text-chat-bubble-incoming-od0yh8, #0f141a)";
385
+ export var colorBorderButtonLinkDisabled = "var(--color-border-button-link-disabled-npwqxa, transparent)";
382
386
  export var colorBorderButtonNormalActive = "var(--color-border-button-normal-active-ru7yhb, #002b66)";
383
387
  export var colorBorderButtonNormalDefault = "var(--color-border-button-normal-default-glqfp1, #006ce0)";
384
388
  export var colorBorderToggleButtonNormalPressed = "var(--color-border-toggle-button-normal-pressed-tq8o41, #006ce0)";
@@ -398,6 +402,8 @@ export var colorBorderCodeEditorDefault = "var(--color-border-code-editor-defaul
398
402
  export var colorBorderCodeEditorPaneItemHover = "var(--color-border-code-editor-pane-item-hover-wvblek, #8c8c94)";
399
403
  export var colorBorderCard = "var(--color-border-card-3n24fu, #c6c6cd)";
400
404
  export var colorBorderCardHighlighted = "var(--color-border-card-highlighted-ygosod, #006ce0)";
405
+ export var colorBorderItemCard = "var(--color-border-item-card-fia23i, #c6c6cd)";
406
+ export var colorBorderItemCardHighlighted = "var(--color-border-item-card-highlighted-5l7rko, #006ce0)";
401
407
  export var colorBorderContainerDivider = "var(--color-border-container-divider-9huz1a, transparent)";
402
408
  export var colorBorderContainerTop = "var(--color-border-container-top-k3vmoz, transparent)";
403
409
  export var colorBorderControlChecked = "var(--color-border-control-checked-bdv28l, #006ce0)";
@@ -466,6 +472,10 @@ export var colorTextButtonNormalHover = "var(--color-text-button-normal-hover-gu
466
472
  export var colorTextLinkButtonNormalDefault = "var(--color-text-link-button-normal-default-srprth, #006ce0)";
467
473
  export var colorTextLinkButtonNormalHover = "var(--color-text-link-button-normal-hover-jrnyw3, #002b66)";
468
474
  export var colorTextLinkButtonNormalActive = "var(--color-text-link-button-normal-active-js9ryu, #002b66)";
475
+ export var colorTextButtonLinkActive = "var(--color-text-button-link-active-dqdjg3, #002b66)";
476
+ export var colorTextButtonLinkDefault = "var(--color-text-button-link-default-vvunrs, #006ce0)";
477
+ export var colorTextButtonLinkDisabled = "var(--color-text-button-link-disabled-12wh7a, #b4b4bb)";
478
+ export var colorTextButtonLinkHover = "var(--color-text-button-link-hover-kvrc36, #002b66)";
469
479
  export var colorTextButtonPrimaryActive = "var(--color-text-button-primary-active-refmba, #ffffff)";
470
480
  export var colorTextButtonPrimaryDefault = "var(--color-text-button-primary-default-mwl31m, #ffffff)";
471
481
  export var colorTextButtonPrimaryHover = "var(--color-text-button-primary-hover-pw12ep, #ffffff)";
@@ -523,6 +533,10 @@ export var colorTextLayoutToggleHover = "var(--color-text-layout-toggle-hover-9j
523
533
  export var colorTextLayoutToggleSelected = "var(--color-text-layout-toggle-selected-xpximc, #ffffff)";
524
534
  export var colorTextLinkDefault = "var(--color-text-link-default-hude44, #006ce0)";
525
535
  export var colorTextLinkHover = "var(--color-text-link-hover-2hfec2, #002b66)";
536
+ export var colorTextLinkSecondaryDefault = "var(--color-text-link-secondary-default-4p0gj8, #006ce0)";
537
+ export var colorTextLinkSecondaryHover = "var(--color-text-link-secondary-hover-0kzmc4, #002b66)";
538
+ export var colorTextLinkInfoDefault = "var(--color-text-link-info-default-mrmt1i, #006ce0)";
539
+ export var colorTextLinkInfoHover = "var(--color-text-link-info-hover-mu3ega, #002b66)";
526
540
  export var colorTextLinkInvertedHover = "var(--color-text-link-inverted-hover-ocd3u3, #ffffff)";
527
541
  export var colorTextLinkButtonUnderline = "var(--color-text-link-button-underline-z4wjnv, transparent)";
528
542
  export var colorTextLinkButtonUnderlineHover = "var(--color-text-link-button-underline-hover-cn3mqh, transparent)";
@@ -580,9 +594,10 @@ export var fontSizeHeadingS = "var(--font-size-heading-s-zp08en, 16px)";
580
594
  export var fontSizeHeadingXs = "var(--font-size-heading-xs-j8yzxv, 14px)";
581
595
  export var fontSmoothingMozOsx = "var(--font-smoothing-moz-osx-hbm0aq, grayscale)";
582
596
  export var fontSmoothingWebkit = "var(--font-smoothing-webkit-oemolo, antialiased)";
583
- export var fontTabsDisabledWeight = "var(--font-tabs-disabled-weight-e3lt4d, 700)";
584
- export var fontTabsLineHeight = "var(--font-tabs-line-height-5g6n1v, 20px)";
585
- export var fontTabsSize = "var(--font-tabs-size-18irgl, 16px)";
597
+ export var fontSizeTabs = "var(--font-size-tabs-eeo215, 16px)";
598
+ export var fontWeightTabs = "var(--font-weight-tabs-ichxzl, 700)";
599
+ export var fontWeightTabsDisabled = "var(--font-weight-tabs-disabled-v5r551, 700)";
600
+ export var lineHeightTabs = "var(--line-height-tabs-vpnjo7, 20px)";
586
601
  export var fontWayfindingLinkActiveWeight = "var(--font-wayfinding-link-active-weight-ny4hup, 700)";
587
602
  export var fontWeightButton = "var(--font-weight-button-0eg20c, 700)";
588
603
  export var fontWeightAlertHeader = "var(--font-weight-alert-header-zg25o1, 700)";
@@ -631,6 +646,8 @@ export var borderRadiusCalendarDayFocusRing = "var(--border-radius-calendar-day-
631
646
  export var borderRadiusCodeEditor = "var(--border-radius-code-editor-5palck, 8px)";
632
647
  export var borderRadiusCardDefault = "var(--border-radius-card-default-d8ipr7, 16px)";
633
648
  export var borderRadiusCardEmbedded = "var(--border-radius-card-embedded-fvclp8, 8px)";
649
+ export var borderRadiusItemCardDefault = "var(--border-radius-item-card-default-pi9u8q, 16px)";
650
+ export var borderRadiusItemCardEmbedded = "var(--border-radius-item-card-embedded-l0g6e3, 8px)";
634
651
  export var borderRadiusContainer = "var(--border-radius-container-nsfwmm, 16px)";
635
652
  export var borderRadiusControlCircularFocusRing = "var(--border-radius-control-circular-focus-ring-yjhscw, 4px)";
636
653
  export var borderRadiusControlDefaultFocusRing = "var(--border-radius-control-default-focus-ring-1uabki, 4px)";
@@ -650,6 +667,8 @@ export var borderLinkFocusRingOutline = "var(--border-link-focus-ring-outline-1p
650
667
  export var borderLinkFocusRingShadowSpread = "var(--border-link-focus-ring-shadow-spread-39uvxr, 2px)";
651
668
  export var borderWidthCard = "var(--border-width-card-x24gzt, 1px)";
652
669
  export var borderWidthCardHighlighted = "var(--border-width-card-highlighted-x17dhn, 2px)";
670
+ export var borderWidthItemCard = "var(--border-width-item-card-3wmyp3, 1px)";
671
+ export var borderWidthItemCardHighlighted = "var(--border-width-item-card-highlighted-jay4ll, 2px)";
653
672
  export var borderWidthAlert = "var(--border-width-alert-tuifgy, 2px)";
654
673
  export var borderWidthAlertBlockStart = "var(--border-width-alert-block-start-5wbfsk, 2px)";
655
674
  export var borderWidthAlertBlockEnd = "var(--border-width-alert-block-end-q8rr42, 2px)";
@@ -721,6 +740,7 @@ export var spaceAlertMessageRight = "var(--space-alert-message-right-mrjbnn, 4px
721
740
  export var spaceAlertVertical = "var(--space-alert-vertical-dlp5wr, 8px)";
722
741
  export var spaceButtonFocusOutlineGutter = "var(--space-button-focus-outline-gutter-jj138g, 4px)";
723
742
  export var spaceButtonHorizontal = "var(--space-button-horizontal-k0c786, 20px)";
743
+ export var spaceButtonVertical = "var(--space-button-vertical-xaxp6x, 4px)";
724
744
  export var spaceButtonIconFocusOutlineGutterVertical = "var(--space-button-icon-focus-outline-gutter-vertical-r44mtq, 0px)";
725
745
  export var spaceButtonIconOnlyHorizontal = "var(--space-button-icon-only-horizontal-i85hxi, 6px)";
726
746
  export var spaceButtonInlineIconFocusOutlineGutter = "var(--space-button-inline-icon-focus-outline-gutter-zbfgku, 0px)";
@@ -732,6 +752,10 @@ export var spaceCardHorizontalDefault = "var(--space-card-horizontal-default-pih
732
752
  export var spaceCardHorizontalEmbedded = "var(--space-card-horizontal-embedded-sasxhu, 12px)";
733
753
  export var spaceCardVerticalDefault = "var(--space-card-vertical-default-e40tif, 16px)";
734
754
  export var spaceCardVerticalEmbedded = "var(--space-card-vertical-embedded-30pnhg, 10px)";
755
+ export var spaceItemCardHorizontalDefault = "var(--space-item-card-horizontal-default-obq2ks, 20px)";
756
+ export var spaceItemCardHorizontalEmbedded = "var(--space-item-card-horizontal-embedded-e0vef5, 12px)";
757
+ export var spaceItemCardVerticalDefault = "var(--space-item-card-vertical-default-ppqfu4, 16px)";
758
+ export var spaceItemCardVerticalEmbedded = "var(--space-item-card-vertical-embedded-zuozef, 10px)";
735
759
  export var spaceCodeEditorStatusFocusOutlineGutter = "var(--space-code-editor-status-focus-outline-gutter-o87hra, -7px)";
736
760
  export var spaceContainerContentTop = "var(--space-container-content-top-1wtqrc, 4px)";
737
761
  export var spaceContainerHeaderTop = "var(--space-container-header-top-am4vzw, 12px)";
@@ -768,6 +792,7 @@ export var spacePanelSplitBottom = "var(--space-panel-split-bottom-ir16d7, 20px)
768
792
  export var spaceSegmentedControlFocusOutlineGutter = "var(--space-segmented-control-focus-outline-gutter-x1ywqb, 6px)";
769
793
  export var spaceTabsContentTop = "var(--space-tabs-content-top-ju6qox, 12px)";
770
794
  export var spaceTabsFocusOutlineGutter = "var(--space-tabs-focus-outline-gutter-eerrg4, -8px)";
795
+ export var spaceTabsVertical = "var(--space-tabs-vertical-3qxuiu, 4px)";
771
796
  export var spaceTableContentBottom = "var(--space-table-content-bottom-tlfqmq, 4px)";
772
797
  export var spaceTableEmbeddedHeaderTop = "var(--space-table-embedded-header-top-twu628, 0px)";
773
798
  export var spaceTableFooterHorizontal = "var(--space-table-footer-horizontal-l5g495, 0px)";
@@ -818,6 +843,7 @@ export var spaceXl = "var(--space-xl-jfy3x4, 24px)";
818
843
  export var spaceXxl = "var(--space-xxl-32srm4, 32px)";
819
844
  export var spaceXxxl = "var(--space-xxxl-aut1u7, 40px)";
820
845
  export var shadowCard = "var(--shadow-card-hmrw4q, none)";
846
+ export var shadowItemCard = "var(--shadow-item-card-282f8w, none)";
821
847
  export var shadowContainer = "var(--shadow-container-53ltfv, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12))";
822
848
  export var shadowContainerActive = "var(--shadow-container-active-ypjjoc, 0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a)";
823
849
  export var shadowDropdown = "var(--shadow-dropdown-isf0w4, 0px 4px 20px 1px rgba(0, 7, 22, 0.10))";