@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.
Files changed (87) hide show
  1. package/README.md +4 -4
  2. package/dist/common/types.d.ts +2 -0
  3. package/dist/common/types.d.ts.map +1 -1
  4. package/dist/index.d.ts +295 -68
  5. package/dist/index.d.ts.map +1 -1
  6. package/dist/main.cjs +1 -1
  7. package/dist/main.cjs.map +1 -1
  8. package/dist/module.mjs +1 -1
  9. package/dist/module.mjs.map +1 -1
  10. package/dist/ui/core/colors/index.d.ts +23 -0
  11. package/dist/ui/core/colors/index.d.ts.map +1 -0
  12. package/dist/ui/core/index.d.ts +1 -0
  13. package/dist/ui/core/index.d.ts.map +1 -1
  14. package/dist/ui/elements/Alert/Alert.d.ts.map +1 -1
  15. package/dist/ui/elements/Alert/constants.d.ts +0 -24
  16. package/dist/ui/elements/Alert/constants.d.ts.map +1 -1
  17. package/dist/ui/elements/Alert/types.d.ts +4 -0
  18. package/dist/ui/elements/Alert/types.d.ts.map +1 -1
  19. package/dist/ui/elements/AlertBanner/AlertBanner.d.ts.map +1 -1
  20. package/dist/ui/elements/AlertBanner/constants.d.ts +17 -17
  21. package/dist/ui/elements/AlertBanner/constants.d.ts.map +1 -1
  22. package/dist/ui/elements/AlertBanner/types.d.ts +1 -1
  23. package/dist/ui/elements/AlertBanner/utils.d.ts +11 -1
  24. package/dist/ui/elements/AlertBanner/utils.d.ts.map +1 -1
  25. package/dist/ui/elements/Button/Button.d.ts.map +1 -1
  26. package/dist/ui/elements/Button/Button.styles.d.ts.map +1 -1
  27. package/dist/ui/elements/Button/IconButton.d.ts.map +1 -1
  28. package/dist/ui/elements/Button/constants.d.ts +9 -15
  29. package/dist/ui/elements/Button/constants.d.ts.map +1 -1
  30. package/dist/ui/elements/Button/types.d.ts +25 -7
  31. package/dist/ui/elements/Button/types.d.ts.map +1 -1
  32. package/dist/ui/elements/Button/utils.d.ts +6 -0
  33. package/dist/ui/elements/Button/utils.d.ts.map +1 -0
  34. package/dist/ui/elements/Carousel/Carousel.d.ts.map +1 -1
  35. package/dist/ui/elements/Carousel/Carousel.styles.d.ts +2 -3
  36. package/dist/ui/elements/Carousel/Carousel.styles.d.ts.map +1 -1
  37. package/dist/ui/elements/Carousel/types.d.ts +8 -0
  38. package/dist/ui/elements/Carousel/types.d.ts.map +1 -1
  39. package/dist/ui/elements/DropdownMenu/components/DropdownMenuFooter.d.ts.map +1 -1
  40. package/dist/ui/elements/Form/Checkbox/Checkbox.d.ts.map +1 -1
  41. package/dist/ui/elements/Form/Checkbox/Checkbox.styles.d.ts.map +1 -1
  42. package/dist/ui/elements/Form/Checkbox/types.d.ts +9 -0
  43. package/dist/ui/elements/Form/Checkbox/types.d.ts.map +1 -1
  44. package/dist/ui/elements/Form/Checkbox/utils.d.ts +6 -1
  45. package/dist/ui/elements/Form/Checkbox/utils.d.ts.map +1 -1
  46. package/dist/ui/elements/Form/Dropdown/DropdownTrigger.d.ts.map +1 -1
  47. package/dist/ui/elements/Form/Label/index.d.ts.map +1 -1
  48. package/dist/ui/elements/Form/OtpInputField/OtpInputField.d.ts +1 -1
  49. package/dist/ui/elements/Form/OtpInputField/OtpInputField.d.ts.map +1 -1
  50. package/dist/ui/elements/Form/OtpInputField/OtpInputField.styles.d.ts.map +1 -1
  51. package/dist/ui/elements/Form/OtpInputField/types.d.ts +12 -0
  52. package/dist/ui/elements/Form/OtpInputField/types.d.ts.map +1 -1
  53. package/dist/ui/elements/Form/RadioButton/RadioButton.d.ts.map +1 -1
  54. package/dist/ui/elements/Form/RadioButton/RadioButton.styles.d.ts.map +1 -1
  55. package/dist/ui/elements/Form/RadioButton/types.d.ts +9 -0
  56. package/dist/ui/elements/Form/RadioButton/types.d.ts.map +1 -1
  57. package/dist/ui/elements/Form/RadioButton/utils.d.ts +3 -0
  58. package/dist/ui/elements/Form/RadioButton/utils.d.ts.map +1 -0
  59. package/dist/ui/elements/Form/TextArea/TextArea.d.ts.map +1 -1
  60. package/dist/ui/elements/Form/TextArea/constant.d.ts.map +1 -1
  61. package/dist/ui/elements/Form/TextArea/index.styles.d.ts.map +1 -1
  62. package/dist/ui/elements/Form/TextArea/types.d.ts +11 -20
  63. package/dist/ui/elements/Form/TextArea/types.d.ts.map +1 -1
  64. package/dist/ui/elements/Form/TextField/TextField.d.ts.map +1 -1
  65. package/dist/ui/elements/Form/TextField/index.styles.d.ts.map +1 -1
  66. package/dist/ui/elements/Form/TextField/types.d.ts +12 -17
  67. package/dist/ui/elements/Form/TextField/types.d.ts.map +1 -1
  68. package/dist/ui/elements/Form/TextField/utils.d.ts +3 -0
  69. package/dist/ui/elements/Form/TextField/utils.d.ts.map +1 -0
  70. package/dist/ui/elements/Form/index.styles.d.ts.map +1 -1
  71. package/dist/ui/elements/Form/types.d.ts +12 -0
  72. package/dist/ui/elements/Form/types.d.ts.map +1 -1
  73. package/dist/ui/elements/Modal/Modal.d.ts.map +1 -1
  74. package/dist/ui/elements/Modal/MultiStepModal/index.d.ts.map +1 -1
  75. package/dist/ui/elements/Modal/types.d.ts +13 -1
  76. package/dist/ui/elements/Modal/types.d.ts.map +1 -1
  77. package/dist/ui/elements/Pagination/Pagination.d.ts.map +1 -1
  78. package/dist/ui/elements/Pagination/types.d.ts +22 -7
  79. package/dist/ui/elements/Pagination/types.d.ts.map +1 -1
  80. package/dist/ui/themes/ThemeProvider.d.ts +70 -0
  81. package/dist/ui/themes/ThemeProvider.d.ts.map +1 -1
  82. package/dist/ui/themes/darkThemeConstants.d.ts +35 -0
  83. package/dist/ui/themes/darkThemeConstants.d.ts.map +1 -1
  84. package/dist/ui/themes/lightThemeConstants.d.ts +35 -0
  85. package/dist/ui/themes/lightThemeConstants.d.ts.map +1 -1
  86. package/dist/ui/themes/utils.d.ts +1 -1
  87. 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"}
@@ -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":"AAEA,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
+ {"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;AAkBjD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;GAEG;AACH,QAAA,MAAM,KAAK,mFAwFT,CAAC;AAEH,eAAe,KAAK,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;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,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;AAEF,eAAO,MAAM,gDAAgD;;;;;;;;;;;;;;;;;;;;;;CAsB5D,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;;SAEK;IACL,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;SAEK;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
+ {"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;AAO3C;;;GAGG;AACH,QAAA,MAAM,WAAW,yFAiFhB,CAAC;AAEF,eAAe,WAAW,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 { BUTTON_VARIANTS_ENUM } from '../Button';
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 ALERT_BANNER_TYPE_AND_VARIANT_TO_BUTTON_VARIANT_MAPPING: {
117
+ export declare const ALERT_BANNER_TYPE_AND_VARIANT_TO_BUTTON_COLOR_MAPPING: {
118
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;
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: BUTTON_VARIANTS_ENUM;
127
- success: BUTTON_VARIANTS_ENUM;
128
- warning: BUTTON_VARIANTS_ENUM;
129
- error: BUTTON_VARIANTS_ENUM;
130
- default: BUTTON_VARIANTS_ENUM;
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: BUTTON_VARIANTS_ENUM;
134
- success: BUTTON_VARIANTS_ENUM;
135
- warning: BUTTON_VARIANTS_ENUM;
136
- error: BUTTON_VARIANTS_ENUM;
137
- default: BUTTON_VARIANTS_ENUM;
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,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,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,uDAAuD;;;;;;;;;;;;;;;;;;;;;;CAgCnE,CAAC"}
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'`, `'danger'`, `'warning'`
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) => import("../Button").BUTTON_VARIANTS_ENUM;
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":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAMrE,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,0CAA0C,YAC1C,kBAAkB,GAAG,YAAY,QACpC,eAAe,GAAG,SAAS,6CACsC,CAAC"}
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,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC;;;;;GAKG;AACH,QAAA,MAAM,MAAM,oGA8EV,CAAC;AAEH,eAAe,MAAM,CAAC"}
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":";AAOA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEnE,eAAO,MAAM,YAAY,qQA4ExB,CAAC;AAEF,eAAO,MAAM,mBAAmB,uPAuB/B,CAAC"}
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,2FAyEf,CAAC;AAEF,eAAe,UAAU,CAAC"}
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, ButtonVariants } from './types';
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
- DANGER = "danger",
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,cAAc,EAAE,MAAM,SAAS,CAAC;AAEtD,oBAAY,oBAAoB;IAC5B,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,gBAAgB,qBAAqB;IACrC,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,gBAAgB,qBAAqB;IACrC,eAAe,oBAAoB;IACnC,gBAAgB,qBAAqB;CACxC;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,wBAa3B,CAAC;AAEF,eAAO,MAAM,YAAY,qBAKxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,8BAGjC,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE;KACvC,OAAO,IAAI,cAAc,GAAG;QAAE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;CAqK9D,CAAC;AACF,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
+ {"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 = 'primary' | 'secondary' | 'tertiary' | 'success' | 'danger' | 'warning' | 'primary-outlined' | 'secondary-outlined' | 'tertiary-outlined' | 'success-outlined' | 'danger-outlined' | 'warning-outlined';
6
- export type ButtonSizes = 'small' | 'medium' | 'large' | 'extra-large';
7
- export type ButtonIconPositions = 'left' | 'right';
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`, `secondary`, `tertiary`, `success`, `danger`, `warning`, `primary-outlined`, `secondary-outlined`, `tertiary-outlined`, `success-outlined`, `danger-outlined`, `warning-outlined`
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`, `secondary`, `tertiary`, `success`, `danger`, `warning`, `primary-outlined`, `secondary-outlined`, `tertiary-outlined`, `success-outlined`, `danger-outlined`, `warning-outlined`
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":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/types.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ import { ButtonColors, ButtonVariants } from './types';
2
+ export declare const getButtonStyles: ({ variant, color, }: {
3
+ variant: ButtonVariants;
4
+ color: ButtonColors;
5
+ }) => import("styled-components").RuleSet<object>;
6
+ //# sourceMappingURL=utils.d.ts.map
@@ -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,gBAuIrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
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 { StyledDivProps } from '../../../common/types';
3
- import { StyledCarouselControlsProps, StyledCarouselHeaderRowProps, StyledCarouselItemProps, StyledCarouselItemsContainerProps } from './types';
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,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EACH,2BAA2B,EAC3B,4BAA4B,EAC5B,uBAAuB,EACvB,iCAAiC,EACpC,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,uBAAuB,mPAWnC,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"}
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,gBAyBzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
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,CAgGrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
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;AAEnD,eAAO,MAAM,yBAAyB,mPAKrC,CAAC;AAEF,eAAO,MAAM,cAAc,mPAO1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,yQA6JhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,sQAa/B,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;AAE1B,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,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;;;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;CACtB;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;CAC5B"}
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":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,WAAW,SAAU,YAAY,KAAG,mBAWhD,CAAC"}
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,qGAuEnB,CAAC;AAEH,eAAe,eAAe,CAAC"}
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,gBAatC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
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: ({ label, name, length, onChange, style, isOtpCorrect, isOtpWrong, isDisabled, errorMessage, successMessage, }: OtpInputFieldProps) => JSX.Element;
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,kHAWhB,kBAAkB,gBAgIpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
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":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,mBAAmB,6NAI/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,6NAK9B,CAAC;AAEF,eAAO,MAAM,cAAc,iQAyD1B,CAAC"}
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