@marigold/system 2.1.0 → 2.1.3
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.js +7 -3
- package/dist/index.mjs +7 -3
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -295,6 +295,10 @@ var element = {
|
|
|
295
295
|
display: "block",
|
|
296
296
|
maxWidth: "100%"
|
|
297
297
|
},
|
|
298
|
+
svg: {
|
|
299
|
+
display: "block",
|
|
300
|
+
fill: "currentColor"
|
|
301
|
+
},
|
|
298
302
|
button: {
|
|
299
303
|
display: "block",
|
|
300
304
|
appearance: "none",
|
|
@@ -389,9 +393,9 @@ var emptyBreakpoints = ["40em", "52em", "64em"];
|
|
|
389
393
|
var useResponsiveValue = (values, defaultIndex = 0) => {
|
|
390
394
|
const { theme } = useTheme();
|
|
391
395
|
const breakpoints = theme.breakpoints || emptyBreakpoints;
|
|
392
|
-
if (defaultIndex < 0 || defaultIndex >= breakpoints.length) {
|
|
396
|
+
if (defaultIndex < 0 || defaultIndex >= breakpoints.length + 1) {
|
|
393
397
|
throw new RangeError(
|
|
394
|
-
`Default breakpoint index is out of bounds. Theme has ${breakpoints.length} breakpoints, default is ${defaultIndex}.`
|
|
398
|
+
`Default breakpoint index is out of bounds. Theme has ${breakpoints.length + 1} breakpoints, default is ${defaultIndex}.`
|
|
395
399
|
);
|
|
396
400
|
}
|
|
397
401
|
const [index, setIndex] = (0, import_react8.useState)(defaultIndex);
|
|
@@ -436,7 +440,7 @@ var useStateProps = (states) => {
|
|
|
436
440
|
var toDimension = (value) => Array.isArray(value) ? value.map(ensureNumberOrToken) : ensureNumberOrToken(value);
|
|
437
441
|
var ensureNumberOrToken = (value) => typeof value === "string" && /[0-9]+/.test(value) ? Number(value) : value;
|
|
438
442
|
var SVG = (0, import_react10.forwardRef)(
|
|
439
|
-
({ size = 24, fill
|
|
443
|
+
({ size = 24, fill, children, css: styles, ...props }, ref) => {
|
|
440
444
|
const { css } = useTheme();
|
|
441
445
|
return (0, import_react11.jsx)(
|
|
442
446
|
"svg",
|
package/dist/index.mjs
CHANGED
|
@@ -262,6 +262,10 @@ var element = {
|
|
|
262
262
|
display: "block",
|
|
263
263
|
maxWidth: "100%"
|
|
264
264
|
},
|
|
265
|
+
svg: {
|
|
266
|
+
display: "block",
|
|
267
|
+
fill: "currentColor"
|
|
268
|
+
},
|
|
265
269
|
button: {
|
|
266
270
|
display: "block",
|
|
267
271
|
appearance: "none",
|
|
@@ -356,9 +360,9 @@ var emptyBreakpoints = ["40em", "52em", "64em"];
|
|
|
356
360
|
var useResponsiveValue = (values, defaultIndex = 0) => {
|
|
357
361
|
const { theme } = useTheme();
|
|
358
362
|
const breakpoints = theme.breakpoints || emptyBreakpoints;
|
|
359
|
-
if (defaultIndex < 0 || defaultIndex >= breakpoints.length) {
|
|
363
|
+
if (defaultIndex < 0 || defaultIndex >= breakpoints.length + 1) {
|
|
360
364
|
throw new RangeError(
|
|
361
|
-
`Default breakpoint index is out of bounds. Theme has ${breakpoints.length} breakpoints, default is ${defaultIndex}.`
|
|
365
|
+
`Default breakpoint index is out of bounds. Theme has ${breakpoints.length + 1} breakpoints, default is ${defaultIndex}.`
|
|
362
366
|
);
|
|
363
367
|
}
|
|
364
368
|
const [index, setIndex] = useState(defaultIndex);
|
|
@@ -403,7 +407,7 @@ var useStateProps = (states) => {
|
|
|
403
407
|
var toDimension = (value) => Array.isArray(value) ? value.map(ensureNumberOrToken) : ensureNumberOrToken(value);
|
|
404
408
|
var ensureNumberOrToken = (value) => typeof value === "string" && /[0-9]+/.test(value) ? Number(value) : value;
|
|
405
409
|
var SVG = forwardRef2(
|
|
406
|
-
({ size = 24, fill
|
|
410
|
+
({ size = 24, fill, children, css: styles, ...props }, ref) => {
|
|
407
411
|
const { css } = useTheme();
|
|
408
412
|
return jsx2(
|
|
409
413
|
"svg",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@marigold/system",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.3",
|
|
4
4
|
"description": "Marigold System Library",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"keywords": [
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"react-dom": "16.x || 17.x || 18.x"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@babel/core": "7.18.
|
|
41
|
+
"@babel/core": "7.18.13",
|
|
42
42
|
"@marigold/tsconfig": "0.3.0",
|
|
43
43
|
"react": "18.2.0",
|
|
44
44
|
"tsup": "6.2.2"
|