@newtonschool/grauity 2.2.1 → 3.0.0-beta.2
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/index.d.ts +295 -68
- 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/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 +9 -15
- package/dist/ui/elements/Button/constants.d.ts.map +1 -1
- package/dist/ui/elements/Button/types.d.ts +25 -7
- package/dist/ui/elements/Button/types.d.ts.map +1 -1
- package/dist/ui/elements/Button/utils.d.ts +6 -0
- package/dist/ui/elements/Button/utils.d.ts.map +1 -0
- 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/DropdownMenu/components/DropdownMenuFooter.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 +9 -0
- 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/Dropdown/DropdownTrigger.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/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/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
|
@@ -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;WAyKA,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/MultiStepModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAS3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C;;GAEG;AACH,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/MultiStepModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAS3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C;;GAEG;AACH,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;CA8IjD,CAAC;AAMF,OAAO,EAAE,KAAK,mBAAmB,EAAE,CAAC;AAEpC,eAAe,cAAc,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { StyledDivProps } from '../../../common/types';
|
|
3
|
-
import { ButtonVariants } from '../Button/types';
|
|
3
|
+
import { ButtonColors, ButtonVariants } from '../Button/types';
|
|
4
4
|
type ModalContentType = React.ReactNode;
|
|
5
5
|
export type ModalAnimationType = false | 'slide' | 'slide-reverse' | 'fade' | 'emanate';
|
|
6
6
|
interface ModalStep {
|
|
@@ -35,6 +35,10 @@ interface ModalStep {
|
|
|
35
35
|
* Variant for the button
|
|
36
36
|
* */
|
|
37
37
|
buttonVariant?: ButtonVariants | null;
|
|
38
|
+
/**
|
|
39
|
+
* Color for the button
|
|
40
|
+
* */
|
|
41
|
+
buttonColor?: ButtonColors | null;
|
|
38
42
|
}
|
|
39
43
|
export interface ModalProps {
|
|
40
44
|
/**
|
|
@@ -391,10 +395,18 @@ export interface ConfirmationDialogProps {
|
|
|
391
395
|
* Variant for the cancel button
|
|
392
396
|
* */
|
|
393
397
|
cancelButtonVariant?: ButtonVariants;
|
|
398
|
+
/**
|
|
399
|
+
* Color for the cancel button
|
|
400
|
+
* */
|
|
401
|
+
cancelButtonColor?: ButtonColors;
|
|
394
402
|
/**
|
|
395
403
|
* Variant for the confirm button
|
|
396
404
|
* */
|
|
397
405
|
confirmButtonVariant?: ButtonVariants;
|
|
406
|
+
/**
|
|
407
|
+
* Color for the confirm button
|
|
408
|
+
* */
|
|
409
|
+
confirmButtonColor?: ButtonColors;
|
|
398
410
|
/**
|
|
399
411
|
* Determines if the close button should be shown
|
|
400
412
|
* Available choices: `true`, `false`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Pagination/Pagination.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C;;GAEG;AACH,QAAA,MAAM,UAAU,UAAW,eAAe,
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Pagination/Pagination.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C;;GAEG;AACH,QAAA,MAAM,UAAU,UAAW,eAAe,gBAsMzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { StyledDivProps } from '../../../common/types';
|
|
2
|
-
import { ButtonSizes, ButtonVariants } from '../Button/types';
|
|
2
|
+
import { ButtonColors, ButtonSizes, ButtonVariants } from '../Button/types';
|
|
3
3
|
export type PaginationJustifyContent = 'space-between' | 'space-around' | 'space-evenly' | 'flex-start' | 'flex-end';
|
|
4
4
|
export interface PaginationProps {
|
|
5
5
|
/**
|
|
@@ -26,20 +26,35 @@ export interface PaginationProps {
|
|
|
26
26
|
*/
|
|
27
27
|
justifyContent?: PaginationJustifyContent;
|
|
28
28
|
/**
|
|
29
|
-
* The type of the pagination button. Defaults to '
|
|
30
|
-
* @default '
|
|
29
|
+
* The type of the pagination button. Defaults to 'secondary'.
|
|
30
|
+
* @default 'secondary'
|
|
31
31
|
*/
|
|
32
32
|
buttonVariant?: ButtonVariants;
|
|
33
33
|
/**
|
|
34
|
-
* The
|
|
35
|
-
* @default '
|
|
34
|
+
* The color of the pagination button. Defaults to 'neutral'.
|
|
35
|
+
* @default 'neutral'
|
|
36
|
+
*/
|
|
37
|
+
buttonColor?: ButtonColors;
|
|
38
|
+
/**
|
|
39
|
+
* The type of the active pagination button. Defaults to 'primary'.
|
|
40
|
+
* @default 'primary'
|
|
36
41
|
*/
|
|
37
42
|
activeButtonVariant?: ButtonVariants;
|
|
38
43
|
/**
|
|
39
|
-
* The
|
|
40
|
-
* @default '
|
|
44
|
+
* The color of the active pagination button. Defaults to 'neutral'.
|
|
45
|
+
* @default 'neutral'
|
|
46
|
+
*/
|
|
47
|
+
activeButtonColor?: ButtonColors;
|
|
48
|
+
/**
|
|
49
|
+
* The type of the control pagination button. Defaults to 'secondary'.
|
|
50
|
+
* @default 'secondary'
|
|
41
51
|
*/
|
|
42
52
|
controlButtonVariant?: ButtonVariants;
|
|
53
|
+
/**
|
|
54
|
+
* The color of the control pagination button. Defaults to 'neutral'.
|
|
55
|
+
* @default 'neutral'
|
|
56
|
+
*/
|
|
57
|
+
controlButtonColor?: ButtonColors;
|
|
43
58
|
/**
|
|
44
59
|
* The class name of the pagination.
|
|
45
60
|
* @default ''
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Pagination/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Pagination/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE5E,MAAM,MAAM,wBAAwB,GAC9B,eAAe,GACf,cAAc,GACd,cAAc,GACd,YAAY,GACZ,UAAU,CAAC;AAEjB,MAAM,WAAW,eAAe;IAC5B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,YAAY,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAE3C;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAE1C;;;OAGG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC;IAE/B;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAE3B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,cAAc,CAAC;IAErC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,YAAY,CAAC;IAEjC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,cAAc,CAAC;IAEtC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,YAAY,CAAC;IAElC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IACzD,eAAe,EAAE,wBAAwB,CAAC;CAC7C"}
|