npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1313 → 3.0.1314 - Mend

@cloudscape-design/components-themeable 3.0.1313 → 3.0.1314

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

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

@@ -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 CHANGED Viewed

@@ -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/environment.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (82d11d66)";
-export var GIT_SHA = "82d11d66";
+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 CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (82d11d66)",
-  "GIT_SHA": "82d11d66",
+  "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 CHANGED Viewed

@@ -627,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;

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

@@ -627,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)";

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

@@ -2555,6 +2555,10 @@ module.exports.preset = {
         "light": "{colorTextNotificationDefault}",
         "dark": "{colorTextNotificationDefault}"
       },
+      "colorBackgroundCodeView": {
+        "light": "#f8f8f8",
+        "dark": "#282c34"
+      },
       "fontBoxValueLargeWeight": "700",
       "fontButtonLetterSpacing": "0.005em",
       "fontChartDetailSize": "{fontSizeBodyS}",
@@ -5328,6 +5332,10 @@ module.exports.preset = {
             "light": "{colorTextNotificationDefault}",
             "dark": "{colorTextNotificationDefault}"
           },
+          "colorBackgroundCodeView": {
+            "light": "#282c34",
+            "dark": "#282c34"
+          },
           "colorPrimary50": "#f0fbff",
           "colorPrimary100": "#d1f1ff",
           "colorPrimary200": "#b8e7ff",
@@ -6933,6 +6941,10 @@ module.exports.preset = {
             "light": "{colorTextNotificationDefault}",
             "dark": "{colorTextNotificationDefault}"
           },
+          "colorBackgroundCodeView": {
+            "light": "#282c34",
+            "dark": "#282c34"
+          },
           "colorPrimary50": "#f0fbff",
           "colorPrimary100": "#d1f1ff",
           "colorPrimary200": "#b8e7ff",
@@ -8465,6 +8477,10 @@ module.exports.preset = {
           "colorTextBadgeRed": {
             "light": "{colorTextNotificationDefault}",
             "dark": "{colorTextNotificationDefault}"
+          },
+          "colorBackgroundCodeView": {
+            "light": "#f8f8f8",
+            "dark": "#282c34"
           }
         }
       },
@@ -9863,6 +9879,10 @@ module.exports.preset = {
           "colorTextBadgeRed": {
             "light": "{colorTextNotificationDefault}",
             "dark": "{colorTextNotificationDefault}"
+          },
+          "colorBackgroundCodeView": {
+            "light": "#f8f8f8",
+            "dark": "#282c34"
           }
         }
       },
@@ -11262,6 +11282,10 @@ module.exports.preset = {
             "light": "{colorTextNotificationDefault}",
             "dark": "{colorTextNotificationDefault}"
           },
+          "colorBackgroundCodeView": {
+            "light": "#f8f8f8",
+            "dark": "#282c34"
+          },
           "fontSizeExpandableHeading": "14px",
           "borderDividerSectionWidth": "1px"
         }
@@ -12661,6 +12685,10 @@ module.exports.preset = {
           "colorTextBadgeRed": {
             "light": "{colorTextNotificationDefault}",
             "dark": "{colorTextNotificationDefault}"
+          },
+          "colorBackgroundCodeView": {
+            "light": "#282c34",
+            "dark": "#282c34"
           }
         }
       },
@@ -13305,6 +13333,7 @@ module.exports.preset = {
       "colorTextBadgeGreen": "color",
       "colorTextBadgeBlue": "color",
       "colorTextBadgeRed": "color",
+      "colorBackgroundCodeView": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -14011,6 +14040,7 @@ module.exports.preset = {
     "colorTextBadgeGreen",
     "colorTextBadgeBlue",
     "colorTextBadgeRed",
+    "colorBackgroundCodeView",
     "fontDecorationStyleLink",
     "fontDecorationThicknessLink",
     "fontDecorationThicknessLinkDisplayL",
@@ -14518,6 +14548,7 @@ module.exports.preset = {
     "colorTextBadgeGreen",
     "colorTextBadgeBlue",
     "colorTextBadgeRed",
+    "colorBackgroundCodeView",
     "fontFamilyBase",
     "fontFamilyDisplay",
     "fontFamilyHeading",
@@ -15292,6 +15323,7 @@ module.exports.preset = {
     "colorTextBadgeGreen": "color-text-badge-green",
     "colorTextBadgeBlue": "color-text-badge-blue",
     "colorTextBadgeRed": "color-text-badge-red",
+    "colorBackgroundCodeView": "color-background-code-view",
     "fontBoxValueLargeWeight": "font-box-value-large-weight",
     "fontButtonLetterSpacing": "font-button-letter-spacing",
     "fontChartDetailSize": "font-chart-detail-size",
@@ -16251,6 +16283,7 @@ module.exports.preset = {
     "colorTextBadgeGreen": "--color-text-badge-green-xkzw5d",
     "colorTextBadgeBlue": "--color-text-badge-blue-cq2uzn",
     "colorTextBadgeRed": "--color-text-badge-red-60jprp",
+    "colorBackgroundCodeView": "--color-background-code-view-6vvqfk",
     "fontBoxValueLargeWeight": "--font-box-value-large-weight-wr00sw",
     "fontButtonLetterSpacing": "--font-button-letter-spacing-ufowe3",
     "fontChartDetailSize": "--font-chart-detail-size-9qr25q",

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

@@ -301,6 +301,7 @@ export declare interface TypedOverride {
     colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     fontDecorationStyleLink?: GlobalValue;
     fontDecorationThicknessLink?: GlobalValue;
     fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -722,6 +723,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -1143,6 +1145,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -1564,6 +1567,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -1985,6 +1989,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -2406,6 +2411,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -2827,6 +2833,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -3248,6 +3255,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -3669,6 +3677,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;

package/lib/internal/template/internal/generated/theming/index.d.ts CHANGED Viewed

@@ -301,6 +301,7 @@ export declare interface TypedOverride {
     colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     fontDecorationStyleLink?: GlobalValue;
     fontDecorationThicknessLink?: GlobalValue;
     fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -722,6 +723,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -1143,6 +1145,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -1564,6 +1567,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -1985,6 +1989,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -2406,6 +2411,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -2827,6 +2833,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -3248,6 +3255,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;
@@ -3669,6 +3677,7 @@ export declare interface TypedOverride {
         colorTextBadgeGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextBadgeRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundCodeView?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontDecorationStyleLink?: GlobalValue;
         fontDecorationThicknessLink?: GlobalValue;
         fontDecorationThicknessLinkDisplayL?: GlobalValue;

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

@@ -2555,6 +2555,10 @@ export var preset = {
         "light": "{colorTextNotificationDefault}",
         "dark": "{colorTextNotificationDefault}"
       },
+      "colorBackgroundCodeView": {
+        "light": "#f8f8f8",
+        "dark": "#282c34"
+      },
       "fontBoxValueLargeWeight": "700",
       "fontButtonLetterSpacing": "0.005em",
       "fontChartDetailSize": "{fontSizeBodyS}",
@@ -5328,6 +5332,10 @@ export var preset = {
             "light": "{colorTextNotificationDefault}",
             "dark": "{colorTextNotificationDefault}"
           },
+          "colorBackgroundCodeView": {
+            "light": "#282c34",
+            "dark": "#282c34"
+          },
           "colorPrimary50": "#f0fbff",
           "colorPrimary100": "#d1f1ff",
           "colorPrimary200": "#b8e7ff",
@@ -6933,6 +6941,10 @@ export var preset = {
             "light": "{colorTextNotificationDefault}",
             "dark": "{colorTextNotificationDefault}"
           },
+          "colorBackgroundCodeView": {
+            "light": "#282c34",
+            "dark": "#282c34"
+          },
           "colorPrimary50": "#f0fbff",
           "colorPrimary100": "#d1f1ff",
           "colorPrimary200": "#b8e7ff",
@@ -8465,6 +8477,10 @@ export var preset = {
           "colorTextBadgeRed": {
             "light": "{colorTextNotificationDefault}",
             "dark": "{colorTextNotificationDefault}"
+          },
+          "colorBackgroundCodeView": {
+            "light": "#f8f8f8",
+            "dark": "#282c34"
           }
         }
       },
@@ -9863,6 +9879,10 @@ export var preset = {
           "colorTextBadgeRed": {
             "light": "{colorTextNotificationDefault}",
             "dark": "{colorTextNotificationDefault}"
+          },
+          "colorBackgroundCodeView": {
+            "light": "#f8f8f8",
+            "dark": "#282c34"
           }
         }
       },
@@ -11262,6 +11282,10 @@ export var preset = {
             "light": "{colorTextNotificationDefault}",
             "dark": "{colorTextNotificationDefault}"
           },
+          "colorBackgroundCodeView": {
+            "light": "#f8f8f8",
+            "dark": "#282c34"
+          },
           "fontSizeExpandableHeading": "14px",
           "borderDividerSectionWidth": "1px"
         }
@@ -12661,6 +12685,10 @@ export var preset = {
           "colorTextBadgeRed": {
             "light": "{colorTextNotificationDefault}",
             "dark": "{colorTextNotificationDefault}"
+          },
+          "colorBackgroundCodeView": {
+            "light": "#282c34",
+            "dark": "#282c34"
           }
         }
       },
@@ -13305,6 +13333,7 @@ export var preset = {
       "colorTextBadgeGreen": "color",
       "colorTextBadgeBlue": "color",
       "colorTextBadgeRed": "color",
+      "colorBackgroundCodeView": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -14011,6 +14040,7 @@ export var preset = {
     "colorTextBadgeGreen",
     "colorTextBadgeBlue",
     "colorTextBadgeRed",
+    "colorBackgroundCodeView",
     "fontDecorationStyleLink",
     "fontDecorationThicknessLink",
     "fontDecorationThicknessLinkDisplayL",
@@ -14518,6 +14548,7 @@ export var preset = {
     "colorTextBadgeGreen",
     "colorTextBadgeBlue",
     "colorTextBadgeRed",
+    "colorBackgroundCodeView",
     "fontFamilyBase",
     "fontFamilyDisplay",
     "fontFamilyHeading",
@@ -15292,6 +15323,7 @@ export var preset = {
     "colorTextBadgeGreen": "color-text-badge-green",
     "colorTextBadgeBlue": "color-text-badge-blue",
     "colorTextBadgeRed": "color-text-badge-red",
+    "colorBackgroundCodeView": "color-background-code-view",
     "fontBoxValueLargeWeight": "font-box-value-large-weight",
     "fontButtonLetterSpacing": "font-button-letter-spacing",
     "fontChartDetailSize": "font-chart-detail-size",
@@ -16251,6 +16283,7 @@ export var preset = {
     "colorTextBadgeGreen": "--color-text-badge-green-xkzw5d",
     "colorTextBadgeBlue": "--color-text-badge-blue-cq2uzn",
     "colorTextBadgeRed": "--color-text-badge-red-60jprp",
+    "colorBackgroundCodeView": "--color-background-code-view-6vvqfk",
     "fontBoxValueLargeWeight": "--font-box-value-large-weight-wr00sw",
     "fontButtonLetterSpacing": "--font-button-letter-spacing-ufowe3",
     "fontChartDetailSize": "--font-chart-detail-size-9qr25q",