@cloudscape-design/components 3.0.587 → 3.0.589
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.
- package/box/interfaces.d.ts +7 -3
- package/box/interfaces.d.ts.map +1 -1
- package/box/interfaces.js.map +1 -1
- package/box/internal.js +1 -1
- package/box/internal.js.map +1 -1
- package/box/styles.css.js +191 -190
- package/box/styles.scoped.css +242 -235
- package/box/styles.selectors.js +191 -190
- package/internal/base-component/styles.scoped.css +5 -0
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.d.ts +1 -0
- package/internal/generated/styles/tokens.js +1 -0
- package/internal/generated/theming/index.cjs +38 -0
- package/internal/generated/theming/index.js +38 -0
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
package/box/interfaces.d.ts
CHANGED
|
@@ -5,8 +5,12 @@ export interface BoxProps extends BaseComponentProps {
|
|
|
5
5
|
* Defines the style of element to display.
|
|
6
6
|
*
|
|
7
7
|
* - 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.
|
|
8
|
-
* - If you set it to `awsui-key-label`, the component will
|
|
9
|
-
*
|
|
8
|
+
* - If you set it to `awsui-key-label`, the component will render a `div`,
|
|
9
|
+
* styled for use as a key label in key-value pairs.
|
|
10
|
+
* - If you set it to `awsui-gen-ai-label`, the component will render a `div`,
|
|
11
|
+
* styled for use as a label indicating that content is produced by generative AI.
|
|
12
|
+
* - If you set it to `awsui-value-large`, the component will render a `span`,
|
|
13
|
+
* styled using "Display large light" typography.
|
|
10
14
|
*
|
|
11
15
|
* Override the HTML tag by using property `tagOverride`.
|
|
12
16
|
*/
|
|
@@ -112,7 +116,7 @@ export interface BoxProps extends BaseComponentProps {
|
|
|
112
116
|
children?: React.ReactNode;
|
|
113
117
|
}
|
|
114
118
|
export declare namespace BoxProps {
|
|
115
|
-
type Variant = 'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'small' | 'code' | 'pre' | 'samp' | 'awsui-key-label' | 'awsui-value-large';
|
|
119
|
+
type Variant = 'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'small' | 'code' | 'pre' | 'samp' | 'awsui-key-label' | 'awsui-gen-ai-label' | 'awsui-value-large';
|
|
116
120
|
type Display = 'block' | 'inline' | 'inline-block' | 'none';
|
|
117
121
|
type TextAlign = 'left' | 'center' | 'right';
|
|
118
122
|
type Float = 'left' | 'right';
|
package/box/interfaces.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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
|
|
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;;;;;;;;;;;;OAYG;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;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,oBAAoB,GACpB,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"}
|
package/box/interfaces.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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
|
|
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 render a `div`,\n * styled for use as a key label in key-value pairs.\n * - If you set it to `awsui-gen-ai-label`, the component will render a `div`,\n * styled for use as a label indicating that content is produced by generative AI.\n * - If you set it to `awsui-value-large`, the component will render a `span`,\n * styled using \"Display large light\" typography.\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 * - `text-status-warning` - Specifies the color for warning 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-gen-ai-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 | 'text-status-warning';\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.js
CHANGED
|
@@ -30,7 +30,7 @@ const getTag = (variant, tagOverride) => {
|
|
|
30
30
|
if (variant === 'awsui-value-large') {
|
|
31
31
|
return 'span';
|
|
32
32
|
}
|
|
33
|
-
if (variant === 'awsui-key-label') {
|
|
33
|
+
if (variant === 'awsui-key-label' || variant === 'awsui-gen-ai-label') {
|
|
34
34
|
return 'div';
|
|
35
35
|
}
|
|
36
36
|
return variant;
|
package/box/internal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/box/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAcjB;QAdiB,EAClC,OAAO,GAAG,KAAK,EACf,WAAW,EACX,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,EAAE,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,UAAU,EACV,KAAK,EACL,QAAQ,EACR,iBAAiB,GAAG,IAAI,OAEP,EADd,KAAK,cAb0B,oJAcnC,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,yBAAyB,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAChE,MAAM,0BAA0B,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAClE,+DAA+D;IAC/D,kDAAkD;IAClD,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,EAAE,WAAW,CAAU,CAAC;IAElD,MAAM,SAAS,GAAG,IAAI,CACpB,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,GAAG,EACV,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,EACnD,yBAAyB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE,CAAC,CAAC,EAC9D,0BAA0B,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE,CAAC,CAAC,EAC/D,MAAM,CAAC,KAAK,OAAO,EAAE,CAAC,EACtB,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC,EACpB,MAAM,CAAC,SAAS,KAAK,IAAI,SAAS,EAAE,CAAC,EACrC,MAAM,CAAC,aAAa,QAAQ,IAAI,SAAS,EAAE,CAAC,EAC5C,MAAM,CAAC,eAAe,UAAU,IAAI,SAAS,EAAE,CAAC,EAChD,MAAM,CAAC,KAAK,SAAS,EAAE,CAAC,CACzB,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,oBAAK,SAAS,IAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,KAC7D,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,qBAAqB,GAAG,CAAC,KAA8C,EAAE,EAAE;IAC/E,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,CAAC,KAAK,CAAC,CAAC;KAChB;IACD,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,CAAU,CAAC;IACpF,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnF,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,OAAyB,EAAE,WAAoC,EAAE,EAAE;IACjF,IAAI,WAAW,EAAE;QACf,OAAO,WAAW,CAAC;KACpB;IAED,IAAI,OAAO,KAAK,mBAAmB,EAAE;QACnC,OAAO,MAAM,CAAC;KACf;IAED,IAAI,OAAO,KAAK,iBAAiB,EAAE;
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/box/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAcjB;QAdiB,EAClC,OAAO,GAAG,KAAK,EACf,WAAW,EACX,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,EAAE,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,UAAU,EACV,KAAK,EACL,QAAQ,EACR,iBAAiB,GAAG,IAAI,OAEP,EADd,KAAK,cAb0B,oJAcnC,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,yBAAyB,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAChE,MAAM,0BAA0B,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAClE,+DAA+D;IAC/D,kDAAkD;IAClD,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,EAAE,WAAW,CAAU,CAAC;IAElD,MAAM,SAAS,GAAG,IAAI,CACpB,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,GAAG,EACV,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,EACnD,yBAAyB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE,CAAC,CAAC,EAC9D,0BAA0B,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE,CAAC,CAAC,EAC/D,MAAM,CAAC,KAAK,OAAO,EAAE,CAAC,EACtB,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC,EACpB,MAAM,CAAC,SAAS,KAAK,IAAI,SAAS,EAAE,CAAC,EACrC,MAAM,CAAC,aAAa,QAAQ,IAAI,SAAS,EAAE,CAAC,EAC5C,MAAM,CAAC,eAAe,UAAU,IAAI,SAAS,EAAE,CAAC,EAChD,MAAM,CAAC,KAAK,SAAS,EAAE,CAAC,CACzB,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,oBAAK,SAAS,IAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,KAC7D,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,qBAAqB,GAAG,CAAC,KAA8C,EAAE,EAAE;IAC/E,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,CAAC,KAAK,CAAC,CAAC;KAChB;IACD,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,CAAU,CAAC;IACpF,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnF,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,OAAyB,EAAE,WAAoC,EAAE,EAAE;IACjF,IAAI,WAAW,EAAE;QACf,OAAO,WAAW,CAAC;KACpB;IAED,IAAI,OAAO,KAAK,mBAAmB,EAAE;QACnC,OAAO,MAAM,CAAC;KACf;IAED,IAAI,OAAO,KAAK,iBAAiB,IAAI,OAAO,KAAK,oBAAoB,EAAE;QACrE,OAAO,KAAK,CAAC;KACd;IAED,OAAO,OAAO,CAAC;AACjB,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 { 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' || variant === 'awsui-gen-ai-label') {\n return 'div';\n }\n\n return variant;\n};\n"]}
|
package/box/styles.css.js
CHANGED
|
@@ -1,195 +1,196 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"box": "
|
|
6
|
-
"p-variant": "awsui_p-
|
|
7
|
-
"color-default": "awsui_color-
|
|
8
|
-
"b-variant": "awsui_b-
|
|
9
|
-
"strong-variant": "awsui_strong-
|
|
10
|
-
"code-variant": "awsui_code-
|
|
11
|
-
"pre-variant": "awsui_pre-
|
|
12
|
-
"samp-variant": "awsui_samp-
|
|
13
|
-
"h1-variant": "awsui_h1-
|
|
14
|
-
"h2-variant": "awsui_h2-
|
|
15
|
-
"h3-variant": "awsui_h3-
|
|
16
|
-
"h4-variant": "awsui_h4-
|
|
17
|
-
"h5-variant": "awsui_h5-
|
|
18
|
-
"small-variant": "awsui_small-
|
|
19
|
-
"a-variant": "awsui_a-
|
|
20
|
-
"font-size-default": "awsui_font-size-
|
|
21
|
-
"font-weight-default": "awsui_font-weight-
|
|
22
|
-
"key-label-variant": "awsui_key-label-
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"color-
|
|
27
|
-
"color-text-
|
|
28
|
-
"color-text-
|
|
29
|
-
"color-text-status-
|
|
30
|
-
"color-text-status-
|
|
31
|
-
"color-text-status-
|
|
32
|
-
"color-text-status-
|
|
33
|
-
"color-
|
|
34
|
-
"
|
|
35
|
-
"font-size-body-
|
|
36
|
-
"font-size-
|
|
37
|
-
"font-size-heading-
|
|
38
|
-
"font-size-heading-
|
|
39
|
-
"font-size-heading-
|
|
40
|
-
"font-size-heading-
|
|
41
|
-
"font-size-
|
|
42
|
-
"font-
|
|
43
|
-
"font-weight-
|
|
44
|
-
"font-weight-
|
|
45
|
-
"
|
|
46
|
-
"t-
|
|
47
|
-
"t-
|
|
48
|
-
"
|
|
49
|
-
"p-
|
|
50
|
-
"p-
|
|
51
|
-
"p-
|
|
52
|
-
"p-
|
|
53
|
-
"p-
|
|
54
|
-
"p-
|
|
55
|
-
"p-
|
|
56
|
-
"p-
|
|
57
|
-
"p-
|
|
58
|
-
"p-
|
|
59
|
-
"p-
|
|
60
|
-
"p-
|
|
61
|
-
"p-
|
|
62
|
-
"p-
|
|
63
|
-
"p-
|
|
64
|
-
"p-
|
|
65
|
-
"p-
|
|
66
|
-
"p-
|
|
67
|
-
"p-
|
|
68
|
-
"p-
|
|
69
|
-
"p-
|
|
70
|
-
"p-
|
|
71
|
-
"p-
|
|
72
|
-
"p-
|
|
73
|
-
"p-
|
|
74
|
-
"p-
|
|
75
|
-
"p-
|
|
76
|
-
"p-
|
|
77
|
-
"p-
|
|
78
|
-
"p-
|
|
79
|
-
"p-
|
|
80
|
-
"p-
|
|
81
|
-
"p-
|
|
82
|
-
"p-
|
|
83
|
-
"p-
|
|
84
|
-
"p-
|
|
85
|
-
"p-
|
|
86
|
-
"p-
|
|
87
|
-
"p-
|
|
88
|
-
"p-
|
|
89
|
-
"p-
|
|
90
|
-
"p-
|
|
91
|
-
"p-
|
|
92
|
-
"p-
|
|
93
|
-
"p-
|
|
94
|
-
"p-
|
|
95
|
-
"p-
|
|
96
|
-
"p-
|
|
97
|
-
"p-
|
|
98
|
-
"p-
|
|
99
|
-
"p-
|
|
100
|
-
"p-
|
|
101
|
-
"p-
|
|
102
|
-
"p-
|
|
103
|
-
"p-
|
|
104
|
-
"p-
|
|
105
|
-
"p-
|
|
106
|
-
"p-
|
|
107
|
-
"p-
|
|
108
|
-
"p-
|
|
109
|
-
"p-
|
|
110
|
-
"p-
|
|
111
|
-
"p-
|
|
112
|
-
"p-
|
|
113
|
-
"p-
|
|
114
|
-
"p-
|
|
115
|
-
"p-
|
|
116
|
-
"p-
|
|
117
|
-
"p-
|
|
118
|
-
"
|
|
119
|
-
"m-
|
|
120
|
-
"m-
|
|
121
|
-
"m-
|
|
122
|
-
"m-
|
|
123
|
-
"m-
|
|
124
|
-
"m-
|
|
125
|
-
"m-
|
|
126
|
-
"m-
|
|
127
|
-
"m-
|
|
128
|
-
"m-
|
|
129
|
-
"m-
|
|
130
|
-
"m-
|
|
131
|
-
"m-
|
|
132
|
-
"m-
|
|
133
|
-
"m-
|
|
134
|
-
"m-
|
|
135
|
-
"m-
|
|
136
|
-
"m-
|
|
137
|
-
"m-
|
|
138
|
-
"m-
|
|
139
|
-
"m-
|
|
140
|
-
"m-
|
|
141
|
-
"m-
|
|
142
|
-
"m-
|
|
143
|
-
"m-
|
|
144
|
-
"m-
|
|
145
|
-
"m-
|
|
146
|
-
"m-
|
|
147
|
-
"m-
|
|
148
|
-
"m-
|
|
149
|
-
"m-
|
|
150
|
-
"m-
|
|
151
|
-
"m-
|
|
152
|
-
"m-
|
|
153
|
-
"m-
|
|
154
|
-
"m-
|
|
155
|
-
"m-
|
|
156
|
-
"m-
|
|
157
|
-
"m-
|
|
158
|
-
"m-
|
|
159
|
-
"m-
|
|
160
|
-
"m-
|
|
161
|
-
"m-
|
|
162
|
-
"m-
|
|
163
|
-
"m-
|
|
164
|
-
"m-
|
|
165
|
-
"m-
|
|
166
|
-
"m-
|
|
167
|
-
"m-
|
|
168
|
-
"m-
|
|
169
|
-
"m-
|
|
170
|
-
"m-
|
|
171
|
-
"m-
|
|
172
|
-
"m-
|
|
173
|
-
"m-
|
|
174
|
-
"m-
|
|
175
|
-
"m-
|
|
176
|
-
"m-
|
|
177
|
-
"m-
|
|
178
|
-
"m-
|
|
179
|
-
"m-
|
|
180
|
-
"m-
|
|
181
|
-
"m-
|
|
182
|
-
"m-
|
|
183
|
-
"m-
|
|
184
|
-
"m-
|
|
185
|
-
"m-
|
|
186
|
-
"m-
|
|
187
|
-
"m-
|
|
188
|
-
"
|
|
189
|
-
"d-
|
|
190
|
-
"d-inline
|
|
191
|
-
"d-
|
|
192
|
-
"
|
|
193
|
-
"f-
|
|
4
|
+
"root": "awsui_root_18wu0_1elzt_99",
|
|
5
|
+
"box": "awsui_box_18wu0_1elzt_219",
|
|
6
|
+
"p-variant": "awsui_p-variant_18wu0_1elzt_219",
|
|
7
|
+
"color-default": "awsui_color-default_18wu0_1elzt_219",
|
|
8
|
+
"b-variant": "awsui_b-variant_18wu0_1elzt_219",
|
|
9
|
+
"strong-variant": "awsui_strong-variant_18wu0_1elzt_219",
|
|
10
|
+
"code-variant": "awsui_code-variant_18wu0_1elzt_219",
|
|
11
|
+
"pre-variant": "awsui_pre-variant_18wu0_1elzt_219",
|
|
12
|
+
"samp-variant": "awsui_samp-variant_18wu0_1elzt_219",
|
|
13
|
+
"h1-variant": "awsui_h1-variant_18wu0_1elzt_223",
|
|
14
|
+
"h2-variant": "awsui_h2-variant_18wu0_1elzt_223",
|
|
15
|
+
"h3-variant": "awsui_h3-variant_18wu0_1elzt_223",
|
|
16
|
+
"h4-variant": "awsui_h4-variant_18wu0_1elzt_223",
|
|
17
|
+
"h5-variant": "awsui_h5-variant_18wu0_1elzt_223",
|
|
18
|
+
"small-variant": "awsui_small-variant_18wu0_1elzt_227",
|
|
19
|
+
"a-variant": "awsui_a-variant_18wu0_1elzt_231",
|
|
20
|
+
"font-size-default": "awsui_font-size-default_18wu0_1elzt_235",
|
|
21
|
+
"font-weight-default": "awsui_font-weight-default_18wu0_1elzt_275",
|
|
22
|
+
"key-label-variant": "awsui_key-label-variant_18wu0_1elzt_317",
|
|
23
|
+
"gen-ai-label-variant": "awsui_gen-ai-label-variant_18wu0_1elzt_324",
|
|
24
|
+
"value-large-variant": "awsui_value-large-variant_18wu0_1elzt_331",
|
|
25
|
+
"font-weight-heavy": "awsui_font-weight-heavy_18wu0_1elzt_338",
|
|
26
|
+
"color-inverted": "awsui_color-inverted_18wu0_1elzt_343",
|
|
27
|
+
"color-text-label": "awsui_color-text-label_18wu0_1elzt_346",
|
|
28
|
+
"color-text-body-secondary": "awsui_color-text-body-secondary_18wu0_1elzt_349",
|
|
29
|
+
"color-text-status-error": "awsui_color-text-status-error_18wu0_1elzt_352",
|
|
30
|
+
"color-text-status-success": "awsui_color-text-status-success_18wu0_1elzt_355",
|
|
31
|
+
"color-text-status-info": "awsui_color-text-status-info_18wu0_1elzt_358",
|
|
32
|
+
"color-text-status-inactive": "awsui_color-text-status-inactive_18wu0_1elzt_361",
|
|
33
|
+
"color-text-status-warning": "awsui_color-text-status-warning_18wu0_1elzt_364",
|
|
34
|
+
"color-inherit": "awsui_color-inherit_18wu0_1elzt_367",
|
|
35
|
+
"font-size-body-s": "awsui_font-size-body-s_18wu0_1elzt_370",
|
|
36
|
+
"font-size-body-m": "awsui_font-size-body-m_18wu0_1elzt_375",
|
|
37
|
+
"font-size-heading-xs": "awsui_font-size-heading-xs_18wu0_1elzt_379",
|
|
38
|
+
"font-size-heading-s": "awsui_font-size-heading-s_18wu0_1elzt_383",
|
|
39
|
+
"font-size-heading-m": "awsui_font-size-heading-m_18wu0_1elzt_388",
|
|
40
|
+
"font-size-heading-l": "awsui_font-size-heading-l_18wu0_1elzt_393",
|
|
41
|
+
"font-size-heading-xl": "awsui_font-size-heading-xl_18wu0_1elzt_398",
|
|
42
|
+
"font-size-display-l": "awsui_font-size-display-l_18wu0_1elzt_403",
|
|
43
|
+
"font-weight-light": "awsui_font-weight-light_18wu0_1elzt_408",
|
|
44
|
+
"font-weight-normal": "awsui_font-weight-normal_18wu0_1elzt_411",
|
|
45
|
+
"font-weight-bold": "awsui_font-weight-bold_18wu0_1elzt_414",
|
|
46
|
+
"t-left": "awsui_t-left_18wu0_1elzt_421",
|
|
47
|
+
"t-right": "awsui_t-right_18wu0_1elzt_425",
|
|
48
|
+
"t-center": "awsui_t-center_18wu0_1elzt_429",
|
|
49
|
+
"p-n": "awsui_p-n_18wu0_1elzt_536",
|
|
50
|
+
"p-top-n": "awsui_p-top-n_18wu0_1elzt_541",
|
|
51
|
+
"p-vertical-n": "awsui_p-vertical-n_18wu0_1elzt_542",
|
|
52
|
+
"p-right-n": "awsui_p-right-n_18wu0_1elzt_546",
|
|
53
|
+
"p-horizontal-n": "awsui_p-horizontal-n_18wu0_1elzt_547",
|
|
54
|
+
"p-bottom-n": "awsui_p-bottom-n_18wu0_1elzt_551",
|
|
55
|
+
"p-left-n": "awsui_p-left-n_18wu0_1elzt_556",
|
|
56
|
+
"p-xxxs": "awsui_p-xxxs_18wu0_1elzt_561",
|
|
57
|
+
"p-top-xxxs": "awsui_p-top-xxxs_18wu0_1elzt_566",
|
|
58
|
+
"p-vertical-xxxs": "awsui_p-vertical-xxxs_18wu0_1elzt_567",
|
|
59
|
+
"p-right-xxxs": "awsui_p-right-xxxs_18wu0_1elzt_571",
|
|
60
|
+
"p-horizontal-xxxs": "awsui_p-horizontal-xxxs_18wu0_1elzt_572",
|
|
61
|
+
"p-bottom-xxxs": "awsui_p-bottom-xxxs_18wu0_1elzt_576",
|
|
62
|
+
"p-left-xxxs": "awsui_p-left-xxxs_18wu0_1elzt_581",
|
|
63
|
+
"p-xxs": "awsui_p-xxs_18wu0_1elzt_586",
|
|
64
|
+
"p-top-xxs": "awsui_p-top-xxs_18wu0_1elzt_591",
|
|
65
|
+
"p-vertical-xxs": "awsui_p-vertical-xxs_18wu0_1elzt_592",
|
|
66
|
+
"p-right-xxs": "awsui_p-right-xxs_18wu0_1elzt_596",
|
|
67
|
+
"p-horizontal-xxs": "awsui_p-horizontal-xxs_18wu0_1elzt_597",
|
|
68
|
+
"p-bottom-xxs": "awsui_p-bottom-xxs_18wu0_1elzt_601",
|
|
69
|
+
"p-left-xxs": "awsui_p-left-xxs_18wu0_1elzt_606",
|
|
70
|
+
"p-xs": "awsui_p-xs_18wu0_1elzt_611",
|
|
71
|
+
"p-top-xs": "awsui_p-top-xs_18wu0_1elzt_616",
|
|
72
|
+
"p-vertical-xs": "awsui_p-vertical-xs_18wu0_1elzt_617",
|
|
73
|
+
"p-right-xs": "awsui_p-right-xs_18wu0_1elzt_621",
|
|
74
|
+
"p-horizontal-xs": "awsui_p-horizontal-xs_18wu0_1elzt_622",
|
|
75
|
+
"p-bottom-xs": "awsui_p-bottom-xs_18wu0_1elzt_626",
|
|
76
|
+
"p-left-xs": "awsui_p-left-xs_18wu0_1elzt_631",
|
|
77
|
+
"p-s": "awsui_p-s_18wu0_1elzt_636",
|
|
78
|
+
"p-top-s": "awsui_p-top-s_18wu0_1elzt_641",
|
|
79
|
+
"p-vertical-s": "awsui_p-vertical-s_18wu0_1elzt_642",
|
|
80
|
+
"p-right-s": "awsui_p-right-s_18wu0_1elzt_646",
|
|
81
|
+
"p-horizontal-s": "awsui_p-horizontal-s_18wu0_1elzt_647",
|
|
82
|
+
"p-bottom-s": "awsui_p-bottom-s_18wu0_1elzt_651",
|
|
83
|
+
"p-left-s": "awsui_p-left-s_18wu0_1elzt_656",
|
|
84
|
+
"p-m": "awsui_p-m_18wu0_1elzt_661",
|
|
85
|
+
"p-top-m": "awsui_p-top-m_18wu0_1elzt_666",
|
|
86
|
+
"p-vertical-m": "awsui_p-vertical-m_18wu0_1elzt_667",
|
|
87
|
+
"p-right-m": "awsui_p-right-m_18wu0_1elzt_671",
|
|
88
|
+
"p-horizontal-m": "awsui_p-horizontal-m_18wu0_1elzt_672",
|
|
89
|
+
"p-bottom-m": "awsui_p-bottom-m_18wu0_1elzt_676",
|
|
90
|
+
"p-left-m": "awsui_p-left-m_18wu0_1elzt_681",
|
|
91
|
+
"p-l": "awsui_p-l_18wu0_1elzt_556",
|
|
92
|
+
"p-top-l": "awsui_p-top-l_18wu0_1elzt_691",
|
|
93
|
+
"p-vertical-l": "awsui_p-vertical-l_18wu0_1elzt_692",
|
|
94
|
+
"p-right-l": "awsui_p-right-l_18wu0_1elzt_696",
|
|
95
|
+
"p-horizontal-l": "awsui_p-horizontal-l_18wu0_1elzt_697",
|
|
96
|
+
"p-bottom-l": "awsui_p-bottom-l_18wu0_1elzt_701",
|
|
97
|
+
"p-left-l": "awsui_p-left-l_18wu0_1elzt_706",
|
|
98
|
+
"p-xl": "awsui_p-xl_18wu0_1elzt_711",
|
|
99
|
+
"p-top-xl": "awsui_p-top-xl_18wu0_1elzt_716",
|
|
100
|
+
"p-vertical-xl": "awsui_p-vertical-xl_18wu0_1elzt_717",
|
|
101
|
+
"p-right-xl": "awsui_p-right-xl_18wu0_1elzt_721",
|
|
102
|
+
"p-horizontal-xl": "awsui_p-horizontal-xl_18wu0_1elzt_722",
|
|
103
|
+
"p-bottom-xl": "awsui_p-bottom-xl_18wu0_1elzt_726",
|
|
104
|
+
"p-left-xl": "awsui_p-left-xl_18wu0_1elzt_731",
|
|
105
|
+
"p-xxl": "awsui_p-xxl_18wu0_1elzt_736",
|
|
106
|
+
"p-top-xxl": "awsui_p-top-xxl_18wu0_1elzt_741",
|
|
107
|
+
"p-vertical-xxl": "awsui_p-vertical-xxl_18wu0_1elzt_742",
|
|
108
|
+
"p-right-xxl": "awsui_p-right-xxl_18wu0_1elzt_746",
|
|
109
|
+
"p-horizontal-xxl": "awsui_p-horizontal-xxl_18wu0_1elzt_747",
|
|
110
|
+
"p-bottom-xxl": "awsui_p-bottom-xxl_18wu0_1elzt_751",
|
|
111
|
+
"p-left-xxl": "awsui_p-left-xxl_18wu0_1elzt_756",
|
|
112
|
+
"p-xxxl": "awsui_p-xxxl_18wu0_1elzt_761",
|
|
113
|
+
"p-top-xxxl": "awsui_p-top-xxxl_18wu0_1elzt_766",
|
|
114
|
+
"p-vertical-xxxl": "awsui_p-vertical-xxxl_18wu0_1elzt_767",
|
|
115
|
+
"p-right-xxxl": "awsui_p-right-xxxl_18wu0_1elzt_771",
|
|
116
|
+
"p-horizontal-xxxl": "awsui_p-horizontal-xxxl_18wu0_1elzt_772",
|
|
117
|
+
"p-bottom-xxxl": "awsui_p-bottom-xxxl_18wu0_1elzt_776",
|
|
118
|
+
"p-left-xxxl": "awsui_p-left-xxxl_18wu0_1elzt_781",
|
|
119
|
+
"m-n": "awsui_m-n_18wu0_1elzt_786",
|
|
120
|
+
"m-top-n": "awsui_m-top-n_18wu0_1elzt_791",
|
|
121
|
+
"m-vertical-n": "awsui_m-vertical-n_18wu0_1elzt_792",
|
|
122
|
+
"m-right-n": "awsui_m-right-n_18wu0_1elzt_796",
|
|
123
|
+
"m-horizontal-n": "awsui_m-horizontal-n_18wu0_1elzt_797",
|
|
124
|
+
"m-bottom-n": "awsui_m-bottom-n_18wu0_1elzt_801",
|
|
125
|
+
"m-left-n": "awsui_m-left-n_18wu0_1elzt_806",
|
|
126
|
+
"m-xxxs": "awsui_m-xxxs_18wu0_1elzt_811",
|
|
127
|
+
"m-top-xxxs": "awsui_m-top-xxxs_18wu0_1elzt_816",
|
|
128
|
+
"m-vertical-xxxs": "awsui_m-vertical-xxxs_18wu0_1elzt_817",
|
|
129
|
+
"m-right-xxxs": "awsui_m-right-xxxs_18wu0_1elzt_821",
|
|
130
|
+
"m-horizontal-xxxs": "awsui_m-horizontal-xxxs_18wu0_1elzt_822",
|
|
131
|
+
"m-bottom-xxxs": "awsui_m-bottom-xxxs_18wu0_1elzt_826",
|
|
132
|
+
"m-left-xxxs": "awsui_m-left-xxxs_18wu0_1elzt_831",
|
|
133
|
+
"m-xxs": "awsui_m-xxs_18wu0_1elzt_836",
|
|
134
|
+
"m-top-xxs": "awsui_m-top-xxs_18wu0_1elzt_841",
|
|
135
|
+
"m-vertical-xxs": "awsui_m-vertical-xxs_18wu0_1elzt_842",
|
|
136
|
+
"m-right-xxs": "awsui_m-right-xxs_18wu0_1elzt_846",
|
|
137
|
+
"m-horizontal-xxs": "awsui_m-horizontal-xxs_18wu0_1elzt_847",
|
|
138
|
+
"m-bottom-xxs": "awsui_m-bottom-xxs_18wu0_1elzt_851",
|
|
139
|
+
"m-left-xxs": "awsui_m-left-xxs_18wu0_1elzt_856",
|
|
140
|
+
"m-xs": "awsui_m-xs_18wu0_1elzt_861",
|
|
141
|
+
"m-top-xs": "awsui_m-top-xs_18wu0_1elzt_866",
|
|
142
|
+
"m-vertical-xs": "awsui_m-vertical-xs_18wu0_1elzt_867",
|
|
143
|
+
"m-right-xs": "awsui_m-right-xs_18wu0_1elzt_871",
|
|
144
|
+
"m-horizontal-xs": "awsui_m-horizontal-xs_18wu0_1elzt_872",
|
|
145
|
+
"m-bottom-xs": "awsui_m-bottom-xs_18wu0_1elzt_876",
|
|
146
|
+
"m-left-xs": "awsui_m-left-xs_18wu0_1elzt_881",
|
|
147
|
+
"m-s": "awsui_m-s_18wu0_1elzt_886",
|
|
148
|
+
"m-top-s": "awsui_m-top-s_18wu0_1elzt_891",
|
|
149
|
+
"m-vertical-s": "awsui_m-vertical-s_18wu0_1elzt_892",
|
|
150
|
+
"m-right-s": "awsui_m-right-s_18wu0_1elzt_896",
|
|
151
|
+
"m-horizontal-s": "awsui_m-horizontal-s_18wu0_1elzt_897",
|
|
152
|
+
"m-bottom-s": "awsui_m-bottom-s_18wu0_1elzt_901",
|
|
153
|
+
"m-left-s": "awsui_m-left-s_18wu0_1elzt_906",
|
|
154
|
+
"m-m": "awsui_m-m_18wu0_1elzt_911",
|
|
155
|
+
"m-top-m": "awsui_m-top-m_18wu0_1elzt_916",
|
|
156
|
+
"m-vertical-m": "awsui_m-vertical-m_18wu0_1elzt_917",
|
|
157
|
+
"m-right-m": "awsui_m-right-m_18wu0_1elzt_921",
|
|
158
|
+
"m-horizontal-m": "awsui_m-horizontal-m_18wu0_1elzt_922",
|
|
159
|
+
"m-bottom-m": "awsui_m-bottom-m_18wu0_1elzt_926",
|
|
160
|
+
"m-left-m": "awsui_m-left-m_18wu0_1elzt_931",
|
|
161
|
+
"m-l": "awsui_m-l_18wu0_1elzt_806",
|
|
162
|
+
"m-top-l": "awsui_m-top-l_18wu0_1elzt_941",
|
|
163
|
+
"m-vertical-l": "awsui_m-vertical-l_18wu0_1elzt_942",
|
|
164
|
+
"m-right-l": "awsui_m-right-l_18wu0_1elzt_946",
|
|
165
|
+
"m-horizontal-l": "awsui_m-horizontal-l_18wu0_1elzt_947",
|
|
166
|
+
"m-bottom-l": "awsui_m-bottom-l_18wu0_1elzt_951",
|
|
167
|
+
"m-left-l": "awsui_m-left-l_18wu0_1elzt_956",
|
|
168
|
+
"m-xl": "awsui_m-xl_18wu0_1elzt_961",
|
|
169
|
+
"m-top-xl": "awsui_m-top-xl_18wu0_1elzt_966",
|
|
170
|
+
"m-vertical-xl": "awsui_m-vertical-xl_18wu0_1elzt_967",
|
|
171
|
+
"m-right-xl": "awsui_m-right-xl_18wu0_1elzt_971",
|
|
172
|
+
"m-horizontal-xl": "awsui_m-horizontal-xl_18wu0_1elzt_972",
|
|
173
|
+
"m-bottom-xl": "awsui_m-bottom-xl_18wu0_1elzt_976",
|
|
174
|
+
"m-left-xl": "awsui_m-left-xl_18wu0_1elzt_981",
|
|
175
|
+
"m-xxl": "awsui_m-xxl_18wu0_1elzt_986",
|
|
176
|
+
"m-top-xxl": "awsui_m-top-xxl_18wu0_1elzt_991",
|
|
177
|
+
"m-vertical-xxl": "awsui_m-vertical-xxl_18wu0_1elzt_992",
|
|
178
|
+
"m-right-xxl": "awsui_m-right-xxl_18wu0_1elzt_996",
|
|
179
|
+
"m-horizontal-xxl": "awsui_m-horizontal-xxl_18wu0_1elzt_997",
|
|
180
|
+
"m-bottom-xxl": "awsui_m-bottom-xxl_18wu0_1elzt_1001",
|
|
181
|
+
"m-left-xxl": "awsui_m-left-xxl_18wu0_1elzt_1006",
|
|
182
|
+
"m-xxxl": "awsui_m-xxxl_18wu0_1elzt_1011",
|
|
183
|
+
"m-top-xxxl": "awsui_m-top-xxxl_18wu0_1elzt_1016",
|
|
184
|
+
"m-vertical-xxxl": "awsui_m-vertical-xxxl_18wu0_1elzt_1017",
|
|
185
|
+
"m-right-xxxl": "awsui_m-right-xxxl_18wu0_1elzt_1021",
|
|
186
|
+
"m-horizontal-xxxl": "awsui_m-horizontal-xxxl_18wu0_1elzt_1022",
|
|
187
|
+
"m-bottom-xxxl": "awsui_m-bottom-xxxl_18wu0_1elzt_1026",
|
|
188
|
+
"m-left-xxxl": "awsui_m-left-xxxl_18wu0_1elzt_1031",
|
|
189
|
+
"d-block": "awsui_d-block_18wu0_1elzt_1036",
|
|
190
|
+
"d-inline": "awsui_d-inline_18wu0_1elzt_1039",
|
|
191
|
+
"d-inline-block": "awsui_d-inline-block_18wu0_1elzt_1042",
|
|
192
|
+
"d-none": "awsui_d-none_18wu0_1elzt_1045",
|
|
193
|
+
"f-left": "awsui_f-left_18wu0_1elzt_1049",
|
|
194
|
+
"f-right": "awsui_f-right_18wu0_1elzt_1053"
|
|
194
195
|
};
|
|
195
196
|
|