creactive 0.0.181 → 0.0.183

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 (10) hide show
  1. package/build/classic.js +6 -5
  2. package/build/components/atoms/text/constants/font.d.ts +1 -1
  3. package/build/components/atoms/text/text.types.d.ts +1 -1
  4. package/build/contexts/theme/constants/color.d.ts +27 -27
  5. package/build/contexts/theme/constants/font.d.ts +1 -1
  6. package/build/contexts/theme/constants/index.d.ts +1 -1
  7. package/build/contexts/theme/hooks/use-theme-style-sheet.d.ts +1 -1
  8. package/build/contexts/theme/theme.types.d.ts +29 -29
  9. package/build/default.js +1 -1
  10. package/package.json +1 -1
package/build/components/atoms/text/constants/font.d.ts CHANGED
@@ -4,7 +4,7 @@
4
4
  * @see Text.FontFamily
5
5
  */
6
6
  export declare enum TextFontFamily {
7
- BASE = 0,
7
+ DEFAULT = 0,
8
8
  TYPOGRAPHIC = 1
9
9
  }
10
10
  /**
package/build/components/atoms/text/text.types.d.ts CHANGED
@@ -43,7 +43,7 @@ export interface TextProperties extends PropsWithChildren {
43
43
  /**
44
44
  * Themed font family.
45
45
  * @see Text.FontFamily
46
- * @default Text.FontFamily.BASE
46
+ * @default Text.FontFamily.DEFAULT
47
47
  */
48
48
  fontFamily?: TextFontFamily;
49
49
  /**
package/build/contexts/theme/constants/color.d.ts CHANGED
@@ -16,24 +16,24 @@ export declare const COLOR_BACKGROUND_PRIMARY_600 = "rgb(15,15,20)";
16
16
  export declare const COLOR_BACKGROUND_PRIMARY_700 = "rgb(10,10,15)";
17
17
  export declare const COLOR_BACKGROUND_PRIMARY_800 = "rgb(5,5,10)";
18
18
  export declare const COLOR_BACKGROUND_PRIMARY_900 = "rgb(0,0,5)";
19
- export declare const COLOR_BACKGROUND_ACCENT_100 = "rgb(215,235,255)";
20
- export declare const COLOR_BACKGROUND_ACCENT_200 = "rgb(200,225,252)";
21
- export declare const COLOR_BACKGROUND_ACCENT_300 = "rgb(180,215,249)";
22
- export declare const COLOR_BACKGROUND_ACCENT_400 = "rgb(160,205,246)";
23
- export declare const COLOR_BACKGROUND_ACCENT_500 = "rgb(140,195,243)";
24
- export declare const COLOR_BACKGROUND_ACCENT_600 = "rgb(115,180,238)";
25
- export declare const COLOR_BACKGROUND_ACCENT_700 = "rgb(95,168,233)";
26
- export declare const COLOR_BACKGROUND_ACCENT_800 = "rgb(75,155,225)";
27
- export declare const COLOR_BACKGROUND_ACCENT_900 = "rgb(50,130,200)";
28
- export declare const COLOR_BACKGROUND_SUBACCENT_100 = "rgb(215,245,235)";
29
- export declare const COLOR_BACKGROUND_SUBACCENT_200 = "rgb(200,240,225)";
30
- export declare const COLOR_BACKGROUND_SUBACCENT_300 = "rgb(185,235,215)";
31
- export declare const COLOR_BACKGROUND_SUBACCENT_400 = "rgb(170,230,205)";
32
- export declare const COLOR_BACKGROUND_SUBACCENT_500 = "rgb(155,225,195)";
33
- export declare const COLOR_BACKGROUND_SUBACCENT_600 = "rgb(145,222,190)";
34
- export declare const COLOR_BACKGROUND_SUBACCENT_700 = "rgb(135,218,185)";
35
- export declare const COLOR_BACKGROUND_SUBACCENT_800 = "rgb(125,215,180)";
36
- export declare const COLOR_BACKGROUND_SUBACCENT_900 = "rgb(100,195,160)";
19
+ export declare const COLOR_BACKGROUND_ACCENT_100 = "rgb(200,225,252)";
20
+ export declare const COLOR_BACKGROUND_ACCENT_200 = "rgb(180,215,249)";
21
+ export declare const COLOR_BACKGROUND_ACCENT_300 = "rgb(160,205,246)";
22
+ export declare const COLOR_BACKGROUND_ACCENT_400 = "rgb(140,195,243)";
23
+ export declare const COLOR_BACKGROUND_ACCENT_500 = "rgb(115,180,238)";
24
+ export declare const COLOR_BACKGROUND_ACCENT_600 = "rgb(95,168,233)";
25
+ export declare const COLOR_BACKGROUND_ACCENT_700 = "rgb(75,155,225)";
26
+ export declare const COLOR_BACKGROUND_ACCENT_800 = "rgb(50,130,200)";
27
+ export declare const COLOR_BACKGROUND_ACCENT_900 = "rgb(25,105,175)";
28
+ export declare const COLOR_BACKGROUND_SUBACCENT_100 = "rgb(200,240,225)";
29
+ export declare const COLOR_BACKGROUND_SUBACCENT_200 = "rgb(185,235,215)";
30
+ export declare const COLOR_BACKGROUND_SUBACCENT_300 = "rgb(170,230,205)";
31
+ export declare const COLOR_BACKGROUND_SUBACCENT_400 = "rgb(155,225,195)";
32
+ export declare const COLOR_BACKGROUND_SUBACCENT_500 = "rgb(145,222,190)";
33
+ export declare const COLOR_BACKGROUND_SUBACCENT_600 = "rgb(135,218,185)";
34
+ export declare const COLOR_BACKGROUND_SUBACCENT_700 = "rgb(125,215,180)";
35
+ export declare const COLOR_BACKGROUND_SUBACCENT_800 = "rgb(100,195,160)";
36
+ export declare const COLOR_BACKGROUND_SUBACCENT_900 = "rgb(75,175,140)";
37
37
  export declare const COLOR_BORDER_BASE_100 = "rgb(235,235,240)";
38
38
  export declare const COLOR_BORDER_BASE_200 = "rgb(230,230,235)";
39
39
  export declare const COLOR_BORDER_BASE_300 = "rgb(225,225,230)";
@@ -52,15 +52,15 @@ export declare const COLOR_FOREGROUND_BASE_600 = "rgb(75,75,80)";
52
52
  export declare const COLOR_FOREGROUND_BASE_700 = "rgb(50,50,55)";
53
53
  export declare const COLOR_FOREGROUND_BASE_800 = "rgb(25,25,30)";
54
54
  export declare const COLOR_FOREGROUND_BASE_900 = "rgb(0,0,5)";
55
- export declare const COLOR_FOREGROUND_INVERSE_100 = "rgb(50,50,55)";
56
- export declare const COLOR_FOREGROUND_INVERSE_200 = "rgb(75,75,80)";
57
- export declare const COLOR_FOREGROUND_INVERSE_300 = "rgb(100,100,105)";
58
- export declare const COLOR_FOREGROUND_INVERSE_400 = "rgb(125,125,130)";
59
- export declare const COLOR_FOREGROUND_INVERSE_500 = "rgb(150,150,155)";
60
- export declare const COLOR_FOREGROUND_INVERSE_600 = "rgb(175,175,180)";
61
- export declare const COLOR_FOREGROUND_INVERSE_700 = "rgb(200,200,205)";
62
- export declare const COLOR_FOREGROUND_INVERSE_800 = "rgb(225,225,230)";
63
- export declare const COLOR_FOREGROUND_INVERSE_900 = "rgb(250,250,255)";
55
+ export declare const COLOR_FOREGROUND_INVERSE_100 = "rgb(75,75,80)";
56
+ export declare const COLOR_FOREGROUND_INVERSE_200 = "rgb(100,100,105)";
57
+ export declare const COLOR_FOREGROUND_INVERSE_300 = "rgb(125,125,130)";
58
+ export declare const COLOR_FOREGROUND_INVERSE_400 = "rgb(150,150,155)";
59
+ export declare const COLOR_FOREGROUND_INVERSE_500 = "rgb(175,175,180)";
60
+ export declare const COLOR_FOREGROUND_INVERSE_600 = "rgb(200,200,205)";
61
+ export declare const COLOR_FOREGROUND_INVERSE_700 = "rgb(225,225,230)";
62
+ export declare const COLOR_FOREGROUND_INVERSE_800 = "rgb(250,250,255)";
63
+ export declare const COLOR_FOREGROUND_INVERSE_900 = "rgb(255,255,255)";
64
64
  export declare const COLOR_FOREGROUND_FAILURE_100 = "rgb(225,200,200)";
65
65
  export declare const COLOR_FOREGROUND_FAILURE_200 = "rgb(220,175,175)";
66
66
  export declare const COLOR_FOREGROUND_FAILURE_300 = "rgb(215,150,150)";
package/build/contexts/theme/constants/font.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const FONT_FAMILY_BASE: string;
1
+ export declare const FONT_FAMILY_DEFAULT: string;
2
2
  export declare const FONT_FAMILY_TYPOGRAPHIC: string;
3
3
  export declare const FONT_WEIGHT_BASE_THIN = 100;
4
4
  export declare const FONT_WEIGHT_BASE_EXTRALIGHT = 200;
package/build/contexts/theme/constants/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export { BORDER_RADIUS_BASE_LG, BORDER_RADIUS_BASE_MD, BORDER_RADIUS_BASE_SM, BORDER_RADIUS_BASE_X2L, BORDER_RADIUS_BASE_X3L, BORDER_RADIUS_BASE_X4L, BORDER_RADIUS_BASE_X5L, BORDER_RADIUS_BASE_X6L, BORDER_RADIUS_BASE_XL, BORDER_RADIUS_BASE_XS, BORDER_WIDTH_BASE_LG, BORDER_WIDTH_BASE_MD, BORDER_WIDTH_BASE_SM, } from './border';
2
2
  export { COLOR_BACKGROUND_BASE_100, COLOR_BACKGROUND_BASE_200, COLOR_BACKGROUND_BASE_300, COLOR_BACKGROUND_BASE_400, COLOR_BACKGROUND_BASE_500, COLOR_BACKGROUND_BASE_600, COLOR_BACKGROUND_BASE_700, COLOR_BACKGROUND_BASE_800, COLOR_BACKGROUND_BASE_900, COLOR_BACKGROUND_PRIMARY_100, COLOR_BACKGROUND_PRIMARY_200, COLOR_BACKGROUND_PRIMARY_300, COLOR_BACKGROUND_PRIMARY_400, COLOR_BACKGROUND_PRIMARY_500, COLOR_BACKGROUND_PRIMARY_600, COLOR_BACKGROUND_PRIMARY_700, COLOR_BACKGROUND_PRIMARY_800, COLOR_BACKGROUND_PRIMARY_900, COLOR_BACKGROUND_ACCENT_100, COLOR_BACKGROUND_ACCENT_200, COLOR_BACKGROUND_ACCENT_300, COLOR_BACKGROUND_ACCENT_400, COLOR_BACKGROUND_ACCENT_500, COLOR_BACKGROUND_ACCENT_600, COLOR_BACKGROUND_ACCENT_700, COLOR_BACKGROUND_ACCENT_800, COLOR_BACKGROUND_ACCENT_900, COLOR_BACKGROUND_SUBACCENT_100, COLOR_BACKGROUND_SUBACCENT_200, COLOR_BACKGROUND_SUBACCENT_300, COLOR_BACKGROUND_SUBACCENT_400, COLOR_BACKGROUND_SUBACCENT_500, COLOR_BACKGROUND_SUBACCENT_600, COLOR_BACKGROUND_SUBACCENT_700, COLOR_BACKGROUND_SUBACCENT_800, COLOR_BACKGROUND_SUBACCENT_900, COLOR_BORDER_BASE_100, COLOR_BORDER_BASE_200, COLOR_BORDER_BASE_300, COLOR_BORDER_BASE_400, COLOR_BORDER_BASE_500, COLOR_BORDER_BASE_600, COLOR_BORDER_BASE_700, COLOR_BORDER_BASE_800, COLOR_BORDER_BASE_900, COLOR_FOREGROUND_BASE_100, COLOR_FOREGROUND_BASE_200, COLOR_FOREGROUND_BASE_300, COLOR_FOREGROUND_BASE_400, COLOR_FOREGROUND_BASE_500, COLOR_FOREGROUND_BASE_600, COLOR_FOREGROUND_BASE_700, COLOR_FOREGROUND_BASE_800, COLOR_FOREGROUND_BASE_900, COLOR_FOREGROUND_FAILURE_100, COLOR_FOREGROUND_FAILURE_200, COLOR_FOREGROUND_FAILURE_300, COLOR_FOREGROUND_FAILURE_400, COLOR_FOREGROUND_FAILURE_500, COLOR_FOREGROUND_FAILURE_600, COLOR_FOREGROUND_FAILURE_700, COLOR_FOREGROUND_FAILURE_800, COLOR_FOREGROUND_FAILURE_900, COLOR_FOREGROUND_INVERSE_100, COLOR_FOREGROUND_INVERSE_200, COLOR_FOREGROUND_INVERSE_300, COLOR_FOREGROUND_INVERSE_400, COLOR_FOREGROUND_INVERSE_500, COLOR_FOREGROUND_INVERSE_600, COLOR_FOREGROUND_INVERSE_700, COLOR_FOREGROUND_INVERSE_800, COLOR_FOREGROUND_INVERSE_900, } from './color';
3
3
  export { DURATION_BASE_LG, DURATION_BASE_MD, DURATION_BASE_SM, } from './duration';
4
- export { FONT_FAMILY_BASE, FONT_FAMILY_TYPOGRAPHIC, FONT_SIZE_BASE_LG, FONT_SIZE_BASE_MD, FONT_SIZE_BASE_SM, FONT_SIZE_BASE_X2L, FONT_SIZE_BASE_X2S, FONT_SIZE_BASE_X3L, FONT_SIZE_BASE_X4L, FONT_SIZE_BASE_X5L, FONT_SIZE_BASE_X6L, FONT_SIZE_BASE_XL, FONT_SIZE_BASE_XS, FONT_WEIGHT_BASE_BLACK, FONT_WEIGHT_BASE_BOLD, FONT_WEIGHT_BASE_EXTRABOLD, FONT_WEIGHT_BASE_EXTRALIGHT, FONT_WEIGHT_BASE_LIGHT, FONT_WEIGHT_BASE_MEDIUM, FONT_WEIGHT_BASE_REGULAR, FONT_WEIGHT_BASE_SEMIBOLD, FONT_WEIGHT_BASE_THIN, } from './font';
4
+ export { FONT_FAMILY_DEFAULT, FONT_FAMILY_TYPOGRAPHIC, FONT_SIZE_BASE_LG, FONT_SIZE_BASE_MD, FONT_SIZE_BASE_SM, FONT_SIZE_BASE_X2L, FONT_SIZE_BASE_X2S, FONT_SIZE_BASE_X3L, FONT_SIZE_BASE_X4L, FONT_SIZE_BASE_X5L, FONT_SIZE_BASE_X6L, FONT_SIZE_BASE_XL, FONT_SIZE_BASE_XS, FONT_WEIGHT_BASE_BLACK, FONT_WEIGHT_BASE_BOLD, FONT_WEIGHT_BASE_EXTRABOLD, FONT_WEIGHT_BASE_EXTRALIGHT, FONT_WEIGHT_BASE_LIGHT, FONT_WEIGHT_BASE_MEDIUM, FONT_WEIGHT_BASE_REGULAR, FONT_WEIGHT_BASE_SEMIBOLD, FONT_WEIGHT_BASE_THIN, } from './font';
5
5
  export { ICON_SIZE_BASE_LG, ICON_SIZE_BASE_MD, ICON_SIZE_BASE_SM } from './icon';
6
6
  export { SPACING_BASE_LG, SPACING_BASE_MD, SPACING_BASE_SM, SPACING_BASE_X2L, SPACING_BASE_X2S, SPACING_BASE_X3L, SPACING_BASE_X3S, SPACING_BASE_X4L, SPACING_BASE_X4S, SPACING_BASE_X5L, SPACING_BASE_X5S, SPACING_BASE_X6L, SPACING_BASE_X6S, SPACING_BASE_XL, SPACING_BASE_XS, } from './spacing';
7
7
  export { LINE_HEIGHT_BASE_LOOSE, LINE_HEIGHT_BASE_NONE, LINE_HEIGHT_BASE_NORMAL, LINE_HEIGHT_BASE_RELAXED, LINE_HEIGHT_BASE_SNUG, LINE_HEIGHT_BASE_TIGHT, } from './text';
package/build/contexts/theme/hooks/use-theme-style-sheet.d.ts CHANGED
@@ -215,7 +215,7 @@ export declare const useThemeStyleSheet: () => {
215
215
  colorForegroundFailure900: {
216
216
  color: import("../../..").Color;
217
217
  };
218
- fontFamilyBase: {
218
+ fontFamilyDefault: {
219
219
  fontFamily: string;
220
220
  };
221
221
  fontFamilyTypographic: {
package/build/contexts/theme/theme.types.d.ts CHANGED
@@ -99,92 +99,92 @@ export interface ThemeContextValue {
99
99
  colorBackgroundPrimary900: Color;
100
100
  /**
101
101
  * Least contrast accent background color.
102
- * @default rgb(215,235,255)
102
+ * @default rgb(200,225,252)
103
103
  */
104
104
  colorBackgroundAccent100: Color;
105
105
  /**
106
106
  * Dim accent background color.
107
- * @default rgb(200,225,252)
107
+ * @default rgb(180,215,249)
108
108
  */
109
109
  colorBackgroundAccent200: Color;
110
110
  /**
111
111
  * Mix of dim and muted accent background color.
112
- * @default rgb(180,215,249)
112
+ * @default rgb(160,205,246)
113
113
  */
114
114
  colorBackgroundAccent300: Color;
115
115
  /**
116
116
  * Muted accent background color.
117
- * @default rgb(160,205,246)
117
+ * @default rgb(140,195,243)
118
118
  */
119
119
  colorBackgroundAccent400: Color;
120
120
  /**
121
121
  * Mix of muted and subtle accent background color.
122
- * @default rgb(140,195,243)
122
+ * @default rgb(115,180,238)
123
123
  */
124
124
  colorBackgroundAccent500: Color;
125
125
  /**
126
126
  * Subtle accent background color.
127
- * @default rgb(115,180,238)
127
+ * @default rgb(95,168,233)
128
128
  */
129
129
  colorBackgroundAccent600: Color;
130
130
  /**
131
131
  * Mix of subtle and default accent background color.
132
- * @default rgb(95,168,233)
132
+ * @default rgb(75,155,225)
133
133
  */
134
134
  colorBackgroundAccent700: Color;
135
135
  /**
136
136
  * Accent default background color.
137
- * @default rgb(75,155,225)
137
+ * @default rgb(50,130,200)
138
138
  */
139
139
  colorBackgroundAccent800: Color;
140
140
  /**
141
141
  * Most contrast accent background color.
142
- * @default rgb(50,130,200)
142
+ * @default rgb(25,105,175)
143
143
  */
144
144
  colorBackgroundAccent900: Color;
145
145
  /**
146
146
  * Least contrast subaccent background color.
147
- * @default rgb(215,245,235)
147
+ * @default rgb(200,240,225)
148
148
  */
149
149
  colorBackgroundSubaccent100: Color;
150
150
  /**
151
151
  * Dim subaccent background color.
152
- * @default rgb(200,240,225)
152
+ * @default rgb(185,235,215)
153
153
  */
154
154
  colorBackgroundSubaccent200: Color;
155
155
  /**
156
156
  * Mix of dim and muted subaccent background color.
157
- * @default rgb(185,235,215)
157
+ * @default rgb(170,230,205)
158
158
  */
159
159
  colorBackgroundSubaccent300: Color;
160
160
  /**
161
161
  * Muted subaccent background color.
162
- * @default rgb(170,230,205)
162
+ * @default rgb(155,225,195)
163
163
  */
164
164
  colorBackgroundSubaccent400: Color;
165
165
  /**
166
166
  * Mix of muted and subtle subaccent background color.
167
- * @default rgb(155,225,195)
167
+ * @default rgb(145,222,190)
168
168
  */
169
169
  colorBackgroundSubaccent500: Color;
170
170
  /**
171
171
  * Subtle subaccent background color.
172
- * @default rgb(145,222,190)
172
+ * @default rgb(135,218,185)
173
173
  */
174
174
  colorBackgroundSubaccent600: Color;
175
175
  /**
176
176
  * Mix of subtle and default subaccent background color.
177
- * @default rgb(135,218,185)
177
+ * @default rgb(125,215,180)
178
178
  */
179
179
  colorBackgroundSubaccent700: Color;
180
180
  /**
181
181
  * Subaccent default background color.
182
- * @default rgb(125,215,180)
182
+ * @default rgb(100,195,160)
183
183
  */
184
184
  colorBackgroundSubaccent800: Color;
185
185
  /**
186
186
  * Most contrast subaccent background color.
187
- * @default rgb(100,195,160)
187
+ * @default rgb(75,175,140)
188
188
  */
189
189
  colorBackgroundSubaccent900: Color;
190
190
  /**
@@ -279,47 +279,47 @@ export interface ThemeContextValue {
279
279
  colorForegroundBase900: Color;
280
280
  /**
281
281
  * Least contrast inverse foreground color.
282
- * @default rgb(50,50,55)
282
+ * @default rgb(75,75,80)
283
283
  */
284
284
  colorForegroundInverse100: Color;
285
285
  /**
286
286
  * Dim inverse foreground color.
287
- * @default rgb(75,75,80)
287
+ * @default rgb(100,100,105)
288
288
  */
289
289
  colorForegroundInverse200: Color;
290
290
  /**
291
291
  * Mix of dim and muted inverse foreground color.
292
- * @default rgb(100,100,105)
292
+ * @default rgb(125,125,130)
293
293
  */
294
294
  colorForegroundInverse300: Color;
295
295
  /**
296
296
  * Muted inverse foreground color.
297
- * @default rgb(125,125,130)
297
+ * @default rgb(150,150,155)
298
298
  */
299
299
  colorForegroundInverse400: Color;
300
300
  /**
301
301
  * Mix of muted and subtle inverse foreground color.
302
- * @default rgb(150,150,155)
302
+ * @default rgb(175,175,180)
303
303
  */
304
304
  colorForegroundInverse500: Color;
305
305
  /**
306
306
  * Subtle inverse foreground color.
307
- * @default rgb(175,175,180)
307
+ * @default rgb(200,200,205)
308
308
  */
309
309
  colorForegroundInverse600: Color;
310
310
  /**
311
311
  * Mix of subtle and default inverse foreground color.
312
- * @default rgb(200,200,205)
312
+ * @default rgb(225,225,230)
313
313
  */
314
314
  colorForegroundInverse700: Color;
315
315
  /**
316
316
  * Inverse default foreground color.
317
- * @default rgb(225,225,230)
317
+ * @default rgb(250,250,255)
318
318
  */
319
319
  colorForegroundInverse800: Color;
320
320
  /**
321
321
  * Most contrast inverse foreground color.
322
- * @default rgb(250,250,255)
322
+ * @default rgb(255,255,255)
323
323
  */
324
324
  colorForegroundInverse900: Color;
325
325
  /**
@@ -369,9 +369,9 @@ export interface ThemeContextValue {
369
369
  colorForegroundFailure900: Color;
370
370
  /**
371
371
  * Base font family.
372
- * @see FONT_FAMILY_BASE
372
+ * @see FONT_FAMILY_DEFAULT
373
373
  */
374
- fontFamilyBase: string;
374
+ fontFamilyDefault: string;
375
375
  /**
376
376
  * Typographic font family.
377
377
  * @see FONT_FAMILY_TYPOGRAPHIC