@newtonschool/grauity 1.1.18 → 1.2.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/dist/index.d.ts +380 -7
- 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/elements/Accordion/Accordion.styles.d.ts.map +1 -1
- package/dist/ui/elements/Alert/Alert.d.ts +8 -0
- package/dist/ui/elements/Alert/Alert.d.ts.map +1 -0
- package/dist/ui/elements/Alert/Alert.styles.d.ts +7 -0
- package/dist/ui/elements/Alert/Alert.styles.d.ts.map +1 -0
- package/dist/ui/elements/Alert/constants.d.ts +140 -0
- package/dist/ui/elements/Alert/constants.d.ts.map +1 -0
- package/dist/ui/elements/Alert/index.d.ts +7 -0
- package/dist/ui/elements/Alert/index.d.ts.map +1 -0
- package/dist/ui/elements/Alert/types.d.ts +125 -0
- package/dist/ui/elements/Alert/types.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.d.ts +9 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.styles.d.ts +4 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.styles.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/constants.d.ts +140 -0
- package/dist/ui/elements/AlertBanner/constants.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/index.d.ts +7 -0
- package/dist/ui/elements/AlertBanner/index.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/types.d.ts +111 -0
- package/dist/ui/elements/AlertBanner/types.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/utils.d.ts +105 -0
- package/dist/ui/elements/AlertBanner/utils.d.ts.map +1 -0
- package/dist/ui/elements/Modal/ConfirmationDialog/index.d.ts.map +1 -1
- package/dist/ui/elements/Modal/Modal.d.ts.map +1 -1
- package/dist/ui/elements/Modal/Modal.styles.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 +109 -7
- package/dist/ui/elements/Modal/types.d.ts.map +1 -1
- package/dist/ui/elements/Tooltip/Tooltip.d.ts +4 -0
- package/dist/ui/elements/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/ui/elements/Tooltip/Tooltip.styles.d.ts +5 -0
- package/dist/ui/elements/Tooltip/Tooltip.styles.d.ts.map +1 -0
- package/dist/ui/elements/Tooltip/constants.d.ts +15 -0
- package/dist/ui/elements/Tooltip/constants.d.ts.map +1 -0
- package/dist/ui/elements/Tooltip/index.d.ts +3 -0
- package/dist/ui/elements/Tooltip/index.d.ts.map +1 -0
- package/dist/ui/elements/Tooltip/types.d.ts +66 -0
- package/dist/ui/elements/Tooltip/types.d.ts.map +1 -0
- package/dist/ui/index.d.ts +3 -0
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/themes/GlobalStyle.d.ts +1 -1
- package/package.json +2 -1
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { AlertProps, AlertType, AlertVariant } from '../Alert/types';
|
|
2
|
+
import { AlertBannerProps, AlertBannerType, AlertBannerVariant } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Get alert banner icon name based on variant and icon prop
|
|
5
|
+
*
|
|
6
|
+
* If icon prop is set to 'auto', the icon will be selected based on the variant
|
|
7
|
+
*
|
|
8
|
+
* @param icon - Alert banner icon prop
|
|
9
|
+
* @param variant - Alert banner variant
|
|
10
|
+
* @returns Alert banner icon name
|
|
11
|
+
*/
|
|
12
|
+
export declare const getAlertIconName: (icon: AlertBannerProps['icon'] | AlertProps['icon'], variant: AlertBannerVariant | AlertVariant) => import("../../core").grauityIconName;
|
|
13
|
+
/**
|
|
14
|
+
* Get alert banner colors based on variant and type
|
|
15
|
+
*
|
|
16
|
+
* @param variant - Alert banner variant
|
|
17
|
+
* @param type - Alert banner type
|
|
18
|
+
* @returns Alert banner colors
|
|
19
|
+
*/
|
|
20
|
+
export declare const getAlertBannerColors: (variant: AlertBannerVariant | AlertVariant, type: AlertBannerType | AlertType) => {
|
|
21
|
+
iconColor: string;
|
|
22
|
+
textColor: string;
|
|
23
|
+
backgroundColor: string;
|
|
24
|
+
borderColor: string;
|
|
25
|
+
} | {
|
|
26
|
+
iconColor: string;
|
|
27
|
+
textColor: string;
|
|
28
|
+
backgroundColor: string;
|
|
29
|
+
borderColor: string;
|
|
30
|
+
} | {
|
|
31
|
+
iconColor: string;
|
|
32
|
+
textColor: string;
|
|
33
|
+
backgroundColor: string;
|
|
34
|
+
borderColor: string;
|
|
35
|
+
} | {
|
|
36
|
+
iconColor: string;
|
|
37
|
+
textColor: string;
|
|
38
|
+
backgroundColor: string;
|
|
39
|
+
borderColor: string;
|
|
40
|
+
} | {
|
|
41
|
+
iconColor: string;
|
|
42
|
+
textColor: string;
|
|
43
|
+
backgroundColor: string;
|
|
44
|
+
borderColor: string;
|
|
45
|
+
} | {
|
|
46
|
+
iconColor: string;
|
|
47
|
+
textColor: string;
|
|
48
|
+
backgroundColor: string;
|
|
49
|
+
borderColor: string;
|
|
50
|
+
} | {
|
|
51
|
+
iconColor: string;
|
|
52
|
+
textColor: string;
|
|
53
|
+
backgroundColor: string;
|
|
54
|
+
borderColor: string;
|
|
55
|
+
} | {
|
|
56
|
+
iconColor: string;
|
|
57
|
+
textColor: string;
|
|
58
|
+
backgroundColor: string;
|
|
59
|
+
borderColor: string;
|
|
60
|
+
} | {
|
|
61
|
+
iconColor: string;
|
|
62
|
+
textColor: string;
|
|
63
|
+
backgroundColor: string;
|
|
64
|
+
borderColor: string;
|
|
65
|
+
} | {
|
|
66
|
+
iconColor: string;
|
|
67
|
+
textColor: string;
|
|
68
|
+
backgroundColor: string;
|
|
69
|
+
borderColor: string;
|
|
70
|
+
} | {
|
|
71
|
+
iconColor: string;
|
|
72
|
+
textColor: string;
|
|
73
|
+
backgroundColor: string;
|
|
74
|
+
borderColor: string;
|
|
75
|
+
} | {
|
|
76
|
+
iconColor: string;
|
|
77
|
+
textColor: string;
|
|
78
|
+
backgroundColor: string;
|
|
79
|
+
borderColor: string;
|
|
80
|
+
} | {
|
|
81
|
+
iconColor: string;
|
|
82
|
+
textColor: string;
|
|
83
|
+
backgroundColor: string;
|
|
84
|
+
borderColor: string;
|
|
85
|
+
} | {
|
|
86
|
+
iconColor: string;
|
|
87
|
+
textColor: string;
|
|
88
|
+
backgroundColor: string;
|
|
89
|
+
borderColor: string;
|
|
90
|
+
} | {
|
|
91
|
+
iconColor: string;
|
|
92
|
+
textColor: string;
|
|
93
|
+
backgroundColor: string;
|
|
94
|
+
borderColor: string;
|
|
95
|
+
};
|
|
96
|
+
/**
|
|
97
|
+
* Get button variant based on alert banner variant and type.
|
|
98
|
+
* Useful for showing correct variant for close button.
|
|
99
|
+
*
|
|
100
|
+
* @param variant - Alert banner variant
|
|
101
|
+
* @param type - Alert banner type
|
|
102
|
+
* @returns Button variant
|
|
103
|
+
*/
|
|
104
|
+
export declare const getButtonVariantFromAlertBannerTypeVariant: (variant: AlertBannerVariant | AlertVariant, type: AlertBannerType | AlertType) => import("../Button").BUTTON_VARIANTS_ENUM;
|
|
105
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/ConfirmationDialog/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAGnD;;GAEG;AACH,QAAA,MAAM,kBAAkB,UAAW,uBAAuB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/ConfirmationDialog/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAGnD;;GAEG;AACH,QAAA,MAAM,kBAAkB,UAAW,uBAAuB,gBAsJzD,CAAC;AAEF,OAAO,EAAE,KAAK,uBAAuB,EAAE,CAAC;AAExC,eAAe,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAKf,OAAO,EACH,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC;;;;GAIG;AACH,QAAA,MAAM,KAAK;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAKf,OAAO,EACH,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC;;;;GAIG;AACH,QAAA,MAAM,KAAK;WAqKA,kBAAkB;UACnB,sBAAsB;YACpB,wBAAwB;WACzB,uBAAuB;iBACjB,6BAA6B;UACpC,sBAAsB;YACpB,wBAAwB;aACvB,yBAAyB;CACrC,CAAC;AAWF,OAAO,EAAE,KAAK,UAAU,EAAE,CAAC;AAE3B,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/Modal.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EACH,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,eAAe,EAClB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/Modal.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EACH,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,eAAe,EAClB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,WAAW,2LA8EvB,CAAC;AAEF,eAAO,MAAM,eAAe,qFAW3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qEAI9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,kFAY5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,wFAalC,CAAC;AAEF,eAAO,MAAM,eAAe,iFAgB3B,CAAC;AAEF,eAAO,MAAM,2BAA2B,qEAMvC,CAAC;AAEF,eAAO,MAAM,qBAAqB,qEAMjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,2FAYrC,CAAC;AAEF,eAAO,MAAM,iBAAiB;qBACT,MAAM;cACb,SAAS;SAatB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qEAQ7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/MultiStepModal/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C;;GAEG;AACH,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/MultiStepModal/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C;;GAEG;AACH,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;CA2IjD,CAAC;AAMF,OAAO,EAAE,KAAK,mBAAmB,EAAE,CAAC;AAEpC,eAAe,cAAc,CAAC"}
|
|
@@ -55,9 +55,19 @@ export interface ModalProps {
|
|
|
55
55
|
* */
|
|
56
56
|
description?: string;
|
|
57
57
|
/**
|
|
58
|
-
* Body for the modal, can be a valid React node
|
|
58
|
+
* [DEPRECATED] Body for the modal, can be a valid React node
|
|
59
|
+
*
|
|
60
|
+
* @deprecated Use `children` instead
|
|
61
|
+
* @see children
|
|
59
62
|
* */
|
|
60
63
|
body?: ModalContentType;
|
|
64
|
+
/**
|
|
65
|
+
* Body for the modal can also be passed as its children, it can be a valid React node.
|
|
66
|
+
*
|
|
67
|
+
* If `body` prop is provided, children will be rendered after it
|
|
68
|
+
* @see body
|
|
69
|
+
* */
|
|
70
|
+
children?: ModalContentType;
|
|
61
71
|
/**
|
|
62
72
|
* Action for the modal, can be a valid React node
|
|
63
73
|
* */
|
|
@@ -77,9 +87,16 @@ export interface ModalProps {
|
|
|
77
87
|
* */
|
|
78
88
|
blurBackground?: boolean;
|
|
79
89
|
/**
|
|
80
|
-
* Callback function to be called when the modal is hidden
|
|
90
|
+
* [DEPRECATED] Callback function to be called when the modal is hidden
|
|
91
|
+
*
|
|
92
|
+
* @deprecated Use `onClose` instead
|
|
93
|
+
* @see onClose
|
|
81
94
|
* */
|
|
82
95
|
onHide?: () => void;
|
|
96
|
+
/**
|
|
97
|
+
* Callback function to be called when the modal is to be closed
|
|
98
|
+
* */
|
|
99
|
+
onClose?: () => void;
|
|
83
100
|
/**
|
|
84
101
|
* Determines if the modal should be full width on mobile.
|
|
85
102
|
* Available choices: `true`, `false`
|
|
@@ -89,24 +106,46 @@ export interface ModalProps {
|
|
|
89
106
|
mobileBottomFullWidth?: boolean;
|
|
90
107
|
/**
|
|
91
108
|
* Padding for the modal
|
|
109
|
+
*
|
|
110
|
+
* Default: `20px`
|
|
92
111
|
* */
|
|
93
112
|
modalPadding?: string;
|
|
94
113
|
/**
|
|
95
114
|
* Margin for the modal body
|
|
96
115
|
* */
|
|
97
116
|
modalBodyMargin?: string;
|
|
98
|
-
/**
|
|
99
|
-
* Width of the modal
|
|
100
|
-
* */
|
|
101
|
-
width?: string;
|
|
102
117
|
/**
|
|
103
118
|
* Height of the modal
|
|
119
|
+
*
|
|
120
|
+
* Default: `auto`
|
|
104
121
|
* */
|
|
105
122
|
height?: string;
|
|
123
|
+
/**
|
|
124
|
+
* Width of the modal
|
|
125
|
+
*
|
|
126
|
+
* Default: `500px`
|
|
127
|
+
* */
|
|
128
|
+
width?: string;
|
|
106
129
|
/**
|
|
107
130
|
* Minimum height of the modal
|
|
108
131
|
* */
|
|
109
132
|
minHeight?: string;
|
|
133
|
+
/**
|
|
134
|
+
* Minimum width of the modal
|
|
135
|
+
*/
|
|
136
|
+
minWidth?: string;
|
|
137
|
+
/**
|
|
138
|
+
* Maximum height of the modal
|
|
139
|
+
*
|
|
140
|
+
* Default: `95vh`
|
|
141
|
+
* */
|
|
142
|
+
maxHeight?: string;
|
|
143
|
+
/**
|
|
144
|
+
* Maximum width of the modal
|
|
145
|
+
*
|
|
146
|
+
* Default: `95vw`
|
|
147
|
+
*/
|
|
148
|
+
maxWidth?: string;
|
|
110
149
|
/**
|
|
111
150
|
* Determines if the close button should be shown.
|
|
112
151
|
*
|
|
@@ -162,9 +201,16 @@ export interface MultiStepModalProps {
|
|
|
162
201
|
* */
|
|
163
202
|
blurBackground?: boolean;
|
|
164
203
|
/**
|
|
165
|
-
* Callback function to be called when the modal is hidden
|
|
204
|
+
* [DEPRECATED] Callback function to be called when the modal is hidden
|
|
205
|
+
*
|
|
206
|
+
* @deprecated Use `onClose` instead
|
|
207
|
+
* @see onClose
|
|
166
208
|
* */
|
|
167
209
|
onHide?: () => void;
|
|
210
|
+
/**
|
|
211
|
+
* Callback function to be called when the modal is to be closed
|
|
212
|
+
* */
|
|
213
|
+
onClose?: () => void;
|
|
168
214
|
/**
|
|
169
215
|
* Callback function to be called when the final step is reached
|
|
170
216
|
* */
|
|
@@ -204,16 +250,37 @@ export interface MultiStepModalProps {
|
|
|
204
250
|
modalBodyMargin?: string;
|
|
205
251
|
/**
|
|
206
252
|
* Width of the modal
|
|
253
|
+
*
|
|
254
|
+
* Default: `500px`
|
|
207
255
|
* */
|
|
208
256
|
width?: string;
|
|
209
257
|
/**
|
|
210
258
|
* Height of the modal
|
|
259
|
+
*
|
|
260
|
+
* Default: `auto`
|
|
211
261
|
* */
|
|
212
262
|
height?: string;
|
|
213
263
|
/**
|
|
214
264
|
* Minimum height of the modal
|
|
265
|
+
*
|
|
215
266
|
* */
|
|
216
267
|
minHeight?: string;
|
|
268
|
+
/**
|
|
269
|
+
* Minimum width of the modal
|
|
270
|
+
*/
|
|
271
|
+
minWidth?: string;
|
|
272
|
+
/**
|
|
273
|
+
* Maximum height of the modal
|
|
274
|
+
*
|
|
275
|
+
* Default: `95vh`
|
|
276
|
+
* */
|
|
277
|
+
maxHeight?: string;
|
|
278
|
+
/**
|
|
279
|
+
* Maximum width of the modal
|
|
280
|
+
*
|
|
281
|
+
* Default: `95vw`
|
|
282
|
+
*/
|
|
283
|
+
maxWidth?: string;
|
|
217
284
|
/**
|
|
218
285
|
* Determines if the close button should be shown
|
|
219
286
|
*
|
|
@@ -245,6 +312,9 @@ export interface ModalContainerProps extends StyledDivProps {
|
|
|
245
312
|
width?: string;
|
|
246
313
|
height?: string;
|
|
247
314
|
minHeight?: string;
|
|
315
|
+
minWidth?: string;
|
|
316
|
+
maxHeight?: string;
|
|
317
|
+
maxWidth?: string;
|
|
248
318
|
mobileBottomFullWidth?: boolean;
|
|
249
319
|
modalPadding?: string;
|
|
250
320
|
ref?: React.MutableRefObject<any>;
|
|
@@ -355,6 +425,38 @@ export interface ConfirmationDialogProps {
|
|
|
355
425
|
* Click event
|
|
356
426
|
* */
|
|
357
427
|
clickEvent?: any;
|
|
428
|
+
/**
|
|
429
|
+
* Height of the modal
|
|
430
|
+
*
|
|
431
|
+
* Default: `auto`
|
|
432
|
+
* */
|
|
433
|
+
height?: string;
|
|
434
|
+
/**
|
|
435
|
+
* Width of the modal
|
|
436
|
+
*
|
|
437
|
+
* Default: `auto`
|
|
438
|
+
* */
|
|
439
|
+
width?: string;
|
|
440
|
+
/**
|
|
441
|
+
* Minimum height of the modal
|
|
442
|
+
* */
|
|
443
|
+
minHeight?: string;
|
|
444
|
+
/**
|
|
445
|
+
* Minimum width of the modal
|
|
446
|
+
*/
|
|
447
|
+
minWidth?: string;
|
|
448
|
+
/**
|
|
449
|
+
* Maximum height of the modal
|
|
450
|
+
*
|
|
451
|
+
* Default: `95vh`
|
|
452
|
+
* */
|
|
453
|
+
maxHeight?: string;
|
|
454
|
+
/**
|
|
455
|
+
* Maximum width of the modal
|
|
456
|
+
*
|
|
457
|
+
* Default: `95vw`
|
|
458
|
+
*/
|
|
459
|
+
maxWidth?: string;
|
|
358
460
|
}
|
|
359
461
|
export {};
|
|
360
462
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,KAAK,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC;AAExC,MAAM,MAAM,kBAAkB,GACxB,KAAK,GACL,OAAO,GACP,eAAe,GACf,MAAM,GACN,SAAS,CAAC;AAEhB,UAAU,SAAS;IACf;;SAEK;IACL,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAE1B;;SAEK;IACL,KAAK,EAAE,gBAAgB,CAAC;IAExB;;SAEK;IACL,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B;;SAEK;IACL,IAAI,CAAC,EAAE,gBAAgB,CAAC;IAExB;;SAEK;IACL,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;SAKK;IACL,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;SAEK;IACL,aAAa,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,UAAU;IACvB;;;SAGK;IACL,MAAM,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,OAAO,UAAW,YAAY,gBA0MnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { StyledDivProps } from '../../../common/types';
|
|
2
|
+
import { StyledTooltipProps } from './types';
|
|
3
|
+
export declare const StyledTooltipWrapper: import("styled-components").StyledComponent<string, any, StyledTooltipProps, never>;
|
|
4
|
+
export declare const StyledTooltipArrow: import("styled-components").StyledComponent<string, any, StyledDivProps, never>;
|
|
5
|
+
//# sourceMappingURL=Tooltip.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Tooltip/Tooltip.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,oBAAoB,qFAiBhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,iFAQ9B,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare enum TOOLTIP_PLACEMENT {
|
|
2
|
+
TOP = "top",
|
|
3
|
+
RIGHT = "right",
|
|
4
|
+
BOTTOM = "bottom",
|
|
5
|
+
LEFT = "left",
|
|
6
|
+
TOP_START = "top-start",
|
|
7
|
+
TOP_END = "top-end",
|
|
8
|
+
BOTTOM_START = "bottom-start",
|
|
9
|
+
BOTTOM_END = "bottom-end",
|
|
10
|
+
LEFT_START = "left-start",
|
|
11
|
+
LEFT_END = "left-end",
|
|
12
|
+
RIGHT_START = "right-start",
|
|
13
|
+
RIGHT_END = "right-end"
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Tooltip/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB;IACzB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,SAAS,cAAc;CAC1B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { StyledDivProps } from '../../../common/types';
|
|
3
|
+
import { TOOLTIP_PLACEMENT } from './constants';
|
|
4
|
+
export interface TooltipConfig {
|
|
5
|
+
tooltip: {
|
|
6
|
+
maxWidth: string;
|
|
7
|
+
padding: string;
|
|
8
|
+
backgroundColor?: string;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export type TooltipChildren = ReactNode;
|
|
12
|
+
export type TooltipPlacement = `${TOOLTIP_PLACEMENT}`;
|
|
13
|
+
export interface TooltipProps {
|
|
14
|
+
/**
|
|
15
|
+
* The placement of the tooltip
|
|
16
|
+
* @default 'top'
|
|
17
|
+
* */
|
|
18
|
+
placement?: TooltipPlacement;
|
|
19
|
+
/**
|
|
20
|
+
* Whether the tooltip should use fixed positioning
|
|
21
|
+
* @default false
|
|
22
|
+
* */
|
|
23
|
+
fixedPositioning?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* The content of the tooltip
|
|
26
|
+
* */
|
|
27
|
+
content?: React.ReactNode;
|
|
28
|
+
/**
|
|
29
|
+
* Configuration for the tooltip
|
|
30
|
+
*
|
|
31
|
+
* @default
|
|
32
|
+
* { tooltip: { maxWidth: null, padding: '12px' } }
|
|
33
|
+
* */
|
|
34
|
+
config?: TooltipConfig;
|
|
35
|
+
/**
|
|
36
|
+
* Whether the tooltip should be hidden
|
|
37
|
+
* @default false
|
|
38
|
+
* */
|
|
39
|
+
hidden?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Whether the tooltip arrow should be hidden
|
|
42
|
+
* @default false
|
|
43
|
+
* */
|
|
44
|
+
hideArrow?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* A trigger to recompute the tooltip position
|
|
47
|
+
* */
|
|
48
|
+
recomputedTrigger?: any;
|
|
49
|
+
/**
|
|
50
|
+
* Whether the tooltip should be open by default
|
|
51
|
+
* @default false
|
|
52
|
+
* */
|
|
53
|
+
defaultOpen?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* The children that the tooltip is wrapping
|
|
56
|
+
* */
|
|
57
|
+
children: TooltipChildren;
|
|
58
|
+
}
|
|
59
|
+
export interface StyledTooltipProps extends StyledDivProps {
|
|
60
|
+
/**
|
|
61
|
+
* The padding of the tooltip
|
|
62
|
+
* @default '12px'
|
|
63
|
+
* */
|
|
64
|
+
padding?: string;
|
|
65
|
+
}
|
|
66
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,aAAa;IAC1B,OAAO,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;CACL;AAED,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC;AAExC,MAAM,MAAM,gBAAgB,GAAG,GAAG,iBAAiB,EAAE,CAAC;AAEtD,MAAM,WAAW,YAAY;IACzB;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;SAGK;IACL,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;SAEK;IACL,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;;;SAKK;IACL,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB;;;SAGK;IACL,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;SAGK;IACL,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;SAEK;IACL,iBAAiB,CAAC,EAAE,GAAG,CAAC;IAExB;;;SAGK;IACL,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;SAEK;IACL,QAAQ,EAAE,eAAe,CAAC;CAC7B;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACtD;;;SAGK;IACL,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -2,6 +2,8 @@ export { ICON_TAGS, TAG_ICONS } from './core';
|
|
|
2
2
|
export type { GrauityInitProps } from './init';
|
|
3
3
|
export { GrauityInit } from './init';
|
|
4
4
|
export { GlobalStyle as GrauityGlobalStyle, GrauityThemeProvider, DARK_THEME_CONFIG as NS_DARK_THEME_CONFIG, LIGHT_THEME_CONFIG as NS_LIGHT_THEME_CONFIG, GlobalStyle as NSGlobalStyle, ThemeConsumer as NSThemeConsumer, ThemeContext as NSThemeContext, ThemeWrapper as NSThemeWrapper, } from './themes';
|
|
5
|
+
export { ALERT_VARIANTS, ALERT_VARIANTS_ENUM, type AlertProps, default as NSAlert, } from './elements/Alert';
|
|
6
|
+
export { type AlertBannerProps, default as NSAlertBanner, } from './elements/AlertBanner';
|
|
5
7
|
export { type IconProps, Icon as NSIcon } from './elements/Icon';
|
|
6
8
|
export { BUTTON_ICON_POSITIONS_ENUM, BUTTON_SIZES_ENUM, BUTTON_VARIANTS, BUTTON_VARIANTS_ENUM, type ButtonProps, default as NSButton, ButtonGroup as NSButtonGroup, IconButton as NSIconButton, } from './elements/Button';
|
|
7
9
|
export { default as NSTypography, TYPOGRAPHY_AS_ENUM, TYPOGRAPHY_AS_LIST, TYPOGRAPHY_VARIANTS, TYPOGRAPHY_VARIANTS_ENUM, type TypographyProps, } from './elements/Typography';
|
|
@@ -21,4 +23,5 @@ export { default as NSOverlay, type OverlayProps } from './elements/Overlay';
|
|
|
21
23
|
export { default as NSPlaceholder, type PlaceholderProps, } from './elements/Placeholder';
|
|
22
24
|
export { default as NSRangeInput, type RangeInputProps, } from './elements/RangeInput';
|
|
23
25
|
export { type FloatingActionButtonProps, default as NSFloatingActionButton, } from './elements/FloatingActionButton';
|
|
26
|
+
export { default as NSTooltip, type TooltipProps } from './elements/Tooltip';
|
|
24
27
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/ui/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAGrC,OAAO,EACH,WAAW,IAAI,kBAAkB,EACjC,oBAAoB,EACpB,iBAAiB,IAAI,oBAAoB,EACzC,kBAAkB,IAAI,qBAAqB,EAC3C,WAAW,IAAI,aAAa,EAC5B,aAAa,IAAI,eAAe,EAChC,YAAY,IAAI,cAAc,EAC9B,YAAY,IAAI,cAAc,GACjC,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGjE,OAAO,EACH,0BAA0B,EAC1B,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,KAAK,WAAW,EAChB,OAAO,IAAI,QAAQ,EACnB,WAAW,IAAI,aAAa,EAC5B,UAAU,IAAI,YAAY,GAC7B,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACH,OAAO,IAAI,YAAY,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,eAAe,GACvB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGvE,OAAO,EAAE,KAAK,UAAU,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAG7E,OAAO,EACH,KAAK,uBAAuB,EAC5B,OAAO,IAAI,oBAAoB,GAClC,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EACH,KAAK,mBAAmB,EACxB,OAAO,IAAI,gBAAgB,GAC9B,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EACH,OAAO,IAAI,gBAAgB,EAC3B,KAAK,mBAAmB,GAC3B,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EACH,KAAK,wBAAwB,EAC7B,OAAO,IAAI,qBAAqB,GACnC,MAAM,gCAAgC,CAAC;AAGxC,OAAO,EAAE,KAAK,SAAS,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGpE,OAAO,EACH,KAAK,cAAc,EACnB,OAAO,IAAI,WAAW,GACzB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG7E,OAAO,EACH,KAAK,gBAAgB,EACrB,OAAO,IAAI,aAAa,GAC3B,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EACH,KAAK,kBAAkB,EACvB,OAAO,IAAI,eAAe,GAC7B,MAAM,iDAAiD,CAAC;AAGzD,OAAO,EACH,OAAO,IAAI,gBAAgB,EAC3B,KAAK,mBAAmB,GAC3B,MAAM,oCAAoC,CAAC;AAG5C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG7E,OAAO,EACH,OAAO,IAAI,aAAa,EACxB,KAAK,gBAAgB,GACxB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EACH,OAAO,IAAI,YAAY,EACvB,KAAK,eAAe,GACvB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACH,KAAK,yBAAyB,EAC9B,OAAO,IAAI,sBAAsB,GACpC,MAAM,iCAAiC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../ui/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const constantGlobalStyle = "\n --neutral-0: #FFFFFF;\n --neutral-100: #F6F7F9;\n --neutral-200: #EDEFF3;\n --neutral-300: #E1E5EA;\n --neutral-400: #C9CFD9;\n --neutral-500: #B2B9C7;\n --neutral-600: #8C95A6;\n --neutral-700: #5B6271;\n --neutral-750: #30363D;\n --neutral-800: #23282F;\n --neutral-900: #16191D;\n --neutral-1000: #0B0C0E;\n\n --brand-0: #E5F1FF;\n --brand-100: #C2DDFF;\n --brand-200: #94C4FF;\n --brand-300: #61A8FF;\n --brand-400: #2989FF;\n --brand-500: #0673F9;\n --brand-600: #005ED1;\n --brand-700: #004599;\n --brand-800: #003270;\n --brand-900: #002452;\n\n --error-0: #FFE5E7;\n --error-100: #FBBBBF;\n --error-200: #FA9499;\n --error-300: #F8636B;\n --error-400: #EE3F44;\n --error-500: #D22D3A;\n --error-600: #A01B22;\n --error-700: #7E1219;\n --error-800: #63080D;\n --error-900: #4A040A;\n\n --success-0: #D9FCED;\n --success-100: #ACF7D3;\n --success-200: #7EE7B8;\n --success-300: #50CE99;\n --success-400: #13B97C;\n --success-500: #009965;\n --success-600: #007A51;\n --success-700: #005C3D;\n --success-800: #003D29;\n --success-900: #002D1E;\n\n --warning-0: #FFF1E5;\n --warning-100: #FFD2BA;\n --warning-200: #FFB286;\n --warning-300: #FD9254;\n --warning-400: #F37216;\n --warning-500: #DE5A02;\n --warning-600: #A83E00;\n --warning-700: #802D00;\n --warning-800: #5C1F00;\n --warning-900: #441704;\n\n --yellow-0: #FFF3D6;\n --yellow-100: #FFE4AD;\n --yellow-200: #FFD580;\n --yellow-300: #FEC553;\n --yellow-400: #FEB000;\n --yellow-500: #F59700;\n --yellow-600: #D17300;\n --yellow-700: #944500;\n --yellow-800: #5C2900;\n --yellow-900: #3D1A00;\n\n --purple-0: #F5E5FF;\n --purple-100: #E1D1FF;\n --purple-200: #CEBCFE;\n --purple-300: #B49DFE;\n --purple-400: #967CFD;\n --purple-500: #7B55EE;\n --purple-600: #6138D3;\n --purple-700: #46279B;\n --purple-800: #331D72;\n --purple-900: #221056;\n\n --alpha-20: rgba(255, 255, 255, 0.20);\n --alpha-12: rgba(255, 255, 255, 0.12);\n --alpha-80: rgba(255, 255, 255, 0.80);\n --alpha-overlay: rgba(22, 25, 29, 0.80);\n\n --spacing-0px: 0px;\n --spacing-1px: 1px;\n --spacing-2px: 2px;\n --spacing-3px: 3px;\n --spacing-4px: 4px;\n --spacing-5px: 5px;\n --spacing-6px: 6px;\n --spacing-7px: 7px;\n --spacing-8px: 8px;\n --spacing-9px: 9px;\n --spacing-10px: 10px;\n --spacing-12px: 12px;\n --spacing-14px: 14px;\n --spacing-16px: 16px;\n --spacing-18px: 18px;\n --spacing-20px: 20px;\n --spacing-24px: 24px;\n --spacing-28px: 28px;\n --spacing-32px: 32px;\n --spacing-36px: 36px;\n --spacing-40px: 40px;\n --spacing-48px: 48px;\n --spacing-56px: 56px;\n --spacing-64px: 64px;\n --spacing-72px: 72px;\n --spacing-80px: 80px;\n --spacing-128px: 128px;\n --spacing-160px: 160px;\n\n --corner-radius-0px: 0px;\n --corner-radius-2px: 2px;\n --corner-radius-4px: 4px;\n --corner-radius-8px: 8px;\n --corner-radius-12px: 12px;\n --corner-radius-16px: 16px;\n --corner-radius-20px: 20px;\n --corner-radius-24px: 24px;\n --corner-radius-32px: 32px;\n --corner-radius-40px: 40px;\n --corner-radius-50percent: 50%;\n --corner-radius-100percent: 100%;\n\n --font-size-2px: 2px;\n --font-size-4px: 4px;\n --font-size-6px: 6px;\n --font-size-8px: 8px;\n --font-size-10px: 10px;\n --font-size-11px: 11px;\n --font-size-12px: 12px;\n --font-size-14px: 14px;\n --font-size-16px: 16px;\n --font-size-18px: 18px;\n --font-size-20px: 20px;\n --font-size-24px: 24px;\n --font-size-28px: 28px;\n --font-size-32px: 32px;\n --font-size-36px: 36px;\n --font-size-40px: 40px;\n --font-size-48px: 48px;\n --font-size-56px: 56px;\n --font-size-64px: 64px;\n --font-size-72px: 72px;\n --font-size-80px: 80px;\n --font-size-96px: 96px;\n\n --font-weight-100: 100;\n --font-weight-200: 200;\n --font-weight-300: 300;\n --font-weight-400: 400;\n --font-weight-450: 450;\n --font-weight-500: 500;\n --font-weight-550: 550;\n --font-weight-600: 600;\n --font-weight-650: 650;\n --font-weight-700: 700;\n --font-weight-800: 800;\n --font-weight-900: 900;\n\n --font-weight-medium: var(--font-weight-450);\n --font-weight-semibold: var(--font-weight-550);\n --font-weight-bold: var(--font-weight-650);\n\n --backdrop-blur-0: blur(0px);\n --backdrop-blur-4px: blur(4px);\n --backdrop-blur-8px: blur(8px);\n --backdrop-blur-12px: blur(12px);\n --backdrop-blur-16px: blur(16px);\n --backdrop-blur-20px: blur(20px);\n\n --backdrop-blur: var(--backdrop-blur-8px);\n\n --z-index-
|
|
1
|
+
export declare const constantGlobalStyle = "\n --neutral-0: #FFFFFF;\n --neutral-100: #F6F7F9;\n --neutral-200: #EDEFF3;\n --neutral-300: #E1E5EA;\n --neutral-400: #C9CFD9;\n --neutral-500: #B2B9C7;\n --neutral-600: #8C95A6;\n --neutral-700: #5B6271;\n --neutral-750: #30363D;\n --neutral-800: #23282F;\n --neutral-900: #16191D;\n --neutral-1000: #0B0C0E;\n\n --brand-0: #E5F1FF;\n --brand-100: #C2DDFF;\n --brand-200: #94C4FF;\n --brand-300: #61A8FF;\n --brand-400: #2989FF;\n --brand-500: #0673F9;\n --brand-600: #005ED1;\n --brand-700: #004599;\n --brand-800: #003270;\n --brand-900: #002452;\n\n --error-0: #FFE5E7;\n --error-100: #FBBBBF;\n --error-200: #FA9499;\n --error-300: #F8636B;\n --error-400: #EE3F44;\n --error-500: #D22D3A;\n --error-600: #A01B22;\n --error-700: #7E1219;\n --error-800: #63080D;\n --error-900: #4A040A;\n\n --success-0: #D9FCED;\n --success-100: #ACF7D3;\n --success-200: #7EE7B8;\n --success-300: #50CE99;\n --success-400: #13B97C;\n --success-500: #009965;\n --success-600: #007A51;\n --success-700: #005C3D;\n --success-800: #003D29;\n --success-900: #002D1E;\n\n --warning-0: #FFF1E5;\n --warning-100: #FFD2BA;\n --warning-200: #FFB286;\n --warning-300: #FD9254;\n --warning-400: #F37216;\n --warning-500: #DE5A02;\n --warning-600: #A83E00;\n --warning-700: #802D00;\n --warning-800: #5C1F00;\n --warning-900: #441704;\n\n --yellow-0: #FFF3D6;\n --yellow-100: #FFE4AD;\n --yellow-200: #FFD580;\n --yellow-300: #FEC553;\n --yellow-400: #FEB000;\n --yellow-500: #F59700;\n --yellow-600: #D17300;\n --yellow-700: #944500;\n --yellow-800: #5C2900;\n --yellow-900: #3D1A00;\n\n --purple-0: #F5E5FF;\n --purple-100: #E1D1FF;\n --purple-200: #CEBCFE;\n --purple-300: #B49DFE;\n --purple-400: #967CFD;\n --purple-500: #7B55EE;\n --purple-600: #6138D3;\n --purple-700: #46279B;\n --purple-800: #331D72;\n --purple-900: #221056;\n\n --alpha-20: rgba(255, 255, 255, 0.20);\n --alpha-12: rgba(255, 255, 255, 0.12);\n --alpha-80: rgba(255, 255, 255, 0.80);\n --alpha-overlay: rgba(22, 25, 29, 0.80);\n\n --spacing-0px: 0px;\n --spacing-1px: 1px;\n --spacing-2px: 2px;\n --spacing-3px: 3px;\n --spacing-4px: 4px;\n --spacing-5px: 5px;\n --spacing-6px: 6px;\n --spacing-7px: 7px;\n --spacing-8px: 8px;\n --spacing-9px: 9px;\n --spacing-10px: 10px;\n --spacing-12px: 12px;\n --spacing-14px: 14px;\n --spacing-16px: 16px;\n --spacing-18px: 18px;\n --spacing-20px: 20px;\n --spacing-24px: 24px;\n --spacing-28px: 28px;\n --spacing-32px: 32px;\n --spacing-36px: 36px;\n --spacing-40px: 40px;\n --spacing-48px: 48px;\n --spacing-56px: 56px;\n --spacing-64px: 64px;\n --spacing-72px: 72px;\n --spacing-80px: 80px;\n --spacing-128px: 128px;\n --spacing-160px: 160px;\n\n --corner-radius-0px: 0px;\n --corner-radius-2px: 2px;\n --corner-radius-4px: 4px;\n --corner-radius-8px: 8px;\n --corner-radius-12px: 12px;\n --corner-radius-16px: 16px;\n --corner-radius-20px: 20px;\n --corner-radius-24px: 24px;\n --corner-radius-32px: 32px;\n --corner-radius-40px: 40px;\n --corner-radius-50percent: 50%;\n --corner-radius-100percent: 100%;\n\n --font-size-2px: 2px;\n --font-size-4px: 4px;\n --font-size-6px: 6px;\n --font-size-8px: 8px;\n --font-size-10px: 10px;\n --font-size-11px: 11px;\n --font-size-12px: 12px;\n --font-size-14px: 14px;\n --font-size-16px: 16px;\n --font-size-18px: 18px;\n --font-size-20px: 20px;\n --font-size-24px: 24px;\n --font-size-28px: 28px;\n --font-size-32px: 32px;\n --font-size-36px: 36px;\n --font-size-40px: 40px;\n --font-size-48px: 48px;\n --font-size-56px: 56px;\n --font-size-64px: 64px;\n --font-size-72px: 72px;\n --font-size-80px: 80px;\n --font-size-96px: 96px;\n\n --font-weight-100: 100;\n --font-weight-200: 200;\n --font-weight-300: 300;\n --font-weight-400: 400;\n --font-weight-450: 450;\n --font-weight-500: 500;\n --font-weight-550: 550;\n --font-weight-600: 600;\n --font-weight-650: 650;\n --font-weight-700: 700;\n --font-weight-800: 800;\n --font-weight-900: 900;\n\n --font-weight-medium: var(--font-weight-450);\n --font-weight-semibold: var(--font-weight-550);\n --font-weight-bold: var(--font-weight-650);\n\n --backdrop-blur-0: blur(0px);\n --backdrop-blur-4px: blur(4px);\n --backdrop-blur-8px: blur(8px);\n --backdrop-blur-12px: blur(12px);\n --backdrop-blur-16px: blur(16px);\n --backdrop-blur-20px: blur(20px);\n\n --backdrop-blur: var(--backdrop-blur-8px);\n\n --z-index-tooltip: 3000;\n --z-index-overlay-hoc: 2000;\n --z-index-dropdown: 1400;\n --z-index-bottomsheet: 1300;\n --z-index-bottomsheet-overlay: 1250;\n --z-index-popover: 1200;\n --z-index-popover-overlay: 1150;\n --z-index-modal: 1100;\n --z-index-modal-overlay: 1050;\n --z-index-drawer: 1000;\n --z-index-drawer-overlay: 950;\n --z-index-floating-action-button: 500;\n";
|
|
2
2
|
declare const GlobalStyle: import("styled-components").GlobalStyleComponent<any, import("styled-components").DefaultTheme>;
|
|
3
3
|
export default GlobalStyle;
|
|
4
4
|
//# sourceMappingURL=GlobalStyle.d.ts.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newtonschool/grauity",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.2",
|
|
4
4
|
"description": "Design System for Newton School",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Newton School",
|
|
@@ -178,6 +178,7 @@
|
|
|
178
178
|
"typescript": "^4.9.4"
|
|
179
179
|
},
|
|
180
180
|
"dependencies": {
|
|
181
|
+
"@floating-ui/dom": "^1.6.12",
|
|
181
182
|
"classnames": "^2.3.2",
|
|
182
183
|
"framer-motion": "^11.11.1",
|
|
183
184
|
"lodash": "^4.17.21"
|