@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,54 @@
|
|
|
1
|
+
export declare enum BUTTON_VARIANTS_ENUM {
|
|
2
|
+
PRIMARY = "primary",
|
|
3
|
+
SECONDARY = "secondary",
|
|
4
|
+
TERTIARY = "tertiary",
|
|
5
|
+
SUCCESS = "success",
|
|
6
|
+
DANGER = "danger",
|
|
7
|
+
WARNING = "warning",
|
|
8
|
+
PRIMARY_OUTLINED = "primary-outlined",
|
|
9
|
+
SECONDARY_OUTLINED = "secondary-outlined",
|
|
10
|
+
TERTIARY_OUTLINED = "tertiary-outlined",
|
|
11
|
+
SUCCESS_OUTLINED = "success-outlined",
|
|
12
|
+
DANGER_OUTLINED = "danger-outlined",
|
|
13
|
+
WARNING_OUTLINED = "warning-outlined"
|
|
14
|
+
}
|
|
15
|
+
export declare enum BUTTON_SIZES_ENUM {
|
|
16
|
+
SMALL = "small",
|
|
17
|
+
MEDIUM = "medium",
|
|
18
|
+
LARGE = "large",
|
|
19
|
+
EXTRA_LARGE = "extra-large"
|
|
20
|
+
}
|
|
21
|
+
export declare enum BUTTON_ICON_POSITIONS_ENUM {
|
|
22
|
+
LEFT = "left",
|
|
23
|
+
RIGHT = "right"
|
|
24
|
+
}
|
|
25
|
+
export declare const BUTTON_VARIANTS: BUTTON_VARIANTS_ENUM[];
|
|
26
|
+
export declare const BUTTON_SIZES: BUTTON_SIZES_ENUM[];
|
|
27
|
+
export declare const BUTTON_ICON_POSITIONS: BUTTON_ICON_POSITIONS_ENUM[];
|
|
28
|
+
export declare const BUTTON_VARIANT_STYLES_MAPPING: {
|
|
29
|
+
primary: string;
|
|
30
|
+
"primary-outlined": string;
|
|
31
|
+
secondary: string;
|
|
32
|
+
"secondary-outlined": string;
|
|
33
|
+
tertiary: string;
|
|
34
|
+
"tertiary-outlined": string;
|
|
35
|
+
success: string;
|
|
36
|
+
"success-outlined": string;
|
|
37
|
+
danger: string;
|
|
38
|
+
"danger-outlined": string;
|
|
39
|
+
warning: string;
|
|
40
|
+
"warning-outlined": string;
|
|
41
|
+
};
|
|
42
|
+
export declare const BUTTON_SIZE_STYLES_MAPPING: {
|
|
43
|
+
small: string;
|
|
44
|
+
medium: string;
|
|
45
|
+
large: string;
|
|
46
|
+
"extra-large": string;
|
|
47
|
+
};
|
|
48
|
+
export declare const ICON_BUTTON_SIZE_STYLES_MAPPING: {
|
|
49
|
+
small: string;
|
|
50
|
+
medium: string;
|
|
51
|
+
large: string;
|
|
52
|
+
"extra-large": string;
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,oBAAoB;IAC5B,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,gBAAgB,qBAAqB;IACrC,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,gBAAgB,qBAAqB;IACrC,eAAe,oBAAoB;IACnC,gBAAgB,qBAAqB;CACxC;AAED,oBAAY,iBAAiB;IACzB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,WAAW,gBAAgB;CAC9B;AAED,oBAAY,0BAA0B;IAClC,IAAI,SAAS;IACb,KAAK,UAAU;CAClB;AAED,eAAO,MAAM,eAAe,wBAa3B,CAAC;AAEF,eAAO,MAAM,YAAY,qBAKxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,8BAGjC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;CAiMzC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;CAsBtC,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;;;CA8B3C,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { default } from './Button';
|
|
2
|
+
export { default as ButtonGroup } from './ButtonGroup';
|
|
3
|
+
export { BUTTON_VARIANTS_ENUM } from './constants';
|
|
4
|
+
export { BUTTON_SIZES_ENUM } from './constants';
|
|
5
|
+
export { BUTTON_VARIANTS } from './constants';
|
|
6
|
+
export { BUTTON_ICON_POSITIONS_ENUM } from './constants';
|
|
7
|
+
export { default as IconButton } from './IconButton';
|
|
8
|
+
export type { ButtonProps, IconButtonProps } from './types';
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,226 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { grauityIconName, grauityIconSizeName } from '../../core';
|
|
3
|
+
export type ButtonTypeAttribute = 'button' | 'submit' | 'reset';
|
|
4
|
+
export type ButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'success' | 'danger' | 'warning' | 'primary-outlined' | 'secondary-outlined' | 'tertiary-outlined' | 'success-outlined' | 'danger-outlined' | 'warning-outlined';
|
|
5
|
+
export type ButtonSizes = 'small' | 'medium' | 'large' | 'extra-large';
|
|
6
|
+
export type ButtonIconPositions = 'left' | 'right';
|
|
7
|
+
export interface ButtonProps {
|
|
8
|
+
/**
|
|
9
|
+
* Variant of the button
|
|
10
|
+
*
|
|
11
|
+
* Available choices: `primary`, `secondary`, `tertiary`, `success`, `danger`, `warning`, `primary-outlined`, `secondary-outlined`, `tertiary-outlined`, `success-outlined`, `danger-outlined`, `warning-outlined`
|
|
12
|
+
*
|
|
13
|
+
* Default: `primary`
|
|
14
|
+
* */
|
|
15
|
+
variant?: ButtonVariants;
|
|
16
|
+
/**
|
|
17
|
+
* Size of the button
|
|
18
|
+
* Available choices: `small`, `medium`, `large`
|
|
19
|
+
*
|
|
20
|
+
* Default: `medium`
|
|
21
|
+
* */
|
|
22
|
+
size?: ButtonSizes;
|
|
23
|
+
/**
|
|
24
|
+
* Icon to be displayed in the button.
|
|
25
|
+
* */
|
|
26
|
+
icon?: grauityIconName;
|
|
27
|
+
/**
|
|
28
|
+
* Size of the icon
|
|
29
|
+
* */
|
|
30
|
+
iconSize?: grauityIconSizeName;
|
|
31
|
+
/**
|
|
32
|
+
* Position of the icon
|
|
33
|
+
*
|
|
34
|
+
* Available choices: `left`, `right`
|
|
35
|
+
*
|
|
36
|
+
* Default: `left`
|
|
37
|
+
* */
|
|
38
|
+
iconPosition?: ButtonIconPositions;
|
|
39
|
+
/**
|
|
40
|
+
* Additional classes to be added to the component.
|
|
41
|
+
* */
|
|
42
|
+
className?: string;
|
|
43
|
+
/**
|
|
44
|
+
* Show that the button is inactive
|
|
45
|
+
*
|
|
46
|
+
* Default: `false`
|
|
47
|
+
* */
|
|
48
|
+
disabled?: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* Show that the button is loading
|
|
51
|
+
*
|
|
52
|
+
* Default: `false`
|
|
53
|
+
* */
|
|
54
|
+
loading?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* Function to be called on click
|
|
57
|
+
*
|
|
58
|
+
* If the button is disabled, the function will not be called
|
|
59
|
+
* */
|
|
60
|
+
onClick?: (e?: any) => void;
|
|
61
|
+
/**
|
|
62
|
+
* Additional styles to be used over the element
|
|
63
|
+
*
|
|
64
|
+
* Default: `{}`
|
|
65
|
+
* */
|
|
66
|
+
style?: React.CSSProperties;
|
|
67
|
+
/**
|
|
68
|
+
* Make the button full width
|
|
69
|
+
*
|
|
70
|
+
* Default: `false`
|
|
71
|
+
* */
|
|
72
|
+
fullWidth?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* Children of the component
|
|
75
|
+
* */
|
|
76
|
+
children?: React.ReactNode;
|
|
77
|
+
/**
|
|
78
|
+
* Type of the button
|
|
79
|
+
*
|
|
80
|
+
* Default: `button`
|
|
81
|
+
* */
|
|
82
|
+
type?: 'button' | 'submit' | 'reset';
|
|
83
|
+
/**
|
|
84
|
+
* Aria label for the button
|
|
85
|
+
* */
|
|
86
|
+
ariaLabel?: string;
|
|
87
|
+
/**
|
|
88
|
+
* Tooltip to be displayed on hover, uses the `title` attribute
|
|
89
|
+
* */
|
|
90
|
+
tooltip?: string;
|
|
91
|
+
/**
|
|
92
|
+
* Tab index of the button
|
|
93
|
+
* */
|
|
94
|
+
tabIndex?: number;
|
|
95
|
+
/**
|
|
96
|
+
* Function to be called on mouse enter
|
|
97
|
+
* */
|
|
98
|
+
onMouseEnter?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
99
|
+
/**
|
|
100
|
+
* Function to be called on mouse leave
|
|
101
|
+
* */
|
|
102
|
+
onMouseLeave?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
103
|
+
/**
|
|
104
|
+
* Additional props to be passed to the button element
|
|
105
|
+
* */
|
|
106
|
+
buttonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
107
|
+
}
|
|
108
|
+
export interface IconButtonProps {
|
|
109
|
+
/**
|
|
110
|
+
* Variant of the button
|
|
111
|
+
*
|
|
112
|
+
* Available choices: `primary`, `secondary`, `tertiary`, `success`, `danger`, `warning`, `primary-outlined`, `secondary-outlined`, `tertiary-outlined`, `success-outlined`, `danger-outlined`, `warning-outlined`
|
|
113
|
+
*
|
|
114
|
+
* Default: `primary`
|
|
115
|
+
* */
|
|
116
|
+
variant?: ButtonVariants;
|
|
117
|
+
/**
|
|
118
|
+
* Size of the button
|
|
119
|
+
* Available choices: `small`, `medium`, `large`
|
|
120
|
+
*
|
|
121
|
+
* Default: `medium`
|
|
122
|
+
* */
|
|
123
|
+
size?: ButtonSizes;
|
|
124
|
+
/**
|
|
125
|
+
* Icon to be displayed in the button.
|
|
126
|
+
* */
|
|
127
|
+
icon?: grauityIconName;
|
|
128
|
+
/**
|
|
129
|
+
* Size of the icon
|
|
130
|
+
* */
|
|
131
|
+
iconSize?: grauityIconSizeName;
|
|
132
|
+
/**
|
|
133
|
+
* Additional classes to be added to the component.
|
|
134
|
+
* */
|
|
135
|
+
className?: string;
|
|
136
|
+
/**
|
|
137
|
+
* Show that the button is inactive
|
|
138
|
+
*
|
|
139
|
+
* Default: `false`
|
|
140
|
+
* */
|
|
141
|
+
disabled?: boolean;
|
|
142
|
+
/**
|
|
143
|
+
* Show that the button is loading
|
|
144
|
+
*
|
|
145
|
+
* Default: `false`
|
|
146
|
+
* */
|
|
147
|
+
loading?: boolean;
|
|
148
|
+
/**
|
|
149
|
+
* Function to be called on click
|
|
150
|
+
*
|
|
151
|
+
* If the button is disabled, the function will not be called
|
|
152
|
+
* */
|
|
153
|
+
onClick?: (e?: any) => void;
|
|
154
|
+
/**
|
|
155
|
+
* Additional styles to be used over the element
|
|
156
|
+
*
|
|
157
|
+
* Default: `{}`
|
|
158
|
+
* */
|
|
159
|
+
style?: React.CSSProperties;
|
|
160
|
+
/**
|
|
161
|
+
* Make the button full width
|
|
162
|
+
*
|
|
163
|
+
* Default: `false`
|
|
164
|
+
* */
|
|
165
|
+
fullWidth?: boolean;
|
|
166
|
+
/**
|
|
167
|
+
* Type of the button
|
|
168
|
+
*
|
|
169
|
+
* Default: `button`
|
|
170
|
+
* */
|
|
171
|
+
type?: 'button' | 'submit' | 'reset';
|
|
172
|
+
/**
|
|
173
|
+
* Aria label for the button
|
|
174
|
+
* */
|
|
175
|
+
ariaLabel?: string;
|
|
176
|
+
/**
|
|
177
|
+
* Tooltip to be displayed on hover, uses the `title` attribute
|
|
178
|
+
* */
|
|
179
|
+
tooltip?: string;
|
|
180
|
+
/**
|
|
181
|
+
* Tab index of the button
|
|
182
|
+
* */
|
|
183
|
+
tabIndex?: number;
|
|
184
|
+
/**
|
|
185
|
+
* Function to be called on mouse enter
|
|
186
|
+
* */
|
|
187
|
+
onMouseEnter?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
188
|
+
/**
|
|
189
|
+
* Function to be called on mouse leave
|
|
190
|
+
* */
|
|
191
|
+
onMouseLeave?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
192
|
+
/**
|
|
193
|
+
* Additional props to be passed to the button element
|
|
194
|
+
* */
|
|
195
|
+
buttonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
196
|
+
}
|
|
197
|
+
export interface ButtonComponentProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
198
|
+
variant?: ButtonVariants;
|
|
199
|
+
size?: ButtonSizes;
|
|
200
|
+
icon?: string | number;
|
|
201
|
+
iconSize?: string;
|
|
202
|
+
iconPosition?: 'left' | 'right';
|
|
203
|
+
className?: string;
|
|
204
|
+
disabled?: boolean;
|
|
205
|
+
isLoading?: boolean;
|
|
206
|
+
style?: React.CSSProperties;
|
|
207
|
+
onClick?: (e?: any) => void;
|
|
208
|
+
fullWidth?: boolean;
|
|
209
|
+
isIconButton?: boolean;
|
|
210
|
+
children?: React.ReactNode;
|
|
211
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
212
|
+
type?: ButtonTypeAttribute;
|
|
213
|
+
ariaLabel?: string;
|
|
214
|
+
title?: string;
|
|
215
|
+
tabIndex?: number;
|
|
216
|
+
onMouseEnter?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
217
|
+
onMouseLeave?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
218
|
+
}
|
|
219
|
+
export interface ButtonContentProps {
|
|
220
|
+
id?: string;
|
|
221
|
+
children: React.ReactNode;
|
|
222
|
+
}
|
|
223
|
+
export interface ButtonGroupProps {
|
|
224
|
+
children: React.ReactNode;
|
|
225
|
+
}
|
|
226
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/utils.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { IconProps } from './types';
|
|
4
|
+
/**
|
|
5
|
+
* An icon is a glyph used to represent something else.
|
|
6
|
+
*/
|
|
7
|
+
declare function Icon({ ariaHidden, ariaLabel, as, bordered, circular, color, className, disabled, fitted, flipped, inverted, link, loading, name, rotated, size, style, ...props }: IconProps): JSX.Element;
|
|
8
|
+
declare namespace Icon {
|
|
9
|
+
var propTypes: {
|
|
10
|
+
ariaHidden: PropTypes.Requireable<string>;
|
|
11
|
+
ariaLabel: PropTypes.Requireable<string>;
|
|
12
|
+
as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
|
|
13
|
+
bordered: PropTypes.Requireable<boolean>;
|
|
14
|
+
circular: PropTypes.Requireable<boolean>;
|
|
15
|
+
color: PropTypes.Requireable<string>;
|
|
16
|
+
className: PropTypes.Requireable<string>;
|
|
17
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
18
|
+
fitted: PropTypes.Requireable<boolean>;
|
|
19
|
+
flipped: PropTypes.Requireable<import("../../core/miscellaneous-choices").GRAUITY_FLIPPED_CHOICES>;
|
|
20
|
+
inverted: PropTypes.Requireable<boolean>;
|
|
21
|
+
link: PropTypes.Requireable<boolean>;
|
|
22
|
+
loading: PropTypes.Requireable<boolean>;
|
|
23
|
+
name: PropTypes.Validator<string>;
|
|
24
|
+
rotated: PropTypes.Requireable<import("../../core/miscellaneous-choices").GRAUITY_ROTATED_CHOICES>;
|
|
25
|
+
size: PropTypes.Requireable<import("../../core").GRAUITY_SIZE>;
|
|
26
|
+
style: PropTypes.Requireable<object>;
|
|
27
|
+
};
|
|
28
|
+
var defaultProps: {
|
|
29
|
+
ariaHidden: string;
|
|
30
|
+
ariaLabel: any;
|
|
31
|
+
as: string;
|
|
32
|
+
bordered: boolean;
|
|
33
|
+
circular: boolean;
|
|
34
|
+
color: string;
|
|
35
|
+
className: any;
|
|
36
|
+
disabled: boolean;
|
|
37
|
+
fitted: boolean;
|
|
38
|
+
flipped: any;
|
|
39
|
+
inverted: boolean;
|
|
40
|
+
link: boolean;
|
|
41
|
+
loading: boolean;
|
|
42
|
+
rotated: any;
|
|
43
|
+
size: string;
|
|
44
|
+
style: any;
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
export default Icon;
|
|
48
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Icon/Icon.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;GAEG;AACH,iBAAS,IAAI,CAAC,EACV,UAAU,EACV,SAAS,EACT,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,KAAK,EACL,GAAG,KAAK,EACX,EAAE,SAAS,eA4DX;kBA/EQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwHb,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Icon/Icon.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAOpC,eAAO,MAAM,UAAU;;oBAwFtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { grauityFlippedChoiceName, grauityIconName, grauityIconSizeName, grauityRotatedChoiceName } from 'ui/core';
|
|
3
|
+
interface IconProps {
|
|
4
|
+
/**
|
|
5
|
+
* Icon can have the aria hidden attribute
|
|
6
|
+
* */
|
|
7
|
+
ariaHidden?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Icon can have the aria label attribute
|
|
10
|
+
* */
|
|
11
|
+
ariaLabel?: string;
|
|
12
|
+
/**
|
|
13
|
+
* An element type to render as (string or function).
|
|
14
|
+
* */
|
|
15
|
+
as?: React.ElementType;
|
|
16
|
+
/**
|
|
17
|
+
* Format the icon to appear bordered
|
|
18
|
+
* */
|
|
19
|
+
bordered?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Format the icon to appear circular
|
|
22
|
+
* */
|
|
23
|
+
circular?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Color of the icon
|
|
26
|
+
* */
|
|
27
|
+
color?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Additional classes to be added to the component
|
|
30
|
+
* */
|
|
31
|
+
className?: string;
|
|
32
|
+
/**
|
|
33
|
+
* Show that the icon is inactive
|
|
34
|
+
* */
|
|
35
|
+
disabled?: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* Fitted, without space to left or right of Icon
|
|
38
|
+
* */
|
|
39
|
+
fitted?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Icon can be flipped
|
|
42
|
+
* */
|
|
43
|
+
flipped?: grauityFlippedChoiceName;
|
|
44
|
+
/**
|
|
45
|
+
* The colors of the icon can be inverted in case of used with border
|
|
46
|
+
* * */
|
|
47
|
+
inverted?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Icon can be formatted as a link
|
|
50
|
+
* */
|
|
51
|
+
link?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Icon can be used as a simple loader
|
|
54
|
+
* */
|
|
55
|
+
loading?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Name of the icon
|
|
58
|
+
* */
|
|
59
|
+
name: grauityIconName;
|
|
60
|
+
/**
|
|
61
|
+
* Icon can be rotated
|
|
62
|
+
* */
|
|
63
|
+
rotated?: grauityRotatedChoiceName;
|
|
64
|
+
/**
|
|
65
|
+
* Size of the icon
|
|
66
|
+
* */
|
|
67
|
+
size?: grauityIconSizeName;
|
|
68
|
+
/**
|
|
69
|
+
* Additional styles to be used over the element
|
|
70
|
+
* */
|
|
71
|
+
style?: React.CSSProperties;
|
|
72
|
+
}
|
|
73
|
+
export { IconProps };
|
|
74
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,wBAAwB,EACxB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EAC3B,MAAM,SAAS,CAAC;AAEjB,UAAU,SAAS;IACf;;SAEK;IACL,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;SAEK;IACL,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEvB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;SAEK;IACL,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;SAEK;IACL,OAAO,CAAC,EAAE,wBAAwB,CAAC;IAEnC;;WAEO;IACP,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;SAEK;IACL,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;SAEK;IACL,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;SAEK;IACL,IAAI,EAAE,eAAe,CAAC;IAEtB;;SAEK;IACL,OAAO,CAAC,EAAE,wBAAwB,CAAC;IAEnC;;SAEK;IACL,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAE3B;;SAEK;IACL,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { ConfirmationDialogProps } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* A confirmation dialog is a dialog box that asks the user to confirm an action.
|
|
5
|
+
*/
|
|
6
|
+
declare const ConfirmationDialog: {
|
|
7
|
+
({ cancelText, confirmText, onCancel, onConfirm, banner, title, description, body, cancelButtonVariant, confirmButtonVariant, showCloseButton, hideOnClickAway, blurBackground, mobileBottomFullWidth, }: ConfirmationDialogProps): JSX.Element;
|
|
8
|
+
propTypes: {
|
|
9
|
+
cancelText: PropTypes.Requireable<string>;
|
|
10
|
+
confirmText: PropTypes.Requireable<string>;
|
|
11
|
+
onCancel: PropTypes.Requireable<(...args: any[]) => any>;
|
|
12
|
+
onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
|
|
13
|
+
banner: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
14
|
+
title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
15
|
+
description: PropTypes.Requireable<string>;
|
|
16
|
+
body: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
17
|
+
cancelButtonVariant: PropTypes.Requireable<string>;
|
|
18
|
+
confirmButtonVariant: PropTypes.Requireable<string>;
|
|
19
|
+
showCloseButton: PropTypes.Requireable<boolean>;
|
|
20
|
+
hideOnClickAway: PropTypes.Requireable<boolean>;
|
|
21
|
+
blurBackground: PropTypes.Requireable<boolean>;
|
|
22
|
+
mobileBottomFullWidth: PropTypes.Requireable<boolean>;
|
|
23
|
+
};
|
|
24
|
+
defaultProps: {
|
|
25
|
+
cancelText: string;
|
|
26
|
+
confirmText: string;
|
|
27
|
+
banner: any;
|
|
28
|
+
title: string;
|
|
29
|
+
description: string;
|
|
30
|
+
body: any;
|
|
31
|
+
onCancel: () => void;
|
|
32
|
+
onConfirm: () => void;
|
|
33
|
+
cancelButtonVariant: string;
|
|
34
|
+
confirmButtonVariant: string;
|
|
35
|
+
showCloseButton: boolean;
|
|
36
|
+
hideOnClickAway: boolean;
|
|
37
|
+
blurBackground: boolean;
|
|
38
|
+
mobileBottomFullWidth: boolean;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
export { ConfirmationDialogProps };
|
|
42
|
+
export default ConfirmationDialog;
|
|
43
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/ConfirmationDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEnD;;GAEG;AACH,QAAA,MAAM,kBAAkB;8MAerB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFzB,CAAC;AAoCF,OAAO,EAAE,uBAAuB,EAAE,CAAC;AAEnC,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/ConfirmationDialog/index.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyledModal, StyledModalAction, StyledModalBanner, StyledModalBody, StyledModalDescription, StyledModalDivider, StyledModalMain, StyledModalTitle, StyledModalWrapper } from './Modal.styles';
|
|
3
|
+
import { ModalProps } from './types';
|
|
4
|
+
/**
|
|
5
|
+
* A modal is used to display content that temporarily blocks
|
|
6
|
+
* interactions with the main view of a site or to get user attention
|
|
7
|
+
* on a specific action or information.
|
|
8
|
+
*/
|
|
9
|
+
declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> & {
|
|
10
|
+
Wrapper: typeof StyledModalWrapper;
|
|
11
|
+
Modal: typeof StyledModal;
|
|
12
|
+
Main: typeof StyledModalMain;
|
|
13
|
+
Banner: typeof StyledModalBanner;
|
|
14
|
+
Title: typeof StyledModalTitle;
|
|
15
|
+
Description: typeof StyledModalDescription;
|
|
16
|
+
Body: typeof StyledModalBody;
|
|
17
|
+
Action: typeof StyledModalAction;
|
|
18
|
+
Divider: typeof StyledModalDivider;
|
|
19
|
+
};
|
|
20
|
+
export default Modal;
|
|
21
|
+
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAQ9E,OAAO,EACH,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;;GAIG;AACH,QAAA,MAAM,KAAK;aA8FE,yBAAyB;WAC3B,kBAAkB;UACnB,sBAAsB;YACpB,wBAAwB;WACzB,uBAAuB;iBACjB,6BAA6B;UACpC,sBAAsB;YACpB,wBAAwB;aACvB,yBAAyB;CACrC,CAAC;AAgDF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ModalBodyMainProps, ModalBodyProps, ModalContainerProps, ModalDescriptionProps, ModalPaginationItemProps, ModalTitleProps, ModalWrapperProps } from './types';
|
|
3
|
+
export declare const StyledModalWrapper: import("styled-components").StyledComponent<string, any, ModalWrapperProps, never>;
|
|
4
|
+
export declare const StyledModal: import("styled-components").StyledComponent<string, any, ModalContainerProps, never>;
|
|
5
|
+
export declare const StyledModalMain: import("styled-components").StyledComponent<string, any, ModalBodyMainProps, never>;
|
|
6
|
+
export declare const StyledModalDivider: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
7
|
+
export declare const StyledModalTitle: import("styled-components").StyledComponent<string, any, ModalTitleProps, never>;
|
|
8
|
+
export declare const StyledModalDescription: import("styled-components").StyledComponent<string, any, ModalDescriptionProps, never>;
|
|
9
|
+
export declare const StyledModalBody: import("styled-components").StyledComponent<string, any, ModalBodyProps, never>;
|
|
10
|
+
export declare const StyledModalPaginatedActions: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
11
|
+
export declare const StyledModalPagination: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
12
|
+
export declare const StyledModalPaginationItem: import("styled-components").StyledComponent<string, any, ModalPaginationItemProps, never>;
|
|
13
|
+
export declare const StyledModalAction: import("styled-components").StyledComponent<string, any, {
|
|
14
|
+
justifyContent?: string;
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
}, never>;
|
|
17
|
+
export declare const StyledModalBanner: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
18
|
+
//# sourceMappingURL=Modal.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/Modal.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EACH,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,eAAe,EACf,iBAAiB,EACpB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,kBAAkB,oFAmB9B,CAAC;AAEF,eAAO,MAAM,WAAW,sFAyDvB,CAAC;AAEF,eAAO,MAAM,eAAe,qFAW3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qEAI9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,kFAiB5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,wFAalC,CAAC;AAEF,eAAO,MAAM,eAAe,iFAqB3B,CAAC;AAEF,eAAO,MAAM,2BAA2B,qEAMvC,CAAC;AAEF,eAAO,MAAM,qBAAqB,qEAMjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,2FAYrC,CAAC;AAEF,eAAO,MAAM,iBAAiB;qBACT,MAAM;cACb,SAAS;SAkBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qEAQ7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.test.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/Modal.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { MultiStepModalProps } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* A multi-step modal is a modal that has multiple steps.
|
|
5
|
+
*/
|
|
6
|
+
declare const MultiStepModal: {
|
|
7
|
+
({ modalSteps, showModalStepsPagination, hideOnClickAway, blurBackground, onHide, onFinalStep, mobileBottomFullWidth, onStepChange, modalPadding, modalBodyMargin, width, height, minHeight, showCloseButton, }: MultiStepModalProps): JSX.Element;
|
|
8
|
+
propTypes: {
|
|
9
|
+
modalSteps: PropTypes.Requireable<any[]>;
|
|
10
|
+
showModalStepsPagination: PropTypes.Requireable<boolean>;
|
|
11
|
+
hideOnClickAway: PropTypes.Requireable<boolean>;
|
|
12
|
+
blurBackground: PropTypes.Requireable<boolean>;
|
|
13
|
+
onHide: PropTypes.Requireable<(...args: any[]) => any>;
|
|
14
|
+
onFinalStep: PropTypes.Requireable<(...args: any[]) => any>;
|
|
15
|
+
mobileBottomFullWidth: PropTypes.Requireable<boolean>;
|
|
16
|
+
onStepChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
17
|
+
modalPadding: PropTypes.Requireable<string>;
|
|
18
|
+
modalBodyMargin: PropTypes.Requireable<string>;
|
|
19
|
+
width: PropTypes.Requireable<string>;
|
|
20
|
+
height: PropTypes.Requireable<string>;
|
|
21
|
+
minHeight: PropTypes.Requireable<string>;
|
|
22
|
+
showCloseButton: PropTypes.Requireable<boolean>;
|
|
23
|
+
};
|
|
24
|
+
defaultProps: {
|
|
25
|
+
modalSteps: any[];
|
|
26
|
+
showModalStepsPagination: boolean;
|
|
27
|
+
hideOnClickAway: boolean;
|
|
28
|
+
blurBackground: boolean;
|
|
29
|
+
onHide: () => void;
|
|
30
|
+
onFinalStep: () => void;
|
|
31
|
+
mobileBottomFullWidth: boolean;
|
|
32
|
+
onStepChange: () => void;
|
|
33
|
+
modalPadding: string;
|
|
34
|
+
modalBodyMargin: string;
|
|
35
|
+
width: any;
|
|
36
|
+
height: any;
|
|
37
|
+
minHeight: any;
|
|
38
|
+
showCloseButton: boolean;
|
|
39
|
+
};
|
|
40
|
+
PaginatedActions: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
41
|
+
Pagination: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
42
|
+
PaginationItem: import("styled-components").StyledComponent<string, any, import("../types").ModalPaginationItemProps, never>;
|
|
43
|
+
};
|
|
44
|
+
export { MultiStepModalProps };
|
|
45
|
+
export default MultiStepModal;
|
|
46
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/MultiStepModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAYnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C;;GAEG;AACH,QAAA,MAAM,cAAc;qNAejB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GrB,CAAC;AAwCF,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/MultiStepModal/index.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/constants.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as ConfirmationDialog } from './ConfirmationDialog';
|
|
2
|
+
export { default } from './Modal';
|
|
3
|
+
export { default as MultiStepModal } from './MultiStepModal';
|
|
4
|
+
export type { ConfirmationDialogProps, ModalProps } from './types';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|