@cloudscape-design/components-themeable 3.0.368 → 3.0.370
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/box/base-styles.scss +1 -0
- package/lib/internal/scss/container/styles.scss +1 -1
- package/lib/internal/scss/expandable-section/styles.scss +4 -0
- package/lib/internal/scss/header/styles.scss +10 -5
- package/lib/internal/scss/table/sticky-scrollbar/styles.scss +22 -0
- package/lib/internal/template/box/interfaces.d.ts +2 -1
- package/lib/internal/template/box/interfaces.d.ts.map +1 -1
- package/lib/internal/template/box/interfaces.js.map +1 -1
- package/lib/internal/template/box/styles.css.js +190 -189
- package/lib/internal/template/box/styles.scoped.css +237 -234
- package/lib/internal/template/box/styles.selectors.js +190 -189
- package/lib/internal/template/container/styles.css.js +28 -28
- package/lib/internal/template/container/styles.scoped.css +53 -53
- package/lib/internal/template/container/styles.selectors.js +28 -28
- package/lib/internal/template/expandable-section/styles.css.js +29 -29
- package/lib/internal/template/expandable-section/styles.scoped.css +60 -57
- package/lib/internal/template/expandable-section/styles.selectors.js +29 -29
- package/lib/internal/template/flashbar/collapsible-flashbar.d.ts.map +1 -1
- package/lib/internal/template/flashbar/collapsible-flashbar.js +1 -1
- package/lib/internal/template/flashbar/collapsible-flashbar.js.map +1 -1
- package/lib/internal/template/flashbar/flash.d.ts +1 -0
- package/lib/internal/template/flashbar/flash.d.ts.map +1 -1
- package/lib/internal/template/flashbar/flash.js +3 -2
- package/lib/internal/template/flashbar/flash.js.map +1 -1
- package/lib/internal/template/flashbar/interfaces.d.ts +1 -0
- package/lib/internal/template/flashbar/interfaces.d.ts.map +1 -1
- package/lib/internal/template/flashbar/interfaces.js.map +1 -1
- package/lib/internal/template/flashbar/non-collapsible-flashbar.d.ts.map +1 -1
- package/lib/internal/template/flashbar/non-collapsible-flashbar.js +8 -1
- package/lib/internal/template/flashbar/non-collapsible-flashbar.js.map +1 -1
- package/lib/internal/template/header/internal.d.ts.map +1 -1
- package/lib/internal/template/header/internal.js +1 -1
- package/lib/internal/template/header/internal.js.map +1 -1
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/table/internal.d.ts.map +1 -1
- package/lib/internal/template/table/internal.js +9 -4
- package/lib/internal/template/table/internal.js.map +1 -1
- package/lib/internal/template/table/sticky-scrollbar/sticky-scrollbar.d.ts +1 -0
- package/lib/internal/template/table/sticky-scrollbar/sticky-scrollbar.d.ts.map +1 -1
- package/lib/internal/template/table/sticky-scrollbar/sticky-scrollbar.js +5 -2
- package/lib/internal/template/table/sticky-scrollbar/sticky-scrollbar.js.map +1 -1
- package/lib/internal/template/table/sticky-scrollbar/styles.css.js +6 -4
- package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css +104 -4
- package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js +6 -4
- package/package.json +1 -1
|
@@ -40,6 +40,7 @@ $font-styles: (
|
|
|
40
40
|
text-status-success: awsui.$color-text-status-success,
|
|
41
41
|
text-status-info: awsui.$color-text-status-info,
|
|
42
42
|
text-status-inactive: awsui.$color-text-status-inactive,
|
|
43
|
+
text-status-warning: awsui.$color-text-status-warning,
|
|
43
44
|
inherit: inherit,
|
|
44
45
|
),
|
|
45
46
|
font-size: (
|
|
@@ -159,7 +159,7 @@
|
|
|
159
159
|
&.with-paddings {
|
|
160
160
|
padding: shared.$header-padding;
|
|
161
161
|
&.header-variant-cards {
|
|
162
|
-
padding: awsui.$space-
|
|
162
|
+
padding: awsui.$space-container-header-top awsui.$space-container-horizontal;
|
|
163
163
|
}
|
|
164
164
|
}
|
|
165
165
|
|
|
@@ -109,6 +109,10 @@ $icon-total-space-medium: calc(#{$icon-width-medium} + #{$icon-margin-left} + #{
|
|
|
109
109
|
padding-bottom: awsui.$space-container-header-bottom;
|
|
110
110
|
padding-right: container.$header-padding-horizontal;
|
|
111
111
|
|
|
112
|
+
&:not(.wrapper-expanded) {
|
|
113
|
+
// Equal top and bottom padding so standalone header has vertical symmetry.
|
|
114
|
+
padding-bottom: awsui.$space-container-header-top;
|
|
115
|
+
}
|
|
112
116
|
&.header-deprecated {
|
|
113
117
|
padding-left: container.$header-padding-horizontal;
|
|
114
118
|
}
|
|
@@ -6,6 +6,10 @@
|
|
|
6
6
|
@use '../internal/styles/tokens' as awsui;
|
|
7
7
|
@use '../internal/styles' as styles;
|
|
8
8
|
|
|
9
|
+
@function space-heading-button-diff($heading-height) {
|
|
10
|
+
@return calc((#{awsui.$size-vertical-input} - #{$heading-height}) / 2);
|
|
11
|
+
}
|
|
12
|
+
|
|
9
13
|
.root {
|
|
10
14
|
@include styles.styles-reset();
|
|
11
15
|
cursor: inherit;
|
|
@@ -44,7 +48,7 @@
|
|
|
44
48
|
&.refresh {
|
|
45
49
|
display: flex;
|
|
46
50
|
flex-direction: column;
|
|
47
|
-
// Can't use justify-content: center because it won't align with configurable dashboard handle icon
|
|
51
|
+
// Can't use justify-content: center because it won't align with configurable dashboard fixed handle icon
|
|
48
52
|
}
|
|
49
53
|
|
|
50
54
|
&-variant-h1 {
|
|
@@ -106,22 +110,23 @@
|
|
|
106
110
|
|
|
107
111
|
&-variant-h1 {
|
|
108
112
|
font-size: awsui.$font-heading-xl-size;
|
|
109
|
-
// Use padding rather than center align
|
|
113
|
+
// Use padding rather than center align with min height to avoid having extra bottom space when no actions are present.
|
|
114
|
+
// Having top padding always present ensures that all headers of the same variant start at the same height in the container,
|
|
110
115
|
// whether there are buttons present or not; otherwise configurable dashboard handles are misaligned.
|
|
111
116
|
&.refresh {
|
|
112
|
-
padding-top:
|
|
117
|
+
padding-top: space-heading-button-diff(awsui.$font-heading-xl-line-height);
|
|
113
118
|
}
|
|
114
119
|
}
|
|
115
120
|
&-variant-h2 {
|
|
116
121
|
font-size: awsui.$font-heading-l-size;
|
|
117
122
|
&.refresh {
|
|
118
|
-
padding-top:
|
|
123
|
+
padding-top: space-heading-button-diff(awsui.$font-heading-l-line-height);
|
|
119
124
|
}
|
|
120
125
|
}
|
|
121
126
|
&-variant-h3 {
|
|
122
127
|
font-size: awsui.$font-heading-m-size;
|
|
123
128
|
&.refresh {
|
|
124
|
-
padding-top:
|
|
129
|
+
padding-top: space-heading-button-diff(awsui.$font-heading-m-line-height);
|
|
125
130
|
}
|
|
126
131
|
}
|
|
127
132
|
&-variant-h2:not(.refresh),
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
3
|
SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
|
+
@use '../../internal/styles/tokens' as awsui;
|
|
6
|
+
@use '../../internal/styles' as styles;
|
|
5
7
|
|
|
6
8
|
.sticky-scrollbar {
|
|
7
9
|
height: 15px;
|
|
@@ -23,4 +25,24 @@
|
|
|
23
25
|
// For example it is set as "show when scrolling"
|
|
24
26
|
margin-top: -15px;
|
|
25
27
|
}
|
|
28
|
+
|
|
29
|
+
&-offset {
|
|
30
|
+
// "offset" styles are needed for when sticky columns are enabled.
|
|
31
|
+
// We move the scrollbar lower for it not to overlap interactive elements (such as checkboxes or links)
|
|
32
|
+
z-index: 800; // Higher than sticky columns
|
|
33
|
+
&:not(.is-visual-refresh) {
|
|
34
|
+
background-color: awsui.$color-background-container-content;
|
|
35
|
+
height: 15px;
|
|
36
|
+
margin-top: calc(-1 * awsui.$border-divider-section-width); // -1px to compensate for border width
|
|
37
|
+
border-top: awsui.$border-divider-section-width solid awsui.$color-border-divider-default;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&.is-visual-refresh {
|
|
41
|
+
margin-top: -5px;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.is-visual-refresh {
|
|
47
|
+
// Used for decting visual refresh
|
|
26
48
|
}
|
|
@@ -100,6 +100,7 @@ export interface BoxProps extends BaseComponentProps {
|
|
|
100
100
|
* - `text-status-success` - Specifies the color for success text and icons.
|
|
101
101
|
* - `text-status-info` - Specifies the color for info text and icon.
|
|
102
102
|
* - `text-status-inactive` - Specifies the color for inactive and loading text and icons.
|
|
103
|
+
* - `text-status-warning` - Specifies the color for warning text and icons.
|
|
103
104
|
*
|
|
104
105
|
* Note: If you don't set it, the text color depends on the variant.
|
|
105
106
|
*/
|
|
@@ -117,7 +118,7 @@ export declare namespace BoxProps {
|
|
|
117
118
|
type Float = 'left' | 'right';
|
|
118
119
|
type FontSize = 'body-s' | 'body-m' | 'heading-xs' | 'heading-s' | 'heading-m' | 'heading-l' | 'heading-xl' | 'display-l';
|
|
119
120
|
type FontWeight = 'light' | 'normal' | 'bold' | 'heavy';
|
|
120
|
-
type Color = 'inherit' | 'text-label' | 'text-body-secondary' | 'text-status-error' | 'text-status-success' | 'text-status-info' | 'text-status-inactive';
|
|
121
|
+
type Color = 'inherit' | 'text-label' | 'text-body-secondary' | 'text-status-error' | 'text-status-success' | 'text-status-info' | 'text-status-inactive' | 'text-status-warning';
|
|
121
122
|
type SpacingSize = 'n' | 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
|
|
122
123
|
interface Spacing {
|
|
123
124
|
top?: BoxProps.SpacingSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["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
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["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;;;;;;;;;;;;;;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,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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["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"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["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 * - `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-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"]}
|
|
@@ -1,194 +1,195 @@
|
|
|
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
|
-
"value-large-variant": "awsui_value-large-
|
|
24
|
-
"font-weight-heavy": "awsui_font-weight-
|
|
25
|
-
"color-inverted": "awsui_color-
|
|
26
|
-
"color-text-label": "awsui_color-text-
|
|
27
|
-
"color-text-body-secondary": "awsui_color-text-body-
|
|
28
|
-
"color-text-status-error": "awsui_color-text-status-
|
|
29
|
-
"color-text-status-success": "awsui_color-text-status-
|
|
30
|
-
"color-text-status-info": "awsui_color-text-status-
|
|
31
|
-
"color-text-status-inactive": "awsui_color-text-status-
|
|
32
|
-
"color-
|
|
33
|
-
"
|
|
34
|
-
"font-size-body-
|
|
35
|
-
"font-size-
|
|
36
|
-
"font-size-heading-
|
|
37
|
-
"font-size-heading-
|
|
38
|
-
"font-size-heading-
|
|
39
|
-
"font-size-heading-
|
|
40
|
-
"font-size-
|
|
41
|
-
"font-
|
|
42
|
-
"font-weight-
|
|
43
|
-
"font-weight-
|
|
44
|
-
"
|
|
45
|
-
"t-
|
|
46
|
-
"t-
|
|
47
|
-
"
|
|
48
|
-
"p-
|
|
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
|
-
"
|
|
118
|
-
"m-
|
|
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
|
-
"
|
|
188
|
-
"d-
|
|
189
|
-
"d-inline
|
|
190
|
-
"d-
|
|
191
|
-
"
|
|
192
|
-
"f-
|
|
4
|
+
"root": "awsui_root_18wu0_18n0l_93",
|
|
5
|
+
"box": "awsui_box_18wu0_18n0l_207",
|
|
6
|
+
"p-variant": "awsui_p-variant_18wu0_18n0l_207",
|
|
7
|
+
"color-default": "awsui_color-default_18wu0_18n0l_207",
|
|
8
|
+
"b-variant": "awsui_b-variant_18wu0_18n0l_207",
|
|
9
|
+
"strong-variant": "awsui_strong-variant_18wu0_18n0l_207",
|
|
10
|
+
"code-variant": "awsui_code-variant_18wu0_18n0l_207",
|
|
11
|
+
"pre-variant": "awsui_pre-variant_18wu0_18n0l_207",
|
|
12
|
+
"samp-variant": "awsui_samp-variant_18wu0_18n0l_207",
|
|
13
|
+
"h1-variant": "awsui_h1-variant_18wu0_18n0l_211",
|
|
14
|
+
"h2-variant": "awsui_h2-variant_18wu0_18n0l_211",
|
|
15
|
+
"h3-variant": "awsui_h3-variant_18wu0_18n0l_211",
|
|
16
|
+
"h4-variant": "awsui_h4-variant_18wu0_18n0l_211",
|
|
17
|
+
"h5-variant": "awsui_h5-variant_18wu0_18n0l_211",
|
|
18
|
+
"small-variant": "awsui_small-variant_18wu0_18n0l_215",
|
|
19
|
+
"a-variant": "awsui_a-variant_18wu0_18n0l_219",
|
|
20
|
+
"font-size-default": "awsui_font-size-default_18wu0_18n0l_223",
|
|
21
|
+
"font-weight-default": "awsui_font-weight-default_18wu0_18n0l_263",
|
|
22
|
+
"key-label-variant": "awsui_key-label-variant_18wu0_18n0l_303",
|
|
23
|
+
"value-large-variant": "awsui_value-large-variant_18wu0_18n0l_310",
|
|
24
|
+
"font-weight-heavy": "awsui_font-weight-heavy_18wu0_18n0l_317",
|
|
25
|
+
"color-inverted": "awsui_color-inverted_18wu0_18n0l_322",
|
|
26
|
+
"color-text-label": "awsui_color-text-label_18wu0_18n0l_325",
|
|
27
|
+
"color-text-body-secondary": "awsui_color-text-body-secondary_18wu0_18n0l_328",
|
|
28
|
+
"color-text-status-error": "awsui_color-text-status-error_18wu0_18n0l_331",
|
|
29
|
+
"color-text-status-success": "awsui_color-text-status-success_18wu0_18n0l_334",
|
|
30
|
+
"color-text-status-info": "awsui_color-text-status-info_18wu0_18n0l_337",
|
|
31
|
+
"color-text-status-inactive": "awsui_color-text-status-inactive_18wu0_18n0l_340",
|
|
32
|
+
"color-text-status-warning": "awsui_color-text-status-warning_18wu0_18n0l_343",
|
|
33
|
+
"color-inherit": "awsui_color-inherit_18wu0_18n0l_346",
|
|
34
|
+
"font-size-body-s": "awsui_font-size-body-s_18wu0_18n0l_349",
|
|
35
|
+
"font-size-body-m": "awsui_font-size-body-m_18wu0_18n0l_354",
|
|
36
|
+
"font-size-heading-xs": "awsui_font-size-heading-xs_18wu0_18n0l_358",
|
|
37
|
+
"font-size-heading-s": "awsui_font-size-heading-s_18wu0_18n0l_362",
|
|
38
|
+
"font-size-heading-m": "awsui_font-size-heading-m_18wu0_18n0l_367",
|
|
39
|
+
"font-size-heading-l": "awsui_font-size-heading-l_18wu0_18n0l_372",
|
|
40
|
+
"font-size-heading-xl": "awsui_font-size-heading-xl_18wu0_18n0l_377",
|
|
41
|
+
"font-size-display-l": "awsui_font-size-display-l_18wu0_18n0l_382",
|
|
42
|
+
"font-weight-light": "awsui_font-weight-light_18wu0_18n0l_387",
|
|
43
|
+
"font-weight-normal": "awsui_font-weight-normal_18wu0_18n0l_390",
|
|
44
|
+
"font-weight-bold": "awsui_font-weight-bold_18wu0_18n0l_393",
|
|
45
|
+
"t-left": "awsui_t-left_18wu0_18n0l_400",
|
|
46
|
+
"t-right": "awsui_t-right_18wu0_18n0l_404",
|
|
47
|
+
"t-center": "awsui_t-center_18wu0_18n0l_408",
|
|
48
|
+
"p-n": "awsui_p-n_18wu0_18n0l_509",
|
|
49
|
+
"p-top-n": "awsui_p-top-n_18wu0_18n0l_513",
|
|
50
|
+
"p-vertical-n": "awsui_p-vertical-n_18wu0_18n0l_514",
|
|
51
|
+
"p-right-n": "awsui_p-right-n_18wu0_18n0l_518",
|
|
52
|
+
"p-horizontal-n": "awsui_p-horizontal-n_18wu0_18n0l_519",
|
|
53
|
+
"p-bottom-n": "awsui_p-bottom-n_18wu0_18n0l_523",
|
|
54
|
+
"p-left-n": "awsui_p-left-n_18wu0_18n0l_528",
|
|
55
|
+
"p-xxxs": "awsui_p-xxxs_18wu0_18n0l_533",
|
|
56
|
+
"p-top-xxxs": "awsui_p-top-xxxs_18wu0_18n0l_537",
|
|
57
|
+
"p-vertical-xxxs": "awsui_p-vertical-xxxs_18wu0_18n0l_538",
|
|
58
|
+
"p-right-xxxs": "awsui_p-right-xxxs_18wu0_18n0l_542",
|
|
59
|
+
"p-horizontal-xxxs": "awsui_p-horizontal-xxxs_18wu0_18n0l_543",
|
|
60
|
+
"p-bottom-xxxs": "awsui_p-bottom-xxxs_18wu0_18n0l_547",
|
|
61
|
+
"p-left-xxxs": "awsui_p-left-xxxs_18wu0_18n0l_552",
|
|
62
|
+
"p-xxs": "awsui_p-xxs_18wu0_18n0l_557",
|
|
63
|
+
"p-top-xxs": "awsui_p-top-xxs_18wu0_18n0l_561",
|
|
64
|
+
"p-vertical-xxs": "awsui_p-vertical-xxs_18wu0_18n0l_562",
|
|
65
|
+
"p-right-xxs": "awsui_p-right-xxs_18wu0_18n0l_566",
|
|
66
|
+
"p-horizontal-xxs": "awsui_p-horizontal-xxs_18wu0_18n0l_567",
|
|
67
|
+
"p-bottom-xxs": "awsui_p-bottom-xxs_18wu0_18n0l_571",
|
|
68
|
+
"p-left-xxs": "awsui_p-left-xxs_18wu0_18n0l_576",
|
|
69
|
+
"p-xs": "awsui_p-xs_18wu0_18n0l_581",
|
|
70
|
+
"p-top-xs": "awsui_p-top-xs_18wu0_18n0l_585",
|
|
71
|
+
"p-vertical-xs": "awsui_p-vertical-xs_18wu0_18n0l_586",
|
|
72
|
+
"p-right-xs": "awsui_p-right-xs_18wu0_18n0l_590",
|
|
73
|
+
"p-horizontal-xs": "awsui_p-horizontal-xs_18wu0_18n0l_591",
|
|
74
|
+
"p-bottom-xs": "awsui_p-bottom-xs_18wu0_18n0l_595",
|
|
75
|
+
"p-left-xs": "awsui_p-left-xs_18wu0_18n0l_600",
|
|
76
|
+
"p-s": "awsui_p-s_18wu0_18n0l_605",
|
|
77
|
+
"p-top-s": "awsui_p-top-s_18wu0_18n0l_609",
|
|
78
|
+
"p-vertical-s": "awsui_p-vertical-s_18wu0_18n0l_610",
|
|
79
|
+
"p-right-s": "awsui_p-right-s_18wu0_18n0l_614",
|
|
80
|
+
"p-horizontal-s": "awsui_p-horizontal-s_18wu0_18n0l_615",
|
|
81
|
+
"p-bottom-s": "awsui_p-bottom-s_18wu0_18n0l_619",
|
|
82
|
+
"p-left-s": "awsui_p-left-s_18wu0_18n0l_624",
|
|
83
|
+
"p-m": "awsui_p-m_18wu0_18n0l_629",
|
|
84
|
+
"p-top-m": "awsui_p-top-m_18wu0_18n0l_633",
|
|
85
|
+
"p-vertical-m": "awsui_p-vertical-m_18wu0_18n0l_634",
|
|
86
|
+
"p-right-m": "awsui_p-right-m_18wu0_18n0l_638",
|
|
87
|
+
"p-horizontal-m": "awsui_p-horizontal-m_18wu0_18n0l_639",
|
|
88
|
+
"p-bottom-m": "awsui_p-bottom-m_18wu0_18n0l_643",
|
|
89
|
+
"p-left-m": "awsui_p-left-m_18wu0_18n0l_648",
|
|
90
|
+
"p-l": "awsui_p-l_18wu0_18n0l_528",
|
|
91
|
+
"p-top-l": "awsui_p-top-l_18wu0_18n0l_657",
|
|
92
|
+
"p-vertical-l": "awsui_p-vertical-l_18wu0_18n0l_658",
|
|
93
|
+
"p-right-l": "awsui_p-right-l_18wu0_18n0l_662",
|
|
94
|
+
"p-horizontal-l": "awsui_p-horizontal-l_18wu0_18n0l_663",
|
|
95
|
+
"p-bottom-l": "awsui_p-bottom-l_18wu0_18n0l_667",
|
|
96
|
+
"p-left-l": "awsui_p-left-l_18wu0_18n0l_672",
|
|
97
|
+
"p-xl": "awsui_p-xl_18wu0_18n0l_677",
|
|
98
|
+
"p-top-xl": "awsui_p-top-xl_18wu0_18n0l_681",
|
|
99
|
+
"p-vertical-xl": "awsui_p-vertical-xl_18wu0_18n0l_682",
|
|
100
|
+
"p-right-xl": "awsui_p-right-xl_18wu0_18n0l_686",
|
|
101
|
+
"p-horizontal-xl": "awsui_p-horizontal-xl_18wu0_18n0l_687",
|
|
102
|
+
"p-bottom-xl": "awsui_p-bottom-xl_18wu0_18n0l_691",
|
|
103
|
+
"p-left-xl": "awsui_p-left-xl_18wu0_18n0l_696",
|
|
104
|
+
"p-xxl": "awsui_p-xxl_18wu0_18n0l_701",
|
|
105
|
+
"p-top-xxl": "awsui_p-top-xxl_18wu0_18n0l_705",
|
|
106
|
+
"p-vertical-xxl": "awsui_p-vertical-xxl_18wu0_18n0l_706",
|
|
107
|
+
"p-right-xxl": "awsui_p-right-xxl_18wu0_18n0l_710",
|
|
108
|
+
"p-horizontal-xxl": "awsui_p-horizontal-xxl_18wu0_18n0l_711",
|
|
109
|
+
"p-bottom-xxl": "awsui_p-bottom-xxl_18wu0_18n0l_715",
|
|
110
|
+
"p-left-xxl": "awsui_p-left-xxl_18wu0_18n0l_720",
|
|
111
|
+
"p-xxxl": "awsui_p-xxxl_18wu0_18n0l_725",
|
|
112
|
+
"p-top-xxxl": "awsui_p-top-xxxl_18wu0_18n0l_729",
|
|
113
|
+
"p-vertical-xxxl": "awsui_p-vertical-xxxl_18wu0_18n0l_730",
|
|
114
|
+
"p-right-xxxl": "awsui_p-right-xxxl_18wu0_18n0l_734",
|
|
115
|
+
"p-horizontal-xxxl": "awsui_p-horizontal-xxxl_18wu0_18n0l_735",
|
|
116
|
+
"p-bottom-xxxl": "awsui_p-bottom-xxxl_18wu0_18n0l_739",
|
|
117
|
+
"p-left-xxxl": "awsui_p-left-xxxl_18wu0_18n0l_744",
|
|
118
|
+
"m-n": "awsui_m-n_18wu0_18n0l_749",
|
|
119
|
+
"m-top-n": "awsui_m-top-n_18wu0_18n0l_753",
|
|
120
|
+
"m-vertical-n": "awsui_m-vertical-n_18wu0_18n0l_754",
|
|
121
|
+
"m-right-n": "awsui_m-right-n_18wu0_18n0l_758",
|
|
122
|
+
"m-horizontal-n": "awsui_m-horizontal-n_18wu0_18n0l_759",
|
|
123
|
+
"m-bottom-n": "awsui_m-bottom-n_18wu0_18n0l_763",
|
|
124
|
+
"m-left-n": "awsui_m-left-n_18wu0_18n0l_768",
|
|
125
|
+
"m-xxxs": "awsui_m-xxxs_18wu0_18n0l_773",
|
|
126
|
+
"m-top-xxxs": "awsui_m-top-xxxs_18wu0_18n0l_777",
|
|
127
|
+
"m-vertical-xxxs": "awsui_m-vertical-xxxs_18wu0_18n0l_778",
|
|
128
|
+
"m-right-xxxs": "awsui_m-right-xxxs_18wu0_18n0l_782",
|
|
129
|
+
"m-horizontal-xxxs": "awsui_m-horizontal-xxxs_18wu0_18n0l_783",
|
|
130
|
+
"m-bottom-xxxs": "awsui_m-bottom-xxxs_18wu0_18n0l_787",
|
|
131
|
+
"m-left-xxxs": "awsui_m-left-xxxs_18wu0_18n0l_792",
|
|
132
|
+
"m-xxs": "awsui_m-xxs_18wu0_18n0l_797",
|
|
133
|
+
"m-top-xxs": "awsui_m-top-xxs_18wu0_18n0l_801",
|
|
134
|
+
"m-vertical-xxs": "awsui_m-vertical-xxs_18wu0_18n0l_802",
|
|
135
|
+
"m-right-xxs": "awsui_m-right-xxs_18wu0_18n0l_806",
|
|
136
|
+
"m-horizontal-xxs": "awsui_m-horizontal-xxs_18wu0_18n0l_807",
|
|
137
|
+
"m-bottom-xxs": "awsui_m-bottom-xxs_18wu0_18n0l_811",
|
|
138
|
+
"m-left-xxs": "awsui_m-left-xxs_18wu0_18n0l_816",
|
|
139
|
+
"m-xs": "awsui_m-xs_18wu0_18n0l_821",
|
|
140
|
+
"m-top-xs": "awsui_m-top-xs_18wu0_18n0l_825",
|
|
141
|
+
"m-vertical-xs": "awsui_m-vertical-xs_18wu0_18n0l_826",
|
|
142
|
+
"m-right-xs": "awsui_m-right-xs_18wu0_18n0l_830",
|
|
143
|
+
"m-horizontal-xs": "awsui_m-horizontal-xs_18wu0_18n0l_831",
|
|
144
|
+
"m-bottom-xs": "awsui_m-bottom-xs_18wu0_18n0l_835",
|
|
145
|
+
"m-left-xs": "awsui_m-left-xs_18wu0_18n0l_840",
|
|
146
|
+
"m-s": "awsui_m-s_18wu0_18n0l_845",
|
|
147
|
+
"m-top-s": "awsui_m-top-s_18wu0_18n0l_849",
|
|
148
|
+
"m-vertical-s": "awsui_m-vertical-s_18wu0_18n0l_850",
|
|
149
|
+
"m-right-s": "awsui_m-right-s_18wu0_18n0l_854",
|
|
150
|
+
"m-horizontal-s": "awsui_m-horizontal-s_18wu0_18n0l_855",
|
|
151
|
+
"m-bottom-s": "awsui_m-bottom-s_18wu0_18n0l_859",
|
|
152
|
+
"m-left-s": "awsui_m-left-s_18wu0_18n0l_864",
|
|
153
|
+
"m-m": "awsui_m-m_18wu0_18n0l_869",
|
|
154
|
+
"m-top-m": "awsui_m-top-m_18wu0_18n0l_873",
|
|
155
|
+
"m-vertical-m": "awsui_m-vertical-m_18wu0_18n0l_874",
|
|
156
|
+
"m-right-m": "awsui_m-right-m_18wu0_18n0l_878",
|
|
157
|
+
"m-horizontal-m": "awsui_m-horizontal-m_18wu0_18n0l_879",
|
|
158
|
+
"m-bottom-m": "awsui_m-bottom-m_18wu0_18n0l_883",
|
|
159
|
+
"m-left-m": "awsui_m-left-m_18wu0_18n0l_888",
|
|
160
|
+
"m-l": "awsui_m-l_18wu0_18n0l_768",
|
|
161
|
+
"m-top-l": "awsui_m-top-l_18wu0_18n0l_897",
|
|
162
|
+
"m-vertical-l": "awsui_m-vertical-l_18wu0_18n0l_898",
|
|
163
|
+
"m-right-l": "awsui_m-right-l_18wu0_18n0l_902",
|
|
164
|
+
"m-horizontal-l": "awsui_m-horizontal-l_18wu0_18n0l_903",
|
|
165
|
+
"m-bottom-l": "awsui_m-bottom-l_18wu0_18n0l_907",
|
|
166
|
+
"m-left-l": "awsui_m-left-l_18wu0_18n0l_912",
|
|
167
|
+
"m-xl": "awsui_m-xl_18wu0_18n0l_917",
|
|
168
|
+
"m-top-xl": "awsui_m-top-xl_18wu0_18n0l_921",
|
|
169
|
+
"m-vertical-xl": "awsui_m-vertical-xl_18wu0_18n0l_922",
|
|
170
|
+
"m-right-xl": "awsui_m-right-xl_18wu0_18n0l_926",
|
|
171
|
+
"m-horizontal-xl": "awsui_m-horizontal-xl_18wu0_18n0l_927",
|
|
172
|
+
"m-bottom-xl": "awsui_m-bottom-xl_18wu0_18n0l_931",
|
|
173
|
+
"m-left-xl": "awsui_m-left-xl_18wu0_18n0l_936",
|
|
174
|
+
"m-xxl": "awsui_m-xxl_18wu0_18n0l_941",
|
|
175
|
+
"m-top-xxl": "awsui_m-top-xxl_18wu0_18n0l_945",
|
|
176
|
+
"m-vertical-xxl": "awsui_m-vertical-xxl_18wu0_18n0l_946",
|
|
177
|
+
"m-right-xxl": "awsui_m-right-xxl_18wu0_18n0l_950",
|
|
178
|
+
"m-horizontal-xxl": "awsui_m-horizontal-xxl_18wu0_18n0l_951",
|
|
179
|
+
"m-bottom-xxl": "awsui_m-bottom-xxl_18wu0_18n0l_955",
|
|
180
|
+
"m-left-xxl": "awsui_m-left-xxl_18wu0_18n0l_960",
|
|
181
|
+
"m-xxxl": "awsui_m-xxxl_18wu0_18n0l_965",
|
|
182
|
+
"m-top-xxxl": "awsui_m-top-xxxl_18wu0_18n0l_969",
|
|
183
|
+
"m-vertical-xxxl": "awsui_m-vertical-xxxl_18wu0_18n0l_970",
|
|
184
|
+
"m-right-xxxl": "awsui_m-right-xxxl_18wu0_18n0l_974",
|
|
185
|
+
"m-horizontal-xxxl": "awsui_m-horizontal-xxxl_18wu0_18n0l_975",
|
|
186
|
+
"m-bottom-xxxl": "awsui_m-bottom-xxxl_18wu0_18n0l_979",
|
|
187
|
+
"m-left-xxxl": "awsui_m-left-xxxl_18wu0_18n0l_984",
|
|
188
|
+
"d-block": "awsui_d-block_18wu0_18n0l_989",
|
|
189
|
+
"d-inline": "awsui_d-inline_18wu0_18n0l_992",
|
|
190
|
+
"d-inline-block": "awsui_d-inline-block_18wu0_18n0l_995",
|
|
191
|
+
"d-none": "awsui_d-none_18wu0_18n0l_998",
|
|
192
|
+
"f-left": "awsui_f-left_18wu0_18n0l_1002",
|
|
193
|
+
"f-right": "awsui_f-right_18wu0_18n0l_1006"
|
|
193
194
|
};
|
|
194
195
|
|