@tmorrow/cre8-design-tokens 1.0.16
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/README.md +109 -0
- package/dist/favicon.svg +7 -0
- package/dist/index.html +231 -0
- package/dist/index.json +1 -0
- package/dist/leaf.png +0 -0
- package/dist/leafDS.png +0 -0
- package/dist/project.json +1 -0
- package/dist/sb-addons/essentials-actions-1/manager-bundle.js +49 -0
- package/dist/sb-addons/essentials-actions-1/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/essentials-backgrounds-2/manager-bundle.js +12 -0
- package/dist/sb-addons/essentials-backgrounds-2/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/essentials-controls-0/manager-bundle.js +108 -0
- package/dist/sb-addons/essentials-controls-0/manager-bundle.js.LEGAL.txt +18 -0
- package/dist/sb-addons/essentials-measure-5/manager-bundle.js +3 -0
- package/dist/sb-addons/essentials-measure-5/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/essentials-outline-6/manager-bundle.js +3 -0
- package/dist/sb-addons/essentials-outline-6/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/essentials-toolbars-4/manager-bundle.js +3 -0
- package/dist/sb-addons/essentials-toolbars-4/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/essentials-viewport-3/manager-bundle.js +3 -0
- package/dist/sb-addons/essentials-viewport-3/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/storybook-9/manager-bundle.css +1 -0
- package/dist/sb-addons/storybook-9/manager-bundle.css.LEGAL.txt +0 -0
- package/dist/sb-addons/storybook-9/manager-bundle.js +9 -0
- package/dist/sb-addons/storybook-9/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/storybook-design-token-7/manager-bundle.js +59 -0
- package/dist/sb-addons/storybook-design-token-7/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/storybook-design-token-8/manager-bundle.js +59 -0
- package/dist/sb-addons/storybook-design-token-8/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-common-assets/fonts.css +31 -0
- package/dist/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/dist/sb-manager/WithTooltip-V3YHNWJZ-MXTFSDU5.js +1 -0
- package/dist/sb-manager/chunk-5QAFKPS7.js +7 -0
- package/dist/sb-manager/chunk-7PRFHFSS.js +9 -0
- package/dist/sb-manager/chunk-XE6LDGTE.js +406 -0
- package/dist/sb-manager/chunk-YDUB7CS6.js +348 -0
- package/dist/sb-manager/chunk-ZEU7PDD3.js +1 -0
- package/dist/sb-manager/formatter-SWP5E3XI-7BGIK6BL.js +156 -0
- package/dist/sb-manager/globals-module-info.js +1 -0
- package/dist/sb-manager/globals.js +1 -0
- package/dist/sb-manager/index.js +1 -0
- package/dist/sb-manager/runtime.js +1 -0
- package/dist/sb-manager/syntaxhighlighter-MJWPISIS-JOSCT6CQ.js +1 -0
- package/dist/sb-preview/globals.js +1 -0
- package/dist/sb-preview/runtime.js +112 -0
- package/dist/stories.json +1 -0
- package/lib/react-native/brands/blue/tokens-brand.d.ts +542 -0
- package/lib/react-native/brands/blue/tokens-brand.js +885 -0
- package/lib/react-native/brands/blue-v1/tokens-brand.d.ts +516 -0
- package/lib/react-native/brands/blue-v1/tokens-brand.js +859 -0
- package/lib/react-native/brands/cre8/tokens-brand.d.ts +530 -0
- package/lib/react-native/brands/cre8/tokens-brand.js +873 -0
- package/lib/react-native/brands/femmecubator/tokens-brand.d.ts +131 -0
- package/lib/react-native/brands/femmecubator/tokens-brand.js +128 -0
- package/lib/react-native/brands/legacy/tokens-brand.d.ts +540 -0
- package/lib/react-native/brands/legacy/tokens-brand.js +883 -0
- package/lib/react-native/brands/marketing/tokens-brand.d.ts +548 -0
- package/lib/react-native/brands/marketing/tokens-brand.js +891 -0
- package/lib/react-native/brands/minimalist/tokens-brand.d.ts +538 -0
- package/lib/react-native/brands/minimalist/tokens-brand.js +881 -0
- package/lib/react-native/index.d.ts +20 -0
- package/lib/react-native/index.js +1 -0
- package/lib/support/brands/blue/blue-sass-support.scss +632 -0
- package/lib/support/brands/blue-v1/blue-v1-sass-support.scss +540 -0
- package/lib/support/brands/cre8/cre8-sass-support.scss +635 -0
- package/lib/support/brands/femmecubator/femmecubator-sass-support.scss +143 -0
- package/lib/support/brands/legacy/legacy-sass-support.scss +591 -0
- package/lib/support/brands/marketing/marketing-sass-support.scss +633 -0
- package/lib/support/brands/minimalist/minimalist-sass-support.scss +567 -0
- package/lib/web/brands/blue/_base.scss +142 -0
- package/lib/web/brands/blue/assets/fonts/ValueSans-Bold-Pro.woff2 +0 -0
- package/lib/web/brands/blue/assets/fonts/ValueSans-Medium-Pro.woff2 +0 -0
- package/lib/web/brands/blue/assets/fonts/ValueSansRegular-Pro.woff2 +0 -0
- package/lib/web/brands/blue/assets/fonts/ValueSerif-Bold-Pro.woff2 +0 -0
- package/lib/web/brands/blue/badge.scss +5 -0
- package/lib/web/brands/blue/bg.scss +35 -0
- package/lib/web/brands/blue/border-style.scss +5 -0
- package/lib/web/brands/blue/border.scss +21 -0
- package/lib/web/brands/blue/borderRadius.scss +15 -0
- package/lib/web/brands/blue/borderWidth.scss +11 -0
- package/lib/web/brands/blue/breakpoint.scss +9 -0
- package/lib/web/brands/blue/button.scss +225 -0
- package/lib/web/brands/blue/content.scss +29 -0
- package/lib/web/brands/blue/css/fonts.css +31 -0
- package/lib/web/brands/blue/css/tokens_blue.css +248 -0
- package/lib/web/brands/blue/css/tokens_brand.css +492 -0
- package/lib/web/brands/blue/desktop-menu.scss +5 -0
- package/lib/web/brands/blue/fontFamilies.scss +5 -0
- package/lib/web/brands/blue/fontSize.scss +17 -0
- package/lib/web/brands/blue/fontWeights.scss +7 -0
- package/lib/web/brands/blue/footer.scss +9 -0
- package/lib/web/brands/blue/header.scss +81 -0
- package/lib/web/brands/blue/icon-size.scss +6 -0
- package/lib/web/brands/blue/letterSpacing.scss +9 -0
- package/lib/web/brands/blue/lineHeights.scss +15 -0
- package/lib/web/brands/blue/link.scss +4 -0
- package/lib/web/brands/blue/paragraphIndent.scss +4 -0
- package/lib/web/brands/blue/paragraphSpacing.scss +4 -0
- package/lib/web/brands/blue/progress-meter.scss +4 -0
- package/lib/web/brands/blue/shadow.scss +8 -0
- package/lib/web/brands/blue/spacing.scss +21 -0
- package/lib/web/brands/blue/textCase.scss +5 -0
- package/lib/web/brands/blue/textDecoration.scss +5 -0
- package/lib/web/brands/blue/tokens-all-blue.scss +628 -0
- package/lib/web/brands/blue/tokens-brand.scss +31 -0
- package/lib/web/brands/blue-v1/_base.scss +76 -0
- package/lib/web/brands/blue-v1/assets/fonts/Montserrat-Bold.ttf +0 -0
- package/lib/web/brands/blue-v1/assets/fonts/Montserrat-Regular.ttf +0 -0
- package/lib/web/brands/blue-v1/assets/fonts/Montserrat-SemiBold.ttf +0 -0
- package/lib/web/brands/blue-v1/assets/fonts/OpenSans-Bold.ttf +0 -0
- package/lib/web/brands/blue-v1/assets/fonts/OpenSans-Regular.ttf +0 -0
- package/lib/web/brands/blue-v1/assets/fonts/OpenSans-SemiBold.ttf +0 -0
- package/lib/web/brands/blue-v1/badge.scss +5 -0
- package/lib/web/brands/blue-v1/bg.scss +34 -0
- package/lib/web/brands/blue-v1/border-style.scss +5 -0
- package/lib/web/brands/blue-v1/border.scss +21 -0
- package/lib/web/brands/blue-v1/borderRadius.scss +15 -0
- package/lib/web/brands/blue-v1/borderWidth.scss +11 -0
- package/lib/web/brands/blue-v1/breakpoint.scss +9 -0
- package/lib/web/brands/blue-v1/button.scss +199 -0
- package/lib/web/brands/blue-v1/content.scss +29 -0
- package/lib/web/brands/blue-v1/css/fonts.css +47 -0
- package/lib/web/brands/blue-v1/css/tokens_blue-v1.css +248 -0
- package/lib/web/brands/blue-v1/css/tokens_brand.css +464 -0
- package/lib/web/brands/blue-v1/desktop-menu.scss +5 -0
- package/lib/web/brands/blue-v1/fontFamilies.scss +5 -0
- package/lib/web/brands/blue-v1/fontSize.scss +17 -0
- package/lib/web/brands/blue-v1/fontWeights.scss +9 -0
- package/lib/web/brands/blue-v1/footer.scss +9 -0
- package/lib/web/brands/blue-v1/header.scss +79 -0
- package/lib/web/brands/blue-v1/icon-size.scss +6 -0
- package/lib/web/brands/blue-v1/letterSpacing.scss +9 -0
- package/lib/web/brands/blue-v1/lineHeights.scss +15 -0
- package/lib/web/brands/blue-v1/link.scss +4 -0
- package/lib/web/brands/blue-v1/paragraphIndent.scss +4 -0
- package/lib/web/brands/blue-v1/paragraphSpacing.scss +4 -0
- package/lib/web/brands/blue-v1/shadow.scss +8 -0
- package/lib/web/brands/blue-v1/spacing.scss +21 -0
- package/lib/web/brands/blue-v1/textCase.scss +5 -0
- package/lib/web/brands/blue-v1/textDecoration.scss +5 -0
- package/lib/web/brands/blue-v1/tokens-all-blue-v1.scss +534 -0
- package/lib/web/brands/blue-v1/tokens-brand.scss +30 -0
- package/lib/web/brands/cre8/_base.scss +157 -0
- package/lib/web/brands/cre8/assets/fonts/Inter-Bold.woff +0 -0
- package/lib/web/brands/cre8/assets/fonts/Inter-Bold.woff2 +0 -0
- package/lib/web/brands/cre8/assets/fonts/Inter-Medium.woff +0 -0
- package/lib/web/brands/cre8/assets/fonts/Inter-Medium.woff2 +0 -0
- package/lib/web/brands/cre8/assets/fonts/Inter-Regular.woff +0 -0
- package/lib/web/brands/cre8/assets/fonts/Inter-Regular.woff2 +0 -0
- package/lib/web/brands/cre8/assets/fonts/Inter-SemiBold.woff +0 -0
- package/lib/web/brands/cre8/assets/fonts/Inter-SemiBold.woff2 +0 -0
- package/lib/web/brands/cre8/assets/fonts/NB Akademie-Bold.woff +0 -0
- package/lib/web/brands/cre8/assets/fonts/NB Akademie-Bold.woff2 +0 -0
- package/lib/web/brands/cre8/assets/fonts/NB Akademie-Medium.woff +0 -0
- package/lib/web/brands/cre8/assets/fonts/NB Akademie-Medium.woff2 +0 -0
- package/lib/web/brands/cre8/assets/fonts/NB Akademie-Regular.woff +0 -0
- package/lib/web/brands/cre8/assets/fonts/NB Akademie-Regular.woff2 +0 -0
- package/lib/web/brands/cre8/badge.scss +5 -0
- package/lib/web/brands/cre8/bg.scss +34 -0
- package/lib/web/brands/cre8/border-style.scss +5 -0
- package/lib/web/brands/cre8/border.scss +18 -0
- package/lib/web/brands/cre8/borderRadius.scss +15 -0
- package/lib/web/brands/cre8/borderWidth.scss +11 -0
- package/lib/web/brands/cre8/breakpoint.scss +9 -0
- package/lib/web/brands/cre8/button.scss +211 -0
- package/lib/web/brands/cre8/content.scss +29 -0
- package/lib/web/brands/cre8/css/fonts.css +35 -0
- package/lib/web/brands/cre8/css/tokens_brand.css +480 -0
- package/lib/web/brands/cre8/css/tokens_cre8.css +248 -0
- package/lib/web/brands/cre8/desktop-menu.scss +5 -0
- package/lib/web/brands/cre8/fontFamilies.scss +4 -0
- package/lib/web/brands/cre8/fontSize.scss +17 -0
- package/lib/web/brands/cre8/fontWeights.scss +7 -0
- package/lib/web/brands/cre8/footer.scss +8 -0
- package/lib/web/brands/cre8/header.scss +81 -0
- package/lib/web/brands/cre8/icon-size.scss +6 -0
- package/lib/web/brands/cre8/letterSpacing.scss +10 -0
- package/lib/web/brands/cre8/lineHeights.scss +22 -0
- package/lib/web/brands/cre8/link.scss +4 -0
- package/lib/web/brands/cre8/paragraphIndent.scss +4 -0
- package/lib/web/brands/cre8/paragraphSpacing.scss +4 -0
- package/lib/web/brands/cre8/progress-meter.scss +4 -0
- package/lib/web/brands/cre8/shadow.scss +8 -0
- package/lib/web/brands/cre8/spacing.scss +21 -0
- package/lib/web/brands/cre8/textCase.scss +5 -0
- package/lib/web/brands/cre8/textDecoration.scss +5 -0
- package/lib/web/brands/cre8/tokens-all-cre8.scss +631 -0
- package/lib/web/brands/cre8/tokens-brand.scss +31 -0
- package/lib/web/brands/femmecubator/base.scss +64 -0
- package/lib/web/brands/femmecubator/border.scss +15 -0
- package/lib/web/brands/femmecubator/color.scss +56 -0
- package/lib/web/brands/femmecubator/css/fonts.css +35 -0
- package/lib/web/brands/femmecubator/css/tokens_brand.css +142 -0
- package/lib/web/brands/femmecubator/spacing.scss +13 -0
- package/lib/web/brands/femmecubator/tokens-all-femmecubator.scss +139 -0
- package/lib/web/brands/femmecubator/tokens-brand.scss +8 -0
- package/lib/web/brands/legacy/_base.scss +103 -0
- package/lib/web/brands/legacy/assets/fonts/OFL.txt +93 -0
- package/lib/web/brands/legacy/assets/fonts/rubik-v4-latin-300.woff +0 -0
- package/lib/web/brands/legacy/assets/fonts/rubik-v4-latin-300.woff2 +0 -0
- package/lib/web/brands/legacy/assets/fonts/rubik-v4-latin-500.woff +0 -0
- package/lib/web/brands/legacy/assets/fonts/rubik-v4-latin-500.woff2 +0 -0
- package/lib/web/brands/legacy/assets/fonts/rubik-v4-latin-regular.woff +0 -0
- package/lib/web/brands/legacy/assets/fonts/rubik-v4-latin-regular.woff2 +0 -0
- package/lib/web/brands/legacy/badge.scss +5 -0
- package/lib/web/brands/legacy/bg.scss +34 -0
- package/lib/web/brands/legacy/border-style.scss +5 -0
- package/lib/web/brands/legacy/border.scss +17 -0
- package/lib/web/brands/legacy/borderRadius.scss +15 -0
- package/lib/web/brands/legacy/borderWidth.scss +11 -0
- package/lib/web/brands/legacy/breakpoint.scss +9 -0
- package/lib/web/brands/legacy/button.scss +225 -0
- package/lib/web/brands/legacy/content.scss +29 -0
- package/lib/web/brands/legacy/css/fonts.css +26 -0
- package/lib/web/brands/legacy/css/tokens_brand.css +491 -0
- package/lib/web/brands/legacy/css/tokens_legacy.css +248 -0
- package/lib/web/brands/legacy/desktop-menu.scss +5 -0
- package/lib/web/brands/legacy/fontFamilies.scss +4 -0
- package/lib/web/brands/legacy/fontSize.scss +17 -0
- package/lib/web/brands/legacy/fontWeights.scss +10 -0
- package/lib/web/brands/legacy/footer.scss +9 -0
- package/lib/web/brands/legacy/header.scss +81 -0
- package/lib/web/brands/legacy/icon-size.scss +6 -0
- package/lib/web/brands/legacy/letterSpacing.scss +9 -0
- package/lib/web/brands/legacy/lineHeights.scss +19 -0
- package/lib/web/brands/legacy/paragraphIndent.scss +4 -0
- package/lib/web/brands/legacy/paragraphSpacing.scss +4 -0
- package/lib/web/brands/legacy/progress-meter.scss +4 -0
- package/lib/web/brands/legacy/shadow.scss +8 -0
- package/lib/web/brands/legacy/spacing.scss +20 -0
- package/lib/web/brands/legacy/textCase.scss +5 -0
- package/lib/web/brands/legacy/textDecoration.scss +5 -0
- package/lib/web/brands/legacy/tokens-all-legacy.scss +588 -0
- package/lib/web/brands/legacy/tokens-brand.scss +30 -0
- package/lib/web/brands/marketing/_base.scss +137 -0
- package/lib/web/brands/marketing/asset.scss +7 -0
- package/lib/web/brands/marketing/assets/fonts/Montserrat-Bold.ttf +0 -0
- package/lib/web/brands/marketing/assets/fonts/Montserrat-Medium.ttf +0 -0
- package/lib/web/brands/marketing/assets/fonts/Montserrat-Regular.ttf +0 -0
- package/lib/web/brands/marketing/assets/fonts/Montserrat-SemiBold.ttf +0 -0
- package/lib/web/brands/marketing/badge.scss +5 -0
- package/lib/web/brands/marketing/bg.scss +35 -0
- package/lib/web/brands/marketing/border-style.scss +5 -0
- package/lib/web/brands/marketing/border.scss +21 -0
- package/lib/web/brands/marketing/borderRadius.scss +15 -0
- package/lib/web/brands/marketing/borderWidth.scss +11 -0
- package/lib/web/brands/marketing/breakpoint.scss +9 -0
- package/lib/web/brands/marketing/button.scss +225 -0
- package/lib/web/brands/marketing/content.scss +29 -0
- package/lib/web/brands/marketing/css/fonts.css +31 -0
- package/lib/web/brands/marketing/css/tokens_brand.css +502 -0
- package/lib/web/brands/marketing/css/tokens_marketing.css +248 -0
- package/lib/web/brands/marketing/desktop-menu.scss +5 -0
- package/lib/web/brands/marketing/fontFamilies.scss +4 -0
- package/lib/web/brands/marketing/fontSize.scss +17 -0
- package/lib/web/brands/marketing/fontWeights.scss +7 -0
- package/lib/web/brands/marketing/footer.scss +9 -0
- package/lib/web/brands/marketing/header.scss +81 -0
- package/lib/web/brands/marketing/icon-size.scss +6 -0
- package/lib/web/brands/marketing/letterSpacing.scss +9 -0
- package/lib/web/brands/marketing/lineHeights.scss +22 -0
- package/lib/web/brands/marketing/link.scss +4 -0
- package/lib/web/brands/marketing/paragraphIndent.scss +4 -0
- package/lib/web/brands/marketing/paragraphSpacing.scss +4 -0
- package/lib/web/brands/marketing/progress-meter.scss +4 -0
- package/lib/web/brands/marketing/shadow.scss +8 -0
- package/lib/web/brands/marketing/spacing.scss +21 -0
- package/lib/web/brands/marketing/textCase.scss +5 -0
- package/lib/web/brands/marketing/textDecoration.scss +5 -0
- package/lib/web/brands/marketing/tokens-all-marketing.scss +633 -0
- package/lib/web/brands/marketing/tokens-brand.scss +32 -0
- package/lib/web/brands/minimalist/_base.scss +81 -0
- package/lib/web/brands/minimalist/asset.scss +6 -0
- package/lib/web/brands/minimalist/assets/fonts/Aeonik-Bold.woff +0 -0
- package/lib/web/brands/minimalist/assets/fonts/Aeonik-Bold.woff2 +0 -0
- package/lib/web/brands/minimalist/assets/fonts/Aeonik-Light.woff +0 -0
- package/lib/web/brands/minimalist/assets/fonts/Aeonik-Light.woff2 +0 -0
- package/lib/web/brands/minimalist/assets/fonts/Aeonik-Regular.woff +0 -0
- package/lib/web/brands/minimalist/assets/fonts/Aeonik-Regular.woff2 +0 -0
- package/lib/web/brands/minimalist/badge.scss +5 -0
- package/lib/web/brands/minimalist/bg.scss +34 -0
- package/lib/web/brands/minimalist/border-style.scss +5 -0
- package/lib/web/brands/minimalist/border.scss +17 -0
- package/lib/web/brands/minimalist/borderRadius.scss +15 -0
- package/lib/web/brands/minimalist/borderWidth.scss +11 -0
- package/lib/web/brands/minimalist/breakpoint.scss +9 -0
- package/lib/web/brands/minimalist/button.scss +225 -0
- package/lib/web/brands/minimalist/content.scss +29 -0
- package/lib/web/brands/minimalist/css/fonts.css +26 -0
- package/lib/web/brands/minimalist/css/tokens_brand.css +492 -0
- package/lib/web/brands/minimalist/css/tokens_minimalist.css +248 -0
- package/lib/web/brands/minimalist/desktop-menu.scss +5 -0
- package/lib/web/brands/minimalist/fontFamilies.scss +4 -0
- package/lib/web/brands/minimalist/fontFamily.scss +4 -0
- package/lib/web/brands/minimalist/fontSize.scss +17 -0
- package/lib/web/brands/minimalist/fontWeights.scss +6 -0
- package/lib/web/brands/minimalist/footer.scss +9 -0
- package/lib/web/brands/minimalist/header.scss +81 -0
- package/lib/web/brands/minimalist/icon-size.scss +6 -0
- package/lib/web/brands/minimalist/letterSpacing.scss +9 -0
- package/lib/web/brands/minimalist/lineHeights.scss +20 -0
- package/lib/web/brands/minimalist/paragraphIndent.scss +4 -0
- package/lib/web/brands/minimalist/paragraphSpacing.scss +4 -0
- package/lib/web/brands/minimalist/progress-meter.scss +4 -0
- package/lib/web/brands/minimalist/shadow.scss +8 -0
- package/lib/web/brands/minimalist/spacing.scss +20 -0
- package/lib/web/brands/minimalist/textCase.scss +5 -0
- package/lib/web/brands/minimalist/textDecoration.scss +5 -0
- package/lib/web/brands/minimalist/tokens-all-minimalist.scss +567 -0
- package/lib/web/brands/minimalist/tokens-brand.scss +32 -0
- package/lib/web/cobrands/cobrand.css +98 -0
- package/lib/web/cobrands/cobrand_pbm.css +84 -0
- package/lib/web/cobrands/ers.css +123 -0
- package/lib/web/cobrands/trs.css +128 -0
- package/lib/web/layouts/breakpoints.scss +9 -0
- package/lib/web/mixins/typography-usage.scss +452 -0
- package/package.json +36 -0
package/README.md
ADDED
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
# cre8-design-tokens
|
|
2
|
+
|
|
3
|
+
A repository for storing and managing design tokens for the [Enterprise Design System](https://confluence.sys.cigna.com/display/WIPMDL).
|
|
4
|
+
|
|
5
|
+
> [View the Storybook for this project](https://static-dev.esi-memberweb-dev.aws.cre8cloud.com/cre8-design-tokens/)
|
|
6
|
+
|
|
7
|
+
## Dependencies
|
|
8
|
+
|
|
9
|
+
- yarn (any version >= 1.0 will use the [locally installed version](https://classic.yarnpkg.com/en/docs/yarnrc#toc-yarn-path))
|
|
10
|
+
- [Style Dictionary](https://amzn.github.io/style-dictionary/#/) 3.0.0+
|
|
11
|
+
- Node >= 14.18.1
|
|
12
|
+
|
|
13
|
+
## Install
|
|
14
|
+
|
|
15
|
+
Install `design-tokens` in your project:
|
|
16
|
+
|
|
17
|
+
```
|
|
18
|
+
yarn add @esi/cre8-design-tokens
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
> Using the [@esi/ui-components](https://git.express-scripts.com/ExpressScripts/ui-components)? The design-tokens package is already installed in that library! Please follow the configuration instructions within the uic.
|
|
22
|
+
|
|
23
|
+
### Cigna Developers
|
|
24
|
+
|
|
25
|
+
This project builds to the ESI Artifactory for distribution to allow for developers on both the ESI and Cigna side to install the package.
|
|
26
|
+
|
|
27
|
+
If you're on the **Cigna** side of the firewall, add the following to your `~/.npmrc` and `~/.yarnrc` files:
|
|
28
|
+
|
|
29
|
+
```
|
|
30
|
+
registry "https://artifactory.express-scripts.com/artifactory/api/npm/npm-virtual/"
|
|
31
|
+
|
|
32
|
+
strict-ssl=false
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Configuration
|
|
36
|
+
|
|
37
|
+
Your configuration will depend on your project platform. Below are the formats generated currently within this project and their status.
|
|
38
|
+
|
|
39
|
+
| Format | Status | Implementation |
|
|
40
|
+
|--------|-------------|-------------|
|
|
41
|
+
| scss | Active Development | Implements tokens as sass variables. Includes a sass mixin for typography presets |
|
|
42
|
+
| css | Active Development | Implements tokens as CSS Custom Properties. Used in generated typography sass mixins to help with dynamic theming |
|
|
43
|
+
| reactNative | Active Development | JavaScript file containing a JS object of tokens. For use within React Native projects. Consumed and provided within the mobile components library. |
|
|
44
|
+
|
|
45
|
+
### For Web Projects
|
|
46
|
+
|
|
47
|
+
For web applications, use the css/scss files provided by the `web` package:
|
|
48
|
+
|
|
49
|
+
If your project is using Sass variables:
|
|
50
|
+
|
|
51
|
+
```
|
|
52
|
+
// Replace `brand-name` with the brand name your project needs
|
|
53
|
+
`@import '@tmorrow/cre8-design-tokens/lib/web/brands/brand-name/tokens-brand.scss';`
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
**Note**: Refrain from importing or using SASS variables located in the `@esi/cre8-design-tokens/lib/web/brands/brand-name/css/_base.css` files found in each brand theme. Any SASS variable starting with `$cre8-base-` is an internal artifact and subject to change without notice. In future versions of this library, these files will not be importable.
|
|
57
|
+
|
|
58
|
+
If your project is using CSS Custom Properties:
|
|
59
|
+
|
|
60
|
+
```
|
|
61
|
+
// Replace `brand-name` with the brand name your project needs
|
|
62
|
+
@import '@tmorrow/cre8-design-tokens/lib/web/brands/brand-name/css/tokens-brand.css';
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
**Note**: Need to support dynamic theming? Use the CSS Custom Properties option!
|
|
66
|
+
|
|
67
|
+
**Warning**: Internal variables are included in some scopes. These variables start with `--cre8-base-`. Please refrain from using these variables as they are subject to change (in both value and availability) without notice.
|
|
68
|
+
|
|
69
|
+
#### About Accent Color Overrides
|
|
70
|
+
|
|
71
|
+
Within the Enterprise token architecture, we benefit from a shared token architecture. What this means for our brands, is that everyone shares a similar naming convention for all of their tokens, which in turn enables dynamic theming across brands and applications.
|
|
72
|
+
|
|
73
|
+
However, there are times when a brand will have a legitimate use case for overriding this token architecture in order to enhance brand expression. When these use cases arise, we bubble these values up at the brand pattern library level where a designer will override the token utilized on the component with a custom value. These tokens do not populate in the brand file, instead they are isolated into a separate "accent" file.
|
|
74
|
+
|
|
75
|
+
**Note**: Currently, accent tokens only exist for the cre8 brand. Additional brands will be added as the needs arise.
|
|
76
|
+
|
|
77
|
+
If your project is using Sass variables:
|
|
78
|
+
|
|
79
|
+
```
|
|
80
|
+
// Replace `brand-name` with the brand name your project needs
|
|
81
|
+
@import '@tmorrow/cre8-design-tokens/lib/web/brands/brand-name/accent.scss';
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
If your project is using CSS Custom Properties:
|
|
85
|
+
|
|
86
|
+
```
|
|
87
|
+
// Replace `brand-name` with the brand name your project needs
|
|
88
|
+
@import '@tmorrow/cre8-design-tokens/lib/web/brands/brand-name/css/tokens_accent.css';
|
|
89
|
+
```
|
|
90
|
+
|
|
91
|
+
The name of the game is to keep things as locked down as possible, until there is a need for it. We encourage brand designers and developers to work together to take advantage of custom css overrides in order to allow for these brand level use cases.
|
|
92
|
+
|
|
93
|
+
Again, by utilizing these accent tokens, you are departing from the dynamic theming of your application across brands. Accept these tokens at your own risk as these are changes that the design system cannot maintain on your behalf and is maintenance that your product team is taking on.
|
|
94
|
+
|
|
95
|
+
## Storybook URLs
|
|
96
|
+
|
|
97
|
+
This project deploys its Storybook for documentation at the following AWS sites:
|
|
98
|
+
|
|
99
|
+
- Beta Version: <https://www-dev-candidate.express-scripts.com/cre8-design-tokens/>
|
|
100
|
+
- Released Version: <https://static-dev.esi-memberweb-dev.aws.cre8cloud.com/cre8-design-tokens/>
|
|
101
|
+
|
|
102
|
+
## References & Further Reading
|
|
103
|
+
|
|
104
|
+
- [Design Tokens W3C Community Group](https://www.designtokens.org/)
|
|
105
|
+
- [Style Dictionary API](https://amzn.github.io/style-dictionary/#/api)
|
|
106
|
+
- [Style Dictionary Pre-defined Transform Groups](https://amzn.github.io/style-dictionary/#/transform_groups?id=pre-defined-transform-groups)
|
|
107
|
+
- [Design Tokens POC Demo](https://confluence.sys.cigna.com/display/WIPMDL/Design+tokens+demo+-+Aug+16%2C+2021)
|
|
108
|
+
- [Dynamic Theming Demo, 2023](https://confluence.sys.cigna.com/display/WIPMDL/Dynamic+Theming+Demo+-+Apr+7%2C+2023)
|
|
109
|
+
- [Design Token Docs in Confluence](https://confluence.sys.cigna.com/pages/viewpage.action?pageId=639569302)
|
package/dist/favicon.svg
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="164" height="164">
|
|
2
|
+
<svg width="164" height="164" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<path d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z" fill="#FF4785"></path>
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" fill="#fff"></path>
|
|
5
|
+
</svg>
|
|
6
|
+
<style>@media (prefers-color-scheme: light) { :root { filter: none; } }</style>
|
|
7
|
+
</svg>
|
package/dist/index.html
ADDED
|
@@ -0,0 +1,231 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
|
|
6
|
+
<title>@storybook/cli - Storybook</title>
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
<link rel="icon" type="image/svg+xml" href="./favicon.svg" />
|
|
11
|
+
|
|
12
|
+
<link
|
|
13
|
+
rel="prefetch"
|
|
14
|
+
href="./sb-common-assets/nunito-sans-regular.woff2"
|
|
15
|
+
as="font"
|
|
16
|
+
type="font/woff2"
|
|
17
|
+
crossorigin
|
|
18
|
+
/>
|
|
19
|
+
<link
|
|
20
|
+
rel="prefetch"
|
|
21
|
+
href="./sb-common-assets/nunito-sans-bold.woff2"
|
|
22
|
+
as="font"
|
|
23
|
+
type="font/woff2"
|
|
24
|
+
crossorigin
|
|
25
|
+
/>
|
|
26
|
+
<link rel="stylesheet" href="./sb-common-assets/fonts.css" />
|
|
27
|
+
|
|
28
|
+
<link href="./sb-manager/runtime.js" rel="modulepreload" />
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
<link href="./sb-addons/essentials-controls-0/manager-bundle.js" rel="modulepreload" />
|
|
32
|
+
|
|
33
|
+
<link href="./sb-addons/essentials-actions-1/manager-bundle.js" rel="modulepreload" />
|
|
34
|
+
|
|
35
|
+
<link href="./sb-addons/essentials-backgrounds-2/manager-bundle.js" rel="modulepreload" />
|
|
36
|
+
|
|
37
|
+
<link href="./sb-addons/essentials-viewport-3/manager-bundle.js" rel="modulepreload" />
|
|
38
|
+
|
|
39
|
+
<link href="./sb-addons/essentials-toolbars-4/manager-bundle.js" rel="modulepreload" />
|
|
40
|
+
|
|
41
|
+
<link href="./sb-addons/essentials-measure-5/manager-bundle.js" rel="modulepreload" />
|
|
42
|
+
|
|
43
|
+
<link href="./sb-addons/essentials-outline-6/manager-bundle.js" rel="modulepreload" />
|
|
44
|
+
|
|
45
|
+
<link href="./sb-addons/storybook-design-token-7/manager-bundle.js" rel="modulepreload" />
|
|
46
|
+
|
|
47
|
+
<link href="./sb-addons/storybook-design-token-8/manager-bundle.js" rel="modulepreload" />
|
|
48
|
+
|
|
49
|
+
<link href="./sb-addons/storybook-9/manager-bundle.js" rel="modulepreload" />
|
|
50
|
+
<title>cre8 Design Tokens</title>
|
|
51
|
+
<meta name="description" content="Design-Tokens" />
|
|
52
|
+
|
|
53
|
+
<script>
|
|
54
|
+
setTimeout(function () {
|
|
55
|
+
document.title = 'cre8 Design Tokens';
|
|
56
|
+
}, 1000);
|
|
57
|
+
</script>
|
|
58
|
+
|
|
59
|
+
<style>
|
|
60
|
+
.header-title {
|
|
61
|
+
align-content: end !important;
|
|
62
|
+
border-radius: 0.1875rem;
|
|
63
|
+
bottom: -5px;
|
|
64
|
+
color: #061376 !important;
|
|
65
|
+
display: flex !important;
|
|
66
|
+
flex-direction: column;
|
|
67
|
+
font-family: 'Open Sans', 'Liberation Mono', Menlo, Courier, monospace;
|
|
68
|
+
font-size: 0.7rem;
|
|
69
|
+
left: 10px;
|
|
70
|
+
letter-spacing: 0px;
|
|
71
|
+
line-height: inherit;
|
|
72
|
+
padding: 3px;
|
|
73
|
+
position: relative !important;
|
|
74
|
+
text-align: center;
|
|
75
|
+
white-space: nowrap;
|
|
76
|
+
width: fit-content;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.sidebar-header img {
|
|
80
|
+
height: auto;
|
|
81
|
+
max-width: 175px;
|
|
82
|
+
min-width: 100px;
|
|
83
|
+
width: auto;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
nav.sidebar-container .sidebar-header div a{
|
|
87
|
+
color: #515761;
|
|
88
|
+
font-size: 22px;
|
|
89
|
+
font-weight: 500;
|
|
90
|
+
}
|
|
91
|
+
nav.sidebar-container .search-field {
|
|
92
|
+
margin-top: 36px;
|
|
93
|
+
}
|
|
94
|
+
nav.sidebar-container .search-field input {
|
|
95
|
+
border:1px solid #333333;
|
|
96
|
+
margin-bottom: 8px;
|
|
97
|
+
}
|
|
98
|
+
nav.sidebar-container .search-field input:focus,
|
|
99
|
+
nav.sidebar-container .search-field input:active{
|
|
100
|
+
border:1px solid #5CC862;
|
|
101
|
+
}
|
|
102
|
+
nav.sidebar-container .sidebar-subheading {
|
|
103
|
+
border-top: 1px solid #ddd;
|
|
104
|
+
color: #333333;
|
|
105
|
+
font-size: 16px;
|
|
106
|
+
font-weight: 300;
|
|
107
|
+
letter-spacing: 0;
|
|
108
|
+
margin-top: 16px;
|
|
109
|
+
padding-top: 16px;
|
|
110
|
+
text-transform: none;
|
|
111
|
+
}
|
|
112
|
+
nav.sidebar-container .sidebar-subheading button {
|
|
113
|
+
color: #333333;
|
|
114
|
+
padding: 3px 10px 10px 17px;
|
|
115
|
+
}
|
|
116
|
+
.container .sidebar-item a{
|
|
117
|
+
color: #333333;
|
|
118
|
+
font-size: 14px;
|
|
119
|
+
margin: 2px 0 2px 0;
|
|
120
|
+
}
|
|
121
|
+
nav.container button.sidebar-item {
|
|
122
|
+
color: #333333;
|
|
123
|
+
margin-top: 0px;
|
|
124
|
+
}
|
|
125
|
+
nav.container .sidebar-item {
|
|
126
|
+
color: #333333;
|
|
127
|
+
padding-left: 18px;
|
|
128
|
+
}
|
|
129
|
+
nav.container .sidebar-item[data-nodetype="story"] svg {
|
|
130
|
+
color: #009bdf;
|
|
131
|
+
}
|
|
132
|
+
.sidebar-item[data-selected="true"] a{
|
|
133
|
+
color: #FFFFFF;
|
|
134
|
+
}
|
|
135
|
+
button[title~='outlines'],
|
|
136
|
+
button[title~='grid'],
|
|
137
|
+
button[title~='background'],
|
|
138
|
+
button[title~='Copy'],
|
|
139
|
+
button.sidebar-subheading-action,
|
|
140
|
+
nav.sidebar-container .sidebar-subheading button span,
|
|
141
|
+
nav.sidebar-container button.sidebar-item svg {
|
|
142
|
+
display: none;
|
|
143
|
+
}
|
|
144
|
+
button[title~='themes'] div[title~='Theme']::before {
|
|
145
|
+
content: 'Brand Theme: ';
|
|
146
|
+
}
|
|
147
|
+
</style>
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
<style>
|
|
151
|
+
#storybook-root[hidden] {
|
|
152
|
+
display: none !important;
|
|
153
|
+
}
|
|
154
|
+
</style>
|
|
155
|
+
|
|
156
|
+
|
|
157
|
+
<link href="./sb-addons/storybook-9/manager-bundle.css" rel="stylesheet" />
|
|
158
|
+
|
|
159
|
+
</head>
|
|
160
|
+
<body>
|
|
161
|
+
<div id="root"></div>
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
<script>
|
|
165
|
+
|
|
166
|
+
|
|
167
|
+
window['FEATURES'] = {
|
|
168
|
+
"warnOnLegacyHierarchySeparator": true,
|
|
169
|
+
"buildStoriesJson": false,
|
|
170
|
+
"storyStoreV7": true,
|
|
171
|
+
"argTypeTargetsV7": true,
|
|
172
|
+
"legacyDecoratorFileOrder": false,
|
|
173
|
+
"disallowImplicitActionsInRenderV8": false
|
|
174
|
+
};
|
|
175
|
+
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
window['REFS'] = {};
|
|
179
|
+
|
|
180
|
+
|
|
181
|
+
|
|
182
|
+
window['LOGLEVEL'] = "info";
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
|
|
186
|
+
window['DOCS_OPTIONS'] = {
|
|
187
|
+
"defaultName": "Docs",
|
|
188
|
+
"autodocs": "tag"
|
|
189
|
+
};
|
|
190
|
+
|
|
191
|
+
|
|
192
|
+
|
|
193
|
+
window['CONFIG_TYPE'] = "PRODUCTION";
|
|
194
|
+
|
|
195
|
+
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
</script>
|
|
201
|
+
|
|
202
|
+
|
|
203
|
+
<script type="module">
|
|
204
|
+
import './sb-manager/runtime.js';
|
|
205
|
+
|
|
206
|
+
|
|
207
|
+
import './sb-addons/essentials-controls-0/manager-bundle.js';
|
|
208
|
+
|
|
209
|
+
import './sb-addons/essentials-actions-1/manager-bundle.js';
|
|
210
|
+
|
|
211
|
+
import './sb-addons/essentials-backgrounds-2/manager-bundle.js';
|
|
212
|
+
|
|
213
|
+
import './sb-addons/essentials-viewport-3/manager-bundle.js';
|
|
214
|
+
|
|
215
|
+
import './sb-addons/essentials-toolbars-4/manager-bundle.js';
|
|
216
|
+
|
|
217
|
+
import './sb-addons/essentials-measure-5/manager-bundle.js';
|
|
218
|
+
|
|
219
|
+
import './sb-addons/essentials-outline-6/manager-bundle.js';
|
|
220
|
+
|
|
221
|
+
import './sb-addons/storybook-design-token-7/manager-bundle.js';
|
|
222
|
+
|
|
223
|
+
import './sb-addons/storybook-design-token-8/manager-bundle.js';
|
|
224
|
+
|
|
225
|
+
import './sb-addons/storybook-9/manager-bundle.js';
|
|
226
|
+
|
|
227
|
+
</script>
|
|
228
|
+
|
|
229
|
+
<link href="./sb-preview/runtime.js" rel="prefetch" as="script" />
|
|
230
|
+
</body>
|
|
231
|
+
</html>
|
package/dist/index.json
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"v":4,"entries":{"getting-started-welcome--docs":{"id":"getting-started-welcome--docs","title":"Getting Started/Welcome","name":"Docs","importPath":"./src/Welcome.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"getting-started-what-is-a-design-token--docs":{"id":"getting-started-what-is-a-design-token--docs","title":"Getting Started/What is a Design Token?","name":"Docs","importPath":"./src/Overview.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"getting-started-choosing-the-right-token--docs":{"id":"getting-started-choosing-the-right-token--docs","title":"Getting Started/Choosing the Right Token","name":"Docs","importPath":"./src/Howtochoose.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"getting-started-installation--docs":{"id":"getting-started-installation--docs","title":"Getting Started/Installation","name":"Docs","importPath":"./src/Installation.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"getting-started-changelog--docs":{"id":"getting-started-changelog--docs","title":"Getting Started/Changelog","name":"Docs","importPath":"./src/Changelog.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"getting-started-contributing--docs":{"id":"getting-started-contributing--docs","title":"Getting Started/Contributing","name":"Docs","importPath":"./src/Contributing.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"design-tokens-content--docs":{"id":"design-tokens-content--docs","title":"Design Tokens/Content","name":"Docs","importPath":"./src/docs/Content.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"design-tokens-background--docs":{"id":"design-tokens-background--docs","title":"Design Tokens/Background","name":"Docs","importPath":"./src/docs/Background.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"design-tokens-border--docs":{"id":"design-tokens-border--docs","title":"Design Tokens/Border","name":"Docs","importPath":"./src/docs/Border.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"design-tokens-breakpoints--docs":{"id":"design-tokens-breakpoints--docs","title":"Design Tokens/Breakpoints","name":"Docs","importPath":"./src/docs/Breakpoints.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"design-tokens-spacing--docs":{"id":"design-tokens-spacing--docs","title":"Design Tokens/Spacing","name":"Docs","importPath":"./src/docs/Spacing.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"design-tokens-shadow--docs":{"id":"design-tokens-shadow--docs","title":"Design Tokens/Shadow","name":"Docs","importPath":"./src/docs/Shadow.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"typography-mixins-how-to-use--docs":{"id":"typography-mixins-how-to-use--docs","title":"Typography Mixins/How to Use","name":"Docs","importPath":"./src/docs/TypographyMixins.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"typography-mixins-body--docs":{"id":"typography-mixins-body--docs","title":"Typography Mixins/Body","name":"Docs","importPath":"./src/docs/BodyMixins.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"typography-mixins-label--docs":{"id":"typography-mixins-label--docs","title":"Typography Mixins/Label","name":"Docs","importPath":"./src/docs/LabelMixins.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"typography-mixins-title--docs":{"id":"typography-mixins-title--docs","title":"Typography Mixins/Title","name":"Docs","importPath":"./src/docs/TitleMixins.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"typography-mixins-headline--docs":{"id":"typography-mixins-headline--docs","title":"Typography Mixins/Headline","name":"Docs","importPath":"./src/docs/HeadlineMixins.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"typography-mixins-display--docs":{"id":"typography-mixins-display--docs","title":"Typography Mixins/Display","name":"Docs","importPath":"./src/docs/DisplayMixins.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"typography-mixins-meta--docs":{"id":"typography-mixins-meta--docs","title":"Typography Mixins/Meta","name":"Docs","importPath":"./src/docs/MetaMixins.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]},"typography-mixins-react-native--docs":{"id":"typography-mixins-react-native--docs","title":"Typography Mixins/React Native","name":"Docs","importPath":"./src/docs/native/NativeMixins.stories.mdx","type":"docs","tags":["stories-mdx","stories-mdx-docsOnly","docs"],"storiesImports":[]}}}
|
package/dist/leaf.png
ADDED
|
Binary file
|
package/dist/leafDS.png
ADDED
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"generatedAt":1768845062897,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"monorepo":"Nx","packageManager":{"type":"pnpm","version":"10.20.0"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.6.20","storybookVersionSpecifier":"^7.3.1","language":"typescript","storybookPackages":{"@storybook/addon-mdx-gfm":{"version":"7.6.20"},"@storybook/react":{"version":"7.6.20"},"@storybook/react-webpack5":{"version":"7.6.20"},"storybook":{"version":"7.6.20"}},"addons":{"@storybook/addon-essentials":{"version":"7.6.20"},"storybook-design-token":{"version":"3.0.0-beta.7"}}}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
try{
|
|
2
|
+
(()=>{var sr=Object.create;var Ze=Object.defineProperty;var lr=Object.getOwnPropertyDescriptor;var ur=Object.getOwnPropertyNames;var cr=Object.getPrototypeOf,pr=Object.prototype.hasOwnProperty;var be=(e,t)=>()=>(e&&(t=e(e=0)),t);var L=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var dr=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of ur(t))!pr.call(e,a)&&a!==r&&Ze(e,a,{get:()=>t[a],enumerable:!(n=lr(t,a))||n.enumerable});return e};var fr=(e,t,r)=>(r=e!=null?sr(cr(e)):{},dr(t||!e||!e.__esModule?Ze(r,"default",{value:e,enumerable:!0}):r,e));var b=be(()=>{});var h=be(()=>{});var E=be(()=>{});var ft=L((ac,D)=>{b();h();E();function Oe(){return D.exports=Oe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},D.exports.__esModule=!0,D.exports.default=D.exports,Oe.apply(null,arguments)}D.exports=Oe,D.exports.__esModule=!0,D.exports.default=D.exports});var mt=L((lc,J)=>{b();h();E();function mr(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}J.exports=mr,J.exports.__esModule=!0,J.exports.default=J.exports});var ue=L((dc,P)=>{b();h();E();function _e(e,t){return P.exports=_e=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},P.exports.__esModule=!0,P.exports.default=P.exports,_e(e,t)}P.exports=_e,P.exports.__esModule=!0,P.exports.default=P.exports});var gt=L((bc,X)=>{b();h();E();var gr=ue();function br(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,gr(e,t)}X.exports=br,X.exports.__esModule=!0,X.exports.default=X.exports});var bt=L((Oc,B)=>{b();h();E();function ve(e){return B.exports=ve=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},B.exports.__esModule=!0,B.exports.default=B.exports,ve(e)}B.exports=ve,B.exports.__esModule=!0,B.exports.default=B.exports});var ht=L((Sc,Z)=>{b();h();E();function hr(e){try{return Function.toString.call(e).indexOf("[native code]")!==-1}catch{return typeof e=="function"}}Z.exports=hr,Z.exports.__esModule=!0,Z.exports.default=Z.exports});var yt=L((xc,F)=>{b();h();E();function Et(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(F.exports=Et=function(){return!!e},F.exports.__esModule=!0,F.exports.default=F.exports)()}F.exports=Et,F.exports.__esModule=!0,F.exports.default=F.exports});var Ot=L((Ic,K)=>{b();h();E();var Er=yt(),yr=ue();function Or(e,t,r){if(Er())return Reflect.construct.apply(null,arguments);var n=[null];n.push.apply(n,t);var a=new(e.bind.apply(e,n));return r&&yr(a,r.prototype),a}K.exports=Or,K.exports.__esModule=!0,K.exports.default=K.exports});var _t=L((Bc,z)=>{b();h();E();var _r=bt(),vr=ue(),Tr=ht(),Sr=Ot();function Te(e){var t=typeof Map=="function"?new Map:void 0;return z.exports=Te=function(n){if(n===null||!Tr(n))return n;if(typeof n!="function")throw new TypeError("Super expression must either be null or a function");if(t!==void 0){if(t.has(n))return t.get(n);t.set(n,a)}function a(){return Sr(n,arguments,_r(this).constructor)}return a.prototype=Object.create(n.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),vr(a,n)},z.exports.__esModule=!0,z.exports.default=z.exports,Te(e)}z.exports=Te,z.exports.__esModule=!0,z.exports.default=z.exports});var vt=L((jc,Q)=>{b();h();E();function Ar(e,t){return t||(t=e.slice(0)),e.raw=t,e}Q.exports=Ar,Q.exports.__esModule=!0,Q.exports.default=Q.exports});var Vt=L(u=>{"use strict";b();h();E();Object.defineProperty(u,"__esModule",{value:!0});var Rr=ft(),Cr=mt(),xr=gt(),wr=_t(),Nr=vt();function ne(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var T=ne(Rr),Lr=ne(Cr),Ir=ne(xr),Mr=ne(wr),Bt=ne(Nr);function Tt(){var e;return e=arguments.length-1,e<0||arguments.length<=e?void 0:arguments[e]}function Dr(e){return-e}function Pr(e,t){return e+t}function Br(e,t){return e-t}function Fr(e,t){return e*t}function zr(e,t){return e/t}function Hr(){return Math.max.apply(Math,arguments)}function jr(){return Math.min.apply(Math,arguments)}function Ur(){return Array.of.apply(Array,arguments)}var kr={symbols:{"*":{infix:{symbol:"*",f:Fr,notation:"infix",precedence:4,rightToLeft:0,argCount:2},symbol:"*",regSymbol:"\\*"},"/":{infix:{symbol:"/",f:zr,notation:"infix",precedence:4,rightToLeft:0,argCount:2},symbol:"/",regSymbol:"/"},"+":{infix:{symbol:"+",f:Pr,notation:"infix",precedence:2,rightToLeft:0,argCount:2},prefix:{symbol:"+",f:Tt,notation:"prefix",precedence:3,rightToLeft:0,argCount:1},symbol:"+",regSymbol:"\\+"},"-":{infix:{symbol:"-",f:Br,notation:"infix",precedence:2,rightToLeft:0,argCount:2},prefix:{symbol:"-",f:Dr,notation:"prefix",precedence:3,rightToLeft:0,argCount:1},symbol:"-",regSymbol:"-"},",":{infix:{symbol:",",f:Ur,notation:"infix",precedence:1,rightToLeft:0,argCount:2},symbol:",",regSymbol:","},"(":{prefix:{symbol:"(",f:Tt,notation:"prefix",precedence:0,rightToLeft:0,argCount:1},symbol:"(",regSymbol:"\\("},")":{postfix:{symbol:")",f:void 0,notation:"postfix",precedence:0,rightToLeft:0,argCount:1},symbol:")",regSymbol:"\\)"},min:{func:{symbol:"min",f:jr,notation:"func",precedence:0,rightToLeft:0,argCount:1},symbol:"min",regSymbol:"min\\b"},max:{func:{symbol:"max",f:Hr,notation:"func",precedence:0,rightToLeft:0,argCount:1},symbol:"max",regSymbol:"max\\b"}}},St=kr,d=function(e){Ir.default(t,e);function t(r){var n;if(!0)n=e.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+r+" for more information.")||this;else for(var a,o,s;s<a;s++);return Lr.default(n)}return t}(Mr.default(Error)),At=/((?!\w)a|na|hc|mc|dg|me[r]?|xe|ni(?![a-zA-Z])|mm|cp|tp|xp|q(?!s)|hv|xamv|nimv|wv|sm|s(?!\D|$)|ged|darg?|nrut)/g;function Gr(e){var t={};return t.symbols=e?T.default({},St.symbols,e.symbols):T.default({},St.symbols),t}function Rt(e,t){var r,n=e.pop();return t.push(n.f.apply(n,(r=[]).concat.apply(r,t.splice(-n.argCount)))),n.precedence}function Wr(e,t){var r=Gr(t),n,a=[r.symbols["("].prefix],o=[],s=new RegExp("\\d+(?:\\.\\d+)?|"+Object.keys(r.symbols).map(function(_){return r.symbols[_]}).sort(function(_,w){return w.symbol.length-_.symbol.length}).map(function(_){return _.regSymbol}).join("|")+"|(\\S)","g");s.lastIndex=0;var l=!1;do{n=s.exec(e);var c=n||[")",void 0],p=c[0],m=c[1],f=r.symbols[p],g=f&&!f.prefix&&!f.func,v=!f||!f.postfix&&!f.infix;if(m||(l?v:g))throw new d(37,n?n.index:e.length,e);if(l){var y=f.postfix||f.infix;do{var O=a[a.length-1];if((y.precedence-O.precedence||O.rightToLeft)>0)break}while(Rt(a,o));l=y.notation==="postfix",y.symbol!==")"&&(a.push(y),l&&Rt(a,o))}else if(f){if(a.push(f.prefix||f.func),f.func&&(n=s.exec(e),!n||n[0]!=="("))throw new d(38,n?n.index:e.length,e)}else o.push(+p),l=!0}while(n&&a.length);if(a.length)throw new d(39,n?n.index:e.length,e);if(n)throw new d(40,n?n.index:e.length,e);return o.pop()}function Se(e){return e.split("").reverse().join("")}function Vr(e,t){var r=Se(e),n=r.match(At);if(n&&!n.every(function(o){return o===n[0]}))throw new d(41);var a=Se(r.replace(At,""));return""+Wr(a,t)+(n?Se(n[0]):"")}var $r=/--[\S]*/g;function Yr(e,t){if(!e||!e.match($r))throw new d(73);var r;if(typeof document<"u"&&document.documentElement!==null&&(r=getComputedStyle(document.documentElement).getPropertyValue(e)),r)return r.trim();if(t)return t;throw new d(74)}function ee(e){return e.charAt(0).toUpperCase()+e.slice(1)}var qr=["Top","Right","Bottom","Left"];function Jr(e,t){if(!e)return t.toLowerCase();var r=e.split("-");if(r.length>1)return r.splice(1,0,t),r.reduce(function(a,o){return""+a+ee(o)});var n=e.replace(/([a-z])([A-Z])/g,"$1"+t+"$2");return e===n?""+e+t:n}function Xr(e,t){for(var r={},n=0;n<t.length;n+=1)(t[n]||t[n]===0)&&(r[Jr(e,qr[n])]=t[n]);return r}function j(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var a=r[0],o=r[1],s=o===void 0?a:o,l=r[2],c=l===void 0?a:l,p=r[3],m=p===void 0?s:p,f=[a,s,c,m];return Xr(e,f)}function Ct(e,t){return e.substr(-t.length)===t}var Zr=/^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;function xe(e){if(typeof e!="string")return e;var t=e.match(Zr);return t?parseFloat(e):e}var Kr=function(t){return function(r,n){n===void 0&&(n="16px");var a=r,o=n;if(typeof r=="string"){if(!Ct(r,"px"))throw new d(69,t,r);a=xe(r)}if(typeof n=="string"){if(!Ct(n,"px"))throw new d(70,t,n);o=xe(n)}if(typeof a=="string")throw new d(71,r,t);if(typeof o=="string")throw new d(72,n,t);return""+a/o+t}},Ft=Kr,Qr=Ft("em"),en=Qr,tn=/^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;function M(e){if(typeof e!="string")return[e,""];var t=e.match(tn);return t?[parseFloat(e),t[2]]:[e,void 0]}function zt(e,t){if(typeof e!="object"||e===null)throw new d(75,typeof e);var r={};return Object.keys(e).forEach(function(n){typeof e[n]=="object"&&e[n]!==null?r[n]=zt(e[n],t):!t||t&&(t===n||t.indexOf(n)>=0)?r[n]=e[n]+" !important":r[n]=e[n]}),r}var Ht={minorSecond:1.067,majorSecond:1.125,minorThird:1.2,majorThird:1.25,perfectFourth:1.333,augFourth:1.414,perfectFifth:1.5,minorSixth:1.6,goldenSection:1.618,majorSixth:1.667,minorSeventh:1.778,majorSeventh:1.875,octave:2,majorTenth:2.5,majorEleventh:2.667,majorTwelfth:3,doubleOctave:4};function rn(e){return Ht[e]}function nn(e,t,r){if(t===void 0&&(t="1em"),r===void 0&&(r=1.333),typeof e!="number")throw new d(42);if(typeof r=="string"&&!Ht[r])throw new d(43);var n=typeof t=="string"?M(t):[t,""],a=n[0],o=n[1],s=typeof r=="string"?rn(r):r;if(typeof a=="string")throw new d(44,t);return""+a*Math.pow(s,e)+(o||"")}var an=Ft("rem"),on=an,we=16;function jt(e){var t=M(e);if(t[1]==="px")return parseFloat(e);if(t[1]==="%")return parseFloat(e)/100*we;throw new d(78,t[1])}function sn(){if(typeof document<"u"&&document.documentElement!==null){var e=getComputedStyle(document.documentElement).fontSize;return e?jt(e):we}return we}function ln(e,t){var r=M(e);if(r[1]!=="rem"&&r[1]!=="")throw new d(77,r[1]);var n=t?jt(t):sn();return r[0]*n+"px"}var un={back:"cubic-bezier(0.600, -0.280, 0.735, 0.045)",circ:"cubic-bezier(0.600, 0.040, 0.980, 0.335)",cubic:"cubic-bezier(0.550, 0.055, 0.675, 0.190)",expo:"cubic-bezier(0.950, 0.050, 0.795, 0.035)",quad:"cubic-bezier(0.550, 0.085, 0.680, 0.530)",quart:"cubic-bezier(0.895, 0.030, 0.685, 0.220)",quint:"cubic-bezier(0.755, 0.050, 0.855, 0.060)",sine:"cubic-bezier(0.470, 0.000, 0.745, 0.715)"};function cn(e){return un[e.toLowerCase().trim()]}var pn={back:"cubic-bezier(0.680, -0.550, 0.265, 1.550)",circ:"cubic-bezier(0.785, 0.135, 0.150, 0.860)",cubic:"cubic-bezier(0.645, 0.045, 0.355, 1.000)",expo:"cubic-bezier(1.000, 0.000, 0.000, 1.000)",quad:"cubic-bezier(0.455, 0.030, 0.515, 0.955)",quart:"cubic-bezier(0.770, 0.000, 0.175, 1.000)",quint:"cubic-bezier(0.860, 0.000, 0.070, 1.000)",sine:"cubic-bezier(0.445, 0.050, 0.550, 0.950)"};function dn(e){return pn[e.toLowerCase().trim()]}var fn={back:"cubic-bezier(0.175, 0.885, 0.320, 1.275)",cubic:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",circ:"cubic-bezier(0.075, 0.820, 0.165, 1.000)",expo:"cubic-bezier(0.190, 1.000, 0.220, 1.000)",quad:"cubic-bezier(0.250, 0.460, 0.450, 0.940)",quart:"cubic-bezier(0.165, 0.840, 0.440, 1.000)",quint:"cubic-bezier(0.230, 1.000, 0.320, 1.000)",sine:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"};function mn(e){return fn[e.toLowerCase().trim()]}function Ne(e,t,r,n){r===void 0&&(r="320px"),n===void 0&&(n="1200px");var a=M(e),o=a[0],s=a[1],l=M(t),c=l[0],p=l[1],m=M(r),f=m[0],g=m[1],v=M(n),y=v[0],O=v[1];if(typeof f!="number"||typeof y!="number"||!g||!O||g!==O)throw new d(47);if(typeof o!="number"||typeof c!="number"||s!==p)throw new d(48);if(s!==g||p!==O)throw new d(76);var _=(o-c)/(f-y),w=c-_*y;return"calc("+w.toFixed(2)+(s||"")+" + "+(100*_).toFixed(2)+"vw)"}function gn(e){var t;e===void 0&&(e="&");var r=e+"::after";return t={},t[r]={clear:"both",content:'""',display:"table"},t}function bn(e){return e===void 0&&(e=0),{position:"absolute",top:e,right:e,bottom:e,left:e}}function hn(e,t){t===void 0&&(t=1);var r={display:"inline-block",maxWidth:e||"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",wordWrap:"normal"};return t>1?T.default({},r,{WebkitBoxOrient:"vertical",WebkitLineClamp:t,display:"-webkit-box",whiteSpace:"normal"}):r}function En(e,t){var r=typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=yn(e))||t&&e&&typeof e.length=="number"){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
3
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function yn(e,t){if(e){if(typeof e=="string")return xt(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return xt(e,t)}}function xt(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function On(e,t,r){if(t===void 0&&(t="320px"),r===void 0&&(r="1200px"),!Array.isArray(e)&&typeof e!="object"||e===null)throw new d(49);if(Array.isArray(e)){for(var n={},a={},o=En(e),s;!(s=o()).done;){var l,c,p=s.value;if(!p.prop||!p.fromSize||!p.toSize)throw new d(50);a[p.prop]=p.fromSize,n["@media (min-width: "+t+")"]=T.default({},n["@media (min-width: "+t+")"],(l={},l[p.prop]=Ne(p.fromSize,p.toSize,t,r),l)),n["@media (min-width: "+r+")"]=T.default({},n["@media (min-width: "+r+")"],(c={},c[p.prop]=p.toSize,c))}return T.default({},a,n)}else{var m,f,g;if(!e.prop||!e.fromSize||!e.toSize)throw new d(51);return g={},g[e.prop]=e.fromSize,g["@media (min-width: "+t+")"]=(m={},m[e.prop]=Ne(e.fromSize,e.toSize,t,r),m),g["@media (min-width: "+r+")"]=(f={},f[e.prop]=e.toSize,f),g}}var _n=/^\s*data:([a-z]+\/[a-z-]+(;[a-z-]+=[a-z-]+)?)?(;charset=[a-z0-9-]+)?(;base64)?,[a-z0-9!$&',()*+,;=\-._~:@/?%\s]*\s*$/i,vn={woff:"woff",woff2:"woff2",ttf:"truetype",otf:"opentype",eot:"embedded-opentype",svg:"svg",svgz:"svg"};function wt(e,t){return t?' format("'+vn[e]+'")':""}function Tn(e){return!!e.replace(/\s+/g," ").match(_n)}function Sn(e,t,r){if(Tn(e))return'url("'+e+'")'+wt(t[0],r);var n=t.map(function(a){return'url("'+e+"."+a+'")'+wt(a,r)});return n.join(", ")}function An(e){var t=e.map(function(r){return'local("'+r+'")'});return t.join(", ")}function Rn(e,t,r,n){var a=[];return t&&a.push(An(t)),e&&a.push(Sn(e,r,n)),a.join(", ")}function Cn(e){var t=e.fontFamily,r=e.fontFilePath,n=e.fontStretch,a=e.fontStyle,o=e.fontVariant,s=e.fontWeight,l=e.fileFormats,c=l===void 0?["eot","woff2","woff","ttf","svg"]:l,p=e.formatHint,m=p===void 0?!1:p,f=e.localFonts,g=f===void 0?[t]:f,v=e.unicodeRange,y=e.fontDisplay,O=e.fontVariationSettings,_=e.fontFeatureSettings;if(!t)throw new d(55);if(!r&&!g)throw new d(52);if(g&&!Array.isArray(g))throw new d(53);if(!Array.isArray(c))throw new d(54);var w={"@font-face":{fontFamily:t,src:Rn(r,g,c,m),unicodeRange:v,fontStretch:n,fontStyle:a,fontVariant:o,fontWeight:s,fontDisplay:y,fontVariationSettings:O,fontFeatureSettings:_}};return JSON.parse(JSON.stringify(w))}function xn(){return{textIndent:"101%",overflow:"hidden",whiteSpace:"nowrap"}}function wn(){return{border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",whiteSpace:"nowrap",width:"1px"}}function Ut(e){return e===void 0&&(e=1.3),`
|
|
4
|
+
@media only screen and (-webkit-min-device-pixel-ratio: `+e+`),
|
|
5
|
+
only screen and (min--moz-device-pixel-ratio: `+e+`),
|
|
6
|
+
only screen and (-o-min-device-pixel-ratio: `+e+`/1),
|
|
7
|
+
only screen and (min-resolution: `+Math.round(e*96)+`dpi),
|
|
8
|
+
only screen and (min-resolution: `+e+`dppx)
|
|
9
|
+
`}function kt(e){for(var t="",r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];for(var o=0;o<e.length;o+=1)if(t+=e[o],o===n.length-1&&n[o]){var s=n.filter(function(l){return!!l});s.length>1?(t=t.slice(0,-1),t+=", "+n[o]):s.length===1&&(t+=""+n[o])}else n[o]&&(t+=n[o]+" ");return t.trim()}var Nt;function Nn(e){var t=e.colorStops,r=e.fallback,n=e.toDirection,a=n===void 0?"":n;if(!t||t.length<2)throw new d(56);return{backgroundColor:r||t[0].replace(/,\s+/g,",").split(" ")[0].replace(/,(?=\S)/g,", "),backgroundImage:kt(Nt||(Nt=Bt.default(["linear-gradient(","",")"])),a,t.join(", ").replace(/,(?=\S)/g,", "))}}function Ln(){var e;return[(e={html:{lineHeight:"1.15",textSizeAdjust:"100%"},body:{margin:"0"},main:{display:"block"},h1:{fontSize:"2em",margin:"0.67em 0"},hr:{boxSizing:"content-box",height:"0",overflow:"visible"},pre:{fontFamily:"monospace, monospace",fontSize:"1em"},a:{backgroundColor:"transparent"},"abbr[title]":{borderBottom:"none",textDecoration:"underline"}},e[`b,
|
|
10
|
+
strong`]={fontWeight:"bolder"},e[`code,
|
|
11
|
+
kbd,
|
|
12
|
+
samp`]={fontFamily:"monospace, monospace",fontSize:"1em"},e.small={fontSize:"80%"},e[`sub,
|
|
13
|
+
sup`]={fontSize:"75%",lineHeight:"0",position:"relative",verticalAlign:"baseline"},e.sub={bottom:"-0.25em"},e.sup={top:"-0.5em"},e.img={borderStyle:"none"},e[`button,
|
|
14
|
+
input,
|
|
15
|
+
optgroup,
|
|
16
|
+
select,
|
|
17
|
+
textarea`]={fontFamily:"inherit",fontSize:"100%",lineHeight:"1.15",margin:"0"},e[`button,
|
|
18
|
+
input`]={overflow:"visible"},e[`button,
|
|
19
|
+
select`]={textTransform:"none"},e[`button,
|
|
20
|
+
html [type="button"],
|
|
21
|
+
[type="reset"],
|
|
22
|
+
[type="submit"]`]={WebkitAppearance:"button"},e[`button::-moz-focus-inner,
|
|
23
|
+
[type="button"]::-moz-focus-inner,
|
|
24
|
+
[type="reset"]::-moz-focus-inner,
|
|
25
|
+
[type="submit"]::-moz-focus-inner`]={borderStyle:"none",padding:"0"},e[`button:-moz-focusring,
|
|
26
|
+
[type="button"]:-moz-focusring,
|
|
27
|
+
[type="reset"]:-moz-focusring,
|
|
28
|
+
[type="submit"]:-moz-focusring`]={outline:"1px dotted ButtonText"},e.fieldset={padding:"0.35em 0.625em 0.75em"},e.legend={boxSizing:"border-box",color:"inherit",display:"table",maxWidth:"100%",padding:"0",whiteSpace:"normal"},e.progress={verticalAlign:"baseline"},e.textarea={overflow:"auto"},e[`[type="checkbox"],
|
|
29
|
+
[type="radio"]`]={boxSizing:"border-box",padding:"0"},e[`[type="number"]::-webkit-inner-spin-button,
|
|
30
|
+
[type="number"]::-webkit-outer-spin-button`]={height:"auto"},e['[type="search"]']={WebkitAppearance:"textfield",outlineOffset:"-2px"},e['[type="search"]::-webkit-search-decoration']={WebkitAppearance:"none"},e["::-webkit-file-upload-button"]={WebkitAppearance:"button",font:"inherit"},e.details={display:"block"},e.summary={display:"list-item"},e.template={display:"none"},e["[hidden]"]={display:"none"},e),{"abbr[title]":{textDecoration:"underline dotted"}}]}var Lt;function In(e){var t=e.colorStops,r=e.extent,n=r===void 0?"":r,a=e.fallback,o=e.position,s=o===void 0?"":o,l=e.shape,c=l===void 0?"":l;if(!t||t.length<2)throw new d(57);return{backgroundColor:a||t[0].split(" ")[0],backgroundImage:kt(Lt||(Lt=Bt.default(["radial-gradient(","","","",")"])),s,c,n,t.join(", "))}}function Mn(e,t,r,n,a){var o;if(r===void 0&&(r="png"),a===void 0&&(a="_2x"),!e)throw new d(58);var s=r.replace(/^\./,""),l=n?n+"."+s:""+e+a+"."+s;return o={backgroundImage:"url("+e+"."+s+")"},o[Ut()]=T.default({backgroundImage:"url("+l+")"},t?{backgroundSize:t}:{}),o}var Dn={easeInBack:"cubic-bezier(0.600, -0.280, 0.735, 0.045)",easeInCirc:"cubic-bezier(0.600, 0.040, 0.980, 0.335)",easeInCubic:"cubic-bezier(0.550, 0.055, 0.675, 0.190)",easeInExpo:"cubic-bezier(0.950, 0.050, 0.795, 0.035)",easeInQuad:"cubic-bezier(0.550, 0.085, 0.680, 0.530)",easeInQuart:"cubic-bezier(0.895, 0.030, 0.685, 0.220)",easeInQuint:"cubic-bezier(0.755, 0.050, 0.855, 0.060)",easeInSine:"cubic-bezier(0.470, 0.000, 0.745, 0.715)",easeOutBack:"cubic-bezier(0.175, 0.885, 0.320, 1.275)",easeOutCubic:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",easeOutCirc:"cubic-bezier(0.075, 0.820, 0.165, 1.000)",easeOutExpo:"cubic-bezier(0.190, 1.000, 0.220, 1.000)",easeOutQuad:"cubic-bezier(0.250, 0.460, 0.450, 0.940)",easeOutQuart:"cubic-bezier(0.165, 0.840, 0.440, 1.000)",easeOutQuint:"cubic-bezier(0.230, 1.000, 0.320, 1.000)",easeOutSine:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",easeInOutBack:"cubic-bezier(0.680, -0.550, 0.265, 1.550)",easeInOutCirc:"cubic-bezier(0.785, 0.135, 0.150, 0.860)",easeInOutCubic:"cubic-bezier(0.645, 0.045, 0.355, 1.000)",easeInOutExpo:"cubic-bezier(1.000, 0.000, 0.000, 1.000)",easeInOutQuad:"cubic-bezier(0.455, 0.030, 0.515, 0.955)",easeInOutQuart:"cubic-bezier(0.770, 0.000, 0.175, 1.000)",easeInOutQuint:"cubic-bezier(0.860, 0.000, 0.070, 1.000)",easeInOutSine:"cubic-bezier(0.445, 0.050, 0.550, 0.950)"};function Pn(e){return Dn[e]}function Bn(e){return Pn(e)}var Fn=function(t,r,n){var a=""+n[0]+(n[1]||""),o=""+n[0]/2+(n[1]||""),s=""+r[0]+(r[1]||""),l=""+r[0]/2+(r[1]||"");switch(t){case"top":return"0 "+o+" "+s+" "+o;case"topLeft":return a+" "+s+" 0 0";case"left":return l+" "+a+" "+l+" 0";case"bottomLeft":return a+" 0 0 "+s;case"bottom":return s+" "+o+" 0 "+o;case"bottomRight":return"0 0 "+a+" "+s;case"right":return l+" 0 "+l+" "+a;case"topRight":default:return"0 "+a+" "+s+" 0"}},zn=function(t,r){switch(t){case"top":case"bottomRight":return{borderBottomColor:r};case"right":case"bottomLeft":return{borderLeftColor:r};case"bottom":case"topLeft":return{borderTopColor:r};case"left":case"topRight":return{borderRightColor:r};default:throw new d(59)}};function Hn(e){var t=e.pointingDirection,r=e.height,n=e.width,a=e.foregroundColor,o=e.backgroundColor,s=o===void 0?"transparent":o,l=M(n),c=M(r);if(isNaN(c[0])||isNaN(l[0]))throw new d(60);return T.default({width:"0",height:"0",borderColor:s},zn(t,a),{borderStyle:"solid",borderWidth:Fn(t,c,l)})}function jn(e){e===void 0&&(e="break-word");var t=e==="break-word"?"break-all":e;return{overflowWrap:e,wordWrap:e,wordBreak:t}}function Ae(e){return Math.round(e*255)}function Un(e,t,r){return Ae(e)+","+Ae(t)+","+Ae(r)}function te(e,t,r,n){if(n===void 0&&(n=Un),t===0)return n(r,r,r);var a=(e%360+360)%360/60,o=(1-Math.abs(2*r-1))*t,s=o*(1-Math.abs(a%2-1)),l=0,c=0,p=0;a>=0&&a<1?(l=o,c=s):a>=1&&a<2?(l=s,c=o):a>=2&&a<3?(c=o,p=s):a>=3&&a<4?(c=s,p=o):a>=4&&a<5?(l=s,p=o):a>=5&&a<6&&(l=o,p=s);var m=r-o/2,f=l+m,g=c+m,v=p+m;return n(f,g,v)}var It={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function kn(e){if(typeof e!="string")return e;var t=e.toLowerCase();return It[t]?"#"+It[t]:e}var Gn=/^#[a-fA-F0-9]{6}$/,Wn=/^#[a-fA-F0-9]{8}$/,Vn=/^#[a-fA-F0-9]{3}$/,$n=/^#[a-fA-F0-9]{4}$/,Re=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,Yn=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,qn=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,Jn=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function H(e){if(typeof e!="string")throw new d(3);var t=kn(e);if(t.match(Gn))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(Wn)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(Vn))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match($n)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=Re.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var o=Yn.exec(t.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var s=qn.exec(t);if(s){var l=parseInt(""+s[1],10),c=parseInt(""+s[2],10)/100,p=parseInt(""+s[3],10)/100,m="rgb("+te(l,c,p)+")",f=Re.exec(m);if(!f)throw new d(4,t,m);return{red:parseInt(""+f[1],10),green:parseInt(""+f[2],10),blue:parseInt(""+f[3],10)}}var g=Jn.exec(t.substring(0,50));if(g){var v=parseInt(""+g[1],10),y=parseInt(""+g[2],10)/100,O=parseInt(""+g[3],10)/100,_="rgb("+te(v,y,O)+")",w=Re.exec(_);if(!w)throw new d(4,t,_);return{red:parseInt(""+w[1],10),green:parseInt(""+w[2],10),blue:parseInt(""+w[3],10),alpha:parseFloat(""+g[4])>1?parseFloat(""+g[4])/100:parseFloat(""+g[4])}}throw new d(5)}function Xn(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),o=Math.min(t,r,n),s=(a+o)/2;if(a===o)return e.alpha!==void 0?{hue:0,saturation:0,lightness:s,alpha:e.alpha}:{hue:0,saturation:0,lightness:s};var l,c=a-o,p=s>.5?c/(2-a-o):c/(a+o);switch(a){case t:l=(r-n)/c+(r<n?6:0);break;case r:l=(n-t)/c+2;break;default:l=(t-r)/c+4;break}return l*=60,e.alpha!==void 0?{hue:l,saturation:p,lightness:s,alpha:e.alpha}:{hue:l,saturation:p,lightness:s}}function I(e){return Xn(H(e))}var Zn=function(t){return t.length===7&&t[1]===t[2]&&t[3]===t[4]&&t[5]===t[6]?"#"+t[1]+t[3]+t[5]:t},Le=Zn;function U(e){var t=e.toString(16);return t.length===1?"0"+t:t}function Ce(e){return U(Math.round(e*255))}function Kn(e,t,r){return Le("#"+Ce(e)+Ce(t)+Ce(r))}function ce(e,t,r){return te(e,t,r,Kn)}function Ie(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return ce(e,t,r);if(typeof e=="object"&&t===void 0&&r===void 0)return ce(e.hue,e.saturation,e.lightness);throw new d(1)}function Me(e,t,r,n){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?ce(e,t,r):"rgba("+te(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?ce(e.hue,e.saturation,e.lightness):"rgba("+te(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new d(2)}function re(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return Le("#"+U(e)+U(t)+U(r));if(typeof e=="object"&&t===void 0&&r===void 0)return Le("#"+U(e.red)+U(e.green)+U(e.blue));throw new d(6)}function W(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=H(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?re(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?re(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new d(7)}var Qn=function(t){return typeof t.red=="number"&&typeof t.green=="number"&&typeof t.blue=="number"&&(typeof t.alpha!="number"||typeof t.alpha>"u")},ea=function(t){return typeof t.red=="number"&&typeof t.green=="number"&&typeof t.blue=="number"&&typeof t.alpha=="number"},ta=function(t){return typeof t.hue=="number"&&typeof t.saturation=="number"&&typeof t.lightness=="number"&&(typeof t.alpha!="number"||typeof t.alpha>"u")},ra=function(t){return typeof t.hue=="number"&&typeof t.saturation=="number"&&typeof t.lightness=="number"&&typeof t.alpha=="number"};function N(e){if(typeof e!="object")throw new d(8);if(ea(e))return W(e);if(Qn(e))return re(e);if(ra(e))return Me(e);if(ta(e))return Ie(e);throw new d(8)}function Gt(e,t,r){return function(){var a=r.concat(Array.prototype.slice.call(arguments));return a.length>=t?e.apply(this,a):Gt(e,t,a)}}function C(e){return Gt(e,e.length,[])}function na(e,t){if(t==="transparent")return t;var r=I(t);return N(T.default({},r,{hue:r.hue+parseFloat(e)}))}var aa=C(na),oa=aa;function ia(e){if(e==="transparent")return e;var t=I(e);return N(T.default({},t,{hue:(t.hue+180)%360}))}function V(e,t,r){return Math.max(e,Math.min(t,r))}function sa(e,t){if(t==="transparent")return t;var r=I(t);return N(T.default({},r,{lightness:V(0,1,r.lightness-parseFloat(e))}))}var la=C(sa),ua=la;function ca(e,t){if(t==="transparent")return t;var r=I(t);return N(T.default({},r,{saturation:V(0,1,r.saturation-parseFloat(e))}))}var pa=C(ca),da=pa;function pe(e){if(e==="transparent")return 0;var t=H(e),r=Object.keys(t).map(function(s){var l=t[s]/255;return l<=.03928?l/12.92:Math.pow((l+.055)/1.055,2.4)}),n=r[0],a=r[1],o=r[2];return parseFloat((.2126*n+.7152*a+.0722*o).toFixed(3))}function De(e,t){var r=pe(e),n=pe(t);return parseFloat((r>n?(r+.05)/(n+.05):(n+.05)/(r+.05)).toFixed(2))}function fa(e){return e==="transparent"?e:N(T.default({},I(e),{saturation:0}))}function ma(e){if(typeof e=="object"&&typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number")return e.alpha&&typeof e.alpha=="number"?Me({hue:e.hue,saturation:e.saturation,lightness:e.lightness,alpha:e.alpha}):Ie({hue:e.hue,saturation:e.saturation,lightness:e.lightness});throw new d(45)}function ga(e){if(e==="transparent")return e;var t=H(e);return N(T.default({},t,{red:255-t.red,green:255-t.green,blue:255-t.blue}))}function ba(e,t){if(t==="transparent")return t;var r=I(t);return N(T.default({},r,{lightness:V(0,1,r.lightness+parseFloat(e))}))}var ha=C(ba),Ea=ha;function ya(e,t){var r=De(e,t);return{AA:r>=4.5,AALarge:r>=3,AAA:r>=7,AAALarge:r>=4.5}}function Oa(e,t,r){if(t==="transparent")return r;if(r==="transparent")return t;if(e===0)return r;var n=H(t),a=T.default({},n,{alpha:typeof n.alpha=="number"?n.alpha:1}),o=H(r),s=T.default({},o,{alpha:typeof o.alpha=="number"?o.alpha:1}),l=a.alpha-s.alpha,c=parseFloat(e)*2-1,p=c*l===-1?c:c+l,m=1+c*l,f=(p/m+1)/2,g=1-f,v={red:Math.floor(a.red*f+s.red*g),green:Math.floor(a.green*f+s.green*g),blue:Math.floor(a.blue*f+s.blue*g),alpha:a.alpha*parseFloat(e)+s.alpha*(1-parseFloat(e))};return W(v)}var _a=C(Oa),Pe=_a;function va(e,t){if(t==="transparent")return t;var r=H(t),n=typeof r.alpha=="number"?r.alpha:1,a=T.default({},r,{alpha:V(0,1,(n*100+parseFloat(e)*100)/100)});return W(a)}var Ta=C(va),Sa=Ta,Mt="#000",Dt="#fff";function Aa(e,t,r,n){t===void 0&&(t=Mt),r===void 0&&(r=Dt),n===void 0&&(n=!0);var a=pe(e)>.179,o=a?t:r;return!n||De(e,o)>=4.5?o:a?Mt:Dt}function Ra(e){if(typeof e=="object"&&typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number")return typeof e.alpha=="number"?W({red:e.red,green:e.green,blue:e.blue,alpha:e.alpha}):re({red:e.red,green:e.green,blue:e.blue});throw new d(46)}function Ca(e,t){if(t==="transparent")return t;var r=I(t);return N(T.default({},r,{saturation:V(0,1,r.saturation+parseFloat(e))}))}var xa=C(Ca),wa=xa;function Na(e,t){return t==="transparent"?t:N(T.default({},I(t),{hue:parseFloat(e)}))}var La=C(Na),Ia=La;function Ma(e,t){return t==="transparent"?t:N(T.default({},I(t),{lightness:parseFloat(e)}))}var Da=C(Ma),Pa=Da;function Ba(e,t){return t==="transparent"?t:N(T.default({},I(t),{saturation:parseFloat(e)}))}var Fa=C(Ba),za=Fa;function Ha(e,t){return t==="transparent"?t:Pe(parseFloat(e),"rgb(0, 0, 0)",t)}var ja=C(Ha),Ua=ja;function ka(e,t){return t==="transparent"?t:Pe(parseFloat(e),"rgb(255, 255, 255)",t)}var Ga=C(ka),Wa=Ga;function Va(e,t){if(t==="transparent")return t;var r=H(t),n=typeof r.alpha=="number"?r.alpha:1,a=T.default({},r,{alpha:V(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return W(a)}var $a=C(Va),Ya=$a;function qa(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var n=Array.isArray(t[0]);if(!n&&t.length>8)throw new d(64);var a=t.map(function(o){if(n&&!Array.isArray(o)||!n&&Array.isArray(o))throw new d(65);if(Array.isArray(o)&&o.length>8)throw new d(66);return Array.isArray(o)?o.join(" "):o}).join(", ");return{animation:a}}function Ja(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return{backgroundImage:t.join(", ")}}function Xa(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return{background:t.join(", ")}}var Za=["top","right","bottom","left"];function Ka(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];if(typeof e=="string"&&Za.indexOf(e)>=0){var a;return a={},a["border"+ee(e)+"Width"]=r[0],a["border"+ee(e)+"Style"]=r[1],a["border"+ee(e)+"Color"]=r[2],a}else return r.unshift(e),{borderWidth:r[0],borderStyle:r[1],borderColor:r[2]}}function Qa(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return j.apply(void 0,["borderColor"].concat(t))}function eo(e,t){var r=ee(e);if(!t&&t!==0)throw new d(62);if(r==="Top"||r==="Bottom"){var n;return n={},n["border"+r+"RightRadius"]=t,n["border"+r+"LeftRadius"]=t,n}if(r==="Left"||r==="Right"){var a;return a={},a["borderTop"+r+"Radius"]=t,a["borderBottom"+r+"Radius"]=t,a}throw new d(63)}function to(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return j.apply(void 0,["borderStyle"].concat(t))}function ro(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return j.apply(void 0,["borderWidth"].concat(t))}function Pt(e,t){var r=t?":"+t:"";return e(r)}function Wt(e,t,r){if(!t)throw new d(67);if(e.length===0)return Pt(t,null);for(var n=[],a=0;a<e.length;a+=1){if(r&&r.indexOf(e[a])<0)throw new d(68);n.push(Pt(t,e[a]))}return n=n.join(","),n}var no=[void 0,null,"active","focus","hover"];function ao(e){return"button"+e+`,
|
|
31
|
+
input[type="button"]`+e+`,
|
|
32
|
+
input[type="reset"]`+e+`,
|
|
33
|
+
input[type="submit"]`+e}function oo(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return Wt(t,ao,no)}function io(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return j.apply(void 0,["margin"].concat(t))}function so(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return j.apply(void 0,["padding"].concat(t))}var lo=["absolute","fixed","relative","static","sticky"];function uo(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return lo.indexOf(e)>=0&&e?T.default({},j.apply(void 0,[""].concat(r)),{position:e}):j.apply(void 0,["",e].concat(r))}function co(e,t){return t===void 0&&(t=e),{height:e,width:t}}var po=[void 0,null,"active","focus","hover"];function fo(e){return'input[type="color"]'+e+`,
|
|
34
|
+
input[type="date"]`+e+`,
|
|
35
|
+
input[type="datetime"]`+e+`,
|
|
36
|
+
input[type="datetime-local"]`+e+`,
|
|
37
|
+
input[type="email"]`+e+`,
|
|
38
|
+
input[type="month"]`+e+`,
|
|
39
|
+
input[type="number"]`+e+`,
|
|
40
|
+
input[type="password"]`+e+`,
|
|
41
|
+
input[type="search"]`+e+`,
|
|
42
|
+
input[type="tel"]`+e+`,
|
|
43
|
+
input[type="text"]`+e+`,
|
|
44
|
+
input[type="time"]`+e+`,
|
|
45
|
+
input[type="url"]`+e+`,
|
|
46
|
+
input[type="week"]`+e+`,
|
|
47
|
+
input:not([type])`+e+`,
|
|
48
|
+
textarea`+e}function mo(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return Wt(t,fo,po)}function go(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];if(Array.isArray(t[0])&&t.length===2){var n=t[1];if(typeof n!="string")throw new d(61);var a=t[0].map(function(o){return o+" "+n}).join(", ");return{transition:a}}else return{transition:t.join(", ")}}u.adjustHue=oa;u.animation=qa;u.backgroundImages=Ja;u.backgrounds=Xa;u.between=Ne;u.border=Ka;u.borderColor=Qa;u.borderRadius=eo;u.borderStyle=to;u.borderWidth=ro;u.buttons=oo;u.clearFix=gn;u.complement=ia;u.cover=bn;u.cssVar=Yr;u.darken=ua;u.desaturate=da;u.directionalProperty=j;u.easeIn=cn;u.easeInOut=dn;u.easeOut=mn;u.ellipsis=hn;u.em=en;u.fluidRange=On;u.fontFace=Cn;u.getContrast=De;u.getLuminance=pe;u.getValueAndUnit=M;u.grayscale=fa;u.hiDPI=Ut;u.hideText=xn;u.hideVisually=wn;u.hsl=Ie;u.hslToColorString=ma;u.hsla=Me;u.important=zt;u.invert=ga;u.lighten=Ea;u.linearGradient=Nn;u.margin=io;u.math=Vr;u.meetsContrastGuidelines=ya;u.mix=Pe;u.modularScale=nn;u.normalize=Ln;u.opacify=Sa;u.padding=so;u.parseToHsl=I;u.parseToRgb=H;u.position=uo;u.radialGradient=In;u.readableColor=Aa;u.rem=on;u.remToPx=ln;u.retinaImage=Mn;u.rgb=re;u.rgbToColorString=Ra;u.rgba=W;u.saturate=wa;u.setHue=Ia;u.setLightness=Pa;u.setSaturation=za;u.shade=Ua;u.size=co;u.stripUnit=xe;u.textInputs=mo;u.timingFunctions=Bn;u.tint=Wa;u.toColorString=N;u.transitions=go;u.transparentize=Ya;u.triangle=Hn;u.wordWrap=jn});b();h();E();b();h();E();b();h();E();b();h();E();var i=__REACT__,{Children:Ke,Component:Qe,Fragment:et,Profiler:Oi,PureComponent:_i,StrictMode:vi,Suspense:Ti,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:Si,cloneElement:Ai,createContext:he,createElement:Ri,createFactory:Ci,createRef:xi,forwardRef:wi,isValidElement:Ni,lazy:Li,memo:ie,useCallback:k,useContext:Ee,useDebugValue:Ii,useEffect:Mi,useImperativeHandle:Di,useLayoutEffect:tt,useMemo:rt,useReducer:Pi,useRef:Bi,useState:se,version:Fi}=__REACT__;b();h();E();var ki=__STORYBOOK_API__,{ActiveTabs:Gi,Consumer:Wi,ManagerContext:Vi,Provider:$i,addons:ye,combineParameters:Yi,controlOrMetaKey:qi,controlOrMetaSymbol:Ji,eventMatchesShortcut:Xi,eventToShortcut:Zi,isMacLike:Ki,isShortcutTaken:Qi,keyToSymbol:es,merge:ts,mockChannel:rs,optionOrAltSymbol:ns,shortcutMatchesShortcut:as,shortcutToHumanString:os,types:nt,useAddonState:at,useArgTypes:is,useArgs:ss,useChannel:ot,useGlobalTypes:ls,useGlobals:us,useParameter:cs,useSharedState:ps,useStoryPrepared:ds,useStorybookApi:fs,useStorybookState:ms}=__STORYBOOK_API__;b();h();E();var ys=__STORYBOOK_CORE_EVENTS__,{CHANNEL_CREATED:Os,CONFIG_ERROR:_s,CURRENT_STORY_WAS_SET:vs,DOCS_PREPARED:Ts,DOCS_RENDERED:Ss,FORCE_REMOUNT:As,FORCE_RE_RENDER:Rs,GLOBALS_UPDATED:Cs,IGNORED_EXCEPTION:xs,NAVIGATE_URL:ws,PLAY_FUNCTION_THREW_EXCEPTION:Ns,PRELOAD_ENTRIES:Ls,PREVIEW_BUILDER_PROGRESS:Is,PREVIEW_KEYDOWN:Ms,REGISTER_SUBSCRIPTION:Ds,REQUEST_WHATS_NEW_DATA:Ps,RESET_STORY_ARGS:Bs,RESULT_WHATS_NEW_DATA:Fs,SELECT_STORY:zs,SET_CONFIG:Hs,SET_CURRENT_STORY:js,SET_GLOBALS:Us,SET_INDEX:ks,SET_STORIES:Gs,SET_WHATS_NEW_CACHE:Ws,SHARED_STATE_CHANGED:Vs,SHARED_STATE_SET:$s,STORIES_COLLAPSE_ALL:Ys,STORIES_EXPAND_ALL:qs,STORY_ARGS_UPDATED:Js,STORY_CHANGED:le,STORY_ERRORED:Xs,STORY_INDEX_INVALIDATED:Zs,STORY_MISSING:Ks,STORY_PREPARED:Qs,STORY_RENDERED:el,STORY_RENDER_PHASE_CHANGED:tl,STORY_SPECIFIED:rl,STORY_THREW_EXCEPTION:nl,STORY_UNCHANGED:al,TELEMETRY_ERROR:ol,TOGGLE_WHATS_NEW_NOTIFICATIONS:il,UPDATE_GLOBALS:sl,UPDATE_QUERY_PARAMS:ll,UPDATE_STORY_ARGS:ul}=__STORYBOOK_CORE_EVENTS__;b();h();E();var ml=__STORYBOOK_COMPONENTS__,{A:gl,ActionBar:it,AddonPanel:bl,Badge:st,Bar:hl,Blockquote:El,Button:yl,ClipboardCode:Ol,Code:_l,DL:vl,Div:Tl,DocumentWrapper:Sl,ErrorFormatter:Al,FlexBar:Rl,Form:Cl,H1:xl,H2:wl,H3:Nl,H4:Ll,H5:Il,H6:Ml,HR:Dl,IconButton:Pl,IconButtonSkeleton:Bl,Icons:Fl,Img:zl,LI:Hl,Link:jl,ListItem:Ul,Loader:kl,OL:Gl,P:Wl,Placeholder:Vl,Pre:$l,ResetWrapper:Yl,ScrollArea:lt,Separator:ql,Spaced:ut,Span:Jl,StorybookIcon:Xl,StorybookLogo:Zl,Symbols:Kl,SyntaxHighlighter:Ql,TT:eu,TabBar:tu,TabButton:ru,TabWrapper:nu,Table:au,Tabs:ou,TabsState:iu,TooltipLinkList:su,TooltipMessage:lu,TooltipNote:uu,UL:cu,WithTooltip:pu,WithTooltipPure:du,Zoom:fu,codeCommon:mu,components:gu,createCopyToClipboardFunction:bu,getStoryHref:hu,icons:Eu,interleaveSeparators:yu,nameSpaceClassNames:Ou,resetComponents:_u,withReset:vu}=__STORYBOOK_COMPONENTS__;b();h();E();var ct=Object.prototype.hasOwnProperty;function pt(e,t,r){for(r of e.keys())if(G(r,t))return r}function G(e,t){var r,n,a;if(e===t)return!0;if(e&&t&&(r=e.constructor)===t.constructor){if(r===Date)return e.getTime()===t.getTime();if(r===RegExp)return e.toString()===t.toString();if(r===Array){if((n=e.length)===t.length)for(;n--&&G(e[n],t[n]););return n===-1}if(r===Set){if(e.size!==t.size)return!1;for(n of e)if(a=n,a&&typeof a=="object"&&(a=pt(t,a),!a)||!t.has(a))return!1;return!0}if(r===Map){if(e.size!==t.size)return!1;for(n of e)if(a=n[0],a&&typeof a=="object"&&(a=pt(t,a),!a)||!G(n[1],t.get(a)))return!1;return!0}if(r===ArrayBuffer)e=new Uint8Array(e),t=new Uint8Array(t);else if(r===DataView){if((n=e.byteLength)===t.byteLength)for(;n--&&e.getInt8(n)===t.getInt8(n););return n===-1}if(ArrayBuffer.isView(e)){if((n=e.byteLength)===t.byteLength)for(;n--&&e[n]===t[n];);return n===-1}if(!r||typeof e=="object"){n=0;for(r in e)if(ct.call(e,r)&&++n&&!ct.call(t,r)||!(r in t)||!G(e[r],t[r]))return!1;return Object.keys(t).length===n}}return e!==e&&t!==t}b();h();E();var Lu=__STORYBOOK_THEMING__,{CacheProvider:Iu,ClassNames:Mu,Global:Du,ThemeProvider:Pu,background:Bu,color:Fu,convert:zu,create:Hu,createCache:ju,createGlobal:Uu,createReset:ku,css:Gu,darken:Wu,ensure:Vu,ignoreSsrWarning:$u,isPropValid:Yu,jsx:qu,keyframes:Ju,lighten:Xu,styled:q,themes:Zu,typography:Ku,useTheme:Qu,withTheme:dt}=__STORYBOOK_THEMING__;var Xt=fr(Vt()),bo=Object.create,Ue=Object.defineProperty,ho=Object.getOwnPropertyDescriptor,Zt=Object.getOwnPropertyNames,Eo=Object.getPrototypeOf,yo=Object.prototype.hasOwnProperty,ke=(e,t)=>function(){return t||(0,e[Zt(e)[0]])((t={exports:{}}).exports,t),t.exports},Oo=(e,t)=>{for(var r in t)Ue(e,r,{get:t[r],enumerable:!0})},_o=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Zt(t))!yo.call(e,a)&&a!==r&&Ue(e,a,{get:()=>t[a],enumerable:!(n=ho(t,a))||n.enumerable});return e},vo=(e,t,r)=>(r=e!=null?bo(Eo(e)):{},_o(t||!e||!e.__esModule?Ue(r,"default",{value:e,enumerable:!0}):r,e)),To=ke({"node_modules/is-object/index.js"(e,t){t.exports=function(r){return typeof r=="object"&&r!==null}}}),So=ke({"node_modules/is-window/index.js"(e,t){t.exports=function(r){if(r==null)return!1;var n=Object(r);return n===n.window}}}),Ao=ke({"node_modules/is-dom/index.js"(e,t){var r=To(),n=So();function a(o){return!r(o)||!n(window)||typeof window.Node!="function"?!1:typeof o.nodeType=="number"&&typeof o.nodeName=="string"}t.exports=a}}),me={};Oo(me,{chromeDark:()=>Ro,chromeLight:()=>Co});var Ro={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"rgb(36, 36, 36)",BASE_COLOR:"rgb(213, 213, 213)",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(227, 110, 236)",OBJECT_VALUE_NULL_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_REGEXP_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_STRING_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_NUMBER_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_BOOLEAN_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(85, 106, 242)",HTML_TAG_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(155, 187, 220)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(242, 151, 102)",HTML_COMMENT_COLOR:"rgb(137, 137, 137)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"rgb(145, 145, 145)",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"rgb(85, 85, 85)",TABLE_TH_BACKGROUND_COLOR:"rgb(44, 44, 44)",TABLE_TH_HOVER_COLOR:"rgb(48, 48, 48)",TABLE_SORT_ICON_COLOR:"black",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgba(51, 139, 255, 0.0980392))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},Co={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"white",BASE_COLOR:"black",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(136, 19, 145)",OBJECT_VALUE_NULL_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_REGEXP_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_STRING_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_NUMBER_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_BOOLEAN_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(13, 34, 170)",HTML_TAG_COLOR:"rgb(168, 148, 166)",HTML_TAGNAME_COLOR:"rgb(136, 18, 128)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(153, 69, 0)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(26, 26, 166)",HTML_COMMENT_COLOR:"rgb(35, 110, 37)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"#6e6e6e",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"#aaa",TABLE_TH_BACKGROUND_COLOR:"#eee",TABLE_TH_HOVER_COLOR:"hsla(0, 0%, 90%, 1)",TABLE_SORT_ICON_COLOR:"#6e6e6e",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},Kt=he([{},()=>{}]),Be={WebkitTouchCallout:"none",WebkitUserSelect:"none",KhtmlUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",OUserSelect:"none",userSelect:"none"},de=e=>({DOMNodePreview:{htmlOpenTag:{base:{color:e.HTML_TAG_COLOR},tagName:{color:e.HTML_TAGNAME_COLOR,textTransform:e.HTML_TAGNAME_TEXT_TRANSFORM},htmlAttributeName:{color:e.HTML_ATTRIBUTE_NAME_COLOR},htmlAttributeValue:{color:e.HTML_ATTRIBUTE_VALUE_COLOR}},htmlCloseTag:{base:{color:e.HTML_TAG_COLOR},offsetLeft:{marginLeft:-e.TREENODE_PADDING_LEFT},tagName:{color:e.HTML_TAGNAME_COLOR,textTransform:e.HTML_TAGNAME_TEXT_TRANSFORM}},htmlComment:{color:e.HTML_COMMENT_COLOR},htmlDoctype:{color:e.HTML_DOCTYPE_COLOR}},ObjectPreview:{objectDescription:{fontStyle:"italic"},preview:{fontStyle:"italic"},arrayMaxProperties:e.OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES,objectMaxProperties:e.OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES},ObjectName:{base:{color:e.OBJECT_NAME_COLOR},dimmed:{opacity:.6}},ObjectValue:{objectValueNull:{color:e.OBJECT_VALUE_NULL_COLOR},objectValueUndefined:{color:e.OBJECT_VALUE_UNDEFINED_COLOR},objectValueRegExp:{color:e.OBJECT_VALUE_REGEXP_COLOR},objectValueString:{color:e.OBJECT_VALUE_STRING_COLOR},objectValueSymbol:{color:e.OBJECT_VALUE_SYMBOL_COLOR},objectValueNumber:{color:e.OBJECT_VALUE_NUMBER_COLOR},objectValueBoolean:{color:e.OBJECT_VALUE_BOOLEAN_COLOR},objectValueFunctionPrefix:{color:e.OBJECT_VALUE_FUNCTION_PREFIX_COLOR,fontStyle:"italic"},objectValueFunctionName:{fontStyle:"italic"}},TreeView:{treeViewOutline:{padding:0,margin:0,listStyleType:"none"}},TreeNode:{treeNodeBase:{color:e.BASE_COLOR,backgroundColor:e.BASE_BACKGROUND_COLOR,lineHeight:e.TREENODE_LINE_HEIGHT,cursor:"default",boxSizing:"border-box",listStyle:"none",fontFamily:e.TREENODE_FONT_FAMILY,fontSize:e.TREENODE_FONT_SIZE},treeNodePreviewContainer:{},treeNodePlaceholder:{whiteSpace:"pre",fontSize:e.ARROW_FONT_SIZE,marginRight:e.ARROW_MARGIN_RIGHT,...Be},treeNodeArrow:{base:{color:e.ARROW_COLOR,display:"inline-block",fontSize:e.ARROW_FONT_SIZE,marginRight:e.ARROW_MARGIN_RIGHT,...parseFloat(e.ARROW_ANIMATION_DURATION)>0?{transition:`transform ${e.ARROW_ANIMATION_DURATION} ease 0s`}:{},...Be},expanded:{WebkitTransform:"rotateZ(90deg)",MozTransform:"rotateZ(90deg)",transform:"rotateZ(90deg)"},collapsed:{WebkitTransform:"rotateZ(0deg)",MozTransform:"rotateZ(0deg)",transform:"rotateZ(0deg)"}},treeNodeChildNodesContainer:{margin:0,paddingLeft:e.TREENODE_PADDING_LEFT}},TableInspector:{base:{color:e.BASE_COLOR,position:"relative",border:`1px solid ${e.TABLE_BORDER_COLOR}`,fontFamily:e.BASE_FONT_FAMILY,fontSize:e.BASE_FONT_SIZE,lineHeight:"120%",boxSizing:"border-box",cursor:"default"}},TableInspectorHeaderContainer:{base:{top:0,height:"17px",left:0,right:0,overflowX:"hidden"},table:{tableLayout:"fixed",borderSpacing:0,borderCollapse:"separate",height:"100%",width:"100%",margin:0}},TableInspectorDataContainer:{tr:{display:"table-row"},td:{boxSizing:"border-box",border:"none",height:"16px",verticalAlign:"top",padding:"1px 4px",WebkitUserSelect:"text",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",lineHeight:"14px"},div:{position:"static",top:"17px",bottom:0,overflowY:"overlay",transform:"translateZ(0)",left:0,right:0,overflowX:"hidden"},table:{positon:"static",left:0,top:0,right:0,bottom:0,borderTop:"0 none transparent",margin:0,backgroundImage:e.TABLE_DATA_BACKGROUND_IMAGE,backgroundSize:e.TABLE_DATA_BACKGROUND_SIZE,tableLayout:"fixed",borderSpacing:0,borderCollapse:"separate",width:"100%",fontSize:e.BASE_FONT_SIZE,lineHeight:"120%"}},TableInspectorTH:{base:{position:"relative",height:"auto",textAlign:"left",backgroundColor:e.TABLE_TH_BACKGROUND_COLOR,borderBottom:`1px solid ${e.TABLE_BORDER_COLOR}`,fontWeight:"normal",verticalAlign:"middle",padding:"0 4px",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",lineHeight:"14px",":hover":{backgroundColor:e.TABLE_TH_HOVER_COLOR}},div:{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",fontSize:e.BASE_FONT_SIZE,lineHeight:"120%"}},TableInspectorLeftBorder:{none:{borderLeft:"none"},solid:{borderLeft:`1px solid ${e.TABLE_BORDER_COLOR}`}},TableInspectorSortIcon:{display:"block",marginRight:3,width:8,height:7,marginTop:-7,color:e.TABLE_SORT_ICON_COLOR,fontSize:12,...Be}}),Fe="chromeLight",Qt=he(de(me[Fe])),x=e=>Ee(Qt)[e],Ge=e=>({theme:t=Fe,...r})=>{let n=rt(()=>{switch(Object.prototype.toString.call(t)){case"[object String]":return de(me[t]);case"[object Object]":return de(t);default:return de(me[Fe])}},[t]);return i.createElement(Qt.Provider,{value:n},i.createElement(e,{...r}))},xo=({expanded:e,styles:t})=>i.createElement("span",{style:{...t.base,...e?t.expanded:t.collapsed}},"\u25B6"),wo=ie(e=>{e={expanded:!0,nodeRenderer:({name:m})=>i.createElement("span",null,m),onClick:()=>{},shouldShowArrow:!1,shouldShowPlaceholder:!0,...e};let{expanded:t,onClick:r,children:n,nodeRenderer:a,title:o,shouldShowArrow:s,shouldShowPlaceholder:l}=e,c=x("TreeNode"),p=a;return i.createElement("li",{"aria-expanded":t,role:"treeitem",style:c.treeNodeBase,title:o},i.createElement("div",{style:c.treeNodePreviewContainer,onClick:r},s||Ke.count(n)>0?i.createElement(xo,{expanded:t,styles:c.treeNodeArrow}):l&&i.createElement("span",{style:c.treeNodePlaceholder},"\xA0"),i.createElement(p,{...e})),i.createElement("ol",{role:"group",style:c.treeNodeChildNodesContainer},t?n:void 0))}),ge="$",$t="*";function fe(e,t){return!t(e).next().done}var No=e=>Array.from({length:e},(t,r)=>[ge].concat(Array.from({length:r},()=>"*")).join(".")),Lo=(e,t,r,n,a)=>{let o=[].concat(No(n)).concat(r).filter(l=>typeof l=="string"),s=[];return o.forEach(l=>{let c=l.split("."),p=(m,f,g)=>{if(g===c.length){s.push(f);return}let v=c[g];if(g===0)fe(m,t)&&(v===ge||v===$t)&&p(m,ge,g+1);else if(v===$t)for(let{name:y,data:O}of t(m))fe(O,t)&&p(O,`${f}.${y}`,g+1);else{let y=m[v];fe(y,t)&&p(y,`${f}.${v}`,g+1)}};p(e,"",0)}),s.reduce((l,c)=>(l[c]=!0,l),{...a})},er=ie(e=>{let{data:t,dataIterator:r,path:n,depth:a,nodeRenderer:o}=e,[s,l]=Ee(Kt),c=fe(t,r),p=!!s[n],m=k(()=>c&&l(f=>({...f,[n]:!p})),[c,l,n,p]);return i.createElement(wo,{expanded:p,onClick:m,shouldShowArrow:c,shouldShowPlaceholder:a>0,nodeRenderer:o,...e},p?[...r(t)].map(({name:f,data:g,...v})=>i.createElement(er,{name:f,data:g,depth:a+1,path:`${n}.${f}`,key:f,dataIterator:r,nodeRenderer:o,...v})):null)}),tr=ie(({name:e,data:t,dataIterator:r,nodeRenderer:n,expandPaths:a,expandLevel:o})=>{let s=x("TreeView"),l=se({}),[,c]=l;return tt(()=>c(p=>Lo(t,r,a,o,p)),[t,r,a,o]),i.createElement(Kt.Provider,{value:l},i.createElement("ol",{role:"tree",style:s.treeViewOutline},i.createElement(er,{name:e,data:t,dataIterator:r,depth:0,path:ge,nodeRenderer:n})))}),We=({name:e,dimmed:t=!1,styles:r={}})=>{let n=x("ObjectName"),a={...n.base,...t?n.dimmed:{},...r};return i.createElement("span",{style:a},e)},ae=({object:e,styles:t})=>{let r=x("ObjectValue"),n=a=>({...r[a],...t});switch(typeof e){case"bigint":return i.createElement("span",{style:n("objectValueNumber")},String(e),"n");case"number":return i.createElement("span",{style:n("objectValueNumber")},String(e));case"string":return i.createElement("span",{style:n("objectValueString")},'"',e,'"');case"boolean":return i.createElement("span",{style:n("objectValueBoolean")},String(e));case"undefined":return i.createElement("span",{style:n("objectValueUndefined")},"undefined");case"object":return e===null?i.createElement("span",{style:n("objectValueNull")},"null"):e instanceof Date?i.createElement("span",null,e.toString()):e instanceof RegExp?i.createElement("span",{style:n("objectValueRegExp")},e.toString()):Array.isArray(e)?i.createElement("span",null,`Array(${e.length})`):e.constructor?typeof e.constructor.isBuffer=="function"&&e.constructor.isBuffer(e)?i.createElement("span",null,`Buffer[${e.length}]`):i.createElement("span",null,e.constructor.name):i.createElement("span",null,"Object");case"function":return i.createElement("span",null,i.createElement("span",{style:n("objectValueFunctionPrefix")},"\u0192\xA0"),i.createElement("span",{style:n("objectValueFunctionName")},e.name,"()"));case"symbol":return i.createElement("span",{style:n("objectValueSymbol")},e.toString());default:return i.createElement("span",null)}},rr=Object.prototype.hasOwnProperty,Io=Object.prototype.propertyIsEnumerable;function ze(e,t){let r=Object.getOwnPropertyDescriptor(e,t);if(r.get)try{return r.get()}catch{return r.get}return e[t]}function Yt(e,t){return e.length===0?[]:e.slice(1).reduce((r,n)=>r.concat([t,n]),[e[0]])}var He=({data:e})=>{let t=x("ObjectPreview"),r=e;if(typeof r!="object"||r===null||r instanceof Date||r instanceof RegExp)return i.createElement(ae,{object:r});if(Array.isArray(r)){let n=t.arrayMaxProperties,a=r.slice(0,n).map((s,l)=>i.createElement(ae,{key:l,object:s}));r.length>n&&a.push(i.createElement("span",{key:"ellipsis"},"\u2026"));let o=r.length;return i.createElement(i.Fragment,null,i.createElement("span",{style:t.objectDescription},o===0?"":`(${o})\xA0`),i.createElement("span",{style:t.preview},"[",Yt(a,", "),"]"))}else{let n=t.objectMaxProperties,a=[];for(let s in r)if(rr.call(r,s)){let l;a.length===n-1&&Object.keys(r).length>n&&(l=i.createElement("span",{key:"ellipsis"},"\u2026"));let c=ze(r,s);if(a.push(i.createElement("span",{key:s},i.createElement(We,{name:s||'""'}),":\xA0",i.createElement(ae,{object:c}),l)),l)break}let o=r.constructor?r.constructor.name:"Object";return i.createElement(i.Fragment,null,i.createElement("span",{style:t.objectDescription},o==="Object"?"":`${o} `),i.createElement("span",{style:t.preview},"{",Yt(a,", "),"}"))}},Mo=({name:e,data:t})=>typeof e=="string"?i.createElement("span",null,i.createElement(We,{name:e}),i.createElement("span",null,": "),i.createElement(He,{data:t})):i.createElement(He,{data:t}),Do=({name:e,data:t,isNonenumerable:r=!1})=>{let n=t;return i.createElement("span",null,typeof e=="string"?i.createElement(We,{name:e,dimmed:r}):i.createElement(He,{data:e}),i.createElement("span",null,": "),i.createElement(ae,{object:n}))},Po=(e,t)=>function*(r){if(!(typeof r=="object"&&r!==null||typeof r=="function"))return;let n=Array.isArray(r);if(!n&&r[Symbol.iterator]){let a=0;for(let o of r){if(Array.isArray(o)&&o.length===2){let[s,l]=o;yield{name:s,data:l}}else yield{name:a.toString(),data:o};a++}}else{let a=Object.getOwnPropertyNames(r);t===!0&&!n?a.sort():typeof t=="function"&&a.sort(t);for(let o of a)if(Io.call(r,o)){let s=ze(r,o);yield{name:o||'""',data:s}}else if(e){let s;try{s=ze(r,o)}catch{}s!==void 0&&(yield{name:o,data:s,isNonenumerable:!0})}e&&r!==Object.prototype&&(yield{name:"__proto__",data:Object.getPrototypeOf(r),isNonenumerable:!0})}},Bo=({depth:e,name:t,data:r,isNonenumerable:n})=>e===0?i.createElement(Mo,{name:t,data:r}):i.createElement(Do,{name:t,data:r,isNonenumerable:n}),Fo=({showNonenumerable:e=!1,sortObjectKeys:t,nodeRenderer:r,...n})=>{let a=Po(e,t),o=r||Bo;return i.createElement(tr,{nodeRenderer:o,dataIterator:a,...n})},zo=Ge(Fo);function Ho(e){if(typeof e=="object"){let t=[];if(Array.isArray(e)){let n=e.length;t=[...Array(n).keys()]}else e!==null&&(t=Object.keys(e));let r=t.reduce((n,a)=>{let o=e[a];return typeof o=="object"&&o!==null&&Object.keys(o).reduce((s,l)=>(s.includes(l)||s.push(l),s),n),n},[]);return{rowHeaders:t,colHeaders:r}}}var jo=({rows:e,columns:t,rowsData:r})=>{let n=x("TableInspectorDataContainer"),a=x("TableInspectorLeftBorder");return i.createElement("div",{style:n.div},i.createElement("table",{style:n.table},i.createElement("colgroup",null),i.createElement("tbody",null,e.map((o,s)=>i.createElement("tr",{key:o,style:n.tr},i.createElement("td",{style:{...n.td,...a.none}},o),t.map(l=>{let c=r[s];return typeof c=="object"&&c!==null&&rr.call(c,l)?i.createElement("td",{key:l,style:{...n.td,...a.solid}},i.createElement(ae,{object:c[l]})):i.createElement("td",{key:l,style:{...n.td,...a.solid}})}))))))},Uo=e=>i.createElement("div",{style:{position:"absolute",top:1,right:0,bottom:1,display:"flex",alignItems:"center"}},e.children),ko=({sortAscending:e})=>{let t=x("TableInspectorSortIcon"),r=e?"\u25B2":"\u25BC";return i.createElement("div",{style:t},r)},qt=({sortAscending:e=!1,sorted:t=!1,onClick:r=void 0,borderStyle:n={},children:a,...o})=>{let s=x("TableInspectorTH"),[l,c]=se(!1),p=k(()=>c(!0),[]),m=k(()=>c(!1),[]);return i.createElement("th",{...o,style:{...s.base,...n,...l?s.base[":hover"]:{}},onMouseEnter:p,onMouseLeave:m,onClick:r},i.createElement("div",{style:s.div},a),t&&i.createElement(Uo,null,i.createElement(ko,{sortAscending:e})))},Go=({indexColumnText:e="(index)",columns:t=[],sorted:r,sortIndexColumn:n,sortColumn:a,sortAscending:o,onTHClick:s,onIndexTHClick:l})=>{let c=x("TableInspectorHeaderContainer"),p=x("TableInspectorLeftBorder");return i.createElement("div",{style:c.base},i.createElement("table",{style:c.table},i.createElement("tbody",null,i.createElement("tr",null,i.createElement(qt,{borderStyle:p.none,sorted:r&&n,sortAscending:o,onClick:l},e),t.map(m=>i.createElement(qt,{borderStyle:p.solid,key:m,sorted:r&&a===m,sortAscending:o,onClick:s.bind(null,m)},m))))))},Wo=({data:e,columns:t})=>{let r=x("TableInspector"),[{sorted:n,sortIndexColumn:a,sortColumn:o,sortAscending:s},l]=se({sorted:!1,sortIndexColumn:!1,sortColumn:void 0,sortAscending:!1}),c=k(()=>{l(({sortIndexColumn:y,sortAscending:O})=>({sorted:!0,sortIndexColumn:!0,sortColumn:void 0,sortAscending:y?!O:!0}))},[]),p=k(y=>{l(({sortColumn:O,sortAscending:_})=>({sorted:!0,sortIndexColumn:!1,sortColumn:y,sortAscending:y===O?!_:!0}))},[]);if(typeof e!="object"||e===null)return i.createElement("div",null);let{rowHeaders:m,colHeaders:f}=Ho(e);t!==void 0&&(f=t);let g=m.map(y=>e[y]),v;if(o!==void 0?v=g.map((y,O)=>typeof y=="object"&&y!==null?[y[o],O]:[void 0,O]):a&&(v=m.map((y,O)=>[m[O],O])),v!==void 0){let y=(_,w)=>(or,ir)=>{let Ve=_(or),$e=_(ir),Ye=typeof Ve,qe=typeof $e,Je=(Y,Xe)=>Y<Xe?-1:Y>Xe?1:0,$;if(Ye===qe)$=Je(Ve,$e);else{let Y={string:0,number:1,object:2,symbol:3,boolean:4,undefined:5,function:6};$=Je(Y[Ye],Y[qe])}return w||($=-$),$},O=v.sort(y(_=>_[0],s)).map(_=>_[1]);m=O.map(_=>m[_]),g=O.map(_=>g[_])}return i.createElement("div",{style:r.base},i.createElement(Go,{columns:f,sorted:n,sortIndexColumn:a,sortColumn:o,sortAscending:s,onTHClick:p,onIndexTHClick:c}),i.createElement(jo,{rows:m,columns:f,rowsData:g}))},Vo=Ge(Wo),$o=80,nr=e=>e.childNodes.length===0||e.childNodes.length===1&&e.childNodes[0].nodeType===Node.TEXT_NODE&&e.textContent.length<$o,Yo=({tagName:e,attributes:t,styles:r})=>i.createElement("span",{style:r.base},"<",i.createElement("span",{style:r.tagName},e),(()=>{if(t){let n=[];for(let a=0;a<t.length;a++){let o=t[a];n.push(i.createElement("span",{key:a}," ",i.createElement("span",{style:r.htmlAttributeName},o.name),'="',i.createElement("span",{style:r.htmlAttributeValue},o.value),'"'))}return n}})(),">"),Jt=({tagName:e,isChildNode:t=!1,styles:r})=>i.createElement("span",{style:Object.assign({},r.base,t&&r.offsetLeft)},"</",i.createElement("span",{style:r.tagName},e),">"),qo={1:"ELEMENT_NODE",3:"TEXT_NODE",7:"PROCESSING_INSTRUCTION_NODE",8:"COMMENT_NODE",9:"DOCUMENT_NODE",10:"DOCUMENT_TYPE_NODE",11:"DOCUMENT_FRAGMENT_NODE"},Jo=({isCloseTag:e,data:t,expanded:r})=>{let n=x("DOMNodePreview");if(e)return i.createElement(Jt,{styles:n.htmlCloseTag,isChildNode:!0,tagName:t.tagName});switch(t.nodeType){case Node.ELEMENT_NODE:return i.createElement("span",null,i.createElement(Yo,{tagName:t.tagName,attributes:t.attributes,styles:n.htmlOpenTag}),nr(t)?t.textContent:!r&&"\u2026",!r&&i.createElement(Jt,{tagName:t.tagName,styles:n.htmlCloseTag}));case Node.TEXT_NODE:return i.createElement("span",null,t.textContent);case Node.CDATA_SECTION_NODE:return i.createElement("span",null,"<![CDATA["+t.textContent+"]]>");case Node.COMMENT_NODE:return i.createElement("span",{style:n.htmlComment},"<!--",t.textContent,"-->");case Node.PROCESSING_INSTRUCTION_NODE:return i.createElement("span",null,t.nodeName);case Node.DOCUMENT_TYPE_NODE:return i.createElement("span",{style:n.htmlDoctype},"<!DOCTYPE ",t.name,t.publicId?` PUBLIC "${t.publicId}"`:"",!t.publicId&&t.systemId?" SYSTEM":"",t.systemId?` "${t.systemId}"`:"",">");case Node.DOCUMENT_NODE:return i.createElement("span",null,t.nodeName);case Node.DOCUMENT_FRAGMENT_NODE:return i.createElement("span",null,t.nodeName);default:return i.createElement("span",null,qo[t.nodeType])}},Xo=function*(e){if(e&&e.childNodes){if(nr(e))return;for(let t=0;t<e.childNodes.length;t++){let r=e.childNodes[t];r.nodeType===Node.TEXT_NODE&&r.textContent.trim().length===0||(yield{name:`${r.tagName}[${t}]`,data:r})}e.tagName&&(yield{name:"CLOSE_TAG",data:{tagName:e.tagName},isCloseTag:!0})}},Zo=e=>i.createElement(tr,{nodeRenderer:Jo,dataIterator:Xo,...e}),Ko=Ge(Zo),Qo=vo(Ao()),ei=({table:e=!1,data:t,...r})=>e?i.createElement(Vo,{data:t,...r}):(0,Qo.default)(t)?i.createElement(Ko,{data:t,...r}):i.createElement(zo,{data:t,...r}),ti=q.div({display:"flex",padding:0,borderLeft:"5px solid transparent",borderBottom:"1px solid transparent",transition:"all 0.1s",alignItems:"flex-start",whiteSpace:"pre"}),ri=q.div(({theme:e})=>({backgroundColor:(0,Xt.opacify)(.5,e.appBorderColor),color:e.color.inverseText,fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:1,padding:"1px 5px",borderRadius:20,margin:"2px 0px"})),ni=q.div({flex:1,padding:"0 0 0 5px"}),ai=({children:e,className:t})=>i.createElement(lt,{horizontal:!0,vertical:!0,className:t},e),oi=q(ai)({margin:0,padding:"10px 5px 20px"}),ii=dt(({theme:e,...t})=>i.createElement(ei,{theme:e.addonActionsTheme||"chromeLight",table:!1,...t})),si=({actions:e,onClear:t})=>i.createElement(et,null,i.createElement(oi,null,e.map(r=>i.createElement(ti,{key:r.id},r.count>1&&i.createElement(ri,null,r.count),i.createElement(ni,null,i.createElement(ii,{sortObjectKeys:!0,showNonenumerable:!1,name:r.data.name,data:r.data.args||r.data}))))),i.createElement(it,{actionItems:[{title:"Clear",onClick:t}]})),li="actions",oe="storybook/actions",ui=`${oe}/panel`,je=`${oe}/action-event`,ar=`${oe}/action-clear`,ci=(e,t)=>{try{return G(e,t)}catch{return!1}},pi=class extends Qe{constructor(e){super(e),this.handleStoryChange=()=>{let{actions:t}=this.state;t.length>0&&t[0].options.clearOnStoryChange&&this.clearActions()},this.addAction=t=>{this.setState(r=>{let n=[...r.actions],a=n.length&&n[0];return a&&ci(a.data,t.data)?a.count++:(t.count=1,n.unshift(t)),{actions:n.slice(0,t.options.limit)}})},this.clearActions=()=>{let{api:t}=this.props;t.emit(ar),this.setState({actions:[]})},this.mounted=!1,this.state={actions:[]}}componentDidMount(){this.mounted=!0;let{api:e}=this.props;e.on(je,this.addAction),e.on(le,this.handleStoryChange)}componentWillUnmount(){this.mounted=!1;let{api:e}=this.props;e.off(le,this.handleStoryChange),e.off(je,this.addAction)}render(){let{actions:e=[]}=this.state,{active:t}=this.props,r={actions:e,onClear:this.clearActions};return t?i.createElement(si,{...r}):null}};function di(){let[{count:e},t]=at(oe,{count:0});return ot({[je]:()=>{t(r=>({...r,count:r.count+1}))},[le]:()=>{t(r=>({...r,count:0}))},[ar]:()=>{t(r=>({...r,count:0}))}}),i.createElement("div",null,i.createElement(ut,{col:1},i.createElement("span",{style:{display:"inline-block",verticalAlign:"middle"}},"Actions"),e===0?"":i.createElement(st,{status:"neutral"},e)))}ye.register(oe,e=>{ye.add(ui,{title:di,type:nt.PANEL,render:({active:t})=>i.createElement(pi,{api:e,active:!!t}),paramKey:li})});})();
|
|
49
|
+
}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }
|
|
File without changes
|