@kubit-ui-web/react-components 1.5.2 → 1.6.1
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/dist/cjs/components/backToTop/backToTopControlled.js.map +1 -1
- package/dist/cjs/components/calendar/list/list.js +1 -1
- package/dist/cjs/components/calendar/list/list.js.map +1 -1
- package/dist/cjs/components/dot/dot.styled.js +2 -0
- package/dist/cjs/components/dot/dot.styled.js.map +1 -1
- package/dist/cjs/components/dot/dotStandAlone.js +2 -2
- package/dist/cjs/components/dot/dotStandAlone.js.map +1 -1
- package/dist/cjs/components/header/header.js +8 -2
- package/dist/cjs/components/header/header.js.map +1 -1
- package/dist/cjs/components/header/hook/useHeaderShadow.js +40 -0
- package/dist/cjs/components/header/hook/useHeaderShadow.js.map +1 -0
- package/dist/cjs/components/icon/icon.js +1 -1
- package/dist/cjs/components/icon/icon.js.map +1 -1
- package/dist/cjs/components/index.js +2 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/input/input.styled.js +1 -3
- package/dist/cjs/components/input/input.styled.js.map +1 -1
- package/dist/cjs/components/input/inputStandAlone.js +2 -2
- package/dist/cjs/components/input/inputStandAlone.js.map +1 -1
- package/dist/cjs/components/link/link.styled.js +4 -0
- package/dist/cjs/components/link/link.styled.js.map +1 -1
- package/dist/cjs/components/link/linkAsButton/linkAsButton.styled.js +1 -1
- package/dist/cjs/components/listOptions/listOptionsStandAlone.js.map +1 -1
- package/dist/cjs/components/message/index.js.map +1 -1
- package/dist/cjs/components/message/message.styled.js +4 -1
- package/dist/cjs/components/message/message.styled.js.map +1 -1
- package/dist/cjs/components/message/messageControlled.js +3 -1
- package/dist/cjs/components/message/messageControlled.js.map +1 -1
- package/dist/cjs/components/message/messageStandAlone.js +2 -1
- package/dist/cjs/components/message/messageStandAlone.js.map +1 -1
- package/dist/cjs/components/option/option.js.map +1 -1
- package/dist/cjs/components/pillSelector/pillSelectorControlled.js.map +1 -1
- package/dist/cjs/components/pillSelector/pillSelectorStandAlone.js.map +1 -1
- package/dist/cjs/components/selectorBoxFile/components/index.js +20 -0
- package/dist/cjs/components/selectorBoxFile/components/index.js.map +1 -0
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +19 -0
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js.map +1 -0
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +14 -0
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js.map +1 -0
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js +15 -0
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js.map +1 -0
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js +19 -0
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js.map +1 -0
- package/dist/cjs/components/selectorBoxFile/index.js +19 -0
- package/dist/cjs/components/selectorBoxFile/index.js.map +1 -0
- package/dist/cjs/components/selectorBoxFile/selectorBoxFile.js +86 -0
- package/dist/cjs/components/selectorBoxFile/selectorBoxFile.js.map +1 -0
- package/dist/cjs/components/selectorBoxFile/selectorBoxFile.styled.js +59 -0
- package/dist/cjs/components/selectorBoxFile/selectorBoxFile.styled.js.map +1 -0
- package/dist/cjs/components/selectorBoxFile/selectorBoxFileStandAlone.js +52 -0
- package/dist/cjs/components/selectorBoxFile/selectorBoxFileStandAlone.js.map +1 -0
- package/dist/cjs/components/selectorBoxFile/types/index.js +20 -0
- package/dist/cjs/components/selectorBoxFile/types/index.js.map +1 -0
- package/dist/cjs/components/selectorBoxFile/types/selectorBoxFile.js +3 -0
- package/dist/cjs/components/selectorBoxFile/types/selectorBoxFile.js.map +1 -0
- package/dist/cjs/components/selectorBoxFile/types/selectorBoxFileTheme.js +3 -0
- package/dist/cjs/components/selectorBoxFile/types/selectorBoxFileTheme.js.map +1 -0
- package/dist/cjs/components/selectorBoxFile/types/state.js +12 -0
- package/dist/cjs/components/selectorBoxFile/types/state.js.map +1 -0
- package/dist/cjs/components/selectorBoxFile/utils/index.js +18 -0
- package/dist/cjs/components/selectorBoxFile/utils/index.js.map +1 -0
- package/dist/cjs/components/selectorBoxFile/utils/state.utils.js +21 -0
- package/dist/cjs/components/selectorBoxFile/utils/state.utils.js.map +1 -0
- package/dist/cjs/components/stepperProgress/helpers/currentPercentage.js +10 -0
- package/dist/cjs/components/stepperProgress/helpers/currentPercentage.js.map +1 -0
- package/dist/cjs/components/stepperProgress/index.js +6 -0
- package/dist/cjs/components/stepperProgress/index.js.map +1 -0
- package/dist/cjs/components/stepperProgress/stepperProgress.js +41 -0
- package/dist/cjs/components/stepperProgress/stepperProgress.js.map +1 -0
- package/dist/cjs/components/stepperProgress/stepperProgress.styled.js +33 -0
- package/dist/cjs/components/stepperProgress/stepperProgress.styled.js.map +1 -0
- package/dist/cjs/components/stepperProgress/stepperProgressStandAlone.js +50 -0
- package/dist/cjs/components/stepperProgress/stepperProgressStandAlone.js.map +1 -0
- package/dist/cjs/components/stepperProgress/types/index.js +3 -0
- package/dist/cjs/components/stepperProgress/types/index.js.map +1 -0
- package/dist/cjs/components/stepperProgress/types/stepperProgress.js +3 -0
- package/dist/cjs/components/stepperProgress/types/stepperProgress.js.map +1 -0
- package/dist/cjs/components/stepperProgress/types/stepperProgressTheme.js +3 -0
- package/dist/cjs/components/stepperProgress/types/stepperProgressTheme.js.map +1 -0
- package/dist/cjs/components/table/table.styled.js.map +1 -1
- package/dist/cjs/components/thirdPartyAnimation/thirdPartyAnimation.js.map +1 -1
- package/dist/cjs/components/toggle/components/toggleThreePosition.js.map +1 -1
- package/dist/cjs/components/tooltip/hooks/useTooltip.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipUnControlled.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/dot/styles.js +4 -0
- package/dist/cjs/designSystem/kubit/components/dot/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/input/styles.js +16 -10
- package/dist/cjs/designSystem/kubit/components/input/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/message/styles.js +4 -0
- package/dist/cjs/designSystem/kubit/components/message/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/selectorBoxFile/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/selectorBoxFile/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/selectorBoxFile/styles.js +226 -0
- package/dist/cjs/designSystem/kubit/components/selectorBoxFile/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/selectorBoxFile/variants.js +8 -0
- package/dist/cjs/designSystem/kubit/components/selectorBoxFile/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/stepperProgress/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/stepperProgress/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/stepperProgress/styles.js +63 -0
- package/dist/cjs/designSystem/kubit/components/stepperProgress/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/stepperProgress/variants.js +9 -0
- package/dist/cjs/designSystem/kubit/components/stepperProgress/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/styles.js +2 -0
- package/dist/cjs/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/variants.js +2 -0
- package/dist/cjs/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubit/globalStyles/fonts.js +0 -21
- package/dist/cjs/designSystem/kubit/globalStyles/fonts.js.map +1 -1
- package/dist/cjs/hooks/useZoomEffect/useZoomEffect.js +6 -1
- package/dist/cjs/hooks/useZoomEffect/useZoomEffect.js.map +1 -1
- package/dist/cjs/styles/mixins/input.mixin.js +13 -8
- package/dist/cjs/styles/mixins/input.mixin.js.map +1 -1
- package/dist/cjs/styles/mixins/input.mixin.utils.js +50 -0
- package/dist/cjs/styles/mixins/input.mixin.utils.js.map +1 -0
- package/dist/cjs/utils/getStyles/getStyles.js +2 -1
- package/dist/cjs/utils/getStyles/getStyles.js.map +1 -1
- package/dist/cjs/utils/maskUtility/mask.utility.js +2 -2
- package/dist/cjs/utils/maskUtility/mask.utility.js.map +1 -1
- package/dist/cjs/utils/structuredClone/structuredClone.js +7 -1
- package/dist/cjs/utils/structuredClone/structuredClone.js.map +1 -1
- package/dist/esm/components/backToTop/backToTopControlled.js.map +1 -1
- package/dist/esm/components/calendar/list/list.js +1 -1
- package/dist/esm/components/calendar/list/list.js.map +1 -1
- package/dist/esm/components/dot/dot.styled.js +2 -0
- package/dist/esm/components/dot/dot.styled.js.map +1 -1
- package/dist/esm/components/dot/dotStandAlone.js +2 -2
- package/dist/esm/components/dot/dotStandAlone.js.map +1 -1
- package/dist/esm/components/dot/types/dot.d.ts +4 -0
- package/dist/esm/components/header/header.js +8 -2
- package/dist/esm/components/header/header.js.map +1 -1
- package/dist/esm/components/header/hook/useHeaderShadow.d.ts +14 -0
- package/dist/esm/components/header/hook/useHeaderShadow.js +36 -0
- package/dist/esm/components/header/hook/useHeaderShadow.js.map +1 -0
- package/dist/esm/components/header/types/header.d.ts +1 -0
- package/dist/esm/components/header/types/headerTheme.d.ts +3 -1
- package/dist/esm/components/icon/icon.js +1 -1
- package/dist/esm/components/icon/icon.js.map +1 -1
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/input/input.styled.d.ts +2 -2
- package/dist/esm/components/input/input.styled.js +1 -3
- package/dist/esm/components/input/input.styled.js.map +1 -1
- package/dist/esm/components/input/inputStandAlone.js +2 -2
- package/dist/esm/components/input/inputStandAlone.js.map +1 -1
- package/dist/esm/components/input/types/inputStyledPropsType.d.ts +3 -1
- package/dist/esm/components/input/types/inputTheme.d.ts +1 -0
- package/dist/esm/components/link/link.styled.js +4 -0
- package/dist/esm/components/link/link.styled.js.map +1 -1
- package/dist/esm/components/link/linkAsButton/linkAsButton.styled.js +1 -1
- package/dist/esm/components/listOptions/listOptionsStandAlone.js.map +1 -1
- package/dist/esm/components/message/index.d.ts +1 -1
- package/dist/esm/components/message/index.js.map +1 -1
- package/dist/esm/components/message/message.styled.d.ts +3 -0
- package/dist/esm/components/message/message.styled.js +3 -0
- package/dist/esm/components/message/message.styled.js.map +1 -1
- package/dist/esm/components/message/messageControlled.js +3 -1
- package/dist/esm/components/message/messageControlled.js.map +1 -1
- package/dist/esm/components/message/messageStandAlone.js +3 -2
- package/dist/esm/components/message/messageStandAlone.js.map +1 -1
- package/dist/esm/components/message/types/index.d.ts +1 -1
- package/dist/esm/components/message/types/message.d.ts +18 -3
- package/dist/esm/components/message/types/messageTheme.d.ts +1 -0
- package/dist/esm/components/option/option.js.map +1 -1
- package/dist/esm/components/pillSelector/pillSelectorControlled.js.map +1 -1
- package/dist/esm/components/pillSelector/pillSelectorStandAlone.js.map +1 -1
- package/dist/esm/components/selectorBoxFile/components/index.d.ts +3 -0
- package/dist/esm/components/selectorBoxFile/components/index.js +4 -0
- package/dist/esm/components/selectorBoxFile/components/index.js.map +1 -0
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.d.ts +11 -0
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +15 -0
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js.map +1 -0
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.d.ts +11 -0
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +10 -0
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js.map +1 -0
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.d.ts +14 -0
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js +11 -0
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js.map +1 -0
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.d.ts +9 -0
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js +15 -0
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js.map +1 -0
- package/dist/esm/components/selectorBoxFile/index.d.ts +2 -0
- package/dist/esm/components/selectorBoxFile/index.js +3 -0
- package/dist/esm/components/selectorBoxFile/index.js.map +1 -0
- package/dist/esm/components/selectorBoxFile/selectorBoxFile.d.ts +7 -0
- package/dist/esm/components/selectorBoxFile/selectorBoxFile.js +60 -0
- package/dist/esm/components/selectorBoxFile/selectorBoxFile.js.map +1 -0
- package/dist/esm/components/selectorBoxFile/selectorBoxFile.styled.d.ts +33 -0
- package/dist/esm/components/selectorBoxFile/selectorBoxFile.styled.js +53 -0
- package/dist/esm/components/selectorBoxFile/selectorBoxFile.styled.js.map +1 -0
- package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.d.ts +3 -0
- package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js +26 -0
- package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js.map +1 -0
- package/dist/esm/components/selectorBoxFile/types/index.d.ts +3 -0
- package/dist/esm/components/selectorBoxFile/types/index.js +4 -0
- package/dist/esm/components/selectorBoxFile/types/index.js.map +1 -0
- package/dist/esm/components/selectorBoxFile/types/selectorBoxFile.d.ts +65 -0
- package/dist/esm/components/selectorBoxFile/types/selectorBoxFile.js +2 -0
- package/dist/esm/components/selectorBoxFile/types/selectorBoxFile.js.map +1 -0
- package/dist/esm/components/selectorBoxFile/types/selectorBoxFileTheme.d.ts +47 -0
- package/dist/esm/components/selectorBoxFile/types/selectorBoxFileTheme.js +2 -0
- package/dist/esm/components/selectorBoxFile/types/selectorBoxFileTheme.js.map +1 -0
- package/dist/esm/components/selectorBoxFile/types/state.d.ts +7 -0
- package/dist/esm/components/selectorBoxFile/types/state.js +9 -0
- package/dist/esm/components/selectorBoxFile/types/state.js.map +1 -0
- package/dist/esm/components/selectorBoxFile/utils/index.d.ts +1 -0
- package/dist/esm/components/selectorBoxFile/utils/index.js +2 -0
- package/dist/esm/components/selectorBoxFile/utils/index.js.map +1 -0
- package/dist/esm/components/selectorBoxFile/utils/state.utils.d.ts +2 -0
- package/dist/esm/components/selectorBoxFile/utils/state.utils.js +17 -0
- package/dist/esm/components/selectorBoxFile/utils/state.utils.js.map +1 -0
- package/dist/esm/components/stepperProgress/helpers/currentPercentage.d.ts +1 -0
- package/dist/esm/components/stepperProgress/helpers/currentPercentage.js +6 -0
- package/dist/esm/components/stepperProgress/helpers/currentPercentage.js.map +1 -0
- package/dist/esm/components/stepperProgress/index.d.ts +2 -0
- package/dist/esm/components/stepperProgress/index.js +2 -0
- package/dist/esm/components/stepperProgress/index.js.map +1 -0
- package/dist/esm/components/stepperProgress/stepperProgress.d.ts +7 -0
- package/dist/esm/components/stepperProgress/stepperProgress.js +15 -0
- package/dist/esm/components/stepperProgress/stepperProgress.js.map +1 -0
- package/dist/esm/components/stepperProgress/stepperProgress.styled.d.ts +5 -0
- package/dist/esm/components/stepperProgress/stepperProgress.styled.js +27 -0
- package/dist/esm/components/stepperProgress/stepperProgress.styled.js.map +1 -0
- package/dist/esm/components/stepperProgress/stepperProgressStandAlone.d.ts +3 -0
- package/dist/esm/components/stepperProgress/stepperProgressStandAlone.js +24 -0
- package/dist/esm/components/stepperProgress/stepperProgressStandAlone.js.map +1 -0
- package/dist/esm/components/stepperProgress/types/index.d.ts +2 -0
- package/dist/esm/components/stepperProgress/types/index.js +2 -0
- package/dist/esm/components/stepperProgress/types/index.js.map +1 -0
- package/dist/esm/components/stepperProgress/types/stepperProgress.d.ts +22 -0
- package/dist/esm/components/stepperProgress/types/stepperProgress.js +2 -0
- package/dist/esm/components/stepperProgress/types/stepperProgress.js.map +1 -0
- package/dist/esm/components/stepperProgress/types/stepperProgressTheme.d.ts +15 -0
- package/dist/esm/components/stepperProgress/types/stepperProgressTheme.js +2 -0
- package/dist/esm/components/stepperProgress/types/stepperProgressTheme.js.map +1 -0
- package/dist/esm/components/table/table.styled.js.map +1 -1
- package/dist/esm/components/thirdPartyAnimation/thirdPartyAnimation.js.map +1 -1
- package/dist/esm/components/toggle/components/toggleThreePosition.js.map +1 -1
- package/dist/esm/components/tooltip/hooks/useTooltip.js.map +1 -1
- package/dist/esm/components/tooltip/tooltipUnControlled.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/dot/styles.js +4 -0
- package/dist/esm/designSystem/kubit/components/dot/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/input/styles.js +16 -10
- package/dist/esm/designSystem/kubit/components/input/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/message/styles.js +4 -0
- package/dist/esm/designSystem/kubit/components/message/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/selectorBoxFile/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/selectorBoxFile/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/selectorBoxFile/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/selectorBoxFile/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/selectorBoxFile/styles.js +223 -0
- package/dist/esm/designSystem/kubit/components/selectorBoxFile/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/selectorBoxFile/variants.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/selectorBoxFile/variants.js +5 -0
- package/dist/esm/designSystem/kubit/components/selectorBoxFile/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/styles.js +60 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/variants.d.ts +4 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/variants.js +6 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/styles.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/styles.js +2 -0
- package/dist/esm/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/variants.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/variants.js +2 -0
- package/dist/esm/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/esm/designSystem/kubit/globalStyles/fonts.js +0 -21
- package/dist/esm/designSystem/kubit/globalStyles/fonts.js.map +1 -1
- package/dist/esm/designSystem/kubit/index.d.ts +4 -0
- package/dist/esm/hooks/useZoomEffect/useZoomEffect.js +6 -1
- package/dist/esm/hooks/useZoomEffect/useZoomEffect.js.map +1 -1
- package/dist/esm/styles/mixins/input.mixin.js +13 -8
- package/dist/esm/styles/mixins/input.mixin.js.map +1 -1
- package/dist/esm/styles/mixins/input.mixin.utils.d.ts +5 -0
- package/dist/esm/styles/mixins/input.mixin.utils.js +43 -0
- package/dist/esm/styles/mixins/input.mixin.utils.js.map +1 -0
- package/dist/esm/types/styles/display.d.ts +1 -0
- package/dist/esm/utils/getStyles/getStyles.js +2 -1
- package/dist/esm/utils/getStyles/getStyles.js.map +1 -1
- package/dist/esm/utils/maskUtility/mask.utility.js +2 -2
- package/dist/esm/utils/maskUtility/mask.utility.js.map +1 -1
- package/dist/esm/utils/structuredClone/structuredClone.d.ts +2 -1
- package/dist/esm/utils/structuredClone/structuredClone.js +8 -1
- package/dist/esm/utils/structuredClone/structuredClone.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/message/styles.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/message/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/selectorBoxFile/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1,223 @@
|
|
|
1
|
+
import { IconPositionType } from '../../../../components/button';
|
|
2
|
+
import { SelectorBoxFileStateType } from '../../../../components/selectorBoxFile';
|
|
3
|
+
import { TextDecorationType } from '../../../../components/text';
|
|
4
|
+
// fundations
|
|
5
|
+
import { BORDERS, COLORS, FONT_WEIGHT, SPACINGS } from '../../foundations';
|
|
6
|
+
import { LoaderVariantType } from '../loader';
|
|
7
|
+
import { TextVariantType } from '../text';
|
|
8
|
+
import { TooltipVariantType } from '../tooltip';
|
|
9
|
+
import { ButtonSizeType, ButtonVariantType } from '../variants';
|
|
10
|
+
import { SelectorBoxFileVariantType } from './variants';
|
|
11
|
+
const defaultProps = {
|
|
12
|
+
header: {
|
|
13
|
+
display: 'flex',
|
|
14
|
+
flex_direction: 'column',
|
|
15
|
+
gap: SPACINGS.spacing_300,
|
|
16
|
+
},
|
|
17
|
+
titleSubtitleContainer: {
|
|
18
|
+
display: 'flex',
|
|
19
|
+
flex_direction: 'column',
|
|
20
|
+
gap: SPACINGS.spacing_150,
|
|
21
|
+
},
|
|
22
|
+
title: {
|
|
23
|
+
font_variant: TextVariantType.PARAGRAPH_LARGE_EXTENDED,
|
|
24
|
+
color: COLORS.NEUTRAL.color_neutral_bg_50,
|
|
25
|
+
font_weight: FONT_WEIGHT.font_weight_600,
|
|
26
|
+
},
|
|
27
|
+
subtitle: {
|
|
28
|
+
font_variant: TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,
|
|
29
|
+
color: COLORS.NEUTRAL.color_neutral_bg_50,
|
|
30
|
+
font_weight: FONT_WEIGHT.font_weight_400,
|
|
31
|
+
},
|
|
32
|
+
descriptionContainer: {
|
|
33
|
+
display: 'flex',
|
|
34
|
+
flex_direction: 'column',
|
|
35
|
+
align_items: 'baseline',
|
|
36
|
+
gap: SPACINGS.spacing_150,
|
|
37
|
+
},
|
|
38
|
+
description: {
|
|
39
|
+
font_variant: TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,
|
|
40
|
+
color: COLORS.NEUTRAL.color_neutral_bg_50,
|
|
41
|
+
font_weight: FONT_WEIGHT.font_weight_400,
|
|
42
|
+
},
|
|
43
|
+
button: {
|
|
44
|
+
variant: ButtonVariantType.ACTION_SECONDARY,
|
|
45
|
+
size: ButtonSizeType.SMALL,
|
|
46
|
+
iconPosition: IconPositionType.LEFT,
|
|
47
|
+
},
|
|
48
|
+
tooltipIconContainer: {
|
|
49
|
+
display: 'inline',
|
|
50
|
+
margin_left: SPACINGS.spacing_100,
|
|
51
|
+
},
|
|
52
|
+
tooltip: {
|
|
53
|
+
variant: TooltipVariantType.DEFAULT,
|
|
54
|
+
},
|
|
55
|
+
tooltipIcon: {
|
|
56
|
+
width: SPACINGS.spacing_400,
|
|
57
|
+
height: SPACINGS.spacing_400,
|
|
58
|
+
},
|
|
59
|
+
errorMessageContainer: {
|
|
60
|
+
display: 'flex',
|
|
61
|
+
flex_direction: 'row',
|
|
62
|
+
align_items: 'start',
|
|
63
|
+
gap: SPACINGS.spacing_100,
|
|
64
|
+
margin_top: SPACINGS.spacing_150,
|
|
65
|
+
},
|
|
66
|
+
errorMessageIcon: {
|
|
67
|
+
width: SPACINGS.spacing_300,
|
|
68
|
+
height: SPACINGS.spacing_300,
|
|
69
|
+
},
|
|
70
|
+
errorMessage: {
|
|
71
|
+
font_variant: TextVariantType.DEFAULT,
|
|
72
|
+
font_weight: FONT_WEIGHT.font_weight_400,
|
|
73
|
+
color: COLORS.FEEDBACK.color_feedbackError_font_50,
|
|
74
|
+
},
|
|
75
|
+
};
|
|
76
|
+
const containerBoxCommonProps = {
|
|
77
|
+
containerBoxContainer: {
|
|
78
|
+
display: 'flex',
|
|
79
|
+
flex_direction: 'row',
|
|
80
|
+
align_items: 'center',
|
|
81
|
+
padding: SPACINGS.spacing_450,
|
|
82
|
+
gap: SPACINGS.spacing_300,
|
|
83
|
+
cursor: 'pointer',
|
|
84
|
+
border: `${BORDERS.border_50} dashed ${COLORS.SECONDARY.color_secondary_border_50}`,
|
|
85
|
+
},
|
|
86
|
+
containerBoxLoader: {
|
|
87
|
+
variant: LoaderVariantType.PRIMARY_BLACK,
|
|
88
|
+
width: SPACINGS.spacing_450,
|
|
89
|
+
},
|
|
90
|
+
containerBoxIcon: {
|
|
91
|
+
width: SPACINGS.spacing_450,
|
|
92
|
+
height: SPACINGS.spacing_450,
|
|
93
|
+
},
|
|
94
|
+
containerBoxTextsContainer: {
|
|
95
|
+
display: 'flex',
|
|
96
|
+
flex_direction: 'column',
|
|
97
|
+
},
|
|
98
|
+
containerBoxFilename: {
|
|
99
|
+
font_variant: TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,
|
|
100
|
+
color: COLORS.NEUTRAL.color_neutral_bg_50,
|
|
101
|
+
font_weight: FONT_WEIGHT.font_weight_400,
|
|
102
|
+
},
|
|
103
|
+
containerActionContainer: {
|
|
104
|
+
display: 'flex',
|
|
105
|
+
flex_direction: 'row',
|
|
106
|
+
justify_content: 'space-between',
|
|
107
|
+
},
|
|
108
|
+
actionIcon: {
|
|
109
|
+
display: 'inline',
|
|
110
|
+
margin_right: SPACINGS.spacing_350,
|
|
111
|
+
width: SPACINGS.spacing_350,
|
|
112
|
+
height: SPACINGS.spacing_350,
|
|
113
|
+
},
|
|
114
|
+
actionIconAndActionTextContainer: {
|
|
115
|
+
display: 'flex',
|
|
116
|
+
gap: SPACINGS.spacing_100,
|
|
117
|
+
},
|
|
118
|
+
containerBoxActionText: {
|
|
119
|
+
display: 'flex',
|
|
120
|
+
flex_direction: 'row',
|
|
121
|
+
font_variant: TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,
|
|
122
|
+
font_weight: FONT_WEIGHT.font_weight_400,
|
|
123
|
+
text_decoration: TextDecorationType.UNDERLINE,
|
|
124
|
+
padding_left: SPACINGS.spacing_150,
|
|
125
|
+
},
|
|
126
|
+
containerBoxDescription: {
|
|
127
|
+
font_variant: TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,
|
|
128
|
+
color: COLORS.NEUTRAL.color_neutral_font_50,
|
|
129
|
+
font_weight: FONT_WEIGHT.font_weight_400,
|
|
130
|
+
gap: SPACINGS.spacing_600,
|
|
131
|
+
},
|
|
132
|
+
};
|
|
133
|
+
export const SELECTOR_BOX_FILE_STYLES = {
|
|
134
|
+
[SelectorBoxFileVariantType.DEFAULT]: {
|
|
135
|
+
...defaultProps,
|
|
136
|
+
states: {
|
|
137
|
+
[SelectorBoxFileStateType.DEFAULT]: {
|
|
138
|
+
...containerBoxCommonProps,
|
|
139
|
+
containerBoxTextsContainer: {
|
|
140
|
+
...containerBoxCommonProps.containerBoxTextsContainer,
|
|
141
|
+
},
|
|
142
|
+
containerBoxActionText: {
|
|
143
|
+
...containerBoxCommonProps.containerBoxActionText,
|
|
144
|
+
text_decoration: TextDecorationType.NONE,
|
|
145
|
+
},
|
|
146
|
+
containerBoxDescription: {
|
|
147
|
+
...containerBoxCommonProps.containerBoxDescription,
|
|
148
|
+
},
|
|
149
|
+
},
|
|
150
|
+
[SelectorBoxFileStateType.LOADING]: {
|
|
151
|
+
...containerBoxCommonProps,
|
|
152
|
+
containerBoxActionText: {
|
|
153
|
+
...containerBoxCommonProps.containerBoxActionText,
|
|
154
|
+
font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
|
|
155
|
+
color: COLORS.ACCENT.color_accent_default_font_100,
|
|
156
|
+
},
|
|
157
|
+
},
|
|
158
|
+
[SelectorBoxFileStateType.SUCCESS]: {
|
|
159
|
+
...containerBoxCommonProps,
|
|
160
|
+
containerBoxContainer: {
|
|
161
|
+
...containerBoxCommonProps.containerBoxContainer,
|
|
162
|
+
},
|
|
163
|
+
containerBoxIcon: {
|
|
164
|
+
...containerBoxCommonProps.containerBoxIcon,
|
|
165
|
+
},
|
|
166
|
+
containerBoxActionText: {
|
|
167
|
+
...containerBoxCommonProps.containerBoxActionText,
|
|
168
|
+
font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
|
|
169
|
+
color: COLORS.ACCENT.color_accent_default_font_100,
|
|
170
|
+
},
|
|
171
|
+
actionIcon: {
|
|
172
|
+
...containerBoxCommonProps.actionIcon,
|
|
173
|
+
},
|
|
174
|
+
actionIconAndActionTextContainer: {
|
|
175
|
+
...containerBoxCommonProps.actionIconAndActionTextContainer,
|
|
176
|
+
},
|
|
177
|
+
},
|
|
178
|
+
[SelectorBoxFileStateType.ERROR]: {
|
|
179
|
+
...containerBoxCommonProps,
|
|
180
|
+
containerBoxContainer: {
|
|
181
|
+
...containerBoxCommonProps.containerBoxContainer,
|
|
182
|
+
border: `${BORDERS.border_50} dashed ${COLORS.SECONDARY.color_secondary_border_100}`,
|
|
183
|
+
},
|
|
184
|
+
containerBoxIcon: {
|
|
185
|
+
...containerBoxCommonProps.containerBoxIcon,
|
|
186
|
+
},
|
|
187
|
+
containerBoxActionText: {
|
|
188
|
+
...containerBoxCommonProps.containerBoxActionText,
|
|
189
|
+
font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
|
|
190
|
+
color: COLORS.ACCENT.color_accent_default_font_100,
|
|
191
|
+
},
|
|
192
|
+
actionIcon: {
|
|
193
|
+
...containerBoxCommonProps.actionIcon,
|
|
194
|
+
},
|
|
195
|
+
actionIconAndActionTextContainer: {
|
|
196
|
+
...containerBoxCommonProps.actionIconAndActionTextContainer,
|
|
197
|
+
},
|
|
198
|
+
},
|
|
199
|
+
[SelectorBoxFileStateType.DISABLED]: {
|
|
200
|
+
...containerBoxCommonProps,
|
|
201
|
+
containerBoxContainer: {
|
|
202
|
+
...containerBoxCommonProps.containerBoxContainer,
|
|
203
|
+
background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
|
|
204
|
+
border: `${BORDERS.border_50} dashed ${COLORS.DISABLED.color_accentDisabled_border_50}`,
|
|
205
|
+
},
|
|
206
|
+
containerBoxIcon: {
|
|
207
|
+
...containerBoxCommonProps.containerBoxIcon,
|
|
208
|
+
},
|
|
209
|
+
containerBoxFilename: {
|
|
210
|
+
...containerBoxCommonProps.containerBoxFilename,
|
|
211
|
+
},
|
|
212
|
+
containerBoxActionText: {
|
|
213
|
+
...containerBoxCommonProps.containerBoxActionText,
|
|
214
|
+
text_decoration: TextDecorationType.NONE,
|
|
215
|
+
},
|
|
216
|
+
containerBoxDescription: {
|
|
217
|
+
...containerBoxCommonProps.containerBoxDescription,
|
|
218
|
+
},
|
|
219
|
+
},
|
|
220
|
+
},
|
|
221
|
+
},
|
|
222
|
+
};
|
|
223
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/selectorBoxFile/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/selectorBoxFile/variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,0BAEX;AAFD,WAAY,0BAA0B;IACpC,iDAAmB,CAAA;AACrB,CAAC,EAFW,0BAA0B,KAA1B,0BAA0B,QAErC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/stepperProgress/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { COLORS, FONT_WEIGHT, SPACINGS } from '../../foundations';
|
|
2
|
+
import { TextVariantType } from '../text';
|
|
3
|
+
import { StepperProgressVariants } from './variants';
|
|
4
|
+
const commonProps = {
|
|
5
|
+
container: {
|
|
6
|
+
display: 'flex',
|
|
7
|
+
flex_direction: 'column',
|
|
8
|
+
width: 'auto',
|
|
9
|
+
},
|
|
10
|
+
progress: {
|
|
11
|
+
width: '100%',
|
|
12
|
+
height: SPACINGS.spacing_100,
|
|
13
|
+
border_style: 'none',
|
|
14
|
+
webkitProgressBar: {
|
|
15
|
+
background_color: COLORS.NEUTRAL.color_neutral_border_200,
|
|
16
|
+
border_style: 'none',
|
|
17
|
+
},
|
|
18
|
+
webkitProgressValue: {
|
|
19
|
+
background_color: COLORS.ACCENT.color_accent_default_bg_100,
|
|
20
|
+
border_style: 'none',
|
|
21
|
+
},
|
|
22
|
+
mozProgressBar: {
|
|
23
|
+
background_color: COLORS.ACCENT.color_accent_default_bg_100,
|
|
24
|
+
border_style: 'none',
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
helpTextContainer: {
|
|
28
|
+
width: 'fit-content',
|
|
29
|
+
margin_top: SPACINGS.spacing_150,
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
export const STEPPER_PROGRESS_STYLES = {
|
|
33
|
+
[StepperProgressVariants.DEFAULT]: {
|
|
34
|
+
...commonProps,
|
|
35
|
+
currentStep: {
|
|
36
|
+
font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
|
|
37
|
+
font_weight: FONT_WEIGHT.font_weight_600,
|
|
38
|
+
color: COLORS.NEUTRAL.color_neutral_font_50,
|
|
39
|
+
},
|
|
40
|
+
maxStep: {
|
|
41
|
+
font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
|
|
42
|
+
font_weight: FONT_WEIGHT.font_weight_400,
|
|
43
|
+
color: COLORS.NEUTRAL.color_neutral_font_50,
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
[StepperProgressVariants.ALTERNATIVE]: {
|
|
47
|
+
...commonProps,
|
|
48
|
+
currentStep: {
|
|
49
|
+
font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
|
|
50
|
+
font_weight: FONT_WEIGHT.font_weight_600,
|
|
51
|
+
color: COLORS.NEUTRAL.color_neutral_font_250,
|
|
52
|
+
},
|
|
53
|
+
maxStep: {
|
|
54
|
+
font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
|
|
55
|
+
font_weight: FONT_WEIGHT.font_weight_400,
|
|
56
|
+
color: COLORS.NEUTRAL.color_neutral_font_250,
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
};
|
|
60
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/stepperProgress/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,WAAW,GAA+B;IAC9C,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ,CAAC,WAAW;QAC5B,YAAY,EAAE,MAAM;QACpB,iBAAiB,EAAE;YACjB,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,wBAAwB;YACzD,YAAY,EAAE,MAAM;SACrB;QACD,mBAAmB,EAAE;YACnB,gBAAgB,EAAE,MAAM,CAAC,MAAM,CAAC,2BAA2B;YAC3D,YAAY,EAAE,MAAM;SACrB;QACD,cAAc,EAAE;YACd,gBAAgB,EAAE,MAAM,CAAC,MAAM,CAAC,2BAA2B;YAC3D,YAAY,EAAE,MAAM;SACrB;KACF;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,aAAa;QACpB,UAAU,EAAE,QAAQ,CAAC,WAAW;KACjC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAuD;IACzF,CAAC,uBAAuB,CAAC,OAAO,CAAC,EAAE;QACjC,GAAG,WAAW;QACd,WAAW,EAAE;YACX,YAAY,EAAE,eAAe,CAAC,wBAAwB;YACtD,WAAW,EAAE,WAAW,CAAC,eAAe;YACxC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,qBAAqB;SAC5C;QACD,OAAO,EAAE;YACP,YAAY,EAAE,eAAe,CAAC,wBAAwB;YACtD,WAAW,EAAE,WAAW,CAAC,eAAe;YACxC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,qBAAqB;SAC5C;KACF;IAED,CAAC,uBAAuB,CAAC,WAAW,CAAC,EAAE;QACrC,GAAG,WAAW;QACd,WAAW,EAAE;YACX,YAAY,EAAE,eAAe,CAAC,wBAAwB;YACtD,WAAW,EAAE,WAAW,CAAC,eAAe;YACxC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,sBAAsB;SAC7C;QACD,OAAO,EAAE;YACP,YAAY,EAAE,eAAe,CAAC,wBAAwB;YACtD,WAAW,EAAE,WAAW,CAAC,eAAe;YACxC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,sBAAsB;SAC7C;KACF;CACF,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export var StepperProgressVariants;
|
|
2
|
+
(function (StepperProgressVariants) {
|
|
3
|
+
StepperProgressVariants["DEFAULT"] = "DEFAULT";
|
|
4
|
+
StepperProgressVariants["ALTERNATIVE"] = "ALTERNATIVE";
|
|
5
|
+
})(StepperProgressVariants || (StepperProgressVariants = {}));
|
|
6
|
+
//# sourceMappingURL=variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/stepperProgress/variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,8CAAmB,CAAA;IACnB,sDAA2B,CAAA;AAC7B,CAAC,EAHW,uBAAuB,KAAvB,uBAAuB,QAGlC"}
|
|
@@ -67,4 +67,6 @@ export * from './stepperNumber/styles';
|
|
|
67
67
|
export * from './thirdPartyAnimation/styles';
|
|
68
68
|
export * from './textArea/styles';
|
|
69
69
|
export * from './loadingState/styles';
|
|
70
|
+
export * from './selectorBoxFile/styles';
|
|
71
|
+
export * from './stepperProgress/styles';
|
|
70
72
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC"}
|
|
@@ -67,4 +67,6 @@ export * from './thirdPartyAnimation/variants';
|
|
|
67
67
|
export * from './textArea/variants';
|
|
68
68
|
export * from './loadingState/variants';
|
|
69
69
|
export * from './textCount/variants';
|
|
70
|
+
export * from './selectorBoxFile/variants';
|
|
71
|
+
export * from './stepperProgress/variants';
|
|
70
72
|
//# sourceMappingURL=variants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/variants.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/variants.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC"}
|
|
@@ -12,9 +12,6 @@ import NunitoExtraLight from '../fonts/NunitoSans_10pt-ExtraLight.ttf';
|
|
|
12
12
|
import NunitoLight from '../fonts/NunitoSans_10pt-Light.ttf';
|
|
13
13
|
import NunitoRegular from '../fonts/NunitoSans_10pt-Regular.ttf';
|
|
14
14
|
import NunitoSemiBold from '../fonts/NunitoSans_10pt-SemiBold.ttf';
|
|
15
|
-
import RobotoMonoBold from '../fonts/RobotoMono-Bold.ttf';
|
|
16
|
-
import RobotoMonoLight from '../fonts/RobotoMono-Light.ttf';
|
|
17
|
-
import RobotoMonoMedium from '../fonts/RobotoMono-Medium.ttf';
|
|
18
15
|
export const FONTS_KUBIT_GLOBAL_STYLES = css `
|
|
19
16
|
@font-face {
|
|
20
17
|
font-family: 'GT-America-Expanded Font';
|
|
@@ -52,24 +49,6 @@ export const FONTS_KUBIT_GLOBAL_STYLES = css `
|
|
|
52
49
|
src: url(${GTAmericaExtendedLight}) format('truetype');
|
|
53
50
|
}
|
|
54
51
|
|
|
55
|
-
@font-face {
|
|
56
|
-
font-family: 'Roboto-Mono Font';
|
|
57
|
-
font-weight: 700;
|
|
58
|
-
src: url(${RobotoMonoBold}) format('truetype');
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
@font-face {
|
|
62
|
-
font-family: 'Roboto-Mono Font';
|
|
63
|
-
font-weight: 300;
|
|
64
|
-
src: url(${RobotoMonoLight}) format('truetype');
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
@font-face {
|
|
68
|
-
font-family: 'Roboto-Mono Font';
|
|
69
|
-
font-weight: 400;
|
|
70
|
-
src: url(${RobotoMonoMedium}) format('truetype');
|
|
71
|
-
}
|
|
72
|
-
|
|
73
52
|
@font-face {
|
|
74
53
|
font-family: 'Nunito-Sans Font';
|
|
75
54
|
font-weight: 200;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/globalStyles/fonts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,qBAAqB,MAAM,yCAAyC,CAAC;AAC5E,OAAO,wBAAwB,MAAM,0CAA0C,CAAC;AAChF,OAAO,sBAAsB,MAAM,uCAAuC,CAAC;AAC3E,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,qBAAqB,MAAM,yCAAyC,CAAC;AAC5E,OAAO,wBAAwB,MAAM,0CAA0C,CAAC;AAChF,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAC7D,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,eAAe,MAAM,wCAAwC,CAAC;AACrE,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AACvE,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAC7D,OAAO,aAAa,MAAM,sCAAsC,CAAC;AACjE,OAAO,cAAc,MAAM,uCAAuC,CAAC;
|
|
1
|
+
{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/globalStyles/fonts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,qBAAqB,MAAM,yCAAyC,CAAC;AAC5E,OAAO,wBAAwB,MAAM,0CAA0C,CAAC;AAChF,OAAO,sBAAsB,MAAM,uCAAuC,CAAC;AAC3E,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,qBAAqB,MAAM,yCAAyC,CAAC;AAC5E,OAAO,wBAAwB,MAAM,0CAA0C,CAAC;AAChF,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAC7D,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,eAAe,MAAM,wCAAwC,CAAC;AACrE,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AACvE,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAC7D,OAAO,aAAa,MAAM,sCAAsC,CAAC;AACjE,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAEnE,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAA;;;;eAI7B,qBAAqB;;;;;;eAMrB,wBAAwB;;;;;;eAMxB,sBAAsB;;;;;;eAMtB,qBAAqB;;;;;;eAMrB,wBAAwB;;;;;;eAMxB,sBAAsB;;;;;;eAMtB,gBAAgB;;;;;;eAMhB,WAAW;;;;;;eAMX,aAAa;;;;;;eAMb,cAAc;;;;;;eAMd,UAAU;;;;;;eAMV,eAAe;;;;;;eAMf,WAAW;;CAEzB,CAAC"}
|
|
@@ -409,6 +409,8 @@ export declare const KUBIT_STYLES: {
|
|
|
409
409
|
THIRD_PARTY_ANIMATION_STYLES: import("../../components").ThirdPartyAnimationThemeType<VARIANTS.ThirdPartyAnimationVariantType>;
|
|
410
410
|
TEXT_AREA_STYLES: import("../../components").TextAreaStylesType<VARIANTS.TextAreaVariantType>;
|
|
411
411
|
LOADING_STATE_STYLES: import("../../components").LoadingStateStylesType<VARIANTS.LoadingStateVariant>;
|
|
412
|
+
SELECTOR_BOX_FILE_STYLES: import("../../components").SelectorBoxFileStylesType<VARIANTS.SelectorBoxFileVariantType>;
|
|
413
|
+
STEPPER_PROGRESS_STYLES: import("../../components").StepperProgressStylesType<VARIANTS.StepperProgressVariants>;
|
|
412
414
|
BREAKPOINTS: {
|
|
413
415
|
readonly ZERO: 0;
|
|
414
416
|
readonly S: 22.5;
|
|
@@ -898,4 +900,6 @@ export declare const KUBIT_VARIANTS: {
|
|
|
898
900
|
TextAreaVariantType: typeof VARIANTS.TextAreaVariantType;
|
|
899
901
|
LoadingStateVariant: typeof VARIANTS.LoadingStateVariant;
|
|
900
902
|
TextCountVariantType: typeof VARIANTS.TextCountVariantType;
|
|
903
|
+
SelectorBoxFileVariantType: typeof VARIANTS.SelectorBoxFileVariantType;
|
|
904
|
+
StepperProgressVariants: typeof VARIANTS.StepperProgressVariants;
|
|
901
905
|
};
|
|
@@ -5,6 +5,7 @@ import { changeCssProperty } from '../../utils';
|
|
|
5
5
|
const MAX_ZOOM = 1.25;
|
|
6
6
|
const CONDITION = true;
|
|
7
7
|
const MEASURE_REM = 16;
|
|
8
|
+
const INIT_ZOOM = 1;
|
|
8
9
|
const getOriginalCssProps = (element, cssProps) => {
|
|
9
10
|
// to store the original css props
|
|
10
11
|
const originalCssProps = [];
|
|
@@ -39,6 +40,8 @@ export const useZoomEffect = (effect, maxZoom = MAX_ZOOM, condition = CONDITION)
|
|
|
39
40
|
const originalStyles = useRef([]);
|
|
40
41
|
// indicate if zoomed
|
|
41
42
|
const zoomed = useRef(false);
|
|
43
|
+
// control the previous zoom value
|
|
44
|
+
const prevZoom = useRef(INIT_ZOOM);
|
|
42
45
|
// indicate the theme breakpoints
|
|
43
46
|
const { BREAKPOINTS } = useTheme();
|
|
44
47
|
// eslint-disable-next-line complexity
|
|
@@ -55,10 +58,12 @@ export const useZoomEffect = (effect, maxZoom = MAX_ZOOM, condition = CONDITION)
|
|
|
55
58
|
zoomed.current && changeCssProperty(element, effect);
|
|
56
59
|
zoomed.current = false;
|
|
57
60
|
}
|
|
58
|
-
else {
|
|
61
|
+
else if (prevZoom.current > zoom && zoom === INIT_ZOOM) {
|
|
62
|
+
// apply the original styles when returning to normal size after zooming in
|
|
59
63
|
!zoomed.current && changeCssProperty(element, originalStyles.current);
|
|
60
64
|
zoomed.current = true;
|
|
61
65
|
}
|
|
66
|
+
prevZoom.current = zoom;
|
|
62
67
|
}, [condition]);
|
|
63
68
|
const elementRef = useCallback(node => {
|
|
64
69
|
if (node) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useZoomEffect.js","sourceRoot":"","sources":["../../../../src/hooks/useZoomEffect/useZoomEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAe,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,QAAQ,GAAG,IAAI,CAAC;AACtB,MAAM,SAAS,GAAG,IAAI,CAAC;AACvB,MAAM,WAAW,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"useZoomEffect.js","sourceRoot":"","sources":["../../../../src/hooks/useZoomEffect/useZoomEffect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import { css } from 'styled-components';
|
|
|
2
2
|
import { InputIconPosition, InputState, LABEL_TYPE, } from '../../components/input/types';
|
|
3
3
|
import { getTypographyStyles } from '../../utils';
|
|
4
4
|
import { pxToRem } from '../../utils/pxToRem/pxToRem';
|
|
5
|
+
import { getPaddingLeftFromContainer, getPaddingRightFromContainer } from './input.mixin.utils';
|
|
5
6
|
const isStandardLabel = (labelType) => {
|
|
6
7
|
return labelType === LABEL_TYPE.STANDARD;
|
|
7
8
|
};
|
|
@@ -135,34 +136,38 @@ export const mapBaseStyles = ({ state, labelType, placeholder, styles, }) => css
|
|
|
135
136
|
`;
|
|
136
137
|
// deprecated - remove this `getIconPaddingDeprecated` function when icon prop is removed
|
|
137
138
|
export const getIconPaddingDeprecated = (position, styles) => {
|
|
138
|
-
const padding = styles?.inputContainer?.padding?.split(' ')[1] || null;
|
|
139
139
|
const iconWidth = styles?.inputIcon?.width;
|
|
140
140
|
if (position === InputIconPosition.RIGHT) {
|
|
141
|
+
const paddingRight = getPaddingRightFromContainer(styles?.inputContainer);
|
|
141
142
|
return css `
|
|
142
|
-
padding-right: calc(${
|
|
143
|
+
padding-right: calc(${paddingRight} + ${iconWidth});
|
|
143
144
|
`;
|
|
144
145
|
}
|
|
146
|
+
const paddingLeft = getPaddingLeftFromContainer(styles?.inputContainer);
|
|
145
147
|
return css `
|
|
146
|
-
padding-left: calc(${
|
|
148
|
+
padding-left: calc(${paddingLeft} + ${iconWidth});
|
|
147
149
|
`;
|
|
148
150
|
};
|
|
149
151
|
export const getIconPadding = (leftIcon, rightIcon, styles) => {
|
|
150
|
-
const padding = styles?.inputContainer?.padding?.split(' ')[1] || styles?.inputContainer?.padding;
|
|
151
152
|
const iconWidth = styles?.inputIcon?.width;
|
|
152
153
|
if (leftIcon && rightIcon) {
|
|
154
|
+
const paddingLeft = getPaddingLeftFromContainer(styles?.inputContainer);
|
|
155
|
+
const paddingRight = getPaddingRightFromContainer(styles?.inputContainer);
|
|
153
156
|
return css `
|
|
154
|
-
padding-left: calc(${
|
|
155
|
-
padding-right: calc(${
|
|
157
|
+
padding-left: calc(${paddingLeft} + ${iconWidth});
|
|
158
|
+
padding-right: calc(${paddingRight} + ${iconWidth});
|
|
156
159
|
`;
|
|
157
160
|
}
|
|
158
161
|
else if (leftIcon) {
|
|
162
|
+
const paddingLeft = getPaddingLeftFromContainer(styles?.inputContainer);
|
|
159
163
|
return css `
|
|
160
|
-
padding-left: calc(${
|
|
164
|
+
padding-left: calc(${paddingLeft} + ${iconWidth});
|
|
161
165
|
`;
|
|
162
166
|
}
|
|
163
167
|
else if (rightIcon) {
|
|
168
|
+
const paddingRight = getPaddingRightFromContainer(styles?.inputContainer);
|
|
164
169
|
return css `
|
|
165
|
-
padding-right: calc(${
|
|
170
|
+
padding-right: calc(${paddingRight} + ${iconWidth});
|
|
166
171
|
`;
|
|
167
172
|
}
|
|
168
173
|
return undefined;
|