@cloudscape-design/components-themeable 3.0.1312 → 3.0.1314

package/lib/internal/template/internal/components/button-trigger/styles.scoped.css

@@ -158,21 +158,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_button-trigger_18eso_6h2xj_161 > .awsui_arrow_18eso_6h2xj_161:not(#\9) {
+.awsui_button-trigger_18eso_1ca00_161 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
   transition: transform var(--motion-duration-rotate-180-4er9qu, 135ms) var(--motion-easing-rotate-180-xlspcm, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-trigger_18eso_6h2xj_161 > .awsui_arrow_18eso_6h2xj_161:not(#\9) {
+  .awsui_button-trigger_18eso_1ca00_161 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-trigger_18eso_6h2xj_161 > .awsui_arrow_18eso_6h2xj_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_6h2xj_161 > .awsui_arrow_18eso_6h2xj_161:not(#\9) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_1ca00_161 > .awsui_arrow_18eso_1ca00_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1ca00_161 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_button-trigger_18eso_6h2xj_161:not(#\9) {
+.awsui_button-trigger_18eso_1ca00_161:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -218,7 +218,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-default-txli8y, #687078);
   min-block-size: var(--size-vertical-input-8gzd1t, 32px);
 }
-.awsui_button-trigger_18eso_6h2xj_161.awsui_in-filtering-token-root_18eso_6h2xj_221:not(#\9), .awsui_button-trigger_18eso_6h2xj_161.awsui_in-filtering-token-nested_18eso_6h2xj_221:not(#\9) {
+.awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-root_18eso_1ca00_221:not(#\9), .awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-nested_18eso_1ca00_221:not(#\9) {
   padding-block: 0px;
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
   border-block-width: var(--border-width-token-cwl2sl, 1px);
@@ -229,14 +229,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   min-block-size: unset;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_6h2xj_161.awsui_in-filtering-token-root_18eso_6h2xj_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_6h2xj_161.awsui_in-filtering-token-nested_18eso_6h2xj_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-root_18eso_1ca00_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-nested_18eso_1ca00_221:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_6h2xj_161.awsui_in-filtering-token-root_18eso_6h2xj_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_6h2xj_161.awsui_in-filtering-token-nested_18eso_6h2xj_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-root_18eso_1ca00_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-nested_18eso_1ca00_221:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-jo15dc, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_6h2xj_161.awsui_in-filtering-token-root_18eso_6h2xj_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_6h2xj_161.awsui_in-filtering-token-nested_18eso_6h2xj_221:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-root_18eso_1ca00_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-nested_18eso_1ca00_221:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -250,46 +250,46 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_6h2xj_161.awsui_
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_button-trigger_18eso_6h2xj_161.awsui_in-filtering-token-nested_18eso_6h2xj_221:not(#\9) {
+.awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-nested_18eso_1ca00_221:not(#\9) {
   border-start-start-radius: calc(var(--border-radius-input-4vr9on, 2px) / 2);
   border-end-start-radius: calc(var(--border-radius-input-4vr9on, 2px) / 2);
 }
-.awsui_button-trigger_18eso_6h2xj_161.awsui_has-caret_18eso_6h2xj_257:not(#\9) {
+.awsui_button-trigger_18eso_1ca00_161.awsui_has-caret_18eso_1ca00_257:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-ihoxql, 32px);
 }
-.awsui_button-trigger_18eso_6h2xj_161 > .awsui_placeholder_18eso_6h2xj_260:not(#\9) {
+.awsui_button-trigger_18eso_1ca00_161 > .awsui_placeholder_18eso_1ca00_260:not(#\9) {
   color: var(--color-text-input-placeholder-hvcry0, #687078);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_6h2xj_161 > .awsui_arrow_18eso_6h2xj_161:not(#\9) {
+.awsui_button-trigger_18eso_1ca00_161 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-field-horizontal-n5peob, 8px);
   inset-block-start: calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2);
   color: var(--color-text-button-inline-icon-default-4lrtb0, #545b64);
 }
-.awsui_button-trigger_18eso_6h2xj_161 > .awsui_arrow_18eso_6h2xj_161.awsui_one-theme_18eso_6h2xj_270:not(#\9) {
+.awsui-one-theme .awsui_button-trigger_18eso_1ca00_161 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
   inset-block-start: calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2 + var(--space-xxxs-3w1kr2, 2px));
 }
-.awsui_button-trigger_18eso_6h2xj_161:not(#\9):hover > .awsui_arrow_18eso_6h2xj_161 {
+.awsui_button-trigger_18eso_1ca00_161:not(#\9):hover > .awsui_arrow_18eso_1ca00_161 {
   color: var(--color-text-button-inline-icon-hover-8fgg9l, #16191f);
 }
-.awsui_button-trigger_18eso_6h2xj_161.awsui_pressed_18eso_6h2xj_276 > .awsui_arrow_18eso_6h2xj_161:not(#\9) {
+.awsui_button-trigger_18eso_1ca00_161.awsui_pressed_18eso_1ca00_276 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_button-trigger_18eso_6h2xj_161.awsui_pressed_18eso_6h2xj_276 > .awsui_arrow_18eso_6h2xj_161.awsui_one-theme_18eso_6h2xj_270:not(#\9) {
+.awsui-one-theme .awsui_button-trigger_18eso_1ca00_161.awsui_pressed_18eso_1ca00_276 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
   inset-block-start: calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2 - var(--space-xxxs-3w1kr2, 2px));
 }
-.awsui_button-trigger_18eso_6h2xj_161.awsui_disabled_18eso_6h2xj_282:not(#\9) {
+.awsui_button-trigger_18eso_1ca00_161.awsui_disabled_18eso_1ca00_282:not(#\9) {
   background-color: var(--color-background-input-disabled-4vlau3, #eaeded);
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   color: var(--color-text-input-disabled-y5t5v9, #879596);
   cursor: auto;
 }
-.awsui_button-trigger_18eso_6h2xj_161.awsui_disabled_18eso_6h2xj_282 > .awsui_arrow_18eso_6h2xj_161:not(#\9) {
+.awsui_button-trigger_18eso_1ca00_161.awsui_disabled_18eso_1ca00_282 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8);
 }
-.awsui_button-trigger_18eso_6h2xj_161.awsui_disabled_18eso_6h2xj_282.awsui_in-filtering-token_18eso_6h2xj_221:not(#\9) {
+.awsui_button-trigger_18eso_1ca00_161.awsui_disabled_18eso_1ca00_282.awsui_in-filtering-token_18eso_1ca00_221:not(#\9) {
   background-color: var(--color-background-input-disabled-4vlau3, #eaeded);
   border-block: var(--border-width-token-cwl2sl, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   border-inline: var(--border-width-token-cwl2sl, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
@@ -297,23 +297,23 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_6h2xj_161.awsui_
   cursor: auto;
   border-color: var(--color-border-control-disabled-c9dn39, #d5dbdb);
 }
-.awsui_button-trigger_18eso_6h2xj_161.awsui_disabled_18eso_6h2xj_282 > .awsui_placeholder_18eso_6h2xj_260:not(#\9) {
+.awsui_button-trigger_18eso_1ca00_161.awsui_disabled_18eso_1ca00_282 > .awsui_placeholder_18eso_1ca00_260:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
 }
-.awsui_button-trigger_18eso_6h2xj_161.awsui_readonly_18eso_6h2xj_303:not(#\9):not(.awsui_button-trigger_18eso_6h2xj_161.awsui_disabled_18eso_6h2xj_282):not(.awsui_button-trigger_18eso_6h2xj_161.awsui_in-filtering-token_18eso_6h2xj_221) {
+.awsui_button-trigger_18eso_1ca00_161.awsui_readonly_18eso_1ca00_303:not(#\9):not(.awsui_button-trigger_18eso_1ca00_161.awsui_disabled_18eso_1ca00_282):not(.awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token_18eso_1ca00_221) {
   background-color: var(--color-background-input-default-1z2buq, #ffffff);
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
 }
-.awsui_button-trigger_18eso_6h2xj_161.awsui_readonly_18eso_6h2xj_303:not(#\9):not(.awsui_button-trigger_18eso_6h2xj_161.awsui_disabled_18eso_6h2xj_282) {
+.awsui_button-trigger_18eso_1ca00_161.awsui_readonly_18eso_1ca00_303:not(#\9):not(.awsui_button-trigger_18eso_1ca00_161.awsui_disabled_18eso_1ca00_282) {
   -webkit-user-select: text;
           user-select: text;
 }
-.awsui_button-trigger_18eso_6h2xj_161:not(#\9):focus {
+.awsui_button-trigger_18eso_1ca00_161:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_6h2xj_161:not(#\9):not(.awsui_in-filtering-token_18eso_6h2xj_221):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
@@ -323,32 +323,32 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_6h2xj_161:not(#\
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_button-trigger_18eso_6h2xj_161:not(#\9):not(.awsui_in-filtering-token_18eso_6h2xj_221):invalid {
+.awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221):invalid {
   box-shadow: none;
 }
-.awsui_button-trigger_18eso_6h2xj_161:not(#\9):not(.awsui_in-filtering-token_18eso_6h2xj_221).awsui_invalid_18eso_6h2xj_328, .awsui_button-trigger_18eso_6h2xj_161:not(#\9):not(.awsui_in-filtering-token_18eso_6h2xj_221).awsui_invalid_18eso_6h2xj_328:focus {
+.awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_invalid_18eso_1ca00_328, .awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_invalid_18eso_1ca00_328:focus {
   color: var(--color-text-status-error-aknuvu, #d13212);
   border-color: var(--color-text-status-error-aknuvu, #d13212);
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_button-trigger_18eso_6h2xj_161:not(#\9):not(.awsui_in-filtering-token_18eso_6h2xj_221).awsui_invalid_18eso_6h2xj_328:focus, .awsui_button-trigger_18eso_6h2xj_161:not(#\9):not(.awsui_in-filtering-token_18eso_6h2xj_221).awsui_invalid_18eso_6h2xj_328:focus:focus {
+.awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_invalid_18eso_1ca00_328:focus, .awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_invalid_18eso_1ca00_328:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_button-trigger_18eso_6h2xj_161:not(#\9):not(.awsui_in-filtering-token_18eso_6h2xj_221).awsui_warning_18eso_6h2xj_337, .awsui_button-trigger_18eso_6h2xj_161:not(#\9):not(.awsui_in-filtering-token_18eso_6h2xj_221).awsui_warning_18eso_6h2xj_337:focus {
+.awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_warning_18eso_1ca00_337, .awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_warning_18eso_1ca00_337:focus {
   color: var(--color-text-status-warning-9b45qh, #906806);
   border-color: var(--color-text-status-warning-9b45qh, #906806);
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_button-trigger_18eso_6h2xj_161:not(#\9):not(.awsui_in-filtering-token_18eso_6h2xj_221).awsui_warning_18eso_6h2xj_337:focus, .awsui_button-trigger_18eso_6h2xj_161:not(#\9):not(.awsui_in-filtering-token_18eso_6h2xj_221).awsui_warning_18eso_6h2xj_337:focus:focus {
+.awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_warning_18eso_1ca00_337:focus, .awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_warning_18eso_1ca00_337:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_button-trigger_18eso_6h2xj_161.awsui_custom-option_18eso_6h2xj_346:not(#\9) {
+.awsui_button-trigger_18eso_1ca00_161.awsui_custom-option_18eso_1ca00_346:not(#\9) {
   padding-block: 0;
   padding-inline-start: 0;
   overflow: clip;
 }
-.awsui_button-trigger_18eso_6h2xj_161.awsui_inline-tokens_18eso_6h2xj_351:not(#\9) {
+.awsui_button-trigger_18eso_1ca00_161.awsui_inline-tokens_18eso_1ca00_351:not(#\9) {
   padding-block: 0;
 }

package/lib/internal/template/internal/components/button-trigger/styles.selectors.js

@@ -2,20 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-trigger": "awsui_button-trigger_18eso_6h2xj_161",
-  "arrow": "awsui_arrow_18eso_6h2xj_161",
-  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_6h2xj_221",
-  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_6h2xj_221",
-  "has-caret": "awsui_has-caret_18eso_6h2xj_257",
-  "placeholder": "awsui_placeholder_18eso_6h2xj_260",
-  "one-theme": "awsui_one-theme_18eso_6h2xj_270",
-  "pressed": "awsui_pressed_18eso_6h2xj_276",
-  "disabled": "awsui_disabled_18eso_6h2xj_282",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_6h2xj_221",
-  "readonly": "awsui_readonly_18eso_6h2xj_303",
-  "invalid": "awsui_invalid_18eso_6h2xj_328",
-  "warning": "awsui_warning_18eso_6h2xj_337",
-  "custom-option": "awsui_custom-option_18eso_6h2xj_346",
-  "inline-tokens": "awsui_inline-tokens_18eso_6h2xj_351"
+  "button-trigger": "awsui_button-trigger_18eso_1ca00_161",
+  "arrow": "awsui_arrow_18eso_1ca00_161",
+  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_1ca00_221",
+  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_1ca00_221",
+  "has-caret": "awsui_has-caret_18eso_1ca00_257",
+  "placeholder": "awsui_placeholder_18eso_1ca00_260",
+  "pressed": "awsui_pressed_18eso_1ca00_276",
+  "disabled": "awsui_disabled_18eso_1ca00_282",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_1ca00_221",
+  "readonly": "awsui_readonly_18eso_1ca00_303",
+  "invalid": "awsui_invalid_18eso_1ca00_328",
+  "warning": "awsui_warning_18eso_1ca00_337",
+  "custom-option": "awsui_custom-option_18eso_1ca00_346",
+  "inline-tokens": "awsui_inline-tokens_18eso_1ca00_351"
 };
   

package/lib/internal/template/internal/components/checkbox-icon/index.d.ts.map

@@ -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"}
+{"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

@@ -3,7 +3,7 @@
 import React from 'react';
 import clsx from 'clsx';
 import { getBaseProps } from '../../base-component';
-import { useVisualRefresh } from '../../hooks/use-visual-mode';
+import { useOneTheme, useVisualRefresh } from '../../hooks/use-visual-mode';
 import styles from './styles.css.js';
 // Can't use css variables for svg attributes
 const dimensionsByTheme = {
@@ -23,11 +23,20 @@ const dimensionsByTheme = {
         r: 3,
         size: 15,
     },
+    one: {
+        viewBox: '0 0 16 16',
+        indeterminate: '3.5,8 12.5,8',
+        checked: '3.5,8 7,11 12,4',
+        xy: 0.5,
+        r: 2,
+        size: 15,
+    },
 };
 const CheckboxIcon = ({ checked, indeterminate, disabled = false, readOnly = false, style, ...restProps }) => {
     var _a, _b, _c;
     const baseProps = getBaseProps(restProps);
-    const theme = useVisualRefresh() ? 'refresh' : 'default';
+    const oneTheme = useOneTheme();
+    const theme = useVisualRefresh() ? (oneTheme ? 'one' : 'refresh') : 'default';
     const dimensions = dimensionsByTheme[theme];
     return (React.createElement("svg", { className: styles.root, viewBox: dimensions.viewBox, "aria-hidden": "true", focusable: "false", ...baseProps },
         React.createElement("rect", { className: clsx(styles['styled-box'], {

package/lib/internal/template/internal/components/checkbox-icon/index.js.map

@@ -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"]}
+{"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

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (1b4a11ae)";
-export var GIT_SHA = "1b4a11ae";
+export var PACKAGE_VERSION = "3.0.0 (2f2e3191)";
+export var GIT_SHA = "2f2e3191";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (1b4a11ae)",
-  "GIT_SHA": "1b4a11ae",
+  "PACKAGE_VERSION": "3.0.0 (2f2e3191)",
+  "GIT_SHA": "2f2e3191",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false,

package/lib/internal/template/internal/generated/styles/tokens.d.ts

@@ -300,6 +300,7 @@ export const colorBackgroundButtonNormalDisabled: string;
 export const colorBackgroundButtonNormalHover: string;
 export const colorBackgroundToggleButtonNormalPressed: string;
 export const colorBackgroundToggleButtonNormalDefault: string;
+export const colorBackgroundToggleButtonNormalHover: string;
 export const colorBackgroundButtonPrimaryActive: string;
 export const colorBackgroundButtonPrimaryDefault: string;
 export const colorBackgroundButtonPrimaryDisabled: string;
@@ -406,6 +407,8 @@ export const colorBorderButtonLinkDisabled: string;
 export const colorBorderButtonNormalActive: string;
 export const colorBorderButtonNormalDefault: string;
 export const colorBorderToggleButtonNormalPressed: string;
+export const colorBorderToggleButtonNormalDefault: string;
+export const colorBorderToggleButtonNormalHover: string;
 export const colorBorderButtonNormalDisabled: string;
 export const colorTextButtonNormalDisabled: string;
 export const colorBorderButtonNormalHover: string;
@@ -437,6 +440,7 @@ export const colorBorderDividerDefault: string;
 export const colorBorderDividerPanelBottom: string;
 export const colorBorderDividerPanelSide: string;
 export const colorBorderDividerSecondary: string;
+export const colorBorderDividerTableGroup: string;
 export const colorBorderDropdownContainer: string;
 export const colorBorderDropdownGroup: string;
 export const colorBorderDropdownItemDefault: string;
@@ -460,6 +464,7 @@ export const colorBorderSegmentActive: string;
 export const colorBorderSegmentDefault: string;
 export const colorBorderSegmentDisabled: string;
 export const colorBorderSegmentHover: string;
+export const colorBorderSegmentWrapper: string;
 export const colorBorderStatusError: string;
 export const colorBorderStatusInfo: string;
 export const colorBorderStatusSuccess: string;
@@ -477,6 +482,7 @@ export const colorForegroundControlReadOnly: string;
 export const colorShadowDefault: string;
 export const colorShadowMedium: string;
 export const colorShadowSide: string;
+export const colorShadowToggleHandle: string;
 export const colorStrokeChartLine: string;
 export const colorStrokeCodeEditorGutterActiveLineDefault: string;
 export const colorStrokeCodeEditorGutterActiveLineHover: string;
@@ -621,6 +627,7 @@ export const colorTextBadgeGrey: string;
 export const colorTextBadgeGreen: string;
 export const colorTextBadgeBlue: string;
 export const colorTextBadgeRed: string;
+export const colorBackgroundCodeView: string;
 export const fontBoxValueLargeWeight: string;
 export const fontButtonLetterSpacing: string;
 export const fontChartDetailSize: string;
@@ -733,6 +740,7 @@ export const borderRadiusStatusIndicator: string;
 export const borderRadiusTabsFocusRing: string;
 export const borderRadiusTiles: string;
 export const borderRadiusToken: string;
+export const borderRadiusTokenInline: string;
 export const borderRadiusTutorialPanelItem: string;
 export const borderTableStickyWidth: string;
 export const borderWidthActionCardActive: string;

package/lib/internal/template/internal/generated/styles/tokens.js

@@ -300,6 +300,7 @@ export var colorBackgroundButtonNormalDisabled = "var(--color-background-button-
 export var colorBackgroundButtonNormalHover = "var(--color-background-button-normal-hover-53op9s, #f0fbff)";
 export var colorBackgroundToggleButtonNormalPressed = "var(--color-background-toggle-button-normal-pressed-4khex7, #d1f1ff)";
 export var colorBackgroundToggleButtonNormalDefault = "var(--color-background-toggle-button-normal-default-ipnqr5, #ffffff)";
+export var colorBackgroundToggleButtonNormalHover = "var(--color-background-toggle-button-normal-hover-0r2lj4, #f0fbff)";
 export var colorBackgroundButtonPrimaryActive = "var(--color-background-button-primary-active-5cqoqt, #002b66)";
 export var colorBackgroundButtonPrimaryDefault = "var(--color-background-button-primary-default-vdt0fu, #006ce0)";
 export var colorBackgroundButtonPrimaryDisabled = "var(--color-background-button-primary-disabled-sgo4zo, #ebebf0)";
@@ -406,6 +407,8 @@ export var colorBorderButtonLinkDisabled = "var(--color-border-button-link-disab
 export var colorBorderButtonNormalActive = "var(--color-border-button-normal-active-ru7yhb, #002b66)";
 export var colorBorderButtonNormalDefault = "var(--color-border-button-normal-default-glqfp1, #006ce0)";
 export var colorBorderToggleButtonNormalPressed = "var(--color-border-toggle-button-normal-pressed-tq8o41, #006ce0)";
+export var colorBorderToggleButtonNormalDefault = "var(--color-border-toggle-button-normal-default-13wcrj, #006ce0)";
+export var colorBorderToggleButtonNormalHover = "var(--color-border-toggle-button-normal-hover-0gzb6n, #002b66)";
 export var colorBorderButtonNormalDisabled = "var(--color-border-button-normal-disabled-pkhetz, #b4b4bb)";
 export var colorTextButtonNormalDisabled = "var(--color-text-button-normal-disabled-05p74s, #8c8c94)";
 export var colorBorderButtonNormalHover = "var(--color-border-button-normal-hover-6a2tdq, #002b66)";
@@ -437,6 +440,7 @@ export var colorBorderDividerDefault = "var(--color-border-divider-default-nr68j
 export var colorBorderDividerPanelBottom = "var(--color-border-divider-panel-bottom-bruvuz, #c6c6cd)";
 export var colorBorderDividerPanelSide = "var(--color-border-divider-panel-side-an0w07, #c6c6cd)";
 export var colorBorderDividerSecondary = "var(--color-border-divider-secondary-qoitch, #ebebf0)";
+export var colorBorderDividerTableGroup = "var(--color-border-divider-table-group-l55omi, #8c8c94)";
 export var colorBorderDropdownContainer = "var(--color-border-dropdown-container-cmthq7, #b4b4bb)";
 export var colorBorderDropdownGroup = "var(--color-border-dropdown-group-ylcnh8, #c6c6cd)";
 export var colorBorderDropdownItemDefault = "var(--color-border-dropdown-item-default-kape37, #c6c6cd)";
@@ -460,6 +464,7 @@ export var colorBorderSegmentActive = "var(--color-border-segment-active-ls9t4n,
 export var colorBorderSegmentDefault = "var(--color-border-segment-default-6ig2mo, #424650)";
 export var colorBorderSegmentDisabled = "var(--color-border-segment-disabled-fcrbcl, #424650)";
 export var colorBorderSegmentHover = "var(--color-border-segment-hover-0o9ey3, #424650)";
+export var colorBorderSegmentWrapper = "var(--color-border-segment-wrapper-mvxnza, #8c8c94)";
 export var colorBorderStatusError = "var(--color-border-status-error-j8acpp, #db0000)";
 export var colorBorderStatusInfo = "var(--color-border-status-info-qf6jok, #006ce0)";
 export var colorBorderStatusSuccess = "var(--color-border-status-success-8z5f8u, #00802f)";
@@ -477,6 +482,7 @@ export var colorForegroundControlReadOnly = "var(--color-foreground-control-read
 export var colorShadowDefault = "var(--color-shadow-default-o7dmmm, rgba(15, 20, 26, 0.12))";
 export var colorShadowMedium = "var(--color-shadow-medium-x7of55, rgba(15, 20, 26, 0.12))";
 export var colorShadowSide = "var(--color-shadow-side-rtsbda, rgba(15, 20, 26, 0.12))";
+export var colorShadowToggleHandle = "var(--color-shadow-toggle-handle-at8aqh, rgba(0, 0, 0, 0.25))";
 export var colorStrokeChartLine = "var(--color-stroke-chart-line-3nsnk6, #8c8c94)";
 export var colorStrokeCodeEditorGutterActiveLineDefault = "var(--color-stroke-code-editor-gutter-active-line-default-5hrdmu, #dedee3)";
 export var colorStrokeCodeEditorGutterActiveLineHover = "var(--color-stroke-code-editor-gutter-active-line-hover-vqrb6s, #f9f9fa)";
@@ -621,6 +627,7 @@ export var colorTextBadgeGrey = "var(--color-text-badge-grey-5u533n, #f9f9fa)";
 export var colorTextBadgeGreen = "var(--color-text-badge-green-xkzw5d, #f9f9fa)";
 export var colorTextBadgeBlue = "var(--color-text-badge-blue-cq2uzn, #f9f9fa)";
 export var colorTextBadgeRed = "var(--color-text-badge-red-60jprp, #f9f9fa)";
+export var colorBackgroundCodeView = "var(--color-background-code-view-6vvqfk, #f8f8f8)";
 export var fontBoxValueLargeWeight = "var(--font-box-value-large-weight-wr00sw, 700)";
 export var fontButtonLetterSpacing = "var(--font-button-letter-spacing-ufowe3, 0.005em)";
 export var fontChartDetailSize = "var(--font-chart-detail-size-9qr25q, 12px)";
@@ -733,6 +740,7 @@ export var borderRadiusStatusIndicator = "var(--border-radius-status-indicator-f
 export var borderRadiusTabsFocusRing = "var(--border-radius-tabs-focus-ring-o4qku1, 20px)";
 export var borderRadiusTiles = "var(--border-radius-tiles-wm1vgw, 8px)";
 export var borderRadiusToken = "var(--border-radius-token-ycnemh, 8px)";
+export var borderRadiusTokenInline = "var(--border-radius-token-inline-tio0a0, 4px)";
 export var borderRadiusTutorialPanelItem = "var(--border-radius-tutorial-panel-item-ojaqxg, 8px)";
 export var borderTableStickyWidth = "var(--border-table-sticky-width-ai31mi, 1px)";
 export var borderWidthActionCardActive = "var(--border-width-action-card-active-pwtgzu, 1px)";