@yahoo/uds 3.129.0 → 3.130.0

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 (18) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  4. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  5. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  6. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  7. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  8. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  9. package/dist/icons/dist/types.d.cts +12 -0
  10. package/dist/icons/dist/types.d.ts +12 -0
  11. package/dist/styles/styler.d.cts +50 -50
  12. package/dist/styles/styler.d.ts +50 -50
  13. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  14. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  15. package/dist/uds/generated/componentData.cjs +229 -229
  16. package/dist/uds/generated/componentData.js +229 -229
  17. package/generated/componentData.json +312 -312
  18. package/package.json +1 -1
package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts CHANGED
@@ -3,8 +3,8 @@ import { ElevationAlias, ShadowType, ShadowVariant } from "../../types/dist/inde
3
3
  import { UniversalTokensConfig } from "../../config/dist/index.cjs";
4
4
 
5
5
  //#region src/tailwind/utils/getShadowStyles.d.ts
6
- declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
7
- readonly [x: string]: "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
6
+ declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
7
+ readonly [x: string]: "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
8
8
  readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
9
9
  }];
10
10
  declare function getShadowStyles({
@@ -13,8 +13,8 @@ declare function getShadowStyles({
13
13
  }: {
14
14
  config: UniversalTokensConfig;
15
15
  shadowType: ShadowType;
16
- }): Record<".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
17
- readonly [x: string]: "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
16
+ }): Record<".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
17
+ readonly [x: string]: "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
18
18
  readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
19
19
  }>;
20
20
  //#endregion
package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts CHANGED
@@ -3,8 +3,8 @@ import { ElevationAlias, ShadowType, ShadowVariant } from "../../types/dist/inde
3
3
  import { UniversalTokensConfig } from "../../config/dist/index.js";
4
4
 
5
5
  //#region src/tailwind/utils/getShadowStyles.d.ts
6
- declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
7
- readonly [x: string]: "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
6
+ declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
7
+ readonly [x: string]: "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
8
8
  readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
9
9
  }];
10
10
  declare function getShadowStyles({
@@ -13,8 +13,8 @@ declare function getShadowStyles({
13
13
  }: {
14
14
  config: UniversalTokensConfig;
15
15
  shadowType: ShadowType;
16
- }): Record<".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
17
- readonly [x: string]: "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
16
+ }): Record<".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
17
+ readonly [x: string]: "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
18
18
  readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
19
19
  }>;
20
20
  //#endregion
package/dist/uds/generated/componentData.cjs CHANGED
@@ -928,6 +928,134 @@ var AvatarText = {
928
928
  "runtimeConfigInternalComponentProps": {},
929
929
  "motionVarPrefixes": []
930
930
  };
931
+ var Chip = {
932
+ "name": "Chip",
933
+ "defaultProps": {},
934
+ "getStylesLiterals": {},
935
+ "cxLiterals": [],
936
+ "internalComponents": [
937
+ "ChipDismissible",
938
+ "ChipToggle",
939
+ "ChipLink",
940
+ "ChipButton"
941
+ ],
942
+ "internalComponentProps": {},
943
+ "propToVariantKeys": {},
944
+ "runtimeConfigDefaultProps": {},
945
+ "runtimeConfigGetStyles": {},
946
+ "runtimeConfigInternalComponentProps": {},
947
+ "motionVarPrefixes": []
948
+ };
949
+ var ChipBase = {
950
+ "name": "ChipBase",
951
+ "defaultProps": {
952
+ "size": "md",
953
+ "as": "div"
954
+ },
955
+ "getStylesLiterals": {},
956
+ "cxLiterals": [
957
+ "pointer-events-none",
958
+ "cursor-default",
959
+ "opacity-50",
960
+ "inline-flex",
961
+ "items-center",
962
+ "transition-[background-color,outline-color,box-shadow]",
963
+ "truncate",
964
+ "whitespace-nowrap",
965
+ "text-center",
966
+ "flex-1"
967
+ ],
968
+ "internalComponents": [
969
+ "IconSlot",
970
+ "HStack",
971
+ "As",
972
+ "Text"
973
+ ],
974
+ "internalComponentProps": { "Text": {
975
+ "as": ["span"],
976
+ "color": ["current"],
977
+ "variant": ["inherit"]
978
+ } },
979
+ "propToVariantKeys": {
980
+ "size": ["chipSizeRoot", "chipSizeIcon"],
981
+ "startIcon": ["icon"],
982
+ "endIcon": ["icon"]
983
+ },
984
+ "runtimeConfigDefaultProps": {},
985
+ "runtimeConfigGetStyles": {},
986
+ "runtimeConfigInternalComponentProps": {},
987
+ "motionVarPrefixes": []
988
+ };
989
+ var ChipButton = {
990
+ "name": "ChipButton",
991
+ "defaultProps": { "variant": "primary" },
992
+ "getStylesLiterals": {},
993
+ "cxLiterals": ["uds-ring"],
994
+ "internalComponents": ["ChipBase"],
995
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
996
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
997
+ "runtimeConfigDefaultProps": {},
998
+ "runtimeConfigGetStyles": {},
999
+ "runtimeConfigInternalComponentProps": {},
1000
+ "motionVarPrefixes": []
1001
+ };
1002
+ var ChipDismissible = {
1003
+ "name": "ChipDismissible",
1004
+ "defaultProps": { "variant": "primary" },
1005
+ "getStylesLiterals": {},
1006
+ "cxLiterals": [
1007
+ "uds-chip-dismissible-button",
1008
+ "uds-hit-target",
1009
+ "uds-ring",
1010
+ "rounded-full"
1011
+ ],
1012
+ "internalComponents": [
1013
+ "ChipBase",
1014
+ "IconSlot",
1015
+ "Pressable"
1016
+ ],
1017
+ "internalComponentProps": {},
1018
+ "propToVariantKeys": {
1019
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1020
+ "dismissButtonAriaLabel": ["aria-label"]
1021
+ },
1022
+ "runtimeConfigDefaultProps": {},
1023
+ "runtimeConfigGetStyles": {},
1024
+ "runtimeConfigInternalComponentProps": {},
1025
+ "motionVarPrefixes": []
1026
+ };
1027
+ var ChipLink = {
1028
+ "name": "ChipLink",
1029
+ "defaultProps": { "variant": "primary" },
1030
+ "getStylesLiterals": {},
1031
+ "cxLiterals": ["uds-ring"],
1032
+ "internalComponents": ["ChipBase"],
1033
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1034
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1035
+ "runtimeConfigDefaultProps": {},
1036
+ "runtimeConfigGetStyles": {},
1037
+ "runtimeConfigInternalComponentProps": {},
1038
+ "motionVarPrefixes": []
1039
+ };
1040
+ var ChipToggle = {
1041
+ "name": "ChipToggle",
1042
+ "defaultProps": {
1043
+ "variant": "primary",
1044
+ "role": "checkbox"
1045
+ },
1046
+ "getStylesLiterals": {
1047
+ "chipToggleVariantActiveRoot": "on",
1048
+ "chipToggleVariantActiveRoot:1": "off"
1049
+ },
1050
+ "cxLiterals": ["uds-ring"],
1051
+ "internalComponents": ["ChipBase"],
1052
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1053
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1054
+ "runtimeConfigDefaultProps": {},
1055
+ "runtimeConfigGetStyles": {},
1056
+ "runtimeConfigInternalComponentProps": {},
1057
+ "motionVarPrefixes": []
1058
+ };
931
1059
  var Input = {
932
1060
  "name": "Input",
933
1061
  "defaultProps": {
@@ -1057,132 +1185,6 @@ var InputHelpTextInternal = {
1057
1185
  "runtimeConfigInternalComponentProps": {},
1058
1186
  "motionVarPrefixes": []
1059
1187
  };
1060
- var Popover = {
1061
- "name": "Popover",
1062
- "defaultProps": {},
1063
- "getStylesLiterals": {},
1064
- "cxLiterals": [],
1065
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1066
- "internalComponentProps": {},
1067
- "propToVariantKeys": {},
1068
- "runtimeConfigDefaultProps": {
1069
- "size": "popover.defaultSize",
1070
- "variant": "popover.defaultVariant"
1071
- },
1072
- "runtimeConfigGetStyles": {},
1073
- "runtimeConfigInternalComponentProps": {},
1074
- "motionVarPrefixes": []
1075
- };
1076
- var PopoverContent = {
1077
- "name": "PopoverContent",
1078
- "defaultProps": {},
1079
- "getStylesLiterals": {
1080
- "popoverSizeRoot": "default",
1081
- "popoverVariantRoot": "default",
1082
- "display": "flex",
1083
- "position": "relative",
1084
- "display:1": "block",
1085
- "spacingTop": "0",
1086
- "spacingStart": "0",
1087
- "spacingBottom": "0",
1088
- "spacingEnd": "0",
1089
- "popoverSizeSvgBase": "default",
1090
- "popoverVariantSvgBase": "default",
1091
- "popoverSizeSvgBorder": "default",
1092
- "popoverVariantSvgBorder": "default",
1093
- "popoverVariantBlur": "default",
1094
- "position:1": "absolute",
1095
- "width": "full",
1096
- "height": "full",
1097
- "flexShrink": "0",
1098
- "borderRadius": "full",
1099
- "alignItems": "center",
1100
- "justifyContent": "center",
1101
- "popoverVariantCloseIcon": "default",
1102
- "popoverSizeCloseIcon": "default"
1103
- },
1104
- "cxLiterals": [
1105
- "z-[9999]",
1106
- "outline-none",
1107
- "focus-visible:outline-none",
1108
- "uds-bgBlurFillFallback",
1109
- "uds-bgBlurFallback",
1110
- "top-0",
1111
- "left-0",
1112
- "z-[1]",
1113
- "duration-0",
1114
- "duration-120",
1115
- "transition-[background-color]",
1116
- "bg-carbon-15/0",
1117
- "hover:bg-carbon-15/10",
1118
- "active:bg-carbon-15/15",
1119
- "uds-ring",
1120
- "absolute",
1121
- "z-[4]"
1122
- ],
1123
- "internalComponents": [
1124
- "PopoverDismiss",
1125
- "IconSlot",
1126
- "PopoverArrow",
1127
- "Popover",
1128
- "SvgFloatingOverlay",
1129
- "Box",
1130
- "Pressable"
1131
- ],
1132
- "internalComponentProps": {},
1133
- "propToVariantKeys": { "closeIcon": ["icon"] },
1134
- "runtimeConfigDefaultProps": {
1135
- "size": "popover.defaultSize",
1136
- "variant": "popover.defaultVariant"
1137
- },
1138
- "runtimeConfigGetStyles": {
1139
- "spacingTop": ["popover.spacingVertical.${size}"],
1140
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1141
- "spacingBottom": ["popover.spacingVertical.${size}"],
1142
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1143
- },
1144
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1145
- "motionVarPrefixes": []
1146
- };
1147
- var PopoverContext = {
1148
- "name": "PopoverContext",
1149
- "defaultProps": {},
1150
- "getStylesLiterals": {},
1151
- "cxLiterals": [],
1152
- "internalComponents": [],
1153
- "internalComponentProps": {},
1154
- "propToVariantKeys": {},
1155
- "runtimeConfigDefaultProps": {},
1156
- "runtimeConfigGetStyles": {},
1157
- "runtimeConfigInternalComponentProps": {},
1158
- "motionVarPrefixes": []
1159
- };
1160
- var PopoverTrigger = {
1161
- "name": "PopoverTrigger",
1162
- "defaultProps": {},
1163
- "getStylesLiterals": {},
1164
- "cxLiterals": [],
1165
- "internalComponents": ["PopoverDisclosure"],
1166
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1167
- "propToVariantKeys": { "children": ["render"] },
1168
- "runtimeConfigDefaultProps": {},
1169
- "runtimeConfigGetStyles": {},
1170
- "runtimeConfigInternalComponentProps": {},
1171
- "motionVarPrefixes": []
1172
- };
1173
- var UDSPopoverConfigProvider = {
1174
- "name": "UDSPopoverConfigProvider",
1175
- "defaultProps": {},
1176
- "getStylesLiterals": {},
1177
- "cxLiterals": [],
1178
- "internalComponents": ["PopoverContext.Provider"],
1179
- "internalComponentProps": {},
1180
- "propToVariantKeys": {},
1181
- "runtimeConfigDefaultProps": {},
1182
- "runtimeConfigGetStyles": {},
1183
- "runtimeConfigInternalComponentProps": {},
1184
- "motionVarPrefixes": []
1185
- };
1186
1188
  var BottomSheet = {
1187
1189
  "name": "BottomSheet",
1188
1190
  "defaultProps": { "variant": "default" },
@@ -1590,129 +1592,127 @@ var Menu = {
1590
1592
  "runtimeConfigInternalComponentProps": {},
1591
1593
  "motionVarPrefixes": []
1592
1594
  };
1593
- var Chip = {
1594
- "name": "Chip",
1595
+ var Popover = {
1596
+ "name": "Popover",
1595
1597
  "defaultProps": {},
1596
1598
  "getStylesLiterals": {},
1597
1599
  "cxLiterals": [],
1598
- "internalComponents": [
1599
- "ChipDismissible",
1600
- "ChipToggle",
1601
- "ChipLink",
1602
- "ChipButton"
1603
- ],
1600
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1604
1601
  "internalComponentProps": {},
1605
1602
  "propToVariantKeys": {},
1606
- "runtimeConfigDefaultProps": {},
1603
+ "runtimeConfigDefaultProps": {
1604
+ "size": "popover.defaultSize",
1605
+ "variant": "popover.defaultVariant"
1606
+ },
1607
1607
  "runtimeConfigGetStyles": {},
1608
1608
  "runtimeConfigInternalComponentProps": {},
1609
1609
  "motionVarPrefixes": []
1610
1610
  };
1611
- var ChipBase = {
1612
- "name": "ChipBase",
1613
- "defaultProps": {
1614
- "size": "md",
1615
- "as": "div"
1611
+ var PopoverContent = {
1612
+ "name": "PopoverContent",
1613
+ "defaultProps": {},
1614
+ "getStylesLiterals": {
1615
+ "popoverSizeRoot": "default",
1616
+ "popoverVariantRoot": "default",
1617
+ "display": "flex",
1618
+ "position": "relative",
1619
+ "display:1": "block",
1620
+ "spacingTop": "0",
1621
+ "spacingStart": "0",
1622
+ "spacingBottom": "0",
1623
+ "spacingEnd": "0",
1624
+ "popoverSizeSvgBase": "default",
1625
+ "popoverVariantSvgBase": "default",
1626
+ "popoverSizeSvgBorder": "default",
1627
+ "popoverVariantSvgBorder": "default",
1628
+ "popoverVariantBlur": "default",
1629
+ "position:1": "absolute",
1630
+ "width": "full",
1631
+ "height": "full",
1632
+ "flexShrink": "0",
1633
+ "borderRadius": "full",
1634
+ "alignItems": "center",
1635
+ "justifyContent": "center",
1636
+ "popoverVariantCloseIcon": "default",
1637
+ "popoverSizeCloseIcon": "default"
1616
1638
  },
1617
- "getStylesLiterals": {},
1618
1639
  "cxLiterals": [
1619
- "pointer-events-none",
1620
- "cursor-default",
1621
- "opacity-50",
1622
- "inline-flex",
1623
- "items-center",
1624
- "transition-[background-color,outline-color,box-shadow]",
1625
- "truncate",
1626
- "whitespace-nowrap",
1627
- "text-center",
1628
- "flex-1"
1640
+ "z-[9999]",
1641
+ "outline-none",
1642
+ "focus-visible:outline-none",
1643
+ "uds-bgBlurFillFallback",
1644
+ "uds-bgBlurFallback",
1645
+ "top-0",
1646
+ "left-0",
1647
+ "z-[1]",
1648
+ "duration-0",
1649
+ "duration-120",
1650
+ "transition-[background-color]",
1651
+ "bg-carbon-15/0",
1652
+ "hover:bg-carbon-15/10",
1653
+ "active:bg-carbon-15/15",
1654
+ "uds-ring",
1655
+ "absolute",
1656
+ "z-[4]"
1629
1657
  ],
1630
1658
  "internalComponents": [
1659
+ "PopoverDismiss",
1631
1660
  "IconSlot",
1632
- "HStack",
1633
- "As",
1634
- "Text"
1661
+ "PopoverArrow",
1662
+ "Popover",
1663
+ "SvgFloatingOverlay",
1664
+ "Box",
1665
+ "Pressable"
1635
1666
  ],
1636
- "internalComponentProps": { "Text": {
1637
- "as": ["span"],
1638
- "color": ["current"],
1639
- "variant": ["inherit"]
1640
- } },
1641
- "propToVariantKeys": {
1642
- "size": ["chipSizeRoot", "chipSizeIcon"],
1643
- "startIcon": ["icon"],
1644
- "endIcon": ["icon"]
1667
+ "internalComponentProps": {},
1668
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1669
+ "runtimeConfigDefaultProps": {
1670
+ "size": "popover.defaultSize",
1671
+ "variant": "popover.defaultVariant"
1645
1672
  },
1646
- "runtimeConfigDefaultProps": {},
1647
- "runtimeConfigGetStyles": {},
1648
- "runtimeConfigInternalComponentProps": {},
1649
- "motionVarPrefixes": []
1650
- };
1651
- var ChipButton = {
1652
- "name": "ChipButton",
1653
- "defaultProps": { "variant": "primary" },
1654
- "getStylesLiterals": {},
1655
- "cxLiterals": ["uds-ring"],
1656
- "internalComponents": ["ChipBase"],
1657
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1658
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1659
- "runtimeConfigDefaultProps": {},
1660
- "runtimeConfigGetStyles": {},
1661
- "runtimeConfigInternalComponentProps": {},
1673
+ "runtimeConfigGetStyles": {
1674
+ "spacingTop": ["popover.spacingVertical.${size}"],
1675
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1676
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1677
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1678
+ },
1679
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1662
1680
  "motionVarPrefixes": []
1663
1681
  };
1664
- var ChipDismissible = {
1665
- "name": "ChipDismissible",
1666
- "defaultProps": { "variant": "primary" },
1682
+ var PopoverContext = {
1683
+ "name": "PopoverContext",
1684
+ "defaultProps": {},
1667
1685
  "getStylesLiterals": {},
1668
- "cxLiterals": [
1669
- "uds-chip-dismissible-button",
1670
- "uds-hit-target",
1671
- "uds-ring",
1672
- "rounded-full"
1673
- ],
1674
- "internalComponents": [
1675
- "ChipBase",
1676
- "IconSlot",
1677
- "Pressable"
1678
- ],
1686
+ "cxLiterals": [],
1687
+ "internalComponents": [],
1679
1688
  "internalComponentProps": {},
1680
- "propToVariantKeys": {
1681
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1682
- "dismissButtonAriaLabel": ["aria-label"]
1683
- },
1689
+ "propToVariantKeys": {},
1684
1690
  "runtimeConfigDefaultProps": {},
1685
1691
  "runtimeConfigGetStyles": {},
1686
1692
  "runtimeConfigInternalComponentProps": {},
1687
1693
  "motionVarPrefixes": []
1688
1694
  };
1689
- var ChipLink = {
1690
- "name": "ChipLink",
1691
- "defaultProps": { "variant": "primary" },
1695
+ var PopoverTrigger = {
1696
+ "name": "PopoverTrigger",
1697
+ "defaultProps": {},
1692
1698
  "getStylesLiterals": {},
1693
- "cxLiterals": ["uds-ring"],
1694
- "internalComponents": ["ChipBase"],
1695
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1696
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1699
+ "cxLiterals": [],
1700
+ "internalComponents": ["PopoverDisclosure"],
1701
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1702
+ "propToVariantKeys": { "children": ["render"] },
1697
1703
  "runtimeConfigDefaultProps": {},
1698
1704
  "runtimeConfigGetStyles": {},
1699
1705
  "runtimeConfigInternalComponentProps": {},
1700
1706
  "motionVarPrefixes": []
1701
1707
  };
1702
- var ChipToggle = {
1703
- "name": "ChipToggle",
1704
- "defaultProps": {
1705
- "variant": "primary",
1706
- "role": "checkbox"
1707
- },
1708
- "getStylesLiterals": {
1709
- "chipToggleVariantActiveRoot": "on",
1710
- "chipToggleVariantActiveRoot:1": "off"
1711
- },
1712
- "cxLiterals": ["uds-ring"],
1713
- "internalComponents": ["ChipBase"],
1714
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1715
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1708
+ var UDSPopoverConfigProvider = {
1709
+ "name": "UDSPopoverConfigProvider",
1710
+ "defaultProps": {},
1711
+ "getStylesLiterals": {},
1712
+ "cxLiterals": [],
1713
+ "internalComponents": ["PopoverContext.Provider"],
1714
+ "internalComponentProps": {},
1715
+ "propToVariantKeys": {},
1716
1716
  "runtimeConfigDefaultProps": {},
1717
1717
  "runtimeConfigGetStyles": {},
1718
1718
  "runtimeConfigInternalComponentProps": {},
@@ -2528,14 +2528,15 @@ var componentData_default = {
2528
2528
  AvatarIcon,
2529
2529
  AvatarImage,
2530
2530
  AvatarText,
2531
+ Chip,
2532
+ ChipBase,
2533
+ ChipButton,
2534
+ ChipDismissible,
2535
+ ChipLink,
2536
+ ChipToggle,
2531
2537
  Input,
2532
2538
  InputHelpText,
2533
2539
  InputHelpTextInternal,
2534
- Popover,
2535
- PopoverContent,
2536
- PopoverContext,
2537
- PopoverTrigger,
2538
- UDSPopoverConfigProvider,
2539
2540
  BottomSheet,
2540
2541
  BottomSheetContent,
2541
2542
  BottomSheetDismiss,
@@ -2554,12 +2555,11 @@ var componentData_default = {
2554
2555
  "Menu.Trigger": Menu_Trigger,
2555
2556
  "Menu.index": Menu_index,
2556
2557
  Menu,
2557
- Chip,
2558
- ChipBase,
2559
- ChipButton,
2560
- ChipDismissible,
2561
- ChipLink,
2562
- ChipToggle,
2558
+ Popover,
2559
+ PopoverContent,
2560
+ PopoverContext,
2561
+ PopoverTrigger,
2562
+ UDSPopoverConfigProvider,
2563
2563
  Radio,
2564
2564
  RadioGroupProvider,
2565
2565
  RadioGroupStore,