@bikdotai/bik-component-library 0.0.6 → 0.0.7-beta
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/package.json +6 -3
- package/dist/cjs/_virtual/_tslib.js +0 -1
- package/dist/cjs/assets/icons/check.svg.js +0 -1
- package/dist/cjs/assets/icons/cross.svg.js +0 -1
- package/dist/cjs/assets/icons/errorInfo.svg.js +0 -1
- package/dist/cjs/bundle.css +0 -621
- package/dist/cjs/components/TypographyStyle.d.ts +0 -15
- package/dist/cjs/components/TypographyStyle.js +0 -88
- package/dist/cjs/components/button/Button.d.ts +0 -3
- package/dist/cjs/components/button/Button.js +0 -1
- package/dist/cjs/components/button/Button.styled.d.ts +0 -13
- package/dist/cjs/components/button/Button.styled.js +0 -1
- package/dist/cjs/components/button/index.d.ts +0 -1
- package/dist/cjs/components/button/model.d.ts +0 -57
- package/dist/cjs/components/button/themes.d.ts +0 -18
- package/dist/cjs/components/button/themes.js +0 -1
- package/dist/cjs/components/checkBox/CheckBox.d.ts +0 -9
- package/dist/cjs/components/checkBox/CheckBox.js +0 -1
- package/dist/cjs/components/checkBox/CheckBox.styled.d.ts +0 -7
- package/dist/cjs/components/checkBox/CheckBox.styled.js +0 -26
- package/dist/cjs/components/checkBox/index.d.ts +0 -1
- package/dist/cjs/components/icon-button/IconButton.d.ts +0 -3
- package/dist/cjs/components/icon-button/IconButton.js +0 -1
- package/dist/cjs/components/icon-button/IconButton.styled.d.ts +0 -6
- package/dist/cjs/components/icon-button/IconButton.styled.js +0 -3
- package/dist/cjs/components/icon-button/index.d.ts +0 -1
- package/dist/cjs/components/icon-button/model.d.ts +0 -37
- package/dist/cjs/components/icon-button/theme.d.ts +0 -3
- package/dist/cjs/components/icon-button/theme.js +0 -1
- package/dist/cjs/components/image-compress/ImageCompress.d.ts +0 -7
- package/dist/cjs/components/image-compress/ImageCompress.js +0 -1
- package/dist/cjs/components/image-compress/index.d.ts +0 -1
- package/dist/cjs/components/input/Input.d.ts +0 -36
- package/dist/cjs/components/input/Input.styled.d.ts +0 -114
- package/dist/cjs/components/input/index.d.ts +0 -1
- package/dist/cjs/components/list-item/ListItem.d.ts +0 -16
- package/dist/cjs/components/list-item/ListItem.js +0 -1
- package/dist/cjs/components/list-item/ListItem.styled.d.ts +0 -9
- package/dist/cjs/components/list-item/ListItem.styled.js +0 -1
- package/dist/cjs/components/list-item/index.d.ts +0 -1
- package/dist/cjs/components/list-item/themes.d.ts +0 -3
- package/dist/cjs/components/list-item/themes.js +0 -1
- package/dist/cjs/components/pagination/Pagination.d.ts +0 -9
- package/dist/cjs/components/pagination/Pagination.js +0 -1
- package/dist/cjs/components/pagination/Pagination.styled.d.ts +0 -5
- package/dist/cjs/components/pagination/Pagination.styled.js +0 -1
- package/dist/cjs/components/pagination/index.d.ts +0 -1
- package/dist/cjs/components/radioButton/RadioButton.d.ts +0 -8
- package/dist/cjs/components/radioButton/RadioButton.js +0 -1
- package/dist/cjs/components/radioButton/RadioButton.styled.d.ts +0 -7
- package/dist/cjs/components/radioButton/RadioButton.styled.js +0 -20
- package/dist/cjs/components/radioButton/index.d.ts +0 -1
- package/dist/cjs/components/sample-button/SampleButton.d.ts +0 -18
- package/dist/cjs/components/sample-button/SampleButton.styled.d.ts +0 -9
- package/dist/cjs/components/sample-button/index.d.ts +0 -1
- package/dist/cjs/components/sample-button/themes.d.ts +0 -2
- package/dist/cjs/components/spinner/Spinner.d.ts +0 -6
- package/dist/cjs/components/spinner/Spinner.js +0 -1
- package/dist/cjs/components/spinner/index.d.ts +0 -1
- package/dist/cjs/components/spinner/lotties/black.json.js +0 -1
- package/dist/cjs/components/spinner/lotties/brand.json.js +0 -1
- package/dist/cjs/components/spinner/lotties/red.json.js +0 -1
- package/dist/cjs/components/spinner/lotties/white.json.js +0 -1
- package/dist/cjs/components/spinner/model.d.ts +0 -13
- package/dist/cjs/components/spinner/themes.d.ts +0 -3
- package/dist/cjs/components/spinner/themes.js +0 -1
- package/dist/cjs/components/stepper/Stepper.d.ts +0 -22
- package/dist/cjs/components/stepper/Stepper.js +0 -1
- package/dist/cjs/components/stepper/Stepper.styled.d.ts +0 -6
- package/dist/cjs/components/stepper/Stepper.styled.js +0 -83
- package/dist/cjs/components/stepper/StepperService.d.ts +0 -4
- package/dist/cjs/components/stepper/WorkingStepper.d.ts +0 -15
- package/dist/cjs/components/stepper/index.d.ts +0 -1
- package/dist/cjs/components/stepper/themes.d.ts +0 -18
- package/dist/cjs/components/stepper/themes.js +0 -1
- package/dist/cjs/components/tag/Tag.d.ts +0 -6
- package/dist/cjs/components/tag/Tag.js +0 -1
- package/dist/cjs/components/tag/Tag.styled.d.ts +0 -6
- package/dist/cjs/components/tag/Tag.styled.js +0 -26
- package/dist/cjs/components/tag/index.d.ts +0 -1
- package/dist/cjs/components/tag/model.d.ts +0 -34
- package/dist/cjs/components/tag/themes.d.ts +0 -6
- package/dist/cjs/components/tag/themes.js +0 -1
- package/dist/cjs/components/toaster/Toaster.d.ts +0 -27
- package/dist/cjs/components/toaster/Toaster.js +0 -1
- package/dist/cjs/components/toaster/Toaster.styled.d.ts +0 -4
- package/dist/cjs/components/toaster/Toaster.styled.js +0 -35
- package/dist/cjs/components/toaster/index.d.ts +0 -1
- package/dist/cjs/components/tooltips/Tooltip.d.ts +0 -10
- package/dist/cjs/components/tooltips/Tooltip.js +0 -1
- package/dist/cjs/components/tooltips/TooltipInternal.d.ts +0 -10
- package/dist/cjs/components/tooltips/TooltipInternal.js +0 -1
- package/dist/cjs/components/tooltips/index.d.ts +0 -1
- package/dist/cjs/constants/Theme.d.ts +0 -587
- package/dist/cjs/constants/Theme.js +0 -1
- package/dist/cjs/constants/breakpoints.d.ts +0 -6
- package/dist/cjs/constants/colors.d.ts +0 -7
- package/dist/cjs/constants/spacing.d.ts +0 -2
- package/dist/cjs/index.d.ts +0 -13
- package/dist/cjs/index.js +0 -1
- package/dist/cjs/utils/classNames.d.ts +0 -7
- package/dist/cjs/utils/rgba.d.ts +0 -8
- package/dist/esm/_virtual/_tslib.js +0 -1
- package/dist/esm/assets/icons/check.svg.js +0 -1
- package/dist/esm/assets/icons/cross.svg.js +0 -1
- package/dist/esm/assets/icons/errorInfo.svg.js +0 -1
- package/dist/esm/bundle.css +0 -621
- package/dist/esm/components/TypographyStyle.d.ts +0 -15
- package/dist/esm/components/TypographyStyle.js +0 -88
- package/dist/esm/components/button/Button.d.ts +0 -3
- package/dist/esm/components/button/Button.js +0 -1
- package/dist/esm/components/button/Button.styled.d.ts +0 -13
- package/dist/esm/components/button/Button.styled.js +0 -1
- package/dist/esm/components/button/index.d.ts +0 -1
- package/dist/esm/components/button/model.d.ts +0 -57
- package/dist/esm/components/button/themes.d.ts +0 -18
- package/dist/esm/components/button/themes.js +0 -1
- package/dist/esm/components/checkBox/CheckBox.d.ts +0 -9
- package/dist/esm/components/checkBox/CheckBox.js +0 -1
- package/dist/esm/components/checkBox/CheckBox.styled.d.ts +0 -7
- package/dist/esm/components/checkBox/CheckBox.styled.js +0 -26
- package/dist/esm/components/checkBox/index.d.ts +0 -1
- package/dist/esm/components/icon-button/IconButton.d.ts +0 -3
- package/dist/esm/components/icon-button/IconButton.js +0 -1
- package/dist/esm/components/icon-button/IconButton.styled.d.ts +0 -6
- package/dist/esm/components/icon-button/IconButton.styled.js +0 -3
- package/dist/esm/components/icon-button/index.d.ts +0 -1
- package/dist/esm/components/icon-button/model.d.ts +0 -37
- package/dist/esm/components/icon-button/theme.d.ts +0 -3
- package/dist/esm/components/icon-button/theme.js +0 -1
- package/dist/esm/components/image-compress/ImageCompress.d.ts +0 -7
- package/dist/esm/components/image-compress/ImageCompress.js +0 -1
- package/dist/esm/components/image-compress/index.d.ts +0 -1
- package/dist/esm/components/input/Input.d.ts +0 -36
- package/dist/esm/components/input/Input.styled.d.ts +0 -114
- package/dist/esm/components/input/index.d.ts +0 -1
- package/dist/esm/components/list-item/ListItem.d.ts +0 -16
- package/dist/esm/components/list-item/ListItem.js +0 -1
- package/dist/esm/components/list-item/ListItem.styled.d.ts +0 -9
- package/dist/esm/components/list-item/ListItem.styled.js +0 -1
- package/dist/esm/components/list-item/index.d.ts +0 -1
- package/dist/esm/components/list-item/themes.d.ts +0 -3
- package/dist/esm/components/list-item/themes.js +0 -1
- package/dist/esm/components/pagination/Pagination.d.ts +0 -9
- package/dist/esm/components/pagination/Pagination.js +0 -1
- package/dist/esm/components/pagination/Pagination.styled.d.ts +0 -5
- package/dist/esm/components/pagination/Pagination.styled.js +0 -1
- package/dist/esm/components/pagination/index.d.ts +0 -1
- package/dist/esm/components/radioButton/RadioButton.d.ts +0 -8
- package/dist/esm/components/radioButton/RadioButton.js +0 -1
- package/dist/esm/components/radioButton/RadioButton.styled.d.ts +0 -7
- package/dist/esm/components/radioButton/RadioButton.styled.js +0 -20
- package/dist/esm/components/radioButton/index.d.ts +0 -1
- package/dist/esm/components/sample-button/SampleButton.d.ts +0 -18
- package/dist/esm/components/sample-button/SampleButton.styled.d.ts +0 -9
- package/dist/esm/components/sample-button/index.d.ts +0 -1
- package/dist/esm/components/sample-button/themes.d.ts +0 -2
- package/dist/esm/components/spinner/Spinner.d.ts +0 -6
- package/dist/esm/components/spinner/Spinner.js +0 -1
- package/dist/esm/components/spinner/index.d.ts +0 -1
- package/dist/esm/components/spinner/lotties/black.json.js +0 -1
- package/dist/esm/components/spinner/lotties/brand.json.js +0 -1
- package/dist/esm/components/spinner/lotties/red.json.js +0 -1
- package/dist/esm/components/spinner/lotties/white.json.js +0 -1
- package/dist/esm/components/spinner/model.d.ts +0 -13
- package/dist/esm/components/spinner/themes.d.ts +0 -3
- package/dist/esm/components/spinner/themes.js +0 -1
- package/dist/esm/components/stepper/Stepper.d.ts +0 -22
- package/dist/esm/components/stepper/Stepper.js +0 -1
- package/dist/esm/components/stepper/Stepper.styled.d.ts +0 -6
- package/dist/esm/components/stepper/Stepper.styled.js +0 -83
- package/dist/esm/components/stepper/StepperService.d.ts +0 -4
- package/dist/esm/components/stepper/WorkingStepper.d.ts +0 -15
- package/dist/esm/components/stepper/index.d.ts +0 -1
- package/dist/esm/components/stepper/themes.d.ts +0 -18
- package/dist/esm/components/stepper/themes.js +0 -1
- package/dist/esm/components/tag/Tag.d.ts +0 -6
- package/dist/esm/components/tag/Tag.js +0 -1
- package/dist/esm/components/tag/Tag.styled.d.ts +0 -6
- package/dist/esm/components/tag/Tag.styled.js +0 -26
- package/dist/esm/components/tag/index.d.ts +0 -1
- package/dist/esm/components/tag/model.d.ts +0 -34
- package/dist/esm/components/tag/themes.d.ts +0 -6
- package/dist/esm/components/tag/themes.js +0 -1
- package/dist/esm/components/toaster/Toaster.d.ts +0 -27
- package/dist/esm/components/toaster/Toaster.js +0 -1
- package/dist/esm/components/toaster/Toaster.styled.d.ts +0 -4
- package/dist/esm/components/toaster/Toaster.styled.js +0 -35
- package/dist/esm/components/toaster/index.d.ts +0 -1
- package/dist/esm/components/tooltips/Tooltip.d.ts +0 -10
- package/dist/esm/components/tooltips/Tooltip.js +0 -1
- package/dist/esm/components/tooltips/TooltipInternal.d.ts +0 -10
- package/dist/esm/components/tooltips/TooltipInternal.js +0 -1
- package/dist/esm/components/tooltips/index.d.ts +0 -1
- package/dist/esm/constants/Theme.d.ts +0 -587
- package/dist/esm/constants/Theme.js +0 -1
- package/dist/esm/constants/breakpoints.d.ts +0 -6
- package/dist/esm/constants/colors.d.ts +0 -7
- package/dist/esm/constants/spacing.d.ts +0 -2
- package/dist/esm/index.d.ts +0 -13
- package/dist/esm/index.js +0 -1
- package/dist/esm/utils/classNames.d.ts +0 -7
- package/dist/esm/utils/rgba.d.ts +0 -8
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react"),I=require("../../constants/Theme.js");exports.getColor=function(c){switch(c){case"default":default:return`${I.COLORS.text.primary}`;case"selected":return`${I.COLORS.content.positive}`;case"inactive":return`${I.COLORS.content.inactive}`;case"error":return`${I.COLORS.content.negative}`;case"placeholder":return`${I.COLORS.content.placeholder}`}},exports.getTheme=function(g){switch(g){case"default":return c.css("color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:",I.COLORS.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQpIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"selected":return c.css("color:",I.COLORS.content.positive,";background:",I.COLORS.background.positive.light,";box-shadow:0 2px 8px rgba(0, 0, 0, 0.12);"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJ1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQpIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"inactive":return c.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.surface.standard,";cursor:not-allowed;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQpIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"separator":return c.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.background.base,";cursor:none;padding:8px 16px;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQpIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");default:return c.css("color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:",I.COLORS.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0R1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQpIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */")}};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
numberOfItemsLoaded: number;
|
|
4
|
-
totalNumberOfItems: number;
|
|
5
|
-
isLoading?: boolean;
|
|
6
|
-
onShowMore?: () => void;
|
|
7
|
-
width?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),n=require("react"),o=require("../TypographyStyle.js"),s=require("../../constants/Theme.js"),t=require("./Pagination.styled.js");const i=n.forwardRef((n=>{var{id:i,onShowMore:a,isLoading:d,numberOfItemsLoaded:c,totalNumberOfItems:l}=n,u=e.__rest(n,["id","onShowMore","isLoading","numberOfItemsLoaded","totalNumberOfItems"]);return r.jsx(t.Pagination,Object.assign({id:i},u,{children:d?r.jsx(r.Fragment,{children:"loading..."}):r.jsx("div",{children:c<l?r.jsxs(t.Pagination,{children:[r.jsxs(o.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary}},{children:["Showing ",c," out of ",l," ","results"]})),r.jsx(o.ButtonRegular,Object.assign({style:{color:s.COLORS.content.brand,cursor:"pointer"},onClick:()=>a&&a()},{children:"Show more"}))]}):r.jsx(t.Pagination,{children:r.jsxs(o.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary}},{children:["Showing all ",l," results"]}))})})}))}));i.displayName="Pagination",exports.Pagination=i;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Pagination: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any> | undefined;
|
|
5
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled/base")).default("div","production"===process.env.NODE_ENV?{target:"e14rxdu80"}:{target:"e14rxdu80",label:"Pagination"})("production"===process.env.NODE_ENV?{name:"ifuiz5",styles:"display:flex;align-items:center;justify-content:start;column-gap:16px;width:100%"}:{name:"ifuiz5",styles:"display:flex;align-items:center;justify-content:start;column-gap:16px;width:100%",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24uc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDcUMiLCJmaWxlIjoiUGFnaW5hdGlvbi5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuXHRjb2x1bW4tZ2FwOiAxNnB4O1xuXHR3aWR0aDogMTAwJTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBhZ2luYXRpb24uc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.Pagination=t;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Pagination';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./RadioButton.styled.js"),t=require("../../constants/Theme.js");const n=i=>{const s=i.isDisabled?t.COLORS.content.inactive:i.isActive?t.COLORS.background.positive.vibrant:t.COLORS.content.primary;return e.jsxs("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",stroke:s,strokeWidth:"2"}),i.isActive&&e.jsx("circle",{cx:"10",cy:"10",r:"5",fill:i.isDisabled?t.COLORS.content.inactive:t.COLORS.background.positive.vibrant})]}))};exports.RadioButton=t=>{const[o,c]=i.useState(t.isActive||!1),[r,a]=i.useState(!1),[l,u]=i.useState(!1);return e.jsx(s.RadioButtonContainer,Object.assign({onClick:()=>{var e;if(!t.isDisabled){const i=!o;c(i),null===(e=t.onValueChange)||void 0===e||e.call(t,i,t.value)}},onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),onMouseDown:()=>u(!0),onMouseUp:()=>u(!1)},{children:e.jsx(s.RadioButtonIcon,Object.assign({checked:o,hovered:r,clicked:l,isDisabled:t.isDisabled||!1},{children:e.jsx(n,{isActive:o,isDisabled:t.isDisabled||!1})}))}))};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const RadioButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
export declare const RadioButtonIcon: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
-
checked: boolean;
|
|
4
|
-
hovered: boolean;
|
|
5
|
-
clicked: boolean;
|
|
6
|
-
isDisabled: boolean;
|
|
7
|
-
}, never>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const s=o.default.div`
|
|
2
|
-
display: inline-flex;
|
|
3
|
-
align-items: center;
|
|
4
|
-
cursor: pointer;
|
|
5
|
-
`,r=o.default.div`
|
|
6
|
-
width: 20px;
|
|
7
|
-
height: 20px;
|
|
8
|
-
border-radius: 50%;
|
|
9
|
-
display: flex;
|
|
10
|
-
justify-content: center;
|
|
11
|
-
align-items: center;
|
|
12
|
-
${i=>i.hovered&&e.css`
|
|
13
|
-
outline: 3px solid ${t.COLORS.surface.hovered};
|
|
14
|
-
`}
|
|
15
|
-
${i=>i.clicked&&!i.isDisabled&&e.css`
|
|
16
|
-
outline: 3px solid
|
|
17
|
-
${i.checked?t.COLORS.stroke.positive.lightAlt:t.COLORS.surface.hovered};
|
|
18
|
-
outline-offset: 2px;
|
|
19
|
-
`}
|
|
20
|
-
`;exports.RadioButtonContainer=s,exports.RadioButtonIcon=r;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './RadioButton';
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export type Color = 'primary' | 'secondary' | 'success' | 'error' | 'warn';
|
|
3
|
-
export type Variant = 'solid' | 'outline' | 'text';
|
|
4
|
-
export interface SampleButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
5
|
-
/**
|
|
6
|
-
* The color of the Button.
|
|
7
|
-
*
|
|
8
|
-
* @default 'primary'
|
|
9
|
-
*/
|
|
10
|
-
color?: Color;
|
|
11
|
-
/**
|
|
12
|
-
* The visual style of the Button.
|
|
13
|
-
*
|
|
14
|
-
* @default 'solid'
|
|
15
|
-
*/
|
|
16
|
-
variant?: Variant;
|
|
17
|
-
}
|
|
18
|
-
export declare const SampleButton: import("react").ForwardRefExoticComponent<SampleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { Color, Variant } from './SampleButton';
|
|
3
|
-
export declare const SampleButton: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
-
} & {
|
|
7
|
-
$color: Color;
|
|
8
|
-
variant: Variant;
|
|
9
|
-
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './SampleButton';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-lottie"),r=require("../../constants/Theme.js"),s=require("./lotties/black.json.js"),i=require("./lotties/brand.json.js"),n=require("./lotties/red.json.js"),o=require("./lotties/white.json.js"),a=require("./themes.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(t);const u={[r.COLORS.stroke.brand]:i,[r.COLORS.content.primary]:s,[r.COLORS.content.primaryInverse]:o,[r.COLORS.content.negative]:n},p=t=>{let{size:s,color:i,className:n}=t;const o={loop:!0,autoplay:!0,animationData:u[null!=i?i:r.COLORS.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return e.jsx("div",Object.assign({className:`spinner-container ${n}`},{children:e.jsx(c.default,{options:o,height:a.SizeMap[s],width:a.SizeMap[s],isStopped:!1,isPaused:!1})}))};p.displayName="Spinner",exports.Spinner=p;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Spinner';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a="loader for public",i={g:"LottieFiles AE 0.1.21"},t=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,.12941176470588237,.12941176470588237,.12941176470588237,.5,.12941176470588237,.12941176470588237,.12941176470588237,1,.12941176470588237,.12941176470588237,.12941176470588237],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],s="5.5.7",x=[],e={nm:a,ddd:0,h:246,w:246,meta:i,layers:t,v:s,fr:60,op:90,ip:0,assets:x};exports.assets=x,exports.ddd=0,exports.default=e,exports.fr=60,exports.h=246,exports.ip=0,exports.layers=t,exports.meta=i,exports.nm=a,exports.op=90,exports.v=s,exports.w=246;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a="loader for public",i={g:"LottieFiles AE 0.1.21"},t=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,.45098039215686275,.11372549019607843,.8117647058823529,.5,.45098039215686275,.11372549019607843,.8117647058823529,1,.45098039215686275,.11372549019607843,.8117647058823529],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],s="5.5.7",x=[],e={nm:a,ddd:0,h:246,w:246,meta:i,layers:t,v:s,fr:60,op:90,ip:0,assets:x};exports.assets=x,exports.ddd=0,exports.default=e,exports.fr=60,exports.h=246,exports.ip=0,exports.layers=t,exports.meta=i,exports.nm=a,exports.op=90,exports.v=s,exports.w=246;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a="loader for public",i={g:"LottieFiles AE 0.1.21"},t=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,.7254901960784313,.13725490196078433,.12941176470588237,.5,.7254901960784313,.13725490196078433,.12941176470588237,1,.7254901960784313,.13725490196078433,.12941176470588237],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],s="5.5.7",x=[],e={nm:a,ddd:0,h:246,w:246,meta:i,layers:t,v:s,fr:60,op:90,ip:0,assets:x};exports.assets=x,exports.ddd=0,exports.default=e,exports.fr=60,exports.h=246,exports.ip=0,exports.layers=t,exports.meta=i,exports.nm=a,exports.op=90,exports.v=s,exports.w=246;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a="loader for public",i={g:"LottieFiles AE 0.1.21"},t=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,1,1,1,.5,1,1,1,1,1,1,1],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],s="5.5.7",x=[],e={nm:a,ddd:0,h:246,w:246,meta:i,layers:t,v:s,fr:60,op:90,ip:0,assets:x};exports.assets=x,exports.ddd=0,exports.default=e,exports.fr=60,exports.h=246,exports.ip=0,exports.layers=t,exports.meta=i,exports.nm=a,exports.op=90,exports.v=s,exports.w=246;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
/**
|
|
4
|
-
* Size of the spinner
|
|
5
|
-
*
|
|
6
|
-
*/
|
|
7
|
-
size: 'small' | 'large';
|
|
8
|
-
/**
|
|
9
|
-
* Color of the spinner.
|
|
10
|
-
* Defaults to COLORS.content.brand
|
|
11
|
-
*/
|
|
12
|
-
color?: string;
|
|
13
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.SizeMap={small:16,large:40};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export type StepperStates = 'default' | 'completed' | 'error' | 'active' | 'inactive';
|
|
3
|
-
export interface StepperProps {
|
|
4
|
-
steps: EachStep[];
|
|
5
|
-
activeStep: EachStep;
|
|
6
|
-
onClickingEachStep: (step: EachStep) => void;
|
|
7
|
-
}
|
|
8
|
-
export interface EachStep {
|
|
9
|
-
stepKey: string;
|
|
10
|
-
stepName: string;
|
|
11
|
-
isCompleted: boolean;
|
|
12
|
-
isError: boolean;
|
|
13
|
-
isInActive: boolean;
|
|
14
|
-
}
|
|
15
|
-
export interface SingleStepperProps {
|
|
16
|
-
index: number;
|
|
17
|
-
isLastElement: boolean;
|
|
18
|
-
eachStep: EachStep;
|
|
19
|
-
isActive: boolean;
|
|
20
|
-
onClickingStep: (step: EachStep) => void;
|
|
21
|
-
}
|
|
22
|
-
export declare const Stepper: (stepperDetails: StepperProps) => JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/check.svg.js"),i=require("../../assets/icons/errorInfo.svg.js"),r=require("../TypographyStyle.js"),n=require("./Stepper.styled.js");const c=c=>{const{eachStep:a,isLastElement:o,index:l,isActive:d,onClickingStep:p}=c,{stepName:h,isCompleted:j,isError:v,isInActive:g}=a,u=()=>d?"active":j?"completed":v?"error":g?"inactive":"default";return e.jsxs(n.SingleStepperChildContainer,Object.assign({onClick:()=>{!g&&p(a)},selectedState:u()},{children:[e.jsxs("div",Object.assign({className:`hover-container ${g?"blocked":"pointer"} `},{children:[e.jsx("div",Object.assign({className:"badge"},{children:"completed"==u()?e.jsx(s.default,{height:16,width:16,color:t.COLORS.content.positive}):"error"==u()?e.jsx(i.default,{height:16,width:16}):e.jsx(r.BodySecondary,Object.assign({className:"badge-text"},{children:l+1}))})),e.jsx(r.BodyPrimary,Object.assign({className:"step-text",title:h},{children:h}))]})),e.jsx("div",{className:o?"":"horizontal-divider"})]}))};exports.Stepper=t=>{const{steps:s,activeStep:i,onClickingEachStep:r}=t;return e.jsx(n.StepperContainer,{children:s.map(((t,n)=>e.jsx(c,{eachStep:t,onClickingStep:e=>{r(e)},isActive:(null==i?void 0:i.stepKey)==(null==t?void 0:t.stepKey),isLastElement:n==s.length-1,index:n},n)))})};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { StepperStates } from './Stepper';
|
|
2
|
-
export declare const StepperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const SingleStepperChildContainer: import("styled-components").StyledComponent<"div", any, {
|
|
4
|
-
selectedState: StepperStates;
|
|
5
|
-
}, never>;
|
|
6
|
-
export declare const WorkingStepperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./themes.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e);const o=n.default.div`
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: row;
|
|
4
|
-
justify-content: center;
|
|
5
|
-
align-items: center;
|
|
6
|
-
gap: 16px;
|
|
7
|
-
`,r=n.default.div`
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: row;
|
|
10
|
-
justify-content: center;
|
|
11
|
-
align-items: center;
|
|
12
|
-
gap: 8px;
|
|
13
|
-
|
|
14
|
-
.pointer {
|
|
15
|
-
cursor: pointer;
|
|
16
|
-
}
|
|
17
|
-
.blocked {
|
|
18
|
-
cursor: not-allowed;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.hover-container {
|
|
22
|
-
padding: 6px 8px 6px 6px;
|
|
23
|
-
display: flex;
|
|
24
|
-
flex-direction: row;
|
|
25
|
-
justify-content: center;
|
|
26
|
-
align-items: center;
|
|
27
|
-
gap: 8px;
|
|
28
|
-
&:hover {
|
|
29
|
-
padding: 6px 8px 6px 6px;
|
|
30
|
-
background: #f0f0f0;
|
|
31
|
-
border-radius: 30px;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
.badge {
|
|
35
|
-
display: flex;
|
|
36
|
-
flex-direction: row;
|
|
37
|
-
justify-content: center;
|
|
38
|
-
align-items: center;
|
|
39
|
-
padding: 4px;
|
|
40
|
-
gap: 10px;
|
|
41
|
-
width: 32px;
|
|
42
|
-
height: 24px;
|
|
43
|
-
background: ${e=>t.getTheme(e.selectedState).badgeBackground};
|
|
44
|
-
border: 1px solid ${e=>t.getTheme(e.selectedState).badgeBorder};
|
|
45
|
-
border-radius: 30px;
|
|
46
|
-
.badge-text {
|
|
47
|
-
font-weight: ${e=>t.getTheme(e.selectedState).fontWeight};
|
|
48
|
-
color: ${e=>t.getTheme(e.selectedState).badgeColor};
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
.step-text {
|
|
52
|
-
font-weight: ${e=>t.getTheme(e.selectedState).fontWeight};
|
|
53
|
-
font-feature-settings: 'tnum' on, 'lnum' on, 'case' on, 'ss04' on;
|
|
54
|
-
color: ${e=>t.getTheme(e.selectedState).textColor};
|
|
55
|
-
white-space: nowrap;
|
|
56
|
-
overflow: hidden;
|
|
57
|
-
text-overflow: ellipsis;
|
|
58
|
-
max-width: 200px;
|
|
59
|
-
}
|
|
60
|
-
.horizontal-divider {
|
|
61
|
-
width: 48px;
|
|
62
|
-
height: 1px;
|
|
63
|
-
background: ${e=>t.getTheme(e.selectedState).dividerBackground};
|
|
64
|
-
margin-left: 8px;
|
|
65
|
-
}
|
|
66
|
-
`;n.default.div`
|
|
67
|
-
.top-bar {
|
|
68
|
-
position: sticky;
|
|
69
|
-
top: 0px;
|
|
70
|
-
display: flex;
|
|
71
|
-
flex-direction: row;
|
|
72
|
-
justify-content: center;
|
|
73
|
-
align-items: center;
|
|
74
|
-
background: white;
|
|
75
|
-
}
|
|
76
|
-
.main-container {
|
|
77
|
-
display: flex;
|
|
78
|
-
flex-direction: column;
|
|
79
|
-
justify-content: center;
|
|
80
|
-
align-items: center;
|
|
81
|
-
overflow-y: auto;
|
|
82
|
-
}
|
|
83
|
-
`,exports.SingleStepperChildContainer=r,exports.StepperContainer=o;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const WorkingStepper: () => JSX.Element;
|
|
3
|
-
export declare enum STEPENUM {
|
|
4
|
-
STEP1 = "STEP1",
|
|
5
|
-
STEP2 = "STEP2",
|
|
6
|
-
STEP3 = "STEP3",
|
|
7
|
-
STEP4 = "STEP4"
|
|
8
|
-
}
|
|
9
|
-
export declare const Steps: {
|
|
10
|
-
stepKey: STEPENUM;
|
|
11
|
-
stepName: string;
|
|
12
|
-
isCompleted: boolean;
|
|
13
|
-
isError: boolean;
|
|
14
|
-
isInActive: boolean;
|
|
15
|
-
}[];
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Stepper';
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { StepperStates } from './Stepper';
|
|
2
|
-
export declare function getTheme(step: StepperStates): {
|
|
3
|
-
textColor: string;
|
|
4
|
-
badgeColor: string;
|
|
5
|
-
badgeBackground: string;
|
|
6
|
-
badgeBorder: string;
|
|
7
|
-
dividerBackground: string;
|
|
8
|
-
fontWeight: string;
|
|
9
|
-
background?: undefined;
|
|
10
|
-
} | {
|
|
11
|
-
textColor: string;
|
|
12
|
-
background: string;
|
|
13
|
-
badgeColor: string;
|
|
14
|
-
badgeBorder: string;
|
|
15
|
-
dividerBackground: string;
|
|
16
|
-
fontWeight: string;
|
|
17
|
-
badgeBackground?: undefined;
|
|
18
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../constants/Theme.js");exports.getTheme=function(t){switch(t){case"active":return{textColor:`${e.COLORS.content.positive}`,badgeColor:`${e.COLORS.content.primaryInverse}`,badgeBackground:`${e.COLORS.background.positive.vibrant}`,badgeBorder:"transparent",dividerBackground:`${e.COLORS.content.positive}`,fontWeight:"600"};case"completed":return{textColor:`${e.COLORS.content.positive}`,badgeColor:`${e.COLORS.content.positive}`,badgeBackground:`${e.COLORS.background.positive.light}`,badgeBorder:`${e.COLORS.content.positive}`,dividerBackground:`${e.COLORS.content.positive}`,fontWeight:"400"};case"error":return{textColor:`${e.COLORS.content.negative}`,badgeBackground:`${e.COLORS.background.negative.light}`,badgeColor:`${e.COLORS.content.negative}`,badgeBorder:`${e.COLORS.content.negative}`,dividerBackground:`${e.COLORS.content.negative}`,fontWeight:"400"};case"inactive":return{textColor:`${e.COLORS.content.inactive}`,badgeBackground:"transparent",badgeColor:`${e.COLORS.content.inactive}`,badgeBorder:`${e.COLORS.content.inactive}`,dividerBackground:`${e.COLORS.content.inactive}`,fontWeight:"400"};default:return{textColor:`${e.COLORS.content.secondary}`,background:"trasparent",badgeColor:`${e.COLORS.content.secondary}`,badgeBorder:`${e.COLORS.content.secondary}`,dividerBackground:`${e.COLORS.content.secondary}`,fontWeight:"400"}}};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../TypographyStyle.js"),r=require("./Tag.styled.js"),i=require("./themes.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=s(t);const c=t=>{let{tagText:s,LeadingIcon:c,TrailingIcon:l,theme:o="light",type:d="neutral",variant:g="regular"}=t;const u={height:16,width:16,color:i.getTagIconColor(o,d),style:{display:"block"}};let j=s;return"circle"===g&&"number"==typeof j&&j>99&&(j="99+"),e.jsx(r.Tag,Object.assign({theme:o,type:d,variant:g},{children:e.jsxs("div",Object.assign({className:"container"},{children:[l&&e.jsx("div",Object.assign({className:"icon-trailing"},{children:n.default.createElement(l,u)})),e.jsx(a.BodyCaption,Object.assign({className:"text"},{children:j})),c&&e.jsx("div",Object.assign({className:"icon-leading"},{children:n.default.createElement(c,u)}))]}))}))};c.displayName="Tag",exports.Tag=c;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./themes.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=r(e).default.div`
|
|
2
|
-
cursor: default;
|
|
3
|
-
.container {
|
|
4
|
-
display: flex;
|
|
5
|
-
gap: 6px;
|
|
6
|
-
padding: ${e=>t.getPadding(e.variant)};
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
${e=>"circle"===e.variant&&"height: 20px;"}
|
|
10
|
-
|
|
11
|
-
background-color: ${e=>t.getBackgroundColor(e.theme,e.type)};
|
|
12
|
-
|
|
13
|
-
border-radius: ${e=>"regular"===e.variant?"4px":"12px"};
|
|
14
|
-
|
|
15
|
-
${e=>"light"===e.theme&&`border: 1px solid ${t.generateBorder(e.type)};`}
|
|
16
|
-
|
|
17
|
-
.text {
|
|
18
|
-
color: ${e=>t.getTextColor(e.theme,e.type)};
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.icon-trailing {
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.icon-leading {
|
|
25
|
-
}
|
|
26
|
-
`;exports.Tag=o;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Tag';
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export type TagTheme = 'light' | 'dark';
|
|
3
|
-
export type TagVariant = 'regular' | 'circle';
|
|
4
|
-
export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue';
|
|
5
|
-
export interface TagProps {
|
|
6
|
-
/**
|
|
7
|
-
* Set the theme of the Tag
|
|
8
|
-
* @default default light
|
|
9
|
-
*/
|
|
10
|
-
theme?: TagTheme;
|
|
11
|
-
/**
|
|
12
|
-
* Set the color of the Tag
|
|
13
|
-
* @default default neutral
|
|
14
|
-
*/
|
|
15
|
-
type?: TagType;
|
|
16
|
-
/**
|
|
17
|
-
* Set the color of the Tag
|
|
18
|
-
* @default default regular
|
|
19
|
-
*/
|
|
20
|
-
variant?: TagVariant;
|
|
21
|
-
/**
|
|
22
|
-
* The icon component that is the left of the text
|
|
23
|
-
* Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
|
|
24
|
-
* @default undefined
|
|
25
|
-
*/
|
|
26
|
-
TrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
|
|
27
|
-
/**
|
|
28
|
-
* The icon component that is to the right of the text
|
|
29
|
-
* Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
|
|
30
|
-
* @default undefined
|
|
31
|
-
*/
|
|
32
|
-
LeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
|
|
33
|
-
tagText: string | number;
|
|
34
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { TagTheme, TagType, TagVariant } from './model';
|
|
2
|
-
export declare const getTagIconColor: (theme: TagTheme, type: TagType) => string;
|
|
3
|
-
export declare const getTextColor: (theme: TagTheme, type: TagType) => string;
|
|
4
|
-
export declare const generateBorder: (type: TagType) => string;
|
|
5
|
-
export declare const getBackgroundColor: (theme: TagTheme, type: TagType) => string;
|
|
6
|
-
export declare const getPadding: (variant: TagVariant) => "4px 8px" | "2px 6px";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../constants/Theme.js");const t={blue:{iconColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.blue.lightAlt,backgroundColor:{light:r.COLORS.background.blue.light,dark:r.COLORS.content.blue}},purple:{iconColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.brandLightAlt,backgroundColor:{light:r.COLORS.background.brandLight,dark:r.COLORS.background.inverse}},negative:{iconColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.negative.lightAlt,backgroundColor:{light:r.COLORS.background.negative.light,dark:r.COLORS.background.negative.vibrant}},positive:{iconColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.positive.lightAlt,backgroundColor:{light:r.COLORS.background.positive.light,dark:r.COLORS.background.positive.vibrant}},warning:{iconColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},textColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},border:r.COLORS.stroke.warning.lightAlt,backgroundColor:{light:r.COLORS.background.warning.light,dark:r.COLORS.background.warning.vibrant}},neutral:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.background.inverse}},white:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.background.inverse}}};exports.generateBorder=r=>t[r].border,exports.getBackgroundColor=(r,o)=>t[o].backgroundColor[r],exports.getPadding=r=>"regular"===r?"4px 8px":"2px 6px",exports.getTagIconColor=(r,o)=>t[o].iconColor[r],exports.getTextColor=(r,o)=>t[o].textColor[r];
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React, { FunctionComponent } from 'react';
|
|
2
|
-
import { ToastPosition } from 'react-toastify';
|
|
3
|
-
import { IconProps } from 'react-toastify/dist/components';
|
|
4
|
-
import 'react-toastify/dist/ReactToastify.css';
|
|
5
|
-
export type ToasterButtonProps = {
|
|
6
|
-
showButton?: boolean;
|
|
7
|
-
onButtonClick?: any;
|
|
8
|
-
buttonText?: string;
|
|
9
|
-
};
|
|
10
|
-
export type ToasterProps = {
|
|
11
|
-
text: string;
|
|
12
|
-
position?: ToastPosition;
|
|
13
|
-
type?: 'info' | 'success' | 'error' | 'default';
|
|
14
|
-
closeOnClick?: boolean;
|
|
15
|
-
hideProgressBar?: boolean;
|
|
16
|
-
autoClose?: number | false | undefined;
|
|
17
|
-
leftIcon?: React.ReactElement<IconProps>;
|
|
18
|
-
hideLeftIcon?: boolean;
|
|
19
|
-
buttonProps?: ToasterButtonProps;
|
|
20
|
-
onCloseToast?: <T = {}>(props: T) => void;
|
|
21
|
-
width?: string;
|
|
22
|
-
height?: string;
|
|
23
|
-
hideCloseButton?: boolean;
|
|
24
|
-
};
|
|
25
|
-
type Props = ToasterProps;
|
|
26
|
-
export declare const Toaster: FunctionComponent<Props>;
|
|
27
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../../assets/icons/cross.svg.js"),e=require("react"),s=require("react-toastify"),n=require("./Toaster.styled.js"),i=require("../TypographyStyle.js"),r=require("../../constants/Theme.js");const l=e=>{const s="default"===e.type?r.COLORS.content.secondary:("success"===e.type||e.type,r.COLORS.content.secondaryInverse);return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:e.closeToast,onKeyDown:t=>{"Enter"===t.key&&e.closeToast()}},{children:t.jsx(o.default,{height:20,width:20,color:s})}))},u=o=>{const e="default"===o.type?r.COLORS.stroke.primary:"success"===o.type?r.COLORS.background.positive.vibrant:"error"===o.type?r.COLORS.background.negative.vibrant:r.COLORS.background.inverseLight;return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:o.hideCloseButton?"unset":`1px solid ${e}`}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:o.showButton?16:o.hideCloseButton?0:12}},{children:t.jsx(i.BodyPrimary,Object.assign({color:"inherit"},{children:o.toastText}))})),o.showButton&&t.jsx(i.ButtonRegular,Object.assign({style:{marginRight:o.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:o.onButtonClick,color:"default"===o.type?r.COLORS.content.brand:"inherit"},{children:o.buttonText}))]}))})};exports.Toaster=o=>(e.useEffect((()=>{var e,n,i,r,a,c;void 0!==o.hideLeftIcon||o.leftIcon?s.toast(t.jsx(u,{toastText:o.text,type:o.type||"info",buttonText:null===(e=o.buttonProps)||void 0===e?void 0:e.buttonText,showButton:null===(n=o.buttonProps)||void 0===n?void 0:n.showButton,onButtonClick:null===(i=o.buttonProps)||void 0===i?void 0:i.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>{},icon:t=>!1!==o.hideLeftIcon&&(o.leftIcon?o.leftIcon:null),type:o.type,closeButton:!o.hideCloseButton&&t.jsx(l,{type:o.type||"default"})}):s.toast(t.jsx(u,{toastText:o.text,type:o.type||"info",buttonText:null===(r=o.buttonProps)||void 0===r?void 0:r.buttonText,showButton:null===(a=o.buttonProps)||void 0===a?void 0:a.showButton,onButtonClick:null===(c=o.buttonProps)||void 0===c?void 0:c.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>{},type:o.type,closeButton:!o.hideCloseButton&&t.jsx(l,{type:o.type||"info"})})}),[]),t.jsx(n.ToasterStyled,Object.assign({width:o.width,height:o.height},{children:t.jsx(s.ToastContainer,{position:o.position||"top-right",closeOnClick:o.closeOnClick||!1,hideProgressBar:o.hideProgressBar||!1,draggable:!1,autoClose:o.autoClose||!1,theme:"colored"})})));
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),o=require("../../constants/Theme.js");function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const i=e(t).default.div`
|
|
2
|
-
--toastify-color-light: #fff;
|
|
3
|
-
--toastify-color-dark: #121212;
|
|
4
|
-
--toastify-color-info: ${o.COLORS.background.inverse};
|
|
5
|
-
--toastify-color-success: ${o.COLORS.content.positive};
|
|
6
|
-
--toastify-color-error: ${o.COLORS.content.negative};
|
|
7
|
-
--toastify-text-color-light: ${o.COLORS.content.primary};
|
|
8
|
-
--toastify-toast-width: ${t=>t.width||"fit-content"};
|
|
9
|
-
--toastify-toast-min-height: ${t=>t.height||"44px"};
|
|
10
|
-
--toastify-toast-max-height: ${t=>t.height||"44px"};
|
|
11
|
-
font-family: inherit;
|
|
12
|
-
|
|
13
|
-
.custom-position {
|
|
14
|
-
position: relative;
|
|
15
|
-
}
|
|
16
|
-
.Toastify__toast {
|
|
17
|
-
padding: 6px;
|
|
18
|
-
|
|
19
|
-
.Toastify__close-button {
|
|
20
|
-
display: block;
|
|
21
|
-
margin: auto;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.Toastify__toast-body{
|
|
25
|
-
padding: 0 6px;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
|
|
29
|
-
background: ${o.COLORS.content.brand};
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.Toastify__toast-body > div:last-child {
|
|
33
|
-
display: flex;
|
|
34
|
-
}
|
|
35
|
-
`;exports.ToasterStyled=i;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Toaster';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent, ReactNode } from 'react';
|
|
2
|
-
import { TooltipInternalProps } from "./TooltipInternal";
|
|
3
|
-
type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
|
|
4
|
-
export interface TooltipProps extends TooltipInternalProps {
|
|
5
|
-
width?: number;
|
|
6
|
-
placement?: Placement;
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export declare const Tooltip: FunctionComponent<TooltipProps>;
|
|
10
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),i=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(t),l=o(n);const s=`\n .tippy-content {\n padding: 0px;\n }\n .tippy-arrow {\n \tcolor: ${e=>i.COLORS.content.primary};\n }\n`;exports.Tooltip=t=>l.default.isValidElement(t.children)?e.jsxs(e.Fragment,{children:[e.jsx("style",{children:s}),e.jsx(a.default,Object.assign({visible:!0,placement:t.placement||"right",maxWidth:t.width,animation:"fade",arrow:!0,content:e.jsx(r.default,{title:t.title,body:t.body,buttonProps:t.buttonProps})},{children:t.children}))]}):null;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent } from 'react';
|
|
2
|
-
import { ButtonProps } from "../button/model";
|
|
3
|
-
export interface TooltipInternalProps {
|
|
4
|
-
title?: string;
|
|
5
|
-
body: string;
|
|
6
|
-
buttonProps?: ButtonProps;
|
|
7
|
-
}
|
|
8
|
-
type Props = TooltipInternalProps;
|
|
9
|
-
declare const TooltipInternal: FunctionComponent<Props>;
|
|
10
|
-
export default TooltipInternal;
|