@cloudscape-design/components-themeable 3.0.1088 → 3.0.1090

package/lib/internal/template/segmented-control/styles.scoped.css

@@ -158,7 +158,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_segment_8cbea_1iwu6_161:not(#\9) {
+.awsui_segment_8cbea_1hbsn_161:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   word-wrap: break-word;
@@ -184,25 +184,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: none;
   border-block: none;
 }
-.awsui_segment_8cbea_1iwu6_161:not(#\9):not(.awsui_refresh_8cbea_1iwu6_187) {
+.awsui_segment_8cbea_1hbsn_161:not(#\9):not(.awsui_refresh_8cbea_1hbsn_187) {
   block-size: calc(100% - var(--space-static-xxs-0cgyf1, 4px) - 2 * var(--border-width-field-9k1tdz, 1px));
 }
-.awsui_segment_8cbea_1iwu6_161:not(#\9):focus {
+.awsui_segment_8cbea_1hbsn_161:not(#\9):focus {
   outline: none;
 }
-.awsui_segment_8cbea_1iwu6_161.awsui_disabled_8cbea_1iwu6_193:not(#\9) {
+.awsui_segment_8cbea_1hbsn_161.awsui_disabled_8cbea_1hbsn_193:not(#\9) {
   background: var(--color-background-segment-disabled-etp65k, #ffffff);
   border-color: var(--color-border-segment-disabled-lhc94s, #d5dbdb);
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1iwu6_161:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1hbsn_161:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1iwu6_161:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1hbsn_161:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1iwu6_161:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1hbsn_161:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -216,7 +216,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1iwu6_161:not(#\9):focu
   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_segment_8cbea_1iwu6_161:not(#\9):not(:last-child)::after {
+.awsui_segment_8cbea_1hbsn_161:not(#\9):not(:last-child)::after {
   content: "";
   position: absolute;
   inset-inline-end: calc(-1 * (var(--space-static-xxs-0cgyf1, 4px) + 1px));
@@ -226,72 +226,66 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1iwu6_161:not(#\9):focu
   background: var(--color-border-input-default-txli8y, #687078);
   z-index: 1;
 }
-.awsui_segment_8cbea_1iwu6_161:not(#\9):not(.awsui_refresh_8cbea_1iwu6_187):not(:last-child)::after {
+.awsui_segment_8cbea_1hbsn_161:not(#\9):not(.awsui_refresh_8cbea_1hbsn_187):not(:last-child)::after {
   inset-inline-end: calc(-1 * var(--space-static-xxs-0cgyf1, 4px));
 }
-.awsui_segment_8cbea_1iwu6_161:not(#\9):nth-child(1) {
+.awsui_segment_8cbea_1hbsn_161:not(#\9):nth-child(1) {
   grid-column: 1;
-  -ms-grid-column: 1;
 }
-.awsui_segment_8cbea_1iwu6_161:not(#\9):nth-child(2) {
+.awsui_segment_8cbea_1hbsn_161:not(#\9):nth-child(2) {
   grid-column: 2;
-  -ms-grid-column: 2;
 }
-.awsui_segment_8cbea_1iwu6_161:not(#\9):nth-child(3) {
+.awsui_segment_8cbea_1hbsn_161:not(#\9):nth-child(3) {
   grid-column: 3;
-  -ms-grid-column: 3;
 }
-.awsui_segment_8cbea_1iwu6_161:not(#\9):nth-child(4) {
+.awsui_segment_8cbea_1hbsn_161:not(#\9):nth-child(4) {
   grid-column: 4;
-  -ms-grid-column: 4;
 }
-.awsui_segment_8cbea_1iwu6_161:not(#\9):nth-child(5) {
+.awsui_segment_8cbea_1hbsn_161:not(#\9):nth-child(5) {
   grid-column: 5;
-  -ms-grid-column: 5;
 }
-.awsui_segment_8cbea_1iwu6_161:not(#\9):nth-child(6) {
+.awsui_segment_8cbea_1hbsn_161:not(#\9):nth-child(6) {
   grid-column: 6;
-  -ms-grid-column: 6;
 }
-.awsui_segment_8cbea_1iwu6_161.awsui_selected_8cbea_1iwu6_256:not(#\9) {
+.awsui_segment_8cbea_1hbsn_161.awsui_selected_8cbea_1hbsn_250:not(#\9) {
   background: var(--color-background-segment-active-pvua4h, #0073bb);
   color: var(--color-text-segment-active-q50mlg, #ffffff);
 }
-.awsui_segment_8cbea_1iwu6_161.awsui_selected_8cbea_1iwu6_256 + .awsui_segment_8cbea_1iwu6_161:not(#\9), .awsui_segment_8cbea_1iwu6_161.awsui_selected_8cbea_1iwu6_256 + .awsui_segment_8cbea_1iwu6_161.awsui_disabled_8cbea_1iwu6_193:not(#\9) {
+.awsui_segment_8cbea_1hbsn_161.awsui_selected_8cbea_1hbsn_250 + .awsui_segment_8cbea_1hbsn_161:not(#\9), .awsui_segment_8cbea_1hbsn_161.awsui_selected_8cbea_1hbsn_250 + .awsui_segment_8cbea_1hbsn_161.awsui_disabled_8cbea_1hbsn_193:not(#\9) {
   border-inline-start-color: var(--color-border-segment-active-kbwjy5, #16191f);
 }
-.awsui_segment_8cbea_1iwu6_161:not(#\9):not(.awsui_disabled_8cbea_1iwu6_193) + .awsui_segment_8cbea_1iwu6_161.awsui_disabled_8cbea_1iwu6_193 {
+.awsui_segment_8cbea_1hbsn_161:not(#\9):not(.awsui_disabled_8cbea_1hbsn_193) + .awsui_segment_8cbea_1hbsn_161.awsui_disabled_8cbea_1hbsn_193 {
   border-inline-start-color: var(--color-border-segment-default-29y0lr, #687078);
 }
-.awsui_segment_8cbea_1iwu6_161:not(#\9):hover:not(.awsui_selected_8cbea_1iwu6_256):not(.awsui_disabled_8cbea_1iwu6_193):not(:focus) {
+.awsui_segment_8cbea_1hbsn_161:not(#\9):hover:not(.awsui_selected_8cbea_1hbsn_250):not(.awsui_disabled_8cbea_1hbsn_193):not(:focus) {
   background: var(--color-background-segment-hover-e4h2ea, #fafafa);
   color: var(--color-text-segment-hover-qyb2p1, #16191f);
   border-color: var(--color-border-segment-hover-dneu56, #16191f);
   cursor: pointer;
 }
-.awsui_segment_8cbea_1iwu6_161:not(#\9):hover:not(.awsui_selected_8cbea_1iwu6_256):not(.awsui_disabled_8cbea_1iwu6_193):not(:focus) + .awsui_segment_8cbea_1iwu6_161:not(.awsui_selected_8cbea_1iwu6_256) {
+.awsui_segment_8cbea_1hbsn_161:not(#\9):hover:not(.awsui_selected_8cbea_1hbsn_250):not(.awsui_disabled_8cbea_1hbsn_193):not(:focus) + .awsui_segment_8cbea_1hbsn_161:not(.awsui_selected_8cbea_1hbsn_250) {
   border-inline-start-color: var(--color-border-segment-hover-dneu56, #16191f);
 }
-.awsui_segment_8cbea_1iwu6_161.awsui_selected_8cbea_1iwu6_256 + .awsui_segment_8cbea_1iwu6_161:not(#\9):hover:not(.awsui_selected_8cbea_1iwu6_256):not(.awsui_disabled_8cbea_1iwu6_193):not(:focus) {
+.awsui_segment_8cbea_1hbsn_161.awsui_selected_8cbea_1hbsn_250 + .awsui_segment_8cbea_1hbsn_161:not(#\9):hover:not(.awsui_selected_8cbea_1hbsn_250):not(.awsui_disabled_8cbea_1hbsn_193):not(:focus) {
   border-inline-start-color: var(--color-border-segment-active-kbwjy5, #16191f);
 }
 
-.awsui_icon_8cbea_1iwu6_279:not(#\9) {
+.awsui_icon_8cbea_1hbsn_273:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_with-text_8cbea_1iwu6_283:not(#\9) {
+.awsui_with-text_8cbea_1hbsn_277:not(#\9) {
   position: relative;
   inset-inline-start: calc(-1 * var(--space-xxs-jnczic, 4px));
   margin-inline-end: var(--space-xxs-jnczic, 4px);
 }
 
-.awsui_with-no-text_8cbea_1iwu6_289:not(#\9) {
+.awsui_with-no-text_8cbea_1hbsn_283:not(#\9) {
   margin-inline: auto;
   inset-inline: 0;
 }
 
-.awsui_root_8cbea_1iwu6_294:not(#\9) {
+.awsui_root_8cbea_1hbsn_288:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -323,7 +317,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1iwu6_161:not(#\9):focu
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_segment-part_8cbea_1iwu6_326:not(#\9) {
+.awsui_segment-part_8cbea_1hbsn_320:not(#\9) {
   display: inline-grid;
   border-inline: solid var(--border-width-field-9k1tdz, 1px) var(--color-border-input-default-txli8y, #687078);
   border-block: solid var(--border-width-field-9k1tdz, 1px) var(--color-border-input-default-txli8y, #687078);
@@ -338,46 +332,46 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1iwu6_161:not(#\9):focu
   padding-inline: calc(var(--space-static-xxs-0cgyf1, 4px) - var(--border-width-field-9k1tdz, 1px));
   gap: calc(var(--space-static-xxs-0cgyf1, 4px) * 2 + 1px);
 }
-.awsui_segment-part_8cbea_1iwu6_326:not(#\9):not(.awsui_refresh_8cbea_1iwu6_187) {
+.awsui_segment-part_8cbea_1hbsn_320:not(#\9):not(.awsui_refresh_8cbea_1hbsn_187) {
   padding-inline: calc(var(--space-static-xxxs-zckw10, 2px) + var(--border-width-field-9k1tdz, 1px));
   padding-block: 0;
   gap: calc(var(--space-static-xxs-0cgyf1, 4px) * 2 - 1px);
 }
 @media (max-width: 688px) {
-  .awsui_segment-part_8cbea_1iwu6_326:not(#\9) {
+  .awsui_segment-part_8cbea_1hbsn_320:not(#\9) {
     display: none;
   }
 }
 
-.awsui_select_8cbea_1iwu6_256:not(#\9) {
+.awsui_select_8cbea_1hbsn_250:not(#\9) {
   display: none;
 }
 @media (max-width: 688px) {
-  .awsui_select_8cbea_1iwu6_256:not(#\9) {
+  .awsui_select_8cbea_1hbsn_250:not(#\9) {
     display: block;
   }
 }
 
-.awsui_segment-count-2_8cbea_1iwu6_362:not(#\9) {
+.awsui_segment-count-2_8cbea_1hbsn_355:not(#\9) {
   grid-template-columns: repeat(2, auto);
 }
 
-.awsui_segment-count-3_8cbea_1iwu6_366:not(#\9) {
+.awsui_segment-count-3_8cbea_1hbsn_359:not(#\9) {
   grid-template-columns: repeat(3, auto);
 }
 
-.awsui_segment-count-4_8cbea_1iwu6_370:not(#\9) {
+.awsui_segment-count-4_8cbea_1hbsn_363:not(#\9) {
   grid-template-columns: repeat(4, auto);
 }
 
-.awsui_segment-count-5_8cbea_1iwu6_374:not(#\9) {
+.awsui_segment-count-5_8cbea_1hbsn_367:not(#\9) {
   grid-template-columns: repeat(5, auto);
 }
 
-.awsui_segment-count-6_8cbea_1iwu6_378:not(#\9) {
+.awsui_segment-count-6_8cbea_1hbsn_371:not(#\9) {
   grid-template-columns: repeat(6, auto);
 }
 
-.awsui_disabled-reason-tooltip_8cbea_1iwu6_382:not(#\9) {
+.awsui_disabled-reason-tooltip_8cbea_1hbsn_375:not(#\9) {
   /* used in test-utils or tests */
 }

package/lib/internal/template/segmented-control/styles.selectors.js

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "segment": "awsui_segment_8cbea_1iwu6_161",
-  "refresh": "awsui_refresh_8cbea_1iwu6_187",
-  "disabled": "awsui_disabled_8cbea_1iwu6_193",
-  "selected": "awsui_selected_8cbea_1iwu6_256",
-  "icon": "awsui_icon_8cbea_1iwu6_279",
-  "with-text": "awsui_with-text_8cbea_1iwu6_283",
-  "with-no-text": "awsui_with-no-text_8cbea_1iwu6_289",
-  "root": "awsui_root_8cbea_1iwu6_294",
-  "segment-part": "awsui_segment-part_8cbea_1iwu6_326",
-  "select": "awsui_select_8cbea_1iwu6_256",
-  "segment-count-2": "awsui_segment-count-2_8cbea_1iwu6_362",
-  "segment-count-3": "awsui_segment-count-3_8cbea_1iwu6_366",
-  "segment-count-4": "awsui_segment-count-4_8cbea_1iwu6_370",
-  "segment-count-5": "awsui_segment-count-5_8cbea_1iwu6_374",
-  "segment-count-6": "awsui_segment-count-6_8cbea_1iwu6_378",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1iwu6_382"
+  "segment": "awsui_segment_8cbea_1hbsn_161",
+  "refresh": "awsui_refresh_8cbea_1hbsn_187",
+  "disabled": "awsui_disabled_8cbea_1hbsn_193",
+  "selected": "awsui_selected_8cbea_1hbsn_250",
+  "icon": "awsui_icon_8cbea_1hbsn_273",
+  "with-text": "awsui_with-text_8cbea_1hbsn_277",
+  "with-no-text": "awsui_with-no-text_8cbea_1hbsn_283",
+  "root": "awsui_root_8cbea_1hbsn_288",
+  "segment-part": "awsui_segment-part_8cbea_1hbsn_320",
+  "select": "awsui_select_8cbea_1hbsn_250",
+  "segment-count-2": "awsui_segment-count-2_8cbea_1hbsn_355",
+  "segment-count-3": "awsui_segment-count-3_8cbea_1hbsn_359",
+  "segment-count-4": "awsui_segment-count-4_8cbea_1hbsn_363",
+  "segment-count-5": "awsui_segment-count-5_8cbea_1hbsn_367",
+  "segment-count-6": "awsui_segment-count-6_8cbea_1hbsn_371",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1hbsn_375"
 };
   

package/lib/internal/template/spinner/interfaces.d.ts

@@ -1,4 +1,9 @@
+/// <reference types="react" />
 import { BaseComponentProps } from '../internal/base-component';
+/**
+ * @awsuiSystem core
+ */
+import { NativeAttributes } from '../internal/utils/with-native-attributes';
 export interface SpinnerProps extends BaseComponentProps {
     /**
      * Specifies the size of the spinner.
@@ -8,6 +13,17 @@ export interface SpinnerProps extends BaseComponentProps {
      * Specifies the color variant of the spinner. The `normal` variant picks up the current color of its context.
      */
     variant?: SpinnerProps.Variant;
+    /**
+     * Attributes to add to the native element.
+     * Some attributes will be automatically combined with internal attribute values:
+     * - `className` will be appended.
+     * - Event handlers will be chained, unless the default is prevented.
+     *
+     * We do not support using this attribute to apply custom styling.
+     *
+     * @awsuiSystem core
+     */
+    nativeAttributes?: NativeAttributes<React.HTMLAttributes<HTMLElement>>;
 }
 export declare namespace SpinnerProps {
     type Size = 'normal' | 'big' | 'large';

package/lib/internal/template/spinner/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/spinner/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC;CAChC;AAED,yBAAiB,YAAY,CAAC;IAC5B,KAAY,IAAI,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC;IAC9C,KAAY,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;CAC1D"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/spinner/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC;IAC/B;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,YAAY,CAAC;IAC5B,KAAY,IAAI,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC;IAC9C,KAAY,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;CAC1D"}

package/lib/internal/template/spinner/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/spinner/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface SpinnerProps extends BaseComponentProps {\n  /**\n   * Specifies the size of the spinner.\n   */\n  size?: SpinnerProps.Size;\n  /**\n   * Specifies the color variant of the spinner. The `normal` variant picks up the current color of its context.\n   */\n  variant?: SpinnerProps.Variant;\n}\n\nexport namespace SpinnerProps {\n  export type Size = 'normal' | 'big' | 'large';\n  export type Variant = 'normal' | 'disabled' | 'inverted';\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/spinner/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\n\nexport interface SpinnerProps extends BaseComponentProps {\n  /**\n   * Specifies the size of the spinner.\n   */\n  size?: SpinnerProps.Size;\n  /**\n   * Specifies the color variant of the spinner. The `normal` variant picks up the current color of its context.\n   */\n  variant?: SpinnerProps.Variant;\n  /**\n   * Attributes to add to the native element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeAttributes?: NativeAttributes<React.HTMLAttributes<HTMLElement>>;\n}\n\nexport namespace SpinnerProps {\n  export type Size = 'normal' | 'big' | 'large';\n  export type Variant = 'normal' | 'disabled' | 'inverted';\n}\n"]}

package/lib/internal/template/spinner/internal.d.ts

@@ -3,6 +3,6 @@ import { InternalBaseComponentProps } from '../internal/hooks/use-base-component
 import { SpinnerProps } from './interfaces';
 interface InternalSpinnerProps extends SpinnerProps, InternalBaseComponentProps {
 }
-export default function InternalSpinner({ size, variant, __internalRootRef, ...props }: InternalSpinnerProps): JSX.Element;
+export default function InternalSpinner({ size, variant, nativeAttributes, __internalRootRef, ...props }: InternalSpinnerProps): JSX.Element;
 export {};
 //# sourceMappingURL=internal.d.ts.map

package/lib/internal/template/spinner/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/spinner/internal.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C,UAAU,oBAAqB,SAAQ,YAAY,EAAE,0BAA0B;CAAG;AAElF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAe,EACf,OAAkB,EAClB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,oBAAoB,eAatB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/spinner/internal.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C,UAAU,oBAAqB,SAAQ,YAAY,EAAE,0BAA0B;CAAG;AAElF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAe,EACf,OAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,oBAAoB,eAetB"}

package/lib/internal/template/spinner/internal.js

@@ -5,12 +5,13 @@ import React from 'react';
 import clsx from 'clsx';
 import { getBaseProps } from '../internal/base-component';
 import { useModalContextLoadingComponent } from '../internal/hooks/use-modal-component-analytics';
+import WithNativeAttributes from '../internal/utils/with-native-attributes';
 import styles from './styles.css.js';
 export default function InternalSpinner(_a) {
-    var { size = 'normal', variant = 'normal', __internalRootRef } = _a, props = __rest(_a, ["size", "variant", "__internalRootRef"]);
+    var { size = 'normal', variant = 'normal', nativeAttributes, __internalRootRef } = _a, props = __rest(_a, ["size", "variant", "nativeAttributes", "__internalRootRef"]);
     const baseProps = getBaseProps(props);
     useModalContextLoadingComponent();
-    return (React.createElement("span", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles[`size-${size}`], styles[`variant-${variant}`]), ref: __internalRootRef }),
+    return (React.createElement(WithNativeAttributes, Object.assign({}, baseProps, { tag: "span", nativeAttributes: nativeAttributes, className: clsx(baseProps.className, styles.root, styles[`size-${size}`], styles[`variant-${variant}`]), ref: __internalRootRef }),
         React.createElement("span", { className: clsx(styles.circle, styles['circle-left']) }),
         React.createElement("span", { className: clsx(styles.circle, styles['circle-right']) })));
 }

package/lib/internal/template/spinner/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/spinner/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,iDAAiD,CAAC;AAGlG,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAKjB;QALiB,EACtC,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,QAAQ,EAClB,iBAAiB,OAEI,EADlB,KAAK,cAJ8B,wCAKvC,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,+BAA+B,EAAE,CAAC;IAClC,OAAO,CACL,8CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,CAAC,EACvG,GAAG,EAAE,iBAAiB;QAEtB,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,GAAI;QAC/D,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,GAAI,CAC3D,CACR,CAAC;AACJ,CAAC","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 { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useModalContextLoadingComponent } from '../internal/hooks/use-modal-component-analytics';\nimport { SpinnerProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface InternalSpinnerProps extends SpinnerProps, InternalBaseComponentProps {}\n\nexport default function InternalSpinner({\n  size = 'normal',\n  variant = 'normal',\n  __internalRootRef,\n  ...props\n}: InternalSpinnerProps) {\n  const baseProps = getBaseProps(props);\n  useModalContextLoadingComponent();\n  return (\n    <span\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, styles[`size-${size}`], styles[`variant-${variant}`])}\n      ref={__internalRootRef}\n    >\n      <span className={clsx(styles.circle, styles['circle-left'])} />\n      <span className={clsx(styles.circle, styles['circle-right'])} />\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/spinner/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,iDAAiD,CAAC;AAClG,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAG5E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAMjB;QANiB,EACtC,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,QAAQ,EAClB,gBAAgB,EAChB,iBAAiB,OAEI,EADlB,KAAK,cAL8B,4DAMvC,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,+BAA+B,EAAE,CAAC;IAClC,OAAO,CACL,oBAAC,oBAAoB,oBACf,SAAS,IACb,GAAG,EAAC,MAAM,EACV,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,CAAC,EACvG,GAAG,EAAE,iBAAiB;QAEtB,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,GAAI;QAC/D,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,GAAI,CAC3C,CACxB,CAAC;AACJ,CAAC","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 { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useModalContextLoadingComponent } from '../internal/hooks/use-modal-component-analytics';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { SpinnerProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface InternalSpinnerProps extends SpinnerProps, InternalBaseComponentProps {}\n\nexport default function InternalSpinner({\n  size = 'normal',\n  variant = 'normal',\n  nativeAttributes,\n  __internalRootRef,\n  ...props\n}: InternalSpinnerProps) {\n  const baseProps = getBaseProps(props);\n  useModalContextLoadingComponent();\n  return (\n    <WithNativeAttributes\n      {...baseProps}\n      tag=\"span\"\n      nativeAttributes={nativeAttributes}\n      className={clsx(baseProps.className, styles.root, styles[`size-${size}`], styles[`variant-${variant}`])}\n      ref={__internalRootRef}\n    >\n      <span className={clsx(styles.circle, styles['circle-left'])} />\n      <span className={clsx(styles.circle, styles['circle-right'])} />\n    </WithNativeAttributes>\n  );\n}\n"]}

package/lib/internal/template/table/styles.css.js

@@ -1,39 +1,39 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_wih1l_1asy9_153",
-  "tools": "awsui_tools_wih1l_1asy9_164",
-  "tools-filtering": "awsui_tools-filtering_wih1l_1asy9_172",
-  "tools-align-right": "awsui_tools-align-right_wih1l_1asy9_186",
-  "tools-pagination": "awsui_tools-pagination_wih1l_1asy9_190",
-  "tools-preferences": "awsui_tools-preferences_wih1l_1asy9_190",
-  "tools-small": "awsui_tools-small_wih1l_1asy9_196",
-  "table": "awsui_table_wih1l_1asy9_202",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1asy9_208",
-  "wrapper": "awsui_wrapper_wih1l_1asy9_212",
-  "variant-stacked": "awsui_variant-stacked_wih1l_1asy9_219",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1asy9_219",
-  "variant-container": "awsui_variant-container_wih1l_1asy9_219",
-  "has-footer": "awsui_has-footer_wih1l_1asy9_222",
-  "has-header": "awsui_has-header_wih1l_1asy9_225",
-  "cell-merged": "awsui_cell-merged_wih1l_1asy9_242",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_1asy9_254",
-  "empty": "awsui_empty_wih1l_1asy9_270",
-  "loading": "awsui_loading_wih1l_1asy9_274",
-  "selection-control": "awsui_selection-control_wih1l_1asy9_283",
-  "selection-control-header": "awsui_selection-control-header_wih1l_1asy9_290",
-  "header-secondary": "awsui_header-secondary_wih1l_1asy9_296",
-  "variant-full-page": "awsui_variant-full-page_wih1l_1asy9_308",
-  "table-has-header": "awsui_table-has-header_wih1l_1asy9_314",
-  "header-controls": "awsui_header-controls_wih1l_1asy9_325",
-  "variant-embedded": "awsui_variant-embedded_wih1l_1asy9_334",
-  "variant-borderless": "awsui_variant-borderless_wih1l_1asy9_334",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_1asy9_339",
-  "footer": "awsui_footer_wih1l_1asy9_339",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1asy9_347",
-  "footer-pagination": "awsui_footer-pagination_wih1l_1asy9_355",
-  "thead-active": "awsui_thead-active_wih1l_1asy9_359",
-  "row": "awsui_row_wih1l_1asy9_360",
-  "row-selected": "awsui_row-selected_wih1l_1asy9_361"
+  "root": "awsui_root_wih1l_1qjko_153",
+  "tools": "awsui_tools_wih1l_1qjko_164",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1qjko_172",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1qjko_186",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1qjko_190",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1qjko_190",
+  "tools-small": "awsui_tools-small_wih1l_1qjko_196",
+  "table": "awsui_table_wih1l_1qjko_202",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1qjko_208",
+  "wrapper": "awsui_wrapper_wih1l_1qjko_212",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1qjko_219",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1qjko_219",
+  "variant-container": "awsui_variant-container_wih1l_1qjko_219",
+  "has-footer": "awsui_has-footer_wih1l_1qjko_222",
+  "has-header": "awsui_has-header_wih1l_1qjko_225",
+  "cell-merged": "awsui_cell-merged_wih1l_1qjko_242",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1qjko_254",
+  "empty": "awsui_empty_wih1l_1qjko_270",
+  "loading": "awsui_loading_wih1l_1qjko_274",
+  "selection-control": "awsui_selection-control_wih1l_1qjko_283",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1qjko_290",
+  "header-secondary": "awsui_header-secondary_wih1l_1qjko_296",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1qjko_307",
+  "table-has-header": "awsui_table-has-header_wih1l_1qjko_313",
+  "header-controls": "awsui_header-controls_wih1l_1qjko_324",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1qjko_333",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1qjko_333",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1qjko_338",
+  "footer": "awsui_footer_wih1l_1qjko_338",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1qjko_346",
+  "footer-pagination": "awsui_footer-pagination_wih1l_1qjko_354",
+  "thead-active": "awsui_thead-active_wih1l_1qjko_358",
+  "row": "awsui_row_wih1l_1qjko_359",
+  "row-selected": "awsui_row-selected_wih1l_1qjko_360"
 };