@adam-milo/ui 1.0.35 → 1.0.41
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 +217 -337
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -108
- package/dist/index10.cjs +1 -1
- package/dist/index10.js +4 -103
- package/dist/index11.cjs +1 -1
- package/dist/index11.js +4 -230
- package/dist/index12.cjs +1 -1
- package/dist/index12.js +9 -325
- package/dist/index13.cjs +1 -1
- package/dist/index13.js +11 -279
- package/dist/index14.cjs +1 -1
- package/dist/index14.js +2 -150
- package/dist/index15.cjs +1 -1
- package/dist/index15.js +5 -65
- package/dist/index16.cjs +1 -1
- package/dist/index16.js +4 -71
- package/dist/index17.cjs +1 -1
- package/dist/index17.js +4 -125
- package/dist/index18.cjs +1 -1
- package/dist/index18.js +8 -93
- package/dist/index19.cjs +1 -1
- package/dist/index19.js +4 -42
- package/dist/index20.cjs +1 -1
- package/dist/index20.js +2 -482
- package/dist/index21.cjs +1 -1
- package/dist/index21.js +5 -169
- package/dist/index22.cjs +1 -1
- package/dist/index22.js +11 -44
- package/dist/index23.cjs +1 -1
- package/dist/index23.js +2 -38
- package/dist/index24.cjs +1 -1
- package/dist/index24.js +2 -46
- package/dist/index25.cjs +1 -1
- package/dist/index25.js +2 -118
- package/dist/index26.cjs +1 -1
- package/dist/index26.js +7 -55
- package/dist/index27.cjs +1 -1
- package/dist/index27.js +2 -45
- package/dist/index28.cjs +1 -1
- package/dist/index28.js +2 -53
- package/dist/index29.cjs +1 -1
- package/dist/index29.js +2 -55
- package/dist/index3.cjs +1 -1
- package/dist/index3.js +2 -45
- package/dist/index30.cjs +1 -1
- package/dist/index30.js +2 -72
- package/dist/index31.cjs +1 -1
- package/dist/index31.js +10 -14
- package/dist/index32.cjs +1 -1
- package/dist/index32.js +11 -332
- package/dist/index33.cjs +1 -0
- package/dist/index33.js +1 -0
- package/dist/index34.cjs +1 -0
- package/dist/index34.js +1 -0
- package/dist/index35.cjs +1 -0
- package/dist/index35.js +1 -0
- package/dist/index36.cjs +1 -1
- package/dist/index36.js +1 -386
- package/dist/index37.cjs +1 -1
- package/dist/index37.js +1 -16
- package/dist/index38.cjs +1 -0
- package/dist/index38.js +15 -0
- package/dist/index39.cjs +1 -0
- package/dist/index39.js +1 -0
- package/dist/index4.cjs +1 -1
- package/dist/index4.js +3 -70
- package/dist/index40.cjs +1 -0
- package/dist/index40.js +1 -0
- package/dist/index41.cjs +1 -0
- package/dist/index41.js +1 -0
- package/dist/index42.cjs +1 -0
- package/dist/index42.js +1 -0
- package/dist/index43.cjs +1 -0
- package/dist/index43.js +1 -0
- package/dist/index44.cjs +1 -0
- package/dist/index44.js +1 -0
- package/dist/index45.cjs +1 -0
- package/dist/index45.js +1 -0
- package/dist/index46.cjs +1 -0
- package/dist/index46.js +1 -0
- package/dist/index47.cjs +1 -0
- package/dist/index47.js +1 -0
- package/dist/index48.cjs +1 -0
- package/dist/index48.js +1 -0
- package/dist/index49.cjs +1 -0
- package/dist/index49.js +1 -0
- package/dist/index5.cjs +1 -1
- package/dist/index5.js +2 -45
- package/dist/index50.cjs +1 -1
- package/dist/index50.js +1 -9
- package/dist/index51.cjs +1 -0
- package/dist/index51.js +1 -0
- package/dist/index52.cjs +1 -0
- package/dist/index52.js +1 -0
- package/dist/index53.cjs +1 -0
- package/dist/index53.js +1 -0
- package/dist/index54.cjs +1 -0
- package/dist/index54.js +1 -0
- package/dist/index55.cjs +1 -0
- package/dist/index55.js +1 -0
- package/dist/index56.cjs +1 -0
- package/dist/index56.js +1 -0
- package/dist/index57.cjs +1 -0
- package/dist/index57.js +1 -0
- package/dist/index58.cjs +1 -0
- package/dist/index58.js +1 -0
- package/dist/index59.cjs +1 -0
- package/dist/index59.js +1 -0
- package/dist/index6.cjs +1 -1
- package/dist/index6.js +2 -22
- package/dist/index60.cjs +1 -0
- package/dist/index60.js +1 -0
- package/dist/index61.cjs +1 -1
- package/dist/index61.js +1 -21
- package/dist/index62.cjs +1 -1
- package/dist/index62.js +1 -502
- package/dist/index63.cjs +1 -0
- package/dist/index63.js +1 -0
- package/dist/index64.cjs +1 -1
- package/dist/index64.js +1 -11
- package/dist/index65.cjs +1 -1
- package/dist/index65.js +5 -39
- package/dist/index66.cjs +1 -1
- package/dist/index66.js +1 -64
- package/dist/index67.cjs +1 -1
- package/dist/index67.js +1 -212
- package/dist/index68.cjs +1 -1
- package/dist/index68.js +1 -14
- package/dist/index69.cjs +1 -1
- package/dist/index69.js +2 -293
- package/dist/index7.cjs +1 -1
- package/dist/index7.js +1 -61
- package/dist/index70.cjs +1 -1
- package/dist/index70.js +1 -18
- package/dist/index71.cjs +1 -1
- package/dist/index71.js +1 -129
- package/dist/index72.cjs +1 -1
- package/dist/index72.js +4 -43
- package/dist/index73.cjs +1 -1
- package/dist/index73.js +1 -99
- package/dist/index74.cjs +1 -1
- package/dist/index74.js +1 -71
- package/dist/index75.cjs +1 -1
- package/dist/index75.js +1 -36
- package/dist/index76.cjs +1 -1
- package/dist/index76.js +3 -14
- package/dist/index77.cjs +1 -1
- package/dist/index77.js +1 -17
- package/dist/index78.cjs +1 -1
- package/dist/index78.js +1 -6
- package/dist/index79.cjs +1 -1
- package/dist/index79.js +1 -297
- package/dist/index8.cjs +1 -1
- package/dist/index8.js +2 -112
- package/dist/index80.cjs +1 -1
- package/dist/index80.js +1 -25
- package/dist/index81.cjs +1 -1
- package/dist/index81.js +1 -39
- package/dist/index82.cjs +1 -1
- package/dist/index82.js +1 -625
- package/dist/index83.cjs +1 -1
- package/dist/index83.js +2 -721
- package/dist/index84.cjs +1 -1
- package/dist/index84.js +1 -154
- package/dist/index85.cjs +1 -1
- package/dist/index85.js +1 -173
- package/dist/index86.cjs +1 -0
- package/dist/index86.js +1 -0
- package/dist/index87.cjs +1 -0
- package/dist/index87.js +1 -0
- package/dist/index88.cjs +1 -0
- package/dist/index88.js +1 -0
- package/dist/index9.cjs +1 -1
- package/dist/index9.js +2 -112
- package/dist/src/components/core/button/Button.component.d.ts +2 -35
- 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 -76
- 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/ai-loader/AiLoader.component.d.ts +5 -0
- package/dist/src/components/feedback/ai-loader/AiLoader.component.d.ts.map +1 -0
- package/dist/src/components/feedback/ai-loader/AiLoader.styles.d.ts +5 -0
- package/dist/src/components/feedback/ai-loader/AiLoader.styles.d.ts.map +1 -0
- package/dist/src/components/feedback/ai-loader/AiLoader.types.d.ts +10 -0
- package/dist/src/components/feedback/ai-loader/AiLoader.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 -59
- 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 -99
- 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 -107
- 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 +2 -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 -97
- 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 -94
- 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 -83
- 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 -36
- 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 -18
- 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 -38
- 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 -55
- 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 -89
- 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 -77
- 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 +4 -91
- 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/dist/src/index.d.ts +5 -2
- package/dist/src/index.d.ts.map +1 -1
- package/dist/styles.css +1 -0
- package/package.json +8 -13
- package/dist/index2.cjs +0 -1
- package/dist/index2.js +0 -40
- package/dist/style.css +0 -1
|
@@ -1,100 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RadioProps } from './Radio.types';
|
|
2
2
|
|
|
3
|
-
export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
4
|
-
/**
|
|
5
|
-
* Label text for the radio button
|
|
6
|
-
*/
|
|
7
|
-
label?: string;
|
|
8
|
-
/**
|
|
9
|
-
* Error message to display below the radio button
|
|
10
|
-
*/
|
|
11
|
-
error?: string;
|
|
12
|
-
/**
|
|
13
|
-
* Helper text to display below the radio button (only shown when no error)
|
|
14
|
-
*/
|
|
15
|
-
helperText?: string;
|
|
16
|
-
/**
|
|
17
|
-
* Callback fired when the radio button state changes
|
|
18
|
-
* @param event - The change event from the input element
|
|
19
|
-
*/
|
|
20
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
-
/**
|
|
22
|
-
* Callback fired when the radio button loses focus
|
|
23
|
-
* @param event - The blur event from the input element
|
|
24
|
-
*/
|
|
25
|
-
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
26
|
-
/**
|
|
27
|
-
* Callback fired when the radio button gains focus
|
|
28
|
-
* @param event - The focus event from the input element
|
|
29
|
-
*/
|
|
30
|
-
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
31
|
-
/**
|
|
32
|
-
* Callback fired when the radio button is clicked
|
|
33
|
-
* @param event - The mouse event from the input element
|
|
34
|
-
*/
|
|
35
|
-
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
|
36
|
-
/**
|
|
37
|
-
* Callback fired when a key is pressed on the radio button
|
|
38
|
-
* @param event - The keyboard event from the input element
|
|
39
|
-
*/
|
|
40
|
-
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
41
|
-
/**
|
|
42
|
-
* Callback fired when a key is released on the radio button
|
|
43
|
-
* @param event - The keyboard event from the input element
|
|
44
|
-
*/
|
|
45
|
-
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
46
|
-
/**
|
|
47
|
-
* Custom data-cy attribute for Cypress testing
|
|
48
|
-
* Auto-generates as "radio" if not provided
|
|
49
|
-
*/
|
|
50
|
-
'data-cy'?: string;
|
|
51
|
-
/**
|
|
52
|
-
* Custom data-testid attribute for unit testing
|
|
53
|
-
* Auto-generates as "radio" if not provided
|
|
54
|
-
*/
|
|
55
|
-
'data-testid'?: string;
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* Radio - Accessible radio button component for the Adam Milo Design System
|
|
59
|
-
*
|
|
60
|
-
* A fully accessible radio button component that supports:
|
|
61
|
-
* - Standard checked/unchecked states
|
|
62
|
-
* - Hover and focus states
|
|
63
|
-
* - Disabled state
|
|
64
|
-
* - Error states with messages
|
|
65
|
-
* - Helper text
|
|
66
|
-
* - Required field indicator (asterisk)
|
|
67
|
-
* - Full keyboard accessibility
|
|
68
|
-
* - RTL support
|
|
69
|
-
*
|
|
70
|
-
* @example
|
|
71
|
-
* ```tsx
|
|
72
|
-
* // Simple radio button
|
|
73
|
-
* <Radio label="Option A" name="choice" value="a" />
|
|
74
|
-
*
|
|
75
|
-
* // Required radio button (asterisk added automatically)
|
|
76
|
-
* <Radio
|
|
77
|
-
* label="Option B"
|
|
78
|
-
* name="choice"
|
|
79
|
-
* value="b"
|
|
80
|
-
* required
|
|
81
|
-
* />
|
|
82
|
-
*
|
|
83
|
-
* // With error
|
|
84
|
-
* <Radio
|
|
85
|
-
* label="Option C"
|
|
86
|
-
* name="choice"
|
|
87
|
-
* value="c"
|
|
88
|
-
* error="Please select an option"
|
|
89
|
-
* />
|
|
90
|
-
*
|
|
91
|
-
* // Radio group
|
|
92
|
-
* <div>
|
|
93
|
-
* <Radio label="Small" name="size" value="small" />
|
|
94
|
-
* <Radio label="Medium" name="size" value="medium" defaultChecked />
|
|
95
|
-
* <Radio label="Large" name="size" value="large" />
|
|
96
|
-
* </div>
|
|
97
|
-
* ```
|
|
98
|
-
*/
|
|
99
3
|
export declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
4
|
+
export type { RadioProps } from './Radio.types';
|
|
100
5
|
//# sourceMappingURL=Radio.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/radio/Radio.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radio.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/radio/Radio.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAahD,eAAO,MAAM,KAAK,yGAmGjB,CAAC;AAIF,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const wrapperStyles = "inline-flex flex-col gap-2";
|
|
2
|
+
export declare const wrapperDisabledStyles = "opacity-50 cursor-not-allowed";
|
|
3
|
+
export declare const containerStyles = "inline-flex items-center gap-2 relative";
|
|
4
|
+
export declare const inputBaseStyles: string;
|
|
5
|
+
export declare const inputErrorStyles = "border-[var(--color-error)] checked:border-[var(--color-error)]";
|
|
6
|
+
export declare const labelStyles = "text-[var(--color-text)] text-sm font-normal leading-relaxed cursor-pointer select-none";
|
|
7
|
+
export declare const labelDisabledStyles = "text-[var(--color-system-text)] cursor-not-allowed";
|
|
8
|
+
export declare const errorMsgStyles = "text-[var(--color-error)] text-base leading-relaxed ms-7";
|
|
9
|
+
export declare const helperMsgStyles = "text-[var(--color-system-text)] text-base leading-relaxed ms-7";
|
|
10
|
+
//# sourceMappingURL=Radio.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/radio/Radio.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+BAA+B,CAAC;AAC1D,eAAO,MAAM,qBAAqB,kCAAkC,CAAC;AACrE,eAAO,MAAM,eAAe,4CAA4C,CAAC;AAEzE,eAAO,MAAM,eAAe,QAWjB,CAAC;AAEZ,eAAO,MAAM,gBAAgB,oEAAoE,CAAC;AAElG,eAAO,MAAM,WAAW,4FACmE,CAAC;AAC5F,eAAO,MAAM,mBAAmB,uDAAuD,CAAC;AAExF,eAAO,MAAM,cAAc,6DAA6D,CAAC;AACzF,eAAO,MAAM,eAAe,mEAAmE,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
4
|
+
label?: string;
|
|
5
|
+
error?: string;
|
|
6
|
+
helperText?: string;
|
|
7
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
8
|
+
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
9
|
+
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
10
|
+
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
|
11
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
12
|
+
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
13
|
+
'data-cy'?: string;
|
|
14
|
+
'data-testid'?: string;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=Radio.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/radio/Radio.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,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,104 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { SelectTriggerProps, SelectContentProps, SelectItemProps, SelectLabelProps, SelectSeparatorProps } from './Select.types';
|
|
3
2
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
4
3
|
export declare const Select: import('react').FC<SelectPrimitive.SelectProps>;
|
|
5
|
-
export interface SelectTriggerProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
|
|
6
|
-
/**
|
|
7
|
-
* The label text for the select field
|
|
8
|
-
*/
|
|
9
|
-
label?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Error message to display
|
|
12
|
-
*/
|
|
13
|
-
error?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Helper text to display below the select
|
|
16
|
-
*/
|
|
17
|
-
helperText?: string;
|
|
18
|
-
/**
|
|
19
|
-
* Whether the select should take full width
|
|
20
|
-
* @default false
|
|
21
|
-
*/
|
|
22
|
-
fullWidth?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Whether the select has a value selected
|
|
25
|
-
*/
|
|
26
|
-
hasValue?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* Placeholder text when no value is selected
|
|
29
|
-
*/
|
|
30
|
-
placeholder?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Whether the select is required for form validation
|
|
33
|
-
* Note: Sets aria-required for accessibility. For actual form validation,
|
|
34
|
-
* use HTML form validation or a form library.
|
|
35
|
-
* @default false
|
|
36
|
-
*/
|
|
37
|
-
required?: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Custom data-cy attribute for Cypress testing
|
|
40
|
-
* @default "select-trigger"
|
|
41
|
-
*/
|
|
42
|
-
'data-cy'?: string;
|
|
43
|
-
/**
|
|
44
|
-
* Custom data-testid attribute for unit testing
|
|
45
|
-
* @default "select-trigger"
|
|
46
|
-
*/
|
|
47
|
-
'data-testid'?: string;
|
|
48
|
-
}
|
|
49
4
|
export declare const SelectTrigger: import('react').ForwardRefExoticComponent<SelectTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
50
5
|
export declare const SelectValue: import('react').ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import('react').RefAttributes<HTMLSpanElement>>;
|
|
51
|
-
export interface SelectContentProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
|
|
52
|
-
/**
|
|
53
|
-
* Custom data-cy attribute for Cypress testing
|
|
54
|
-
* @default "select-content"
|
|
55
|
-
*/
|
|
56
|
-
'data-cy'?: string;
|
|
57
|
-
/**
|
|
58
|
-
* Custom data-testid attribute for unit testing
|
|
59
|
-
* @default "select-content"
|
|
60
|
-
*/
|
|
61
|
-
'data-testid'?: string;
|
|
62
|
-
}
|
|
63
6
|
export declare const SelectContent: import('react').ForwardRefExoticComponent<SelectContentProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
64
|
-
export interface SelectItemProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
|
|
65
|
-
/**
|
|
66
|
-
* Custom data-cy attribute for Cypress testing
|
|
67
|
-
* Auto-generates as "select-item-{value}" if not provided
|
|
68
|
-
*/
|
|
69
|
-
'data-cy'?: string;
|
|
70
|
-
/**
|
|
71
|
-
* Custom data-testid attribute for unit testing
|
|
72
|
-
* Auto-generates as "select-item-{value}" if not provided
|
|
73
|
-
*/
|
|
74
|
-
'data-testid'?: string;
|
|
75
|
-
}
|
|
76
7
|
export declare const SelectItem: import('react').ForwardRefExoticComponent<SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
77
8
|
export declare const SelectGroup: import('react').ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
78
|
-
export interface SelectLabelProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Label> {
|
|
79
|
-
/**
|
|
80
|
-
* Custom data-cy attribute for Cypress testing
|
|
81
|
-
* @default "select-label"
|
|
82
|
-
*/
|
|
83
|
-
'data-cy'?: string;
|
|
84
|
-
/**
|
|
85
|
-
* Custom data-testid attribute for unit testing
|
|
86
|
-
* @default "select-label"
|
|
87
|
-
*/
|
|
88
|
-
'data-testid'?: string;
|
|
89
|
-
}
|
|
90
9
|
export declare const SelectLabel: import('react').ForwardRefExoticComponent<SelectLabelProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
91
|
-
export interface SelectSeparatorProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Separator> {
|
|
92
|
-
/**
|
|
93
|
-
* Custom data-cy attribute for Cypress testing
|
|
94
|
-
* @default "select-separator"
|
|
95
|
-
*/
|
|
96
|
-
'data-cy'?: string;
|
|
97
|
-
/**
|
|
98
|
-
* Custom data-testid attribute for unit testing
|
|
99
|
-
* @default "select-separator"
|
|
100
|
-
*/
|
|
101
|
-
'data-testid'?: string;
|
|
102
|
-
}
|
|
103
10
|
export declare const SelectSeparator: import('react').ForwardRefExoticComponent<SelectSeparatorProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export type { SelectTriggerProps, SelectContentProps, SelectItemProps, SelectLabelProps, SelectSeparatorProps, } from './Select.types';
|
|
104
12
|
//# sourceMappingURL=Select.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,gBAAgB,CAAC;AAqBxB,eAAO,MAAM,MAAM,iDAAuB,CAAC;AAE3C,eAAO,MAAM,aAAa,kHAqIzB,CAAC;AAGF,eAAO,MAAM,WAAW,8HAAwB,CAAC;AAEjD,eAAO,MAAM,aAAa,+GAkCzB,CAAC;AAGF,eAAO,MAAM,UAAU,4GAkBtB,CAAC;AAGF,eAAO,MAAM,WAAW,6HAAwB,CAAC;AAEjD,eAAO,MAAM,WAAW,6GAevB,CAAC;AAGF,eAAO,MAAM,eAAe,iHAgB1B,CAAC;AAGH,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export declare const triggerWrapperStyles = "flex flex-col gap-2 relative w-auto";
|
|
2
|
+
export declare const triggerWrapperFullWidthStyles = "w-full";
|
|
3
|
+
export declare const triggerLabelStyles = "text-sm font-normal leading-none text-[var(--color-grey-07)]";
|
|
4
|
+
export declare const triggerLabelErrorStyles = "text-[var(--color-error)]";
|
|
5
|
+
export declare const triggerLabelDisabledStyles = "opacity-50";
|
|
6
|
+
export declare const triggerButtonStyles: string;
|
|
7
|
+
export declare const triggerButtonErrorStyles = "border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]";
|
|
8
|
+
export declare const triggerButtonPlaceholderStyles = "text-[var(--color-icon-secondary)]";
|
|
9
|
+
export declare const triggerValueStyles = "flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap";
|
|
10
|
+
export declare const triggerIconStyles = "flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full";
|
|
11
|
+
export declare const triggerErrorStyles = "text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5";
|
|
12
|
+
export declare const triggerHelperStyles = "text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5";
|
|
13
|
+
export declare const contentStyles: string;
|
|
14
|
+
export declare const viewportStyles = "p-1";
|
|
15
|
+
export declare const itemStyles: string;
|
|
16
|
+
export declare const labelStyles = "py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]";
|
|
17
|
+
export declare const separatorStyles = "h-px my-1 bg-[var(--color-border)]";
|
|
18
|
+
//# sourceMappingURL=Select.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,wCAAwC,CAAC;AAC1E,eAAO,MAAM,6BAA6B,WAAW,CAAC;AAEtD,eAAO,MAAM,kBAAkB,iEAAiE,CAAC;AACjG,eAAO,MAAM,uBAAuB,8BAA8B,CAAC;AACnE,eAAO,MAAM,0BAA0B,eAAe,CAAC;AAEvD,eAAO,MAAM,mBAAmB,QAQrB,CAAC;AACZ,eAAO,MAAM,wBAAwB,kJAC4G,CAAC;AAClJ,eAAO,MAAM,8BAA8B,uCAAuC,CAAC;AAEnF,eAAO,MAAM,kBAAkB,mEAAmE,CAAC;AAEnG,eAAO,MAAM,iBAAiB,8LAC+J,CAAC;AAE9L,eAAO,MAAM,kBAAkB,iEAAiE,CAAC;AACjG,eAAO,MAAM,mBAAmB,mEAAmE,CAAC;AAEpG,eAAO,MAAM,aAAa,QAGf,CAAC;AAEZ,eAAO,MAAM,cAAc,QAAQ,CAAC;AAEpC,eAAO,MAAM,UAAU,QAMZ,CAAC;AAEZ,eAAO,MAAM,WAAW,8DAA8D,CAAC;AAEvF,eAAO,MAAM,eAAe,uCAAuC,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes, HTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface SelectTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
label?: string;
|
|
5
|
+
error?: string;
|
|
6
|
+
helperText?: string;
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
hasValue?: boolean;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
'data-cy'?: string;
|
|
12
|
+
'data-testid'?: string;
|
|
13
|
+
}
|
|
14
|
+
export interface SelectContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
15
|
+
position?: 'item-aligned' | 'popper';
|
|
16
|
+
'data-cy'?: string;
|
|
17
|
+
'data-testid'?: string;
|
|
18
|
+
}
|
|
19
|
+
export interface SelectItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
20
|
+
value: string;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
textValue?: string;
|
|
23
|
+
'data-cy'?: string;
|
|
24
|
+
'data-testid'?: string;
|
|
25
|
+
}
|
|
26
|
+
export interface SelectLabelProps extends HTMLAttributes<HTMLDivElement> {
|
|
27
|
+
'data-cy'?: string;
|
|
28
|
+
'data-testid'?: string;
|
|
29
|
+
}
|
|
30
|
+
export interface SelectSeparatorProps extends HTMLAttributes<HTMLDivElement> {
|
|
31
|
+
'data-cy'?: string;
|
|
32
|
+
'data-testid'?: string;
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=Select.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,CAAC,EAAE,cAAc,GAAG,QAAQ,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -1,80 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ToggleProps } from './Toggle.types';
|
|
2
2
|
|
|
3
|
-
export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
|
|
4
|
-
/**
|
|
5
|
-
* Label text for the toggle
|
|
6
|
-
*/
|
|
7
|
-
label?: string;
|
|
8
|
-
/**
|
|
9
|
-
* Position of the label relative to the toggle
|
|
10
|
-
* @default 'end'
|
|
11
|
-
*/
|
|
12
|
-
labelPosition?: 'start' | 'end';
|
|
13
|
-
/**
|
|
14
|
-
* Helper text to display below the toggle
|
|
15
|
-
*/
|
|
16
|
-
helperText?: string;
|
|
17
|
-
/**
|
|
18
|
-
* Size of the toggle
|
|
19
|
-
* @default 'md'
|
|
20
|
-
*/
|
|
21
|
-
size?: 'sm' | 'md' | 'lg';
|
|
22
|
-
/**
|
|
23
|
-
* Callback fired when the toggle state changes
|
|
24
|
-
* @param event - The change event from the input element
|
|
25
|
-
*/
|
|
26
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
27
|
-
/**
|
|
28
|
-
* Callback fired when the toggle loses focus
|
|
29
|
-
* @param event - The blur event from the input element
|
|
30
|
-
*/
|
|
31
|
-
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
32
|
-
/**
|
|
33
|
-
* Callback fired when the toggle gains focus
|
|
34
|
-
* @param event - The focus event from the input element
|
|
35
|
-
*/
|
|
36
|
-
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
37
|
-
/**
|
|
38
|
-
* Custom data-cy attribute for Cypress testing
|
|
39
|
-
* Auto-generates as "toggle" if not provided
|
|
40
|
-
*/
|
|
41
|
-
'data-cy'?: string;
|
|
42
|
-
/**
|
|
43
|
-
* Custom data-testid attribute for unit testing
|
|
44
|
-
* Auto-generates as "toggle" if not provided
|
|
45
|
-
*/
|
|
46
|
-
'data-testid'?: string;
|
|
47
|
-
}
|
|
48
|
-
/**
|
|
49
|
-
* Toggle - Accessible toggle/switch component for the Adam Milo Design System
|
|
50
|
-
*
|
|
51
|
-
* A fully accessible toggle component that supports:
|
|
52
|
-
* - Standard on/off states
|
|
53
|
-
* - Hover and focus states
|
|
54
|
-
* - Disabled state
|
|
55
|
-
* - Label positioning
|
|
56
|
-
* - Helper text
|
|
57
|
-
* - Full keyboard accessibility
|
|
58
|
-
* - RTL support
|
|
59
|
-
*
|
|
60
|
-
* @example
|
|
61
|
-
* ```tsx
|
|
62
|
-
* // Simple toggle
|
|
63
|
-
* <Toggle label="Enable notifications" />
|
|
64
|
-
*
|
|
65
|
-
* // Controlled toggle
|
|
66
|
-
* <Toggle
|
|
67
|
-
* label="Dark mode"
|
|
68
|
-
* checked={isDarkMode}
|
|
69
|
-
* onChange={(e) => setIsDarkMode(e.target.checked)}
|
|
70
|
-
* />
|
|
71
|
-
*
|
|
72
|
-
* // With label on the left
|
|
73
|
-
* <Toggle label="Auto-save" labelPosition="start" />
|
|
74
|
-
*
|
|
75
|
-
* // Disabled toggle
|
|
76
|
-
* <Toggle label="Feature flag" disabled />
|
|
77
|
-
* ```
|
|
78
|
-
*/
|
|
79
3
|
export declare const Toggle: import('react').ForwardRefExoticComponent<ToggleProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
4
|
+
export type { ToggleProps } from './Toggle.types';
|
|
80
5
|
//# sourceMappingURL=Toggle.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/toggle/Toggle.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Toggle.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/toggle/Toggle.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAkBlD,eAAO,MAAM,MAAM,0GAkJlB,CAAC;AAIF,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export declare const trackSizeMap: {
|
|
2
|
+
readonly sm: "w-9 h-[1.125rem] p-px";
|
|
3
|
+
readonly md: "w-11 h-[1.375rem] p-0.5";
|
|
4
|
+
readonly lg: "w-[3.25rem] h-[1.625rem] p-[0.1875rem]";
|
|
5
|
+
};
|
|
6
|
+
export declare const knobSizeMap: {
|
|
7
|
+
readonly sm: "w-4 h-4";
|
|
8
|
+
readonly md: "w-[1.125rem] h-[1.125rem]";
|
|
9
|
+
readonly lg: "w-5 h-5";
|
|
10
|
+
};
|
|
11
|
+
export declare const wrapperStyles = "inline-flex flex-col gap-1.5";
|
|
12
|
+
export declare const wrapperDisabledStyles = "opacity-50 cursor-not-allowed";
|
|
13
|
+
export declare const labelContainerStyles = "inline-flex items-center gap-2 cursor-pointer min-h-11 max-sm:min-h-11";
|
|
14
|
+
export declare const labelContainerReversedStyles = "flex-row-reverse";
|
|
15
|
+
export declare const labelTextStyles = "text-sm font-normal leading-snug text-[var(--color-text)] select-none disabled:text-[var(--color-system-text)]";
|
|
16
|
+
export declare const inputSrOnlyStyles = "peer absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0 [clip:rect(0,0,0,0)] focus-visible:outline-none";
|
|
17
|
+
export declare const trackBaseStyles = "relative flex items-center shrink-0 rounded-2xl bg-[var(--color-icon-secondary)] transition-[background-color,background-image] duration-200 ease-in-out peer-checked:bg-[var(--color-clickable)] peer-checked:justify-end peer-disabled:bg-[var(--color-border)] peer-disabled:bg-none peer-disabled:peer-checked:bg-[var(--color-icon-secondary)] peer-focus-visible:outline-2 peer-focus-visible:outline-[var(--color-clickable)] peer-focus-visible:outline-offset-2";
|
|
18
|
+
export declare const trackHoverStyles = "bg-[linear-gradient(90deg,rgba(25,26,57,0.24)_0%,rgba(25,26,57,0.24)_100%),linear-gradient(90deg,var(--color-icon-secondary)_0%,var(--color-icon-secondary)_100%)]";
|
|
19
|
+
export declare const trackHoverCheckedStyles = "peer-checked:bg-[linear-gradient(90deg,rgba(25,26,57,0.4)_0%,rgba(25,26,57,0.4)_100%),linear-gradient(90deg,var(--color-clickable)_0%,var(--color-clickable)_100%)]";
|
|
20
|
+
export declare const knobBaseStyles = "rounded-full bg-[var(--color-card)] transition-shadow duration-200";
|
|
21
|
+
export declare const knobHoverShadowStyles = "shadow-[0_0.125rem_0.25rem_0_rgba(0,35,11,0.2)]";
|
|
22
|
+
export declare const helperStyles = "text-xs font-normal leading-snug text-[var(--color-system-text)] ms-0";
|
|
23
|
+
//# sourceMappingURL=Toggle.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/toggle/Toggle.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,eAAO,MAAM,WAAW;;;;CAId,CAAC;AAEX,eAAO,MAAM,aAAa,iCAAiC,CAAC;AAC5D,eAAO,MAAM,qBAAqB,kCAAkC,CAAC;AACrE,eAAO,MAAM,oBAAoB,2EACyC,CAAC;AAC3E,eAAO,MAAM,4BAA4B,qBAAqB,CAAC;AAC/D,eAAO,MAAM,eAAe,mHACsF,CAAC;AACnH,eAAO,MAAM,iBAAiB,iIACkG,CAAC;AACjI,eAAO,MAAM,eAAe,6cACgb,CAAC;AAC7c,eAAO,MAAM,gBAAgB,uKACyI,CAAC;AACvK,eAAO,MAAM,uBAAuB,wKACmI,CAAC;AACxK,eAAO,MAAM,cAAc,uEAAuE,CAAC;AACnG,eAAO,MAAM,qBAAqB,oDAAoD,CAAC;AACvF,eAAO,MAAM,YAAY,0EAA0E,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
|
|
4
|
+
label?: string;
|
|
5
|
+
labelPosition?: 'start' | 'end';
|
|
6
|
+
helperText?: string;
|
|
7
|
+
size?: 'sm' | 'md' | 'lg';
|
|
8
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
+
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
10
|
+
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
11
|
+
'data-cy'?: string;
|
|
12
|
+
'data-testid'?: string;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=Toggle.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/toggle/Toggle.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -1,86 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AuthLayoutProps } from './AuthLayout.types';
|
|
2
2
|
|
|
3
|
-
export
|
|
4
|
-
/**
|
|
5
|
-
* The content to render inside the card
|
|
6
|
-
*/
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
/**
|
|
9
|
-
* Card size variant
|
|
10
|
-
* - sm: Small card (400px width)
|
|
11
|
-
* - md: Medium card (500px width)
|
|
12
|
-
* - lg: Large card (600px width) - default
|
|
13
|
-
* - xl: Extra large card (700px width)
|
|
14
|
-
* - auto: Card width adjusts to content
|
|
15
|
-
*/
|
|
16
|
-
cardSize?: 'sm' | 'md' | 'lg' | 'xl' | 'auto';
|
|
17
|
-
/**
|
|
18
|
-
* Logo element to display in the header
|
|
19
|
-
* Can be an image, SVG, or custom component
|
|
20
|
-
*/
|
|
21
|
-
logo?: ReactNode;
|
|
22
|
-
/**
|
|
23
|
-
* Whether to show the settings menu button
|
|
24
|
-
* @default true
|
|
25
|
-
*/
|
|
26
|
-
showSettings?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* Whether to show the user menu button
|
|
29
|
-
* @default true
|
|
30
|
-
*/
|
|
31
|
-
showUserMenu?: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* User initials for the user menu button (for existing users)
|
|
34
|
-
* If provided, shows initials instead of user icon
|
|
35
|
-
*/
|
|
36
|
-
userInitials?: string;
|
|
37
|
-
/**
|
|
38
|
-
* Callback when settings button is clicked
|
|
39
|
-
*/
|
|
40
|
-
onSettingsClick?: () => void;
|
|
41
|
-
/**
|
|
42
|
-
* Callback when user menu button is clicked
|
|
43
|
-
*/
|
|
44
|
-
onUserMenuClick?: () => void;
|
|
45
|
-
/**
|
|
46
|
-
* Which menu button is currently selected/active
|
|
47
|
-
*/
|
|
48
|
-
activeMenu?: 'settings' | 'user' | null;
|
|
49
|
-
/**
|
|
50
|
-
* An ID for testing purposes, used by Vitest/React Testing Library.
|
|
51
|
-
*/
|
|
52
|
-
'data-testid'?: string;
|
|
53
|
-
/**
|
|
54
|
-
* An ID for Cypress E2E testing purposes.
|
|
55
|
-
*/
|
|
56
|
-
'data-cy'?: string;
|
|
57
|
-
}
|
|
58
|
-
/**
|
|
59
|
-
* AuthLayout - Pre-authentication page layout
|
|
60
|
-
*
|
|
61
|
-
* Based on Figma designs:
|
|
62
|
-
* - Desktop: node-id=40001-29832
|
|
63
|
-
* - Mobile: node-id=40362-11823
|
|
64
|
-
*
|
|
65
|
-
* A full-page layout for authentication pages (login, signup, password reset, etc.)
|
|
66
|
-
* featuring:
|
|
67
|
-
* - Gradient background
|
|
68
|
-
* - Fixed header with logo and menu buttons
|
|
69
|
-
* - Centered card container for form content
|
|
70
|
-
* - Responsive design (desktop/mobile)
|
|
71
|
-
*
|
|
72
|
-
* @example
|
|
73
|
-
* ```tsx
|
|
74
|
-
* <AuthLayout
|
|
75
|
-
* logo={<img src="/logo.svg" alt="Company Logo" />}
|
|
76
|
-
* cardSize="lg"
|
|
77
|
-
* onSettingsClick={() => openSettings()}
|
|
78
|
-
* onUserMenuClick={() => openUserMenu()}
|
|
79
|
-
* >
|
|
80
|
-
* <h1>Welcome</h1>
|
|
81
|
-
* <form>...</form>
|
|
82
|
-
* </AuthLayout>
|
|
83
|
-
* ```
|
|
84
|
-
*/
|
|
3
|
+
export type { AuthLayoutProps } from './AuthLayout.types';
|
|
85
4
|
export declare const AuthLayout: import('react').ForwardRefExoticComponent<AuthLayoutProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
86
5
|
//# sourceMappingURL=AuthLayout.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthLayout.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AuthLayout.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAY1D,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,4GA4FtB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { AuthLayoutProps } from './AuthLayout.types';
|
|
2
|
+
|
|
3
|
+
export declare const cardSizeClasses: Record<NonNullable<AuthLayoutProps['cardSize']>, string>;
|
|
4
|
+
export declare const rootStyles: string;
|
|
5
|
+
export declare const backgroundStyles: string;
|
|
6
|
+
export declare const headerStyles: string;
|
|
7
|
+
export declare const logoWrapperStyles: string;
|
|
8
|
+
export declare const menuWrapperStyles: string;
|
|
9
|
+
export declare const mainStyles: string;
|
|
10
|
+
export declare const cardWrapperStyles: string;
|
|
11
|
+
//# sourceMappingURL=AuthLayout.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AuthLayout.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,EAAE,MAAM,CAOpF,CAAC;AAEF,eAAO,MAAM,UAAU,QAIZ,CAAC;AAEZ,eAAO,MAAM,gBAAgB,QAGlB,CAAC;AAEZ,eAAO,MAAM,YAAY,QAKd,CAAC;AAEZ,eAAO,MAAM,iBAAiB,QAKnB,CAAC;AAEZ,eAAO,MAAM,iBAAiB,QAOnB,CAAC;AAEZ,eAAO,MAAM,UAAU,QAGZ,CAAC;AAEZ,eAAO,MAAM,iBAAiB,QAOnB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface AuthLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style' | 'className'> {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
cardSize?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'auto';
|
|
6
|
+
logo?: ReactNode;
|
|
7
|
+
showSettings?: boolean;
|
|
8
|
+
showUserMenu?: boolean;
|
|
9
|
+
userInitials?: string;
|
|
10
|
+
onSettingsClick?: () => void;
|
|
11
|
+
onUserMenuClick?: () => void;
|
|
12
|
+
activeMenu?: 'settings' | 'user' | null;
|
|
13
|
+
'data-testid'?: string;
|
|
14
|
+
'data-cy'?: string;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=AuthLayout.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AuthLayout.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,GAAG,WAAW,CACtB;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IACtD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1,26 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ContainerProps } from './Container.types';
|
|
2
2
|
|
|
3
|
-
export
|
|
4
|
-
/**
|
|
5
|
-
* Maximum width of the container
|
|
6
|
-
* @default "lg"
|
|
7
|
-
*/
|
|
8
|
-
maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
9
|
-
/**
|
|
10
|
-
* Horizontal padding size
|
|
11
|
-
* @default "md"
|
|
12
|
-
*/
|
|
13
|
-
padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
|
|
14
|
-
/**
|
|
15
|
-
* Custom data-cy attribute for Cypress testing
|
|
16
|
-
* @default "container"
|
|
17
|
-
*/
|
|
18
|
-
'data-cy'?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Custom data-testid attribute for unit testing
|
|
21
|
-
* @default "container"
|
|
22
|
-
*/
|
|
23
|
-
'data-testid'?: string;
|
|
24
|
-
}
|
|
3
|
+
export type { ContainerProps } from './Container.types';
|
|
25
4
|
export declare const Container: import('react').ForwardRefExoticComponent<ContainerProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
26
5
|
//# sourceMappingURL=Container.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/container/Container.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Container.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/container/Container.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,2GAiCrB,CAAC"}
|