@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
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The list of colors which should be available for all action components.
|
|
3
|
+
*/
|
|
4
|
+
export declare enum ACTION_COLORS {
|
|
5
|
+
BRAND = "brand",
|
|
6
|
+
SUCCESS = "success",
|
|
7
|
+
WARNING = "warning",
|
|
8
|
+
ERROR = "error"
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* The list of colors which should be available for all text components.
|
|
12
|
+
*/
|
|
13
|
+
export declare enum TEXT_COLORS {
|
|
14
|
+
PRIMARY = "primary",
|
|
15
|
+
SECONDARY = "secondary",
|
|
16
|
+
BRAND = "brand",
|
|
17
|
+
SUCCESS = "success",
|
|
18
|
+
WARNING = "warning",
|
|
19
|
+
ERROR = "error",
|
|
20
|
+
YELLOW = "yellow",
|
|
21
|
+
PURPLE = "purple"
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/core/colors/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,aAAa;IACrB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAClB;AAED;;GAEG;AACH,oBAAY,WAAW;IACnB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;CACpB"}
|
package/dist/ui/core/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { ACTION_COLORS, TEXT_COLORS } from './colors';
|
|
1
2
|
export type { grauityIconKey, grauityIconName } from './icons';
|
|
2
3
|
export { GRAUITY_ICONS, ICON_TAGS, TAG_ICONS } from './icons';
|
|
3
4
|
export type { grauityFlippedChoiceName, grauityRotatedChoiceName, } from './miscellaneous-choices';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/core/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC9D,YAAY,EACR,wBAAwB,EACxB,wBAAwB,GAC3B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACH,4BAA4B,EAC5B,4BAA4B,GAC/B,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAmBjD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;GAEG;AACH,QAAA,MAAM,KAAK,mFA4FT,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { grauityIconName } from '../../core';
|
|
2
|
-
import { BUTTON_VARIANTS_ENUM } from '../Button';
|
|
3
2
|
export declare enum ALERT_TYPES_ENUM {
|
|
4
3
|
DEFAULT = "default",
|
|
5
4
|
OUTLINED = "outlined",
|
|
@@ -114,27 +113,4 @@ export declare const ALERT_COLOR_MAPPINGS: {
|
|
|
114
113
|
};
|
|
115
114
|
};
|
|
116
115
|
};
|
|
117
|
-
export declare const ALERT_TYPE_AND_VARIANT_TO_BUTTON_VARIANT_MAPPING: {
|
|
118
|
-
default: {
|
|
119
|
-
primary: BUTTON_VARIANTS_ENUM;
|
|
120
|
-
success: BUTTON_VARIANTS_ENUM;
|
|
121
|
-
warning: BUTTON_VARIANTS_ENUM;
|
|
122
|
-
error: BUTTON_VARIANTS_ENUM;
|
|
123
|
-
default: BUTTON_VARIANTS_ENUM;
|
|
124
|
-
};
|
|
125
|
-
outlined: {
|
|
126
|
-
primary: BUTTON_VARIANTS_ENUM;
|
|
127
|
-
success: BUTTON_VARIANTS_ENUM;
|
|
128
|
-
warning: BUTTON_VARIANTS_ENUM;
|
|
129
|
-
error: BUTTON_VARIANTS_ENUM;
|
|
130
|
-
default: BUTTON_VARIANTS_ENUM;
|
|
131
|
-
};
|
|
132
|
-
filled: {
|
|
133
|
-
primary: BUTTON_VARIANTS_ENUM;
|
|
134
|
-
success: BUTTON_VARIANTS_ENUM;
|
|
135
|
-
warning: BUTTON_VARIANTS_ENUM;
|
|
136
|
-
error: BUTTON_VARIANTS_ENUM;
|
|
137
|
-
default: BUTTON_VARIANTS_ENUM;
|
|
138
|
-
};
|
|
139
|
-
};
|
|
140
116
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Alert/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Alert/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,oBAAY,gBAAgB;IACxB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,MAAM,WAAW;CACpB;AAED,oBAAY,mBAAmB;IAC3B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;CACtB;AAED,eAAO,MAAM,wBAAwB,uBAGpC,CAAC;AAEF,eAAO,MAAM,cAAc,uBAM1B,CAAC;AAEF,eAAO,MAAM,WAAW,oBAIvB,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,MAAM,CACnD,mBAAmB,EACnB,eAAe,CAOlB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiGhC,CAAC"}
|
|
@@ -30,10 +30,14 @@ export interface AlertProps {
|
|
|
30
30
|
icon?: grauityIconName | 'auto' | null;
|
|
31
31
|
/**
|
|
32
32
|
* Alert title
|
|
33
|
+
*
|
|
34
|
+
* Default: `''`
|
|
33
35
|
* */
|
|
34
36
|
title?: React.ReactNode;
|
|
35
37
|
/**
|
|
36
38
|
* Alert description
|
|
39
|
+
*
|
|
40
|
+
* Default: `''`
|
|
37
41
|
* */
|
|
38
42
|
description?: React.ReactNode;
|
|
39
43
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,YAAY,GAClB,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;AAEhB,MAAM,WAAW,UAAU;IACvB;;;;;;SAMK;IACL,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;;SAMK;IACL,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;;;SAMK;IACL,IAAI,CAAC,EAAE,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;IAEvC
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,YAAY,GAClB,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;AAEhB,MAAM,WAAW,UAAU;IACvB;;;;;;SAMK;IACL,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;;SAMK;IACL,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;;;SAMK;IACL,IAAI,CAAC,EAAE,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;IAEvC;;;;SAIK;IACL,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;;;SAIK;IACL,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;SAIK;IACL,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;SAIK;IACL,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;SAIK;IACL,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;SAIK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;SAIK;IACL,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;IAExD;;SAEK;IACL,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;SAIK;IACL,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;SAIK;IACL,aAAa,CAAC,EAAE,WAAW,EAAE,CAAC;IAE9B;;;;SAIK;IACL,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;SAIK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,eAAe;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;CACf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBanner.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/AlertBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"AlertBanner.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/AlertBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQ3C;;;GAGG;AACH,QAAA,MAAM,WAAW,yFAqFhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { grauityIconName } from '../../core';
|
|
2
|
-
import {
|
|
2
|
+
import { BUTTON_COLORS_ENUM } from '../Button/constants';
|
|
3
3
|
export declare enum ALERT_BANNER_TYPES_ENUM {
|
|
4
4
|
DEFAULT = "default",
|
|
5
5
|
OUTLINED = "outlined",
|
|
@@ -114,27 +114,27 @@ export declare const ALERT_BANNER_COLOR_MAPPINGS: {
|
|
|
114
114
|
};
|
|
115
115
|
};
|
|
116
116
|
};
|
|
117
|
-
export declare const
|
|
117
|
+
export declare const ALERT_BANNER_TYPE_AND_VARIANT_TO_BUTTON_COLOR_MAPPING: {
|
|
118
118
|
default: {
|
|
119
|
-
primary:
|
|
120
|
-
success:
|
|
121
|
-
warning:
|
|
122
|
-
error:
|
|
123
|
-
default:
|
|
119
|
+
primary: BUTTON_COLORS_ENUM;
|
|
120
|
+
success: BUTTON_COLORS_ENUM;
|
|
121
|
+
warning: BUTTON_COLORS_ENUM;
|
|
122
|
+
error: BUTTON_COLORS_ENUM;
|
|
123
|
+
default: BUTTON_COLORS_ENUM;
|
|
124
124
|
};
|
|
125
125
|
outlined: {
|
|
126
|
-
primary:
|
|
127
|
-
success:
|
|
128
|
-
warning:
|
|
129
|
-
error:
|
|
130
|
-
default:
|
|
126
|
+
primary: BUTTON_COLORS_ENUM;
|
|
127
|
+
success: BUTTON_COLORS_ENUM;
|
|
128
|
+
warning: BUTTON_COLORS_ENUM;
|
|
129
|
+
error: BUTTON_COLORS_ENUM;
|
|
130
|
+
default: BUTTON_COLORS_ENUM;
|
|
131
131
|
};
|
|
132
132
|
filled: {
|
|
133
|
-
primary:
|
|
134
|
-
success:
|
|
135
|
-
warning:
|
|
136
|
-
error:
|
|
137
|
-
default:
|
|
133
|
+
primary: BUTTON_COLORS_ENUM;
|
|
134
|
+
success: BUTTON_COLORS_ENUM;
|
|
135
|
+
warning: BUTTON_COLORS_ENUM;
|
|
136
|
+
error: BUTTON_COLORS_ENUM;
|
|
137
|
+
default: BUTTON_COLORS_ENUM;
|
|
138
138
|
};
|
|
139
139
|
};
|
|
140
140
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,oBAAY,uBAAuB;IAC/B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,MAAM,WAAW;CACpB;AAED,oBAAY,0BAA0B;IAClC,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;CACtB;AAED,eAAO,MAAM,+BAA+B,8BAG3C,CAAC;AAEF,eAAO,MAAM,qBAAqB,8BAMjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,2BAI9B,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,MAAM,CACnD,0BAA0B,EAC1B,eAAe,CAOlB,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiGvC,CAAC;AAEF,eAAO,MAAM,qDAAqD;;;;;;;;;;;;;;;;;;;;;;CAsBjE,CAAC"}
|
|
@@ -15,7 +15,7 @@ export interface AlertBannerProps {
|
|
|
15
15
|
/**
|
|
16
16
|
* Variant of the alert banner
|
|
17
17
|
*
|
|
18
|
-
* Available choices: `'primary'`, `'secondary'`, `'tertiary'`, `'success'`, `'
|
|
18
|
+
* Available choices: `'primary'`, `'secondary'`, `'tertiary'`, `'success'`, `'error'`, `'warning'`
|
|
19
19
|
*
|
|
20
20
|
* Default: `'primary'`
|
|
21
21
|
* */
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AlertProps, AlertType, AlertVariant } from '../Alert/types';
|
|
2
|
+
import { BUTTON_VARIANTS_ENUM } from '../Button';
|
|
2
3
|
import { AlertBannerProps, AlertBannerType, AlertBannerVariant } from './types';
|
|
3
4
|
/**
|
|
4
5
|
* Get alert banner icon name based on variant and icon prop
|
|
@@ -93,6 +94,15 @@ export declare const getAlertBannerColors: (variant: AlertBannerVariant | AlertV
|
|
|
93
94
|
backgroundColor: string;
|
|
94
95
|
borderColor: string;
|
|
95
96
|
};
|
|
97
|
+
/**
|
|
98
|
+
* Get button color based on alert banner variant and type.
|
|
99
|
+
* Useful for showing correct color for close button.
|
|
100
|
+
*
|
|
101
|
+
* @param variant - Alert banner variant
|
|
102
|
+
* @param type - Alert banner type
|
|
103
|
+
* @returns Button color
|
|
104
|
+
*/
|
|
105
|
+
export declare const getButtonColorFromAlertBannerTypeVariant: (variant: AlertBannerVariant | AlertVariant, type: AlertBannerType | AlertType) => import("../Button/constants").BUTTON_COLORS_ENUM;
|
|
96
106
|
/**
|
|
97
107
|
* Get button variant based on alert banner variant and type.
|
|
98
108
|
* Useful for showing correct variant for close button.
|
|
@@ -101,5 +111,5 @@ export declare const getAlertBannerColors: (variant: AlertBannerVariant | AlertV
|
|
|
101
111
|
* @param type - Alert banner type
|
|
102
112
|
* @returns Button variant
|
|
103
113
|
*/
|
|
104
|
-
export declare const getButtonVariantFromAlertBannerTypeVariant: (variant: AlertBannerVariant | AlertVariant, type: AlertBannerType | AlertType) =>
|
|
114
|
+
export declare const getButtonVariantFromAlertBannerTypeVariant: (variant: AlertBannerVariant | AlertVariant, type: AlertBannerType | AlertType) => BUTTON_VARIANTS_ENUM.PRIMARY | BUTTON_VARIANTS_ENUM.TERTIARY;
|
|
105
115
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAMjD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEhF;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,SACnB,gBAAgB,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC,WAC1C,kBAAkB,GAAG,YAAY,yCAO7C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,YACpB,kBAAkB,GAAG,YAAY,QACpC,eAAe,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACU,CAAC;AAEhD;;;;;;;GAOG;AACH,eAAO,MAAM,wCAAwC,YACxC,kBAAkB,GAAG,YAAY,QACpC,eAAe,GAAG,SAAS,qDACoC,CAAC;AAE1E;;;;;;;GAOG;AACH,eAAO,MAAM,0CAA0C,YAC1C,kBAAkB,GAAG,YAAY,QACpC,eAAe,GAAG,SAAS,iEAOpC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAgB,WAAW,EAAE,MAAM,SAAS,CAAC;AAEpD;;;;;GAKG;AACH,QAAA,MAAM,MAAM,oGAgFV,CAAC;AAEH,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/Button.styles.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/Button.styles.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGnE,eAAO,MAAM,YAAY,qQA0DxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,uPAuB/B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C;;GAEG;AACH,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C;;GAEG;AACH,QAAA,MAAM,UAAU,2FA0Ef,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
import { grauityIconSizeName } from 'ui/core';
|
|
2
|
-
import { ButtonSizes
|
|
2
|
+
import { ButtonSizes } from './types';
|
|
3
3
|
export declare enum BUTTON_VARIANTS_ENUM {
|
|
4
4
|
PRIMARY = "primary",
|
|
5
5
|
SECONDARY = "secondary",
|
|
6
|
-
TERTIARY = "tertiary"
|
|
6
|
+
TERTIARY = "tertiary"
|
|
7
|
+
}
|
|
8
|
+
export declare enum BUTTON_COLORS_ENUM {
|
|
9
|
+
BRAND = "brand",
|
|
10
|
+
NEUTRAL = "neutral",
|
|
11
|
+
ERROR = "error",
|
|
7
12
|
SUCCESS = "success",
|
|
8
|
-
|
|
9
|
-
WARNING = "warning",
|
|
10
|
-
PRIMARY_OUTLINED = "primary-outlined",
|
|
11
|
-
SECONDARY_OUTLINED = "secondary-outlined",
|
|
12
|
-
TERTIARY_OUTLINED = "tertiary-outlined",
|
|
13
|
-
SUCCESS_OUTLINED = "success-outlined",
|
|
14
|
-
DANGER_OUTLINED = "danger-outlined",
|
|
15
|
-
WARNING_OUTLINED = "warning-outlined"
|
|
13
|
+
WARNING = "warning"
|
|
16
14
|
}
|
|
17
15
|
export declare enum BUTTON_SIZES_ENUM {
|
|
18
16
|
SMALL = "small",
|
|
@@ -25,13 +23,9 @@ export declare enum BUTTON_ICON_POSITIONS_ENUM {
|
|
|
25
23
|
RIGHT = "right"
|
|
26
24
|
}
|
|
27
25
|
export declare const BUTTON_VARIANTS: BUTTON_VARIANTS_ENUM[];
|
|
26
|
+
export declare const BUTTON_COLORS: BUTTON_COLORS_ENUM[];
|
|
28
27
|
export declare const BUTTON_SIZES: BUTTON_SIZES_ENUM[];
|
|
29
28
|
export declare const BUTTON_ICON_POSITIONS: BUTTON_ICON_POSITIONS_ENUM[];
|
|
30
|
-
export declare const BUTTON_VARIANT_STYLES_MAPPING: {
|
|
31
|
-
[variant in ButtonVariants]: {
|
|
32
|
-
[cssSelector: string]: any;
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
29
|
export declare const BUTTON_SIZE_STYLES_MAPPING: {
|
|
36
30
|
[variant in ButtonSizes]: {
|
|
37
31
|
[cssSelector: string]: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,oBAAY,oBAAoB;IAC5B,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;CACxB;AAED,oBAAY,kBAAkB;IAC1B,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;CACtB;AAED,oBAAY,iBAAiB;IACzB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,WAAW,gBAAgB;CAC9B;AAED,oBAAY,0BAA0B;IAClC,IAAI,SAAS;IACb,KAAK,UAAU;CAClB;AAED,eAAO,MAAM,eAAe,wBAI3B,CAAC;AAEF,eAAO,MAAM,aAAa,sBAMzB,CAAC;AAEF,eAAO,MAAM,YAAY,qBAKxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,8BAGjC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE;KACpC,OAAO,IAAI,WAAW,GAAG;QAAE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;CAuB3D,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE;KACzC,OAAO,IAAI,WAAW,GAAG;QAAE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;CA+B3D,CAAC;AAEF,eAAO,MAAM,qCAAqC,EAAE;KAC/C,OAAO,IAAI,WAAW,GAAG,mBAAmB;CAMhD,CAAC"}
|
|
@@ -1,19 +1,29 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { StyledButtonProps } from '../../../common/types';
|
|
3
3
|
import { grauityIconName, grauityIconSizeName } from '../../core';
|
|
4
|
+
import { BUTTON_COLORS_ENUM, BUTTON_ICON_POSITIONS_ENUM, BUTTON_SIZES_ENUM, BUTTON_VARIANTS_ENUM } from './constants';
|
|
4
5
|
export type ButtonTypeAttribute = 'button' | 'submit' | 'reset';
|
|
5
|
-
export type ButtonVariants =
|
|
6
|
-
export type
|
|
7
|
-
export type
|
|
6
|
+
export type ButtonVariants = `${BUTTON_VARIANTS_ENUM}`;
|
|
7
|
+
export type ButtonColors = `${BUTTON_COLORS_ENUM}`;
|
|
8
|
+
export type ButtonSizes = `${BUTTON_SIZES_ENUM}`;
|
|
9
|
+
export type ButtonIconPositions = `${BUTTON_ICON_POSITIONS_ENUM}`;
|
|
8
10
|
export interface ButtonProps extends StyledButtonProps {
|
|
9
11
|
/**
|
|
10
12
|
* Variant of the button
|
|
11
13
|
*
|
|
12
|
-
* Available choices: `primary
|
|
14
|
+
* Available choices: `primary` (solid), `secondary` (outlined), `tertiary` (text)
|
|
13
15
|
*
|
|
14
16
|
* Default: `primary`
|
|
15
17
|
* */
|
|
16
18
|
variant?: ButtonVariants;
|
|
19
|
+
/**
|
|
20
|
+
* Color of the button
|
|
21
|
+
*
|
|
22
|
+
* Available choices: `brand` (blue), `neutral` (black), `error` (red), `success` (green), `warning` (orange)
|
|
23
|
+
*
|
|
24
|
+
* Default: `brand`
|
|
25
|
+
* */
|
|
26
|
+
color?: ButtonColors;
|
|
17
27
|
/**
|
|
18
28
|
* Size of the button
|
|
19
29
|
* Available choices: `small`, `medium`, `large`
|
|
@@ -26,7 +36,7 @@ export interface ButtonProps extends StyledButtonProps {
|
|
|
26
36
|
* */
|
|
27
37
|
icon?: grauityIconName;
|
|
28
38
|
/**
|
|
29
|
-
* Size of the icon
|
|
39
|
+
* Size of the icon, defaults to `20`
|
|
30
40
|
* */
|
|
31
41
|
iconSize?: grauityIconSizeName;
|
|
32
42
|
/**
|
|
@@ -104,11 +114,19 @@ export interface IconButtonProps {
|
|
|
104
114
|
/**
|
|
105
115
|
* Variant of the button
|
|
106
116
|
*
|
|
107
|
-
* Available choices: `primary
|
|
117
|
+
* Available choices: `primary` (solid filled), `secondary` (outlined), `tertiary (text)`
|
|
108
118
|
*
|
|
109
119
|
* Default: `primary`
|
|
110
120
|
* */
|
|
111
121
|
variant?: ButtonVariants;
|
|
122
|
+
/**
|
|
123
|
+
* Color of the button
|
|
124
|
+
*
|
|
125
|
+
* Available choices: `brand` (blue), `neutral` (black), `error` (red), `success` (green), `warning` (orange)
|
|
126
|
+
*
|
|
127
|
+
* Default: `brand`
|
|
128
|
+
* */
|
|
129
|
+
color?: ButtonColors;
|
|
112
130
|
/**
|
|
113
131
|
* Size of the button
|
|
114
132
|
* Available choices: `small`, `medium`, `large`
|
|
@@ -191,6 +209,7 @@ export interface IconButtonProps {
|
|
|
191
209
|
}
|
|
192
210
|
export interface ButtonComponentProps extends StyledButtonProps {
|
|
193
211
|
variant?: ButtonVariants;
|
|
212
|
+
$color?: ButtonColors;
|
|
194
213
|
size?: ButtonSizes;
|
|
195
214
|
icon?: string | number;
|
|
196
215
|
iconSize?: string;
|
|
@@ -205,7 +224,6 @@ export interface ButtonComponentProps extends StyledButtonProps {
|
|
|
205
224
|
children?: React.ReactNode;
|
|
206
225
|
ref?: React.Ref<HTMLButtonElement>;
|
|
207
226
|
type?: ButtonTypeAttribute;
|
|
208
|
-
animateOnPress?: boolean;
|
|
209
227
|
ariaLabel?: string;
|
|
210
228
|
title?: string;
|
|
211
229
|
tabIndex?: number;
|
|
@@ -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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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,eAAe;aAIf,cAAc;WAChB,YAAY;iDAqGtB,CAAC"}
|
|
@@ -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":"DropdownMenuFooter.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/DropdownMenu/components/DropdownMenuFooter.tsx"],"names":[],"mappings":"AAKA,UAAU,uBAAuB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,QAAA,MAAM,kBAAkB,2HAQrB,uBAAuB,
|
|
1
|
+
{"version":3,"file":"DropdownMenuFooter.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/DropdownMenu/components/DropdownMenuFooter.tsx"],"names":[],"mappings":"AAKA,UAAU,uBAAuB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,QAAA,MAAM,kBAAkB,2HAQrB,uBAAuB,gBA2BzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -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,mPAKrC,CAAC;AAEF,eAAO,MAAM,cAAc,mPAO1B,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.
|
|
@@ -24,6 +26,7 @@ export interface CheckboxProps {
|
|
|
24
26
|
size?: CheckboxSize;
|
|
25
27
|
/**
|
|
26
28
|
* The state of the checkbox.
|
|
29
|
+
* @deprecated Use color prop instead
|
|
27
30
|
* @default default
|
|
28
31
|
*/
|
|
29
32
|
state?: CheckboxState;
|
|
@@ -67,11 +70,17 @@ export interface CheckboxProps {
|
|
|
67
70
|
* @default undefined
|
|
68
71
|
*/
|
|
69
72
|
className?: string;
|
|
73
|
+
/**
|
|
74
|
+
* The color of the checkbox.
|
|
75
|
+
* @default brand
|
|
76
|
+
*/
|
|
77
|
+
color?: CheckboxColors;
|
|
70
78
|
}
|
|
71
79
|
export interface StyledCheckboxInputProps extends StyledButtonProps {
|
|
72
80
|
$size?: CheckboxSize;
|
|
73
81
|
$state?: CheckboxState;
|
|
74
82
|
$checked?: boolean;
|
|
75
83
|
$indeterminate?: boolean;
|
|
84
|
+
$color?: CheckboxColors;
|
|
76
85
|
}
|
|
77
86
|
//# 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;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;;OAIG;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;;;OAGG;IACH,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":"DropdownTrigger.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Dropdown/DropdownTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAY1C,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"DropdownTrigger.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Dropdown/DropdownTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAY1C,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,eAAe,qGAwEnB,CAAC;AAEH,eAAe,eAAe,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
|