@cloudscape-design/components-themeable 3.0.1312 → 3.0.1313

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 (109) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/button-dropdown/category-elements/styles.scss +5 -0
  3. package/lib/internal/scss/button-dropdown/styles.scss +14 -0
  4. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  5. package/lib/internal/scss/internal/styles/utils/theming.scss +6 -0
  6. package/lib/internal/scss/segmented-control/styles.scss +2 -2
  7. package/lib/internal/scss/steps/styles.scss +39 -0
  8. package/lib/internal/scss/table/header-cell/styles.scss +13 -2
  9. package/lib/internal/scss/table/resizer/styles.scss +9 -1
  10. package/lib/internal/scss/toggle/styles.scss +1 -1
  11. package/lib/internal/scss/toggle-button/styles.scss +7 -1
  12. package/lib/internal/scss/token/mixins.scss +4 -4
  13. package/lib/internal/scss/token/styles.scss +7 -0
  14. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  15. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js +4 -2
  16. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  17. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
  18. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js +4 -2
  19. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  20. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +19 -18
  21. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +32 -28
  22. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +19 -18
  23. package/lib/internal/template/button-dropdown/index.d.ts.map +1 -1
  24. package/lib/internal/template/button-dropdown/index.js +4 -3
  25. package/lib/internal/template/button-dropdown/index.js.map +1 -1
  26. package/lib/internal/template/button-dropdown/interfaces.d.ts +22 -0
  27. package/lib/internal/template/button-dropdown/interfaces.d.ts.map +1 -1
  28. package/lib/internal/template/button-dropdown/interfaces.js.map +1 -1
  29. package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
  30. package/lib/internal/template/button-dropdown/internal.js +14 -6
  31. package/lib/internal/template/button-dropdown/internal.js.map +1 -1
  32. package/lib/internal/template/button-dropdown/styles.css.js +23 -22
  33. package/lib/internal/template/button-dropdown/styles.scoped.css +36 -30
  34. package/lib/internal/template/button-dropdown/styles.selectors.js +23 -22
  35. package/lib/internal/template/button-group/interfaces.d.ts +12 -1
  36. package/lib/internal/template/button-group/interfaces.d.ts.map +1 -1
  37. package/lib/internal/template/button-group/interfaces.js.map +1 -1
  38. package/lib/internal/template/button-group/menu-dropdown-item.d.ts.map +1 -1
  39. package/lib/internal/template/button-group/menu-dropdown-item.js +2 -1
  40. package/lib/internal/template/button-group/menu-dropdown-item.js.map +1 -1
  41. package/lib/internal/template/internal/base-component/styles.scoped.css +59 -1
  42. package/lib/internal/template/internal/components/checkbox-icon/index.d.ts.map +1 -1
  43. package/lib/internal/template/internal/components/checkbox-icon/index.js +11 -2
  44. package/lib/internal/template/internal/components/checkbox-icon/index.js.map +1 -1
  45. package/lib/internal/template/internal/environment.js +2 -2
  46. package/lib/internal/template/internal/environment.json +2 -2
  47. package/lib/internal/template/internal/generated/styles/tokens.d.ts +7 -0
  48. package/lib/internal/template/internal/generated/styles/tokens.js +7 -0
  49. package/lib/internal/template/internal/generated/theming/index.cjs +203 -0
  50. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +63 -0
  51. package/lib/internal/template/internal/generated/theming/index.d.ts +63 -0
  52. package/lib/internal/template/internal/generated/theming/index.js +203 -0
  53. package/lib/internal/template/internal/utils/throttle.d.ts.map +1 -1
  54. package/lib/internal/template/internal/utils/throttle.js +3 -1
  55. package/lib/internal/template/internal/utils/throttle.js.map +1 -1
  56. package/lib/internal/template/progress-bar/index.d.ts.map +1 -1
  57. package/lib/internal/template/progress-bar/index.js +1 -0
  58. package/lib/internal/template/progress-bar/index.js.map +1 -1
  59. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  60. package/lib/internal/template/segmented-control/styles.scoped.css +34 -34
  61. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  62. package/lib/internal/template/steps/internal.d.ts.map +1 -1
  63. package/lib/internal/template/steps/internal.js +20 -6
  64. package/lib/internal/template/steps/internal.js.map +1 -1
  65. package/lib/internal/template/steps/styles.css.js +12 -9
  66. package/lib/internal/template/steps/styles.scoped.css +43 -15
  67. package/lib/internal/template/steps/styles.selectors.js +12 -9
  68. package/lib/internal/template/table/header-cell/group-header-cell.d.ts.map +1 -1
  69. package/lib/internal/template/table/header-cell/group-header-cell.js +1 -1
  70. package/lib/internal/template/table/header-cell/group-header-cell.js.map +1 -1
  71. package/lib/internal/template/table/header-cell/index.d.ts.map +1 -1
  72. package/lib/internal/template/table/header-cell/index.js +2 -1
  73. package/lib/internal/template/table/header-cell/index.js.map +1 -1
  74. package/lib/internal/template/table/header-cell/styles.css.js +33 -33
  75. package/lib/internal/template/table/header-cell/styles.scoped.css +81 -74
  76. package/lib/internal/template/table/header-cell/styles.selectors.js +33 -33
  77. package/lib/internal/template/table/resizer/index.d.ts +4 -2
  78. package/lib/internal/template/table/resizer/index.d.ts.map +1 -1
  79. package/lib/internal/template/table/resizer/index.js +4 -4
  80. package/lib/internal/template/table/resizer/index.js.map +1 -1
  81. package/lib/internal/template/table/resizer/styles.css.js +17 -16
  82. package/lib/internal/template/table/resizer/styles.scoped.css +32 -24
  83. package/lib/internal/template/table/resizer/styles.selectors.js +17 -16
  84. package/lib/internal/template/table/selection/selection-cell.d.ts +2 -1
  85. package/lib/internal/template/table/selection/selection-cell.d.ts.map +1 -1
  86. package/lib/internal/template/table/selection/selection-cell.js +2 -2
  87. package/lib/internal/template/table/selection/selection-cell.js.map +1 -1
  88. package/lib/internal/template/table/thead.d.ts.map +1 -1
  89. package/lib/internal/template/table/thead.js +1 -1
  90. package/lib/internal/template/table/thead.js.map +1 -1
  91. package/lib/internal/template/toggle/styles.css.js +10 -10
  92. package/lib/internal/template/toggle/styles.scoped.css +18 -18
  93. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  94. package/lib/internal/template/toggle-button/internal.d.ts.map +1 -1
  95. package/lib/internal/template/toggle-button/internal.js +3 -1
  96. package/lib/internal/template/toggle-button/internal.js.map +1 -1
  97. package/lib/internal/template/toggle-button/styles.css.js +4 -3
  98. package/lib/internal/template/toggle-button/styles.scoped.css +8 -3
  99. package/lib/internal/template/toggle-button/styles.selectors.js +4 -3
  100. package/lib/internal/template/token/dismiss-button.d.ts.map +1 -1
  101. package/lib/internal/template/token/dismiss-button.js +3 -1
  102. package/lib/internal/template/token/dismiss-button.js.map +1 -1
  103. package/lib/internal/template/token/internal.d.ts.map +1 -1
  104. package/lib/internal/template/token/internal.js +11 -3
  105. package/lib/internal/template/token/internal.js.map +1 -1
  106. package/lib/internal/template/token/styles.css.js +14 -14
  107. package/lib/internal/template/token/styles.scoped.css +33 -30
  108. package/lib/internal/template/token/styles.selectors.js +14 -14
  109. package/package.json +1 -1
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -263,6 +263,7 @@
263
263
  --color-background-button-normal-hover-r7x40d:var(--color-neutral-100-wbgy1o);
264
264
  --color-background-toggle-button-normal-pressed-mt5i6m:var(--color-neutral-250-hdfqdx);
265
265
  --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
266
+ --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
266
267
  --color-background-button-primary-active-78nndc:var(--color-primary-1000-gaqvjz);
267
268
  --color-background-button-primary-default-3w82vy:var(--color-primary-600-be1v6a);
268
269
  --color-background-button-primary-disabled-1tc1nl:var(--color-white-jf0w15);
@@ -369,6 +370,8 @@
369
370
  --color-border-button-normal-active-soiq8b:var(--color-border-button-normal-default-5aez2l);
370
371
  --color-border-button-normal-default-5aez2l:var(--color-neutral-650-92yp10);
371
372
  --color-border-toggle-button-normal-pressed-9nd6i4:var(--color-neutral-650-92yp10);
373
+ --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
374
+ --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
372
375
  --color-border-button-normal-disabled-iu8edd:var(--color-neutral-300-y8n3aq);
373
376
  --color-text-button-normal-disabled-sr2mjc:var(--color-neutral-500-h8gwav);
374
377
  --color-border-button-normal-hover-3y34o0:var(--color-neutral-950-qehfms);
@@ -400,6 +403,7 @@
400
403
  --color-border-divider-panel-bottom-x9b7bd:var(--color-shadow-side-5f83fi);
401
404
  --color-border-divider-panel-side-cxdqom:transparent;
402
405
  --color-border-divider-secondary-4wvr5g:var(--color-neutral-250-hdfqdx);
406
+ --color-border-divider-table-group-enot8o:var(--color-neutral-500-h8gwav);
403
407
  --color-border-dropdown-container-w99bbi:transparent;
404
408
  --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
405
409
  --color-border-dropdown-item-default-uslwbi:var(--color-border-divider-default-ipvpev);
@@ -423,6 +427,7 @@
423
427
  --color-border-segment-default-29y0lr:var(--color-neutral-600-boivn8);
424
428
  --color-border-segment-disabled-lhc94s:var(--color-border-button-normal-disabled-iu8edd);
425
429
  --color-border-segment-hover-dneu56:var(--color-neutral-950-qehfms);
430
+ --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
426
431
  --color-border-status-error-jybbdz:var(--color-error-600-l0qq56);
427
432
  --color-border-status-info-kp0iif:var(--color-info-600-ieuf7e);
428
433
  --color-border-status-success-e61wev:var(--color-success-600-ma9qew);
@@ -439,6 +444,7 @@
439
444
  --color-foreground-control-read-only-cgy3yn:var(--color-neutral-600-boivn8);
440
445
  --color-shadow-default-9hdvit:var(--color-grey-transparent-heavy-smmh5z);
441
446
  --color-shadow-side-5f83fi:var(--color-grey-transparent-light-4w4eu1);
447
+ --color-shadow-toggle-handle-3gekip:rgba(0, 0, 0, 0.25);
442
448
  --color-stroke-chart-line-8651o9:var(--color-neutral-500-h8gwav);
443
449
  --color-text-accent-rvq171:var(--color-primary-600-be1v6a);
444
450
  --color-text-body-default-5qid0u:var(--color-neutral-950-qehfms);
@@ -692,6 +698,7 @@
692
698
  --border-radius-tabs-focus-ring-ciyqfm:0px;
693
699
  --border-radius-tiles-5li9yd:var(--border-radius-input-4vr9on);
694
700
  --border-radius-token-8arsz0:var(--border-radius-input-4vr9on);
701
+ --border-radius-token-inline-j0bfab:var(--border-radius-token-8arsz0);
695
702
  --border-radius-tutorial-panel-item-9xcrp2:var(--border-radius-input-4vr9on);
696
703
  --border-table-sticky-width-o9kqes:0px;
697
704
  --border-width-action-card-active-qw9sq5:1px;
@@ -1080,6 +1087,7 @@
1080
1087
  --color-border-control-default-e686ow:var(--color-neutral-500-h8gwav);
1081
1088
  --color-border-divider-default-ipvpev:var(--color-neutral-700-heh17v);
1082
1089
  --color-border-divider-secondary-4wvr5g:var(--color-neutral-700-heh17v);
1090
+ --color-border-divider-table-group-enot8o:var(--color-neutral-600-boivn8);
1083
1091
  --color-border-input-default-txli8y:var(--color-neutral-500-h8gwav);
1084
1092
  --color-border-item-focused-r5f6xl:var(--color-primary-400-i8y8uk);
1085
1093
  --color-border-dropdown-item-focused-xty1zx:var(--color-primary-400-i8y8uk);
@@ -1372,6 +1380,7 @@
1372
1380
  --color-border-control-default-e686ow:var(--color-neutral-500-h8gwav);
1373
1381
  --color-border-divider-default-ipvpev:var(--color-neutral-700-heh17v);
1374
1382
  --color-border-divider-secondary-4wvr5g:var(--color-neutral-700-heh17v);
1383
+ --color-border-divider-table-group-enot8o:var(--color-neutral-600-boivn8);
1375
1384
  --color-border-input-default-txli8y:var(--color-neutral-500-h8gwav);
1376
1385
  --color-border-item-focused-r5f6xl:var(--color-primary-400-i8y8uk);
1377
1386
  --color-border-dropdown-item-focused-xty1zx:var(--color-primary-400-i8y8uk);
@@ -1472,6 +1481,7 @@
1472
1481
  --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
1473
1482
  --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
1474
1483
  --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
1484
+ --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
1475
1485
  --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
1476
1486
  --color-background-code-editor-gutter-active-line-error-oqzpvs:var(--color-text-status-error-aknuvu);
1477
1487
  --color-background-code-editor-loading-nj9xm5:var(--color-background-code-editor-status-bar-hv1hb6);
@@ -1502,6 +1512,8 @@
1502
1512
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
1503
1513
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
1504
1514
  --color-border-button-normal-active-soiq8b:var(--color-border-button-normal-default-5aez2l);
1515
+ --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
1516
+ --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
1505
1517
  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
1506
1518
  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
1507
1519
  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
@@ -1523,6 +1535,7 @@
1523
1535
  --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
1524
1536
  --color-border-segment-active-kbwjy5:var(--color-border-segment-hover-dneu56);
1525
1537
  --color-border-segment-disabled-lhc94s:var(--color-border-button-normal-disabled-iu8edd);
1538
+ --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
1526
1539
  --color-border-dialog-ego7yz:var(--color-border-status-info-kp0iif);
1527
1540
  --color-border-tabs-underline-gpe7rp:var(--color-text-interactive-hover-bu4gls);
1528
1541
  --color-shadow-default-9hdvit:var(--color-grey-transparent-heavy-smmh5z);
@@ -1591,10 +1604,13 @@
1591
1604
  --color-text-tutorial-hotspot-default-ql4c5o:var(--color-neutral-300-y8n3aq);
1592
1605
  --color-text-tutorial-hotspot-hover-baiupp:var(--color-neutral-100-wbgy1o);
1593
1606
  --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
1607
+ --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
1594
1608
  --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
1595
1609
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
1596
1610
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
1597
1611
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
1612
+ --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
1613
+ --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
1598
1614
  --color-border-calendar-grid-zrkvhb:var(--color-border-dropdown-item-default-uslwbi);
1599
1615
  --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-border-item-focused-r5f6xl);
1600
1616
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
@@ -1655,10 +1671,13 @@
1655
1671
  --color-text-tutorial-hotspot-default-ql4c5o:var(--color-neutral-600-boivn8);
1656
1672
  --color-text-tutorial-hotspot-hover-baiupp:var(--color-neutral-900-o3oyxe);
1657
1673
  --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
1674
+ --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
1658
1675
  --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
1659
1676
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
1660
1677
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
1661
1678
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
1679
+ --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
1680
+ --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
1662
1681
  --color-border-calendar-grid-zrkvhb:var(--color-border-dropdown-item-default-uslwbi);
1663
1682
  --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-border-item-focused-r5f6xl);
1664
1683
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
@@ -1925,6 +1944,7 @@
1925
1944
  --border-radius-input-4vr9on:8px;
1926
1945
  --border-radius-item-xggxkd:8px;
1927
1946
  --border-radius-tabs-focus-ring-ciyqfm:20px;
1947
+ --border-radius-token-inline-j0bfab:4px;
1928
1948
  --border-table-sticky-width-o9kqes:1px;
1929
1949
  --border-width-action-card-active-qw9sq5:var(--border-width-card-xmgn65);
1930
1950
  --border-width-action-card-default-hax7i5:var(--border-width-card-xmgn65);
@@ -2034,6 +2054,7 @@
2034
2054
  --color-text-badge-severity-low-ixtax4:var(--color-text-notification-severity-low-8cm5oo);
2035
2055
  --color-text-badge-severity-neutral-vfdy0w:var(--color-text-notification-severity-neutral-bqmgv3);
2036
2056
  --color-background-badge-icon-y5ul10:var(--color-error-600-l0qq56);
2057
+ --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
2037
2058
  --color-background-direction-button-active-wn6s2j:var(--color-neutral-750-gjawa6);
2038
2059
  --color-background-direction-button-default-m7w84a:var(--color-neutral-650-92yp10);
2039
2060
  --color-background-direction-button-disabled-rcznmi:var(--color-neutral-250-hdfqdx);
@@ -2091,6 +2112,8 @@
2091
2112
  --color-background-avatar-default-yhbpq4:var(--color-neutral-650-92yp10);
2092
2113
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
2093
2114
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
2115
+ --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
2116
+ --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
2094
2117
  --color-text-button-normal-disabled-sr2mjc:var(--color-neutral-500-h8gwav);
2095
2118
  --color-text-button-icon-disabled-xkerbo:var(--color-neutral-500-h8gwav);
2096
2119
  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
@@ -2109,6 +2132,7 @@
2109
2132
  --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
2110
2133
  --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
2111
2134
  --color-border-divider-secondary-4wvr5g:var(--color-neutral-250-hdfqdx);
2135
+ --color-border-divider-table-group-enot8o:var(--color-neutral-500-h8gwav);
2112
2136
  --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
2113
2137
  --color-border-dropdown-item-default-uslwbi:var(--color-border-divider-default-ipvpev);
2114
2138
  --color-border-dropdown-item-hover-vony6u:var(--color-neutral-500-h8gwav);
@@ -2118,6 +2142,7 @@
2118
2142
  --color-border-item-selected-vq6ddf:var(--color-item-selected-2dv7ug);
2119
2143
  --color-border-notification-stack-bar-jvl0qf:var(--color-neutral-750-gjawa6);
2120
2144
  --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
2145
+ --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
2121
2146
  --color-border-status-error-jybbdz:var(--color-error-600-l0qq56);
2122
2147
  --color-border-status-info-kp0iif:var(--color-info-600-ieuf7e);
2123
2148
  --color-border-status-success-e61wev:var(--color-success-600-ma9qew);
@@ -2311,6 +2336,7 @@
2311
2336
  --color-border-divider-active-d5kcok:var(--color-neutral-100-wbgy1o);
2312
2337
  --color-border-divider-default-ipvpev:var(--color-neutral-650-92yp10);
2313
2338
  --color-border-divider-secondary-4wvr5g:var(--color-neutral-750-gjawa6);
2339
+ --color-border-divider-table-group-enot8o:var(--color-neutral-600-boivn8);
2314
2340
  --color-border-dropdown-container-w99bbi:var(--color-neutral-600-boivn8);
2315
2341
  --color-border-dropdown-item-hover-vony6u:var(--color-neutral-600-boivn8);
2316
2342
  --color-border-input-default-txli8y:var(--color-neutral-600-boivn8);
@@ -2555,6 +2581,8 @@
2555
2581
  --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
2556
2582
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
2557
2583
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
2584
+ --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
2585
+ --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
2558
2586
  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
2559
2587
  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
2560
2588
  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
@@ -2569,6 +2597,7 @@
2569
2597
  --color-border-input-disabled-tz38ro:var(--color-background-input-disabled-4vlau3);
2570
2598
  --color-border-item-placeholder-pjnp48:var(--color-border-item-selected-vq6ddf);
2571
2599
  --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
2600
+ --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
2572
2601
  --color-border-tabs-shadow-ya1u83:var(--color-grey-transparent-jkfhak);
2573
2602
  --color-shadow-default-9hdvit:var(--color-grey-transparent-heavy-smmh5z);
2574
2603
  --color-shadow-side-5f83fi:var(--color-grey-transparent-light-4w4eu1);
@@ -2652,6 +2681,7 @@
2652
2681
  --color-border-divider-active-d5kcok:var(--color-neutral-100-wbgy1o);
2653
2682
  --color-border-divider-default-ipvpev:var(--color-neutral-650-92yp10);
2654
2683
  --color-border-divider-secondary-4wvr5g:var(--color-neutral-750-gjawa6);
2684
+ --color-border-divider-table-group-enot8o:var(--color-neutral-600-boivn8);
2655
2685
  --color-border-dropdown-container-w99bbi:var(--color-neutral-600-boivn8);
2656
2686
  --color-border-dropdown-item-hover-vony6u:var(--color-neutral-600-boivn8);
2657
2687
  --color-border-input-default-txli8y:var(--color-neutral-600-boivn8);
@@ -2737,6 +2767,7 @@
2737
2767
  --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
2738
2768
  --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
2739
2769
  --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
2770
+ --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
2740
2771
  --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
2741
2772
  --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
2742
2773
  --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
@@ -2768,6 +2799,8 @@
2768
2799
  --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
2769
2800
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
2770
2801
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
2802
+ --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
2803
+ --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
2771
2804
  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
2772
2805
  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
2773
2806
  --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
@@ -2793,6 +2826,7 @@
2793
2826
  --color-border-segment-active-kbwjy5:var(--color-border-segment-default-29y0lr);
2794
2827
  --color-border-segment-disabled-lhc94s:var(--color-border-segment-default-29y0lr);
2795
2828
  --color-border-segment-hover-dneu56:var(--color-border-segment-default-29y0lr);
2829
+ --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
2796
2830
  --color-border-dialog-ego7yz:var(--color-border-status-info-kp0iif);
2797
2831
  --color-border-tabs-shadow-ya1u83:var(--color-grey-transparent-jkfhak);
2798
2832
  --color-border-tabs-underline-gpe7rp:var(--color-text-accent-rvq171);
@@ -2906,6 +2940,7 @@
2906
2940
  --color-border-divider-active-d5kcok:var(--color-neutral-100-wbgy1o);
2907
2941
  --color-border-divider-default-ipvpev:var(--color-neutral-650-92yp10);
2908
2942
  --color-border-divider-secondary-4wvr5g:var(--color-neutral-750-gjawa6);
2943
+ --color-border-divider-table-group-enot8o:var(--color-neutral-600-boivn8);
2909
2944
  --color-border-dropdown-container-w99bbi:var(--color-neutral-600-boivn8);
2910
2945
  --color-border-dropdown-item-hover-vony6u:var(--color-neutral-600-boivn8);
2911
2946
  --color-border-input-default-txli8y:var(--color-neutral-600-boivn8);
@@ -3018,6 +3053,7 @@
3018
3053
  --shadow-sticky-column-first-vya346:0px 4px 8px 1px rgba(0, 7, 22, 0.5);
3019
3054
  --shadow-sticky-column-last-02l85g:0px 4px 8px 1px rgba(0, 7, 22, 0.5);
3020
3055
  --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
3056
+ --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
3021
3057
  --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
3022
3058
  --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
3023
3059
  --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
@@ -3045,6 +3081,8 @@
3045
3081
  --color-background-dialog-ce2sax:var(--color-background-status-info-nzp1n3);
3046
3082
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
3047
3083
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
3084
+ --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
3085
+ --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
3048
3086
  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
3049
3087
  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
3050
3088
  --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
@@ -3070,6 +3108,7 @@
3070
3108
  --color-border-segment-active-kbwjy5:var(--color-border-segment-default-29y0lr);
3071
3109
  --color-border-segment-disabled-lhc94s:var(--color-border-segment-default-29y0lr);
3072
3110
  --color-border-segment-hover-dneu56:var(--color-border-segment-default-29y0lr);
3111
+ --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
3073
3112
  --color-border-dialog-ego7yz:var(--color-border-status-info-kp0iif);
3074
3113
  --color-border-tabs-shadow-ya1u83:var(--color-grey-transparent-jkfhak);
3075
3114
  --color-border-tabs-underline-gpe7rp:var(--color-text-accent-rvq171);
@@ -3151,11 +3190,14 @@
3151
3190
  --color-text-link-hover-pqxtsy:var(--color-white-jf0w15);
3152
3191
  --color-text-tutorial-hotspot-default-ql4c5o:var(--color-neutral-300-y8n3aq);
3153
3192
  --color-text-tutorial-hotspot-hover-baiupp:var(--color-neutral-100-wbgy1o);
3193
+ --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
3154
3194
  --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
3155
3195
  --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
3156
3196
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
3157
3197
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
3158
3198
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
3199
+ --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
3200
+ --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
3159
3201
  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
3160
3202
  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
3161
3203
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
@@ -3198,6 +3240,8 @@
3198
3240
  --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
3199
3241
  --color-border-button-normal-active-soiq8b:var(--color-text-button-normal-hover-tksuqp);
3200
3242
  --color-border-button-normal-default-5aez2l:var(--color-text-button-normal-default-gl8uar);
3243
+ --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
3244
+ --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
3201
3245
  --color-border-button-normal-hover-3y34o0:var(--color-text-button-normal-hover-tksuqp);
3202
3246
  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
3203
3247
  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
@@ -3238,11 +3282,14 @@
3238
3282
  --color-text-notification-default-fmebm4:var(--color-text-notification-yellow-g3zcoy);
3239
3283
  --color-text-tutorial-hotspot-default-ql4c5o:var(--color-neutral-600-boivn8);
3240
3284
  --color-text-tutorial-hotspot-hover-baiupp:var(--color-neutral-900-o3oyxe);
3285
+ --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
3241
3286
  --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
3242
3287
  --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
3243
3288
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
3244
3289
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
3245
3290
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
3291
+ --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
3292
+ --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
3246
3293
  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
3247
3294
  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
3248
3295
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
@@ -3291,10 +3338,13 @@
3291
3338
  --color-text-expandable-section-hover-8k6nu3:var(--color-text-button-normal-hover-tksuqp);
3292
3339
  --font-size-expandable-heading-i8x3r3:14px;
3293
3340
  --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
3341
+ --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
3294
3342
  --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
3295
3343
  --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
3296
3344
  --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
3297
3345
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
3346
+ --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
3347
+ --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
3298
3348
  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
3299
3349
  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
3300
3350
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
@@ -3329,10 +3379,13 @@
3329
3379
  --color-text-expandable-section-hover-8k6nu3:var(--color-text-button-normal-hover-tksuqp);
3330
3380
  --font-size-expandable-heading-i8x3r3:14px;
3331
3381
  --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
3382
+ --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
3332
3383
  --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
3333
3384
  --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
3334
3385
  --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
3335
3386
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
3387
+ --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
3388
+ --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
3336
3389
  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
3337
3390
  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
3338
3391
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
@@ -3418,6 +3471,7 @@
3418
3471
  --color-border-divider-active-d5kcok:var(--color-neutral-100-wbgy1o);
3419
3472
  --color-border-divider-default-ipvpev:var(--color-text-button-normal-default-gl8uar);
3420
3473
  --color-border-divider-secondary-4wvr5g:var(--color-neutral-750-gjawa6);
3474
+ --color-border-divider-table-group-enot8o:var(--color-neutral-600-boivn8);
3421
3475
  --color-border-dropdown-container-w99bbi:var(--color-neutral-600-boivn8);
3422
3476
  --color-border-dropdown-item-hover-vony6u:var(--color-neutral-600-boivn8);
3423
3477
  --color-border-input-default-txli8y:var(--color-neutral-600-boivn8);
@@ -3524,6 +3578,7 @@
3524
3578
  --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
3525
3579
  --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
3526
3580
  --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
3581
+ --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
3527
3582
  --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
3528
3583
  --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
3529
3584
  --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
@@ -3555,6 +3610,8 @@
3555
3610
  --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
3556
3611
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
3557
3612
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
3613
+ --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
3614
+ --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
3558
3615
  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
3559
3616
  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
3560
3617
  --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
@@ -3580,6 +3637,7 @@
3580
3637
  --color-border-segment-active-kbwjy5:var(--color-border-segment-default-29y0lr);
3581
3638
  --color-border-segment-disabled-lhc94s:var(--color-border-segment-default-29y0lr);
3582
3639
  --color-border-segment-hover-dneu56:var(--color-border-segment-default-29y0lr);
3640
+ --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
3583
3641
  --color-border-dialog-ego7yz:var(--color-border-status-info-kp0iif);
3584
3642
  --color-border-tabs-shadow-ya1u83:var(--color-grey-transparent-jkfhak);
3585
3643
  --color-border-tabs-underline-gpe7rp:var(--color-text-accent-rvq171);
@@ -3784,5 +3842,5 @@
3784
3842
  }
3785
3843
  }
3786
3844
  :root {
3787
- --awsui-version-info-1b4a11ae: true;
3845
+ --awsui-version-info-82d11d66: true;
3788
3846
  }
package/lib/internal/template/internal/components/checkbox-icon/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/checkbox-icon/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAKxE,UAAU,iBAAkB,SAAQ,kBAAkB;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE;QACN,GAAG,CAAC,EAAE;YACJ,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;QACF,IAAI,CAAC,EAAE;YACL,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;CACH;AA8BD,QAAA,MAAM,YAAY,GAAI,qEAOnB,iBAAiB,gBAkCnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/checkbox-icon/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAKxE,UAAU,iBAAkB,SAAQ,kBAAkB;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE;QACN,GAAG,CAAC,EAAE;YACJ,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;QACF,IAAI,CAAC,EAAE;YACL,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;CACH;AAsCD,QAAA,MAAM,YAAY,GAAI,qEAOnB,iBAAiB,gBAmCnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/lib/internal/template/internal/components/checkbox-icon/index.js CHANGED
@@ -3,7 +3,7 @@
3
3
  import React from 'react';
4
4
  import clsx from 'clsx';
5
5
  import { getBaseProps } from '../../base-component';
6
- import { useVisualRefresh } from '../../hooks/use-visual-mode';
6
+ import { useOneTheme, useVisualRefresh } from '../../hooks/use-visual-mode';
7
7
  import styles from './styles.css.js';
8
8
  // Can't use css variables for svg attributes
9
9
  const dimensionsByTheme = {
@@ -23,11 +23,20 @@ const dimensionsByTheme = {
23
23
  r: 3,
24
24
  size: 15,
25
25
  },
26
+ one: {
27
+ viewBox: '0 0 16 16',
28
+ indeterminate: '3.5,8 12.5,8',
29
+ checked: '3.5,8 7,11 12,4',
30
+ xy: 0.5,
31
+ r: 2,
32
+ size: 15,
33
+ },
26
34
  };
27
35
  const CheckboxIcon = ({ checked, indeterminate, disabled = false, readOnly = false, style, ...restProps }) => {
28
36
  var _a, _b, _c;
29
37
  const baseProps = getBaseProps(restProps);
30
- const theme = useVisualRefresh() ? 'refresh' : 'default';
38
+ const oneTheme = useOneTheme();
39
+ const theme = useVisualRefresh() ? (oneTheme ? 'one' : 'refresh') : 'default';
31
40
  const dimensions = dimensionsByTheme[theme];
32
41
  return (React.createElement("svg", { className: styles.root, viewBox: dimensions.viewBox, "aria-hidden": "true", focusable: "false", ...baseProps },
33
42
  React.createElement("rect", { className: clsx(styles['styled-box'], {
package/lib/internal/template/internal/components/checkbox-icon/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/checkbox-icon/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { useVisualRefresh } from '../../hooks/use-visual-mode';\n\nimport styles from './styles.css.js';\n\ninterface CheckboxIconProps extends BaseComponentProps {\n checked?: boolean;\n indeterminate?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n style?: {\n box?: {\n fill?: string;\n stroke?: string;\n };\n line?: {\n stroke?: string;\n };\n };\n}\ninterface Dimension {\n viewBox: string;\n indeterminate: string;\n checked: string;\n xy: number;\n r: number;\n size: number;\n}\n\n// Can't use css variables for svg attributes\nconst dimensionsByTheme: Record<NonNullable<'default' | 'refresh'>, Dimension> = {\n default: {\n viewBox: '0 0 14 14',\n indeterminate: '2.5,7 11.5,7',\n checked: '2.5,7 6,10 11,3',\n xy: 0.5,\n r: 1.5,\n size: 13,\n },\n refresh: {\n viewBox: '0 0 16 16',\n indeterminate: '3.5,8 12.5,8',\n checked: '3.5,8 7,11 12,4',\n xy: 0.5,\n r: 3,\n size: 15,\n },\n};\n\nconst CheckboxIcon = ({\n checked,\n indeterminate,\n disabled = false,\n readOnly = false,\n style,\n ...restProps\n}: CheckboxIconProps) => {\n const baseProps = getBaseProps(restProps);\n const theme = useVisualRefresh() ? 'refresh' : 'default';\n const dimensions = dimensionsByTheme[theme];\n\n return (\n <svg className={styles.root} viewBox={dimensions.viewBox} aria-hidden=\"true\" focusable=\"false\" {...baseProps}>\n <rect\n className={clsx(styles['styled-box'], {\n [styles['styled-box-checked']]: checked,\n [styles['styled-box-indeterminate']]: indeterminate,\n [styles['styled-box-disabled']]: disabled,\n [styles['styled-box-readonly']]: readOnly,\n })}\n x={dimensions.xy}\n y={dimensions.xy}\n rx={dimensions.r}\n ry={dimensions.r}\n width={dimensions.size}\n height={dimensions.size}\n style={{ fill: style?.box?.fill, stroke: style?.box?.stroke }}\n />\n {checked || indeterminate ? (\n <polyline\n className={clsx(styles['styled-line'], {\n [styles['styled-line-disabled']]: disabled,\n [styles['styled-line-readonly']]: readOnly,\n })}\n points={indeterminate ? dimensions.indeterminate : dimensions.checked}\n style={{ stroke: style?.line?.stroke }}\n />\n ) : null}\n </svg>\n );\n};\n\nexport default CheckboxIcon;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/checkbox-icon/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { useOneTheme, useVisualRefresh } from '../../hooks/use-visual-mode';\n\nimport styles from './styles.css.js';\n\ninterface CheckboxIconProps extends BaseComponentProps {\n checked?: boolean;\n indeterminate?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n style?: {\n box?: {\n fill?: string;\n stroke?: string;\n };\n line?: {\n stroke?: string;\n };\n };\n}\ninterface Dimension {\n viewBox: string;\n indeterminate: string;\n checked: string;\n xy: number;\n r: number;\n size: number;\n}\n\n// Can't use css variables for svg attributes\nconst dimensionsByTheme: Record<NonNullable<'default' | 'refresh' | 'one'>, Dimension> = {\n default: {\n viewBox: '0 0 14 14',\n indeterminate: '2.5,7 11.5,7',\n checked: '2.5,7 6,10 11,3',\n xy: 0.5,\n r: 1.5,\n size: 13,\n },\n refresh: {\n viewBox: '0 0 16 16',\n indeterminate: '3.5,8 12.5,8',\n checked: '3.5,8 7,11 12,4',\n xy: 0.5,\n r: 3,\n size: 15,\n },\n one: {\n viewBox: '0 0 16 16',\n indeterminate: '3.5,8 12.5,8',\n checked: '3.5,8 7,11 12,4',\n xy: 0.5,\n r: 2,\n size: 15,\n },\n};\n\nconst CheckboxIcon = ({\n checked,\n indeterminate,\n disabled = false,\n readOnly = false,\n style,\n ...restProps\n}: CheckboxIconProps) => {\n const baseProps = getBaseProps(restProps);\n const oneTheme = useOneTheme();\n const theme = useVisualRefresh() ? (oneTheme ? 'one' : 'refresh') : 'default';\n const dimensions = dimensionsByTheme[theme];\n\n return (\n <svg className={styles.root} viewBox={dimensions.viewBox} aria-hidden=\"true\" focusable=\"false\" {...baseProps}>\n <rect\n className={clsx(styles['styled-box'], {\n [styles['styled-box-checked']]: checked,\n [styles['styled-box-indeterminate']]: indeterminate,\n [styles['styled-box-disabled']]: disabled,\n [styles['styled-box-readonly']]: readOnly,\n })}\n x={dimensions.xy}\n y={dimensions.xy}\n rx={dimensions.r}\n ry={dimensions.r}\n width={dimensions.size}\n height={dimensions.size}\n style={{ fill: style?.box?.fill, stroke: style?.box?.stroke }}\n />\n {checked || indeterminate ? (\n <polyline\n className={clsx(styles['styled-line'], {\n [styles['styled-line-disabled']]: disabled,\n [styles['styled-line-readonly']]: readOnly,\n })}\n points={indeterminate ? dimensions.indeterminate : dimensions.checked}\n style={{ stroke: style?.line?.stroke }}\n />\n ) : null}\n </svg>\n );\n};\n\nexport default CheckboxIcon;\n"]}
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 (1b4a11ae)";
3
- export var GIT_SHA = "1b4a11ae";
2
+ export var PACKAGE_VERSION = "3.0.0 (82d11d66)";
3
+ export var GIT_SHA = "82d11d66";
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 (1b4a11ae)",
4
- "GIT_SHA": "1b4a11ae",
3
+ "PACKAGE_VERSION": "3.0.0 (82d11d66)",
4
+ "GIT_SHA": "82d11d66",
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
@@ -300,6 +300,7 @@ export const colorBackgroundButtonNormalDisabled: string;
300
300
  export const colorBackgroundButtonNormalHover: string;
301
301
  export const colorBackgroundToggleButtonNormalPressed: string;
302
302
  export const colorBackgroundToggleButtonNormalDefault: string;
303
+ export const colorBackgroundToggleButtonNormalHover: string;
303
304
  export const colorBackgroundButtonPrimaryActive: string;
304
305
  export const colorBackgroundButtonPrimaryDefault: string;
305
306
  export const colorBackgroundButtonPrimaryDisabled: string;
@@ -406,6 +407,8 @@ export const colorBorderButtonLinkDisabled: string;
406
407
  export const colorBorderButtonNormalActive: string;
407
408
  export const colorBorderButtonNormalDefault: string;
408
409
  export const colorBorderToggleButtonNormalPressed: string;
410
+ export const colorBorderToggleButtonNormalDefault: string;
411
+ export const colorBorderToggleButtonNormalHover: string;
409
412
  export const colorBorderButtonNormalDisabled: string;
410
413
  export const colorTextButtonNormalDisabled: string;
411
414
  export const colorBorderButtonNormalHover: string;
@@ -437,6 +440,7 @@ export const colorBorderDividerDefault: string;
437
440
  export const colorBorderDividerPanelBottom: string;
438
441
  export const colorBorderDividerPanelSide: string;
439
442
  export const colorBorderDividerSecondary: string;
443
+ export const colorBorderDividerTableGroup: string;
440
444
  export const colorBorderDropdownContainer: string;
441
445
  export const colorBorderDropdownGroup: string;
442
446
  export const colorBorderDropdownItemDefault: string;
@@ -460,6 +464,7 @@ export const colorBorderSegmentActive: string;
460
464
  export const colorBorderSegmentDefault: string;
461
465
  export const colorBorderSegmentDisabled: string;
462
466
  export const colorBorderSegmentHover: string;
467
+ export const colorBorderSegmentWrapper: string;
463
468
  export const colorBorderStatusError: string;
464
469
  export const colorBorderStatusInfo: string;
465
470
  export const colorBorderStatusSuccess: string;
@@ -477,6 +482,7 @@ export const colorForegroundControlReadOnly: string;
477
482
  export const colorShadowDefault: string;
478
483
  export const colorShadowMedium: string;
479
484
  export const colorShadowSide: string;
485
+ export const colorShadowToggleHandle: string;
480
486
  export const colorStrokeChartLine: string;
481
487
  export const colorStrokeCodeEditorGutterActiveLineDefault: string;
482
488
  export const colorStrokeCodeEditorGutterActiveLineHover: string;
@@ -733,6 +739,7 @@ export const borderRadiusStatusIndicator: string;
733
739
  export const borderRadiusTabsFocusRing: string;
734
740
  export const borderRadiusTiles: string;
735
741
  export const borderRadiusToken: string;
742
+ export const borderRadiusTokenInline: string;
736
743
  export const borderRadiusTutorialPanelItem: string;
737
744
  export const borderTableStickyWidth: string;
738
745
  export const borderWidthActionCardActive: string;
package/lib/internal/template/internal/generated/styles/tokens.js CHANGED
@@ -300,6 +300,7 @@ export var colorBackgroundButtonNormalDisabled = "var(--color-background-button-
300
300
  export var colorBackgroundButtonNormalHover = "var(--color-background-button-normal-hover-53op9s, #f0fbff)";
301
301
  export var colorBackgroundToggleButtonNormalPressed = "var(--color-background-toggle-button-normal-pressed-4khex7, #d1f1ff)";
302
302
  export var colorBackgroundToggleButtonNormalDefault = "var(--color-background-toggle-button-normal-default-ipnqr5, #ffffff)";
303
+ export var colorBackgroundToggleButtonNormalHover = "var(--color-background-toggle-button-normal-hover-0r2lj4, #f0fbff)";
303
304
  export var colorBackgroundButtonPrimaryActive = "var(--color-background-button-primary-active-5cqoqt, #002b66)";
304
305
  export var colorBackgroundButtonPrimaryDefault = "var(--color-background-button-primary-default-vdt0fu, #006ce0)";
305
306
  export var colorBackgroundButtonPrimaryDisabled = "var(--color-background-button-primary-disabled-sgo4zo, #ebebf0)";
@@ -406,6 +407,8 @@ export var colorBorderButtonLinkDisabled = "var(--color-border-button-link-disab
406
407
  export var colorBorderButtonNormalActive = "var(--color-border-button-normal-active-ru7yhb, #002b66)";
407
408
  export var colorBorderButtonNormalDefault = "var(--color-border-button-normal-default-glqfp1, #006ce0)";
408
409
  export var colorBorderToggleButtonNormalPressed = "var(--color-border-toggle-button-normal-pressed-tq8o41, #006ce0)";
410
+ export var colorBorderToggleButtonNormalDefault = "var(--color-border-toggle-button-normal-default-13wcrj, #006ce0)";
411
+ export var colorBorderToggleButtonNormalHover = "var(--color-border-toggle-button-normal-hover-0gzb6n, #002b66)";
409
412
  export var colorBorderButtonNormalDisabled = "var(--color-border-button-normal-disabled-pkhetz, #b4b4bb)";
410
413
  export var colorTextButtonNormalDisabled = "var(--color-text-button-normal-disabled-05p74s, #8c8c94)";
411
414
  export var colorBorderButtonNormalHover = "var(--color-border-button-normal-hover-6a2tdq, #002b66)";
@@ -437,6 +440,7 @@ export var colorBorderDividerDefault = "var(--color-border-divider-default-nr68j
437
440
  export var colorBorderDividerPanelBottom = "var(--color-border-divider-panel-bottom-bruvuz, #c6c6cd)";
438
441
  export var colorBorderDividerPanelSide = "var(--color-border-divider-panel-side-an0w07, #c6c6cd)";
439
442
  export var colorBorderDividerSecondary = "var(--color-border-divider-secondary-qoitch, #ebebf0)";
443
+ export var colorBorderDividerTableGroup = "var(--color-border-divider-table-group-l55omi, #8c8c94)";
440
444
  export var colorBorderDropdownContainer = "var(--color-border-dropdown-container-cmthq7, #b4b4bb)";
441
445
  export var colorBorderDropdownGroup = "var(--color-border-dropdown-group-ylcnh8, #c6c6cd)";
442
446
  export var colorBorderDropdownItemDefault = "var(--color-border-dropdown-item-default-kape37, #c6c6cd)";
@@ -460,6 +464,7 @@ export var colorBorderSegmentActive = "var(--color-border-segment-active-ls9t4n,
460
464
  export var colorBorderSegmentDefault = "var(--color-border-segment-default-6ig2mo, #424650)";
461
465
  export var colorBorderSegmentDisabled = "var(--color-border-segment-disabled-fcrbcl, #424650)";
462
466
  export var colorBorderSegmentHover = "var(--color-border-segment-hover-0o9ey3, #424650)";
467
+ export var colorBorderSegmentWrapper = "var(--color-border-segment-wrapper-mvxnza, #8c8c94)";
463
468
  export var colorBorderStatusError = "var(--color-border-status-error-j8acpp, #db0000)";
464
469
  export var colorBorderStatusInfo = "var(--color-border-status-info-qf6jok, #006ce0)";
465
470
  export var colorBorderStatusSuccess = "var(--color-border-status-success-8z5f8u, #00802f)";
@@ -477,6 +482,7 @@ export var colorForegroundControlReadOnly = "var(--color-foreground-control-read
477
482
  export var colorShadowDefault = "var(--color-shadow-default-o7dmmm, rgba(15, 20, 26, 0.12))";
478
483
  export var colorShadowMedium = "var(--color-shadow-medium-x7of55, rgba(15, 20, 26, 0.12))";
479
484
  export var colorShadowSide = "var(--color-shadow-side-rtsbda, rgba(15, 20, 26, 0.12))";
485
+ export var colorShadowToggleHandle = "var(--color-shadow-toggle-handle-at8aqh, rgba(0, 0, 0, 0.25))";
480
486
  export var colorStrokeChartLine = "var(--color-stroke-chart-line-3nsnk6, #8c8c94)";
481
487
  export var colorStrokeCodeEditorGutterActiveLineDefault = "var(--color-stroke-code-editor-gutter-active-line-default-5hrdmu, #dedee3)";
482
488
  export var colorStrokeCodeEditorGutterActiveLineHover = "var(--color-stroke-code-editor-gutter-active-line-hover-vqrb6s, #f9f9fa)";
@@ -733,6 +739,7 @@ export var borderRadiusStatusIndicator = "var(--border-radius-status-indicator-f
733
739
  export var borderRadiusTabsFocusRing = "var(--border-radius-tabs-focus-ring-o4qku1, 20px)";
734
740
  export var borderRadiusTiles = "var(--border-radius-tiles-wm1vgw, 8px)";
735
741
  export var borderRadiusToken = "var(--border-radius-token-ycnemh, 8px)";
742
+ export var borderRadiusTokenInline = "var(--border-radius-token-inline-tio0a0, 4px)";
736
743
  export var borderRadiusTutorialPanelItem = "var(--border-radius-tutorial-panel-item-ojaqxg, 8px)";
737
744
  export var borderTableStickyWidth = "var(--border-table-sticky-width-ai31mi, 1px)";
738
745
  export var borderWidthActionCardActive = "var(--border-width-action-card-active-pwtgzu, 1px)";