@cloudscape-design/components 3.0.1388 → 3.0.1389
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/checkbox/internal.d.ts.map +1 -1
- package/checkbox/internal.js +1 -1
- package/checkbox/internal.js.map +1 -1
- package/checkbox/styles.css.js +3 -7
- package/checkbox/styles.scoped.css +5 -19
- package/checkbox/styles.selectors.js +3 -7
- package/internal/base-component/styles.scoped.css +1 -1
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +23 -23
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/manifest.json +1 -1
- package/manifest.json +2 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/checkbox/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAejD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,UAAU,aAAc,SAAQ,aAAa,EAAE,0BAA0B;IACvE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAGD,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/checkbox/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAejD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,UAAU,aAAc,SAAQ,aAAa,EAAE,0BAA0B;IACvE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAGD,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,gBAAgB,yFAoHrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
package/checkbox/internal.js
CHANGED
|
@@ -38,7 +38,7 @@ const InternalCheckbox = React.forwardRef(({ controlId, name, checked, disabled,
|
|
|
38
38
|
if (!disabled && !readOnly) {
|
|
39
39
|
analyticsMetadata.action = !checked ? 'select' : 'deselect';
|
|
40
40
|
}
|
|
41
|
-
return (React.createElement(AbstractSwitch, { ...baseProps, className: clsx(styles.root, baseProps.className), controlClassName: clsx(styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.control, styles['checkbox-control']), outlineClassName: styles.outline, controlId: controlId, disabled: disabled, readOnly: readOnly, label: children, labelClassName:
|
|
41
|
+
return (React.createElement(AbstractSwitch, { ...baseProps, className: clsx(styles.root, baseProps.className), controlClassName: clsx(styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.control, styles['checkbox-control']), outlineClassName: styles.outline, controlId: controlId, disabled: disabled, readOnly: readOnly, label: children, labelClassName: styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.label, description: description, descriptionClassName: styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.description, descriptionBottomPadding: true, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, ariaControls: ariaControls, showOutline: showOutline, nativeControl: nativeControlProps => (React.createElement(WithNativeAttributes, { ...nativeControlProps, tag: "input", componentName: "Checkbox", nativeAttributes: nativeInputAttributes, ref: checkboxRef, type: "checkbox", checked: checked, name: name, "aria-required": ariaRequired ? 'true' : undefined, "aria-disabled": readOnly && !disabled ? 'true' : undefined, tabIndex: tabIndex, onFocus: () => fireNonCancelableEvent(onFocus), onBlur: () => fireNonCancelableEvent(onBlur),
|
|
42
42
|
// empty handler to suppress React controllability warning
|
|
43
43
|
onChange: () => { } })), onClick: () => {
|
|
44
44
|
var _a;
|
package/checkbox/internal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/checkbox/internal.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/checkbox/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, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport {\n GeneratedAnalyticsMetadataFragment,\n getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport AbstractSwitch from '../internal/components/abstract-switch';\nimport CheckboxIcon from '../internal/components/checkbox-icon';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { GeneratedAnalyticsMetadataCheckboxComponent } from './analytics-metadata/interfaces';\nimport { CheckboxProps } from './interfaces';\nimport { getAbstractSwitchStyles, getCheckboxIconStyles } from './style';\n\nimport styles from './styles.css.js';\n\ninterface InternalProps extends CheckboxProps, InternalBaseComponentProps {\n tabIndex?: -1;\n showOutline?: boolean;\n styleClassNames?: StyleClassNames;\n __injectAnalyticsComponentMetadata?: boolean;\n}\n\n// Style API v2\ninterface StyleClassNames {\n control?: string;\n label?: string;\n description?: string;\n}\n\nconst InternalCheckbox = React.forwardRef<CheckboxProps.Ref, InternalProps>(\n (\n {\n controlId,\n name,\n checked,\n disabled,\n readOnly,\n ariaRequired,\n indeterminate,\n children,\n description,\n ariaLabel,\n onFocus,\n onBlur,\n onChange,\n tabIndex: explicitTabIndex,\n showOutline,\n ariaControls,\n style,\n styleClassNames,\n nativeInputAttributes,\n __internalRootRef,\n __injectAnalyticsComponentMetadata = false,\n ...rest\n },\n ref\n ) => {\n const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(rest);\n const baseProps = getBaseProps(rest);\n const checkboxRef = useRef<HTMLInputElement>(null);\n useForwardFocus(ref, checkboxRef);\n useEffect(() => {\n if (checkboxRef.current) {\n checkboxRef.current.indeterminate = Boolean(indeterminate);\n }\n });\n\n const { tabIndex } = useSingleTabStopNavigation(checkboxRef, { tabIndex: explicitTabIndex });\n\n const analyticsMetadata: GeneratedAnalyticsMetadataFragment = {};\n const analyticsComponentMetadata: GeneratedAnalyticsMetadataCheckboxComponent = {\n name: 'awsui.Checkbox',\n label: { root: 'self' },\n properties: {\n checked: `${!!checked}`,\n },\n };\n if (__injectAnalyticsComponentMetadata) {\n analyticsMetadata.component = analyticsComponentMetadata;\n }\n if (!disabled && !readOnly) {\n analyticsMetadata.action = !checked ? 'select' : 'deselect';\n }\n\n return (\n <AbstractSwitch\n {...baseProps}\n className={clsx(styles.root, baseProps.className)}\n controlClassName={clsx(styleClassNames?.control, styles['checkbox-control'])}\n outlineClassName={styles.outline}\n controlId={controlId}\n disabled={disabled}\n readOnly={readOnly}\n label={children}\n labelClassName={styleClassNames?.label}\n description={description}\n descriptionClassName={styleClassNames?.description}\n descriptionBottomPadding={true}\n ariaLabel={ariaLabel}\n ariaLabelledby={ariaLabelledby}\n ariaDescribedby={ariaDescribedby}\n ariaControls={ariaControls}\n showOutline={showOutline}\n nativeControl={nativeControlProps => (\n <WithNativeAttributes<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>\n {...nativeControlProps}\n tag=\"input\"\n componentName=\"Checkbox\"\n nativeAttributes={nativeInputAttributes}\n ref={checkboxRef}\n type=\"checkbox\"\n checked={checked}\n name={name}\n aria-required={ariaRequired ? 'true' : undefined}\n aria-disabled={readOnly && !disabled ? 'true' : undefined}\n tabIndex={tabIndex}\n onFocus={() => fireNonCancelableEvent(onFocus)}\n onBlur={() => fireNonCancelableEvent(onBlur)}\n // empty handler to suppress React controllability warning\n onChange={() => {}}\n />\n )}\n onClick={() => {\n checkboxRef.current?.focus();\n fireNonCancelableEvent(\n onChange,\n // for deterministic transitions \"indeterminate\" -> \"checked\" -> \"unchecked\"\n indeterminate ? { checked: true, indeterminate: false } : { checked: !checked, indeterminate: false }\n );\n }}\n styledControl={\n <CheckboxIcon\n checked={checked}\n indeterminate={indeterminate}\n disabled={disabled}\n readOnly={readOnly}\n style={getCheckboxIconStyles(style, checked, disabled, readOnly, indeterminate)}\n />\n }\n style={getAbstractSwitchStyles(style, checked, disabled, readOnly, indeterminate)}\n __internalRootRef={__internalRootRef}\n {...getAnalyticsMetadataAttribute(analyticsMetadata)}\n />\n );\n }\n);\n\nexport default InternalCheckbox;\n"]}
|
package/checkbox/styles.css.js
CHANGED
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"checkbox-control": "awsui_checkbox-
|
|
6
|
-
"outline": "
|
|
7
|
-
"label": "awsui_label_k2y2q_vvlo6_115",
|
|
8
|
-
"label-disabled": "awsui_label-disabled_k2y2q_vvlo6_118",
|
|
9
|
-
"description": "awsui_description_k2y2q_vvlo6_122",
|
|
10
|
-
"description-disabled": "awsui_description-disabled_k2y2q_vvlo6_125"
|
|
4
|
+
"root": "awsui_root_k2y2q_nbt9s_44",
|
|
5
|
+
"checkbox-control": "awsui_checkbox-control_k2y2q_nbt9s_77",
|
|
6
|
+
"outline": "awsui_outline_k2y2q_nbt9s_93"
|
|
11
7
|
};
|
|
12
8
|
|
|
@@ -41,7 +41,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
41
41
|
/* awsui:style-api-slot name=control tokens=color, background-color, border-color, focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-gutter-block, focus-ring-gutter-inline */
|
|
42
42
|
/* awsui:style-api-slot name=label tokens=color */
|
|
43
43
|
/* awsui:style-api-slot name=description tokens=color */
|
|
44
|
-
.
|
|
44
|
+
.awsui_root_k2y2q_nbt9s_44.awsui_root_k2y2q_nbt9s_44:not(#\9) {
|
|
45
45
|
border-collapse: separate;
|
|
46
46
|
border-spacing: 0;
|
|
47
47
|
box-sizing: border-box;
|
|
@@ -74,7 +74,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
74
74
|
display: flex;
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
.awsui_checkbox-
|
|
77
|
+
.awsui_checkbox-control_k2y2q_nbt9s_77:not(#\9) {
|
|
78
78
|
--awsui-internal-style-color: var(--awsui-style-color);
|
|
79
79
|
--awsui-internal-style-background-color: var(--awsui-style-background-color);
|
|
80
80
|
--awsui-internal-style-border-color: var(--awsui-style-border-color);
|
|
@@ -90,14 +90,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
inline-size: var(--size-control-jpgj8e, 16px);
|
|
91
91
|
}
|
|
92
92
|
|
|
93
|
-
.
|
|
93
|
+
.awsui_outline_k2y2q_nbt9s_93:not(#\9) {
|
|
94
94
|
position: relative;
|
|
95
95
|
}
|
|
96
|
-
.
|
|
96
|
+
.awsui_outline_k2y2q_nbt9s_93:not(#\9) {
|
|
97
97
|
outline: 2px dotted transparent;
|
|
98
98
|
outline-offset: calc(var(--awsui-internal-style-focus-ring-gutter-inline, 2px) - 1px);
|
|
99
99
|
}
|
|
100
|
-
.
|
|
100
|
+
.awsui_outline_k2y2q_nbt9s_93:not(#\9)::before {
|
|
101
101
|
content: " ";
|
|
102
102
|
display: block;
|
|
103
103
|
position: absolute;
|
|
@@ -110,18 +110,4 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
110
110
|
border-end-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px)));
|
|
111
111
|
border-end-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px)));
|
|
112
112
|
box-shadow: 0 0 0 var(--awsui-internal-style-focus-ring-width, var(--awsui-style-focus-ring-border-width-66120l, 2px)) var(--awsui-internal-style-focus-ring-color, var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #006ce0)));
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.awsui_label_k2y2q_vvlo6_115.awsui_label_k2y2q_vvlo6_115:not(#\9) {
|
|
116
|
-
color: var(--awsui-style-color, var(--color-text-form-default-8bb22s, #0f141a));
|
|
117
|
-
}
|
|
118
|
-
.awsui_label_k2y2q_vvlo6_115.awsui_label_k2y2q_vvlo6_115.awsui_label-disabled_k2y2q_vvlo6_118:not(#\9) {
|
|
119
|
-
color: var(--awsui-style-color, var(--color-text-control-disabled-54tz75, #b4b4bb));
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
.awsui_description_k2y2q_vvlo6_122.awsui_description_k2y2q_vvlo6_122:not(#\9) {
|
|
123
|
-
color: var(--awsui-style-color, var(--color-text-form-secondary-wt0md2, #656871));
|
|
124
|
-
}
|
|
125
|
-
.awsui_description_k2y2q_vvlo6_122.awsui_description_k2y2q_vvlo6_122.awsui_description-disabled_k2y2q_vvlo6_125:not(#\9) {
|
|
126
|
-
color: var(--awsui-style-color, var(--color-text-control-disabled-54tz75, #b4b4bb));
|
|
127
113
|
}
|
|
@@ -2,12 +2,8 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"checkbox-control": "awsui_checkbox-
|
|
7
|
-
"outline": "
|
|
8
|
-
"label": "awsui_label_k2y2q_vvlo6_115",
|
|
9
|
-
"label-disabled": "awsui_label-disabled_k2y2q_vvlo6_118",
|
|
10
|
-
"description": "awsui_description_k2y2q_vvlo6_122",
|
|
11
|
-
"description-disabled": "awsui_description-disabled_k2y2q_vvlo6_125"
|
|
5
|
+
"root": "awsui_root_k2y2q_nbt9s_44",
|
|
6
|
+
"checkbox-control": "awsui_checkbox-control_k2y2q_nbt9s_77",
|
|
7
|
+
"outline": "awsui_outline_k2y2q_nbt9s_93"
|
|
12
8
|
};
|
|
13
9
|
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"content": "
|
|
5
|
-
"description": "
|
|
6
|
-
"label": "
|
|
7
|
-
"outline": "
|
|
8
|
-
"show-outline": "awsui_show-
|
|
9
|
-
"native-input": "awsui_native-
|
|
10
|
-
"wrapper": "
|
|
11
|
-
"label-wrapper": "awsui_label-
|
|
12
|
-
"empty-content": "awsui_empty-
|
|
13
|
-
"description-bottom-padding": "awsui_description-bottom-
|
|
14
|
-
"label-disabled": "awsui_label-
|
|
15
|
-
"description-disabled": "awsui_description-
|
|
16
|
-
"control": "
|
|
4
|
+
"content": "awsui_content_1wepg_spx2u_9",
|
|
5
|
+
"description": "awsui_description_1wepg_spx2u_10",
|
|
6
|
+
"label": "awsui_label_1wepg_spx2u_11",
|
|
7
|
+
"outline": "awsui_outline_1wepg_spx2u_19",
|
|
8
|
+
"show-outline": "awsui_show-outline_1wepg_spx2u_22",
|
|
9
|
+
"native-input": "awsui_native-input_1wepg_spx2u_26",
|
|
10
|
+
"wrapper": "awsui_wrapper_1wepg_spx2u_30",
|
|
11
|
+
"label-wrapper": "awsui_label-wrapper_1wepg_spx2u_36",
|
|
12
|
+
"empty-content": "awsui_empty-content_1wepg_spx2u_47",
|
|
13
|
+
"description-bottom-padding": "awsui_description-bottom-padding_1wepg_spx2u_57",
|
|
14
|
+
"label-disabled": "awsui_label-disabled_1wepg_spx2u_65",
|
|
15
|
+
"description-disabled": "awsui_description-disabled_1wepg_spx2u_66",
|
|
16
|
+
"control": "awsui_control_1wepg_spx2u_70"
|
|
17
17
|
};
|
|
18
18
|
|
|
@@ -6,80 +6,80 @@
|
|
|
6
6
|
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
7
7
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
8
8
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
9
|
+
.awsui_content_1wepg_spx2u_9:not(#\9),
|
|
10
|
+
.awsui_description_1wepg_spx2u_10:not(#\9),
|
|
11
|
+
.awsui_label_1wepg_spx2u_11:not(#\9) {
|
|
12
12
|
display: block;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.
|
|
16
|
-
color: var(--color-text-form-default-8bb22s, #0f141a);
|
|
15
|
+
.awsui_label_1wepg_spx2u_11:not(#\9) {
|
|
16
|
+
color: var(--awsui-style-color, var(--color-text-form-default-8bb22s, #0f141a));
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.
|
|
19
|
+
.awsui_outline_1wepg_spx2u_19:not(#\9) {
|
|
20
20
|
display: none;
|
|
21
21
|
}
|
|
22
|
-
.
|
|
22
|
+
.awsui_outline_1wepg_spx2u_19.awsui_show-outline_1wepg_spx2u_22:not(#\9) {
|
|
23
23
|
display: block;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
body[data-awsui-focus-visible=true] .awsui_native-
|
|
26
|
+
body[data-awsui-focus-visible=true] .awsui_native-input_1wepg_spx2u_26:not(#\9):focus + .awsui_outline_1wepg_spx2u_19 {
|
|
27
27
|
display: block;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
.awsui_wrapper_1wepg_spx2u_30:not(#\9) {
|
|
31
31
|
min-inline-size: 0;
|
|
32
32
|
word-break: break-word;
|
|
33
33
|
display: flex;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.awsui_label-
|
|
36
|
+
.awsui_label-wrapper_1wepg_spx2u_36:not(#\9) {
|
|
37
37
|
position: relative;
|
|
38
38
|
display: flex;
|
|
39
39
|
cursor: default;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
.
|
|
42
|
+
.awsui_content_1wepg_spx2u_9:not(#\9) {
|
|
43
43
|
min-inline-size: 0;
|
|
44
44
|
word-break: break-word;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
.awsui_empty-
|
|
47
|
+
.awsui_empty-content_1wepg_spx2u_47:not(#\9) {
|
|
48
48
|
inline-size: 0px;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
.
|
|
52
|
-
color: var(--color-text-form-secondary-wt0md2, #656871);
|
|
51
|
+
.awsui_description_1wepg_spx2u_10:not(#\9) {
|
|
52
|
+
color: var(--awsui-style-color, var(--color-text-form-secondary-wt0md2, #656871));
|
|
53
53
|
font-size: var(--font-size-body-s-89y7qg, 12px);
|
|
54
54
|
line-height: var(--line-height-body-s-gako33, 16px);
|
|
55
55
|
letter-spacing: var(--letter-spacing-body-s-dzcybc, 0.005em);
|
|
56
56
|
}
|
|
57
|
-
.awsui_description-bottom-
|
|
57
|
+
.awsui_description-bottom-padding_1wepg_spx2u_57:not(#\9) {
|
|
58
58
|
padding-block-end: var(--space-scaled-xxs-j00t0m, 4px);
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
.
|
|
62
|
-
.
|
|
61
|
+
.awsui_label_1wepg_spx2u_11:not(#\9),
|
|
62
|
+
.awsui_description_1wepg_spx2u_10:not(#\9) {
|
|
63
63
|
padding-inline-start: var(--space-xs-m9b7jf, 8px);
|
|
64
64
|
}
|
|
65
|
-
.awsui_label-
|
|
66
|
-
.awsui_description-
|
|
67
|
-
color: var(--color-text-control-disabled-54tz75, #b4b4bb);
|
|
65
|
+
.awsui_label-disabled_1wepg_spx2u_65:not(#\9),
|
|
66
|
+
.awsui_description-disabled_1wepg_spx2u_66:not(#\9) {
|
|
67
|
+
color: var(--awsui-style-color, var(--color-text-control-disabled-54tz75, #b4b4bb));
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
.
|
|
70
|
+
.awsui_control_1wepg_spx2u_70:not(#\9) {
|
|
71
71
|
position: relative;
|
|
72
72
|
/* stylelint-disable selector-max-type */
|
|
73
73
|
/* stylelint-enable selector-max-type */
|
|
74
74
|
}
|
|
75
|
-
.
|
|
75
|
+
.awsui_control_1wepg_spx2u_70 > input:not(#\9), .awsui_control_1wepg_spx2u_70 > svg:not(#\9), .awsui_control_1wepg_spx2u_70 > .awsui_outline_1wepg_spx2u_19:not(#\9) {
|
|
76
76
|
position: absolute;
|
|
77
77
|
inline-size: 100%;
|
|
78
78
|
block-size: 100%;
|
|
79
79
|
inset-block-start: 0;
|
|
80
80
|
inset-inline-start: 0;
|
|
81
81
|
}
|
|
82
|
-
.
|
|
82
|
+
.awsui_control_1wepg_spx2u_70 > input:not(#\9) {
|
|
83
83
|
opacity: 0;
|
|
84
84
|
z-index: 1;
|
|
85
85
|
-webkit-user-select: none;
|
|
@@ -2,18 +2,18 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"content": "
|
|
6
|
-
"description": "
|
|
7
|
-
"label": "
|
|
8
|
-
"outline": "
|
|
9
|
-
"show-outline": "awsui_show-
|
|
10
|
-
"native-input": "awsui_native-
|
|
11
|
-
"wrapper": "
|
|
12
|
-
"label-wrapper": "awsui_label-
|
|
13
|
-
"empty-content": "awsui_empty-
|
|
14
|
-
"description-bottom-padding": "awsui_description-bottom-
|
|
15
|
-
"label-disabled": "awsui_label-
|
|
16
|
-
"description-disabled": "awsui_description-
|
|
17
|
-
"control": "
|
|
5
|
+
"content": "awsui_content_1wepg_spx2u_9",
|
|
6
|
+
"description": "awsui_description_1wepg_spx2u_10",
|
|
7
|
+
"label": "awsui_label_1wepg_spx2u_11",
|
|
8
|
+
"outline": "awsui_outline_1wepg_spx2u_19",
|
|
9
|
+
"show-outline": "awsui_show-outline_1wepg_spx2u_22",
|
|
10
|
+
"native-input": "awsui_native-input_1wepg_spx2u_26",
|
|
11
|
+
"wrapper": "awsui_wrapper_1wepg_spx2u_30",
|
|
12
|
+
"label-wrapper": "awsui_label-wrapper_1wepg_spx2u_36",
|
|
13
|
+
"empty-content": "awsui_empty-content_1wepg_spx2u_47",
|
|
14
|
+
"description-bottom-padding": "awsui_description-bottom-padding_1wepg_spx2u_57",
|
|
15
|
+
"label-disabled": "awsui_label-disabled_1wepg_spx2u_65",
|
|
16
|
+
"description-disabled": "awsui_description-disabled_1wepg_spx2u_66",
|
|
17
|
+
"control": "awsui_control_1wepg_spx2u_70"
|
|
18
18
|
};
|
|
19
19
|
|
package/internal/environment.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "components";
|
|
2
|
-
export var PACKAGE_VERSION = "3.0.0 (
|
|
3
|
-
export var GIT_SHA = "
|
|
2
|
+
export var PACKAGE_VERSION = "3.0.0 (1730cc9f)";
|
|
3
|
+
export var GIT_SHA = "1730cc9f";
|
|
4
4
|
export var THEME = "open-source-visual-refresh";
|
|
5
5
|
export var SYSTEM = "core";
|
|
6
6
|
export var ALWAYS_VISUAL_REFRESH = true;
|
package/internal/manifest.json
CHANGED
package/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -377,7 +377,7 @@
|
|
|
377
377
|
"./internal/base-theme/styles.css.js",
|
|
378
378
|
"./internal/base-component/styles.css.js"
|
|
379
379
|
],
|
|
380
|
-
"version": "3.0.
|
|
380
|
+
"version": "3.0.1389",
|
|
381
381
|
"repository": {
|
|
382
382
|
"type": "git",
|
|
383
383
|
"url": "https://github.com/cloudscape-design/components.git"
|