@yahoo/uds 3.116.0-beta.2 → 3.116.0-beta.4
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 +1 -0
- package/dist/automated-config/dist/generated/autoVariants.d.cts +1 -0
- package/dist/automated-config/dist/generated/autoVariants.d.ts +1 -0
- package/dist/automated-config/dist/generated/autoVariants.js +1 -0
- package/dist/automated-config/dist/generated/generatedConfigs.cjs +48 -0
- package/dist/automated-config/dist/generated/generatedConfigs.d.cts +14 -0
- package/dist/automated-config/dist/generated/generatedConfigs.d.ts +14 -0
- package/dist/automated-config/dist/generated/generatedConfigs.js +48 -0
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +5 -0
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +5 -0
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/components/SvgFloatingOverlay.cjs +3 -3
- package/dist/components/SvgFloatingOverlay.js +3 -3
- package/dist/components/client/Popover/PopoverContent.cjs +8 -4
- package/dist/components/client/Popover/PopoverContent.js +8 -4
- package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
- package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
- package/dist/components/client/Tooltip/TooltipContent.cjs +36 -35
- package/dist/components/client/Tooltip/TooltipContent.js +37 -36
- package/dist/config/dist/index.cjs +5 -0
- package/dist/config/dist/index.js +5 -0
- package/dist/hooks/useSvgFloatingContent.cjs +18 -1
- package/dist/hooks/useSvgFloatingContent.js +18 -1
- package/dist/runtime/popoverConfig.cjs +6 -11
- package/dist/runtime/popoverConfig.d.cts +2 -1
- package/dist/runtime/popoverConfig.d.ts +2 -1
- package/dist/runtime/popoverConfig.js +6 -11
- package/dist/styles/styler.d.cts +35 -34
- package/dist/styles/styler.d.ts +35 -34
- package/dist/styles/variants.d.cts +3 -0
- package/dist/styles/variants.d.ts +3 -0
- package/dist/tailwind/dist/commands/generateComponentData.cjs +2 -0
- package/dist/tailwind/dist/commands/generateComponentData.js +3 -1
- package/dist/tailwind/dist/commands/generatePurgeCSSData.cjs +3 -8
- package/dist/tailwind/dist/commands/generatePurgeCSSData.js +3 -8
- package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +22 -2
- package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +22 -2
- package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.cjs +294 -10
- package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.js +294 -9
- package/dist/uds/generated/componentData.cjs +218 -215
- package/dist/uds/generated/componentData.js +218 -215
- package/dist/uds/generated/tailwindPurge.cjs +221 -219
- package/dist/uds/generated/tailwindPurge.js +221 -219
- package/dist/uds/package.cjs +1 -1
- package/dist/uds/package.js +1 -1
- package/generated/componentData.json +319 -312
- package/generated/tailwindPurge.ts +5 -4604
- package/package.json +2 -2
- package/dist/tailwind/dist/.prettierrc.cjs +0 -13
- package/dist/tailwind/dist/.prettierrc.js +0 -12
|
@@ -490,6 +490,7 @@ const autoVariants = {
|
|
|
490
490
|
menuitemSizeRoot: { default: "uds-menuitem-size-default-root" },
|
|
491
491
|
menuitemSizeStartIcon: { default: "uds-menuitem-size-default-starticon" },
|
|
492
492
|
popoverSizeCloseIcon: { default: "uds-popover-size-default-closeicon" },
|
|
493
|
+
popoverSizeCloseIconContainer: { default: "uds-popover-size-default-closeiconcontainer" },
|
|
493
494
|
popoverSizeContentWrapper: { default: "uds-popover-size-default-contentwrapper" },
|
|
494
495
|
popoverSizeRoot: { default: "uds-popover-size-default-root" },
|
|
495
496
|
popoverSizeSvgBase: { default: "uds-popover-size-default-svgbase" },
|
|
@@ -95,6 +95,7 @@ interface StylePropsVariantsAuto<T> {
|
|
|
95
95
|
menuitemSizeRoot: Record<'default', T>;
|
|
96
96
|
menuitemSizeStartIcon: Record<'default', T>;
|
|
97
97
|
popoverSizeCloseIcon: Record<'default', T>;
|
|
98
|
+
popoverSizeCloseIconContainer: Record<'default', T>;
|
|
98
99
|
popoverSizeContentWrapper: Record<'default', T>;
|
|
99
100
|
popoverSizeRoot: Record<'default', T>;
|
|
100
101
|
popoverSizeSvgBase: Record<'default', T>;
|
|
@@ -95,6 +95,7 @@ interface StylePropsVariantsAuto<T> {
|
|
|
95
95
|
menuitemSizeRoot: Record<'default', T>;
|
|
96
96
|
menuitemSizeStartIcon: Record<'default', T>;
|
|
97
97
|
popoverSizeCloseIcon: Record<'default', T>;
|
|
98
|
+
popoverSizeCloseIconContainer: Record<'default', T>;
|
|
98
99
|
popoverSizeContentWrapper: Record<'default', T>;
|
|
99
100
|
popoverSizeRoot: Record<'default', T>;
|
|
100
101
|
popoverSizeSvgBase: Record<'default', T>;
|
|
@@ -489,6 +489,7 @@ const autoVariants = {
|
|
|
489
489
|
menuitemSizeRoot: { default: "uds-menuitem-size-default-root" },
|
|
490
490
|
menuitemSizeStartIcon: { default: "uds-menuitem-size-default-starticon" },
|
|
491
491
|
popoverSizeCloseIcon: { default: "uds-popover-size-default-closeicon" },
|
|
492
|
+
popoverSizeCloseIconContainer: { default: "uds-popover-size-default-closeiconcontainer" },
|
|
492
493
|
popoverSizeContentWrapper: { default: "uds-popover-size-default-contentwrapper" },
|
|
493
494
|
popoverSizeRoot: { default: "uds-popover-size-default-root" },
|
|
494
495
|
popoverSizeSvgBase: { default: "uds-popover-size-default-svgbase" },
|
|
@@ -25734,6 +25734,54 @@ const PopoverConfig = {
|
|
|
25734
25734
|
]]
|
|
25735
25735
|
} }
|
|
25736
25736
|
},
|
|
25737
|
+
closeIconContainer: {
|
|
25738
|
+
label: "closeIconContainer",
|
|
25739
|
+
properties: { spacing: {
|
|
25740
|
+
defaults: { default: "2" },
|
|
25741
|
+
label: "Dismiss button spacing",
|
|
25742
|
+
name: "spacing",
|
|
25743
|
+
typeOfFixture: ["spacingAliases"],
|
|
25744
|
+
values: [[
|
|
25745
|
+
"0",
|
|
25746
|
+
"px",
|
|
25747
|
+
"0.5",
|
|
25748
|
+
"1",
|
|
25749
|
+
"1.5",
|
|
25750
|
+
"2",
|
|
25751
|
+
"2.5",
|
|
25752
|
+
"3",
|
|
25753
|
+
"3.5",
|
|
25754
|
+
"4",
|
|
25755
|
+
"4.5",
|
|
25756
|
+
"5",
|
|
25757
|
+
"5.5",
|
|
25758
|
+
"6",
|
|
25759
|
+
"7",
|
|
25760
|
+
"8",
|
|
25761
|
+
"9",
|
|
25762
|
+
"10",
|
|
25763
|
+
"11",
|
|
25764
|
+
"12",
|
|
25765
|
+
"14",
|
|
25766
|
+
"16",
|
|
25767
|
+
"20",
|
|
25768
|
+
"24",
|
|
25769
|
+
"28",
|
|
25770
|
+
"32",
|
|
25771
|
+
"36",
|
|
25772
|
+
"40",
|
|
25773
|
+
"44",
|
|
25774
|
+
"48",
|
|
25775
|
+
"52",
|
|
25776
|
+
"56",
|
|
25777
|
+
"60",
|
|
25778
|
+
"64",
|
|
25779
|
+
"72",
|
|
25780
|
+
"80",
|
|
25781
|
+
"96"
|
|
25782
|
+
]]
|
|
25783
|
+
} }
|
|
25784
|
+
},
|
|
25737
25785
|
contentWrapper: {
|
|
25738
25786
|
label: "contentWrapper",
|
|
25739
25787
|
properties: {
|
|
@@ -2725,6 +2725,20 @@ declare const PopoverConfig: {
|
|
|
2725
2725
|
};
|
|
2726
2726
|
};
|
|
2727
2727
|
};
|
|
2728
|
+
readonly closeIconContainer: {
|
|
2729
|
+
readonly label: "closeIconContainer";
|
|
2730
|
+
readonly properties: {
|
|
2731
|
+
readonly spacing: {
|
|
2732
|
+
readonly defaults: {
|
|
2733
|
+
readonly default: "2";
|
|
2734
|
+
};
|
|
2735
|
+
readonly label: "Dismiss button spacing";
|
|
2736
|
+
readonly name: "spacing";
|
|
2737
|
+
readonly typeOfFixture: readonly ["spacingAliases"];
|
|
2738
|
+
readonly values: readonly [readonly ["0", "px", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "4.5", "5", "5.5", "6", "7", "8", "9", "10", "11", "12", "14", "16", "20", "24", "28", "32", "36", "40", "44", "48", "52", "56", "60", "64", "72", "80", "96"]];
|
|
2739
|
+
};
|
|
2740
|
+
};
|
|
2741
|
+
};
|
|
2728
2742
|
readonly contentWrapper: {
|
|
2729
2743
|
readonly label: "contentWrapper";
|
|
2730
2744
|
readonly properties: {
|
|
@@ -2725,6 +2725,20 @@ declare const PopoverConfig: {
|
|
|
2725
2725
|
};
|
|
2726
2726
|
};
|
|
2727
2727
|
};
|
|
2728
|
+
readonly closeIconContainer: {
|
|
2729
|
+
readonly label: "closeIconContainer";
|
|
2730
|
+
readonly properties: {
|
|
2731
|
+
readonly spacing: {
|
|
2732
|
+
readonly defaults: {
|
|
2733
|
+
readonly default: "2";
|
|
2734
|
+
};
|
|
2735
|
+
readonly label: "Dismiss button spacing";
|
|
2736
|
+
readonly name: "spacing";
|
|
2737
|
+
readonly typeOfFixture: readonly ["spacingAliases"];
|
|
2738
|
+
readonly values: readonly [readonly ["0", "px", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "4.5", "5", "5.5", "6", "7", "8", "9", "10", "11", "12", "14", "16", "20", "24", "28", "32", "36", "40", "44", "48", "52", "56", "60", "64", "72", "80", "96"]];
|
|
2739
|
+
};
|
|
2740
|
+
};
|
|
2741
|
+
};
|
|
2728
2742
|
readonly contentWrapper: {
|
|
2729
2743
|
readonly label: "contentWrapper";
|
|
2730
2744
|
readonly properties: {
|
|
@@ -25733,6 +25733,54 @@ const PopoverConfig = {
|
|
|
25733
25733
|
]]
|
|
25734
25734
|
} }
|
|
25735
25735
|
},
|
|
25736
|
+
closeIconContainer: {
|
|
25737
|
+
label: "closeIconContainer",
|
|
25738
|
+
properties: { spacing: {
|
|
25739
|
+
defaults: { default: "2" },
|
|
25740
|
+
label: "Dismiss button spacing",
|
|
25741
|
+
name: "spacing",
|
|
25742
|
+
typeOfFixture: ["spacingAliases"],
|
|
25743
|
+
values: [[
|
|
25744
|
+
"0",
|
|
25745
|
+
"px",
|
|
25746
|
+
"0.5",
|
|
25747
|
+
"1",
|
|
25748
|
+
"1.5",
|
|
25749
|
+
"2",
|
|
25750
|
+
"2.5",
|
|
25751
|
+
"3",
|
|
25752
|
+
"3.5",
|
|
25753
|
+
"4",
|
|
25754
|
+
"4.5",
|
|
25755
|
+
"5",
|
|
25756
|
+
"5.5",
|
|
25757
|
+
"6",
|
|
25758
|
+
"7",
|
|
25759
|
+
"8",
|
|
25760
|
+
"9",
|
|
25761
|
+
"10",
|
|
25762
|
+
"11",
|
|
25763
|
+
"12",
|
|
25764
|
+
"14",
|
|
25765
|
+
"16",
|
|
25766
|
+
"20",
|
|
25767
|
+
"24",
|
|
25768
|
+
"28",
|
|
25769
|
+
"32",
|
|
25770
|
+
"36",
|
|
25771
|
+
"40",
|
|
25772
|
+
"44",
|
|
25773
|
+
"48",
|
|
25774
|
+
"52",
|
|
25775
|
+
"56",
|
|
25776
|
+
"60",
|
|
25777
|
+
"64",
|
|
25778
|
+
"72",
|
|
25779
|
+
"80",
|
|
25780
|
+
"96"
|
|
25781
|
+
]]
|
|
25782
|
+
} }
|
|
25783
|
+
},
|
|
25736
25784
|
contentWrapper: {
|
|
25737
25785
|
label: "contentWrapper",
|
|
25738
25786
|
properties: {
|
|
@@ -11075,6 +11075,11 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
11075
11075
|
value: "sm",
|
|
11076
11076
|
valueType: "alias"
|
|
11077
11077
|
} } },
|
|
11078
|
+
"size/default/closeIconContainer": { spacing: { rest: {
|
|
11079
|
+
type: "spacingAliases",
|
|
11080
|
+
value: "2",
|
|
11081
|
+
valueType: "alias"
|
|
11082
|
+
} } },
|
|
11078
11083
|
"size/default/contentWrapper": {
|
|
11079
11084
|
gap: { rest: {
|
|
11080
11085
|
type: "spacingAliases",
|
|
@@ -11074,6 +11074,11 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
11074
11074
|
value: "sm",
|
|
11075
11075
|
valueType: "alias"
|
|
11076
11076
|
} } },
|
|
11077
|
+
"size/default/closeIconContainer": { spacing: { rest: {
|
|
11078
|
+
type: "spacingAliases",
|
|
11079
|
+
value: "2",
|
|
11080
|
+
valueType: "alias"
|
|
11081
|
+
} } },
|
|
11077
11082
|
"size/default/contentWrapper": {
|
|
11078
11083
|
gap: { rest: {
|
|
11079
11084
|
type: "spacingAliases",
|
|
@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.cjs";
|
|
|
11
11
|
* @returns A Record of layer names to their properties, or null if no properties are found
|
|
12
12
|
*/
|
|
13
13
|
declare function getConfigVariantProperties(variant?: VariantConfig): {
|
|
14
|
-
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
15
|
-
root: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
14
|
+
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
|
|
15
|
+
root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
|
|
16
16
|
} | null; //#endregion
|
|
17
17
|
//#endregion
|
|
18
18
|
export { getConfigVariantProperties };
|
|
@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.js";
|
|
|
11
11
|
* @returns A Record of layer names to their properties, or null if no properties are found
|
|
12
12
|
*/
|
|
13
13
|
declare function getConfigVariantProperties(variant?: VariantConfig): {
|
|
14
|
-
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
15
|
-
root: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
14
|
+
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
|
|
15
|
+
root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
|
|
16
16
|
} | null; //#endregion
|
|
17
17
|
//#endregion
|
|
18
18
|
export { getConfigVariantProperties };
|
|
@@ -90,17 +90,17 @@ const SvgFloatingOverlay = ({ blurClassName, blurStyle, childTransitionStyle, sv
|
|
|
90
90
|
position: "relative",
|
|
91
91
|
flexGrow: "1",
|
|
92
92
|
overflow: "hidden",
|
|
93
|
-
|
|
93
|
+
...contentWrapperSlotProps,
|
|
94
|
+
className: require_styles_styler.cx("z-[3]", "max-h-full", "gap-[inherit]", contentWrapperSlotProps?.className),
|
|
94
95
|
style: {
|
|
95
96
|
...childTransitionStyle,
|
|
96
97
|
borderRadius
|
|
97
98
|
},
|
|
98
|
-
...contentWrapperSlotProps,
|
|
99
99
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
|
|
100
100
|
overflow: "auto",
|
|
101
101
|
flexGrow: "1",
|
|
102
102
|
display: "block",
|
|
103
|
-
className: "max-h-full",
|
|
103
|
+
className: "max-h-full gap-[inherit]",
|
|
104
104
|
children
|
|
105
105
|
})
|
|
106
106
|
}),
|
|
@@ -88,17 +88,17 @@ const SvgFloatingOverlay = ({ blurClassName, blurStyle, childTransitionStyle, sv
|
|
|
88
88
|
position: "relative",
|
|
89
89
|
flexGrow: "1",
|
|
90
90
|
overflow: "hidden",
|
|
91
|
-
|
|
91
|
+
...contentWrapperSlotProps,
|
|
92
|
+
className: cx("z-[3]", "max-h-full", "gap-[inherit]", contentWrapperSlotProps?.className),
|
|
92
93
|
style: {
|
|
93
94
|
...childTransitionStyle,
|
|
94
95
|
borderRadius
|
|
95
96
|
},
|
|
96
|
-
...contentWrapperSlotProps,
|
|
97
97
|
children: /* @__PURE__ */ jsx(Box, {
|
|
98
98
|
overflow: "auto",
|
|
99
99
|
flexGrow: "1",
|
|
100
100
|
display: "block",
|
|
101
|
-
className: "max-h-full",
|
|
101
|
+
className: "max-h-full gap-[inherit]",
|
|
102
102
|
children
|
|
103
103
|
})
|
|
104
104
|
}),
|
|
@@ -32,12 +32,13 @@ const PopoverContent = (0, react.forwardRef)(function PopoverContent({ children,
|
|
|
32
32
|
const currentPlacement = (0, _ariakit_react.useStoreState)(store, "currentPlacement");
|
|
33
33
|
const placement = (0, _ariakit_react.useStoreState)(store, "placement");
|
|
34
34
|
const effectivePlacement = currentPlacement ?? placement ?? "top";
|
|
35
|
-
const { borderRadius, gap, spacingHorizontal, spacingVertical,
|
|
35
|
+
const { borderRadius, gap, spacingHorizontal, spacingVertical, dismissButtonSpacing, dismissIconSize } = require_components_client_Popover_UDSPopoverConfigProvider.usePopoverConfig();
|
|
36
36
|
const defaultBorderRadius = borderRadius["default"];
|
|
37
37
|
const defaultGap = gap["default"];
|
|
38
38
|
const defaultSpacingHorizontal = spacingHorizontal["default"];
|
|
39
39
|
const defaultSpacingVertical = spacingVertical["default"];
|
|
40
|
-
const
|
|
40
|
+
const defaultDismissButtonSpacing = require_index.spacingMap[dismissButtonSpacing["default"]];
|
|
41
|
+
const defaultDismissButtonSize = dismissIconSize["default"] + 2 * defaultDismissButtonSpacing;
|
|
41
42
|
const arrowRef = (0, react.useRef)(null);
|
|
42
43
|
const reducedMotion = internalContext ? internalContext.reducedMotion : false;
|
|
43
44
|
const animationDuration = reducedMotion || !internalContext ? 0 : internalContext.animationDuration;
|
|
@@ -92,7 +93,7 @@ const PopoverContent = (0, react.forwardRef)(function PopoverContent({ children,
|
|
|
92
93
|
alignItems: "center",
|
|
93
94
|
justifyContent: "center",
|
|
94
95
|
display: "flex",
|
|
95
|
-
className: require_styles_styler.cx(reducedMotion ? "duration-0" : "duration-120", "transition-[background-color]", "bg-carbon-15/0", "hover:bg-carbon-15/10", "active:bg-carbon-15/15")
|
|
96
|
+
className: require_styles_styler.cx(reducedMotion ? "duration-0" : "duration-120", "transition-[background-color]", "bg-carbon-15/0", "hover:bg-carbon-15/10", "active:bg-carbon-15/15", "uds-ring")
|
|
96
97
|
}),
|
|
97
98
|
closeIcon: require_styles_styler.getStyles({
|
|
98
99
|
popoverVariantCloseIcon: "default",
|
|
@@ -117,7 +118,10 @@ const PopoverContent = (0, react.forwardRef)(function PopoverContent({ children,
|
|
|
117
118
|
},
|
|
118
119
|
onClose: internalContext?.onClose,
|
|
119
120
|
sameWidth,
|
|
120
|
-
autoFocusOnShow:
|
|
121
|
+
autoFocusOnShow: internalContext?.disableAutoFocus ? false : (element) => {
|
|
122
|
+
element?.focus({ preventScroll: true });
|
|
123
|
+
return false;
|
|
124
|
+
},
|
|
121
125
|
autoFocusOnHide: !internalContext?.disableAutoFocus,
|
|
122
126
|
children: [
|
|
123
127
|
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_SvgFloatingOverlay.SvgFloatingOverlay, {
|
|
@@ -30,12 +30,13 @@ const PopoverContent = forwardRef(function PopoverContent({ children, className,
|
|
|
30
30
|
const currentPlacement = useStoreState(store, "currentPlacement");
|
|
31
31
|
const placement = useStoreState(store, "placement");
|
|
32
32
|
const effectivePlacement = currentPlacement ?? placement ?? "top";
|
|
33
|
-
const { borderRadius, gap, spacingHorizontal, spacingVertical,
|
|
33
|
+
const { borderRadius, gap, spacingHorizontal, spacingVertical, dismissButtonSpacing, dismissIconSize } = usePopoverConfig();
|
|
34
34
|
const defaultBorderRadius = borderRadius["default"];
|
|
35
35
|
const defaultGap = gap["default"];
|
|
36
36
|
const defaultSpacingHorizontal = spacingHorizontal["default"];
|
|
37
37
|
const defaultSpacingVertical = spacingVertical["default"];
|
|
38
|
-
const
|
|
38
|
+
const defaultDismissButtonSpacing = spacingMap[dismissButtonSpacing["default"]];
|
|
39
|
+
const defaultDismissButtonSize = dismissIconSize["default"] + 2 * defaultDismissButtonSpacing;
|
|
39
40
|
const arrowRef = useRef(null);
|
|
40
41
|
const reducedMotion = internalContext ? internalContext.reducedMotion : false;
|
|
41
42
|
const animationDuration = reducedMotion || !internalContext ? 0 : internalContext.animationDuration;
|
|
@@ -90,7 +91,7 @@ const PopoverContent = forwardRef(function PopoverContent({ children, className,
|
|
|
90
91
|
alignItems: "center",
|
|
91
92
|
justifyContent: "center",
|
|
92
93
|
display: "flex",
|
|
93
|
-
className: cx(reducedMotion ? "duration-0" : "duration-120", "transition-[background-color]", "bg-carbon-15/0", "hover:bg-carbon-15/10", "active:bg-carbon-15/15")
|
|
94
|
+
className: cx(reducedMotion ? "duration-0" : "duration-120", "transition-[background-color]", "bg-carbon-15/0", "hover:bg-carbon-15/10", "active:bg-carbon-15/15", "uds-ring")
|
|
94
95
|
}),
|
|
95
96
|
closeIcon: getStyles({
|
|
96
97
|
popoverVariantCloseIcon: "default",
|
|
@@ -115,7 +116,10 @@ const PopoverContent = forwardRef(function PopoverContent({ children, className,
|
|
|
115
116
|
},
|
|
116
117
|
onClose: internalContext?.onClose,
|
|
117
118
|
sameWidth,
|
|
118
|
-
autoFocusOnShow:
|
|
119
|
+
autoFocusOnShow: internalContext?.disableAutoFocus ? false : (element) => {
|
|
120
|
+
element?.focus({ preventScroll: true });
|
|
121
|
+
return false;
|
|
122
|
+
},
|
|
119
123
|
autoFocusOnHide: !internalContext?.disableAutoFocus,
|
|
120
124
|
children: [
|
|
121
125
|
/* @__PURE__ */ jsx(SvgFloatingOverlay, {
|
|
@@ -31,11 +31,11 @@ declare const useToastConfig: (sizeProp?: ToastSize | undefined, variantProp?: T
|
|
|
31
31
|
autoClose: number | false;
|
|
32
32
|
position: ToastPosition;
|
|
33
33
|
backgroundColor: {
|
|
34
|
-
warning: "
|
|
35
|
-
info: "
|
|
36
|
-
error: "
|
|
37
|
-
loading: "
|
|
38
|
-
success: "
|
|
34
|
+
warning: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "gray-0" | "gray-1" | "gray-2" | "gray-3" | "gray-4" | "gray-5" | "gray-6" | "gray-7" | "gray-8" | "gray-9" | "gray-10" | "gray-11" | "gray-12" | "gray-13" | "gray-14" | "gray-15" | "purple-0" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "purple-11" | "purple-12" | "purple-13" | "purple-14" | "purple-15" | "indigo-0" | "indigo-1" | "indigo-2" | "indigo-3" | "indigo-4" | "indigo-5" | "indigo-6" | "indigo-7" | "indigo-8" | "indigo-9" | "indigo-10" | "indigo-11" | "indigo-12" | "indigo-13" | "indigo-14" | "indigo-15" | "blue-0" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "blue-11" | "blue-12" | "blue-13" | "blue-14" | "blue-15" | "cyan-0" | "cyan-1" | "cyan-2" | "cyan-3" | "cyan-4" | "cyan-5" | "cyan-6" | "cyan-7" | "cyan-8" | "cyan-9" | "cyan-10" | "cyan-11" | "cyan-12" | "cyan-13" | "cyan-14" | "cyan-15" | "teal-0" | "teal-1" | "teal-2" | "teal-3" | "teal-4" | "teal-5" | "teal-6" | "teal-7" | "teal-8" | "teal-9" | "teal-10" | "teal-11" | "teal-12" | "teal-13" | "teal-14" | "teal-15" | "mint-0" | "mint-1" | "mint-2" | "mint-3" | "mint-4" | "mint-5" | "mint-6" | "mint-7" | "mint-8" | "mint-9" | "mint-10" | "mint-11" | "mint-12" | "mint-13" | "mint-14" | "mint-15" | "green-0" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "green-11" | "green-12" | "green-13" | "green-14" | "green-15" | "lime-0" | "lime-1" | "lime-2" | "lime-3" | "lime-4" | "lime-5" | "lime-6" | "lime-7" | "lime-8" | "lime-9" | "lime-10" | "lime-11" | "lime-12" | "lime-13" | "lime-14" | "lime-15" | "citron-0" | "citron-1" | "citron-2" | "citron-3" | "citron-4" | "citron-5" | "citron-6" | "citron-7" | "citron-8" | "citron-9" | "citron-10" | "citron-11" | "citron-12" | "citron-13" | "citron-14" | "citron-15" | "yellow-0" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "yellow-11" | "yellow-12" | "yellow-13" | "yellow-14" | "yellow-15" | "brown-0" | "brown-1" | "brown-2" | "brown-3" | "brown-4" | "brown-5" | "brown-6" | "brown-7" | "brown-8" | "brown-9" | "brown-10" | "brown-11" | "brown-12" | "brown-13" | "brown-14" | "brown-15" | "nude-0" | "nude-1" | "nude-2" | "nude-3" | "nude-4" | "nude-5" | "nude-6" | "nude-7" | "nude-8" | "nude-9" | "nude-10" | "nude-11" | "nude-12" | "nude-13" | "nude-14" | "nude-15" | "orange-0" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "orange-11" | "orange-12" | "orange-13" | "orange-14" | "orange-15" | "sunset-0" | "sunset-1" | "sunset-2" | "sunset-3" | "sunset-4" | "sunset-5" | "sunset-6" | "sunset-7" | "sunset-8" | "sunset-9" | "sunset-10" | "sunset-11" | "sunset-12" | "sunset-13" | "sunset-14" | "sunset-15" | "red-0" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "red-11" | "red-12" | "red-13" | "red-14" | "red-15" | "rose-0" | "rose-1" | "rose-2" | "rose-3" | "rose-4" | "rose-5" | "rose-6" | "rose-7" | "rose-8" | "rose-9" | "rose-10" | "rose-11" | "rose-12" | "rose-13" | "rose-14" | "rose-15" | "pink-0" | "pink-1" | "pink-2" | "pink-3" | "pink-4" | "pink-5" | "pink-6" | "pink-7" | "pink-8" | "pink-9" | "pink-10" | "pink-11" | "pink-12" | "pink-13" | "pink-14" | "pink-15" | "magenta-0" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "magenta-11" | "magenta-12" | "magenta-13" | "magenta-14" | "magenta-15" | "carbon-0" | "carbon-1" | "carbon-2" | "carbon-3" | "carbon-4" | "carbon-5" | "carbon-6" | "carbon-7" | "carbon-8" | "carbon-9" | "carbon-10" | "carbon-11" | "carbon-12" | "carbon-13" | "carbon-14" | "carbon-15";
|
|
35
|
+
info: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "gray-0" | "gray-1" | "gray-2" | "gray-3" | "gray-4" | "gray-5" | "gray-6" | "gray-7" | "gray-8" | "gray-9" | "gray-10" | "gray-11" | "gray-12" | "gray-13" | "gray-14" | "gray-15" | "purple-0" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "purple-11" | "purple-12" | "purple-13" | "purple-14" | "purple-15" | "indigo-0" | "indigo-1" | "indigo-2" | "indigo-3" | "indigo-4" | "indigo-5" | "indigo-6" | "indigo-7" | "indigo-8" | "indigo-9" | "indigo-10" | "indigo-11" | "indigo-12" | "indigo-13" | "indigo-14" | "indigo-15" | "blue-0" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "blue-11" | "blue-12" | "blue-13" | "blue-14" | "blue-15" | "cyan-0" | "cyan-1" | "cyan-2" | "cyan-3" | "cyan-4" | "cyan-5" | "cyan-6" | "cyan-7" | "cyan-8" | "cyan-9" | "cyan-10" | "cyan-11" | "cyan-12" | "cyan-13" | "cyan-14" | "cyan-15" | "teal-0" | "teal-1" | "teal-2" | "teal-3" | "teal-4" | "teal-5" | "teal-6" | "teal-7" | "teal-8" | "teal-9" | "teal-10" | "teal-11" | "teal-12" | "teal-13" | "teal-14" | "teal-15" | "mint-0" | "mint-1" | "mint-2" | "mint-3" | "mint-4" | "mint-5" | "mint-6" | "mint-7" | "mint-8" | "mint-9" | "mint-10" | "mint-11" | "mint-12" | "mint-13" | "mint-14" | "mint-15" | "green-0" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "green-11" | "green-12" | "green-13" | "green-14" | "green-15" | "lime-0" | "lime-1" | "lime-2" | "lime-3" | "lime-4" | "lime-5" | "lime-6" | "lime-7" | "lime-8" | "lime-9" | "lime-10" | "lime-11" | "lime-12" | "lime-13" | "lime-14" | "lime-15" | "citron-0" | "citron-1" | "citron-2" | "citron-3" | "citron-4" | "citron-5" | "citron-6" | "citron-7" | "citron-8" | "citron-9" | "citron-10" | "citron-11" | "citron-12" | "citron-13" | "citron-14" | "citron-15" | "yellow-0" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "yellow-11" | "yellow-12" | "yellow-13" | "yellow-14" | "yellow-15" | "brown-0" | "brown-1" | "brown-2" | "brown-3" | "brown-4" | "brown-5" | "brown-6" | "brown-7" | "brown-8" | "brown-9" | "brown-10" | "brown-11" | "brown-12" | "brown-13" | "brown-14" | "brown-15" | "nude-0" | "nude-1" | "nude-2" | "nude-3" | "nude-4" | "nude-5" | "nude-6" | "nude-7" | "nude-8" | "nude-9" | "nude-10" | "nude-11" | "nude-12" | "nude-13" | "nude-14" | "nude-15" | "orange-0" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "orange-11" | "orange-12" | "orange-13" | "orange-14" | "orange-15" | "sunset-0" | "sunset-1" | "sunset-2" | "sunset-3" | "sunset-4" | "sunset-5" | "sunset-6" | "sunset-7" | "sunset-8" | "sunset-9" | "sunset-10" | "sunset-11" | "sunset-12" | "sunset-13" | "sunset-14" | "sunset-15" | "red-0" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "red-11" | "red-12" | "red-13" | "red-14" | "red-15" | "rose-0" | "rose-1" | "rose-2" | "rose-3" | "rose-4" | "rose-5" | "rose-6" | "rose-7" | "rose-8" | "rose-9" | "rose-10" | "rose-11" | "rose-12" | "rose-13" | "rose-14" | "rose-15" | "pink-0" | "pink-1" | "pink-2" | "pink-3" | "pink-4" | "pink-5" | "pink-6" | "pink-7" | "pink-8" | "pink-9" | "pink-10" | "pink-11" | "pink-12" | "pink-13" | "pink-14" | "pink-15" | "magenta-0" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "magenta-11" | "magenta-12" | "magenta-13" | "magenta-14" | "magenta-15" | "carbon-0" | "carbon-1" | "carbon-2" | "carbon-3" | "carbon-4" | "carbon-5" | "carbon-6" | "carbon-7" | "carbon-8" | "carbon-9" | "carbon-10" | "carbon-11" | "carbon-12" | "carbon-13" | "carbon-14" | "carbon-15";
|
|
36
|
+
error: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "gray-0" | "gray-1" | "gray-2" | "gray-3" | "gray-4" | "gray-5" | "gray-6" | "gray-7" | "gray-8" | "gray-9" | "gray-10" | "gray-11" | "gray-12" | "gray-13" | "gray-14" | "gray-15" | "purple-0" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "purple-11" | "purple-12" | "purple-13" | "purple-14" | "purple-15" | "indigo-0" | "indigo-1" | "indigo-2" | "indigo-3" | "indigo-4" | "indigo-5" | "indigo-6" | "indigo-7" | "indigo-8" | "indigo-9" | "indigo-10" | "indigo-11" | "indigo-12" | "indigo-13" | "indigo-14" | "indigo-15" | "blue-0" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "blue-11" | "blue-12" | "blue-13" | "blue-14" | "blue-15" | "cyan-0" | "cyan-1" | "cyan-2" | "cyan-3" | "cyan-4" | "cyan-5" | "cyan-6" | "cyan-7" | "cyan-8" | "cyan-9" | "cyan-10" | "cyan-11" | "cyan-12" | "cyan-13" | "cyan-14" | "cyan-15" | "teal-0" | "teal-1" | "teal-2" | "teal-3" | "teal-4" | "teal-5" | "teal-6" | "teal-7" | "teal-8" | "teal-9" | "teal-10" | "teal-11" | "teal-12" | "teal-13" | "teal-14" | "teal-15" | "mint-0" | "mint-1" | "mint-2" | "mint-3" | "mint-4" | "mint-5" | "mint-6" | "mint-7" | "mint-8" | "mint-9" | "mint-10" | "mint-11" | "mint-12" | "mint-13" | "mint-14" | "mint-15" | "green-0" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "green-11" | "green-12" | "green-13" | "green-14" | "green-15" | "lime-0" | "lime-1" | "lime-2" | "lime-3" | "lime-4" | "lime-5" | "lime-6" | "lime-7" | "lime-8" | "lime-9" | "lime-10" | "lime-11" | "lime-12" | "lime-13" | "lime-14" | "lime-15" | "citron-0" | "citron-1" | "citron-2" | "citron-3" | "citron-4" | "citron-5" | "citron-6" | "citron-7" | "citron-8" | "citron-9" | "citron-10" | "citron-11" | "citron-12" | "citron-13" | "citron-14" | "citron-15" | "yellow-0" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "yellow-11" | "yellow-12" | "yellow-13" | "yellow-14" | "yellow-15" | "brown-0" | "brown-1" | "brown-2" | "brown-3" | "brown-4" | "brown-5" | "brown-6" | "brown-7" | "brown-8" | "brown-9" | "brown-10" | "brown-11" | "brown-12" | "brown-13" | "brown-14" | "brown-15" | "nude-0" | "nude-1" | "nude-2" | "nude-3" | "nude-4" | "nude-5" | "nude-6" | "nude-7" | "nude-8" | "nude-9" | "nude-10" | "nude-11" | "nude-12" | "nude-13" | "nude-14" | "nude-15" | "orange-0" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "orange-11" | "orange-12" | "orange-13" | "orange-14" | "orange-15" | "sunset-0" | "sunset-1" | "sunset-2" | "sunset-3" | "sunset-4" | "sunset-5" | "sunset-6" | "sunset-7" | "sunset-8" | "sunset-9" | "sunset-10" | "sunset-11" | "sunset-12" | "sunset-13" | "sunset-14" | "sunset-15" | "red-0" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "red-11" | "red-12" | "red-13" | "red-14" | "red-15" | "rose-0" | "rose-1" | "rose-2" | "rose-3" | "rose-4" | "rose-5" | "rose-6" | "rose-7" | "rose-8" | "rose-9" | "rose-10" | "rose-11" | "rose-12" | "rose-13" | "rose-14" | "rose-15" | "pink-0" | "pink-1" | "pink-2" | "pink-3" | "pink-4" | "pink-5" | "pink-6" | "pink-7" | "pink-8" | "pink-9" | "pink-10" | "pink-11" | "pink-12" | "pink-13" | "pink-14" | "pink-15" | "magenta-0" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "magenta-11" | "magenta-12" | "magenta-13" | "magenta-14" | "magenta-15" | "carbon-0" | "carbon-1" | "carbon-2" | "carbon-3" | "carbon-4" | "carbon-5" | "carbon-6" | "carbon-7" | "carbon-8" | "carbon-9" | "carbon-10" | "carbon-11" | "carbon-12" | "carbon-13" | "carbon-14" | "carbon-15";
|
|
37
|
+
loading: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "gray-0" | "gray-1" | "gray-2" | "gray-3" | "gray-4" | "gray-5" | "gray-6" | "gray-7" | "gray-8" | "gray-9" | "gray-10" | "gray-11" | "gray-12" | "gray-13" | "gray-14" | "gray-15" | "purple-0" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "purple-11" | "purple-12" | "purple-13" | "purple-14" | "purple-15" | "indigo-0" | "indigo-1" | "indigo-2" | "indigo-3" | "indigo-4" | "indigo-5" | "indigo-6" | "indigo-7" | "indigo-8" | "indigo-9" | "indigo-10" | "indigo-11" | "indigo-12" | "indigo-13" | "indigo-14" | "indigo-15" | "blue-0" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "blue-11" | "blue-12" | "blue-13" | "blue-14" | "blue-15" | "cyan-0" | "cyan-1" | "cyan-2" | "cyan-3" | "cyan-4" | "cyan-5" | "cyan-6" | "cyan-7" | "cyan-8" | "cyan-9" | "cyan-10" | "cyan-11" | "cyan-12" | "cyan-13" | "cyan-14" | "cyan-15" | "teal-0" | "teal-1" | "teal-2" | "teal-3" | "teal-4" | "teal-5" | "teal-6" | "teal-7" | "teal-8" | "teal-9" | "teal-10" | "teal-11" | "teal-12" | "teal-13" | "teal-14" | "teal-15" | "mint-0" | "mint-1" | "mint-2" | "mint-3" | "mint-4" | "mint-5" | "mint-6" | "mint-7" | "mint-8" | "mint-9" | "mint-10" | "mint-11" | "mint-12" | "mint-13" | "mint-14" | "mint-15" | "green-0" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "green-11" | "green-12" | "green-13" | "green-14" | "green-15" | "lime-0" | "lime-1" | "lime-2" | "lime-3" | "lime-4" | "lime-5" | "lime-6" | "lime-7" | "lime-8" | "lime-9" | "lime-10" | "lime-11" | "lime-12" | "lime-13" | "lime-14" | "lime-15" | "citron-0" | "citron-1" | "citron-2" | "citron-3" | "citron-4" | "citron-5" | "citron-6" | "citron-7" | "citron-8" | "citron-9" | "citron-10" | "citron-11" | "citron-12" | "citron-13" | "citron-14" | "citron-15" | "yellow-0" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "yellow-11" | "yellow-12" | "yellow-13" | "yellow-14" | "yellow-15" | "brown-0" | "brown-1" | "brown-2" | "brown-3" | "brown-4" | "brown-5" | "brown-6" | "brown-7" | "brown-8" | "brown-9" | "brown-10" | "brown-11" | "brown-12" | "brown-13" | "brown-14" | "brown-15" | "nude-0" | "nude-1" | "nude-2" | "nude-3" | "nude-4" | "nude-5" | "nude-6" | "nude-7" | "nude-8" | "nude-9" | "nude-10" | "nude-11" | "nude-12" | "nude-13" | "nude-14" | "nude-15" | "orange-0" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "orange-11" | "orange-12" | "orange-13" | "orange-14" | "orange-15" | "sunset-0" | "sunset-1" | "sunset-2" | "sunset-3" | "sunset-4" | "sunset-5" | "sunset-6" | "sunset-7" | "sunset-8" | "sunset-9" | "sunset-10" | "sunset-11" | "sunset-12" | "sunset-13" | "sunset-14" | "sunset-15" | "red-0" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "red-11" | "red-12" | "red-13" | "red-14" | "red-15" | "rose-0" | "rose-1" | "rose-2" | "rose-3" | "rose-4" | "rose-5" | "rose-6" | "rose-7" | "rose-8" | "rose-9" | "rose-10" | "rose-11" | "rose-12" | "rose-13" | "rose-14" | "rose-15" | "pink-0" | "pink-1" | "pink-2" | "pink-3" | "pink-4" | "pink-5" | "pink-6" | "pink-7" | "pink-8" | "pink-9" | "pink-10" | "pink-11" | "pink-12" | "pink-13" | "pink-14" | "pink-15" | "magenta-0" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "magenta-11" | "magenta-12" | "magenta-13" | "magenta-14" | "magenta-15" | "carbon-0" | "carbon-1" | "carbon-2" | "carbon-3" | "carbon-4" | "carbon-5" | "carbon-6" | "carbon-7" | "carbon-8" | "carbon-9" | "carbon-10" | "carbon-11" | "carbon-12" | "carbon-13" | "carbon-14" | "carbon-15";
|
|
38
|
+
success: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "gray-0" | "gray-1" | "gray-2" | "gray-3" | "gray-4" | "gray-5" | "gray-6" | "gray-7" | "gray-8" | "gray-9" | "gray-10" | "gray-11" | "gray-12" | "gray-13" | "gray-14" | "gray-15" | "purple-0" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "purple-11" | "purple-12" | "purple-13" | "purple-14" | "purple-15" | "indigo-0" | "indigo-1" | "indigo-2" | "indigo-3" | "indigo-4" | "indigo-5" | "indigo-6" | "indigo-7" | "indigo-8" | "indigo-9" | "indigo-10" | "indigo-11" | "indigo-12" | "indigo-13" | "indigo-14" | "indigo-15" | "blue-0" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "blue-11" | "blue-12" | "blue-13" | "blue-14" | "blue-15" | "cyan-0" | "cyan-1" | "cyan-2" | "cyan-3" | "cyan-4" | "cyan-5" | "cyan-6" | "cyan-7" | "cyan-8" | "cyan-9" | "cyan-10" | "cyan-11" | "cyan-12" | "cyan-13" | "cyan-14" | "cyan-15" | "teal-0" | "teal-1" | "teal-2" | "teal-3" | "teal-4" | "teal-5" | "teal-6" | "teal-7" | "teal-8" | "teal-9" | "teal-10" | "teal-11" | "teal-12" | "teal-13" | "teal-14" | "teal-15" | "mint-0" | "mint-1" | "mint-2" | "mint-3" | "mint-4" | "mint-5" | "mint-6" | "mint-7" | "mint-8" | "mint-9" | "mint-10" | "mint-11" | "mint-12" | "mint-13" | "mint-14" | "mint-15" | "green-0" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "green-11" | "green-12" | "green-13" | "green-14" | "green-15" | "lime-0" | "lime-1" | "lime-2" | "lime-3" | "lime-4" | "lime-5" | "lime-6" | "lime-7" | "lime-8" | "lime-9" | "lime-10" | "lime-11" | "lime-12" | "lime-13" | "lime-14" | "lime-15" | "citron-0" | "citron-1" | "citron-2" | "citron-3" | "citron-4" | "citron-5" | "citron-6" | "citron-7" | "citron-8" | "citron-9" | "citron-10" | "citron-11" | "citron-12" | "citron-13" | "citron-14" | "citron-15" | "yellow-0" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "yellow-11" | "yellow-12" | "yellow-13" | "yellow-14" | "yellow-15" | "brown-0" | "brown-1" | "brown-2" | "brown-3" | "brown-4" | "brown-5" | "brown-6" | "brown-7" | "brown-8" | "brown-9" | "brown-10" | "brown-11" | "brown-12" | "brown-13" | "brown-14" | "brown-15" | "nude-0" | "nude-1" | "nude-2" | "nude-3" | "nude-4" | "nude-5" | "nude-6" | "nude-7" | "nude-8" | "nude-9" | "nude-10" | "nude-11" | "nude-12" | "nude-13" | "nude-14" | "nude-15" | "orange-0" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "orange-11" | "orange-12" | "orange-13" | "orange-14" | "orange-15" | "sunset-0" | "sunset-1" | "sunset-2" | "sunset-3" | "sunset-4" | "sunset-5" | "sunset-6" | "sunset-7" | "sunset-8" | "sunset-9" | "sunset-10" | "sunset-11" | "sunset-12" | "sunset-13" | "sunset-14" | "sunset-15" | "red-0" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "red-11" | "red-12" | "red-13" | "red-14" | "red-15" | "rose-0" | "rose-1" | "rose-2" | "rose-3" | "rose-4" | "rose-5" | "rose-6" | "rose-7" | "rose-8" | "rose-9" | "rose-10" | "rose-11" | "rose-12" | "rose-13" | "rose-14" | "rose-15" | "pink-0" | "pink-1" | "pink-2" | "pink-3" | "pink-4" | "pink-5" | "pink-6" | "pink-7" | "pink-8" | "pink-9" | "pink-10" | "pink-11" | "pink-12" | "pink-13" | "pink-14" | "pink-15" | "magenta-0" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "magenta-11" | "magenta-12" | "magenta-13" | "magenta-14" | "magenta-15" | "carbon-0" | "carbon-1" | "carbon-2" | "carbon-3" | "carbon-4" | "carbon-5" | "carbon-6" | "carbon-7" | "carbon-8" | "carbon-9" | "carbon-10" | "carbon-11" | "carbon-12" | "carbon-13" | "carbon-14" | "carbon-15";
|
|
39
39
|
};
|
|
40
40
|
};
|
|
41
41
|
//#endregion
|