@marigold/system 5.2.0 → 5.3.0
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 +1 -1
- package/dist/index.js +6 -4
- package/dist/index.mjs +6 -4
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -259,7 +259,7 @@ declare function useComponentStyles<Part extends string, Parts extends ReadonlyA
|
|
|
259
259
|
*/
|
|
260
260
|
declare const useResponsiveValue: <T>(values: T[], defaultIndex?: number) => T;
|
|
261
261
|
|
|
262
|
-
type ComponentState = 'hover' | 'focus' | 'focusVisible' | 'active' | 'visited' | 'disabled' | 'readOnly' | 'checked' | 'selected' | 'indeterminate' | 'expanded' | 'error';
|
|
262
|
+
type ComponentState = 'hover' | 'focus' | 'focusVisible' | 'active' | 'visited' | 'disabled' | 'readOnly' | 'checked' | 'selected' | 'indeterminate' | 'expanded' | 'error' | 'hasIcon';
|
|
263
263
|
type StateAttrKeyProps = `data-${KebabCase<ComponentState>}`;
|
|
264
264
|
type StateAttrProps = {
|
|
265
265
|
[key in StateAttrKeyProps]?: '';
|
package/dist/index.js
CHANGED
|
@@ -72,7 +72,8 @@ var state = {
|
|
|
72
72
|
selected: ["[aria-selected=true]", "[data-selected]"],
|
|
73
73
|
error: [":invalid", "[aria-invalid=true]", "[data-error]"],
|
|
74
74
|
expanded: ["[aria-expanded=true]", "[data-expanded]"],
|
|
75
|
-
required: [":required", "[aria-required]"]
|
|
75
|
+
required: [":required", "[aria-required]"],
|
|
76
|
+
hasIcon: ["[data-has-icon]"]
|
|
76
77
|
};
|
|
77
78
|
var pseudos = {
|
|
78
79
|
"&:hover": createteSelector([selector.self], state.hover),
|
|
@@ -87,6 +88,7 @@ var pseudos = {
|
|
|
87
88
|
"&:error": createteSelector([selector.self], state.error),
|
|
88
89
|
"&:expanded": createteSelector([selector.self], state.expanded),
|
|
89
90
|
"&:required": createteSelector([selector.self], state.required),
|
|
91
|
+
"&:has-icon": createteSelector([selector.self], state.hasIcon),
|
|
90
92
|
// Selector for elements that are part of a group
|
|
91
93
|
"&:in-group": createteSelector(selector.grouped, state.none, selector.self),
|
|
92
94
|
"&:hover-group": createteSelector(
|
|
@@ -387,11 +389,11 @@ var SVG = (0, import_react10.forwardRef)(
|
|
|
387
389
|
{
|
|
388
390
|
...props,
|
|
389
391
|
css: css({
|
|
392
|
+
width: toDimension(props.width || size),
|
|
393
|
+
height: toDimension(props.height || size),
|
|
390
394
|
...styles,
|
|
391
395
|
fill,
|
|
392
|
-
flex: "0 0 auto"
|
|
393
|
-
width: toDimension(props.width || size),
|
|
394
|
-
height: toDimension(props.height || size)
|
|
396
|
+
flex: "0 0 auto"
|
|
395
397
|
}),
|
|
396
398
|
ref
|
|
397
399
|
},
|
package/dist/index.mjs
CHANGED
|
@@ -27,7 +27,8 @@ var state = {
|
|
|
27
27
|
selected: ["[aria-selected=true]", "[data-selected]"],
|
|
28
28
|
error: [":invalid", "[aria-invalid=true]", "[data-error]"],
|
|
29
29
|
expanded: ["[aria-expanded=true]", "[data-expanded]"],
|
|
30
|
-
required: [":required", "[aria-required]"]
|
|
30
|
+
required: [":required", "[aria-required]"],
|
|
31
|
+
hasIcon: ["[data-has-icon]"]
|
|
31
32
|
};
|
|
32
33
|
var pseudos = {
|
|
33
34
|
"&:hover": createteSelector([selector.self], state.hover),
|
|
@@ -42,6 +43,7 @@ var pseudos = {
|
|
|
42
43
|
"&:error": createteSelector([selector.self], state.error),
|
|
43
44
|
"&:expanded": createteSelector([selector.self], state.expanded),
|
|
44
45
|
"&:required": createteSelector([selector.self], state.required),
|
|
46
|
+
"&:has-icon": createteSelector([selector.self], state.hasIcon),
|
|
45
47
|
// Selector for elements that are part of a group
|
|
46
48
|
"&:in-group": createteSelector(selector.grouped, state.none, selector.self),
|
|
47
49
|
"&:hover-group": createteSelector(
|
|
@@ -349,11 +351,11 @@ var SVG = forwardRef2(
|
|
|
349
351
|
{
|
|
350
352
|
...props,
|
|
351
353
|
css: css({
|
|
354
|
+
width: toDimension(props.width || size),
|
|
355
|
+
height: toDimension(props.height || size),
|
|
352
356
|
...styles,
|
|
353
357
|
fill,
|
|
354
|
-
flex: "0 0 auto"
|
|
355
|
-
width: toDimension(props.width || size),
|
|
356
|
-
height: toDimension(props.height || size)
|
|
358
|
+
flex: "0 0 auto"
|
|
357
359
|
}),
|
|
358
360
|
ref
|
|
359
361
|
},
|