npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.323 → 3.0.325 - Mend

@cloudscape-design/components-themeable 3.0.323 → 3.0.325

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 (97) hide show

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

@@ -94,16 +94,16 @@ 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_pl8h6_97 > .awsui_arrow_18eso_pl8h6_97:not(#\9) {
+.awsui_button-trigger_18eso_kczo4_97 > .awsui_arrow_18eso_kczo4_97:not(#\9) {
   transition: transform var(--motion-duration-rotate-180-ur235g, 135ms) var(--motion-easing-rotate-180-eilno1, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-trigger_18eso_pl8h6_97 > .awsui_arrow_18eso_pl8h6_97:not(#\9) {
+  .awsui_button-trigger_18eso_kczo4_97 > .awsui_arrow_18eso_kczo4_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-trigger_18eso_pl8h6_97 > .awsui_arrow_18eso_pl8h6_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_pl8h6_97 > .awsui_arrow_18eso_pl8h6_97:not(#\9) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_kczo4_97 > .awsui_arrow_18eso_kczo4_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_kczo4_97 > .awsui_arrow_18eso_kczo4_97:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -112,7 +112,7 @@ 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_pl8h6_97:not(#\9) {
+.awsui_button-trigger_18eso_kczo4_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -157,61 +157,61 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: var(--space-scaled-xxs-gmgwxk, 4px) var(--space-field-horizontal-xg7uom, 8px);
   background-color: var(--color-background-input-default-16mzof, #ffffff);
   border-radius: var(--border-radius-input-gfayl6, 2px);
-  border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-default-481bu3, #879596);
+  border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-default-3zchtj, #687078);
   min-height: var(--size-vertical-input-yg5yti, 32px);
 }
-.awsui_button-trigger_18eso_pl8h6_97.awsui_has-caret_18eso_pl8h6_137:not(#\9) {
+.awsui_button-trigger_18eso_kczo4_97.awsui_has-caret_18eso_kczo4_137:not(#\9) {
   padding-right: var(--space-field-icon-offset-v49om3, 32px);
 }
-.awsui_button-trigger_18eso_pl8h6_97 > .awsui_placeholder_18eso_pl8h6_140:not(#\9) {
+.awsui_button-trigger_18eso_kczo4_97 > .awsui_placeholder_18eso_kczo4_140:not(#\9) {
   color: var(--color-text-input-placeholder-j38kg2, #687078);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_pl8h6_97 > .awsui_arrow_18eso_pl8h6_97:not(#\9) {
+.awsui_button-trigger_18eso_kczo4_97 > .awsui_arrow_18eso_kczo4_97:not(#\9) {
   position: absolute;
   right: var(--space-field-horizontal-xg7uom, 8px);
   top: calc(50% - var(--font-body-m-line-height-9vkzhc, 22px) / 2);
   color: var(--color-text-button-inline-icon-default-au9sza, #545b64);
 }
-.awsui_button-trigger_18eso_pl8h6_97:not(#\9):hover > .awsui_arrow_18eso_pl8h6_97 {
+.awsui_button-trigger_18eso_kczo4_97:not(#\9):hover > .awsui_arrow_18eso_kczo4_97 {
   color: var(--color-text-button-inline-icon-hover-3vml1m, #16191f);
 }
-.awsui_button-trigger_18eso_pl8h6_97.awsui_pressed_18eso_pl8h6_153 > .awsui_arrow_18eso_pl8h6_97:not(#\9) {
+.awsui_button-trigger_18eso_kczo4_97.awsui_pressed_18eso_kczo4_153 > .awsui_arrow_18eso_kczo4_97:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_button-trigger_18eso_pl8h6_97.awsui_disabled_18eso_pl8h6_156:not(#\9) {
+.awsui_button-trigger_18eso_kczo4_97.awsui_disabled_18eso_kczo4_156:not(#\9) {
   background-color: var(--color-background-input-disabled-izitmw, #eaeded);
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-disabled-4rrzz6, #eaeded);
   color: var(--color-text-input-disabled-w14lvq, #879596);
   cursor: auto;
 }
-.awsui_button-trigger_18eso_pl8h6_97.awsui_disabled_18eso_pl8h6_156 > .awsui_arrow_18eso_pl8h6_97:not(#\9) {
+.awsui_button-trigger_18eso_kczo4_97.awsui_disabled_18eso_kczo4_156 > .awsui_arrow_18eso_kczo4_97:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-320glj, #aab7b8);
 }
-.awsui_button-trigger_18eso_pl8h6_97.awsui_disabled_18eso_pl8h6_156.awsui_in-filtering-token_18eso_pl8h6_165:not(#\9) {
+.awsui_button-trigger_18eso_kczo4_97.awsui_disabled_18eso_kczo4_156.awsui_in-filtering-token_18eso_kczo4_165:not(#\9) {
   border-color: var(--color-border-control-disabled-p74xpm, #d5dbdb);
 }
-.awsui_button-trigger_18eso_pl8h6_97.awsui_disabled_18eso_pl8h6_156 > .awsui_placeholder_18eso_pl8h6_140:not(#\9) {
+.awsui_button-trigger_18eso_kczo4_97.awsui_disabled_18eso_kczo4_156 > .awsui_placeholder_18eso_kczo4_140:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-x5vuev, #687078);
 }
-.awsui_button-trigger_18eso_pl8h6_97.awsui_read-only_18eso_pl8h6_171:not(#\9) {
+.awsui_button-trigger_18eso_kczo4_97.awsui_read-only_18eso_kczo4_171:not(#\9) {
   background-color: var(--color-background-input-default-16mzof, #ffffff);
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-disabled-4rrzz6, #eaeded);
 }
-.awsui_button-trigger_18eso_pl8h6_97:not(#\9):focus {
+.awsui_button-trigger_18eso_kczo4_97:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_pl8h6_97:not(#\9):not(.awsui_in-filtering-token_18eso_pl8h6_165):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_kczo4_97:not(#\9):not(.awsui_in-filtering-token_18eso_kczo4_165):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-item-focused-4clyb1, #0073bb);
   border-radius: var(--border-radius-input-gfayl6, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-qycpr2, 1px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_button-trigger_18eso_pl8h6_97:not(#\9):not(.awsui_in-filtering-token_18eso_pl8h6_165):invalid {
+.awsui_button-trigger_18eso_kczo4_97:not(#\9):not(.awsui_in-filtering-token_18eso_kczo4_165):invalid {
   box-shadow: none;
 }
-.awsui_button-trigger_18eso_pl8h6_97:not(#\9):not(.awsui_in-filtering-token_18eso_pl8h6_165).awsui_invalid_18eso_pl8h6_188, .awsui_button-trigger_18eso_pl8h6_97:not(#\9):not(.awsui_in-filtering-token_18eso_pl8h6_165).awsui_invalid_18eso_pl8h6_188:focus {
+.awsui_button-trigger_18eso_kczo4_97:not(#\9):not(.awsui_in-filtering-token_18eso_kczo4_165).awsui_invalid_18eso_kczo4_188, .awsui_button-trigger_18eso_kczo4_97:not(#\9):not(.awsui_in-filtering-token_18eso_kczo4_165).awsui_invalid_18eso_kczo4_188:focus {
   color: var(--color-text-status-error-6ntion, #d13212);
   border-color: var(--color-text-status-error-6ntion, #d13212);
   padding-left: calc(
@@ -219,23 +219,23 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_pl8h6_97:not(#\9
 );
   border-left-width: var(--border-invalid-width-6tnuc9, 4px);
 }
-.awsui_button-trigger_18eso_pl8h6_97:not(#\9):not(.awsui_in-filtering-token_18eso_pl8h6_165).awsui_invalid_18eso_pl8h6_188:focus, .awsui_button-trigger_18eso_pl8h6_97:not(#\9):not(.awsui_in-filtering-token_18eso_pl8h6_165).awsui_invalid_18eso_pl8h6_188:focus:focus {
+.awsui_button-trigger_18eso_kczo4_97:not(#\9):not(.awsui_in-filtering-token_18eso_kczo4_165).awsui_invalid_18eso_kczo4_188:focus, .awsui_button-trigger_18eso_kczo4_97:not(#\9):not(.awsui_in-filtering-token_18eso_kczo4_165).awsui_invalid_18eso_kczo4_188:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-56jreh, 1px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_button-trigger_18eso_pl8h6_97.awsui_in-filtering-token_18eso_pl8h6_165:not(#\9) {
+.awsui_button-trigger_18eso_kczo4_97.awsui_in-filtering-token_18eso_kczo4_165:not(#\9) {
   border-color: var(--color-border-item-selected-044zoh, #0073bb);
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   height: 100%;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_pl8h6_97.awsui_in-filtering-token_18eso_pl8h6_165:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_kczo4_97.awsui_in-filtering-token_18eso_kczo4_165:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_pl8h6_97.awsui_in-filtering-token_18eso_pl8h6_165:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_kczo4_97.awsui_in-filtering-token_18eso_kczo4_165:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-8aybuc, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_pl8h6_97.awsui_in-filtering-token_18eso_pl8h6_165:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_kczo4_97.awsui_in-filtering-token_18eso_kczo4_165:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;

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

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-trigger": "awsui_button-trigger_18eso_pl8h6_97",
-  "arrow": "awsui_arrow_18eso_pl8h6_97",
-  "has-caret": "awsui_has-caret_18eso_pl8h6_137",
-  "placeholder": "awsui_placeholder_18eso_pl8h6_140",
-  "pressed": "awsui_pressed_18eso_pl8h6_153",
-  "disabled": "awsui_disabled_18eso_pl8h6_156",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_pl8h6_165",
-  "read-only": "awsui_read-only_18eso_pl8h6_171",
-  "invalid": "awsui_invalid_18eso_pl8h6_188"
+  "button-trigger": "awsui_button-trigger_18eso_kczo4_97",
+  "arrow": "awsui_arrow_18eso_kczo4_97",
+  "has-caret": "awsui_has-caret_18eso_kczo4_137",
+  "placeholder": "awsui_placeholder_18eso_kczo4_140",
+  "pressed": "awsui_pressed_18eso_kczo4_153",
+  "disabled": "awsui_disabled_18eso_kczo4_156",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_kczo4_165",
+  "read-only": "awsui_read-only_18eso_kczo4_171",
+  "invalid": "awsui_invalid_18eso_kczo4_188"
 };

package/lib/internal/template/internal/components/checkbox-icon/styles.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1fn7j_21t4n_93",
-  "styled-box": "awsui_styled-box_1fn7j_21t4n_100",
-  "styled-box-checked": "awsui_styled-box-checked_1fn7j_21t4n_106",
-  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_21t4n_106",
-  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_21t4n_110",
-  "styled-line": "awsui_styled-line_1fn7j_21t4n_124",
-  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_21t4n_129"
+  "root": "awsui_root_1fn7j_dxyuh_93",
+  "styled-box": "awsui_styled-box_1fn7j_dxyuh_100",
+  "styled-box-checked": "awsui_styled-box-checked_1fn7j_dxyuh_106",
+  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_dxyuh_106",
+  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_dxyuh_110",
+  "styled-line": "awsui_styled-line_1fn7j_dxyuh_124",
+  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_dxyuh_129"
 };

package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css CHANGED Viewed

@@ -90,42 +90,42 @@ 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_root_1fn7j_21t4n_93:not(#\9) {
+.awsui_root_1fn7j_dxyuh_93:not(#\9) {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 }
-.awsui_root_1fn7j_21t4n_93 > .awsui_styled-box_1fn7j_21t4n_100:not(#\9) {
+.awsui_root_1fn7j_dxyuh_93 > .awsui_styled-box_1fn7j_dxyuh_100:not(#\9) {
   fill: var(--color-background-control-default-3975zi, #ffffff);
-  stroke: var(--color-border-control-default-f54s88, #879596);
+  stroke: var(--color-border-control-default-zx2mvl, #687078);
   stroke-width: var(--border-field-width-gmdyxy, 1px);
   transition: fill var(--motion-duration-transition-quick-s6zxev, 90ms) var(--motion-easing-transition-quick-1rczl6, linear), stroke var(--motion-duration-transition-quick-s6zxev, 90ms) var(--motion-easing-transition-quick-1rczl6, linear);
 }
-.awsui_root_1fn7j_21t4n_93 > .awsui_styled-box-checked_1fn7j_21t4n_106:not(#\9), .awsui_root_1fn7j_21t4n_93 > .awsui_styled-box-indeterminate_1fn7j_21t4n_106:not(#\9) {
+.awsui_root_1fn7j_dxyuh_93 > .awsui_styled-box-checked_1fn7j_dxyuh_106:not(#\9), .awsui_root_1fn7j_dxyuh_93 > .awsui_styled-box-indeterminate_1fn7j_dxyuh_106:not(#\9) {
   fill: var(--color-background-control-checked-uprbe0, #0073bb);
   stroke: var(--color-border-control-checked-miuk2h, #0073bb);
 }
-.awsui_root_1fn7j_21t4n_93 > .awsui_styled-box-disabled_1fn7j_21t4n_110:not(#\9) {
+.awsui_root_1fn7j_dxyuh_93 > .awsui_styled-box-disabled_1fn7j_dxyuh_110:not(#\9) {
   fill: var(--color-background-control-disabled-44nu28, #d5dbdb);
   stroke: var(--color-border-control-disabled-p74xpm, #d5dbdb);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1fn7j_21t4n_93 > .awsui_styled-box_1fn7j_21t4n_100:not(#\9) {
+  .awsui_root_1fn7j_dxyuh_93 > .awsui_styled-box_1fn7j_dxyuh_100:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1fn7j_21t4n_93 > .awsui_styled-box_1fn7j_21t4n_100:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_21t4n_93 > .awsui_styled-box_1fn7j_21t4n_100:not(#\9) {
+.awsui-motion-disabled .awsui_root_1fn7j_dxyuh_93 > .awsui_styled-box_1fn7j_dxyuh_100:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_dxyuh_93 > .awsui_styled-box_1fn7j_dxyuh_100:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1fn7j_21t4n_93 > .awsui_styled-line_1fn7j_21t4n_124:not(#\9) {
+.awsui_root_1fn7j_dxyuh_93 > .awsui_styled-line_1fn7j_dxyuh_124:not(#\9) {
   stroke: var(--color-foreground-control-default-nqkae0, #ffffff);
   stroke-width: 2;
   fill: none;
 }
-.awsui_root_1fn7j_21t4n_93 > .awsui_styled-line-disabled_1fn7j_21t4n_129:not(#\9) {
+.awsui_root_1fn7j_dxyuh_93 > .awsui_styled-line-disabled_1fn7j_dxyuh_129:not(#\9) {
   stroke: var(--color-foreground-control-disabled-7tx8eg, #ffffff);
 }

package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js CHANGED Viewed

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1fn7j_21t4n_93",
-  "styled-box": "awsui_styled-box_1fn7j_21t4n_100",
-  "styled-box-checked": "awsui_styled-box-checked_1fn7j_21t4n_106",
-  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_21t4n_106",
-  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_21t4n_110",
-  "styled-line": "awsui_styled-line_1fn7j_21t4n_124",
-  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_21t4n_129"
+  "root": "awsui_root_1fn7j_dxyuh_93",
+  "styled-box": "awsui_styled-box_1fn7j_dxyuh_100",
+  "styled-box-checked": "awsui_styled-box-checked_1fn7j_dxyuh_106",
+  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_dxyuh_106",
+  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_dxyuh_110",
+  "styled-line": "awsui_styled-line_1fn7j_dxyuh_124",
+  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_dxyuh_129"
 };

package/lib/internal/template/internal/components/masked-input/use-mask.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { KeyCode } from '../../keycode';
-import * as logger from '../../logging';
+import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
 import { isCommand, isDigit } from './utils/keys';
 import { backspaceHandler, keyHandler, enterHandler } from './keyboard-handler';
 const onAutoComplete = (value, onChange, maskFormat) => {
@@ -15,7 +15,7 @@ const onAutoComplete = (value, onChange, maskFormat) => {
 const preventDefault = (event, result) => result && event.preventDefault();
 const useMask = ({ value = '', onBlur, onChange, onKeyDown, format, inputRef, autofix = false, disableAutocompleteOnBlur = false, setPosition, }) => {
     if (!format.isValid(value)) {
-        logger.warnOnce('useMask', `Invalid string "${value}" provided`);
+        warnOnce('useMask', `Invalid string "${value}" provided`);
     }
     const onMaskChange = (updatedValue) => {
         const autofixedUpdatedValue = autofix ? format.correctMinMaxValues(updatedValue) : updatedValue;

package/lib/internal/template/internal/components/masked-input/use-mask.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-mask.js","sourceRoot":"lib/default/","sources":["internal/components/masked-input/use-mask.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,~~KAAK~~,~~MAAM~~,MAAM,~~eAAe,~~CAAC;~~AACxC~~,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,EAAE,gBAAgB,EAAiB,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAsB/F,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,QAAkC,EAAE,UAAsB,EAAE,EAAE;IACnG,wCAAwC;IACxC,IAAI,CAAC,KAAK,EAAE;QACV,OAAO;KACR;IAED,MAAM,kBAAkB,GAAG,UAAU,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC1D,IAAI,kBAAkB,KAAK,KAAK,EAAE;QAChC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;KAC9B;AACH,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAkB,EAAE,MAA6B,EAAE,EAAE,CAAC,MAAM,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;AAE/G,MAAM,OAAO,GAAG,CAAC,EACf,KAAK,GAAG,EAAE,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,yBAAyB,GAAG,KAAK,EACjC,WAAW,GACE,EAAe,EAAE;IAC9B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAC1B,~~MAAM,CAAC,~~QAAQ,CAAC,SAAS,EAAE,mBAAmB,KAAK,YAAY,CAAC,CAAC;~~KAClE~~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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { RefObject } from 'react';\nimport { InputProps } from '../../../input/interfaces';\nimport { NonCancelableEventHandler, CancelableEventHandler } from '../../events';\nimport { KeyCode } from '../../keycode';\n\nimport * as ~~logger~~ from '~~../../logging~~';\nimport { isCommand, isDigit } from './utils/keys';\n\nimport MaskFormat from './utils/mask-format';\nimport { backspaceHandler, HandlerResult, keyHandler, enterHandler } from './keyboard-handler';\n\ninterface UseMaskHook {\n value: string;\n onChange: NonCancelableEventHandler<InputProps.ChangeDetail>;\n onKeyDown: CancelableEventHandler<InputProps.KeyDetail>;\n onBlur: NonCancelableEventHandler<null>;\n onPaste: (event: ClipboardEvent) => void;\n}\n\ninterface UseMaskProps {\n value: string;\n onChange: (value: string) => void;\n onKeyDown?: (event: CustomEvent) => void;\n onBlur?: () => void;\n format: MaskFormat;\n autofix?: boolean;\n inputRef: RefObject<HTMLInputElement>;\n disableAutocompleteOnBlur?: boolean;\n setPosition: (position: number \| null) => void;\n}\n\nconst onAutoComplete = (value: string, onChange: UseMaskProps['onChange'], maskFormat: MaskFormat) => {\n // Do not autocomplete if input is empty\n if (!value) {\n return;\n }\n\n const autoCompletedValue = maskFormat.autoComplete(value);\n if (autoCompletedValue !== value) {\n onChange(autoCompletedValue);\n }\n};\n\nconst preventDefault = (event: CustomEvent, result?: HandlerResult \| null) => result && event.preventDefault();\n\nconst useMask = ({\n value = '',\n onBlur,\n onChange,\n onKeyDown,\n format,\n inputRef,\n autofix = false,\n disableAutocompleteOnBlur = false,\n setPosition,\n}: UseMaskProps): UseMaskHook => {\n if (!format.isValid(value)) {\n ~~logger.~~warnOnce('useMask', `Invalid string \"${value}\" provided`);\n }\n\n const onMaskChange = (updatedValue: string) => {\n const autofixedUpdatedValue = autofix ? format.correctMinMaxValues(updatedValue) : updatedValue;\n if (autofixedUpdatedValue === value \|\| !format.isValid(autofixedUpdatedValue)) {\n return;\n }\n\n onChange(autofixedUpdatedValue);\n };\n\n const initialValue = autofix ? format.correctMinMaxValues(value) : value;\n const maskedValue = format.getValidValue(initialValue);\n\n return {\n value: maskedValue,\n onKeyDown: (event: CustomEvent) => {\n const selectionStart = inputRef.current?.selectionStart \|\| 0;\n const selectionEnd = inputRef.current?.selectionEnd \|\| 0;\n\n let result: HandlerResult \| undefined;\n const { keyCode, key, ctrlKey, metaKey } = event.detail;\n if (isDigit(key) \|\| format.isSeparator(key)) {\n result = keyHandler(maskedValue, key, format, selectionStart, selectionEnd);\n preventDefault(event, result);\n } else if (keyCode === KeyCode.backspace) {\n result = backspaceHandler(maskedValue, format, selectionStart, selectionEnd);\n preventDefault(event, result);\n } else if (keyCode === KeyCode.enter) {\n result = enterHandler(maskedValue, format);\n } else if (!isCommand(keyCode, ctrlKey, metaKey)) {\n event.preventDefault();\n }\n\n if (result) {\n const { value, position } = result;\n\n onMaskChange(value);\n setPosition(position);\n }\n\n // Proxy original event\n onKeyDown && onKeyDown(event);\n },\n onChange: ({ detail }) => onMaskChange(detail.value),\n onBlur: () => {\n if (!disableAutocompleteOnBlur) {\n onAutoComplete(maskedValue, onChange, format);\n }\n\n onBlur && onBlur();\n },\n onPaste: (event: ClipboardEvent) => {\n const text = (event.clipboardData \|\| (window as any).clipboardData).getData('text');\n\n const selectionStart = inputRef.current?.selectionStart \|\| 0;\n const selectionEnd = inputRef.current?.selectionEnd \|\| 0;\n\n const formattedText = format.formatPastedText(text, maskedValue, selectionStart, selectionEnd);\n onMaskChange(formattedText);\n },\n };\n};\n\nexport default useMask;\n"]}
1	+ {"version":3,"file":"use-mask.js","sourceRoot":"lib/default/","sources":["internal/components/masked-input/use-mask.ts"],"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 { RefObject } from 'react';\nimport { InputProps } from '../../../input/interfaces';\nimport { NonCancelableEventHandler, CancelableEventHandler } from '../../events';\nimport { KeyCode } from '../../keycode';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { isCommand, isDigit } from './utils/keys';\n\nimport MaskFormat from './utils/mask-format';\nimport { backspaceHandler, HandlerResult, keyHandler, enterHandler } from './keyboard-handler';\n\ninterface UseMaskHook {\n value: string;\n onChange: NonCancelableEventHandler<InputProps.ChangeDetail>;\n onKeyDown: CancelableEventHandler<InputProps.KeyDetail>;\n onBlur: NonCancelableEventHandler<null>;\n onPaste: (event: ClipboardEvent) => void;\n}\n\ninterface UseMaskProps {\n value: string;\n onChange: (value: string) => void;\n onKeyDown?: (event: CustomEvent) => void;\n onBlur?: () => void;\n format: MaskFormat;\n autofix?: boolean;\n inputRef: RefObject<HTMLInputElement>;\n disableAutocompleteOnBlur?: boolean;\n setPosition: (position: number \| null) => void;\n}\n\nconst onAutoComplete = (value: string, onChange: UseMaskProps['onChange'], maskFormat: MaskFormat) => {\n // Do not autocomplete if input is empty\n if (!value) {\n return;\n }\n\n const autoCompletedValue = maskFormat.autoComplete(value);\n if (autoCompletedValue !== value) {\n onChange(autoCompletedValue);\n }\n};\n\nconst preventDefault = (event: CustomEvent, result?: HandlerResult \| null) => result && event.preventDefault();\n\nconst useMask = ({\n value = '',\n onBlur,\n onChange,\n onKeyDown,\n format,\n inputRef,\n autofix = false,\n disableAutocompleteOnBlur = false,\n setPosition,\n}: UseMaskProps): UseMaskHook => {\n if (!format.isValid(value)) {\n warnOnce('useMask', `Invalid string \"${value}\" provided`);\n }\n\n const onMaskChange = (updatedValue: string) => {\n const autofixedUpdatedValue = autofix ? format.correctMinMaxValues(updatedValue) : updatedValue;\n if (autofixedUpdatedValue === value \|\| !format.isValid(autofixedUpdatedValue)) {\n return;\n }\n\n onChange(autofixedUpdatedValue);\n };\n\n const initialValue = autofix ? format.correctMinMaxValues(value) : value;\n const maskedValue = format.getValidValue(initialValue);\n\n return {\n value: maskedValue,\n onKeyDown: (event: CustomEvent) => {\n const selectionStart = inputRef.current?.selectionStart \|\| 0;\n const selectionEnd = inputRef.current?.selectionEnd \|\| 0;\n\n let result: HandlerResult \| undefined;\n const { keyCode, key, ctrlKey, metaKey } = event.detail;\n if (isDigit(key) \|\| format.isSeparator(key)) {\n result = keyHandler(maskedValue, key, format, selectionStart, selectionEnd);\n preventDefault(event, result);\n } else if (keyCode === KeyCode.backspace) {\n result = backspaceHandler(maskedValue, format, selectionStart, selectionEnd);\n preventDefault(event, result);\n } else if (keyCode === KeyCode.enter) {\n result = enterHandler(maskedValue, format);\n } else if (!isCommand(keyCode, ctrlKey, metaKey)) {\n event.preventDefault();\n }\n\n if (result) {\n const { value, position } = result;\n\n onMaskChange(value);\n setPosition(position);\n }\n\n // Proxy original event\n onKeyDown && onKeyDown(event);\n },\n onChange: ({ detail }) => onMaskChange(detail.value),\n onBlur: () => {\n if (!disableAutocompleteOnBlur) {\n onAutoComplete(maskedValue, onChange, format);\n }\n\n onBlur && onBlur();\n },\n onPaste: (event: ClipboardEvent) => {\n const text = (event.clipboardData \|\| (window as any).clipboardData).getData('text');\n\n const selectionStart = inputRef.current?.selectionStart \|\| 0;\n const selectionEnd = inputRef.current?.selectionEnd \|\| 0;\n\n const formattedText = format.formatPastedText(text, maskedValue, selectionStart, selectionEnd);\n onMaskChange(formattedText);\n },\n };\n};\n\nexport default useMask;\n"]}

package/lib/internal/template/internal/components/option/index.js CHANGED Viewed

@@ -6,7 +6,7 @@ import clsx from 'clsx';
 import styles from './styles.css.js';
 import { Label, LabelTag, Description, Tags, FilteringTags, OptionIcon } from './option-parts';
 import { getBaseProps } from '../../base-component';
-import { warnOnce } from '../../logging';
+import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
 import { isDevelopment } from '../../is-development';
 function validateStringValue(value, propertyName) {
     if (typeof value !== 'undefined' && typeof value !== 'string') {

package/lib/internal/template/internal/components/option/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/option/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC/F,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,~~eAAe,~~CAAC;~~AACzC~~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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';\nimport styles from './styles.css.js';\nimport { OptionProps } from './interfaces';\nimport { Label, LabelTag, Description, Tags, FilteringTags, OptionIcon } from './option-parts';\nimport { getBaseProps } from '../../base-component';\nimport { warnOnce } from '~~../../logging~~';\nimport { isDevelopment } from '../../is-development';\n\nexport { OptionProps };\n\nfunction validateStringValue(value: string \| undefined, propertyName: string) {\n if (typeof value !== 'undefined' && typeof value !== 'string') {\n warnOnce(\n 'DropdownOption',\n `This component only supports string values, but \"option.${propertyName}\" has ${typeof value} type. The component may work incorrectly.`\n );\n }\n}\n\nconst Option = ({\n option,\n highlightText,\n triggerVariant = false,\n isGroupOption = false,\n isGenericGroup = true,\n highlightedOption = false,\n selectedOption = false,\n ...restProps\n}: OptionProps) => {\n if (!option) {\n return null;\n }\n const { disabled } = option;\n const baseProps = getBaseProps(restProps);\n\n if (isDevelopment) {\n validateStringValue(option.label, 'label');\n validateStringValue(option.description, 'description');\n validateStringValue(option.labelTag, 'labelTag');\n option.tags?.forEach((tag, index) => {\n validateStringValue(tag, `tags[${index}]`);\n });\n option.filteringTags?.forEach((tag, index) => {\n validateStringValue(tag, `filteringTags[${index}]`);\n });\n }\n\n const className = clsx(\n styles.option,\n disabled && styles.disabled,\n isGroupOption && styles.parent,\n highlightedOption && styles.highlighted\n );\n\n const icon = option.__customIcon \|\| (\n <OptionIcon\n name={option.iconName}\n url={option.iconUrl}\n svg={option.iconSvg}\n alt={option.iconAlt}\n size={option.description \|\| option.tags ? 'big' : 'normal'}\n />\n );\n\n // The option is conditionally assigned 'title' and 'aria-disabled' attributes to ensure it is viewed as a (generic) group by assistive technology only when necessary.\n // Omitting the props might be necessary if they are provided on the parent element to avoid nested groups.\n // See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role\n const genericGroupProps = isGenericGroup\n ? {\n title: option.label ?? option.value,\n 'aria-disabled': disabled,\n }\n : undefined;\n\n return (\n <span data-value={option.value} className={className} lang={option.lang} {...genericGroupProps} {...baseProps}>\n {icon}\n <span className={clsx(styles.content)}>\n <span className={clsx(styles['label-content'])}>\n <Label\n label={option.label ?? option.value}\n prefix={option.__labelPrefix}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n <LabelTag labelTag={option.labelTag} highlightText={highlightText} triggerVariant={triggerVariant} />\n </span>\n <Description\n description={option.description}\n highlightedOption={highlightedOption}\n selectedOption={selectedOption}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n <Tags\n tags={option.tags}\n highlightedOption={highlightedOption}\n selectedOption={selectedOption}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n <FilteringTags\n filteringTags={option.filteringTags}\n highlightedOption={highlightedOption}\n selectedOption={selectedOption}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n </span>\n </span>\n );\n};\n\nexport default Option;\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/option/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';\nimport styles from './styles.css.js';\nimport { OptionProps } from './interfaces';\nimport { Label, LabelTag, Description, Tags, FilteringTags, OptionIcon } from './option-parts';\nimport { getBaseProps } from '../../base-component';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { isDevelopment } from '../../is-development';\n\nexport { OptionProps };\n\nfunction validateStringValue(value: string \| undefined, propertyName: string) {\n if (typeof value !== 'undefined' && typeof value !== 'string') {\n warnOnce(\n 'DropdownOption',\n `This component only supports string values, but \"option.${propertyName}\" has ${typeof value} type. The component may work incorrectly.`\n );\n }\n}\n\nconst Option = ({\n option,\n highlightText,\n triggerVariant = false,\n isGroupOption = false,\n isGenericGroup = true,\n highlightedOption = false,\n selectedOption = false,\n ...restProps\n}: OptionProps) => {\n if (!option) {\n return null;\n }\n const { disabled } = option;\n const baseProps = getBaseProps(restProps);\n\n if (isDevelopment) {\n validateStringValue(option.label, 'label');\n validateStringValue(option.description, 'description');\n validateStringValue(option.labelTag, 'labelTag');\n option.tags?.forEach((tag, index) => {\n validateStringValue(tag, `tags[${index}]`);\n });\n option.filteringTags?.forEach((tag, index) => {\n validateStringValue(tag, `filteringTags[${index}]`);\n });\n }\n\n const className = clsx(\n styles.option,\n disabled && styles.disabled,\n isGroupOption && styles.parent,\n highlightedOption && styles.highlighted\n );\n\n const icon = option.__customIcon \|\| (\n <OptionIcon\n name={option.iconName}\n url={option.iconUrl}\n svg={option.iconSvg}\n alt={option.iconAlt}\n size={option.description \|\| option.tags ? 'big' : 'normal'}\n />\n );\n\n // The option is conditionally assigned 'title' and 'aria-disabled' attributes to ensure it is viewed as a (generic) group by assistive technology only when necessary.\n // Omitting the props might be necessary if they are provided on the parent element to avoid nested groups.\n // See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role\n const genericGroupProps = isGenericGroup\n ? {\n title: option.label ?? option.value,\n 'aria-disabled': disabled,\n }\n : undefined;\n\n return (\n <span data-value={option.value} className={className} lang={option.lang} {...genericGroupProps} {...baseProps}>\n {icon}\n <span className={clsx(styles.content)}>\n <span className={clsx(styles['label-content'])}>\n <Label\n label={option.label ?? option.value}\n prefix={option.__labelPrefix}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n <LabelTag labelTag={option.labelTag} highlightText={highlightText} triggerVariant={triggerVariant} />\n </span>\n <Description\n description={option.description}\n highlightedOption={highlightedOption}\n selectedOption={selectedOption}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n <Tags\n tags={option.tags}\n highlightedOption={highlightedOption}\n selectedOption={selectedOption}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n <FilteringTags\n filteringTags={option.filteringTags}\n highlightedOption={highlightedOption}\n selectedOption={selectedOption}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n </span>\n </span>\n );\n};\n\nexport default Option;\n"]}

package/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -1,6 +1,6 @@
     export var PACKAGE_SOURCE = 'components';
-    export var PACKAGE_VERSION = '3.0.0 (6c67b6e)';
+    export var PACKAGE_VERSION = '3.0.0 (3635d7a)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/generated/theming/index.cjs CHANGED Viewed

@@ -1112,6 +1112,10 @@ module.exports.preset = {
         "light": "transparent",
         "dark": "transparent"
       },
+      "colorBorderEditableCellHover": {
+        "light": "{colorBorderDropdownItemHover}",
+        "dark": "{colorBorderDropdownItemHover}"
+      },
       "colorBorderInputDefault": {
         "light": "{colorGrey500}",
         "dark": "{colorGrey550}"
@@ -1224,6 +1228,10 @@ module.exports.preset = {
         "light": "{colorGreyTransparentLight}",
         "dark": "{colorGreyTransparentLight}"
       },
+      "colorStrokeChartLine": {
+        "light": "{colorGrey500}",
+        "dark": "{colorGrey500}"
+      },
       "colorStrokeCodeEditorResizeHandler": {
         "light": "{colorGrey600}",
         "dark": "{colorGrey300}"
@@ -3081,6 +3089,10 @@ module.exports.preset = {
             "light": "transparent",
             "dark": "transparent"
           },
+          "colorBorderEditableCellHover": {
+            "light": "{colorBorderDropdownItemHover}",
+            "dark": "{colorBorderDropdownItemHover}"
+          },
           "colorBorderInputDefault": {
             "light": "{colorGrey550}",
             "dark": "{colorGrey550}"
@@ -3193,6 +3205,10 @@ module.exports.preset = {
             "light": "{colorGreyTransparentLight}",
             "dark": "{colorGreyTransparentLight}"
           },
+          "colorStrokeChartLine": {
+            "light": "{colorGrey500}",
+            "dark": "{colorGrey500}"
+          },
           "colorStrokeCodeEditorResizeHandler": {
             "light": "{colorGrey300}",
             "dark": "{colorGrey300}"
@@ -4075,6 +4091,10 @@ module.exports.preset = {
             "light": "transparent",
             "dark": "transparent"
           },
+          "colorBorderEditableCellHover": {
+            "light": "{colorBorderDropdownItemHover}",
+            "dark": "{colorBorderDropdownItemHover}"
+          },
           "colorBorderInputDefault": {
             "light": "{colorGrey550}",
             "dark": "{colorGrey550}"
@@ -4187,6 +4207,10 @@ module.exports.preset = {
             "light": "{colorGreyTransparentLight}",
             "dark": "{colorGreyTransparentLight}"
           },
+          "colorStrokeChartLine": {
+            "light": "{colorGrey500}",
+            "dark": "{colorGrey500}"
+          },
           "colorStrokeCodeEditorResizeHandler": {
             "light": "{colorGrey300}",
             "dark": "{colorGrey300}"
@@ -5001,6 +5025,10 @@ module.exports.preset = {
             "light": "transparent",
             "dark": "transparent"
           },
+          "colorBorderEditableCellHover": {
+            "light": "{colorBorderDropdownItemHover}",
+            "dark": "{colorBorderDropdownItemHover}"
+          },
           "colorBorderInputDefault": {
             "light": "{colorGrey500}",
             "dark": "{colorGrey550}"
@@ -5113,6 +5141,10 @@ module.exports.preset = {
             "light": "{colorGreyTransparentLight}",
             "dark": "{colorGreyTransparentLight}"
           },
+          "colorStrokeChartLine": {
+            "light": "{colorGrey500}",
+            "dark": "{colorGrey500}"
+          },
           "colorStrokeCodeEditorResizeHandler": {
             "light": "{colorGrey600}",
             "dark": "{colorGrey300}"
@@ -5927,6 +5959,10 @@ module.exports.preset = {
             "light": "transparent",
             "dark": "transparent"
           },
+          "colorBorderEditableCellHover": {
+            "light": "{colorBorderDropdownItemHover}",
+            "dark": "{colorBorderDropdownItemHover}"
+          },
           "colorBorderInputDefault": {
             "light": "{colorGrey500}",
             "dark": "{colorGrey550}"
@@ -6039,6 +6075,10 @@ module.exports.preset = {
             "light": "{colorGreyTransparentLight}",
             "dark": "{colorGreyTransparentLight}"
           },
+          "colorStrokeChartLine": {
+            "light": "{colorGrey500}",
+            "dark": "{colorGrey500}"
+          },
           "colorStrokeCodeEditorResizeHandler": {
             "light": "{colorGrey600}",
             "dark": "{colorGrey300}"
@@ -6853,6 +6893,10 @@ module.exports.preset = {
             "light": "transparent",
             "dark": "transparent"
           },
+          "colorBorderEditableCellHover": {
+            "light": "{colorBorderDropdownItemHover}",
+            "dark": "{colorBorderDropdownItemHover}"
+          },
           "colorBorderInputDefault": {
             "light": "{colorGrey550}",
             "dark": "{colorGrey550}"
@@ -6965,6 +7009,10 @@ module.exports.preset = {
             "light": "{colorGreyTransparentLight}",
             "dark": "{colorGreyTransparentLight}"
           },
+          "colorStrokeChartLine": {
+            "light": "{colorGrey500}",
+            "dark": "{colorGrey500}"
+          },
           "colorStrokeCodeEditorResizeHandler": {
             "light": "{colorGrey300}",
             "dark": "{colorGrey300}"
@@ -7622,6 +7670,7 @@ module.exports.preset = {
       "colorBorderDropdownItemDimmedHover": "color",
       "colorBorderDropdownItemSelected": "color",
       "colorBorderDropdownItemTop": "color",
+      "colorBorderEditableCellHover": "color",
       "colorBorderInputDefault": "color",
       "colorBorderInputDisabled": "color",
       "colorBorderItemFocused": "color",
@@ -7650,6 +7699,7 @@ module.exports.preset = {
       "colorShadowLayoutToggle": "color",
       "colorShadowMedium": "color",
       "colorShadowSide": "color",
+      "colorStrokeChartLine": "color",
       "colorStrokeCodeEditorResizeHandler": "color",
       "colorStrokeCodeEditorGutterActiveLineDefault": "color",
       "colorStrokeCodeEditorGutterActiveLineHover": "color",
@@ -8690,6 +8740,7 @@ module.exports.preset = {
     "colorBorderDropdownItemDimmedHover": "color-border-dropdown-item-dimmed-hover",
     "colorBorderDropdownItemSelected": "color-border-dropdown-item-selected",
     "colorBorderDropdownItemTop": "color-border-dropdown-item-top",
+    "colorBorderEditableCellHover": "color-border-editable-cell-hover",
     "colorBorderInputDefault": "color-border-input-default",
     "colorBorderInputDisabled": "color-border-input-disabled",
     "colorBorderItemFocused": "color-border-item-focused",
@@ -8718,6 +8769,7 @@ module.exports.preset = {
     "colorShadowLayoutToggle": "color-shadow-layout-toggle",
     "colorShadowMedium": "color-shadow-medium",
     "colorShadowSide": "color-shadow-side",
+    "colorStrokeChartLine": "color-stroke-chart-line",
     "colorStrokeCodeEditorResizeHandler": "color-stroke-code-editor-resize-handler",
     "colorStrokeCodeEditorGutterActiveLineDefault": "color-stroke-code-editor-gutter-active-line-default",
     "colorStrokeCodeEditorGutterActiveLineHover": "color-stroke-code-editor-gutter-active-line-hover",
@@ -9360,6 +9412,7 @@ module.exports.preset = {
     "colorBorderDropdownItemDimmedHover": "--color-border-dropdown-item-dimmed-hover-3tdni4",
     "colorBorderDropdownItemSelected": "--color-border-dropdown-item-selected-3zay2y",
     "colorBorderDropdownItemTop": "--color-border-dropdown-item-top-x77i10",
+    "colorBorderEditableCellHover": "--color-border-editable-cell-hover-zeuchn",
     "colorBorderInputDefault": "--color-border-input-default-zb6g42",
     "colorBorderInputDisabled": "--color-border-input-disabled-06dcc0",
     "colorBorderItemFocused": "--color-border-item-focused-4t19h5",
@@ -9388,6 +9441,7 @@ module.exports.preset = {
     "colorShadowLayoutToggle": "--color-shadow-layout-toggle-u6bbly",
     "colorShadowMedium": "--color-shadow-medium-ncb0av",
     "colorShadowSide": "--color-shadow-side-priy5p",
+    "colorStrokeChartLine": "--color-stroke-chart-line-7sdstd",
     "colorStrokeCodeEditorResizeHandler": "--color-stroke-code-editor-resize-handler-upcfz7",
     "colorStrokeCodeEditorGutterActiveLineDefault": "--color-stroke-code-editor-gutter-active-line-default-kc336v",
     "colorStrokeCodeEditorGutterActiveLineHover": "--color-stroke-code-editor-gutter-active-line-hover-czlv75",