@marigold/system 5.2.0 → 5.4.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.
Files changed (4) hide show
  1. package/dist/index.d.ts +1 -1
  2. package/dist/index.js +6 -4
  3. package/dist/index.mjs +6 -4
  4. package/package.json +4 -4
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
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marigold/system",
3
- "version": "5.2.0",
3
+ "version": "5.4.0",
4
4
  "description": "Marigold System Library",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -31,16 +31,16 @@
31
31
  "csstype": "3.1.1",
32
32
  "deepmerge": "^4.2.2",
33
33
  "react-fast-compare": "^3.2.0",
34
- "@marigold/types": "1.0.0"
34
+ "@marigold/types": "1.0.1"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "react": "16.x || 17.x || 18.x",
38
38
  "react-dom": "16.x || 17.x || 18.x"
39
39
  },
40
40
  "devDependencies": {
41
- "@babel/core": "7.21.0",
41
+ "@babel/core": "7.21.3",
42
42
  "react": "18.2.0",
43
- "tsup": "6.6.3",
43
+ "tsup": "6.7.0",
44
44
  "@marigold/tsconfig": "0.4.0"
45
45
  },
46
46
  "scripts": {