@cloudscape-design/components 3.0.869 → 3.0.870
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/date-picker/index.d.ts.map +1 -1
- package/date-picker/index.js +1 -5
- package/date-picker/index.js.map +1 -1
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +47 -51
- package/date-range-picker/styles.selectors.js +38 -38
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +37 -39
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/options-list/styles.css.js +3 -3
- package/internal/components/options-list/styles.scoped.css +5 -3
- package/internal/components/options-list/styles.selectors.js +3 -3
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAyBlE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAyBlE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FA2Lf,CAAC;AAGF,eAAe,UAAU,CAAC"}
|
package/date-picker/index.js
CHANGED
|
@@ -82,11 +82,7 @@ const DatePicker = React.forwardRef((_a, ref) => {
|
|
|
82
82
|
React.createElement("div", null,
|
|
83
83
|
React.createElement(InternalButton, { iconName: "calendar", className: styles['open-calendar-button'], onClick: onButtonClickHandler, ref: buttonRef, ariaLabel: buttonAriaLabel, disabled: disabled || readOnly, formAction: "none" }))));
|
|
84
84
|
baseProps.className = clsx(baseProps.className, styles.root, styles['date-picker-container']);
|
|
85
|
-
|
|
86
|
-
// prevent currently focused element from losing it
|
|
87
|
-
event.preventDefault();
|
|
88
|
-
};
|
|
89
|
-
return (React.createElement("div", Object.assign({}, baseProps, { ref: mergedRef, onKeyDown: !disabled && !readOnly ? onWrapperKeyDownHandler : undefined }), disabled || readOnly ? (trigger) : (React.createElement(Dropdown, { stretchWidth: true, stretchHeight: true, open: isDropDownOpen, onDropdownClose: onDropdownCloseHandler, onMouseDown: handleMouseDown, trigger: trigger, expandToViewport: expandToViewport, scrollable: false, dropdownId: dropdownId }, isDropDownOpen && (React.createElement(FocusLock, { className: styles['focus-lock'], autoFocus: true },
|
|
85
|
+
return (React.createElement("div", Object.assign({}, baseProps, { ref: mergedRef, onKeyDown: !disabled && !readOnly ? onWrapperKeyDownHandler : undefined }), disabled || readOnly ? (trigger) : (React.createElement(Dropdown, { stretchWidth: true, stretchHeight: true, open: isDropDownOpen, onDropdownClose: onDropdownCloseHandler, trigger: trigger, expandToViewport: expandToViewport, scrollable: false, dropdownId: dropdownId }, isDropDownOpen && (React.createElement(FocusLock, { className: styles['focus-lock'], autoFocus: true },
|
|
90
86
|
React.createElement("div", { tabIndex: 0, className: styles.calendar, role: "dialog" },
|
|
91
87
|
React.createElement(InternalCalendar, { value: value, onChange: e => {
|
|
92
88
|
var _a;
|
package/date-picker/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date-picker/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useCallback, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalCalendar from '../calendar/internal';\nimport { useFormFieldContext } from '../contexts/form-field.js';\nimport InternalDateInput from '../date-input/internal';\nimport { useLocale } from '../i18n/context.js';\nimport { InputProps } from '../input/interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport Dropdown from '../internal/components/dropdown';\nimport FocusLock from '../internal/components/focus-lock';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useFocusTracker } from '../internal/hooks/use-focus-tracker.js';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { KeyCode } from '../internal/keycode';\nimport { applyDisplayName } from '../internal/utils/apply-display-name.js';\nimport { parseDate } from '../internal/utils/date-time';\nimport { normalizeLocale } from '../internal/utils/locale';\nimport InternalLiveRegion from '../live-region/internal';\nimport { DatePickerProps } from './interfaces';\nimport { getBaseDateLabel, getSelectedDateLabel, isValidFullDate } from './utils';\n\nimport styles from './styles.css.js';\n\nexport { DatePickerProps };\n\nconst DatePicker = React.forwardRef(\n (\n {\n locale = '',\n startOfWeek,\n isDateEnabled,\n dateDisabledReason,\n nextMonthAriaLabel,\n previousMonthAriaLabel,\n todayAriaLabel,\n i18nStrings,\n placeholder = '',\n value = '',\n readOnly = false,\n disabled = false,\n onBlur,\n autoFocus = false,\n onChange,\n onFocus,\n name,\n ariaLabel,\n ariaRequired,\n controlId,\n invalid,\n warning,\n openCalendarAriaLabel,\n expandToViewport,\n granularity = 'day',\n ...restProps\n }: DatePickerProps,\n ref: Ref<DatePickerProps.Ref>\n ) => {\n const { __internalRootRef } = useBaseComponent('DatePicker', {\n props: { autoFocus, expandToViewport, granularity, readOnly },\n metadata: { hasDisabledReasons: Boolean(dateDisabledReason) },\n });\n checkControlled('DatePicker', 'value', value, 'onChange', onChange);\n\n const contextLocale = useLocale();\n const normalizedLocale = normalizeLocale('DatePicker', locale || contextLocale);\n\n const baseProps = getBaseProps(restProps);\n const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n const { ariaLabelledby, ariaDescribedby } = useFormFieldContext(restProps);\n\n const internalInputRef = useRef<HTMLInputElement>(null);\n const buttonRef = useRef<ButtonProps.Ref>(null);\n useForwardFocus(ref, internalInputRef);\n\n const rootRef = useRef<HTMLDivElement>(null);\n const dropdownId = useUniqueId('calender');\n const calendarDescriptionId = useUniqueId('calendar-description-');\n const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n useFocusTracker({ rootRef, onBlur, onFocus });\n\n const onDropdownCloseHandler = useCallback(() => setIsDropDownOpen(false), [setIsDropDownOpen]);\n\n const onButtonClickHandler = () => {\n if (!isDropDownOpen) {\n setIsDropDownOpen(true);\n }\n };\n\n const onWrapperKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.keyCode === KeyCode.escape && isDropDownOpen) {\n event.stopPropagation();\n buttonRef.current?.focus();\n setIsDropDownOpen(false);\n }\n };\n\n const onInputChangeHandler: InputProps['onChange'] = event => {\n fireNonCancelableEvent(onChange, { value: event.detail.value });\n };\n\n const onInputBlurHandler: InputProps['onBlur'] = () => {\n if (!isDropDownOpen) {\n setIsDropDownOpen(false);\n }\n };\n\n // Set displayed date to value if defined or to current date otherwise.\n const parsedValue = value && value.length >= 4 ? parseDate(value) : null;\n const baseDate = parsedValue || new Date();\n\n const hasFullValue = isValidFullDate({ date: value, granularity });\n\n const buttonAriaLabel =\n openCalendarAriaLabel &&\n openCalendarAriaLabel(\n hasFullValue && parsedValue\n ? getSelectedDateLabel({ date: parsedValue, granularity, locale: normalizedLocale })\n : null\n );\n\n const trigger = (\n <div className={styles['date-picker-trigger']}>\n <div className={styles['date-picker-input']}>\n <InternalDateInput\n name={name}\n invalid={invalid}\n warning={warning}\n controlId={controlId}\n ariaLabelledby={ariaLabelledby}\n ariaDescribedby={ariaDescribedby}\n ariaLabel={ariaLabel}\n ariaRequired={ariaRequired}\n value={value}\n disabled={disabled}\n readOnly={readOnly}\n onChange={onInputChangeHandler}\n onBlur={onInputBlurHandler}\n placeholder={placeholder}\n ref={internalInputRef}\n autoFocus={autoFocus}\n onFocus={onDropdownCloseHandler}\n granularity={granularity}\n />\n </div>\n <div>\n <InternalButton\n iconName=\"calendar\"\n className={styles['open-calendar-button']}\n onClick={onButtonClickHandler}\n ref={buttonRef}\n ariaLabel={buttonAriaLabel}\n disabled={disabled || readOnly}\n formAction=\"none\"\n />\n </div>\n </div>\n );\n\n baseProps.className = clsx(baseProps.className, styles.root, styles['date-picker-container']);\n\n const handleMouseDown = (event: React.MouseEvent) => {\n // prevent currently focused element from losing it\n event.preventDefault();\n };\n\n return (\n <div {...baseProps} ref={mergedRef} onKeyDown={!disabled && !readOnly ? onWrapperKeyDownHandler : undefined}>\n {disabled || readOnly ? (\n trigger\n ) : (\n <Dropdown\n stretchWidth={true}\n stretchHeight={true}\n open={isDropDownOpen}\n onDropdownClose={onDropdownCloseHandler}\n onMouseDown={handleMouseDown}\n trigger={trigger}\n expandToViewport={expandToViewport}\n scrollable={false}\n dropdownId={dropdownId}\n >\n {isDropDownOpen && (\n <FocusLock className={styles['focus-lock']} autoFocus={true}>\n <div tabIndex={0} className={styles.calendar} role=\"dialog\">\n <InternalCalendar\n value={value}\n onChange={e => {\n fireNonCancelableEvent(onChange, e.detail);\n buttonRef?.current?.focus();\n setIsDropDownOpen(false);\n }}\n locale={normalizedLocale}\n startOfWeek={startOfWeek}\n ariaDescribedby={calendarDescriptionId}\n ariaLabel={ariaLabel}\n ariaLabelledby={ariaLabelledby}\n granularity={granularity}\n isDateEnabled={isDateEnabled}\n dateDisabledReason={dateDisabledReason}\n i18nStrings={{\n ...i18nStrings,\n todayAriaLabel: i18nStrings?.todayAriaLabel ?? todayAriaLabel,\n nextMonthAriaLabel: i18nStrings?.nextMonthAriaLabel ?? nextMonthAriaLabel,\n previousMonthAriaLabel: i18nStrings?.previousMonthAriaLabel ?? previousMonthAriaLabel,\n }}\n />\n <InternalLiveRegion id={calendarDescriptionId} hidden={true} tagName=\"span\">\n {getBaseDateLabel({ date: baseDate, granularity, locale: normalizedLocale })}\n </InternalLiveRegion>\n </div>\n </FocusLock>\n )}\n </Dropdown>\n )}\n </div>\n );\n }\n);\n\napplyDisplayName(DatePicker, 'DatePicker');\nexport default DatePicker;\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date-picker/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useCallback, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalCalendar from '../calendar/internal';\nimport { useFormFieldContext } from '../contexts/form-field.js';\nimport InternalDateInput from '../date-input/internal';\nimport { useLocale } from '../i18n/context.js';\nimport { InputProps } from '../input/interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport Dropdown from '../internal/components/dropdown';\nimport FocusLock from '../internal/components/focus-lock';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useFocusTracker } from '../internal/hooks/use-focus-tracker.js';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { KeyCode } from '../internal/keycode';\nimport { applyDisplayName } from '../internal/utils/apply-display-name.js';\nimport { parseDate } from '../internal/utils/date-time';\nimport { normalizeLocale } from '../internal/utils/locale';\nimport InternalLiveRegion from '../live-region/internal';\nimport { DatePickerProps } from './interfaces';\nimport { getBaseDateLabel, getSelectedDateLabel, isValidFullDate } from './utils';\n\nimport styles from './styles.css.js';\n\nexport { DatePickerProps };\n\nconst DatePicker = React.forwardRef(\n (\n {\n locale = '',\n startOfWeek,\n isDateEnabled,\n dateDisabledReason,\n nextMonthAriaLabel,\n previousMonthAriaLabel,\n todayAriaLabel,\n i18nStrings,\n placeholder = '',\n value = '',\n readOnly = false,\n disabled = false,\n onBlur,\n autoFocus = false,\n onChange,\n onFocus,\n name,\n ariaLabel,\n ariaRequired,\n controlId,\n invalid,\n warning,\n openCalendarAriaLabel,\n expandToViewport,\n granularity = 'day',\n ...restProps\n }: DatePickerProps,\n ref: Ref<DatePickerProps.Ref>\n ) => {\n const { __internalRootRef } = useBaseComponent('DatePicker', {\n props: { autoFocus, expandToViewport, granularity, readOnly },\n metadata: { hasDisabledReasons: Boolean(dateDisabledReason) },\n });\n checkControlled('DatePicker', 'value', value, 'onChange', onChange);\n\n const contextLocale = useLocale();\n const normalizedLocale = normalizeLocale('DatePicker', locale || contextLocale);\n\n const baseProps = getBaseProps(restProps);\n const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n const { ariaLabelledby, ariaDescribedby } = useFormFieldContext(restProps);\n\n const internalInputRef = useRef<HTMLInputElement>(null);\n const buttonRef = useRef<ButtonProps.Ref>(null);\n useForwardFocus(ref, internalInputRef);\n\n const rootRef = useRef<HTMLDivElement>(null);\n const dropdownId = useUniqueId('calender');\n const calendarDescriptionId = useUniqueId('calendar-description-');\n const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n useFocusTracker({ rootRef, onBlur, onFocus });\n\n const onDropdownCloseHandler = useCallback(() => setIsDropDownOpen(false), [setIsDropDownOpen]);\n\n const onButtonClickHandler = () => {\n if (!isDropDownOpen) {\n setIsDropDownOpen(true);\n }\n };\n\n const onWrapperKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.keyCode === KeyCode.escape && isDropDownOpen) {\n event.stopPropagation();\n buttonRef.current?.focus();\n setIsDropDownOpen(false);\n }\n };\n\n const onInputChangeHandler: InputProps['onChange'] = event => {\n fireNonCancelableEvent(onChange, { value: event.detail.value });\n };\n\n const onInputBlurHandler: InputProps['onBlur'] = () => {\n if (!isDropDownOpen) {\n setIsDropDownOpen(false);\n }\n };\n\n // Set displayed date to value if defined or to current date otherwise.\n const parsedValue = value && value.length >= 4 ? parseDate(value) : null;\n const baseDate = parsedValue || new Date();\n\n const hasFullValue = isValidFullDate({ date: value, granularity });\n\n const buttonAriaLabel =\n openCalendarAriaLabel &&\n openCalendarAriaLabel(\n hasFullValue && parsedValue\n ? getSelectedDateLabel({ date: parsedValue, granularity, locale: normalizedLocale })\n : null\n );\n\n const trigger = (\n <div className={styles['date-picker-trigger']}>\n <div className={styles['date-picker-input']}>\n <InternalDateInput\n name={name}\n invalid={invalid}\n warning={warning}\n controlId={controlId}\n ariaLabelledby={ariaLabelledby}\n ariaDescribedby={ariaDescribedby}\n ariaLabel={ariaLabel}\n ariaRequired={ariaRequired}\n value={value}\n disabled={disabled}\n readOnly={readOnly}\n onChange={onInputChangeHandler}\n onBlur={onInputBlurHandler}\n placeholder={placeholder}\n ref={internalInputRef}\n autoFocus={autoFocus}\n onFocus={onDropdownCloseHandler}\n granularity={granularity}\n />\n </div>\n <div>\n <InternalButton\n iconName=\"calendar\"\n className={styles['open-calendar-button']}\n onClick={onButtonClickHandler}\n ref={buttonRef}\n ariaLabel={buttonAriaLabel}\n disabled={disabled || readOnly}\n formAction=\"none\"\n />\n </div>\n </div>\n );\n\n baseProps.className = clsx(baseProps.className, styles.root, styles['date-picker-container']);\n\n return (\n <div {...baseProps} ref={mergedRef} onKeyDown={!disabled && !readOnly ? onWrapperKeyDownHandler : undefined}>\n {disabled || readOnly ? (\n trigger\n ) : (\n <Dropdown\n stretchWidth={true}\n stretchHeight={true}\n open={isDropDownOpen}\n onDropdownClose={onDropdownCloseHandler}\n trigger={trigger}\n expandToViewport={expandToViewport}\n scrollable={false}\n dropdownId={dropdownId}\n >\n {isDropDownOpen && (\n <FocusLock className={styles['focus-lock']} autoFocus={true}>\n <div tabIndex={0} className={styles.calendar} role=\"dialog\">\n <InternalCalendar\n value={value}\n onChange={e => {\n fireNonCancelableEvent(onChange, e.detail);\n buttonRef?.current?.focus();\n setIsDropDownOpen(false);\n }}\n locale={normalizedLocale}\n startOfWeek={startOfWeek}\n ariaDescribedby={calendarDescriptionId}\n ariaLabel={ariaLabel}\n ariaLabelledby={ariaLabelledby}\n granularity={granularity}\n isDateEnabled={isDateEnabled}\n dateDisabledReason={dateDisabledReason}\n i18nStrings={{\n ...i18nStrings,\n todayAriaLabel: i18nStrings?.todayAriaLabel ?? todayAriaLabel,\n nextMonthAriaLabel: i18nStrings?.nextMonthAriaLabel ?? nextMonthAriaLabel,\n previousMonthAriaLabel: i18nStrings?.previousMonthAriaLabel ?? previousMonthAriaLabel,\n }}\n />\n <InternalLiveRegion id={calendarDescriptionId} hidden={true} tagName=\"span\">\n {getBaseDateLabel({ date: baseDate, granularity, locale: normalizedLocale })}\n </InternalLiveRegion>\n </div>\n </FocusLock>\n )}\n </Dropdown>\n )}\n </div>\n );\n }\n);\n\napplyDisplayName(DatePicker, 'DatePicker');\nexport default DatePicker;\n"]}
|
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"calendar": "
|
|
5
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
6
|
-
"root": "
|
|
7
|
-
"wide": "
|
|
8
|
-
"focus-lock": "awsui_focus-
|
|
9
|
-
"trigger-flexbox": "awsui_trigger-
|
|
10
|
-
"calendar-container": "awsui_calendar-
|
|
11
|
-
"one-grid": "awsui_one-
|
|
12
|
-
"calendar-header": "awsui_calendar-
|
|
13
|
-
"calendar-header-months-wrapper": "awsui_calendar-header-months-
|
|
14
|
-
"calendar-header-month": "awsui_calendar-header-
|
|
15
|
-
"calendar-next-month-btn": "awsui_calendar-next-month-
|
|
16
|
-
"calendar-prev-month-btn": "awsui_calendar-prev-month-
|
|
17
|
-
"first-grid": "awsui_first-
|
|
18
|
-
"second-grid": "awsui_second-
|
|
19
|
-
"date-and-time-container": "awsui_date-and-time-
|
|
20
|
-
"date-and-time-wrapper": "awsui_date-and-time-
|
|
21
|
-
"footer": "
|
|
22
|
-
"has-clear-button": "awsui_has-clear-
|
|
23
|
-
"footer-button-wrapper": "awsui_footer-button-
|
|
24
|
-
"icon-wrapper": "awsui_icon-
|
|
25
|
-
"label": "
|
|
26
|
-
"label-enabled": "awsui_label-
|
|
27
|
-
"label-text": "awsui_label-
|
|
28
|
-
"label-token-nowrap": "awsui_label-token-
|
|
29
|
-
"mode-switch": "awsui_mode-
|
|
30
|
-
"dropdown": "
|
|
31
|
-
"dropdown-content": "awsui_dropdown-
|
|
32
|
-
"start-date-input": "awsui_start-date-
|
|
33
|
-
"start-time-input": "awsui_start-time-
|
|
34
|
-
"end-date-input": "awsui_end-date-
|
|
35
|
-
"end-time-input": "awsui_end-time-
|
|
36
|
-
"validation-section": "awsui_validation-
|
|
37
|
-
"validation-error": "awsui_validation-
|
|
38
|
-
"clear-button": "awsui_clear-
|
|
39
|
-
"apply-button": "awsui_apply-
|
|
40
|
-
"cancel-button": "awsui_cancel-
|
|
41
|
-
"calendar-aria-live": "awsui_calendar-aria-
|
|
4
|
+
"calendar": "awsui_calendar_mgja0_1osv1_153",
|
|
5
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_1osv1_1",
|
|
6
|
+
"root": "awsui_root_mgja0_1osv1_176",
|
|
7
|
+
"wide": "awsui_wide_mgja0_1osv1_207",
|
|
8
|
+
"focus-lock": "awsui_focus-lock_mgja0_1osv1_214",
|
|
9
|
+
"trigger-flexbox": "awsui_trigger-flexbox_mgja0_1osv1_218",
|
|
10
|
+
"calendar-container": "awsui_calendar-container_mgja0_1osv1_222",
|
|
11
|
+
"one-grid": "awsui_one-grid_mgja0_1osv1_225",
|
|
12
|
+
"calendar-header": "awsui_calendar-header_mgja0_1osv1_229",
|
|
13
|
+
"calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_1osv1_235",
|
|
14
|
+
"calendar-header-month": "awsui_calendar-header-month_mgja0_1osv1_235",
|
|
15
|
+
"calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_1osv1_254",
|
|
16
|
+
"calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_1osv1_257",
|
|
17
|
+
"first-grid": "awsui_first-grid_mgja0_1osv1_261",
|
|
18
|
+
"second-grid": "awsui_second-grid_mgja0_1osv1_262",
|
|
19
|
+
"date-and-time-container": "awsui_date-and-time-container_mgja0_1osv1_266",
|
|
20
|
+
"date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_1osv1_272",
|
|
21
|
+
"footer": "awsui_footer_mgja0_1osv1_279",
|
|
22
|
+
"has-clear-button": "awsui_has-clear-button_mgja0_1osv1_288",
|
|
23
|
+
"footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_1osv1_297",
|
|
24
|
+
"icon-wrapper": "awsui_icon-wrapper_mgja0_1osv1_304",
|
|
25
|
+
"label": "awsui_label_mgja0_1osv1_309",
|
|
26
|
+
"label-enabled": "awsui_label-enabled_mgja0_1osv1_313",
|
|
27
|
+
"label-text": "awsui_label-text_mgja0_1osv1_317",
|
|
28
|
+
"label-token-nowrap": "awsui_label-token-nowrap_mgja0_1osv1_322",
|
|
29
|
+
"mode-switch": "awsui_mode-switch_mgja0_1osv1_326",
|
|
30
|
+
"dropdown": "awsui_dropdown_mgja0_1osv1_330",
|
|
31
|
+
"dropdown-content": "awsui_dropdown-content_mgja0_1osv1_352",
|
|
32
|
+
"start-date-input": "awsui_start-date-input_mgja0_1osv1_360",
|
|
33
|
+
"start-time-input": "awsui_start-time-input_mgja0_1osv1_361",
|
|
34
|
+
"end-date-input": "awsui_end-date-input_mgja0_1osv1_362",
|
|
35
|
+
"end-time-input": "awsui_end-time-input_mgja0_1osv1_363",
|
|
36
|
+
"validation-section": "awsui_validation-section_mgja0_1osv1_367",
|
|
37
|
+
"validation-error": "awsui_validation-error_mgja0_1osv1_371",
|
|
38
|
+
"clear-button": "awsui_clear-button_mgja0_1osv1_375",
|
|
39
|
+
"apply-button": "awsui_apply-button_mgja0_1osv1_379",
|
|
40
|
+
"cancel-button": "awsui_cancel-button_mgja0_1osv1_383",
|
|
41
|
+
"calendar-aria-live": "awsui_calendar-aria-live_mgja0_1osv1_387"
|
|
42
42
|
};
|
|
43
43
|
|
|
@@ -150,11 +150,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
150
150
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
151
151
|
SPDX-License-Identifier: Apache-2.0
|
|
152
152
|
*/
|
|
153
|
-
.
|
|
154
|
-
animation: awsui_awsui-motion-fade-in-
|
|
153
|
+
.awsui_calendar_mgja0_1osv1_153:not(#\9) {
|
|
154
|
+
animation: awsui_awsui-motion-fade-in-0_mgja0_1osv1_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
|
|
155
155
|
animation-fill-mode: both;
|
|
156
156
|
}
|
|
157
|
-
@keyframes awsui_awsui-motion-fade-in-
|
|
157
|
+
@keyframes awsui_awsui-motion-fade-in-0_mgja0_1osv1_1 {
|
|
158
158
|
from {
|
|
159
159
|
opacity: 0;
|
|
160
160
|
}
|
|
@@ -163,17 +163,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
163
163
|
}
|
|
164
164
|
}
|
|
165
165
|
@media (prefers-reduced-motion: reduce) {
|
|
166
|
-
.
|
|
166
|
+
.awsui_calendar_mgja0_1osv1_153:not(#\9) {
|
|
167
167
|
animation: none;
|
|
168
168
|
transition: none;
|
|
169
169
|
}
|
|
170
170
|
}
|
|
171
|
-
.awsui-motion-disabled .
|
|
171
|
+
.awsui-motion-disabled .awsui_calendar_mgja0_1osv1_153:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_1osv1_153:not(#\9) {
|
|
172
172
|
animation: none;
|
|
173
173
|
transition: none;
|
|
174
174
|
}
|
|
175
175
|
|
|
176
|
-
.
|
|
176
|
+
.awsui_root_mgja0_1osv1_176:not(#\9) {
|
|
177
177
|
border-collapse: separate;
|
|
178
178
|
border-spacing: 0;
|
|
179
179
|
box-sizing: border-box;
|
|
@@ -205,35 +205,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
205
205
|
-webkit-font-smoothing: auto;
|
|
206
206
|
-moz-osx-font-smoothing: auto;
|
|
207
207
|
}
|
|
208
|
-
.
|
|
208
|
+
.awsui_root_mgja0_1osv1_176:not(#\9):not(.awsui_wide_mgja0_1osv1_207) {
|
|
209
209
|
max-inline-size: 32em;
|
|
210
210
|
}
|
|
211
|
-
.
|
|
211
|
+
.awsui_root_mgja0_1osv1_176.awsui_wide_mgja0_1osv1_207:not(#\9) {
|
|
212
212
|
max-inline-size: 39em;
|
|
213
213
|
}
|
|
214
214
|
|
|
215
|
-
.awsui_focus-
|
|
215
|
+
.awsui_focus-lock_mgja0_1osv1_214:not(#\9) {
|
|
216
216
|
display: contents;
|
|
217
217
|
}
|
|
218
218
|
|
|
219
|
-
.awsui_trigger-
|
|
219
|
+
.awsui_trigger-flexbox_mgja0_1osv1_218:not(#\9) {
|
|
220
220
|
display: flex;
|
|
221
221
|
}
|
|
222
222
|
|
|
223
|
-
.awsui_calendar-
|
|
223
|
+
.awsui_calendar-container_mgja0_1osv1_222:not(#\9) {
|
|
224
224
|
inline-size: calc(2 * var(--size-calendar-grid-width-lrunz7, 238px) + var(--space-xs-zb16t3, 8px));
|
|
225
225
|
}
|
|
226
|
-
.awsui_calendar-
|
|
226
|
+
.awsui_calendar-container_mgja0_1osv1_222.awsui_one-grid_mgja0_1osv1_225:not(#\9) {
|
|
227
227
|
inline-size: var(--size-calendar-grid-width-lrunz7, 238px);
|
|
228
228
|
}
|
|
229
229
|
|
|
230
|
-
.awsui_calendar-
|
|
230
|
+
.awsui_calendar-header_mgja0_1osv1_229:not(#\9) {
|
|
231
231
|
display: flex;
|
|
232
232
|
justify-content: space-between;
|
|
233
233
|
align-items: center;
|
|
234
234
|
position: relative;
|
|
235
235
|
}
|
|
236
|
-
.awsui_calendar-header-months-
|
|
236
|
+
.awsui_calendar-header-months-wrapper_mgja0_1osv1_235:not(#\9) {
|
|
237
237
|
position: absolute;
|
|
238
238
|
inset: 0;
|
|
239
239
|
margin-block: 0;
|
|
@@ -244,7 +244,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
244
244
|
flex: 1;
|
|
245
245
|
pointer-events: none;
|
|
246
246
|
}
|
|
247
|
-
.awsui_calendar-header-
|
|
247
|
+
.awsui_calendar-header-month_mgja0_1osv1_235:not(#\9) {
|
|
248
248
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
249
249
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
250
250
|
font-weight: 700;
|
|
@@ -252,32 +252,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
252
252
|
display: flex;
|
|
253
253
|
pointer-events: auto;
|
|
254
254
|
}
|
|
255
|
-
.awsui_calendar-next-month-
|
|
255
|
+
.awsui_calendar-next-month-btn_mgja0_1osv1_254:not(#\9) {
|
|
256
256
|
/* used for identifying element */
|
|
257
257
|
}
|
|
258
|
-
.awsui_calendar-prev-month-
|
|
258
|
+
.awsui_calendar-prev-month-btn_mgja0_1osv1_257:not(#\9) {
|
|
259
259
|
/* used for identifying element */
|
|
260
260
|
}
|
|
261
261
|
|
|
262
|
-
.awsui_first-
|
|
263
|
-
.awsui_second-
|
|
262
|
+
.awsui_first-grid_mgja0_1osv1_261:not(#\9),
|
|
263
|
+
.awsui_second-grid_mgja0_1osv1_262:not(#\9) {
|
|
264
264
|
/* used in test-utils */
|
|
265
265
|
}
|
|
266
266
|
|
|
267
|
-
.awsui_date-and-time-
|
|
267
|
+
.awsui_date-and-time-container_mgja0_1osv1_266:not(#\9) {
|
|
268
268
|
display: grid;
|
|
269
269
|
grid-template-columns: repeat(auto-fit, minmax(var(--size-calendar-grid-width-lrunz7, 238px), 1fr));
|
|
270
270
|
gap: var(--space-xs-zb16t3, 8px);
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.awsui_date-and-time-
|
|
273
|
+
.awsui_date-and-time-wrapper_mgja0_1osv1_272:not(#\9) {
|
|
274
274
|
inline-size: var(--size-calendar-grid-width-lrunz7, 238px);
|
|
275
275
|
display: grid;
|
|
276
276
|
gap: var(--space-xs-zb16t3, 8px);
|
|
277
277
|
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
|
|
278
278
|
}
|
|
279
279
|
|
|
280
|
-
.
|
|
280
|
+
.awsui_footer_mgja0_1osv1_279:not(#\9) {
|
|
281
281
|
display: flex;
|
|
282
282
|
flex-wrap: wrap;
|
|
283
283
|
justify-content: flex-end;
|
|
@@ -286,51 +286,49 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
286
286
|
padding-block-end: var(--space-s-34lx8l, 12px);
|
|
287
287
|
padding-inline: var(--space-l-t419sm, 20px);
|
|
288
288
|
}
|
|
289
|
-
.
|
|
289
|
+
.awsui_footer_mgja0_1osv1_279.awsui_has-clear-button_mgja0_1osv1_288:not(#\9) {
|
|
290
290
|
justify-content: space-between;
|
|
291
291
|
}
|
|
292
|
-
.
|
|
292
|
+
.awsui_footer_mgja0_1osv1_279.awsui_one-grid_mgja0_1osv1_225:not(#\9) {
|
|
293
293
|
padding-block-start: 0;
|
|
294
294
|
padding-block-end: var(--space-s-34lx8l, 12px);
|
|
295
295
|
padding-inline: var(--space-xs-zb16t3, 8px);
|
|
296
296
|
}
|
|
297
297
|
|
|
298
|
-
.awsui_footer-button-
|
|
298
|
+
.awsui_footer-button-wrapper_mgja0_1osv1_297:not(#\9) {
|
|
299
299
|
padding-block-start: var(--space-s-34lx8l, 12px);
|
|
300
300
|
}
|
|
301
|
-
.awsui_footer-button-
|
|
301
|
+
.awsui_footer-button-wrapper_mgja0_1osv1_297:not(#\9):last-child {
|
|
302
302
|
margin-inline-start: auto;
|
|
303
303
|
}
|
|
304
304
|
|
|
305
|
-
.awsui_icon-
|
|
305
|
+
.awsui_icon-wrapper_mgja0_1osv1_304:not(#\9) {
|
|
306
306
|
color: var(--color-text-interactive-default-tkx8fe, #424650);
|
|
307
307
|
margin-inline-end: var(--space-xs-zb16t3, 8px);
|
|
308
308
|
}
|
|
309
309
|
|
|
310
|
-
.
|
|
311
|
-
-webkit-user-select: text;
|
|
312
|
-
user-select: text;
|
|
310
|
+
.awsui_label_mgja0_1osv1_309:not(#\9) {
|
|
313
311
|
cursor: default;
|
|
314
312
|
}
|
|
315
313
|
|
|
316
|
-
.
|
|
314
|
+
.awsui_label_mgja0_1osv1_309.awsui_label-enabled_mgja0_1osv1_313:not(#\9):hover > .awsui_trigger-flexbox_mgja0_1osv1_218 > .awsui_icon-wrapper_mgja0_1osv1_304 {
|
|
317
315
|
color: var(--color-text-interactive-hover-f9gqs8, #0f141a);
|
|
318
316
|
}
|
|
319
317
|
|
|
320
|
-
.awsui_label-
|
|
318
|
+
.awsui_label-text_mgja0_1osv1_317:not(#\9) {
|
|
321
319
|
color: var(--color-text-input-placeholder-f3x213, #656871);
|
|
322
320
|
font-style: italic;
|
|
323
321
|
}
|
|
324
322
|
|
|
325
|
-
.awsui_label-token-
|
|
323
|
+
.awsui_label-token-nowrap_mgja0_1osv1_322:not(#\9) {
|
|
326
324
|
white-space: nowrap;
|
|
327
325
|
}
|
|
328
326
|
|
|
329
|
-
.awsui_mode-
|
|
327
|
+
.awsui_mode-switch_mgja0_1osv1_326:not(#\9) {
|
|
330
328
|
/* used in test-utils */
|
|
331
329
|
}
|
|
332
330
|
|
|
333
|
-
.
|
|
331
|
+
.awsui_dropdown_mgja0_1osv1_330:not(#\9) {
|
|
334
332
|
overflow: auto;
|
|
335
333
|
border-block-start: 1px solid var(--color-border-container-top-736buh, transparent);
|
|
336
334
|
border-block-end: 1px solid var(--color-border-container-top-736buh, transparent);
|
|
@@ -339,10 +337,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
339
337
|
border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
340
338
|
border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
341
339
|
}
|
|
342
|
-
.
|
|
340
|
+
.awsui_dropdown_mgja0_1osv1_330:not(#\9):focus {
|
|
343
341
|
outline: none;
|
|
344
342
|
}
|
|
345
|
-
body[data-awsui-focus-visible=true] .
|
|
343
|
+
body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_1osv1_330:not(#\9):focus {
|
|
346
344
|
outline: 2px dotted transparent;
|
|
347
345
|
outline-offset: 2px;
|
|
348
346
|
border-start-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
@@ -352,43 +350,41 @@ body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_1g4r6_331:not(#\9):foc
|
|
|
352
350
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
353
351
|
}
|
|
354
352
|
|
|
355
|
-
.awsui_dropdown-
|
|
356
|
-
-webkit-user-select: text;
|
|
357
|
-
user-select: text;
|
|
353
|
+
.awsui_dropdown-content_mgja0_1osv1_352:not(#\9) {
|
|
358
354
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
359
355
|
inline-size: calc(2 * var(--size-calendar-grid-width-lrunz7, 238px) + var(--space-xs-zb16t3, 8px) + 2 * var(--space-l-t419sm, 20px));
|
|
360
356
|
}
|
|
361
|
-
.awsui_dropdown-
|
|
357
|
+
.awsui_dropdown-content_mgja0_1osv1_352.awsui_one-grid_mgja0_1osv1_225:not(#\9) {
|
|
362
358
|
inline-size: calc(var(--size-calendar-grid-width-lrunz7, 238px) + 2 * var(--space-l-t419sm, 20px));
|
|
363
359
|
}
|
|
364
360
|
|
|
365
|
-
.awsui_start-date-
|
|
366
|
-
.awsui_start-time-
|
|
367
|
-
.awsui_end-date-
|
|
368
|
-
.awsui_end-time-
|
|
361
|
+
.awsui_start-date-input_mgja0_1osv1_360:not(#\9),
|
|
362
|
+
.awsui_start-time-input_mgja0_1osv1_361:not(#\9),
|
|
363
|
+
.awsui_end-date-input_mgja0_1osv1_362:not(#\9),
|
|
364
|
+
.awsui_end-time-input_mgja0_1osv1_363:not(#\9) {
|
|
369
365
|
/* used in test-utils */
|
|
370
366
|
}
|
|
371
367
|
|
|
372
|
-
.awsui_validation-
|
|
368
|
+
.awsui_validation-section_mgja0_1osv1_367:not(#\9) {
|
|
373
369
|
/* used in test-utils */
|
|
374
370
|
}
|
|
375
371
|
|
|
376
|
-
.awsui_validation-
|
|
372
|
+
.awsui_validation-error_mgja0_1osv1_371:not(#\9) {
|
|
377
373
|
/* used in test-utils */
|
|
378
374
|
}
|
|
379
375
|
|
|
380
|
-
.awsui_clear-
|
|
376
|
+
.awsui_clear-button_mgja0_1osv1_375:not(#\9) {
|
|
381
377
|
/* used in test-utils */
|
|
382
378
|
}
|
|
383
379
|
|
|
384
|
-
.awsui_apply-
|
|
380
|
+
.awsui_apply-button_mgja0_1osv1_379:not(#\9) {
|
|
385
381
|
/* used in test-utils */
|
|
386
382
|
}
|
|
387
383
|
|
|
388
|
-
.awsui_cancel-
|
|
384
|
+
.awsui_cancel-button_mgja0_1osv1_383:not(#\9) {
|
|
389
385
|
/* used in test-utils */
|
|
390
386
|
}
|
|
391
387
|
|
|
392
|
-
.awsui_calendar-aria-
|
|
388
|
+
.awsui_calendar-aria-live_mgja0_1osv1_387:not(#\9) {
|
|
393
389
|
/* used in test-utils */
|
|
394
390
|
}
|
|
@@ -2,43 +2,43 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"calendar": "
|
|
6
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
7
|
-
"root": "
|
|
8
|
-
"wide": "
|
|
9
|
-
"focus-lock": "awsui_focus-
|
|
10
|
-
"trigger-flexbox": "awsui_trigger-
|
|
11
|
-
"calendar-container": "awsui_calendar-
|
|
12
|
-
"one-grid": "awsui_one-
|
|
13
|
-
"calendar-header": "awsui_calendar-
|
|
14
|
-
"calendar-header-months-wrapper": "awsui_calendar-header-months-
|
|
15
|
-
"calendar-header-month": "awsui_calendar-header-
|
|
16
|
-
"calendar-next-month-btn": "awsui_calendar-next-month-
|
|
17
|
-
"calendar-prev-month-btn": "awsui_calendar-prev-month-
|
|
18
|
-
"first-grid": "awsui_first-
|
|
19
|
-
"second-grid": "awsui_second-
|
|
20
|
-
"date-and-time-container": "awsui_date-and-time-
|
|
21
|
-
"date-and-time-wrapper": "awsui_date-and-time-
|
|
22
|
-
"footer": "
|
|
23
|
-
"has-clear-button": "awsui_has-clear-
|
|
24
|
-
"footer-button-wrapper": "awsui_footer-button-
|
|
25
|
-
"icon-wrapper": "awsui_icon-
|
|
26
|
-
"label": "
|
|
27
|
-
"label-enabled": "awsui_label-
|
|
28
|
-
"label-text": "awsui_label-
|
|
29
|
-
"label-token-nowrap": "awsui_label-token-
|
|
30
|
-
"mode-switch": "awsui_mode-
|
|
31
|
-
"dropdown": "
|
|
32
|
-
"dropdown-content": "awsui_dropdown-
|
|
33
|
-
"start-date-input": "awsui_start-date-
|
|
34
|
-
"start-time-input": "awsui_start-time-
|
|
35
|
-
"end-date-input": "awsui_end-date-
|
|
36
|
-
"end-time-input": "awsui_end-time-
|
|
37
|
-
"validation-section": "awsui_validation-
|
|
38
|
-
"validation-error": "awsui_validation-
|
|
39
|
-
"clear-button": "awsui_clear-
|
|
40
|
-
"apply-button": "awsui_apply-
|
|
41
|
-
"cancel-button": "awsui_cancel-
|
|
42
|
-
"calendar-aria-live": "awsui_calendar-aria-
|
|
5
|
+
"calendar": "awsui_calendar_mgja0_1osv1_153",
|
|
6
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_1osv1_1",
|
|
7
|
+
"root": "awsui_root_mgja0_1osv1_176",
|
|
8
|
+
"wide": "awsui_wide_mgja0_1osv1_207",
|
|
9
|
+
"focus-lock": "awsui_focus-lock_mgja0_1osv1_214",
|
|
10
|
+
"trigger-flexbox": "awsui_trigger-flexbox_mgja0_1osv1_218",
|
|
11
|
+
"calendar-container": "awsui_calendar-container_mgja0_1osv1_222",
|
|
12
|
+
"one-grid": "awsui_one-grid_mgja0_1osv1_225",
|
|
13
|
+
"calendar-header": "awsui_calendar-header_mgja0_1osv1_229",
|
|
14
|
+
"calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_1osv1_235",
|
|
15
|
+
"calendar-header-month": "awsui_calendar-header-month_mgja0_1osv1_235",
|
|
16
|
+
"calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_1osv1_254",
|
|
17
|
+
"calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_1osv1_257",
|
|
18
|
+
"first-grid": "awsui_first-grid_mgja0_1osv1_261",
|
|
19
|
+
"second-grid": "awsui_second-grid_mgja0_1osv1_262",
|
|
20
|
+
"date-and-time-container": "awsui_date-and-time-container_mgja0_1osv1_266",
|
|
21
|
+
"date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_1osv1_272",
|
|
22
|
+
"footer": "awsui_footer_mgja0_1osv1_279",
|
|
23
|
+
"has-clear-button": "awsui_has-clear-button_mgja0_1osv1_288",
|
|
24
|
+
"footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_1osv1_297",
|
|
25
|
+
"icon-wrapper": "awsui_icon-wrapper_mgja0_1osv1_304",
|
|
26
|
+
"label": "awsui_label_mgja0_1osv1_309",
|
|
27
|
+
"label-enabled": "awsui_label-enabled_mgja0_1osv1_313",
|
|
28
|
+
"label-text": "awsui_label-text_mgja0_1osv1_317",
|
|
29
|
+
"label-token-nowrap": "awsui_label-token-nowrap_mgja0_1osv1_322",
|
|
30
|
+
"mode-switch": "awsui_mode-switch_mgja0_1osv1_326",
|
|
31
|
+
"dropdown": "awsui_dropdown_mgja0_1osv1_330",
|
|
32
|
+
"dropdown-content": "awsui_dropdown-content_mgja0_1osv1_352",
|
|
33
|
+
"start-date-input": "awsui_start-date-input_mgja0_1osv1_360",
|
|
34
|
+
"start-time-input": "awsui_start-time-input_mgja0_1osv1_361",
|
|
35
|
+
"end-date-input": "awsui_end-date-input_mgja0_1osv1_362",
|
|
36
|
+
"end-time-input": "awsui_end-time-input_mgja0_1osv1_363",
|
|
37
|
+
"validation-section": "awsui_validation-section_mgja0_1osv1_367",
|
|
38
|
+
"validation-error": "awsui_validation-error_mgja0_1osv1_371",
|
|
39
|
+
"clear-button": "awsui_clear-button_mgja0_1osv1_375",
|
|
40
|
+
"apply-button": "awsui_apply-button_mgja0_1osv1_379",
|
|
41
|
+
"cancel-button": "awsui_cancel-button_mgja0_1osv1_383",
|
|
42
|
+
"calendar-aria-live": "awsui_calendar-aria-live_mgja0_1osv1_387"
|
|
43
43
|
};
|
|
44
44
|
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"dropdown-content-wrapper": "awsui_dropdown-content-
|
|
5
|
-
"awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-
|
|
6
|
-
"refresh": "
|
|
7
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
8
|
-
"root": "
|
|
9
|
-
"interior": "
|
|
10
|
-
"dropdown": "
|
|
11
|
-
"use-portal": "awsui_use-
|
|
12
|
-
"is-empty": "awsui_is-
|
|
13
|
-
"dropdown-drop-up": "awsui_dropdown-drop-
|
|
14
|
-
"with-limited-width": "awsui_with-limited-
|
|
15
|
-
"dropdown-drop-left": "awsui_dropdown-drop-
|
|
16
|
-
"dropdown-drop-right": "awsui_dropdown-drop-
|
|
17
|
-
"occupy-entire-width": "awsui_occupy-entire-
|
|
18
|
-
"stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-
|
|
19
|
-
"hide-block-border": "awsui_hide-block-
|
|
20
|
-
"open": "
|
|
21
|
-
"nowrap": "
|
|
22
|
-
"dropdown-content": "awsui_dropdown-
|
|
23
|
-
"stretch-trigger-height": "awsui_stretch-trigger-
|
|
4
|
+
"dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_pwcss_153",
|
|
5
|
+
"awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_pwcss_1",
|
|
6
|
+
"refresh": "awsui_refresh_qwoo0_pwcss_174",
|
|
7
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_pwcss_1",
|
|
8
|
+
"root": "awsui_root_qwoo0_pwcss_199",
|
|
9
|
+
"interior": "awsui_interior_qwoo0_pwcss_232",
|
|
10
|
+
"dropdown": "awsui_dropdown_qwoo0_pwcss_153",
|
|
11
|
+
"use-portal": "awsui_use-portal_qwoo0_pwcss_242",
|
|
12
|
+
"is-empty": "awsui_is-empty_qwoo0_pwcss_288",
|
|
13
|
+
"dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_pwcss_295",
|
|
14
|
+
"with-limited-width": "awsui_with-limited-width_qwoo0_pwcss_299",
|
|
15
|
+
"dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_pwcss_302",
|
|
16
|
+
"dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_pwcss_305",
|
|
17
|
+
"occupy-entire-width": "awsui_occupy-entire-width_qwoo0_pwcss_308",
|
|
18
|
+
"stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_pwcss_311",
|
|
19
|
+
"hide-block-border": "awsui_hide-block-border_qwoo0_pwcss_318",
|
|
20
|
+
"open": "awsui_open_qwoo0_pwcss_327",
|
|
21
|
+
"nowrap": "awsui_nowrap_qwoo0_pwcss_336",
|
|
22
|
+
"dropdown-content": "awsui_dropdown-content_qwoo0_pwcss_153",
|
|
23
|
+
"stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_pwcss_347"
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -150,10 +150,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
150
150
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
151
151
|
SPDX-License-Identifier: Apache-2.0
|
|
152
152
|
*/
|
|
153
|
-
.awsui_dropdown-content-
|
|
154
|
-
animation: awsui_awsui-motion-fade-in-
|
|
153
|
+
.awsui_dropdown-content-wrapper_qwoo0_pwcss_153:not(#\9) {
|
|
154
|
+
animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_pwcss_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
|
|
155
155
|
}
|
|
156
|
-
@keyframes awsui_awsui-motion-fade-in-
|
|
156
|
+
@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_pwcss_1 {
|
|
157
157
|
from {
|
|
158
158
|
opacity: 0.4;
|
|
159
159
|
}
|
|
@@ -162,22 +162,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
162
162
|
}
|
|
163
163
|
}
|
|
164
164
|
@media (prefers-reduced-motion: reduce) {
|
|
165
|
-
.awsui_dropdown-content-
|
|
165
|
+
.awsui_dropdown-content-wrapper_qwoo0_pwcss_153:not(#\9) {
|
|
166
166
|
animation: none;
|
|
167
167
|
transition: none;
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
|
-
.awsui-motion-disabled .awsui_dropdown-content-
|
|
170
|
+
.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_pwcss_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_pwcss_153:not(#\9) {
|
|
171
171
|
animation: none;
|
|
172
172
|
transition: none;
|
|
173
173
|
}
|
|
174
|
-
.awsui_dropdown-content-
|
|
174
|
+
.awsui_dropdown-content-wrapper_qwoo0_pwcss_153.awsui_refresh_qwoo0_pwcss_174:not(#\9) {
|
|
175
175
|
transform-origin: top;
|
|
176
|
-
animation-name: awsui_awsui-motion-fade-in-
|
|
176
|
+
animation-name: awsui_awsui-motion-fade-in-0_qwoo0_pwcss_1;
|
|
177
177
|
animation-duration: var(--motion-duration-show-quick-aq3ump, 135ms);
|
|
178
178
|
animation-timing-function: var(--motion-easing-show-quick-vc5zgd, ease-out);
|
|
179
179
|
}
|
|
180
|
-
@keyframes awsui_awsui-motion-fade-in-
|
|
180
|
+
@keyframes awsui_awsui-motion-fade-in-0_qwoo0_pwcss_1 {
|
|
181
181
|
from {
|
|
182
182
|
opacity: 0;
|
|
183
183
|
}
|
|
@@ -186,17 +186,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
186
186
|
}
|
|
187
187
|
}
|
|
188
188
|
@media (prefers-reduced-motion: reduce) {
|
|
189
|
-
.awsui_dropdown-content-
|
|
189
|
+
.awsui_dropdown-content-wrapper_qwoo0_pwcss_153.awsui_refresh_qwoo0_pwcss_174:not(#\9) {
|
|
190
190
|
animation: none;
|
|
191
191
|
transition: none;
|
|
192
192
|
}
|
|
193
193
|
}
|
|
194
|
-
.awsui-motion-disabled .awsui_dropdown-content-
|
|
194
|
+
.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_pwcss_153.awsui_refresh_qwoo0_pwcss_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_pwcss_153.awsui_refresh_qwoo0_pwcss_174:not(#\9) {
|
|
195
195
|
animation: none;
|
|
196
196
|
transition: none;
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
.
|
|
199
|
+
.awsui_root_qwoo0_pwcss_199:not(#\9) {
|
|
200
200
|
border-collapse: separate;
|
|
201
201
|
border-spacing: 0;
|
|
202
202
|
box-sizing: border-box;
|
|
@@ -230,36 +230,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
230
230
|
position: relative;
|
|
231
231
|
white-space: inherit;
|
|
232
232
|
}
|
|
233
|
-
.
|
|
233
|
+
.awsui_root_qwoo0_pwcss_199.awsui_interior_qwoo0_pwcss_232:not(#\9) {
|
|
234
234
|
position: static;
|
|
235
235
|
}
|
|
236
236
|
|
|
237
|
-
.
|
|
237
|
+
.awsui_dropdown_qwoo0_pwcss_153:not(#\9) {
|
|
238
238
|
position: absolute;
|
|
239
239
|
display: none;
|
|
240
240
|
z-index: 2000;
|
|
241
|
-
-webkit-user-select: none;
|
|
242
|
-
user-select: none;
|
|
243
241
|
transform-origin: top;
|
|
244
242
|
}
|
|
245
|
-
.
|
|
243
|
+
.awsui_dropdown_qwoo0_pwcss_153.awsui_use-portal_qwoo0_pwcss_242:not(#\9) {
|
|
246
244
|
z-index: 7000;
|
|
247
245
|
}
|
|
248
|
-
.
|
|
246
|
+
.awsui_dropdown_qwoo0_pwcss_153:not(#\9):not(.awsui_interior_qwoo0_pwcss_232) {
|
|
249
247
|
transform: translateY(0px);
|
|
250
248
|
transition: transform var(--motion-duration-show-quick-aq3ump, 135ms);
|
|
251
249
|
}
|
|
252
250
|
@media (prefers-reduced-motion: reduce) {
|
|
253
|
-
.
|
|
251
|
+
.awsui_dropdown_qwoo0_pwcss_153:not(#\9):not(.awsui_interior_qwoo0_pwcss_232) {
|
|
254
252
|
animation: none;
|
|
255
253
|
transition: none;
|
|
256
254
|
}
|
|
257
255
|
}
|
|
258
|
-
.awsui-motion-disabled .
|
|
256
|
+
.awsui-motion-disabled .awsui_dropdown_qwoo0_pwcss_153:not(#\9):not(.awsui_interior_qwoo0_pwcss_232), .awsui-mode-entering .awsui_dropdown_qwoo0_pwcss_153:not(#\9):not(.awsui_interior_qwoo0_pwcss_232) {
|
|
259
257
|
animation: none;
|
|
260
258
|
transition: none;
|
|
261
259
|
}
|
|
262
|
-
.awsui_dropdown-content-
|
|
260
|
+
.awsui_dropdown-content-wrapper_qwoo0_pwcss_153:not(#\9) {
|
|
263
261
|
position: relative;
|
|
264
262
|
background-color: var(--color-background-dropdown-item-default-u8emhk, #ffffff);
|
|
265
263
|
outline: none;
|
|
@@ -271,7 +269,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
271
269
|
border-block: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
|
|
272
270
|
box-sizing: border-box;
|
|
273
271
|
}
|
|
274
|
-
.awsui_dropdown-content-
|
|
272
|
+
.awsui_dropdown-content-wrapper_qwoo0_pwcss_153:not(#\9)::after {
|
|
275
273
|
content: "";
|
|
276
274
|
position: absolute;
|
|
277
275
|
z-index: 1;
|
|
@@ -288,65 +286,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
288
286
|
border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
289
287
|
pointer-events: none;
|
|
290
288
|
}
|
|
291
|
-
.awsui_dropdown-content-
|
|
289
|
+
.awsui_dropdown-content-wrapper_qwoo0_pwcss_153.awsui_is-empty_qwoo0_pwcss_288:not(#\9)::after {
|
|
292
290
|
display: none;
|
|
293
291
|
}
|
|
294
|
-
.
|
|
292
|
+
.awsui_dropdown_qwoo0_pwcss_153 > .awsui_dropdown-content-wrapper_qwoo0_pwcss_153:not(#\9) {
|
|
295
293
|
border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
|
|
296
294
|
border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-dropdown-group-2xoluv, #c6c6cd);
|
|
297
295
|
}
|
|
298
|
-
.awsui_dropdown-drop-
|
|
296
|
+
.awsui_dropdown-drop-up_qwoo0_pwcss_295 > .awsui_dropdown-content-wrapper_qwoo0_pwcss_153:not(#\9) {
|
|
299
297
|
transform-origin: bottom;
|
|
300
298
|
box-shadow: var(--shadow-dropup-xqkiza, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
|
|
301
299
|
}
|
|
302
|
-
.awsui_dropdown-drop-
|
|
300
|
+
.awsui_dropdown-drop-up_qwoo0_pwcss_295.awsui_with-limited-width_qwoo0_pwcss_299 > .awsui_dropdown-content-wrapper_qwoo0_pwcss_153:not(#\9) {
|
|
303
301
|
border-block-start: none;
|
|
304
302
|
}
|
|
305
|
-
.awsui_dropdown-drop-
|
|
303
|
+
.awsui_dropdown-drop-left_qwoo0_pwcss_302:not(#\9) {
|
|
306
304
|
inset-inline-end: 0;
|
|
307
305
|
}
|
|
308
|
-
.awsui_dropdown-drop-
|
|
306
|
+
.awsui_dropdown-drop-right_qwoo0_pwcss_305:not(#\9) {
|
|
309
307
|
inset-inline-start: 0;
|
|
310
308
|
}
|
|
311
|
-
.
|
|
309
|
+
.awsui_dropdown_qwoo0_pwcss_153.awsui_occupy-entire-width_qwoo0_pwcss_308:not(#\9) {
|
|
312
310
|
min-inline-size: 100%;
|
|
313
311
|
}
|
|
314
|
-
.
|
|
312
|
+
.awsui_dropdown_qwoo0_pwcss_153.awsui_stretch-beyond-trigger-width_qwoo0_pwcss_311:not(#\9) {
|
|
315
313
|
inline-size: max-content;
|
|
316
314
|
max-inline-size: var(--awsui-dropdown-default-max-width-g964ok, 100%);
|
|
317
315
|
}
|
|
318
|
-
.
|
|
316
|
+
.awsui_dropdown_qwoo0_pwcss_153.awsui_interior_qwoo0_pwcss_232 > .awsui_dropdown-content-wrapper_qwoo0_pwcss_153:not(#\9) {
|
|
319
317
|
margin-block-start: -1px;
|
|
320
318
|
}
|
|
321
|
-
.
|
|
319
|
+
.awsui_dropdown_qwoo0_pwcss_153.awsui_hide-block-border_qwoo0_pwcss_318 > .awsui_dropdown-content-wrapper_qwoo0_pwcss_153:not(#\9) {
|
|
322
320
|
border-block-start: none;
|
|
323
321
|
}
|
|
324
|
-
.
|
|
322
|
+
.awsui_dropdown_qwoo0_pwcss_153.awsui_hide-block-border_qwoo0_pwcss_318:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_pwcss_295) > .awsui_dropdown-content-wrapper_qwoo0_pwcss_153 {
|
|
325
323
|
border-block-end: none;
|
|
326
324
|
}
|
|
327
|
-
.
|
|
325
|
+
.awsui_dropdown_qwoo0_pwcss_153.awsui_hide-block-border_qwoo0_pwcss_318.awsui_refresh_qwoo0_pwcss_174 > .awsui_dropdown-content-wrapper_qwoo0_pwcss_153:not(#\9) {
|
|
328
326
|
border-block-end: none;
|
|
329
327
|
}
|
|
330
|
-
.
|
|
328
|
+
.awsui_dropdown_qwoo0_pwcss_153.awsui_open_qwoo0_pwcss_327:not(#\9) {
|
|
331
329
|
display: block;
|
|
332
330
|
}
|
|
333
|
-
.
|
|
331
|
+
.awsui_dropdown_qwoo0_pwcss_153.awsui_open_qwoo0_pwcss_327:not(#\9):not(.awsui_interior_qwoo0_pwcss_232).awsui_refresh_qwoo0_pwcss_174[data-animating=true] {
|
|
334
332
|
transform: translateY(4px);
|
|
335
333
|
}
|
|
336
|
-
.
|
|
334
|
+
.awsui_dropdown_qwoo0_pwcss_153.awsui_open_qwoo0_pwcss_327:not(#\9):not(.awsui_interior_qwoo0_pwcss_232).awsui_refresh_qwoo0_pwcss_174[data-animating=true].awsui_dropdown-drop-up_qwoo0_pwcss_295 {
|
|
337
335
|
transform: translateY(-4px);
|
|
338
336
|
}
|
|
339
|
-
.
|
|
337
|
+
.awsui_dropdown_qwoo0_pwcss_153.awsui_open_qwoo0_pwcss_327.awsui_nowrap_qwoo0_pwcss_336:not(#\9) {
|
|
340
338
|
white-space: nowrap;
|
|
341
339
|
overflow: scroll;
|
|
342
340
|
}
|
|
343
341
|
|
|
344
|
-
.awsui_dropdown-
|
|
342
|
+
.awsui_dropdown-content_qwoo0_pwcss_153:not(#\9) {
|
|
345
343
|
display: flex;
|
|
346
344
|
flex-direction: column;
|
|
347
345
|
inline-size: 100%;
|
|
348
346
|
}
|
|
349
347
|
|
|
350
|
-
.awsui_stretch-trigger-
|
|
348
|
+
.awsui_stretch-trigger-height_qwoo0_pwcss_347:not(#\9) {
|
|
351
349
|
block-size: 100%;
|
|
352
350
|
}
|
|
@@ -2,25 +2,25 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"dropdown-content-wrapper": "awsui_dropdown-content-
|
|
6
|
-
"awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-
|
|
7
|
-
"refresh": "
|
|
8
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
9
|
-
"root": "
|
|
10
|
-
"interior": "
|
|
11
|
-
"dropdown": "
|
|
12
|
-
"use-portal": "awsui_use-
|
|
13
|
-
"is-empty": "awsui_is-
|
|
14
|
-
"dropdown-drop-up": "awsui_dropdown-drop-
|
|
15
|
-
"with-limited-width": "awsui_with-limited-
|
|
16
|
-
"dropdown-drop-left": "awsui_dropdown-drop-
|
|
17
|
-
"dropdown-drop-right": "awsui_dropdown-drop-
|
|
18
|
-
"occupy-entire-width": "awsui_occupy-entire-
|
|
19
|
-
"stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-
|
|
20
|
-
"hide-block-border": "awsui_hide-block-
|
|
21
|
-
"open": "
|
|
22
|
-
"nowrap": "
|
|
23
|
-
"dropdown-content": "awsui_dropdown-
|
|
24
|
-
"stretch-trigger-height": "awsui_stretch-trigger-
|
|
5
|
+
"dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_pwcss_153",
|
|
6
|
+
"awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_pwcss_1",
|
|
7
|
+
"refresh": "awsui_refresh_qwoo0_pwcss_174",
|
|
8
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_pwcss_1",
|
|
9
|
+
"root": "awsui_root_qwoo0_pwcss_199",
|
|
10
|
+
"interior": "awsui_interior_qwoo0_pwcss_232",
|
|
11
|
+
"dropdown": "awsui_dropdown_qwoo0_pwcss_153",
|
|
12
|
+
"use-portal": "awsui_use-portal_qwoo0_pwcss_242",
|
|
13
|
+
"is-empty": "awsui_is-empty_qwoo0_pwcss_288",
|
|
14
|
+
"dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_pwcss_295",
|
|
15
|
+
"with-limited-width": "awsui_with-limited-width_qwoo0_pwcss_299",
|
|
16
|
+
"dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_pwcss_302",
|
|
17
|
+
"dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_pwcss_305",
|
|
18
|
+
"occupy-entire-width": "awsui_occupy-entire-width_qwoo0_pwcss_308",
|
|
19
|
+
"stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_pwcss_311",
|
|
20
|
+
"hide-block-border": "awsui_hide-block-border_qwoo0_pwcss_318",
|
|
21
|
+
"open": "awsui_open_qwoo0_pwcss_327",
|
|
22
|
+
"nowrap": "awsui_nowrap_qwoo0_pwcss_336",
|
|
23
|
+
"dropdown-content": "awsui_dropdown-content_qwoo0_pwcss_153",
|
|
24
|
+
"stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_pwcss_347"
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"options-list": "awsui_options-
|
|
5
|
-
"options-list-embedded": "awsui_options-list-
|
|
6
|
-
"decrease-block-margin": "awsui_decrease-block-
|
|
4
|
+
"options-list": "awsui_options-list_19gcf_1fo58_145",
|
|
5
|
+
"options-list-embedded": "awsui_options-list-embedded_19gcf_1fo58_192",
|
|
6
|
+
"decrease-block-margin": "awsui_decrease-block-margin_19gcf_1fo58_199"
|
|
7
7
|
};
|
|
8
8
|
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
*/
|
|
143
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
.awsui_options-
|
|
145
|
+
.awsui_options-list_19gcf_1fo58_145:not(#\9) {
|
|
146
146
|
padding-block: 0;
|
|
147
147
|
padding-inline: 0;
|
|
148
148
|
margin-block: 0;
|
|
@@ -188,14 +188,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
188
188
|
border-start-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
189
189
|
border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
190
190
|
border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
191
|
+
-webkit-user-select: none;
|
|
192
|
+
user-select: none;
|
|
191
193
|
}
|
|
192
|
-
.awsui_options-list-
|
|
194
|
+
.awsui_options-list-embedded_19gcf_1fo58_192:not(#\9) {
|
|
193
195
|
border-start-start-radius: 0px;
|
|
194
196
|
border-start-end-radius: 0px;
|
|
195
197
|
border-end-start-radius: 0px;
|
|
196
198
|
border-end-end-radius: 0px;
|
|
197
199
|
}
|
|
198
200
|
|
|
199
|
-
.awsui_decrease-block-
|
|
201
|
+
.awsui_decrease-block-margin_19gcf_1fo58_199:not(#\9) {
|
|
200
202
|
margin-block: -1px;
|
|
201
203
|
}
|
|
@@ -2,8 +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
|
-
"options-list": "awsui_options-
|
|
6
|
-
"options-list-embedded": "awsui_options-list-
|
|
7
|
-
"decrease-block-margin": "awsui_decrease-block-
|
|
5
|
+
"options-list": "awsui_options-list_19gcf_1fo58_145",
|
|
6
|
+
"options-list-embedded": "awsui_options-list-embedded_19gcf_1fo58_192",
|
|
7
|
+
"decrease-block-margin": "awsui_decrease-block-margin_19gcf_1fo58_199"
|
|
8
8
|
};
|
|
9
9
|
|
package/internal/environment.js
CHANGED
package/internal/manifest.json
CHANGED
package/package.json
CHANGED