@dynatrace/strato-components 0.84.42 → 0.84.51
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/content/index.d.ts +7 -0
- package/content/index.js +25 -0
- package/content/progress/ProgressBar.css +52 -0
- package/content/progress/ProgressBar.d.ts +56 -0
- package/content/progress/ProgressBar.js +191 -0
- package/content/progress/ProgressBar.sty.d.ts +42 -0
- package/content/progress/ProgressBar.sty.js +28 -0
- package/content/progress/ProgressBarIcon.css +5 -0
- package/content/progress/ProgressBarIcon.d.ts +15 -0
- package/content/progress/ProgressBarIcon.js +68 -0
- package/content/progress/ProgressBarIcon.sty.d.ts +1 -0
- package/content/progress/ProgressBarIcon.sty.js +25 -0
- package/content/progress/ProgressBarLabel.css +9 -0
- package/content/progress/ProgressBarLabel.d.ts +15 -0
- package/content/progress/ProgressBarLabel.js +75 -0
- package/content/progress/ProgressBarLabel.sty.d.ts +13 -0
- package/content/progress/ProgressBarLabel.sty.js +26 -0
- package/content/progress/ProgressBarValue.css +28 -0
- package/content/progress/ProgressBarValue.d.ts +15 -0
- package/content/progress/ProgressBarValue.js +72 -0
- package/content/progress/ProgressBarValue.sty.d.ts +34 -0
- package/content/progress/ProgressBarValue.sty.js +26 -0
- package/content/progress/ProgressCircle.css +52 -0
- package/content/progress/ProgressCircle.d.ts +51 -0
- package/content/progress/ProgressCircle.js +174 -0
- package/content/progress/ProgressCircle.sty.d.ts +41 -0
- package/content/progress/ProgressCircle.sty.js +37 -0
- package/content/progress/contexts/SharedProgressBarPropsContext.d.ts +9 -0
- package/content/progress/contexts/SharedProgressBarPropsContext.js +38 -0
- package/content/progress/hooks/useProgressAriaProps.d.ts +38 -0
- package/content/progress/hooks/useProgressAriaProps.js +63 -0
- package/content/progress/hooks/useProgressBarPropsContext.d.ts +2 -0
- package/content/progress/hooks/useProgressBarPropsContext.js +32 -0
- package/content/progress/utils.d.ts +2 -0
- package/content/progress/utils.js +50 -0
- package/core/components/app-root/AppRoot.d.ts +2 -2
- package/core/hooks/useAriaLabelingProps.d.ts +6 -0
- package/core/hooks/useAriaLabelingProps.js +30 -0
- package/core/hooks/useCurrentTheme.d.ts +1 -1
- package/core/hooks/useId.d.ts +12 -0
- package/core/hooks/useId.js +32 -0
- package/core/hooks/useSafeForwardProps.d.ts +10 -0
- package/core/hooks/useSafeForwardProps.js +34 -0
- package/core/index.d.ts +11 -3
- package/core/index.js +12 -0
- package/core/types/a11y-props.d.ts +8 -1
- package/core/types/data-props.d.ts +1 -1
- package/core/types/dom.d.ts +2 -13
- package/core/types/masking-props.d.ts +2 -1
- package/core/types/polymorph.d.ts +10 -7
- package/core/types/role-variant.d.ts +10 -0
- package/core/types/{focusable-element.js → role-variant.js} +17 -2
- package/core/types/styling-props.d.ts +1 -1
- package/core/types/with-children.d.ts +1 -1
- package/core/utils/_is-string-children.d.ts +6 -0
- package/core/utils/_is-string-children.js +44 -0
- package/core/utils/isBrowser.d.ts +1 -1
- package/core/utils/merge-props.d.ts +4 -5
- package/core/utils/seed-random.d.ts +5 -0
- package/core/utils/seed-random.js +34 -0
- package/core/utils/uuidv4.d.ts +5 -0
- package/core/utils/uuidv4.js +31 -0
- package/esm/content/index.js +7 -0
- package/esm/content/index.js.map +7 -0
- package/esm/content/progress/ProgressBar.css +52 -0
- package/esm/content/progress/ProgressBar.js +163 -0
- package/esm/content/progress/ProgressBar.js.map +7 -0
- package/esm/content/progress/ProgressBar.sty.js +10 -0
- package/esm/content/progress/ProgressBar.sty.js.map +7 -0
- package/esm/content/progress/ProgressBarIcon.css +5 -0
- package/esm/content/progress/ProgressBarIcon.js +40 -0
- package/esm/content/progress/ProgressBarIcon.js.map +7 -0
- package/esm/content/progress/ProgressBarIcon.sty.js +7 -0
- package/esm/content/progress/ProgressBarIcon.sty.js.map +7 -0
- package/esm/content/progress/ProgressBarLabel.css +9 -0
- package/esm/content/progress/ProgressBarLabel.js +47 -0
- package/esm/content/progress/ProgressBarLabel.js.map +7 -0
- package/esm/content/progress/ProgressBarLabel.sty.js +8 -0
- package/esm/content/progress/ProgressBarLabel.sty.js.map +7 -0
- package/esm/content/progress/ProgressBarValue.css +28 -0
- package/esm/content/progress/ProgressBarValue.js +44 -0
- package/esm/content/progress/ProgressBarValue.js.map +7 -0
- package/esm/content/progress/ProgressBarValue.sty.js +8 -0
- package/esm/content/progress/ProgressBarValue.sty.js.map +7 -0
- package/esm/content/progress/ProgressCircle.css +52 -0
- package/esm/content/progress/ProgressCircle.js +153 -0
- package/esm/content/progress/ProgressCircle.js.map +7 -0
- package/esm/content/progress/ProgressCircle.sty.js +19 -0
- package/esm/content/progress/ProgressCircle.sty.js.map +7 -0
- package/esm/content/progress/contexts/SharedProgressBarPropsContext.js +10 -0
- package/esm/content/progress/contexts/SharedProgressBarPropsContext.js.map +7 -0
- package/esm/content/progress/hooks/useProgressAriaProps.js +45 -0
- package/esm/content/progress/hooks/useProgressAriaProps.js.map +7 -0
- package/esm/content/progress/hooks/useProgressBarPropsContext.js +16 -0
- package/esm/content/progress/hooks/useProgressBarPropsContext.js.map +7 -0
- package/esm/content/progress/utils.js +22 -0
- package/esm/content/progress/utils.js.map +7 -0
- package/esm/core/components/app-root/AppRoot.js.map +1 -1
- package/esm/core/hooks/useAriaLabelingProps.js +12 -0
- package/esm/core/hooks/useAriaLabelingProps.js.map +7 -0
- package/esm/core/hooks/useCurrentTheme.js.map +1 -1
- package/esm/core/hooks/useId.js +14 -0
- package/esm/core/hooks/useId.js.map +7 -0
- package/esm/core/hooks/useSafeForwardProps.js +16 -0
- package/esm/core/hooks/useSafeForwardProps.js.map +7 -0
- package/esm/core/index.js +12 -0
- package/esm/core/index.js.map +2 -2
- package/esm/core/types/role-variant.js +12 -0
- package/esm/core/types/role-variant.js.map +7 -0
- package/esm/core/utils/_is-string-children.js +16 -0
- package/esm/core/utils/_is-string-children.js.map +7 -0
- package/esm/core/utils/isBrowser.js.map +1 -1
- package/esm/core/utils/merge-props.js.map +2 -2
- package/esm/core/utils/seed-random.js +16 -0
- package/esm/core/utils/seed-random.js.map +7 -0
- package/esm/core/utils/uuidv4.js +13 -0
- package/esm/core/utils/uuidv4.js.map +7 -0
- package/esm/index.js +2 -0
- package/esm/index.js.map +2 -2
- package/esm/layouts/container/Container.css +8 -0
- package/esm/layouts/container/Container.js +55 -0
- package/esm/layouts/container/Container.js.map +7 -0
- package/esm/layouts/container/Container.sty.js +7 -0
- package/esm/layouts/container/Container.sty.js.map +7 -0
- package/esm/layouts/flex/Flex.js +46 -0
- package/esm/layouts/flex/Flex.js.map +7 -0
- package/esm/layouts/grid/Grid.js +46 -0
- package/esm/layouts/grid/Grid.js.map +7 -0
- package/esm/layouts/index.js +7 -1
- package/esm/layouts/index.js.map +2 -2
- package/esm/styles/colorUtils.css +80 -0
- package/esm/styles/colorUtils.sty.js +9 -0
- package/esm/styles/colorUtils.sty.js.map +7 -0
- package/esm/styles/container.css +64 -0
- package/esm/styles/container.sty.js +9 -0
- package/esm/styles/container.sty.js.map +7 -0
- package/esm/styles/ellipsis.css +5 -0
- package/esm/styles/ellipsis.sty.js +6 -0
- package/esm/styles/ellipsis.sty.js.map +7 -0
- package/esm/styles/extract-util.js +15 -0
- package/esm/styles/extract-util.js.map +7 -0
- package/esm/styles/getFlexStyles.js +69 -0
- package/esm/styles/getFlexStyles.js.map +7 -0
- package/esm/styles/getGapSprinkles.js +18 -0
- package/esm/styles/getGapSprinkles.js.map +7 -0
- package/esm/styles/getGridFlexPositionSprinkles.js +25 -0
- package/esm/styles/getGridFlexPositionSprinkles.js.map +7 -0
- package/esm/styles/getGridStyles.js +78 -0
- package/esm/styles/getGridStyles.js.map +7 -0
- package/esm/styles/getLayoutSizeStyles.js +21 -0
- package/esm/styles/getLayoutSizeStyles.js.map +7 -0
- package/esm/styles/getSpacingSprinkles.js +50 -0
- package/esm/styles/getSpacingSprinkles.js.map +7 -0
- package/esm/styles/index.js +49 -0
- package/esm/styles/index.js.map +7 -0
- package/esm/styles/safe-sprinkles.js +17 -0
- package/esm/styles/safe-sprinkles.js.map +7 -0
- package/esm/styles/sprinkle-properties.js +137 -0
- package/esm/styles/sprinkle-properties.js.map +7 -0
- package/esm/styles/sprinkles.css +786 -0
- package/esm/styles/sprinkles.sty.js +9 -0
- package/esm/styles/sprinkles.sty.js.map +7 -0
- package/esm/typography/Link/Link.js.map +2 -2
- package/esm/typography/List/List.js.map +1 -1
- package/esm/typography/Text/Text.js.map +1 -1
- package/esm/typography/TextEllipsis/TextEllipsis.js.map +1 -1
- package/index.d.ts +2 -0
- package/index.js +2 -0
- package/lang/en.json +6 -0
- package/lang/uncompiled/en.json +4 -0
- package/layouts/container/Container.css +8 -0
- package/layouts/container/Container.d.ts +34 -0
- package/layouts/container/Container.js +80 -0
- package/layouts/container/Container.sty.d.ts +1 -0
- package/layouts/container/Container.sty.js +25 -0
- package/layouts/flex/Flex.d.ts +23 -0
- package/layouts/flex/Flex.js +72 -0
- package/layouts/grid/Grid.d.ts +23 -0
- package/layouts/grid/Grid.js +72 -0
- package/layouts/index.d.ts +4 -0
- package/layouts/index.js +7 -1
- package/package.json +25 -10
- package/styles/colorUtils.css +80 -0
- package/styles/colorUtils.sty.d.ts +56 -0
- package/styles/colorUtils.sty.js +27 -0
- package/styles/container.css +64 -0
- package/styles/container.sty.d.ts +54 -0
- package/styles/container.sty.js +27 -0
- package/styles/ellipsis.css +5 -0
- package/styles/ellipsis.sty.d.ts +5 -0
- package/styles/ellipsis.sty.js +24 -0
- package/styles/extract-util.d.ts +9 -0
- package/styles/extract-util.js +33 -0
- package/styles/getFlexStyles.d.ts +64 -0
- package/styles/getFlexStyles.js +95 -0
- package/styles/getGapSprinkles.d.ts +19 -0
- package/styles/getGapSprinkles.js +36 -0
- package/styles/getGridFlexPositionSprinkles.d.ts +35 -0
- package/styles/getGridFlexPositionSprinkles.js +43 -0
- package/styles/getGridStyles.d.ts +74 -0
- package/styles/getGridStyles.js +100 -0
- package/styles/getLayoutSizeStyles.d.ts +29 -0
- package/styles/getLayoutSizeStyles.js +39 -0
- package/styles/getSpacingSprinkles.d.ts +74 -0
- package/styles/getSpacingSprinkles.js +68 -0
- package/styles/index.d.ts +11 -0
- package/styles/index.js +47 -0
- package/styles/safe-sprinkles.d.ts +6 -0
- package/styles/safe-sprinkles.js +35 -0
- package/styles/sprinkle-properties.d.ts +257 -0
- package/styles/sprinkle-properties.js +165 -0
- package/styles/sprinkles.css +786 -0
- package/styles/sprinkles.sty.d.ts +913 -0
- package/styles/sprinkles.sty.js +27 -0
- package/styles/textStyle.sty.d.ts +1 -0
- package/testing/mocks/canvas-mock.js +6 -1
- package/typography/Link/Link.d.ts +1 -2
- package/typography/List/List.d.ts +4 -4
- package/typography/Text/Text.d.ts +3 -3
- package/typography/TextEllipsis/TextEllipsis.d.ts +3 -3
- package/typography/TextEllipsis/TextEllipsis.js +2 -2
- package/core/types/focusable-element.d.ts +0 -5
- package/esm/core/types/focusable-element.js +0 -1
- package/esm/core/types/focusable-element.js.map +0 -7
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
var sprinkles_css_exports = {};
|
|
19
|
+
__export(sprinkles_css_exports, {
|
|
20
|
+
globalSprinkleProperties: () => globalSprinkleProperties,
|
|
21
|
+
internalSprinkles: () => internalSprinkles
|
|
22
|
+
});
|
|
23
|
+
module.exports = __toCommonJS(sprinkles_css_exports);
|
|
24
|
+
var import_sprinkles_css_ts_vanilla = require("./sprinkles.css");
|
|
25
|
+
var import_createRuntimeSprinkles = require("@vanilla-extract/sprinkles/createRuntimeSprinkles");
|
|
26
|
+
var globalSprinkleProperties = { conditions: void 0, styles: { gap: { values: { "0": { defaultClass: "sprinkles_gap_0__1bzvwaf0" }, "2": { defaultClass: "sprinkles_gap_2__1bzvwaf1" }, "4": { defaultClass: "sprinkles_gap_4__1bzvwaf2" }, "6": { defaultClass: "sprinkles_gap_6__1bzvwaf3" }, "8": { defaultClass: "sprinkles_gap_8__1bzvwaf4" }, "12": { defaultClass: "sprinkles_gap_12__1bzvwaf5" }, "16": { defaultClass: "sprinkles_gap_16__1bzvwaf6" }, "20": { defaultClass: "sprinkles_gap_20__1bzvwaf7" }, "24": { defaultClass: "sprinkles_gap_24__1bzvwaf8" }, "32": { defaultClass: "sprinkles_gap_32__1bzvwaf9" }, "40": { defaultClass: "sprinkles_gap_40__1bzvwafa" }, "48": { defaultClass: "sprinkles_gap_48__1bzvwafb" }, "56": { defaultClass: "sprinkles_gap_56__1bzvwafc" }, "64": { defaultClass: "sprinkles_gap_64__1bzvwafd" } } }, rowGap: { values: { "0": { defaultClass: "sprinkles_rowGap_0__1bzvwafe" }, "2": { defaultClass: "sprinkles_rowGap_2__1bzvwaff" }, "4": { defaultClass: "sprinkles_rowGap_4__1bzvwafg" }, "6": { defaultClass: "sprinkles_rowGap_6__1bzvwafh" }, "8": { defaultClass: "sprinkles_rowGap_8__1bzvwafi" }, "12": { defaultClass: "sprinkles_rowGap_12__1bzvwafj" }, "16": { defaultClass: "sprinkles_rowGap_16__1bzvwafk" }, "20": { defaultClass: "sprinkles_rowGap_20__1bzvwafl" }, "24": { defaultClass: "sprinkles_rowGap_24__1bzvwafm" }, "32": { defaultClass: "sprinkles_rowGap_32__1bzvwafn" }, "40": { defaultClass: "sprinkles_rowGap_40__1bzvwafo" }, "48": { defaultClass: "sprinkles_rowGap_48__1bzvwafp" }, "56": { defaultClass: "sprinkles_rowGap_56__1bzvwafq" }, "64": { defaultClass: "sprinkles_rowGap_64__1bzvwafr" } } }, columnGap: { values: { "0": { defaultClass: "sprinkles_columnGap_0__1bzvwafs" }, "2": { defaultClass: "sprinkles_columnGap_2__1bzvwaft" }, "4": { defaultClass: "sprinkles_columnGap_4__1bzvwafu" }, "6": { defaultClass: "sprinkles_columnGap_6__1bzvwafv" }, "8": { defaultClass: "sprinkles_columnGap_8__1bzvwafw" }, "12": { defaultClass: "sprinkles_columnGap_12__1bzvwafx" }, "16": { defaultClass: "sprinkles_columnGap_16__1bzvwafy" }, "20": { defaultClass: "sprinkles_columnGap_20__1bzvwafz" }, "24": { defaultClass: "sprinkles_columnGap_24__1bzvwaf10" }, "32": { defaultClass: "sprinkles_columnGap_32__1bzvwaf11" }, "40": { defaultClass: "sprinkles_columnGap_40__1bzvwaf12" }, "48": { defaultClass: "sprinkles_columnGap_48__1bzvwaf13" }, "56": { defaultClass: "sprinkles_columnGap_56__1bzvwaf14" }, "64": { defaultClass: "sprinkles_columnGap_64__1bzvwaf15" } } }, paddingTop: { values: { "0": { defaultClass: "sprinkles_paddingTop_0__1bzvwaf16" }, "2": { defaultClass: "sprinkles_paddingTop_2__1bzvwaf17" }, "4": { defaultClass: "sprinkles_paddingTop_4__1bzvwaf18" }, "6": { defaultClass: "sprinkles_paddingTop_6__1bzvwaf19" }, "8": { defaultClass: "sprinkles_paddingTop_8__1bzvwaf1a" }, "12": { defaultClass: "sprinkles_paddingTop_12__1bzvwaf1b" }, "16": { defaultClass: "sprinkles_paddingTop_16__1bzvwaf1c" }, "20": { defaultClass: "sprinkles_paddingTop_20__1bzvwaf1d" }, "24": { defaultClass: "sprinkles_paddingTop_24__1bzvwaf1e" }, "32": { defaultClass: "sprinkles_paddingTop_32__1bzvwaf1f" }, "40": { defaultClass: "sprinkles_paddingTop_40__1bzvwaf1g" }, "48": { defaultClass: "sprinkles_paddingTop_48__1bzvwaf1h" }, "56": { defaultClass: "sprinkles_paddingTop_56__1bzvwaf1i" }, "64": { defaultClass: "sprinkles_paddingTop_64__1bzvwaf1j" } } }, paddingBottom: { values: { "0": { defaultClass: "sprinkles_paddingBottom_0__1bzvwaf1k" }, "2": { defaultClass: "sprinkles_paddingBottom_2__1bzvwaf1l" }, "4": { defaultClass: "sprinkles_paddingBottom_4__1bzvwaf1m" }, "6": { defaultClass: "sprinkles_paddingBottom_6__1bzvwaf1n" }, "8": { defaultClass: "sprinkles_paddingBottom_8__1bzvwaf1o" }, "12": { defaultClass: "sprinkles_paddingBottom_12__1bzvwaf1p" }, "16": { defaultClass: "sprinkles_paddingBottom_16__1bzvwaf1q" }, "20": { defaultClass: "sprinkles_paddingBottom_20__1bzvwaf1r" }, "24": { defaultClass: "sprinkles_paddingBottom_24__1bzvwaf1s" }, "32": { defaultClass: "sprinkles_paddingBottom_32__1bzvwaf1t" }, "40": { defaultClass: "sprinkles_paddingBottom_40__1bzvwaf1u" }, "48": { defaultClass: "sprinkles_paddingBottom_48__1bzvwaf1v" }, "56": { defaultClass: "sprinkles_paddingBottom_56__1bzvwaf1w" }, "64": { defaultClass: "sprinkles_paddingBottom_64__1bzvwaf1x" } } }, paddingLeft: { values: { "0": { defaultClass: "sprinkles_paddingLeft_0__1bzvwaf1y" }, "2": { defaultClass: "sprinkles_paddingLeft_2__1bzvwaf1z" }, "4": { defaultClass: "sprinkles_paddingLeft_4__1bzvwaf20" }, "6": { defaultClass: "sprinkles_paddingLeft_6__1bzvwaf21" }, "8": { defaultClass: "sprinkles_paddingLeft_8__1bzvwaf22" }, "12": { defaultClass: "sprinkles_paddingLeft_12__1bzvwaf23" }, "16": { defaultClass: "sprinkles_paddingLeft_16__1bzvwaf24" }, "20": { defaultClass: "sprinkles_paddingLeft_20__1bzvwaf25" }, "24": { defaultClass: "sprinkles_paddingLeft_24__1bzvwaf26" }, "32": { defaultClass: "sprinkles_paddingLeft_32__1bzvwaf27" }, "40": { defaultClass: "sprinkles_paddingLeft_40__1bzvwaf28" }, "48": { defaultClass: "sprinkles_paddingLeft_48__1bzvwaf29" }, "56": { defaultClass: "sprinkles_paddingLeft_56__1bzvwaf2a" }, "64": { defaultClass: "sprinkles_paddingLeft_64__1bzvwaf2b" } } }, paddingRight: { values: { "0": { defaultClass: "sprinkles_paddingRight_0__1bzvwaf2c" }, "2": { defaultClass: "sprinkles_paddingRight_2__1bzvwaf2d" }, "4": { defaultClass: "sprinkles_paddingRight_4__1bzvwaf2e" }, "6": { defaultClass: "sprinkles_paddingRight_6__1bzvwaf2f" }, "8": { defaultClass: "sprinkles_paddingRight_8__1bzvwaf2g" }, "12": { defaultClass: "sprinkles_paddingRight_12__1bzvwaf2h" }, "16": { defaultClass: "sprinkles_paddingRight_16__1bzvwaf2i" }, "20": { defaultClass: "sprinkles_paddingRight_20__1bzvwaf2j" }, "24": { defaultClass: "sprinkles_paddingRight_24__1bzvwaf2k" }, "32": { defaultClass: "sprinkles_paddingRight_32__1bzvwaf2l" }, "40": { defaultClass: "sprinkles_paddingRight_40__1bzvwaf2m" }, "48": { defaultClass: "sprinkles_paddingRight_48__1bzvwaf2n" }, "56": { defaultClass: "sprinkles_paddingRight_56__1bzvwaf2o" }, "64": { defaultClass: "sprinkles_paddingRight_64__1bzvwaf2p" } } }, marginTop: { values: { "0": { defaultClass: "sprinkles_marginTop_0__1bzvwaf2q" }, "2": { defaultClass: "sprinkles_marginTop_2__1bzvwaf2r" }, "4": { defaultClass: "sprinkles_marginTop_4__1bzvwaf2s" }, "6": { defaultClass: "sprinkles_marginTop_6__1bzvwaf2t" }, "8": { defaultClass: "sprinkles_marginTop_8__1bzvwaf2u" }, "12": { defaultClass: "sprinkles_marginTop_12__1bzvwaf2v" }, "16": { defaultClass: "sprinkles_marginTop_16__1bzvwaf2w" }, "20": { defaultClass: "sprinkles_marginTop_20__1bzvwaf2x" }, "24": { defaultClass: "sprinkles_marginTop_24__1bzvwaf2y" }, "32": { defaultClass: "sprinkles_marginTop_32__1bzvwaf2z" }, "40": { defaultClass: "sprinkles_marginTop_40__1bzvwaf30" }, "48": { defaultClass: "sprinkles_marginTop_48__1bzvwaf31" }, "56": { defaultClass: "sprinkles_marginTop_56__1bzvwaf32" }, "64": { defaultClass: "sprinkles_marginTop_64__1bzvwaf33" }, auto: { defaultClass: "sprinkles_marginTop_auto__1bzvwaf34" } } }, marginBottom: { values: { "0": { defaultClass: "sprinkles_marginBottom_0__1bzvwaf35" }, "2": { defaultClass: "sprinkles_marginBottom_2__1bzvwaf36" }, "4": { defaultClass: "sprinkles_marginBottom_4__1bzvwaf37" }, "6": { defaultClass: "sprinkles_marginBottom_6__1bzvwaf38" }, "8": { defaultClass: "sprinkles_marginBottom_8__1bzvwaf39" }, "12": { defaultClass: "sprinkles_marginBottom_12__1bzvwaf3a" }, "16": { defaultClass: "sprinkles_marginBottom_16__1bzvwaf3b" }, "20": { defaultClass: "sprinkles_marginBottom_20__1bzvwaf3c" }, "24": { defaultClass: "sprinkles_marginBottom_24__1bzvwaf3d" }, "32": { defaultClass: "sprinkles_marginBottom_32__1bzvwaf3e" }, "40": { defaultClass: "sprinkles_marginBottom_40__1bzvwaf3f" }, "48": { defaultClass: "sprinkles_marginBottom_48__1bzvwaf3g" }, "56": { defaultClass: "sprinkles_marginBottom_56__1bzvwaf3h" }, "64": { defaultClass: "sprinkles_marginBottom_64__1bzvwaf3i" }, auto: { defaultClass: "sprinkles_marginBottom_auto__1bzvwaf3j" } } }, marginLeft: { values: { "0": { defaultClass: "sprinkles_marginLeft_0__1bzvwaf3k" }, "2": { defaultClass: "sprinkles_marginLeft_2__1bzvwaf3l" }, "4": { defaultClass: "sprinkles_marginLeft_4__1bzvwaf3m" }, "6": { defaultClass: "sprinkles_marginLeft_6__1bzvwaf3n" }, "8": { defaultClass: "sprinkles_marginLeft_8__1bzvwaf3o" }, "12": { defaultClass: "sprinkles_marginLeft_12__1bzvwaf3p" }, "16": { defaultClass: "sprinkles_marginLeft_16__1bzvwaf3q" }, "20": { defaultClass: "sprinkles_marginLeft_20__1bzvwaf3r" }, "24": { defaultClass: "sprinkles_marginLeft_24__1bzvwaf3s" }, "32": { defaultClass: "sprinkles_marginLeft_32__1bzvwaf3t" }, "40": { defaultClass: "sprinkles_marginLeft_40__1bzvwaf3u" }, "48": { defaultClass: "sprinkles_marginLeft_48__1bzvwaf3v" }, "56": { defaultClass: "sprinkles_marginLeft_56__1bzvwaf3w" }, "64": { defaultClass: "sprinkles_marginLeft_64__1bzvwaf3x" }, auto: { defaultClass: "sprinkles_marginLeft_auto__1bzvwaf3y" } } }, marginRight: { values: { "0": { defaultClass: "sprinkles_marginRight_0__1bzvwaf3z" }, "2": { defaultClass: "sprinkles_marginRight_2__1bzvwaf40" }, "4": { defaultClass: "sprinkles_marginRight_4__1bzvwaf41" }, "6": { defaultClass: "sprinkles_marginRight_6__1bzvwaf42" }, "8": { defaultClass: "sprinkles_marginRight_8__1bzvwaf43" }, "12": { defaultClass: "sprinkles_marginRight_12__1bzvwaf44" }, "16": { defaultClass: "sprinkles_marginRight_16__1bzvwaf45" }, "20": { defaultClass: "sprinkles_marginRight_20__1bzvwaf46" }, "24": { defaultClass: "sprinkles_marginRight_24__1bzvwaf47" }, "32": { defaultClass: "sprinkles_marginRight_32__1bzvwaf48" }, "40": { defaultClass: "sprinkles_marginRight_40__1bzvwaf49" }, "48": { defaultClass: "sprinkles_marginRight_48__1bzvwaf4a" }, "56": { defaultClass: "sprinkles_marginRight_56__1bzvwaf4b" }, "64": { defaultClass: "sprinkles_marginRight_64__1bzvwaf4c" }, auto: { defaultClass: "sprinkles_marginRight_auto__1bzvwaf4d" } } }, justifySelf: { values: { center: { defaultClass: "sprinkles_justifySelf_center__1bzvwaf4e" }, end: { defaultClass: "sprinkles_justifySelf_end__1bzvwaf4f" }, "flex-end": { defaultClass: "sprinkles_justifySelf_flex-end__1bzvwaf4g" }, "flex-start": { defaultClass: "sprinkles_justifySelf_flex-start__1bzvwaf4h" }, "self-end": { defaultClass: "sprinkles_justifySelf_self-end__1bzvwaf4i" }, "self-start": { defaultClass: "sprinkles_justifySelf_self-start__1bzvwaf4j" }, start: { defaultClass: "sprinkles_justifySelf_start__1bzvwaf4k" }, auto: { defaultClass: "sprinkles_justifySelf_auto__1bzvwaf4l" }, baseline: { defaultClass: "sprinkles_justifySelf_baseline__1bzvwaf4m" }, left: { defaultClass: "sprinkles_justifySelf_left__1bzvwaf4n" }, normal: { defaultClass: "sprinkles_justifySelf_normal__1bzvwaf4o" }, right: { defaultClass: "sprinkles_justifySelf_right__1bzvwaf4p" }, stretch: { defaultClass: "sprinkles_justifySelf_stretch__1bzvwaf4q" } } }, alignSelf: { values: { center: { defaultClass: "sprinkles_alignSelf_center__1bzvwaf4r" }, end: { defaultClass: "sprinkles_alignSelf_end__1bzvwaf4s" }, "flex-end": { defaultClass: "sprinkles_alignSelf_flex-end__1bzvwaf4t" }, "flex-start": { defaultClass: "sprinkles_alignSelf_flex-start__1bzvwaf4u" }, "self-end": { defaultClass: "sprinkles_alignSelf_self-end__1bzvwaf4v" }, "self-start": { defaultClass: "sprinkles_alignSelf_self-start__1bzvwaf4w" }, start: { defaultClass: "sprinkles_alignSelf_start__1bzvwaf4x" }, auto: { defaultClass: "sprinkles_alignSelf_auto__1bzvwaf4y" }, baseline: { defaultClass: "sprinkles_alignSelf_baseline__1bzvwaf4z" }, normal: { defaultClass: "sprinkles_alignSelf_normal__1bzvwaf50" }, stretch: { defaultClass: "sprinkles_alignSelf_stretch__1bzvwaf51" } } }, placeSelf: { values: { center: { defaultClass: "sprinkles_placeSelf_center__1bzvwaf52" }, end: { defaultClass: "sprinkles_placeSelf_end__1bzvwaf53" }, "flex-end": { defaultClass: "sprinkles_placeSelf_flex-end__1bzvwaf54" }, "flex-start": { defaultClass: "sprinkles_placeSelf_flex-start__1bzvwaf55" }, "self-end": { defaultClass: "sprinkles_placeSelf_self-end__1bzvwaf56" }, "self-start": { defaultClass: "sprinkles_placeSelf_self-start__1bzvwaf57" }, start: { defaultClass: "sprinkles_placeSelf_start__1bzvwaf58" }, auto: { defaultClass: "sprinkles_placeSelf_auto__1bzvwaf59" }, baseline: { defaultClass: "sprinkles_placeSelf_baseline__1bzvwaf5a" }, normal: { defaultClass: "sprinkles_placeSelf_normal__1bzvwaf5b" }, stretch: { defaultClass: "sprinkles_placeSelf_stretch__1bzvwaf5c" } } }, justifyItems: { values: { center: { defaultClass: "sprinkles_justifyItems_center__1bzvwaf5d" }, end: { defaultClass: "sprinkles_justifyItems_end__1bzvwaf5e" }, "flex-end": { defaultClass: "sprinkles_justifyItems_flex-end__1bzvwaf5f" }, "flex-start": { defaultClass: "sprinkles_justifyItems_flex-start__1bzvwaf5g" }, "self-end": { defaultClass: "sprinkles_justifyItems_self-end__1bzvwaf5h" }, "self-start": { defaultClass: "sprinkles_justifyItems_self-start__1bzvwaf5i" }, start: { defaultClass: "sprinkles_justifyItems_start__1bzvwaf5j" }, baseline: { defaultClass: "sprinkles_justifyItems_baseline__1bzvwaf5k" }, left: { defaultClass: "sprinkles_justifyItems_left__1bzvwaf5l" }, legacy: { defaultClass: "sprinkles_justifyItems_legacy__1bzvwaf5m" }, normal: { defaultClass: "sprinkles_justifyItems_normal__1bzvwaf5n" }, right: { defaultClass: "sprinkles_justifyItems_right__1bzvwaf5o" }, stretch: { defaultClass: "sprinkles_justifyItems_stretch__1bzvwaf5p" } } }, alignItems: { values: { center: { defaultClass: "sprinkles_alignItems_center__1bzvwaf5q" }, end: { defaultClass: "sprinkles_alignItems_end__1bzvwaf5r" }, "flex-end": { defaultClass: "sprinkles_alignItems_flex-end__1bzvwaf5s" }, "flex-start": { defaultClass: "sprinkles_alignItems_flex-start__1bzvwaf5t" }, "self-end": { defaultClass: "sprinkles_alignItems_self-end__1bzvwaf5u" }, "self-start": { defaultClass: "sprinkles_alignItems_self-start__1bzvwaf5v" }, start: { defaultClass: "sprinkles_alignItems_start__1bzvwaf5w" }, baseline: { defaultClass: "sprinkles_alignItems_baseline__1bzvwaf5x" }, normal: { defaultClass: "sprinkles_alignItems_normal__1bzvwaf5y" }, stretch: { defaultClass: "sprinkles_alignItems_stretch__1bzvwaf5z" } } }, placeItems: { values: { center: { defaultClass: "sprinkles_placeItems_center__1bzvwaf60" }, end: { defaultClass: "sprinkles_placeItems_end__1bzvwaf61" }, "flex-end": { defaultClass: "sprinkles_placeItems_flex-end__1bzvwaf62" }, "flex-start": { defaultClass: "sprinkles_placeItems_flex-start__1bzvwaf63" }, "self-end": { defaultClass: "sprinkles_placeItems_self-end__1bzvwaf64" }, "self-start": { defaultClass: "sprinkles_placeItems_self-start__1bzvwaf65" }, start: { defaultClass: "sprinkles_placeItems_start__1bzvwaf66" }, baseline: { defaultClass: "sprinkles_placeItems_baseline__1bzvwaf67" }, normal: { defaultClass: "sprinkles_placeItems_normal__1bzvwaf68" }, stretch: { defaultClass: "sprinkles_placeItems_stretch__1bzvwaf69" } } }, justifyContent: { values: { "space-around": { defaultClass: "sprinkles_justifyContent_space-around__1bzvwaf6a" }, "space-between": { defaultClass: "sprinkles_justifyContent_space-between__1bzvwaf6b" }, "space-evenly": { defaultClass: "sprinkles_justifyContent_space-evenly__1bzvwaf6c" }, stretch: { defaultClass: "sprinkles_justifyContent_stretch__1bzvwaf6d" }, center: { defaultClass: "sprinkles_justifyContent_center__1bzvwaf6e" }, end: { defaultClass: "sprinkles_justifyContent_end__1bzvwaf6f" }, "flex-end": { defaultClass: "sprinkles_justifyContent_flex-end__1bzvwaf6g" }, "flex-start": { defaultClass: "sprinkles_justifyContent_flex-start__1bzvwaf6h" }, start: { defaultClass: "sprinkles_justifyContent_start__1bzvwaf6i" }, left: { defaultClass: "sprinkles_justifyContent_left__1bzvwaf6j" }, normal: { defaultClass: "sprinkles_justifyContent_normal__1bzvwaf6k" }, right: { defaultClass: "sprinkles_justifyContent_right__1bzvwaf6l" } } }, alignContent: { values: { "space-around": { defaultClass: "sprinkles_alignContent_space-around__1bzvwaf6m" }, "space-between": { defaultClass: "sprinkles_alignContent_space-between__1bzvwaf6n" }, "space-evenly": { defaultClass: "sprinkles_alignContent_space-evenly__1bzvwaf6o" }, stretch: { defaultClass: "sprinkles_alignContent_stretch__1bzvwaf6p" }, center: { defaultClass: "sprinkles_alignContent_center__1bzvwaf6q" }, end: { defaultClass: "sprinkles_alignContent_end__1bzvwaf6r" }, "flex-end": { defaultClass: "sprinkles_alignContent_flex-end__1bzvwaf6s" }, "flex-start": { defaultClass: "sprinkles_alignContent_flex-start__1bzvwaf6t" }, start: { defaultClass: "sprinkles_alignContent_start__1bzvwaf6u" }, baseline: { defaultClass: "sprinkles_alignContent_baseline__1bzvwaf6v" }, normal: { defaultClass: "sprinkles_alignContent_normal__1bzvwaf6w" } } }, placeContent: { values: { "space-around": { defaultClass: "sprinkles_placeContent_space-around__1bzvwaf6x" }, "space-between": { defaultClass: "sprinkles_placeContent_space-between__1bzvwaf6y" }, "space-evenly": { defaultClass: "sprinkles_placeContent_space-evenly__1bzvwaf6z" }, stretch: { defaultClass: "sprinkles_placeContent_stretch__1bzvwaf70" }, center: { defaultClass: "sprinkles_placeContent_center__1bzvwaf71" }, end: { defaultClass: "sprinkles_placeContent_end__1bzvwaf72" }, "flex-end": { defaultClass: "sprinkles_placeContent_flex-end__1bzvwaf73" }, "flex-start": { defaultClass: "sprinkles_placeContent_flex-start__1bzvwaf74" }, start: { defaultClass: "sprinkles_placeContent_start__1bzvwaf75" }, baseline: { defaultClass: "sprinkles_placeContent_baseline__1bzvwaf76" }, normal: { defaultClass: "sprinkles_placeContent_normal__1bzvwaf77" } } }, display: { values: { flex: { defaultClass: "sprinkles_display_flex__1bzvwaf78" }, grid: { defaultClass: "sprinkles_display_grid__1bzvwaf79" } } } } };
|
|
27
|
+
var internalSprinkles = (0, import_createRuntimeSprinkles.createSprinkles)(globalSprinkleProperties);
|
|
@@ -137,7 +137,12 @@ function setupCanvasMeasureTextMock(mockTextWidth) {
|
|
|
137
137
|
fontBoundingBoxAscent: 0,
|
|
138
138
|
fontBoundingBoxDescent: 0,
|
|
139
139
|
actualBoundingBoxAscent: 0,
|
|
140
|
-
actualBoundingBoxDescent: 0
|
|
140
|
+
actualBoundingBoxDescent: 0,
|
|
141
|
+
alphabeticBaseline: 0,
|
|
142
|
+
emHeightAscent: 0,
|
|
143
|
+
emHeightDescent: 0,
|
|
144
|
+
hangingBaseline: 0,
|
|
145
|
+
ideographicBaseline: 0
|
|
141
146
|
};
|
|
142
147
|
},
|
|
143
148
|
scale: () => {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ElementType, ReactElement } from 'react';
|
|
2
|
-
import { type DataTestId, type StylingProps, type WithChildren } from '../../core/index.js';
|
|
2
|
+
import { type PolymorphicComponentProps, type DataTestId, type StylingProps, type WithChildren } from '../../core/index.js';
|
|
3
3
|
import type { MaskingProps } from '../../core/types/masking-props.js';
|
|
4
|
-
import type { PolymorphicComponentProps } from '../../core/types/polymorph.js';
|
|
5
4
|
/**
|
|
6
5
|
* The props for the Link component.
|
|
7
6
|
* @public
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DataTestId } from '../../core/types/data-props.js';
|
|
3
|
-
import type
|
|
4
|
-
import { StylingProps } from '../../core/types/styling-props.js';
|
|
5
|
-
import { WithChildren } from '../../core/types/with-children.js';
|
|
2
|
+
import { type DataTestId } from '../../core/types/data-props.js';
|
|
3
|
+
import { type MaskingProps } from '../../core/types/masking-props.js';
|
|
4
|
+
import { type StylingProps } from '../../core/types/styling-props.js';
|
|
5
|
+
import { type WithChildren } from '../../core/types/with-children.js';
|
|
6
6
|
/**
|
|
7
7
|
* The props for the Link component.
|
|
8
8
|
* @public
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { type ElementType, type ReactElement } from 'react';
|
|
2
2
|
import type { AriaLabelingProps } from '../../core/types/a11y-props.js';
|
|
3
|
-
import { DataTestId } from '../../core/types/data-props.js';
|
|
3
|
+
import type { DataTestId } from '../../core/types/data-props.js';
|
|
4
4
|
import type { DOMProps } from '../../core/types/dom.js';
|
|
5
5
|
import type { MaskingProps } from '../../core/types/masking-props.js';
|
|
6
6
|
import type { PolymorphicComponentProps } from '../../core/types/polymorph.js';
|
|
7
|
-
import { StylingProps } from '../../core/types/styling-props.js';
|
|
8
|
-
import { WithChildren } from '../../core/types/with-children.js';
|
|
7
|
+
import type { StylingProps } from '../../core/types/styling-props.js';
|
|
8
|
+
import type { WithChildren } from '../../core/types/with-children.js';
|
|
9
9
|
/**
|
|
10
10
|
* @public
|
|
11
11
|
* The props for the text component without any props coming from polymorphing. */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
|
-
import { DataTestId } from '../../core/types/data-props.js';
|
|
3
|
-
import type
|
|
4
|
-
import { StylingProps } from '../../core/types/styling-props.js';
|
|
2
|
+
import { type DataTestId } from '../../core/types/data-props.js';
|
|
3
|
+
import { type MaskingProps } from '../../core/types/masking-props.js';
|
|
4
|
+
import { type StylingProps } from '../../core/types/styling-props.js';
|
|
5
5
|
/**
|
|
6
6
|
* Available modes for how overly long text is truncated and where the ellipsis is placed.
|
|
7
7
|
* @internal
|
|
@@ -36,7 +36,7 @@ var import_use_resize_observer = __toESM(require("use-resize-observer"));
|
|
|
36
36
|
var import_TextEllipsis_css = require("./TextEllipsis.sty.js");
|
|
37
37
|
var import_useFontsUpdated = require("../../core/hooks/useFontsUpdated.js");
|
|
38
38
|
var import_useMergeRefs = require("../../core/hooks/useMergeRefs.js");
|
|
39
|
-
var
|
|
39
|
+
var import_utils2 = require("../utils.js");
|
|
40
40
|
function getFontProps(textWrapper) {
|
|
41
41
|
const computedStyle = window.getComputedStyle(textWrapper, null);
|
|
42
42
|
return {
|
|
@@ -60,7 +60,7 @@ function renderEllipsizedText(originalText, truncationMode, containerRef, wasEll
|
|
|
60
60
|
const containerWidth = Math.ceil(containerElement.getBoundingClientRect().width * 100) / 100;
|
|
61
61
|
if (truncationMode === "middle") {
|
|
62
62
|
if (isNativeEllipsisActive(textWrapper, containerWidth)) {
|
|
63
|
-
const ellipsizedText = (0,
|
|
63
|
+
const ellipsizedText = (0, import_utils2._centerEllipsizeText)(
|
|
64
64
|
originalText,
|
|
65
65
|
getFontProps(textWrapper),
|
|
66
66
|
containerWidth
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=focusable-element.js.map
|