@cloudscape-design/components 3.0.0

package/badge/styles.scoped.css

@@ -0,0 +1,164 @@
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ 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_badge_1yjyg_kvh5r_93:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+      -ms-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-weight: 400;
+  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
+  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-size: 12px;
+  font-size: var(--font-body-s-size-ukw2p9, 12px);
+  line-height: 16px;
+  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
+  letter-spacing: 0.005em;
+  letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  display: inline-block;
+  border-radius: 4px;
+  border-radius: var(--border-badge-radius-9s4yp0, 4px);
+  padding: 0 8px;
+  padding: 0 var(--space-xs-rsr2qu, 8px);
+  color: #fbfbfb;
+  color: var(--color-text-notification-default-2kpcxy, #fbfbfb);
+}
+.awsui_badge_1yjyg_kvh5r_93.awsui_badge-color-grey_1yjyg_kvh5r_111:not(#\9) {
+  background-color: #414d5c;
+  background-color: var(--color-background-notification-grey-ua4ep5, #414d5c);
+}
+.awsui_badge_1yjyg_kvh5r_93.awsui_badge-color-green_1yjyg_kvh5r_114:not(#\9) {
+  background-color: #037f0c;
+  background-color: var(--color-background-notification-green-0d9ow8, #037f0c);
+}
+.awsui_badge_1yjyg_kvh5r_93.awsui_badge-color-blue_1yjyg_kvh5r_117:not(#\9) {
+  background-color: #0972d3;
+  background-color: var(--color-background-notification-blue-vqb59v, #0972d3);
+}
+.awsui_badge_1yjyg_kvh5r_93.awsui_badge-color-red_1yjyg_kvh5r_120:not(#\9) {
+  background-color: #d91515;
+  background-color: var(--color-background-notification-red-v7js1f, #d91515);
+}

package/badge/styles.selectors.js

@@ -0,0 +1,11 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "badge": "awsui_badge_1yjyg_kvh5r_93",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_kvh5r_111",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_kvh5r_114",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_kvh5r_117",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_kvh5r_120"
+};
+  

package/bar-chart/index.d.ts

@@ -0,0 +1,5 @@
+import { BarChartProps } from './interfaces';
+export { BarChartProps };
+declare function BarChart<T extends number | string | Date>({ series, height, xScaleType, yScaleType, stackedBars, horizontalBars, detailPopoverSize, statusType, emphasizeBaselineAxis, ...props }: BarChartProps<T>): JSX.Element;
+export default BarChart;
+//# sourceMappingURL=index.d.ts.map

package/bar-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/bar-chart/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAO7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,iBAAS,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,EAClD,MAAW,EACX,MAAY,EACZ,UAAqB,EACrB,UAAqB,EACrB,WAAmB,EACnB,cAAsB,EACtB,iBAA4B,EAC5B,UAAuB,EACvB,qBAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,CAAC,CAAC,eAqBlB;AAID,eAAe,QAAQ,CAAC"}

package/bar-chart/index.js

@@ -0,0 +1,20 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import { getBaseProps } from '../internal/base-component';
+import styles from './styles.css.js';
+import InternalMixedLineBarChart from '../mixed-line-bar-chart/internal';
+import useBaseComponent from '../internal/hooks/use-base-component';
+function BarChart(_a) {
+    var _b = _a.series, series = _b === void 0 ? [] : _b, _c = _a.height, height = _c === void 0 ? 500 : _c, _d = _a.xScaleType, xScaleType = _d === void 0 ? 'linear' : _d, _e = _a.yScaleType, yScaleType = _e === void 0 ? 'linear' : _e, _f = _a.stackedBars, stackedBars = _f === void 0 ? false : _f, _g = _a.horizontalBars, horizontalBars = _g === void 0 ? false : _g, _h = _a.detailPopoverSize, detailPopoverSize = _h === void 0 ? 'medium' : _h, _j = _a.statusType, statusType = _j === void 0 ? 'finished' : _j, _k = _a.emphasizeBaselineAxis, emphasizeBaselineAxis = _k === void 0 ? true : _k, props = __rest(_a, ["series", "height", "xScaleType", "yScaleType", "stackedBars", "horizontalBars", "detailPopoverSize", "statusType", "emphasizeBaselineAxis"]);
+    var baseComponentProps = useBaseComponent('BarChart');
+    var baseProps = getBaseProps(props);
+    var className = clsx(baseProps.className, styles.root);
+    return (React.createElement(InternalMixedLineBarChart, __assign({}, props, baseComponentProps, { className: className, height: height, xScaleType: xScaleType, yScaleType: yScaleType, stackedBars: stackedBars, horizontalBars: horizontalBars, series: series, detailPopoverSize: detailPopoverSize, statusType: statusType, emphasizeBaselineAxis: emphasizeBaselineAxis })));
+}
+applyDisplayName(BarChart, 'BarChart');
+export default BarChart;
+//# sourceMappingURL=index.js.map

package/bar-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/bar-chart/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,yBAAyB,MAAM,kCAAkC,CAAC;AACzE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,SAAS,QAAQ,CAAmC,EAWjC;IAVjB,IAAA,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,cAAY,EAAZ,MAAM,mBAAG,GAAG,KAAA,EACZ,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA,EACrB,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA,EACrB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,yBAA4B,EAA5B,iBAAiB,mBAAG,QAAQ,KAAA,EAC5B,kBAAuB,EAAvB,UAAU,mBAAG,UAAU,KAAA,EACvB,6BAA4B,EAA5B,qBAAqB,mBAAG,IAAI,KAAA,EACzB,KAAK,cAV0C,6IAWnD,CADS;IAER,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxD,IAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,IAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,yBAAyB,eACpB,KAAK,EACL,kBAAkB,IACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,qBAAqB,EAAE,qBAAqB,IAC5C,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAEvC,eAAe,QAAQ,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 { BarChartProps } from './interfaces';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { getBaseProps } from '../internal/base-component';\nimport styles from './styles.css.js';\nimport InternalMixedLineBarChart from '../mixed-line-bar-chart/internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { BarChartProps };\n\nfunction BarChart<T extends number | string | Date>({\n  series = [],\n  height = 500,\n  xScaleType = 'linear',\n  yScaleType = 'linear',\n  stackedBars = false,\n  horizontalBars = false,\n  detailPopoverSize = 'medium',\n  statusType = 'finished',\n  emphasizeBaselineAxis = true,\n  ...props\n}: BarChartProps<T>) {\n  const baseComponentProps = useBaseComponent('BarChart');\n  const baseProps = getBaseProps(props);\n  const className = clsx(baseProps.className, styles.root);\n\n  return (\n    <InternalMixedLineBarChart\n      {...props}\n      {...baseComponentProps}\n      className={className}\n      height={height}\n      xScaleType={xScaleType}\n      yScaleType={yScaleType}\n      stackedBars={stackedBars}\n      horizontalBars={horizontalBars}\n      series={series}\n      detailPopoverSize={detailPopoverSize}\n      statusType={statusType}\n      emphasizeBaselineAxis={emphasizeBaselineAxis}\n    />\n  );\n}\n\napplyDisplayName(BarChart, 'BarChart');\n\nexport default BarChart;\n"]}

package/bar-chart/interfaces.d.ts

@@ -0,0 +1,33 @@
+import { CartesianChartProps } from '../internal/components/cartesian-chart/interfaces';
+import { ChartDataTypes, MixedLineBarChartProps } from '../mixed-line-bar-chart/interfaces';
+declare type BarSeries<T> = MixedLineBarChartProps.BarDataSeries<T> | MixedLineBarChartProps.ThresholdSeries;
+export interface BarChartProps<T extends ChartDataTypes> extends CartesianChartProps<T, MixedLineBarChartProps.ChartSeries<T>> {
+    /**
+     * Array that represents the source of data for the displayed chart.
+     * Each element can represent a bar series or a threshold, and can have the following properties:
+     *
+     * * `title` (string): A human-readable title for this series
+     * * `type` (string): Series type (`"bar"`, or `"threshold"`)
+     * * `data` (Array): An array of data points, represented as objects with `x` and `y` properties
+     * * `color` (string): (Optional) A color hex value for this series. When assigned, it takes priority over the automatically assigned color
+     * * `valueFormatter` (Function): (Optional) A function that formats data values before rendering in the UI, For example, in the details popover.
+     */
+    series: ReadonlyArray<BarSeries<T>>;
+    /**
+     * When set to `true`, bars in the same data point are stacked instead of grouped next to each other.
+     */
+    stackedBars?: boolean;
+    /**
+     * When set to `true`, the x and y axes are flipped, which causes any bars to be rendered horizontally instead of vertically.
+     * This can only be used when the chart consists exclusively of bar series.
+     */
+    horizontalBars?: boolean;
+    /**
+     * When set to `true`, adds a visual emphasis on the zero baseline axis.
+     * See the usage guidelines for more details.
+     */
+    emphasizeBaselineAxis?: boolean;
+}
+export declare namespace BarChartProps { }
+export {};
+//# sourceMappingURL=interfaces.d.ts.map

package/bar-chart/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/bar-chart/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAE5F,aAAK,SAAS,CAAC,CAAC,IAAI,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,eAAe,CAAC;AAErG,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,cAAc,CACrD,SAAQ,mBAAmB,CAAC,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACrE;;;;;;;;;OASG;IACH,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAGD,yBAAiB,aAAa,CAAC,GAAE"}

package/bar-chart/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/bar-chart/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/bar-chart/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { CartesianChartProps } from '../internal/components/cartesian-chart/interfaces';\nimport { ChartDataTypes, MixedLineBarChartProps } from '../mixed-line-bar-chart/interfaces';\n\ntype BarSeries<T> = MixedLineBarChartProps.BarDataSeries<T> | MixedLineBarChartProps.ThresholdSeries;\n\nexport interface BarChartProps<T extends ChartDataTypes>\n  extends CartesianChartProps<T, MixedLineBarChartProps.ChartSeries<T>> {\n  /**\n   * Array that represents the source of data for the displayed chart.\n   * Each element can represent a bar series or a threshold, and can have the following properties:\n   *\n   * * `title` (string): A human-readable title for this series\n   * * `type` (string): Series type (`\"bar\"`, or `\"threshold\"`)\n   * * `data` (Array): An array of data points, represented as objects with `x` and `y` properties\n   * * `color` (string): (Optional) A color hex value for this series. When assigned, it takes priority over the automatically assigned color\n   * * `valueFormatter` (Function): (Optional) A function that formats data values before rendering in the UI, For example, in the details popover.\n   */\n  series: ReadonlyArray<BarSeries<T>>;\n\n  /**\n   * When set to `true`, bars in the same data point are stacked instead of grouped next to each other.\n   */\n  stackedBars?: boolean;\n\n  /**\n   * When set to `true`, the x and y axes are flipped, which causes any bars to be rendered horizontally instead of vertically.\n   * This can only be used when the chart consists exclusively of bar series.\n   */\n  horizontalBars?: boolean;\n\n  /**\n   * When set to `true`, adds a visual emphasis on the zero baseline axis.\n   * See the usage guidelines for more details.\n   */\n  emphasizeBaselineAxis?: boolean;\n}\n\n// W/o this documenter injects CartesianChartProps namespace properties into BarChartProps definition.\nexport namespace BarChartProps {}\n"]}

package/bar-chart/styles.css.js

@@ -0,0 +1,6 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_1gfe1_7b6p8_9"
+};
+  

package/bar-chart/styles.scoped.css

@@ -0,0 +1,11 @@
+/*
+ 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_1gfe1_7b6p8_9:not(#\9) {
+  /* used in test-utils */
+}

package/bar-chart/styles.selectors.js

@@ -0,0 +1,7 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_1gfe1_7b6p8_9"
+};
+  

package/box/index.d.ts

@@ -0,0 +1,4 @@
+import { BoxProps } from './interfaces';
+export { BoxProps };
+export default function Box({ variant, margin, padding, ...props }: BoxProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/box/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAAE,OAAe,EAAE,MAAW,EAAE,OAAY,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,eAG7F"}

package/box/index.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import InternalBox from './internal';
+import useBaseComponent from '../internal/hooks/use-base-component';
+export default function Box(_a) {
+    var _b = _a.variant, variant = _b === void 0 ? 'div' : _b, _c = _a.margin, margin = _c === void 0 ? {} : _c, _d = _a.padding, padding = _d === void 0 ? {} : _d, props = __rest(_a, ["variant", "margin", "padding"]);
+    var baseComponentProps = useBaseComponent('Box');
+    return React.createElement(InternalBox, __assign({ variant: variant, margin: margin, padding: padding }, props, baseComponentProps));
+}
+applyDisplayName(Box, 'Box');
+//# sourceMappingURL=index.js.map

package/box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/box/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,WAAW,MAAM,YAAY,CAAC;AACrC,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAAkE;IAAhE,IAAA,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAE,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAK,KAAK,cAAtD,gCAAwD,CAAF;IAChF,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACnD,OAAO,oBAAC,WAAW,aAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAM,kBAAkB,EAAI,CAAC;AAChH,CAAC;AACD,gBAAgB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BoxProps } from './interfaces';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport InternalBox from './internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { BoxProps };\n\nexport default function Box({ variant = 'div', margin = {}, padding = {}, ...props }: BoxProps) {\n  const baseComponentProps = useBaseComponent('Box');\n  return <InternalBox variant={variant} margin={margin} padding={padding} {...props} {...baseComponentProps} />;\n}\napplyDisplayName(Box, 'Box');\n"]}

package/box/interfaces.d.ts

@@ -0,0 +1,130 @@
+import { BaseComponentProps } from '../internal/base-component';
+export interface BoxProps extends BaseComponentProps {
+    /**
+     * Defines the style of element to display.
+     *
+     * - If you set it to `'div'`, `'span'`, `'h1'`, `'h2'`, `'h3'`, `'h4'`, `'h5'`, `'p'`, `'strong'`, `'small'`, `'code'`, `'pre'`, or `'samp'`, the variant is also used as the HTML tag name.
+     * - If you set it to `awsui-key-label`, the component will display as a `div`.
+     * - If you set it to `awsui-value-large`, the component will display as a `span`.
+     *
+     * Override the HTML tag by using property `tagOverride`.
+     */
+    variant?: BoxProps.Variant;
+    /**
+     * Overrides the default HTML tag provided by the variant.
+     */
+    tagOverride?: string;
+    /**
+     * Overrides the display of the element. You can set it to the following values:
+     *
+     * - `block` - Specifies block display.
+     * - `inline` - Specifies inline display.
+     * - `inline-block` - Specifies inline-block display.
+     * - `none` - Hides the box.
+     *
+     * Note: If you don't set it, the display depends on the variant.
+     */
+    display?: BoxProps.Display;
+    /**
+     * Adds margins to the element. It can be the following:
+     *
+     * - A single string with a size. This applies the same margin to all sides (that is, top, right, bottom, left).
+     * - An object specifying the size of the margin per side. The object has the following format:
+     * ```
+     * {
+     *   top: "size of top margin",
+     *   right: "size of right margin",
+     *   bottom: "size of bottom margin",
+     *   left: "size of left margin",
+     *   horizontal: "size of left and right margin",
+     *   vertical: "size of top and bottom margin",
+     * }
+     * ```
+     *
+     * The size can be `n`, `xxxs`, `xxs`, `xs`, `s`, `m`, `l`, `xl`, `xxl`, `xxxl`, where `n` stands for none.
+     * Sizes are automatically scaled down in compact mode.
+     *
+     *  For example, `margin="s"` adds a small margin to all sides.
+     * `margin={{ right: "l", bottom: "s" }}` adds a small margin to the bottom and a large margin to the right.
+     */
+    margin?: BoxProps.SpacingSize | BoxProps.Spacing;
+    /**
+     * Adds padding to the element. It can be the following:
+     *
+     * - A single string with a size. This applies the same padding to all sides (that is, top, right, bottom, left).
+     * - An object specifying the size of padding per side. The object has the following format:
+     * ```
+     * {
+     *   top: "size of top padding",
+     *   right: "size of right padding",
+     *   bottom: "size of bottom padding",
+     *   left: "size of left padding",
+     *   horizontal: "size of left and right padding",
+     *   vertical: "size of top and bottom padding",
+     * }
+     * ```
+     *
+     * The size can be `n`, `xxxs`, `xxs`, `xs`, `s`, `m`, `l`, `xl`, `xxl`, `xxxl`, where `n` stands for none.
+     * Sizes are automatically scaled down in compact mode.
+     *
+     *  For example, `padding="s"` adds small padding to all sides.
+     * `padding={{ right: "l", bottom: "s" }}` adds small padding to the bottom and large padding to the right.
+     */
+    padding?: BoxProps.SpacingSize | BoxProps.Spacing;
+    /**
+     * Defines the text alignment within the element. You can set it to `left`, `center`, or `right`.
+     */
+    textAlign?: BoxProps.TextAlign;
+    /**
+     * Defines the floating behavior. You can set it to `left` or `right`.
+     */
+    float?: BoxProps.Float;
+    /**
+     * Overrides the font size and line height. If not set, the font size and line height depend on the variant.
+     */
+    fontSize?: BoxProps.FontSize;
+    /**
+     * Overrides the font weight. If not set, the value depends on the variant.
+     * @visualrefresh 'heavy'
+     */
+    fontWeight?: BoxProps.FontWeight;
+    /**
+     * Overrides the text color. You can set it to the following values:
+     *
+     * - `inherit` - Inherits the color from the parent element. For example, use this to style content
+     *      in Flashbars and to style the `empty` and `noMatch` slots of the Table and Cards components.
+     * - `text-label` - Specifies the text color for non-form labels. For example, use it for the key in key/value pairs.
+     * - `text-body-secondary` - Specifies the color for secondary text.
+     * - `text-status-error` - Specifies the color for error text and icons.
+     * - `text-status-success` - Specifies the color for success text and icons.
+     * - `text-status-info` - Specifies the color for info text and icon.
+     * - `text-status-inactive` - Specifies the color for inactive and loading text and icons.
+     *
+     * Note: If you don't set it, the text color depends on the variant.
+     */
+    color?: BoxProps.Color;
+    /**
+     * Content of the box.
+     * @displayname content
+     */
+    children?: React.ReactNode;
+}
+export declare namespace BoxProps {
+    type Variant = 'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'small' | 'code' | 'pre' | 'samp' | 'awsui-key-label' | 'awsui-value-large';
+    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 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';
+    type SpacingSize = 'n' | 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
+    interface Spacing {
+        top?: BoxProps.SpacingSize;
+        right?: BoxProps.SpacingSize;
+        bottom?: BoxProps.SpacingSize;
+        left?: BoxProps.SpacingSize;
+        horizontal?: BoxProps.SpacingSize;
+        vertical?: BoxProps.SpacingSize;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/box/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/box/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,QAAS,SAAQ,kBAAkB;IAClD;;;;;;;;OAQG;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;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;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,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,CAAC;IAC3B,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"}

package/box/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/box/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/box/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 BoxProps extends BaseComponentProps {\n  /**\n   * Defines the style of element to display.\n   *\n   * - If you set it to `'div'`, `'span'`, `'h1'`, `'h2'`, `'h3'`, `'h4'`, `'h5'`, `'p'`, `'strong'`, `'small'`, `'code'`, `'pre'`, or `'samp'`, the variant is also used as the HTML tag name.\n   * - If you set it to `awsui-key-label`, the component will display as a `div`.\n   * - If you set it to `awsui-value-large`, the component will display as a `span`.\n   *\n   * Override the HTML tag by using property `tagOverride`.\n   */\n  variant?: BoxProps.Variant;\n  /**\n   * Overrides the default HTML tag provided by the variant.\n   */\n  tagOverride?: string;\n  /**\n   * Overrides the display of the element. You can set it to the following values:\n   *\n   * - `block` - Specifies block display.\n   * - `inline` - Specifies inline display.\n   * - `inline-block` - Specifies inline-block display.\n   * - `none` - Hides the box.\n   *\n   * Note: If you don't set it, the display depends on the variant.\n   */\n  display?: BoxProps.Display;\n  /**\n   * Adds margins to the element. It can be the following:\n   *\n   * - A single string with a size. This applies the same margin to all sides (that is, top, right, bottom, left).\n   * - An object specifying the size of the margin per side. The object has the following format:\n   * ```\n   * {\n   *   top: \"size of top margin\",\n   *   right: \"size of right margin\",\n   *   bottom: \"size of bottom margin\",\n   *   left: \"size of left margin\",\n   *   horizontal: \"size of left and right margin\",\n   *   vertical: \"size of top and bottom margin\",\n   * }\n   * ```\n   *\n   * The size can be `n`, `xxxs`, `xxs`, `xs`, `s`, `m`, `l`, `xl`, `xxl`, `xxxl`, where `n` stands for none.\n   * Sizes are automatically scaled down in compact mode.\n   *\n   *  For example, `margin=\"s\"` adds a small margin to all sides.\n   * `margin={{ right: \"l\", bottom: \"s\" }}` adds a small margin to the bottom and a large margin to the right.\n   */\n  margin?: BoxProps.SpacingSize | BoxProps.Spacing;\n  /**\n   * Adds padding to the element. It can be the following:\n   *\n   * - A single string with a size. This applies the same padding to all sides (that is, top, right, bottom, left).\n   * - An object specifying the size of padding per side. The object has the following format:\n   * ```\n   * {\n   *   top: \"size of top padding\",\n   *   right: \"size of right padding\",\n   *   bottom: \"size of bottom padding\",\n   *   left: \"size of left padding\",\n   *   horizontal: \"size of left and right padding\",\n   *   vertical: \"size of top and bottom padding\",\n   * }\n   * ```\n   *\n   * The size can be `n`, `xxxs`, `xxs`, `xs`, `s`, `m`, `l`, `xl`, `xxl`, `xxxl`, where `n` stands for none.\n   * Sizes are automatically scaled down in compact mode.\n   *\n   *  For example, `padding=\"s\"` adds small padding to all sides.\n   * `padding={{ right: \"l\", bottom: \"s\" }}` adds small padding to the bottom and large padding to the right.\n   */\n  padding?: BoxProps.SpacingSize | BoxProps.Spacing;\n  /**\n   * Defines the text alignment within the element. You can set it to `left`, `center`, or `right`.\n   */\n  textAlign?: BoxProps.TextAlign;\n  /**\n   * Defines the floating behavior. You can set it to `left` or `right`.\n   */\n  float?: BoxProps.Float;\n  /**\n   * Overrides the font size and line height. If not set, the font size and line height depend on the variant.\n   */\n  fontSize?: BoxProps.FontSize;\n  /**\n   * Overrides the font weight. If not set, the value depends on the variant.\n   * @visualrefresh 'heavy'\n   */\n  fontWeight?: BoxProps.FontWeight;\n  /**\n   * Overrides the text color. You can set it to the following values:\n   *\n   * - `inherit` - Inherits the color from the parent element. For example, use this to style content\n   *      in Flashbars and to style the `empty` and `noMatch` slots of the Table and Cards components.\n   * - `text-label` - Specifies the text color for non-form labels. For example, use it for the key in key/value pairs.\n   * - `text-body-secondary` - Specifies the color for secondary text.\n   * - `text-status-error` - Specifies the color for error text and icons.\n   * - `text-status-success` - Specifies the color for success text and icons.\n   * - `text-status-info` - Specifies the color for info text and icon.\n   * - `text-status-inactive` - Specifies the color for inactive and loading text and icons.\n   *\n   * Note: If you don't set it, the text color depends on the variant.\n   */\n  color?: BoxProps.Color;\n  /**\n   * Content of the box.\n   * @displayname content\n   */\n  children?: React.ReactNode;\n}\n\nexport namespace BoxProps {\n  export type Variant =\n    | 'div'\n    | 'span'\n    | 'h1'\n    | 'h2'\n    | 'h3'\n    | 'h4'\n    | 'h5'\n    | 'p'\n    | 'strong'\n    | 'small'\n    | 'code'\n    | 'pre'\n    | 'samp'\n    | 'awsui-key-label'\n    | 'awsui-value-large';\n\n  export type Display = 'block' | 'inline' | 'inline-block' | 'none';\n  export type TextAlign = 'left' | 'center' | 'right';\n  export type Float = 'left' | 'right';\n  export type FontSize =\n    | 'body-s'\n    | 'body-m'\n    | 'heading-xs'\n    | 'heading-s'\n    | 'heading-m'\n    | 'heading-l'\n    | 'heading-xl'\n    | 'display-l';\n  export type FontWeight = 'light' | 'normal' | 'bold' | 'heavy';\n  export type Color =\n    | 'inherit'\n    | 'text-label'\n    | 'text-body-secondary'\n    | 'text-status-error'\n    | 'text-status-success'\n    | 'text-status-info'\n    | 'text-status-inactive';\n  export type SpacingSize = 'n' | 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';\n  export interface Spacing {\n    top?: BoxProps.SpacingSize;\n    right?: BoxProps.SpacingSize;\n    bottom?: BoxProps.SpacingSize;\n    left?: BoxProps.SpacingSize;\n    horizontal?: BoxProps.SpacingSize;\n    vertical?: BoxProps.SpacingSize;\n  }\n}\n"]}

package/box/internal.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from './interfaces';
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+declare type InternalBoxProps = BoxProps & InternalBaseComponentProps;
+export default function InternalBox({ variant, tagOverride, margin, padding, display, textAlign, float, fontSize, fontWeight, color, children, __internalRootRef, ...props }: InternalBoxProps): JSX.Element;
+export {};
+//# sourceMappingURL=internal.d.ts.map

package/box/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/box/internal.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,aAAK,gBAAgB,GAAG,QAAQ,GAAG,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAe,EACf,WAAW,EACX,MAAW,EACX,OAAY,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,UAAU,EACV,KAAK,EACL,QAAQ,EACR,iBAAwB,EACxB,GAAG,KAAK,EACT,EAAE,gBAAgB,eA4BlB"}

package/box/internal.js

@@ -0,0 +1,38 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import { getBaseProps } from '../internal/base-component';
+import clsx from 'clsx';
+import styles from './styles.css.js';
+export default function InternalBox(_a) {
+    var _b = _a.variant, variant = _b === void 0 ? 'div' : _b, tagOverride = _a.tagOverride, _c = _a.margin, margin = _c === void 0 ? {} : _c, _d = _a.padding, padding = _d === void 0 ? {} : _d, display = _a.display, textAlign = _a.textAlign, float = _a.float, fontSize = _a.fontSize, fontWeight = _a.fontWeight, color = _a.color, children = _a.children, _e = _a.__internalRootRef, __internalRootRef = _e === void 0 ? null : _e, props = __rest(_a, ["variant", "tagOverride", "margin", "padding", "display", "textAlign", "float", "fontSize", "fontWeight", "color", "children", "__internalRootRef"]);
+    var baseProps = getBaseProps(props);
+    var marginsClassNamesSuffices = getClassNamesSuffixes(margin);
+    var paddingsClassNamesSuffices = getClassNamesSuffixes(padding);
+    // This can be any arbitrary string if passed into tagOverride.
+    // We appease the compiler with an incorrect type.
+    var Tag = getTag(variant, tagOverride);
+    var className = clsx(baseProps.className, styles.root, styles.box, styles["".concat(variant.replace(/^awsui-/, ''), "-variant")], marginsClassNamesSuffices.map(function (suffix) { return styles["m-".concat(suffix)]; }), paddingsClassNamesSuffices.map(function (suffix) { return styles["p-".concat(suffix)]; }), styles["d-".concat(display)], styles["f-".concat(float)], styles["color-".concat(color || 'default')], styles["font-size-".concat(fontSize || 'default')], styles["font-weight-".concat(fontWeight || 'default')], styles["t-".concat(textAlign)]);
+    return (React.createElement(Tag, __assign({}, baseProps, { className: className, ref: __internalRootRef }), children));
+}
+var getClassNamesSuffixes = function (value) {
+    if (typeof value === 'string') {
+        return [value];
+    }
+    var sides = ['top', 'right', 'bottom', 'left', 'horizontal', 'vertical'];
+    return sides.filter(function (side) { return !!value[side]; }).map(function (side) { return "".concat(side, "-").concat(value[side]); });
+};
+var getTag = function (variant, tagOverride) {
+    if (tagOverride) {
+        return tagOverride;
+    }
+    if (variant === 'awsui-value-large') {
+        return 'span';
+    }
+    if (variant === 'awsui-key-label') {
+        return 'div';
+    }
+    return variant;
+};
+//# sourceMappingURL=internal.js.map

package/box/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/box/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { BoxProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ntype InternalBoxProps = BoxProps & InternalBaseComponentProps;\n\nexport default function InternalBox({\n  variant = 'div',\n  tagOverride,\n  margin = {},\n  padding = {},\n  display,\n  textAlign,\n  float,\n  fontSize,\n  fontWeight,\n  color,\n  children,\n  __internalRootRef = null,\n  ...props\n}: InternalBoxProps) {\n  const baseProps = getBaseProps(props);\n  const marginsClassNamesSuffices = getClassNamesSuffixes(margin);\n  const paddingsClassNamesSuffices = getClassNamesSuffixes(padding);\n  // This can be any arbitrary string if passed into tagOverride.\n  // We appease the compiler with an incorrect type.\n  const Tag = getTag(variant, tagOverride) as 'div';\n\n  const className = clsx(\n    baseProps.className,\n    styles.root,\n    styles.box,\n    styles[`${variant.replace(/^awsui-/, '')}-variant`],\n    marginsClassNamesSuffices.map(suffix => styles[`m-${suffix}`]),\n    paddingsClassNamesSuffices.map(suffix => styles[`p-${suffix}`]),\n    styles[`d-${display}`],\n    styles[`f-${float}`],\n    styles[`color-${color || 'default'}`],\n    styles[`font-size-${fontSize || 'default'}`],\n    styles[`font-weight-${fontWeight || 'default'}`],\n    styles[`t-${textAlign}`]\n  );\n\n  return (\n    <Tag {...baseProps} className={className} ref={__internalRootRef}>\n      {children}\n    </Tag>\n  );\n}\n\nconst getClassNamesSuffixes = (value: BoxProps.SpacingSize | BoxProps.Spacing) => {\n  if (typeof value === 'string') {\n    return [value];\n  }\n  const sides = ['top', 'right', 'bottom', 'left', 'horizontal', 'vertical'] as const;\n  return sides.filter(side => !!value[side]).map(side => `${side}-${value[side]}`);\n};\n\nconst getTag = (variant: BoxProps.Variant, tagOverride: BoxProps['tagOverride']) => {\n  if (tagOverride) {\n    return tagOverride;\n  }\n\n  if (variant === 'awsui-value-large') {\n    return 'span';\n  }\n\n  if (variant === 'awsui-key-label') {\n    return 'div';\n  }\n\n  return variant;\n};\n"]}