@newtonschool/grauity 0.0.13 → 0.1.10
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 +138 -9
- package/dist/fonts/grauity-icons.eot +0 -0
- package/dist/fonts/grauity-icons.ttf +0 -0
- package/dist/fonts/grauity-icons.woff +0 -0
- package/dist/fonts/grauity-icons.woff2 +0 -0
- package/dist/hooks/index.d.ts +4 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/useClickAway.d.ts +15 -0
- package/dist/hooks/useClickAway.d.ts.map +1 -0
- package/dist/hooks/useDisableBodyScroll.d.ts +7 -0
- package/dist/hooks/useDisableBodyScroll.d.ts.map +1 -0
- package/dist/hooks/useKeyboardEvent.d.ts +17 -0
- package/dist/hooks/useKeyboardEvent.d.ts.map +1 -0
- package/dist/index.d.ts +830 -11
- package/dist/index.d.ts.map +1 -1
- package/dist/main.cjs +1 -1
- package/dist/main.cjs.map +1 -1
- package/dist/main.css +10 -1
- package/dist/main.css.map +1 -1
- package/dist/module.css +10 -1
- package/dist/module.css.map +1 -1
- package/dist/module.mjs +1 -1
- package/dist/module.mjs.map +1 -1
- package/dist/stories/atoms/Colors/FoundationColors.stories.d.ts +7 -0
- package/dist/stories/atoms/Colors/FoundationColors.stories.d.ts.map +1 -0
- package/dist/stories/atoms/Colors/index.stories.d.ts +18 -0
- package/dist/stories/atoms/Colors/index.stories.d.ts.map +1 -0
- package/dist/stories/atoms/CornerRadius/index.stories.d.ts +7 -0
- package/dist/stories/atoms/CornerRadius/index.stories.d.ts.map +1 -0
- package/dist/stories/atoms/Spacing/index.stories.d.ts +7 -0
- package/dist/stories/atoms/Spacing/index.stories.d.ts.map +1 -0
- package/dist/stories/decorators/withEnableBodyScroll.d.ts +8 -0
- package/dist/stories/decorators/withEnableBodyScroll.d.ts.map +1 -0
- package/dist/stories/decorators/withInlineContainer.d.ts +15 -0
- package/dist/stories/decorators/withInlineContainer.d.ts.map +1 -0
- package/dist/stories/elements/Alert/Gallery.stories.d.ts +30 -0
- package/dist/stories/elements/Alert/Gallery.stories.d.ts.map +1 -0
- package/dist/stories/elements/Alert/index.stories.d.ts +30 -0
- package/dist/stories/elements/Alert/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/AlertBanner/Gallery.stories.d.ts +33 -0
- package/dist/stories/elements/AlertBanner/Gallery.stories.d.ts.map +1 -0
- package/dist/stories/elements/AlertBanner/index.stories.d.ts +30 -0
- package/dist/stories/elements/AlertBanner/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/Button/Gallery.stories.d.ts +10 -0
- package/dist/stories/elements/Button/Gallery.stories.d.ts.map +1 -0
- package/dist/stories/elements/Button/index.stories.d.ts +9 -0
- package/dist/stories/elements/Button/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/Icon/index.stories.d.ts +14 -0
- package/dist/stories/elements/Icon/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/IconButton/Gallery.stories.d.ts +10 -0
- package/dist/stories/elements/IconButton/Gallery.stories.d.ts.map +1 -0
- package/dist/stories/elements/IconButton/index.stories.d.ts +9 -0
- package/dist/stories/elements/IconButton/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/Modal/ConfirmationDialog.source.d.ts +3 -0
- package/dist/stories/elements/Modal/ConfirmationDialog.source.d.ts.map +1 -0
- package/dist/stories/elements/Modal/ConfirmationDialog.stories.d.ts +43 -0
- package/dist/stories/elements/Modal/ConfirmationDialog.stories.d.ts.map +1 -0
- package/dist/stories/elements/Modal/ConfirmationDialogWithTrigger.stories.d.ts +42 -0
- package/dist/stories/elements/Modal/ConfirmationDialogWithTrigger.stories.d.ts.map +1 -0
- package/dist/stories/elements/Modal/MultiStepModal.stories.d.ts +46 -0
- package/dist/stories/elements/Modal/MultiStepModal.stories.d.ts.map +1 -0
- package/dist/stories/elements/Modal/index.stories.d.ts +32 -0
- package/dist/stories/elements/Modal/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/Modal/multiStepArgs.d.ts +4 -0
- package/dist/stories/elements/Modal/multiStepArgs.d.ts.map +1 -0
- package/dist/stories/elements/Modal/singleStepArgs.d.ts +4 -0
- package/dist/stories/elements/Modal/singleStepArgs.d.ts.map +1 -0
- package/dist/stories/elements/Table/Manual.source.d.ts +3 -0
- package/dist/stories/elements/Table/Manual.source.d.ts.map +1 -0
- package/dist/stories/elements/Table/Manual.stories.d.ts +54 -0
- package/dist/stories/elements/Table/Manual.stories.d.ts.map +1 -0
- package/dist/stories/elements/Table/ManualColumnNesting.source.d.ts +3 -0
- package/dist/stories/elements/Table/ManualColumnNesting.source.d.ts.map +1 -0
- package/dist/stories/elements/Table/ManualColumnNesting.stories.d.ts +53 -0
- package/dist/stories/elements/Table/ManualColumnNesting.stories.d.ts.map +1 -0
- package/dist/stories/elements/Table/index.stories.d.ts +46 -0
- package/dist/stories/elements/Table/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/Table/simpleArgs.d.ts +4 -0
- package/dist/stories/elements/Table/simpleArgs.d.ts.map +1 -0
- package/dist/stories/elements/Typography/TypographyGallery.stories.d.ts +29 -0
- package/dist/stories/elements/Typography/TypographyGallery.stories.d.ts.map +1 -0
- package/dist/stories/elements/Typography/index.stories.d.ts +28 -0
- package/dist/stories/elements/Typography/index.stories.d.ts.map +1 -0
- package/dist/stories/helper-components/ColorRenderer/index.d.ts +15 -0
- package/dist/stories/helper-components/ColorRenderer/index.d.ts.map +1 -0
- package/dist/stories/helper-components/DocPageWithPlayground.d.ts +12 -0
- package/dist/stories/helper-components/DocPageWithPlayground.d.ts.map +1 -0
- package/dist/stories/helper-components/TokenBlock/index.d.ts +21 -0
- package/dist/stories/helper-components/TokenBlock/index.d.ts.map +1 -0
- package/dist/stories/helper-components/TokenBlock/index.styles.d.ts +4 -0
- package/dist/stories/helper-components/TokenBlock/index.styles.d.ts.map +1 -0
- package/dist/stories/utils/index.d.ts +82 -0
- package/dist/stories/utils/index.d.ts.map +1 -0
- package/dist/ui/core/colors/colorTypes.d.ts +1 -0
- package/dist/ui/core/colors/colorTypes.d.ts.map +1 -0
- package/dist/ui/core/colors/index.d.ts +1 -0
- package/dist/ui/core/colors/index.d.ts.map +1 -0
- package/dist/ui/core/icons/iconTags.d.ts.map +1 -0
- package/dist/ui/core/icons/iconTypes.d.ts.map +1 -0
- package/dist/{core → ui/core}/icons/index.d.ts +1 -1
- package/dist/ui/core/icons/index.d.ts.map +1 -0
- package/dist/ui/core/index.d.ts +7 -0
- package/dist/ui/core/index.d.ts.map +1 -0
- package/dist/ui/core/miscellaneous-choices/index.d.ts.map +1 -0
- package/dist/ui/core/miscellaneous-choices/miscellaneousTypes.d.ts.map +1 -0
- package/dist/ui/core/sizes/index.d.ts.map +1 -0
- package/dist/ui/core/sizes/sizeTypes.d.ts +3 -0
- package/dist/ui/core/sizes/sizeTypes.d.ts.map +1 -0
- package/dist/ui/elements/Alert/Alert.d.ts +8 -0
- package/dist/ui/elements/Alert/Alert.d.ts.map +1 -0
- package/dist/ui/elements/Alert/Alert.styles.d.ts +7 -0
- package/dist/ui/elements/Alert/Alert.styles.d.ts.map +1 -0
- package/dist/ui/elements/Alert/Alert.test.d.ts +2 -0
- package/dist/ui/elements/Alert/Alert.test.d.ts.map +1 -0
- package/dist/ui/elements/Alert/constants.d.ts +140 -0
- package/dist/ui/elements/Alert/constants.d.ts.map +1 -0
- package/dist/ui/elements/Alert/index.d.ts +7 -0
- package/dist/ui/elements/Alert/index.d.ts.map +1 -0
- package/dist/ui/elements/Alert/types.d.ts +125 -0
- package/dist/ui/elements/Alert/types.d.ts.map +1 -0
- package/dist/ui/elements/Alert/utils.d.ts +1 -0
- package/dist/ui/elements/Alert/utils.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.d.ts +9 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.styles.d.ts +4 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.styles.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.test.d.ts +2 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.test.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/constants.d.ts +140 -0
- package/dist/ui/elements/AlertBanner/constants.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/index.d.ts +7 -0
- package/dist/ui/elements/AlertBanner/index.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/types.d.ts +111 -0
- package/dist/ui/elements/AlertBanner/types.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/utils.d.ts +105 -0
- package/dist/ui/elements/AlertBanner/utils.d.ts.map +1 -0
- package/dist/ui/elements/Button/Button.d.ts +11 -0
- package/dist/ui/elements/Button/Button.d.ts.map +1 -0
- package/dist/ui/elements/Button/Button.styles.d.ts +4 -0
- package/dist/ui/elements/Button/Button.styles.d.ts.map +1 -0
- package/dist/ui/elements/Button/Button.test.d.ts +2 -0
- package/dist/ui/elements/Button/Button.test.d.ts.map +1 -0
- package/dist/ui/elements/Button/ButtonGroup.d.ts +11 -0
- package/dist/ui/elements/Button/ButtonGroup.d.ts.map +1 -0
- package/dist/ui/elements/Button/ButtonGroup.styles.d.ts +2 -0
- package/dist/ui/elements/Button/ButtonGroup.styles.d.ts.map +1 -0
- package/dist/ui/elements/Button/IconButton.d.ts +8 -0
- package/dist/ui/elements/Button/IconButton.d.ts.map +1 -0
- package/dist/ui/elements/Button/IconButton.test.d.ts +2 -0
- package/dist/ui/elements/Button/IconButton.test.d.ts.map +1 -0
- package/dist/ui/elements/Button/constants.d.ts +54 -0
- package/dist/ui/elements/Button/constants.d.ts.map +1 -0
- package/dist/ui/elements/Button/index.d.ts +9 -0
- package/dist/ui/elements/Button/index.d.ts.map +1 -0
- package/dist/ui/elements/Button/types.d.ts +226 -0
- package/dist/ui/elements/Button/types.d.ts.map +1 -0
- package/dist/ui/elements/Button/utils.d.ts +1 -0
- package/dist/ui/elements/Button/utils.d.ts.map +1 -0
- package/dist/ui/elements/Icon/Icon.d.ts +48 -0
- package/dist/ui/elements/Icon/Icon.d.ts.map +1 -0
- package/dist/ui/elements/Icon/Icon.styles.d.ts +5 -0
- package/dist/ui/elements/Icon/Icon.styles.d.ts.map +1 -0
- package/dist/ui/elements/Icon/index.d.ts +3 -0
- package/dist/ui/elements/Icon/index.d.ts.map +1 -0
- package/dist/ui/elements/Icon/types.d.ts +74 -0
- package/dist/ui/elements/Icon/types.d.ts.map +1 -0
- package/dist/ui/elements/Modal/ConfirmationDialog/index.d.ts +43 -0
- package/dist/ui/elements/Modal/ConfirmationDialog/index.d.ts.map +1 -0
- package/dist/ui/elements/Modal/ConfirmationDialog/index.test.d.ts +2 -0
- package/dist/ui/elements/Modal/ConfirmationDialog/index.test.d.ts.map +1 -0
- package/dist/ui/elements/Modal/Modal.d.ts +21 -0
- package/dist/ui/elements/Modal/Modal.d.ts.map +1 -0
- package/dist/ui/elements/Modal/Modal.styles.d.ts +18 -0
- package/dist/ui/elements/Modal/Modal.styles.d.ts.map +1 -0
- package/dist/ui/elements/Modal/Modal.test.d.ts +2 -0
- package/dist/ui/elements/Modal/Modal.test.d.ts.map +1 -0
- package/dist/ui/elements/Modal/MultiStepModal/index.d.ts +46 -0
- package/dist/ui/elements/Modal/MultiStepModal/index.d.ts.map +1 -0
- package/dist/ui/elements/Modal/MultiStepModal/index.test.d.ts +2 -0
- package/dist/ui/elements/Modal/MultiStepModal/index.test.d.ts.map +1 -0
- package/dist/ui/elements/Modal/constants.d.ts +1 -0
- package/dist/ui/elements/Modal/constants.d.ts.map +1 -0
- package/dist/ui/elements/Modal/index.d.ts +5 -0
- package/dist/ui/elements/Modal/index.d.ts.map +1 -0
- package/dist/ui/elements/Modal/types.d.ts +312 -0
- package/dist/ui/elements/Modal/types.d.ts.map +1 -0
- package/dist/ui/elements/Modal/utils.d.ts +1 -0
- package/dist/ui/elements/Modal/utils.d.ts.map +1 -0
- package/dist/ui/elements/Table/Table.d.ts +47 -0
- package/dist/ui/elements/Table/Table.d.ts.map +1 -0
- package/dist/ui/elements/Table/Table.styles.d.ts +8 -0
- package/dist/ui/elements/Table/Table.styles.d.ts.map +1 -0
- package/dist/ui/elements/Table/Table.test.d.ts +2 -0
- package/dist/ui/elements/Table/Table.test.d.ts.map +1 -0
- package/dist/ui/elements/Table/constants.d.ts +1 -0
- package/dist/ui/elements/Table/constants.d.ts.map +1 -0
- package/dist/ui/elements/Table/index.d.ts +3 -0
- package/dist/ui/elements/Table/index.d.ts.map +1 -0
- package/dist/ui/elements/Table/types.d.ts +223 -0
- package/dist/ui/elements/Table/types.d.ts.map +1 -0
- package/dist/ui/elements/Table/utils.d.ts +1 -0
- package/dist/ui/elements/Table/utils.d.ts.map +1 -0
- package/dist/ui/elements/Typography/Typography.d.ts +36 -0
- package/dist/ui/elements/Typography/Typography.d.ts.map +1 -0
- package/dist/ui/elements/Typography/Typography.styles.d.ts +6 -0
- package/dist/ui/elements/Typography/Typography.styles.d.ts.map +1 -0
- package/dist/ui/elements/Typography/constants.d.ts +22 -0
- package/dist/ui/elements/Typography/constants.d.ts.map +1 -0
- package/dist/ui/elements/Typography/index.d.ts +5 -0
- package/dist/ui/elements/Typography/index.d.ts.map +1 -0
- package/dist/ui/elements/Typography/types.d.ts +50 -0
- package/dist/ui/elements/Typography/types.d.ts.map +1 -0
- package/dist/ui/elements/Typography/utils.d.ts +2 -0
- package/dist/ui/elements/Typography/utils.d.ts.map +1 -0
- package/dist/ui/helpers/classNameBuilders.d.ts.map +1 -0
- package/dist/ui/helpers/index.d.ts +3 -0
- package/dist/ui/helpers/index.d.ts.map +1 -0
- package/dist/ui/index.d.ts +11 -0
- package/dist/ui/index.d.ts.map +1 -0
- package/dist/{init → ui/init}/GrauityInit.d.ts +15 -3
- package/dist/ui/init/GrauityInit.d.ts.map +1 -0
- package/dist/ui/init/index.d.ts.map +1 -0
- package/dist/ui/themes/GlobalStyle.d.ts +5 -0
- package/dist/ui/themes/GlobalStyle.d.ts.map +1 -0
- package/dist/ui/themes/ThemeContext.d.ts +24 -0
- package/dist/ui/themes/ThemeContext.d.ts.map +1 -0
- package/dist/ui/themes/constants.d.ts +6 -0
- package/dist/ui/themes/constants.d.ts.map +1 -0
- package/dist/ui/themes/darkThemeConstants.d.ts +70 -0
- package/dist/ui/themes/darkThemeConstants.d.ts.map +1 -0
- package/dist/ui/themes/lightThemeConstants.d.ts +70 -0
- package/dist/ui/themes/lightThemeConstants.d.ts.map +1 -0
- package/dist/ui/themes/tokens.d.ts +1 -0
- package/dist/ui/themes/tokens.d.ts.map +1 -0
- package/dist/ui/themes/types.d.ts +73 -0
- package/dist/ui/themes/types.d.ts.map +1 -0
- package/package.json +53 -28
- package/ui/core/colors/colorTypes.ts +2 -20
- package/ui/core/colors/index.ts +23 -23
- package/ui/core/icons/index.ts +1 -3
- package/ui/core/index.ts +7 -10
- package/ui/core/sizes/sizeTypes.ts +1 -0
- package/ui/css/fonts.scss +0 -8
- package/ui/css/index.scss +0 -8
- package/ui/css/reset.scss +2 -5
- package/ui/elements/Alert/Alert.styles.ts +66 -0
- package/ui/elements/Alert/Alert.test.tsx +81 -0
- package/ui/elements/Alert/Alert.tsx +153 -0
- package/ui/elements/Alert/constants.ts +169 -0
- package/ui/elements/Alert/index.ts +6 -0
- package/ui/elements/Alert/types.ts +150 -0
- package/ui/elements/AlertBanner/AlertBanner.styles.ts +35 -0
- package/ui/elements/AlertBanner/AlertBanner.test.tsx +70 -0
- package/ui/elements/AlertBanner/AlertBanner.tsx +137 -0
- package/ui/elements/AlertBanner/constants.ts +179 -0
- package/ui/elements/AlertBanner/index.ts +6 -0
- package/ui/elements/AlertBanner/types.ts +133 -0
- package/ui/elements/AlertBanner/utils.ts +52 -0
- package/ui/elements/Button/Button.styles.ts +88 -0
- package/ui/elements/Button/Button.test.tsx +78 -0
- package/ui/elements/Button/Button.tsx +134 -0
- package/ui/elements/Button/ButtonGroup.styles.ts +7 -0
- package/ui/elements/Button/ButtonGroup.tsx +21 -0
- package/ui/elements/Button/IconButton.test.tsx +39 -0
- package/ui/elements/Button/IconButton.tsx +118 -0
- package/ui/elements/Button/constants.ts +304 -0
- package/ui/elements/Button/index.ts +8 -0
- package/ui/elements/Button/types.ts +282 -0
- package/ui/elements/Button/utils.ts +0 -0
- package/ui/elements/Icon/Icon.styles.ts +98 -0
- package/ui/elements/Icon/Icon.tsx +17 -107
- package/ui/elements/Icon/index.ts +1 -2
- package/ui/elements/Icon/types.ts +96 -0
- package/ui/elements/Modal/ConfirmationDialog/index.test.tsx +116 -0
- package/ui/elements/Modal/ConfirmationDialog/index.tsx +151 -0
- package/ui/elements/Modal/Modal.styles.ts +230 -0
- package/ui/elements/Modal/Modal.test.tsx +117 -0
- package/ui/elements/Modal/Modal.tsx +179 -0
- package/ui/elements/Modal/MultiStepModal/index.test.tsx +116 -0
- package/ui/elements/Modal/MultiStepModal/index.tsx +184 -0
- package/ui/elements/Modal/constants.ts +0 -0
- package/ui/elements/Modal/index.ts +4 -0
- package/ui/elements/Modal/types.ts +379 -0
- package/ui/elements/Modal/utils.tsx +0 -0
- package/ui/elements/Table/Table.styles.ts +178 -0
- package/ui/elements/Table/Table.test.tsx +72 -0
- package/ui/elements/Table/Table.tsx +118 -0
- package/ui/elements/Table/constants.ts +0 -0
- package/ui/elements/Table/index.ts +2 -0
- package/ui/elements/Table/types.ts +270 -0
- package/ui/elements/Table/utils.ts +0 -0
- package/ui/elements/Typography/Typography.styles.ts +29 -0
- package/ui/elements/Typography/Typography.tsx +70 -0
- package/ui/elements/Typography/constants.ts +292 -0
- package/ui/elements/Typography/index.ts +9 -0
- package/ui/elements/Typography/types.ts +116 -0
- package/ui/elements/Typography/utils.ts +11 -0
- package/ui/fonts/grauity-icons.eot +0 -0
- package/ui/fonts/grauity-icons.ttf +0 -0
- package/ui/fonts/grauity-icons.woff +0 -0
- package/ui/fonts/grauity-icons.woff2 +0 -0
- package/ui/helpers/index.ts +1 -7
- package/ui/index.ts +42 -3
- package/ui/init/GrauityInit.tsx +30 -7
- package/ui/init/index.ts +0 -1
- package/ui/themes/GlobalStyle.ts +273 -0
- package/ui/themes/ThemeContext.tsx +140 -0
- package/ui/themes/constants.ts +8 -0
- package/ui/themes/darkThemeConstants.ts +73 -0
- package/ui/themes/lightThemeConstants.ts +73 -0
- package/ui/themes/tokens.ts +0 -0
- package/ui/themes/types.ts +77 -0
- package/dist/core/colors/colorTypes.d.ts +0 -3
- package/dist/core/colors/colorTypes.d.ts.map +0 -1
- package/dist/core/colors/index.d.ts +0 -14
- package/dist/core/colors/index.d.ts.map +0 -1
- package/dist/core/icons/iconTags.d.ts.map +0 -1
- package/dist/core/icons/iconTypes.d.ts.map +0 -1
- package/dist/core/icons/index.d.ts.map +0 -1
- package/dist/core/index.d.ts +0 -9
- package/dist/core/index.d.ts.map +0 -1
- package/dist/core/miscellaneous-choices/index.d.ts.map +0 -1
- package/dist/core/miscellaneous-choices/miscellaneousTypes.d.ts.map +0 -1
- package/dist/core/sizes/index.d.ts.map +0 -1
- package/dist/core/sizes/sizeTypes.d.ts +0 -3
- package/dist/core/sizes/sizeTypes.d.ts.map +0 -1
- package/dist/elements/Icon/Icon.d.ts +0 -115
- package/dist/elements/Icon/Icon.d.ts.map +0 -1
- package/dist/elements/Icon/index.d.ts +0 -3
- package/dist/elements/Icon/index.d.ts.map +0 -1
- package/dist/elements/index.d.ts +0 -3
- package/dist/elements/index.d.ts.map +0 -1
- package/dist/helpers/classNameBuilders.d.ts.map +0 -1
- package/dist/helpers/getElementTypeFromProps.d.ts +0 -14
- package/dist/helpers/getElementTypeFromProps.d.ts.map +0 -1
- package/dist/helpers/index.d.ts +0 -4
- package/dist/helpers/index.d.ts.map +0 -1
- package/dist/init/GrauityInit.d.ts.map +0 -1
- package/dist/init/index.d.ts.map +0 -1
- package/ui/css/colors.scss +0 -131
- package/ui/css/icons.scss +0 -92
- package/ui/elements/index.ts +0 -2
- package/ui/helpers/getElementTypeFromProps.ts +0 -32
- /package/dist/{core → ui/core}/icons/iconTags.d.ts +0 -0
- /package/dist/{core → ui/core}/icons/iconTypes.d.ts +0 -0
- /package/dist/{core → ui/core}/miscellaneous-choices/index.d.ts +0 -0
- /package/dist/{core → ui/core}/miscellaneous-choices/miscellaneousTypes.d.ts +0 -0
- /package/dist/{core → ui/core}/sizes/index.d.ts +0 -0
- /package/dist/{helpers → ui/helpers}/classNameBuilders.d.ts +0 -0
- /package/dist/{init → ui/init}/index.d.ts +0 -0
- /package/ui/{css/sizes.scss → elements/Alert/utils.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1C;;;;;;;;;;GAUG;AACH,QAAA,MAAM,UAAU;4EAQb,eAAe;;;;;;;;;;;;;;;;;;;CAiBjB,CAAC;AAsBF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { StyledTypographyInterface } from './types';
|
|
2
|
+
export declare const StyledTypography: import("styled-components").StyledComponent<string, any, {
|
|
3
|
+
as: import("./types").TypographyAsType;
|
|
4
|
+
} & StyledTypographyInterface, "as">;
|
|
5
|
+
export default StyledTypography;
|
|
6
|
+
//# sourceMappingURL=Typography.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Typography.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Typography/Typography.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAGpD,eAAO,MAAM,gBAAgB;;oCAqB5B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { TypographyAsType, TypographyVariantType } from './types';
|
|
2
|
+
export declare const TYPOGRAPHY_VARIANTS_ENUM: {
|
|
3
|
+
[x: string]: TypographyVariantType;
|
|
4
|
+
};
|
|
5
|
+
export declare const TYPOGRAPHY_VARIANTS: readonly TypographyVariantType[];
|
|
6
|
+
export declare const TYPOGRAPHY_AS_ENUM: {
|
|
7
|
+
[x: string]: TypographyAsType;
|
|
8
|
+
};
|
|
9
|
+
export declare const TYPOGRAPHY_AS_LIST: readonly TypographyAsType[];
|
|
10
|
+
/**
|
|
11
|
+
* Mapping of Typography `variant` to CSS styles.
|
|
12
|
+
*/
|
|
13
|
+
export declare const TYPOGRAPHY_VARIANT_STYLES_MAPPING: {
|
|
14
|
+
[x: string]: string;
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* Mapping of typography `variant` to `as` type, will be useful when Typography `as` is set to `auto`.
|
|
18
|
+
*/
|
|
19
|
+
export declare const TYPOGRAPHY_VARIANT_AS_MAPPING: {
|
|
20
|
+
[x: string]: TypographyAsType;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Typography/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,wBAAwB,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAA;CAsCtE,CAAC;AAEN,eAAO,MAAM,mBAAmB,kCAE/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAA;CAc/D,CAAC;AAEF,eAAO,MAAM,kBAAkB,6BAE9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iCAAiC;;CA+K7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B;;CA0CzC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { TYPOGRAPHY_AS_ENUM, TYPOGRAPHY_AS_LIST, TYPOGRAPHY_VARIANTS, TYPOGRAPHY_VARIANTS_ENUM, } from './constants';
|
|
2
|
+
export { TYPOGRAPHY_VARIANT_AS_MAPPING } from './constants';
|
|
3
|
+
export type { TypographyProps } from './types';
|
|
4
|
+
export { default } from './Typography';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,GAC3B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAC5D,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type TypographyAsType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'label' | 'caption' | 'code' | 'auto';
|
|
3
|
+
export type TypographyVariantType = 'heading-semibold-h40' | 'heading-semibold-h36' | 'heading-semibold-h28' | 'heading-semibold-h24' | 'heading-semibold-h20' | 'heading-semibold-h16' | 'paragraph-semibold-body1' | 'paragraph-semibold-body2' | 'paragraph-semibold-body3' | 'paragraph-semibold-body4' | 'paragraph-semibold-label' | 'paragraph-semibold-label2' | 'paragraph-semibold-callout' | 'paragraph-medium-body1' | 'paragraph-medium-body2' | 'paragraph-medium-body3' | 'paragraph-medium-body4' | 'paragraph-medium-label' | 'paragraph-medium-label2' | 'paragraph-medium-callout' | 'paragraph-medium-code' | 'heading-semibold-overline1' | 'heading-semibold-overline2' | 'action-semibold-primary' | 'action-semibold-link' | 'blog-semibold-title' | 'blog-medium-regular' | 'blog-medium-bold' | 'blog-medium-italic';
|
|
4
|
+
export interface StyledTypographyInterface {
|
|
5
|
+
variant?: TypographyVariantType;
|
|
6
|
+
as?: TypographyAsType;
|
|
7
|
+
color?: string;
|
|
8
|
+
textAlign?: string;
|
|
9
|
+
textTransform?: string;
|
|
10
|
+
fontSize?: string;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export interface TypographyProps {
|
|
14
|
+
/**
|
|
15
|
+
* Variant of the Typography element
|
|
16
|
+
*
|
|
17
|
+
* Available choices:
|
|
18
|
+
*
|
|
19
|
+
* Default: `paragraph-medium-body1`
|
|
20
|
+
* */
|
|
21
|
+
variant?: TypographyVariantType;
|
|
22
|
+
/**
|
|
23
|
+
* Color of the Typography element
|
|
24
|
+
* */
|
|
25
|
+
color?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Determines the type of the element rendered
|
|
28
|
+
* Available choices:
|
|
29
|
+
*
|
|
30
|
+
* Default: `p`
|
|
31
|
+
* */
|
|
32
|
+
as?: TypographyAsType;
|
|
33
|
+
/**
|
|
34
|
+
* Text alignment of the Typography element
|
|
35
|
+
* */
|
|
36
|
+
textAlign?: string;
|
|
37
|
+
/**
|
|
38
|
+
* Text transformation of the Typography element
|
|
39
|
+
* */
|
|
40
|
+
textTransform?: string;
|
|
41
|
+
/**
|
|
42
|
+
* Font size of the Typography element
|
|
43
|
+
* */
|
|
44
|
+
fontSize?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Children of the component
|
|
47
|
+
* */
|
|
48
|
+
children: React.ReactNode;
|
|
49
|
+
}
|
|
50
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Typography/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,gBAAgB,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,MAAM,GACN,KAAK,GACL,OAAO,GACP,SAAS,GACT,MAAM,GACN,MAAM,CAAC;AAEb,MAAM,MAAM,qBAAqB,GAE3B,sBAAsB,GACtB,sBAAsB,GACtB,sBAAsB,GACtB,sBAAsB,GACtB,sBAAsB,GACtB,sBAAsB,GAGtB,0BAA0B,GAC1B,0BAA0B,GAC1B,0BAA0B,GAC1B,0BAA0B,GAC1B,0BAA0B,GAC1B,2BAA2B,GAC3B,4BAA4B,GAG5B,wBAAwB,GACxB,wBAAwB,GACxB,wBAAwB,GACxB,wBAAwB,GAGxB,wBAAwB,GACxB,yBAAyB,GACzB,0BAA0B,GAG1B,uBAAuB,GAGvB,4BAA4B,GAC5B,4BAA4B,GAG5B,yBAAyB,GACzB,sBAAsB,GAGtB,qBAAqB,GACrB,qBAAqB,GACrB,kBAAkB,GAClB,oBAAoB,CAAC;AAE3B,MAAM,WAAW,yBAAyB;IACtC,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,EAAE,CAAC,EAAE,gBAAgB,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,eAAe;IAC5B;;;;;;SAMK;IACL,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAEhC;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;SAKK;IACL,EAAE,CAAC,EAAE,gBAAgB,CAAC;IAEtB;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;SAEK;IACL,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;SAEK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;SAEK;IACL,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Typography/utils.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,0BAA0B,YAAa,MAAM,WAKjD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"classNameBuilders.d.ts","sourceRoot":"","sources":["../../../ui/helpers/classNameBuilders.ts"],"names":[],"mappings":"AAUA;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,QAAS,GAAG,OAAO,MAAM,WAAe,CAAC;AAEhE;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,QAAS,GAAG,OAAO,MAAM,WACV,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,QAAS,GAAG,OAAO,MAAM,WACR,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,UAAU,EACV,mBAAmB,EACnB,cAAc,EACjB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import './css/index.scss';
|
|
2
|
+
export { ICON_TAGS, TAG_ICONS } from './core';
|
|
3
|
+
export type { GrauityInitProps } from './init';
|
|
4
|
+
export { GrauityInit } from './init';
|
|
5
|
+
export { ThemeConsumer, ThemeContext, ThemeWrapper, } from './themes/ThemeContext';
|
|
6
|
+
export { Icon, type IconProps } from './elements/Icon';
|
|
7
|
+
export { BUTTON_ICON_POSITIONS_ENUM, BUTTON_SIZES_ENUM, BUTTON_VARIANTS, BUTTON_VARIANTS_ENUM, type ButtonProps, default as NSButton, ButtonGroup as NSButtonGroup, } from './elements/Button';
|
|
8
|
+
export { default as NSTypography, TYPOGRAPHY_AS_ENUM, TYPOGRAPHY_AS_LIST, TYPOGRAPHY_VARIANTS, TYPOGRAPHY_VARIANTS_ENUM, type TypographyProps, } from './elements/Typography';
|
|
9
|
+
export { default as NSTable, type TableProps } from './elements/Table';
|
|
10
|
+
export { type ConfirmationDialogProps, type ModalProps, ConfirmationDialog as NSConfirmationDialog, default as NSModal, MultiStepModal as NSMultiStepModal, } from './elements/Modal';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAGrC,OAAO,EACH,aAAa,EACb,YAAY,EACZ,YAAY,GACf,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGvD,OAAO,EACH,0BAA0B,EAC1B,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,KAAK,WAAW,EAChB,OAAO,IAAI,QAAQ,EACnB,WAAW,IAAI,aAAa,GAC/B,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACH,OAAO,IAAI,YAAY,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,eAAe,GACvB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGvE,OAAO,EACH,KAAK,uBAAuB,EAC5B,KAAK,UAAU,EACf,kBAAkB,IAAI,oBAAoB,EAC1C,OAAO,IAAI,OAAO,EAClB,cAAc,IAAI,gBAAgB,GACrC,MAAM,kBAAkB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import PropTypes from 'prop-types';
|
|
2
|
+
import * as React from 'react';
|
|
3
3
|
export interface GrauityInitProps {
|
|
4
4
|
/**
|
|
5
5
|
* An element type to render as (string or function).
|
|
@@ -8,32 +8,44 @@ export interface GrauityInitProps {
|
|
|
8
8
|
/**
|
|
9
9
|
* The font size to be applied on this element and so will act as standard for the `ems` of all grauity components.
|
|
10
10
|
* */
|
|
11
|
-
fontSize
|
|
11
|
+
fontSize?: string;
|
|
12
12
|
/**
|
|
13
13
|
* The multiplier is multiplied will all the `ems` of the grauity components.
|
|
14
14
|
* */
|
|
15
15
|
multiplier?: number;
|
|
16
|
+
/**
|
|
17
|
+
* Additional classes to be added to the component
|
|
18
|
+
* */
|
|
19
|
+
className?: string;
|
|
16
20
|
/**
|
|
17
21
|
* The children to be rendered inside this component.
|
|
18
22
|
* */
|
|
19
23
|
children?: React.ReactNode;
|
|
24
|
+
/**
|
|
25
|
+
* Additional styles to be added to the component
|
|
26
|
+
* */
|
|
27
|
+
style?: object;
|
|
20
28
|
}
|
|
21
29
|
/**
|
|
22
30
|
* This component is used to initialize the Grauity library. Ideally, it should be the root component of your application.
|
|
23
31
|
* But nonetheless all the grauity components should be the children of this component.
|
|
24
32
|
* */
|
|
25
|
-
declare function GrauityInit({ as, fontSize, multiplier, children }: GrauityInitProps): JSX.Element;
|
|
33
|
+
declare function GrauityInit({ as, fontSize, multiplier, className, style, children, }: GrauityInitProps): JSX.Element;
|
|
26
34
|
declare namespace GrauityInit {
|
|
27
35
|
var propTypes: {
|
|
28
36
|
as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
|
|
29
37
|
fontSize: PropTypes.Requireable<string>;
|
|
30
38
|
multiplier: PropTypes.Requireable<number>;
|
|
39
|
+
className: PropTypes.Requireable<string>;
|
|
40
|
+
style: PropTypes.Requireable<object>;
|
|
31
41
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
32
42
|
};
|
|
33
43
|
var defaultProps: {
|
|
34
44
|
as: string;
|
|
35
45
|
fontSize: string;
|
|
36
46
|
multiplier: number;
|
|
47
|
+
className: string;
|
|
48
|
+
style: {};
|
|
37
49
|
children: any;
|
|
38
50
|
};
|
|
39
51
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GrauityInit.d.ts","sourceRoot":"","sources":["../../../ui/init/GrauityInit.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAgB;IAC7B;;SAEK;IACL,EAAE,EAAE,KAAK,CAAC,WAAW,CAAC;IAEtB;;SAEK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;SAEK;IACL,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;SAEK;IACL,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;KAGK;AACL,iBAAS,WAAW,CAAC,EACjB,EAAE,EACF,QAAQ,EACR,UAAU,EACV,SAAS,EACT,KAAK,EACL,QAAQ,GACX,EAAE,gBAAgB,eAiBlB;kBAxBQ,WAAW;;;;;;;;;;;;;;;;;;AA4CpB,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/init/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { CustomGlobalStyleInterface } from './types';
|
|
2
|
+
export declare const constantGlobalStyle = "\n --neutral-0: #FFFFFF;\n --neutral-100: #F6F7F9;\n --neutral-200: #EDEFF3;\n --neutral-300: #E1E5EA;\n --neutral-400: #C9CFD9;\n --neutral-500: #B2B9C7;\n --neutral-600: #8C95A6;\n --neutral-700: #5B6271;\n --neutral-750: #30363D;\n --neutral-800: #23282F;\n --neutral-900: #16191D;\n --neutral-1000: #0B0C0E;\n\n --brand-0: #E5F1FF;\n --brand-100: #C2DDFF;\n --brand-200: #94C4FF;\n --brand-300: #61A8FF;\n --brand-400: #2989FF;\n --brand-500: #0673F9;\n --brand-600: #005ED1;\n --brand-700: #004599;\n --brand-800: #003270;\n --brand-900: #002452;\n\n --error-0: #FFE5E7;\n --error-100: #FBBBBF;\n --error-200: #FA9499;\n --error-300: #F8636B;\n --error-400: #EE3F44;\n --error-500: #D22D3A;\n --error-600: #A01B22;\n --error-700: #7E1219;\n --error-800: #63080D;\n --error-900: #4A040A;\n\n --success-0: #D9FCED;\n --success-100: #ACF7D3;\n --success-200: #7EE7B8;\n --success-300: #50CE99;\n --success-400: #13B97C;\n --success-500: #009965;\n --success-600: #007A51;\n --success-700: #005C3D;\n --success-800: #003D29;\n --success-900: #002D1E;\n\n --warning-0: #FFF1E5;\n --warning-100: #FFD2BA;\n --warning-200: #FFB286;\n --warning-300: #FD9254;\n --warning-400: #F37216;\n --warning-500: #DE5A02;\n --warning-600: #A83E00;\n --warning-700: #802D00;\n --warning-800: #5C1F00;\n --warning-900: #441704;\n\n --yellow-0: #FFF3D6;\n --yellow-100: #FFE4AD;\n --yellow-200: #FFD580;\n --yellow-300: #FEC553;\n --yellow-400: #FEB000;\n --yellow-500: #F59700;\n --yellow-600: #D17300;\n --yellow-700: #944500;\n --yellow-800: #5C2900;\n --yellow-900: #3D1A00;\n\n --purple-0: #F5E5FF;\n --purple-100: #E1D1FF;\n --purple-200: #CEBCFE;\n --purple-300: #B49DFE;\n --purple-400: #967CFD;\n --purple-500: #7B55EE;\n --purple-600: #6138D3;\n --purple-700: #46279B;\n --purple-800: #331D72;\n --purple-900: #221056;\n\n --alpha-20: rgba(255, 255, 255, 0.20);\n --alpha-12: rgba(255, 255, 255, 0.12);\n --alpha-80: rgba(255, 255, 255, 0.80);\n --alpha-overlay: rgba(22, 25, 29, 0.80);\n\n --spacing-0px: 0px;\n --spacing-1px: 1px;\n --spacing-2px: 2px;\n --spacing-3px: 3px;\n --spacing-4px: 4px;\n --spacing-5px: 5px;\n --spacing-6px: 6px;\n --spacing-7px: 7px;\n --spacing-8px: 8px;\n --spacing-9px: 9px;\n --spacing-10px: 10px;\n --spacing-12px: 12px;\n --spacing-14px: 14px;\n --spacing-16px: 16px;\n --spacing-18px: 18px;\n --spacing-20px: 20px;\n --spacing-24px: 24px;\n --spacing-28px: 28px;\n --spacing-32px: 32px;\n --spacing-36px: 36px;\n --spacing-40px: 40px;\n --spacing-48px: 48px;\n --spacing-56px: 56px;\n --spacing-64px: 64px;\n --spacing-72px: 72px;\n --spacing-80px: 80px;\n --spacing-128px: 128px;\n --spacing-160px: 160px;\n\n --corner-radius-0px: 0px;\n --corner-radius-2px: 2px;\n --corner-radius-4px: 4px;\n --corner-radius-8px: 8px;\n --corner-radius-12px: 12px;\n --corner-radius-16px: 16px;\n --corner-radius-20px: 20px;\n --corner-radius-24px: 24px;\n --corner-radius-32px: 32px;\n --corner-radius-40px: 40px;\n --corner-radius-50percent: 50%;\n --corner-radius-100percent: 100%;\n\n --font-size-2px: 2px;\n --font-size-4px: 4px;\n --font-size-6px: 6px;\n --font-size-8px: 8px;\n --font-size-10px: 10px;\n --font-size-11px: 11px;\n --font-size-12px: 12px;\n --font-size-14px: 14px;\n --font-size-16px: 16px;\n --font-size-18px: 18px;\n --font-size-20px: 20px;\n --font-size-24px: 24px;\n --font-size-28px: 28px;\n --font-size-32px: 32px;\n --font-size-36px: 36px;\n --font-size-40px: 40px;\n --font-size-48px: 48px;\n --font-size-56px: 56px;\n --font-size-64px: 64px;\n --font-size-72px: 72px;\n --font-size-80px: 80px;\n --font-size-96px: 96px;\n\n --font-weight-100: 100;\n --font-weight-200: 200;\n --font-weight-300: 300;\n --font-weight-400: 400;\n --font-weight-450: 450;\n --font-weight-500: 500;\n --font-weight-550: 550;\n --font-weight-600: 600;\n --font-weight-650: 650;\n --font-weight-700: 700;\n --font-weight-800: 800;\n --font-weight-900: 900;\n\n --font-weight-medium: var(--font-weight-500);\n --font-weight-semibold: var(--font-weight-600);\n --font-weight-bold: var(--font-weight-700);\n\n --backdrop-blur-0: blur(0px);\n --backdrop-blur-4px: blur(4px);\n --backdrop-blur-8px: blur(8px);\n --backdrop-blur-12px: blur(12px);\n --backdrop-blur-16px: blur(16px);\n --backdrop-blur-20px: blur(20px);\n\n --backdrop-blur: var(--backdrop-blur-8px);\n";
|
|
3
|
+
declare const GlobalStyle: import("styled-components").GlobalStyleComponent<CustomGlobalStyleInterface, import("styled-components").DefaultTheme>;
|
|
4
|
+
export default GlobalStyle;
|
|
5
|
+
//# sourceMappingURL=GlobalStyle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../../ui/themes/GlobalStyle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,mBAAmB,yqJA+K/B,CAAC;AAEF,QAAA,MAAM,WAAW,wHAyFhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ThemeType } from './types';
|
|
4
|
+
declare const ThemeContext: React.Context<any>;
|
|
5
|
+
interface ThemeWrapperProps {
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
defaultTheme?: ThemeType;
|
|
8
|
+
usePreferredColorScheme?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const ThemeWrapper: {
|
|
11
|
+
({ children, defaultTheme, usePreferredColorScheme, }: ThemeWrapperProps): JSX.Element;
|
|
12
|
+
propTypes: {
|
|
13
|
+
children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
|
|
14
|
+
defaultTheme: PropTypes.Requireable<ThemeType>;
|
|
15
|
+
usePreferredColorScheme: PropTypes.Requireable<boolean>;
|
|
16
|
+
};
|
|
17
|
+
defaultProps: {
|
|
18
|
+
defaultTheme: ThemeType;
|
|
19
|
+
usePreferredColorScheme: boolean;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
declare const ThemeConsumer: React.Consumer<any>;
|
|
23
|
+
export { ThemeConsumer, ThemeContext, ThemeWrapper };
|
|
24
|
+
//# sourceMappingURL=ThemeContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../ui/themes/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,YAAY,oBAAsB,CAAC;AAEzC,UAAU,iBAAiB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,QAAA,MAAM,YAAY;2DAIf,iBAAiB;;;;;;;;;;CAgGnB,CAAC;AAaF,QAAA,MAAM,aAAa,qBAAwB,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../ui/themes/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,MAAM,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAGrC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
declare const DARK_THEME_CONFIG: {
|
|
2
|
+
colors: {
|
|
3
|
+
text: {
|
|
4
|
+
textPrimary: string;
|
|
5
|
+
textSecondary: string;
|
|
6
|
+
textDisabled: string;
|
|
7
|
+
textAction: string;
|
|
8
|
+
textAction2: string;
|
|
9
|
+
textBrand: string;
|
|
10
|
+
textSuccess: string;
|
|
11
|
+
textError: string;
|
|
12
|
+
textWarning: string;
|
|
13
|
+
textYellow: string;
|
|
14
|
+
textPurple: string;
|
|
15
|
+
};
|
|
16
|
+
background: {
|
|
17
|
+
bgPrimary: string;
|
|
18
|
+
bgSecondary: string;
|
|
19
|
+
bgTertiary: string;
|
|
20
|
+
bgBrand: string;
|
|
21
|
+
bgSuccess: string;
|
|
22
|
+
bgError: string;
|
|
23
|
+
bgWarning: string;
|
|
24
|
+
bgYellow: string;
|
|
25
|
+
bgPurple: string;
|
|
26
|
+
bgDisabled: string;
|
|
27
|
+
bgActionBrand: string;
|
|
28
|
+
bgActionSuccess: string;
|
|
29
|
+
bgActionError: string;
|
|
30
|
+
bgActionWarning: string;
|
|
31
|
+
bgActionYellow: string;
|
|
32
|
+
bgActionPurple: string;
|
|
33
|
+
bgInvertPrimary: string;
|
|
34
|
+
bgInvertSecondary: string;
|
|
35
|
+
bgInvertTertiary: string;
|
|
36
|
+
bgPrimaryHover: string;
|
|
37
|
+
bgInvertPrimaryHover: string;
|
|
38
|
+
bgActionBrandHover: string;
|
|
39
|
+
bgActionSuccessHover: string;
|
|
40
|
+
bgActionErrorHover: string;
|
|
41
|
+
bgActionWarningHover: string;
|
|
42
|
+
bgActionYellowHover: string;
|
|
43
|
+
};
|
|
44
|
+
border: {
|
|
45
|
+
border: string;
|
|
46
|
+
borderBrand: string;
|
|
47
|
+
borderSuccess: string;
|
|
48
|
+
borderError: string;
|
|
49
|
+
borderWarning: string;
|
|
50
|
+
borderYellow: string;
|
|
51
|
+
borderPurple: string;
|
|
52
|
+
borderNeutral: string;
|
|
53
|
+
};
|
|
54
|
+
alpha: {
|
|
55
|
+
alphaHover: string;
|
|
56
|
+
alphaPressed: string;
|
|
57
|
+
alphaOverlay: string;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
visibility: {
|
|
61
|
+
lightVisible: string;
|
|
62
|
+
darkVisible: string;
|
|
63
|
+
};
|
|
64
|
+
font: {
|
|
65
|
+
fontFamily: string;
|
|
66
|
+
fontFamilyCode: string;
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
export default DARK_THEME_CONFIG;
|
|
70
|
+
//# sourceMappingURL=darkThemeConstants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"darkThemeConstants.d.ts","sourceRoot":"","sources":["../../../ui/themes/darkThemeConstants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
declare const LIGHT_THEME_CONFIG: {
|
|
2
|
+
colors: {
|
|
3
|
+
text: {
|
|
4
|
+
textPrimary: string;
|
|
5
|
+
textSecondary: string;
|
|
6
|
+
textDisabled: string;
|
|
7
|
+
textAction: string;
|
|
8
|
+
textAction2: string;
|
|
9
|
+
textBrand: string;
|
|
10
|
+
textSuccess: string;
|
|
11
|
+
textError: string;
|
|
12
|
+
textWarning: string;
|
|
13
|
+
textYellow: string;
|
|
14
|
+
textPurple: string;
|
|
15
|
+
};
|
|
16
|
+
background: {
|
|
17
|
+
bgPrimary: string;
|
|
18
|
+
bgSecondary: string;
|
|
19
|
+
bgTertiary: string;
|
|
20
|
+
bgBrand: string;
|
|
21
|
+
bgSuccess: string;
|
|
22
|
+
bgError: string;
|
|
23
|
+
bgWarning: string;
|
|
24
|
+
bgYellow: string;
|
|
25
|
+
bgPurple: string;
|
|
26
|
+
bgDisabled: string;
|
|
27
|
+
bgActionBrand: string;
|
|
28
|
+
bgActionSuccess: string;
|
|
29
|
+
bgActionError: string;
|
|
30
|
+
bgActionWarning: string;
|
|
31
|
+
bgActionYellow: string;
|
|
32
|
+
bgActionPurple: string;
|
|
33
|
+
bgInvertPrimary: string;
|
|
34
|
+
bgInvertSecondary: string;
|
|
35
|
+
bgInvertTertiary: string;
|
|
36
|
+
bgPrimaryHover: string;
|
|
37
|
+
bgInvertPrimaryHover: string;
|
|
38
|
+
bgActionBrandHover: string;
|
|
39
|
+
bgActionSuccessHover: string;
|
|
40
|
+
bgActionErrorHover: string;
|
|
41
|
+
bgActionWarningHover: string;
|
|
42
|
+
bgActionYellowHover: string;
|
|
43
|
+
};
|
|
44
|
+
border: {
|
|
45
|
+
border: string;
|
|
46
|
+
borderBrand: string;
|
|
47
|
+
borderSuccess: string;
|
|
48
|
+
borderError: string;
|
|
49
|
+
borderWarning: string;
|
|
50
|
+
borderYellow: string;
|
|
51
|
+
borderPurple: string;
|
|
52
|
+
borderNeutral: string;
|
|
53
|
+
};
|
|
54
|
+
alpha: {
|
|
55
|
+
alphaHover: string;
|
|
56
|
+
alphaPressed: string;
|
|
57
|
+
alphaOverlay: string;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
visibility: {
|
|
61
|
+
lightVisible: string;
|
|
62
|
+
darkVisible: string;
|
|
63
|
+
};
|
|
64
|
+
font: {
|
|
65
|
+
fontFamily: string;
|
|
66
|
+
fontFamilyCode: string;
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
export default LIGHT_THEME_CONFIG;
|
|
70
|
+
//# sourceMappingURL=lightThemeConstants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lightThemeConstants.d.ts","sourceRoot":"","sources":["../../../ui/themes/lightThemeConstants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../ui/themes/tokens.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { DefaultTheme } from 'styled-components';
|
|
2
|
+
export type ThemeType = 'light' | 'dark';
|
|
3
|
+
export interface CustomGlobalStyleInterface extends DefaultTheme {
|
|
4
|
+
theme: {
|
|
5
|
+
colors: {
|
|
6
|
+
text: {
|
|
7
|
+
textPrimary: string;
|
|
8
|
+
textSecondary: string;
|
|
9
|
+
textDisabled: string;
|
|
10
|
+
textAction: string;
|
|
11
|
+
textAction2: string;
|
|
12
|
+
textBrand: string;
|
|
13
|
+
textSuccess: string;
|
|
14
|
+
textError: string;
|
|
15
|
+
textWarning: string;
|
|
16
|
+
textYellow: string;
|
|
17
|
+
textPurple: string;
|
|
18
|
+
};
|
|
19
|
+
background: {
|
|
20
|
+
bgPrimary: string;
|
|
21
|
+
bgSecondary: string;
|
|
22
|
+
bgTertiary: string;
|
|
23
|
+
bgBrand: string;
|
|
24
|
+
bgSuccess: string;
|
|
25
|
+
bgError: string;
|
|
26
|
+
bgWarning: string;
|
|
27
|
+
bgYellow: string;
|
|
28
|
+
bgPurple: string;
|
|
29
|
+
bgDisabled: string;
|
|
30
|
+
bgActionBrand: string;
|
|
31
|
+
bgActionSuccess: string;
|
|
32
|
+
bgActionError: string;
|
|
33
|
+
bgActionWarning: string;
|
|
34
|
+
bgActionYellow: string;
|
|
35
|
+
bgActionPurple: string;
|
|
36
|
+
bgInvertPrimary: string;
|
|
37
|
+
bgInvertSecondary: string;
|
|
38
|
+
bgInvertTertiary: string;
|
|
39
|
+
bgPrimaryHover: string;
|
|
40
|
+
bgInvertPrimaryHover: string;
|
|
41
|
+
bgActionBrandHover: string;
|
|
42
|
+
bgActionSuccessHover: string;
|
|
43
|
+
bgActionErrorHover: string;
|
|
44
|
+
bgActionWarningHover: string;
|
|
45
|
+
bgActionYellowHover: string;
|
|
46
|
+
};
|
|
47
|
+
alpha: {
|
|
48
|
+
alphaHover: string;
|
|
49
|
+
alphaPressed: string;
|
|
50
|
+
alphaOverlay: string;
|
|
51
|
+
};
|
|
52
|
+
border: {
|
|
53
|
+
border: string;
|
|
54
|
+
borderBrand: string;
|
|
55
|
+
borderSuccess: string;
|
|
56
|
+
borderError: string;
|
|
57
|
+
borderWarning: string;
|
|
58
|
+
borderYellow: string;
|
|
59
|
+
borderPurple: string;
|
|
60
|
+
borderNeutral: string;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
visibility: {
|
|
64
|
+
lightVisible: string;
|
|
65
|
+
darkVisible: string;
|
|
66
|
+
};
|
|
67
|
+
font: {
|
|
68
|
+
fontFamily: string;
|
|
69
|
+
fontFamilyCode: string;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../ui/themes/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC5D,KAAK,EAAE;QACH,MAAM,EAAE;YACJ,IAAI,EAAE;gBACF,WAAW,EAAE,MAAM,CAAC;gBACpB,aAAa,EAAE,MAAM,CAAC;gBACtB,YAAY,EAAE,MAAM,CAAC;gBACrB,UAAU,EAAE,MAAM,CAAC;gBACnB,WAAW,EAAE,MAAM,CAAC;gBACpB,SAAS,EAAE,MAAM,CAAC;gBAClB,WAAW,EAAE,MAAM,CAAC;gBACpB,SAAS,EAAE,MAAM,CAAC;gBAClB,WAAW,EAAE,MAAM,CAAC;gBACpB,UAAU,EAAE,MAAM,CAAC;gBACnB,UAAU,EAAE,MAAM,CAAC;aACtB,CAAC;YACF,UAAU,EAAE;gBACR,SAAS,EAAE,MAAM,CAAC;gBAClB,WAAW,EAAE,MAAM,CAAC;gBACpB,UAAU,EAAE,MAAM,CAAC;gBACnB,OAAO,EAAE,MAAM,CAAC;gBAChB,SAAS,EAAE,MAAM,CAAC;gBAClB,OAAO,EAAE,MAAM,CAAC;gBAChB,SAAS,EAAE,MAAM,CAAC;gBAClB,QAAQ,EAAE,MAAM,CAAC;gBACjB,QAAQ,EAAE,MAAM,CAAC;gBACjB,UAAU,EAAE,MAAM,CAAC;gBAEnB,aAAa,EAAE,MAAM,CAAC;gBACtB,eAAe,EAAE,MAAM,CAAC;gBACxB,aAAa,EAAE,MAAM,CAAC;gBACtB,eAAe,EAAE,MAAM,CAAC;gBACxB,cAAc,EAAE,MAAM,CAAC;gBACvB,cAAc,EAAE,MAAM,CAAC;gBAEvB,eAAe,EAAE,MAAM,CAAC;gBACxB,iBAAiB,EAAE,MAAM,CAAC;gBAC1B,gBAAgB,EAAE,MAAM,CAAC;gBAEzB,cAAc,EAAE,MAAM,CAAC;gBACvB,oBAAoB,EAAE,MAAM,CAAC;gBAC7B,kBAAkB,EAAE,MAAM,CAAC;gBAC3B,oBAAoB,EAAE,MAAM,CAAC;gBAC7B,kBAAkB,EAAE,MAAM,CAAC;gBAC3B,oBAAoB,EAAE,MAAM,CAAC;gBAC7B,mBAAmB,EAAE,MAAM,CAAC;aAC/B,CAAC;YACF,KAAK,EAAE;gBACH,UAAU,EAAE,MAAM,CAAC;gBACnB,YAAY,EAAE,MAAM,CAAC;gBACrB,YAAY,EAAE,MAAM,CAAC;aACxB,CAAC;YACF,MAAM,EAAE;gBACJ,MAAM,EAAE,MAAM,CAAC;gBACf,WAAW,EAAE,MAAM,CAAC;gBACpB,aAAa,EAAE,MAAM,CAAC;gBACtB,WAAW,EAAE,MAAM,CAAC;gBACpB,aAAa,EAAE,MAAM,CAAC;gBACtB,YAAY,EAAE,MAAM,CAAC;gBACrB,YAAY,EAAE,MAAM,CAAC;gBACrB,aAAa,EAAE,MAAM,CAAC;aACzB,CAAC;SACL,CAAC;QACF,UAAU,EAAE;YACR,YAAY,EAAE,MAAM,CAAC;YACrB,WAAW,EAAE,MAAM,CAAC;SACvB,CAAC;QACF,IAAI,EAAE;YACF,UAAU,EAAE,MAAM,CAAC;YACnB,cAAc,EAAE,MAAM,CAAC;SAC1B,CAAC;KACL,CAAC;CACL"}
|