@cloudscape-design/components-themeable 3.0.963 → 3.0.965
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/segmented-control/styles.scss +1 -0
- package/lib/internal/template/checkbox/analytics-metadata/interfaces.d.ts +6 -1
- package/lib/internal/template/checkbox/analytics-metadata/interfaces.d.ts.map +1 -1
- package/lib/internal/template/checkbox/analytics-metadata/interfaces.js.map +1 -1
- package/lib/internal/template/checkbox/internal.d.ts.map +1 -1
- package/lib/internal/template/checkbox/internal.js +1 -3
- package/lib/internal/template/checkbox/internal.js.map +1 -1
- package/lib/internal/template/internal/base-component/index.d.ts +1 -0
- package/lib/internal/template/internal/base-component/index.d.ts.map +1 -1
- package/lib/internal/template/internal/base-component/index.js +11 -1
- package/lib/internal/template/internal/base-component/index.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +10 -0
- package/lib/internal/template/internal/components/button-trigger/analytics-metadata/interfaces.d.ts +7 -2
- package/lib/internal/template/internal/components/button-trigger/analytics-metadata/interfaces.d.ts.map +1 -1
- package/lib/internal/template/internal/components/button-trigger/analytics-metadata/interfaces.js.map +1 -1
- package/lib/internal/template/internal/components/button-trigger/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/button-trigger/index.js +1 -2
- package/lib/internal/template/internal/components/button-trigger/index.js.map +1 -1
- package/lib/internal/template/internal/components/selectable-item/analytics-metadata/interfaces.d.ts +2 -2
- package/lib/internal/template/internal/components/selectable-item/analytics-metadata/interfaces.d.ts.map +1 -1
- package/lib/internal/template/internal/components/selectable-item/analytics-metadata/interfaces.js.map +1 -1
- package/lib/internal/template/internal/components/token-list/analytics-metadata/interfaces.d.ts +7 -2
- package/lib/internal/template/internal/components/token-list/analytics-metadata/interfaces.d.ts.map +1 -1
- package/lib/internal/template/internal/components/token-list/analytics-metadata/interfaces.js.map +1 -1
- package/lib/internal/template/internal/components/token-list/token-limit-toggle.d.ts.map +1 -1
- package/lib/internal/template/internal/components/token-list/token-limit-toggle.js +1 -2
- package/lib/internal/template/internal/components/token-list/token-limit-toggle.js.map +1 -1
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +1 -0
- package/lib/internal/template/internal/generated/styles/tokens.js +1 -0
- package/lib/internal/template/internal/generated/theming/index.cjs +32 -0
- package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +9 -0
- package/lib/internal/template/internal/generated/theming/index.d.ts +9 -0
- package/lib/internal/template/internal/generated/theming/index.js +32 -0
- package/lib/internal/template/multiselect/analytics-metadata/interfaces.d.ts +8 -0
- package/lib/internal/template/multiselect/analytics-metadata/interfaces.d.ts.map +1 -1
- package/lib/internal/template/multiselect/analytics-metadata/interfaces.js.map +1 -1
- package/lib/internal/template/property-filter/analytics-metadata/interfaces.d.ts +17 -0
- package/lib/internal/template/property-filter/analytics-metadata/interfaces.d.ts.map +1 -1
- package/lib/internal/template/property-filter/analytics-metadata/interfaces.js.map +1 -1
- package/lib/internal/template/segmented-control/styles.css.js +16 -16
- package/lib/internal/template/segmented-control/styles.scoped.css +37 -36
- package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
- package/lib/internal/template/select/analytics-metadata/interfaces.d.ts +5 -0
- package/lib/internal/template/select/analytics-metadata/interfaces.d.ts.map +1 -1
- package/lib/internal/template/select/analytics-metadata/interfaces.js.map +1 -1
- package/lib/internal/template/table/analytics-metadata/interfaces.d.ts +15 -3
- package/lib/internal/template/table/analytics-metadata/interfaces.d.ts.map +1 -1
- package/lib/internal/template/table/analytics-metadata/interfaces.js.map +1 -1
- package/lib/internal/template/table/body-cell/disabled-inline-editor.js +1 -1
- package/lib/internal/template/table/body-cell/disabled-inline-editor.js.map +1 -1
- package/lib/internal/template/table/selection/selection-cell.d.ts.map +1 -1
- package/lib/internal/template/table/selection/selection-cell.js +4 -1
- package/lib/internal/template/table/selection/selection-cell.js.map +1 -1
- package/lib/internal/template/table/selection/selection-control.d.ts.map +1 -1
- package/lib/internal/template/table/selection/selection-control.js.map +1 -1
- package/lib/internal/template/table/thead.d.ts.map +1 -1
- package/lib/internal/template/table/thead.js +1 -4
- package/lib/internal/template/table/thead.js.map +1 -1
- package/lib/internal/template/toggle/analytics-metadata/interfaces.d.ts +6 -1
- package/lib/internal/template/toggle/analytics-metadata/interfaces.d.ts.map +1 -1
- package/lib/internal/template/toggle/analytics-metadata/interfaces.js.map +1 -1
- package/lib/internal/template/toggle/internal.d.ts.map +1 -1
- package/lib/internal/template/toggle/internal.js +1 -3
- package/lib/internal/template/toggle/internal.js.map +1 -1
- package/lib/internal/template/token-group/analytics-metadata/interfaces.d.ts +3 -0
- package/lib/internal/template/token-group/analytics-metadata/interfaces.d.ts.map +1 -1
- package/lib/internal/template/token-group/analytics-metadata/interfaces.js.map +1 -1
- package/package.json +1 -1
|
@@ -31,6 +31,7 @@
|
|
|
31
31
|
border-start-end-radius: awsui.$border-radius-button;
|
|
32
32
|
border-end-start-radius: awsui.$border-radius-button;
|
|
33
33
|
border-end-end-radius: awsui.$border-radius-button;
|
|
34
|
+
background-color: awsui.$color-background-segment-wrapper;
|
|
34
35
|
align-items: center;
|
|
35
36
|
min-block-size: calc(awsui.$line-height-body-m + awsui.$space-static-xxs);
|
|
36
37
|
padding-block: calc(seg.$segment-gap / 2 - awsui.$border-width-field);
|
|
@@ -3,7 +3,12 @@ export interface GeneratedAnalyticsMetadataCheckboxSelect {
|
|
|
3
3
|
action: 'select';
|
|
4
4
|
detail: {
|
|
5
5
|
label: string;
|
|
6
|
-
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
export interface GeneratedAnalyticsMetadataCheckboxDeselect {
|
|
9
|
+
action: 'deselect';
|
|
10
|
+
detail: {
|
|
11
|
+
label: string;
|
|
7
12
|
};
|
|
8
13
|
}
|
|
9
14
|
export interface GeneratedAnalyticsMetadataCheckboxComponent {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/checkbox/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,wCAAwC;IACvD,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/checkbox/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,wCAAwC;IACvD,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AACD,MAAM,WAAW,0CAA0C;IACzD,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,2CAA2C;IAC1D,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;CACjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/checkbox/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataCheckboxSelect {\n action: 'select';\n detail: {\n label: string;\n
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/checkbox/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataCheckboxSelect {\n action: 'select';\n detail: {\n label: string;\n };\n}\nexport interface GeneratedAnalyticsMetadataCheckboxDeselect {\n action: 'deselect';\n detail: {\n label: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataCheckboxComponent {\n name: 'awsui.Checkbox';\n label: string | LabelIdentifier;\n}\n"]}
|
|
@@ -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;
|
|
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;AAElF,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI7C,UAAU,aAAc,SAAQ,aAAa,EAAE,0BAA0B;IACvE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAED,QAAA,MAAM,gBAAgB,yFAkGrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -33,9 +33,7 @@ const InternalCheckbox = React.forwardRef((_a, ref) => {
|
|
|
33
33
|
analyticsMetadata.component = analyticsComponentMetadata;
|
|
34
34
|
}
|
|
35
35
|
if (!disabled && !readOnly) {
|
|
36
|
-
analyticsMetadata.
|
|
37
|
-
selected: `${!checked}`,
|
|
38
|
-
};
|
|
36
|
+
analyticsMetadata.action = !checked ? 'select' : 'deselect';
|
|
39
37
|
}
|
|
40
38
|
return (React.createElement(AbstractSwitch, Object.assign({}, baseProps, { className: clsx(styles.root, baseProps.className), controlClassName: styles['checkbox-control'], outlineClassName: styles.outline, controlId: controlId, disabled: disabled, readOnly: readOnly, label: children, description: description, descriptionBottomPadding: true, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, ariaControls: ariaControls, showOutline: showOutline, nativeControl: nativeControlProps => (React.createElement("input", Object.assign({}, nativeControlProps, { 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),
|
|
41
39
|
// empty handler to suppress React controllability warning
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/checkbox/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAEL,6BAA6B,GAC9B,MAAM,kEAAkE,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,wDAAwD,CAAC;AACpG,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,eAAe,MAAM,iCAAiC,CAAC;
|
|
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 {\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 { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { GeneratedAnalyticsMetadataCheckboxComponent } from './analytics-metadata/interfaces';\nimport { CheckboxProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface InternalProps extends CheckboxProps, InternalBaseComponentProps {\n tabIndex?: -1;\n showOutline?: boolean;\n __injectAnalyticsComponentMetadata?: boolean;\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 __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 };\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={styles['checkbox-control']}\n outlineClassName={styles.outline}\n controlId={controlId}\n disabled={disabled}\n readOnly={readOnly}\n label={children}\n description={description}\n descriptionBottomPadding={true}\n ariaLabel={ariaLabel}\n ariaLabelledby={ariaLabelledby}\n ariaDescribedby={ariaDescribedby}\n ariaControls={ariaControls}\n showOutline={showOutline}\n nativeControl={nativeControlProps => (\n <input\n {...nativeControlProps}\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 checked={checked} indeterminate={indeterminate} disabled={disabled} readOnly={readOnly} />\n }\n __internalRootRef={__internalRootRef}\n {...getAnalyticsMetadataAttribute(analyticsMetadata)}\n />\n );\n }\n);\n\nexport default InternalCheckbox;\n"]}
|
|
@@ -15,6 +15,7 @@ export interface BaseComponentProps {
|
|
|
15
15
|
id?: string;
|
|
16
16
|
}
|
|
17
17
|
export declare function getBaseProps(props: BaseComponentProps): BaseComponentProps;
|
|
18
|
+
export declare function validateProps(componentName: string, props: Record<string, any>, excludedProps: Array<string>, allowedEnums: Record<string, Array<string>>): void;
|
|
18
19
|
export interface BasePropsWithAnalyticsMetadata {
|
|
19
20
|
analyticsMetadata?: AnalyticsMetadata;
|
|
20
21
|
__analyticsMetadata?: AnalyticsMetadata;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAI5D,OAAO,iBAAiB,CAAC;AAIzB,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CAIb;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,sBAQrD;AAED,MAAM,WAAW,8BAA8B;IAC7C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,8BAA8B,EAChF,KAAK,CAAC,EAAE,CAAC,GACR,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAEhE"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAI5D,OAAO,iBAAiB,CAAC;AAIzB,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CAIb;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,sBAQrD;AAED,wBAAgB,aAAa,CAC3B,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,EAC5B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,QAU5C;AAED,MAAM,WAAW,8BAA8B;IAC7C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,8BAA8B,EAChF,KAAK,CAAC,EAAE,CAAC,GACR,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAEhE"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
3
|
import { initAwsUiVersions } from '@cloudscape-design/component-toolkit/internal';
|
|
4
|
-
import { PACKAGE_SOURCE, PACKAGE_VERSION } from '../environment';
|
|
4
|
+
import { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../environment';
|
|
5
5
|
// these styles needed to be imported for every public component
|
|
6
6
|
import './styles.css.js';
|
|
7
7
|
initAwsUiVersions(PACKAGE_SOURCE, PACKAGE_VERSION);
|
|
@@ -14,6 +14,16 @@ export function getBaseProps(props) {
|
|
|
14
14
|
});
|
|
15
15
|
return baseProps;
|
|
16
16
|
}
|
|
17
|
+
export function validateProps(componentName, props, excludedProps, allowedEnums) {
|
|
18
|
+
for (const [prop, value] of Object.entries(props)) {
|
|
19
|
+
if (excludedProps.includes(prop)) {
|
|
20
|
+
throw new Error(`${componentName} does not support "${prop}" property when used in ${THEME} theme`);
|
|
21
|
+
}
|
|
22
|
+
if (allowedEnums[prop] && !allowedEnums[prop].includes(value)) {
|
|
23
|
+
throw new Error(`${componentName} does not support "${prop}" with value "${value}" when used in ${THEME} theme`);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
17
27
|
/**
|
|
18
28
|
* Helper function to merge beta analytics metadata with the public analytics metadata api.
|
|
19
29
|
* Beta analytics metadata will override the public values to allow for safe migration.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAGlF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAGlF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAExE,gEAAgE;AAChE,OAAO,iBAAiB,CAAC;AAEzB,iBAAiB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAoBnD,MAAM,UAAU,YAAY,CAAC,KAAyB;IACpD,MAAM,SAAS,GAAwB,EAAE,CAAC;IAC1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAChC,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YACjE,SAAS,CAAC,IAAI,CAAC,GAAI,KAA6B,CAAC,IAAI,CAAC,CAAC;SACxD;IACH,CAAC,CAAC,CAAC;IACH,OAAO,SAA+B,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,aAAqB,EACrB,KAA0B,EAC1B,aAA4B,EAC5B,YAA2C;IAE3C,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACjD,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YAChC,MAAM,IAAI,KAAK,CAAC,GAAG,aAAa,sBAAsB,IAAI,2BAA2B,KAAK,QAAQ,CAAC,CAAC;SACrG;QACD,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YAC7D,MAAM,IAAI,KAAK,CAAC,GAAG,aAAa,sBAAsB,IAAI,iBAAiB,KAAK,kBAAkB,KAAK,QAAQ,CAAC,CAAC;SAClH;KACF;AACH,CAAC;AAOD;;;GAGG;AACH,MAAM,UAAU,yBAAyB,CACvC,KAAS;IAET,uCAAY,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,iBAAiB,GAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,EAAG;AACxE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { initAwsUiVersions } from '@cloudscape-design/component-toolkit/internal';\n\nimport { AnalyticsMetadata } from '../analytics/interfaces';\nimport { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../environment';\n\n// these styles needed to be imported for every public component\nimport './styles.css.js';\n\ninitAwsUiVersions(PACKAGE_SOURCE, PACKAGE_VERSION);\n\nexport interface BaseComponentProps {\n /**\n * Adds the specified classes to the root element of the component.\n * @deprecated Custom CSS is not supported. For testing and other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).\n */\n className?: string;\n /**\n * Adds the specified ID to the root element of the component.\n * @deprecated The usage of the `id` attribute is reserved for internal use cases. For testing and other use cases,\n * use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes). If you must\n * use the `id` attribute, consider setting it on a parent element instead.\n */\n id?: string;\n // we also support data-* attributes, but they are always implicitly allowed by typescript\n // http://www.typescriptlang.org/docs/handbook/jsx.html#attribute-type-checking\n // \"Note: If an attribute name is not a valid JS identifier (like a data-* attribute), it is not considered to be an error\"\n}\n\nexport function getBaseProps(props: BaseComponentProps) {\n const baseProps: Record<string, any> = {};\n Object.keys(props).forEach(prop => {\n if (prop === 'id' || prop === 'className' || prop.match(/^data-/)) {\n baseProps[prop] = (props as Record<string, any>)[prop];\n }\n });\n return baseProps as BaseComponentProps;\n}\n\nexport function validateProps(\n componentName: string,\n props: Record<string, any>,\n excludedProps: Array<string>,\n allowedEnums: Record<string, Array<string>>\n) {\n for (const [prop, value] of Object.entries(props)) {\n if (excludedProps.includes(prop)) {\n throw new Error(`${componentName} does not support \"${prop}\" property when used in ${THEME} theme`);\n }\n if (allowedEnums[prop] && !allowedEnums[prop].includes(value)) {\n throw new Error(`${componentName} does not support \"${prop}\" with value \"${value}\" when used in ${THEME} theme`);\n }\n }\n}\n\nexport interface BasePropsWithAnalyticsMetadata {\n analyticsMetadata?: AnalyticsMetadata;\n __analyticsMetadata?: AnalyticsMetadata;\n}\n\n/**\n * Helper function to merge beta analytics metadata with the public analytics metadata api.\n * Beta analytics metadata will override the public values to allow for safe migration.\n */\nexport function getAnalyticsMetadataProps<T extends BasePropsWithAnalyticsMetadata>(\n props?: T\n): NonNullable<T['analyticsMetadata'] & T['__analyticsMetadata']> {\n return { ...props?.analyticsMetadata, ...props?.__analyticsMetadata };\n}\n"]}
|
|
@@ -240,6 +240,7 @@
|
|
|
240
240
|
--color-background-segment-default-r5r5po:#ffffff;
|
|
241
241
|
--color-background-segment-disabled-6rn547:#ffffff;
|
|
242
242
|
--color-background-segment-hover-jtyxhf:#fafafa;
|
|
243
|
+
--color-background-segment-wrapper-06se6k:#ffffff;
|
|
243
244
|
--color-background-slider-handle-default-1hm4ii:#0073bb;
|
|
244
245
|
--color-background-slider-handle-active-clya50:#0a4a74;
|
|
245
246
|
--color-background-slider-track-1ee8bt:#879596;
|
|
@@ -888,6 +889,7 @@
|
|
|
888
889
|
--color-background-segment-default-r5r5po:#2a2e33;
|
|
889
890
|
--color-background-segment-disabled-6rn547:#2a2e33;
|
|
890
891
|
--color-background-segment-hover-jtyxhf:#21252c;
|
|
892
|
+
--color-background-segment-wrapper-06se6k:#2a2e33;
|
|
891
893
|
--color-background-slider-handle-default-1hm4ii:#00a1c9;
|
|
892
894
|
--color-background-slider-handle-active-clya50:#44b9d6;
|
|
893
895
|
--color-background-slider-track-1ee8bt:#687078;
|
|
@@ -1205,6 +1207,7 @@
|
|
|
1205
1207
|
--color-background-segment-default-r5r5po:#2a2e33;
|
|
1206
1208
|
--color-background-segment-disabled-6rn547:#2a2e33;
|
|
1207
1209
|
--color-background-segment-hover-jtyxhf:#21252c;
|
|
1210
|
+
--color-background-segment-wrapper-06se6k:#232f3e;
|
|
1208
1211
|
--color-background-slider-handle-default-1hm4ii:#00a1c9;
|
|
1209
1212
|
--color-background-slider-handle-active-clya50:#44b9d6;
|
|
1210
1213
|
--color-background-slider-track-1ee8bt:#687078;
|
|
@@ -1933,6 +1936,7 @@
|
|
|
1933
1936
|
--color-background-segment-default-r5r5po:#161d26;
|
|
1934
1937
|
--color-background-segment-disabled-6rn547:#161d26;
|
|
1935
1938
|
--color-background-segment-hover-jtyxhf:#1b232d;
|
|
1939
|
+
--color-background-segment-wrapper-06se6k:#161d26;
|
|
1936
1940
|
--color-background-slider-handle-default-1hm4ii:#42b4ff;
|
|
1937
1941
|
--color-background-slider-handle-active-clya50:#75cfff;
|
|
1938
1942
|
--color-background-slider-track-1ee8bt:#656871;
|
|
@@ -2215,6 +2219,7 @@
|
|
|
2215
2219
|
--color-background-segment-default-r5r5po:#161d26;
|
|
2216
2220
|
--color-background-segment-disabled-6rn547:#161d26;
|
|
2217
2221
|
--color-background-segment-hover-jtyxhf:#1b232d;
|
|
2222
|
+
--color-background-segment-wrapper-06se6k:#161d26;
|
|
2218
2223
|
--color-background-slider-handle-default-1hm4ii:#42b4ff;
|
|
2219
2224
|
--color-background-slider-handle-active-clya50:#75cfff;
|
|
2220
2225
|
--color-background-slider-track-1ee8bt:#656871;
|
|
@@ -2425,6 +2430,7 @@
|
|
|
2425
2430
|
--color-background-segment-default-r5r5po:#161d26;
|
|
2426
2431
|
--color-background-segment-disabled-6rn547:#161d26;
|
|
2427
2432
|
--color-background-segment-hover-jtyxhf:#1b232d;
|
|
2433
|
+
--color-background-segment-wrapper-06se6k:#161d26;
|
|
2428
2434
|
--color-background-slider-handle-default-1hm4ii:#42b4ff;
|
|
2429
2435
|
--color-background-slider-handle-active-clya50:#75cfff;
|
|
2430
2436
|
--color-background-slider-track-1ee8bt:#656871;
|
|
@@ -2633,6 +2639,7 @@
|
|
|
2633
2639
|
--color-background-segment-default-r5r5po:#0f141a;
|
|
2634
2640
|
--color-background-segment-disabled-6rn547:#0f141a;
|
|
2635
2641
|
--color-background-segment-hover-jtyxhf:#1b232d;
|
|
2642
|
+
--color-background-segment-wrapper-06se6k:#0f141a;
|
|
2636
2643
|
--color-background-slider-handle-default-1hm4ii:#42b4ff;
|
|
2637
2644
|
--color-background-slider-handle-active-clya50:#75cfff;
|
|
2638
2645
|
--color-background-slider-track-1ee8bt:#656871;
|
|
@@ -2855,6 +2862,7 @@
|
|
|
2855
2862
|
--color-background-segment-default-r5r5po:#0f141a;
|
|
2856
2863
|
--color-background-segment-disabled-6rn547:#0f141a;
|
|
2857
2864
|
--color-background-segment-hover-jtyxhf:#1b232d;
|
|
2865
|
+
--color-background-segment-wrapper-06se6k:#0f141a;
|
|
2858
2866
|
--color-background-slider-handle-default-1hm4ii:#42b4ff;
|
|
2859
2867
|
--color-background-slider-handle-active-clya50:#75cfff;
|
|
2860
2868
|
--color-background-slider-track-1ee8bt:#656871;
|
|
@@ -3289,6 +3297,7 @@
|
|
|
3289
3297
|
--color-background-segment-default-r5r5po:transparent;
|
|
3290
3298
|
--color-background-segment-disabled-6rn547:#161d26;
|
|
3291
3299
|
--color-background-segment-hover-jtyxhf:rgba(255, 255, 255, 0.1);
|
|
3300
|
+
--color-background-segment-wrapper-06se6k:#161d26;
|
|
3292
3301
|
--color-background-slider-handle-default-1hm4ii:#42b4ff;
|
|
3293
3302
|
--color-background-slider-handle-active-clya50:#75cfff;
|
|
3294
3303
|
--color-background-slider-track-1ee8bt:#656871;
|
|
@@ -3499,6 +3508,7 @@
|
|
|
3499
3508
|
--color-background-segment-default-r5r5po:transparent;
|
|
3500
3509
|
--color-background-segment-disabled-6rn547:#161d26;
|
|
3501
3510
|
--color-background-segment-hover-jtyxhf:rgba(255, 255, 255, 0.1);
|
|
3511
|
+
--color-background-segment-wrapper-06se6k:#161d26;
|
|
3502
3512
|
--color-background-slider-handle-default-1hm4ii:#42b4ff;
|
|
3503
3513
|
--color-background-slider-handle-active-clya50:#75cfff;
|
|
3504
3514
|
--color-background-slider-track-1ee8bt:#656871;
|
package/lib/internal/template/internal/components/button-trigger/analytics-metadata/interfaces.d.ts
CHANGED
|
@@ -2,8 +2,13 @@ import { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/a
|
|
|
2
2
|
export interface GeneratedAnalyticsMetadataButtonTriggerExpand {
|
|
3
3
|
action: 'expand';
|
|
4
4
|
detail: {
|
|
5
|
-
label: LabelIdentifier;
|
|
6
|
-
|
|
5
|
+
label: string | LabelIdentifier;
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
export interface GeneratedAnalyticsMetadataButtonTriggerCollapse {
|
|
9
|
+
action: 'collapse';
|
|
10
|
+
detail: {
|
|
11
|
+
label: string | LabelIdentifier;
|
|
7
12
|
};
|
|
8
13
|
}
|
|
9
14
|
//# sourceMappingURL=interfaces.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/button-trigger/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,6CAA6C;IAC5D,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,EAAE,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/button-trigger/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,6CAA6C;IAC5D,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;KACjC,CAAC;CACH;AAED,MAAM,WAAW,+CAA+C;IAC9D,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;KACjC,CAAC;CACH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../src/internal/components/button-trigger/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataButtonTriggerExpand {\n action: 'expand';\n detail: {\n label: LabelIdentifier;\n
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../src/internal/components/button-trigger/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataButtonTriggerExpand {\n action: 'expand';\n detail: {\n label: string | LabelIdentifier;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataButtonTriggerCollapse {\n action: 'collapse';\n detail: {\n label: string | LabelIdentifier;\n };\n}\n"]}
|
|
@@ -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;AAMpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAA0C,MAAM,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;AAMpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAA0C,MAAM,cAAc,CAAC;AAS7G,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,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,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;AAmGD,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}
|
|
@@ -20,10 +20,9 @@ const ButtonTrigger = (_a, ref) => {
|
|
|
20
20
|
attributes['aria-invalid'] = invalid;
|
|
21
21
|
}
|
|
22
22
|
const analyticsMetadata = {
|
|
23
|
-
action: 'expand',
|
|
23
|
+
action: !pressed ? 'expand' : 'collapse',
|
|
24
24
|
detail: {
|
|
25
25
|
label: { root: 'self' },
|
|
26
|
-
expanded: `${!pressed}`,
|
|
27
26
|
},
|
|
28
27
|
};
|
|
29
28
|
return (React.createElement("button", Object.assign({ ref: ref }, attributes, (disabled || readOnly ? {} : getAnalyticsMetadataAttribute(analyticsMetadata))),
|
|
@@ -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;AAExB,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAyC,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,cAAc,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';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../../../icon/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { BaseKeyDetail, CancelableEventHandler, fireCancelableEvent, fireKeyboardEvent } from '../../events';\nimport {\n GeneratedAnalyticsMetadataButtonTriggerCollapse,\n GeneratedAnalyticsMetadataButtonTriggerExpand,\n} from './analytics-metadata/interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\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 warning?: boolean;\n inFilteringToken?: 'root' | 'nested';\n inlineTokens?: boolean;\n ariaHasPopup?: 'true' | 'listbox' | 'dialog';\n ariaControls?: string;\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,\n hideCaret = false,\n disabled = false,\n readOnly = false,\n invalid = false,\n warning = false,\n inlineTokens,\n inFilteringToken,\n ariaHasPopup,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n ariaControls,\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 let attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n ...baseProps,\n type: 'button',\n className: clsx(\n styles['button-trigger'],\n analyticsSelectors['button-trigger'],\n baseProps.className,\n pressed && styles.pressed,\n disabled && styles.disabled,\n invalid && styles.invalid,\n warning && !invalid && styles.warning,\n !hideCaret && styles['has-caret'],\n readOnly && styles.readonly,\n inFilteringToken && styles['in-filtering-token'],\n inFilteringToken && styles[`in-filtering-token-${inFilteringToken}`],\n inlineTokens && styles['inline-tokens']\n ),\n disabled: disabled,\n 'aria-expanded': pressed,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup ?? 'listbox',\n 'aria-controls': ariaControls,\n 'aria-disabled': readOnly && !disabled ? 'true' : undefined,\n autoFocus,\n };\n\n if (!readOnly) {\n attributes = {\n ...attributes,\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 };\n }\n\n if (invalid) {\n attributes['aria-invalid'] = invalid;\n }\n\n const analyticsMetadata:\n | GeneratedAnalyticsMetadataButtonTriggerExpand\n | GeneratedAnalyticsMetadataButtonTriggerCollapse = {\n action: !pressed ? 'expand' : 'collapse',\n detail: {\n label: { root: 'self' },\n },\n };\n\n return (\n <button\n ref={ref}\n {...attributes}\n {...(disabled || readOnly ? {} : getAnalyticsMetadataAttribute(analyticsMetadata))}\n >\n {children}\n {!hideCaret && (\n <span className={styles.arrow}>\n <InternalIcon name=\"caret-down-filled\" variant={disabled || readOnly ? '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"]}
|
package/lib/internal/template/internal/components/selectable-item/analytics-metadata/interfaces.d.ts
CHANGED
|
@@ -2,10 +2,10 @@ import { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/a
|
|
|
2
2
|
export interface GeneratedAnalyticsMetadataSelectableItemSelect {
|
|
3
3
|
action: 'select';
|
|
4
4
|
detail: {
|
|
5
|
-
label: LabelIdentifier;
|
|
5
|
+
label: string | LabelIdentifier;
|
|
6
6
|
position?: string;
|
|
7
7
|
value?: string;
|
|
8
|
-
groupLabel?: LabelIdentifier;
|
|
8
|
+
groupLabel?: string | LabelIdentifier;
|
|
9
9
|
};
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=interfaces.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/selectable-item/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,8CAA8C;IAC7D,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,EAAE,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/selectable-item/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,8CAA8C;IAC7D,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;QAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;KACvC,CAAC;CACH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../src/internal/components/selectable-item/analytics-metadata/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataSelectableItemSelect {\n action: 'select';\n detail: {\n label: LabelIdentifier;\n position?: string;\n value?: string;\n groupLabel?: LabelIdentifier;\n };\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../src/internal/components/selectable-item/analytics-metadata/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataSelectableItemSelect {\n action: 'select';\n detail: {\n label: string | LabelIdentifier;\n position?: string;\n value?: string;\n groupLabel?: string | LabelIdentifier;\n };\n}\n"]}
|
package/lib/internal/template/internal/components/token-list/analytics-metadata/interfaces.d.ts
CHANGED
|
@@ -2,8 +2,13 @@ import { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/a
|
|
|
2
2
|
export interface GeneratedAnalyticsMetadataTokenListShowMore {
|
|
3
3
|
action: 'showMore';
|
|
4
4
|
detail: {
|
|
5
|
-
label: LabelIdentifier;
|
|
6
|
-
|
|
5
|
+
label: string | LabelIdentifier;
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
export interface GeneratedAnalyticsMetadataTokenListShowLess {
|
|
9
|
+
action: 'showLess';
|
|
10
|
+
detail: {
|
|
11
|
+
label: string | LabelIdentifier;
|
|
7
12
|
};
|
|
8
13
|
}
|
|
9
14
|
//# sourceMappingURL=interfaces.d.ts.map
|
package/lib/internal/template/internal/components/token-list/analytics-metadata/interfaces.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/token-list/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,2CAA2C;IAC1D,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE;QACN,KAAK,EAAE,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/token-list/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,2CAA2C;IAC1D,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;KACjC,CAAC;CACH;AAED,MAAM,WAAW,2CAA2C;IAC1D,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;KACjC,CAAC;CACH"}
|
package/lib/internal/template/internal/components/token-list/analytics-metadata/interfaces.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../src/internal/components/token-list/analytics-metadata/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataTokenListShowMore {\n action: 'showMore';\n detail: {\n label: LabelIdentifier;\n
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../src/internal/components/token-list/analytics-metadata/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataTokenListShowMore {\n action: 'showMore';\n detail: {\n label: string | LabelIdentifier;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataTokenListShowLess {\n action: 'showLess';\n detail: {\n label: string | LabelIdentifier;\n };\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"token-limit-toggle.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/token-limit-toggle.tsx"],"names":[],"mappings":";AASA,OAAO,EAA0B,yBAAyB,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"token-limit-toggle.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/token-limit-toggle.tsx"],"names":[],"mappings":";AASA,OAAO,EAA0B,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAKjF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,OAAO,EACP,WAAgB,EAChB,uBAAuB,EACvB,sBAAsB,GACvB,EAAE,qBAAqB,eAkCvB"}
|
|
@@ -17,10 +17,9 @@ export default function TokenLimitToggle({ controlId, allHidden, expanded, numbe
|
|
|
17
17
|
fireNonCancelableEvent(onClick, null);
|
|
18
18
|
}, [onClick]);
|
|
19
19
|
const analyticsMetadata = {
|
|
20
|
-
action: 'showMore',
|
|
20
|
+
action: !expanded ? 'showMore' : 'showLess',
|
|
21
21
|
detail: {
|
|
22
22
|
label: { root: 'self' },
|
|
23
|
-
expanded: `${!expanded}`,
|
|
24
23
|
},
|
|
25
24
|
};
|
|
26
25
|
return (React.createElement("button", Object.assign({ type: "button", className: styles.toggle, onClick: handleClick, "aria-controls": controlId, "aria-expanded": expanded, "aria-label": ariaLabel }, getAnalyticsMetadataAttribute(analyticsMetadata)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"token-limit-toggle.js","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/token-limit-toggle.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAA6B,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"token-limit-toggle.js","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/token-limit-toggle.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAA6B,MAAM,cAAc,CAAC;AAOjF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAYrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,OAAO,EACP,WAAW,GAAG,EAAE,EAChB,uBAAuB,EACvB,sBAAsB,GACA;IACtB,MAAM,IAAI,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IAE5C,MAAM,yBAAyB,GAAG,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,qBAAqB,EAAE,CAAC;IAClG,MAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,IAAI,CAAC,4BAA4B,EAAE,WAAW,CAAC,cAAc,CAAC;QAChE,CAAC,CAAC,GAAG,IAAI,CAAC,2BAA2B,EAAE,WAAW,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,yBAAyB,GAAG,CAAC;IAC3G,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAE9E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,iBAAiB,GAA8F;QACnH,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;QAC3C,MAAM,EAAE;YACN,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB;KACF,CAAC;IAEF,OAAO,CACL,8CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,WAAW,mBACL,SAAS,mBACT,QAAQ,gBACX,SAAS,IACjB,6BAA6B,CAAC,iBAAiB,CAAC;QAEpD,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,GAAI;QAC1E,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ,CAClD,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useCallback } from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../../../i18n/context';\nimport InternalIcon from '../../../icon/internal';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\nimport {\n GeneratedAnalyticsMetadataTokenListShowLess,\n GeneratedAnalyticsMetadataTokenListShowMore,\n} from './analytics-metadata/interfaces';\nimport { I18nStrings } from './interfaces';\n\nimport styles from './styles.css.js';\ninterface TokenLimitToggleProps {\n controlId?: string;\n allHidden: boolean;\n expanded: boolean;\n numberOfHiddenOptions: number;\n onClick?: NonCancelableEventHandler<null>;\n i18nStrings?: I18nStrings;\n limitShowFewerAriaLabel?: string;\n limitShowMoreAriaLabel?: string;\n}\n\nexport default function TokenLimitToggle({\n controlId,\n allHidden,\n expanded,\n numberOfHiddenOptions,\n onClick,\n i18nStrings = {},\n limitShowFewerAriaLabel,\n limitShowMoreAriaLabel,\n}: TokenLimitToggleProps) {\n const i18n = useInternalI18n('token-group');\n\n const numberOfHiddenOptionLabel = allHidden ? numberOfHiddenOptions : `+${numberOfHiddenOptions}`;\n const description = expanded\n ? i18n('i18nStrings.limitShowFewer', i18nStrings.limitShowFewer)\n : `${i18n('i18nStrings.limitShowMore', i18nStrings.limitShowMore) || ''} (${numberOfHiddenOptionLabel})`;\n const ariaLabel = expanded ? limitShowFewerAriaLabel : limitShowMoreAriaLabel;\n\n const handleClick = useCallback(() => {\n fireNonCancelableEvent(onClick, null);\n }, [onClick]);\n\n const analyticsMetadata: GeneratedAnalyticsMetadataTokenListShowMore | GeneratedAnalyticsMetadataTokenListShowLess = {\n action: !expanded ? 'showMore' : 'showLess',\n detail: {\n label: { root: 'self' },\n },\n };\n\n return (\n <button\n type=\"button\"\n className={styles.toggle}\n onClick={handleClick}\n aria-controls={controlId}\n aria-expanded={expanded}\n aria-label={ariaLabel}\n {...getAnalyticsMetadataAttribute(analyticsMetadata)}\n >\n <InternalIcon name={expanded ? 'treeview-collapse' : 'treeview-expand'} />\n <span className={styles.description}>{description}</span>\n </button>\n );\n}\n"]}
|
|
@@ -300,6 +300,7 @@ export const colorBackgroundSegmentActive: string;
|
|
|
300
300
|
export const colorBackgroundSegmentDefault: string;
|
|
301
301
|
export const colorBackgroundSegmentDisabled: string;
|
|
302
302
|
export const colorBackgroundSegmentHover: string;
|
|
303
|
+
export const colorBackgroundSegmentWrapper: string;
|
|
303
304
|
export const colorBackgroundSliderHandleDefault: string;
|
|
304
305
|
export const colorBackgroundSliderHandleActive: string;
|
|
305
306
|
export const colorBackgroundSliderTrack: string;
|
|
@@ -300,6 +300,7 @@ export var colorBackgroundSegmentActive = "var(--color-background-segment-active
|
|
|
300
300
|
export var colorBackgroundSegmentDefault = "var(--color-background-segment-default-9hln0n, #ffffff)";
|
|
301
301
|
export var colorBackgroundSegmentDisabled = "var(--color-background-segment-disabled-2aqenf, #ffffff)";
|
|
302
302
|
export var colorBackgroundSegmentHover = "var(--color-background-segment-hover-aa95sd, #f0fbff)";
|
|
303
|
+
export var colorBackgroundSegmentWrapper = "var(--color-background-segment-wrapper-nyb7yz, #ffffff)";
|
|
303
304
|
export var colorBackgroundSliderHandleDefault = "var(--color-background-slider-handle-default-8d9sfs, #006ce0)";
|
|
304
305
|
export var colorBackgroundSliderHandleActive = "var(--color-background-slider-handle-active-trfoqh, #004a9e)";
|
|
305
306
|
export var colorBackgroundSliderTrack = "var(--color-background-slider-track-04c9wf, #8c8c94)";
|
|
@@ -1082,6 +1082,10 @@ module.exports.preset = {
|
|
|
1082
1082
|
"light": "{colorBackgroundButtonNormalHover}",
|
|
1083
1083
|
"dark": "{colorBackgroundButtonNormalHover}"
|
|
1084
1084
|
},
|
|
1085
|
+
"colorBackgroundSegmentWrapper": {
|
|
1086
|
+
"light": "{colorBackgroundContainerContent}",
|
|
1087
|
+
"dark": "{colorBackgroundContainerContent}"
|
|
1088
|
+
},
|
|
1085
1089
|
"colorBackgroundSliderHandleDefault": {
|
|
1086
1090
|
"light": "{colorBlue600}",
|
|
1087
1091
|
"dark": "{colorBlue500}"
|
|
@@ -3346,6 +3350,10 @@ module.exports.preset = {
|
|
|
3346
3350
|
"light": "{colorBackgroundButtonNormalHover}",
|
|
3347
3351
|
"dark": "{colorBackgroundButtonNormalHover}"
|
|
3348
3352
|
},
|
|
3353
|
+
"colorBackgroundSegmentWrapper": {
|
|
3354
|
+
"light": "{colorBackgroundContainerContent}",
|
|
3355
|
+
"dark": "{colorBackgroundContainerContent}"
|
|
3356
|
+
},
|
|
3349
3357
|
"colorBackgroundSliderHandleDefault": {
|
|
3350
3358
|
"light": "{colorBlue500}",
|
|
3351
3359
|
"dark": "{colorBlue500}"
|
|
@@ -4508,6 +4516,10 @@ module.exports.preset = {
|
|
|
4508
4516
|
"light": "{colorBackgroundButtonNormalHover}",
|
|
4509
4517
|
"dark": "{colorBackgroundButtonNormalHover}"
|
|
4510
4518
|
},
|
|
4519
|
+
"colorBackgroundSegmentWrapper": {
|
|
4520
|
+
"light": "{colorGrey900}",
|
|
4521
|
+
"dark": "{colorGrey900}"
|
|
4522
|
+
},
|
|
4511
4523
|
"colorBackgroundSliderHandleDefault": {
|
|
4512
4524
|
"light": "{colorBlue500}",
|
|
4513
4525
|
"dark": "{colorBlue500}"
|
|
@@ -5602,6 +5614,10 @@ module.exports.preset = {
|
|
|
5602
5614
|
"light": "{colorBackgroundButtonNormalHover}",
|
|
5603
5615
|
"dark": "{colorBackgroundButtonNormalHover}"
|
|
5604
5616
|
},
|
|
5617
|
+
"colorBackgroundSegmentWrapper": {
|
|
5618
|
+
"light": "{colorBackgroundContainerContent}",
|
|
5619
|
+
"dark": "{colorBackgroundContainerContent}"
|
|
5620
|
+
},
|
|
5605
5621
|
"colorBackgroundSliderHandleDefault": {
|
|
5606
5622
|
"light": "{colorBlue600}",
|
|
5607
5623
|
"dark": "{colorBlue500}"
|
|
@@ -6696,6 +6712,10 @@ module.exports.preset = {
|
|
|
6696
6712
|
"light": "{colorBackgroundButtonNormalHover}",
|
|
6697
6713
|
"dark": "{colorBackgroundButtonNormalHover}"
|
|
6698
6714
|
},
|
|
6715
|
+
"colorBackgroundSegmentWrapper": {
|
|
6716
|
+
"light": "{colorBackgroundContainerContent}",
|
|
6717
|
+
"dark": "{colorBackgroundContainerContent}"
|
|
6718
|
+
},
|
|
6699
6719
|
"colorBackgroundSliderHandleDefault": {
|
|
6700
6720
|
"light": "{colorBlue600}",
|
|
6701
6721
|
"dark": "{colorBlue500}"
|
|
@@ -7790,6 +7810,10 @@ module.exports.preset = {
|
|
|
7790
7810
|
"light": "{colorBackgroundButtonNormalHover}",
|
|
7791
7811
|
"dark": "{colorBackgroundButtonNormalHover}"
|
|
7792
7812
|
},
|
|
7813
|
+
"colorBackgroundSegmentWrapper": {
|
|
7814
|
+
"light": "{colorBackgroundContainerContent}",
|
|
7815
|
+
"dark": "{colorBackgroundContainerContent}"
|
|
7816
|
+
},
|
|
7793
7817
|
"colorBackgroundSliderHandleDefault": {
|
|
7794
7818
|
"light": "{colorBlue600}",
|
|
7795
7819
|
"dark": "{colorBlue500}"
|
|
@@ -8896,6 +8920,10 @@ module.exports.preset = {
|
|
|
8896
8920
|
"light": "{colorBackgroundButtonNormalHover}",
|
|
8897
8921
|
"dark": "{colorBackgroundButtonNormalHover}"
|
|
8898
8922
|
},
|
|
8923
|
+
"colorBackgroundSegmentWrapper": {
|
|
8924
|
+
"light": "{colorBackgroundContainerContent}",
|
|
8925
|
+
"dark": "{colorBackgroundContainerContent}"
|
|
8926
|
+
},
|
|
8899
8927
|
"colorBackgroundSliderHandleDefault": {
|
|
8900
8928
|
"light": "{colorBlue500}",
|
|
8901
8929
|
"dark": "{colorBlue500}"
|
|
@@ -9923,6 +9951,7 @@ module.exports.preset = {
|
|
|
9923
9951
|
"colorBackgroundSegmentDefault": "color",
|
|
9924
9952
|
"colorBackgroundSegmentDisabled": "color",
|
|
9925
9953
|
"colorBackgroundSegmentHover": "color",
|
|
9954
|
+
"colorBackgroundSegmentWrapper": "color",
|
|
9926
9955
|
"colorBackgroundSliderHandleDefault": "color",
|
|
9927
9956
|
"colorBackgroundSliderHandleActive": "color",
|
|
9928
9957
|
"colorBackgroundSliderTrack": "color",
|
|
@@ -10398,6 +10427,7 @@ module.exports.preset = {
|
|
|
10398
10427
|
"colorBackgroundSegmentDefault",
|
|
10399
10428
|
"colorBackgroundSegmentDisabled",
|
|
10400
10429
|
"colorBackgroundSegmentHover",
|
|
10430
|
+
"colorBackgroundSegmentWrapper",
|
|
10401
10431
|
"colorBackgroundStatusError",
|
|
10402
10432
|
"colorBackgroundStatusInfo",
|
|
10403
10433
|
"colorBackgroundDialog",
|
|
@@ -11230,6 +11260,7 @@ module.exports.preset = {
|
|
|
11230
11260
|
"colorBackgroundSegmentDefault": "color-background-segment-default",
|
|
11231
11261
|
"colorBackgroundSegmentDisabled": "color-background-segment-disabled",
|
|
11232
11262
|
"colorBackgroundSegmentHover": "color-background-segment-hover",
|
|
11263
|
+
"colorBackgroundSegmentWrapper": "color-background-segment-wrapper",
|
|
11233
11264
|
"colorBackgroundSliderHandleDefault": "color-background-slider-handle-default",
|
|
11234
11265
|
"colorBackgroundSliderHandleActive": "color-background-slider-handle-active",
|
|
11235
11266
|
"colorBackgroundSliderTrack": "color-background-slider-track",
|
|
@@ -11987,6 +12018,7 @@ module.exports.preset = {
|
|
|
11987
12018
|
"colorBackgroundSegmentDefault": "--color-background-segment-default-9hln0n",
|
|
11988
12019
|
"colorBackgroundSegmentDisabled": "--color-background-segment-disabled-2aqenf",
|
|
11989
12020
|
"colorBackgroundSegmentHover": "--color-background-segment-hover-aa95sd",
|
|
12021
|
+
"colorBackgroundSegmentWrapper": "--color-background-segment-wrapper-nyb7yz",
|
|
11990
12022
|
"colorBackgroundSliderHandleDefault": "--color-background-slider-handle-default-8d9sfs",
|
|
11991
12023
|
"colorBackgroundSliderHandleActive": "--color-background-slider-handle-active-trfoqh",
|
|
11992
12024
|
"colorBackgroundSliderTrack": "--color-background-slider-track-04c9wf",
|