@cloudscape-design/components-themeable 3.0.964 → 3.0.966

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.
Files changed (42) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/segmented-control/styles.scss +1 -0
  3. package/lib/internal/template/checkbox/analytics-metadata/interfaces.d.ts +6 -1
  4. package/lib/internal/template/checkbox/analytics-metadata/interfaces.d.ts.map +1 -1
  5. package/lib/internal/template/checkbox/analytics-metadata/interfaces.js.map +1 -1
  6. package/lib/internal/template/checkbox/internal.d.ts.map +1 -1
  7. package/lib/internal/template/checkbox/internal.js +1 -3
  8. package/lib/internal/template/checkbox/internal.js.map +1 -1
  9. package/lib/internal/template/internal/base-component/index.d.ts +1 -0
  10. package/lib/internal/template/internal/base-component/index.d.ts.map +1 -1
  11. package/lib/internal/template/internal/base-component/index.js +15 -1
  12. package/lib/internal/template/internal/base-component/index.js.map +1 -1
  13. package/lib/internal/template/internal/base-component/styles.scoped.css +10 -0
  14. package/lib/internal/template/internal/environment.js +1 -1
  15. package/lib/internal/template/internal/environment.json +1 -1
  16. package/lib/internal/template/internal/generated/styles/tokens.d.ts +1 -0
  17. package/lib/internal/template/internal/generated/styles/tokens.js +1 -0
  18. package/lib/internal/template/internal/generated/theming/index.cjs +32 -0
  19. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +9 -0
  20. package/lib/internal/template/internal/generated/theming/index.d.ts +9 -0
  21. package/lib/internal/template/internal/generated/theming/index.js +32 -0
  22. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  23. package/lib/internal/template/segmented-control/styles.scoped.css +37 -36
  24. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  25. package/lib/internal/template/table/analytics-metadata/interfaces.d.ts +15 -3
  26. package/lib/internal/template/table/analytics-metadata/interfaces.d.ts.map +1 -1
  27. package/lib/internal/template/table/analytics-metadata/interfaces.js.map +1 -1
  28. package/lib/internal/template/table/selection/selection-cell.d.ts.map +1 -1
  29. package/lib/internal/template/table/selection/selection-cell.js +4 -1
  30. package/lib/internal/template/table/selection/selection-cell.js.map +1 -1
  31. package/lib/internal/template/table/selection/selection-control.d.ts.map +1 -1
  32. package/lib/internal/template/table/selection/selection-control.js.map +1 -1
  33. package/lib/internal/template/table/thead.d.ts.map +1 -1
  34. package/lib/internal/template/table/thead.js +1 -4
  35. package/lib/internal/template/table/thead.js.map +1 -1
  36. package/lib/internal/template/toggle/analytics-metadata/interfaces.d.ts +6 -1
  37. package/lib/internal/template/toggle/analytics-metadata/interfaces.d.ts.map +1 -1
  38. package/lib/internal/template/toggle/analytics-metadata/interfaces.js.map +1 -1
  39. package/lib/internal/template/toggle/internal.d.ts.map +1 -1
  40. package/lib/internal/template/toggle/internal.js +1 -3
  41. package/lib/internal/template/toggle/internal.js.map +1 -1
  42. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "1de62e478ec24afccd065448c704a660e5cee403"
2
+ "commit": "3df31e2a5118858903afa5bfc458b18ef8f7fe16"
3
3
  }
package/lib/internal/scss/segmented-control/styles.scss CHANGED
@@ -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);
package/lib/internal/template/checkbox/analytics-metadata/interfaces.d.ts CHANGED
@@ -3,7 +3,12 @@ export interface GeneratedAnalyticsMetadataCheckboxSelect {
3
3
  action: 'select';
4
4
  detail: {
5
5
  label: string;
6
- selected: string;
6
+ };
7
+ }
8
+ export interface GeneratedAnalyticsMetadataCheckboxDeselect {
9
+ action: 'deselect';
10
+ detail: {
11
+ label: string;
7
12
  };
8
13
  }
9
14
  export interface GeneratedAnalyticsMetadataCheckboxComponent {
package/lib/internal/template/checkbox/analytics-metadata/interfaces.d.ts.map CHANGED
@@ -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;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,2CAA2C;IAC1D,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;CACjC"}
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"}
package/lib/internal/template/checkbox/analytics-metadata/interfaces.js.map CHANGED
@@ -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 selected: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataCheckboxComponent {\n name: 'awsui.Checkbox';\n label: string | LabelIdentifier;\n}\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"]}
package/lib/internal/template/checkbox/internal.d.ts.map CHANGED
@@ -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;AAKlF,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,yFAoGrB,CAAC;AAEF,eAAe,gBAAgB,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"}
package/lib/internal/template/checkbox/internal.js CHANGED
@@ -33,9 +33,7 @@ const InternalCheckbox = React.forwardRef((_a, ref) => {
33
33
  analyticsMetadata.component = analyticsComponentMetadata;
34
34
  }
35
35
  if (!disabled && !readOnly) {
36
- analyticsMetadata.detail = {
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
package/lib/internal/template/checkbox/internal.js.map CHANGED
@@ -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;AAQ9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EAoBC,EACD,GAAG,EACH,EAAE;QAtBF,EACE,SAAS,EACT,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EAAE,gBAAgB,EAC1B,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,kCAAkC,GAAG,KAAK,OAE3C,EADI,IAAI,cAnBT,wQAoBC,CADQ;IAIT,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACtE,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACnD,eAAe,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAClC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,OAAO,EAAE;YACvB,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;SAC5D;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,EAAE,QAAQ,EAAE,GAAG,0BAA0B,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAE7F,MAAM,iBAAiB,GAAuC,EAAE,CAAC;IACjE,MAAM,0BAA0B,GAAgD;QAC9E,IAAI,EAAE,gBAAgB;QACtB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KACxB,CAAC;IACF,IAAI,kCAAkC,EAAE;QACtC,iBAAiB,CAAC,SAAS,GAAG,0BAA0B,CAAC;KAC1D;IACD,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAAE;QAC1B,iBAAiB,CAAC,MAAM,GAAG;YACzB,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE;SACuC,CAAC;KAClE;IAED,OAAO,CACL,oBAAC,cAAc,oBACT,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,gBAAgB,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAC5C,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAChC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,EACf,WAAW,EAAE,WAAW,EACxB,wBAAwB,EAAE,IAAI,EAC9B,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,kBAAkB,CAAC,EAAE,CAAC,CACnC,+CACM,kBAAkB,IACtB,GAAG,EAAE,WAAW,EAChB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,mBACK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,mBACjC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACzD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAC9C,MAAM,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,MAAM,CAAC;YAC5C,0DAA0D;YAC1D,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,IAClB,CACH,EACD,OAAO,EAAE,GAAG,EAAE;;YACZ,MAAA,WAAW,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC7B,sBAAsB,CACpB,QAAQ;YACR,4EAA4E;YAC5E,aAAa,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,CACtG,CAAC;QACJ,CAAC,EACD,aAAa,EACX,oBAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAE1G,iBAAiB,EAAE,iBAAiB,IAChC,6BAA6B,CAAC,iBAAiB,CAAC,EACpD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC","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 {\n GeneratedAnalyticsMetadataCheckboxComponent,\n GeneratedAnalyticsMetadataCheckboxSelect,\n} 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.detail = {\n selected: `${!checked}`,\n } as Partial<GeneratedAnalyticsMetadataCheckboxSelect['detail']>;\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"]}
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"]}
package/lib/internal/template/internal/base-component/index.d.ts CHANGED
@@ -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;
package/lib/internal/template/internal/base-component/index.d.ts.map CHANGED
@@ -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;AAK5D,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,QAa5C;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"}
package/lib/internal/template/internal/base-component/index.js CHANGED
@@ -1,7 +1,8 @@
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
+ import { isDevelopment } from '../is-development';
5
6
  // these styles needed to be imported for every public component
6
7
  import './styles.css.js';
7
8
  initAwsUiVersions(PACKAGE_SOURCE, PACKAGE_VERSION);
@@ -14,6 +15,19 @@ export function getBaseProps(props) {
14
15
  });
15
16
  return baseProps;
16
17
  }
18
+ export function validateProps(componentName, props, excludedProps, allowedEnums) {
19
+ if (!isDevelopment) {
20
+ return;
21
+ }
22
+ for (const [prop, value] of Object.entries(props)) {
23
+ if (excludedProps.includes(prop)) {
24
+ throw new Error(`${componentName} does not support "${prop}" property when used in ${THEME} theme`);
25
+ }
26
+ if (value && allowedEnums[prop] && !allowedEnums[prop].includes(value)) {
27
+ throw new Error(`${componentName} does not support "${prop}" with value "${value}" when used in ${THEME} theme`);
28
+ }
29
+ }
30
+ }
17
31
  /**
18
32
  * Helper function to merge beta analytics metadata with the public analytics metadata api.
19
33
  * Beta analytics metadata will override the public values to allow for safe migration.
package/lib/internal/template/internal/base-component/index.js.map CHANGED
@@ -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;AAEjE,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;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 } 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 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"]}
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;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,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,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO;KACR;IACD,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,KAAK,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YACtE,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';\nimport { isDevelopment } from '../is-development';\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 if (!isDevelopment) {\n return;\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 (value && 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"]}
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -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/environment.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (1de62e47)";
2
+ export var PACKAGE_VERSION = "3.0.0 (3df31e2a)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (1de62e47)",
3
+ "PACKAGE_VERSION": "3.0.0 (3df31e2a)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
package/lib/internal/template/internal/generated/styles/tokens.d.ts CHANGED
@@ -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;
package/lib/internal/template/internal/generated/styles/tokens.js CHANGED
@@ -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)";
package/lib/internal/template/internal/generated/theming/index.cjs CHANGED
@@ -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",
package/lib/internal/template/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -112,6 +112,7 @@ export declare interface TypedOverride {
112
112
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
113
113
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
114
114
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
115
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
115
116
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
116
117
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
117
118
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -367,6 +368,7 @@ export declare interface TypedOverride {
367
368
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
368
369
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
369
370
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
371
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
370
372
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
371
373
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
372
374
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -622,6 +624,7 @@ export declare interface TypedOverride {
622
624
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
623
625
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
624
626
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
627
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
625
628
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
626
629
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
627
630
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -877,6 +880,7 @@ export declare interface TypedOverride {
877
880
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
878
881
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
879
882
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
883
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
880
884
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
881
885
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
882
886
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1132,6 +1136,7 @@ export declare interface TypedOverride {
1132
1136
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1133
1137
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1134
1138
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1139
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1135
1140
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1136
1141
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1137
1142
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1387,6 +1392,7 @@ export declare interface TypedOverride {
1387
1392
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1388
1393
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1389
1394
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1395
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1390
1396
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1391
1397
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1392
1398
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1642,6 +1648,7 @@ export declare interface TypedOverride {
1642
1648
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1643
1649
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1644
1650
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1651
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1645
1652
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1646
1653
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1647
1654
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1897,6 +1904,7 @@ export declare interface TypedOverride {
1897
1904
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1898
1905
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1899
1906
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1907
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1900
1908
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1901
1909
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1902
1910
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2152,6 +2160,7 @@ export declare interface TypedOverride {
2152
2160
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2153
2161
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2154
2162
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2163
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2155
2164
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2156
2165
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2157
2166
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/lib/internal/template/internal/generated/theming/index.d.ts CHANGED
@@ -112,6 +112,7 @@ export declare interface TypedOverride {
112
112
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
113
113
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
114
114
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
115
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
115
116
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
116
117
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
117
118
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -367,6 +368,7 @@ export declare interface TypedOverride {
367
368
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
368
369
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
369
370
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
371
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
370
372
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
371
373
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
372
374
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -622,6 +624,7 @@ export declare interface TypedOverride {
622
624
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
623
625
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
624
626
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
627
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
625
628
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
626
629
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
627
630
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -877,6 +880,7 @@ export declare interface TypedOverride {
877
880
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
878
881
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
879
882
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
883
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
880
884
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
881
885
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
882
886
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1132,6 +1136,7 @@ export declare interface TypedOverride {
1132
1136
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1133
1137
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1134
1138
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1139
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1135
1140
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1136
1141
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1137
1142
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1387,6 +1392,7 @@ export declare interface TypedOverride {
1387
1392
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1388
1393
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1389
1394
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1395
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1390
1396
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1391
1397
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1392
1398
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1642,6 +1648,7 @@ export declare interface TypedOverride {
1642
1648
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1643
1649
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1644
1650
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1651
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1645
1652
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1646
1653
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1647
1654
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1897,6 +1904,7 @@ export declare interface TypedOverride {
1897
1904
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1898
1905
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1899
1906
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1907
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1900
1908
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1901
1909
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1902
1910
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2152,6 +2160,7 @@ export declare interface TypedOverride {
2152
2160
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2153
2161
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2154
2162
  colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2163
+ colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2155
2164
  colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2156
2165
  colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2157
2166
  colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;