@dynatrace/strato-components 0.84.31 → 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 +4 -4
- 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/useFontsUpdated.d.ts +9 -0
- package/core/hooks/useFontsUpdated.js +51 -0
- package/core/hooks/useId.d.ts +12 -0
- package/core/hooks/useId.js +32 -0
- package/core/hooks/useMergeRefs.d.ts +7 -0
- package/core/hooks/useMergeRefs.js +34 -0
- package/core/hooks/useSafeForwardProps.d.ts +10 -0
- package/core/hooks/useSafeForwardProps.js +34 -0
- package/core/index.d.ts +12 -0
- package/core/index.js +12 -0
- package/core/styles/focusRing.css +88 -0
- package/core/styles/focusRing.sty.d.ts +96 -0
- package/core/styles/focusRing.sty.js +27 -0
- package/core/styles/useFocusRing.d.ts +49 -0
- package/core/styles/useFocusRing.js +83 -0
- package/core/types/a11y-props.d.ts +26 -0
- package/core/types/a11y-props.js +15 -0
- package/core/types/data-props.d.ts +1 -1
- package/core/types/dom.d.ts +8 -0
- package/core/types/dom.js +15 -0
- package/core/types/heading.d.ts +9 -0
- package/core/types/heading.js +15 -0
- package/core/types/masking-props.d.ts +2 -1
- package/core/types/polymorph.d.ts +28 -0
- package/core/types/polymorph.js +15 -0
- package/core/types/role-variant.d.ts +10 -0
- package/core/types/role-variant.js +30 -0
- 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/colorUtils.css +80 -0
- package/core/utils/colorUtils.sty.d.ts +48 -0
- package/core/utils/colorUtils.sty.js +27 -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/useFontsUpdated.js +33 -0
- package/esm/core/hooks/useFontsUpdated.js.map +7 -0
- package/esm/core/hooks/useId.js +14 -0
- package/esm/core/hooks/useId.js.map +7 -0
- package/esm/core/hooks/useMergeRefs.js +16 -0
- package/esm/core/hooks/useMergeRefs.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/styles/focusRing.css +88 -0
- package/esm/core/styles/focusRing.sty.js +9 -0
- package/esm/core/styles/focusRing.sty.js.map +7 -0
- package/esm/core/styles/useFocusRing.js +69 -0
- package/esm/core/styles/useFocusRing.js.map +7 -0
- package/esm/core/types/a11y-props.js +1 -0
- package/esm/core/types/a11y-props.js.map +7 -0
- package/esm/core/types/dom.js +1 -0
- package/esm/core/types/dom.js.map +7 -0
- package/esm/core/types/heading.js +1 -0
- package/esm/core/types/heading.js.map +7 -0
- package/esm/core/types/polymorph.js +1 -0
- package/esm/core/types/polymorph.js.map +7 -0
- 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/colorUtils.css +80 -0
- package/esm/core/utils/colorUtils.sty.js +9 -0
- package/esm/core/utils/colorUtils.sty.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 +4 -0
- package/esm/index.js.map +2 -2
- package/esm/layouts/Divider/Divider.css +23 -0
- package/esm/layouts/Divider/Divider.js +39 -0
- package/esm/layouts/Divider/Divider.js.map +7 -0
- package/esm/layouts/Divider/Divider.sty.js +8 -0
- package/esm/layouts/Divider/Divider.sty.js.map +7 -0
- 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 +11 -0
- package/esm/layouts/index.js.map +7 -0
- 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/styles/textStyle.css +64 -0
- package/esm/styles/textStyle.sty.js +7 -0
- package/esm/styles/textStyle.sty.js.map +7 -0
- package/esm/typography/BlockQuote/Blockquote.css +17 -0
- package/esm/typography/BlockQuote/Blockquote.js +34 -0
- package/esm/typography/BlockQuote/Blockquote.js.map +7 -0
- package/esm/typography/BlockQuote/Blockquote.sty.js +6 -0
- package/esm/typography/BlockQuote/Blockquote.sty.js.map +7 -0
- package/esm/typography/Code/Code.css +16 -0
- package/esm/typography/Code/Code.js +34 -0
- package/esm/typography/Code/Code.js.map +7 -0
- package/esm/typography/Code/Code.sty.js +6 -0
- package/esm/typography/Code/Code.sty.js.map +7 -0
- package/esm/typography/Emphasis/Emphasis.css +4 -0
- package/esm/typography/Emphasis/Emphasis.js +34 -0
- package/esm/typography/Emphasis/Emphasis.js.map +7 -0
- package/esm/typography/Emphasis/Emphasis.sty.js +6 -0
- package/esm/typography/Emphasis/Emphasis.sty.js.map +7 -0
- package/esm/typography/ExternalLink/ExternalLink.css +28 -0
- package/esm/typography/ExternalLink/ExternalLink.js +56 -0
- package/esm/typography/ExternalLink/ExternalLink.js.map +7 -0
- package/esm/typography/ExternalLink/ExternalLink.sty.js +6 -0
- package/esm/typography/ExternalLink/ExternalLink.sty.js.map +7 -0
- package/esm/typography/Heading/Heading.css +54 -0
- package/esm/typography/Heading/Heading.js +36 -0
- package/esm/typography/Heading/Heading.js.map +7 -0
- package/esm/typography/Heading/Heading.sty.js +7 -0
- package/esm/typography/Heading/Heading.sty.js.map +7 -0
- package/esm/typography/Highlight/Highlight.css +4 -0
- package/esm/typography/Highlight/Highlight.js +111 -0
- package/esm/typography/Highlight/Highlight.js.map +7 -0
- package/esm/typography/Highlight/Highlight.sty.js +6 -0
- package/esm/typography/Highlight/Highlight.sty.js.map +7 -0
- package/esm/typography/Link/Link.css +15 -0
- package/esm/typography/Link/Link.js +49 -0
- package/esm/typography/Link/Link.js.map +7 -0
- package/esm/typography/Link/Link.sty.js +6 -0
- package/esm/typography/Link/Link.sty.js.map +7 -0
- package/esm/typography/List/List.css +16 -0
- package/esm/typography/List/List.js +81 -0
- package/esm/typography/List/List.js.map +7 -0
- package/esm/typography/List/List.sty.js +8 -0
- package/esm/typography/List/List.sty.js.map +7 -0
- package/esm/typography/Paragraph/Paragraph.css +19 -0
- package/esm/typography/Paragraph/Paragraph.js +49 -0
- package/esm/typography/Paragraph/Paragraph.js.map +7 -0
- package/esm/typography/Paragraph/Paragraph.sty.js +7 -0
- package/esm/typography/Paragraph/Paragraph.sty.js.map +7 -0
- package/esm/typography/Strikethrough/Strikethrough.css +5 -0
- package/esm/typography/Strikethrough/Strikethrough.js +32 -0
- package/esm/typography/Strikethrough/Strikethrough.js.map +7 -0
- package/esm/typography/Strikethrough/Strikethrough.sty.js +6 -0
- package/esm/typography/Strikethrough/Strikethrough.sty.js.map +7 -0
- package/esm/typography/Strong/Strong.css +4 -0
- package/esm/typography/Strong/Strong.js +34 -0
- package/esm/typography/Strong/Strong.js.map +7 -0
- package/esm/typography/Strong/Strong.sty.js +6 -0
- package/esm/typography/Strong/Strong.sty.js.map +7 -0
- package/esm/typography/Text/Text.css +18 -0
- package/esm/typography/Text/Text.js +43 -0
- package/esm/typography/Text/Text.js.map +7 -0
- package/esm/typography/Text/Text.sty.js +7 -0
- package/esm/typography/Text/Text.sty.js.map +7 -0
- package/esm/typography/TextEllipsis/TextEllipsis.css +22 -0
- package/esm/typography/TextEllipsis/TextEllipsis.js +143 -0
- package/esm/typography/TextEllipsis/TextEllipsis.js.map +7 -0
- package/esm/typography/TextEllipsis/TextEllipsis.sty.js +7 -0
- package/esm/typography/TextEllipsis/TextEllipsis.sty.js.map +7 -0
- package/esm/typography/index.js +43 -0
- package/esm/typography/index.js.map +7 -0
- package/esm/typography/utils.js +101 -0
- package/esm/typography/utils.js.map +7 -0
- package/index.d.ts +4 -0
- package/index.js +4 -0
- package/lang/en.json +12 -0
- package/lang/uncompiled/en.json +10 -1
- package/layouts/Divider/Divider.css +23 -0
- package/layouts/Divider/Divider.d.ts +39 -0
- package/layouts/Divider/Divider.js +67 -0
- package/layouts/Divider/Divider.sty.d.ts +16 -0
- package/layouts/Divider/Divider.sty.js +26 -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 +6 -0
- package/layouts/index.js +29 -0
- package/package.json +34 -4
- 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.css +64 -0
- package/styles/textStyle.sty.d.ts +13 -0
- package/styles/textStyle.sty.js +25 -0
- package/testing/mocks/canvas-mock.js +6 -1
- package/testing/mocks/text-ellipsis-mock.d.ts +1 -1
- package/testing/mocks/text-ellipsis-mock.js +8 -3
- package/typography/BlockQuote/Blockquote.css +17 -0
- package/typography/BlockQuote/Blockquote.d.ts +19 -0
- package/typography/BlockQuote/Blockquote.js +62 -0
- package/typography/BlockQuote/Blockquote.sty.d.ts +1 -0
- package/typography/BlockQuote/Blockquote.sty.js +24 -0
- package/typography/Code/Code.css +16 -0
- package/typography/Code/Code.d.ts +17 -0
- package/typography/Code/Code.js +62 -0
- package/typography/Code/Code.sty.d.ts +1 -0
- package/typography/Code/Code.sty.js +24 -0
- package/typography/Emphasis/Emphasis.css +4 -0
- package/typography/Emphasis/Emphasis.d.ts +14 -0
- package/typography/Emphasis/Emphasis.js +62 -0
- package/typography/Emphasis/Emphasis.sty.d.ts +1 -0
- package/typography/Emphasis/Emphasis.sty.js +24 -0
- package/typography/ExternalLink/ExternalLink.css +28 -0
- package/typography/ExternalLink/ExternalLink.d.ts +21 -0
- package/typography/ExternalLink/ExternalLink.js +82 -0
- package/typography/ExternalLink/ExternalLink.sty.d.ts +1 -0
- package/typography/ExternalLink/ExternalLink.sty.js +24 -0
- package/typography/Heading/Heading.css +54 -0
- package/typography/Heading/Heading.d.ts +24 -0
- package/typography/Heading/Heading.js +64 -0
- package/typography/Heading/Heading.sty.d.ts +52 -0
- package/typography/Heading/Heading.sty.js +25 -0
- package/typography/Highlight/Highlight.css +4 -0
- package/typography/Highlight/Highlight.d.ts +27 -0
- package/typography/Highlight/Highlight.js +139 -0
- package/typography/Highlight/Highlight.sty.d.ts +1 -0
- package/typography/Highlight/Highlight.sty.js +24 -0
- package/typography/Link/Link.css +15 -0
- package/typography/Link/Link.d.ts +16 -0
- package/typography/Link/Link.js +75 -0
- package/typography/Link/Link.sty.d.ts +1 -0
- package/typography/Link/Link.sty.js +24 -0
- package/typography/List/List.css +16 -0
- package/typography/List/List.d.ts +39 -0
- package/typography/List/List.js +109 -0
- package/typography/List/List.sty.d.ts +2 -0
- package/typography/List/List.sty.js +26 -0
- package/typography/Paragraph/Paragraph.css +19 -0
- package/typography/Paragraph/Paragraph.d.ts +19 -0
- package/typography/Paragraph/Paragraph.js +77 -0
- package/typography/Paragraph/Paragraph.sty.d.ts +16 -0
- package/typography/Paragraph/Paragraph.sty.js +25 -0
- package/typography/Strikethrough/Strikethrough.css +5 -0
- package/typography/Strikethrough/Strikethrough.d.ts +15 -0
- package/typography/Strikethrough/Strikethrough.js +60 -0
- package/typography/Strikethrough/Strikethrough.sty.d.ts +1 -0
- package/typography/Strikethrough/Strikethrough.sty.js +24 -0
- package/typography/Strong/Strong.css +4 -0
- package/typography/Strong/Strong.d.ts +14 -0
- package/typography/Strong/Strong.js +62 -0
- package/typography/Strong/Strong.sty.d.ts +1 -0
- package/typography/Strong/Strong.sty.js +24 -0
- package/typography/Text/Text.css +18 -0
- package/typography/Text/Text.d.ts +26 -0
- package/typography/Text/Text.js +71 -0
- package/typography/Text/Text.sty.d.ts +16 -0
- package/typography/Text/Text.sty.js +25 -0
- package/typography/TextEllipsis/TextEllipsis.css +22 -0
- package/typography/TextEllipsis/TextEllipsis.d.ts +32 -0
- package/typography/TextEllipsis/TextEllipsis.js +167 -0
- package/typography/TextEllipsis/TextEllipsis.sty.d.ts +15 -0
- package/typography/TextEllipsis/TextEllipsis.sty.js +25 -0
- package/typography/index.d.ts +28 -0
- package/typography/index.js +54 -0
- package/typography/utils.d.ts +52 -0
- package/typography/utils.js +119 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import "./sprinkles.css";
|
|
2
|
+
import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
|
|
3
|
+
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" } } } } };
|
|
4
|
+
var internalSprinkles = _ad221(globalSprinkleProperties);
|
|
5
|
+
export {
|
|
6
|
+
globalSprinkleProperties,
|
|
7
|
+
internalSprinkles
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=sprinkles.sty.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/styles/sprinkles.css.ts"],
|
|
4
|
+
"sourcesContent": ["import './sprinkles.css';\nimport { createSprinkles as _ad221 } from '@vanilla-extract/sprinkles/createRuntimeSprinkles';\nexport var globalSprinkleProperties = {conditions:undefined,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'}}}}};\nexport var internalSprinkles = _ad221(globalSprinkleProperties);"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
.textStyle_textStyleCSS_compound_0__da9a8v7 {
|
|
2
|
+
font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
|
|
3
|
+
font-weight: var(--dt-typography-code-base-default-weight, 400);
|
|
4
|
+
font-size: var(--dt-typography-code-base-default-size, 14px);
|
|
5
|
+
line-height: var(--dt-typography-code-base-default-line-height, 1.4285714286);
|
|
6
|
+
text-decoration: var(--dt-typography-code-base-default-text-decoration, none);
|
|
7
|
+
text-transform: var(--dt-typography-code-base-default-text-transform, none);
|
|
8
|
+
}
|
|
9
|
+
.textStyle_textStyleCSS_compound_1__da9a8v8 {
|
|
10
|
+
font-family: var(--dt-typography-code-base-emphasized-family, Roboto Mono,monospace);
|
|
11
|
+
font-weight: var(--dt-typography-code-base-emphasized-weight, 500);
|
|
12
|
+
font-size: var(--dt-typography-code-base-emphasized-size, 14px);
|
|
13
|
+
line-height: var(--dt-typography-code-base-emphasized-line-height, 1.4285714286);
|
|
14
|
+
text-decoration: var(--dt-typography-code-base-emphasized-text-decoration, none);
|
|
15
|
+
text-transform: var(--dt-typography-code-base-emphasized-text-transform, none);
|
|
16
|
+
}
|
|
17
|
+
.textStyle_textStyleCSS_compound_2__da9a8v9 {
|
|
18
|
+
font-family: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
|
|
19
|
+
font-weight: var(--dt-typography-code-small-default-weight, 400);
|
|
20
|
+
font-size: var(--dt-typography-code-small-default-size, 12px);
|
|
21
|
+
line-height: var(--dt-typography-code-small-default-line-height, 1.333333333);
|
|
22
|
+
text-decoration: var(--dt-typography-code-small-default-text-decoration, none);
|
|
23
|
+
text-transform: var(--dt-typography-code-small-default-text-transform, none);
|
|
24
|
+
}
|
|
25
|
+
.textStyle_textStyleCSS_compound_3__da9a8va {
|
|
26
|
+
font-family: var(--dt-typography-code-small-emphasized-family, Roboto Mono,monospace);
|
|
27
|
+
font-weight: var(--dt-typography-code-small-emphasized-weight, 500);
|
|
28
|
+
font-size: var(--dt-typography-code-small-emphasized-size, 12px);
|
|
29
|
+
line-height: var(--dt-typography-code-small-emphasized-line-height, 1.333333333);
|
|
30
|
+
text-decoration: var(--dt-typography-code-small-emphasized-text-decoration, none);
|
|
31
|
+
text-transform: var(--dt-typography-code-small-emphasized-text-transform, none);
|
|
32
|
+
}
|
|
33
|
+
.textStyle_textStyleCSS_compound_4__da9a8vb {
|
|
34
|
+
font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
35
|
+
font-weight: var(--dt-typography-text-base-default-weight, 400);
|
|
36
|
+
font-size: var(--dt-typography-text-base-default-size, 14px);
|
|
37
|
+
line-height: var(--dt-typography-text-base-default-line-height, 1.4285714286);
|
|
38
|
+
text-decoration: var(--dt-typography-text-base-default-text-decoration, none);
|
|
39
|
+
text-transform: var(--dt-typography-text-base-default-text-transform, none);
|
|
40
|
+
}
|
|
41
|
+
.textStyle_textStyleCSS_compound_5__da9a8vc {
|
|
42
|
+
font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
43
|
+
font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
|
|
44
|
+
font-size: var(--dt-typography-text-base-emphasized-size, 14px);
|
|
45
|
+
line-height: var(--dt-typography-text-base-emphasized-line-height, 1.4285714286);
|
|
46
|
+
text-decoration: var(--dt-typography-text-base-emphasized-text-decoration, none);
|
|
47
|
+
text-transform: var(--dt-typography-text-base-emphasized-text-transform, none);
|
|
48
|
+
}
|
|
49
|
+
.textStyle_textStyleCSS_compound_6__da9a8vd {
|
|
50
|
+
font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
51
|
+
font-weight: var(--dt-typography-text-small-default-weight, 400);
|
|
52
|
+
font-size: var(--dt-typography-text-small-default-size, 12px);
|
|
53
|
+
line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
|
|
54
|
+
text-decoration: var(--dt-typography-text-small-default-text-decoration, none);
|
|
55
|
+
text-transform: var(--dt-typography-text-small-default-text-transform, none);
|
|
56
|
+
}
|
|
57
|
+
.textStyle_textStyleCSS_compound_7__da9a8ve {
|
|
58
|
+
font-family: var(--dt-typography-text-small-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
59
|
+
font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
|
|
60
|
+
font-size: var(--dt-typography-text-small-emphasized-size, 12px);
|
|
61
|
+
line-height: var(--dt-typography-text-small-emphasized-line-height, 1.333333333);
|
|
62
|
+
text-decoration: var(--dt-typography-text-small-emphasized-text-decoration, none);
|
|
63
|
+
text-transform: var(--dt-typography-text-small-emphasized-text-transform, none);
|
|
64
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import "./textStyle.css";
|
|
2
|
+
import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
|
+
var textStyleCSS = _7a468({ defaultClassName: "textStyle__da9a8v0", variantClassNames: { fontStyle: { code: "textStyle_textStyleCSS_fontStyle_code__da9a8v1", text: "textStyle_textStyleCSS_fontStyle_text__da9a8v2" }, textStyle: { base: "textStyle_textStyleCSS_textStyle_base__da9a8v3", "base-emphasized": "textStyle_textStyleCSS_textStyle_base-emphasized__da9a8v4", small: "textStyle_textStyleCSS_textStyle_small__da9a8v5", "small-emphasized": "textStyle_textStyleCSS_textStyle_small-emphasized__da9a8v6" } }, defaultVariants: { fontStyle: "text", textStyle: "base" }, compoundVariants: [[{ fontStyle: "code", textStyle: "base" }, "textStyle_textStyleCSS_compound_0__da9a8v7"], [{ fontStyle: "code", textStyle: "base-emphasized" }, "textStyle_textStyleCSS_compound_1__da9a8v8"], [{ fontStyle: "code", textStyle: "small" }, "textStyle_textStyleCSS_compound_2__da9a8v9"], [{ fontStyle: "code", textStyle: "small-emphasized" }, "textStyle_textStyleCSS_compound_3__da9a8va"], [{ fontStyle: "text", textStyle: "base" }, "textStyle_textStyleCSS_compound_4__da9a8vb"], [{ fontStyle: "text", textStyle: "base-emphasized" }, "textStyle_textStyleCSS_compound_5__da9a8vc"], [{ fontStyle: "text", textStyle: "small" }, "textStyle_textStyleCSS_compound_6__da9a8vd"], [{ fontStyle: "text", textStyle: "small-emphasized" }, "textStyle_textStyleCSS_compound_7__da9a8ve"]] });
|
|
4
|
+
export {
|
|
5
|
+
textStyleCSS
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=textStyle.sty.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/styles/textStyle.css.ts"],
|
|
4
|
+
"sourcesContent": ["import './textStyle.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textStyleCSS = _7a468({defaultClassName:'textStyle__da9a8v0',variantClassNames:{fontStyle:{code:'textStyle_textStyleCSS_fontStyle_code__da9a8v1',text:'textStyle_textStyleCSS_fontStyle_text__da9a8v2'},textStyle:{base:'textStyle_textStyleCSS_textStyle_base__da9a8v3','base-emphasized':'textStyle_textStyleCSS_textStyle_base-emphasized__da9a8v4',small:'textStyle_textStyleCSS_textStyle_small__da9a8v5','small-emphasized':'textStyle_textStyleCSS_textStyle_small-emphasized__da9a8v6'}},defaultVariants:{fontStyle:'text',textStyle:'base'},compoundVariants:[[{fontStyle:'code',textStyle:'base'},'textStyle_textStyleCSS_compound_0__da9a8v7'],[{fontStyle:'code',textStyle:'base-emphasized'},'textStyle_textStyleCSS_compound_1__da9a8v8'],[{fontStyle:'code',textStyle:'small'},'textStyle_textStyleCSS_compound_2__da9a8v9'],[{fontStyle:'code',textStyle:'small-emphasized'},'textStyle_textStyleCSS_compound_3__da9a8va'],[{fontStyle:'text',textStyle:'base'},'textStyle_textStyleCSS_compound_4__da9a8vb'],[{fontStyle:'text',textStyle:'base-emphasized'},'textStyle_textStyleCSS_compound_5__da9a8vc'],[{fontStyle:'text',textStyle:'small'},'textStyle_textStyleCSS_compound_6__da9a8vd'],[{fontStyle:'text',textStyle:'small-emphasized'},'textStyle_textStyleCSS_compound_7__da9a8ve']]});"],
|
|
5
|
+
"mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,sBAAqB,mBAAkB,EAAC,WAAU,EAAC,MAAK,kDAAiD,MAAK,iDAAgD,GAAE,WAAU,EAAC,MAAK,kDAAiD,mBAAkB,6DAA4D,OAAM,mDAAkD,oBAAmB,6DAA4D,EAAC,GAAE,iBAAgB,EAAC,WAAU,QAAO,WAAU,OAAM,GAAE,kBAAiB,CAAC,CAAC,EAAC,WAAU,QAAO,WAAU,OAAM,GAAE,4CAA4C,GAAE,CAAC,EAAC,WAAU,QAAO,WAAU,kBAAiB,GAAE,4CAA4C,GAAE,CAAC,EAAC,WAAU,QAAO,WAAU,QAAO,GAAE,4CAA4C,GAAE,CAAC,EAAC,WAAU,QAAO,WAAU,mBAAkB,GAAE,4CAA4C,GAAE,CAAC,EAAC,WAAU,QAAO,WAAU,OAAM,GAAE,4CAA4C,GAAE,CAAC,EAAC,WAAU,QAAO,WAAU,kBAAiB,GAAE,4CAA4C,GAAE,CAAC,EAAC,WAAU,QAAO,WAAU,QAAO,GAAE,4CAA4C,GAAE,CAAC,EAAC,WAAU,QAAO,WAAU,mBAAkB,GAAE,4CAA4C,CAAC,EAAC,CAAC;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
.Blockquote_blockquoteCSS__18f615k0 {
|
|
2
|
+
position: relative;
|
|
3
|
+
margin: var(--dt-spacings-size-0, 0);
|
|
4
|
+
padding-left: var(--dt-spacings-size-40, 40px);
|
|
5
|
+
word-break: normal;
|
|
6
|
+
overflow-wrap: anywhere;
|
|
7
|
+
}
|
|
8
|
+
.Blockquote_blockquoteCSS__18f615k0:before {
|
|
9
|
+
content: "";
|
|
10
|
+
position: absolute;
|
|
11
|
+
top: 0;
|
|
12
|
+
left: calc(var(--dt-spacings-size-40, 40px) - var(--dt-spacings-size-12, 12px));
|
|
13
|
+
width: var(--dt-borders-width-emphasized, 2px);
|
|
14
|
+
border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
|
|
15
|
+
height: 100%;
|
|
16
|
+
background: var(--dt-colors-border-neutral-default, #d2d3e1);
|
|
17
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import clsx from "clsx";
|
|
2
|
+
import React, { forwardRef } from "react";
|
|
3
|
+
import { blockquoteCSS } from "./Blockquote.sty.js";
|
|
4
|
+
const Blockquote = /* @__PURE__ */ forwardRef((props, ref) => {
|
|
5
|
+
const {
|
|
6
|
+
children,
|
|
7
|
+
cite,
|
|
8
|
+
"data-testid": dataTestId,
|
|
9
|
+
"data-dtrum-mask": dataDtrumMask,
|
|
10
|
+
"data-dtrum-allow": dataDtrumAllow,
|
|
11
|
+
className: consumerClassName,
|
|
12
|
+
style: consumerStyle,
|
|
13
|
+
...remainingProps
|
|
14
|
+
} = props;
|
|
15
|
+
return /* @__PURE__ */ React.createElement(
|
|
16
|
+
"blockquote",
|
|
17
|
+
{
|
|
18
|
+
cite,
|
|
19
|
+
ref,
|
|
20
|
+
"data-testid": dataTestId,
|
|
21
|
+
"data-dtrum-mask": dataDtrumMask,
|
|
22
|
+
"data-dtrum-allow": dataDtrumAllow,
|
|
23
|
+
className: clsx(blockquoteCSS, consumerClassName),
|
|
24
|
+
style: consumerStyle,
|
|
25
|
+
...remainingProps
|
|
26
|
+
},
|
|
27
|
+
children
|
|
28
|
+
);
|
|
29
|
+
});
|
|
30
|
+
Blockquote.displayName = "Blockquote";
|
|
31
|
+
export {
|
|
32
|
+
Blockquote
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=Blockquote.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/typography/BlockQuote/Blockquote.tsx"],
|
|
4
|
+
"sourcesContent": ["import clsx from 'clsx';\nimport React, { forwardRef } from 'react';\n\nimport { blockquoteCSS } from './Blockquote.sty.js';\nimport type {\n DataTestId,\n StylingProps,\n WithChildren,\n} from '../../core/index.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\n\n/**\n * The props for the Blockquote component.\n * @public\n */\nexport interface BlockquoteProps\n extends WithChildren,\n StylingProps,\n DataTestId,\n MaskingProps {\n /**\n * A URL that designates a source document or message for the information quoted.\n * This attribute is intended to point to information explaining the context for the quoted content.\n */\n cite?: string;\n}\n\n/**\n * @public\n * The `Blockquote` component wraps longer text blocks and indicates that the passage is quoted from another source.\n */\nexport const Blockquote = /* @__PURE__ */ forwardRef<\n HTMLQuoteElement,\n BlockquoteProps\n>((props, ref) => {\n const {\n children,\n cite,\n 'data-testid': dataTestId,\n 'data-dtrum-mask': dataDtrumMask,\n 'data-dtrum-allow': dataDtrumAllow,\n className: consumerClassName,\n style: consumerStyle,\n ...remainingProps\n } = props;\n\n return (\n <blockquote\n cite={cite}\n ref={ref}\n data-testid={dataTestId}\n data-dtrum-mask={dataDtrumMask}\n data-dtrum-allow={dataDtrumAllow}\n className={clsx(blockquoteCSS, consumerClassName)}\n style={consumerStyle}\n {...remainingProps}\n >\n {children}\n </blockquote>\n );\n});\n\n(Blockquote as typeof Blockquote & { displayName: string }).displayName =\n 'Blockquote';\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,SAAS,kBAAkB;AAElC,SAAS,qBAAqB;AA4BvB,MAAM,aAA6B,2BAGxC,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,WAAW,KAAK,eAAe,iBAAiB;AAAA,MAChD,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAEA,WAA2D,cAC1D;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/typography/BlockQuote/Blockquote.css.ts"],
|
|
4
|
+
"sourcesContent": ["import './Blockquote.css';\nexport var blockquoteCSS = 'Blockquote_blockquoteCSS__18f615k0';"],
|
|
5
|
+
"mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
.Code_codeCSS__1lx0ryl0 {
|
|
2
|
+
background: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
|
|
3
|
+
padding-top: var(--dt-spacings-size-0, 0);
|
|
4
|
+
padding-bottom: var(--dt-spacings-size-0, 0);
|
|
5
|
+
padding-left: var(--dt-spacings-size-4, 4px);
|
|
6
|
+
padding-right: var(--dt-spacings-size-4, 4px);
|
|
7
|
+
border-radius: var(--dt-borders-radius-field-subdued, 4px);
|
|
8
|
+
overflow-wrap: break-word;
|
|
9
|
+
font-style: normal;
|
|
10
|
+
font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
|
|
11
|
+
font-weight: var(--dt-typography-code-base-default-weight, 400);
|
|
12
|
+
text-transform: var(--dt-typography-code-base-default-text-transform, none);
|
|
13
|
+
text-decoration: var(--dt-typography-code-base-default-text-decoration, none);
|
|
14
|
+
box-decoration-break: clone;
|
|
15
|
+
-webkit-box-decoration-break: clone;
|
|
16
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import clsx from "clsx";
|
|
2
|
+
import React, { forwardRef } from "react";
|
|
3
|
+
import { codeCSS } from "./Code.sty.js";
|
|
4
|
+
const Code = /* @__PURE__ */ forwardRef(
|
|
5
|
+
(props, ref) => {
|
|
6
|
+
const {
|
|
7
|
+
children,
|
|
8
|
+
"data-testid": dataTestId,
|
|
9
|
+
"data-dtrum-mask": dataDtrumMask,
|
|
10
|
+
"data-dtrum-allow": dataDtrumAllow,
|
|
11
|
+
className: consumerClassName,
|
|
12
|
+
style: consumerStyle,
|
|
13
|
+
...remainingProps
|
|
14
|
+
} = props;
|
|
15
|
+
return /* @__PURE__ */ React.createElement(
|
|
16
|
+
"code",
|
|
17
|
+
{
|
|
18
|
+
ref,
|
|
19
|
+
"data-testid": dataTestId,
|
|
20
|
+
"data-dtrum-mask": dataDtrumMask,
|
|
21
|
+
"data-dtrum-allow": dataDtrumAllow,
|
|
22
|
+
className: clsx(codeCSS, consumerClassName),
|
|
23
|
+
style: consumerStyle,
|
|
24
|
+
...remainingProps
|
|
25
|
+
},
|
|
26
|
+
children
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
Code.displayName = "Code";
|
|
31
|
+
export {
|
|
32
|
+
Code
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=Code.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/typography/Code/Code.tsx"],
|
|
4
|
+
"sourcesContent": ["import clsx from 'clsx';\nimport React, { forwardRef } from 'react';\n\nimport { codeCSS } from './Code.sty.js';\nimport {\n type DataTestId,\n type StylingProps,\n type WithChildren,\n} from '../../core/index.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\n\n/**\n * The props for the Code component.\n * @public\n */\nexport interface CodeProps\n extends WithChildren,\n StylingProps,\n DataTestId,\n MaskingProps {}\n\n/**\n * @public\n * Use the `Code` component to display snippets of code inline. If you want to\n * display a block of code, use the\n * {@link https://developer.dynatrace.com/reference/design-system/preview/content/CodeSnippet/ | `CodeSnippet`}\n * component instead.\n */\nexport const Code = /* @__PURE__ */ forwardRef<HTMLElement, CodeProps>(\n (props, ref) => {\n const {\n children,\n 'data-testid': dataTestId,\n 'data-dtrum-mask': dataDtrumMask,\n 'data-dtrum-allow': dataDtrumAllow,\n className: consumerClassName,\n style: consumerStyle,\n ...remainingProps\n } = props;\n return (\n <code\n ref={ref}\n data-testid={dataTestId}\n data-dtrum-mask={dataDtrumMask}\n data-dtrum-allow={dataDtrumAllow}\n className={clsx(codeCSS, consumerClassName)}\n style={consumerStyle}\n {...remainingProps}\n >\n {children}\n </code>\n );\n },\n);\n\n(Code as typeof Code & { displayName: string }).displayName = 'Code';\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,SAAS,kBAAkB;AAElC,SAAS,eAAe;AAyBjB,MAAM,OAAuB;AAAA,EAClC,CAAC,OAAO,QAAQ;AACd,UAAM;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,WAAW;AAAA,MACX,OAAO;AAAA,MACP,GAAG;AAAA,IACL,IAAI;AACJ,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB,WAAW,KAAK,SAAS,iBAAiB;AAAA,QAC1C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEC,KAA+C,cAAc;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import clsx from "clsx";
|
|
2
|
+
import React, { forwardRef } from "react";
|
|
3
|
+
import { emphasisCSS } from "./Emphasis.sty.js";
|
|
4
|
+
const Emphasis = /* @__PURE__ */ forwardRef(
|
|
5
|
+
(props, ref) => {
|
|
6
|
+
const {
|
|
7
|
+
children,
|
|
8
|
+
"data-testid": dataTestId,
|
|
9
|
+
"data-dtrum-mask": dataDtrumMask,
|
|
10
|
+
"data-dtrum-allow": dataDtrumAllow,
|
|
11
|
+
className: consumerClassName,
|
|
12
|
+
style: consumerStyle,
|
|
13
|
+
...remainingProps
|
|
14
|
+
} = props;
|
|
15
|
+
return /* @__PURE__ */ React.createElement(
|
|
16
|
+
"em",
|
|
17
|
+
{
|
|
18
|
+
ref,
|
|
19
|
+
"data-testid": dataTestId,
|
|
20
|
+
"data-dtrum-mask": dataDtrumMask,
|
|
21
|
+
"data-dtrum-allow": dataDtrumAllow,
|
|
22
|
+
className: clsx(emphasisCSS, consumerClassName),
|
|
23
|
+
style: consumerStyle,
|
|
24
|
+
...remainingProps
|
|
25
|
+
},
|
|
26
|
+
children
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
Emphasis.displayName = "Emphasis";
|
|
31
|
+
export {
|
|
32
|
+
Emphasis
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=Emphasis.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/typography/Emphasis/Emphasis.tsx"],
|
|
4
|
+
"sourcesContent": ["import clsx from 'clsx';\nimport React, { forwardRef } from 'react';\n\nimport { emphasisCSS } from './Emphasis.sty.js';\nimport {\n type DataTestId,\n type StylingProps,\n type WithChildren,\n} from '../../core/index.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\n\n/**\n * The props for the Emphasis component.\n * @public\n */\nexport interface EmphasisProps\n extends WithChildren,\n StylingProps,\n DataTestId,\n MaskingProps {}\n\n/**\n * @public\n * The `Emphasis` component adds visual and semantic emphasis to stressed or essential content.\n */\nexport const Emphasis = /* @__PURE__ */ forwardRef<HTMLElement, EmphasisProps>(\n (props, ref) => {\n const {\n children,\n 'data-testid': dataTestId,\n 'data-dtrum-mask': dataDtrumMask,\n 'data-dtrum-allow': dataDtrumAllow,\n className: consumerClassName,\n style: consumerStyle,\n ...remainingProps\n } = props;\n\n return (\n <em\n ref={ref}\n data-testid={dataTestId}\n data-dtrum-mask={dataDtrumMask}\n data-dtrum-allow={dataDtrumAllow}\n className={clsx(emphasisCSS, consumerClassName)}\n style={consumerStyle}\n {...remainingProps}\n >\n {children}\n </em>\n );\n },\n);\n\n(Emphasis as typeof Emphasis & { displayName: string }).displayName =\n 'Emphasis';\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,SAAS,kBAAkB;AAElC,SAAS,mBAAmB;AAsBrB,MAAM,WAA2B;AAAA,EACtC,CAAC,OAAO,QAAQ;AACd,UAAM;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,WAAW;AAAA,MACX,OAAO;AAAA,MACP,GAAG;AAAA,IACL,IAAI;AAEJ,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB,WAAW,KAAK,aAAa,iBAAiB;AAAA,QAC9C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEC,SAAuD,cACtD;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
.ExternalLink_externalLinkCSS__8noiqs0 {
|
|
2
|
+
display: inline-block;
|
|
3
|
+
color: var(--dt-colors-text-primary-default, #454cc9);
|
|
4
|
+
text-decoration: underline;
|
|
5
|
+
overflow-wrap: anywhere;
|
|
6
|
+
}
|
|
7
|
+
.ExternalLink_externalLinkCSS__8noiqs0:hover {
|
|
8
|
+
color: var(--dt-colors-text-primary-default-hover, #3332ae);
|
|
9
|
+
}
|
|
10
|
+
.ExternalLink_externalLinkCSS__8noiqs0:active {
|
|
11
|
+
color: var(--dt-colors-text-primary-default-active, #241193);
|
|
12
|
+
}
|
|
13
|
+
.ExternalLink_externalLinkCSS__8noiqs0:focus-visible {
|
|
14
|
+
text-decoration: none;
|
|
15
|
+
}
|
|
16
|
+
.ExternalLink_externalLinkCSS__8noiqs0 > span {
|
|
17
|
+
white-space: nowrap;
|
|
18
|
+
display: inline-flex;
|
|
19
|
+
}
|
|
20
|
+
.ExternalLink_externalLinkCSS__8noiqs0 > span > svg {
|
|
21
|
+
margin-left: var(--dt-spacings-size-2, 2px);
|
|
22
|
+
align-self: center;
|
|
23
|
+
min-width: var(--dt-spacings-size-20, 20px);
|
|
24
|
+
width: calc(20em / 14);
|
|
25
|
+
height: calc(20em / 14);
|
|
26
|
+
max-width: var(--dt-spacings-size-24, 24px);
|
|
27
|
+
max-height: var(--dt-spacings-size-24, 24px);
|
|
28
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import clsx from "clsx";
|
|
2
|
+
import React, { forwardRef } from "react";
|
|
3
|
+
import { useIntl } from "react-intl";
|
|
4
|
+
import { ExternalLinkIcon } from "@dynatrace/strato-icons";
|
|
5
|
+
import { externalLinkCSS } from "./ExternalLink.sty.js";
|
|
6
|
+
import {
|
|
7
|
+
_mergeProps
|
|
8
|
+
} from "../../core/index.js";
|
|
9
|
+
import { useFocusRing } from "../../core/styles/useFocusRing.js";
|
|
10
|
+
const ExternalLink = /* @__PURE__ */ forwardRef((props, ref) => {
|
|
11
|
+
const {
|
|
12
|
+
children,
|
|
13
|
+
"data-testid": dataTestId,
|
|
14
|
+
"data-dtrum-mask": dataDtrumMask,
|
|
15
|
+
"data-dtrum-allow": dataDtrumAllow,
|
|
16
|
+
className: consumerClassName,
|
|
17
|
+
style: consumerStyle,
|
|
18
|
+
...remainingProps
|
|
19
|
+
} = props;
|
|
20
|
+
const { focusProps, focusClassName } = useFocusRing({
|
|
21
|
+
variant: "primary",
|
|
22
|
+
isMinimal: true
|
|
23
|
+
});
|
|
24
|
+
const intl = useIntl();
|
|
25
|
+
return /* @__PURE__ */ React.createElement(
|
|
26
|
+
"a",
|
|
27
|
+
{
|
|
28
|
+
ref,
|
|
29
|
+
target: "_blank",
|
|
30
|
+
rel: "noopener noreferrer",
|
|
31
|
+
"data-testid": dataTestId,
|
|
32
|
+
"data-dtrum-mask": dataDtrumMask,
|
|
33
|
+
"data-dtrum-allow": dataDtrumAllow,
|
|
34
|
+
className: clsx(focusClassName, externalLinkCSS, consumerClassName),
|
|
35
|
+
style: consumerStyle,
|
|
36
|
+
..._mergeProps(remainingProps, focusProps)
|
|
37
|
+
},
|
|
38
|
+
children,
|
|
39
|
+
/* @__PURE__ */ React.createElement("span", null, "\uFEFF", /* @__PURE__ */ React.createElement(
|
|
40
|
+
ExternalLinkIcon,
|
|
41
|
+
{
|
|
42
|
+
"aria-hidden": "false",
|
|
43
|
+
"aria-label": intl.formatMessage({
|
|
44
|
+
defaultMessage: "Opening the link in a new window",
|
|
45
|
+
id: "JzYy8MUVfPcyf4l5",
|
|
46
|
+
description: "External link icon that describes the external link icon"
|
|
47
|
+
})
|
|
48
|
+
}
|
|
49
|
+
))
|
|
50
|
+
);
|
|
51
|
+
});
|
|
52
|
+
ExternalLink.displayName = "ExternalLink";
|
|
53
|
+
export {
|
|
54
|
+
ExternalLink
|
|
55
|
+
};
|
|
56
|
+
//# sourceMappingURL=ExternalLink.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/typography/ExternalLink/ExternalLink.tsx"],
|
|
4
|
+
"sourcesContent": ["import clsx from 'clsx';\nimport React, { forwardRef, MouseEventHandler } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { ExternalLinkIcon } from '@dynatrace/strato-icons';\n\nimport { externalLinkCSS } from './ExternalLink.sty.js';\nimport {\n type DataTestId,\n type StylingProps,\n type WithChildren,\n _mergeProps,\n} from '../../core/index.js';\nimport { useFocusRing } from '../../core/styles/useFocusRing.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\n\n/**\n * The props for the ExternalLink component.\n * @public\n */\nexport interface ExternalLinkProps\n extends WithChildren,\n StylingProps,\n DataTestId,\n MaskingProps {\n /** The href used for the link. */\n href: string;\n /** Callback handler called on click. */\n onClick?: MouseEventHandler;\n}\n\n/**\n * @public\n * Use the `ExternalLink` component to link outside of the\n * Dynatrace platform. For resources within the Dynatrace platform, use the\n * {@link https://developer.dynatrace.com/reference/design-system/preview/typography/Link/ | `Link`}\n * component instead.\n */\nexport const ExternalLink = /* @__PURE__ */ forwardRef<\n HTMLAnchorElement,\n ExternalLinkProps\n>((props, ref) => {\n const {\n children,\n 'data-testid': dataTestId,\n 'data-dtrum-mask': dataDtrumMask,\n 'data-dtrum-allow': dataDtrumAllow,\n className: consumerClassName,\n style: consumerStyle,\n ...remainingProps\n } = props;\n\n const { focusProps, focusClassName } = useFocusRing({\n variant: 'primary',\n isMinimal: true,\n });\n\n const intl = useIntl();\n\n return (\n <a\n ref={ref}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n data-testid={dataTestId}\n data-dtrum-mask={dataDtrumMask}\n data-dtrum-allow={dataDtrumAllow}\n className={clsx(focusClassName, externalLinkCSS, consumerClassName)}\n style={consumerStyle}\n {..._mergeProps(remainingProps, focusProps)}\n >\n {children}\n <span>\n \n <ExternalLinkIcon\n aria-hidden=\"false\"\n // https://www.w3.org/WAI/tutorials/images/functional/#example-3-icon-image-conveying-information-within-link-text\n aria-label={intl.formatMessage({\n defaultMessage: 'Opening the link in a new window',\n id: 'JzYy8MUVfPcyf4l5',\n description:\n 'External link icon that describes the external link icon',\n })}\n />\n </span>\n </a>\n );\n});\n\n(ExternalLink as typeof ExternalLink & { displayName: string }).displayName =\n 'ExternalLink';\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,SAAS,kBAAqC;AACrD,SAAS,eAAe;AAExB,SAAS,wBAAwB;AAEjC,SAAS,uBAAuB;AAChC;AAAA,EAIE;AAAA,OACK;AACP,SAAS,oBAAoB;AAyBtB,MAAM,eAA+B,2BAG1C,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ;AAAA,IACA,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,EAAE,YAAY,eAAe,IAAI,aAAa;AAAA,IAClD,SAAS;AAAA,IACT,WAAW;AAAA,EACb,CAAC;AAED,QAAM,OAAO,QAAQ;AAErB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,WAAW,KAAK,gBAAgB,iBAAiB,iBAAiB;AAAA,MAClE,OAAO;AAAA,MACN,GAAG,YAAY,gBAAgB,UAAU;AAAA;AAAA,IAEzC;AAAA,IACD,oCAAC,cAAK,UAEJ;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QAEZ,cAAY,KAAK,cAAc;AAAA,UAC7B,gBAAgB;AAAA,UAChB,IAAI;AAAA,UACJ,aACE;AAAA,QACJ,CAAC;AAAA;AAAA,IACH,CACF;AAAA,EACF;AAEJ,CAAC;AAEA,aAA+D,cAC9D;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/typography/ExternalLink/ExternalLink.css.ts"],
|
|
4
|
+
"sourcesContent": ["import './ExternalLink.css';\nexport var externalLinkCSS = 'ExternalLink_externalLinkCSS__8noiqs0';"],
|
|
5
|
+
"mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
.Heading_headingCSS__u4t9450 {
|
|
2
|
+
margin: 0;
|
|
3
|
+
overflow-wrap: break-word;
|
|
4
|
+
font-style: normal;
|
|
5
|
+
color: var(--dt-colors-text-neutral-default, #2b2a58);
|
|
6
|
+
}
|
|
7
|
+
.Heading_headingCSS_visualLevel_1__u4t9451 {
|
|
8
|
+
font-family: var(--dt-typography-heading-level-1-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
9
|
+
font-size: var(--dt-typography-heading-level-1-size, 32px);
|
|
10
|
+
font-weight: var(--dt-typography-heading-level-1-weight, 600);
|
|
11
|
+
line-height: var(--dt-typography-heading-level-1-line-height, 1.25);
|
|
12
|
+
text-transform: var(--dt-typography-heading-level-1-text-transform, none);
|
|
13
|
+
text-decoration: var(--dt-typography-heading-level-1-text-decoration, none);
|
|
14
|
+
}
|
|
15
|
+
.Heading_headingCSS_visualLevel_2__u4t9452 {
|
|
16
|
+
font-family: var(--dt-typography-heading-level-2-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
17
|
+
font-size: var(--dt-typography-heading-level-2-size, 28px);
|
|
18
|
+
font-weight: var(--dt-typography-heading-level-2-weight, 600);
|
|
19
|
+
line-height: var(--dt-typography-heading-level-2-line-height, 1.2857142857);
|
|
20
|
+
text-transform: var(--dt-typography-heading-level-2-text-transform, none);
|
|
21
|
+
text-decoration: var(--dt-typography-heading-level-2-text-decoration, none);
|
|
22
|
+
}
|
|
23
|
+
.Heading_headingCSS_visualLevel_3__u4t9453 {
|
|
24
|
+
font-family: var(--dt-typography-heading-level-3-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
25
|
+
font-size: var(--dt-typography-heading-level-3-size, 24px);
|
|
26
|
+
font-weight: var(--dt-typography-heading-level-3-weight, 600);
|
|
27
|
+
line-height: var(--dt-typography-heading-level-3-line-height, 1.3333333333);
|
|
28
|
+
text-transform: var(--dt-typography-heading-level-3-text-transform, none);
|
|
29
|
+
text-decoration: var(--dt-typography-heading-level-3-text-decoration, none);
|
|
30
|
+
}
|
|
31
|
+
.Heading_headingCSS_visualLevel_4__u4t9454 {
|
|
32
|
+
font-family: var(--dt-typography-heading-level-4-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
33
|
+
font-size: var(--dt-typography-heading-level-4-size, 20px);
|
|
34
|
+
font-weight: var(--dt-typography-heading-level-4-weight, 600);
|
|
35
|
+
line-height: var(--dt-typography-heading-level-4-line-height, 1.4);
|
|
36
|
+
text-transform: var(--dt-typography-heading-level-4-text-transform, none);
|
|
37
|
+
text-decoration: var(--dt-typography-heading-level-4-text-decoration, none);
|
|
38
|
+
}
|
|
39
|
+
.Heading_headingCSS_visualLevel_5__u4t9455 {
|
|
40
|
+
font-family: var(--dt-typography-heading-level-5-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
41
|
+
font-size: var(--dt-typography-heading-level-5-size, 16px);
|
|
42
|
+
font-weight: var(--dt-typography-heading-level-5-weight, 600);
|
|
43
|
+
line-height: var(--dt-typography-heading-level-5-line-height, 1.5);
|
|
44
|
+
text-transform: var(--dt-typography-heading-level-5-text-transform, none);
|
|
45
|
+
text-decoration: var(--dt-typography-heading-level-5-text-decoration, none);
|
|
46
|
+
}
|
|
47
|
+
.Heading_headingCSS_visualLevel_6__u4t9456 {
|
|
48
|
+
font-family: var(--dt-typography-heading-level-6-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
|
|
49
|
+
font-size: var(--dt-typography-heading-level-6-size, 14px);
|
|
50
|
+
font-weight: var(--dt-typography-heading-level-6-weight, 600);
|
|
51
|
+
line-height: var(--dt-typography-heading-level-6-line-height, 1.4285714286);
|
|
52
|
+
text-transform: var(--dt-typography-heading-level-6-text-transform, none);
|
|
53
|
+
text-decoration: var(--dt-typography-heading-level-6-text-decoration, none);
|
|
54
|
+
}
|