@cloudscape-design/components 3.0.151 → 3.0.153
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/box/styles.css.js +189 -189
- package/box/styles.scoped.css +239 -233
- package/box/styles.selectors.js +189 -189
- package/button/styles.css.js +18 -18
- package/button/styles.scoped.css +140 -138
- package/button/styles.selectors.js +18 -18
- package/cards/styles.css.js +37 -37
- package/cards/styles.scoped.css +46 -44
- package/cards/styles.selectors.js +37 -37
- package/expandable-section/styles.css.js +21 -21
- package/expandable-section/styles.scoped.css +44 -42
- package/expandable-section/styles.selectors.js +21 -21
- package/header/internal.d.ts.map +1 -1
- package/header/internal.js +1 -1
- package/header/internal.js.map +1 -1
- package/header/styles.css.js +44 -40
- package/header/styles.scoped.css +74 -52
- package/header/styles.selectors.js +44 -40
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +72 -58
- package/help-panel/styles.selectors.js +4 -4
- package/internal/base-component/styles.scoped.css +2 -0
- package/internal/components/button-trigger/index.d.ts +1 -0
- package/internal/components/button-trigger/index.d.ts.map +1 -1
- package/internal/components/button-trigger/index.js +2 -2
- package/internal/components/button-trigger/index.js.map +1 -1
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +16 -14
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/environment.js +1 -1
- package/internal/generated/theming/index.cjs +6 -0
- package/internal/generated/theming/index.js +6 -0
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +75 -71
- package/link/styles.selectors.js +20 -20
- package/multiselect/interfaces.d.ts +4 -0
- package/multiselect/interfaces.d.ts.map +1 -1
- package/multiselect/interfaces.js.map +1 -1
- package/multiselect/internal.d.ts.map +1 -1
- package/multiselect/internal.js +2 -2
- package/multiselect/internal.js.map +1 -1
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +25 -23
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +45 -43
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +67 -63
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +34 -32
- package/progress-bar/styles.selectors.js +18 -18
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +37 -35
- package/segmented-control/styles.selectors.js +14 -14
- package/select/interfaces.d.ts +4 -0
- package/select/interfaces.d.ts.map +1 -1
- package/select/interfaces.js.map +1 -1
- package/select/internal.d.ts +1 -1
- package/select/internal.d.ts.map +1 -1
- package/select/internal.js +2 -2
- package/select/internal.js.map +1 -1
- package/select/utils/use-select.d.ts +2 -1
- package/select/utils/use-select.d.ts.map +1 -1
- package/select/utils/use-select.js +4 -2
- package/select/utils/use-select.js.map +1 -1
- package/side-navigation/styles.css.js +22 -22
- package/side-navigation/styles.scoped.css +36 -32
- package/side-navigation/styles.selectors.js +22 -22
- package/split-panel/styles.css.js +59 -59
- package/split-panel/styles.scoped.css +83 -81
- package/split-panel/styles.selectors.js +59 -59
- package/table/header-cell/styles.css.js +18 -18
- package/table/header-cell/styles.scoped.css +32 -30
- package/table/header-cell/styles.selectors.js +18 -18
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +40 -38
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +12 -10
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +70 -60
- package/text-content/styles.selectors.js +1 -1
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +44 -42
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +72 -66
- package/top-navigation/styles.selectors.js +47 -47
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"help-panel": "awsui_help-
|
|
6
|
-
"header": "
|
|
7
|
-
"content": "
|
|
8
|
-
"footer": "
|
|
5
|
+
"help-panel": "awsui_help-panel_1d237_122yv_94",
|
|
6
|
+
"header": "awsui_header_1d237_122yv_268",
|
|
7
|
+
"content": "awsui_content_1d237_122yv_298",
|
|
8
|
+
"footer": "awsui_footer_1d237_122yv_309"
|
|
9
9
|
};
|
|
10
10
|
|
|
@@ -394,6 +394,8 @@
|
|
|
394
394
|
--font-link-primary-weight-91pybi:"inherit";
|
|
395
395
|
--font-panel-header-line-height-x2226j:24px;
|
|
396
396
|
--font-panel-header-size-0vdgjc:20px;
|
|
397
|
+
--font-smoothing-webkit-vu3hx4:antialiased;
|
|
398
|
+
--font-smoothing-moz-osx-nkh1jb:grayscale;
|
|
397
399
|
--font-tabs-disabled-weight-imwq16:800;
|
|
398
400
|
--font-tabs-line-height-qo8cr6:20px;
|
|
399
401
|
--font-tabs-size-01zslx:16px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA0ED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}
|
|
@@ -9,10 +9,10 @@ import styles from './styles.css.js';
|
|
|
9
9
|
import { fireKeyboardEvent, fireCancelableEvent } from '../../events';
|
|
10
10
|
import useFocusVisible from '../../hooks/focus-visible';
|
|
11
11
|
var ButtonTrigger = function (_a, ref) {
|
|
12
|
-
var children = _a.children, _b = _a.pressed, pressed = _b === void 0 ? false : _b, _c = _a.hideCaret, hideCaret = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.readOnly, readOnly = _e === void 0 ? false : _e, _f = _a.invalid, invalid = _f === void 0 ? false : _f, inFilteringToken = _a.inFilteringToken, ariaHasPopup = _a.ariaHasPopup, ariaLabel = _a.ariaLabel, ariaLabelledby = _a.ariaLabelledby, ariaDescribedby = _a.ariaDescribedby, onKeyDown = _a.onKeyDown, onKeyUp = _a.onKeyUp, onMouseDown = _a.onMouseDown, onClick = _a.onClick, onFocus = _a.onFocus, onBlur = _a.onBlur, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur"]);
|
|
12
|
+
var children = _a.children, _b = _a.pressed, pressed = _b === void 0 ? false : _b, _c = _a.hideCaret, hideCaret = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.readOnly, readOnly = _e === void 0 ? false : _e, _f = _a.invalid, invalid = _f === void 0 ? false : _f, inFilteringToken = _a.inFilteringToken, ariaHasPopup = _a.ariaHasPopup, ariaLabel = _a.ariaLabel, ariaLabelledby = _a.ariaLabelledby, ariaDescribedby = _a.ariaDescribedby, onKeyDown = _a.onKeyDown, onKeyUp = _a.onKeyUp, onMouseDown = _a.onMouseDown, onClick = _a.onClick, onFocus = _a.onFocus, onBlur = _a.onBlur, autoFocus = _a.autoFocus, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur", "autoFocus"]);
|
|
13
13
|
var baseProps = getBaseProps(restProps);
|
|
14
14
|
var focusVisible = useFocusVisible();
|
|
15
|
-
var attributes = __assign(__assign(__assign({}, focusVisible), baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', onKeyDown: onKeyDown && (function (event) { return fireKeyboardEvent(onKeyDown, event); }), onKeyUp: onKeyUp && (function (event) { return fireKeyboardEvent(onKeyUp, event); }), onMouseDown: onMouseDown && (function (event) { return fireCancelableEvent(onMouseDown, {}, event); }), onClick: onClick && (function (event) { return fireCancelableEvent(onClick, {}, event); }), onFocus: onFocus && (function (event) { return fireCancelableEvent(onFocus, {}, event); }), onBlur: onBlur && (function (event) { return fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event); }) });
|
|
15
|
+
var attributes = __assign(__assign(__assign({}, focusVisible), baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', onKeyDown: onKeyDown && (function (event) { return fireKeyboardEvent(onKeyDown, event); }), onKeyUp: onKeyUp && (function (event) { return fireKeyboardEvent(onKeyUp, event); }), onMouseDown: onMouseDown && (function (event) { return fireCancelableEvent(onMouseDown, {}, event); }), onClick: onClick && (function (event) { return fireCancelableEvent(onClick, {}, event); }), onFocus: onFocus && (function (event) { return fireCancelableEvent(onFocus, {}, event); }), onBlur: onBlur && (function (event) { return fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event); }), autoFocus: autoFocus });
|
|
16
16
|
if (invalid) {
|
|
17
17
|
attributes['aria-invalid'] = invalid;
|
|
18
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAyC,MAAM,cAAc,CAAC;AAC7G,OAAO,eAAe,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/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, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport InternalIcon from '../../../icon/internal';\nimport styles from './styles.css.js';\nimport { fireKeyboardEvent, fireCancelableEvent, CancelableEventHandler, BaseKeyDetail } from '../../events';\nimport useFocusVisible from '../../hooks/focus-visible';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n children?: React.ReactNode;\n pressed?: boolean;\n hideCaret?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n invalid?: boolean;\n inFilteringToken?: boolean;\n ariaHasPopup?: 'true' | 'listbox';\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n onMouseDown?: CancelableEventHandler;\n onClick?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n onBlur?: CancelableEventHandler<{ relatedTarget: Node | null }>;\n autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n {\n children,\n pressed = false,\n hideCaret = false,\n disabled = false,\n readOnly = false,\n invalid = false,\n inFilteringToken,\n ariaHasPopup,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onClick,\n onFocus,\n onBlur,\n autoFocus,\n ...restProps\n }: ButtonTriggerProps,\n ref: React.Ref<HTMLButtonElement>\n) => {\n const baseProps = getBaseProps(restProps);\n const focusVisible = useFocusVisible();\n\n const attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n ...focusVisible,\n ...baseProps,\n type: 'button',\n className: clsx(\n styles['button-trigger'],\n baseProps.className,\n pressed && styles.pressed,\n disabled && styles.disabled,\n invalid && styles.invalid,\n !hideCaret && styles['has-caret'],\n readOnly && styles['read-only'],\n inFilteringToken && styles['in-filtering-token']\n ),\n disabled: disabled || readOnly,\n 'aria-expanded': pressed,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup ?? 'listbox',\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n autoFocus,\n };\n\n if (invalid) {\n attributes['aria-invalid'] = invalid;\n }\n\n return (\n <button ref={ref} {...attributes}>\n {children}\n {!hideCaret && (\n <span className={styles.arrow}>\n <InternalIcon name=\"caret-down-filled\" variant={disabled ? 'disabled' : 'normal'} />\n </span>\n )}\n </button>\n );\n};\n\nexport namespace ButtonTriggerProps {\n export interface Ref {\n focus(): void;\n }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"button": "
|
|
5
|
-
"expanded": "
|
|
6
|
-
"offset-right-none": "awsui_offset-right-
|
|
7
|
-
"offset-right-l": "awsui_offset-right-
|
|
8
|
-
"offset-right-xxl": "awsui_offset-right-
|
|
9
|
-
"text": "
|
|
10
|
-
"icon": "
|
|
4
|
+
"button": "awsui_button_m5h9f_1qu3j_93",
|
|
5
|
+
"expanded": "awsui_expanded_m5h9f_1qu3j_125",
|
|
6
|
+
"offset-right-none": "awsui_offset-right-none_m5h9f_1qu3j_136",
|
|
7
|
+
"offset-right-l": "awsui_offset-right-l_m5h9f_1qu3j_139",
|
|
8
|
+
"offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1qu3j_142",
|
|
9
|
+
"text": "awsui_text_m5h9f_1qu3j_164",
|
|
10
|
+
"icon": "awsui_icon_m5h9f_1qu3j_168"
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_button_m5h9f_1qu3j_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -128,6 +128,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
128
128
|
min-width: 0;
|
|
129
129
|
-ms-word-break: break-all;
|
|
130
130
|
word-break: break-word;
|
|
131
|
+
font-weight: var(--font-button-weight-7rj5fx, 800);
|
|
132
|
+
-webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
|
|
133
|
+
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
|
|
131
134
|
display: flex;
|
|
132
135
|
flex-wrap: nowrap;
|
|
133
136
|
align-items: center;
|
|
@@ -139,41 +142,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
139
142
|
cursor: pointer;
|
|
140
143
|
border: transparent;
|
|
141
144
|
background: transparent;
|
|
142
|
-
font-weight: var(--font-button-weight-7rj5fx, 800);
|
|
143
145
|
color: var(--color-text-interactive-default-eg5fsa, #414d5c);
|
|
144
146
|
}
|
|
145
|
-
.
|
|
147
|
+
.awsui_button_m5h9f_1qu3j_93:not(#\9):hover {
|
|
146
148
|
color: var(--color-text-interactive-hover-v3lasm, #000716);
|
|
147
149
|
text-decoration: none;
|
|
148
150
|
}
|
|
149
|
-
.
|
|
151
|
+
.awsui_button_m5h9f_1qu3j_93:not(#\9):active, .awsui_button_m5h9f_1qu3j_93.awsui_expanded_m5h9f_1qu3j_125:not(#\9) {
|
|
150
152
|
background: transparent;
|
|
151
153
|
color: var(--color-text-interactive-active-vol84d, #000716);
|
|
152
154
|
}
|
|
153
|
-
.
|
|
155
|
+
.awsui_button_m5h9f_1qu3j_93.awsui_expanded_m5h9f_1qu3j_125:not(#\9) {
|
|
154
156
|
color: var(--color-text-accent-s1eqko, #0972d3);
|
|
155
157
|
}
|
|
156
|
-
.
|
|
158
|
+
.awsui_button_m5h9f_1qu3j_93:not(#\9):focus {
|
|
157
159
|
outline: none;
|
|
158
160
|
text-decoration: none;
|
|
159
161
|
}
|
|
160
|
-
.
|
|
162
|
+
.awsui_button_m5h9f_1qu3j_93.awsui_offset-right-none_m5h9f_1qu3j_136:not(#\9) {
|
|
161
163
|
margin-right: 0;
|
|
162
164
|
}
|
|
163
|
-
.
|
|
165
|
+
.awsui_button_m5h9f_1qu3j_93.awsui_offset-right-l_m5h9f_1qu3j_139:not(#\9) {
|
|
164
166
|
margin-right: var(--space-s-hv8c1d, 12px);
|
|
165
167
|
}
|
|
166
|
-
.
|
|
168
|
+
.awsui_button_m5h9f_1qu3j_93.awsui_offset-right-xxl_m5h9f_1qu3j_142:not(#\9) {
|
|
167
169
|
margin-right: var(--space-xl-a39hup, 24px);
|
|
168
170
|
}
|
|
169
|
-
.
|
|
171
|
+
.awsui_button_m5h9f_1qu3j_93[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
170
172
|
position: relative;
|
|
171
173
|
}
|
|
172
|
-
.
|
|
174
|
+
.awsui_button_m5h9f_1qu3j_93[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
173
175
|
outline: 2px dotted transparent;
|
|
174
176
|
outline-offset: calc(-1px - 1px);
|
|
175
177
|
}
|
|
176
|
-
.
|
|
178
|
+
.awsui_button_m5h9f_1qu3j_93[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
177
179
|
content: " ";
|
|
178
180
|
display: block;
|
|
179
181
|
position: absolute;
|
|
@@ -185,10 +187,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
185
187
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
186
188
|
}
|
|
187
189
|
|
|
188
|
-
.
|
|
190
|
+
.awsui_text_m5h9f_1qu3j_164:not(#\9) {
|
|
189
191
|
margin-right: var(--space-xs-rsr2qu, 8px);
|
|
190
192
|
}
|
|
191
193
|
|
|
192
|
-
.
|
|
194
|
+
.awsui_icon_m5h9f_1qu3j_168 + .awsui_text_m5h9f_1qu3j_164:not(#\9) {
|
|
193
195
|
margin-left: var(--space-xs-rsr2qu, 8px);
|
|
194
196
|
}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"button": "
|
|
6
|
-
"expanded": "
|
|
7
|
-
"offset-right-none": "awsui_offset-right-
|
|
8
|
-
"offset-right-l": "awsui_offset-right-
|
|
9
|
-
"offset-right-xxl": "awsui_offset-right-
|
|
10
|
-
"text": "
|
|
11
|
-
"icon": "
|
|
5
|
+
"button": "awsui_button_m5h9f_1qu3j_93",
|
|
6
|
+
"expanded": "awsui_expanded_m5h9f_1qu3j_125",
|
|
7
|
+
"offset-right-none": "awsui_offset-right-none_m5h9f_1qu3j_136",
|
|
8
|
+
"offset-right-l": "awsui_offset-right-l_m5h9f_1qu3j_139",
|
|
9
|
+
"offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1qu3j_142",
|
|
10
|
+
"text": "awsui_text_m5h9f_1qu3j_164",
|
|
11
|
+
"icon": "awsui_icon_m5h9f_1qu3j_168"
|
|
12
12
|
};
|
|
13
13
|
|
package/internal/environment.js
CHANGED
|
@@ -1595,6 +1595,8 @@ module.exports.preset = {
|
|
|
1595
1595
|
"fontLinkPrimaryWeight": "\"inherit\"",
|
|
1596
1596
|
"fontPanelHeaderLineHeight": "{fontHeadingMLineHeight}",
|
|
1597
1597
|
"fontPanelHeaderSize": "{fontHeadingMSize}",
|
|
1598
|
+
"fontSmoothingWebkit": "antialiased",
|
|
1599
|
+
"fontSmoothingMozOsx": "grayscale",
|
|
1598
1600
|
"fontTabsDisabledWeight": "{fontWayfindingLinkActiveWeight}",
|
|
1599
1601
|
"fontTabsLineHeight": "{fontHeadingSLineHeight}",
|
|
1600
1602
|
"fontTabsSize": "{fontHeadingSSize}",
|
|
@@ -7131,6 +7133,8 @@ module.exports.preset = {
|
|
|
7131
7133
|
"fontLinkPrimaryWeight": "font-link-primary-weight",
|
|
7132
7134
|
"fontPanelHeaderLineHeight": "font-panel-header-line-height",
|
|
7133
7135
|
"fontPanelHeaderSize": "font-panel-header-size",
|
|
7136
|
+
"fontSmoothingWebkit": "font-smoothing-webkit",
|
|
7137
|
+
"fontSmoothingMozOsx": "font-smoothing-moz-osx",
|
|
7134
7138
|
"fontTabsDisabledWeight": "font-tabs-disabled-weight",
|
|
7135
7139
|
"fontTabsLineHeight": "font-tabs-line-height",
|
|
7136
7140
|
"fontTabsSize": "font-tabs-size",
|
|
@@ -7778,6 +7782,8 @@ module.exports.preset = {
|
|
|
7778
7782
|
"fontLinkPrimaryWeight": "--font-link-primary-weight-91pybi",
|
|
7779
7783
|
"fontPanelHeaderLineHeight": "--font-panel-header-line-height-x2226j",
|
|
7780
7784
|
"fontPanelHeaderSize": "--font-panel-header-size-0vdgjc",
|
|
7785
|
+
"fontSmoothingWebkit": "--font-smoothing-webkit-vu3hx4",
|
|
7786
|
+
"fontSmoothingMozOsx": "--font-smoothing-moz-osx-nkh1jb",
|
|
7781
7787
|
"fontTabsDisabledWeight": "--font-tabs-disabled-weight-imwq16",
|
|
7782
7788
|
"fontTabsLineHeight": "--font-tabs-line-height-qo8cr6",
|
|
7783
7789
|
"fontTabsSize": "--font-tabs-size-01zslx",
|
|
@@ -1595,6 +1595,8 @@ export var preset = {
|
|
|
1595
1595
|
"fontLinkPrimaryWeight": "\"inherit\"",
|
|
1596
1596
|
"fontPanelHeaderLineHeight": "{fontHeadingMLineHeight}",
|
|
1597
1597
|
"fontPanelHeaderSize": "{fontHeadingMSize}",
|
|
1598
|
+
"fontSmoothingWebkit": "antialiased",
|
|
1599
|
+
"fontSmoothingMozOsx": "grayscale",
|
|
1598
1600
|
"fontTabsDisabledWeight": "{fontWayfindingLinkActiveWeight}",
|
|
1599
1601
|
"fontTabsLineHeight": "{fontHeadingSLineHeight}",
|
|
1600
1602
|
"fontTabsSize": "{fontHeadingSSize}",
|
|
@@ -7131,6 +7133,8 @@ export var preset = {
|
|
|
7131
7133
|
"fontLinkPrimaryWeight": "font-link-primary-weight",
|
|
7132
7134
|
"fontPanelHeaderLineHeight": "font-panel-header-line-height",
|
|
7133
7135
|
"fontPanelHeaderSize": "font-panel-header-size",
|
|
7136
|
+
"fontSmoothingWebkit": "font-smoothing-webkit",
|
|
7137
|
+
"fontSmoothingMozOsx": "font-smoothing-moz-osx",
|
|
7134
7138
|
"fontTabsDisabledWeight": "font-tabs-disabled-weight",
|
|
7135
7139
|
"fontTabsLineHeight": "font-tabs-line-height",
|
|
7136
7140
|
"fontTabsSize": "font-tabs-size",
|
|
@@ -7778,6 +7782,8 @@ export var preset = {
|
|
|
7778
7782
|
"fontLinkPrimaryWeight": "--font-link-primary-weight-91pybi",
|
|
7779
7783
|
"fontPanelHeaderLineHeight": "--font-panel-header-line-height-x2226j",
|
|
7780
7784
|
"fontPanelHeaderSize": "--font-panel-header-size-0vdgjc",
|
|
7785
|
+
"fontSmoothingWebkit": "--font-smoothing-webkit-vu3hx4",
|
|
7786
|
+
"fontSmoothingMozOsx": "--font-smoothing-moz-osx-nkh1jb",
|
|
7781
7787
|
"fontTabsDisabledWeight": "--font-tabs-disabled-weight-imwq16",
|
|
7782
7788
|
"fontTabsLineHeight": "--font-tabs-line-height-qo8cr6",
|
|
7783
7789
|
"fontTabsSize": "--font-tabs-size-01zslx",
|
package/internal/manifest.json
CHANGED
package/link/styles.css.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"link": "
|
|
5
|
-
"variant-secondary": "awsui_variant-
|
|
6
|
-
"variant-primary": "awsui_variant-
|
|
7
|
-
"variant-info": "awsui_variant-
|
|
8
|
-
"variant-value-large": "awsui_variant-value-
|
|
9
|
-
"variant-top-navigation": "awsui_variant-top-
|
|
10
|
-
"variant-recovery": "awsui_variant-
|
|
11
|
-
"button": "
|
|
12
|
-
"color-inverted": "awsui_color-
|
|
13
|
-
"font-size-body-s": "awsui_font-size-body-
|
|
14
|
-
"font-size-body-m": "awsui_font-size-body-
|
|
15
|
-
"font-size-heading-xs": "awsui_font-size-heading-
|
|
16
|
-
"font-size-heading-s": "awsui_font-size-heading-
|
|
17
|
-
"font-size-heading-m": "awsui_font-size-heading-
|
|
18
|
-
"font-size-heading-l": "awsui_font-size-heading-
|
|
19
|
-
"font-size-heading-xl": "awsui_font-size-heading-
|
|
20
|
-
"font-size-display-l": "awsui_font-size-display-
|
|
21
|
-
"font-size-inherit": "awsui_font-size-
|
|
22
|
-
"icon-wrapper": "awsui_icon-
|
|
23
|
-
"icon": "
|
|
4
|
+
"link": "awsui_link_4c84z_1r9bu_93",
|
|
5
|
+
"variant-secondary": "awsui_variant-secondary_4c84z_1r9bu_138",
|
|
6
|
+
"variant-primary": "awsui_variant-primary_4c84z_1r9bu_173",
|
|
7
|
+
"variant-info": "awsui_variant-info_4c84z_1r9bu_208",
|
|
8
|
+
"variant-value-large": "awsui_variant-value-large_4c84z_1r9bu_245",
|
|
9
|
+
"variant-top-navigation": "awsui_variant-top-navigation_4c84z_1r9bu_279",
|
|
10
|
+
"variant-recovery": "awsui_variant-recovery_4c84z_1r9bu_314",
|
|
11
|
+
"button": "awsui_button_4c84z_1r9bu_349",
|
|
12
|
+
"color-inverted": "awsui_color-inverted_4c84z_1r9bu_386",
|
|
13
|
+
"font-size-body-s": "awsui_font-size-body-s_4c84z_1r9bu_405",
|
|
14
|
+
"font-size-body-m": "awsui_font-size-body-m_4c84z_1r9bu_410",
|
|
15
|
+
"font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1r9bu_414",
|
|
16
|
+
"font-size-heading-s": "awsui_font-size-heading-s_4c84z_1r9bu_418",
|
|
17
|
+
"font-size-heading-m": "awsui_font-size-heading-m_4c84z_1r9bu_423",
|
|
18
|
+
"font-size-heading-l": "awsui_font-size-heading-l_4c84z_1r9bu_428",
|
|
19
|
+
"font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1r9bu_433",
|
|
20
|
+
"font-size-display-l": "awsui_font-size-display-l_4c84z_1r9bu_438",
|
|
21
|
+
"font-size-inherit": "awsui_font-size-inherit_4c84z_1r9bu_443",
|
|
22
|
+
"icon-wrapper": "awsui_icon-wrapper_4c84z_1r9bu_449",
|
|
23
|
+
"icon": "awsui_icon_4c84z_1r9bu_449"
|
|
24
24
|
};
|
|
25
25
|
|