npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1322 → 3.0.1324 - Mend

@cloudscape-design/components-themeable 3.0.1322 → 3.0.1324

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

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "6a213a018ead0e7922fa0a5fcfb639e6ff0f9633"
+  "commit": "350ae2f57b2af280ae6395e05853890aabef9d8f"
 }

package/lib/internal/scss/box/base-styles.scss CHANGED Viewed

@@ -81,6 +81,7 @@ $font-styles: (
     heading-l: heading-l,
     heading-xl: heading-xl,
     display-l: display-l,
+    display-xl: display-xl,
   ),
   font-weight: (
     default: (

package/lib/internal/scss/flashbar/styles.scss CHANGED Viewed

@@ -36,6 +36,7 @@
   border-start-end-radius: awsui.$border-radius-flashbar;
   border-end-start-radius: awsui.$border-radius-flashbar;
   border-end-end-radius: awsui.$border-radius-flashbar;
+  border-inline-start: awsui.$border-width-flashbar-inline-start solid transparent;
   color: awsui.$color-text-notification-default;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -146,19 +147,39 @@
 }
 .flash-type-success {
-  background-color: awsui.$color-background-notification-green;
+  background-color: awsui.$color-background-flashbar-success;
+  border-inline-start-color: awsui.$color-border-status-success;
+  > .flash-body > .flash-focus-container > .flash-icon {
+    color: awsui.$color-text-status-success;
+  }
 }
 .flash-type-error {
-  background-color: awsui.$color-background-notification-red;
+  background-color: awsui.$color-background-flashbar-error;
+  border-inline-start-color: awsui.$color-border-status-error;
+  > .flash-body > .flash-focus-container > .flash-icon {
+    color: awsui.$color-text-status-error;
+  }
 }
 .flash-type-info,
 .flash-type-in-progress {
-  background-color: awsui.$color-background-notification-blue;
+  background-color: awsui.$color-background-flashbar-info;
+  border-inline-start-color: awsui.$color-border-status-info;
+  > .flash-body > .flash-focus-container > .flash-icon {
+    color: awsui.$color-text-status-info;
+  }
 }
 .flash-type-warning {
   color: awsui.$color-text-notification-yellow;
-  background-color: awsui.$color-background-notification-yellow;
+  background-color: awsui.$color-background-flashbar-warning;
+  border-inline-start-color: awsui.$color-border-status-warning;
+  > .flash-body > .flash-focus-container > .flash-icon {
+    color: awsui.$color-text-status-warning;
+  }
 }

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED Viewed

@@ -1,6 +1,6 @@
     // Build environment
-    $awsui-commit-hash: "6a213a01";
+    $awsui-commit-hash: "350ae2f5";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-6b9ypa;
 $minContentWidth: --awsui-min-content-width-6b9ypa;

package/lib/internal/scss/internal/styles/typography/mixins.scss CHANGED Viewed

@@ -110,6 +110,19 @@
   }
 }
+@mixin font-display-xl($weight: true, $family: true) {
+  @if $family {
+    font-family: awsui.$font-family-display;
+  }
+  font-size: awsui.$font-size-display-xl;
+  line-height: awsui.$line-height-display-xl;
+  letter-spacing: awsui.$letter-spacing-display-xl;
+  @if $weight {
+    font-weight: awsui.$font-weight-display-xl;
+    @include font-smoothing;
+  }
+}
 @mixin font-inherit {
   font-size: inherit;
   line-height: inherit;
@@ -174,6 +187,9 @@
   @if $font-size == display-l {
     @include font-display-l($weight: false, $family: false);
   }
+  @if $font-size == display-xl {
+    @include font-display-xl($weight: false, $family: false);
+  }
   @if $font-size == inherit {
     @include font-inherit;
   }

package/lib/internal/scss/side-navigation/styles.scss CHANGED Viewed

@@ -18,11 +18,11 @@ $item-padding-inline: awsui.$space-xs;
 $item-indent: calc(awsui.$size-icon-normal + #{$item-icon-text-gap} - #{$item-padding-inline});
 $expandable-icon-negative-margin: awsui.$space-l;
-@mixin item-radius {
-  border-start-start-radius: awsui.$border-radius-item;
-  border-start-end-radius: awsui.$border-radius-item;
-  border-end-start-radius: awsui.$border-radius-item;
-  border-end-end-radius: awsui.$border-radius-item;
+@mixin item-radius($radius: awsui.$border-radius-item) {
+  border-start-start-radius: $radius;
+  border-start-end-radius: $radius;
+  border-end-start-radius: $radius;
+  border-end-end-radius: $radius;
 }
 .root {
@@ -154,9 +154,6 @@ $expandable-icon-negative-margin: awsui.$space-l;
   padding-block: 0;
   padding-inline: $item-padding-inline;
   list-style: none;
-  @include styles.with-motion {
-    transition: margin awsui.$motion-duration-expressive awsui.$motion-easing-responsive;
-  }
   // Remove margin from first item in side nav, outer block margins are covered by list-container
   .list-variant-root--first > &:first-child {
     margin-block-start: 0px;
@@ -168,9 +165,6 @@ $expandable-icon-negative-margin: awsui.$space-l;
     justify-content: center;
     padding-block: 0;
     padding-inline: 0;
-    @include styles.with-motion {
-      transition: margin awsui.$motion-duration-expressive awsui.$motion-easing-responsive;
-    }
   }
   &--group {
@@ -187,16 +181,12 @@ $expandable-icon-negative-margin: awsui.$space-l;
     }
   }
-  &--info {
+  &--link-with-info {
     display: flex;
     align-items: baseline;
   }
 }
-.list-item--info > .list {
-  inline-size: 100%;
-}
 .list--collapsed-group {
   margin-block: 0;
   margin-inline: 0;
@@ -284,28 +274,31 @@ $expandable-icon-negative-margin: awsui.$space-l;
 // ==========================================================================
 .link {
   @include styles.font-body-m;
-  color: awsui.$color-text-body-secondary;
-  display: inline-flex;
+  color: awsui.$color-text-side-navigation-item-default;
+  display: flex;
   padding-block: $item-padding-block;
   min-inline-size: awsui.$size-side-navigation-item-height;
   padding-inline: $item-padding-inline;
   margin-inline: calc(-1 * #{$item-padding-inline});
   align-items: flex-start;
-  @include item-radius;
+  @include item-radius(awsui.$border-radius-side-navigation-item);
   font-weight: styles.$font-weight-normal;
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  @include styles.with-motion {
-    transition:
-      background-color awsui.$motion-duration-expressive awsui.$motion-easing-responsive,
-      color awsui.$motion-duration-expressive awsui.$motion-easing-expressive;
-  }
   &-active {
     font-weight: awsui.$font-wayfinding-link-active-weight;
     @include styles.font-smoothing;
     color: awsui.$color-text-side-navigation-item-active;
     background-color: awsui.$color-background-side-navigation-item-active;
+    &.link--collapsed {
+      color: awsui.$color-text-side-navigation-item-active-collapsed;
+      background-color: awsui.$color-background-side-navigation-item-active-collapsed;
+      &:hover {
+        color: awsui.$color-text-side-navigation-item-active-collapsed;
+      }
+    }
   }
   &--collapsed {
@@ -313,6 +306,7 @@ $expandable-icon-negative-margin: awsui.$space-l;
     margin-inline: 0;
     justify-content: center;
     align-items: center;
+    @include item-radius(awsui.$border-radius-side-navigation-item-collapsed);
   }
 }

package/lib/internal/template/alert/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/alert/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,~~mFAuGV~~,CAAC;AAGF,eAAe,KAAK,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/alert/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,mFA2GV,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/lib/internal/template/alert/index.js CHANGED Viewed

@@ -13,9 +13,14 @@ import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalAlert from './internal';
 import analyticsSelectors from './analytics-metadata/styles.css.js';
 const Alert = React.forwardRef(({ type = 'info', visible = true, style, ...props }, ref) => {
+    var _a, _b;
     const analyticsMetadata = getAnalyticsMetadataProps(props);
     const baseComponentProps = useBaseComponent('Alert', {
         props: { type, visible, dismissible: props.dismissible },
+        metadata: {
+            hasPersistenceConfig: !!((_a = props.persistenceConfig) === null || _a === void 0 ? void 0 : _a.uniqueKey),
+            crossServicePersistence: !!((_b = props.persistenceConfig) === null || _b === void 0 ? void 0 : _b.crossServicePersistence),
+        },
     }, analyticsMetadata);
     const rootRef = useRef(null);
     const __internalRootRef = useMergeRefs(rootRef, baseComponentProps.__internalRootRef);

package/lib/internal/template/alert/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/alert/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC1F,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AACpG,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC7F,OAAO,EAAkC,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvG,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,aAAa,MAAM,YAAY,CAAC;AAEvC,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAIpE,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,OAAO,GAAG,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAc,EAAE,GAA8B,EAAE,EAAE;IACjG,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,KAAuC,CAAC,CAAC;IAE7F,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,OAAO,EACP;QACE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE;~~KACzD~~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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { useEffect, useRef } from 'react';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { getSubStepAllSelector, getTextFromSelector } from '../internal/analytics/selectors';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataAlertComponent } from './analytics-metadata/interfaces';\nimport { AlertProps } from './interfaces';\nimport InternalAlert from './internal';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\nexport { AlertProps };\n\nconst Alert = React.forwardRef(\n ({ type = 'info', visible = true, style, ...props }: AlertProps, ref: React.Ref<AlertProps.Ref>) => {\n const analyticsMetadata = getAnalyticsMetadataProps(props as BasePropsWithAnalyticsMetadata);\n\n const baseComponentProps = useBaseComponent(\n 'Alert',\n {\n props: { type, visible, dismissible: props.dismissible },\n },\n analyticsMetadata\n );\n const rootRef = useRef<HTMLElement>(null);\n const __internalRootRef = useMergeRefs(rootRef, baseComponentProps.__internalRootRef);\n\n const { funnelIdentifier, funnelInteractionId, funnelErrorContext, submissionAttempt, funnelState, errorCount } =\n useFunnel();\n const { stepNumber, stepNameSelector, stepIdentifier, subStepCount, stepErrorContext, subStepConfiguration } =\n useFunnelStep();\n const { subStepSelector, subStepNameSelector, subStepIdentifier, subStepErrorContext } = useFunnelSubStep();\n\n const messageSlotId = useUniqueId('alert-');\n\n useEffect(() => {\n if (funnelInteractionId && visible && type === 'error' && funnelState.current !== 'complete') {\n const stepName = getTextFromSelector(stepNameSelector);\n const subStepName = getTextFromSelector(subStepNameSelector);\n\n errorCount.current++;\n\n // We don't want to report an error if it is hidden, e.g. inside an Expandable Section.\n const errorIsVisible = (rootRef.current?.getBoundingClientRect()?.width ?? 0) > 0;\n\n if (errorIsVisible) {\n if (subStepSelector) {\n FunnelMetrics.funnelSubStepError({\n funnelInteractionId,\n funnelIdentifier,\n stepIdentifier,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepAllSelector: getSubStepAllSelector(),\n subStepIdentifier,\n errorContext: analyticsMetadata.errorContext \|\| subStepErrorContext,\n });\n } else if (stepNameSelector) {\n FunnelMetrics.funnelStepError({\n funnelInteractionId,\n stepNumber,\n stepNameSelector,\n stepName,\n stepIdentifier,\n currentDocument: rootRef.current?.ownerDocument,\n totalSubSteps: subStepCount.current,\n funnelIdentifier,\n subStepAllSelector: getSubStepAllSelector(),\n errorContext: analyticsMetadata.errorContext \|\| stepErrorContext,\n subStepConfiguration: subStepConfiguration.current?.get(stepNumber),\n stepErrorSelector: '#' + messageSlotId,\n });\n } else {\n FunnelMetrics.funnelError({\n funnelIdentifier,\n funnelInteractionId,\n errorContext: analyticsMetadata.errorContext \|\| funnelErrorContext,\n });\n }\n }\n\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n errorCount.current--;\n };\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [funnelInteractionId, visible, submissionAttempt, errorCount]);\n\n const componentAnalyticsMetadata: GeneratedAnalyticsMetadataAlertComponent = {\n name: 'awsui.Alert',\n label: `.${analyticsSelectors.header}`,\n properties: {\n type,\n },\n };\n\n return (\n <InternalAlert\n type={type}\n visible={visible}\n {...props}\n {...baseComponentProps}\n __internalRootRef={__internalRootRef}\n ref={ref}\n messageSlotId={messageSlotId}\n style={style}\n {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n />\n );\n }\n);\n\napplyDisplayName(Alert, 'Alert');\nexport default Alert;\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/alert/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { useEffect, useRef } from 'react';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { getSubStepAllSelector, getTextFromSelector } from '../internal/analytics/selectors';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataAlertComponent } from './analytics-metadata/interfaces';\nimport { AlertProps } from './interfaces';\nimport InternalAlert from './internal';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\nexport { AlertProps };\n\nconst Alert = React.forwardRef(\n ({ type = 'info', visible = true, style, ...props }: AlertProps, ref: React.Ref<AlertProps.Ref>) => {\n const analyticsMetadata = getAnalyticsMetadataProps(props as BasePropsWithAnalyticsMetadata);\n\n const baseComponentProps = useBaseComponent(\n 'Alert',\n {\n props: { type, visible, dismissible: props.dismissible },\n metadata: {\n hasPersistenceConfig: !!props.persistenceConfig?.uniqueKey,\n crossServicePersistence: !!props.persistenceConfig?.crossServicePersistence,\n },\n },\n analyticsMetadata\n );\n const rootRef = useRef<HTMLElement>(null);\n const __internalRootRef = useMergeRefs(rootRef, baseComponentProps.__internalRootRef);\n\n const { funnelIdentifier, funnelInteractionId, funnelErrorContext, submissionAttempt, funnelState, errorCount } =\n useFunnel();\n const { stepNumber, stepNameSelector, stepIdentifier, subStepCount, stepErrorContext, subStepConfiguration } =\n useFunnelStep();\n const { subStepSelector, subStepNameSelector, subStepIdentifier, subStepErrorContext } = useFunnelSubStep();\n\n const messageSlotId = useUniqueId('alert-');\n\n useEffect(() => {\n if (funnelInteractionId && visible && type === 'error' && funnelState.current !== 'complete') {\n const stepName = getTextFromSelector(stepNameSelector);\n const subStepName = getTextFromSelector(subStepNameSelector);\n\n errorCount.current++;\n\n // We don't want to report an error if it is hidden, e.g. inside an Expandable Section.\n const errorIsVisible = (rootRef.current?.getBoundingClientRect()?.width ?? 0) > 0;\n\n if (errorIsVisible) {\n if (subStepSelector) {\n FunnelMetrics.funnelSubStepError({\n funnelInteractionId,\n funnelIdentifier,\n stepIdentifier,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepAllSelector: getSubStepAllSelector(),\n subStepIdentifier,\n errorContext: analyticsMetadata.errorContext \|\| subStepErrorContext,\n });\n } else if (stepNameSelector) {\n FunnelMetrics.funnelStepError({\n funnelInteractionId,\n stepNumber,\n stepNameSelector,\n stepName,\n stepIdentifier,\n currentDocument: rootRef.current?.ownerDocument,\n totalSubSteps: subStepCount.current,\n funnelIdentifier,\n subStepAllSelector: getSubStepAllSelector(),\n errorContext: analyticsMetadata.errorContext \|\| stepErrorContext,\n subStepConfiguration: subStepConfiguration.current?.get(stepNumber),\n stepErrorSelector: '#' + messageSlotId,\n });\n } else {\n FunnelMetrics.funnelError({\n funnelIdentifier,\n funnelInteractionId,\n errorContext: analyticsMetadata.errorContext \|\| funnelErrorContext,\n });\n }\n }\n\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n errorCount.current--;\n };\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [funnelInteractionId, visible, submissionAttempt, errorCount]);\n\n const componentAnalyticsMetadata: GeneratedAnalyticsMetadataAlertComponent = {\n name: 'awsui.Alert',\n label: `.${analyticsSelectors.header}`,\n properties: {\n type,\n },\n };\n\n return (\n <InternalAlert\n type={type}\n visible={visible}\n {...props}\n {...baseComponentProps}\n __internalRootRef={__internalRootRef}\n ref={ref}\n messageSlotId={messageSlotId}\n style={style}\n {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n />\n );\n }\n);\n\napplyDisplayName(Alert, 'Alert');\nexport default Alert;\n"]}

package/lib/internal/template/alert/styles.css.js CHANGED Viewed

@@ -1,32 +1,32 @@
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_a3sen_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_a3sen_1",
-  "root": "awsui_root_mx3cw_a3sen_215",
-  "hidden": "awsui_hidden_mx3cw_a3sen_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_a3sen_301",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_a3sen_313",
-  "header": "awsui_header_mx3cw_a3sen_318",
-  "header-replacement": "awsui_header-replacement_mx3cw_a3sen_319",
-  "action": "awsui_action_mx3cw_a3sen_323",
-  "action-slot": "awsui_action-slot_mx3cw_a3sen_327",
-  "action-button": "awsui_action-button_mx3cw_a3sen_328",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_a3sen_332",
-  "text": "awsui_text_mx3cw_a3sen_363",
-  "icon": "awsui_icon_mx3cw_a3sen_370",
-  "message": "awsui_message_mx3cw_a3sen_373",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_a3sen_377",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_a3sen_381",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_a3sen_385",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_a3sen_389",
-  "content": "awsui_content_mx3cw_a3sen_393",
-  "content-replacement": "awsui_content-replacement_mx3cw_a3sen_394",
-  "dismiss": "awsui_dismiss_mx3cw_a3sen_398",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_a3sen_403",
-  "type-error": "awsui_type-error_mx3cw_a3sen_407",
-  "type-warning": "awsui_type-warning_mx3cw_a3sen_415",
-  "type-success": "awsui_type-success_mx3cw_a3sen_423",
-  "type-info": "awsui_type-info_mx3cw_a3sen_431"
+  "alert": "awsui_alert_mx3cw_1a9ra_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1a9ra_1",
+  "root": "awsui_root_mx3cw_1a9ra_215",
+  "hidden": "awsui_hidden_mx3cw_1a9ra_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1a9ra_301",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_1a9ra_313",
+  "header": "awsui_header_mx3cw_1a9ra_318",
+  "header-replacement": "awsui_header-replacement_mx3cw_1a9ra_319",
+  "action": "awsui_action_mx3cw_1a9ra_323",
+  "action-slot": "awsui_action-slot_mx3cw_1a9ra_327",
+  "action-button": "awsui_action-button_mx3cw_1a9ra_328",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1a9ra_332",
+  "text": "awsui_text_mx3cw_1a9ra_363",
+  "icon": "awsui_icon_mx3cw_1a9ra_370",
+  "message": "awsui_message_mx3cw_1a9ra_373",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_1a9ra_377",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1a9ra_381",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1a9ra_385",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1a9ra_389",
+  "content": "awsui_content_mx3cw_1a9ra_393",
+  "content-replacement": "awsui_content-replacement_mx3cw_1a9ra_394",
+  "dismiss": "awsui_dismiss_mx3cw_1a9ra_398",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1a9ra_403",
+  "type-error": "awsui_type-error_mx3cw_1a9ra_407",
+  "type-warning": "awsui_type-warning_mx3cw_1a9ra_415",
+  "type-success": "awsui_type-success_mx3cw_1a9ra_423",
+  "type-info": "awsui_type-info_mx3cw_1a9ra_431"
 };

package/lib/internal/template/alert/styles.scoped.css CHANGED Viewed

@@ -190,10 +190,10 @@ 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_alert_mx3cw_a3sen_193:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_a3sen_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
+.awsui_alert_mx3cw_1a9ra_193:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_1a9ra_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_a3sen_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_1a9ra_1 {
   from {
     opacity: 0.2;
   }
@@ -202,17 +202,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_a3sen_193:not(#\9) {
+  .awsui_alert_mx3cw_1a9ra_193:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_a3sen_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_a3sen_193:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_1a9ra_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1a9ra_193:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_mx3cw_a3sen_215:not(#\9) {
+.awsui_root_mx3cw_1a9ra_215:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -247,11 +247,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_a3sen_215.awsui_hidden_mx3cw_a3sen_250:not(#\9) {
+.awsui_root_mx3cw_1a9ra_215.awsui_hidden_mx3cw_1a9ra_250:not(#\9) {
   display: none;
 }
-.awsui_alert_mx3cw_a3sen_193:not(#\9) {
+.awsui_alert_mx3cw_1a9ra_193:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -298,7 +298,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   --awsui-alert-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-alert-focus-ring-border-width-6b9ypa, 2px) var(--awsui-alert-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-r5f6xl, #0073bb));
 }
-.awsui_alert-wrapper_mx3cw_a3sen_301:not(#\9) {
+.awsui_alert-wrapper_mx3cw_1a9ra_301:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: row;
@@ -306,46 +306,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   column-gap: var(--space-alert-action-left-ii45xs, 20px);
 }
-.awsui_hidden_mx3cw_a3sen_250:not(#\9) {
+.awsui_hidden_mx3cw_1a9ra_250:not(#\9) {
   display: none;
 }
-.awsui_initial-hidden_mx3cw_a3sen_313:not(#\9) {
+.awsui_initial-hidden_mx3cw_1a9ra_313:not(#\9) {
   overflow: hidden;
   block-size: 0;
 }
-.awsui_header_mx3cw_a3sen_318:not(#\9),
-.awsui_header-replacement_mx3cw_a3sen_319:not(#\9) {
+.awsui_header_mx3cw_1a9ra_318:not(#\9),
+.awsui_header-replacement_mx3cw_1a9ra_319:not(#\9) {
   font-weight: var(--font-weight-alert-header-b68cy5, 700);
 }
-.awsui_action_mx3cw_a3sen_323:not(#\9) {
+.awsui_action_mx3cw_1a9ra_323:not(#\9) {
   white-space: nowrap;
 }
-.awsui_action-slot_mx3cw_a3sen_327:not(#\9),
-.awsui_action-button_mx3cw_a3sen_328:not(#\9) {
+.awsui_action-slot_mx3cw_1a9ra_327:not(#\9),
+.awsui_action-button_mx3cw_1a9ra_328:not(#\9) {
   /* used in test-utils */
 }
-.awsui_alert-focus-wrapper_mx3cw_a3sen_332:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_1a9ra_332:not(#\9) {
   flex: 1;
   min-inline-size: 70%;
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_a3sen_332:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_1a9ra_332:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_a3sen_332:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1a9ra_332:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_a3sen_332:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1a9ra_332:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-vsdlzg, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_a3sen_332:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1a9ra_332:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -360,78 +360,78 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_a3sen_332:n
   box-shadow: var(--awsui-alert-focus-ring-box-shadow-6b9ypa);
 }
-.awsui_text_mx3cw_a3sen_363:not(#\9) {
+.awsui_text_mx3cw_1a9ra_363:not(#\9) {
   min-inline-size: 0;
   padding-block: var(--border-width-button-40y1n5, 1px);
   padding-inline: 0;
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: var(--space-xxs-jnczic, 4px);
 }
-.awsui_text_mx3cw_a3sen_363.awsui_icon_mx3cw_a3sen_370:not(#\9) {
+.awsui_text_mx3cw_1a9ra_363.awsui_icon_mx3cw_1a9ra_370:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_a3sen_363.awsui_message_mx3cw_a3sen_373:not(#\9) {
+.awsui_text_mx3cw_1a9ra_363.awsui_message_mx3cw_1a9ra_373:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-ipx6aa, 0px);
 }
-.awsui_action-wrapped_mx3cw_a3sen_377:not(#\9) {
+.awsui_action-wrapped_mx3cw_1a9ra_377:not(#\9) {
   margin-block-end: var(--space-xxs-jnczic, 4px);
 }
-.awsui_icon-size-medium_mx3cw_a3sen_381 > .awsui_alert-wrapper_mx3cw_a3sen_301 > .awsui_action-wrapped_mx3cw_a3sen_377:not(#\9) {
+.awsui_icon-size-medium_mx3cw_1a9ra_381 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_action-wrapped_mx3cw_1a9ra_377:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-3ovt3t, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_icon-size-big_mx3cw_a3sen_385 > .awsui_alert-wrapper_mx3cw_a3sen_301 > .awsui_action-wrapped_mx3cw_a3sen_377:not(#\9) {
+.awsui_icon-size-big_mx3cw_1a9ra_385 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_action-wrapped_mx3cw_1a9ra_377:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-hnqj8f, 32px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_icon-size-normal_mx3cw_a3sen_389 > .awsui_alert-wrapper_mx3cw_a3sen_301 > .awsui_action-wrapped_mx3cw_a3sen_377:not(#\9) {
+.awsui_icon-size-normal_mx3cw_1a9ra_389 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_action-wrapped_mx3cw_1a9ra_377:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_content_mx3cw_a3sen_393:not(#\9),
-.awsui_content-replacement_mx3cw_a3sen_394:not(#\9) {
+.awsui_content_mx3cw_1a9ra_393:not(#\9),
+.awsui_content-replacement_mx3cw_1a9ra_394:not(#\9) {
   /* used in test-utils */
 }
-.awsui_dismiss_mx3cw_a3sen_398:not(#\9) {
+.awsui_dismiss_mx3cw_1a9ra_398:not(#\9) {
   margin-inline-end: calc(-1 * var(--space-xxs-jnczic, 4px));
   margin-inline-start: var(--space-s-4a5hs8, 12px);
 }
-.awsui_dismiss-button_mx3cw_a3sen_403:not(#\9) {
+.awsui_dismiss-button_mx3cw_1a9ra_403:not(#\9) {
   /* used in test-utils */
 }
-.awsui_type-error_mx3cw_a3sen_407:not(#\9) {
+.awsui_type-error_mx3cw_1a9ra_407:not(#\9) {
   border-color: var(--color-border-status-error-jybbdz, #d13212);
   background-color: var(--color-background-status-error-5i5ikf, #fdf3f1);
 }
-.awsui_type-error_mx3cw_a3sen_407 > .awsui_alert-wrapper_mx3cw_a3sen_301 > .awsui_alert-focus-wrapper_mx3cw_a3sen_332 > .awsui_icon_mx3cw_a3sen_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-error-aknuvu, #d13212));
+.awsui_type-error_mx3cw_1a9ra_407 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_alert-focus-wrapper_mx3cw_1a9ra_332 > .awsui_icon_mx3cw_1a9ra_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-error-c3at5p, #d13212));
 }
-.awsui_type-warning_mx3cw_a3sen_415:not(#\9) {
+.awsui_type-warning_mx3cw_1a9ra_415:not(#\9) {
   border-color: var(--color-border-status-warning-qmz1c4, #906806);
   background-color: var(--color-background-status-warning-mvw8w7, #fffef0);
 }
-.awsui_type-warning_mx3cw_a3sen_415 > .awsui_alert-wrapper_mx3cw_a3sen_301 > .awsui_alert-focus-wrapper_mx3cw_a3sen_332 > .awsui_icon_mx3cw_a3sen_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-warning-9b45qh, #906806));
+.awsui_type-warning_mx3cw_1a9ra_415 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_alert-focus-wrapper_mx3cw_1a9ra_332 > .awsui_icon_mx3cw_1a9ra_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-warning-08d9ki, #906806));
 }
-.awsui_type-success_mx3cw_a3sen_423:not(#\9) {
+.awsui_type-success_mx3cw_1a9ra_423:not(#\9) {
   border-color: var(--color-border-status-success-e61wev, #1d8102);
   background-color: var(--color-background-status-success-tkxjye, #f2f8f0);
 }
-.awsui_type-success_mx3cw_a3sen_423 > .awsui_alert-wrapper_mx3cw_a3sen_301 > .awsui_alert-focus-wrapper_mx3cw_a3sen_332 > .awsui_icon_mx3cw_a3sen_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-success-yodf3z, #1d8102));
+.awsui_type-success_mx3cw_1a9ra_423 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_alert-focus-wrapper_mx3cw_1a9ra_332 > .awsui_icon_mx3cw_1a9ra_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-success-ya1ikb, #1d8102));
 }
-.awsui_type-info_mx3cw_a3sen_431:not(#\9) {
+.awsui_type-info_mx3cw_1a9ra_431:not(#\9) {
   border-color: var(--color-border-status-info-kp0iif, #0073bb);
   background-color: var(--color-background-status-info-nzp1n3, #f1faff);
 }
-.awsui_type-info_mx3cw_a3sen_431 > .awsui_alert-wrapper_mx3cw_a3sen_301 > .awsui_alert-focus-wrapper_mx3cw_a3sen_332 > .awsui_icon_mx3cw_a3sen_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-info-xt2ka7, #0073bb));
+.awsui_type-info_mx3cw_1a9ra_431 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_alert-focus-wrapper_mx3cw_1a9ra_332 > .awsui_icon_mx3cw_1a9ra_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-info-5vpe5d, #0073bb));
 }

package/lib/internal/template/alert/styles.selectors.js CHANGED Viewed

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_a3sen_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_a3sen_1",
-  "root": "awsui_root_mx3cw_a3sen_215",
-  "hidden": "awsui_hidden_mx3cw_a3sen_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_a3sen_301",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_a3sen_313",
-  "header": "awsui_header_mx3cw_a3sen_318",
-  "header-replacement": "awsui_header-replacement_mx3cw_a3sen_319",
-  "action": "awsui_action_mx3cw_a3sen_323",
-  "action-slot": "awsui_action-slot_mx3cw_a3sen_327",
-  "action-button": "awsui_action-button_mx3cw_a3sen_328",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_a3sen_332",
-  "text": "awsui_text_mx3cw_a3sen_363",
-  "icon": "awsui_icon_mx3cw_a3sen_370",
-  "message": "awsui_message_mx3cw_a3sen_373",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_a3sen_377",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_a3sen_381",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_a3sen_385",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_a3sen_389",
-  "content": "awsui_content_mx3cw_a3sen_393",
-  "content-replacement": "awsui_content-replacement_mx3cw_a3sen_394",
-  "dismiss": "awsui_dismiss_mx3cw_a3sen_398",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_a3sen_403",
-  "type-error": "awsui_type-error_mx3cw_a3sen_407",
-  "type-warning": "awsui_type-warning_mx3cw_a3sen_415",
-  "type-success": "awsui_type-success_mx3cw_a3sen_423",
-  "type-info": "awsui_type-info_mx3cw_a3sen_431"
+  "alert": "awsui_alert_mx3cw_1a9ra_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1a9ra_1",
+  "root": "awsui_root_mx3cw_1a9ra_215",
+  "hidden": "awsui_hidden_mx3cw_1a9ra_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1a9ra_301",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_1a9ra_313",
+  "header": "awsui_header_mx3cw_1a9ra_318",
+  "header-replacement": "awsui_header-replacement_mx3cw_1a9ra_319",
+  "action": "awsui_action_mx3cw_1a9ra_323",
+  "action-slot": "awsui_action-slot_mx3cw_1a9ra_327",
+  "action-button": "awsui_action-button_mx3cw_1a9ra_328",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1a9ra_332",
+  "text": "awsui_text_mx3cw_1a9ra_363",
+  "icon": "awsui_icon_mx3cw_1a9ra_370",
+  "message": "awsui_message_mx3cw_1a9ra_373",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_1a9ra_377",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1a9ra_381",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1a9ra_385",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1a9ra_389",
+  "content": "awsui_content_mx3cw_1a9ra_393",
+  "content-replacement": "awsui_content-replacement_mx3cw_1a9ra_394",
+  "dismiss": "awsui_dismiss_mx3cw_1a9ra_398",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1a9ra_403",
+  "type-error": "awsui_type-error_mx3cw_1a9ra_407",
+  "type-warning": "awsui_type-warning_mx3cw_1a9ra_415",
+  "type-success": "awsui_type-success_mx3cw_1a9ra_423",
+  "type-info": "awsui_type-info_mx3cw_1a9ra_431"
 };

package/lib/internal/template/box/interfaces.d.ts CHANGED Viewed

@@ -136,7 +136,7 @@ export declare namespace BoxProps {
     type Display = 'block' | 'inline' | 'inline-block' | 'none';
     type TextAlign = 'left' | 'center' | 'right';
     type Float = 'left' | 'right';
-    type FontSize = 'body-s' | 'body-m' | 'heading-xs' | 'heading-s' | 'heading-m' | 'heading-l' | 'heading-xl' | 'display-l';
+    type FontSize = 'body-s' | 'body-m' | 'heading-xs' | 'heading-s' | 'heading-m' | 'heading-l' | 'heading-xl' | 'display-l' | 'display-xl';
     type FontWeight = 'light' | 'normal' | 'bold' | 'heavy';
     type Color = 'inherit' | 'text-label' | 'text-body-secondary' | 'text-status-error' | 'text-status-success' | 'text-status-info' | 'text-status-inactive' | 'text-status-warning';
     type SpacingSize = 'n' | 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';

package/lib/internal/template/box/interfaces.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/box/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,QAAS,SAAQ,kBAAkB;IAClD;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC;IACjD;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC;IAClD;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;;;;;;;;;;;;;OAcG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,QAAQ,CAAC;IACxB,KAAY,OAAO,GACf,KAAK,GACL,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,QAAQ,GACR,OAAO,GACP,MAAM,GACN,KAAK,GACL,MAAM,GACN,iBAAiB,GACjB,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,CAAC;IAExB,KAAY,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,MAAM,CAAC;IACnE,KAAY,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpD,KAAY,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IACrC,KAAY,QAAQ,GAChB,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,WAAW,CAAC;~~IAChB~~,KAAY,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/D,KAAY,KAAK,GACb,SAAS,GACT,YAAY,GACZ,qBAAqB,GACrB,mBAAmB,GACnB,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,qBAAqB,CAAC;IAC1B,KAAY,WAAW,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAChG,UAAiB,OAAO;QACtB,GAAG,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAC3B,KAAK,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAC7B,MAAM,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAC5B,UAAU,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAClC,QAAQ,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;KACjC;CACF"}
1	+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/box/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,QAAS,SAAQ,kBAAkB;IAClD;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC;IACjD;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC;IAClD;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;;;;;;;;;;;;;OAcG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,QAAQ,CAAC;IACxB,KAAY,OAAO,GACf,KAAK,GACL,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,QAAQ,GACR,OAAO,GACP,MAAM,GACN,KAAK,GACL,MAAM,GACN,iBAAiB,GACjB,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,CAAC;IAExB,KAAY,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,MAAM,CAAC;IACnE,KAAY,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpD,KAAY,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IACrC,KAAY,QAAQ,GAChB,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,WAAW,GACX,YAAY,CAAC;IACjB,KAAY,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/D,KAAY,KAAK,GACb,SAAS,GACT,YAAY,GACZ,qBAAqB,GACrB,mBAAmB,GACnB,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,qBAAqB,CAAC;IAC1B,KAAY,WAAW,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAChG,UAAiB,OAAO;QACtB,GAAG,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAC3B,KAAK,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAC7B,MAAM,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAC5B,UAAU,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAClC,QAAQ,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;KACjC;CACF"}