@adam-milo/ui 1.0.2 → 1.0.3
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/index10.cjs +1 -1
- package/dist/index10.js +4 -4
- package/dist/index11.cjs +1 -1
- package/dist/index11.js +9 -9
- package/dist/index12.cjs +1 -1
- package/dist/index12.js +11 -11
- package/dist/index13.cjs +1 -1
- package/dist/index13.js +2 -3
- package/dist/index14.cjs +1 -1
- package/dist/index14.js +5 -5
- package/dist/index15.cjs +1 -1
- package/dist/index15.js +4 -4
- package/dist/index16.cjs +1 -1
- package/dist/index16.js +4 -4
- package/dist/index17.cjs +1 -1
- package/dist/index17.js +7 -7
- package/dist/index18.cjs +1 -1
- package/dist/index18.js +4 -4
- package/dist/index19.cjs +1 -1
- package/dist/index19.js +2 -2
- package/dist/index2.cjs +1 -1
- package/dist/index2.js +2 -2
- package/dist/index20.cjs +1 -1
- package/dist/index20.js +5 -5
- package/dist/index21.cjs +1 -1
- package/dist/index21.js +11 -11
- package/dist/index22.cjs +1 -1
- package/dist/index22.js +2 -2
- package/dist/index23.cjs +1 -1
- package/dist/index23.js +2 -2
- package/dist/index24.cjs +1 -1
- package/dist/index24.js +2 -2
- package/dist/index25.cjs +1 -1
- package/dist/index25.js +7 -7
- package/dist/index26.cjs +1 -1
- package/dist/index26.js +2 -2
- package/dist/index27.cjs +1 -1
- package/dist/index27.js +2 -2
- package/dist/index28.cjs +1 -1
- package/dist/index28.js +2 -2
- package/dist/index29.cjs +1 -1
- package/dist/index29.js +2 -2
- package/dist/index3.cjs +1 -1
- package/dist/index3.js +3 -3
- package/dist/index30.cjs +1 -1
- package/dist/index30.js +6 -6
- package/dist/index33.cjs +1 -1
- package/dist/index33.js +1 -15
- package/dist/index34.cjs +1 -1
- package/dist/index34.js +1 -1
- package/dist/index35.cjs +1 -1
- package/dist/index35.js +1 -1
- package/dist/index36.cjs +1 -1
- package/dist/index36.js +15 -1
- package/dist/index37.cjs +1 -1
- package/dist/index37.js +1 -5
- package/dist/index38.cjs +1 -1
- package/dist/index38.js +1 -1
- package/dist/index39.cjs +1 -1
- package/dist/index39.js +1 -1
- package/dist/index4.cjs +1 -1
- package/dist/index4.js +2 -2
- package/dist/index40.cjs +1 -1
- package/dist/index40.js +1 -2
- package/dist/index41.cjs +1 -1
- package/dist/index41.js +1 -1
- package/dist/index42.cjs +1 -1
- package/dist/index42.js +1 -1
- package/dist/index43.cjs +1 -1
- package/dist/index43.js +1 -4
- package/dist/index44.cjs +1 -1
- package/dist/index44.js +1 -1
- package/dist/index45.cjs +1 -1
- package/dist/index45.js +1 -1
- package/dist/index46.cjs +1 -1
- package/dist/index46.js +1 -1
- package/dist/index47.cjs +1 -1
- package/dist/index47.js +1 -3
- package/dist/index48.cjs +1 -1
- package/dist/index48.js +1 -1
- package/dist/index49.cjs +1 -1
- package/dist/index49.js +1 -1
- package/dist/index5.cjs +1 -1
- package/dist/index5.js +1 -1
- package/dist/index50.cjs +1 -1
- package/dist/index50.js +1 -1
- package/dist/index51.cjs +1 -1
- package/dist/index51.js +1 -1
- package/dist/index52.cjs +1 -1
- package/dist/index52.js +1 -1
- package/dist/index53.cjs +1 -1
- package/dist/index53.js +1 -1
- package/dist/index54.cjs +1 -1
- package/dist/index54.js +1 -2
- package/dist/index55.cjs +1 -1
- package/dist/index55.js +1 -1
- package/dist/index56.cjs +1 -1
- package/dist/index56.js +1 -1
- package/dist/index57.cjs +1 -1
- package/dist/index57.js +1 -1
- package/dist/index58.cjs +1 -1
- package/dist/index58.js +1 -1
- package/dist/index59.cjs +1 -1
- package/dist/index59.js +1 -1
- package/dist/index6.cjs +1 -1
- package/dist/index6.js +1 -1
- package/dist/index60.cjs +1 -0
- package/dist/index60.js +1 -0
- package/dist/index61.cjs +1 -0
- package/dist/index61.js +1 -0
- package/dist/index62.cjs +1 -0
- package/dist/index62.js +5 -0
- package/dist/index63.cjs +1 -0
- package/dist/index63.js +1 -0
- package/dist/index64.cjs +1 -0
- package/dist/index64.js +1 -0
- package/dist/index65.cjs +1 -0
- package/dist/index65.js +1 -0
- package/dist/index66.cjs +1 -0
- package/dist/index66.js +2 -0
- package/dist/index67.cjs +1 -0
- package/dist/index67.js +1 -0
- package/dist/index68.cjs +1 -0
- package/dist/index68.js +1 -0
- package/dist/index69.cjs +1 -0
- package/dist/index69.js +4 -0
- package/dist/index7.cjs +1 -1
- package/dist/index7.js +1 -1
- package/dist/index70.cjs +1 -0
- package/dist/index70.js +1 -0
- package/dist/index71.cjs +1 -0
- package/dist/index71.js +1 -0
- package/dist/index72.cjs +1 -0
- package/dist/index72.js +1 -0
- package/dist/index73.cjs +1 -0
- package/dist/index73.js +3 -0
- package/dist/index74.cjs +1 -0
- package/dist/index74.js +1 -0
- package/dist/index75.cjs +1 -0
- package/dist/index75.js +1 -0
- package/dist/index76.cjs +1 -0
- package/dist/index76.js +1 -0
- package/dist/index77.cjs +1 -0
- package/dist/index77.js +1 -0
- package/dist/index78.cjs +1 -0
- package/dist/index78.js +1 -0
- package/dist/index79.cjs +1 -0
- package/dist/index79.js +1 -0
- package/dist/index8.cjs +1 -1
- package/dist/index8.js +1 -1
- package/dist/index80.cjs +1 -0
- package/dist/index80.js +2 -0
- package/dist/index81.cjs +1 -0
- package/dist/index81.js +1 -0
- package/dist/index82.cjs +1 -0
- package/dist/index82.js +1 -0
- package/dist/index83.cjs +1 -0
- package/dist/index83.js +1 -0
- package/dist/index84.cjs +1 -0
- package/dist/index84.js +1 -0
- package/dist/index85.cjs +1 -0
- package/dist/index85.js +1 -0
- package/dist/index9.cjs +1 -1
- package/dist/index9.js +4 -4
- package/dist/src/components/core/button/Button.component.d.ts +2 -33
- package/dist/src/components/core/button/Button.component.d.ts.map +1 -1
- package/dist/src/components/core/button/Button.styles.d.ts +5 -0
- package/dist/src/components/core/button/Button.styles.d.ts.map +1 -0
- package/dist/src/components/core/button/Button.types.d.ts +11 -0
- package/dist/src/components/core/button/Button.types.d.ts.map +1 -0
- package/dist/src/components/core/icon-button/IconButton.component.d.ts +2 -33
- package/dist/src/components/core/icon-button/IconButton.component.d.ts.map +1 -1
- package/dist/src/components/core/icon-button/IconButton.styles.d.ts +3 -0
- package/dist/src/components/core/icon-button/IconButton.styles.d.ts.map +1 -0
- package/dist/src/components/core/icon-button/IconButton.types.d.ts +12 -0
- package/dist/src/components/core/icon-button/IconButton.types.d.ts.map +1 -0
- package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts +2 -31
- package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts.map +1 -1
- package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts +9 -0
- package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts.map +1 -0
- package/dist/src/components/core/menu-icon-button/MenuIconButton.types.d.ts +11 -0
- package/dist/src/components/core/menu-icon-button/MenuIconButton.types.d.ts.map +1 -0
- package/dist/src/components/data-display/card/Card.component.d.ts +2 -34
- package/dist/src/components/data-display/card/Card.component.d.ts.map +1 -1
- package/dist/src/components/data-display/card/Card.styles.d.ts +12 -0
- package/dist/src/components/data-display/card/Card.styles.d.ts.map +1 -0
- package/dist/src/components/data-display/card/Card.types.d.ts +28 -0
- package/dist/src/components/data-display/card/Card.types.d.ts.map +1 -0
- package/dist/src/components/data-display/chip/Chip.component.d.ts +2 -33
- package/dist/src/components/data-display/chip/Chip.component.d.ts.map +1 -1
- package/dist/src/components/data-display/chip/Chip.styles.d.ts +24 -0
- package/dist/src/components/data-display/chip/Chip.styles.d.ts.map +1 -0
- package/dist/src/components/data-display/chip/Chip.types.d.ts +11 -0
- package/dist/src/components/data-display/chip/Chip.types.d.ts.map +1 -0
- package/dist/src/components/data-display/chip-group/ChipGroup.component.d.ts +2 -69
- package/dist/src/components/data-display/chip-group/ChipGroup.component.d.ts.map +1 -1
- package/dist/src/components/data-display/chip-group/ChipGroup.styles.d.ts +14 -0
- package/dist/src/components/data-display/chip-group/ChipGroup.styles.d.ts.map +1 -0
- package/dist/src/components/data-display/chip-group/ChipGroup.types.d.ts +21 -0
- package/dist/src/components/data-display/chip-group/ChipGroup.types.d.ts.map +1 -0
- package/dist/src/components/data-display/datatable/DataTable.component.d.ts +2 -22
- package/dist/src/components/data-display/datatable/DataTable.component.d.ts.map +1 -1
- package/dist/src/components/data-display/datatable/DataTable.styles.d.ts +10 -0
- package/dist/src/components/data-display/datatable/DataTable.styles.d.ts.map +1 -0
- package/dist/src/components/data-display/datatable/DataTable.types.d.ts +16 -0
- package/dist/src/components/data-display/datatable/DataTable.types.d.ts.map +1 -0
- package/dist/src/components/feedback/alert/Alert.component.d.ts +2 -16
- package/dist/src/components/feedback/alert/Alert.component.d.ts.map +1 -1
- package/dist/src/components/feedback/alert/Alert.styles.d.ts +10 -0
- package/dist/src/components/feedback/alert/Alert.styles.d.ts.map +1 -0
- package/dist/src/components/feedback/alert/Alert.types.d.ts +10 -0
- package/dist/src/components/feedback/alert/Alert.types.d.ts.map +1 -0
- package/dist/src/components/feedback/spinner/Spinner.component.d.ts +2 -14
- package/dist/src/components/feedback/spinner/Spinner.component.d.ts.map +1 -1
- package/dist/src/components/feedback/spinner/Spinner.styles.d.ts +7 -0
- package/dist/src/components/feedback/spinner/Spinner.styles.d.ts.map +1 -0
- package/dist/src/components/feedback/spinner/Spinner.types.d.ts +14 -0
- package/dist/src/components/feedback/spinner/Spinner.types.d.ts.map +1 -0
- package/dist/src/components/forms/alphanumeric-input/AlphanumericInput.component.d.ts +2 -44
- package/dist/src/components/forms/alphanumeric-input/AlphanumericInput.component.d.ts.map +1 -1
- package/dist/src/components/forms/alphanumeric-input/AlphanumericInput.types.d.ts +10 -0
- package/dist/src/components/forms/alphanumeric-input/AlphanumericInput.types.d.ts.map +1 -0
- package/dist/src/components/forms/checkbox/Checkbox.component.d.ts +2 -15
- package/dist/src/components/forms/checkbox/Checkbox.component.d.ts.map +1 -1
- package/dist/src/components/forms/checkbox/Checkbox.styles.d.ts +10 -0
- package/dist/src/components/forms/checkbox/Checkbox.styles.d.ts.map +1 -0
- package/dist/src/components/forms/checkbox/Checkbox.types.d.ts +17 -0
- package/dist/src/components/forms/checkbox/Checkbox.types.d.ts.map +1 -0
- package/dist/src/components/forms/email-input/EmailInput.component.d.ts +2 -28
- package/dist/src/components/forms/email-input/EmailInput.component.d.ts.map +1 -1
- package/dist/src/components/forms/email-input/EmailInput.types.d.ts +7 -0
- package/dist/src/components/forms/email-input/EmailInput.types.d.ts.map +1 -0
- package/dist/src/components/forms/input/Input.component.d.ts +2 -25
- package/dist/src/components/forms/input/Input.component.d.ts.map +1 -1
- package/dist/src/components/forms/input/Input.styles.d.ts +13 -0
- package/dist/src/components/forms/input/Input.styles.d.ts.map +1 -0
- package/dist/src/components/forms/input/Input.types.d.ts +17 -0
- package/dist/src/components/forms/input/Input.types.d.ts.map +1 -0
- package/dist/src/components/forms/numeric-input/NumericInput.component.d.ts +2 -41
- package/dist/src/components/forms/numeric-input/NumericInput.component.d.ts.map +1 -1
- package/dist/src/components/forms/numeric-input/NumericInput.types.d.ts +9 -0
- package/dist/src/components/forms/numeric-input/NumericInput.types.d.ts.map +1 -0
- package/dist/src/components/forms/otp-input/OTPInput.component.d.ts +3 -79
- package/dist/src/components/forms/otp-input/OTPInput.component.d.ts.map +1 -1
- package/dist/src/components/forms/otp-input/OTPInput.styles.d.ts +12 -0
- package/dist/src/components/forms/otp-input/OTPInput.styles.d.ts.map +1 -0
- package/dist/src/components/forms/otp-input/OTPInput.types.d.ts +23 -0
- package/dist/src/components/forms/otp-input/OTPInput.types.d.ts.map +1 -0
- package/dist/src/components/forms/password-input/PasswordInput.component.d.ts +2 -25
- package/dist/src/components/forms/password-input/PasswordInput.component.d.ts.map +1 -1
- package/dist/src/components/forms/password-input/PasswordInput.types.d.ts +6 -0
- package/dist/src/components/forms/password-input/PasswordInput.types.d.ts.map +1 -0
- package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts +2 -91
- package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts.map +1 -1
- package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts +22 -0
- package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts.map +1 -0
- package/dist/src/components/forms/phone-input/PhoneInput.types.d.ts +19 -0
- package/dist/src/components/forms/phone-input/PhoneInput.types.d.ts.map +1 -0
- package/dist/src/components/forms/phone-input/countries.d.ts +3 -79
- package/dist/src/components/forms/phone-input/countries.d.ts.map +1 -1
- package/dist/src/components/forms/phone-input/countries.types.d.ts +12 -0
- package/dist/src/components/forms/phone-input/countries.types.d.ts.map +1 -0
- package/dist/src/components/forms/radio/Radio.component.d.ts +2 -14
- package/dist/src/components/forms/radio/Radio.component.d.ts.map +1 -1
- package/dist/src/components/forms/radio/Radio.styles.d.ts +10 -0
- package/dist/src/components/forms/radio/Radio.styles.d.ts.map +1 -0
- package/dist/src/components/forms/radio/Radio.types.d.ts +16 -0
- package/dist/src/components/forms/radio/Radio.types.d.ts.map +1 -0
- package/dist/src/components/forms/select/Select.component.d.ts +2 -98
- package/dist/src/components/forms/select/Select.component.d.ts.map +1 -1
- package/dist/src/components/forms/select/Select.styles.d.ts +18 -0
- package/dist/src/components/forms/select/Select.styles.d.ts.map +1 -0
- package/dist/src/components/forms/select/Select.types.d.ts +34 -0
- package/dist/src/components/forms/select/Select.types.d.ts.map +1 -0
- package/dist/src/components/forms/toggle/Toggle.component.d.ts +2 -77
- package/dist/src/components/forms/toggle/Toggle.component.d.ts.map +1 -1
- package/dist/src/components/forms/toggle/Toggle.styles.d.ts +23 -0
- package/dist/src/components/forms/toggle/Toggle.styles.d.ts.map +1 -0
- package/dist/src/components/forms/toggle/Toggle.types.d.ts +14 -0
- package/dist/src/components/forms/toggle/Toggle.types.d.ts.map +1 -0
- package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts +2 -84
- package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts.map +1 -1
- package/dist/src/components/layout/auth-layout/AuthLayout.styles.d.ts +11 -0
- package/dist/src/components/layout/auth-layout/AuthLayout.styles.d.ts.map +1 -0
- package/dist/src/components/layout/auth-layout/AuthLayout.types.d.ts +16 -0
- package/dist/src/components/layout/auth-layout/AuthLayout.types.d.ts.map +1 -0
- package/dist/src/components/layout/container/Container.component.d.ts +2 -23
- package/dist/src/components/layout/container/Container.component.d.ts.map +1 -1
- package/dist/src/components/layout/container/Container.styles.d.ts +15 -0
- package/dist/src/components/layout/container/Container.styles.d.ts.map +1 -0
- package/dist/src/components/layout/container/Container.types.d.ts +9 -0
- package/dist/src/components/layout/container/Container.types.d.ts.map +1 -0
- package/dist/src/components/layout/divider/Divider.component.d.ts +2 -9
- package/dist/src/components/layout/divider/Divider.component.d.ts.map +1 -1
- package/dist/src/components/layout/divider/Divider.styles.d.ts +4 -0
- package/dist/src/components/layout/divider/Divider.styles.d.ts.map +1 -0
- package/dist/src/components/layout/divider/Divider.types.d.ts +11 -0
- package/dist/src/components/layout/divider/Divider.types.d.ts.map +1 -0
- package/dist/src/components/layout/grid/Grid.component.d.ts +2 -50
- package/dist/src/components/layout/grid/Grid.component.d.ts.map +1 -1
- package/dist/src/components/layout/grid/Grid.styles.d.ts +79 -0
- package/dist/src/components/layout/grid/Grid.styles.d.ts.map +1 -0
- package/dist/src/components/layout/grid/Grid.types.d.ts +15 -0
- package/dist/src/components/layout/grid/Grid.types.d.ts.map +1 -0
- package/dist/src/components/layout/stack/Stack.component.d.ts +2 -10
- package/dist/src/components/layout/stack/Stack.component.d.ts.map +1 -1
- package/dist/src/components/layout/stack/Stack.styles.d.ts +5 -0
- package/dist/src/components/layout/stack/Stack.styles.d.ts.map +1 -0
- package/dist/src/components/layout/stack/Stack.types.d.ts +12 -0
- package/dist/src/components/layout/stack/Stack.types.d.ts.map +1 -0
- package/dist/src/components/navigation/tabs/Tabs.component.d.ts +2 -40
- package/dist/src/components/navigation/tabs/Tabs.component.d.ts.map +1 -1
- package/dist/src/components/navigation/tabs/Tabs.styles.d.ts +4 -0
- package/dist/src/components/navigation/tabs/Tabs.styles.d.ts.map +1 -0
- package/dist/src/components/navigation/tabs/Tabs.types.d.ts +17 -0
- package/dist/src/components/navigation/tabs/Tabs.types.d.ts.map +1 -0
- package/dist/src/components/overlays/dialog/Dialog.component.d.ts +2 -60
- package/dist/src/components/overlays/dialog/Dialog.component.d.ts.map +1 -1
- package/dist/src/components/overlays/dialog/Dialog.styles.d.ts +20 -0
- package/dist/src/components/overlays/dialog/Dialog.styles.d.ts.map +1 -0
- package/dist/src/components/overlays/dialog/Dialog.types.d.ts +41 -0
- package/dist/src/components/overlays/dialog/Dialog.types.d.ts.map +1 -0
- package/dist/src/components/typography/heading/Heading.component.d.ts +2 -17
- package/dist/src/components/typography/heading/Heading.component.d.ts.map +1 -1
- package/dist/src/components/typography/heading/Heading.styles.d.ts +9 -0
- package/dist/src/components/typography/heading/Heading.styles.d.ts.map +1 -0
- package/dist/src/components/typography/heading/Heading.types.d.ts +19 -0
- package/dist/src/components/typography/heading/Heading.types.d.ts.map +1 -0
- package/dist/src/components/typography/link/Link.component.d.ts +2 -58
- package/dist/src/components/typography/link/Link.component.d.ts.map +1 -1
- package/dist/src/components/typography/link/Link.styles.d.ts +9 -0
- package/dist/src/components/typography/link/Link.styles.d.ts.map +1 -0
- package/dist/src/components/typography/link/Link.types.d.ts +17 -0
- package/dist/src/components/typography/link/Link.types.d.ts.map +1 -0
- package/dist/src/components/typography/text/Text.component.d.ts +3 -18
- package/dist/src/components/typography/text/Text.component.d.ts.map +1 -1
- package/dist/src/components/typography/text/Text.styles.d.ts +8 -0
- package/dist/src/components/typography/text/Text.styles.d.ts.map +1 -0
- package/dist/src/components/typography/text/Text.types.d.ts +20 -0
- package/dist/src/components/typography/text/Text.types.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
export type SpinnerSize = 'sm' | 'md' | 'lg' | 'xl' | 'verify';
|
|
4
|
+
export type SpinnerColor = 'action' | 'orange' | 'white' | 'text' | 'teal';
|
|
5
|
+
export type SpinnerVariant = 'default' | 'segmented';
|
|
6
|
+
export interface SpinnerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style' | 'className'> {
|
|
7
|
+
size?: SpinnerSize;
|
|
8
|
+
color?: SpinnerColor;
|
|
9
|
+
variant?: SpinnerVariant;
|
|
10
|
+
label?: string;
|
|
11
|
+
'data-cy'?: string;
|
|
12
|
+
'data-testid'?: string;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=Spinner.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAC3E,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,CAAC;AAErD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC/F,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -1,47 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AlphanumericInputProps } from './AlphanumericInput.types';
|
|
2
2
|
|
|
3
|
-
export interface AlphanumericInputProps extends Omit<InputProps, 'type'> {
|
|
4
|
-
/**
|
|
5
|
-
* Allow hyphens in the input
|
|
6
|
-
* @default false
|
|
7
|
-
*/
|
|
8
|
-
allowHyphen?: boolean;
|
|
9
|
-
/**
|
|
10
|
-
* Allow underscores in the input
|
|
11
|
-
* @default false
|
|
12
|
-
*/
|
|
13
|
-
allowUnderscore?: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* Allow spaces in the input
|
|
16
|
-
* @default false
|
|
17
|
-
*/
|
|
18
|
-
allowSpace?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* Minimum length
|
|
21
|
-
*/
|
|
22
|
-
minLength?: number;
|
|
23
|
-
/**
|
|
24
|
-
* Maximum length
|
|
25
|
-
*/
|
|
26
|
-
maxLength?: number;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* AlphanumericInput - Specialized input component for alphanumeric values
|
|
30
|
-
*
|
|
31
|
-
* A wrapper around the base Input component that only allows letters and numbers,
|
|
32
|
-
* with optional support for hyphens, underscores, and spaces.
|
|
33
|
-
*
|
|
34
|
-
* @example
|
|
35
|
-
* ```tsx
|
|
36
|
-
* <AlphanumericInput
|
|
37
|
-
* label="Username"
|
|
38
|
-
* placeholder="Enter username"
|
|
39
|
-
* minLength={3}
|
|
40
|
-
* maxLength={20}
|
|
41
|
-
* allowUnderscore={true}
|
|
42
|
-
* required
|
|
43
|
-
* />
|
|
44
|
-
* ```
|
|
45
|
-
*/
|
|
46
3
|
export declare const AlphanumericInput: import('react').ForwardRefExoticComponent<AlphanumericInputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
4
|
+
export type { AlphanumericInputProps } from './AlphanumericInput.types';
|
|
47
5
|
//# sourceMappingURL=AlphanumericInput.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlphanumericInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/alphanumeric-input/AlphanumericInput.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AlphanumericInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/alphanumeric-input/AlphanumericInput.component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE,eAAO,MAAM,iBAAiB,qHAwJ7B,CAAC;AAIF,YAAY,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { InputProps } from '../input/Input.types';
|
|
2
|
+
|
|
3
|
+
export interface AlphanumericInputProps extends Omit<InputProps, 'type'> {
|
|
4
|
+
allowHyphen?: boolean;
|
|
5
|
+
allowUnderscore?: boolean;
|
|
6
|
+
allowSpace?: boolean;
|
|
7
|
+
minLength?: number;
|
|
8
|
+
maxLength?: number;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=AlphanumericInput.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlphanumericInput.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/alphanumeric-input/AlphanumericInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1,18 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CheckboxProps } from './Checkbox.types';
|
|
2
2
|
|
|
3
|
-
export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
4
|
-
label?: string;
|
|
5
|
-
error?: string;
|
|
6
|
-
helperText?: string;
|
|
7
|
-
indeterminate?: boolean;
|
|
8
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
-
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
10
|
-
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
11
|
-
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
|
12
|
-
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
13
|
-
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
14
|
-
'data-cy'?: string;
|
|
15
|
-
'data-testid'?: string;
|
|
16
|
-
}
|
|
17
3
|
export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
4
|
+
export type { CheckboxProps } from './Checkbox.types';
|
|
18
5
|
//# sourceMappingURL=Checkbox.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/checkbox/Checkbox.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/checkbox/Checkbox.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAatD,eAAO,MAAM,QAAQ,4GAmHpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const wrapperStyles = "flex flex-col gap-1.5";
|
|
2
|
+
export declare const wrapperDisabledStyles = "opacity-50 cursor-not-allowed";
|
|
3
|
+
export declare const containerStyles = "flex items-center gap-2";
|
|
4
|
+
export declare const inputBaseStyles: string;
|
|
5
|
+
export declare const inputErrorStyles = "border-[var(--color-error)] checked:bg-[var(--color-error)] checked:border-[var(--color-error)]";
|
|
6
|
+
export declare const labelStyles = "text-[var(--color-text)] text-sm leading-relaxed cursor-pointer select-none";
|
|
7
|
+
export declare const labelDisabledStyles = "cursor-not-allowed";
|
|
8
|
+
export declare const errorMsgStyles = "block text-[var(--color-error)] text-xs leading-snug ms-6";
|
|
9
|
+
export declare const helperMsgStyles = "block text-[var(--color-system-text)] text-xs leading-snug ms-6";
|
|
10
|
+
//# sourceMappingURL=Checkbox.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,0BAA0B,CAAC;AACrD,eAAO,MAAM,qBAAqB,kCAAkC,CAAC;AACrE,eAAO,MAAM,eAAe,4BAA4B,CAAC;AAEzD,eAAO,MAAM,eAAe,QAUjB,CAAC;AAEZ,eAAO,MAAM,gBAAgB,oGACsE,CAAC;AAEpG,eAAO,MAAM,WAAW,gFACuD,CAAC;AAChF,eAAO,MAAM,mBAAmB,uBAAuB,CAAC;AAExD,eAAO,MAAM,cAAc,8DAA8D,CAAC;AAC1F,eAAO,MAAM,eAAe,oEAAoE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
4
|
+
label?: string;
|
|
5
|
+
error?: string;
|
|
6
|
+
helperText?: string;
|
|
7
|
+
indeterminate?: boolean;
|
|
8
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
+
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
10
|
+
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
11
|
+
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
|
12
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
13
|
+
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
14
|
+
'data-cy'?: string;
|
|
15
|
+
'data-testid'?: string;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=Checkbox.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -1,31 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { EmailInputProps } from './EmailInput.types';
|
|
2
2
|
|
|
3
|
-
export interface EmailInputProps extends Omit<InputProps, 'type'> {
|
|
4
|
-
/**
|
|
5
|
-
* Enable client-side email validation
|
|
6
|
-
* @default true
|
|
7
|
-
*/
|
|
8
|
-
validateEmail?: boolean;
|
|
9
|
-
/**
|
|
10
|
-
* Custom validation message for invalid email
|
|
11
|
-
* @default "Not a valid email address"
|
|
12
|
-
*/
|
|
13
|
-
invalidEmailMessage?: string;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* EmailInput - Specialized input component for email addresses
|
|
17
|
-
*
|
|
18
|
-
* A wrapper around the base Input component with built-in email validation.
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```tsx
|
|
22
|
-
* <EmailInput
|
|
23
|
-
* label="Email"
|
|
24
|
-
* placeholder="Enter your email"
|
|
25
|
-
* required
|
|
26
|
-
* validateEmail={true}
|
|
27
|
-
* />
|
|
28
|
-
* ```
|
|
29
|
-
*/
|
|
30
3
|
export declare const EmailInput: import('react').ForwardRefExoticComponent<EmailInputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
4
|
+
export type { EmailInputProps } from './EmailInput.types';
|
|
31
5
|
//# sourceMappingURL=EmailInput.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmailInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/email-input/EmailInput.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EmailInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/email-input/EmailInput.component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,8GA4CtB,CAAC;AAIF,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmailInput.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/email-input/EmailInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B"}
|
|
@@ -1,28 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { InputProps } from './Input.types';
|
|
2
2
|
|
|
3
|
-
export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
4
|
-
/** Label text for the input */
|
|
5
|
-
label?: string;
|
|
6
|
-
/** Tooltip text to display next to the label (info icon) */
|
|
7
|
-
tooltip?: string;
|
|
8
|
-
/** Error message to display below the input */
|
|
9
|
-
error?: string;
|
|
10
|
-
/** Helper text to display below the input (only shown when no error) */
|
|
11
|
-
helperText?: string;
|
|
12
|
-
/** Whether the input should take full width @default false */
|
|
13
|
-
fullWidth?: boolean;
|
|
14
|
-
/** Show password visibility toggle (only for type="password") @default true */
|
|
15
|
-
showPasswordToggle?: boolean;
|
|
16
|
-
/** Show last character preview for password inputs @default true */
|
|
17
|
-
showLastChar?: boolean;
|
|
18
|
-
/** Delay in ms before fully masking the last character @default 500 */
|
|
19
|
-
lastCharDelay?: number;
|
|
20
|
-
/** Custom validation function */
|
|
21
|
-
validate?: (value: string) => string | undefined;
|
|
22
|
-
/** Callback when validation state changes */
|
|
23
|
-
onValidationChange?: (isValid: boolean) => void;
|
|
24
|
-
'data-cy'?: string;
|
|
25
|
-
'data-testid'?: string;
|
|
26
|
-
}
|
|
27
3
|
export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
4
|
+
export type { InputProps } from './Input.types';
|
|
28
5
|
//# sourceMappingURL=Input.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/input/Input.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/input/Input.component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAgBhD,eAAO,MAAM,KAAK,yGAgXjB,CAAC;AAIF,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const wrapperStyles = "flex flex-col justify-center items-start gap-2 w-full";
|
|
2
|
+
export declare const labelRowStyles = "flex items-center justify-between h-4 w-full";
|
|
3
|
+
export declare const labelStyles = "text-sm font-normal text-[var(--color-grey-07)] leading-none";
|
|
4
|
+
export declare const tooltipTriggerStyles: string;
|
|
5
|
+
export declare const tooltipContentStyles: string;
|
|
6
|
+
export declare const fieldContainerStyles = "relative flex items-center w-full";
|
|
7
|
+
export declare const inputBaseStyles: string;
|
|
8
|
+
export declare const inputErrorStyles = "border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]";
|
|
9
|
+
export declare const inputWithToggleStyles = "pe-12";
|
|
10
|
+
export declare const toggleStyles: string;
|
|
11
|
+
export declare const helperStyles = "text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5";
|
|
12
|
+
export declare const errorStyles = "text-[10px] leading-none text-[var(--color-error)] ps-3.5 pt-1.5";
|
|
13
|
+
//# sourceMappingURL=Input.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/input/Input.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,0DAA0D,CAAC;AACrF,eAAO,MAAM,cAAc,iDAAiD,CAAC;AAC7E,eAAO,MAAM,WAAW,iEAAiE,CAAC;AAE1F,eAAO,MAAM,oBAAoB,QAQtB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,QAKtB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,sCAAsC,CAAC;AAExE,eAAO,MAAM,eAAe,QAWjB,CAAC;AAEZ,eAAO,MAAM,gBAAgB,4GAC8E,CAAC;AAC5G,eAAO,MAAM,qBAAqB,UAAU,CAAC;AAE7C,eAAO,MAAM,YAAY,QASd,CAAC;AAEZ,eAAO,MAAM,YAAY,mEAAmE,CAAC;AAC7F,eAAO,MAAM,WAAW,qEAAqE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
4
|
+
label?: string;
|
|
5
|
+
tooltip?: string;
|
|
6
|
+
error?: string;
|
|
7
|
+
helperText?: string;
|
|
8
|
+
fullWidth?: boolean;
|
|
9
|
+
showPasswordToggle?: boolean;
|
|
10
|
+
showLastChar?: boolean;
|
|
11
|
+
lastCharDelay?: number;
|
|
12
|
+
validate?: (value: string) => string | undefined;
|
|
13
|
+
onValidationChange?: (isValid: boolean) => void;
|
|
14
|
+
'data-cy'?: string;
|
|
15
|
+
'data-testid'?: string;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=Input.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACjD,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -1,44 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { NumericInputProps } from './NumericInput.types';
|
|
2
2
|
|
|
3
|
-
export interface NumericInputProps extends Omit<InputProps, 'type'> {
|
|
4
|
-
/**
|
|
5
|
-
* Minimum value allowed
|
|
6
|
-
*/
|
|
7
|
-
min?: number;
|
|
8
|
-
/**
|
|
9
|
-
* Maximum value allowed
|
|
10
|
-
*/
|
|
11
|
-
max?: number;
|
|
12
|
-
/**
|
|
13
|
-
* Step increment for the number input
|
|
14
|
-
* @default 1
|
|
15
|
-
*/
|
|
16
|
-
step?: number;
|
|
17
|
-
/**
|
|
18
|
-
* Allow decimal numbers
|
|
19
|
-
* @default false
|
|
20
|
-
*/
|
|
21
|
-
allowDecimals?: boolean;
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* NumericInput - Specialized input component for numeric values
|
|
25
|
-
*
|
|
26
|
-
* A wrapper around the base Input component with number-specific features:
|
|
27
|
-
* - Type="number" by default
|
|
28
|
-
* - Min/max validation
|
|
29
|
-
* - Step increments
|
|
30
|
-
* - Optional decimal support
|
|
31
|
-
*
|
|
32
|
-
* @example
|
|
33
|
-
* ```tsx
|
|
34
|
-
* <NumericInput
|
|
35
|
-
* label="Age"
|
|
36
|
-
* placeholder="Enter age"
|
|
37
|
-
* min={0}
|
|
38
|
-
* max={120}
|
|
39
|
-
* required
|
|
40
|
-
* />
|
|
41
|
-
* ```
|
|
42
|
-
*/
|
|
43
3
|
export declare const NumericInput: import('react').ForwardRefExoticComponent<NumericInputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
4
|
+
export type { NumericInputProps } from './NumericInput.types';
|
|
44
5
|
//# sourceMappingURL=NumericInput.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumericInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/numeric-input/NumericInput.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NumericInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/numeric-input/NumericInput.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,YAAY,gHAmExB,CAAC;AAIF,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumericInput.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/numeric-input/NumericInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IACjE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
|
|
@@ -1,81 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
* Number of OTP digits/inputs
|
|
4
|
-
* @default 4
|
|
5
|
-
*/
|
|
6
|
-
length?: number;
|
|
7
|
-
/**
|
|
8
|
-
* Label text for the OTP input
|
|
9
|
-
*/
|
|
10
|
-
label?: string;
|
|
11
|
-
/**
|
|
12
|
-
* Current OTP value as a string
|
|
13
|
-
*/
|
|
14
|
-
value?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Callback when OTP value changes
|
|
17
|
-
*/
|
|
18
|
-
onChange?: (value: string) => void;
|
|
19
|
-
/**
|
|
20
|
-
* Callback when all digits are filled
|
|
21
|
-
*/
|
|
22
|
-
onComplete?: (value: string) => void;
|
|
23
|
-
/**
|
|
24
|
-
* Error message to display
|
|
25
|
-
*/
|
|
26
|
-
error?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Helper text to display below the input
|
|
29
|
-
*/
|
|
30
|
-
helperText?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Whether the input is disabled
|
|
33
|
-
* @default false
|
|
34
|
-
*/
|
|
35
|
-
disabled?: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* Whether to auto-focus the first input on mount
|
|
38
|
-
* @default false
|
|
39
|
-
*/
|
|
40
|
-
autoFocus?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Whether the input should take full width of container
|
|
43
|
-
* @default false
|
|
44
|
-
*/
|
|
45
|
-
fullWidth?: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* Whether to center the inputs within the container
|
|
48
|
-
* @default false
|
|
49
|
-
*/
|
|
50
|
-
centered?: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Input type - can be 'numeric' (numbers only) or 'alphanumeric'
|
|
53
|
-
* @default 'numeric'
|
|
54
|
-
*/
|
|
55
|
-
type?: 'numeric' | 'alphanumeric';
|
|
56
|
-
/**
|
|
57
|
-
* Whether the field is required
|
|
58
|
-
* @default false
|
|
59
|
-
*/
|
|
60
|
-
required?: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* Custom data-cy attribute for Cypress testing
|
|
63
|
-
* @default "otp-input"
|
|
64
|
-
*/
|
|
65
|
-
'data-cy'?: string;
|
|
66
|
-
/**
|
|
67
|
-
* Custom data-testid attribute for unit testing
|
|
68
|
-
* @default "otp-input"
|
|
69
|
-
*/
|
|
70
|
-
'data-testid'?: string;
|
|
71
|
-
}
|
|
72
|
-
export interface OTPInputRef {
|
|
73
|
-
/** Focus the first empty input or the last input */
|
|
74
|
-
focus: () => void;
|
|
75
|
-
/** Clear all inputs */
|
|
76
|
-
clear: () => void;
|
|
77
|
-
/** Get the current OTP value */
|
|
78
|
-
getValue: () => string;
|
|
79
|
-
}
|
|
1
|
+
import { OTPInputProps, OTPInputRef } from './OTPInput.types';
|
|
2
|
+
|
|
80
3
|
export declare const OTPInput: import('react').ForwardRefExoticComponent<OTPInputProps & import('react').RefAttributes<OTPInputRef>>;
|
|
4
|
+
export type { OTPInputProps, OTPInputRef } from './OTPInput.types';
|
|
81
5
|
//# sourceMappingURL=OTPInput.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"OTPInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAenE,eAAO,MAAM,QAAQ,uGAsUpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const wrapperStyles = "flex flex-col gap-2 relative w-fit";
|
|
2
|
+
export declare const wrapperFullWidthStyles = "w-full";
|
|
3
|
+
export declare const labelBaseStyles = "text-sm font-normal leading-none text-[var(--color-grey-07)]";
|
|
4
|
+
export declare const labelErrorStyles = "text-[var(--color-error)]";
|
|
5
|
+
export declare const labelDisabledStyles = "opacity-50";
|
|
6
|
+
export declare const containerBaseStyles = "flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5";
|
|
7
|
+
export declare const containerCenteredStyles = "justify-center";
|
|
8
|
+
export declare const digitBaseStyles: string;
|
|
9
|
+
export declare const digitErrorStyles = "!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]";
|
|
10
|
+
export declare const errorStyles = "text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center";
|
|
11
|
+
export declare const helperStyles = "text-[length:var(--font-size-10)] leading-none text-[var(--color-grey-07)] text-center";
|
|
12
|
+
//# sourceMappingURL=OTPInput.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OTPInput.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,uCAAuC,CAAC;AAClE,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAE/C,eAAO,MAAM,eAAe,iEAAiE,CAAC;AAC9F,eAAO,MAAM,gBAAgB,8BAA8B,CAAC;AAC5D,eAAO,MAAM,mBAAmB,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,iEAAiE,CAAC;AAClG,eAAO,MAAM,uBAAuB,mBAAmB,CAAC;AAExD,eAAO,MAAM,eAAe,QAWjB,CAAC;AACZ,eAAO,MAAM,gBAAgB,uGACyE,CAAC;AAEvG,eAAO,MAAM,WAAW,yFACgE,CAAC;AACzF,eAAO,MAAM,YAAY,2FACiE,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export interface OTPInputProps {
|
|
2
|
+
length?: number;
|
|
3
|
+
label?: string;
|
|
4
|
+
value?: string;
|
|
5
|
+
onChange?: (value: string) => void;
|
|
6
|
+
onComplete?: (value: string) => void;
|
|
7
|
+
error?: string;
|
|
8
|
+
helperText?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
autoFocus?: boolean;
|
|
11
|
+
fullWidth?: boolean;
|
|
12
|
+
centered?: boolean;
|
|
13
|
+
type?: 'numeric' | 'alphanumeric';
|
|
14
|
+
required?: boolean;
|
|
15
|
+
'data-cy'?: string;
|
|
16
|
+
'data-testid'?: string;
|
|
17
|
+
}
|
|
18
|
+
export interface OTPInputRef {
|
|
19
|
+
focus: () => void;
|
|
20
|
+
clear: () => void;
|
|
21
|
+
getValue: () => string;
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=OTPInput.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OTPInput.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,MAAM,MAAM,CAAC;CACxB"}
|
|
@@ -1,28 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PasswordInputProps } from './PasswordInput.types';
|
|
2
2
|
|
|
3
|
-
export interface PasswordInputProps extends Omit<InputProps, 'type'> {
|
|
4
|
-
/**
|
|
5
|
-
* Show password visibility toggle button
|
|
6
|
-
* @default true
|
|
7
|
-
*/
|
|
8
|
-
showToggle?: boolean;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* PasswordInput - Specialized input component for passwords
|
|
12
|
-
*
|
|
13
|
-
* A wrapper around the base Input component with password-specific features:
|
|
14
|
-
* - Password visibility toggle
|
|
15
|
-
* - Type="password" by default
|
|
16
|
-
*
|
|
17
|
-
* @example
|
|
18
|
-
* ```tsx
|
|
19
|
-
* <PasswordInput
|
|
20
|
-
* label="Password"
|
|
21
|
-
* placeholder="Enter your password"
|
|
22
|
-
* required
|
|
23
|
-
* showToggle={true}
|
|
24
|
-
* />
|
|
25
|
-
* ```
|
|
26
|
-
*/
|
|
27
3
|
export declare const PasswordInput: import('react').ForwardRefExoticComponent<PasswordInputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
4
|
+
export type { PasswordInputProps } from './PasswordInput.types';
|
|
28
5
|
//# sourceMappingURL=PasswordInput.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/password-input/PasswordInput.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PasswordInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/password-input/PasswordInput.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,iHAazB,CAAC;AAIF,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PasswordInput.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/password-input/PasswordInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
|