@yahoo/uds 3.100.0-beta.1 → 3.100.0-beta.2
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 +67 -15
- package/dist/automated-config/dist/generated/generatedConfigs.d.cts +27 -0
- package/dist/automated-config/dist/generated/generatedConfigs.d.ts +27 -0
- package/dist/automated-config/dist/generated/generatedConfigs.js +67 -15
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +17 -5
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +17 -5
- package/dist/automated-config/dist/properties.cjs +6 -0
- package/dist/automated-config/dist/properties.d.cts +6 -0
- package/dist/automated-config/dist/properties.d.ts +6 -0
- package/dist/automated-config/dist/properties.js +6 -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/automated-config/dist/utils/index.d.cts +4 -0
- package/dist/automated-config/dist/utils/index.d.ts +4 -0
- package/dist/components/client/Tooltip/TooltipContent.cjs +6 -3
- package/dist/components/client/Tooltip/TooltipContent.js +6 -3
- package/dist/components/client/Tooltip/useTooltipContent.cjs +14 -1
- package/dist/components/client/Tooltip/useTooltipContent.d.cts +2 -0
- package/dist/components/client/Tooltip/useTooltipContent.d.ts +2 -0
- package/dist/components/client/Tooltip/useTooltipContent.js +14 -1
- package/dist/config/dist/index.cjs +17 -5
- package/dist/config/dist/index.d.cts +16 -0
- package/dist/config/dist/index.d.ts +16 -0
- package/dist/config/dist/index.js +17 -5
- package/dist/runtime/tooltipConfig.cjs +17 -3
- package/dist/runtime/tooltipConfig.d.cts +4 -3
- package/dist/runtime/tooltipConfig.d.ts +4 -3
- package/dist/runtime/tooltipConfig.js +17 -3
- package/dist/styles/styler.d.cts +27 -26
- package/dist/styles/styler.d.ts +27 -26
- package/dist/styles/variants.d.cts +3 -0
- package/dist/styles/variants.d.ts +3 -0
- package/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
- package/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
- package/dist/tailwind/utils/getTailwindAsUdsColors.d.cts +1 -1
- package/dist/tailwind/utils/getTailwindAsUdsColors.d.ts +1 -1
- package/dist/uds/generated/tailwindPurge.cjs +4 -3
- package/dist/uds/generated/tailwindPurge.js +4 -3
- package/package.json +1 -1
|
@@ -550,6 +550,7 @@ const autoVariants = {
|
|
|
550
550
|
tooltipSizeSvg: { default: "uds-tooltip-size-default-svg" },
|
|
551
551
|
tooltipSizeTitle: { default: "uds-tooltip-size-default-title" },
|
|
552
552
|
tooltipVariantBlur: { default: "uds-tooltip-variant-default-blur" },
|
|
553
|
+
tooltipVariantIcon: { default: "uds-tooltip-variant-default-icon" },
|
|
553
554
|
tooltipVariantRoot: { default: "uds-tooltip-variant-default-root" },
|
|
554
555
|
tooltipVariantSvg: { default: "uds-tooltip-variant-default-svg" }
|
|
555
556
|
};
|
|
@@ -127,6 +127,7 @@ interface StylePropsVariantsAuto<T> {
|
|
|
127
127
|
tooltipSizeSvg: Record<'default', T>;
|
|
128
128
|
tooltipSizeTitle: Record<'default', T>;
|
|
129
129
|
tooltipVariantBlur: Record<'default', T>;
|
|
130
|
+
tooltipVariantIcon: Record<'default', T>;
|
|
130
131
|
tooltipVariantRoot: Record<'default', T>;
|
|
131
132
|
tooltipVariantSvg: Record<'default', T>;
|
|
132
133
|
} //#endregion
|
|
@@ -127,6 +127,7 @@ interface StylePropsVariantsAuto<T> {
|
|
|
127
127
|
tooltipSizeSvg: Record<'default', T>;
|
|
128
128
|
tooltipSizeTitle: Record<'default', T>;
|
|
129
129
|
tooltipVariantBlur: Record<'default', T>;
|
|
130
|
+
tooltipVariantIcon: Record<'default', T>;
|
|
130
131
|
tooltipVariantRoot: Record<'default', T>;
|
|
131
132
|
tooltipVariantSvg: Record<'default', T>;
|
|
132
133
|
} //#endregion
|
|
@@ -549,6 +549,7 @@ const autoVariants = {
|
|
|
549
549
|
tooltipSizeSvg: { default: "uds-tooltip-size-default-svg" },
|
|
550
550
|
tooltipSizeTitle: { default: "uds-tooltip-size-default-title" },
|
|
551
551
|
tooltipVariantBlur: { default: "uds-tooltip-variant-default-blur" },
|
|
552
|
+
tooltipVariantIcon: { default: "uds-tooltip-variant-default-icon" },
|
|
552
553
|
tooltipVariantRoot: { default: "uds-tooltip-variant-default-root" },
|
|
553
554
|
tooltipVariantSvg: { default: "uds-tooltip-variant-default-svg" }
|
|
554
555
|
};
|
|
@@ -30603,21 +30603,35 @@ const TooltipConfig = {
|
|
|
30603
30603
|
},
|
|
30604
30604
|
svg: {
|
|
30605
30605
|
label: "svg",
|
|
30606
|
-
properties: {
|
|
30607
|
-
|
|
30608
|
-
|
|
30609
|
-
|
|
30610
|
-
|
|
30611
|
-
|
|
30612
|
-
|
|
30613
|
-
|
|
30614
|
-
|
|
30615
|
-
|
|
30616
|
-
|
|
30617
|
-
|
|
30618
|
-
|
|
30619
|
-
|
|
30620
|
-
|
|
30606
|
+
properties: {
|
|
30607
|
+
borderRadius: {
|
|
30608
|
+
defaults: { default: "md" },
|
|
30609
|
+
label: "border radius",
|
|
30610
|
+
name: "borderRadiusVar",
|
|
30611
|
+
typeOfFixture: ["borderRadii"],
|
|
30612
|
+
values: [[
|
|
30613
|
+
"none",
|
|
30614
|
+
"xs",
|
|
30615
|
+
"sm",
|
|
30616
|
+
"md",
|
|
30617
|
+
"lg",
|
|
30618
|
+
"xl",
|
|
30619
|
+
"full"
|
|
30620
|
+
]]
|
|
30621
|
+
},
|
|
30622
|
+
strokeWidth: {
|
|
30623
|
+
defaults: { default: "thin" },
|
|
30624
|
+
label: "border width",
|
|
30625
|
+
name: "strokeWidth",
|
|
30626
|
+
typeOfFixture: ["borderWidths"],
|
|
30627
|
+
values: [[
|
|
30628
|
+
"none",
|
|
30629
|
+
"thin",
|
|
30630
|
+
"medium",
|
|
30631
|
+
"thick"
|
|
30632
|
+
]]
|
|
30633
|
+
}
|
|
30634
|
+
}
|
|
30621
30635
|
},
|
|
30622
30636
|
title: {
|
|
30623
30637
|
label: "title",
|
|
@@ -30687,11 +30701,49 @@ const TooltipConfig = {
|
|
|
30687
30701
|
properties: { backdropBlur: {
|
|
30688
30702
|
defaults: { default: 0 },
|
|
30689
30703
|
label: "background blur radius",
|
|
30704
|
+
layerReference: {
|
|
30705
|
+
layerName: "svg",
|
|
30706
|
+
propertyName: "backgroundColor"
|
|
30707
|
+
},
|
|
30690
30708
|
name: "backdropBlur",
|
|
30691
30709
|
typeOfFixture: ["positiveIntegers"],
|
|
30692
30710
|
values: []
|
|
30693
30711
|
} }
|
|
30694
30712
|
},
|
|
30713
|
+
icon: {
|
|
30714
|
+
label: "icon",
|
|
30715
|
+
properties: { color: {
|
|
30716
|
+
defaults: { default: "primary" },
|
|
30717
|
+
label: "icon color",
|
|
30718
|
+
name: "color",
|
|
30719
|
+
typeOfFixture: ["foregroundPaletteColors", "alwaysPaletteAliases"],
|
|
30720
|
+
values: [[
|
|
30721
|
+
"primary",
|
|
30722
|
+
"secondary",
|
|
30723
|
+
"accent",
|
|
30724
|
+
"brand",
|
|
30725
|
+
"alert",
|
|
30726
|
+
"positive",
|
|
30727
|
+
"warning",
|
|
30728
|
+
"info",
|
|
30729
|
+
"brand-secondary",
|
|
30730
|
+
"alert-secondary",
|
|
30731
|
+
"positive-secondary",
|
|
30732
|
+
"warning-secondary",
|
|
30733
|
+
"info-secondary",
|
|
30734
|
+
"tertiary",
|
|
30735
|
+
"muted",
|
|
30736
|
+
"on-color"
|
|
30737
|
+
], [
|
|
30738
|
+
"always/white",
|
|
30739
|
+
"always/black",
|
|
30740
|
+
"always/transparent",
|
|
30741
|
+
"always/current",
|
|
30742
|
+
"always/brand",
|
|
30743
|
+
"always/accent"
|
|
30744
|
+
]]
|
|
30745
|
+
} }
|
|
30746
|
+
},
|
|
30695
30747
|
root: {
|
|
30696
30748
|
label: "root",
|
|
30697
30749
|
properties: { color: {
|
|
@@ -3343,6 +3343,15 @@ declare const TooltipConfig: {
|
|
|
3343
3343
|
readonly typeOfFixture: readonly ["borderRadii"];
|
|
3344
3344
|
readonly values: readonly [readonly ["none", "xs", "sm", "md", "lg", "xl", "full"]];
|
|
3345
3345
|
};
|
|
3346
|
+
readonly strokeWidth: {
|
|
3347
|
+
readonly defaults: {
|
|
3348
|
+
readonly default: "thin";
|
|
3349
|
+
};
|
|
3350
|
+
readonly label: "border width";
|
|
3351
|
+
readonly name: "strokeWidth";
|
|
3352
|
+
readonly typeOfFixture: readonly ["borderWidths"];
|
|
3353
|
+
readonly values: readonly [readonly ["none", "thin", "medium", "thick"]];
|
|
3354
|
+
};
|
|
3346
3355
|
};
|
|
3347
3356
|
};
|
|
3348
3357
|
readonly title: {
|
|
@@ -3375,12 +3384,30 @@ declare const TooltipConfig: {
|
|
|
3375
3384
|
readonly default: 0;
|
|
3376
3385
|
};
|
|
3377
3386
|
readonly label: "background blur radius";
|
|
3387
|
+
readonly layerReference: {
|
|
3388
|
+
readonly layerName: "svg";
|
|
3389
|
+
readonly propertyName: "backgroundColor";
|
|
3390
|
+
};
|
|
3378
3391
|
readonly name: "backdropBlur";
|
|
3379
3392
|
readonly typeOfFixture: readonly ["positiveIntegers"];
|
|
3380
3393
|
readonly values: readonly [];
|
|
3381
3394
|
};
|
|
3382
3395
|
};
|
|
3383
3396
|
};
|
|
3397
|
+
readonly icon: {
|
|
3398
|
+
readonly label: "icon";
|
|
3399
|
+
readonly properties: {
|
|
3400
|
+
readonly color: {
|
|
3401
|
+
readonly defaults: {
|
|
3402
|
+
readonly default: "primary";
|
|
3403
|
+
};
|
|
3404
|
+
readonly label: "icon color";
|
|
3405
|
+
readonly name: "color";
|
|
3406
|
+
readonly typeOfFixture: readonly ["foregroundPaletteColors", "alwaysPaletteAliases"];
|
|
3407
|
+
readonly values: readonly [readonly ["primary", "secondary", "accent", "brand", "alert", "positive", "warning", "info", "brand-secondary", "alert-secondary", "positive-secondary", "warning-secondary", "info-secondary", "tertiary", "muted", "on-color"], readonly ["always/white", "always/black", "always/transparent", "always/current", "always/brand", "always/accent"]];
|
|
3408
|
+
};
|
|
3409
|
+
};
|
|
3410
|
+
};
|
|
3384
3411
|
readonly root: {
|
|
3385
3412
|
readonly label: "root";
|
|
3386
3413
|
readonly properties: {
|
|
@@ -3343,6 +3343,15 @@ declare const TooltipConfig: {
|
|
|
3343
3343
|
readonly typeOfFixture: readonly ["borderRadii"];
|
|
3344
3344
|
readonly values: readonly [readonly ["none", "xs", "sm", "md", "lg", "xl", "full"]];
|
|
3345
3345
|
};
|
|
3346
|
+
readonly strokeWidth: {
|
|
3347
|
+
readonly defaults: {
|
|
3348
|
+
readonly default: "thin";
|
|
3349
|
+
};
|
|
3350
|
+
readonly label: "border width";
|
|
3351
|
+
readonly name: "strokeWidth";
|
|
3352
|
+
readonly typeOfFixture: readonly ["borderWidths"];
|
|
3353
|
+
readonly values: readonly [readonly ["none", "thin", "medium", "thick"]];
|
|
3354
|
+
};
|
|
3346
3355
|
};
|
|
3347
3356
|
};
|
|
3348
3357
|
readonly title: {
|
|
@@ -3375,12 +3384,30 @@ declare const TooltipConfig: {
|
|
|
3375
3384
|
readonly default: 0;
|
|
3376
3385
|
};
|
|
3377
3386
|
readonly label: "background blur radius";
|
|
3387
|
+
readonly layerReference: {
|
|
3388
|
+
readonly layerName: "svg";
|
|
3389
|
+
readonly propertyName: "backgroundColor";
|
|
3390
|
+
};
|
|
3378
3391
|
readonly name: "backdropBlur";
|
|
3379
3392
|
readonly typeOfFixture: readonly ["positiveIntegers"];
|
|
3380
3393
|
readonly values: readonly [];
|
|
3381
3394
|
};
|
|
3382
3395
|
};
|
|
3383
3396
|
};
|
|
3397
|
+
readonly icon: {
|
|
3398
|
+
readonly label: "icon";
|
|
3399
|
+
readonly properties: {
|
|
3400
|
+
readonly color: {
|
|
3401
|
+
readonly defaults: {
|
|
3402
|
+
readonly default: "primary";
|
|
3403
|
+
};
|
|
3404
|
+
readonly label: "icon color";
|
|
3405
|
+
readonly name: "color";
|
|
3406
|
+
readonly typeOfFixture: readonly ["foregroundPaletteColors", "alwaysPaletteAliases"];
|
|
3407
|
+
readonly values: readonly [readonly ["primary", "secondary", "accent", "brand", "alert", "positive", "warning", "info", "brand-secondary", "alert-secondary", "positive-secondary", "warning-secondary", "info-secondary", "tertiary", "muted", "on-color"], readonly ["always/white", "always/black", "always/transparent", "always/current", "always/brand", "always/accent"]];
|
|
3408
|
+
};
|
|
3409
|
+
};
|
|
3410
|
+
};
|
|
3384
3411
|
readonly root: {
|
|
3385
3412
|
readonly label: "root";
|
|
3386
3413
|
readonly properties: {
|
|
@@ -30602,21 +30602,35 @@ const TooltipConfig = {
|
|
|
30602
30602
|
},
|
|
30603
30603
|
svg: {
|
|
30604
30604
|
label: "svg",
|
|
30605
|
-
properties: {
|
|
30606
|
-
|
|
30607
|
-
|
|
30608
|
-
|
|
30609
|
-
|
|
30610
|
-
|
|
30611
|
-
|
|
30612
|
-
|
|
30613
|
-
|
|
30614
|
-
|
|
30615
|
-
|
|
30616
|
-
|
|
30617
|
-
|
|
30618
|
-
|
|
30619
|
-
|
|
30605
|
+
properties: {
|
|
30606
|
+
borderRadius: {
|
|
30607
|
+
defaults: { default: "md" },
|
|
30608
|
+
label: "border radius",
|
|
30609
|
+
name: "borderRadiusVar",
|
|
30610
|
+
typeOfFixture: ["borderRadii"],
|
|
30611
|
+
values: [[
|
|
30612
|
+
"none",
|
|
30613
|
+
"xs",
|
|
30614
|
+
"sm",
|
|
30615
|
+
"md",
|
|
30616
|
+
"lg",
|
|
30617
|
+
"xl",
|
|
30618
|
+
"full"
|
|
30619
|
+
]]
|
|
30620
|
+
},
|
|
30621
|
+
strokeWidth: {
|
|
30622
|
+
defaults: { default: "thin" },
|
|
30623
|
+
label: "border width",
|
|
30624
|
+
name: "strokeWidth",
|
|
30625
|
+
typeOfFixture: ["borderWidths"],
|
|
30626
|
+
values: [[
|
|
30627
|
+
"none",
|
|
30628
|
+
"thin",
|
|
30629
|
+
"medium",
|
|
30630
|
+
"thick"
|
|
30631
|
+
]]
|
|
30632
|
+
}
|
|
30633
|
+
}
|
|
30620
30634
|
},
|
|
30621
30635
|
title: {
|
|
30622
30636
|
label: "title",
|
|
@@ -30686,11 +30700,49 @@ const TooltipConfig = {
|
|
|
30686
30700
|
properties: { backdropBlur: {
|
|
30687
30701
|
defaults: { default: 0 },
|
|
30688
30702
|
label: "background blur radius",
|
|
30703
|
+
layerReference: {
|
|
30704
|
+
layerName: "svg",
|
|
30705
|
+
propertyName: "backgroundColor"
|
|
30706
|
+
},
|
|
30689
30707
|
name: "backdropBlur",
|
|
30690
30708
|
typeOfFixture: ["positiveIntegers"],
|
|
30691
30709
|
values: []
|
|
30692
30710
|
} }
|
|
30693
30711
|
},
|
|
30712
|
+
icon: {
|
|
30713
|
+
label: "icon",
|
|
30714
|
+
properties: { color: {
|
|
30715
|
+
defaults: { default: "primary" },
|
|
30716
|
+
label: "icon color",
|
|
30717
|
+
name: "color",
|
|
30718
|
+
typeOfFixture: ["foregroundPaletteColors", "alwaysPaletteAliases"],
|
|
30719
|
+
values: [[
|
|
30720
|
+
"primary",
|
|
30721
|
+
"secondary",
|
|
30722
|
+
"accent",
|
|
30723
|
+
"brand",
|
|
30724
|
+
"alert",
|
|
30725
|
+
"positive",
|
|
30726
|
+
"warning",
|
|
30727
|
+
"info",
|
|
30728
|
+
"brand-secondary",
|
|
30729
|
+
"alert-secondary",
|
|
30730
|
+
"positive-secondary",
|
|
30731
|
+
"warning-secondary",
|
|
30732
|
+
"info-secondary",
|
|
30733
|
+
"tertiary",
|
|
30734
|
+
"muted",
|
|
30735
|
+
"on-color"
|
|
30736
|
+
], [
|
|
30737
|
+
"always/white",
|
|
30738
|
+
"always/black",
|
|
30739
|
+
"always/transparent",
|
|
30740
|
+
"always/current",
|
|
30741
|
+
"always/brand",
|
|
30742
|
+
"always/accent"
|
|
30743
|
+
]]
|
|
30744
|
+
} }
|
|
30745
|
+
},
|
|
30694
30746
|
root: {
|
|
30695
30747
|
label: "root",
|
|
30696
30748
|
properties: { color: {
|
|
@@ -11960,11 +11960,18 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
11960
11960
|
valueType: "alias"
|
|
11961
11961
|
} }
|
|
11962
11962
|
},
|
|
11963
|
-
"size/default/svg": {
|
|
11964
|
-
|
|
11965
|
-
|
|
11966
|
-
|
|
11967
|
-
|
|
11963
|
+
"size/default/svg": {
|
|
11964
|
+
borderRadius: { rest: {
|
|
11965
|
+
type: "borderRadii",
|
|
11966
|
+
value: "md",
|
|
11967
|
+
valueType: "alias"
|
|
11968
|
+
} },
|
|
11969
|
+
strokeWidth: { rest: {
|
|
11970
|
+
type: "borderWidths",
|
|
11971
|
+
value: "thin",
|
|
11972
|
+
valueType: "alias"
|
|
11973
|
+
} }
|
|
11974
|
+
},
|
|
11968
11975
|
"size/default/title": { textVariant: { rest: {
|
|
11969
11976
|
type: "textVariants",
|
|
11970
11977
|
value: "ui1/emphasized",
|
|
@@ -11975,6 +11982,11 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
11975
11982
|
value: 0,
|
|
11976
11983
|
valueType: "alias"
|
|
11977
11984
|
} } },
|
|
11985
|
+
"variant/default/icon": { color: { rest: {
|
|
11986
|
+
type: "foregroundPaletteColors",
|
|
11987
|
+
value: "primary",
|
|
11988
|
+
valueType: "alias"
|
|
11989
|
+
} } },
|
|
11978
11990
|
"variant/default/root": { color: { rest: {
|
|
11979
11991
|
type: "foregroundPaletteColors",
|
|
11980
11992
|
value: "primary",
|
|
@@ -11959,11 +11959,18 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
11959
11959
|
valueType: "alias"
|
|
11960
11960
|
} }
|
|
11961
11961
|
},
|
|
11962
|
-
"size/default/svg": {
|
|
11963
|
-
|
|
11964
|
-
|
|
11965
|
-
|
|
11966
|
-
|
|
11962
|
+
"size/default/svg": {
|
|
11963
|
+
borderRadius: { rest: {
|
|
11964
|
+
type: "borderRadii",
|
|
11965
|
+
value: "md",
|
|
11966
|
+
valueType: "alias"
|
|
11967
|
+
} },
|
|
11968
|
+
strokeWidth: { rest: {
|
|
11969
|
+
type: "borderWidths",
|
|
11970
|
+
value: "thin",
|
|
11971
|
+
valueType: "alias"
|
|
11972
|
+
} }
|
|
11973
|
+
},
|
|
11967
11974
|
"size/default/title": { textVariant: { rest: {
|
|
11968
11975
|
type: "textVariants",
|
|
11969
11976
|
value: "ui1/emphasized",
|
|
@@ -11974,6 +11981,11 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
11974
11981
|
value: 0,
|
|
11975
11982
|
valueType: "alias"
|
|
11976
11983
|
} } },
|
|
11984
|
+
"variant/default/icon": { color: { rest: {
|
|
11985
|
+
type: "foregroundPaletteColors",
|
|
11986
|
+
value: "primary",
|
|
11987
|
+
valueType: "alias"
|
|
11988
|
+
} } },
|
|
11977
11989
|
"variant/default/root": { color: { rest: {
|
|
11978
11990
|
type: "foregroundPaletteColors",
|
|
11979
11991
|
value: "primary",
|
|
@@ -148,6 +148,11 @@ const borderWidth = {
|
|
|
148
148
|
return false;
|
|
149
149
|
}
|
|
150
150
|
};
|
|
151
|
+
const strokeWidth = {
|
|
152
|
+
...borderWidth,
|
|
153
|
+
name: "strokeWidth",
|
|
154
|
+
cssProperties: "stroke-width"
|
|
155
|
+
};
|
|
151
156
|
const borderColor = {
|
|
152
157
|
name: "borderColor",
|
|
153
158
|
cssProperties: "border-color",
|
|
@@ -298,6 +303,7 @@ const insetShadow = {
|
|
|
298
303
|
const publicProperties = {
|
|
299
304
|
backgroundColor,
|
|
300
305
|
borderWidth,
|
|
306
|
+
strokeWidth,
|
|
301
307
|
borderRadius,
|
|
302
308
|
borderRadiusVar,
|
|
303
309
|
borderColor,
|
|
@@ -25,6 +25,7 @@ interface ConfigurableProperty<T extends AllPossibleProperties, CVR = unknown> {
|
|
|
25
25
|
declare const publicProperties: {
|
|
26
26
|
readonly backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
|
|
27
27
|
readonly borderWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
|
|
28
|
+
readonly strokeWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
|
|
28
29
|
readonly borderRadius: ConfigurableProperty<"borderRadii", unknown>;
|
|
29
30
|
readonly borderRadiusVar: ConfigurableProperty<"borderRadii", unknown>;
|
|
30
31
|
readonly borderColor: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors", unknown>;
|
|
@@ -66,6 +67,7 @@ declare const configurableProperties: {
|
|
|
66
67
|
solidOutline: ConfigurableProperty<never, unknown>;
|
|
67
68
|
backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
|
|
68
69
|
borderWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
|
|
70
|
+
strokeWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
|
|
69
71
|
borderRadius: ConfigurableProperty<"borderRadii", unknown>;
|
|
70
72
|
borderRadiusVar: ConfigurableProperty<"borderRadii", unknown>;
|
|
71
73
|
borderColor: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors", unknown>;
|
|
@@ -110,6 +112,10 @@ interface SelectedConfigurableProperty<C extends ConfigurablePropertiesName, O e
|
|
|
110
112
|
skipRestState?: boolean;
|
|
111
113
|
pseudoStates?: PossibleStates[];
|
|
112
114
|
supportsCustom?: boolean;
|
|
115
|
+
layerReference?: {
|
|
116
|
+
layerName: string;
|
|
117
|
+
propertyName: string;
|
|
118
|
+
};
|
|
113
119
|
defaults: { [K in O]: V[number][number] | (Extract<T[number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<T[number], ArbitraryFixtures>>) };
|
|
114
120
|
} //#endregion
|
|
115
121
|
//#endregion
|
|
@@ -25,6 +25,7 @@ interface ConfigurableProperty<T extends AllPossibleProperties, CVR = unknown> {
|
|
|
25
25
|
declare const publicProperties: {
|
|
26
26
|
readonly backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
|
|
27
27
|
readonly borderWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
|
|
28
|
+
readonly strokeWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
|
|
28
29
|
readonly borderRadius: ConfigurableProperty<"borderRadii", unknown>;
|
|
29
30
|
readonly borderRadiusVar: ConfigurableProperty<"borderRadii", unknown>;
|
|
30
31
|
readonly borderColor: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors", unknown>;
|
|
@@ -66,6 +67,7 @@ declare const configurableProperties: {
|
|
|
66
67
|
solidOutline: ConfigurableProperty<never, unknown>;
|
|
67
68
|
backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
|
|
68
69
|
borderWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
|
|
70
|
+
strokeWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
|
|
69
71
|
borderRadius: ConfigurableProperty<"borderRadii", unknown>;
|
|
70
72
|
borderRadiusVar: ConfigurableProperty<"borderRadii", unknown>;
|
|
71
73
|
borderColor: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors", unknown>;
|
|
@@ -110,6 +112,10 @@ interface SelectedConfigurableProperty<C extends ConfigurablePropertiesName, O e
|
|
|
110
112
|
skipRestState?: boolean;
|
|
111
113
|
pseudoStates?: PossibleStates[];
|
|
112
114
|
supportsCustom?: boolean;
|
|
115
|
+
layerReference?: {
|
|
116
|
+
layerName: string;
|
|
117
|
+
propertyName: string;
|
|
118
|
+
};
|
|
113
119
|
defaults: { [K in O]: V[number][number] | (Extract<T[number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<T[number], ArbitraryFixtures>>) };
|
|
114
120
|
} //#endregion
|
|
115
121
|
//#endregion
|
|
@@ -148,6 +148,11 @@ const borderWidth = {
|
|
|
148
148
|
return false;
|
|
149
149
|
}
|
|
150
150
|
};
|
|
151
|
+
const strokeWidth = {
|
|
152
|
+
...borderWidth,
|
|
153
|
+
name: "strokeWidth",
|
|
154
|
+
cssProperties: "stroke-width"
|
|
155
|
+
};
|
|
151
156
|
const borderColor = {
|
|
152
157
|
name: "borderColor",
|
|
153
158
|
cssProperties: "border-color",
|
|
@@ -298,6 +303,7 @@ const insetShadow = {
|
|
|
298
303
|
const publicProperties = {
|
|
299
304
|
backgroundColor,
|
|
300
305
|
borderWidth,
|
|
306
|
+
strokeWidth,
|
|
301
307
|
borderRadius,
|
|
302
308
|
borderRadiusVar,
|
|
303
309
|
borderColor,
|
|
@@ -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<"backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback", 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 (readonly unknown[])[]>>>;
|
|
15
|
+
root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback", 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 (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<"backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback", 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 (readonly unknown[])[]>>>;
|
|
15
|
+
root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback", 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 (readonly unknown[])[]>>>;
|
|
16
16
|
} | null; //#endregion
|
|
17
17
|
//#endregion
|
|
18
18
|
export { getConfigVariantProperties };
|
|
@@ -93,6 +93,10 @@ declare function createConfigurableProperty<C extends ConfigurablePropertiesName
|
|
|
93
93
|
skipRestState?: boolean;
|
|
94
94
|
pseudoStates?: PossibleStates[];
|
|
95
95
|
supportsCustom?: boolean;
|
|
96
|
+
layerReference?: {
|
|
97
|
+
layerName: string;
|
|
98
|
+
propertyName: string;
|
|
99
|
+
};
|
|
96
100
|
}): SelectedConfigurableProperty<C, O, T, V>;
|
|
97
101
|
declare function createVariantConfig(config: {
|
|
98
102
|
label: string;
|
|
@@ -93,6 +93,10 @@ declare function createConfigurableProperty<C extends ConfigurablePropertiesName
|
|
|
93
93
|
skipRestState?: boolean;
|
|
94
94
|
pseudoStates?: PossibleStates[];
|
|
95
95
|
supportsCustom?: boolean;
|
|
96
|
+
layerReference?: {
|
|
97
|
+
layerName: string;
|
|
98
|
+
propertyName: string;
|
|
99
|
+
};
|
|
96
100
|
}): SelectedConfigurableProperty<C, O, T, V>;
|
|
97
101
|
declare function createVariantConfig(config: {
|
|
98
102
|
label: string;
|
|
@@ -24,16 +24,16 @@ const TooltipContent = (0, react.forwardRef)(function TooltipContent({ children,
|
|
|
24
24
|
const placement = (0, _ariakit_react.useStoreState)(store, "placement");
|
|
25
25
|
const effectivePlacement = currentPlacement ?? placement ?? "top";
|
|
26
26
|
const { backdropBlur, borderRadius } = require_components_client_Tooltip_UDSTooltipConfigProvider.useTooltipConfig();
|
|
27
|
-
const defaultBackdropBlur = backdropBlur["default"];
|
|
28
27
|
const defaultBorderRadius = borderRadius["default"];
|
|
29
28
|
const arrowRef = (0, react.useRef)(null);
|
|
30
|
-
const { internalRef, shadowFilterId, maxWidthClass, dimensions, shadows, shadowPadding, svgPath, blurStyle, childTransitionStyle, tooltipShift, onPositionUpdate } = require_components_client_Tooltip_useTooltipContent.useTooltipContent({
|
|
29
|
+
const { internalRef, shadowFilterId, maxWidthClass, dimensions, shadows, shadowPadding, svgPath, blurStyle, childTransitionStyle, colorScheme, tooltipShift, onPositionUpdate } = require_components_client_Tooltip_useTooltipContent.useTooltipContent({
|
|
31
30
|
open: open ?? false,
|
|
32
31
|
effectivePlacement,
|
|
33
32
|
maxWidth,
|
|
34
33
|
borderRadius: defaultBorderRadius,
|
|
35
34
|
arrowRef
|
|
36
35
|
});
|
|
36
|
+
const defaultBackdropBlur = backdropBlur["default"][colorScheme];
|
|
37
37
|
const mergedRef = require_hooks_useForkRef.useForkRef(ref, internalRef);
|
|
38
38
|
const classNames = {
|
|
39
39
|
root: require_styles_styler.getStyles({
|
|
@@ -55,7 +55,10 @@ const TooltipContent = (0, react.forwardRef)(function TooltipContent({ children,
|
|
|
55
55
|
}),
|
|
56
56
|
title: require_styles_styler.getStyles({ tooltipSizeTitle: "default" }),
|
|
57
57
|
body: require_styles_styler.getStyles({ tooltipSizeBody: "default" }),
|
|
58
|
-
icon: require_styles_styler.getStyles({
|
|
58
|
+
icon: require_styles_styler.getStyles({
|
|
59
|
+
tooltipSizeIcon: "default",
|
|
60
|
+
tooltipVariantIcon: "default"
|
|
61
|
+
})
|
|
59
62
|
};
|
|
60
63
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ariakit_react.Tooltip, {
|
|
61
64
|
ref: mergedRef,
|
|
@@ -22,16 +22,16 @@ const TooltipContent = forwardRef(function TooltipContent({ children, maxWidth,
|
|
|
22
22
|
const placement = useStoreState(store, "placement");
|
|
23
23
|
const effectivePlacement = currentPlacement ?? placement ?? "top";
|
|
24
24
|
const { backdropBlur, borderRadius } = useTooltipConfig();
|
|
25
|
-
const defaultBackdropBlur = backdropBlur["default"];
|
|
26
25
|
const defaultBorderRadius = borderRadius["default"];
|
|
27
26
|
const arrowRef = useRef(null);
|
|
28
|
-
const { internalRef, shadowFilterId, maxWidthClass, dimensions, shadows, shadowPadding, svgPath, blurStyle, childTransitionStyle, tooltipShift, onPositionUpdate } = useTooltipContent({
|
|
27
|
+
const { internalRef, shadowFilterId, maxWidthClass, dimensions, shadows, shadowPadding, svgPath, blurStyle, childTransitionStyle, colorScheme, tooltipShift, onPositionUpdate } = useTooltipContent({
|
|
29
28
|
open: open ?? false,
|
|
30
29
|
effectivePlacement,
|
|
31
30
|
maxWidth,
|
|
32
31
|
borderRadius: defaultBorderRadius,
|
|
33
32
|
arrowRef
|
|
34
33
|
});
|
|
34
|
+
const defaultBackdropBlur = backdropBlur["default"][colorScheme];
|
|
35
35
|
const mergedRef = useForkRef(ref, internalRef);
|
|
36
36
|
const classNames = {
|
|
37
37
|
root: getStyles({
|
|
@@ -53,7 +53,10 @@ const TooltipContent = forwardRef(function TooltipContent({ children, maxWidth,
|
|
|
53
53
|
}),
|
|
54
54
|
title: getStyles({ tooltipSizeTitle: "default" }),
|
|
55
55
|
body: getStyles({ tooltipSizeBody: "default" }),
|
|
56
|
-
icon: getStyles({
|
|
56
|
+
icon: getStyles({
|
|
57
|
+
tooltipSizeIcon: "default",
|
|
58
|
+
tooltipVariantIcon: "default"
|
|
59
|
+
})
|
|
57
60
|
};
|
|
58
61
|
return /* @__PURE__ */ jsxs(Tooltip, {
|
|
59
62
|
ref: mergedRef,
|