@okshaun/components 2.0.1 → 2.0.2

package/dist/preset.js

@@ -1,5 +1,5 @@
 import "@pandacss/dev";
-import { o } from "./preset-Df8i1OIQ.js";
+import { o } from "./preset-DAmO4B54.js";
 export {
   o as okshaunPreset
 };

package/dist/specs/conditions.json

@@ -675,7 +675,7 @@
     },
     {
       "name": "_invalid",
-      "value": "&:is(:invalid, [data-invalid], [aria-invalid=true])",
+      "value": "&:is(:invalid, [data-invalid=true], [aria-invalid=true])",
       "functionExamples": [
         "css({ margin: { base: '2', _invalid: '4' } })",
         "css({ margin: '2', _invalid: { margin: '4' } })"
@@ -1323,7 +1323,7 @@
     },
     {
       "name": "_error",
-      "value": "&:is([data-error], [data-error=true])",
+      "value": "&:is([data-error=true])",
       "functionExamples": [
         "css({ margin: { base: '2', _error: '4' } })",
         "css({ margin: '2', _error: { margin: '4' } })"

package/dist/sprite.symbol.html

@@ -4656,7 +4656,7 @@ embedded above. They may be styled via CSS.
 
   <footer>
     <p>
-      Generated <span class="date">Thu, 26 Mar 2026 17:07:34 GMT</span> using
+      Generated <span class="date">Thu, 26 Mar 2026 17:35:01 GMT</span> using
       <a href="https://github.com/svg-sprite/svg-sprite" target="_blank" rel="noopener noreferrer">svg-sprite</a>.
     </p>
   </footer>

package/dist/styles.css

@@ -1466,12 +1466,12 @@
       width: var(--oks-sizes-full);
 }
 
-    .oks-textarea:is([data-error], [data-error=true]) {
+    .oks-textarea:is([data-error=true]) {
       border-color: var(--oks-colors-border-danger);
       display: inline-grid;
 }
 
-    .oks-textarea:is([data-error], [data-error=true]):is(:focus, [data-focus=true]) {
+    .oks-textarea:is([data-error=true]):is(:focus, [data-focus=true]) {
       border-color: var(--oks-colors-border-danger);
       outline-color: var(--oks-colors-border-danger);
 }
@@ -2014,11 +2014,11 @@
       width: var(--oks-sizes-full);
 }
 
-    .oks-textInput__container:is([data-error], [data-error=true]) {
+    .oks-textInput__container:is([data-error=true]) {
       border-color: var(--oks-colors-border-danger);
 }
 
-    .oks-textInput__container:is([data-error], [data-error=true]):focus-within {
+    .oks-textInput__container:is([data-error=true]):focus-within {
       border-color: var(--oks-colors-border-danger);
       outline-color: var(--oks-colors-border-danger);
 }
@@ -2246,11 +2246,11 @@
       z-index: var(--oks-z-index-3);
 }
 
-    .oks-checkbox__input:is([data-error], [data-error=true]) {
+    .oks-checkbox__input:is([data-error=true]) {
       display: inline-grid;
 }
 
-    .oks-checkbox__input:is([data-error], [data-error=true]) ~ svg:not([name="square"]) {
+    .oks-checkbox__input:is([data-error=true]) ~ svg:not([name="square"]) {
       fill: var(--oks-colors-red-50);
       z-index: var(--oks-z-index-3);
 }
@@ -2459,24 +2459,24 @@
       pointer-events: none;
 }
 
-    .oks-datePicker__input:is([data-error], [data-error=true]) {
+    .oks-datePicker__input:is([data-error=true]) {
       background: var(--oks-colors-bg-danger);
       border-color: var(--oks-colors-border-danger);
       color: var(--oks-colors-text-danger);
 }
 
-    .oks-datePicker__input:is([data-error], [data-error=true]):is(:hover, [data-hover=true]) {
+    .oks-datePicker__input:is([data-error=true]):is(:hover, [data-hover=true]) {
       background: var(--oks-colors-bg-danger-hovered);
       border-color: var(--oks-colors-border-danger);
 }
 
-    .oks-datePicker__input:is([data-error], [data-error=true]):focus-within {
+    .oks-datePicker__input:is([data-error=true]):focus-within {
       background: var(--oks-colors-bg-danger);
       border-color: var(--oks-colors-border-danger);
       outline-color: var(--oks-colors-border-danger);
 }
 
-    .oks-datePicker__input:is([data-error], [data-error=true]):is([open], [data-open], [data-state="open"], :popover-open) {
+    .oks-datePicker__input:is([data-error=true]):is([open], [data-open], [data-state="open"], :popover-open) {
       background: var(--oks-colors-bg-danger);
       border-color: var(--oks-colors-border-danger);
       outline-color: var(--oks-colors-border-danger);
@@ -2680,7 +2680,7 @@
       border-color: var(--oks-colors-transparent);
 }
 
-    .oks-toggle__container:is([data-error], [data-error=true]) {
+    .oks-toggle__container:is([data-error=true]) {
       border-color: var(--oks-colors-border-danger);
 }
 
@@ -2851,11 +2851,11 @@
       z-index: zIndex.3;
 }
 
-    .oks-radio__input:is([data-error], [data-error=true]) {
+    .oks-radio__input:is([data-error=true]) {
       display: inline-grid;
 }
 
-    .oks-radio__input:is([data-error], [data-error=true]) ~ svg:not([name="circle"]) {
+    .oks-radio__input:is([data-error=true]) ~ svg:not([name="circle"]) {
       fill: var(--oks-colors-red-50);
       z-index: zIndex.3;
 }
@@ -2931,16 +2931,16 @@
       opacity: 0.5;
 }
 
-    .oks-select__trigger:is([data-error], [data-error=true]) {
+    .oks-select__trigger:is([data-error=true]) {
       background: var(--oks-colors-bg-danger);
       border-color: var(--oks-colors-border-danger);
 }
 
-    .oks-select__trigger:is([data-error], [data-error=true]):is(:hover, [data-hover=true]) {
+    .oks-select__trigger:is([data-error=true]):is(:hover, [data-hover=true]) {
       background: var(--oks-colors-bg-danger-hovered);
 }
 
-    .oks-select__trigger:is([data-error], [data-error=true]):is(:focus, [data-focus=true]) {
+    .oks-select__trigger:is([data-error=true]):is(:focus, [data-focus=true]) {
       border-color: var(--oks-colors-border-danger);
       outline-color: var(--oks-colors-border-danger);
 }
@@ -3037,20 +3037,20 @@
       pointer-events: none;
 }
 
-    .oks-timePicker__input:is([data-error], [data-error=true]) {
+    .oks-timePicker__input:is([data-error=true]) {
       border-color: var(--oks-colors-border-danger);
 }
 
-    .oks-timePicker__input:is([data-error], [data-error=true]):is(:hover, [data-hover=true]) {
+    .oks-timePicker__input:is([data-error=true]):is(:hover, [data-hover=true]) {
       border-color: var(--oks-colors-border-danger);
 }
 
-    .oks-timePicker__input:is([data-error], [data-error=true]):focus-within {
+    .oks-timePicker__input:is([data-error=true]):focus-within {
       border-color: var(--oks-colors-border-danger);
       outline-color: var(--oks-colors-border-danger);
 }
 
-    .oks-timePicker__input:is([data-error], [data-error=true]):is([open], [data-open], [data-state="open"], :popover-open) {
+    .oks-timePicker__input:is([data-error=true]):is([open], [data-open], [data-state="open"], :popover-open) {
       border-color: var(--oks-colors-border-danger);
       outline-color: var(--oks-colors-border-danger);
 }

package/dist/types/index.d.ts

@@ -614,7 +614,7 @@ declare interface Conditions {
     	"_required": string
     	/** `&:is(:valid, [data-valid])` */
     	"_valid": string
-    	/** `&:is(:invalid, [data-invalid], [aria-invalid=true])` */
+    	/** `&:is(:invalid, [data-invalid=true], [aria-invalid=true])` */
     	"_invalid": string
     	/** `&:autofill` */
     	"_autofill": string
@@ -722,7 +722,7 @@ declare interface Conditions {
     	"_collapsed": string
     	/** `&[data-utility=true]` */
     	"_utility": string
-    	/** `&:is([data-error], [data-error=true])` */
+    	/** `&:is([data-error=true])` */
     	"_error": string
     	/** `&:is([data-paused=true])` */
     	"_paused": string

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okshaun/components",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "okshaun design system",
   "type": "module",
   "main": "./dist/index.js",

package/src/styles/utilities/conditions.ts

@@ -75,8 +75,8 @@ export const conditions = {
     '&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate"])',
   required: '&:is(:required, [data-required], [aria-required=true])',
   valid: '&:is(:valid, [data-valid])',
-  invalid: '&:is(:invalid, [data-invalid], [aria-invalid=true])',
-  error: '&:is([data-error], [data-error=true])',
+  invalid: '&:is(:invalid, [data-invalid=true], [aria-invalid=true])',
+  error: '&:is([data-error=true])',
   autofill: '&:autofill',
   inRange: '&:is(:in-range, [data-in-range])',
   outOfRange: '&:is(:out-of-range, [data-outside-range])',