@pandacss/preset-base 0.5.0 → 0.5.1

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 CHANGED
@@ -27,20 +27,20 @@ module.exports = __toCommonJS(src_exports);
27
27
 
28
28
  // src/conditions.ts
29
29
  var conditions = {
30
- hover: "&:where(:hover, [data-hover])",
31
- focus: "&:where(:focus, [data-focus])",
30
+ hover: "&:is(:hover, [data-hover])",
31
+ focus: "&:is(:focus, [data-focus])",
32
32
  focusWithin: "&:focus-within",
33
- focusVisible: "&:where(:focus-visible, [data-focus-visible])",
34
- disabled: "&:where(:disabled, [disabled], [data-disabled])",
35
- active: "&:where(:active, [data-active])",
33
+ focusVisible: "&:is(:focus-visible, [data-focus-visible])",
34
+ disabled: "&:is(:disabled, [disabled], [data-disabled])",
35
+ active: "&:is(:active, [data-active])",
36
36
  visited: "&:visited",
37
37
  target: "&:target",
38
- readOnly: "&:where(:read-only, [data-read-only])",
38
+ readOnly: "&:is(:read-only, [data-read-only])",
39
39
  readWrite: "&:read-write",
40
- empty: "&:where(:empty, [data-empty])",
41
- checked: "&:where(:checked, [data-checked], [aria-checked=true])",
40
+ empty: "&:is(:empty, [data-empty])",
41
+ checked: "&:is(:checked, [data-checked], [aria-checked=true])",
42
42
  enabled: "&:enabled",
43
- expanded: "&:where([aria-expanded=true], [data-expanded])",
43
+ expanded: "&:is([aria-expanded=true], [data-expanded])",
44
44
  highlighted: "&[data-highlighted]",
45
45
  before: "&::before",
46
46
  after: "&::after",
@@ -58,41 +58,41 @@ var conditions = {
58
58
  firstOfType: "&:first-of-type",
59
59
  lastOfType: "&:last-of-type",
60
60
  onlyOfType: "&:only-of-type",
61
- peerFocus: ".peer:where(:focus, [data-focus]) ~ &",
62
- peerHover: ".peer:where(:hover, [data-hover]) ~ &",
63
- peerActive: ".peer:where(:active, [data-active]) ~ &",
61
+ peerFocus: ".peer:is(:focus, [data-focus]) ~ &",
62
+ peerHover: ".peer:is(:hover, [data-hover]) ~ &",
63
+ peerActive: ".peer:is(:active, [data-active]) ~ &",
64
64
  peerFocusWithin: ".peer:focus-within ~ &",
65
- peerFocusVisible: ".peer:where(:focus-visible, [data-focus-visible]) ~ &",
66
- peerDisabled: ".peer:where(:disabled, [disabled], [data-disabled]) ~ &",
67
- peerChecked: ".peer:where(:checked, [data-checked], [aria-checked=true]) ~ &",
68
- peerInvalid: ".peer:where(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
69
- peerExpanded: ".peer:where([aria-expanded=true], [data-expanded]) ~ &",
65
+ peerFocusVisible: ".peer:is(:focus-visible, [data-focus-visible]) ~ &",
66
+ peerDisabled: ".peer:is(:disabled, [disabled], [data-disabled]) ~ &",
67
+ peerChecked: ".peer:is(:checked, [data-checked], [aria-checked=true]) ~ &",
68
+ peerInvalid: ".peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
69
+ peerExpanded: ".peer:is([aria-expanded=true], [data-expanded]) ~ &",
70
70
  peerPlaceholderShown: ".peer:placeholder-shown ~ &",
71
- groupFocus: ".group:where(:focus, [data-focus]) &",
72
- groupHover: ".group:where(:hover, [data-hover]) &",
73
- groupActive: ".group:where(:active, [data-active]) &",
71
+ groupFocus: ".group:is(:focus, [data-focus]) &",
72
+ groupHover: ".group:is(:hover, [data-hover]) &",
73
+ groupActive: ".group:is(:active, [data-active]) &",
74
74
  groupFocusWithin: ".group:focus-within &",
75
- groupFocusVisible: ".group:where(:focus-visible, [data-focus-visible]) &",
76
- groupDisabled: ".group:where(:disabled, [disabled], [data-disabled]) &",
77
- groupChecked: ".group:where(:checked, [data-checked], [aria-checked=true]) &",
78
- groupExpanded: ".group:where([aria-expanded=true], [data-expanded]) &",
75
+ groupFocusVisible: ".group:is(:focus-visible, [data-focus-visible]) &",
76
+ groupDisabled: ".group:is(:disabled, [disabled], [data-disabled]) &",
77
+ groupChecked: ".group:is(:checked, [data-checked], [aria-checked=true]) &",
78
+ groupExpanded: ".group:is([aria-expanded=true], [data-expanded]) &",
79
79
  groupInvalid: ".group:invalid &",
80
- indeterminate: "&:where(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
80
+ indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
81
81
  required: "&:required",
82
- valid: "&:where(:valid, [data-valid])",
83
- invalid: "&:where(:invalid, [data-invalid])",
82
+ valid: "&:is(:valid, [data-valid])",
83
+ invalid: "&:is(:invalid, [data-invalid])",
84
84
  autofill: "&:autofill",
85
85
  inRange: "&:in-range",
86
86
  outOfRange: "&:out-of-range",
87
87
  placeholder: "&::placeholder",
88
88
  placeholderShown: "&:placeholder-shown",
89
- pressed: "&:where([aria-pressed=true], [data-pressed])",
90
- selected: "&:where([aria-selected=true], [data-selected])",
89
+ pressed: "&:is([aria-pressed=true], [data-pressed])",
90
+ selected: "&:is([aria-selected=true], [data-selected])",
91
91
  default: "&:default",
92
92
  optional: "&:optional",
93
93
  open: "&[open]",
94
94
  fullscreen: "&:fullscreen",
95
- loading: "&:where([data-loading], [aria-busy=true])",
95
+ loading: "&:is([data-loading], [aria-busy=true])",
96
96
  currentPage: "&[aria-current=page]",
97
97
  currentStep: "&[aria-current=step]",
98
98
  motionReduce: "@media (prefers-reduced-motion: reduce)",
package/dist/index.mjs CHANGED
@@ -1,19 +1,19 @@
1
1
  // src/conditions.ts
2
2
  var conditions = {
3
- hover: "&:where(:hover, [data-hover])",
4
- focus: "&:where(:focus, [data-focus])",
3
+ hover: "&:is(:hover, [data-hover])",
4
+ focus: "&:is(:focus, [data-focus])",
5
5
  focusWithin: "&:focus-within",
6
- focusVisible: "&:where(:focus-visible, [data-focus-visible])",
7
- disabled: "&:where(:disabled, [disabled], [data-disabled])",
8
- active: "&:where(:active, [data-active])",
6
+ focusVisible: "&:is(:focus-visible, [data-focus-visible])",
7
+ disabled: "&:is(:disabled, [disabled], [data-disabled])",
8
+ active: "&:is(:active, [data-active])",
9
9
  visited: "&:visited",
10
10
  target: "&:target",
11
- readOnly: "&:where(:read-only, [data-read-only])",
11
+ readOnly: "&:is(:read-only, [data-read-only])",
12
12
  readWrite: "&:read-write",
13
- empty: "&:where(:empty, [data-empty])",
14
- checked: "&:where(:checked, [data-checked], [aria-checked=true])",
13
+ empty: "&:is(:empty, [data-empty])",
14
+ checked: "&:is(:checked, [data-checked], [aria-checked=true])",
15
15
  enabled: "&:enabled",
16
- expanded: "&:where([aria-expanded=true], [data-expanded])",
16
+ expanded: "&:is([aria-expanded=true], [data-expanded])",
17
17
  highlighted: "&[data-highlighted]",
18
18
  before: "&::before",
19
19
  after: "&::after",
@@ -31,41 +31,41 @@ var conditions = {
31
31
  firstOfType: "&:first-of-type",
32
32
  lastOfType: "&:last-of-type",
33
33
  onlyOfType: "&:only-of-type",
34
- peerFocus: ".peer:where(:focus, [data-focus]) ~ &",
35
- peerHover: ".peer:where(:hover, [data-hover]) ~ &",
36
- peerActive: ".peer:where(:active, [data-active]) ~ &",
34
+ peerFocus: ".peer:is(:focus, [data-focus]) ~ &",
35
+ peerHover: ".peer:is(:hover, [data-hover]) ~ &",
36
+ peerActive: ".peer:is(:active, [data-active]) ~ &",
37
37
  peerFocusWithin: ".peer:focus-within ~ &",
38
- peerFocusVisible: ".peer:where(:focus-visible, [data-focus-visible]) ~ &",
39
- peerDisabled: ".peer:where(:disabled, [disabled], [data-disabled]) ~ &",
40
- peerChecked: ".peer:where(:checked, [data-checked], [aria-checked=true]) ~ &",
41
- peerInvalid: ".peer:where(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
42
- peerExpanded: ".peer:where([aria-expanded=true], [data-expanded]) ~ &",
38
+ peerFocusVisible: ".peer:is(:focus-visible, [data-focus-visible]) ~ &",
39
+ peerDisabled: ".peer:is(:disabled, [disabled], [data-disabled]) ~ &",
40
+ peerChecked: ".peer:is(:checked, [data-checked], [aria-checked=true]) ~ &",
41
+ peerInvalid: ".peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
42
+ peerExpanded: ".peer:is([aria-expanded=true], [data-expanded]) ~ &",
43
43
  peerPlaceholderShown: ".peer:placeholder-shown ~ &",
44
- groupFocus: ".group:where(:focus, [data-focus]) &",
45
- groupHover: ".group:where(:hover, [data-hover]) &",
46
- groupActive: ".group:where(:active, [data-active]) &",
44
+ groupFocus: ".group:is(:focus, [data-focus]) &",
45
+ groupHover: ".group:is(:hover, [data-hover]) &",
46
+ groupActive: ".group:is(:active, [data-active]) &",
47
47
  groupFocusWithin: ".group:focus-within &",
48
- groupFocusVisible: ".group:where(:focus-visible, [data-focus-visible]) &",
49
- groupDisabled: ".group:where(:disabled, [disabled], [data-disabled]) &",
50
- groupChecked: ".group:where(:checked, [data-checked], [aria-checked=true]) &",
51
- groupExpanded: ".group:where([aria-expanded=true], [data-expanded]) &",
48
+ groupFocusVisible: ".group:is(:focus-visible, [data-focus-visible]) &",
49
+ groupDisabled: ".group:is(:disabled, [disabled], [data-disabled]) &",
50
+ groupChecked: ".group:is(:checked, [data-checked], [aria-checked=true]) &",
51
+ groupExpanded: ".group:is([aria-expanded=true], [data-expanded]) &",
52
52
  groupInvalid: ".group:invalid &",
53
- indeterminate: "&:where(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
53
+ indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
54
54
  required: "&:required",
55
- valid: "&:where(:valid, [data-valid])",
56
- invalid: "&:where(:invalid, [data-invalid])",
55
+ valid: "&:is(:valid, [data-valid])",
56
+ invalid: "&:is(:invalid, [data-invalid])",
57
57
  autofill: "&:autofill",
58
58
  inRange: "&:in-range",
59
59
  outOfRange: "&:out-of-range",
60
60
  placeholder: "&::placeholder",
61
61
  placeholderShown: "&:placeholder-shown",
62
- pressed: "&:where([aria-pressed=true], [data-pressed])",
63
- selected: "&:where([aria-selected=true], [data-selected])",
62
+ pressed: "&:is([aria-pressed=true], [data-pressed])",
63
+ selected: "&:is([aria-selected=true], [data-selected])",
64
64
  default: "&:default",
65
65
  optional: "&:optional",
66
66
  open: "&[open]",
67
67
  fullscreen: "&:fullscreen",
68
- loading: "&:where([data-loading], [aria-busy=true])",
68
+ loading: "&:is([data-loading], [aria-busy=true])",
69
69
  currentPage: "&[aria-current=page]",
70
70
  currentStep: "&[aria-current=step]",
71
71
  motionReduce: "@media (prefers-reduced-motion: reduce)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pandacss/preset-base",
3
- "version": "0.5.0",
3
+ "version": "0.5.1",
4
4
  "description": "The base preset for Panda CSS that contains the conditions and utilities",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -14,7 +14,7 @@
14
14
  "dist"
15
15
  ],
16
16
  "dependencies": {
17
- "@pandacss/types": "0.5.0"
17
+ "@pandacss/types": "0.5.1"
18
18
  },
19
19
  "scripts": {
20
20
  "build": "tsup src/index.ts --format=esm,cjs --dts",