@newtonschool/grauity 2.0.3-beta.8 → 3.0.0-beta.0
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 +4 -4
- package/dist/common/types.d.ts +2 -0
- package/dist/common/types.d.ts.map +1 -1
- package/dist/css/grauity-icons.scss +90 -114
- package/dist/fonts/grauity-icons.eot +0 -0
- package/dist/fonts/grauity-icons.ttf +0 -0
- package/dist/fonts/grauity-icons.woff +0 -0
- package/dist/fonts/grauity-icons.woff2 +0 -0
- package/dist/index.d.ts +290 -280
- package/dist/index.d.ts.map +1 -1
- package/dist/main.cjs +1 -1
- package/dist/main.cjs.map +1 -1
- package/dist/module.mjs +1 -1
- package/dist/module.mjs.map +1 -1
- package/dist/ui/core/colors/index.d.ts +23 -0
- package/dist/ui/core/colors/index.d.ts.map +1 -0
- package/dist/ui/core/icons/iconTags.d.ts +0 -6
- package/dist/ui/core/icons/iconTags.d.ts.map +1 -1
- package/dist/ui/core/icons/iconTypes.d.ts +2 -8
- package/dist/ui/core/icons/iconTypes.d.ts.map +1 -1
- package/dist/ui/core/index.d.ts +1 -0
- package/dist/ui/core/index.d.ts.map +1 -1
- package/dist/ui/elements/Alert/Alert.d.ts.map +1 -1
- package/dist/ui/elements/Alert/constants.d.ts +0 -24
- package/dist/ui/elements/Alert/constants.d.ts.map +1 -1
- package/dist/ui/elements/Alert/types.d.ts +4 -0
- package/dist/ui/elements/Alert/types.d.ts.map +1 -1
- package/dist/ui/elements/AlertBanner/AlertBanner.d.ts.map +1 -1
- package/dist/ui/elements/AlertBanner/constants.d.ts +17 -17
- package/dist/ui/elements/AlertBanner/constants.d.ts.map +1 -1
- package/dist/ui/elements/AlertBanner/types.d.ts +1 -1
- package/dist/ui/elements/AlertBanner/utils.d.ts +11 -1
- package/dist/ui/elements/AlertBanner/utils.d.ts.map +1 -1
- package/dist/ui/elements/Button/Button.d.ts.map +1 -1
- package/dist/ui/elements/Button/Button.styles.d.ts.map +1 -1
- package/dist/ui/elements/Button/IconButton.d.ts.map +1 -1
- package/dist/ui/elements/Button/constants.d.ts +12 -11
- package/dist/ui/elements/Button/constants.d.ts.map +1 -1
- package/dist/ui/elements/Button/types.d.ts +24 -6
- package/dist/ui/elements/Button/types.d.ts.map +1 -1
- package/dist/ui/elements/Carousel/Carousel.d.ts.map +1 -1
- package/dist/ui/elements/Carousel/Carousel.styles.d.ts +2 -3
- package/dist/ui/elements/Carousel/Carousel.styles.d.ts.map +1 -1
- package/dist/ui/elements/Carousel/types.d.ts +8 -0
- package/dist/ui/elements/Carousel/types.d.ts.map +1 -1
- package/dist/ui/elements/Form/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/ui/elements/Form/Checkbox/Checkbox.styles.d.ts.map +1 -1
- package/dist/ui/elements/Form/Checkbox/types.d.ts +6 -1
- package/dist/ui/elements/Form/Checkbox/types.d.ts.map +1 -1
- package/dist/ui/elements/Form/Checkbox/utils.d.ts +6 -1
- package/dist/ui/elements/Form/Checkbox/utils.d.ts.map +1 -1
- package/dist/ui/elements/Form/Label/index.d.ts.map +1 -1
- package/dist/ui/elements/Form/OtpInputField/OtpInputField.d.ts +1 -1
- package/dist/ui/elements/Form/OtpInputField/OtpInputField.d.ts.map +1 -1
- package/dist/ui/elements/Form/OtpInputField/OtpInputField.styles.d.ts.map +1 -1
- package/dist/ui/elements/Form/OtpInputField/types.d.ts +12 -0
- package/dist/ui/elements/Form/OtpInputField/types.d.ts.map +1 -1
- package/dist/ui/elements/Form/RadioButton/RadioButton.d.ts.map +1 -1
- package/dist/ui/elements/Form/RadioButton/RadioButton.styles.d.ts.map +1 -1
- package/dist/ui/elements/Form/RadioButton/types.d.ts +9 -0
- package/dist/ui/elements/Form/RadioButton/types.d.ts.map +1 -1
- package/dist/ui/elements/Form/RadioButton/utils.d.ts +3 -0
- package/dist/ui/elements/Form/RadioButton/utils.d.ts.map +1 -0
- package/dist/ui/elements/Form/TextArea/TextArea.d.ts.map +1 -1
- package/dist/ui/elements/Form/TextArea/constant.d.ts.map +1 -1
- package/dist/ui/elements/Form/TextArea/index.styles.d.ts.map +1 -1
- package/dist/ui/elements/Form/TextArea/types.d.ts +11 -20
- package/dist/ui/elements/Form/TextArea/types.d.ts.map +1 -1
- package/dist/ui/elements/Form/TextField/TextField.d.ts.map +1 -1
- package/dist/ui/elements/Form/TextField/index.styles.d.ts.map +1 -1
- package/dist/ui/elements/Form/TextField/types.d.ts +12 -17
- package/dist/ui/elements/Form/TextField/types.d.ts.map +1 -1
- package/dist/ui/elements/Form/TextField/utils.d.ts +3 -0
- package/dist/ui/elements/Form/TextField/utils.d.ts.map +1 -0
- package/dist/ui/elements/Form/index.styles.d.ts.map +1 -1
- package/dist/ui/elements/Form/types.d.ts +12 -0
- package/dist/ui/elements/Form/types.d.ts.map +1 -1
- package/dist/ui/elements/Modal/Modal.d.ts.map +1 -1
- package/dist/ui/elements/Modal/MultiStepModal/index.d.ts.map +1 -1
- package/dist/ui/elements/Modal/types.d.ts +13 -1
- package/dist/ui/elements/Modal/types.d.ts.map +1 -1
- package/dist/ui/elements/MultiSelectDropdown/MultiSelectDropdown.d.ts +0 -5
- package/dist/ui/elements/MultiSelectDropdown/MultiSelectDropdown.d.ts.map +1 -1
- package/dist/ui/elements/MultiSelectDropdown/types.d.ts +0 -5
- package/dist/ui/elements/MultiSelectDropdown/types.d.ts.map +1 -1
- package/dist/ui/elements/Overlay/Overlay.d.ts.map +1 -1
- package/dist/ui/elements/Overlay/Overlay.styles.d.ts +1 -2
- package/dist/ui/elements/Overlay/Overlay.styles.d.ts.map +1 -1
- package/dist/ui/elements/Overlay/types.d.ts +0 -17
- package/dist/ui/elements/Overlay/types.d.ts.map +1 -1
- package/dist/ui/elements/Pagination/Pagination.d.ts.map +1 -1
- package/dist/ui/elements/Pagination/types.d.ts +22 -7
- package/dist/ui/elements/Pagination/types.d.ts.map +1 -1
- package/dist/ui/elements/SelectDropdown/SelectDropdown.d.ts +0 -5
- package/dist/ui/elements/SelectDropdown/SelectDropdown.d.ts.map +1 -1
- package/dist/ui/elements/SelectDropdown/types.d.ts +0 -5
- package/dist/ui/elements/SelectDropdown/types.d.ts.map +1 -1
- package/dist/ui/index.d.ts +0 -1
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/themes/ThemeProvider.d.ts +70 -0
- package/dist/ui/themes/ThemeProvider.d.ts.map +1 -1
- package/dist/ui/themes/darkThemeConstants.d.ts +35 -0
- package/dist/ui/themes/darkThemeConstants.d.ts.map +1 -1
- package/dist/ui/themes/lightThemeConstants.d.ts +35 -0
- package/dist/ui/themes/lightThemeConstants.d.ts.map +1 -1
- package/dist/ui/themes/utils.d.ts +1 -1
- package/package.json +1 -1
- package/dist/ui/elements/DropdownMenu/DropdownMenu.d.ts +0 -4
- package/dist/ui/elements/DropdownMenu/DropdownMenu.d.ts.map +0 -1
- package/dist/ui/elements/DropdownMenu/DropdownMenu.styles.d.ts +0 -19
- package/dist/ui/elements/DropdownMenu/DropdownMenu.styles.d.ts.map +0 -1
- package/dist/ui/elements/DropdownMenu/DropdownTrigger.d.ts +0 -6
- package/dist/ui/elements/DropdownMenu/DropdownTrigger.d.ts.map +0 -1
- package/dist/ui/elements/DropdownMenu/components/DropdownMenuFooter.d.ts +0 -12
- package/dist/ui/elements/DropdownMenu/components/DropdownMenuFooter.d.ts.map +0 -1
- package/dist/ui/elements/DropdownMenu/components/DropdownMenuHeader.d.ts +0 -11
- package/dist/ui/elements/DropdownMenu/components/DropdownMenuHeader.d.ts.map +0 -1
- package/dist/ui/elements/DropdownMenu/components/DropdownMenuOption.d.ts +0 -9
- package/dist/ui/elements/DropdownMenu/components/DropdownMenuOption.d.ts.map +0 -1
- package/dist/ui/elements/DropdownMenu/components/DropdownMenuSubHeader.d.ts +0 -4
- package/dist/ui/elements/DropdownMenu/components/DropdownMenuSubHeader.d.ts.map +0 -1
- package/dist/ui/elements/DropdownMenu/components/DropdownMenuWithoutTrigger.d.ts +0 -9
- package/dist/ui/elements/DropdownMenu/components/DropdownMenuWithoutTrigger.d.ts.map +0 -1
- package/dist/ui/elements/DropdownMenu/components/DropdownSearchBox.d.ts +0 -10
- package/dist/ui/elements/DropdownMenu/components/DropdownSearchBox.d.ts.map +0 -1
- package/dist/ui/elements/DropdownMenu/constants.d.ts +0 -3
- package/dist/ui/elements/DropdownMenu/constants.d.ts.map +0 -1
- package/dist/ui/elements/DropdownMenu/index.d.ts +0 -4
- package/dist/ui/elements/DropdownMenu/index.d.ts.map +0 -1
- package/dist/ui/elements/DropdownMenu/types.d.ts +0 -179
- package/dist/ui/elements/DropdownMenu/types.d.ts.map +0 -1
- package/dist/ui/elements/DropdownMenu/utils.d.ts +0 -33
- package/dist/ui/elements/DropdownMenu/utils.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Carousel/Carousel.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,QAAQ,UAAW,aAAa,
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Carousel/Carousel.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,QAAQ,UAAW,aAAa,gBA8IrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
export declare const StyledCarouselContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDivProps>> & string;
|
|
2
|
+
import { StyledCarouselContainerProps, StyledCarouselControlsProps, StyledCarouselHeaderRowProps, StyledCarouselItemProps, StyledCarouselItemsContainerProps } from './types';
|
|
3
|
+
export declare const StyledCarouselContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCarouselContainerProps>> & string;
|
|
5
4
|
export declare const StyledCarouselHeaderRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCarouselHeaderRowProps>> & string;
|
|
6
5
|
export declare const StyledCarouselTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
6
|
export declare const StyledCarouselControls: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCarouselControlsProps>> & string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Carousel/Carousel.styles.ts"],"names":[],"mappings":";AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Carousel/Carousel.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EACH,4BAA4B,EAC5B,2BAA2B,EAC3B,4BAA4B,EAC5B,uBAAuB,EACvB,iCAAiC,EACpC,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,uBAAuB,iQAWnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,iQAQnC,CAAC;AACF,eAAO,MAAM,mBAAmB,6NAO/B,CAAC;AACF,eAAO,MAAM,sBAAsB,gQAKlC,CAAC;AAEF,eAAO,MAAM,4BAA4B,sQAOxC,CAAC;AACF,eAAO,MAAM,kBAAkB,4PAG9B,CAAC"}
|
|
@@ -63,6 +63,11 @@ export interface CarouselProps {
|
|
|
63
63
|
* @default null
|
|
64
64
|
*/
|
|
65
65
|
onScrollEnd?: () => void;
|
|
66
|
+
/**
|
|
67
|
+
* Gap between the carousel header and the items row in pixels.
|
|
68
|
+
* @default 12
|
|
69
|
+
*/
|
|
70
|
+
headerGap?: number;
|
|
66
71
|
/**
|
|
67
72
|
* Gap between the carousel items in pixels.
|
|
68
73
|
* @default 12
|
|
@@ -79,6 +84,9 @@ export interface CarouselProps {
|
|
|
79
84
|
*/
|
|
80
85
|
className?: string;
|
|
81
86
|
}
|
|
87
|
+
export interface StyledCarouselContainerProps extends StyledDivProps {
|
|
88
|
+
$headerGap: number;
|
|
89
|
+
}
|
|
82
90
|
export interface StyledCarouselHeaderRowProps extends StyledDivProps {
|
|
83
91
|
$iconPosition: IconPosition;
|
|
84
92
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,aAAa;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,4BAA6B,SAAQ,cAAc;IAChE,aAAa,EAAE,YAAY,CAAC;CAC/B;AAED,MAAM,WAAW,2BAA4B,SAAQ,cAAc;IAC/D,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iCAAkC,SAAQ,cAAc;IACrE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC3D,UAAU,EAAE,OAAO,CAAC;CACvB"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,aAAa;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,4BAA6B,SAAQ,cAAc;IAChE,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,4BAA6B,SAAQ,cAAc;IAChE,aAAa,EAAE,YAAY,CAAC;CAC/B;AAED,MAAM,WAAW,2BAA4B,SAAQ,cAAc;IAC/D,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iCAAkC,SAAQ,cAAc;IACrE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC3D,UAAU,EAAE,OAAO,CAAC;CACvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAWrC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAWrC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkGrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAoB,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAoB,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGnD,eAAO,MAAM,yBAAyB,mPAIrC,CAAC;AAEF,eAAO,MAAM,cAAc,mPAQ1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,yQAoDhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,sQAc/B,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ACTION_COLORS } from 'ui/core';
|
|
2
3
|
import { StyledButtonProps } from '../../../../common/types';
|
|
3
4
|
export type CheckboxSize = 'small' | 'medium' | 'large';
|
|
4
5
|
export type CheckboxState = 'default' | 'error' | 'success';
|
|
6
|
+
export type CheckboxColors = `${ACTION_COLORS}`;
|
|
5
7
|
export interface CheckboxProps {
|
|
6
8
|
/**
|
|
7
9
|
* The name of the checkbox group.
|
|
@@ -20,6 +22,7 @@ export interface CheckboxProps {
|
|
|
20
22
|
/**
|
|
21
23
|
* The size of the checkbox.
|
|
22
24
|
* @default medium
|
|
25
|
+
* @deprecated Use color prop instead
|
|
23
26
|
*/
|
|
24
27
|
size?: CheckboxSize;
|
|
25
28
|
/**
|
|
@@ -64,14 +67,16 @@ export interface CheckboxProps {
|
|
|
64
67
|
value?: string | number;
|
|
65
68
|
/**
|
|
66
69
|
* Additional class names to apply to the checkbox.
|
|
67
|
-
* @default
|
|
70
|
+
* @default brand
|
|
68
71
|
*/
|
|
69
72
|
className?: string;
|
|
73
|
+
color?: CheckboxColors;
|
|
70
74
|
}
|
|
71
75
|
export interface StyledCheckboxInputProps extends StyledButtonProps {
|
|
72
76
|
$size?: CheckboxSize;
|
|
73
77
|
$state?: CheckboxState;
|
|
74
78
|
$checked?: boolean;
|
|
75
79
|
$indeterminate?: boolean;
|
|
80
|
+
$color?: CheckboxColors;
|
|
76
81
|
}
|
|
77
82
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG,GAAG,aAAa,EAAE,CAAC;AAEhD,MAAM,WAAW,aAAa;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEhE;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IAC/D,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,cAAc,CAAC;CAC3B"}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
import { grauityIconSizeName } from 'ui/core';
|
|
2
|
-
import { CheckboxSize } from './types';
|
|
2
|
+
import { CheckboxColors, CheckboxSize } from './types';
|
|
3
3
|
export declare const getIconSize: (size: CheckboxSize) => grauityIconSizeName;
|
|
4
|
+
export declare const getCheckboxStyles: ({ color, checked, indeterminate, }: {
|
|
5
|
+
color: CheckboxColors;
|
|
6
|
+
checked: boolean;
|
|
7
|
+
indeterminate: boolean;
|
|
8
|
+
}) => import("styled-components").RuleSet<object>;
|
|
4
9
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Checkbox/utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Checkbox/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,WAAW,SAAU,YAAY,KAAG,mBAWhD,CAAC;AAEF,eAAO,MAAM,iBAAiB;WAKnB,cAAc;aACZ,OAAO;mBACD,OAAO;iDA8CzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Label/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,eAAO,MAAM,KAAK,UAAW,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Label/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,eAAO,MAAM,KAAK,UAAW,UAAU,gBAqBtC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { OtpInputFieldProps } from './types';
|
|
2
|
-
declare const OtpInputField: (
|
|
2
|
+
declare const OtpInputField: (props: OtpInputFieldProps) => JSX.Element;
|
|
3
3
|
export default OtpInputField;
|
|
4
4
|
//# sourceMappingURL=OtpInputField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OtpInputField.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/OtpInputField/OtpInputField.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"OtpInputField.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/OtpInputField/OtpInputField.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,QAAA,MAAM,aAAa,UAAW,kBAAkB,gBAmJ/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OtpInputField.styles.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/OtpInputField/OtpInputField.styles.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"OtpInputField.styles.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/OtpInputField/OtpInputField.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,mBAAmB,6NAI/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,6NAK9B,CAAC;AAEF,eAAO,MAAM,cAAc,iQAkD1B,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { StyledInputProps } from '../../../../common/types';
|
|
3
|
+
import { TextFieldColors } from '../TextField/types';
|
|
4
|
+
export type OtpFieldColors = TextFieldColors;
|
|
3
5
|
export interface OtpInputFieldProps {
|
|
4
6
|
/**
|
|
5
7
|
* The label displayed above the OTP input fields.
|
|
@@ -63,6 +65,11 @@ export interface OtpInputFieldProps {
|
|
|
63
65
|
* @default 'OTP is correct'
|
|
64
66
|
*/
|
|
65
67
|
successMessage?: string;
|
|
68
|
+
/**
|
|
69
|
+
* The color of the OTP input fields.
|
|
70
|
+
* @default 'brand'
|
|
71
|
+
*/
|
|
72
|
+
color?: OtpFieldColors;
|
|
66
73
|
}
|
|
67
74
|
export interface StyledOtpInputProps extends StyledInputProps {
|
|
68
75
|
/**
|
|
@@ -75,5 +82,10 @@ export interface StyledOtpInputProps extends StyledInputProps {
|
|
|
75
82
|
* @type boolean
|
|
76
83
|
*/
|
|
77
84
|
$isOtpWrong: boolean;
|
|
85
|
+
/**
|
|
86
|
+
* The color of the OTP input fields.
|
|
87
|
+
* @type OtpFieldColors
|
|
88
|
+
*/
|
|
89
|
+
$color?: OtpFieldColors;
|
|
78
90
|
}
|
|
79
91
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/OtpInputField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/OtpInputField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C,MAAM,WAAW,kBAAkB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAEvE;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IACzD;;;OAGG;IACH,aAAa,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;CAC3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,QAAA,MAAM,WAAW,UAAW,gBAAgB,
|
|
1
|
+
{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,QAAA,MAAM,WAAW,UAAW,gBAAgB,gBAsD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.styles.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/RadioButton/RadioButton.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAoB,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EACH,2BAA2B,EAC3B,2BAA2B,EAC9B,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioButton.styles.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/RadioButton/RadioButton.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAoB,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EACH,2BAA2B,EAC3B,2BAA2B,EAC9B,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,4BAA4B,mPAIxC,CAAC;AAEF,eAAO,MAAM,iBAAiB,mPAQ7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,yQAyElC,CAAC;AAEF,eAAO,MAAM,sBAAsB,ySAoClC,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ACTION_COLORS } from 'ui/core';
|
|
2
3
|
import { StyledInputProps } from '../../../../common/types';
|
|
3
4
|
export type RadioButtonSize = 'small' | 'medium' | 'large';
|
|
4
5
|
export type RadioButtonState = 'default' | 'error' | 'success';
|
|
6
|
+
export type RadioButtonColors = `${ACTION_COLORS}`;
|
|
5
7
|
export interface RadioButtonProps {
|
|
6
8
|
/**
|
|
7
9
|
* The name of the radio button group.
|
|
@@ -29,6 +31,7 @@ export interface RadioButtonProps {
|
|
|
29
31
|
/**
|
|
30
32
|
* The state of the radio button.
|
|
31
33
|
* @default default
|
|
34
|
+
* @deprecated Use color prop instead
|
|
32
35
|
*/
|
|
33
36
|
state?: RadioButtonState;
|
|
34
37
|
/**
|
|
@@ -61,10 +64,16 @@ export interface RadioButtonProps {
|
|
|
61
64
|
* @default undefined
|
|
62
65
|
*/
|
|
63
66
|
className?: string;
|
|
67
|
+
/**
|
|
68
|
+
* The color of the radio button.
|
|
69
|
+
* @default brand
|
|
70
|
+
*/
|
|
71
|
+
color?: RadioButtonColors;
|
|
64
72
|
}
|
|
65
73
|
export interface StyledRadioButtonInputProps extends StyledInputProps {
|
|
66
74
|
$size?: RadioButtonSize;
|
|
67
75
|
$state?: RadioButtonState;
|
|
76
|
+
$color?: RadioButtonColors;
|
|
68
77
|
}
|
|
69
78
|
export interface StyledRadioButtonLabelProps {
|
|
70
79
|
$size?: RadioButtonSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/RadioButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/RadioButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC3D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE/D,MAAM,MAAM,iBAAiB,GAAG,GAAG,aAAa,EAAE,CAAC;AAEnD,MAAM,WAAW,gBAAgB;IAC7B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEhE;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,MAAM,WAAW,2BAA4B,SAAQ,gBAAgB;IACjE,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,MAAM,WAAW,2BAA2B;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC;CAC3B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/RadioButton/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,oBAAoB,WAAW,iBAAiB,gDAqC5D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextArea/TextArea.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,QAAQ,UAAW,aAAa,
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextArea/TextArea.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,QAAQ,UAAW,aAAa,gBA8FrC,CAAC;AACF,eAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextArea/constant.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,oBAAY,cAAc;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,WAAW,gBAAgB;CAC9B;AAED,eAAO,MAAM,6BAA6B,EAAE;KACvC,OAAO,IAAI,QAAQ,GAAG;QACnB,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC;KAC9B;
|
|
1
|
+
{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextArea/constant.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,oBAAY,cAAc;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,WAAW,gBAAgB;CAC9B;AAED,eAAO,MAAM,6BAA6B,EAAE;KACvC,OAAO,IAAI,QAAQ,GAAG;QACnB,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC;KAC9B;CAsBJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.styles.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextArea/index.styles.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.styles.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextArea/index.styles.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,4BAA4B,6NAQxC,CAAC;AAEF,eAAO,MAAM,cAAc,6QAgD1B,CAAC"}
|
|
@@ -1,75 +1,69 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { StyledTextAreaProps } from '../../../../common/types';
|
|
3
|
+
import { TextFieldColors } from '../TextField/types';
|
|
3
4
|
import { VARIANTS_SIZES } from './constant';
|
|
4
5
|
export type VARIANTS = `${VARIANTS_SIZES}`;
|
|
6
|
+
export type TextAreaColors = TextFieldColors;
|
|
5
7
|
export interface TextAreaProps {
|
|
6
8
|
/**
|
|
7
9
|
* The name of the input field. Required.
|
|
8
|
-
* @type {string}
|
|
9
10
|
*/
|
|
10
11
|
name: string;
|
|
11
12
|
/**
|
|
12
13
|
* The label for the input field.
|
|
13
|
-
* @type {string}
|
|
14
14
|
*/
|
|
15
15
|
label?: string;
|
|
16
16
|
/**
|
|
17
17
|
* variant of the input field.
|
|
18
|
-
* @type {VARIANTS}
|
|
19
18
|
* @default 'medium'
|
|
20
19
|
*/
|
|
21
20
|
size?: VARIANTS;
|
|
22
21
|
/**
|
|
23
22
|
* Whether the input field is required.
|
|
24
|
-
* @type {boolean}
|
|
25
23
|
* @default false
|
|
26
24
|
*/
|
|
27
25
|
isRequired?: boolean;
|
|
28
26
|
/**
|
|
29
27
|
* The placeholder text for the input field.
|
|
30
|
-
* @type {string}
|
|
31
28
|
*/
|
|
32
29
|
placeholder?: string;
|
|
33
30
|
/**
|
|
34
31
|
* The validation message to display when the input field is invalid.
|
|
35
|
-
* @type {string}
|
|
36
32
|
*/
|
|
37
33
|
validationMessage?: string;
|
|
38
34
|
/**
|
|
39
35
|
* The input value.
|
|
40
|
-
* @type {string}
|
|
41
36
|
* @default ''
|
|
42
37
|
*/
|
|
43
38
|
value?: string;
|
|
44
39
|
/**
|
|
45
40
|
* Whether to disable the input field.
|
|
46
|
-
* @type {boolean}
|
|
47
41
|
* @default false
|
|
48
42
|
*/
|
|
49
43
|
isDisabled?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Whether the input field is read-only.
|
|
46
|
+
* @default false
|
|
47
|
+
*/
|
|
48
|
+
isReadOnly?: boolean;
|
|
50
49
|
/**
|
|
51
50
|
* The function to call when the input value is changed.
|
|
52
|
-
* @type {(event: React.ChangeEvent<HTMLTextAreaElement>) => void}
|
|
53
51
|
*/
|
|
54
52
|
onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
55
53
|
/**
|
|
56
54
|
* The function to call when the input field is clicked (focused).
|
|
57
|
-
* @type {(event: React.MouseEvent<HTMLTextAreaElement>) => void}
|
|
58
55
|
*/
|
|
59
56
|
onClick?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;
|
|
60
57
|
/**
|
|
61
58
|
* The function to call when the input field is blurred (unfocused/clicked away).
|
|
62
|
-
* @type {(event: React.FocusEvent<HTMLTextAreaElement>) => void}
|
|
63
59
|
*/
|
|
64
60
|
onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
|
|
65
61
|
/**
|
|
66
62
|
* The error message to display when the input field is invalid.
|
|
67
|
-
* @type {string}
|
|
68
63
|
*/
|
|
69
64
|
errorMessage?: string;
|
|
70
65
|
/**
|
|
71
66
|
* The autocomplete attribute for the input field.
|
|
72
|
-
* @type {string}
|
|
73
67
|
* @default 'on'
|
|
74
68
|
*/
|
|
75
69
|
autoComplete?: string;
|
|
@@ -81,17 +75,14 @@ export interface TextAreaProps {
|
|
|
81
75
|
autoFocus?: boolean;
|
|
82
76
|
/**
|
|
83
77
|
* The help message to display below the input field.
|
|
84
|
-
* @type {string}
|
|
85
78
|
*/
|
|
86
79
|
helpMessage?: string;
|
|
87
80
|
/**
|
|
88
81
|
* The number of columns for the input field.
|
|
89
|
-
* @type {number}
|
|
90
82
|
*/
|
|
91
83
|
cols?: number;
|
|
92
84
|
/**
|
|
93
85
|
* The number of rows for the input field.
|
|
94
|
-
* @type {number}
|
|
95
86
|
*/
|
|
96
87
|
rows?: number;
|
|
97
88
|
/**
|
|
@@ -100,13 +91,13 @@ export interface TextAreaProps {
|
|
|
100
91
|
*/
|
|
101
92
|
maxLength?: number;
|
|
102
93
|
/**
|
|
103
|
-
*
|
|
104
|
-
* @
|
|
105
|
-
* @default false
|
|
94
|
+
* Color of the textarea input field.
|
|
95
|
+
* @default 'brand'
|
|
106
96
|
*/
|
|
107
|
-
|
|
97
|
+
color?: TextAreaColors;
|
|
108
98
|
}
|
|
109
99
|
export interface TextAreaComponentProps extends StyledTextAreaProps {
|
|
110
100
|
size?: VARIANTS;
|
|
101
|
+
$color?: TextAreaColors;
|
|
111
102
|
}
|
|
112
103
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextArea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,MAAM,QAAQ,GAAG,GAAG,cAAc,EAAE,CAAC;AAE3C,MAAM,WAAW,aAAa;IAC1B
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextArea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,MAAM,QAAQ,GAAG,GAAG,cAAc,EAAE,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C,MAAM,WAAW,aAAa;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAEnE;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAEjE;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAEhE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IAC/D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,cAAc,CAAC;CAC3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextField/TextField.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,SAAS,UAAW,cAAc,
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextField/TextField.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,SAAS,UAAW,cAAc,gBAoIvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.styles.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextField/index.styles.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EACH,6BAA6B,EAC7B,yBAAyB,EAC5B,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.styles.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextField/index.styles.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EACH,6BAA6B,EAC7B,yBAAyB,EAC5B,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,6BAA6B,6NAOzC,CAAC;AAEF,eAAO,MAAM,4BAA4B,mPASxC,CAAC;AAEF,eAAO,MAAM,6BAA6B,0SAMzC,CAAC;AAEF,eAAO,MAAM,oBAAoB,uQAyDhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,kQAqBpC,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ACTION_COLORS } from 'ui/core';
|
|
2
3
|
import { StyledDivProps, StyledInputProps } from '../../../../common/types';
|
|
3
4
|
import { TEXT_FIELD_SIZES } from './constants';
|
|
4
5
|
export type TextFieldSize = `${TEXT_FIELD_SIZES}`;
|
|
6
|
+
export type TextFieldColors = `${ACTION_COLORS}`;
|
|
5
7
|
export type InputAdornmentType = React.ReactNode;
|
|
6
8
|
export interface InputAdornments {
|
|
7
9
|
/**
|
|
@@ -18,95 +20,87 @@ export interface InputAdornments {
|
|
|
18
20
|
export interface TextFieldProps {
|
|
19
21
|
/**
|
|
20
22
|
* The name of the input field. Required.
|
|
21
|
-
* @type {string}
|
|
22
23
|
*/
|
|
23
24
|
name: string;
|
|
24
25
|
/**
|
|
25
26
|
* The label for the input field.
|
|
26
|
-
* @type {string}
|
|
27
27
|
*/
|
|
28
28
|
label?: string;
|
|
29
29
|
/**
|
|
30
30
|
* Whether the input field is required.
|
|
31
|
-
* @type {boolean}
|
|
32
31
|
* @default false
|
|
33
32
|
*/
|
|
34
33
|
isRequired?: boolean;
|
|
35
34
|
/**
|
|
36
35
|
* The placeholder text for the input field.
|
|
37
|
-
* @type {string}
|
|
38
36
|
*/
|
|
39
37
|
placeholder?: string;
|
|
40
38
|
/**
|
|
41
39
|
* The validation message to display when the input field is invalid.
|
|
42
|
-
* @type {string}
|
|
43
40
|
*/
|
|
44
41
|
validationMessage?: string;
|
|
45
42
|
/**
|
|
46
43
|
* The input value.
|
|
47
|
-
* @type {string}
|
|
48
44
|
* @default ''
|
|
49
45
|
*/
|
|
50
46
|
value?: string;
|
|
51
47
|
/**
|
|
52
48
|
* Whether to disable the input field.
|
|
53
|
-
* @type {boolean}
|
|
54
49
|
* @default false
|
|
55
50
|
*/
|
|
56
51
|
isDisabled?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Whether the input field is read-only.
|
|
54
|
+
* @default false
|
|
55
|
+
*/
|
|
56
|
+
isReadOnly?: boolean;
|
|
57
57
|
/**
|
|
58
58
|
* The function to call when the input value is changed.
|
|
59
|
-
* @type {(event: React.ChangeEvent<HTMLInputElement>) => void}
|
|
60
59
|
*/
|
|
61
60
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
62
61
|
/**
|
|
63
62
|
* The function to call when the input field is clicked (focused).
|
|
64
|
-
* @type {(event: React.MouseEvent<HTMLInputElement>) => void}
|
|
65
63
|
*/
|
|
66
64
|
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
|
67
65
|
/**
|
|
68
66
|
* The function to call when the input field is blurred (unfocused/clicked away).
|
|
69
|
-
* @type {(event: React.FocusEvent<HTMLInputElement>) => void}
|
|
70
67
|
*/
|
|
71
68
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
72
69
|
/**
|
|
73
70
|
* The error message to display when the input field is invalid.
|
|
74
|
-
* @type {string}
|
|
75
71
|
*/
|
|
76
72
|
errorMessage?: string;
|
|
77
73
|
/**
|
|
78
74
|
* The autocomplete attribute for the input field.
|
|
79
|
-
* @type {string}
|
|
80
75
|
* @default 'on'
|
|
81
76
|
*/
|
|
82
77
|
autoComplete?: string;
|
|
83
78
|
/**
|
|
84
79
|
* Whether the input field should autofocus.
|
|
85
|
-
* @type {boolean}
|
|
86
80
|
* @default false
|
|
87
81
|
*/
|
|
88
82
|
autoFocus?: boolean;
|
|
89
83
|
/**
|
|
90
84
|
* The help message to display below the input field.
|
|
91
|
-
* @type {string}
|
|
92
85
|
*/
|
|
93
86
|
helpMessage?: string;
|
|
94
87
|
/**
|
|
95
88
|
* The maximum length of the input field.
|
|
96
|
-
* @type {number}
|
|
97
89
|
*/
|
|
98
90
|
maxLength?: number;
|
|
99
91
|
/**
|
|
100
92
|
* The size of the input field.
|
|
101
|
-
* @type {string}
|
|
102
93
|
* @default 'medium'
|
|
103
94
|
*/
|
|
104
95
|
size?: TextFieldSize;
|
|
105
96
|
/**
|
|
106
97
|
* The adornments to display on the input field.
|
|
107
|
-
* @type {InputAdornments}
|
|
108
98
|
*/
|
|
109
99
|
adornments?: InputAdornments;
|
|
100
|
+
/**
|
|
101
|
+
* The color of the input field.
|
|
102
|
+
*/
|
|
103
|
+
color?: TextFieldColors;
|
|
110
104
|
}
|
|
111
105
|
export interface StyledTextFieldInputProps extends StyledInputProps {
|
|
112
106
|
$size?: TextFieldSize;
|
|
@@ -114,6 +108,7 @@ export interface StyledTextFieldInputProps extends StyledInputProps {
|
|
|
114
108
|
start: number;
|
|
115
109
|
end: number;
|
|
116
110
|
};
|
|
111
|
+
$color?: TextFieldColors;
|
|
117
112
|
}
|
|
118
113
|
export interface StyledTextFieldContainerProps extends StyledDivProps {
|
|
119
114
|
$size?: TextFieldSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,GAAG,gBAAgB,EAAE,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG,GAAG,aAAa,EAAE,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,SAAS,CAAC;AAEjD,MAAM,WAAW,eAAe;IAC5B;;;SAGK;IACL,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAE3B;;;SAGK;IACL,GAAG,CAAC,EAAE,kBAAkB,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC3B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEhE;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE9D;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE7D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB;IAC/D,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,oBAAoB,CAAC,EAAE;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED,MAAM,WAAW,6BAA8B,SAAQ,cAAc;IACjE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/TextField/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,kBAAkB,WAAW,eAAe,gDA4BxD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Form/index.styles.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"index.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Form/index.styles.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,WAAW,8PA+BvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6NAK7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,0PAKjC,CAAC;AAEF,eAAO,MAAM,8BAA8B;;mBAE1C,CAAC;AAEF,eAAO,MAAM,kBAAkB;;mBAE9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;mBAAkC,CAAC;AAEtE,eAAO,MAAM,oBAAoB;;mBAEhC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;mBAAkC,CAAC"}
|
|
@@ -1,8 +1,20 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { TEXT_COLORS } from 'ui/core';
|
|
2
3
|
import { StyledLabelProps } from '../../../common/types';
|
|
3
4
|
import { grauityIconSizeName } from '../../core/sizes/sizeTypes';
|
|
5
|
+
export type FormTextColors = `${TEXT_COLORS}`;
|
|
4
6
|
export interface LabelProps extends StyledLabelProps {
|
|
7
|
+
/**
|
|
8
|
+
* The name of the label. Required for use with form elements' `htmlFor` attribute.
|
|
9
|
+
*/
|
|
5
10
|
name: string;
|
|
11
|
+
/**
|
|
12
|
+
* The color of the label. Defaults to 'secondary'.
|
|
13
|
+
*/
|
|
14
|
+
color?: FormTextColors;
|
|
15
|
+
/**
|
|
16
|
+
* The content of the label.
|
|
17
|
+
*/
|
|
6
18
|
children: React.ReactNode;
|
|
7
19
|
}
|
|
8
20
|
export interface HelpMessageProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,MAAM,cAAc,GAAG,GAAG,WAAW,EAAE,CAAC;AAE9C,MAAM,WAAW,UAAW,SAAQ,gBAAgB;IAChD;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC7B;;;OAGG;IAEH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAC9B;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAE/B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,MAAM,WAAW,mBAAmB;IAChC;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAE/B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,MAAM,WAAW,mBAAmB;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAKf,OAAO,EACH,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC;;;;GAIG;AACH,QAAA,MAAM,KAAK;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAKf,OAAO,EACH,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC;;;;GAIG;AACH,QAAA,MAAM,KAAK;WAsKA,kBAAkB;UACnB,sBAAsB;YACpB,wBAAwB;WACzB,uBAAuB;iBACjB,6BAA6B;UACpC,sBAAsB;YACpB,wBAAwB;aACvB,yBAAyB;CACrC,CAAC;AAWF,OAAO,EAAE,KAAK,UAAU,EAAE,CAAC;AAE3B,eAAe,KAAK,CAAC"}
|