@cloudscape-design/components 3.0.823 → 3.0.825

package/token-group/styles.css.js

@@ -1,15 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_dm8gx_16s3q_149",
-  "has-items": "awsui_has-items_dm8gx_16s3q_183",
-  "no-padding": "awsui_no-padding_dm8gx_16s3q_183",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_16s3q_187",
-  "token": "awsui_token_dm8gx_16s3q_229",
-  "token-box": "awsui_token-box_dm8gx_16s3q_236",
-  "token-box-error": "awsui_token-box-error_dm8gx_16s3q_255",
-  "token-box-warning": "awsui_token-box-warning_dm8gx_16s3q_266",
-  "token-box-readonly": "awsui_token-box-readonly_dm8gx_16s3q_277",
-  "token-box-disabled": "awsui_token-box-disabled_dm8gx_16s3q_291"
+  "root": "awsui_root_dm8gx_1td7t_157",
+  "has-items": "awsui_has-items_dm8gx_1td7t_191",
+  "no-padding": "awsui_no-padding_dm8gx_1td7t_191",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_1td7t_195",
+  "token": "awsui_token_dm8gx_1td7t_237",
+  "token-box": "awsui_token-box_dm8gx_1td7t_244",
+  "token-box-readonly": "awsui_token-box-readonly_dm8gx_1td7t_264",
+  "token-box-disabled": "awsui_token-box-disabled_dm8gx_1td7t_278"
 };
   

package/token-group/styles.scoped.css

@@ -146,7 +146,15 @@ 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_dm8gx_16s3q_149:not(#\9) {
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_dm8gx_1td7t_157:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -181,11 +189,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_dm8gx_16s3q_149.awsui_has-items_dm8gx_16s3q_183:not(#\9):not(.awsui_no-padding_dm8gx_16s3q_183) {
+.awsui_root_dm8gx_1td7t_157.awsui_has-items_dm8gx_1td7t_191:not(#\9):not(.awsui_no-padding_dm8gx_1td7t_191) {
   padding-block-start: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_dismiss-button_dm8gx_16s3q_187:not(#\9) {
+.awsui_dismiss-button_dm8gx_1td7t_195:not(#\9) {
   margin-block-start: -1px;
   margin-block-end: 0;
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
@@ -197,14 +205,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-button-inline-icon-default-p881yb, #006ce0);
   background-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_16s3q_187:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1td7t_195:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_16s3q_187:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1td7t_195:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_16s3q_187:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1td7t_195:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -218,23 +226,24 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_16s3q_187:not(#\
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_dismiss-button_dm8gx_16s3q_187:not(#\9):focus {
+.awsui_dismiss-button_dm8gx_1td7t_195:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_dismiss-button_dm8gx_16s3q_187:not(#\9):hover {
+.awsui_dismiss-button_dm8gx_1td7t_195:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-button-inline-icon-hover-vcdou1, #002b66);
 }
 
-.awsui_token_dm8gx_16s3q_229:not(#\9) {
+.awsui_token_dm8gx_1td7t_237:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_token-box_dm8gx_16s3q_236:not(#\9) {
+.awsui_token-box_dm8gx_1td7t_244:not(#\9) {
+  position: relative;
   block-size: 100%;
   border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-m769ej, #006ce0);
   border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-m769ej, #006ce0);
@@ -253,52 +262,30 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_16s3q_187:not(#\
   box-sizing: border-box;
 }
 
-.awsui_token-box-error_dm8gx_16s3q_255:not(#\9) {
-  border-color: var(--color-border-status-error-adxa56, #db0000);
-  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
-}
-.awsui_token-box-error_dm8gx_16s3q_255 > .awsui_dismiss-button_dm8gx_16s3q_187:not(#\9) {
-  color: var(--color-text-interactive-default-tkx8fe, #424650);
-}
-.awsui_token-box-error_dm8gx_16s3q_255 > .awsui_dismiss-button_dm8gx_16s3q_187:not(#\9):hover {
-  color: var(--color-text-interactive-hover-f9gqs8, #0f141a);
-}
-
-.awsui_token-box-warning_dm8gx_16s3q_266:not(#\9) {
-  border-color: var(--color-border-status-warning-3feumr, #855900);
-  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
-}
-.awsui_token-box-warning_dm8gx_16s3q_266 > .awsui_dismiss-button_dm8gx_16s3q_187:not(#\9) {
-  color: var(--color-text-interactive-default-tkx8fe, #424650);
-}
-.awsui_token-box-warning_dm8gx_16s3q_266 > .awsui_dismiss-button_dm8gx_16s3q_187:not(#\9):hover {
-  color: var(--color-text-interactive-hover-f9gqs8, #0f141a);
-}
-
-.awsui_token-box-readonly_dm8gx_16s3q_277:not(#\9) {
+.awsui_token-box-readonly_dm8gx_1td7t_264:not(#\9) {
   border-color: var(--color-border-input-disabled-lb7zn3, #ebebf0);
   background-color: var(--color-background-container-content-z79u4u, #ffffff);
   pointer-events: none;
 }
-.awsui_token-box-readonly_dm8gx_16s3q_277 > .awsui_dismiss-button_dm8gx_16s3q_187:not(#\9) {
+.awsui_token-box-readonly_dm8gx_1td7t_264 > .awsui_dismiss-button_dm8gx_1td7t_195:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
 }
-.awsui_token-box-readonly_dm8gx_16s3q_277 > .awsui_dismiss-button_dm8gx_16s3q_187:not(#\9):hover {
+.awsui_token-box-readonly_dm8gx_1td7t_264 > .awsui_dismiss-button_dm8gx_1td7t_195:not(#\9):hover {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   cursor: initial;
   color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
 }
 
-.awsui_token-box-disabled_dm8gx_16s3q_291.awsui_token-box-disabled_dm8gx_16s3q_291:not(#\9) {
+.awsui_token-box-disabled_dm8gx_1td7t_278.awsui_token-box-disabled_dm8gx_1td7t_278:not(#\9) {
   border-color: var(--color-border-control-disabled-qc5csz, #dedee3);
   background-color: var(--color-background-container-content-z79u4u, #ffffff);
   color: var(--color-text-disabled-e4vsj4, #b4b4bb);
   pointer-events: none;
 }
-.awsui_token-box-disabled_dm8gx_16s3q_291.awsui_token-box-disabled_dm8gx_16s3q_291 > .awsui_dismiss-button_dm8gx_16s3q_187:not(#\9) {
+.awsui_token-box-disabled_dm8gx_1td7t_278.awsui_token-box-disabled_dm8gx_1td7t_278 > .awsui_dismiss-button_dm8gx_1td7t_195:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
 }
-.awsui_token-box-disabled_dm8gx_16s3q_291.awsui_token-box-disabled_dm8gx_16s3q_291 > .awsui_dismiss-button_dm8gx_16s3q_187:not(#\9):hover {
+.awsui_token-box-disabled_dm8gx_1td7t_278.awsui_token-box-disabled_dm8gx_1td7t_278 > .awsui_dismiss-button_dm8gx_1td7t_195:not(#\9):hover {
   cursor: initial;
   color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
 }

package/token-group/styles.selectors.js

@@ -2,15 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_dm8gx_16s3q_149",
-  "has-items": "awsui_has-items_dm8gx_16s3q_183",
-  "no-padding": "awsui_no-padding_dm8gx_16s3q_183",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_16s3q_187",
-  "token": "awsui_token_dm8gx_16s3q_229",
-  "token-box": "awsui_token-box_dm8gx_16s3q_236",
-  "token-box-error": "awsui_token-box-error_dm8gx_16s3q_255",
-  "token-box-warning": "awsui_token-box-warning_dm8gx_16s3q_266",
-  "token-box-readonly": "awsui_token-box-readonly_dm8gx_16s3q_277",
-  "token-box-disabled": "awsui_token-box-disabled_dm8gx_16s3q_291"
+  "root": "awsui_root_dm8gx_1td7t_157",
+  "has-items": "awsui_has-items_dm8gx_1td7t_191",
+  "no-padding": "awsui_no-padding_dm8gx_1td7t_191",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_1td7t_195",
+  "token": "awsui_token_dm8gx_1td7t_237",
+  "token-box": "awsui_token-box_dm8gx_1td7t_244",
+  "token-box-readonly": "awsui_token-box-readonly_dm8gx_1td7t_264",
+  "token-box-disabled": "awsui_token-box-disabled_dm8gx_1td7t_278"
 };
   

package/token-group/token.d.ts

@@ -6,12 +6,8 @@ interface TokenProps {
     onDismiss?: () => void;
     disabled?: boolean;
     readOnly?: boolean;
-    errorText?: React.ReactNode;
-    errorIconAriaLabel?: string;
-    warningText?: React.ReactNode;
-    warningIconAriaLabel?: string;
     className?: string;
 }
-export declare function Token({ ariaLabel, disabled, readOnly, dismissLabel, onDismiss, children, errorText, warningText, errorIconAriaLabel, warningIconAriaLabel, ...restProps }: TokenProps): JSX.Element;
+export declare function Token({ ariaLabel, disabled, readOnly, dismissLabel, onDismiss, children, ...restProps }: TokenProps): JSX.Element;
 export {};
 //# sourceMappingURL=token.d.ts.map

package/token-group/token.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"token.d.ts","sourceRoot":"","sources":["../../../src/token-group/token.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,SAAS,EACb,EAAE,UAAU,eA0CZ"}
+{"version":3,"file":"token.d.ts","sourceRoot":"","sources":["../../../src/token-group/token.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,UAAU,eAyBnH"}

package/token-group/token.js

@@ -3,22 +3,15 @@
 import { __rest } from "tslib";
 import React from 'react';
 import clsx from 'clsx';
-import { FormFieldError, FormFieldWarning } from '../form-field/internal';
 import { getBaseProps } from '../internal/base-component';
-import { useUniqueId } from '../internal/hooks/use-unique-id';
 import DismissButton from './dismiss-button';
 import styles from './styles.css.js';
 export function Token(_a) {
-    var { ariaLabel, disabled, readOnly, dismissLabel, onDismiss, children, errorText, warningText, errorIconAriaLabel, warningIconAriaLabel } = _a, restProps = __rest(_a, ["ariaLabel", "disabled", "readOnly", "dismissLabel", "onDismiss", "children", "errorText", "warningText", "errorIconAriaLabel", "warningIconAriaLabel"]);
-    const errorId = useUniqueId('error');
-    const warningId = useUniqueId('warning');
+    var { ariaLabel, disabled, readOnly, dismissLabel, onDismiss, children } = _a, restProps = __rest(_a, ["ariaLabel", "disabled", "readOnly", "dismissLabel", "onDismiss", "children"]);
     const baseProps = getBaseProps(restProps);
-    const showWarning = warningText && !errorText;
-    return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(styles.token, baseProps.className), role: "group", "aria-label": ariaLabel, "aria-describedby": errorText ? errorId : warningText ? warningId : undefined, "aria-disabled": disabled }),
-        React.createElement("div", { className: clsx(styles['token-box'], disabled && styles['token-box-disabled'], readOnly && styles['token-box-readonly'], errorText && styles['token-box-error'], showWarning && styles['token-box-warning']) },
+    return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(styles.token, baseProps.className), role: "group", "aria-label": ariaLabel, "aria-disabled": disabled }),
+        React.createElement("div", { className: clsx(styles['token-box'], disabled && styles['token-box-disabled'], readOnly && styles['token-box-readonly']) },
             children,
-            onDismiss && (React.createElement(DismissButton, { disabled: disabled, dismissLabel: dismissLabel, onDismiss: onDismiss, readOnly: readOnly }))),
-        errorText && (React.createElement(FormFieldError, { id: errorId, errorIconAriaLabel: errorIconAriaLabel }, errorText)),
-        showWarning && (React.createElement(FormFieldWarning, { id: warningId, warningIconAriaLabel: warningIconAriaLabel }, warningText))));
+            onDismiss && (React.createElement(DismissButton, { disabled: disabled, dismissLabel: dismissLabel, onDismiss: onDismiss, readOnly: readOnly })))));
 }
 //# sourceMappingURL=token.js.map

package/token-group/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../src/token-group/token.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAgBrC,MAAM,UAAU,KAAK,CAAC,EAYT;QAZS,EACpB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,oBAAoB,OAET,EADR,SAAS,cAXQ,wJAYrB,CADa;IAEZ,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACrC,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,MAAM,WAAW,GAAG,WAAW,IAAI,CAAC,SAAS,CAAC;IAE9C,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,EAClD,IAAI,EAAC,OAAO,gBACA,SAAS,sBACH,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,mBAC5D,QAAQ;QAEvB,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,WAAW,CAAC,EACnB,QAAQ,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACxC,QAAQ,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACxC,SAAS,IAAI,MAAM,CAAC,iBAAiB,CAAC,EACtC,WAAW,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAC3C;YAEA,QAAQ;YACR,SAAS,IAAI,CACZ,oBAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC5G,CACG;QACL,SAAS,IAAI,CACZ,oBAAC,cAAc,IAAC,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,IAChE,SAAS,CACK,CAClB;QACA,WAAW,IAAI,CACd,oBAAC,gBAAgB,IAAC,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE,oBAAoB,IACxE,WAAW,CACK,CACpB,CACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { FormFieldError, FormFieldWarning } from '../form-field/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport DismissButton from './dismiss-button';\n\nimport styles from './styles.css.js';\n\ninterface TokenProps {\n  children: React.ReactNode;\n  ariaLabel?: string;\n  dismissLabel?: string;\n  onDismiss?: () => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  errorText?: React.ReactNode;\n  errorIconAriaLabel?: string;\n  warningText?: React.ReactNode;\n  warningIconAriaLabel?: string;\n  className?: string;\n}\n\nexport function Token({\n  ariaLabel,\n  disabled,\n  readOnly,\n  dismissLabel,\n  onDismiss,\n  children,\n  errorText,\n  warningText,\n  errorIconAriaLabel,\n  warningIconAriaLabel,\n  ...restProps\n}: TokenProps) {\n  const errorId = useUniqueId('error');\n  const warningId = useUniqueId('warning');\n  const baseProps = getBaseProps(restProps);\n\n  const showWarning = warningText && !errorText;\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(styles.token, baseProps.className)}\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-describedby={errorText ? errorId : warningText ? warningId : undefined}\n      aria-disabled={disabled}\n    >\n      <div\n        className={clsx(\n          styles['token-box'],\n          disabled && styles['token-box-disabled'],\n          readOnly && styles['token-box-readonly'],\n          errorText && styles['token-box-error'],\n          showWarning && styles['token-box-warning']\n        )}\n      >\n        {children}\n        {onDismiss && (\n          <DismissButton disabled={disabled} dismissLabel={dismissLabel} onDismiss={onDismiss} readOnly={readOnly} />\n        )}\n      </div>\n      {errorText && (\n        <FormFieldError id={errorId} errorIconAriaLabel={errorIconAriaLabel}>\n          {errorText}\n        </FormFieldError>\n      )}\n      {showWarning && (\n        <FormFieldWarning id={warningId} warningIconAriaLabel={warningIconAriaLabel}>\n          {warningText}\n        </FormFieldWarning>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../src/token-group/token.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAYrC,MAAM,UAAU,KAAK,CAAC,EAA8F;QAA9F,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,OAA4B,EAAvB,SAAS,cAAhF,8EAAkF,CAAF;IACpG,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,EAClD,IAAI,EAAC,OAAO,gBACA,SAAS,mBACN,QAAQ;QAEvB,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,WAAW,CAAC,EACnB,QAAQ,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACxC,QAAQ,IAAI,MAAM,CAAC,oBAAoB,CAAC,CACzC;YAEA,QAAQ;YACR,SAAS,IAAI,CACZ,oBAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC5G,CACG,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport DismissButton from './dismiss-button';\n\nimport styles from './styles.css.js';\n\ninterface TokenProps {\n  children: React.ReactNode;\n  ariaLabel?: string;\n  dismissLabel?: string;\n  onDismiss?: () => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  className?: string;\n}\n\nexport function Token({ ariaLabel, disabled, readOnly, dismissLabel, onDismiss, children, ...restProps }: TokenProps) {\n  const baseProps = getBaseProps(restProps);\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(styles.token, baseProps.className)}\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n    >\n      <div\n        className={clsx(\n          styles['token-box'],\n          disabled && styles['token-box-disabled'],\n          readOnly && styles['token-box-readonly']\n        )}\n      >\n        {children}\n        {onDismiss && (\n          <DismissButton disabled={disabled} dismissLabel={dismissLabel} onDismiss={onDismiss} readOnly={readOnly} />\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/file-upload/default-formatters.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-formatters.d.ts","sourceRoot":"","sources":["../../../src/file-upload/default-formatters.ts"],"names":[],"mappings":"AAUA,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAWnD;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAEzD"}

package/file-upload/default-formatters.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-formatters.js","sourceRoot":"","sources":["../../../src/file-upload/default-formatters.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,MAAM,EAAE,GAAG,IAAI,CAAC;AAChB,MAAM,EAAE,GAAG,SAAA,IAAI,EAAI,CAAC,CAAA,CAAC;AACrB,MAAM,EAAE,GAAG,SAAA,IAAI,EAAI,CAAC,CAAA,CAAC;AACrB,MAAM,EAAE,GAAG,SAAA,IAAI,EAAI,CAAC,CAAA,CAAC;AAErB,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,IAAI,IAAI,GAAG,EAAE,EAAE;QACb,OAAO,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;KACvC;IACD,IAAI,IAAI,GAAG,EAAE,EAAE;QACb,OAAO,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;KACvC;IACD,IAAI,IAAI,GAAG,EAAE,EAAE;QACb,OAAO,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;KACvC;IACD,OAAO,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,IAAU;IAC/C,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { formatDateTime } from '../internal/utils/date-time';\n\nconst KB = 1000;\nconst MB = 1000 ** 2;\nconst GB = 1000 ** 3;\nconst TB = 1000 ** 4;\n\nexport function formatFileSize(size: number): string {\n  if (size < MB) {\n    return `${(size / KB).toFixed(2)} KB`;\n  }\n  if (size < GB) {\n    return `${(size / MB).toFixed(2)} MB`;\n  }\n  if (size < TB) {\n    return `${(size / GB).toFixed(2)} GB`;\n  }\n  return `${(size / TB).toFixed(2)} TB`;\n}\n\nexport function formatFileLastModified(date: Date): string {\n  return formatDateTime(date);\n}\n"]}

package/file-upload/file-option/index.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { FileMetadata, FileUploadProps } from '../interfaces';
-interface FileOptionProps {
-    file: File;
-    metadata: FileMetadata;
-    i18nStrings: FileUploadProps.I18nStrings;
-}
-export declare function FileOption({ file, metadata, i18nStrings }: FileOptionProps): JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/file-upload/file-option/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/file-upload/file-option/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAK9D,UAAU,eAAe;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,YAAY,CAAC;IACvB,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC;CAC1C;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,eAAe,eA2B1E"}

package/file-upload/file-option/index.js

@@ -1,22 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import React from 'react';
-import InternalBox from '../../box/internal';
-import InternalSpaceBetween from '../../space-between/internal';
-import * as defaultFormatters from '../default-formatters';
-import { FileOptionThumbnail } from './thumbnail';
-import styles from './styles.css.js';
-export function FileOption({ file, metadata, i18nStrings }) {
-    var _a, _b;
-    const isImage = file.type.startsWith('image/');
-    const formatFileSize = (_a = i18nStrings.formatFileSize) !== null && _a !== void 0 ? _a : defaultFormatters.formatFileSize;
-    const formatFileLastModified = (_b = i18nStrings.formatFileLastModified) !== null && _b !== void 0 ? _b : defaultFormatters.formatFileLastModified;
-    return (React.createElement(InternalBox, { className: styles['file-option'] },
-        metadata.showFileThumbnail && isImage && React.createElement(FileOptionThumbnail, { file: file }),
-        React.createElement("div", { className: styles['file-option-metadata'] },
-            React.createElement(InternalSpaceBetween, { direction: "vertical", size: "xxxs" },
-                React.createElement(InternalBox, { className: styles['file-option-name'] }, file.name),
-                metadata.showFileSize && file.size ? (React.createElement(InternalBox, { fontSize: "body-s", color: "text-body-secondary", className: styles['file-option-size'] }, formatFileSize(file.size))) : null,
-                metadata.showFileLastModified && file.lastModified ? (React.createElement(InternalBox, { fontSize: "body-s", color: "text-body-secondary", className: styles['file-option-last-modified'] }, formatFileLastModified(new Date(file.lastModified)))) : null))));
-}
-//# sourceMappingURL=index.js.map

package/file-upload/file-option/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/file-upload/file-option/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,oBAAoB,MAAM,8BAA8B,CAAC;AAChE,OAAO,KAAK,iBAAiB,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAmB;;IACzE,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,cAAc,GAAG,MAAA,WAAW,CAAC,cAAc,mCAAI,iBAAiB,CAAC,cAAc,CAAC;IACtF,MAAM,sBAAsB,GAAG,MAAA,WAAW,CAAC,sBAAsB,mCAAI,iBAAiB,CAAC,sBAAsB,CAAC;IAC9G,OAAO,CACL,oBAAC,WAAW,IAAC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;QAC1C,QAAQ,CAAC,iBAAiB,IAAI,OAAO,IAAI,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,GAAI;QAE7E,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC5C,oBAAC,oBAAoB,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM;gBACpD,oBAAC,WAAW,IAAC,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,IAAG,IAAI,CAAC,IAAI,CAAe;gBAE5E,QAAQ,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACpC,oBAAC,WAAW,IAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,qBAAqB,EAAC,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,IAC7F,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CACd,CACf,CAAC,CAAC,CAAC,IAAI;gBAEP,QAAQ,CAAC,oBAAoB,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CACpD,oBAAC,WAAW,IAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,qBAAqB,EAAC,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC,IACtG,sBAAsB,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CACxC,CACf,CAAC,CAAC,CAAC,IAAI,CACa,CACnB,CACM,CACf,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\n\nimport InternalBox from '../../box/internal';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport * as defaultFormatters from '../default-formatters';\nimport { FileMetadata, FileUploadProps } from '../interfaces';\nimport { FileOptionThumbnail } from './thumbnail';\n\nimport styles from './styles.css.js';\n\ninterface FileOptionProps {\n  file: File;\n  metadata: FileMetadata;\n  i18nStrings: FileUploadProps.I18nStrings;\n}\n\nexport function FileOption({ file, metadata, i18nStrings }: FileOptionProps) {\n  const isImage = file.type.startsWith('image/');\n  const formatFileSize = i18nStrings.formatFileSize ?? defaultFormatters.formatFileSize;\n  const formatFileLastModified = i18nStrings.formatFileLastModified ?? defaultFormatters.formatFileLastModified;\n  return (\n    <InternalBox className={styles['file-option']}>\n      {metadata.showFileThumbnail && isImage && <FileOptionThumbnail file={file} />}\n\n      <div className={styles['file-option-metadata']}>\n        <InternalSpaceBetween direction=\"vertical\" size=\"xxxs\">\n          <InternalBox className={styles['file-option-name']}>{file.name}</InternalBox>\n\n          {metadata.showFileSize && file.size ? (\n            <InternalBox fontSize=\"body-s\" color=\"text-body-secondary\" className={styles['file-option-size']}>\n              {formatFileSize(file.size)}\n            </InternalBox>\n          ) : null}\n\n          {metadata.showFileLastModified && file.lastModified ? (\n            <InternalBox fontSize=\"body-s\" color=\"text-body-secondary\" className={styles['file-option-last-modified']}>\n              {formatFileLastModified(new Date(file.lastModified))}\n            </InternalBox>\n          ) : null}\n        </InternalSpaceBetween>\n      </div>\n    </InternalBox>\n  );\n}\n"]}

package/file-upload/file-option/styles.css.js

@@ -1,12 +0,0 @@
-
-    import './styles.scoped.css';
-    export default {
-  "file-option-name": "awsui_file-option-name_ezgb4_136jz_9",
-  "file-option-size": "awsui_file-option-size_ezgb4_136jz_10",
-  "file-option-last-modified": "awsui_file-option-last-modified_ezgb4_136jz_11",
-  "file-option-thumbnail": "awsui_file-option-thumbnail_ezgb4_136jz_12",
-  "file-option": "awsui_file-option_ezgb4_136jz_9",
-  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_ezgb4_136jz_28",
-  "file-option-metadata": "awsui_file-option-metadata_ezgb4_136jz_33"
-};
-  

package/file-upload/file-option/styles.scoped.css

@@ -1,35 +0,0 @@
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-.awsui_file-option-name_ezgb4_136jz_9:not(#\9),
-.awsui_file-option-size_ezgb4_136jz_10:not(#\9),
-.awsui_file-option-last-modified_ezgb4_136jz_11:not(#\9),
-.awsui_file-option-thumbnail_ezgb4_136jz_12:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_file-option_ezgb4_136jz_9:not(#\9) {
-  inline-size: 100%;
-  min-inline-size: 0;
-  display: flex;
-  gap: var(--space-scaled-xs-26e2du, 8px);
-}
-
-.awsui_file-option-thumbnail_ezgb4_136jz_12:not(#\9) {
-  margin-block-start: var(--space-static-xxs-82cdfi, 4px);
-  max-inline-size: 60px;
-}
-
-.awsui_file-option-thumbnail-image_ezgb4_136jz_28:not(#\9) {
-  inline-size: 100%;
-  block-size: auto;
-}
-
-.awsui_file-option-metadata_ezgb4_136jz_33:not(#\9) {
-  inline-size: 100%;
-}

package/file-upload/file-option/styles.selectors.js

@@ -1,13 +0,0 @@
-
-    // es-module interop with Babel and Typescript
-    Object.defineProperty(exports, "__esModule", { value: true });
-    module.exports.default = {
-  "file-option-name": "awsui_file-option-name_ezgb4_136jz_9",
-  "file-option-size": "awsui_file-option-size_ezgb4_136jz_10",
-  "file-option-last-modified": "awsui_file-option-last-modified_ezgb4_136jz_11",
-  "file-option-thumbnail": "awsui_file-option-thumbnail_ezgb4_136jz_12",
-  "file-option": "awsui_file-option_ezgb4_136jz_9",
-  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_ezgb4_136jz_28",
-  "file-option-metadata": "awsui_file-option-metadata_ezgb4_136jz_33"
-};
-  

package/file-upload/file-option/thumbnail.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"thumbnail.d.ts","sourceRoot":"","sources":["../../../../src/file-upload/file-option/thumbnail.tsx"],"names":[],"mappings":";AAOA,UAAU,wBAAwB;IAChC,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,wBAAwB,eAoBrE"}

package/file-upload/file-option/thumbnail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"thumbnail.js","sourceRoot":"","sources":["../../../../src/file-upload/file-option/thumbnail.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,UAAU,mBAAmB,CAAC,EAAE,IAAI,EAA4B;IACpE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,qDAAqD;QACrD,IAAI,GAAG,CAAC,eAAe,EAAE;YACvB,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YACtC,WAAW,CAAC,GAAG,CAAC,CAAC;YAEjB,OAAO,GAAG,EAAE;gBACV,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YAC3B,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,iBAAe,IAAI;QAChE,6BAAK,SAAS,EAAE,MAAM,CAAC,6BAA6B,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,GAAI,CACpF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useEffect, useState } from 'react';\n\nimport styles from './styles.css.js';\n\ninterface FileOptionThumbnailProps {\n  file: File;\n}\n\nexport function FileOptionThumbnail({ file }: FileOptionThumbnailProps) {\n  const [imageSrc, setImageSrc] = useState('');\n\n  useEffect(() => {\n    // The URL.createObjectURL is not available in jsdom.\n    if (URL.createObjectURL) {\n      const src = URL.createObjectURL(file);\n      setImageSrc(src);\n\n      return () => {\n        URL.revokeObjectURL(src);\n      };\n    }\n  }, [file]);\n\n  return (\n    <div className={styles['file-option-thumbnail']} aria-hidden={true}>\n      <img className={styles['file-option-thumbnail-image']} alt={file.name} src={imageSrc} />\n    </div>\n  );\n}\n"]}