@pandacss/preset-base 0.9.0 → 0.10.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 (3) hide show
  1. package/dist/index.js +21 -8
  2. package/dist/index.mjs +21 -8
  3. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -38,9 +38,9 @@ var conditions = {
38
38
  readOnly: "&:is(:read-only, [data-read-only])",
39
39
  readWrite: "&:read-write",
40
40
  empty: "&:is(:empty, [data-empty])",
41
- checked: "&:is(:checked, [data-checked], [aria-checked=true])",
41
+ checked: '&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])',
42
42
  enabled: "&:enabled",
43
- expanded: "&:is([aria-expanded=true], [data-expanded])",
43
+ expanded: '&:is([aria-expanded=true], [data-expanded], [data-state="expanded"])',
44
44
  highlighted: "&[data-highlighted]",
45
45
  before: "&::before",
46
46
  after: "&::after",
@@ -64,9 +64,9 @@ var conditions = {
64
64
  peerFocusWithin: ".peer:focus-within ~ &",
65
65
  peerFocusVisible: ".peer:is(:focus-visible, [data-focus-visible]) ~ &",
66
66
  peerDisabled: ".peer:is(:disabled, [disabled], [data-disabled]) ~ &",
67
- peerChecked: ".peer:is(:checked, [data-checked], [aria-checked=true]) ~ &",
67
+ peerChecked: '.peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ &',
68
68
  peerInvalid: ".peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
69
- peerExpanded: ".peer:is([aria-expanded=true], [data-expanded]) ~ &",
69
+ peerExpanded: '.peer:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) ~ &',
70
70
  peerPlaceholderShown: ".peer:placeholder-shown ~ &",
71
71
  groupFocus: ".group:is(:focus, [data-focus]) &",
72
72
  groupHover: ".group:is(:hover, [data-hover]) &",
@@ -74,10 +74,10 @@ var conditions = {
74
74
  groupFocusWithin: ".group:focus-within &",
75
75
  groupFocusVisible: ".group:is(:focus-visible, [data-focus-visible]) &",
76
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]) &",
77
+ groupChecked: '.group:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) &',
78
+ groupExpanded: '.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &',
79
79
  groupInvalid: ".group:invalid &",
80
- indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
80
+ indeterminate: '&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate")',
81
81
  required: "&:required",
82
82
  valid: "&:is(:valid, [data-valid])",
83
83
  invalid: "&:is(:invalid, [data-invalid])",
@@ -90,7 +90,7 @@ var conditions = {
90
90
  selected: "&:is([aria-selected=true], [data-selected])",
91
91
  default: "&:default",
92
92
  optional: "&:optional",
93
- open: "&[open]",
93
+ open: '&:is([open], [data-open], [data-state="open"])',
94
94
  fullscreen: "&:fullscreen",
95
95
  loading: "&:is([data-loading], [aria-busy=true])",
96
96
  currentPage: "&[aria-current=page]",
@@ -424,6 +424,11 @@ var border = {
424
424
  values: "borders",
425
425
  shorthand: "borderStart"
426
426
  },
427
+ borderInlineStartWidth: {
428
+ className: "border-s",
429
+ values: "borderWidths",
430
+ shorthand: "borderStartWidth"
431
+ },
427
432
  borderInlineStartColor: {
428
433
  className: "border-s",
429
434
  values: "colors",
@@ -442,6 +447,11 @@ var border = {
442
447
  values: "borders",
443
448
  shorthand: "borderEnd"
444
449
  },
450
+ borderInlineEndWidth: {
451
+ className: "border-e",
452
+ values: "borderWidths",
453
+ shorthand: "borderEndWidth"
454
+ },
445
455
  borderInlineEndColor: {
446
456
  className: "border-e",
447
457
  values: "colors",
@@ -562,6 +572,9 @@ var divide = {
562
572
 
563
573
  // src/utilities/effects.ts
564
574
  var effects = {
575
+ opacity: {
576
+ values: "opacity"
577
+ },
565
578
  boxShadow: {
566
579
  shorthand: "shadow",
567
580
  className: "shadow",
package/dist/index.mjs CHANGED
@@ -11,9 +11,9 @@ var conditions = {
11
11
  readOnly: "&:is(:read-only, [data-read-only])",
12
12
  readWrite: "&:read-write",
13
13
  empty: "&:is(:empty, [data-empty])",
14
- checked: "&:is(:checked, [data-checked], [aria-checked=true])",
14
+ checked: '&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])',
15
15
  enabled: "&:enabled",
16
- expanded: "&:is([aria-expanded=true], [data-expanded])",
16
+ expanded: '&:is([aria-expanded=true], [data-expanded], [data-state="expanded"])',
17
17
  highlighted: "&[data-highlighted]",
18
18
  before: "&::before",
19
19
  after: "&::after",
@@ -37,9 +37,9 @@ var conditions = {
37
37
  peerFocusWithin: ".peer:focus-within ~ &",
38
38
  peerFocusVisible: ".peer:is(:focus-visible, [data-focus-visible]) ~ &",
39
39
  peerDisabled: ".peer:is(:disabled, [disabled], [data-disabled]) ~ &",
40
- peerChecked: ".peer:is(:checked, [data-checked], [aria-checked=true]) ~ &",
40
+ peerChecked: '.peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ &',
41
41
  peerInvalid: ".peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
42
- peerExpanded: ".peer:is([aria-expanded=true], [data-expanded]) ~ &",
42
+ peerExpanded: '.peer:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) ~ &',
43
43
  peerPlaceholderShown: ".peer:placeholder-shown ~ &",
44
44
  groupFocus: ".group:is(:focus, [data-focus]) &",
45
45
  groupHover: ".group:is(:hover, [data-hover]) &",
@@ -47,10 +47,10 @@ var conditions = {
47
47
  groupFocusWithin: ".group:focus-within &",
48
48
  groupFocusVisible: ".group:is(:focus-visible, [data-focus-visible]) &",
49
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]) &",
50
+ groupChecked: '.group:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) &',
51
+ groupExpanded: '.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &',
52
52
  groupInvalid: ".group:invalid &",
53
- indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
53
+ indeterminate: '&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate")',
54
54
  required: "&:required",
55
55
  valid: "&:is(:valid, [data-valid])",
56
56
  invalid: "&:is(:invalid, [data-invalid])",
@@ -63,7 +63,7 @@ var conditions = {
63
63
  selected: "&:is([aria-selected=true], [data-selected])",
64
64
  default: "&:default",
65
65
  optional: "&:optional",
66
- open: "&[open]",
66
+ open: '&:is([open], [data-open], [data-state="open"])',
67
67
  fullscreen: "&:fullscreen",
68
68
  loading: "&:is([data-loading], [aria-busy=true])",
69
69
  currentPage: "&[aria-current=page]",
@@ -397,6 +397,11 @@ var border = {
397
397
  values: "borders",
398
398
  shorthand: "borderStart"
399
399
  },
400
+ borderInlineStartWidth: {
401
+ className: "border-s",
402
+ values: "borderWidths",
403
+ shorthand: "borderStartWidth"
404
+ },
400
405
  borderInlineStartColor: {
401
406
  className: "border-s",
402
407
  values: "colors",
@@ -415,6 +420,11 @@ var border = {
415
420
  values: "borders",
416
421
  shorthand: "borderEnd"
417
422
  },
423
+ borderInlineEndWidth: {
424
+ className: "border-e",
425
+ values: "borderWidths",
426
+ shorthand: "borderEndWidth"
427
+ },
418
428
  borderInlineEndColor: {
419
429
  className: "border-e",
420
430
  values: "colors",
@@ -535,6 +545,9 @@ var divide = {
535
545
 
536
546
  // src/utilities/effects.ts
537
547
  var effects = {
548
+ opacity: {
549
+ values: "opacity"
550
+ },
538
551
  boxShadow: {
539
552
  shorthand: "shadow",
540
553
  className: "shadow",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pandacss/preset-base",
3
- "version": "0.9.0",
3
+ "version": "0.10.0",
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.9.0"
17
+ "@pandacss/types": "0.10.0"
18
18
  },
19
19
  "scripts": {
20
20
  "build": "tsup src/index.ts --format=esm,cjs --dts",