@yahoo/uds 3.133.3 → 3.134.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.
- package/dist/automated-config/dist/generated/autoVariants.cjs +14 -0
- package/dist/automated-config/dist/generated/autoVariants.d.cts +14 -0
- package/dist/automated-config/dist/generated/autoVariants.d.ts +14 -0
- package/dist/automated-config/dist/generated/autoVariants.js +14 -0
- package/dist/automated-config/dist/generated/generatedConfigs.cjs +2796 -1
- package/dist/automated-config/dist/generated/generatedConfigs.d.cts +288 -2
- package/dist/automated-config/dist/generated/generatedConfigs.d.ts +288 -2
- package/dist/automated-config/dist/generated/generatedConfigs.js +2796 -2
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +119 -0
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +2 -1
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +2 -1
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +119 -0
- package/dist/automated-config/dist/properties.cjs +15 -1
- package/dist/automated-config/dist/properties.d.cts +4 -0
- package/dist/automated-config/dist/properties.d.ts +4 -0
- package/dist/automated-config/dist/properties.js +15 -1
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/cli/commands/sync.cjs +4 -0
- package/dist/cli/commands/sync.js +4 -0
- package/dist/components/client/Modal/Modal.cjs +193 -0
- package/dist/components/client/Modal/Modal.d.cts +51 -0
- package/dist/components/client/Modal/Modal.d.ts +52 -0
- package/dist/components/client/Modal/Modal.js +191 -0
- package/dist/components/client/Modal/ModalActions.cjs +54 -0
- package/dist/components/client/Modal/ModalActions.d.cts +27 -0
- package/dist/components/client/Modal/ModalActions.d.ts +28 -0
- package/dist/components/client/Modal/ModalActions.js +52 -0
- package/dist/components/client/Modal/ModalContent.cjs +37 -0
- package/dist/components/client/Modal/ModalContent.d.cts +24 -0
- package/dist/components/client/Modal/ModalContent.d.ts +25 -0
- package/dist/components/client/Modal/ModalContent.js +35 -0
- package/dist/components/client/Modal/ModalContext.cjs +15 -0
- package/dist/components/client/Modal/ModalContext.d.cts +13 -0
- package/dist/components/client/Modal/ModalContext.d.ts +14 -0
- package/dist/components/client/Modal/ModalContext.js +12 -0
- package/dist/components/client/Modal/ModalDescription.cjs +29 -0
- package/dist/components/client/Modal/ModalDescription.d.cts +23 -0
- package/dist/components/client/Modal/ModalDescription.d.ts +24 -0
- package/dist/components/client/Modal/ModalDescription.js +27 -0
- package/dist/components/client/Modal/ModalTitle.cjs +29 -0
- package/dist/components/client/Modal/ModalTitle.d.cts +23 -0
- package/dist/components/client/Modal/ModalTitle.d.ts +24 -0
- package/dist/components/client/Modal/ModalTitle.js +27 -0
- package/dist/components/client/Modal/UDSModalConfigProvider.cjs +42 -0
- package/dist/components/client/Modal/UDSModalConfigProvider.d.cts +35 -0
- package/dist/components/client/Modal/UDSModalConfigProvider.d.ts +36 -0
- package/dist/components/client/Modal/UDSModalConfigProvider.js +39 -0
- package/dist/components/client/Modal/index.cjs +16 -0
- package/dist/components/client/Modal/index.d.cts +8 -0
- package/dist/components/client/Modal/index.d.ts +9 -0
- package/dist/components/client/Modal/index.js +9 -0
- package/dist/components/client/Modal/useScrollFade.cjs +38 -0
- package/dist/components/client/Modal/useScrollFade.d.cts +13 -0
- package/dist/components/client/Modal/useScrollFade.d.ts +14 -0
- package/dist/components/client/Modal/useScrollFade.js +36 -0
- package/dist/components/client/Modal/utils.cjs +32 -0
- package/dist/components/client/Modal/utils.d.cts +13 -0
- package/dist/components/client/Modal/utils.d.ts +14 -0
- package/dist/components/client/Modal/utils.js +30 -0
- package/dist/components/client/Popover/index.d.cts +1 -1
- package/dist/components/client/Popover/index.d.ts +1 -1
- package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
- package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
- package/dist/components/client/index.cjs +13 -0
- package/dist/components/client/index.d.cts +8 -2
- package/dist/components/client/index.d.ts +8 -2
- package/dist/components/client/index.js +7 -1
- package/dist/components/client/providers/UDSConfigProvider.cjs +6 -2
- package/dist/components/client/providers/UDSConfigProvider.d.cts +2 -1
- package/dist/components/client/providers/UDSConfigProvider.d.ts +2 -1
- package/dist/components/client/providers/UDSConfigProvider.js +6 -2
- package/dist/components/experimental/client/index.cjs +0 -5
- package/dist/components/experimental/client/index.d.cts +1 -2
- package/dist/components/experimental/client/index.d.ts +1 -2
- package/dist/components/experimental/client/index.js +1 -2
- package/dist/components/experimental/index.cjs +1 -10
- package/dist/components/experimental/index.d.cts +1 -2
- package/dist/components/experimental/index.d.ts +1 -2
- package/dist/components/experimental/index.js +2 -7
- package/dist/components/index.cjs +20 -0
- package/dist/components/index.d.cts +8 -2
- package/dist/components/index.d.ts +8 -2
- package/dist/components/index.js +14 -1
- package/dist/config/dist/index.cjs +129 -4
- package/dist/config/dist/index.js +129 -4
- package/dist/index.cjs +16 -0
- package/dist/index.d.cts +11 -4
- package/dist/index.d.ts +11 -4
- package/dist/index.js +9 -2
- package/dist/runtime/index.cjs +2 -0
- package/dist/runtime/index.d.cts +2 -1
- package/dist/runtime/index.d.ts +2 -1
- package/dist/runtime/index.js +2 -1
- package/dist/runtime/modalConfig.cjs +22 -0
- package/dist/runtime/modalConfig.d.cts +22 -0
- package/dist/runtime/modalConfig.d.ts +22 -0
- package/dist/runtime/modalConfig.js +21 -0
- package/dist/runtime/udsConfig.cjs +4 -2
- package/dist/runtime/udsConfig.d.cts +2 -0
- package/dist/runtime/udsConfig.d.ts +2 -0
- package/dist/runtime/udsConfig.js +4 -2
- package/dist/styles/styler.d.cts +35 -21
- package/dist/styles/styler.d.ts +35 -21
- package/dist/styles/variants.d.cts +42 -0
- package/dist/styles/variants.d.ts +42 -0
- package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +14 -0
- package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +14 -0
- package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
- package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +2796 -1
- package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +2796 -2
- package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
- package/dist/tailwind/dist/automated-config/dist/properties.cjs +15 -1
- package/dist/tailwind/dist/automated-config/dist/properties.js +15 -1
- package/dist/tailwind/dist/automated-config/dist/properties.js.map +1 -1
- package/dist/tailwind/dist/config/dist/index.cjs +129 -4
- package/dist/tailwind/dist/config/dist/index.js +129 -4
- package/dist/tailwind/dist/config/dist/index.js.map +1 -1
- package/dist/tailwind/dist/css/utils.cjs +8 -0
- package/dist/tailwind/dist/css/utils.js +8 -0
- package/dist/tailwind/dist/css/utils.js.map +1 -1
- package/dist/tailwind/dist/runtimeConfig/hookMetadata.cjs +34 -0
- package/dist/tailwind/dist/runtimeConfig/hookMetadata.js +34 -0
- package/dist/tailwind/dist/runtimeConfig/hookMetadata.js.map +1 -1
- package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.cjs +3 -0
- package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.js +3 -0
- package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.js.map +1 -1
- package/dist/tailwind/dist/tailwind/plugins/components.cjs +1 -0
- package/dist/tailwind/dist/tailwind/plugins/components.js +2 -1
- package/dist/tailwind/dist/tailwind/plugins/components.js.map +1 -1
- package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
- package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
- package/dist/tokens/automation/configs/index.cjs +1 -0
- package/dist/tokens/automation/configs/index.d.cts +2 -2
- package/dist/tokens/automation/configs/index.d.ts +2 -2
- package/dist/tokens/automation/configs/index.js +2 -2
- package/dist/tokens/automation/index.cjs +1 -0
- package/dist/tokens/automation/index.d.cts +2 -2
- package/dist/tokens/automation/index.d.ts +2 -2
- package/dist/tokens/automation/index.js +2 -2
- package/dist/tokens/index.cjs +1 -0
- package/dist/tokens/index.d.cts +3 -3
- package/dist/tokens/index.d.ts +3 -3
- package/dist/tokens/index.js +2 -2
- package/dist/tokens/types.d.cts +2 -2
- package/dist/tokens/types.d.ts +2 -2
- package/dist/types/dist/index.d.cts +68 -2
- package/dist/types/dist/index.d.ts +68 -2
- package/dist/uds/generated/componentData.cjs +717 -526
- package/dist/uds/generated/componentData.js +580 -425
- package/dist/uds/generated/tailwindPurge.cjs +137 -96
- package/dist/uds/generated/tailwindPurge.js +137 -96
- package/dist/utils/exposeAriakitScrollbarWidth.cjs +17 -0
- package/dist/utils/exposeAriakitScrollbarWidth.d.cts +13 -0
- package/dist/utils/exposeAriakitScrollbarWidth.d.ts +13 -0
- package/dist/utils/exposeAriakitScrollbarWidth.js +16 -0
- package/generated/componentData.json +876 -665
- package/generated/tailwindPurge.ts +4 -4
- package/package.json +1 -1
- package/dist/components/experimental/client/Modal.cjs +0 -60
- package/dist/components/experimental/client/Modal.d.cts +0 -27
- package/dist/components/experimental/client/Modal.d.ts +0 -28
- package/dist/components/experimental/client/Modal.js +0 -55
|
@@ -92,6 +92,14 @@ const extractRuntimeConfigValues = (config) => {
|
|
|
92
92
|
setRuntimeValue(require_hookMetadata.getRuntimeFieldSelector("usePopoverConfig", "dismissIconSize", { size }), dismissIconSize);
|
|
93
93
|
});
|
|
94
94
|
}
|
|
95
|
+
if (config.modal?.variables) {
|
|
96
|
+
setRuntimeValue(require_hookMetadata.getRuntimeDefaultPropSelector("useModalConfig", "size"), require_hookMetadata.getRuntimeDefaultPropValue(config, "useModalConfig", "size") ?? void 0);
|
|
97
|
+
setRuntimeValue(require_hookMetadata.getRuntimeDefaultPropSelector("useModalConfig", "variant"), require_hookMetadata.getRuntimeDefaultPropValue(config, "useModalConfig", "variant") ?? void 0);
|
|
98
|
+
require_hookMetadata.getRuntimeSelectorParamValues("useModalConfig", "size").forEach((size) => {
|
|
99
|
+
const gutter = require_hookMetadata.getRuntimeFieldTokenValue(config, "useModalConfig", "gutter", { size });
|
|
100
|
+
setRuntimeValue(require_hookMetadata.getRuntimeFieldSelector("useModalConfig", "gutter", { size }), gutter);
|
|
101
|
+
});
|
|
102
|
+
}
|
|
95
103
|
return values;
|
|
96
104
|
};
|
|
97
105
|
/**
|
|
@@ -92,6 +92,14 @@ const extractRuntimeConfigValues = (config) => {
|
|
|
92
92
|
setRuntimeValue(getRuntimeFieldSelector("usePopoverConfig", "dismissIconSize", { size }), dismissIconSize);
|
|
93
93
|
});
|
|
94
94
|
}
|
|
95
|
+
if (config.modal?.variables) {
|
|
96
|
+
setRuntimeValue(getRuntimeDefaultPropSelector("useModalConfig", "size"), getRuntimeDefaultPropValue(config, "useModalConfig", "size") ?? void 0);
|
|
97
|
+
setRuntimeValue(getRuntimeDefaultPropSelector("useModalConfig", "variant"), getRuntimeDefaultPropValue(config, "useModalConfig", "variant") ?? void 0);
|
|
98
|
+
getRuntimeSelectorParamValues("useModalConfig", "size").forEach((size) => {
|
|
99
|
+
const gutter = getRuntimeFieldTokenValue(config, "useModalConfig", "gutter", { size });
|
|
100
|
+
setRuntimeValue(getRuntimeFieldSelector("useModalConfig", "gutter", { size }), gutter);
|
|
101
|
+
});
|
|
102
|
+
}
|
|
95
103
|
return values;
|
|
96
104
|
};
|
|
97
105
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","names":[],"sources":["../../src/css/utils.ts"],"sourcesContent":["import { configurableProperties } from '@yahoo/uds-automated-config/properties';\nimport type { UniversalTokensConfig } from '@yahoo/uds-config';\n\nimport type { SerializedComponentInfo } from '../commands/generateComponentData';\nimport type { RuntimeConfigValues, VariantDefaults } from '../purger/optimized/purgeFromCode';\nimport {\n getRuntimeDefaultPropSelector,\n getRuntimeDefaultPropValue,\n getRuntimeFieldSelector,\n getRuntimeFieldStaticValue,\n getRuntimeFieldTokenValue,\n getRuntimeSelectorParamValues,\n} from '../runtimeConfig/hookMetadata';\n\n/**\n * Extract variant defaults from a UniversalTokensConfig.\n * Converts from config structure to a simpler lookup format.\n * e.g., { button: { defaults: { size: 'md' } } } -> { Button: { size: 'md' } }\n */\nconst extractVariantDefaults = (config: UniversalTokensConfig): VariantDefaults => {\n // Component names in config are lowercase, but we need PascalCase for matching\n const componentNameMap: Record<string, string> = {\n avatar: 'Avatar',\n badge: 'Badge',\n button: 'Button',\n checkbox: 'Checkbox',\n chip: 'Chip',\n divider: 'Divider',\n iconButton: 'IconButton',\n input: 'Input',\n link: 'Link',\n menu: 'Menu',\n radio: 'Radio',\n switch: 'Switch',\n tab: 'Tab',\n tabs: 'Tabs',\n };\n\n // Extract defaults from each component in the config\n return Object.entries(config).reduce<VariantDefaults>((acc, [configKey, componentConfig]) => {\n const pascalName = componentNameMap[configKey];\n if (!pascalName || !componentConfig || typeof componentConfig !== 'object') {\n return acc;\n }\n\n const configWithDefaults = componentConfig as { defaults?: Record<string, string> };\n return configWithDefaults.defaults\n ? { ...acc, [pascalName]: configWithDefaults.defaults }\n : acc;\n }, {});\n};\n\nconst extractRuntimeConfigValues = (config: UniversalTokensConfig): RuntimeConfigValues => {\n const values: RuntimeConfigValues = {};\n\n const setRuntimeValue = (\n selector: string | null,\n value: string | number | boolean | undefined,\n ) => {\n if (!selector || value === undefined) {\n return;\n }\n\n values[selector] = value;\n };\n\n const bottomSheetBackgroundColor = getRuntimeFieldTokenValue(\n config,\n 'useBottomSheetConfig',\n 'backgroundColor',\n { variant: 'default' },\n );\n\n if (bottomSheetBackgroundColor !== undefined) {\n setRuntimeValue(\n getRuntimeFieldSelector('useBottomSheetConfig', 'backgroundColor', { variant: 'default' }),\n bottomSheetBackgroundColor,\n );\n }\n\n if (config.toast?.variables && config.toast?.defaults) {\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'autoClose'),\n getRuntimeFieldStaticValue('useToastConfig', 'autoClose') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'position'),\n getRuntimeFieldStaticValue('useToastConfig', 'position') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeDefaultPropSelector('useToastConfig', 'size'),\n getRuntimeDefaultPropValue(config, 'useToastConfig', 'size'),\n );\n setRuntimeValue(\n getRuntimeDefaultPropSelector('useToastConfig', 'variant'),\n getRuntimeDefaultPropValue(config, 'useToastConfig', 'variant'),\n );\n\n getRuntimeSelectorParamValues('useToastConfig', 'size').forEach((size) => {\n const textVariant = getRuntimeFieldTokenValue(config, 'useToastConfig', 'textVariant', {\n size,\n });\n const iconSize = getRuntimeFieldTokenValue(config, 'useToastConfig', 'iconSize', { size });\n const buttonSize = getRuntimeFieldTokenValue(config, 'useToastConfig', 'buttonSize', {\n size,\n });\n\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'textVariant', { size }),\n textVariant,\n );\n setRuntimeValue(getRuntimeFieldSelector('useToastConfig', 'iconSize', { size }), iconSize);\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'buttonSize', { size }),\n buttonSize,\n );\n });\n\n getRuntimeSelectorParamValues('useToastConfig', 'variant').forEach((variant) => {\n const textColor = getRuntimeFieldTokenValue(config, 'useToastConfig', 'textColor', {\n variant,\n });\n const buttonVariant = getRuntimeFieldTokenValue(config, 'useToastConfig', 'buttonVariant', {\n variant,\n });\n const iconVariant = getRuntimeFieldTokenValue(config, 'useToastConfig', 'iconVariant', {\n variant,\n });\n const backgroundColor = getRuntimeFieldTokenValue(\n config,\n 'useToastConfig',\n 'backgroundColor',\n { variant },\n );\n\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'textColor', { variant }),\n textColor,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'buttonVariant', { variant }),\n buttonVariant,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'iconVariant', { variant }),\n iconVariant,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'backgroundColor', { variant }),\n backgroundColor,\n );\n });\n }\n\n const tooltipBorderRadius = getRuntimeFieldTokenValue(\n config,\n 'useTooltipConfig',\n 'borderRadius',\n {\n size: 'default',\n },\n );\n\n if (tooltipBorderRadius !== undefined) {\n setRuntimeValue(\n getRuntimeFieldSelector('useTooltipConfig', 'animationDuration'),\n getRuntimeFieldStaticValue('useTooltipConfig', 'animationDuration') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('useTooltipConfig', 'placement'),\n getRuntimeFieldStaticValue('useTooltipConfig', 'placement') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('useTooltipConfig', 'borderRadius', { size: 'default' }),\n tooltipBorderRadius,\n );\n }\n\n if (config.popover?.variables && config.scaleMode?.medium) {\n setRuntimeValue(\n getRuntimeDefaultPropSelector('usePopoverConfig', 'size'),\n getRuntimeDefaultPropValue(config, 'usePopoverConfig', 'size') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeDefaultPropSelector('usePopoverConfig', 'variant'),\n getRuntimeDefaultPropValue(config, 'usePopoverConfig', 'variant') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('usePopoverConfig', 'animationDuration'),\n getRuntimeFieldStaticValue('usePopoverConfig', 'animationDuration') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('usePopoverConfig', 'placement'),\n getRuntimeFieldStaticValue('usePopoverConfig', 'placement') ?? undefined,\n );\n\n getRuntimeSelectorParamValues('usePopoverConfig', 'size').forEach((size) => {\n const borderRadius = getRuntimeFieldTokenValue(config, 'usePopoverConfig', 'borderRadius', {\n size,\n });\n const gap = getRuntimeFieldTokenValue(config, 'usePopoverConfig', 'gap', { size });\n const spacingHorizontal = getRuntimeFieldTokenValue(\n config,\n 'usePopoverConfig',\n 'spacingHorizontal',\n { size },\n );\n const spacingVertical = getRuntimeFieldTokenValue(\n config,\n 'usePopoverConfig',\n 'spacingVertical',\n { size },\n );\n const dismissButtonSpacing = getRuntimeFieldTokenValue(\n config,\n 'usePopoverConfig',\n 'dismissButtonSpacing',\n { size },\n );\n const dismissIconSize = getRuntimeFieldTokenValue(\n config,\n 'usePopoverConfig',\n 'dismissIconSize',\n { size },\n );\n\n setRuntimeValue(\n getRuntimeFieldSelector('usePopoverConfig', 'borderRadius', { size }),\n borderRadius,\n );\n setRuntimeValue(getRuntimeFieldSelector('usePopoverConfig', 'gap', { size }), gap);\n setRuntimeValue(\n getRuntimeFieldSelector('usePopoverConfig', 'spacingHorizontal', { size }),\n spacingHorizontal,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('usePopoverConfig', 'spacingVertical', { size }),\n spacingVertical,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('usePopoverConfig', 'dismissButtonSpacing', { size }),\n dismissButtonSpacing,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('usePopoverConfig', 'dismissIconSize', { size }),\n dismissIconSize,\n );\n });\n }\n\n return values;\n};\n\n/**\n * Format bytes to human readable string\n */\nconst formatBytes = (bytes: number): string => {\n if (bytes < 1024) {\n return `${bytes} B`;\n }\n const kb = bytes / 1024;\n if (kb < 1024) {\n return `${kb.toFixed(1)} KB`;\n }\n const mb = kb / 1024;\n return `${mb.toFixed(2)} MB`;\n};\n\n/**\n * Get motion CSS variable prefixes needed by a set of components.\n * Looks up motionVarPrefixes from componentData.json for each component.\n */\nconst getMotionVarPrefixes = (\n componentData: Record<string, SerializedComponentInfo>,\n components: string[],\n): string[] => {\n const prefixes = components.flatMap((componentName) => {\n const info = (componentData as Record<string, { motionVarPrefixes?: string[] }>)[componentName];\n return info?.motionVarPrefixes ?? [];\n });\n\n return [...new Set(prefixes)];\n};\n\n/**\n * Collect css variable names exposed by configurable properties.\n */\nconst getConfigurableCssVariables = (): string[] => {\n const udsVarPrefix = '--uds';\n const cssVars = Object.values(configurableProperties).flatMap(({ cssProperties }) => {\n if (typeof cssProperties === 'string') {\n return cssProperties.startsWith(udsVarPrefix) ? [cssProperties] : [];\n }\n\n if (Array.isArray(cssProperties)) {\n return cssProperties.filter(\n (cssProperty): cssProperty is string =>\n typeof cssProperty === 'string' && cssProperty.startsWith(udsVarPrefix),\n );\n }\n\n return [];\n });\n\n return [...new Set(['--uds-button-gap', ...cssVars])];\n};\n\nexport {\n extractRuntimeConfigValues,\n extractVariantDefaults,\n formatBytes,\n getConfigurableCssVariables,\n getMotionVarPrefixes,\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"utils.js","names":[],"sources":["../../src/css/utils.ts"],"sourcesContent":["import { configurableProperties } from '@yahoo/uds-automated-config/properties';\nimport type { UniversalTokensConfig } from '@yahoo/uds-config';\n\nimport type { SerializedComponentInfo } from '../commands/generateComponentData';\nimport type { RuntimeConfigValues, VariantDefaults } from '../purger/optimized/purgeFromCode';\nimport {\n getRuntimeDefaultPropSelector,\n getRuntimeDefaultPropValue,\n getRuntimeFieldSelector,\n getRuntimeFieldStaticValue,\n getRuntimeFieldTokenValue,\n getRuntimeSelectorParamValues,\n} from '../runtimeConfig/hookMetadata';\n\n/**\n * Extract variant defaults from a UniversalTokensConfig.\n * Converts from config structure to a simpler lookup format.\n * e.g., { button: { defaults: { size: 'md' } } } -> { Button: { size: 'md' } }\n */\nconst extractVariantDefaults = (config: UniversalTokensConfig): VariantDefaults => {\n // Component names in config are lowercase, but we need PascalCase for matching\n const componentNameMap: Record<string, string> = {\n avatar: 'Avatar',\n badge: 'Badge',\n button: 'Button',\n checkbox: 'Checkbox',\n chip: 'Chip',\n divider: 'Divider',\n iconButton: 'IconButton',\n input: 'Input',\n link: 'Link',\n menu: 'Menu',\n radio: 'Radio',\n switch: 'Switch',\n tab: 'Tab',\n tabs: 'Tabs',\n };\n\n // Extract defaults from each component in the config\n return Object.entries(config).reduce<VariantDefaults>((acc, [configKey, componentConfig]) => {\n const pascalName = componentNameMap[configKey];\n if (!pascalName || !componentConfig || typeof componentConfig !== 'object') {\n return acc;\n }\n\n const configWithDefaults = componentConfig as { defaults?: Record<string, string> };\n return configWithDefaults.defaults\n ? { ...acc, [pascalName]: configWithDefaults.defaults }\n : acc;\n }, {});\n};\n\nconst extractRuntimeConfigValues = (config: UniversalTokensConfig): RuntimeConfigValues => {\n const values: RuntimeConfigValues = {};\n\n const setRuntimeValue = (\n selector: string | null,\n value: string | number | boolean | undefined,\n ) => {\n if (!selector || value === undefined) {\n return;\n }\n\n values[selector] = value;\n };\n\n const bottomSheetBackgroundColor = getRuntimeFieldTokenValue(\n config,\n 'useBottomSheetConfig',\n 'backgroundColor',\n { variant: 'default' },\n );\n\n if (bottomSheetBackgroundColor !== undefined) {\n setRuntimeValue(\n getRuntimeFieldSelector('useBottomSheetConfig', 'backgroundColor', { variant: 'default' }),\n bottomSheetBackgroundColor,\n );\n }\n\n if (config.toast?.variables && config.toast?.defaults) {\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'autoClose'),\n getRuntimeFieldStaticValue('useToastConfig', 'autoClose') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'position'),\n getRuntimeFieldStaticValue('useToastConfig', 'position') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeDefaultPropSelector('useToastConfig', 'size'),\n getRuntimeDefaultPropValue(config, 'useToastConfig', 'size'),\n );\n setRuntimeValue(\n getRuntimeDefaultPropSelector('useToastConfig', 'variant'),\n getRuntimeDefaultPropValue(config, 'useToastConfig', 'variant'),\n );\n\n getRuntimeSelectorParamValues('useToastConfig', 'size').forEach((size) => {\n const textVariant = getRuntimeFieldTokenValue(config, 'useToastConfig', 'textVariant', {\n size,\n });\n const iconSize = getRuntimeFieldTokenValue(config, 'useToastConfig', 'iconSize', { size });\n const buttonSize = getRuntimeFieldTokenValue(config, 'useToastConfig', 'buttonSize', {\n size,\n });\n\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'textVariant', { size }),\n textVariant,\n );\n setRuntimeValue(getRuntimeFieldSelector('useToastConfig', 'iconSize', { size }), iconSize);\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'buttonSize', { size }),\n buttonSize,\n );\n });\n\n getRuntimeSelectorParamValues('useToastConfig', 'variant').forEach((variant) => {\n const textColor = getRuntimeFieldTokenValue(config, 'useToastConfig', 'textColor', {\n variant,\n });\n const buttonVariant = getRuntimeFieldTokenValue(config, 'useToastConfig', 'buttonVariant', {\n variant,\n });\n const iconVariant = getRuntimeFieldTokenValue(config, 'useToastConfig', 'iconVariant', {\n variant,\n });\n const backgroundColor = getRuntimeFieldTokenValue(\n config,\n 'useToastConfig',\n 'backgroundColor',\n { variant },\n );\n\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'textColor', { variant }),\n textColor,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'buttonVariant', { variant }),\n buttonVariant,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'iconVariant', { variant }),\n iconVariant,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('useToastConfig', 'backgroundColor', { variant }),\n backgroundColor,\n );\n });\n }\n\n const tooltipBorderRadius = getRuntimeFieldTokenValue(\n config,\n 'useTooltipConfig',\n 'borderRadius',\n {\n size: 'default',\n },\n );\n\n if (tooltipBorderRadius !== undefined) {\n setRuntimeValue(\n getRuntimeFieldSelector('useTooltipConfig', 'animationDuration'),\n getRuntimeFieldStaticValue('useTooltipConfig', 'animationDuration') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('useTooltipConfig', 'placement'),\n getRuntimeFieldStaticValue('useTooltipConfig', 'placement') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('useTooltipConfig', 'borderRadius', { size: 'default' }),\n tooltipBorderRadius,\n );\n }\n\n if (config.popover?.variables && config.scaleMode?.medium) {\n setRuntimeValue(\n getRuntimeDefaultPropSelector('usePopoverConfig', 'size'),\n getRuntimeDefaultPropValue(config, 'usePopoverConfig', 'size') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeDefaultPropSelector('usePopoverConfig', 'variant'),\n getRuntimeDefaultPropValue(config, 'usePopoverConfig', 'variant') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('usePopoverConfig', 'animationDuration'),\n getRuntimeFieldStaticValue('usePopoverConfig', 'animationDuration') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('usePopoverConfig', 'placement'),\n getRuntimeFieldStaticValue('usePopoverConfig', 'placement') ?? undefined,\n );\n\n getRuntimeSelectorParamValues('usePopoverConfig', 'size').forEach((size) => {\n const borderRadius = getRuntimeFieldTokenValue(config, 'usePopoverConfig', 'borderRadius', {\n size,\n });\n const gap = getRuntimeFieldTokenValue(config, 'usePopoverConfig', 'gap', { size });\n const spacingHorizontal = getRuntimeFieldTokenValue(\n config,\n 'usePopoverConfig',\n 'spacingHorizontal',\n { size },\n );\n const spacingVertical = getRuntimeFieldTokenValue(\n config,\n 'usePopoverConfig',\n 'spacingVertical',\n { size },\n );\n const dismissButtonSpacing = getRuntimeFieldTokenValue(\n config,\n 'usePopoverConfig',\n 'dismissButtonSpacing',\n { size },\n );\n const dismissIconSize = getRuntimeFieldTokenValue(\n config,\n 'usePopoverConfig',\n 'dismissIconSize',\n { size },\n );\n\n setRuntimeValue(\n getRuntimeFieldSelector('usePopoverConfig', 'borderRadius', { size }),\n borderRadius,\n );\n setRuntimeValue(getRuntimeFieldSelector('usePopoverConfig', 'gap', { size }), gap);\n setRuntimeValue(\n getRuntimeFieldSelector('usePopoverConfig', 'spacingHorizontal', { size }),\n spacingHorizontal,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('usePopoverConfig', 'spacingVertical', { size }),\n spacingVertical,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('usePopoverConfig', 'dismissButtonSpacing', { size }),\n dismissButtonSpacing,\n );\n setRuntimeValue(\n getRuntimeFieldSelector('usePopoverConfig', 'dismissIconSize', { size }),\n dismissIconSize,\n );\n });\n }\n\n if (config.modal?.variables) {\n setRuntimeValue(\n getRuntimeDefaultPropSelector('useModalConfig', 'size'),\n getRuntimeDefaultPropValue(config, 'useModalConfig', 'size') ?? undefined,\n );\n setRuntimeValue(\n getRuntimeDefaultPropSelector('useModalConfig', 'variant'),\n getRuntimeDefaultPropValue(config, 'useModalConfig', 'variant') ?? undefined,\n );\n\n getRuntimeSelectorParamValues('useModalConfig', 'size').forEach((size) => {\n const gutter = getRuntimeFieldTokenValue(config, 'useModalConfig', 'gutter', { size });\n\n setRuntimeValue(getRuntimeFieldSelector('useModalConfig', 'gutter', { size }), gutter);\n });\n }\n\n return values;\n};\n\n/**\n * Format bytes to human readable string\n */\nconst formatBytes = (bytes: number): string => {\n if (bytes < 1024) {\n return `${bytes} B`;\n }\n const kb = bytes / 1024;\n if (kb < 1024) {\n return `${kb.toFixed(1)} KB`;\n }\n const mb = kb / 1024;\n return `${mb.toFixed(2)} MB`;\n};\n\n/**\n * Get motion CSS variable prefixes needed by a set of components.\n * Looks up motionVarPrefixes from componentData.json for each component.\n */\nconst getMotionVarPrefixes = (\n componentData: Record<string, SerializedComponentInfo>,\n components: string[],\n): string[] => {\n const prefixes = components.flatMap((componentName) => {\n const info = (componentData as Record<string, { motionVarPrefixes?: string[] }>)[componentName];\n return info?.motionVarPrefixes ?? [];\n });\n\n return [...new Set(prefixes)];\n};\n\n/**\n * Collect css variable names exposed by configurable properties.\n */\nconst getConfigurableCssVariables = (): string[] => {\n const udsVarPrefix = '--uds';\n const cssVars = Object.values(configurableProperties).flatMap(({ cssProperties }) => {\n if (typeof cssProperties === 'string') {\n return cssProperties.startsWith(udsVarPrefix) ? [cssProperties] : [];\n }\n\n if (Array.isArray(cssProperties)) {\n return cssProperties.filter(\n (cssProperty): cssProperty is string =>\n typeof cssProperty === 'string' && cssProperty.startsWith(udsVarPrefix),\n );\n }\n\n return [];\n });\n\n return [...new Set(['--uds-button-gap', ...cssVars])];\n};\n\nexport {\n extractRuntimeConfigValues,\n extractVariantDefaults,\n formatBytes,\n getConfigurableCssVariables,\n getMotionVarPrefixes,\n};\n"],"mappings":"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"}
|
|
@@ -299,6 +299,40 @@ const runtimeHookMetadata = defineRuntimeHookMetadata({
|
|
|
299
299
|
}
|
|
300
300
|
}
|
|
301
301
|
}
|
|
302
|
+
},
|
|
303
|
+
useModalConfig: {
|
|
304
|
+
defaultProps: {
|
|
305
|
+
size: "modal.defaultSize",
|
|
306
|
+
variant: "modal.defaultVariant"
|
|
307
|
+
},
|
|
308
|
+
defaultPropValues: {
|
|
309
|
+
size: "default",
|
|
310
|
+
variant: "default"
|
|
311
|
+
},
|
|
312
|
+
selectorParamValues: { size: ["default"] },
|
|
313
|
+
tokenConfigPath: ["modal", "variables"],
|
|
314
|
+
fields: {
|
|
315
|
+
size: {
|
|
316
|
+
bindingSelector: "modal.defaultSize",
|
|
317
|
+
selectorTemplates: ["modal.defaultSize"]
|
|
318
|
+
},
|
|
319
|
+
variant: {
|
|
320
|
+
bindingSelector: "modal.defaultVariant",
|
|
321
|
+
selectorTemplates: ["modal.defaultVariant"]
|
|
322
|
+
},
|
|
323
|
+
gutter: {
|
|
324
|
+
bindingSelector: "modal.gutter.${size}",
|
|
325
|
+
selectorTemplates: ["modal.gutter.${size}"],
|
|
326
|
+
tokenSource: {
|
|
327
|
+
variableTemplate: "size/${size}/scrim",
|
|
328
|
+
valuePath: [
|
|
329
|
+
"spacing",
|
|
330
|
+
"rest",
|
|
331
|
+
"value"
|
|
332
|
+
]
|
|
333
|
+
}
|
|
334
|
+
}
|
|
335
|
+
}
|
|
302
336
|
}
|
|
303
337
|
});
|
|
304
338
|
const getNestedValue = (value, path) => {
|
|
@@ -299,6 +299,40 @@ const runtimeHookMetadata = defineRuntimeHookMetadata({
|
|
|
299
299
|
}
|
|
300
300
|
}
|
|
301
301
|
}
|
|
302
|
+
},
|
|
303
|
+
useModalConfig: {
|
|
304
|
+
defaultProps: {
|
|
305
|
+
size: "modal.defaultSize",
|
|
306
|
+
variant: "modal.defaultVariant"
|
|
307
|
+
},
|
|
308
|
+
defaultPropValues: {
|
|
309
|
+
size: "default",
|
|
310
|
+
variant: "default"
|
|
311
|
+
},
|
|
312
|
+
selectorParamValues: { size: ["default"] },
|
|
313
|
+
tokenConfigPath: ["modal", "variables"],
|
|
314
|
+
fields: {
|
|
315
|
+
size: {
|
|
316
|
+
bindingSelector: "modal.defaultSize",
|
|
317
|
+
selectorTemplates: ["modal.defaultSize"]
|
|
318
|
+
},
|
|
319
|
+
variant: {
|
|
320
|
+
bindingSelector: "modal.defaultVariant",
|
|
321
|
+
selectorTemplates: ["modal.defaultVariant"]
|
|
322
|
+
},
|
|
323
|
+
gutter: {
|
|
324
|
+
bindingSelector: "modal.gutter.${size}",
|
|
325
|
+
selectorTemplates: ["modal.gutter.${size}"],
|
|
326
|
+
tokenSource: {
|
|
327
|
+
variableTemplate: "size/${size}/scrim",
|
|
328
|
+
valuePath: [
|
|
329
|
+
"spacing",
|
|
330
|
+
"rest",
|
|
331
|
+
"value"
|
|
332
|
+
]
|
|
333
|
+
}
|
|
334
|
+
}
|
|
335
|
+
}
|
|
302
336
|
}
|
|
303
337
|
});
|
|
304
338
|
const getNestedValue = (value, path) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hookMetadata.js","names":[],"sources":["../../src/runtimeConfig/hookMetadata.ts"],"sourcesContent":["import type { UniversalTokensConfig } from '@yahoo/uds-config';\n\ninterface RuntimeHookFieldTokenSource {\n variableTemplate: string;\n valuePath: readonly string[];\n transformConfigPath?: readonly string[];\n}\n\ninterface RuntimeHookFieldMetadata {\n bindingSelector: string;\n selectorTemplates: string[];\n staticValue?: string | number | boolean;\n tokenSource?: RuntimeHookFieldTokenSource;\n}\n\ninterface RuntimeHookMetadata {\n defaultProps: Record<string, string>;\n defaultPropSources?: Record<string, readonly string[]>;\n defaultPropValues?: Record<string, string | number | boolean>;\n selectorParamValues?: Record<string, readonly string[]>;\n tokenConfigPath?: readonly string[];\n fields: Record<string, RuntimeHookFieldMetadata>;\n}\n\ntype RuntimeSelectorParams = Record<string, string>;\n\nconst defineRuntimeHookMetadata = <const T extends Record<string, RuntimeHookMetadata>>(\n metadata: T,\n): T => metadata;\n\nconst runtimeHookMetadata = defineRuntimeHookMetadata({\n useBottomSheetConfig: {\n defaultProps: {},\n selectorParamValues: {\n variant: ['default'],\n },\n tokenConfigPath: ['bottomSheet', 'variables'],\n fields: {\n backgroundColor: {\n bindingSelector: 'bottomSheet.backgroundColor',\n selectorTemplates: ['bottomSheet.backgroundColor.${variant}'],\n tokenSource: {\n variableTemplate: 'variant/${variant}/root',\n valuePath: ['backgroundColor', 'rest', 'value'],\n },\n },\n },\n },\n useToastConfig: {\n defaultProps: {\n size: 'toast.defaultSize',\n variant: 'toast.defaultVariant',\n },\n defaultPropSources: {\n size: ['toast', 'defaults', 'size'],\n variant: ['toast', 'defaults', 'variant'],\n },\n selectorParamValues: {\n size: ['default'],\n variant: ['success', 'error', 'info', 'warning', 'loading'],\n },\n tokenConfigPath: ['toast', 'variables'],\n fields: {\n autoClose: {\n bindingSelector: 'toast.autoClose',\n selectorTemplates: ['toast.autoClose'],\n staticValue: 6_000,\n },\n position: {\n bindingSelector: 'toast.position',\n selectorTemplates: ['toast.position'],\n staticValue: 'bottom-center',\n },\n size: {\n bindingSelector: 'toast.defaultSize',\n selectorTemplates: ['toast.defaultSize'],\n },\n variant: {\n bindingSelector: 'toast.defaultVariant',\n selectorTemplates: ['toast.defaultVariant'],\n },\n textVariant: {\n bindingSelector: 'toast.textVariant.${size}',\n selectorTemplates: ['toast.textVariant.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/label',\n valuePath: ['textVariant', 'rest', 'value'],\n },\n },\n textColor: {\n bindingSelector: 'toast.textColor.${variant}',\n selectorTemplates: ['toast.textColor.${variant}'],\n tokenSource: {\n variableTemplate: 'variant/${variant}/root',\n valuePath: ['color', 'rest', 'value'],\n },\n },\n iconSize: {\n bindingSelector: 'toast.iconSize.${size}',\n selectorTemplates: ['toast.iconSize.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/icon',\n valuePath: ['size', 'rest', 'value'],\n },\n },\n buttonSize: {\n bindingSelector: 'toast.buttonSize.${size}',\n selectorTemplates: ['toast.buttonSize.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/actionButton',\n valuePath: ['buttonSize', 'rest', 'value'],\n },\n },\n buttonVariant: {\n bindingSelector: 'toast.buttonVariant.${variant}',\n selectorTemplates: ['toast.buttonVariant.${variant}'],\n tokenSource: {\n variableTemplate: 'variant/${variant}/actionButton',\n valuePath: ['buttonVariant', 'rest', 'value'],\n },\n },\n iconVariant: {\n bindingSelector: 'toast.iconVariant.${variant}',\n selectorTemplates: ['toast.iconVariant.${variant}'],\n tokenSource: {\n variableTemplate: 'variant/${variant}/icon',\n valuePath: ['iconVariant', 'rest', 'value'],\n },\n },\n backgroundColor: {\n bindingSelector: 'toast.backgroundColor',\n selectorTemplates: ['toast.backgroundColor.${variant}'],\n tokenSource: {\n variableTemplate: 'variant/${variant}/root',\n valuePath: ['backgroundColor', 'rest', 'value'],\n },\n },\n },\n },\n useTooltipConfig: {\n defaultProps: {},\n selectorParamValues: {\n size: ['default'],\n },\n tokenConfigPath: ['tooltip', 'variables'],\n fields: {\n animationDuration: {\n bindingSelector: 'tooltip.animationDuration',\n selectorTemplates: ['tooltip.animationDuration'],\n staticValue: 200,\n },\n placement: {\n bindingSelector: 'tooltip.placement',\n selectorTemplates: ['tooltip.placement'],\n staticValue: 'top',\n },\n borderRadius: {\n bindingSelector: 'tooltip.borderRadius',\n selectorTemplates: ['tooltip.borderRadius.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/svg',\n valuePath: ['borderRadius', 'rest', 'value'],\n transformConfigPath: ['scaleMode', 'medium', 'borderRadius'],\n },\n },\n },\n },\n usePopoverConfig: {\n defaultProps: {\n size: 'popover.defaultSize',\n variant: 'popover.defaultVariant',\n },\n defaultPropValues: {\n size: 'default',\n variant: 'default',\n },\n selectorParamValues: {\n size: ['default'],\n },\n tokenConfigPath: ['popover', 'variables'],\n fields: {\n animationDuration: {\n bindingSelector: 'popover.animationDuration',\n selectorTemplates: ['popover.animationDuration'],\n staticValue: 200,\n },\n placement: {\n bindingSelector: 'popover.placement',\n selectorTemplates: ['popover.placement'],\n staticValue: 'top',\n },\n size: {\n bindingSelector: 'popover.defaultSize',\n selectorTemplates: ['popover.defaultSize'],\n },\n variant: {\n bindingSelector: 'popover.defaultVariant',\n selectorTemplates: ['popover.defaultVariant'],\n },\n borderRadius: {\n bindingSelector: 'popover.borderRadius.${size}',\n selectorTemplates: ['popover.borderRadius.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/svgBase',\n valuePath: ['borderRadius', 'rest', 'value'],\n transformConfigPath: ['scaleMode', 'medium', 'borderRadius'],\n },\n },\n gap: {\n bindingSelector: 'popover.gap.${size}',\n selectorTemplates: ['popover.gap.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/contentWrapper',\n valuePath: ['gap', 'rest', 'value'],\n },\n },\n spacingHorizontal: {\n bindingSelector: 'popover.spacingHorizontal.${size}',\n selectorTemplates: ['popover.spacingHorizontal.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/contentWrapper',\n valuePath: ['spacingHorizontal', 'rest', 'value'],\n },\n },\n spacingVertical: {\n bindingSelector: 'popover.spacingVertical.${size}',\n selectorTemplates: ['popover.spacingVertical.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/contentWrapper',\n valuePath: ['spacingVertical', 'rest', 'value'],\n },\n },\n dismissButtonSpacing: {\n bindingSelector: 'popover.dismissButtonSpacing.${size}',\n selectorTemplates: ['popover.dismissButtonSpacing.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/closeIconContainer',\n valuePath: ['spacing', 'rest', 'value'],\n },\n },\n dismissIconSize: {\n bindingSelector: 'popover.dismissIconSize.${size}',\n selectorTemplates: ['popover.dismissIconSize.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/closeIcon',\n valuePath: ['size', 'rest', 'value'],\n transformConfigPath: ['scaleMode', 'medium', 'iconSizes'],\n },\n },\n },\n },\n});\n\ntype RuntimeHookName = keyof typeof runtimeHookMetadata;\ntype RuntimeHookSelectorParamMap<T extends RuntimeHookName> =\n (typeof runtimeHookMetadata)[T] extends { selectorParamValues: infer P } ? NonNullable<P> : never;\ntype RuntimeHookSelectorParamName<T extends RuntimeHookName> = keyof RuntimeHookSelectorParamMap<T>;\ntype RuntimeHookSelectorParamValue<\n T extends RuntimeHookName,\n P extends RuntimeHookSelectorParamName<T>,\n> = RuntimeHookSelectorParamMap<T>[P] extends readonly (infer V)[] ? V : never;\n\nconst getNestedValue = (value: unknown, path: readonly string[]): unknown => {\n return path.reduce<unknown>((currentValue, segment) => {\n if (typeof currentValue !== 'object' || currentValue === null) {\n return undefined;\n }\n\n return (currentValue as Record<string, unknown>)[segment];\n }, value);\n};\n\nconst isRuntimeConfigValue = (value: unknown): value is string | number | boolean => {\n return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';\n};\n\nconst getRuntimeHookConfig = (hookName: string): RuntimeHookMetadata | null => {\n return runtimeHookMetadata[hookName as RuntimeHookName] ?? null;\n};\n\nconst getRuntimeConfigHookNames = (): RuntimeHookName[] => {\n return Object.keys(runtimeHookMetadata) as RuntimeHookName[];\n};\n\nconst getRuntimeConfigSelectorTemplates = (): string[] => {\n return [\n ...new Set(\n Object.values(runtimeHookMetadata).flatMap((hookMetadata) => [\n ...Object.values(hookMetadata.defaultProps),\n ...Object.values(hookMetadata.fields).flatMap(({ selectorTemplates }) => selectorTemplates),\n ]),\n ),\n ];\n};\n\nconst getRuntimeSelectorParamValues = <\n T extends RuntimeHookName,\n P extends RuntimeHookSelectorParamName<T>,\n>(\n hookName: T,\n paramName: P,\n): RuntimeHookSelectorParamValue<T, P>[] => {\n const selectorParamValues = runtimeHookMetadata[hookName].selectorParamValues as\n | Record<string, readonly string[]>\n | undefined;\n const values = selectorParamValues?.[paramName as string] ?? [];\n return [...values] as RuntimeHookSelectorParamValue<T, P>[];\n};\n\nconst expandRuntimeSelectorTemplate = (\n template: string,\n params: RuntimeSelectorParams = {},\n): string => {\n return template.replace(/\\$\\{(\\w+)\\}/g, (match, paramName: string) => params[paramName] ?? match);\n};\n\nconst expandRuntimeSelectors = (hookName: string, template: string): string[] => {\n const placeholders = [...template.matchAll(/\\$\\{(\\w+)\\}/g)].map((match) => match[1]);\n\n if (placeholders.length === 0) {\n return [template];\n }\n\n return placeholders\n .reduce<RuntimeSelectorParams[]>(\n (combinations, placeholder) => {\n const values = getRuntimeSelectorParamValues(\n hookName as RuntimeHookName,\n placeholder as RuntimeHookSelectorParamName<RuntimeHookName>,\n ) as string[];\n if (values.length === 0) {\n return combinations;\n }\n\n return combinations.flatMap((combination) =>\n values.map((value) => ({ ...combination, [placeholder]: value })),\n );\n },\n [{} as RuntimeSelectorParams],\n )\n .map((params) => expandRuntimeSelectorTemplate(template, params));\n};\n\nconst getRuntimeConfigSelectors = (): string[] => {\n return [\n ...new Set(\n getRuntimeConfigHookNames().flatMap((hookName) => {\n const hookConfig = getRuntimeHookConfig(hookName);\n if (!hookConfig) {\n return [];\n }\n\n return [\n ...Object.values(hookConfig.defaultProps),\n ...Object.values(hookConfig.fields).flatMap(({ selectorTemplates }) =>\n selectorTemplates.flatMap((template) => expandRuntimeSelectors(hookName, template)),\n ),\n ];\n }),\n ),\n ];\n};\n\nconst getRuntimeDefaultPropSelector = (\n hookName: string,\n propName: string,\n params: RuntimeSelectorParams = {},\n): string | null => {\n const selector = getRuntimeHookConfig(hookName)?.defaultProps[propName];\n return selector ? expandRuntimeSelectorTemplate(selector, params) : null;\n};\n\nconst getRuntimeDefaultPropValue = (\n config: UniversalTokensConfig,\n hookName: string,\n propName: string,\n): string | number | boolean | undefined => {\n const hookConfig = getRuntimeHookConfig(hookName);\n const configuredValue = getNestedValue(config, hookConfig?.defaultPropSources?.[propName] ?? []);\n\n if (isRuntimeConfigValue(configuredValue)) {\n return configuredValue;\n }\n\n const staticValue = hookConfig?.defaultPropValues?.[propName];\n return staticValue === undefined ? undefined : staticValue;\n};\n\nconst getRuntimeFieldSelector = (\n hookName: string,\n fieldName: string,\n params: RuntimeSelectorParams = {},\n): string | null => {\n const selectorTemplate = getRuntimeHookConfig(hookName)?.fields[fieldName]?.selectorTemplates[0];\n return selectorTemplate ? expandRuntimeSelectorTemplate(selectorTemplate, params) : null;\n};\n\nconst getRuntimeFieldStaticValue = (\n hookName: string,\n fieldName: string,\n): string | number | boolean | null => {\n return getRuntimeHookConfig(hookName)?.fields[fieldName]?.staticValue ?? null;\n};\n\nconst getRuntimeFieldTokenValue = (\n config: UniversalTokensConfig,\n hookName: string,\n fieldName: string,\n params: RuntimeSelectorParams = {},\n): string | number | boolean | undefined => {\n const hookConfig = getRuntimeHookConfig(hookName);\n const tokenConfigPath = hookConfig?.tokenConfigPath;\n const tokenSource = hookConfig?.fields[fieldName]?.tokenSource;\n\n if (!tokenConfigPath || !tokenSource) {\n return undefined;\n }\n\n const variableTemplate = expandRuntimeSelectorTemplate(tokenSource.variableTemplate, params);\n const tokenValue = getNestedValue(config, [...tokenConfigPath, variableTemplate]);\n const rawValue = getNestedValue(tokenValue, tokenSource.valuePath);\n\n if (rawValue === undefined) {\n return undefined;\n }\n\n if (!tokenSource.transformConfigPath) {\n return isRuntimeConfigValue(rawValue) ? rawValue : undefined;\n }\n\n const transformedValue = getNestedValue(\n tokenSource.transformConfigPath.reduce<unknown>((currentValue, segment) => {\n if (typeof currentValue !== 'object' || currentValue === null) {\n return undefined;\n }\n\n return (currentValue as Record<string, unknown>)[segment];\n }, config),\n [String(rawValue)],\n );\n\n return isRuntimeConfigValue(transformedValue) ? transformedValue : undefined;\n};\n\nexport {\n expandRuntimeSelectorTemplate,\n getRuntimeConfigHookNames,\n getRuntimeConfigSelectors,\n getRuntimeConfigSelectorTemplates,\n getRuntimeDefaultPropSelector,\n getRuntimeDefaultPropValue,\n getRuntimeFieldSelector,\n getRuntimeFieldStaticValue,\n getRuntimeFieldTokenValue,\n getRuntimeHookConfig,\n getRuntimeSelectorParamValues,\n};\nexport type {\n RuntimeHookFieldMetadata,\n RuntimeHookFieldTokenSource,\n RuntimeHookMetadata,\n RuntimeSelectorParams,\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"hookMetadata.js","names":[],"sources":["../../src/runtimeConfig/hookMetadata.ts"],"sourcesContent":["import type { UniversalTokensConfig } from '@yahoo/uds-config';\n\ninterface RuntimeHookFieldTokenSource {\n variableTemplate: string;\n valuePath: readonly string[];\n transformConfigPath?: readonly string[];\n}\n\ninterface RuntimeHookFieldMetadata {\n bindingSelector: string;\n selectorTemplates: string[];\n staticValue?: string | number | boolean;\n tokenSource?: RuntimeHookFieldTokenSource;\n}\n\ninterface RuntimeHookMetadata {\n defaultProps: Record<string, string>;\n defaultPropSources?: Record<string, readonly string[]>;\n defaultPropValues?: Record<string, string | number | boolean>;\n selectorParamValues?: Record<string, readonly string[]>;\n tokenConfigPath?: readonly string[];\n fields: Record<string, RuntimeHookFieldMetadata>;\n}\n\ntype RuntimeSelectorParams = Record<string, string>;\n\nconst defineRuntimeHookMetadata = <const T extends Record<string, RuntimeHookMetadata>>(\n metadata: T,\n): T => metadata;\n\nconst runtimeHookMetadata = defineRuntimeHookMetadata({\n useBottomSheetConfig: {\n defaultProps: {},\n selectorParamValues: {\n variant: ['default'],\n },\n tokenConfigPath: ['bottomSheet', 'variables'],\n fields: {\n backgroundColor: {\n bindingSelector: 'bottomSheet.backgroundColor',\n selectorTemplates: ['bottomSheet.backgroundColor.${variant}'],\n tokenSource: {\n variableTemplate: 'variant/${variant}/root',\n valuePath: ['backgroundColor', 'rest', 'value'],\n },\n },\n },\n },\n useToastConfig: {\n defaultProps: {\n size: 'toast.defaultSize',\n variant: 'toast.defaultVariant',\n },\n defaultPropSources: {\n size: ['toast', 'defaults', 'size'],\n variant: ['toast', 'defaults', 'variant'],\n },\n selectorParamValues: {\n size: ['default'],\n variant: ['success', 'error', 'info', 'warning', 'loading'],\n },\n tokenConfigPath: ['toast', 'variables'],\n fields: {\n autoClose: {\n bindingSelector: 'toast.autoClose',\n selectorTemplates: ['toast.autoClose'],\n staticValue: 6_000,\n },\n position: {\n bindingSelector: 'toast.position',\n selectorTemplates: ['toast.position'],\n staticValue: 'bottom-center',\n },\n size: {\n bindingSelector: 'toast.defaultSize',\n selectorTemplates: ['toast.defaultSize'],\n },\n variant: {\n bindingSelector: 'toast.defaultVariant',\n selectorTemplates: ['toast.defaultVariant'],\n },\n textVariant: {\n bindingSelector: 'toast.textVariant.${size}',\n selectorTemplates: ['toast.textVariant.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/label',\n valuePath: ['textVariant', 'rest', 'value'],\n },\n },\n textColor: {\n bindingSelector: 'toast.textColor.${variant}',\n selectorTemplates: ['toast.textColor.${variant}'],\n tokenSource: {\n variableTemplate: 'variant/${variant}/root',\n valuePath: ['color', 'rest', 'value'],\n },\n },\n iconSize: {\n bindingSelector: 'toast.iconSize.${size}',\n selectorTemplates: ['toast.iconSize.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/icon',\n valuePath: ['size', 'rest', 'value'],\n },\n },\n buttonSize: {\n bindingSelector: 'toast.buttonSize.${size}',\n selectorTemplates: ['toast.buttonSize.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/actionButton',\n valuePath: ['buttonSize', 'rest', 'value'],\n },\n },\n buttonVariant: {\n bindingSelector: 'toast.buttonVariant.${variant}',\n selectorTemplates: ['toast.buttonVariant.${variant}'],\n tokenSource: {\n variableTemplate: 'variant/${variant}/actionButton',\n valuePath: ['buttonVariant', 'rest', 'value'],\n },\n },\n iconVariant: {\n bindingSelector: 'toast.iconVariant.${variant}',\n selectorTemplates: ['toast.iconVariant.${variant}'],\n tokenSource: {\n variableTemplate: 'variant/${variant}/icon',\n valuePath: ['iconVariant', 'rest', 'value'],\n },\n },\n backgroundColor: {\n bindingSelector: 'toast.backgroundColor',\n selectorTemplates: ['toast.backgroundColor.${variant}'],\n tokenSource: {\n variableTemplate: 'variant/${variant}/root',\n valuePath: ['backgroundColor', 'rest', 'value'],\n },\n },\n },\n },\n useTooltipConfig: {\n defaultProps: {},\n selectorParamValues: {\n size: ['default'],\n },\n tokenConfigPath: ['tooltip', 'variables'],\n fields: {\n animationDuration: {\n bindingSelector: 'tooltip.animationDuration',\n selectorTemplates: ['tooltip.animationDuration'],\n staticValue: 200,\n },\n placement: {\n bindingSelector: 'tooltip.placement',\n selectorTemplates: ['tooltip.placement'],\n staticValue: 'top',\n },\n borderRadius: {\n bindingSelector: 'tooltip.borderRadius',\n selectorTemplates: ['tooltip.borderRadius.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/svg',\n valuePath: ['borderRadius', 'rest', 'value'],\n transformConfigPath: ['scaleMode', 'medium', 'borderRadius'],\n },\n },\n },\n },\n usePopoverConfig: {\n defaultProps: {\n size: 'popover.defaultSize',\n variant: 'popover.defaultVariant',\n },\n defaultPropValues: {\n size: 'default',\n variant: 'default',\n },\n selectorParamValues: {\n size: ['default'],\n },\n tokenConfigPath: ['popover', 'variables'],\n fields: {\n animationDuration: {\n bindingSelector: 'popover.animationDuration',\n selectorTemplates: ['popover.animationDuration'],\n staticValue: 200,\n },\n placement: {\n bindingSelector: 'popover.placement',\n selectorTemplates: ['popover.placement'],\n staticValue: 'top',\n },\n size: {\n bindingSelector: 'popover.defaultSize',\n selectorTemplates: ['popover.defaultSize'],\n },\n variant: {\n bindingSelector: 'popover.defaultVariant',\n selectorTemplates: ['popover.defaultVariant'],\n },\n borderRadius: {\n bindingSelector: 'popover.borderRadius.${size}',\n selectorTemplates: ['popover.borderRadius.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/svgBase',\n valuePath: ['borderRadius', 'rest', 'value'],\n transformConfigPath: ['scaleMode', 'medium', 'borderRadius'],\n },\n },\n gap: {\n bindingSelector: 'popover.gap.${size}',\n selectorTemplates: ['popover.gap.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/contentWrapper',\n valuePath: ['gap', 'rest', 'value'],\n },\n },\n spacingHorizontal: {\n bindingSelector: 'popover.spacingHorizontal.${size}',\n selectorTemplates: ['popover.spacingHorizontal.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/contentWrapper',\n valuePath: ['spacingHorizontal', 'rest', 'value'],\n },\n },\n spacingVertical: {\n bindingSelector: 'popover.spacingVertical.${size}',\n selectorTemplates: ['popover.spacingVertical.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/contentWrapper',\n valuePath: ['spacingVertical', 'rest', 'value'],\n },\n },\n dismissButtonSpacing: {\n bindingSelector: 'popover.dismissButtonSpacing.${size}',\n selectorTemplates: ['popover.dismissButtonSpacing.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/closeIconContainer',\n valuePath: ['spacing', 'rest', 'value'],\n },\n },\n dismissIconSize: {\n bindingSelector: 'popover.dismissIconSize.${size}',\n selectorTemplates: ['popover.dismissIconSize.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/closeIcon',\n valuePath: ['size', 'rest', 'value'],\n transformConfigPath: ['scaleMode', 'medium', 'iconSizes'],\n },\n },\n },\n },\n useModalConfig: {\n defaultProps: {\n size: 'modal.defaultSize',\n variant: 'modal.defaultVariant',\n },\n defaultPropValues: {\n size: 'default',\n variant: 'default',\n },\n selectorParamValues: {\n size: ['default'],\n },\n tokenConfigPath: ['modal', 'variables'],\n fields: {\n size: {\n bindingSelector: 'modal.defaultSize',\n selectorTemplates: ['modal.defaultSize'],\n },\n variant: {\n bindingSelector: 'modal.defaultVariant',\n selectorTemplates: ['modal.defaultVariant'],\n },\n gutter: {\n bindingSelector: 'modal.gutter.${size}',\n selectorTemplates: ['modal.gutter.${size}'],\n tokenSource: {\n variableTemplate: 'size/${size}/scrim',\n valuePath: ['spacing', 'rest', 'value'],\n },\n },\n },\n },\n});\n\ntype RuntimeHookName = keyof typeof runtimeHookMetadata;\ntype RuntimeHookSelectorParamMap<T extends RuntimeHookName> =\n (typeof runtimeHookMetadata)[T] extends { selectorParamValues: infer P } ? NonNullable<P> : never;\ntype RuntimeHookSelectorParamName<T extends RuntimeHookName> = keyof RuntimeHookSelectorParamMap<T>;\ntype RuntimeHookSelectorParamValue<\n T extends RuntimeHookName,\n P extends RuntimeHookSelectorParamName<T>,\n> = RuntimeHookSelectorParamMap<T>[P] extends readonly (infer V)[] ? V : never;\n\nconst getNestedValue = (value: unknown, path: readonly string[]): unknown => {\n return path.reduce<unknown>((currentValue, segment) => {\n if (typeof currentValue !== 'object' || currentValue === null) {\n return undefined;\n }\n\n return (currentValue as Record<string, unknown>)[segment];\n }, value);\n};\n\nconst isRuntimeConfigValue = (value: unknown): value is string | number | boolean => {\n return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';\n};\n\nconst getRuntimeHookConfig = (hookName: string): RuntimeHookMetadata | null => {\n return runtimeHookMetadata[hookName as RuntimeHookName] ?? null;\n};\n\nconst getRuntimeConfigHookNames = (): RuntimeHookName[] => {\n return Object.keys(runtimeHookMetadata) as RuntimeHookName[];\n};\n\nconst getRuntimeConfigSelectorTemplates = (): string[] => {\n return [\n ...new Set(\n Object.values(runtimeHookMetadata).flatMap((hookMetadata) => [\n ...Object.values(hookMetadata.defaultProps),\n ...Object.values(hookMetadata.fields).flatMap(({ selectorTemplates }) => selectorTemplates),\n ]),\n ),\n ];\n};\n\nconst getRuntimeSelectorParamValues = <\n T extends RuntimeHookName,\n P extends RuntimeHookSelectorParamName<T>,\n>(\n hookName: T,\n paramName: P,\n): RuntimeHookSelectorParamValue<T, P>[] => {\n const selectorParamValues = runtimeHookMetadata[hookName].selectorParamValues as\n | Record<string, readonly string[]>\n | undefined;\n const values = selectorParamValues?.[paramName as string] ?? [];\n return [...values] as RuntimeHookSelectorParamValue<T, P>[];\n};\n\nconst expandRuntimeSelectorTemplate = (\n template: string,\n params: RuntimeSelectorParams = {},\n): string => {\n return template.replace(/\\$\\{(\\w+)\\}/g, (match, paramName: string) => params[paramName] ?? match);\n};\n\nconst expandRuntimeSelectors = (hookName: string, template: string): string[] => {\n const placeholders = [...template.matchAll(/\\$\\{(\\w+)\\}/g)].map((match) => match[1]);\n\n if (placeholders.length === 0) {\n return [template];\n }\n\n return placeholders\n .reduce<RuntimeSelectorParams[]>(\n (combinations, placeholder) => {\n const values = getRuntimeSelectorParamValues(\n hookName as RuntimeHookName,\n placeholder as RuntimeHookSelectorParamName<RuntimeHookName>,\n ) as string[];\n if (values.length === 0) {\n return combinations;\n }\n\n return combinations.flatMap((combination) =>\n values.map((value) => ({ ...combination, [placeholder]: value })),\n );\n },\n [{} as RuntimeSelectorParams],\n )\n .map((params) => expandRuntimeSelectorTemplate(template, params));\n};\n\nconst getRuntimeConfigSelectors = (): string[] => {\n return [\n ...new Set(\n getRuntimeConfigHookNames().flatMap((hookName) => {\n const hookConfig = getRuntimeHookConfig(hookName);\n if (!hookConfig) {\n return [];\n }\n\n return [\n ...Object.values(hookConfig.defaultProps),\n ...Object.values(hookConfig.fields).flatMap(({ selectorTemplates }) =>\n selectorTemplates.flatMap((template) => expandRuntimeSelectors(hookName, template)),\n ),\n ];\n }),\n ),\n ];\n};\n\nconst getRuntimeDefaultPropSelector = (\n hookName: string,\n propName: string,\n params: RuntimeSelectorParams = {},\n): string | null => {\n const selector = getRuntimeHookConfig(hookName)?.defaultProps[propName];\n return selector ? expandRuntimeSelectorTemplate(selector, params) : null;\n};\n\nconst getRuntimeDefaultPropValue = (\n config: UniversalTokensConfig,\n hookName: string,\n propName: string,\n): string | number | boolean | undefined => {\n const hookConfig = getRuntimeHookConfig(hookName);\n const configuredValue = getNestedValue(config, hookConfig?.defaultPropSources?.[propName] ?? []);\n\n if (isRuntimeConfigValue(configuredValue)) {\n return configuredValue;\n }\n\n const staticValue = hookConfig?.defaultPropValues?.[propName];\n return staticValue === undefined ? undefined : staticValue;\n};\n\nconst getRuntimeFieldSelector = (\n hookName: string,\n fieldName: string,\n params: RuntimeSelectorParams = {},\n): string | null => {\n const selectorTemplate = getRuntimeHookConfig(hookName)?.fields[fieldName]?.selectorTemplates[0];\n return selectorTemplate ? expandRuntimeSelectorTemplate(selectorTemplate, params) : null;\n};\n\nconst getRuntimeFieldStaticValue = (\n hookName: string,\n fieldName: string,\n): string | number | boolean | null => {\n return getRuntimeHookConfig(hookName)?.fields[fieldName]?.staticValue ?? null;\n};\n\nconst getRuntimeFieldTokenValue = (\n config: UniversalTokensConfig,\n hookName: string,\n fieldName: string,\n params: RuntimeSelectorParams = {},\n): string | number | boolean | undefined => {\n const hookConfig = getRuntimeHookConfig(hookName);\n const tokenConfigPath = hookConfig?.tokenConfigPath;\n const tokenSource = hookConfig?.fields[fieldName]?.tokenSource;\n\n if (!tokenConfigPath || !tokenSource) {\n return undefined;\n }\n\n const variableTemplate = expandRuntimeSelectorTemplate(tokenSource.variableTemplate, params);\n const tokenValue = getNestedValue(config, [...tokenConfigPath, variableTemplate]);\n const rawValue = getNestedValue(tokenValue, tokenSource.valuePath);\n\n if (rawValue === undefined) {\n return undefined;\n }\n\n if (!tokenSource.transformConfigPath) {\n return isRuntimeConfigValue(rawValue) ? rawValue : undefined;\n }\n\n const transformedValue = getNestedValue(\n tokenSource.transformConfigPath.reduce<unknown>((currentValue, segment) => {\n if (typeof currentValue !== 'object' || currentValue === null) {\n return undefined;\n }\n\n return (currentValue as Record<string, unknown>)[segment];\n }, config),\n [String(rawValue)],\n );\n\n return isRuntimeConfigValue(transformedValue) ? transformedValue : undefined;\n};\n\nexport {\n expandRuntimeSelectorTemplate,\n getRuntimeConfigHookNames,\n getRuntimeConfigSelectors,\n getRuntimeConfigSelectorTemplates,\n getRuntimeDefaultPropSelector,\n getRuntimeDefaultPropValue,\n getRuntimeFieldSelector,\n getRuntimeFieldStaticValue,\n getRuntimeFieldTokenValue,\n getRuntimeHookConfig,\n getRuntimeSelectorParamValues,\n};\nexport type {\n RuntimeHookFieldMetadata,\n RuntimeHookFieldTokenSource,\n RuntimeHookMetadata,\n RuntimeSelectorParams,\n};\n"],"mappings":"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"}
|
|
@@ -7,9 +7,11 @@ tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js, 1);
|
|
|
7
7
|
const blurBgFallbackPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addUtilities }) => {
|
|
8
8
|
addUtilities({
|
|
9
9
|
".uds-bgBlurFillFallback": { fill: `var(--${require_index.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})` },
|
|
10
|
+
".uds-bgBlurFallback": { backgroundColor: `var(--${require_index.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})` },
|
|
10
11
|
"@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))": {
|
|
11
12
|
".uds-bgBlurFillFallback": { fill: `var(--${require_index.BACKGROUND_BLUR_COLOR_PREFIX})` },
|
|
12
13
|
".uds-bgBlurFallback": {
|
|
14
|
+
backgroundColor: `var(--${require_index.BACKGROUND_BLUR_COLOR_PREFIX})`,
|
|
13
15
|
WebkitBackdropFilter: "var(--uds-backdrop-blur)",
|
|
14
16
|
backdropFilter: "var(--uds-backdrop-blur)"
|
|
15
17
|
}
|
|
@@ -17,6 +19,7 @@ const blurBgFallbackPlugin = tailwindcss_plugin_js.default.withOptions(() => ({
|
|
|
17
19
|
"@media (prefers-reduced-transparency)": {
|
|
18
20
|
".uds-bgBlurFillFallback": { fill: `var(--${require_index.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})` },
|
|
19
21
|
".uds-bgBlurFallback": {
|
|
22
|
+
backgroundColor: `var(--${require_index.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,
|
|
20
23
|
WebkitBackdropFilter: "none",
|
|
21
24
|
backdropFilter: "none"
|
|
22
25
|
}
|
|
@@ -5,9 +5,11 @@ import plugin from "tailwindcss/plugin.js";
|
|
|
5
5
|
const blurBgFallbackPlugin = plugin.withOptions(() => ({ addUtilities }) => {
|
|
6
6
|
addUtilities({
|
|
7
7
|
".uds-bgBlurFillFallback": { fill: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})` },
|
|
8
|
+
".uds-bgBlurFallback": { backgroundColor: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})` },
|
|
8
9
|
"@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))": {
|
|
9
10
|
".uds-bgBlurFillFallback": { fill: `var(--${BACKGROUND_BLUR_COLOR_PREFIX})` },
|
|
10
11
|
".uds-bgBlurFallback": {
|
|
12
|
+
backgroundColor: `var(--${BACKGROUND_BLUR_COLOR_PREFIX})`,
|
|
11
13
|
WebkitBackdropFilter: "var(--uds-backdrop-blur)",
|
|
12
14
|
backdropFilter: "var(--uds-backdrop-blur)"
|
|
13
15
|
}
|
|
@@ -15,6 +17,7 @@ const blurBgFallbackPlugin = plugin.withOptions(() => ({ addUtilities }) => {
|
|
|
15
17
|
"@media (prefers-reduced-transparency)": {
|
|
16
18
|
".uds-bgBlurFillFallback": { fill: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})` },
|
|
17
19
|
".uds-bgBlurFallback": {
|
|
20
|
+
backgroundColor: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,
|
|
18
21
|
WebkitBackdropFilter: "none",
|
|
19
22
|
backdropFilter: "none"
|
|
20
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blurBgFallback.js","names":[],"sources":["../../../src/tailwind/plugins/blurBgFallback.ts"],"sourcesContent":["import {\n BACKGROUND_BLUR_COLOR_PREFIX,\n BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\n\n// .uds-bgBlurFillFallback — for the element that has the fill property\n// .uds-bgBlurFallback — for the element that has the backdrop-filter property\n\nconst blurBgFallbackPlugin = plugin.withOptions<TailwindPluginOptions>(\n () =>\n ({ addUtilities }) => {\n addUtilities({\n '.uds-bgBlurFillFallback': {\n fill: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,\n },\n\n '@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))': {\n '.uds-bgBlurFillFallback': {\n fill: `var(--${BACKGROUND_BLUR_COLOR_PREFIX})`,\n },\n '.uds-bgBlurFallback': {\n WebkitBackdropFilter: 'var(--uds-backdrop-blur)',\n backdropFilter: 'var(--uds-backdrop-blur)',\n },\n },\n\n '@media (prefers-reduced-transparency)': {\n '.uds-bgBlurFillFallback': {\n fill: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,\n },\n '.uds-bgBlurFallback': {\n WebkitBackdropFilter: 'none',\n backdropFilter: 'none',\n },\n },\n });\n },\n\n () => ({\n safelist: ['uds-bgBlurFillFallback', 'uds-bgBlurFallback'],\n }),\n);\n\nexport { blurBgFallbackPlugin };\n"],"mappings":";;;;AAWA,MAAM,uBAAuB,OAAO,mBAE/B,EAAE,mBAAmB;AACpB,cAAa;EACX,2BAA2B,EACzB,MAAM,SAAS,sCAAsC,IACtD;EAED,kFAAkF;GAChF,2BAA2B,EACzB,MAAM,SAAS,6BAA6B,IAC7C;GACD,uBAAuB;IACrB,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EAED,yCAAyC;GACvC,2BAA2B,EACzB,MAAM,SAAS,sCAAsC,IACtD;GACD,uBAAuB;IACrB,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EACF,CAAC;UAGC,EACL,UAAU,CAAC,0BAA0B,qBAAqB,EAC3D,EACF"}
|
|
1
|
+
{"version":3,"file":"blurBgFallback.js","names":[],"sources":["../../../src/tailwind/plugins/blurBgFallback.ts"],"sourcesContent":["import {\n BACKGROUND_BLUR_COLOR_PREFIX,\n BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\n\n// .uds-bgBlurFillFallback — for the element that has the fill property\n// .uds-bgBlurFallback — for the element that has the backdrop-filter property\n\nconst blurBgFallbackPlugin = plugin.withOptions<TailwindPluginOptions>(\n () =>\n ({ addUtilities }) => {\n addUtilities({\n '.uds-bgBlurFillFallback': {\n fill: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,\n },\n\n '.uds-bgBlurFallback': {\n backgroundColor: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,\n },\n\n '@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))': {\n '.uds-bgBlurFillFallback': {\n fill: `var(--${BACKGROUND_BLUR_COLOR_PREFIX})`,\n },\n '.uds-bgBlurFallback': {\n backgroundColor: `var(--${BACKGROUND_BLUR_COLOR_PREFIX})`,\n WebkitBackdropFilter: 'var(--uds-backdrop-blur)',\n backdropFilter: 'var(--uds-backdrop-blur)',\n },\n },\n\n '@media (prefers-reduced-transparency)': {\n '.uds-bgBlurFillFallback': {\n fill: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,\n },\n '.uds-bgBlurFallback': {\n backgroundColor: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,\n WebkitBackdropFilter: 'none',\n backdropFilter: 'none',\n },\n },\n });\n },\n\n () => ({\n safelist: ['uds-bgBlurFillFallback', 'uds-bgBlurFallback'],\n }),\n);\n\nexport { blurBgFallbackPlugin };\n"],"mappings":";;;;AAWA,MAAM,uBAAuB,OAAO,mBAE/B,EAAE,mBAAmB;AACpB,cAAa;EACX,2BAA2B,EACzB,MAAM,SAAS,sCAAsC,IACtD;EAED,uBAAuB,EACrB,iBAAiB,SAAS,sCAAsC,IACjE;EAED,kFAAkF;GAChF,2BAA2B,EACzB,MAAM,SAAS,6BAA6B,IAC7C;GACD,uBAAuB;IACrB,iBAAiB,SAAS,6BAA6B;IACvD,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EAED,yCAAyC;GACvC,2BAA2B,EACzB,MAAM,SAAS,sCAAsC,IACtD;GACD,uBAAuB;IACrB,iBAAiB,SAAS,sCAAsC;IAChE,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EACF,CAAC;UAGC,EACL,UAAU,CAAC,0BAA0B,qBAAqB,EAC3D,EACF"}
|
|
@@ -30,6 +30,7 @@ const componentsPlugin = tailwindcss_plugin_js.default.withOptions(({ config, pr
|
|
|
30
30
|
addComponents(require_index$1.generateStyles(require_generatedConfigs.BannerConfig, config.banner, theme, previewOptions));
|
|
31
31
|
addComponents(require_index$1.generateStyles(require_generatedConfigs.TabConfig, config.tab, theme, previewOptions));
|
|
32
32
|
addComponents(require_index$1.generateStyles(require_generatedConfigs.TabsConfig, config.tabs, theme, previewOptions));
|
|
33
|
+
addComponents(require_index$1.generateStyles(require_generatedConfigs.ModalConfig, config.modal, theme, previewOptions));
|
|
33
34
|
}, () => ({ theme: { extend: { opacity: require_index.opacityMap } } }));
|
|
34
35
|
//#endregion
|
|
35
36
|
exports.componentsPlugin = componentsPlugin;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
2
|
import { opacityMap } from "../../fixtures/dist/index.js";
|
|
3
|
-
import { AvatarConfig, BadgeConfig, BannerConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, TabConfig, TabsConfig, ToastConfig, TooltipConfig } from "../../automated-config/dist/generated/generatedConfigs.js";
|
|
3
|
+
import { AvatarConfig, BadgeConfig, BannerConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, ModalConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, TabConfig, TabsConfig, ToastConfig, TooltipConfig } from "../../automated-config/dist/generated/generatedConfigs.js";
|
|
4
4
|
import { generateStyles } from "../../automated-config/dist/utils/index.js";
|
|
5
5
|
import plugin from "tailwindcss/plugin.js";
|
|
6
6
|
//#region src/tailwind/plugins/components.ts
|
|
@@ -28,6 +28,7 @@ const componentsPlugin = plugin.withOptions(({ config, previewOptions = { genera
|
|
|
28
28
|
addComponents(generateStyles(BannerConfig, config.banner, theme, previewOptions));
|
|
29
29
|
addComponents(generateStyles(TabConfig, config.tab, theme, previewOptions));
|
|
30
30
|
addComponents(generateStyles(TabsConfig, config.tabs, theme, previewOptions));
|
|
31
|
+
addComponents(generateStyles(ModalConfig, config.modal, theme, previewOptions));
|
|
31
32
|
}, () => ({ theme: { extend: { opacity: opacityMap } } }));
|
|
32
33
|
//#endregion
|
|
33
34
|
export { componentsPlugin };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","names":[],"sources":["../../../src/tailwind/plugins/components.ts"],"sourcesContent":["import {\n AvatarConfig,\n BadgeConfig,\n BannerConfig,\n BottomSheetConfig,\n ButtonConfig,\n CheckboxConfig,\n ChipConfig,\n DividerConfig,\n IconButtonConfig,\n InputConfig,\n LinkConfig,\n MenuContentConfig,\n MenuItemConfig,\n PopoverConfig,\n RadioConfig,\n ScrimConfig,\n SwitchConfig,\n TabConfig,\n TabsConfig,\n ToastConfig,\n TooltipConfig,\n} from '@yahoo/uds-automated-config/generatedConfigs';\nimport { generateStyles } from '@yahoo/uds-automated-config/utils';\nimport { opacityMap } from '@yahoo/uds-fixtures';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\n\nconst componentsPlugin = plugin.withOptions<TailwindPluginOptions>(\n ({\n config,\n previewOptions = {\n generatePseudoStateClassModifier: false,\n },\n }) =>\n ({ addComponents, theme }) => {\n // IconButton inherits Button variant styles\n if (config.button || config.iconButton) {\n const buttonStyles = generateStyles(ButtonConfig, config.button, theme, previewOptions);\n addComponents(buttonStyles);\n\n if (config.iconButton) {\n const iconButtonStyles = generateStyles(\n IconButtonConfig,\n config.iconButton,\n theme,\n previewOptions,\n );\n addComponents(iconButtonStyles);\n }\n }\n\n if (config.divider) {\n const dividerStyles = generateStyles(DividerConfig, config.divider, theme, previewOptions);\n addComponents(dividerStyles);\n }\n\n if (config.link) {\n const linkStyles = generateStyles(LinkConfig, config.link, theme, previewOptions);\n addComponents(linkStyles);\n }\n\n if (config.badge) {\n const badgeStyles = generateStyles(BadgeConfig, config.badge, theme, previewOptions);\n addComponents(badgeStyles);\n }\n\n if (config.radio) {\n const radioStyles = generateStyles(RadioConfig, config.radio, theme, previewOptions);\n addComponents(radioStyles);\n }\n\n if (config.avatar) {\n const avatarStyles = generateStyles(AvatarConfig, config.avatar, theme, previewOptions);\n addComponents(avatarStyles);\n }\n\n if (config.chip) {\n const chipStyles = generateStyles(ChipConfig, config.chip, theme, previewOptions);\n addComponents(chipStyles);\n }\n\n if (config.switch) {\n const switchStyles = generateStyles(SwitchConfig, config.switch, theme, previewOptions);\n addComponents(switchStyles);\n }\n\n if (config.checkbox) {\n const checkboxStyles = generateStyles(\n CheckboxConfig,\n config.checkbox,\n theme,\n previewOptions,\n );\n addComponents(checkboxStyles);\n }\n\n // TODO: May need to ensure portal is inside a importNamespace class\n if (config.menuItem) {\n const menuStyles = generateStyles(MenuItemConfig, config.menuItem, theme, previewOptions);\n addComponents(menuStyles);\n }\n\n if (config.menuContent) {\n const menuContentStyles = generateStyles(\n MenuContentConfig,\n config.menuContent,\n theme,\n previewOptions,\n );\n addComponents(menuContentStyles);\n }\n\n if (config.input) {\n const inputStyles = generateStyles(InputConfig, config.input, theme, previewOptions);\n addComponents(inputStyles);\n }\n\n if (config?.toast) {\n const toastStyles = generateStyles(ToastConfig, config.toast, theme, previewOptions);\n addComponents(toastStyles);\n }\n\n if (config.tooltip) {\n const tooltipStyles = generateStyles(TooltipConfig, config.tooltip, theme, previewOptions);\n addComponents(tooltipStyles);\n }\n\n if (config?.bottomSheet) {\n const bottomSheetStyles = generateStyles(\n BottomSheetConfig,\n config.bottomSheet,\n theme,\n previewOptions,\n );\n addComponents(bottomSheetStyles);\n }\n\n if (config?.scrim) {\n const scrimStyles = generateStyles(ScrimConfig, config.scrim, theme, previewOptions);\n addComponents(scrimStyles);\n }\n\n if (config.popover) {\n const popoverStyles = generateStyles(PopoverConfig, config.popover, theme, previewOptions);\n addComponents(popoverStyles);\n }\n\n const bannerStyles = generateStyles(BannerConfig, config.banner, theme, previewOptions);\n addComponents(bannerStyles);\n\n const tabStyles = generateStyles(TabConfig, config.tab, theme, previewOptions);\n addComponents(tabStyles);\n\n const tabsStyles = generateStyles(TabsConfig, config.tabs, theme, previewOptions);\n addComponents(tabsStyles);\n },\n () => ({\n theme: {\n extend: {\n // Added to route configurable opacity steps through to button opacity/disabled property rendering.\n opacity: opacityMap,\n },\n },\n }),\n);\n\nexport { componentsPlugin };\n"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"components.js","names":[],"sources":["../../../src/tailwind/plugins/components.ts"],"sourcesContent":["import {\n AvatarConfig,\n BadgeConfig,\n BannerConfig,\n BottomSheetConfig,\n ButtonConfig,\n CheckboxConfig,\n ChipConfig,\n DividerConfig,\n IconButtonConfig,\n InputConfig,\n LinkConfig,\n MenuContentConfig,\n MenuItemConfig,\n ModalConfig,\n PopoverConfig,\n RadioConfig,\n ScrimConfig,\n SwitchConfig,\n TabConfig,\n TabsConfig,\n ToastConfig,\n TooltipConfig,\n} from '@yahoo/uds-automated-config/generatedConfigs';\nimport { generateStyles } from '@yahoo/uds-automated-config/utils';\nimport { opacityMap } from '@yahoo/uds-fixtures';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\n\nconst componentsPlugin = plugin.withOptions<TailwindPluginOptions>(\n ({\n config,\n previewOptions = {\n generatePseudoStateClassModifier: false,\n },\n }) =>\n ({ addComponents, theme }) => {\n // IconButton inherits Button variant styles\n if (config.button || config.iconButton) {\n const buttonStyles = generateStyles(ButtonConfig, config.button, theme, previewOptions);\n addComponents(buttonStyles);\n\n if (config.iconButton) {\n const iconButtonStyles = generateStyles(\n IconButtonConfig,\n config.iconButton,\n theme,\n previewOptions,\n );\n addComponents(iconButtonStyles);\n }\n }\n\n if (config.divider) {\n const dividerStyles = generateStyles(DividerConfig, config.divider, theme, previewOptions);\n addComponents(dividerStyles);\n }\n\n if (config.link) {\n const linkStyles = generateStyles(LinkConfig, config.link, theme, previewOptions);\n addComponents(linkStyles);\n }\n\n if (config.badge) {\n const badgeStyles = generateStyles(BadgeConfig, config.badge, theme, previewOptions);\n addComponents(badgeStyles);\n }\n\n if (config.radio) {\n const radioStyles = generateStyles(RadioConfig, config.radio, theme, previewOptions);\n addComponents(radioStyles);\n }\n\n if (config.avatar) {\n const avatarStyles = generateStyles(AvatarConfig, config.avatar, theme, previewOptions);\n addComponents(avatarStyles);\n }\n\n if (config.chip) {\n const chipStyles = generateStyles(ChipConfig, config.chip, theme, previewOptions);\n addComponents(chipStyles);\n }\n\n if (config.switch) {\n const switchStyles = generateStyles(SwitchConfig, config.switch, theme, previewOptions);\n addComponents(switchStyles);\n }\n\n if (config.checkbox) {\n const checkboxStyles = generateStyles(\n CheckboxConfig,\n config.checkbox,\n theme,\n previewOptions,\n );\n addComponents(checkboxStyles);\n }\n\n // TODO: May need to ensure portal is inside a importNamespace class\n if (config.menuItem) {\n const menuStyles = generateStyles(MenuItemConfig, config.menuItem, theme, previewOptions);\n addComponents(menuStyles);\n }\n\n if (config.menuContent) {\n const menuContentStyles = generateStyles(\n MenuContentConfig,\n config.menuContent,\n theme,\n previewOptions,\n );\n addComponents(menuContentStyles);\n }\n\n if (config.input) {\n const inputStyles = generateStyles(InputConfig, config.input, theme, previewOptions);\n addComponents(inputStyles);\n }\n\n if (config?.toast) {\n const toastStyles = generateStyles(ToastConfig, config.toast, theme, previewOptions);\n addComponents(toastStyles);\n }\n\n if (config.tooltip) {\n const tooltipStyles = generateStyles(TooltipConfig, config.tooltip, theme, previewOptions);\n addComponents(tooltipStyles);\n }\n\n if (config?.bottomSheet) {\n const bottomSheetStyles = generateStyles(\n BottomSheetConfig,\n config.bottomSheet,\n theme,\n previewOptions,\n );\n addComponents(bottomSheetStyles);\n }\n\n if (config?.scrim) {\n const scrimStyles = generateStyles(ScrimConfig, config.scrim, theme, previewOptions);\n addComponents(scrimStyles);\n }\n\n if (config.popover) {\n const popoverStyles = generateStyles(PopoverConfig, config.popover, theme, previewOptions);\n addComponents(popoverStyles);\n }\n\n const bannerStyles = generateStyles(BannerConfig, config.banner, theme, previewOptions);\n addComponents(bannerStyles);\n\n const tabStyles = generateStyles(TabConfig, config.tab, theme, previewOptions);\n addComponents(tabStyles);\n\n const tabsStyles = generateStyles(TabsConfig, config.tabs, theme, previewOptions);\n addComponents(tabsStyles);\n\n const modalStyles = generateStyles(ModalConfig, config.modal, theme, previewOptions);\n addComponents(modalStyles);\n },\n () => ({\n theme: {\n extend: {\n // Added to route configurable opacity steps through to button opacity/disabled property rendering.\n opacity: opacityMap,\n },\n },\n }),\n);\n\nexport { componentsPlugin };\n"],"mappings":";;;;;;AA8BA,MAAM,mBAAmB,OAAO,aAC7B,EACC,QACA,iBAAiB,EACf,kCAAkC,OACnC,QAEA,EAAE,eAAe,YAAY;AAE5B,KAAI,OAAO,UAAU,OAAO,YAAY;AAEtC,gBADqB,eAAe,cAAc,OAAO,QAAQ,OAAO,eAC9C,CAAC;AAE3B,MAAI,OAAO,WAOT,eANyB,eACvB,kBACA,OAAO,YACP,OACA,eAE4B,CAAC;;AAInC,KAAI,OAAO,QAET,eADsB,eAAe,eAAe,OAAO,SAAS,OAAO,eAChD,CAAC;AAG9B,KAAI,OAAO,KAET,eADmB,eAAe,YAAY,OAAO,MAAM,OAAO,eAC1C,CAAC;AAG3B,KAAI,OAAO,MAET,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAC5C,CAAC;AAG5B,KAAI,OAAO,MAET,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAC5C,CAAC;AAG5B,KAAI,OAAO,OAET,eADqB,eAAe,cAAc,OAAO,QAAQ,OAAO,eAC9C,CAAC;AAG7B,KAAI,OAAO,KAET,eADmB,eAAe,YAAY,OAAO,MAAM,OAAO,eAC1C,CAAC;AAG3B,KAAI,OAAO,OAET,eADqB,eAAe,cAAc,OAAO,QAAQ,OAAO,eAC9C,CAAC;AAG7B,KAAI,OAAO,SAOT,eANuB,eACrB,gBACA,OAAO,UACP,OACA,eAE0B,CAAC;AAI/B,KAAI,OAAO,SAET,eADmB,eAAe,gBAAgB,OAAO,UAAU,OAAO,eAClD,CAAC;AAG3B,KAAI,OAAO,YAOT,eAN0B,eACxB,mBACA,OAAO,aACP,OACA,eAE6B,CAAC;AAGlC,KAAI,OAAO,MAET,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAC5C,CAAC;AAG5B,KAAI,QAAQ,MAEV,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAC5C,CAAC;AAG5B,KAAI,OAAO,QAET,eADsB,eAAe,eAAe,OAAO,SAAS,OAAO,eAChD,CAAC;AAG9B,KAAI,QAAQ,YAOV,eAN0B,eACxB,mBACA,OAAO,aACP,OACA,eAE6B,CAAC;AAGlC,KAAI,QAAQ,MAEV,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAC5C,CAAC;AAG5B,KAAI,OAAO,QAET,eADsB,eAAe,eAAe,OAAO,SAAS,OAAO,eAChD,CAAC;AAI9B,eADqB,eAAe,cAAc,OAAO,QAAQ,OAAO,eAC9C,CAAC;AAG3B,eADkB,eAAe,WAAW,OAAO,KAAK,OAAO,eACxC,CAAC;AAGxB,eADmB,eAAe,YAAY,OAAO,MAAM,OAAO,eAC1C,CAAC;AAGzB,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAC5C,CAAC;UAEvB,EACL,OAAO,EACL,QAAQ,EAEN,SAAS,YACV,EACF,EACF,EACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.cts","names":["ElementType","HTMLAttributes","PropsWithChildren","ReactElement","ReactNode","Ref","IntRange","IconPixelSize","IconSize","IconVariant","GenericIconComponent","React","ComponentType","MaxLengthArray","T","N","A","ExtractUrlFromFontFaceRule","U","Percentage","PixelsUnit","value","type","RemsUnit","UnitlessUnit","PercentageUnit","Hue","HueStep","SpectrumColor","SharedPrimaryPaletteAlias","SharedSecondaryPaletteAlias","SharedPaletteAlias","DeprecatedAccentAlias","OpacityStep","BackgroundPaletteAlias","BackgroundPalette","PaletteValue","Record","ForegroundPaletteAlias","ForegroundPalette","LinePaletteAlias","LinePalette","ShadowPaletteAlias","ShadowPalette","AlwaysPaletteAliasWithPrefix","DeprecatedAlwaysPaletteAlias","AlwaysPaletteAlias","LinkableValue","$ref","PaletteType","PaletteConfig","hue","step","opacity","Palette","key","background","foreground","line","shadow","ForegroundColor","LineColor","ElevationAlias","BackgroundColor","ShadowColor","PropertyToPaletteAliasMap","backgroundColor","borderColor","color","ShadowSpectrumColor","ShadowPaletteColor","ShadowAlwaysColor","ShadowColorConfig","ShadowOffset","SpacingAlias","Exclude","ShadowOpacity","ShadowSpreadRadius","ShadowPreset","offsetX","offsetY","blur","spread","ShadowVariant","ShadowVariantWithElevation","ShadowVariantInvert","ShadowVariantWithInvert","ShadowVariantConfig","BannerInnerShadowOption","ShadowType","ShadowTypeConfig","ShadowConfig","drop","inset","BreakpointValue","BreakpointsConfig","sm","md","lg","xl","Breakpoint","BreakpointWithBase","TextVariantTypography","TextVariantUi","TextVariantWithoutEmphasized","TextVariant","FontAlias","FontType","FontWeightNumeric","FontWeightDescriptive","TextTransform","TextDecorationLine","LineClampAlias","LineHeight","FontSize","TextTransformConfig","FontSizeConfig","FontFamilyConfig","FontWeightConfig","FontSlantConfig","FontWidthConfig","LineHeightConfig","TextProperty","TypographyUnitValue","TypographyResponsiveProperty","base","breakpoints","TypographyStyleProperty","TypographyStyle","fontFamily","textTransform","fontSize","fontWeight","lineHeight","fontSlant","fontWidth","letterSpacing","TypographyConfig","FontConfig","TShirtSize","TShirtSizeCommon","Extract","AvatarSize","AvatarSizeConfig","AvatarShape","BorderRadius","IconSizeConfig","SpacingConfig","AlwaysPaletteColor","ElevationSurfaceColor","ElevationBackgroundFillColor","ElevationBorderColor","RGBColorValue","RGBAUnit","r","g","b","a","ElevationCustomShadows","RGBUnit","ElevationPreset","BorderWidth","surfaceColor","layerWithBackgroundFill","backgroundFill","backgroundBlurRadius","finalBackgroundOpacity","finalBackgroundValue","fallbackBlurredBackgroundValue","borderWidth","dropShadow","ElevationLevel","ElevationConfig","ColorMode","ElevationGlobalRampSettings","progression","ambientLight","shadowDistance","shadowOpacity","shadowColor","backgroundOpacity","ElevationGlobalRampConfig","isAdvancedModeEnabled","colorMode","FocusRingWidth","FocusRingOffset","FocusRingColor","FocusRingConfig","width","offset","FocusRingModeConfig","BorderRadiusConfig","BorderWidthWithElevation","BorderWidthConfig","ColorModeForApp","ColorModeConfig","ColorsConfig","SpectrumConfig","palette","spectrum","SpectrumRGB","SpectrumValueEntry","rgb","SpectrumValue","ScaleMode","ScaleModeForApp","ScaleConfig","avatarSizes","iconSizes","borderRadius","ScaleModeConfig","ButtonSize","ButtonPalette","ButtonVariant","ButtonContrastVariant","ScaleEffect","ButtonVariantFlat","ButtonSpectrumColor","ButtonPaletteColor","IconButtonSize","InputSize","PlatformMode","HighContrastMode","RegionMode","Modes","scaleMode","Animation","TransitionDelay","TransitionDuration","TransitionTiming","MotionVariant","MotionVariantSpeed","MotionSpringConfigOptions","MotionSpringConfig","damping","stiffness","MotionVariantValues","MotionConfig","FontCssVar","MotionCssVar","UdsCssVar","AriaAttribute","DataAttribute","Flex","FlexGrow","FlexShrink","FlexAlignContent","FlexAlignItems","FlexAlignSelf","FlexDirection","FlexWrap","FlexJustifyContent","FlexBasis","Display","Overflow","Position","ImageStyleProps","contentFit","BorderStyleProps","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","borderStartColor","borderEndColor","borderTopColor","borderBottomColor","borderVerticalWidth","borderHorizontalWidth","borderStartWidth","borderEndWidth","borderTopWidth","borderBottomWidth","NestedBorderRadiusStyleProps","nestedBorderRadius","nestedBorderRadiusSize","nestedBorderRadiusSpacing","nestedBorderRadiusWidth","ShadowStyleProps","insetShadow","LayoutStyleProps","display","overflow","overflowX","overflowY","position","SpacingStyleProps","spacing","spacingHorizontal","spacingVertical","spacingBottom","spacingEnd","spacingStart","spacingTop","offsetVertical","offsetHorizontal","offsetBottom","offsetEnd","offsetStart","offsetTop","columnGap","rowGap","FlexStyleProps","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","flexWrap","justifyContent","flexBasis","StateStyleProps","interactable","focusable","TextStyleProps","placeholderColor","textAlign","BackgroundStyleProps","CustomSizingStyleProps","iconSize","avatarSize","SizeStyleProps","height","StyleProps","UniversalBoxProps","asChild","as","elevation","UniversalStackProps","Omit","gap","separator","index","UniversalTextProps","variant","UniversalIconProps","Icon","name","size","SVGElementProps","SVGSVGElement","IconPropsWithSVGProps","IconSlotRenderProps","BackwardsCompatibleReactElement","UniversalIconSlot","iconProps","UniversalPressableProps","onPress","UniversalIconButtonProps","iconVariant","htmlName","loading","disableEffects","UniversalButtonProps","IconSlotType","Pick","startIcon","endIcon","UniversalImageProps","src","alt","ImgElementProps","HTMLImageElement","ImgHTMLAttributes","ImagePropsWithImgProps","UniversalFormLabelProps","required","hasError","showRequiredAsterisk","label","UniversalInputProps","disabled","helpText","helperTextIcon","reduceMotion","readOnly","DividerVariant","UniversalDividerProps","vertical","contentPosition","LinkVariant","LinkTextVariant","UniversalLinkProps","textVariant","alwaysUnderline","CheckboxValue","CheckboxVariant","CheckboxSize","UniversalCheckboxProps","checked","labelPosition","RadioValue","RadioVariant","RadioSize","UniversalRadioProps","UniversalRadioGroupProps","defaultValue","onChange","SwitchSize","UniversalSwitchProps","isOn","defaultIsOn","onIcon","offIcon","ChipVariant","ChipSize","UniversalChipBaseProps","minWidth","maxWidth","UniversalChipDismissibleProps","onDismiss","dismissButtonAriaLabel","dismissIcon","UniversalChipToggleProps","isToggled","onToggle","UniversalChipButtonProps","UniversalChipLinkProps","href","UniversalChipProps","BadgeVariant","BadgeSize","UniversalBadgeProps","iconColor","BannerVariant","BannerSize","UniversalBannerProps","title","description","children","AvatarVariant","AvatarAbbreviationStrategy","UniversalAvatarBaseProps","customSize","abbreviationStrategy","className","UniversalAvatarImageProps","srcSet","fallback","UniversalAvatarTextProps","initials","UniversalAvatarIconProps","icon","UniversalAvatarProps","UniversalMenuItemProps","active","slots","root","ref","props","ToastSize","ToastVariant","ToastPosition","UniversalToastProps","message","actionButton","onClickActionButton","closeIcon","onClickCloseButton","id","VerticalPlacement","HorizontalPlacement","TooltipPlacement","TooltipSize","TooltipVariant","UniversalTabsVariant","UniversalTooltipProps","placement","open","portal","UniversalTooltipTriggerProps","UniversalTooltipContentProps","startTitleIcon","endContent","UniversalTabsProps","defaultSelectedId","selectedId","onSelectionChange","UniversalTabListProps","AriaAttributes","scrollable","UniversalTabPanelProps","tabId","UniversalTabProps","BottomSheetVariant","BottomSheetHeight","BottomSheetSnapPoints","UniversalBottomSheetProps","snapPoints","defaultSnapPointIndex","snapPointIndex","onSnapPointChange","dismissible","enableDrag","showHandleIndicator","fullWidthAtMaxSnap","UniversalBottomSheetHeaderProps","start","end","UniversalBottomSheetContentProps","PopoverPlacement","PopoverSize","PopoverVariant","UniversalPopoverProps","Event","hideArrow","hideDismissButton","defaultOpen","onClose","event","onOpen","disableAutoFocus","disableVerticalSpacing","disableHorizontalSpacing","sameWidth","gutter","UniversalPopoverTriggerProps","UniversalPopoverContentProps","maxHeight","ConfigurableComponentName","UniversalTokensConfigAutoBase","UniversalTokensConfigBase","GlobalDefaultsConfig","$defs","links","systems","version","font","motion","typography","elevationGlobalRamp","focusRing","globalDefaults","UniversalTokensConfigGeneric","ConfigAuto","breakpoint","enableResponsiveType"],"sources":["../../../../types/dist/index.d.ts"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.cts","names":["CSSProperties","ElementType","HTMLAttributes","PropsWithChildren","ReactElement","ReactNode","Ref","IntRange","IconPixelSize","IconSize","IconVariant","GenericIconComponent","React","ComponentType","MaxLengthArray","T","N","A","ExtractUrlFromFontFaceRule","U","Percentage","PixelsUnit","value","type","RemsUnit","UnitlessUnit","PercentageUnit","Hue","HueStep","SpectrumColor","SharedPrimaryPaletteAlias","SharedSecondaryPaletteAlias","SharedPaletteAlias","DeprecatedAccentAlias","OpacityStep","BackgroundPaletteAlias","BackgroundPalette","PaletteValue","Record","ForegroundPaletteAlias","ForegroundPalette","LinePaletteAlias","LinePalette","ShadowPaletteAlias","ShadowPalette","AlwaysPaletteAliasWithPrefix","DeprecatedAlwaysPaletteAlias","AlwaysPaletteAlias","LinkableValue","$ref","PaletteType","PaletteConfig","hue","step","opacity","Palette","key","background","foreground","line","shadow","ForegroundColor","LineColor","ElevationAlias","BackgroundColor","ShadowColor","PropertyToPaletteAliasMap","backgroundColor","borderColor","color","ShadowSpectrumColor","ShadowPaletteColor","ShadowAlwaysColor","ShadowColorConfig","ShadowOffset","SpacingAlias","Exclude","ShadowOpacity","ShadowSpreadRadius","ShadowPreset","offsetX","offsetY","blur","spread","ShadowVariant","ShadowVariantWithElevation","ShadowVariantInvert","ShadowVariantWithInvert","ShadowVariantConfig","BannerInnerShadowOption","ShadowType","ShadowTypeConfig","ShadowConfig","drop","inset","BreakpointValue","BreakpointsConfig","sm","md","lg","xl","Breakpoint","BreakpointWithBase","TextVariantTypography","TextVariantUi","TextVariantWithoutEmphasized","TextVariant","FontAlias","FontType","FontWeightNumeric","FontWeightDescriptive","TextTransform","TextDecorationLine","LineClampAlias","LineHeight","FontSize","TextTransformConfig","FontSizeConfig","FontFamilyConfig","FontWeightConfig","FontSlantConfig","FontWidthConfig","LineHeightConfig","TextProperty","TypographyUnitValue","TypographyResponsiveProperty","base","breakpoints","TypographyStyleProperty","TypographyStyle","fontFamily","textTransform","fontSize","fontWeight","lineHeight","fontSlant","fontWidth","letterSpacing","TypographyConfig","FontConfig","TShirtSize","TShirtSizeCommon","Extract","AvatarSize","AvatarSizeConfig","AvatarShape","BorderRadius","IconSizeConfig","SpacingConfig","AlwaysPaletteColor","ElevationSurfaceColor","ElevationBackgroundFillColor","ElevationBorderColor","RGBColorValue","RGBAUnit","r","g","b","a","ElevationCustomShadows","RGBUnit","ElevationPreset","BorderWidth","surfaceColor","layerWithBackgroundFill","backgroundFill","backgroundBlurRadius","finalBackgroundOpacity","finalBackgroundValue","fallbackBlurredBackgroundValue","borderWidth","dropShadow","ElevationLevel","ElevationConfig","ColorMode","ElevationGlobalRampSettings","progression","ambientLight","shadowDistance","shadowOpacity","shadowColor","backgroundOpacity","ElevationGlobalRampConfig","isAdvancedModeEnabled","colorMode","FocusRingWidth","FocusRingOffset","FocusRingColor","FocusRingConfig","width","offset","FocusRingModeConfig","BorderRadiusConfig","BorderWidthWithElevation","BorderWidthConfig","ColorModeForApp","ColorModeConfig","ColorsConfig","SpectrumConfig","palette","spectrum","SpectrumRGB","SpectrumValueEntry","rgb","SpectrumValue","ScaleMode","ScaleModeForApp","ScaleConfig","avatarSizes","iconSizes","borderRadius","ScaleModeConfig","ButtonSize","ButtonPalette","ButtonVariant","ButtonContrastVariant","ScaleEffect","ButtonVariantFlat","ButtonSpectrumColor","ButtonPaletteColor","IconButtonSize","InputSize","PlatformMode","HighContrastMode","RegionMode","Modes","scaleMode","Animation","TransitionDelay","TransitionDuration","TransitionTiming","MotionVariant","MotionVariantSpeed","MotionSpringConfigOptions","MotionSpringConfig","damping","stiffness","MotionVariantValues","MotionConfig","FontCssVar","MotionCssVar","UdsCssVar","AriaAttribute","DataAttribute","Flex","FlexGrow","FlexShrink","FlexAlignContent","FlexAlignItems","FlexAlignSelf","FlexDirection","FlexWrap","FlexJustifyContent","FlexBasis","Display","Overflow","Position","ImageStyleProps","contentFit","BorderStyleProps","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","borderStartColor","borderEndColor","borderTopColor","borderBottomColor","borderVerticalWidth","borderHorizontalWidth","borderStartWidth","borderEndWidth","borderTopWidth","borderBottomWidth","NestedBorderRadiusStyleProps","nestedBorderRadius","nestedBorderRadiusSize","nestedBorderRadiusSpacing","nestedBorderRadiusWidth","ShadowStyleProps","insetShadow","LayoutStyleProps","display","overflow","overflowX","overflowY","position","SpacingStyleProps","spacing","spacingHorizontal","spacingVertical","spacingBottom","spacingEnd","spacingStart","spacingTop","offsetVertical","offsetHorizontal","offsetBottom","offsetEnd","offsetStart","offsetTop","columnGap","rowGap","FlexStyleProps","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","flexWrap","justifyContent","flexBasis","StateStyleProps","interactable","focusable","TextStyleProps","placeholderColor","textAlign","BackgroundStyleProps","CustomSizingStyleProps","iconSize","avatarSize","SizeStyleProps","height","StyleProps","UniversalBoxProps","asChild","as","elevation","UniversalStackProps","Omit","gap","separator","index","UniversalTextProps","variant","UniversalIconProps","Icon","name","size","SVGElementProps","SVGSVGElement","IconPropsWithSVGProps","IconSlotRenderProps","BackwardsCompatibleReactElement","UniversalIconSlot","iconProps","UniversalPressableProps","onPress","UniversalIconButtonProps","iconVariant","htmlName","loading","disableEffects","UniversalButtonProps","IconSlotType","Pick","startIcon","endIcon","UniversalImageProps","src","alt","ImgElementProps","HTMLImageElement","ImgHTMLAttributes","ImagePropsWithImgProps","UniversalFormLabelProps","required","hasError","showRequiredAsterisk","label","UniversalInputProps","disabled","helpText","helperTextIcon","reduceMotion","readOnly","DividerVariant","UniversalDividerProps","vertical","contentPosition","LinkVariant","LinkTextVariant","UniversalLinkProps","textVariant","alwaysUnderline","CheckboxValue","CheckboxVariant","CheckboxSize","UniversalCheckboxProps","checked","labelPosition","RadioValue","RadioVariant","RadioSize","UniversalRadioProps","UniversalRadioGroupProps","defaultValue","onChange","SwitchSize","UniversalSwitchProps","isOn","defaultIsOn","onIcon","offIcon","ChipVariant","ChipSize","UniversalChipBaseProps","minWidth","maxWidth","UniversalChipDismissibleProps","onDismiss","dismissButtonAriaLabel","dismissIcon","UniversalChipToggleProps","isToggled","onToggle","UniversalChipButtonProps","UniversalChipLinkProps","href","UniversalChipProps","BadgeVariant","BadgeSize","UniversalBadgeProps","iconColor","BannerVariant","BannerSize","UniversalBannerProps","title","description","children","AvatarVariant","AvatarAbbreviationStrategy","UniversalAvatarBaseProps","customSize","abbreviationStrategy","className","UniversalAvatarImageProps","srcSet","fallback","UniversalAvatarTextProps","initials","UniversalAvatarIconProps","icon","UniversalAvatarProps","UniversalMenuItemProps","active","slots","root","ref","props","ToastSize","ToastVariant","ToastPosition","UniversalToastProps","message","actionButton","onClickActionButton","closeIcon","onClickCloseButton","id","VerticalPlacement","HorizontalPlacement","TooltipPlacement","TooltipSize","TooltipVariant","UniversalTabsVariant","UniversalTooltipProps","placement","open","portal","UniversalTooltipTriggerProps","UniversalTooltipContentProps","startTitleIcon","endContent","UniversalTabsProps","defaultSelectedId","selectedId","onSelectionChange","UniversalTabListProps","AriaAttributes","scrollable","UniversalTabPanelProps","tabId","UniversalTabProps","BottomSheetVariant","BottomSheetHeight","BottomSheetSnapPoints","UniversalBottomSheetProps","snapPoints","defaultSnapPointIndex","snapPointIndex","onSnapPointChange","dismissible","enableDrag","showHandleIndicator","fullWidthAtMaxSnap","UniversalBottomSheetHeaderProps","start","end","UniversalBottomSheetContentProps","PopoverPlacement","PopoverSize","PopoverVariant","UniversalPopoverProps","Event","hideArrow","hideDismissButton","defaultOpen","onClose","event","onOpen","disableAutoFocus","disableVerticalSpacing","disableHorizontalSpacing","sameWidth","gutter","UniversalPopoverTriggerProps","UniversalPopoverContentProps","maxHeight","ModalSize","ModalVariant","UniversalModalProps","modal","includeScrim","fullWidth","fullHeight","scrollBehavior","content","actions","closeAriaLabel","style","UniversalModalTitleProps","UniversalModalDescriptionProps","UniversalModalContentProps","UniversalModalActionsProps","startContent","ConfigurableComponentName","UniversalTokensConfigAutoBase","UniversalTokensConfigBase","GlobalDefaultsConfig","$defs","links","systems","version","font","motion","typography","elevationGlobalRamp","focusRing","globalDefaults","UniversalTokensConfigGeneric","ConfigAuto","breakpoint","enableResponsiveType"],"sources":["../../../../types/dist/index.d.ts"],"mappings":"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"}
|