boreal-ui 0.0.877 → 0.0.878
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/core/Typography.css +5 -2
- package/dist/next/{Typography-ClxvldmA.js → Typography-BQgTFxSs.js} +39 -39
- package/dist/next/{Typography-ClxvldmA.js.map → Typography-BQgTFxSs.js.map} +1 -1
- package/dist/next/Typography.css +42 -39
- package/dist/next/Typography.js +1 -1
- package/dist/next/index.js +1 -1
- package/package.json +1 -1
package/dist/core/Typography.css
CHANGED
|
@@ -263,11 +263,14 @@
|
|
|
263
263
|
color: var(--error-color);
|
|
264
264
|
}
|
|
265
265
|
|
|
266
|
-
.typography_clear
|
|
267
|
-
.typography_theme-inherit {
|
|
266
|
+
.typography_clear {
|
|
268
267
|
color: inherit;
|
|
269
268
|
}
|
|
270
269
|
|
|
270
|
+
.typography_theme-inherit {
|
|
271
|
+
color: var(--text-color);
|
|
272
|
+
}
|
|
273
|
+
|
|
271
274
|
.typography_italic {
|
|
272
275
|
font-style: italic;
|
|
273
276
|
}
|
|
@@ -137,44 +137,44 @@ function TypographyBase({
|
|
|
137
137
|
);
|
|
138
138
|
}
|
|
139
139
|
TypographyBase.displayName = "TypographyBase";
|
|
140
|
-
const typography = "
|
|
141
|
-
const display = "
|
|
142
|
-
const h1 = "
|
|
143
|
-
const h2 = "
|
|
144
|
-
const h3 = "
|
|
145
|
-
const h4 = "
|
|
146
|
-
const h5 = "
|
|
147
|
-
const h6 = "
|
|
148
|
-
const bodyLg = "
|
|
149
|
-
const body = "
|
|
150
|
-
const bodySm = "
|
|
151
|
-
const label = "
|
|
152
|
-
const caption = "
|
|
153
|
-
const overline = "
|
|
154
|
-
const code = "
|
|
155
|
-
const alignLeft = "
|
|
156
|
-
const alignCenter = "
|
|
157
|
-
const alignRight = "
|
|
158
|
-
const alignInherit = "
|
|
159
|
-
const weightLight = "
|
|
160
|
-
const weightNormal = "
|
|
161
|
-
const weightMedium = "
|
|
162
|
-
const weightBold = "
|
|
163
|
-
const weightBolder = "
|
|
164
|
-
const weightInherit = "
|
|
165
|
-
const primary = "
|
|
166
|
-
const secondary = "
|
|
167
|
-
const tertiary = "
|
|
168
|
-
const quaternary = "
|
|
169
|
-
const success = "
|
|
170
|
-
const warning = "
|
|
171
|
-
const error = "
|
|
172
|
-
const clear = "
|
|
173
|
-
const themeInherit = "
|
|
174
|
-
const italic = "
|
|
175
|
-
const underline = "
|
|
176
|
-
const truncate = "
|
|
177
|
-
const noWrap = "
|
|
140
|
+
const typography = "_typography_1m7yy_85";
|
|
141
|
+
const display = "_display_1m7yy_90";
|
|
142
|
+
const h1 = "_h1_1m7yy_98";
|
|
143
|
+
const h2 = "_h2_1m7yy_106";
|
|
144
|
+
const h3 = "_h3_1m7yy_114";
|
|
145
|
+
const h4 = "_h4_1m7yy_122";
|
|
146
|
+
const h5 = "_h5_1m7yy_129";
|
|
147
|
+
const h6 = "_h6_1m7yy_136";
|
|
148
|
+
const bodyLg = "_bodyLg_1m7yy_143";
|
|
149
|
+
const body = "_body_1m7yy_143";
|
|
150
|
+
const bodySm = "_bodySm_1m7yy_159";
|
|
151
|
+
const label = "_label_1m7yy_167";
|
|
152
|
+
const caption = "_caption_1m7yy_175";
|
|
153
|
+
const overline = "_overline_1m7yy_183";
|
|
154
|
+
const code = "_code_1m7yy_192";
|
|
155
|
+
const alignLeft = "_alignLeft_1m7yy_198";
|
|
156
|
+
const alignCenter = "_alignCenter_1m7yy_202";
|
|
157
|
+
const alignRight = "_alignRight_1m7yy_206";
|
|
158
|
+
const alignInherit = "_alignInherit_1m7yy_210";
|
|
159
|
+
const weightLight = "_weightLight_1m7yy_214";
|
|
160
|
+
const weightNormal = "_weightNormal_1m7yy_218";
|
|
161
|
+
const weightMedium = "_weightMedium_1m7yy_222";
|
|
162
|
+
const weightBold = "_weightBold_1m7yy_226";
|
|
163
|
+
const weightBolder = "_weightBolder_1m7yy_230";
|
|
164
|
+
const weightInherit = "_weightInherit_1m7yy_234";
|
|
165
|
+
const primary = "_primary_1m7yy_238";
|
|
166
|
+
const secondary = "_secondary_1m7yy_242";
|
|
167
|
+
const tertiary = "_tertiary_1m7yy_246";
|
|
168
|
+
const quaternary = "_quaternary_1m7yy_250";
|
|
169
|
+
const success = "_success_1m7yy_254";
|
|
170
|
+
const warning = "_warning_1m7yy_258";
|
|
171
|
+
const error = "_error_1m7yy_262";
|
|
172
|
+
const clear = "_clear_1m7yy_266";
|
|
173
|
+
const themeInherit = "_themeInherit_1m7yy_270";
|
|
174
|
+
const italic = "_italic_1m7yy_274";
|
|
175
|
+
const underline = "_underline_1m7yy_278";
|
|
176
|
+
const truncate = "_truncate_1m7yy_283";
|
|
177
|
+
const noWrap = "_noWrap_1m7yy_289";
|
|
178
178
|
const styles = {
|
|
179
179
|
typography,
|
|
180
180
|
display,
|
|
@@ -228,4 +228,4 @@ function Typography(props) {
|
|
|
228
228
|
export {
|
|
229
229
|
Typography as T
|
|
230
230
|
};
|
|
231
|
-
//# sourceMappingURL=Typography-
|
|
231
|
+
//# sourceMappingURL=Typography-BQgTFxSs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography-
|
|
1
|
+
{"version":3,"file":"Typography-BQgTFxSs.js","sources":["../../src/components/Typography/TypographyBase.tsx","../../src/components/Typography/next/Typography.tsx"],"sourcesContent":["import { createElement, JSX, useMemo } from \"react\";\r\nimport {\r\n TypographyAlign,\r\n TypographyBaseProps,\r\n TypographyTheme,\r\n TypographyVariant,\r\n TypographyWeight,\r\n} from \"./Typography.types\";\r\n\r\nconst DEFAULT_TAG_BY_VARIANT: Record<\r\n TypographyVariant,\r\n keyof JSX.IntrinsicElements\r\n> = {\r\n display: \"h1\",\r\n h1: \"h1\",\r\n h2: \"h2\",\r\n h3: \"h3\",\r\n h4: \"h4\",\r\n h5: \"h5\",\r\n h6: \"h6\",\r\n \"body-lg\": \"p\",\r\n body: \"p\",\r\n \"body-sm\": \"p\",\r\n label: \"span\",\r\n caption: \"span\",\r\n overline: \"span\",\r\n code: \"code\",\r\n};\r\n\r\nconst variantClassMap: Record<TypographyVariant, string> = {\r\n display: \"display\",\r\n h1: \"h1\",\r\n h2: \"h2\",\r\n h3: \"h3\",\r\n h4: \"h4\",\r\n h5: \"h5\",\r\n h6: \"h6\",\r\n \"body-lg\": \"bodyLg\",\r\n body: \"body\",\r\n \"body-sm\": \"bodySm\",\r\n label: \"label\",\r\n caption: \"caption\",\r\n overline: \"overline\",\r\n code: \"code\",\r\n};\r\n\r\nconst alignClassMap: Record<TypographyAlign, string> = {\r\n left: \"alignLeft\",\r\n center: \"alignCenter\",\r\n right: \"alignRight\",\r\n inherit: \"alignInherit\",\r\n};\r\n\r\nconst weightClassMap: Record<TypographyWeight, string> = {\r\n light: \"weightLight\",\r\n normal: \"weightNormal\",\r\n medium: \"weightMedium\",\r\n bold: \"weightBold\",\r\n bolder: \"weightBolder\",\r\n inherit: \"weightInherit\",\r\n};\r\n\r\nconst themeClassMap: Record<TypographyTheme, string> = {\r\n primary: \"primary\",\r\n secondary: \"secondary\",\r\n tertiary: \"tertiary\",\r\n quaternary: \"quaternary\",\r\n clear: \"clear\",\r\n success: \"success\",\r\n warning: \"warning\",\r\n error: \"error\",\r\n inherit: \"themeInherit\",\r\n};\r\n\r\nfunction TypographyBase({\r\n children,\r\n variant = \"body\",\r\n as,\r\n align = \"inherit\",\r\n weight = \"inherit\",\r\n theme = \"inherit\",\r\n italic = false,\r\n underline = false,\r\n truncate = false,\r\n noWrap = false,\r\n srOnly = false,\r\n className,\r\n style,\r\n id,\r\n title,\r\n testId,\r\n role,\r\n \"aria-label\": ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-hidden\": ariaHidden,\r\n \"aria-live\": ariaLive,\r\n \"aria-atomic\": ariaAtomic,\r\n \"aria-busy\": ariaBusy,\r\n classMap,\r\n combineClassNames,\r\n}: TypographyBaseProps): JSX.Element {\r\n const Component = as ?? DEFAULT_TAG_BY_VARIANT[variant];\r\n\r\n const resolvedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.typography,\r\n classMap[variantClassMap[variant]],\r\n classMap[alignClassMap[align]],\r\n classMap[weightClassMap[weight]],\r\n classMap[themeClassMap[theme]],\r\n italic && classMap.italic,\r\n underline && classMap.underline,\r\n truncate && classMap.truncate,\r\n noWrap && classMap.noWrap,\r\n srOnly && classMap.srOnly,\r\n className,\r\n ),\r\n [\r\n classMap,\r\n variant,\r\n align,\r\n weight,\r\n theme,\r\n italic,\r\n underline,\r\n truncate,\r\n noWrap,\r\n srOnly,\r\n className,\r\n combineClassNames,\r\n ],\r\n );\r\n\r\n return createElement(\r\n Component,\r\n {\r\n id,\r\n title,\r\n style,\r\n role,\r\n className: resolvedClassName,\r\n \"data-testid\": testId ?? \"typography\",\r\n\r\n \"aria-label\": ariaLabelledBy ? undefined : ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-hidden\": ariaHidden,\r\n \"aria-live\": ariaLive,\r\n \"aria-atomic\": ariaLive ? ariaAtomic : undefined,\r\n \"aria-busy\": ariaLive ? ariaBusy : undefined,\r\n },\r\n children,\r\n );\r\n}\r\n\r\nTypographyBase.displayName = \"TypographyBase\";\r\nexport default TypographyBase;\r\n","\"use client\";\r\n\r\nimport { JSX } from \"react\";\r\nimport TypographyBase from \"../TypographyBase\";\r\nimport { TypographyProps } from \"../Typography.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport styles from \"./Typography.module.scss\";\r\n\r\nexport default function Typography(props: TypographyProps): JSX.Element {\r\n return (\r\n <TypographyBase\r\n {...props}\r\n classMap={styles}\r\n combineClassNames={combineClassNames}\r\n />\r\n );\r\n}\r\n"],"names":["italic","underline","truncate","noWrap","combineClassNames"],"mappings":"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"}
|
package/dist/next/Typography.css
CHANGED
|
@@ -82,12 +82,12 @@
|
|
|
82
82
|
* $breakpoints map:
|
|
83
83
|
* Use this map to loop over breakpoints or access named values.
|
|
84
84
|
*/
|
|
85
|
-
.
|
|
85
|
+
._typography_1m7yy_85 {
|
|
86
86
|
margin: 0;
|
|
87
87
|
color: var(--text-color);
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
.
|
|
90
|
+
._display_1m7yy_90 {
|
|
91
91
|
font-family: var(--font-family-heading);
|
|
92
92
|
font-size: var(--font-size-display, var(--font-size-xxl));
|
|
93
93
|
font-weight: var(--font-weight-heading, var(--font-weight-bolder));
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
letter-spacing: var(--letter-spacing-display, -0.02em);
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
-
.
|
|
98
|
+
._h1_1m7yy_98 {
|
|
99
99
|
font-family: var(--font-family-heading);
|
|
100
100
|
font-size: var(--font-size-h1, var(--font-size-xxl));
|
|
101
101
|
font-weight: var(--font-weight-heading, var(--font-weight-bolder));
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
letter-spacing: var(--letter-spacing-heading, -0.01em);
|
|
104
104
|
}
|
|
105
105
|
|
|
106
|
-
.
|
|
106
|
+
._h2_1m7yy_106 {
|
|
107
107
|
font-family: var(--font-family-heading);
|
|
108
108
|
font-size: var(--font-size-h2, var(--font-size-xl));
|
|
109
109
|
font-weight: var(--font-weight-heading, var(--font-weight-bolder));
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
letter-spacing: var(--letter-spacing-heading, -0.01em);
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
-
.
|
|
114
|
+
._h3_1m7yy_114 {
|
|
115
115
|
font-family: var(--font-family-heading);
|
|
116
116
|
font-size: var(--font-size-h3, var(--font-size-lg));
|
|
117
117
|
font-weight: var(--font-weight-heading, var(--font-weight-bold));
|
|
@@ -119,28 +119,28 @@
|
|
|
119
119
|
letter-spacing: var(--letter-spacing-heading, 0);
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
.
|
|
122
|
+
._h4_1m7yy_122 {
|
|
123
123
|
font-family: var(--font-family-heading);
|
|
124
124
|
font-size: var(--font-size-h4, var(--font-size-base));
|
|
125
125
|
font-weight: var(--font-weight-heading, var(--font-weight-bold));
|
|
126
126
|
line-height: var(--line-height-heading, 1.3);
|
|
127
127
|
}
|
|
128
128
|
|
|
129
|
-
.
|
|
129
|
+
._h5_1m7yy_129 {
|
|
130
130
|
font-family: var(--font-family-heading);
|
|
131
131
|
font-size: var(--font-size-h5, var(--font-size-md));
|
|
132
132
|
font-weight: var(--font-weight-heading, var(--font-weight-bold));
|
|
133
133
|
line-height: var(--line-height-heading, 1.35);
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
.
|
|
136
|
+
._h6_1m7yy_136 {
|
|
137
137
|
font-family: var(--font-family-heading);
|
|
138
138
|
font-size: var(--font-size-h6, var(--font-size-sm));
|
|
139
139
|
font-weight: var(--font-weight-heading, var(--font-weight-bold));
|
|
140
140
|
line-height: var(--line-height-heading, 1.4);
|
|
141
141
|
}
|
|
142
142
|
|
|
143
|
-
.
|
|
143
|
+
._bodyLg_1m7yy_143 {
|
|
144
144
|
font-family: var(--font-family-body);
|
|
145
145
|
font-size: var(--font-size-body-lg, var(--font-size-lg));
|
|
146
146
|
font-weight: var(--font-weight-body, var(--font-weight-normal));
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
letter-spacing: var(--letter-spacing-body, 0);
|
|
149
149
|
}
|
|
150
150
|
|
|
151
|
-
.
|
|
151
|
+
._body_1m7yy_143 {
|
|
152
152
|
font-family: var(--font-family-body);
|
|
153
153
|
font-size: var(--font-size-body, var(--font-size-base));
|
|
154
154
|
font-weight: var(--font-weight-body, var(--font-weight-normal));
|
|
@@ -156,7 +156,7 @@
|
|
|
156
156
|
letter-spacing: var(--letter-spacing-body, 0);
|
|
157
157
|
}
|
|
158
158
|
|
|
159
|
-
.
|
|
159
|
+
._bodySm_1m7yy_159 {
|
|
160
160
|
font-family: var(--font-family-body);
|
|
161
161
|
font-size: var(--font-size-body-sm, var(--font-size-sm));
|
|
162
162
|
font-weight: var(--font-weight-body, var(--font-weight-normal));
|
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
letter-spacing: var(--letter-spacing-body, 0);
|
|
165
165
|
}
|
|
166
166
|
|
|
167
|
-
.
|
|
167
|
+
._label_1m7yy_167 {
|
|
168
168
|
font-family: var(--font-family-ui);
|
|
169
169
|
font-size: var(--font-size-label, var(--font-size-sm));
|
|
170
170
|
font-weight: var(--font-weight-label, var(--font-weight-bold));
|
|
@@ -172,7 +172,7 @@
|
|
|
172
172
|
letter-spacing: var(--letter-spacing-label, 0.01em);
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
.
|
|
175
|
+
._caption_1m7yy_175 {
|
|
176
176
|
font-family: var(--font-family-ui);
|
|
177
177
|
font-size: var(--font-size-caption, var(--font-size-xs));
|
|
178
178
|
font-weight: var(--font-weight-label, var(--font-weight-normal));
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
letter-spacing: var(--letter-spacing-label, 0.01em);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
.
|
|
183
|
+
._overline_1m7yy_183 {
|
|
184
184
|
font-family: var(--font-family-ui);
|
|
185
185
|
font-size: var(--font-size-caption, var(--font-size-xs));
|
|
186
186
|
font-weight: var(--font-weight-label, var(--font-weight-bold));
|
|
@@ -189,106 +189,109 @@
|
|
|
189
189
|
text-transform: uppercase;
|
|
190
190
|
}
|
|
191
191
|
|
|
192
|
-
.
|
|
192
|
+
._code_1m7yy_192 {
|
|
193
193
|
font-family: var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
|
|
194
194
|
font-size: 0.95em;
|
|
195
195
|
line-height: 1.5;
|
|
196
196
|
}
|
|
197
197
|
|
|
198
|
-
.
|
|
198
|
+
._alignLeft_1m7yy_198 {
|
|
199
199
|
text-align: left;
|
|
200
200
|
}
|
|
201
201
|
|
|
202
|
-
.
|
|
202
|
+
._alignCenter_1m7yy_202 {
|
|
203
203
|
text-align: center;
|
|
204
204
|
}
|
|
205
205
|
|
|
206
|
-
.
|
|
206
|
+
._alignRight_1m7yy_206 {
|
|
207
207
|
text-align: right;
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
-
.
|
|
210
|
+
._alignInherit_1m7yy_210 {
|
|
211
211
|
text-align: inherit;
|
|
212
212
|
}
|
|
213
213
|
|
|
214
|
-
.
|
|
214
|
+
._weightLight_1m7yy_214 {
|
|
215
215
|
font-weight: var(--font-weight-light);
|
|
216
216
|
}
|
|
217
217
|
|
|
218
|
-
.
|
|
218
|
+
._weightNormal_1m7yy_218 {
|
|
219
219
|
font-weight: var(--font-weight-normal);
|
|
220
220
|
}
|
|
221
221
|
|
|
222
|
-
.
|
|
222
|
+
._weightMedium_1m7yy_222 {
|
|
223
223
|
font-weight: var(--font-weight-medium, 500);
|
|
224
224
|
}
|
|
225
225
|
|
|
226
|
-
.
|
|
226
|
+
._weightBold_1m7yy_226 {
|
|
227
227
|
font-weight: var(--font-weight-bold);
|
|
228
228
|
}
|
|
229
229
|
|
|
230
|
-
.
|
|
230
|
+
._weightBolder_1m7yy_230 {
|
|
231
231
|
font-weight: var(--font-weight-bolder);
|
|
232
232
|
}
|
|
233
233
|
|
|
234
|
-
.
|
|
234
|
+
._weightInherit_1m7yy_234 {
|
|
235
235
|
font-weight: inherit;
|
|
236
236
|
}
|
|
237
237
|
|
|
238
|
-
.
|
|
238
|
+
._primary_1m7yy_238 {
|
|
239
239
|
color: var(--primary-color);
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
-
.
|
|
242
|
+
._secondary_1m7yy_242 {
|
|
243
243
|
color: var(--secondary-color);
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
-
.
|
|
246
|
+
._tertiary_1m7yy_246 {
|
|
247
247
|
color: var(--tertiary-color);
|
|
248
248
|
}
|
|
249
249
|
|
|
250
|
-
.
|
|
250
|
+
._quaternary_1m7yy_250 {
|
|
251
251
|
color: var(--quaternary-color);
|
|
252
252
|
}
|
|
253
253
|
|
|
254
|
-
.
|
|
254
|
+
._success_1m7yy_254 {
|
|
255
255
|
color: var(--success-color);
|
|
256
256
|
}
|
|
257
257
|
|
|
258
|
-
.
|
|
258
|
+
._warning_1m7yy_258 {
|
|
259
259
|
color: var(--warning-color);
|
|
260
260
|
}
|
|
261
261
|
|
|
262
|
-
.
|
|
262
|
+
._error_1m7yy_262 {
|
|
263
263
|
color: var(--error-color);
|
|
264
264
|
}
|
|
265
265
|
|
|
266
|
-
.
|
|
267
|
-
._themeInherit_cph7k_267 {
|
|
266
|
+
._clear_1m7yy_266 {
|
|
268
267
|
color: inherit;
|
|
269
268
|
}
|
|
270
269
|
|
|
271
|
-
.
|
|
270
|
+
._themeInherit_1m7yy_270 {
|
|
271
|
+
color: var(--text-color);
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
._italic_1m7yy_274 {
|
|
272
275
|
font-style: italic;
|
|
273
276
|
}
|
|
274
277
|
|
|
275
|
-
.
|
|
278
|
+
._underline_1m7yy_278 {
|
|
276
279
|
text-decoration: underline;
|
|
277
280
|
text-underline-offset: 0.15em;
|
|
278
281
|
}
|
|
279
282
|
|
|
280
|
-
.
|
|
283
|
+
._truncate_1m7yy_283 {
|
|
281
284
|
overflow: hidden;
|
|
282
285
|
text-overflow: ellipsis;
|
|
283
286
|
white-space: nowrap;
|
|
284
287
|
}
|
|
285
288
|
|
|
286
|
-
.
|
|
289
|
+
._noWrap_1m7yy_289 {
|
|
287
290
|
white-space: nowrap;
|
|
288
291
|
}
|
|
289
292
|
|
|
290
293
|
@media (forced-colors: active) {
|
|
291
|
-
.
|
|
294
|
+
._typography_1m7yy_85 {
|
|
292
295
|
color: CanvasText;
|
|
293
296
|
}
|
|
294
297
|
}
|
package/dist/next/Typography.js
CHANGED
package/dist/next/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { r } from "./registerColorSheme-BPX0H7hl.js";
|
|
|
5
5
|
import { colorSchemes } from "./colorSchemes.js";
|
|
6
6
|
import { c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
|
|
7
7
|
import { s } from "./boreal-style-config-DsaRlxmw.js";
|
|
8
|
-
import { T } from "./Typography-
|
|
8
|
+
import { T } from "./Typography-BQgTFxSs.js";
|
|
9
9
|
import { B } from "./Button-BGME_58W.js";
|
|
10
10
|
import { I } from "./IconButton-DQTmDwt_.js";
|
|
11
11
|
import { S } from "./ScrollToTop-C7ThHvxg.js";
|