@cloudscape-design/components-themeable 3.0.1303 → 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 (16) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  3. package/lib/internal/scss/status-indicator/styles.scss +22 -0
  4. package/lib/internal/template/internal/base-component/styles.scoped.css +51 -43
  5. package/lib/internal/template/internal/environment.js +2 -2
  6. package/lib/internal/template/internal/environment.json +2 -2
  7. package/lib/internal/template/internal/generated/styles/tokens.d.ts +33 -26
  8. package/lib/internal/template/internal/generated/styles/tokens.js +33 -26
  9. package/lib/internal/template/internal/generated/theming/index.cjs +289 -113
  10. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +216 -153
  11. package/lib/internal/template/internal/generated/theming/index.d.ts +216 -153
  12. package/lib/internal/template/internal/generated/theming/index.js +289 -113
  13. package/lib/internal/template/status-indicator/styles.css.js +24 -24
  14. package/lib/internal/template/status-indicator/styles.scoped.css +64 -30
  15. package/lib/internal/template/status-indicator/styles.selectors.js +24 -24
  16. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "bc6c9867e7e3bce040ba4a3a659640c3b328eead"
2
+ "commit": "d6bd1774f1b73d8aa783d78ccc52c4ee6f6d9b2b"
3
3
  }
package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "bc6c9867";
3
+ $awsui-commit-hash: "d6bd1774";
4
4
  // Manually managed CSS-variables
5
5
  $maxContentWidth: --awsui-max-content-width-6b9ypa;
6
6
  $minContentWidth: --awsui-min-content-width-6b9ypa;
package/lib/internal/scss/status-indicator/styles.scss CHANGED
@@ -29,6 +29,18 @@ $_color-overrides: (
29
29
  'yellow': awsui.$color-text-status-warning,
30
30
  );
31
31
 
32
+ $_status-backgrounds: (
33
+ 'error': awsui.$color-background-status-indicator-error,
34
+ 'warning': awsui.$color-background-status-indicator-warning,
35
+ 'success': awsui.$color-background-status-indicator-success,
36
+ 'info': awsui.$color-background-status-indicator-info,
37
+ 'stopped': awsui.$color-background-status-indicator-neutral,
38
+ 'pending': awsui.$color-background-status-indicator-neutral,
39
+ 'in-progress': awsui.$color-background-status-indicator-neutral,
40
+ 'loading': awsui.$color-background-status-indicator-neutral,
41
+ 'not-started': awsui.$color-background-status-indicator-neutral,
42
+ );
43
+
32
44
  .root {
33
45
  @include styles.default-text-style;
34
46
  @each $status in map.keys($_status-colors) {
@@ -41,9 +53,19 @@ $_color-overrides: (
41
53
  color: #{map.get($_color-overrides, $color)};
42
54
  }
43
55
  }
56
+ @each $status in map.keys($_status-backgrounds) {
57
+ &.status-#{$status} > .container {
58
+ background: #{map.get($_status-backgrounds, $status)};
59
+ }
60
+ }
44
61
  }
45
62
 
46
63
  .container {
64
+ padding-inline: awsui.$space-status-indicator-padding-horizontal;
65
+ border-start-start-radius: awsui.$border-radius-status-indicator;
66
+ border-start-end-radius: awsui.$border-radius-status-indicator;
67
+ border-end-start-radius: awsui.$border-radius-status-indicator;
68
+ border-end-end-radius: awsui.$border-radius-status-indicator;
47
69
  &.display-inline {
48
70
  @include styles.text-wrapping;
49
71
  display: inline;
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -344,6 +344,11 @@
344
344
  --color-background-avatar-default-yhbpq4:var(--color-neutral-650-92yp10);
345
345
  --color-text-avatar-3ceqkg:var(--color-white-jf0w15);
346
346
  --color-background-loading-bar-gen-ai-dx9ipo:linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%);
347
+ --color-background-status-indicator-error-621sf8:transparent;
348
+ --color-background-status-indicator-warning-3kccdi:transparent;
349
+ --color-background-status-indicator-success-9mizpw:transparent;
350
+ --color-background-status-indicator-info-zw9ljm:transparent;
351
+ --color-background-status-indicator-neutral-50dvgi:transparent;
347
352
  --color-background-chat-bubble-outgoing-ramyaa:transparent;
348
353
  --color-background-chat-bubble-incoming-m85frs:var(--color-neutral-200-z3mmn9);
349
354
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
@@ -634,60 +639,61 @@
634
639
  --border-line-chart-dash-array-9wbxtz:3 5;
635
640
  --border-line-chart-line-join-azfkix:miter;
636
641
  --border-line-chart-width-aeswqs:2px;
642
+ --border-link-focus-ring-outline-c5423y:5px auto Highlight;
643
+ --border-link-focus-ring-shadow-spread-woh62o:0px;
637
644
  --border-panel-header-width-r62i4a:0px;
638
645
  --border-panel-top-width-a8j764:0px;
646
+ --border-radius-action-card-default-lfmdfw:var(--border-radius-card-default-45b7vy);
647
+ --border-radius-action-card-embedded-yc37lz:var(--border-radius-card-embedded-gvuteo);
639
648
  --border-radius-alert-v9spjj:var(--border-radius-input-4vr9on);
640
649
  --border-radius-badge-o70tla:16px;
641
650
  --border-radius-button-vm1lh4:2px;
642
651
  --border-radius-calendar-day-focus-ring-1443fe:2px;
643
- --border-radius-code-editor-pxxwyo:var(--border-radius-item-xggxkd);
644
652
  --border-radius-card-default-45b7vy:var(--border-radius-container-l30zxy);
645
653
  --border-radius-card-embedded-gvuteo:var(--border-radius-chat-bubble-yzqw4v);
646
- --border-radius-item-card-default-puscs7:var(--border-radius-card-default-45b7vy);
647
- --border-radius-item-card-embedded-z6yq9n:var(--border-radius-card-embedded-gvuteo);
654
+ --border-radius-chat-bubble-yzqw4v:2px;
655
+ --border-radius-code-editor-pxxwyo:var(--border-radius-item-xggxkd);
648
656
  --border-radius-container-l30zxy:0px;
649
657
  --border-radius-control-circular-focus-ring-0v2apg:50%;
650
658
  --border-radius-control-default-focus-ring-9xsko1:var(--border-radius-input-4vr9on);
651
659
  --border-radius-dropdown-oaxffg:var(--border-radius-item-xggxkd);
652
660
  --border-radius-dropzone-n713ay:0px;
653
661
  --border-radius-flashbar-4ael4o:0px;
654
- --border-radius-item-xggxkd:0px;
655
662
  --border-radius-input-4vr9on:2px;
663
+ --border-radius-item-xggxkd:0px;
664
+ --border-radius-item-card-default-puscs7:var(--border-radius-card-default-45b7vy);
665
+ --border-radius-item-card-embedded-z6yq9n:var(--border-radius-card-embedded-gvuteo);
656
666
  --border-radius-popover-emyrcc:var(--border-radius-input-4vr9on);
667
+ --border-radius-skeleton-r8data:8px;
668
+ --border-radius-status-indicator-42rwc5:var(--border-radius-badge-o70tla);
657
669
  --border-radius-tabs-focus-ring-ciyqfm:0px;
658
670
  --border-radius-tiles-5li9yd:var(--border-radius-input-4vr9on);
659
671
  --border-radius-token-8arsz0:var(--border-radius-input-4vr9on);
660
- --border-radius-chat-bubble-yzqw4v:2px;
661
672
  --border-radius-tutorial-panel-item-9xcrp2:var(--border-radius-input-4vr9on);
662
673
  --border-table-sticky-width-o9kqes:0px;
663
- --border-link-focus-ring-outline-c5423y:5px auto Highlight;
664
- --border-link-focus-ring-shadow-spread-woh62o:0px;
665
- --border-width-card-xmgn65:0px;
666
- --border-width-card-selected-8fhyq1:var(--border-item-width-acvlhx);
667
- --border-width-item-card-qzwn4s:var(--border-width-card-xmgn65);
668
- --border-width-item-selected-7rbija:var(--border-item-width-acvlhx);
674
+ --border-width-action-card-active-qw9sq5:1px;
675
+ --border-width-action-card-default-hax7i5:1px;
676
+ --border-width-action-card-disabled-8qg2x7:1px;
677
+ --border-width-action-card-hover-v5f1fk:1px;
669
678
  --border-width-alert-5zfcv3:1px;
670
- --border-width-alert-block-start-oj3q3w:var(--border-width-alert-5zfcv3);
671
679
  --border-width-alert-block-end-97hkl4:var(--border-width-alert-5zfcv3);
672
- --border-width-alert-inline-start-18a8dl:var(--border-width-alert-5zfcv3);
680
+ --border-width-alert-block-start-oj3q3w:var(--border-width-alert-5zfcv3);
673
681
  --border-width-alert-inline-end-ftlxmm:var(--border-width-alert-5zfcv3);
682
+ --border-width-alert-inline-start-18a8dl:var(--border-width-alert-5zfcv3);
674
683
  --border-width-button-40y1n5:1px;
684
+ --border-width-card-xmgn65:0px;
685
+ --border-width-card-selected-8fhyq1:var(--border-item-width-acvlhx);
675
686
  --border-width-dropdown-qic2p4:1px;
676
687
  --border-width-field-9k1tdz:1px;
677
- --border-width-popover-dgqo1x:1px;
678
- --border-width-token-cwl2sl:1px;
679
- --border-width-icon-small-vdkeni:2px;
680
- --border-width-icon-normal-yqojud:2px;
681
- --border-width-icon-medium-hkvbnl:2px;
682
688
  --border-width-icon-big-bbcgm5:3px;
683
689
  --border-width-icon-large-d362l9:4px;
684
- --border-radius-action-card-default-lfmdfw:var(--border-radius-card-default-45b7vy);
685
- --border-radius-action-card-embedded-yc37lz:var(--border-radius-card-embedded-gvuteo);
686
- --border-width-action-card-default-hax7i5:1px;
687
- --border-width-action-card-hover-v5f1fk:1px;
688
- --border-width-action-card-active-qw9sq5:1px;
689
- --border-width-action-card-disabled-8qg2x7:1px;
690
- --border-radius-skeleton-r8data:8px;
690
+ --border-width-icon-medium-hkvbnl:2px;
691
+ --border-width-icon-normal-yqojud:2px;
692
+ --border-width-icon-small-vdkeni:2px;
693
+ --border-width-item-card-qzwn4s:var(--border-width-card-xmgn65);
694
+ --border-width-item-selected-7rbija:var(--border-item-width-acvlhx);
695
+ --border-width-popover-dgqo1x:1px;
696
+ --border-width-token-cwl2sl:1px;
691
697
  --motion-duration-extra-slow-j8l6m4:270ms;
692
698
  --motion-duration-fast-okdxjh:90ms;
693
699
  --motion-duration-moderate-24bai8:135ms;
@@ -812,6 +818,7 @@
812
818
  --space-action-card-description-padding-top-h441rh:var(--space-scaled-xxs-jatbiv);
813
819
  --space-option-padding-vertical-uomfe1:var(--space-xxs-jnczic);
814
820
  --space-option-padding-horizontal-kfszlb:var(--space-l-3cws6j);
821
+ --space-status-indicator-padding-horizontal-hzqgcr:var(--space-none-ilazlc);
815
822
  --space-scaled-2x-xxs-is489k:var(--space-xxs-jnczic);
816
823
  --space-scaled-2x-m-gw45gq:var(--space-m-n2lypl);
817
824
  --space-scaled-2x-l-hgjmqp:var(--space-l-3cws6j);
@@ -1862,36 +1869,36 @@
1862
1869
  --border-invalid-width-z5cnpo:8px;
1863
1870
  --border-item-width-acvlhx:2px;
1864
1871
  --border-line-chart-line-join-azfkix:round;
1872
+ --border-link-focus-ring-outline-c5423y:0;
1873
+ --border-link-focus-ring-shadow-spread-woh62o:2px;
1865
1874
  --border-panel-header-width-r62i4a:1px;
1866
1875
  --border-panel-top-width-a8j764:1px;
1867
1876
  --border-radius-alert-v9spjj:var(--border-radius-flashbar-4ael4o);
1868
1877
  --border-radius-badge-o70tla:4px;
1869
1878
  --border-radius-button-vm1lh4:20px;
1870
1879
  --border-radius-calendar-day-focus-ring-1443fe:3px;
1880
+ --border-radius-chat-bubble-yzqw4v:8px;
1871
1881
  --border-radius-code-editor-pxxwyo:var(--border-radius-input-4vr9on);
1872
1882
  --border-radius-container-l30zxy:16px;
1873
1883
  --border-radius-control-circular-focus-ring-0v2apg:4px;
1874
1884
  --border-radius-control-default-focus-ring-9xsko1:4px;
1875
1885
  --border-radius-dropzone-n713ay:12px;
1876
1886
  --border-radius-flashbar-4ael4o:12px;
1877
- --border-radius-item-xggxkd:8px;
1878
1887
  --border-radius-input-4vr9on:8px;
1888
+ --border-radius-item-xggxkd:8px;
1879
1889
  --border-radius-tabs-focus-ring-ciyqfm:20px;
1880
- --border-radius-chat-bubble-yzqw4v:8px;
1881
1890
  --border-table-sticky-width-o9kqes:1px;
1882
- --border-link-focus-ring-outline-c5423y:0;
1883
- --border-link-focus-ring-shadow-spread-woh62o:2px;
1884
- --border-width-card-xmgn65:var(--border-divider-section-width-sznrdy);
1885
- --border-width-item-selected-7rbija:2px;
1891
+ --border-width-action-card-active-qw9sq5:var(--border-width-card-xmgn65);
1892
+ --border-width-action-card-default-hax7i5:var(--border-width-card-xmgn65);
1893
+ --border-width-action-card-disabled-8qg2x7:var(--border-width-card-xmgn65);
1894
+ --border-width-action-card-hover-v5f1fk:var(--border-width-card-xmgn65);
1886
1895
  --border-width-alert-5zfcv3:2px;
1887
1896
  --border-width-button-40y1n5:2px;
1897
+ --border-width-card-xmgn65:var(--border-divider-section-width-sznrdy);
1888
1898
  --border-width-dropdown-qic2p4:2px;
1899
+ --border-width-item-selected-7rbija:2px;
1889
1900
  --border-width-popover-dgqo1x:2px;
1890
1901
  --border-width-token-cwl2sl:2px;
1891
- --border-width-action-card-default-hax7i5:var(--border-width-card-xmgn65);
1892
- --border-width-action-card-hover-v5f1fk:var(--border-width-card-xmgn65);
1893
- --border-width-action-card-active-qw9sq5:var(--border-width-card-xmgn65);
1894
- --border-width-action-card-disabled-8qg2x7:var(--border-width-card-xmgn65);
1895
1902
  --motion-duration-refresh-only-fast-v9rk6z:115ms;
1896
1903
  --motion-duration-refresh-only-medium-h3wrr6:165ms;
1897
1904
  --motion-duration-refresh-only-slow-zil3nj:250ms;
@@ -2160,23 +2167,24 @@
2160
2167
  --font-weight-key-value-pairs-label-n8tgha:var(--font-display-label-weight-ise9n2);
2161
2168
  --line-height-form-label-kzgcrc:var(--line-height-body-m-bedeoh);
2162
2169
  --line-height-key-value-pairs-label-c69v6r:var(--line-height-body-m-bedeoh);
2170
+ --border-radius-action-card-default-lfmdfw:var(--border-radius-card-default-45b7vy);
2171
+ --border-radius-action-card-embedded-yc37lz:var(--border-radius-card-embedded-gvuteo);
2163
2172
  --border-radius-card-default-45b7vy:var(--border-radius-container-l30zxy);
2164
2173
  --border-radius-card-embedded-gvuteo:var(--border-radius-chat-bubble-yzqw4v);
2174
+ --border-radius-dropdown-oaxffg:var(--border-radius-item-xggxkd);
2165
2175
  --border-radius-item-card-default-puscs7:var(--border-radius-card-default-45b7vy);
2166
2176
  --border-radius-item-card-embedded-z6yq9n:var(--border-radius-card-embedded-gvuteo);
2167
- --border-radius-dropdown-oaxffg:var(--border-radius-item-xggxkd);
2168
2177
  --border-radius-popover-emyrcc:var(--border-radius-input-4vr9on);
2178
+ --border-radius-status-indicator-42rwc5:var(--border-radius-badge-o70tla);
2169
2179
  --border-radius-tiles-5li9yd:var(--border-radius-input-4vr9on);
2170
2180
  --border-radius-token-8arsz0:var(--border-radius-input-4vr9on);
2171
2181
  --border-radius-tutorial-panel-item-9xcrp2:var(--border-radius-input-4vr9on);
2172
- --border-width-card-selected-8fhyq1:var(--border-item-width-acvlhx);
2173
- --border-width-item-card-qzwn4s:var(--border-width-card-xmgn65);
2174
- --border-width-alert-block-start-oj3q3w:var(--border-width-alert-5zfcv3);
2175
2182
  --border-width-alert-block-end-97hkl4:var(--border-width-alert-5zfcv3);
2176
- --border-width-alert-inline-start-18a8dl:var(--border-width-alert-5zfcv3);
2183
+ --border-width-alert-block-start-oj3q3w:var(--border-width-alert-5zfcv3);
2177
2184
  --border-width-alert-inline-end-ftlxmm:var(--border-width-alert-5zfcv3);
2178
- --border-radius-action-card-default-lfmdfw:var(--border-radius-card-default-45b7vy);
2179
- --border-radius-action-card-embedded-yc37lz:var(--border-radius-card-embedded-gvuteo);
2185
+ --border-width-alert-inline-start-18a8dl:var(--border-width-alert-5zfcv3);
2186
+ --border-width-card-selected-8fhyq1:var(--border-item-width-acvlhx);
2187
+ --border-width-item-card-qzwn4s:var(--border-width-card-xmgn65);
2180
2188
  --space-item-card-vertical-default-uncyor:var(--space-card-vertical-default-wltzyi);
2181
2189
  --space-table-footer-horizontal-x9dbll:var(--space-table-header-horizontal-2rvxep);
2182
2190
  --space-action-card-vertical-default-ootu94:var(--space-card-vertical-default-wltzyi);
@@ -3704,5 +3712,5 @@
3704
3712
  }
3705
3713
  }
3706
3714
  :root {
3707
- --awsui-version-info-bc6c9867: true;
3715
+ --awsui-version-info-d6bd1774: true;
3708
3716
  }
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (bc6c9867)";
3
- export var GIT_SHA = "bc6c9867";
2
+ export var PACKAGE_VERSION = "3.0.0 (d6bd1774)";
3
+ export var GIT_SHA = "d6bd1774";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (bc6c9867)",
4
- "GIT_SHA": "bc6c9867",
3
+ "PACKAGE_VERSION": "3.0.0 (d6bd1774)",
4
+ "GIT_SHA": "d6bd1774",
5
5
  "THEME": "default",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": false
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;
@@ -675,61 +680,62 @@ export const borderItemWidth: string;
675
680
  export const borderLineChartDashArray: string;
676
681
  export const borderLineChartLineJoin: string;
677
682
  export const borderLineChartWidth: string;
683
+ export const borderLinkFocusRingOutline: string;
684
+ export const borderLinkFocusRingShadowSpread: string;
678
685
  export const borderPanelHeaderWidth: string;
679
686
  export const borderPanelTopWidth: string;
687
+ export const borderRadiusActionCardDefault: string;
688
+ export const borderRadiusActionCardEmbedded: string;
680
689
  export const borderRadiusAlert: string;
681
690
  export const borderRadiusBadge: string;
682
691
  export const borderRadiusButton: string;
683
692
  export const borderRadiusCalendarDayFocusRing: string;
684
- export const borderRadiusCodeEditor: string;
685
693
  export const borderRadiusCardDefault: string;
686
694
  export const borderRadiusCardEmbedded: string;
687
- export const borderRadiusItemCardDefault: string;
688
- export const borderRadiusItemCardEmbedded: string;
695
+ export const borderRadiusChatBubble: string;
696
+ export const borderRadiusCodeEditor: string;
689
697
  export const borderRadiusContainer: string;
690
698
  export const borderRadiusControlCircularFocusRing: string;
691
699
  export const borderRadiusControlDefaultFocusRing: string;
692
700
  export const borderRadiusDropdown: string;
693
701
  export const borderRadiusDropzone: string;
694
702
  export const borderRadiusFlashbar: string;
695
- export const borderRadiusItem: string;
696
703
  export const borderRadiusInput: string;
704
+ export const borderRadiusItem: string;
705
+ export const borderRadiusItemCardDefault: string;
706
+ export const borderRadiusItemCardEmbedded: string;
697
707
  export const borderRadiusPopover: string;
708
+ export const borderRadiusSkeleton: string;
709
+ export const borderRadiusStatusIndicator: string;
698
710
  export const borderRadiusTabsFocusRing: string;
699
711
  export const borderRadiusTiles: string;
700
712
  export const borderRadiusToken: string;
701
- export const borderRadiusChatBubble: string;
702
713
  export const borderRadiusTutorialPanelItem: string;
703
714
  export const borderTableStickyWidth: string;
704
- export const borderLinkFocusRingOutline: string;
705
- export const borderLinkFocusRingShadowSpread: string;
706
- export const borderWidthCard: string;
707
- export const borderWidthCardSelected: string;
708
- export const borderWidthItemCard: string;
709
- export const borderWidthItemCardHighlighted: string;
710
- export const borderWidthItemSelected: string;
715
+ export const borderWidthActionCardActive: string;
716
+ export const borderWidthActionCardDefault: string;
717
+ export const borderWidthActionCardDisabled: string;
718
+ export const borderWidthActionCardHover: string;
711
719
  export const borderWidthAlert: string;
712
- export const borderWidthAlertBlockStart: string;
713
720
  export const borderWidthAlertBlockEnd: string;
714
- export const borderWidthAlertInlineStart: string;
721
+ export const borderWidthAlertBlockStart: string;
715
722
  export const borderWidthAlertInlineEnd: string;
723
+ export const borderWidthAlertInlineStart: string;
716
724
  export const borderWidthButton: string;
725
+ export const borderWidthCard: string;
726
+ export const borderWidthCardSelected: string;
717
727
  export const borderWidthDropdown: string;
718
728
  export const borderWidthField: string;
719
- export const borderWidthPopover: string;
720
- export const borderWidthToken: string;
721
- export const borderWidthIconSmall: string;
722
- export const borderWidthIconNormal: string;
723
- export const borderWidthIconMedium: string;
724
729
  export const borderWidthIconBig: string;
725
730
  export const borderWidthIconLarge: string;
726
- export const borderRadiusActionCardDefault: string;
727
- export const borderRadiusActionCardEmbedded: string;
728
- export const borderWidthActionCardDefault: string;
729
- export const borderWidthActionCardHover: string;
730
- export const borderWidthActionCardActive: string;
731
- export const borderWidthActionCardDisabled: string;
732
- 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;
733
739
  export const motionDurationExtraFast: string;
734
740
  export const motionDurationExtraSlow: string;
735
741
  export const motionDurationFast: string;
@@ -859,6 +865,7 @@ export const spaceActionCardDescriptionPaddingTop: string;
859
865
  export const spaceActionCardContentPaddingTop: string;
860
866
  export const spaceOptionPaddingVertical: string;
861
867
  export const spaceOptionPaddingHorizontal: string;
868
+ export const spaceStatusIndicatorPaddingHorizontal: string;
862
869
  export const spaceScaled2xNone: string;
863
870
  export const spaceScaled2xXxxs: string;
864
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)";
@@ -675,61 +680,62 @@ export var borderItemWidth = "var(--border-item-width-miijiw, 2px)";
675
680
  export var borderLineChartDashArray = "var(--border-line-chart-dash-array-desefi, 3 5)";
676
681
  export var borderLineChartLineJoin = "var(--border-line-chart-line-join-aslwou, round)";
677
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)";
678
685
  export var borderPanelHeaderWidth = "var(--border-panel-header-width-t1iq1m, 1px)";
679
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)";
680
689
  export var borderRadiusAlert = "var(--border-radius-alert-syagf6, 12px)";
681
690
  export var borderRadiusBadge = "var(--border-radius-badge-exolfb, 4px)";
682
691
  export var borderRadiusButton = "var(--border-radius-button-7bgkcs, 20px)";
683
692
  export var borderRadiusCalendarDayFocusRing = "var(--border-radius-calendar-day-focus-ring-xvvbuc, 3px)";
684
- export var borderRadiusCodeEditor = "var(--border-radius-code-editor-5palck, 8px)";
685
693
  export var borderRadiusCardDefault = "var(--border-radius-card-default-d8ipr7, 16px)";
686
694
  export var borderRadiusCardEmbedded = "var(--border-radius-card-embedded-fvclp8, 8px)";
687
- export var borderRadiusItemCardDefault = "var(--border-radius-item-card-default-pi9u8q, 16px)";
688
- 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)";
689
697
  export var borderRadiusContainer = "var(--border-radius-container-nsfwmm, 16px)";
690
698
  export var borderRadiusControlCircularFocusRing = "var(--border-radius-control-circular-focus-ring-yjhscw, 4px)";
691
699
  export var borderRadiusControlDefaultFocusRing = "var(--border-radius-control-default-focus-ring-1uabki, 4px)";
692
700
  export var borderRadiusDropdown = "var(--border-radius-dropdown-fgc2a1, 8px)";
693
701
  export var borderRadiusDropzone = "var(--border-radius-dropzone-eklq14, 12px)";
694
702
  export var borderRadiusFlashbar = "var(--border-radius-flashbar-pp1ptu, 12px)";
695
- export var borderRadiusItem = "var(--border-radius-item-iwaia5, 8px)";
696
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)";
697
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)";
698
710
  export var borderRadiusTabsFocusRing = "var(--border-radius-tabs-focus-ring-o4qku1, 20px)";
699
711
  export var borderRadiusTiles = "var(--border-radius-tiles-wm1vgw, 8px)";
700
712
  export var borderRadiusToken = "var(--border-radius-token-ycnemh, 8px)";
701
- export var borderRadiusChatBubble = "var(--border-radius-chat-bubble-haafsg, 8px)";
702
713
  export var borderRadiusTutorialPanelItem = "var(--border-radius-tutorial-panel-item-ojaqxg, 8px)";
703
714
  export var borderTableStickyWidth = "var(--border-table-sticky-width-ai31mi, 1px)";
704
- export var borderLinkFocusRingOutline = "var(--border-link-focus-ring-outline-1p0hnu, 0)";
705
- export var borderLinkFocusRingShadowSpread = "var(--border-link-focus-ring-shadow-spread-39uvxr, 2px)";
706
- export var borderWidthCard = "var(--border-width-card-x24gzt, 1px)";
707
- export var borderWidthCardSelected = "var(--border-width-card-selected-01i6br, 2px)";
708
- export var borderWidthItemCard = "var(--border-width-item-card-3wmyp3, 1px)";
709
- export var borderWidthItemCardHighlighted = "var(--border-width-item-card-highlighted-jay4ll, 2px)";
710
- 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)";
711
719
  export var borderWidthAlert = "var(--border-width-alert-tuifgy, 2px)";
712
- export var borderWidthAlertBlockStart = "var(--border-width-alert-block-start-5wbfsk, 2px)";
713
720
  export var borderWidthAlertBlockEnd = "var(--border-width-alert-block-end-q8rr42, 2px)";
714
- export var borderWidthAlertInlineStart = "var(--border-width-alert-inline-start-gjm6m1, 2px)";
721
+ export var borderWidthAlertBlockStart = "var(--border-width-alert-block-start-5wbfsk, 2px)";
715
722
  export var borderWidthAlertInlineEnd = "var(--border-width-alert-inline-end-9s426v, 2px)";
723
+ export var borderWidthAlertInlineStart = "var(--border-width-alert-inline-start-gjm6m1, 2px)";
716
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)";
717
727
  export var borderWidthDropdown = "var(--border-width-dropdown-youcay, 2px)";
718
728
  export var borderWidthField = "var(--border-width-field-2xc78x, 1px)";
719
- export var borderWidthPopover = "var(--border-width-popover-nflirh, 2px)";
720
- export var borderWidthToken = "var(--border-width-token-2ukdpu, 2px)";
721
- export var borderWidthIconSmall = "var(--border-width-icon-small-z55i5t, 2px)";
722
- export var borderWidthIconNormal = "var(--border-width-icon-normal-9h7vj7, 2px)";
723
- export var borderWidthIconMedium = "var(--border-width-icon-medium-b7icqv, 2px)";
724
729
  export var borderWidthIconBig = "var(--border-width-icon-big-ymgy42, 3px)";
725
730
  export var borderWidthIconLarge = "var(--border-width-icon-large-u645rg, 4px)";
726
- export var borderRadiusActionCardDefault = "var(--border-radius-action-card-default-ejctkq, 16px)";
727
- export var borderRadiusActionCardEmbedded = "var(--border-radius-action-card-embedded-3y65t8, 8px)";
728
- export var borderWidthActionCardDefault = "var(--border-width-action-card-default-jy3kut, 1px)";
729
- export var borderWidthActionCardHover = "var(--border-width-action-card-hover-02l6fg, 1px)";
730
- export var borderWidthActionCardActive = "var(--border-width-action-card-active-pwtgzu, 1px)";
731
- export var borderWidthActionCardDisabled = "var(--border-width-action-card-disabled-rdvlbc, 1px)";
732
- 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)";
733
739
  export var motionDurationExtraFast = "var(--motion-duration-extra-fast-l4w48j, 45ms)";
734
740
  export var motionDurationExtraSlow = "var(--motion-duration-extra-slow-29bqym, 270ms)";
735
741
  export var motionDurationFast = "var(--motion-duration-fast-unntf6, 90ms)";
@@ -859,6 +865,7 @@ export var spaceActionCardDescriptionPaddingTop = "var(--space-action-card-descr
859
865
  export var spaceActionCardContentPaddingTop = "var(--space-action-card-content-padding-top-bew8kj, 8px)";
860
866
  export var spaceOptionPaddingVertical = "var(--space-option-padding-vertical-d2srv9, 4px)";
861
867
  export var spaceOptionPaddingHorizontal = "var(--space-option-padding-horizontal-4taa4b, 20px)";
868
+ export var spaceStatusIndicatorPaddingHorizontal = "var(--space-status-indicator-padding-horizontal-xv70fu, 0px)";
862
869
  export var spaceScaled2xNone = "var(--space-scaled-2x-none-987dp7, 0px)";
863
870
  export var spaceScaled2xXxxs = "var(--space-scaled-2x-xxxs-reumxj, 2px)";
864
871
  export var spaceScaled2xXxs = "var(--space-scaled-2x-xxs-e79hr1, 4px)";