@dynatrace/strato-components 1.10.0 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/buttons/button/Button.css +18 -18
- package/buttons/button/Button.d.ts +2 -3
- package/buttons/button/Button.sty.js +4 -4
- package/content/progress/ProgressBar.css +72 -72
- package/content/progress/ProgressBar.js +2 -1
- package/content/progress/ProgressBar.sty.js +5 -5
- package/content/progress/ProgressBarIcon.css +2 -2
- package/content/progress/ProgressBarIcon.sty.js +1 -1
- package/content/progress/ProgressBarLabel.css +3 -3
- package/content/progress/ProgressBarLabel.sty.js +1 -1
- package/content/progress/ProgressBarValue.css +5 -5
- package/content/progress/ProgressBarValue.sty.js +1 -1
- package/content/progress/ProgressCircle.css +40 -40
- package/content/progress/ProgressCircle.js +2 -1
- package/content/progress/ProgressCircle.sty.js +5 -5
- package/content/skeleton/Skeleton.css +7 -7
- package/content/skeleton/Skeleton.sty.js +1 -1
- package/core/components/app-root/AppRoot.css +20 -21
- package/core/hooks/useId.d.ts +24 -0
- package/core/hooks/useId.js +31 -0
- package/core/index.d.ts +1 -0
- package/core/index.js +3 -1
- package/core/styles/focusRing.css +61 -61
- package/core/styles/focusRing.sty.js +2 -2
- package/core/utils/colorUtils.css +60 -60
- package/core/utils/colorUtils.sty.js +2 -2
- package/esm/buttons/button/Button.css +18 -18
- package/esm/buttons/button/Button.js.map +2 -2
- package/esm/buttons/button/Button.sty.js +4 -4
- package/esm/buttons/button/Button.sty.js.map +1 -1
- package/esm/content/progress/ProgressBar.css +72 -72
- package/esm/content/progress/ProgressBar.js +1 -1
- package/esm/content/progress/ProgressBar.js.map +2 -2
- package/esm/content/progress/ProgressBar.sty.js +5 -5
- package/esm/content/progress/ProgressBar.sty.js.map +1 -1
- package/esm/content/progress/ProgressBarIcon.css +2 -2
- package/esm/content/progress/ProgressBarIcon.sty.js +1 -1
- package/esm/content/progress/ProgressBarIcon.sty.js.map +1 -1
- package/esm/content/progress/ProgressBarLabel.css +3 -3
- package/esm/content/progress/ProgressBarLabel.sty.js +1 -1
- package/esm/content/progress/ProgressBarLabel.sty.js.map +1 -1
- package/esm/content/progress/ProgressBarValue.css +5 -5
- package/esm/content/progress/ProgressBarValue.sty.js +1 -1
- package/esm/content/progress/ProgressBarValue.sty.js.map +1 -1
- package/esm/content/progress/ProgressCircle.css +40 -40
- package/esm/content/progress/ProgressCircle.js +2 -1
- package/esm/content/progress/ProgressCircle.js.map +2 -2
- package/esm/content/progress/ProgressCircle.sty.js +5 -5
- package/esm/content/progress/ProgressCircle.sty.js.map +1 -1
- package/esm/content/skeleton/Skeleton.css +7 -7
- package/esm/content/skeleton/Skeleton.sty.js +1 -1
- package/esm/content/skeleton/Skeleton.sty.js.map +1 -1
- package/esm/core/components/app-root/AppRoot.css +20 -21
- package/esm/core/hooks/useId.js +12 -0
- package/esm/core/hooks/useId.js.map +7 -0
- package/esm/core/index.js +3 -1
- package/esm/core/index.js.map +2 -2
- package/esm/core/styles/focusRing.css +61 -61
- package/esm/core/styles/focusRing.sty.js +2 -2
- package/esm/core/styles/focusRing.sty.js.map +1 -1
- package/esm/core/utils/colorUtils.css +60 -60
- package/esm/core/utils/colorUtils.sty.js +2 -2
- package/esm/core/utils/colorUtils.sty.js.map +1 -1
- package/esm/layouts/container/Container.css +5 -5
- package/esm/layouts/container/Container.sty.js +1 -1
- package/esm/layouts/container/Container.sty.js.map +1 -1
- package/esm/layouts/divider/Divider.css +6 -6
- package/esm/layouts/divider/Divider.sty.js +1 -1
- package/esm/layouts/divider/Divider.sty.js.map +1 -1
- package/esm/layouts/surface/Surface.css +39 -39
- package/esm/layouts/surface/Surface.sty.js +2 -2
- package/esm/layouts/surface/Surface.sty.js.map +1 -1
- package/esm/layouts/surface/variables.sty.js +1 -1
- package/esm/layouts/surface/variables.sty.js.map +1 -1
- package/esm/styles/colorUtils.css +60 -60
- package/esm/styles/colorUtils.sty.js +2 -2
- package/esm/styles/colorUtils.sty.js.map +1 -1
- package/esm/styles/container.css +47 -47
- package/esm/styles/container.sty.js +2 -2
- package/esm/styles/container.sty.js.map +1 -1
- package/esm/styles/ellipsis.css +1 -1
- package/esm/styles/ellipsis.sty.js +1 -1
- package/esm/styles/ellipsis.sty.js.map +1 -1
- package/esm/styles/field.css +153 -153
- package/esm/styles/field.sty.js +2 -2
- package/esm/styles/field.sty.js.map +1 -1
- package/esm/styles/sprinkles.css +262 -262
- package/esm/styles/sprinkles.sty.js +1 -1
- package/esm/styles/sprinkles.sty.js.map +1 -1
- package/esm/styles/textStyle.css +8 -8
- package/esm/styles/textStyle.sty.js +1 -1
- package/esm/styles/textStyle.sty.js.map +1 -1
- package/esm/typography/block-quote/Blockquote.css +2 -2
- package/esm/typography/block-quote/Blockquote.sty.js +1 -1
- package/esm/typography/block-quote/Blockquote.sty.js.map +1 -1
- package/esm/typography/code/Code.css +2 -2
- package/esm/typography/code/Code.sty.js +1 -1
- package/esm/typography/code/Code.sty.js.map +1 -1
- package/esm/typography/emphasis/Emphasis.css +1 -1
- package/esm/typography/emphasis/Emphasis.sty.js +1 -1
- package/esm/typography/emphasis/Emphasis.sty.js.map +1 -1
- package/esm/typography/external-link/ExternalLink.css +5 -5
- package/esm/typography/external-link/ExternalLink.sty.js +1 -1
- package/esm/typography/external-link/ExternalLink.sty.js.map +1 -1
- package/esm/typography/heading/Heading.css +7 -7
- package/esm/typography/heading/Heading.sty.js +1 -1
- package/esm/typography/heading/Heading.sty.js.map +1 -1
- package/esm/typography/highlight/Highlight.css +2 -2
- package/esm/typography/highlight/Highlight.sty.js +2 -2
- package/esm/typography/highlight/Highlight.sty.js.map +1 -1
- package/esm/typography/link/Link.css +3 -6
- package/esm/typography/link/Link.js +7 -4
- package/esm/typography/link/Link.js.map +2 -2
- package/esm/typography/link/Link.sty.js +2 -2
- package/esm/typography/link/Link.sty.js.map +2 -2
- package/esm/typography/list/List.css +4 -4
- package/esm/typography/list/List.sty.js +2 -2
- package/esm/typography/list/List.sty.js.map +1 -1
- package/esm/typography/paragraph/Paragraph.css +3 -3
- package/esm/typography/paragraph/Paragraph.sty.js +1 -1
- package/esm/typography/paragraph/Paragraph.sty.js.map +1 -1
- package/esm/typography/strikethrough/Strikethrough.css +1 -1
- package/esm/typography/strikethrough/Strikethrough.sty.js +1 -1
- package/esm/typography/strikethrough/Strikethrough.sty.js.map +1 -1
- package/esm/typography/strong/Strong.css +1 -1
- package/esm/typography/strong/Strong.sty.js +1 -1
- package/esm/typography/strong/Strong.sty.js.map +1 -1
- package/esm/typography/text/Text.css +3 -3
- package/esm/typography/text/Text.sty.js +1 -1
- package/esm/typography/text/Text.sty.js.map +1 -1
- package/esm/typography/text-ellipsis/TextEllipsis.css +6 -6
- package/esm/typography/text-ellipsis/TextEllipsis.sty.js +2 -2
- package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map +1 -1
- package/layouts/container/Container.css +5 -5
- package/layouts/container/Container.sty.js +1 -1
- package/layouts/divider/Divider.css +6 -6
- package/layouts/divider/Divider.sty.js +1 -1
- package/layouts/surface/Surface.css +39 -39
- package/layouts/surface/Surface.sty.js +2 -2
- package/layouts/surface/variables.sty.js +1 -1
- package/package.json +3 -3
- package/styles/colorUtils.css +60 -60
- package/styles/colorUtils.sty.js +2 -2
- package/styles/container.css +47 -47
- package/styles/container.sty.js +2 -2
- package/styles/ellipsis.css +1 -1
- package/styles/ellipsis.sty.js +1 -1
- package/styles/field.css +153 -153
- package/styles/field.sty.js +2 -2
- package/styles/sprinkles.css +262 -262
- package/styles/sprinkles.sty.js +1 -1
- package/styles/textStyle.css +8 -8
- package/styles/textStyle.sty.js +1 -1
- package/typography/block-quote/Blockquote.css +2 -2
- package/typography/block-quote/Blockquote.sty.js +1 -1
- package/typography/code/Code.css +2 -2
- package/typography/code/Code.sty.js +1 -1
- package/typography/emphasis/Emphasis.css +1 -1
- package/typography/emphasis/Emphasis.sty.js +1 -1
- package/typography/external-link/ExternalLink.css +5 -5
- package/typography/external-link/ExternalLink.sty.js +1 -1
- package/typography/heading/Heading.css +7 -7
- package/typography/heading/Heading.sty.js +1 -1
- package/typography/highlight/Highlight.css +2 -2
- package/typography/highlight/Highlight.sty.js +2 -2
- package/typography/link/Link.css +3 -6
- package/typography/link/Link.js +7 -4
- package/typography/link/Link.sty.d.ts +1 -1
- package/typography/link/Link.sty.js +2 -2
- package/typography/list/List.css +4 -4
- package/typography/list/List.sty.js +2 -2
- package/typography/paragraph/Paragraph.css +3 -3
- package/typography/paragraph/Paragraph.sty.js +1 -1
- package/typography/strikethrough/Strikethrough.css +1 -1
- package/typography/strikethrough/Strikethrough.sty.js +1 -1
- package/typography/strong/Strong.css +1 -1
- package/typography/strong/Strong.sty.js +1 -1
- package/typography/text/Text.css +3 -3
- package/typography/text/Text.sty.js +1 -1
- package/typography/text-ellipsis/TextEllipsis.css +6 -6
- package/typography/text-ellipsis/TextEllipsis.sty.js +2 -2
package/styles/sprinkles.sty.js
CHANGED
|
@@ -24,5 +24,5 @@ __export(sprinkles_css_exports, {
|
|
|
24
24
|
module.exports = __toCommonJS(sprinkles_css_exports);
|
|
25
25
|
var import_sprinkles_css_ts_vanilla = require("./sprinkles.css");
|
|
26
26
|
var import_createRuntimeSprinkles = require("@vanilla-extract/sprinkles/createRuntimeSprinkles");
|
|
27
|
-
var globalSprinkleProperties = { conditions: void 0, styles: { gap: { values: { "0": { defaultClass: "_1bzvwaf0-1-10-0" }, "2": { defaultClass: "_1bzvwaf1-1-10-0" }, "4": { defaultClass: "_1bzvwaf2-1-10-0" }, "6": { defaultClass: "_1bzvwaf3-1-10-0" }, "8": { defaultClass: "_1bzvwaf4-1-10-0" }, "12": { defaultClass: "_1bzvwaf5-1-10-0" }, "16": { defaultClass: "_1bzvwaf6-1-10-0" }, "20": { defaultClass: "_1bzvwaf7-1-10-0" }, "24": { defaultClass: "_1bzvwaf8-1-10-0" }, "32": { defaultClass: "_1bzvwaf9-1-10-0" }, "40": { defaultClass: "_1bzvwafa-1-10-0" }, "48": { defaultClass: "_1bzvwafb-1-10-0" }, "56": { defaultClass: "_1bzvwafc-1-10-0" }, "64": { defaultClass: "_1bzvwafd-1-10-0" } } }, rowGap: { values: { "0": { defaultClass: "_1bzvwafe-1-10-0" }, "2": { defaultClass: "_1bzvwaff-1-10-0" }, "4": { defaultClass: "_1bzvwafg-1-10-0" }, "6": { defaultClass: "_1bzvwafh-1-10-0" }, "8": { defaultClass: "_1bzvwafi-1-10-0" }, "12": { defaultClass: "_1bzvwafj-1-10-0" }, "16": { defaultClass: "_1bzvwafk-1-10-0" }, "20": { defaultClass: "_1bzvwafl-1-10-0" }, "24": { defaultClass: "_1bzvwafm-1-10-0" }, "32": { defaultClass: "_1bzvwafn-1-10-0" }, "40": { defaultClass: "_1bzvwafo-1-10-0" }, "48": { defaultClass: "_1bzvwafp-1-10-0" }, "56": { defaultClass: "_1bzvwafq-1-10-0" }, "64": { defaultClass: "_1bzvwafr-1-10-0" } } }, columnGap: { values: { "0": { defaultClass: "_1bzvwafs-1-10-0" }, "2": { defaultClass: "_1bzvwaft-1-10-0" }, "4": { defaultClass: "_1bzvwafu-1-10-0" }, "6": { defaultClass: "_1bzvwafv-1-10-0" }, "8": { defaultClass: "_1bzvwafw-1-10-0" }, "12": { defaultClass: "_1bzvwafx-1-10-0" }, "16": { defaultClass: "_1bzvwafy-1-10-0" }, "20": { defaultClass: "_1bzvwafz-1-10-0" }, "24": { defaultClass: "_1bzvwaf10-1-10-0" }, "32": { defaultClass: "_1bzvwaf11-1-10-0" }, "40": { defaultClass: "_1bzvwaf12-1-10-0" }, "48": { defaultClass: "_1bzvwaf13-1-10-0" }, "56": { defaultClass: "_1bzvwaf14-1-10-0" }, "64": { defaultClass: "_1bzvwaf15-1-10-0" } } }, paddingTop: { values: { "0": { defaultClass: "_1bzvwaf16-1-10-0" }, "2": { defaultClass: "_1bzvwaf17-1-10-0" }, "4": { defaultClass: "_1bzvwaf18-1-10-0" }, "6": { defaultClass: "_1bzvwaf19-1-10-0" }, "8": { defaultClass: "_1bzvwaf1a-1-10-0" }, "12": { defaultClass: "_1bzvwaf1b-1-10-0" }, "16": { defaultClass: "_1bzvwaf1c-1-10-0" }, "20": { defaultClass: "_1bzvwaf1d-1-10-0" }, "24": { defaultClass: "_1bzvwaf1e-1-10-0" }, "32": { defaultClass: "_1bzvwaf1f-1-10-0" }, "40": { defaultClass: "_1bzvwaf1g-1-10-0" }, "48": { defaultClass: "_1bzvwaf1h-1-10-0" }, "56": { defaultClass: "_1bzvwaf1i-1-10-0" }, "64": { defaultClass: "_1bzvwaf1j-1-10-0" } } }, paddingBottom: { values: { "0": { defaultClass: "_1bzvwaf1k-1-10-0" }, "2": { defaultClass: "_1bzvwaf1l-1-10-0" }, "4": { defaultClass: "_1bzvwaf1m-1-10-0" }, "6": { defaultClass: "_1bzvwaf1n-1-10-0" }, "8": { defaultClass: "_1bzvwaf1o-1-10-0" }, "12": { defaultClass: "_1bzvwaf1p-1-10-0" }, "16": { defaultClass: "_1bzvwaf1q-1-10-0" }, "20": { defaultClass: "_1bzvwaf1r-1-10-0" }, "24": { defaultClass: "_1bzvwaf1s-1-10-0" }, "32": { defaultClass: "_1bzvwaf1t-1-10-0" }, "40": { defaultClass: "_1bzvwaf1u-1-10-0" }, "48": { defaultClass: "_1bzvwaf1v-1-10-0" }, "56": { defaultClass: "_1bzvwaf1w-1-10-0" }, "64": { defaultClass: "_1bzvwaf1x-1-10-0" } } }, paddingLeft: { values: { "0": { defaultClass: "_1bzvwaf1y-1-10-0" }, "2": { defaultClass: "_1bzvwaf1z-1-10-0" }, "4": { defaultClass: "_1bzvwaf20-1-10-0" }, "6": { defaultClass: "_1bzvwaf21-1-10-0" }, "8": { defaultClass: "_1bzvwaf22-1-10-0" }, "12": { defaultClass: "_1bzvwaf23-1-10-0" }, "16": { defaultClass: "_1bzvwaf24-1-10-0" }, "20": { defaultClass: "_1bzvwaf25-1-10-0" }, "24": { defaultClass: "_1bzvwaf26-1-10-0" }, "32": { defaultClass: "_1bzvwaf27-1-10-0" }, "40": { defaultClass: "_1bzvwaf28-1-10-0" }, "48": { defaultClass: "_1bzvwaf29-1-10-0" }, "56": { defaultClass: "_1bzvwaf2a-1-10-0" }, "64": { defaultClass: "_1bzvwaf2b-1-10-0" } } }, paddingRight: { values: { "0": { defaultClass: "_1bzvwaf2c-1-10-0" }, "2": { defaultClass: "_1bzvwaf2d-1-10-0" }, "4": { defaultClass: "_1bzvwaf2e-1-10-0" }, "6": { defaultClass: "_1bzvwaf2f-1-10-0" }, "8": { defaultClass: "_1bzvwaf2g-1-10-0" }, "12": { defaultClass: "_1bzvwaf2h-1-10-0" }, "16": { defaultClass: "_1bzvwaf2i-1-10-0" }, "20": { defaultClass: "_1bzvwaf2j-1-10-0" }, "24": { defaultClass: "_1bzvwaf2k-1-10-0" }, "32": { defaultClass: "_1bzvwaf2l-1-10-0" }, "40": { defaultClass: "_1bzvwaf2m-1-10-0" }, "48": { defaultClass: "_1bzvwaf2n-1-10-0" }, "56": { defaultClass: "_1bzvwaf2o-1-10-0" }, "64": { defaultClass: "_1bzvwaf2p-1-10-0" } } }, marginTop: { values: { "0": { defaultClass: "_1bzvwaf2q-1-10-0" }, "2": { defaultClass: "_1bzvwaf2r-1-10-0" }, "4": { defaultClass: "_1bzvwaf2s-1-10-0" }, "6": { defaultClass: "_1bzvwaf2t-1-10-0" }, "8": { defaultClass: "_1bzvwaf2u-1-10-0" }, "12": { defaultClass: "_1bzvwaf2v-1-10-0" }, "16": { defaultClass: "_1bzvwaf2w-1-10-0" }, "20": { defaultClass: "_1bzvwaf2x-1-10-0" }, "24": { defaultClass: "_1bzvwaf2y-1-10-0" }, "32": { defaultClass: "_1bzvwaf2z-1-10-0" }, "40": { defaultClass: "_1bzvwaf30-1-10-0" }, "48": { defaultClass: "_1bzvwaf31-1-10-0" }, "56": { defaultClass: "_1bzvwaf32-1-10-0" }, "64": { defaultClass: "_1bzvwaf33-1-10-0" }, auto: { defaultClass: "_1bzvwaf34-1-10-0" } } }, marginBottom: { values: { "0": { defaultClass: "_1bzvwaf35-1-10-0" }, "2": { defaultClass: "_1bzvwaf36-1-10-0" }, "4": { defaultClass: "_1bzvwaf37-1-10-0" }, "6": { defaultClass: "_1bzvwaf38-1-10-0" }, "8": { defaultClass: "_1bzvwaf39-1-10-0" }, "12": { defaultClass: "_1bzvwaf3a-1-10-0" }, "16": { defaultClass: "_1bzvwaf3b-1-10-0" }, "20": { defaultClass: "_1bzvwaf3c-1-10-0" }, "24": { defaultClass: "_1bzvwaf3d-1-10-0" }, "32": { defaultClass: "_1bzvwaf3e-1-10-0" }, "40": { defaultClass: "_1bzvwaf3f-1-10-0" }, "48": { defaultClass: "_1bzvwaf3g-1-10-0" }, "56": { defaultClass: "_1bzvwaf3h-1-10-0" }, "64": { defaultClass: "_1bzvwaf3i-1-10-0" }, auto: { defaultClass: "_1bzvwaf3j-1-10-0" } } }, marginLeft: { values: { "0": { defaultClass: "_1bzvwaf3k-1-10-0" }, "2": { defaultClass: "_1bzvwaf3l-1-10-0" }, "4": { defaultClass: "_1bzvwaf3m-1-10-0" }, "6": { defaultClass: "_1bzvwaf3n-1-10-0" }, "8": { defaultClass: "_1bzvwaf3o-1-10-0" }, "12": { defaultClass: "_1bzvwaf3p-1-10-0" }, "16": { defaultClass: "_1bzvwaf3q-1-10-0" }, "20": { defaultClass: "_1bzvwaf3r-1-10-0" }, "24": { defaultClass: "_1bzvwaf3s-1-10-0" }, "32": { defaultClass: "_1bzvwaf3t-1-10-0" }, "40": { defaultClass: "_1bzvwaf3u-1-10-0" }, "48": { defaultClass: "_1bzvwaf3v-1-10-0" }, "56": { defaultClass: "_1bzvwaf3w-1-10-0" }, "64": { defaultClass: "_1bzvwaf3x-1-10-0" }, auto: { defaultClass: "_1bzvwaf3y-1-10-0" } } }, marginRight: { values: { "0": { defaultClass: "_1bzvwaf3z-1-10-0" }, "2": { defaultClass: "_1bzvwaf40-1-10-0" }, "4": { defaultClass: "_1bzvwaf41-1-10-0" }, "6": { defaultClass: "_1bzvwaf42-1-10-0" }, "8": { defaultClass: "_1bzvwaf43-1-10-0" }, "12": { defaultClass: "_1bzvwaf44-1-10-0" }, "16": { defaultClass: "_1bzvwaf45-1-10-0" }, "20": { defaultClass: "_1bzvwaf46-1-10-0" }, "24": { defaultClass: "_1bzvwaf47-1-10-0" }, "32": { defaultClass: "_1bzvwaf48-1-10-0" }, "40": { defaultClass: "_1bzvwaf49-1-10-0" }, "48": { defaultClass: "_1bzvwaf4a-1-10-0" }, "56": { defaultClass: "_1bzvwaf4b-1-10-0" }, "64": { defaultClass: "_1bzvwaf4c-1-10-0" }, auto: { defaultClass: "_1bzvwaf4d-1-10-0" } } }, justifySelf: { values: { center: { defaultClass: "_1bzvwaf4e-1-10-0" }, end: { defaultClass: "_1bzvwaf4f-1-10-0" }, "flex-end": { defaultClass: "_1bzvwaf4g-1-10-0" }, "flex-start": { defaultClass: "_1bzvwaf4h-1-10-0" }, "self-end": { defaultClass: "_1bzvwaf4i-1-10-0" }, "self-start": { defaultClass: "_1bzvwaf4j-1-10-0" }, start: { defaultClass: "_1bzvwaf4k-1-10-0" }, auto: { defaultClass: "_1bzvwaf4l-1-10-0" }, baseline: { defaultClass: "_1bzvwaf4m-1-10-0" }, left: { defaultClass: "_1bzvwaf4n-1-10-0" }, normal: { defaultClass: "_1bzvwaf4o-1-10-0" }, right: { defaultClass: "_1bzvwaf4p-1-10-0" }, stretch: { defaultClass: "_1bzvwaf4q-1-10-0" } } }, alignSelf: { values: { center: { defaultClass: "_1bzvwaf4r-1-10-0" }, end: { defaultClass: "_1bzvwaf4s-1-10-0" }, "flex-end": { defaultClass: "_1bzvwaf4t-1-10-0" }, "flex-start": { defaultClass: "_1bzvwaf4u-1-10-0" }, "self-end": { defaultClass: "_1bzvwaf4v-1-10-0" }, "self-start": { defaultClass: "_1bzvwaf4w-1-10-0" }, start: { defaultClass: "_1bzvwaf4x-1-10-0" }, auto: { defaultClass: "_1bzvwaf4y-1-10-0" }, baseline: { defaultClass: "_1bzvwaf4z-1-10-0" }, normal: { defaultClass: "_1bzvwaf50-1-10-0" }, stretch: { defaultClass: "_1bzvwaf51-1-10-0" } } }, placeSelf: { values: { center: { defaultClass: "_1bzvwaf52-1-10-0" }, end: { defaultClass: "_1bzvwaf53-1-10-0" }, "flex-end": { defaultClass: "_1bzvwaf54-1-10-0" }, "flex-start": { defaultClass: "_1bzvwaf55-1-10-0" }, "self-end": { defaultClass: "_1bzvwaf56-1-10-0" }, "self-start": { defaultClass: "_1bzvwaf57-1-10-0" }, start: { defaultClass: "_1bzvwaf58-1-10-0" }, auto: { defaultClass: "_1bzvwaf59-1-10-0" }, baseline: { defaultClass: "_1bzvwaf5a-1-10-0" }, normal: { defaultClass: "_1bzvwaf5b-1-10-0" }, stretch: { defaultClass: "_1bzvwaf5c-1-10-0" } } }, justifyItems: { values: { center: { defaultClass: "_1bzvwaf5d-1-10-0" }, end: { defaultClass: "_1bzvwaf5e-1-10-0" }, "flex-end": { defaultClass: "_1bzvwaf5f-1-10-0" }, "flex-start": { defaultClass: "_1bzvwaf5g-1-10-0" }, "self-end": { defaultClass: "_1bzvwaf5h-1-10-0" }, "self-start": { defaultClass: "_1bzvwaf5i-1-10-0" }, start: { defaultClass: "_1bzvwaf5j-1-10-0" }, baseline: { defaultClass: "_1bzvwaf5k-1-10-0" }, left: { defaultClass: "_1bzvwaf5l-1-10-0" }, legacy: { defaultClass: "_1bzvwaf5m-1-10-0" }, normal: { defaultClass: "_1bzvwaf5n-1-10-0" }, right: { defaultClass: "_1bzvwaf5o-1-10-0" }, stretch: { defaultClass: "_1bzvwaf5p-1-10-0" } } }, alignItems: { values: { center: { defaultClass: "_1bzvwaf5q-1-10-0" }, end: { defaultClass: "_1bzvwaf5r-1-10-0" }, "flex-end": { defaultClass: "_1bzvwaf5s-1-10-0" }, "flex-start": { defaultClass: "_1bzvwaf5t-1-10-0" }, "self-end": { defaultClass: "_1bzvwaf5u-1-10-0" }, "self-start": { defaultClass: "_1bzvwaf5v-1-10-0" }, start: { defaultClass: "_1bzvwaf5w-1-10-0" }, baseline: { defaultClass: "_1bzvwaf5x-1-10-0" }, normal: { defaultClass: "_1bzvwaf5y-1-10-0" }, stretch: { defaultClass: "_1bzvwaf5z-1-10-0" } } }, placeItems: { values: { center: { defaultClass: "_1bzvwaf60-1-10-0" }, end: { defaultClass: "_1bzvwaf61-1-10-0" }, "flex-end": { defaultClass: "_1bzvwaf62-1-10-0" }, "flex-start": { defaultClass: "_1bzvwaf63-1-10-0" }, "self-end": { defaultClass: "_1bzvwaf64-1-10-0" }, "self-start": { defaultClass: "_1bzvwaf65-1-10-0" }, start: { defaultClass: "_1bzvwaf66-1-10-0" }, baseline: { defaultClass: "_1bzvwaf67-1-10-0" }, normal: { defaultClass: "_1bzvwaf68-1-10-0" }, stretch: { defaultClass: "_1bzvwaf69-1-10-0" } } }, justifyContent: { values: { "space-around": { defaultClass: "_1bzvwaf6a-1-10-0" }, "space-between": { defaultClass: "_1bzvwaf6b-1-10-0" }, "space-evenly": { defaultClass: "_1bzvwaf6c-1-10-0" }, stretch: { defaultClass: "_1bzvwaf6d-1-10-0" }, center: { defaultClass: "_1bzvwaf6e-1-10-0" }, end: { defaultClass: "_1bzvwaf6f-1-10-0" }, "flex-end": { defaultClass: "_1bzvwaf6g-1-10-0" }, "flex-start": { defaultClass: "_1bzvwaf6h-1-10-0" }, start: { defaultClass: "_1bzvwaf6i-1-10-0" }, left: { defaultClass: "_1bzvwaf6j-1-10-0" }, normal: { defaultClass: "_1bzvwaf6k-1-10-0" }, right: { defaultClass: "_1bzvwaf6l-1-10-0" } } }, alignContent: { values: { "space-around": { defaultClass: "_1bzvwaf6m-1-10-0" }, "space-between": { defaultClass: "_1bzvwaf6n-1-10-0" }, "space-evenly": { defaultClass: "_1bzvwaf6o-1-10-0" }, stretch: { defaultClass: "_1bzvwaf6p-1-10-0" }, center: { defaultClass: "_1bzvwaf6q-1-10-0" }, end: { defaultClass: "_1bzvwaf6r-1-10-0" }, "flex-end": { defaultClass: "_1bzvwaf6s-1-10-0" }, "flex-start": { defaultClass: "_1bzvwaf6t-1-10-0" }, start: { defaultClass: "_1bzvwaf6u-1-10-0" }, baseline: { defaultClass: "_1bzvwaf6v-1-10-0" }, normal: { defaultClass: "_1bzvwaf6w-1-10-0" } } }, placeContent: { values: { "space-around": { defaultClass: "_1bzvwaf6x-1-10-0" }, "space-between": { defaultClass: "_1bzvwaf6y-1-10-0" }, "space-evenly": { defaultClass: "_1bzvwaf6z-1-10-0" }, stretch: { defaultClass: "_1bzvwaf70-1-10-0" }, center: { defaultClass: "_1bzvwaf71-1-10-0" }, end: { defaultClass: "_1bzvwaf72-1-10-0" }, "flex-end": { defaultClass: "_1bzvwaf73-1-10-0" }, "flex-start": { defaultClass: "_1bzvwaf74-1-10-0" }, start: { defaultClass: "_1bzvwaf75-1-10-0" }, baseline: { defaultClass: "_1bzvwaf76-1-10-0" }, normal: { defaultClass: "_1bzvwaf77-1-10-0" } } }, display: { values: { flex: { defaultClass: "_1bzvwaf78-1-10-0" }, grid: { defaultClass: "_1bzvwaf79-1-10-0" } } } } };
|
|
27
|
+
var globalSprinkleProperties = { conditions: void 0, styles: { gap: { values: { "0": { defaultClass: "_1bzvwaf0-1-11-0" }, "2": { defaultClass: "_1bzvwaf1-1-11-0" }, "4": { defaultClass: "_1bzvwaf2-1-11-0" }, "6": { defaultClass: "_1bzvwaf3-1-11-0" }, "8": { defaultClass: "_1bzvwaf4-1-11-0" }, "12": { defaultClass: "_1bzvwaf5-1-11-0" }, "16": { defaultClass: "_1bzvwaf6-1-11-0" }, "20": { defaultClass: "_1bzvwaf7-1-11-0" }, "24": { defaultClass: "_1bzvwaf8-1-11-0" }, "32": { defaultClass: "_1bzvwaf9-1-11-0" }, "40": { defaultClass: "_1bzvwafa-1-11-0" }, "48": { defaultClass: "_1bzvwafb-1-11-0" }, "56": { defaultClass: "_1bzvwafc-1-11-0" }, "64": { defaultClass: "_1bzvwafd-1-11-0" } } }, rowGap: { values: { "0": { defaultClass: "_1bzvwafe-1-11-0" }, "2": { defaultClass: "_1bzvwaff-1-11-0" }, "4": { defaultClass: "_1bzvwafg-1-11-0" }, "6": { defaultClass: "_1bzvwafh-1-11-0" }, "8": { defaultClass: "_1bzvwafi-1-11-0" }, "12": { defaultClass: "_1bzvwafj-1-11-0" }, "16": { defaultClass: "_1bzvwafk-1-11-0" }, "20": { defaultClass: "_1bzvwafl-1-11-0" }, "24": { defaultClass: "_1bzvwafm-1-11-0" }, "32": { defaultClass: "_1bzvwafn-1-11-0" }, "40": { defaultClass: "_1bzvwafo-1-11-0" }, "48": { defaultClass: "_1bzvwafp-1-11-0" }, "56": { defaultClass: "_1bzvwafq-1-11-0" }, "64": { defaultClass: "_1bzvwafr-1-11-0" } } }, columnGap: { values: { "0": { defaultClass: "_1bzvwafs-1-11-0" }, "2": { defaultClass: "_1bzvwaft-1-11-0" }, "4": { defaultClass: "_1bzvwafu-1-11-0" }, "6": { defaultClass: "_1bzvwafv-1-11-0" }, "8": { defaultClass: "_1bzvwafw-1-11-0" }, "12": { defaultClass: "_1bzvwafx-1-11-0" }, "16": { defaultClass: "_1bzvwafy-1-11-0" }, "20": { defaultClass: "_1bzvwafz-1-11-0" }, "24": { defaultClass: "_1bzvwaf10-1-11-0" }, "32": { defaultClass: "_1bzvwaf11-1-11-0" }, "40": { defaultClass: "_1bzvwaf12-1-11-0" }, "48": { defaultClass: "_1bzvwaf13-1-11-0" }, "56": { defaultClass: "_1bzvwaf14-1-11-0" }, "64": { defaultClass: "_1bzvwaf15-1-11-0" } } }, paddingTop: { values: { "0": { defaultClass: "_1bzvwaf16-1-11-0" }, "2": { defaultClass: "_1bzvwaf17-1-11-0" }, "4": { defaultClass: "_1bzvwaf18-1-11-0" }, "6": { defaultClass: "_1bzvwaf19-1-11-0" }, "8": { defaultClass: "_1bzvwaf1a-1-11-0" }, "12": { defaultClass: "_1bzvwaf1b-1-11-0" }, "16": { defaultClass: "_1bzvwaf1c-1-11-0" }, "20": { defaultClass: "_1bzvwaf1d-1-11-0" }, "24": { defaultClass: "_1bzvwaf1e-1-11-0" }, "32": { defaultClass: "_1bzvwaf1f-1-11-0" }, "40": { defaultClass: "_1bzvwaf1g-1-11-0" }, "48": { defaultClass: "_1bzvwaf1h-1-11-0" }, "56": { defaultClass: "_1bzvwaf1i-1-11-0" }, "64": { defaultClass: "_1bzvwaf1j-1-11-0" } } }, paddingBottom: { values: { "0": { defaultClass: "_1bzvwaf1k-1-11-0" }, "2": { defaultClass: "_1bzvwaf1l-1-11-0" }, "4": { defaultClass: "_1bzvwaf1m-1-11-0" }, "6": { defaultClass: "_1bzvwaf1n-1-11-0" }, "8": { defaultClass: "_1bzvwaf1o-1-11-0" }, "12": { defaultClass: "_1bzvwaf1p-1-11-0" }, "16": { defaultClass: "_1bzvwaf1q-1-11-0" }, "20": { defaultClass: "_1bzvwaf1r-1-11-0" }, "24": { defaultClass: "_1bzvwaf1s-1-11-0" }, "32": { defaultClass: "_1bzvwaf1t-1-11-0" }, "40": { defaultClass: "_1bzvwaf1u-1-11-0" }, "48": { defaultClass: "_1bzvwaf1v-1-11-0" }, "56": { defaultClass: "_1bzvwaf1w-1-11-0" }, "64": { defaultClass: "_1bzvwaf1x-1-11-0" } } }, paddingLeft: { values: { "0": { defaultClass: "_1bzvwaf1y-1-11-0" }, "2": { defaultClass: "_1bzvwaf1z-1-11-0" }, "4": { defaultClass: "_1bzvwaf20-1-11-0" }, "6": { defaultClass: "_1bzvwaf21-1-11-0" }, "8": { defaultClass: "_1bzvwaf22-1-11-0" }, "12": { defaultClass: "_1bzvwaf23-1-11-0" }, "16": { defaultClass: "_1bzvwaf24-1-11-0" }, "20": { defaultClass: "_1bzvwaf25-1-11-0" }, "24": { defaultClass: "_1bzvwaf26-1-11-0" }, "32": { defaultClass: "_1bzvwaf27-1-11-0" }, "40": { defaultClass: "_1bzvwaf28-1-11-0" }, "48": { defaultClass: "_1bzvwaf29-1-11-0" }, "56": { defaultClass: "_1bzvwaf2a-1-11-0" }, "64": { defaultClass: "_1bzvwaf2b-1-11-0" } } }, paddingRight: { values: { "0": { defaultClass: "_1bzvwaf2c-1-11-0" }, "2": { defaultClass: "_1bzvwaf2d-1-11-0" }, "4": { defaultClass: "_1bzvwaf2e-1-11-0" }, "6": { defaultClass: "_1bzvwaf2f-1-11-0" }, "8": { defaultClass: "_1bzvwaf2g-1-11-0" }, "12": { defaultClass: "_1bzvwaf2h-1-11-0" }, "16": { defaultClass: "_1bzvwaf2i-1-11-0" }, "20": { defaultClass: "_1bzvwaf2j-1-11-0" }, "24": { defaultClass: "_1bzvwaf2k-1-11-0" }, "32": { defaultClass: "_1bzvwaf2l-1-11-0" }, "40": { defaultClass: "_1bzvwaf2m-1-11-0" }, "48": { defaultClass: "_1bzvwaf2n-1-11-0" }, "56": { defaultClass: "_1bzvwaf2o-1-11-0" }, "64": { defaultClass: "_1bzvwaf2p-1-11-0" } } }, marginTop: { values: { "0": { defaultClass: "_1bzvwaf2q-1-11-0" }, "2": { defaultClass: "_1bzvwaf2r-1-11-0" }, "4": { defaultClass: "_1bzvwaf2s-1-11-0" }, "6": { defaultClass: "_1bzvwaf2t-1-11-0" }, "8": { defaultClass: "_1bzvwaf2u-1-11-0" }, "12": { defaultClass: "_1bzvwaf2v-1-11-0" }, "16": { defaultClass: "_1bzvwaf2w-1-11-0" }, "20": { defaultClass: "_1bzvwaf2x-1-11-0" }, "24": { defaultClass: "_1bzvwaf2y-1-11-0" }, "32": { defaultClass: "_1bzvwaf2z-1-11-0" }, "40": { defaultClass: "_1bzvwaf30-1-11-0" }, "48": { defaultClass: "_1bzvwaf31-1-11-0" }, "56": { defaultClass: "_1bzvwaf32-1-11-0" }, "64": { defaultClass: "_1bzvwaf33-1-11-0" }, auto: { defaultClass: "_1bzvwaf34-1-11-0" } } }, marginBottom: { values: { "0": { defaultClass: "_1bzvwaf35-1-11-0" }, "2": { defaultClass: "_1bzvwaf36-1-11-0" }, "4": { defaultClass: "_1bzvwaf37-1-11-0" }, "6": { defaultClass: "_1bzvwaf38-1-11-0" }, "8": { defaultClass: "_1bzvwaf39-1-11-0" }, "12": { defaultClass: "_1bzvwaf3a-1-11-0" }, "16": { defaultClass: "_1bzvwaf3b-1-11-0" }, "20": { defaultClass: "_1bzvwaf3c-1-11-0" }, "24": { defaultClass: "_1bzvwaf3d-1-11-0" }, "32": { defaultClass: "_1bzvwaf3e-1-11-0" }, "40": { defaultClass: "_1bzvwaf3f-1-11-0" }, "48": { defaultClass: "_1bzvwaf3g-1-11-0" }, "56": { defaultClass: "_1bzvwaf3h-1-11-0" }, "64": { defaultClass: "_1bzvwaf3i-1-11-0" }, auto: { defaultClass: "_1bzvwaf3j-1-11-0" } } }, marginLeft: { values: { "0": { defaultClass: "_1bzvwaf3k-1-11-0" }, "2": { defaultClass: "_1bzvwaf3l-1-11-0" }, "4": { defaultClass: "_1bzvwaf3m-1-11-0" }, "6": { defaultClass: "_1bzvwaf3n-1-11-0" }, "8": { defaultClass: "_1bzvwaf3o-1-11-0" }, "12": { defaultClass: "_1bzvwaf3p-1-11-0" }, "16": { defaultClass: "_1bzvwaf3q-1-11-0" }, "20": { defaultClass: "_1bzvwaf3r-1-11-0" }, "24": { defaultClass: "_1bzvwaf3s-1-11-0" }, "32": { defaultClass: "_1bzvwaf3t-1-11-0" }, "40": { defaultClass: "_1bzvwaf3u-1-11-0" }, "48": { defaultClass: "_1bzvwaf3v-1-11-0" }, "56": { defaultClass: "_1bzvwaf3w-1-11-0" }, "64": { defaultClass: "_1bzvwaf3x-1-11-0" }, auto: { defaultClass: "_1bzvwaf3y-1-11-0" } } }, marginRight: { values: { "0": { defaultClass: "_1bzvwaf3z-1-11-0" }, "2": { defaultClass: "_1bzvwaf40-1-11-0" }, "4": { defaultClass: "_1bzvwaf41-1-11-0" }, "6": { defaultClass: "_1bzvwaf42-1-11-0" }, "8": { defaultClass: "_1bzvwaf43-1-11-0" }, "12": { defaultClass: "_1bzvwaf44-1-11-0" }, "16": { defaultClass: "_1bzvwaf45-1-11-0" }, "20": { defaultClass: "_1bzvwaf46-1-11-0" }, "24": { defaultClass: "_1bzvwaf47-1-11-0" }, "32": { defaultClass: "_1bzvwaf48-1-11-0" }, "40": { defaultClass: "_1bzvwaf49-1-11-0" }, "48": { defaultClass: "_1bzvwaf4a-1-11-0" }, "56": { defaultClass: "_1bzvwaf4b-1-11-0" }, "64": { defaultClass: "_1bzvwaf4c-1-11-0" }, auto: { defaultClass: "_1bzvwaf4d-1-11-0" } } }, justifySelf: { values: { center: { defaultClass: "_1bzvwaf4e-1-11-0" }, end: { defaultClass: "_1bzvwaf4f-1-11-0" }, "flex-end": { defaultClass: "_1bzvwaf4g-1-11-0" }, "flex-start": { defaultClass: "_1bzvwaf4h-1-11-0" }, "self-end": { defaultClass: "_1bzvwaf4i-1-11-0" }, "self-start": { defaultClass: "_1bzvwaf4j-1-11-0" }, start: { defaultClass: "_1bzvwaf4k-1-11-0" }, auto: { defaultClass: "_1bzvwaf4l-1-11-0" }, baseline: { defaultClass: "_1bzvwaf4m-1-11-0" }, left: { defaultClass: "_1bzvwaf4n-1-11-0" }, normal: { defaultClass: "_1bzvwaf4o-1-11-0" }, right: { defaultClass: "_1bzvwaf4p-1-11-0" }, stretch: { defaultClass: "_1bzvwaf4q-1-11-0" } } }, alignSelf: { values: { center: { defaultClass: "_1bzvwaf4r-1-11-0" }, end: { defaultClass: "_1bzvwaf4s-1-11-0" }, "flex-end": { defaultClass: "_1bzvwaf4t-1-11-0" }, "flex-start": { defaultClass: "_1bzvwaf4u-1-11-0" }, "self-end": { defaultClass: "_1bzvwaf4v-1-11-0" }, "self-start": { defaultClass: "_1bzvwaf4w-1-11-0" }, start: { defaultClass: "_1bzvwaf4x-1-11-0" }, auto: { defaultClass: "_1bzvwaf4y-1-11-0" }, baseline: { defaultClass: "_1bzvwaf4z-1-11-0" }, normal: { defaultClass: "_1bzvwaf50-1-11-0" }, stretch: { defaultClass: "_1bzvwaf51-1-11-0" } } }, placeSelf: { values: { center: { defaultClass: "_1bzvwaf52-1-11-0" }, end: { defaultClass: "_1bzvwaf53-1-11-0" }, "flex-end": { defaultClass: "_1bzvwaf54-1-11-0" }, "flex-start": { defaultClass: "_1bzvwaf55-1-11-0" }, "self-end": { defaultClass: "_1bzvwaf56-1-11-0" }, "self-start": { defaultClass: "_1bzvwaf57-1-11-0" }, start: { defaultClass: "_1bzvwaf58-1-11-0" }, auto: { defaultClass: "_1bzvwaf59-1-11-0" }, baseline: { defaultClass: "_1bzvwaf5a-1-11-0" }, normal: { defaultClass: "_1bzvwaf5b-1-11-0" }, stretch: { defaultClass: "_1bzvwaf5c-1-11-0" } } }, justifyItems: { values: { center: { defaultClass: "_1bzvwaf5d-1-11-0" }, end: { defaultClass: "_1bzvwaf5e-1-11-0" }, "flex-end": { defaultClass: "_1bzvwaf5f-1-11-0" }, "flex-start": { defaultClass: "_1bzvwaf5g-1-11-0" }, "self-end": { defaultClass: "_1bzvwaf5h-1-11-0" }, "self-start": { defaultClass: "_1bzvwaf5i-1-11-0" }, start: { defaultClass: "_1bzvwaf5j-1-11-0" }, baseline: { defaultClass: "_1bzvwaf5k-1-11-0" }, left: { defaultClass: "_1bzvwaf5l-1-11-0" }, legacy: { defaultClass: "_1bzvwaf5m-1-11-0" }, normal: { defaultClass: "_1bzvwaf5n-1-11-0" }, right: { defaultClass: "_1bzvwaf5o-1-11-0" }, stretch: { defaultClass: "_1bzvwaf5p-1-11-0" } } }, alignItems: { values: { center: { defaultClass: "_1bzvwaf5q-1-11-0" }, end: { defaultClass: "_1bzvwaf5r-1-11-0" }, "flex-end": { defaultClass: "_1bzvwaf5s-1-11-0" }, "flex-start": { defaultClass: "_1bzvwaf5t-1-11-0" }, "self-end": { defaultClass: "_1bzvwaf5u-1-11-0" }, "self-start": { defaultClass: "_1bzvwaf5v-1-11-0" }, start: { defaultClass: "_1bzvwaf5w-1-11-0" }, baseline: { defaultClass: "_1bzvwaf5x-1-11-0" }, normal: { defaultClass: "_1bzvwaf5y-1-11-0" }, stretch: { defaultClass: "_1bzvwaf5z-1-11-0" } } }, placeItems: { values: { center: { defaultClass: "_1bzvwaf60-1-11-0" }, end: { defaultClass: "_1bzvwaf61-1-11-0" }, "flex-end": { defaultClass: "_1bzvwaf62-1-11-0" }, "flex-start": { defaultClass: "_1bzvwaf63-1-11-0" }, "self-end": { defaultClass: "_1bzvwaf64-1-11-0" }, "self-start": { defaultClass: "_1bzvwaf65-1-11-0" }, start: { defaultClass: "_1bzvwaf66-1-11-0" }, baseline: { defaultClass: "_1bzvwaf67-1-11-0" }, normal: { defaultClass: "_1bzvwaf68-1-11-0" }, stretch: { defaultClass: "_1bzvwaf69-1-11-0" } } }, justifyContent: { values: { "space-around": { defaultClass: "_1bzvwaf6a-1-11-0" }, "space-between": { defaultClass: "_1bzvwaf6b-1-11-0" }, "space-evenly": { defaultClass: "_1bzvwaf6c-1-11-0" }, stretch: { defaultClass: "_1bzvwaf6d-1-11-0" }, center: { defaultClass: "_1bzvwaf6e-1-11-0" }, end: { defaultClass: "_1bzvwaf6f-1-11-0" }, "flex-end": { defaultClass: "_1bzvwaf6g-1-11-0" }, "flex-start": { defaultClass: "_1bzvwaf6h-1-11-0" }, start: { defaultClass: "_1bzvwaf6i-1-11-0" }, left: { defaultClass: "_1bzvwaf6j-1-11-0" }, normal: { defaultClass: "_1bzvwaf6k-1-11-0" }, right: { defaultClass: "_1bzvwaf6l-1-11-0" } } }, alignContent: { values: { "space-around": { defaultClass: "_1bzvwaf6m-1-11-0" }, "space-between": { defaultClass: "_1bzvwaf6n-1-11-0" }, "space-evenly": { defaultClass: "_1bzvwaf6o-1-11-0" }, stretch: { defaultClass: "_1bzvwaf6p-1-11-0" }, center: { defaultClass: "_1bzvwaf6q-1-11-0" }, end: { defaultClass: "_1bzvwaf6r-1-11-0" }, "flex-end": { defaultClass: "_1bzvwaf6s-1-11-0" }, "flex-start": { defaultClass: "_1bzvwaf6t-1-11-0" }, start: { defaultClass: "_1bzvwaf6u-1-11-0" }, baseline: { defaultClass: "_1bzvwaf6v-1-11-0" }, normal: { defaultClass: "_1bzvwaf6w-1-11-0" } } }, placeContent: { values: { "space-around": { defaultClass: "_1bzvwaf6x-1-11-0" }, "space-between": { defaultClass: "_1bzvwaf6y-1-11-0" }, "space-evenly": { defaultClass: "_1bzvwaf6z-1-11-0" }, stretch: { defaultClass: "_1bzvwaf70-1-11-0" }, center: { defaultClass: "_1bzvwaf71-1-11-0" }, end: { defaultClass: "_1bzvwaf72-1-11-0" }, "flex-end": { defaultClass: "_1bzvwaf73-1-11-0" }, "flex-start": { defaultClass: "_1bzvwaf74-1-11-0" }, start: { defaultClass: "_1bzvwaf75-1-11-0" }, baseline: { defaultClass: "_1bzvwaf76-1-11-0" }, normal: { defaultClass: "_1bzvwaf77-1-11-0" } } }, display: { values: { flex: { defaultClass: "_1bzvwaf78-1-11-0" }, grid: { defaultClass: "_1bzvwaf79-1-11-0" } } } } };
|
|
28
28
|
var internalSprinkles = (0, import_createRuntimeSprinkles.createSprinkles)(globalSprinkleProperties);
|
package/styles/textStyle.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
._da9a8v7-1-
|
|
1
|
+
._da9a8v7-1-11-0 {
|
|
2
2
|
font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
|
|
3
3
|
font-weight: var(--dt-typography-code-base-default-weight, 400);
|
|
4
4
|
font-size: var(--dt-typography-code-base-default-size, 14px);
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
text-decoration: var(--dt-typography-code-base-default-text-decoration, none);
|
|
7
7
|
text-transform: var(--dt-typography-code-base-default-text-transform, none);
|
|
8
8
|
}
|
|
9
|
-
._da9a8v8-1-
|
|
9
|
+
._da9a8v8-1-11-0 {
|
|
10
10
|
font-family: var(--dt-typography-code-base-emphasized-family, Roboto Mono,monospace);
|
|
11
11
|
font-weight: var(--dt-typography-code-base-emphasized-weight, 500);
|
|
12
12
|
font-size: var(--dt-typography-code-base-emphasized-size, 14px);
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
text-decoration: var(--dt-typography-code-base-emphasized-text-decoration, none);
|
|
15
15
|
text-transform: var(--dt-typography-code-base-emphasized-text-transform, none);
|
|
16
16
|
}
|
|
17
|
-
._da9a8v9-1-
|
|
17
|
+
._da9a8v9-1-11-0 {
|
|
18
18
|
font-family: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
|
|
19
19
|
font-weight: var(--dt-typography-code-small-default-weight, 400);
|
|
20
20
|
font-size: var(--dt-typography-code-small-default-size, 12px);
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
text-decoration: var(--dt-typography-code-small-default-text-decoration, none);
|
|
23
23
|
text-transform: var(--dt-typography-code-small-default-text-transform, none);
|
|
24
24
|
}
|
|
25
|
-
._da9a8va-1-
|
|
25
|
+
._da9a8va-1-11-0 {
|
|
26
26
|
font-family: var(--dt-typography-code-small-emphasized-family, Roboto Mono,monospace);
|
|
27
27
|
font-weight: var(--dt-typography-code-small-emphasized-weight, 500);
|
|
28
28
|
font-size: var(--dt-typography-code-small-emphasized-size, 12px);
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
text-decoration: var(--dt-typography-code-small-emphasized-text-decoration, none);
|
|
31
31
|
text-transform: var(--dt-typography-code-small-emphasized-text-transform, none);
|
|
32
32
|
}
|
|
33
|
-
._da9a8vb-1-
|
|
33
|
+
._da9a8vb-1-11-0 {
|
|
34
34
|
font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
35
35
|
font-weight: var(--dt-typography-text-base-default-weight, 400);
|
|
36
36
|
font-size: var(--dt-typography-text-base-default-size, 14px);
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
text-decoration: var(--dt-typography-text-base-default-text-decoration, none);
|
|
39
39
|
text-transform: var(--dt-typography-text-base-default-text-transform, none);
|
|
40
40
|
}
|
|
41
|
-
._da9a8vc-1-
|
|
41
|
+
._da9a8vc-1-11-0 {
|
|
42
42
|
font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
43
43
|
font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
|
|
44
44
|
font-size: var(--dt-typography-text-base-emphasized-size, 14px);
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
text-decoration: var(--dt-typography-text-base-emphasized-text-decoration, none);
|
|
47
47
|
text-transform: var(--dt-typography-text-base-emphasized-text-transform, none);
|
|
48
48
|
}
|
|
49
|
-
._da9a8vd-1-
|
|
49
|
+
._da9a8vd-1-11-0 {
|
|
50
50
|
font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
51
51
|
font-weight: var(--dt-typography-text-small-default-weight, 400);
|
|
52
52
|
font-size: var(--dt-typography-text-small-default-size, 12px);
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
text-decoration: var(--dt-typography-text-small-default-text-decoration, none);
|
|
55
55
|
text-transform: var(--dt-typography-text-small-default-text-transform, none);
|
|
56
56
|
}
|
|
57
|
-
._da9a8ve-1-
|
|
57
|
+
._da9a8ve-1-11-0 {
|
|
58
58
|
font-family: var(--dt-typography-text-small-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
59
59
|
font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
|
|
60
60
|
font-size: var(--dt-typography-text-small-emphasized-size, 12px);
|
package/styles/textStyle.sty.js
CHANGED
|
@@ -23,4 +23,4 @@ __export(textStyle_css_exports, {
|
|
|
23
23
|
module.exports = __toCommonJS(textStyle_css_exports);
|
|
24
24
|
var import_textStyle_css_ts_vanilla = require("./textStyle.css");
|
|
25
25
|
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
26
|
-
var textStyleCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_da9a8v0-1-
|
|
26
|
+
var textStyleCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_da9a8v0-1-11-0", variantClassNames: { fontStyle: { code: "_da9a8v1-1-11-0", text: "_da9a8v2-1-11-0" }, textStyle: { base: "_da9a8v3-1-11-0", "base-emphasized": "_da9a8v4-1-11-0", small: "_da9a8v5-1-11-0", "small-emphasized": "_da9a8v6-1-11-0" } }, defaultVariants: { fontStyle: "text", textStyle: "base" }, compoundVariants: [[{ fontStyle: "code", textStyle: "base" }, "_da9a8v7-1-11-0"], [{ fontStyle: "code", textStyle: "base-emphasized" }, "_da9a8v8-1-11-0"], [{ fontStyle: "code", textStyle: "small" }, "_da9a8v9-1-11-0"], [{ fontStyle: "code", textStyle: "small-emphasized" }, "_da9a8va-1-11-0"], [{ fontStyle: "text", textStyle: "base" }, "_da9a8vb-1-11-0"], [{ fontStyle: "text", textStyle: "base-emphasized" }, "_da9a8vc-1-11-0"], [{ fontStyle: "text", textStyle: "small" }, "_da9a8vd-1-11-0"], [{ fontStyle: "text", textStyle: "small-emphasized" }, "_da9a8ve-1-11-0"]] });
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
._1knl9z60-1-
|
|
1
|
+
._1knl9z60-1-11-0 {
|
|
2
2
|
position: relative;
|
|
3
3
|
margin: var(--dt-spacings-size-0, 0);
|
|
4
4
|
padding-left: var(--dt-spacings-size-40, 40px);
|
|
5
5
|
word-break: normal;
|
|
6
6
|
overflow-wrap: anywhere;
|
|
7
7
|
}
|
|
8
|
-
._1knl9z60-1-
|
|
8
|
+
._1knl9z60-1-11-0:before {
|
|
9
9
|
content: "";
|
|
10
10
|
position: absolute;
|
|
11
11
|
top: 0;
|
package/typography/code/Code.css
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
._1v51izp0-1-
|
|
1
|
+
._1v51izp0-1-11-0 {
|
|
2
2
|
background: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
|
|
3
3
|
padding-top: var(--dt-spacings-size-0, 0);
|
|
4
4
|
padding-bottom: var(--dt-spacings-size-0, 0);
|
|
5
5
|
padding-left: var(--dt-spacings-size-4, 4px);
|
|
6
6
|
padding-right: var(--dt-spacings-size-4, 4px);
|
|
7
|
-
border-radius: var(--dt-borders-radius-field-subdued,
|
|
7
|
+
border-radius: var(--dt-borders-radius-field-subdued, 3px);
|
|
8
8
|
overflow-wrap: break-word;
|
|
9
9
|
font-style: normal;
|
|
10
10
|
font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
._1v1skpy0-1-
|
|
1
|
+
._1v1skpy0-1-11-0 {
|
|
2
2
|
display: inline;
|
|
3
3
|
color: var(--dt-colors-text-primary-default, #464cce);
|
|
4
4
|
text-decoration: underline;
|
|
5
5
|
overflow-wrap: anywhere;
|
|
6
6
|
}
|
|
7
|
-
._1v1skpy0-1-
|
|
7
|
+
._1v1skpy0-1-11-0:hover {
|
|
8
8
|
color: var(--dt-colors-text-primary-default-hover, #3431b3);
|
|
9
9
|
}
|
|
10
|
-
._1v1skpy0-1-
|
|
10
|
+
._1v1skpy0-1-11-0:active {
|
|
11
11
|
color: var(--dt-colors-text-primary-default-active, #250f98);
|
|
12
12
|
}
|
|
13
|
-
._1v1skpy0-1-
|
|
13
|
+
._1v1skpy0-1-11-0 > span:last-child {
|
|
14
14
|
white-space: nowrap;
|
|
15
15
|
}
|
|
16
|
-
._1v1skpy0-1-
|
|
16
|
+
._1v1skpy0-1-11-0 > span:last-child > svg {
|
|
17
17
|
margin-left: var(--dt-spacings-size-2, 2px);
|
|
18
18
|
width: 1lh;
|
|
19
19
|
height: 1lh;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
._5ei34w0-1-
|
|
1
|
+
._5ei34w0-1-11-0 {
|
|
2
2
|
margin: 0;
|
|
3
3
|
overflow-wrap: break-word;
|
|
4
4
|
font-style: normal;
|
|
5
5
|
color: inherit;
|
|
6
6
|
}
|
|
7
|
-
._5ei34w1-1-
|
|
7
|
+
._5ei34w1-1-11-0 {
|
|
8
8
|
font-family: var(--dt-typography-heading-level-1-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
9
9
|
font-size: var(--dt-typography-heading-level-1-size, 32px);
|
|
10
10
|
font-weight: var(--dt-typography-heading-level-1-weight, 600);
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
text-transform: var(--dt-typography-heading-level-1-text-transform, none);
|
|
13
13
|
text-decoration: var(--dt-typography-heading-level-1-text-decoration, none);
|
|
14
14
|
}
|
|
15
|
-
._5ei34w2-1-
|
|
15
|
+
._5ei34w2-1-11-0 {
|
|
16
16
|
font-family: var(--dt-typography-heading-level-2-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
17
17
|
font-size: var(--dt-typography-heading-level-2-size, 28px);
|
|
18
18
|
font-weight: var(--dt-typography-heading-level-2-weight, 600);
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
text-transform: var(--dt-typography-heading-level-2-text-transform, none);
|
|
21
21
|
text-decoration: var(--dt-typography-heading-level-2-text-decoration, none);
|
|
22
22
|
}
|
|
23
|
-
._5ei34w3-1-
|
|
23
|
+
._5ei34w3-1-11-0 {
|
|
24
24
|
font-family: var(--dt-typography-heading-level-3-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
25
25
|
font-size: var(--dt-typography-heading-level-3-size, 24px);
|
|
26
26
|
font-weight: var(--dt-typography-heading-level-3-weight, 600);
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
text-transform: var(--dt-typography-heading-level-3-text-transform, none);
|
|
29
29
|
text-decoration: var(--dt-typography-heading-level-3-text-decoration, none);
|
|
30
30
|
}
|
|
31
|
-
._5ei34w4-1-
|
|
31
|
+
._5ei34w4-1-11-0 {
|
|
32
32
|
font-family: var(--dt-typography-heading-level-4-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
33
33
|
font-size: var(--dt-typography-heading-level-4-size, 20px);
|
|
34
34
|
font-weight: var(--dt-typography-heading-level-4-weight, 600);
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
text-transform: var(--dt-typography-heading-level-4-text-transform, none);
|
|
37
37
|
text-decoration: var(--dt-typography-heading-level-4-text-decoration, none);
|
|
38
38
|
}
|
|
39
|
-
._5ei34w5-1-
|
|
39
|
+
._5ei34w5-1-11-0 {
|
|
40
40
|
font-family: var(--dt-typography-heading-level-5-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
41
41
|
font-size: var(--dt-typography-heading-level-5-size, 16px);
|
|
42
42
|
font-weight: var(--dt-typography-heading-level-5-weight, 600);
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
text-transform: var(--dt-typography-heading-level-5-text-transform, none);
|
|
45
45
|
text-decoration: var(--dt-typography-heading-level-5-text-decoration, none);
|
|
46
46
|
}
|
|
47
|
-
._5ei34w6-1-
|
|
47
|
+
._5ei34w6-1-11-0 {
|
|
48
48
|
font-family: var(--dt-typography-heading-level-6-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
49
49
|
font-size: var(--dt-typography-heading-level-6-size, 14px);
|
|
50
50
|
font-weight: var(--dt-typography-heading-level-6-weight, 600);
|
|
@@ -23,4 +23,4 @@ __export(Heading_css_exports, {
|
|
|
23
23
|
module.exports = __toCommonJS(Heading_css_exports);
|
|
24
24
|
var import_Heading_css_ts_vanilla = require("./Heading.css");
|
|
25
25
|
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
26
|
-
var headingCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_5ei34w0-1-
|
|
26
|
+
var headingCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_5ei34w0-1-11-0", variantClassNames: { visualLevel: { "1": "_5ei34w1-1-11-0", "2": "_5ei34w2-1-11-0", "3": "_5ei34w3-1-11-0", "4": "_5ei34w4-1-11-0", "5": "_5ei34w5-1-11-0", "6": "_5ei34w6-1-11-0" } }, defaultVariants: {}, compoundVariants: [] });
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
._lajjl30-1-
|
|
1
|
+
._lajjl30-1-11-0 {
|
|
2
2
|
color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
|
|
3
3
|
background: var(--dt-colors-background-container-neutral-accent, #5b5c81);
|
|
4
4
|
white-space: pre-wrap;
|
|
5
5
|
}
|
|
6
|
-
._lajjl31-1-
|
|
6
|
+
._lajjl31-1-11-0 {
|
|
7
7
|
white-space: pre-wrap;
|
|
8
8
|
flex: none;
|
|
9
9
|
}
|
|
@@ -23,5 +23,5 @@ __export(Highlight_css_exports, {
|
|
|
23
23
|
});
|
|
24
24
|
module.exports = __toCommonJS(Highlight_css_exports);
|
|
25
25
|
var import_Highlight_css_ts_vanilla = require("./Highlight.css");
|
|
26
|
-
var highlight = "_lajjl30-1-
|
|
27
|
-
var text = "_lajjl31-1-
|
|
26
|
+
var highlight = "_lajjl30-1-11-0";
|
|
27
|
+
var text = "_lajjl31-1-11-0";
|
package/typography/link/Link.css
CHANGED
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
._1iksxp40-1-
|
|
1
|
+
._1iksxp40-1-11-0 {
|
|
2
2
|
display: inline;
|
|
3
3
|
color: var(--dt-colors-text-primary-default, #464cce);
|
|
4
4
|
text-decoration: underline;
|
|
5
5
|
overflow-wrap: anywhere;
|
|
6
6
|
}
|
|
7
|
-
._1iksxp40-1-
|
|
7
|
+
._1iksxp40-1-11-0:hover {
|
|
8
8
|
color: var(--dt-colors-text-primary-default-hover, #3431b3);
|
|
9
9
|
}
|
|
10
|
-
._1iksxp40-1-
|
|
10
|
+
._1iksxp40-1-11-0:active {
|
|
11
11
|
color: var(--dt-colors-text-primary-default-active, #250f98);
|
|
12
|
-
}
|
|
13
|
-
._1iksxp40-1-10-0:focus-visible {
|
|
14
|
-
text-decoration: none;
|
|
15
12
|
}
|
package/typography/link/Link.js
CHANGED
|
@@ -34,7 +34,7 @@ module.exports = __toCommonJS(Link_exports);
|
|
|
34
34
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
35
35
|
var import_clsx = __toESM(require("clsx"));
|
|
36
36
|
var import_react = require("react");
|
|
37
|
-
var
|
|
37
|
+
var styles = __toESM(require("./Link.sty.js"));
|
|
38
38
|
var import_useFocusRing = require("../../core/styles/useFocusRing.js");
|
|
39
39
|
var import_merge_props = require("../../core/utils/merge-props.js");
|
|
40
40
|
const Link = /* @__PURE__ */ (0, import_react.forwardRef)(
|
|
@@ -48,7 +48,7 @@ const Link = /* @__PURE__ */ (0, import_react.forwardRef)(
|
|
|
48
48
|
style: consumerStyle,
|
|
49
49
|
...remainingProps
|
|
50
50
|
}, ref) => {
|
|
51
|
-
const { focusProps, focusClassName } = (0, import_useFocusRing.useFocusRing)({
|
|
51
|
+
const { focusProps, focusClassName, isFocusVisible } = (0, import_useFocusRing.useFocusRing)({
|
|
52
52
|
variant: "primary",
|
|
53
53
|
isMinimal: true
|
|
54
54
|
});
|
|
@@ -60,8 +60,11 @@ const Link = /* @__PURE__ */ (0, import_react.forwardRef)(
|
|
|
60
60
|
"data-testid": dataTestId,
|
|
61
61
|
"data-dtrum-mask": dataDtrumMask,
|
|
62
62
|
"data-dtrum-allow": dataDtrumAllow,
|
|
63
|
-
className: (0, import_clsx.default)(focusClassName,
|
|
64
|
-
style:
|
|
63
|
+
className: (0, import_clsx.default)(focusClassName, styles.link, consumerClassName),
|
|
64
|
+
style: {
|
|
65
|
+
...consumerStyle,
|
|
66
|
+
textDecoration: isFocusVisible ? "none" : void 0
|
|
67
|
+
},
|
|
65
68
|
...(0, import_merge_props.mergeProps)(
|
|
66
69
|
// Need to cast this one as the inference of mergeProps would generate
|
|
67
70
|
// a not allowed overlap. The remainingProps type is too complex due to the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const link: string;
|
|
@@ -18,8 +18,8 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
19
|
var Link_css_exports = {};
|
|
20
20
|
__export(Link_css_exports, {
|
|
21
|
-
|
|
21
|
+
link: () => link
|
|
22
22
|
});
|
|
23
23
|
module.exports = __toCommonJS(Link_css_exports);
|
|
24
24
|
var import_Link_css_ts_vanilla = require("./Link.css");
|
|
25
|
-
var
|
|
25
|
+
var link = "_1iksxp40-1-11-0";
|
package/typography/list/List.css
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
._16276mt0-1-
|
|
1
|
+
._16276mt0-1-11-0 {
|
|
2
2
|
margin: 0;
|
|
3
3
|
padding-left: var(--dt-spacings-size-40, 40px);
|
|
4
4
|
}
|
|
5
|
-
._16276mt0-1-
|
|
5
|
+
._16276mt0-1-11-0 ._16276mt0-1-11-0 {
|
|
6
6
|
margin-block: var(--dt-spacings-size-4, 4px);
|
|
7
7
|
padding-left: var(--dt-spacings-size-28, 28px);
|
|
8
8
|
}
|
|
9
|
-
._16276mt1-1-
|
|
9
|
+
._16276mt1-1-11-0 {
|
|
10
10
|
position: relative;
|
|
11
11
|
overflow-wrap: break-word;
|
|
12
12
|
margin-block: var(--dt-spacings-size-2, 2px);
|
|
13
13
|
}
|
|
14
|
-
._16276mt1-1-
|
|
14
|
+
._16276mt1-1-11-0::marker {
|
|
15
15
|
font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
|
|
16
16
|
}
|
|
@@ -23,5 +23,5 @@ __export(List_css_exports, {
|
|
|
23
23
|
});
|
|
24
24
|
module.exports = __toCommonJS(List_css_exports);
|
|
25
25
|
var import_List_css_ts_vanilla = require("./List.css");
|
|
26
|
-
var listCSS = "_16276mt0-1-
|
|
27
|
-
var listItemCSS = "_16276mt1-1-
|
|
26
|
+
var listCSS = "_16276mt0-1-11-0";
|
|
27
|
+
var listItemCSS = "_16276mt1-1-11-0";
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
._487p2n0-1-
|
|
1
|
+
._487p2n0-1-11-0 {
|
|
2
2
|
margin-top: 0;
|
|
3
3
|
margin-bottom: 0;
|
|
4
4
|
overflow-wrap: break-word;
|
|
5
5
|
color: inherit;
|
|
6
6
|
font-style: normal;
|
|
7
7
|
}
|
|
8
|
-
._487p2n1-1-
|
|
8
|
+
._487p2n1-1-11-0 {
|
|
9
9
|
display: block;
|
|
10
10
|
white-space: nowrap;
|
|
11
11
|
text-overflow: ellipsis;
|
|
12
12
|
overflow: hidden;
|
|
13
13
|
}
|
|
14
|
-
._487p2n2-1-
|
|
14
|
+
._487p2n2-1-11-0 {
|
|
15
15
|
display: -webkit-box;
|
|
16
16
|
-webkit-line-clamp: var(--strato-ellipsis-line-clamp);
|
|
17
17
|
-webkit-box-orient: vertical;
|
|
@@ -23,4 +23,4 @@ __export(Paragraph_css_exports, {
|
|
|
23
23
|
module.exports = __toCommonJS(Paragraph_css_exports);
|
|
24
24
|
var import_Paragraph_css_ts_vanilla = require("./Paragraph.css");
|
|
25
25
|
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
26
|
-
var paragraphCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0-1-
|
|
26
|
+
var paragraphCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0-1-11-0", variantClassNames: { ellipsis: { singleLine: "_487p2n1-1-11-0", multiLine: "_487p2n2-1-11-0" } }, defaultVariants: {}, compoundVariants: [] });
|
|
@@ -22,4 +22,4 @@ __export(Strikethrough_css_exports, {
|
|
|
22
22
|
});
|
|
23
23
|
module.exports = __toCommonJS(Strikethrough_css_exports);
|
|
24
24
|
var import_Strikethrough_css_ts_vanilla = require("./Strikethrough.css");
|
|
25
|
-
var strikethroughCSS = "_4oao6y0-1-
|
|
25
|
+
var strikethroughCSS = "_4oao6y0-1-11-0";
|
package/typography/text/Text.css
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
._rup8ap0-1-
|
|
1
|
+
._rup8ap0-1-11-0 {
|
|
2
2
|
margin-top: 0;
|
|
3
3
|
margin-bottom: 0;
|
|
4
4
|
min-width: 0;
|
|
5
5
|
overflow-wrap: break-word;
|
|
6
6
|
}
|
|
7
|
-
._rup8ap1-1-
|
|
7
|
+
._rup8ap1-1-11-0 {
|
|
8
8
|
display: block;
|
|
9
9
|
white-space: nowrap;
|
|
10
10
|
text-overflow: ellipsis;
|
|
11
11
|
overflow: hidden;
|
|
12
12
|
}
|
|
13
|
-
._rup8ap2-1-
|
|
13
|
+
._rup8ap2-1-11-0 {
|
|
14
14
|
display: -webkit-box;
|
|
15
15
|
-webkit-line-clamp: var(--strato-ellipsis-line-clamp);
|
|
16
16
|
-webkit-box-orient: vertical;
|
|
@@ -23,4 +23,4 @@ __export(Text_css_exports, {
|
|
|
23
23
|
module.exports = __toCommonJS(Text_css_exports);
|
|
24
24
|
var import_Text_css_ts_vanilla = require("./Text.css");
|
|
25
25
|
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
26
|
-
var textCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-1-
|
|
26
|
+
var textCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-1-11-0", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-1-11-0", multiLine: "_rup8ap2-1-11-0" } }, defaultVariants: {}, compoundVariants: [] });
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
._1mnpbqs1-1-
|
|
1
|
+
._1mnpbqs1-1-11-0 {
|
|
2
2
|
display: inline-block;
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
vertical-align: middle;
|
|
@@ -9,18 +9,18 @@
|
|
|
9
9
|
text-decoration: inherit;
|
|
10
10
|
width: 100%;
|
|
11
11
|
}
|
|
12
|
-
._1mnpbqs2-1-
|
|
12
|
+
._1mnpbqs2-1-11-0 {
|
|
13
13
|
text-overflow: ellipsis;
|
|
14
14
|
direction: rtl;
|
|
15
15
|
text-align: left;
|
|
16
16
|
}
|
|
17
|
-
._1mnpbqs2-1-
|
|
17
|
+
._1mnpbqs2-1-11-0::after, ._1mnpbqs2-1-11-0::before {
|
|
18
18
|
content: "";
|
|
19
19
|
}
|
|
20
|
-
._1mnpbqs3-1-
|
|
20
|
+
._1mnpbqs3-1-11-0 {
|
|
21
21
|
text-overflow: clip;
|
|
22
22
|
}
|
|
23
|
-
._1mnpbqs3-1-
|
|
23
|
+
._1mnpbqs3-1-11-0._1mnpbqs0-1-11-0:after {
|
|
24
24
|
content: attr(data-sourcetext) / "";
|
|
25
25
|
color: transparent;
|
|
26
26
|
display: table;
|
|
@@ -28,6 +28,6 @@
|
|
|
28
28
|
line-height: 0;
|
|
29
29
|
user-select: none;
|
|
30
30
|
}
|
|
31
|
-
._1mnpbqs4-1-
|
|
31
|
+
._1mnpbqs4-1-11-0 {
|
|
32
32
|
text-overflow: ellipsis;
|
|
33
33
|
}
|
|
@@ -24,5 +24,5 @@ __export(TextEllipsis_css_exports, {
|
|
|
24
24
|
module.exports = __toCommonJS(TextEllipsis_css_exports);
|
|
25
25
|
var import_TextEllipsis_css_ts_vanilla = require("./TextEllipsis.css");
|
|
26
26
|
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
27
|
-
var active = "_1mnpbqs0-1-
|
|
28
|
-
var ellipsis = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-1-
|
|
27
|
+
var active = "_1mnpbqs0-1-11-0";
|
|
28
|
+
var ellipsis = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-1-11-0", variantClassNames: { truncationMode: { start: "_1mnpbqs2-1-11-0", middle: "_1mnpbqs3-1-11-0", end: "_1mnpbqs4-1-11-0" } }, defaultVariants: {}, compoundVariants: [] });
|