@kivid/native-components 1.0.0-alpha.2 → 1.0.0-alpha.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -57
- package/dist/commonjs/components/ActionButton/assets/class-variants.js +47 -0
- package/dist/commonjs/components/ActionButton/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/ActionButton/index.js +120 -0
- package/dist/commonjs/components/ActionButton/index.js.map +1 -0
- package/dist/commonjs/components/ActionButton/types.js.map +1 -0
- package/dist/commonjs/components/Avatar/assets/class-variants.js +24 -0
- package/dist/commonjs/components/Avatar/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/Avatar/images/girl.jpg +0 -0
- package/dist/commonjs/components/Avatar/index.js +116 -0
- package/dist/commonjs/components/Avatar/index.js.map +1 -0
- package/dist/commonjs/components/Avatar/types.js.map +1 -0
- package/dist/commonjs/components/Button/assets/class-variants.js +24 -13
- package/dist/commonjs/components/Button/assets/class-variants.js.map +1 -1
- package/dist/commonjs/components/Button/index.js +33 -26
- package/dist/commonjs/components/Button/index.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/assets/class-variants.js +73 -0
- package/dist/commonjs/components/ChatBubble/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleContent/index.js +28 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleContent/index.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleContent/types.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/index.js +48 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/index.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleLoading/index.js +27 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleLoading/index.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleSeal/index.js +41 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleSeal/index.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleSeal/types.js +6 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleSeal/types.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js +38 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/types.js +6 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/types.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleTime/index.js +37 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleTime/index.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleTime/types.js +6 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleTime/types.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/components/index.js +48 -0
- package/dist/commonjs/components/ChatBubble/components/index.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/contexts/ChatBubbleContext/index.js +17 -0
- package/dist/commonjs/components/ChatBubble/contexts/ChatBubbleContext/index.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/contexts/ChatBubbleContext/types.js +6 -0
- package/dist/{module/components/InputOTP/components/InformationStatus → commonjs/components/ChatBubble/contexts/ChatBubbleContext}/types.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/contexts/index.js +17 -0
- package/dist/commonjs/components/ChatBubble/contexts/index.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/index.js +104 -0
- package/dist/commonjs/components/ChatBubble/index.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/types.js +6 -0
- package/dist/commonjs/components/ChatBubble/types.js.map +1 -0
- package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/assets/class-variants.js +2 -2
- package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/assets/class-variants.js.map +1 -1
- package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/enums/checkbox-variant.js.map +1 -1
- package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/enums/index.js.map +1 -1
- package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/enums/select-variant.js.map +1 -1
- package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/icons/CheckIcon/index.js.map +1 -1
- package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/icons/IndeterminateIcon/index.js.map +1 -1
- package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/icons/index.js.map +1 -1
- package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/index.js +7 -5
- package/dist/commonjs/components/CheckboxInput/index.js.map +1 -0
- package/dist/commonjs/components/CheckboxInput/types.js +6 -0
- package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/types.js.map +1 -1
- package/dist/commonjs/components/Chip/assets/class-variants.js +2 -2
- package/dist/commonjs/components/Chip/assets/class-variants.js.map +1 -1
- package/dist/commonjs/components/Chip/enums/index.js +0 -11
- package/dist/commonjs/components/Chip/enums/index.js.map +1 -1
- package/dist/commonjs/components/Chip/index.js +10 -5
- package/dist/commonjs/components/Chip/index.js.map +1 -1
- package/dist/commonjs/components/HighlightedText/index.js +20 -16
- package/dist/commonjs/components/HighlightedText/index.js.map +1 -1
- package/dist/commonjs/components/IconButton/assets/class-variants.js +82 -0
- package/dist/commonjs/components/IconButton/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/IconButton/assets/design-system-showcase.js +119 -0
- package/dist/commonjs/components/IconButton/assets/design-system-showcase.js.map +1 -0
- package/dist/commonjs/components/IconButton/enums.js +33 -0
- package/dist/commonjs/components/IconButton/enums.js.map +1 -0
- package/dist/commonjs/components/IconButton/index.js +107 -0
- package/dist/commonjs/components/IconButton/index.js.map +1 -0
- package/dist/commonjs/components/IconButton/types.js +6 -0
- package/dist/commonjs/components/IconButton/types.js.map +1 -0
- package/dist/commonjs/components/InformationStatus/components/GradientAdd/index.js +115 -60
- package/dist/commonjs/components/InformationStatus/components/GradientAdd/index.js.map +1 -1
- package/dist/commonjs/components/InformationStatus/components/GradientAlert/index.js +117 -60
- package/dist/commonjs/components/InformationStatus/components/GradientAlert/index.js.map +1 -1
- package/dist/commonjs/components/InformationStatus/components/GradientCheck/index.js +113 -58
- package/dist/commonjs/components/InformationStatus/components/GradientCheck/index.js.map +1 -1
- package/dist/commonjs/components/InformationStatus/components/GradientClose/index.js +112 -55
- package/dist/commonjs/components/InformationStatus/components/GradientClose/index.js.map +1 -1
- package/dist/commonjs/components/InformationStatus/index.js +9 -13
- package/dist/commonjs/components/InformationStatus/index.js.map +1 -1
- package/dist/commonjs/components/ListButton/assets/class-variants.js +52 -0
- package/dist/commonjs/components/ListButton/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/ListButton/assets/design-system-showcase.js +424 -0
- package/dist/commonjs/components/ListButton/assets/design-system-showcase.js.map +1 -0
- package/dist/commonjs/{hooks → components/ListButton/enums}/index.js +4 -4
- package/dist/commonjs/components/ListButton/enums/index.js.map +1 -0
- package/dist/commonjs/components/ListButton/enums/variant.js +17 -0
- package/dist/commonjs/components/ListButton/enums/variant.js.map +1 -0
- package/dist/commonjs/components/ListButton/index.js +116 -0
- package/dist/commonjs/components/ListButton/index.js.map +1 -0
- package/dist/commonjs/components/ListButton/types.js +6 -0
- package/dist/commonjs/components/ListButton/types.js.map +1 -0
- package/dist/commonjs/components/LoadingDots/index.js.map +1 -1
- package/dist/commonjs/components/OtpInput/assets/class-variant.js +24 -0
- package/dist/commonjs/components/OtpInput/assets/class-variant.js.map +1 -0
- package/dist/commonjs/components/{InputOTP → OtpInput}/components/InformationStatus/index.js +21 -18
- package/dist/commonjs/components/OtpInput/components/InformationStatus/index.js.map +1 -0
- package/dist/commonjs/components/OtpInput/components/InformationStatus/types.js +6 -0
- package/dist/commonjs/components/{InputOTP → OtpInput}/components/InformationStatus/types.js.map +1 -1
- package/dist/commonjs/components/{InputOTP → OtpInput}/components/index.js.map +1 -1
- package/dist/commonjs/components/OtpInput/enums/index.js +14 -0
- package/dist/commonjs/components/OtpInput/enums/index.js.map +1 -0
- package/dist/commonjs/components/OtpInput/index.js +115 -0
- package/dist/commonjs/components/OtpInput/index.js.map +1 -0
- package/dist/commonjs/components/OtpInput/types.js +6 -0
- package/dist/commonjs/components/{InputOTP → OtpInput}/types.js.map +1 -1
- package/dist/commonjs/components/PageIndicators/index.js +41 -0
- package/dist/commonjs/components/PageIndicators/index.js.map +1 -0
- package/dist/commonjs/components/PageIndicators/types.js +2 -0
- package/dist/commonjs/components/PageIndicators/types.js.map +1 -0
- package/dist/commonjs/components/PasswordInput/index.js +42 -0
- package/dist/commonjs/components/PasswordInput/index.js.map +1 -0
- package/dist/commonjs/components/PasswordInput/types.js +6 -0
- package/dist/{module/components/InputCheckbox → commonjs/components/PasswordInput}/types.js.map +1 -1
- package/dist/commonjs/components/RadioInput/assets/class-variants.js +101 -0
- package/dist/commonjs/components/RadioInput/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/RadioInput/enums/index.js +17 -0
- package/dist/commonjs/components/RadioInput/enums/index.js.map +1 -0
- package/dist/commonjs/components/RadioInput/index.js +41 -0
- package/dist/commonjs/components/RadioInput/index.js.map +1 -0
- package/dist/commonjs/components/RadioInput/types.js +6 -0
- package/dist/commonjs/components/RadioInput/types.js.map +1 -0
- package/dist/commonjs/components/Seal/assets/class-variants.js +3 -2
- package/dist/commonjs/components/Seal/assets/class-variants.js.map +1 -1
- package/dist/commonjs/components/Seal/components/AddIcon/index.js +4 -3
- package/dist/commonjs/components/Seal/components/AddIcon/index.js.map +1 -1
- package/dist/commonjs/components/Seal/components/AlertIcon/index.js +4 -3
- package/dist/commonjs/components/Seal/components/AlertIcon/index.js.map +1 -1
- package/dist/commonjs/components/Seal/components/ErrorIcon/index.js +4 -3
- package/dist/commonjs/components/Seal/components/ErrorIcon/index.js.map +1 -1
- package/dist/commonjs/components/Seal/components/LeftIcon/index.js +4 -3
- package/dist/commonjs/components/Seal/components/LeftIcon/index.js.map +1 -1
- package/dist/commonjs/components/Seal/components/MinusIcon/index.js +4 -3
- package/dist/commonjs/components/Seal/components/MinusIcon/index.js.map +1 -1
- package/dist/commonjs/components/Seal/components/RightIcon/index.js +4 -3
- package/dist/commonjs/components/Seal/components/RightIcon/index.js.map +1 -1
- package/dist/commonjs/components/Seal/components/SuccessIcon/index.js +4 -3
- package/dist/commonjs/components/Seal/components/SuccessIcon/index.js.map +1 -1
- package/dist/commonjs/components/Seal/index.js +5 -2
- package/dist/commonjs/components/Seal/index.js.map +1 -1
- package/dist/commonjs/components/SelectButton/assets/class-variants.js +31 -0
- package/dist/commonjs/components/SelectButton/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/SelectButton/enums/index.js +12 -0
- package/dist/commonjs/components/SelectButton/enums/index.js.map +1 -0
- package/dist/commonjs/components/SelectButton/index.js +110 -0
- package/dist/commonjs/components/SelectButton/index.js.map +1 -0
- package/dist/commonjs/components/SelectButton/types.js +6 -0
- package/dist/commonjs/components/SelectButton/types.js.map +1 -0
- package/dist/commonjs/components/TextInput/assets/class-variants.js +71 -0
- package/dist/commonjs/components/TextInput/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/TextInput/enums.js +12 -0
- package/dist/commonjs/components/TextInput/enums.js.map +1 -0
- package/dist/commonjs/components/TextInput/index.js +135 -0
- package/dist/commonjs/components/TextInput/index.js.map +1 -0
- package/dist/commonjs/components/TextInput/types.js +6 -0
- package/dist/commonjs/components/TextInput/types.js.map +1 -0
- package/dist/commonjs/components/Title/components/icon/index.js +2 -1
- package/dist/commonjs/components/Title/components/icon/index.js.map +1 -1
- package/dist/commonjs/components/Title/components/icon/types.js +0 -9
- package/dist/commonjs/components/Title/components/icon/types.js.map +1 -1
- package/dist/commonjs/components/Title/components/marker/index.js +4 -3
- package/dist/commonjs/components/Title/components/marker/index.js.map +1 -1
- package/dist/commonjs/components/Title/components/marker/types.js +4 -0
- package/dist/commonjs/components/Title/index.js +8 -7
- package/dist/commonjs/components/Title/index.js.map +1 -1
- package/dist/commonjs/components/Toast/assets/class-variants.js +32 -0
- package/dist/commonjs/components/Toast/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/Toast/enums/index.js +28 -0
- package/dist/commonjs/components/Toast/enums/index.js.map +1 -0
- package/dist/commonjs/components/Toast/enums/position.js +12 -0
- package/dist/commonjs/components/Toast/enums/position.js.map +1 -0
- package/dist/commonjs/components/Toast/enums/variant.js +13 -0
- package/dist/commonjs/components/Toast/enums/variant.js.map +1 -0
- package/dist/commonjs/components/Toast/index.js +122 -0
- package/dist/commonjs/components/Toast/index.js.map +1 -0
- package/dist/commonjs/components/Toast/types.js +6 -0
- package/dist/commonjs/components/Toast/types.js.map +1 -0
- package/dist/commonjs/components/Toggle/enums/variant.js +8 -8
- package/dist/commonjs/components/Toggle/enums/variant.js.map +1 -1
- package/dist/commonjs/components/Toggle/index.js +1 -1
- package/dist/commonjs/components/Toggle/index.js.map +1 -1
- package/dist/commonjs/components/Tooltip/assets/class-variant.js +25 -0
- package/dist/commonjs/components/Tooltip/assets/class-variant.js.map +1 -0
- package/dist/commonjs/components/Tooltip/components/Content/index.js +83 -0
- package/dist/commonjs/components/Tooltip/components/Content/index.js.map +1 -0
- package/dist/commonjs/components/Tooltip/components/Content/types.js +6 -0
- package/dist/commonjs/components/Tooltip/components/Content/types.js.map +1 -0
- package/dist/commonjs/components/Tooltip/components/index.js +17 -0
- package/dist/commonjs/components/Tooltip/components/index.js.map +1 -0
- package/dist/commonjs/components/Tooltip/enum/index.js +18 -0
- package/dist/commonjs/components/Tooltip/enum/index.js.map +1 -0
- package/dist/commonjs/components/Tooltip/hooks/index.js +17 -0
- package/dist/commonjs/components/Tooltip/hooks/index.js.map +1 -0
- package/dist/commonjs/components/Tooltip/hooks/tooltip-position.js +66 -0
- package/dist/commonjs/components/Tooltip/hooks/tooltip-position.js.map +1 -0
- package/dist/commonjs/components/Tooltip/index.js +82 -0
- package/dist/commonjs/components/Tooltip/index.js.map +1 -0
- package/dist/commonjs/components/Tooltip/types.js +6 -0
- package/dist/commonjs/components/Tooltip/types.js.map +1 -0
- package/dist/commonjs/components/Typography/assets/class-variants.js +59 -0
- package/dist/commonjs/components/Typography/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/Typography/index.js +9 -5
- package/dist/commonjs/components/Typography/index.js.map +1 -1
- package/dist/commonjs/components/index.js +297 -11
- package/dist/commonjs/components/index.js.map +1 -1
- package/dist/commonjs/enums/corners.js +14 -0
- package/dist/commonjs/enums/corners.js.map +1 -0
- package/dist/commonjs/enums/font-weight.js +18 -0
- package/dist/commonjs/enums/font-weight.js.map +1 -0
- package/dist/commonjs/enums/index.js +50 -0
- package/dist/commonjs/enums/index.js.map +1 -0
- package/dist/commonjs/enums/size.js +18 -0
- package/dist/commonjs/enums/size.js.map +1 -0
- package/dist/commonjs/enums/state-variant.js +15 -0
- package/dist/commonjs/enums/state-variant.js.map +1 -0
- package/dist/commonjs/iconography/Icons/index.js +49 -15
- package/dist/commonjs/iconography/Icons/index.js.map +1 -1
- package/dist/commonjs/index.js +22 -0
- package/dist/commonjs/index.js.map +1 -1
- package/dist/commonjs/storybook-utils/components/CodeBlock/index.js +50 -0
- package/dist/commonjs/storybook-utils/components/CodeBlock/index.js.map +1 -0
- package/dist/commonjs/storybook-utils/components/CodeBlock/types.js +2 -0
- package/dist/commonjs/storybook-utils/components/CodeBlock/types.js.map +1 -0
- package/dist/commonjs/storybook-utils/components/index.js +13 -0
- package/dist/commonjs/storybook-utils/components/index.js.map +1 -0
- package/dist/commonjs/storybook-utils/index.js +17 -0
- package/dist/commonjs/storybook-utils/index.js.map +1 -0
- package/dist/commonjs/styles/index.js +17 -0
- package/dist/commonjs/styles/index.js.map +1 -0
- package/dist/commonjs/styles/mixins/index.js +17 -0
- package/dist/commonjs/styles/mixins/index.js.map +1 -0
- package/dist/commonjs/styles/mixins/shadows/elevation-down-100.js +8 -0
- package/dist/commonjs/styles/mixins/shadows/elevation-down-100.js.map +1 -0
- package/dist/commonjs/styles/mixins/shadows/elevation-down-200.js +8 -0
- package/dist/commonjs/styles/mixins/shadows/elevation-down-200.js.map +1 -0
- package/dist/commonjs/styles/mixins/shadows/elevation-down-300.js +8 -0
- package/dist/commonjs/styles/mixins/shadows/elevation-down-300.js.map +1 -0
- package/dist/commonjs/styles/mixins/shadows/elevation-up-100.js +8 -0
- package/dist/commonjs/styles/mixins/shadows/elevation-up-100.js.map +1 -0
- package/dist/commonjs/styles/mixins/shadows/elevation-up-200.js +8 -0
- package/dist/commonjs/styles/mixins/shadows/elevation-up-200.js.map +1 -0
- package/dist/commonjs/styles/mixins/shadows/elevation-up-300.js +8 -0
- package/dist/commonjs/styles/mixins/shadows/elevation-up-300.js.map +1 -0
- package/dist/commonjs/styles/mixins/shadows/index.js +72 -0
- package/dist/commonjs/styles/mixins/shadows/index.js.map +1 -0
- package/dist/module/components/ActionButton/assets/class-variants.js +43 -0
- package/dist/module/components/ActionButton/assets/class-variants.js.map +1 -0
- package/dist/module/components/ActionButton/index.js +115 -0
- package/dist/module/components/ActionButton/index.js.map +1 -0
- package/dist/module/components/ActionButton/types.js.map +1 -0
- package/dist/module/components/Avatar/assets/class-variants.js +21 -0
- package/dist/module/components/Avatar/assets/class-variants.js.map +1 -0
- package/dist/module/components/Avatar/images/girl.jpg +0 -0
- package/dist/module/components/Avatar/index.js +111 -0
- package/dist/module/components/Avatar/index.js.map +1 -0
- package/dist/module/components/Avatar/types.js.map +1 -0
- package/dist/module/components/Button/assets/class-variants.js +24 -13
- package/dist/module/components/Button/assets/class-variants.js.map +1 -1
- package/dist/module/components/Button/index.js +34 -26
- package/dist/module/components/Button/index.js.map +1 -1
- package/dist/module/components/ChatBubble/assets/class-variants.js +69 -0
- package/dist/module/components/ChatBubble/assets/class-variants.js.map +1 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleContent/index.js +22 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleContent/index.js.map +1 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleContent/types.js.map +1 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleEar/index.js +41 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleEar/index.js.map +1 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleLoading/index.js +22 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleLoading/index.js.map +1 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleSeal/index.js +35 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleSeal/index.js.map +1 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleSeal/types.js +4 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleSeal/types.js.map +1 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js +33 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js.map +1 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleText/types.js +4 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleText/types.js.map +1 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleTime/index.js +31 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleTime/index.js.map +1 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleTime/types.js +4 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleTime/types.js.map +1 -0
- package/dist/module/components/ChatBubble/components/index.js +9 -0
- package/dist/module/components/ChatBubble/components/index.js.map +1 -0
- package/dist/module/components/ChatBubble/contexts/ChatBubbleContext/index.js +12 -0
- package/dist/module/components/ChatBubble/contexts/ChatBubbleContext/index.js.map +1 -0
- package/dist/module/components/ChatBubble/contexts/ChatBubbleContext/types.js +4 -0
- package/dist/module/components/ChatBubble/contexts/ChatBubbleContext/types.js.map +1 -0
- package/dist/module/components/ChatBubble/contexts/index.js +4 -0
- package/dist/module/components/{InputOTP/components → ChatBubble/contexts}/index.js.map +1 -1
- package/dist/module/components/ChatBubble/index.js +101 -0
- package/dist/module/components/ChatBubble/index.js.map +1 -0
- package/dist/module/components/ChatBubble/types.js +4 -0
- package/dist/module/components/ChatBubble/types.js.map +1 -0
- package/dist/module/components/{InputCheckbox → CheckboxInput}/assets/class-variants.js +1 -1
- package/dist/module/components/{InputCheckbox → CheckboxInput}/assets/class-variants.js.map +1 -1
- package/dist/module/components/{InputCheckbox → CheckboxInput}/enums/checkbox-variant.js.map +1 -1
- package/dist/module/components/{InputCheckbox → CheckboxInput}/enums/index.js.map +1 -1
- package/dist/module/components/{InputCheckbox → CheckboxInput}/enums/select-variant.js.map +1 -1
- package/dist/module/components/{InputCheckbox → CheckboxInput}/icons/CheckIcon/index.js.map +1 -1
- package/dist/module/components/{InputCheckbox → CheckboxInput}/icons/IndeterminateIcon/index.js.map +1 -1
- package/dist/module/components/{InputCheckbox → CheckboxInput}/icons/index.js.map +1 -1
- package/dist/module/components/{InputCheckbox → CheckboxInput}/index.js +7 -5
- package/dist/module/components/CheckboxInput/index.js.map +1 -0
- package/dist/module/components/CheckboxInput/types.js +4 -0
- package/dist/module/components/CheckboxInput/types.js.map +1 -0
- package/dist/module/components/Chip/assets/class-variants.js +2 -2
- package/dist/module/components/Chip/assets/class-variants.js.map +1 -1
- package/dist/module/components/Chip/enums/index.js +0 -1
- package/dist/module/components/Chip/enums/index.js.map +1 -1
- package/dist/module/components/Chip/index.js +11 -6
- package/dist/module/components/Chip/index.js.map +1 -1
- package/dist/module/components/HighlightedText/index.js +20 -16
- package/dist/module/components/HighlightedText/index.js.map +1 -1
- package/dist/module/components/IconButton/assets/class-variants.js +79 -0
- package/dist/module/components/IconButton/assets/class-variants.js.map +1 -0
- package/dist/module/components/IconButton/assets/design-system-showcase.js +115 -0
- package/dist/module/components/IconButton/assets/design-system-showcase.js.map +1 -0
- package/dist/module/components/IconButton/enums.js +29 -0
- package/dist/module/components/IconButton/enums.js.map +1 -0
- package/dist/module/components/IconButton/index.js +102 -0
- package/dist/module/components/IconButton/index.js.map +1 -0
- package/dist/module/components/IconButton/types.js +4 -0
- package/dist/module/components/IconButton/types.js.map +1 -0
- package/dist/module/components/InformationStatus/components/GradientAdd/index.js +113 -59
- package/dist/module/components/InformationStatus/components/GradientAdd/index.js.map +1 -1
- package/dist/module/components/InformationStatus/components/GradientAlert/index.js +116 -60
- package/dist/module/components/InformationStatus/components/GradientAlert/index.js.map +1 -1
- package/dist/module/components/InformationStatus/components/GradientCheck/index.js +113 -59
- package/dist/module/components/InformationStatus/components/GradientCheck/index.js.map +1 -1
- package/dist/module/components/InformationStatus/components/GradientClose/index.js +111 -55
- package/dist/module/components/InformationStatus/components/GradientClose/index.js.map +1 -1
- package/dist/module/components/InformationStatus/index.js +9 -13
- package/dist/module/components/InformationStatus/index.js.map +1 -1
- package/dist/module/components/ListButton/assets/class-variants.js +49 -0
- package/dist/module/components/ListButton/assets/class-variants.js.map +1 -0
- package/dist/module/components/ListButton/assets/design-system-showcase.js +420 -0
- package/dist/module/components/ListButton/assets/design-system-showcase.js.map +1 -0
- package/dist/module/components/ListButton/enums/index.js +4 -0
- package/dist/module/components/ListButton/enums/index.js.map +1 -0
- package/dist/module/components/ListButton/enums/variant.js +13 -0
- package/dist/module/components/ListButton/enums/variant.js.map +1 -0
- package/dist/module/components/ListButton/index.js +112 -0
- package/dist/module/components/ListButton/index.js.map +1 -0
- package/dist/module/components/ListButton/types.js +4 -0
- package/dist/module/components/ListButton/types.js.map +1 -0
- package/dist/module/components/LoadingDots/index.js.map +1 -1
- package/dist/module/components/OtpInput/assets/class-variant.js +20 -0
- package/dist/module/components/OtpInput/assets/class-variant.js.map +1 -0
- package/dist/module/components/{InputOTP → OtpInput}/components/InformationStatus/index.js +21 -18
- package/dist/module/components/OtpInput/components/InformationStatus/index.js.map +1 -0
- package/dist/module/components/OtpInput/components/InformationStatus/types.js +4 -0
- package/dist/module/components/OtpInput/components/InformationStatus/types.js.map +1 -0
- package/dist/module/components/OtpInput/components/index.js.map +1 -0
- package/dist/module/components/OtpInput/enums/index.js +10 -0
- package/dist/module/components/OtpInput/enums/index.js.map +1 -0
- package/dist/module/components/OtpInput/index.js +110 -0
- package/dist/module/components/OtpInput/index.js.map +1 -0
- package/dist/module/components/OtpInput/types.js +4 -0
- package/dist/module/components/{InputOTP → OtpInput}/types.js.map +1 -1
- package/dist/module/components/PageIndicators/index.js +37 -0
- package/dist/module/components/PageIndicators/index.js.map +1 -0
- package/dist/module/components/PageIndicators/types.js +2 -0
- package/dist/module/components/PageIndicators/types.js.map +1 -0
- package/dist/module/components/PasswordInput/index.js +37 -0
- package/dist/module/components/PasswordInput/index.js.map +1 -0
- package/dist/module/components/PasswordInput/types.js +4 -0
- package/dist/module/components/PasswordInput/types.js.map +1 -0
- package/dist/module/components/RadioInput/assets/class-variants.js +97 -0
- package/dist/module/components/RadioInput/assets/class-variants.js.map +1 -0
- package/dist/module/components/RadioInput/enums/index.js +13 -0
- package/dist/module/components/RadioInput/enums/index.js.map +1 -0
- package/dist/module/components/RadioInput/index.js +37 -0
- package/dist/module/components/RadioInput/index.js.map +1 -0
- package/dist/module/components/RadioInput/types.js +4 -0
- package/dist/module/components/RadioInput/types.js.map +1 -0
- package/dist/module/components/Seal/assets/class-variants.js +3 -2
- package/dist/module/components/Seal/assets/class-variants.js.map +1 -1
- package/dist/module/components/Seal/components/AddIcon/index.js +4 -3
- package/dist/module/components/Seal/components/AddIcon/index.js.map +1 -1
- package/dist/module/components/Seal/components/AlertIcon/index.js +4 -3
- package/dist/module/components/Seal/components/AlertIcon/index.js.map +1 -1
- package/dist/module/components/Seal/components/ErrorIcon/index.js +4 -3
- package/dist/module/components/Seal/components/ErrorIcon/index.js.map +1 -1
- package/dist/module/components/Seal/components/LeftIcon/index.js +4 -3
- package/dist/module/components/Seal/components/LeftIcon/index.js.map +1 -1
- package/dist/module/components/Seal/components/MinusIcon/index.js +4 -3
- package/dist/module/components/Seal/components/MinusIcon/index.js.map +1 -1
- package/dist/module/components/Seal/components/RightIcon/index.js +4 -3
- package/dist/module/components/Seal/components/RightIcon/index.js.map +1 -1
- package/dist/module/components/Seal/components/SuccessIcon/index.js +4 -3
- package/dist/module/components/Seal/components/SuccessIcon/index.js.map +1 -1
- package/dist/module/components/Seal/index.js +5 -2
- package/dist/module/components/Seal/index.js.map +1 -1
- package/dist/module/components/SelectButton/assets/class-variants.js +28 -0
- package/dist/module/components/SelectButton/assets/class-variants.js.map +1 -0
- package/dist/module/components/SelectButton/enums/index.js +8 -0
- package/dist/module/components/SelectButton/enums/index.js.map +1 -0
- package/dist/module/components/SelectButton/index.js +106 -0
- package/dist/module/components/SelectButton/index.js.map +1 -0
- package/dist/module/components/SelectButton/types.js +4 -0
- package/dist/module/components/SelectButton/types.js.map +1 -0
- package/dist/module/components/TextInput/assets/class-variants.js +67 -0
- package/dist/module/components/TextInput/assets/class-variants.js.map +1 -0
- package/dist/module/components/TextInput/enums.js +8 -0
- package/dist/module/components/TextInput/enums.js.map +1 -0
- package/dist/module/components/TextInput/index.js +129 -0
- package/dist/module/components/TextInput/index.js.map +1 -0
- package/dist/module/components/TextInput/types.js +4 -0
- package/dist/module/components/TextInput/types.js.map +1 -0
- package/dist/module/components/Title/components/icon/index.js +2 -1
- package/dist/module/components/Title/components/icon/index.js.map +1 -1
- package/dist/module/components/Title/components/icon/types.js +1 -8
- package/dist/module/components/Title/components/icon/types.js.map +1 -1
- package/dist/module/components/Title/components/marker/index.js +4 -3
- package/dist/module/components/Title/components/marker/index.js.map +1 -1
- package/dist/module/components/Title/components/marker/types.js +2 -0
- package/dist/module/components/Title/index.js +8 -7
- package/dist/module/components/Title/index.js.map +1 -1
- package/dist/module/components/Toast/assets/class-variants.js +29 -0
- package/dist/module/components/Toast/assets/class-variants.js.map +1 -0
- package/dist/module/components/Toast/enums/index.js +5 -0
- package/dist/module/components/Toast/enums/index.js.map +1 -0
- package/dist/module/components/Toast/enums/position.js +8 -0
- package/dist/module/components/Toast/enums/position.js.map +1 -0
- package/dist/module/components/Toast/enums/variant.js +9 -0
- package/dist/module/components/Toast/enums/variant.js.map +1 -0
- package/dist/module/components/Toast/index.js +117 -0
- package/dist/module/components/Toast/index.js.map +1 -0
- package/dist/module/components/Toast/types.js +4 -0
- package/dist/module/components/Toast/types.js.map +1 -0
- package/dist/module/components/Toggle/enums/variant.js +7 -7
- package/dist/module/components/Toggle/enums/variant.js.map +1 -1
- package/dist/module/components/Toggle/index.js +2 -2
- package/dist/module/components/Toggle/index.js.map +1 -1
- package/dist/module/components/Tooltip/assets/class-variant.js +21 -0
- package/dist/module/components/Tooltip/assets/class-variant.js.map +1 -0
- package/dist/module/components/Tooltip/components/Content/index.js +78 -0
- package/dist/module/components/Tooltip/components/Content/index.js.map +1 -0
- package/dist/module/components/Tooltip/components/Content/types.js +4 -0
- package/dist/module/components/Tooltip/components/Content/types.js.map +1 -0
- package/dist/module/components/Tooltip/components/index.js +4 -0
- package/dist/module/components/Tooltip/components/index.js.map +1 -0
- package/dist/module/components/Tooltip/enum/index.js +14 -0
- package/dist/module/components/Tooltip/enum/index.js.map +1 -0
- package/dist/module/components/Tooltip/hooks/index.js +4 -0
- package/dist/module/components/Tooltip/hooks/index.js.map +1 -0
- package/dist/module/components/Tooltip/hooks/tooltip-position.js +62 -0
- package/dist/module/components/Tooltip/hooks/tooltip-position.js.map +1 -0
- package/dist/module/components/Tooltip/index.js +78 -0
- package/dist/module/components/Tooltip/index.js.map +1 -0
- package/dist/module/components/Tooltip/types.js +4 -0
- package/dist/module/components/Tooltip/types.js.map +1 -0
- package/dist/module/components/Typography/assets/class-variants.js +55 -0
- package/dist/module/components/Typography/assets/class-variants.js.map +1 -0
- package/dist/module/components/Typography/index.js +9 -5
- package/dist/module/components/Typography/index.js.map +1 -1
- package/dist/module/components/index.js +28 -2
- package/dist/module/components/index.js.map +1 -1
- package/dist/module/enums/corners.js +10 -0
- package/dist/module/enums/corners.js.map +1 -0
- package/dist/module/enums/font-weight.js +14 -0
- package/dist/module/enums/font-weight.js.map +1 -0
- package/dist/module/enums/index.js +7 -0
- package/dist/module/enums/index.js.map +1 -0
- package/dist/module/enums/size.js +14 -0
- package/dist/module/enums/size.js.map +1 -0
- package/dist/module/enums/state-variant.js +11 -0
- package/dist/module/enums/state-variant.js.map +1 -0
- package/dist/module/iconography/Icons/index.js +50 -16
- package/dist/module/iconography/Icons/index.js.map +1 -1
- package/dist/module/index.js +2 -0
- package/dist/module/index.js.map +1 -1
- package/dist/module/storybook-utils/components/CodeBlock/index.js +44 -0
- package/dist/module/storybook-utils/components/CodeBlock/index.js.map +1 -0
- package/dist/module/storybook-utils/components/CodeBlock/types.js +2 -0
- package/dist/module/storybook-utils/components/CodeBlock/types.js.map +1 -0
- package/dist/module/storybook-utils/components/index.js +14 -0
- package/dist/module/storybook-utils/components/index.js.map +1 -0
- package/dist/module/storybook-utils/index.js +11 -0
- package/dist/module/storybook-utils/index.js.map +1 -0
- package/dist/module/styles/index.js +4 -0
- package/dist/module/styles/index.js.map +1 -0
- package/dist/module/styles/mixins/index.js +4 -0
- package/dist/module/styles/mixins/index.js.map +1 -0
- package/dist/module/styles/mixins/shadows/elevation-down-100.js +4 -0
- package/dist/module/styles/mixins/shadows/elevation-down-100.js.map +1 -0
- package/dist/module/styles/mixins/shadows/elevation-down-200.js +4 -0
- package/dist/module/styles/mixins/shadows/elevation-down-200.js.map +1 -0
- package/dist/module/styles/mixins/shadows/elevation-down-300.js +4 -0
- package/dist/module/styles/mixins/shadows/elevation-down-300.js.map +1 -0
- package/dist/module/styles/mixins/shadows/elevation-up-100.js +4 -0
- package/dist/module/styles/mixins/shadows/elevation-up-100.js.map +1 -0
- package/dist/module/styles/mixins/shadows/elevation-up-200.js +4 -0
- package/dist/module/styles/mixins/shadows/elevation-up-200.js.map +1 -0
- package/dist/module/styles/mixins/shadows/elevation-up-300.js +4 -0
- package/dist/module/styles/mixins/shadows/elevation-up-300.js.map +1 -0
- package/dist/module/styles/mixins/shadows/index.js +9 -0
- package/dist/module/styles/mixins/shadows/index.js.map +1 -0
- package/dist/typescript/components/ActionButton/assets/class-variants.d.ts +8 -0
- package/dist/typescript/components/ActionButton/index.d.ts +6 -0
- package/dist/typescript/components/ActionButton/types.d.ts +61 -0
- package/dist/typescript/components/Avatar/assets/class-variants.d.ts +5 -0
- package/dist/typescript/components/Avatar/index.d.ts +2 -0
- package/dist/typescript/components/Avatar/types.d.ts +8 -0
- package/dist/typescript/components/Button/assets/class-variants.d.ts +4 -3
- package/dist/typescript/components/Button/index.d.ts +4 -3
- package/dist/typescript/components/Button/types.d.ts +3 -2
- package/dist/typescript/components/ChatBubble/assets/class-variants.d.ts +8 -0
- package/dist/typescript/components/ChatBubble/components/ChatBubbleContent/index.d.ts +6 -0
- package/dist/typescript/components/ChatBubble/components/ChatBubbleContent/types.d.ts +5 -0
- package/dist/typescript/components/ChatBubble/components/ChatBubbleEar/index.d.ts +8 -0
- package/dist/typescript/components/ChatBubble/components/ChatBubbleLoading/index.d.ts +9 -0
- package/dist/typescript/components/ChatBubble/components/ChatBubbleSeal/index.d.ts +3 -0
- package/dist/typescript/components/ChatBubble/components/ChatBubbleSeal/types.d.ts +4 -0
- package/dist/typescript/components/ChatBubble/components/ChatBubbleText/index.d.ts +6 -0
- package/dist/typescript/components/ChatBubble/components/ChatBubbleText/types.d.ts +4 -0
- package/dist/typescript/components/ChatBubble/components/ChatBubbleTime/index.d.ts +6 -0
- package/dist/typescript/components/ChatBubble/components/ChatBubbleTime/types.d.ts +5 -0
- package/dist/typescript/components/ChatBubble/components/index.d.ts +6 -0
- package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/index.d.ts +3 -0
- package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/types.d.ts +6 -0
- package/dist/typescript/components/ChatBubble/contexts/index.d.ts +1 -0
- package/dist/typescript/components/ChatBubble/index.d.ts +12 -0
- package/dist/typescript/components/ChatBubble/types.d.ts +16 -0
- package/dist/typescript/components/{InputCheckbox → CheckboxInput}/assets/class-variants.d.ts +1 -1
- package/dist/typescript/components/{InputCheckbox → CheckboxInput}/icons/CheckIcon/index.d.ts +1 -1
- package/dist/typescript/components/{InputCheckbox → CheckboxInput}/icons/IndeterminateIcon/index.d.ts +1 -1
- package/dist/typescript/components/CheckboxInput/index.d.ts +2 -0
- package/dist/typescript/components/{InputCheckbox → CheckboxInput}/types.d.ts +3 -2
- package/dist/typescript/components/Chip/assets/class-variants.d.ts +1 -1
- package/dist/typescript/components/Chip/enums/index.d.ts +0 -1
- package/dist/typescript/components/Chip/index.d.ts +3 -2
- package/dist/typescript/components/Chip/types.d.ts +3 -2
- package/dist/typescript/components/HighlightedText/index.d.ts +2 -1
- package/dist/typescript/components/HighlightedText/types.d.ts +9 -3
- package/dist/typescript/components/IconButton/assets/class-variants.d.ts +8 -0
- package/dist/typescript/components/IconButton/assets/design-system-showcase.d.ts +17 -0
- package/dist/typescript/components/IconButton/enums.d.ts +22 -0
- package/dist/typescript/components/IconButton/index.d.ts +2 -0
- package/dist/typescript/components/IconButton/types.d.ts +15 -0
- package/dist/typescript/components/InformationStatus/components/GradientAdd/index.d.ts +2 -1
- package/dist/typescript/components/InformationStatus/components/GradientAdd/types.d.ts +3 -2
- package/dist/typescript/components/InformationStatus/components/GradientAlert/index.d.ts +2 -1
- package/dist/typescript/components/InformationStatus/components/GradientAlert/types.d.ts +3 -2
- package/dist/typescript/components/InformationStatus/components/GradientCheck/index.d.ts +4 -3
- package/dist/typescript/components/InformationStatus/components/GradientCheck/types.d.ts +3 -2
- package/dist/typescript/components/InformationStatus/components/GradientClose/index.d.ts +2 -1
- package/dist/typescript/components/InformationStatus/components/GradientClose/types.d.ts +3 -2
- package/dist/typescript/components/InformationStatus/index.d.ts +1 -1
- package/dist/typescript/components/InformationStatus/types.d.ts +3 -1
- package/dist/typescript/components/ListButton/assets/class-variants.d.ts +11 -0
- package/dist/typescript/components/ListButton/assets/design-system-showcase.d.ts +14 -0
- package/dist/typescript/components/ListButton/enums/index.d.ts +1 -0
- package/dist/typescript/components/ListButton/enums/variant.d.ts +9 -0
- package/dist/typescript/components/ListButton/index.d.ts +2 -0
- package/dist/typescript/components/ListButton/types.d.ts +19 -0
- package/dist/typescript/components/LoadingDots/index.d.ts +1 -1
- package/dist/typescript/components/OtpInput/assets/class-variant.d.ts +5 -0
- package/dist/typescript/components/{InputOTP → OtpInput}/components/InformationStatus/index.d.ts +1 -1
- package/dist/typescript/components/OtpInput/components/InformationStatus/types.d.ts +6 -0
- package/dist/typescript/components/OtpInput/enums/index.d.ts +6 -0
- package/dist/typescript/components/OtpInput/index.d.ts +3 -0
- package/dist/typescript/components/OtpInput/types.d.ts +15 -0
- package/dist/typescript/components/PageIndicators/index.d.ts +2 -0
- package/dist/typescript/components/PageIndicators/types.d.ts +4 -0
- package/dist/typescript/components/PasswordInput/index.d.ts +2 -0
- package/dist/typescript/components/PasswordInput/types.d.ts +3 -0
- package/dist/typescript/components/RadioInput/assets/class-variants.d.ts +6 -0
- package/dist/typescript/components/RadioInput/enums/index.d.ts +9 -0
- package/dist/typescript/components/RadioInput/index.d.ts +2 -0
- package/dist/typescript/components/RadioInput/types.d.ts +8 -0
- package/dist/typescript/components/Seal/assets/class-variants.d.ts +3 -2
- package/dist/typescript/components/Seal/components/AddIcon/index.d.ts +1 -1
- package/dist/typescript/components/Seal/components/AlertIcon/index.d.ts +1 -1
- package/dist/typescript/components/Seal/components/ErrorIcon/index.d.ts +1 -1
- package/dist/typescript/components/Seal/components/LeftIcon/index.d.ts +1 -1
- package/dist/typescript/components/Seal/components/MinusIcon/index.d.ts +1 -1
- package/dist/typescript/components/Seal/components/RightIcon/index.d.ts +1 -1
- package/dist/typescript/components/Seal/components/SuccessIcon/index.d.ts +1 -1
- package/dist/typescript/components/Seal/types.d.ts +3 -1
- package/dist/typescript/components/SelectButton/assets/class-variants.d.ts +7 -0
- package/dist/typescript/components/SelectButton/enums/index.d.ts +4 -0
- package/dist/typescript/components/SelectButton/index.d.ts +2 -0
- package/dist/typescript/components/SelectButton/types.d.ts +18 -0
- package/dist/typescript/components/TextInput/assets/class-variants.d.ts +15 -0
- package/dist/typescript/components/TextInput/enums.d.ts +4 -0
- package/dist/typescript/components/TextInput/index.d.ts +6 -0
- package/dist/typescript/components/TextInput/types.d.ts +21 -0
- package/dist/typescript/components/Title/components/icon/index.d.ts +1 -1
- package/dist/typescript/components/Title/components/icon/types.d.ts +4 -9
- package/dist/typescript/components/Title/components/marker/index.d.ts +1 -1
- package/dist/typescript/components/Title/components/marker/types.d.ts +3 -1
- package/dist/typescript/components/Title/index.d.ts +1 -1
- package/dist/typescript/components/Title/types.d.ts +3 -1
- package/dist/typescript/components/Toast/assets/class-variants.d.ts +8 -0
- package/dist/typescript/components/Toast/enums/index.d.ts +2 -0
- package/dist/typescript/components/Toast/enums/position.d.ts +4 -0
- package/dist/typescript/components/Toast/enums/variant.d.ts +5 -0
- package/dist/typescript/components/Toast/index.d.ts +2 -0
- package/dist/typescript/components/Toast/types.d.ts +11 -0
- package/dist/typescript/components/Toggle/enums/variant.d.ts +1 -1
- package/dist/typescript/components/Toggle/index.d.ts +1 -1
- package/dist/typescript/components/Toggle/types.d.ts +2 -2
- package/dist/typescript/components/Tooltip/assets/class-variant.d.ts +7 -0
- package/dist/typescript/components/Tooltip/components/Content/index.d.ts +2 -0
- package/dist/typescript/components/Tooltip/components/Content/types.d.ts +14 -0
- package/dist/typescript/components/Tooltip/components/index.d.ts +1 -0
- package/dist/typescript/components/Tooltip/enum/index.d.ts +9 -0
- package/dist/typescript/components/Tooltip/hooks/index.d.ts +1 -0
- package/dist/typescript/components/Tooltip/hooks/tooltip-position.d.ts +17 -0
- package/dist/typescript/components/Tooltip/index.d.ts +2 -0
- package/dist/typescript/components/Tooltip/types.d.ts +13 -0
- package/dist/typescript/components/Typography/assets/class-variants.d.ts +4 -0
- package/dist/typescript/components/Typography/index.d.ts +3 -3
- package/dist/typescript/components/Typography/types.d.ts +3 -3
- package/dist/typescript/components/index.d.ts +49 -2
- package/dist/typescript/enums/corners.d.ts +6 -0
- package/dist/typescript/enums/font-weight.d.ts +10 -0
- package/dist/typescript/enums/index.d.ts +4 -0
- package/dist/typescript/enums/size.d.ts +10 -0
- package/dist/typescript/enums/state-variant.d.ts +7 -0
- package/dist/typescript/iconography/Icons/index.d.ts +2 -1
- package/dist/typescript/index.d.ts +2 -0
- package/dist/typescript/storybook-utils/components/CodeBlock/index.d.ts +4 -0
- package/dist/typescript/storybook-utils/components/CodeBlock/types.d.ts +6 -0
- package/dist/typescript/storybook-utils/components/index.d.ts +11 -0
- package/dist/typescript/storybook-utils/index.d.ts +7 -0
- package/dist/typescript/styles/index.d.ts +1 -0
- package/dist/typescript/styles/mixins/index.d.ts +1 -0
- package/dist/typescript/styles/mixins/shadows/elevation-down-100.d.ts +1 -0
- package/dist/typescript/styles/mixins/shadows/elevation-down-200.d.ts +1 -0
- package/dist/typescript/styles/mixins/shadows/elevation-down-300.d.ts +1 -0
- package/dist/typescript/styles/mixins/shadows/elevation-up-100.d.ts +1 -0
- package/dist/typescript/styles/mixins/shadows/elevation-up-200.d.ts +1 -0
- package/dist/typescript/styles/mixins/shadows/elevation-up-300.d.ts +1 -0
- package/dist/typescript/styles/mixins/shadows/index.d.ts +6 -0
- package/package.json +41 -62
- package/src/components/ActionButton/assets/class-variants.ts +51 -0
- package/src/components/ActionButton/index.tsx +147 -0
- package/src/components/ActionButton/types.ts +76 -0
- package/src/components/Avatar/assets/class-variants.ts +23 -0
- package/src/components/Avatar/images/girl.jpg +0 -0
- package/src/components/Avatar/index.tsx +119 -0
- package/src/components/Avatar/types.ts +16 -0
- package/src/components/Button/assets/class-variants.ts +27 -13
- package/src/components/Button/index.tsx +52 -33
- package/src/components/Button/types.ts +3 -2
- package/src/components/ChatBubble/assets/class-variants.ts +77 -0
- package/src/components/ChatBubble/components/ChatBubbleContent/index.tsx +24 -0
- package/src/components/ChatBubble/components/ChatBubbleContent/types.ts +6 -0
- package/src/components/ChatBubble/components/ChatBubbleEar/index.tsx +40 -0
- package/src/components/ChatBubble/components/ChatBubbleLoading/index.tsx +25 -0
- package/src/components/ChatBubble/components/ChatBubbleSeal/index.tsx +37 -0
- package/src/components/ChatBubble/components/ChatBubbleSeal/types.ts +5 -0
- package/src/components/ChatBubble/components/ChatBubbleText/index.tsx +36 -0
- package/src/components/ChatBubble/components/ChatBubbleText/types.ts +6 -0
- package/src/components/ChatBubble/components/ChatBubbleTime/index.tsx +34 -0
- package/src/components/ChatBubble/components/ChatBubbleTime/types.ts +6 -0
- package/src/components/ChatBubble/components/index.ts +6 -0
- package/src/components/ChatBubble/contexts/ChatBubbleContext/index.tsx +17 -0
- package/src/components/ChatBubble/contexts/ChatBubbleContext/types.ts +11 -0
- package/src/components/ChatBubble/contexts/index.ts +1 -0
- package/src/components/ChatBubble/index.tsx +125 -0
- package/src/components/ChatBubble/types.ts +18 -0
- package/src/components/{InputCheckbox → CheckboxInput}/assets/class-variants.ts +1 -1
- package/src/components/{InputCheckbox → CheckboxInput}/index.tsx +10 -8
- package/src/components/{InputCheckbox → CheckboxInput}/types.ts +3 -2
- package/src/components/Chip/assets/class-variants.ts +2 -2
- package/src/components/Chip/enums/index.ts +0 -1
- package/src/components/Chip/index.tsx +20 -10
- package/src/components/Chip/types.ts +3 -2
- package/src/components/HighlightedText/index.tsx +36 -16
- package/src/components/HighlightedText/types.ts +9 -3
- package/src/components/IconButton/assets/class-variants.ts +126 -0
- package/src/components/IconButton/assets/design-system-showcase.ts +246 -0
- package/src/components/IconButton/enums.ts +26 -0
- package/src/components/IconButton/index.tsx +122 -0
- package/src/components/IconButton/types.ts +22 -0
- package/src/components/InformationStatus/components/GradientAdd/index.tsx +107 -56
- package/src/components/InformationStatus/components/GradientAdd/types.ts +3 -2
- package/src/components/InformationStatus/components/GradientAlert/index.tsx +116 -62
- package/src/components/InformationStatus/components/GradientAlert/types.ts +3 -2
- package/src/components/InformationStatus/components/GradientCheck/index.tsx +111 -59
- package/src/components/InformationStatus/components/GradientCheck/types.ts +3 -3
- package/src/components/InformationStatus/components/GradientClose/index.tsx +106 -53
- package/src/components/InformationStatus/components/GradientClose/types.ts +3 -2
- package/src/components/InformationStatus/index.tsx +15 -14
- package/src/components/InformationStatus/types.ts +7 -1
- package/src/components/ListButton/assets/class-variants.ts +78 -0
- package/src/components/ListButton/assets/design-system-showcase.ts +502 -0
- package/src/components/ListButton/enums/index.ts +1 -0
- package/src/components/ListButton/enums/variant.ts +9 -0
- package/src/components/ListButton/index.tsx +128 -0
- package/src/components/ListButton/types.ts +22 -0
- package/src/components/LoadingDots/index.tsx +0 -1
- package/src/components/OtpInput/assets/class-variant.ts +21 -0
- package/src/components/{InputOTP → OtpInput}/components/InformationStatus/index.tsx +21 -19
- package/src/components/OtpInput/components/InformationStatus/types.ts +6 -0
- package/src/components/{InputOTP/enums/information-status.ts → OtpInput/enums/index.ts} +1 -2
- package/src/components/OtpInput/index.tsx +129 -0
- package/src/components/OtpInput/types.ts +16 -0
- package/src/components/PageIndicators/index.tsx +36 -0
- package/src/components/PageIndicators/types.ts +4 -0
- package/src/components/PasswordInput/index.tsx +37 -0
- package/src/components/PasswordInput/types.ts +4 -0
- package/src/components/RadioInput/assets/class-variants.ts +112 -0
- package/src/components/RadioInput/enums/index.ts +9 -0
- package/src/components/RadioInput/index.tsx +36 -0
- package/src/components/RadioInput/types.ts +9 -0
- package/src/components/Seal/assets/class-variants.ts +3 -2
- package/src/components/Seal/components/AddIcon/index.tsx +7 -3
- package/src/components/Seal/components/AlertIcon/index.tsx +7 -3
- package/src/components/Seal/components/ErrorIcon/index.tsx +7 -3
- package/src/components/Seal/components/LeftIcon/index.tsx +7 -3
- package/src/components/Seal/components/MinusIcon/index.tsx +7 -3
- package/src/components/Seal/components/RightIcon/index.tsx +7 -3
- package/src/components/Seal/components/SuccessIcon/index.tsx +7 -3
- package/src/components/Seal/index.tsx +4 -1
- package/src/components/Seal/types.ts +4 -2
- package/src/components/SelectButton/assets/class-variants.ts +28 -0
- package/src/components/SelectButton/enums/index.ts +4 -0
- package/src/components/SelectButton/index.tsx +133 -0
- package/src/components/SelectButton/types.ts +21 -0
- package/src/components/TextInput/assets/class-variants.ts +74 -0
- package/src/components/TextInput/enums.ts +4 -0
- package/src/components/TextInput/index.tsx +159 -0
- package/src/components/TextInput/types.ts +27 -0
- package/src/components/Title/components/icon/index.tsx +2 -1
- package/src/components/Title/components/icon/types.ts +6 -9
- package/src/components/Title/components/marker/index.tsx +4 -3
- package/src/components/Title/components/marker/types.ts +5 -1
- package/src/components/Title/index.tsx +8 -7
- package/src/components/Title/types.ts +11 -1
- package/src/components/Toast/assets/class-variants.ts +32 -0
- package/src/components/Toast/enums/index.ts +2 -0
- package/src/components/Toast/enums/position.ts +4 -0
- package/src/components/Toast/enums/variant.ts +5 -0
- package/src/components/Toast/index.tsx +131 -0
- package/src/components/Toast/types.ts +12 -0
- package/src/components/Toggle/enums/variant.ts +1 -1
- package/src/components/Toggle/index.tsx +2 -2
- package/src/components/Toggle/types.ts +2 -2
- package/src/components/Tooltip/assets/class-variant.ts +26 -0
- package/src/components/Tooltip/components/Content/index.tsx +93 -0
- package/src/components/Tooltip/components/Content/types.ts +15 -0
- package/src/components/Tooltip/components/index.ts +1 -0
- package/src/components/Tooltip/enum/index.ts +10 -0
- package/src/components/Tooltip/hooks/index.ts +1 -0
- package/src/components/Tooltip/hooks/tooltip-position.ts +85 -0
- package/src/components/Tooltip/index.tsx +90 -0
- package/src/components/Tooltip/types.ts +14 -0
- package/src/components/Typography/assets/class-variants.ts +56 -0
- package/src/components/Typography/index.tsx +9 -5
- package/src/components/Typography/types.ts +5 -3
- package/src/components/index.ts +71 -2
- package/src/enums/corners.ts +6 -0
- package/src/enums/font-weight.ts +10 -0
- package/src/enums/index.ts +5 -0
- package/src/enums/size.ts +10 -0
- package/src/enums/state-variant.ts +7 -0
- package/src/iconography/Icons/index.tsx +62 -20
- package/src/index.ts +2 -0
- package/src/storybook-utils/components/CodeBlock/index.tsx +46 -0
- package/src/storybook-utils/components/CodeBlock/types.ts +6 -0
- package/src/storybook-utils/components/index.ts +12 -0
- package/src/storybook-utils/index.ts +8 -0
- package/src/styles/index.ts +1 -0
- package/src/styles/mixins/index.ts +1 -0
- package/src/styles/mixins/shadows/elevation-down-100.tsx +2 -0
- package/src/styles/mixins/shadows/elevation-down-200.tsx +2 -0
- package/src/styles/mixins/shadows/elevation-down-300.tsx +2 -0
- package/src/styles/mixins/shadows/elevation-up-100.tsx +2 -0
- package/src/styles/mixins/shadows/elevation-up-200.tsx +2 -0
- package/src/styles/mixins/shadows/elevation-up-300.tsx +2 -0
- package/src/styles/mixins/shadows/index.ts +6 -0
- package/assets/adaptive-icon.png +0 -0
- package/assets/favicon.png +0 -0
- package/assets/fonts/Nunito-Bold.ttf +0 -0
- package/assets/fonts/Nunito-BoldItalic.ttf +0 -0
- package/assets/fonts/Nunito-Italic.ttf +0 -0
- package/assets/fonts/Nunito-Medium.ttf +0 -0
- package/assets/fonts/Nunito-MediumItalic.ttf +0 -0
- package/assets/fonts/Nunito-Regular.ttf +0 -0
- package/assets/fonts/Nunito-SemiBold.ttf +0 -0
- package/assets/fonts/Nunito-SemiBoldItalic.ttf +0 -0
- package/assets/icon.png +0 -0
- package/assets/splash.png +0 -0
- package/dist/README.md +0 -57
- package/dist/commonjs/components/Chip/enums/chip-size.js +0 -12
- package/dist/commonjs/components/Chip/enums/chip-size.js.map +0 -1
- package/dist/commonjs/components/InputCheckbox/index.js.map +0 -1
- package/dist/commonjs/components/InputOTP/components/InformationStatus/index.js.map +0 -1
- package/dist/commonjs/components/InputOTP/enums/index.js +0 -17
- package/dist/commonjs/components/InputOTP/enums/index.js.map +0 -1
- package/dist/commonjs/components/InputOTP/enums/information-status.js +0 -15
- package/dist/commonjs/components/InputOTP/enums/information-status.js.map +0 -1
- package/dist/commonjs/components/InputOTP/index.js +0 -135
- package/dist/commonjs/components/InputOTP/index.js.map +0 -1
- package/dist/commonjs/hooks/index.js.map +0 -1
- package/dist/commonjs/hooks/use-fonts.js +0 -31
- package/dist/commonjs/hooks/use-fonts.js.map +0 -1
- package/dist/module/components/Chip/enums/chip-size.js +0 -8
- package/dist/module/components/Chip/enums/chip-size.js.map +0 -1
- package/dist/module/components/InputCheckbox/index.js.map +0 -1
- package/dist/module/components/InputOTP/components/InformationStatus/index.js.map +0 -1
- package/dist/module/components/InputOTP/enums/index.js +0 -4
- package/dist/module/components/InputOTP/enums/index.js.map +0 -1
- package/dist/module/components/InputOTP/enums/information-status.js +0 -11
- package/dist/module/components/InputOTP/enums/information-status.js.map +0 -1
- package/dist/module/components/InputOTP/index.js +0 -130
- package/dist/module/components/InputOTP/index.js.map +0 -1
- package/dist/module/hooks/index.js +0 -4
- package/dist/module/hooks/index.js.map +0 -1
- package/dist/module/hooks/use-fonts.js +0 -27
- package/dist/module/hooks/use-fonts.js.map +0 -1
- package/dist/package.json +0 -57
- package/dist/typescript/components/Chip/enums/chip-size.d.ts +0 -4
- package/dist/typescript/components/InputCheckbox/index.d.ts +0 -2
- package/dist/typescript/components/InputOTP/components/InformationStatus/types.d.ts +0 -6
- package/dist/typescript/components/InputOTP/enums/index.d.ts +0 -1
- package/dist/typescript/components/InputOTP/enums/information-status.d.ts +0 -7
- package/dist/typescript/components/InputOTP/index.d.ts +0 -3
- package/dist/typescript/components/InputOTP/types.d.ts +0 -11
- package/dist/typescript/hooks/index.d.ts +0 -1
- package/dist/typescript/hooks/use-fonts.d.ts +0 -10
- package/index.js +0 -6
- package/src/components/Button/index.stories.tsx +0 -407
- package/src/components/Chip/enums/chip-size.ts +0 -4
- package/src/components/Chip/index.stories.tsx +0 -95
- package/src/components/HighlightedText/index.stories.tsx +0 -110
- package/src/components/InformationStatus/index.stories.tsx +0 -112
- package/src/components/InputCheckbox/index.stories.tsx +0 -133
- package/src/components/InputOTP/components/InformationStatus/types.ts +0 -6
- package/src/components/InputOTP/enums/index.ts +0 -1
- package/src/components/InputOTP/index.stories.tsx +0 -247
- package/src/components/InputOTP/index.tsx +0 -177
- package/src/components/InputOTP/types.ts +0 -12
- package/src/components/LoadingDots/index.stories.tsx +0 -74
- package/src/components/Seal/index.stories.tsx +0 -124
- package/src/components/Title/index.stories.tsx +0 -619
- package/src/components/Toggle/index.stories.tsx +0 -88
- package/src/components/Typography/index.stories.tsx +0 -260
- package/src/hooks/index.ts +0 -1
- package/src/hooks/use-fonts.ts +0 -22
- package/src/iconography/Icons/index.stories.tsx +0 -23
- /package/dist/commonjs/components/{InputCheckbox → ActionButton}/types.js +0 -0
- /package/dist/commonjs/components/{InputOTP/components/InformationStatus → Avatar}/types.js +0 -0
- /package/dist/commonjs/components/{InputOTP → ChatBubble/components/ChatBubbleContent}/types.js +0 -0
- /package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/enums/checkbox-variant.js +0 -0
- /package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/enums/index.js +0 -0
- /package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/enums/select-variant.js +0 -0
- /package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/icons/CheckIcon/index.js +0 -0
- /package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/icons/IndeterminateIcon/index.js +0 -0
- /package/dist/commonjs/components/{InputCheckbox → CheckboxInput}/icons/index.js +0 -0
- /package/dist/commonjs/components/{InputOTP → OtpInput}/components/index.js +0 -0
- /package/dist/module/components/{InputCheckbox → ActionButton}/types.js +0 -0
- /package/dist/module/components/{InputOTP/components/InformationStatus → Avatar}/types.js +0 -0
- /package/dist/module/components/{InputOTP → ChatBubble/components/ChatBubbleContent}/types.js +0 -0
- /package/dist/module/components/{InputCheckbox → CheckboxInput}/enums/checkbox-variant.js +0 -0
- /package/dist/module/components/{InputCheckbox → CheckboxInput}/enums/index.js +0 -0
- /package/dist/module/components/{InputCheckbox → CheckboxInput}/enums/select-variant.js +0 -0
- /package/dist/module/components/{InputCheckbox → CheckboxInput}/icons/CheckIcon/index.js +0 -0
- /package/dist/module/components/{InputCheckbox → CheckboxInput}/icons/IndeterminateIcon/index.js +0 -0
- /package/dist/module/components/{InputCheckbox → CheckboxInput}/icons/index.js +0 -0
- /package/dist/module/components/{InputOTP → OtpInput}/components/index.js +0 -0
- /package/dist/typescript/components/{InputCheckbox → CheckboxInput}/enums/checkbox-variant.d.ts +0 -0
- /package/dist/typescript/components/{InputCheckbox → CheckboxInput}/enums/index.d.ts +0 -0
- /package/dist/typescript/components/{InputCheckbox → CheckboxInput}/enums/select-variant.d.ts +0 -0
- /package/dist/typescript/components/{InputCheckbox → CheckboxInput}/icons/index.d.ts +0 -0
- /package/dist/typescript/components/{InputOTP → OtpInput}/components/index.d.ts +0 -0
- /package/src/components/{InputCheckbox → CheckboxInput}/enums/checkbox-variant.ts +0 -0
- /package/src/components/{InputCheckbox → CheckboxInput}/enums/index.ts +0 -0
- /package/src/components/{InputCheckbox → CheckboxInput}/enums/select-variant.ts +0 -0
- /package/src/components/{InputCheckbox → CheckboxInput}/icons/CheckIcon/index.tsx +0 -0
- /package/src/components/{InputCheckbox → CheckboxInput}/icons/IndeterminateIcon/index.tsx +0 -0
- /package/src/components/{InputCheckbox → CheckboxInput}/icons/index.ts +0 -0
- /package/src/components/{InputOTP → OtpInput}/components/index.ts +0 -0
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Animated, Pressable, View } from "react-native";
|
|
4
|
+
import { Typography } from "../Typography/index.js";
|
|
5
|
+
import { ListButtonVariantEnum } from "./enums/index.js";
|
|
6
|
+
import { SizeEnum, CornersEnum } from "../../enums/index.js";
|
|
7
|
+
import { ArrowChevronRightStroke } from "@kivid/icons/native";
|
|
8
|
+
import { buttonVariants, textVariants } from "./assets/class-variants.js";
|
|
9
|
+
import { merge } from "@kivid/tailwind-preset";
|
|
10
|
+
import { useRef } from "react";
|
|
11
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
|
|
13
|
+
export function ListButton(props) {
|
|
14
|
+
const {
|
|
15
|
+
iconLeft,
|
|
16
|
+
iconRight,
|
|
17
|
+
children,
|
|
18
|
+
variant = ListButtonVariantEnum.GRAPE,
|
|
19
|
+
size = SizeEnum.SMALL,
|
|
20
|
+
corners = CornersEnum.SMALL,
|
|
21
|
+
disabled = false,
|
|
22
|
+
className,
|
|
23
|
+
iconLeftContainerClassName,
|
|
24
|
+
iconRightContainerClassName,
|
|
25
|
+
accessibilityLabel,
|
|
26
|
+
numberOfLines = 1,
|
|
27
|
+
onPressIn,
|
|
28
|
+
onPressOut,
|
|
29
|
+
...rest
|
|
30
|
+
} = props;
|
|
31
|
+
const typographyVariantMap = {
|
|
32
|
+
small: "label_small",
|
|
33
|
+
medium: "label_medium",
|
|
34
|
+
large: "label_large"
|
|
35
|
+
};
|
|
36
|
+
const typographyVariant = typographyVariantMap[size];
|
|
37
|
+
const chevronIconColor = variant === ListButtonVariantEnum.OUTLINE ? "#393E3E" : "#FAFCFC";
|
|
38
|
+
const textStyle = textVariants({
|
|
39
|
+
variant
|
|
40
|
+
});
|
|
41
|
+
const animatedValue = useRef(new Animated.Value(1)).current;
|
|
42
|
+
const handlePressIn = event => {
|
|
43
|
+
Animated.timing(animatedValue, {
|
|
44
|
+
toValue: 0.7,
|
|
45
|
+
duration: 100,
|
|
46
|
+
useNativeDriver: true
|
|
47
|
+
}).start();
|
|
48
|
+
onPressIn?.(event);
|
|
49
|
+
};
|
|
50
|
+
const handlePressOut = event => {
|
|
51
|
+
Animated.timing(animatedValue, {
|
|
52
|
+
toValue: 1,
|
|
53
|
+
duration: 100,
|
|
54
|
+
useNativeDriver: true
|
|
55
|
+
}).start();
|
|
56
|
+
onPressOut?.(event);
|
|
57
|
+
};
|
|
58
|
+
function renderLeftIcon() {
|
|
59
|
+
if (iconLeft) {
|
|
60
|
+
return /*#__PURE__*/_jsx(View, {
|
|
61
|
+
className: "mr-400",
|
|
62
|
+
children: iconLeft
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
return null;
|
|
66
|
+
}
|
|
67
|
+
function renderRightIcon() {
|
|
68
|
+
if (iconRight) {
|
|
69
|
+
return /*#__PURE__*/_jsx(View, {
|
|
70
|
+
className: "ml-400",
|
|
71
|
+
children: iconRight
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
return /*#__PURE__*/_jsx(View, {
|
|
75
|
+
className: "ml-400",
|
|
76
|
+
children: /*#__PURE__*/_jsx(ArrowChevronRightStroke, {
|
|
77
|
+
color: chevronIconColor
|
|
78
|
+
})
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
return /*#__PURE__*/_jsxs(AnimatedPressable, {
|
|
82
|
+
className: merge(buttonVariants({
|
|
83
|
+
variant,
|
|
84
|
+
size,
|
|
85
|
+
corners
|
|
86
|
+
}), className),
|
|
87
|
+
style: {
|
|
88
|
+
opacity: disabled ? 0.3 : animatedValue
|
|
89
|
+
},
|
|
90
|
+
disabled: disabled,
|
|
91
|
+
accessibilityRole: "button",
|
|
92
|
+
accessibilityLabel: accessibilityLabel ?? (typeof children === "string" ? children : undefined),
|
|
93
|
+
accessibilityState: {
|
|
94
|
+
disabled: disabled
|
|
95
|
+
},
|
|
96
|
+
onPressIn: handlePressIn,
|
|
97
|
+
onPressOut: handlePressOut,
|
|
98
|
+
...rest,
|
|
99
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
100
|
+
className: "flex flex-row items-center flex-1",
|
|
101
|
+
children: [renderLeftIcon(), /*#__PURE__*/_jsx(Typography, {
|
|
102
|
+
ellipsizeMode: "tail",
|
|
103
|
+
variant: typographyVariant,
|
|
104
|
+
weight: "700",
|
|
105
|
+
className: merge(textStyle, "truncate flex-1 "),
|
|
106
|
+
numberOfLines: numberOfLines,
|
|
107
|
+
children: children
|
|
108
|
+
})]
|
|
109
|
+
}), renderRightIcon()]
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Animated","Pressable","View","Typography","ListButtonVariantEnum","SizeEnum","CornersEnum","ArrowChevronRightStroke","buttonVariants","textVariants","merge","useRef","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","ListButton","props","iconLeft","iconRight","children","variant","GRAPE","size","SMALL","corners","disabled","className","iconLeftContainerClassName","iconRightContainerClassName","accessibilityLabel","numberOfLines","onPressIn","onPressOut","rest","typographyVariantMap","small","medium","large","typographyVariant","chevronIconColor","OUTLINE","textStyle","animatedValue","Value","current","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","renderLeftIcon","renderRightIcon","color","style","opacity","accessibilityRole","undefined","accessibilityState","ellipsizeMode","weight"],"sourceRoot":"../../../../src","sources":["components/ListButton/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/ListButton/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["LottieView","View","jsx","_jsx","LoadingDots","variant","className","style","lottieViewStyle","ref","rest","variantsMap","grape","require","light","dark","purposefulOverwrittenSrc","narrowedStyle","children","loop","autoPlay","width","height","source"],"sourceRoot":"../../../../src","sources":["components/LoadingDots/index.tsx"],"mappings":";;AAAA,OAAOA,UAAU,MAAM,qBAAqB;
|
|
1
|
+
{"version":3,"names":["LottieView","View","jsx","_jsx","LoadingDots","variant","className","style","lottieViewStyle","ref","rest","variantsMap","grape","require","light","dark","purposefulOverwrittenSrc","narrowedStyle","children","loop","autoPlay","width","height","source"],"sourceRoot":"../../../../src","sources":["components/LoadingDots/index.tsx"],"mappings":";;AAAA,OAAOA,UAAU,MAAM,qBAAqB;AAE5C,SAASC,IAAI,QAAmB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/C,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAC1BC,OAAO,GAAG,OAAO;EACjBC,SAAS;EACTC,KAAK;EACLC,eAAe;EACfC,GAAG;EACH,GAAGC;AACa,CAAC,KAAK;EACtB,MAAMC,WAA+C,GAAG;IACtDC,KAAK,EAAEC,OAAO,CAAC,oCAAoC,CAAC;IACpDC,KAAK,EAAED,OAAO,CAAC,oCAAoC,CAAC;IACpDE,IAAI,EAAEF,OAAO,CAAC,mCAAmC;EACnD,CAAC;EAED,MAAMG,wBAAwB,GAAGL,WAAW,CAACN,OAAO,CAAC;EAErD,MAAMY,aAAa,GAAIT,eAAe,IAAkB,CAAC,CAAC;EAE1D,oBACEL,IAAA,CAACF,IAAI;IAACK,SAAS,EAAEA,SAAU;IAACC,KAAK,EAAEA,KAAM;IAACE,GAAG,EAAEA,GAAI;IAAAS,QAAA,eACjDf,IAAA,CAACH,UAAU;MACTmB,IAAI,EAAE,IAAK;MACXC,QAAQ,EAAE,IAAK;MAAA,GACXV,IAAI;MACRH,KAAK,EAAE;QAAEc,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE,EAAE;QAAE,GAAGL;MAAc,CAAE;MACnDM,MAAM,EAAEP;IAAyB,CAClC;EAAC,CACE,CAAC;AAEX,CAAC;AAED,eAAeZ,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
export const inputVariants = cva("h-1000 flex-1 text-center text-3 font-bold leading-1300 border-100 bg-chia-100 placeholder-chia-400", {
|
|
5
|
+
variants: {
|
|
6
|
+
rounded: {
|
|
7
|
+
true: "rounded-700",
|
|
8
|
+
false: "rounded-500"
|
|
9
|
+
},
|
|
10
|
+
disabled: {
|
|
11
|
+
true: "opacity-50",
|
|
12
|
+
false: ""
|
|
13
|
+
},
|
|
14
|
+
hasError: {
|
|
15
|
+
true: "border-blackberry-500 text-blackberry-500",
|
|
16
|
+
false: "border-chia-400 text-chia-900"
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=class-variant.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["cva","inputVariants","variants","rounded","true","false","disabled","hasError"],"sourceRoot":"../../../../../src","sources":["components/OtpInput/assets/class-variant.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAE9C,OAAO,MAAMC,aAAa,GAAGD,GAAG,CAC9B,qGAAqG,EACrG;EACEE,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAE,aAAa;MACnBC,KAAK,EAAE;IACT,CAAC;IACDC,QAAQ,EAAE;MACRF,IAAI,EAAE,YAAY;MAClBC,KAAK,EAAE;IACT,CAAC;IACDE,QAAQ,EAAE;MACRH,IAAI,EAAE,2CAA2C;MACjDC,KAAK,EAAE;IACT;EACF;AACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -3,31 +3,32 @@
|
|
|
3
3
|
|
|
4
4
|
import { useMemo } from "react";
|
|
5
5
|
import { merge } from "@kivid/tailwind-preset";
|
|
6
|
-
import Button from "../../../Button/index.js";
|
|
6
|
+
import { Button } from "../../../Button/index.js";
|
|
7
7
|
import { HighlightedText } from "../../../HighlightedText/index.js";
|
|
8
8
|
import LoadingDots from "../../../LoadingDots/index.js";
|
|
9
9
|
import { Chip } from "../../../Chip/index.js";
|
|
10
|
-
import { Text } from "react-native";
|
|
10
|
+
import { Text, View } from "react-native";
|
|
11
11
|
import { ChipVariantEnum } from "../../../Chip/enums/index.js";
|
|
12
12
|
import { SealVariantEnum } from "../../../Seal/enums/index.js";
|
|
13
|
-
import {
|
|
13
|
+
import { OTPInputInformationStatusEnum } from "../../enums/index.js";
|
|
14
|
+
import { SizeEnum, CornersEnum } from "../../../../enums/index.js";
|
|
14
15
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
16
|
export function InformationStatus(props) {
|
|
16
17
|
const {
|
|
17
|
-
status =
|
|
18
|
+
status = OTPInputInformationStatusEnum.DEFAULT,
|
|
18
19
|
disabled = false,
|
|
19
20
|
onPress
|
|
20
21
|
} = props;
|
|
21
22
|
const renderInformation = useMemo(() => {
|
|
22
23
|
const textStyle = merge("", disabled && "opacity-50");
|
|
23
|
-
if (status ===
|
|
24
|
+
if (status === OTPInputInformationStatusEnum.DEFAULT) {
|
|
24
25
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
25
26
|
children: [/*#__PURE__*/_jsx(Button, {
|
|
26
27
|
variant: "outline",
|
|
27
|
-
corners:
|
|
28
|
+
corners: CornersEnum.MEDIUM,
|
|
28
29
|
disabled: disabled,
|
|
29
30
|
onPress: onPress,
|
|
30
|
-
size:
|
|
31
|
+
size: SizeEnum.SMALL,
|
|
31
32
|
children: "Reenviar c\xF3digo"
|
|
32
33
|
}), /*#__PURE__*/_jsx(HighlightedText, {
|
|
33
34
|
highlightText: "Pronto,",
|
|
@@ -37,7 +38,7 @@ export function InformationStatus(props) {
|
|
|
37
38
|
})]
|
|
38
39
|
});
|
|
39
40
|
}
|
|
40
|
-
if (status ===
|
|
41
|
+
if (status === OTPInputInformationStatusEnum.LOADING) {
|
|
41
42
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
42
43
|
children: [/*#__PURE__*/_jsx(LoadingDots, {
|
|
43
44
|
variant: "dark"
|
|
@@ -49,28 +50,30 @@ export function InformationStatus(props) {
|
|
|
49
50
|
})]
|
|
50
51
|
});
|
|
51
52
|
}
|
|
52
|
-
if (status ===
|
|
53
|
-
return /*#__PURE__*/_jsxs(
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
sealVariant: SealVariantEnum.SUCCESS,
|
|
57
|
-
label: "Confirmado"
|
|
58
|
-
}), /*#__PURE__*/_jsx(HighlightedText, {
|
|
53
|
+
if (status === OTPInputInformationStatusEnum.SUCCESS) {
|
|
54
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
55
|
+
className: "flex flex-col mt-600 gap-600 items-center",
|
|
56
|
+
children: [/*#__PURE__*/_jsx(HighlightedText, {
|
|
59
57
|
highlightText: "C\xF3digo validado",
|
|
60
58
|
text: "com sucesso.",
|
|
61
59
|
reverse: true,
|
|
62
60
|
className: textStyle
|
|
61
|
+
}), /*#__PURE__*/_jsx(Chip, {
|
|
62
|
+
variant: ChipVariantEnum.OUTLINE,
|
|
63
|
+
sealVariant: SealVariantEnum.SUCCESS,
|
|
64
|
+
label: "Confirmado",
|
|
65
|
+
className: "max-w-fit"
|
|
63
66
|
})]
|
|
64
67
|
});
|
|
65
68
|
}
|
|
66
|
-
if (status ===
|
|
69
|
+
if (status === OTPInputInformationStatusEnum.ERROR) {
|
|
67
70
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
68
71
|
children: [/*#__PURE__*/_jsx(Button, {
|
|
69
72
|
variant: "outline",
|
|
70
|
-
corners:
|
|
73
|
+
corners: CornersEnum.MEDIUM,
|
|
71
74
|
disabled: disabled,
|
|
72
75
|
onPress: onPress,
|
|
73
|
-
size:
|
|
76
|
+
size: SizeEnum.SMALL,
|
|
74
77
|
children: "Reenviar c\xF3digo"
|
|
75
78
|
}), /*#__PURE__*/_jsx(Text, {
|
|
76
79
|
className: disabled ? "opacity-50" : "",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useMemo","merge","Button","HighlightedText","LoadingDots","Chip","Text","View","ChipVariantEnum","SealVariantEnum","OTPInputInformationStatusEnum","SizeEnum","CornersEnum","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","InformationStatus","props","status","DEFAULT","disabled","onPress","renderInformation","textStyle","children","variant","corners","MEDIUM","size","SMALL","highlightText","text","reverse","className","LOADING","SUCCESS","OUTLINE","sealVariant","label","ERROR"],"sourceRoot":"../../../../../../src","sources":["components/OtpInput/components/InformationStatus/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../../src","sources":["components/OtpInput/components/InformationStatus/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/OtpInput/components/index.ts"],"mappings":";;AAAA,cAAc,8BAAqB","ignoreList":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export let OTPInputInformationStatusEnum = /*#__PURE__*/function (OTPInputInformationStatusEnum) {
|
|
4
|
+
OTPInputInformationStatusEnum["DEFAULT"] = "default";
|
|
5
|
+
OTPInputInformationStatusEnum["ERROR"] = "error";
|
|
6
|
+
OTPInputInformationStatusEnum["SUCCESS"] = "success";
|
|
7
|
+
OTPInputInformationStatusEnum["LOADING"] = "loading";
|
|
8
|
+
return OTPInputInformationStatusEnum;
|
|
9
|
+
}({});
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["OTPInputInformationStatusEnum"],"sourceRoot":"../../../../../src","sources":["components/OtpInput/enums/index.ts"],"mappings":";;AAAA,WAAYA,6BAA6B,0BAA7BA,6BAA6B;EAA7BA,6BAA6B;EAA7BA,6BAA6B;EAA7BA,6BAA6B;EAA7BA,6BAA6B;EAAA,OAA7BA,6BAA6B;AAAA","ignoreList":[]}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useRef, useState } from "react";
|
|
4
|
+
import { OTPInputInformationStatusEnum } from "./enums/index.js";
|
|
5
|
+
import { TextInput, Text, View, Platform } from "react-native";
|
|
6
|
+
import { merge } from "@kivid/tailwind-preset";
|
|
7
|
+
import { inputVariants } from "./assets/class-variant.js";
|
|
8
|
+
import { InformationStatus } from "./components/index.js";
|
|
9
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
export function OtpInput(props) {
|
|
11
|
+
const {
|
|
12
|
+
status = OTPInputInformationStatusEnum.DEFAULT,
|
|
13
|
+
length = 6,
|
|
14
|
+
customInformation,
|
|
15
|
+
rounded = false,
|
|
16
|
+
disabled = false,
|
|
17
|
+
inputClassName,
|
|
18
|
+
value: controlledValue,
|
|
19
|
+
onChange,
|
|
20
|
+
onBlur,
|
|
21
|
+
onComplete,
|
|
22
|
+
onPressRetryToken
|
|
23
|
+
} = props;
|
|
24
|
+
const hasError = status === OTPInputInformationStatusEnum.ERROR;
|
|
25
|
+
const [internalCode, setInternalCode] = useState("");
|
|
26
|
+
const isControlled = controlledValue !== undefined;
|
|
27
|
+
const code = isControlled ? controlledValue : internalCode;
|
|
28
|
+
const textInputRef = useRef(null);
|
|
29
|
+
const codeDigitsArray = new Array(length).fill(0);
|
|
30
|
+
const inputStyle = merge(inputVariants({
|
|
31
|
+
rounded,
|
|
32
|
+
hasError,
|
|
33
|
+
disabled
|
|
34
|
+
}), inputClassName);
|
|
35
|
+
const [inputContainerIsFocused, setInputContainerIsFocused] = useState(false);
|
|
36
|
+
function handleOnPress() {
|
|
37
|
+
setInputContainerIsFocused(true);
|
|
38
|
+
textInputRef.current?.focus();
|
|
39
|
+
}
|
|
40
|
+
function handleOnBlur() {
|
|
41
|
+
setInputContainerIsFocused(false);
|
|
42
|
+
onBlur?.();
|
|
43
|
+
}
|
|
44
|
+
function handleChangeText(text) {
|
|
45
|
+
const textInputQuantity = text.replace(/\s+/g, "").slice(0, length);
|
|
46
|
+
if (!isControlled) {
|
|
47
|
+
setInternalCode(textInputQuantity);
|
|
48
|
+
}
|
|
49
|
+
onChange?.(textInputQuantity);
|
|
50
|
+
if (textInputQuantity.length === length) {
|
|
51
|
+
onComplete?.(textInputQuantity);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
function handleInformationStatusOnPress() {
|
|
55
|
+
if (code.length === length) {
|
|
56
|
+
onPressRetryToken?.(code);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
function renderInformationStatus() {
|
|
60
|
+
if (customInformation) {
|
|
61
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
62
|
+
children: customInformation
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
return /*#__PURE__*/_jsx(InformationStatus, {
|
|
66
|
+
status: status,
|
|
67
|
+
onPress: handleInformationStatusOnPress
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
function renderDigit(_value, index) {
|
|
71
|
+
const isCurrentDigit = index === code.length;
|
|
72
|
+
const isLastDigit = index === length - 1;
|
|
73
|
+
const isCodeFull = code.length === length;
|
|
74
|
+
const isDigitFocused = isCurrentDigit && inputContainerIsFocused || isLastDigit && isCodeFull && inputContainerIsFocused;
|
|
75
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
76
|
+
className: inputStyle,
|
|
77
|
+
style: {
|
|
78
|
+
...(isDigitFocused ? {
|
|
79
|
+
borderColor: "#98A3A3"
|
|
80
|
+
} : {}),
|
|
81
|
+
...(code[index] ? {} : {
|
|
82
|
+
color: "#98A3A3"
|
|
83
|
+
})
|
|
84
|
+
},
|
|
85
|
+
children: code[index] ?? "•"
|
|
86
|
+
}, index);
|
|
87
|
+
}
|
|
88
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
89
|
+
className: "flex-col gap-300 items-center justify-between",
|
|
90
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
91
|
+
className: "flex-row gap-400",
|
|
92
|
+
children: codeDigitsArray.map(renderDigit)
|
|
93
|
+
}), /*#__PURE__*/_jsx(TextInput, {
|
|
94
|
+
className: "w-full h-1000 absolute text-transparent android:opacity-0",
|
|
95
|
+
value: code,
|
|
96
|
+
onChangeText: handleChangeText,
|
|
97
|
+
maxLength: length,
|
|
98
|
+
editable: !disabled,
|
|
99
|
+
returnKeyType: "done",
|
|
100
|
+
textContentType: "oneTimeCode",
|
|
101
|
+
ref: textInputRef,
|
|
102
|
+
onBlur: handleOnBlur,
|
|
103
|
+
onPress: handleOnPress,
|
|
104
|
+
caretHidden: true,
|
|
105
|
+
autoComplete: Platform.OS === "android" ? "sms-otp" : "one-time-code"
|
|
106
|
+
}), renderInformationStatus()]
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
export default OtpInput;
|
|
110
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useRef","useState","OTPInputInformationStatusEnum","TextInput","Text","View","Platform","merge","inputVariants","InformationStatus","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","OtpInput","props","status","DEFAULT","length","customInformation","rounded","disabled","inputClassName","value","controlledValue","onChange","onBlur","onComplete","onPressRetryToken","hasError","ERROR","internalCode","setInternalCode","isControlled","undefined","code","textInputRef","codeDigitsArray","Array","fill","inputStyle","inputContainerIsFocused","setInputContainerIsFocused","handleOnPress","current","focus","handleOnBlur","handleChangeText","text","textInputQuantity","replace","slice","handleInformationStatusOnPress","renderInformationStatus","children","onPress","renderDigit","_value","index","isCurrentDigit","isLastDigit","isCodeFull","isDigitFocused","className","style","borderColor","color","map","onChangeText","maxLength","editable","returnKeyType","textContentType","ref","caretHidden","autoComplete","OS"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/OtpInput/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { View } from "react-native";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
export function PageIndicators(props) {
|
|
7
|
+
const {
|
|
8
|
+
totalPages,
|
|
9
|
+
isCurrentPage
|
|
10
|
+
} = props;
|
|
11
|
+
const indicatorVariantStyle = cva("rounded-300", {
|
|
12
|
+
variants: {
|
|
13
|
+
active: {
|
|
14
|
+
true: "w-600 h-400 bg-chia-700",
|
|
15
|
+
false: "w-400 h-400 bg-chia-500"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: {
|
|
19
|
+
active: false
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const indicators = Array.from({
|
|
23
|
+
length: totalPages
|
|
24
|
+
}, (_, index) => {
|
|
25
|
+
const isActive = isCurrentPage(index);
|
|
26
|
+
return /*#__PURE__*/_jsx(View, {
|
|
27
|
+
className: indicatorVariantStyle({
|
|
28
|
+
active: isActive
|
|
29
|
+
})
|
|
30
|
+
}, index);
|
|
31
|
+
});
|
|
32
|
+
return /*#__PURE__*/_jsx(View, {
|
|
33
|
+
className: "flex-row gap-2 items-center justify-center",
|
|
34
|
+
children: indicators
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","cva","jsx","_jsx","PageIndicators","props","totalPages","isCurrentPage","indicatorVariantStyle","variants","active","true","false","defaultVariants","indicators","Array","from","length","_","index","isActive","className","children"],"sourceRoot":"../../../../src","sources":["components/PageIndicators/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,GAAG,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/C,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAM;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAGF,KAAK;EAE3C,MAAMG,qBAAqB,GAAGP,GAAG,CAAC,aAAa,EAAE;IAC/CQ,QAAQ,EAAE;MACRC,MAAM,EAAE;QACNC,IAAI,EAAE,yBAAyB;QAC/BC,KAAK,EAAE;MACT;IACF,CAAC;IACDC,eAAe,EAAE;MACfH,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,MAAMI,UAAU,GAAGC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEX;EAAW,CAAC,EAAE,CAACY,CAAC,EAAEC,KAAK,KAAK;IAClE,MAAMC,QAAQ,GAAGb,aAAa,CAACY,KAAK,CAAC;IAErC,oBACEhB,IAAA,CAACH,IAAI;MAEHqB,SAAS,EAAEb,qBAAqB,CAAC;QAAEE,MAAM,EAAEU;MAAS,CAAC;IAAE,GADlDD,KAEN,CAAC;EAEN,CAAC,CAAC;EAEF,oBACEhB,IAAA,CAACH,IAAI;IAACqB,SAAS,EAAC,4CAA4C;IAAAC,QAAA,EACzDR;EAAU,CACP,CAAC;AAEX","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/PageIndicators/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useState } from "react";
|
|
4
|
+
import TextInput from "../TextInput/index.js";
|
|
5
|
+
import { IconButton } from "../IconButton/index.js";
|
|
6
|
+
import { EssentialEyeStroke, EssentialEyeOffStroke } from "@kivid/icons/native";
|
|
7
|
+
import { IconButtonVariantEnum } from "../IconButton/enums.js";
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
export function PasswordInput(props) {
|
|
10
|
+
const [shouldHidePassword, setShouldHidePassword] = useState(true);
|
|
11
|
+
function toogleHidePassword() {
|
|
12
|
+
setShouldHidePassword(!shouldHidePassword);
|
|
13
|
+
}
|
|
14
|
+
function renderIcon() {
|
|
15
|
+
if (shouldHidePassword) {
|
|
16
|
+
return /*#__PURE__*/_jsx(EssentialEyeStroke, {
|
|
17
|
+
size: 24,
|
|
18
|
+
className: "text-chia-900"
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
return /*#__PURE__*/_jsx(EssentialEyeOffStroke, {
|
|
22
|
+
size: 24,
|
|
23
|
+
className: "text-chia-900"
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
return /*#__PURE__*/_jsx(TextInput, {
|
|
27
|
+
...props,
|
|
28
|
+
secureTextEntry: shouldHidePassword,
|
|
29
|
+
rightIcon: /*#__PURE__*/_jsx(IconButton, {
|
|
30
|
+
onPress: toogleHidePassword,
|
|
31
|
+
accessibilityLabel: "Toggle Password Visibility",
|
|
32
|
+
variant: IconButtonVariantEnum.GHOST,
|
|
33
|
+
icon: renderIcon()
|
|
34
|
+
})
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","TextInput","IconButton","EssentialEyeStroke","EssentialEyeOffStroke","IconButtonVariantEnum","jsx","_jsx","PasswordInput","props","shouldHidePassword","setShouldHidePassword","toogleHidePassword","renderIcon","size","className","secureTextEntry","rightIcon","onPress","accessibilityLabel","variant","GHOST","icon"],"sourceRoot":"../../../../src","sources":["components/PasswordInput/index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,OAAOC,SAAS,MAAM,uBAAc;AACpC,SAASC,UAAU,QAAQ,wBAAe;AAE1C,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,qBAAqB;AAC/E,SAASC,qBAAqB,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5D,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGX,QAAQ,CAAC,IAAI,CAAC;EAElE,SAASY,kBAAkBA,CAAA,EAAG;IAC5BD,qBAAqB,CAAC,CAACD,kBAAkB,CAAC;EAC5C;EAEA,SAASG,UAAUA,CAAA,EAAG;IACpB,IAAIH,kBAAkB,EAAE;MACtB,oBAAOH,IAAA,CAACJ,kBAAkB;QAACW,IAAI,EAAE,EAAG;QAACC,SAAS,EAAC;MAAe,CAAE,CAAC;IACnE;IAEA,oBAAOR,IAAA,CAACH,qBAAqB;MAACU,IAAI,EAAE,EAAG;MAACC,SAAS,EAAC;IAAe,CAAE,CAAC;EACtE;EAEA,oBACER,IAAA,CAACN,SAAS;IAAA,GACJQ,KAAK;IACTO,eAAe,EAAEN,kBAAmB;IACpCO,SAAS,eACPV,IAAA,CAACL,UAAU;MACTgB,OAAO,EAAEN,kBAAmB;MAC5BO,kBAAkB,EAAC,4BAA4B;MAC/CC,OAAO,EAAEf,qBAAqB,CAACgB,KAAM;MACrCC,IAAI,EAAET,UAAU,CAAC;IAAE,CACpB;EACF,CACF,CAAC;AAEN","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/PasswordInput/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
import { RadioInputVariantEnum } from "../enums/index.js";
|
|
5
|
+
export const radioInputVariants = cva("w-[20px] h-[20px] rounded-full border-200 flex items-center justify-center", {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
[RadioInputVariantEnum.GRAPE]: ["bg-chia-200 border-chia-400"],
|
|
9
|
+
[RadioInputVariantEnum.JAVA]: ["bg-chia-200 border-chia-400"],
|
|
10
|
+
[RadioInputVariantEnum.PEAR]: ["bg-chia-200 border-chia-400"],
|
|
11
|
+
[RadioInputVariantEnum.TANGERINE]: ["bg-chia-200 border-chia-400"],
|
|
12
|
+
[RadioInputVariantEnum.CHIA]: ["bg-chia-200 border-chia-400"],
|
|
13
|
+
[RadioInputVariantEnum.PITAYA]: ["bg-chia-200 border-chia-400"],
|
|
14
|
+
[RadioInputVariantEnum.MANGO]: ["bg-chia-200 border-chia-400"]
|
|
15
|
+
},
|
|
16
|
+
isSelected: {
|
|
17
|
+
true: null,
|
|
18
|
+
false: "bg-chia-100 border-chia-400"
|
|
19
|
+
},
|
|
20
|
+
disabled: {
|
|
21
|
+
true: "opacity-50 cursor-not-allowed",
|
|
22
|
+
false: "cursor-pointer"
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
compoundVariants: [{
|
|
26
|
+
variant: RadioInputVariantEnum.GRAPE,
|
|
27
|
+
isSelected: true,
|
|
28
|
+
class: "bg-grape-500 border-grape-500"
|
|
29
|
+
}, {
|
|
30
|
+
variant: RadioInputVariantEnum.JAVA,
|
|
31
|
+
isSelected: true,
|
|
32
|
+
class: "bg-java-500 border-java-500"
|
|
33
|
+
}, {
|
|
34
|
+
variant: RadioInputVariantEnum.PEAR,
|
|
35
|
+
isSelected: true,
|
|
36
|
+
class: "bg-pear-500 border-pear-500"
|
|
37
|
+
}, {
|
|
38
|
+
variant: RadioInputVariantEnum.TANGERINE,
|
|
39
|
+
isSelected: true,
|
|
40
|
+
class: "bg-tangerine-500 border-tangerine-500"
|
|
41
|
+
}, {
|
|
42
|
+
variant: RadioInputVariantEnum.CHIA,
|
|
43
|
+
isSelected: true,
|
|
44
|
+
class: "bg-chia-600 border-chia-600"
|
|
45
|
+
}, {
|
|
46
|
+
variant: RadioInputVariantEnum.PITAYA,
|
|
47
|
+
isSelected: true,
|
|
48
|
+
class: "bg-pitaya-500 border-pitaya-500"
|
|
49
|
+
}, {
|
|
50
|
+
variant: RadioInputVariantEnum.MANGO,
|
|
51
|
+
isSelected: true,
|
|
52
|
+
class: "bg-mango-500 border-mango-500"
|
|
53
|
+
},
|
|
54
|
+
// Compound variants para disabled + selected para manter cores mais claras apenas quando selecionado
|
|
55
|
+
{
|
|
56
|
+
variant: RadioInputVariantEnum.GRAPE,
|
|
57
|
+
isSelected: true,
|
|
58
|
+
disabled: true,
|
|
59
|
+
class: "bg-grape-300 border-grape-300"
|
|
60
|
+
}, {
|
|
61
|
+
variant: RadioInputVariantEnum.JAVA,
|
|
62
|
+
isSelected: true,
|
|
63
|
+
disabled: true,
|
|
64
|
+
class: "bg-java-300 border-java-300"
|
|
65
|
+
}, {
|
|
66
|
+
variant: RadioInputVariantEnum.PEAR,
|
|
67
|
+
isSelected: true,
|
|
68
|
+
disabled: true,
|
|
69
|
+
class: "bg-pear-300 border-pear-300"
|
|
70
|
+
}, {
|
|
71
|
+
variant: RadioInputVariantEnum.TANGERINE,
|
|
72
|
+
isSelected: true,
|
|
73
|
+
disabled: true,
|
|
74
|
+
class: "bg-tangerine-300 border-tangerine-300"
|
|
75
|
+
}, {
|
|
76
|
+
variant: RadioInputVariantEnum.CHIA,
|
|
77
|
+
isSelected: true,
|
|
78
|
+
disabled: true,
|
|
79
|
+
class: "bg-chia-300 border-chia-300"
|
|
80
|
+
}, {
|
|
81
|
+
variant: RadioInputVariantEnum.PITAYA,
|
|
82
|
+
isSelected: true,
|
|
83
|
+
disabled: true,
|
|
84
|
+
class: "bg-pitaya-300 border-pitaya-300"
|
|
85
|
+
}, {
|
|
86
|
+
variant: RadioInputVariantEnum.MANGO,
|
|
87
|
+
isSelected: true,
|
|
88
|
+
disabled: true,
|
|
89
|
+
class: "bg-mango-300 border-mango-300"
|
|
90
|
+
}],
|
|
91
|
+
defaultVariants: {
|
|
92
|
+
variant: RadioInputVariantEnum.JAVA,
|
|
93
|
+
isSelected: false,
|
|
94
|
+
disabled: false
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
//# sourceMappingURL=class-variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["cva","RadioInputVariantEnum","radioInputVariants","variants","variant","GRAPE","JAVA","PEAR","TANGERINE","CHIA","PITAYA","MANGO","isSelected","true","false","disabled","compoundVariants","class","defaultVariants"],"sourceRoot":"../../../../../src","sources":["components/RadioInput/assets/class-variants.ts"],"mappings":"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","ignoreList":[]}
|