@okshaun/components 1.0.0 → 1.0.1

package/dist/styles/global.css

@@ -51,7 +51,7 @@
     pointer-events: none;
 }
 
-  *:is(:focus-visible, [data-focus-visible]=true),*::before:is(:focus-visible, [data-focus-visible]=true),*::after:is(:focus-visible, [data-focus-visible]=true) {
+  *:is(:focus-visible, [data-focus-visible=true]),*::before:is(:focus-visible, [data-focus-visible=true]),*::after:is(:focus-visible, [data-focus-visible=true]) {
     border-color: var(--oks-colors-border-focused);
 }
 

package/dist/styles/recipes/breadcrumbs.css

@@ -23,7 +23,7 @@
       color: var(--oks-colors-gray-60);
 }
 
-    .oks-breadcrumbs a:is(:focus-visible, [data-focus-visible]=true) {
+    .oks-breadcrumbs a:is(:focus-visible, [data-focus-visible=true]) {
       color: var(--oks-colors-blue-50);
 }
 

package/dist/styles/recipes/button.css

@@ -56,7 +56,7 @@
       fill: var(--oks-colors-icon-selected);
 }
 
-    .oks-button__container:is(:focus-visible, [data-focus-visible]=true) {
+    .oks-button__container:is(:focus-visible, [data-focus-visible=true]) {
       outline-color: var(--oks-colors-border-focused);
 }
 

package/dist/styles/recipes/checkbox.css

@@ -69,7 +69,7 @@
       display: none;
 }
 
-    .oks-checkbox__input:is(:focus-visible, [data-focus-visible]=true) ~ [name='checkbox-focus'] {
+    .oks-checkbox__input:is(:focus-visible, [data-focus-visible=true]) ~ [name='checkbox-focus'] {
       display: inline-grid;
       position: absolute;
       fill: var(--oks-colors-border-focused);

package/dist/styles/recipes/chip.css

@@ -72,7 +72,7 @@
       opacity: 0.6;
 }
 
-    .oks-chip__container:is(:focus-visible, [data-focus-visible]=true) {
+    .oks-chip__container:is(:focus-visible, [data-focus-visible=true]) {
       outline-color: var(--oks-colors-border-focused);
 }
 

package/dist/styles/recipes/icon-button.css

@@ -56,7 +56,7 @@
       fill: var(--oks-colors-icon-selected);
 }
 
-    .oks-iconButton__container:is(:focus-visible, [data-focus-visible]=true) {
+    .oks-iconButton__container:is(:focus-visible, [data-focus-visible=true]) {
       outline-color: var(--oks-colors-border-focused);
 }
 

package/dist/styles/recipes/menu.css

@@ -38,7 +38,7 @@
       pointer-events: none;
 }
 
-    .oks-menu__menuItem:is(:focus-visible, [data-focus-visible]=true) {
+    .oks-menu__menuItem:is(:focus-visible, [data-focus-visible=true]) {
       background: var(--oks-colors-surface-overlay-hovered);
 }
 

package/dist/styles/recipes/radio.css

@@ -57,13 +57,13 @@
       display: none;
 }
 
-    .oks-radio__input:is(:focus-visible, [data-focus-visible]=true) ~ [name='radio-focus'] {
+    .oks-radio__input:is(:focus-visible, [data-focus-visible=true]) ~ [name='radio-focus'] {
       display: inline-grid;
       position: absolute;
       fill: var(--oks-colors-gray-90);
 }
 
-    .dark .oks-radio__input:is(:focus-visible, [data-focus-visible]=true) ~ [name='radio-focus'],.oks-radio__input:is(:focus-visible, [data-focus-visible]=true) ~ [name='radio-focus']:is([data-color-mode=dark] *),[data-color-mode=dark] .oks-radio__input:is(:focus-visible, [data-focus-visible]=true) ~ [name='radio-focus'] {
+    .dark .oks-radio__input:is(:focus-visible, [data-focus-visible=true]) ~ [name='radio-focus'],.oks-radio__input:is(:focus-visible, [data-focus-visible=true]) ~ [name='radio-focus']:is([data-color-mode=dark] *),[data-color-mode=dark] .oks-radio__input:is(:focus-visible, [data-focus-visible=true]) ~ [name='radio-focus'] {
       fill: gray.1;
 }
 

package/dist/styles/recipes/toggle.css

@@ -50,7 +50,7 @@
       --transition-easing: ease-in-out;
 }
 
-    .oks-toggle__input:is(:focus-visible, [data-focus-visible]=true) {
+    .oks-toggle__input:is(:focus-visible, [data-focus-visible=true]) {
       border-radius: 24px;
       appearance: none;
       -webkit-appearance: none;
@@ -63,7 +63,7 @@
       height: var(--oks-sizes-24);
 }
 
-    .dark .oks-toggle__input:is(:focus-visible, [data-focus-visible]=true),.oks-toggle__input:is(:focus-visible, [data-focus-visible]=true):is([data-color-mode=dark] *),[data-color-mode=dark] .oks-toggle__input:is(:focus-visible, [data-focus-visible]=true) {
+    .dark .oks-toggle__input:is(:focus-visible, [data-focus-visible=true]),.oks-toggle__input:is(:focus-visible, [data-focus-visible=true]):is([data-color-mode=dark] *),[data-color-mode=dark] .oks-toggle__input:is(:focus-visible, [data-focus-visible=true]) {
       outline-color: var(--oks-colors-gray-10);
 }
 

package/dist/styles/utilities.css

@@ -846,14 +846,14 @@
     font-size: 18px;
 }
 
-  .oks-c_text\.disabled {
-    color: var(--oks-colors-text-disabled);
-}
-
   .oks-c_text {
     color: var(--oks-colors-text);
 }
 
+  .oks-c_text\.disabled {
+    color: var(--oks-colors-text-disabled);
+}
+
   .oks-lh_none {
     line-height: var(--oks-line-heights-none);
 }
@@ -1635,23 +1635,23 @@
     transform: rotate(180deg);
 }
 
-  .focusVisible\:oks-bg_surface:is(:focus-visible, [data-focus-visible]=true) {
+  .focusVisible\:oks-bg_surface:is(:focus-visible, [data-focus-visible=true]) {
     background: var(--oks-colors-surface);
 }
 
-  .focusVisible\:oks-bd-w_1:is(:focus-visible, [data-focus-visible]=true) {
+  .focusVisible\:oks-bd-w_1:is(:focus-visible, [data-focus-visible=true]) {
     border-width: var(--oks-border-widths-1);
 }
 
-  .focusVisible\:oks-bd-c_border\.focused:is(:focus-visible, [data-focus-visible]=true) {
+  .focusVisible\:oks-bd-c_border\.focused:is(:focus-visible, [data-focus-visible=true]) {
     border-color: var(--oks-colors-border-focused);
 }
 
-  .focusVisible\:oks-bx-sh_elevated:is(:focus-visible, [data-focus-visible]=true) {
+  .focusVisible\:oks-bx-sh_elevated:is(:focus-visible, [data-focus-visible=true]) {
     box-shadow: var(--oks-shadows-elevated);
 }
 
-  .focusVisible\:oks-ring-c_border\.focused:is(:focus-visible, [data-focus-visible]=true) {
+  .focusVisible\:oks-ring-c_border\.focused:is(:focus-visible, [data-focus-visible=true]) {
     outline-color: var(--oks-colors-border-focused);
 }
 

package/dist/svgs/building.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill-rule="evenodd" d="M18.25 19.5v-15h1.25V3.25h-15V4.5h1.25v15H3v1.25h18V19.5zM7.75 6.37h3.12v1.25H7.75zm0 3.13h3.12v1.25H7.75zm0 3.13h3.12v1.25H7.75zm6.13 6.87h-3.75v-3.12h3.75zm2.37-5.63h-3.12v-1.25h3.12zm0-3.12h-3.12V9.5h3.12zm0-3.12h-3.12V6.38h3.12z" clip-rule="evenodd"/></svg>

package/dist/types/index.d.ts

@@ -508,7 +508,7 @@ declare interface Conditions {
     	"_focus": string
     	/** `&:focus-within` */
     	"_focusWithin": string
-    	/** `&:is(:focus-visible, [data-focus-visible]=true)` */
+    	/** `&:is(:focus-visible, [data-focus-visible=true])` */
     	"_focusVisible": string
     	/** `&:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])` */
     	"_disabled": string
@@ -1427,7 +1427,7 @@ export declare const IconNames: {
     readonly bookmark: "bookmark";
     readonly bookmarks: "bookmarks";
     readonly broadcast: "broadcast";
-    readonly Building: "Building";
+    readonly building: "building";
     readonly 'calendar-add': "calendar-add";
     readonly 'calendar-view-day': "calendar-view-day";
     readonly 'calendar-view-month': "calendar-view-month";
@@ -1689,7 +1689,7 @@ export declare const IconNames: {
     readonly 'zoom-out': "zoom-out";
 };
 
-declare type IconNamesList = 'aa-placeholder' | 'alarm' | 'alt-route' | 'apps' | 'arrow-bubble' | 'arrow-down' | 'arrow-drop-down' | 'arrow-drop-up' | 'arrow-left' | 'arrow-line-down' | 'arrow-line-left' | 'arrow-line-right' | 'arrow-line-up' | 'arrow-prompt' | 'arrow-redo' | 'arrow-right' | 'arrow-square-in' | 'arrow-square-out' | 'arrow-undo' | 'arrow-up' | 'arrows-down-up' | 'arrows-left-right' | 'asterisk' | 'at' | 'attachment' | 'bank' | 'barcode-reader' | 'barcode' | 'barricade' | 'basket' | 'bell-active' | 'bell-slash' | 'bell' | 'bin' | 'blog-post' | 'blueprint' | 'book-a' | 'book' | 'bookmark-outlined' | 'bookmark' | 'bookmarks' | 'broadcast' | 'Building' | 'calendar-add' | 'calendar-view-day' | 'calendar-view-month' | 'calendar-view-week' | 'calendar' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'cart' | 'certificate' | 'check-all' | 'check-thick' | 'check' | 'checkbox-checked' | 'checkbox-focus' | 'checkbox-indeterminate' | 'checkbox' | 'chevron-down' | 'chevron-filled-down' | 'chevron-filled-left' | 'chevron-filled-right' | 'chevron-filled-up' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-change' | 'circle-check' | 'circle' | 'circles-add' | 'circuit' | 'clipboard' | 'clock-countdown' | 'clock' | 'cloud-synced' | 'code' | 'color' | 'compass' | 'cone' | 'confetti' | 'copy' | 'credit-card' | 'cube-focus' | 'cursor-click' | 'cursor' | 'cut' | 'data-object' | 'database' | 'devices' | 'dictionary' | 'dna' | 'donut' | 'dot' | 'dots' | 'download-cloud' | 'download' | 'edit' | 'encrypted' | 'envelope' | 'equal' | 'eraser' | 'error' | 'event-list' | 'export' | 'extension' | 'eye-slash' | 'eye' | 'faq' | 'file-add' | 'file' | 'files' | 'filter-remove' | 'filter' | 'finish' | 'fit-screen' | 'flag-checkered' | 'flag' | 'forklift' | 'fullscreen-exit' | 'fullscreen' | 'garage' | 'gauge' | 'globe-grid' | 'globe' | 'gripper' | 'handle-vertical' | 'handle' | 'hash' | 'heart-outlined' | 'heart' | 'help' | 'history' | 'home' | 'image' | 'images' | 'inbox' | 'infinity' | 'info' | 'inventory' | 'invoice' | 'jump-back' | 'jump-forward' | 'kanban' | 'kbd-backspace' | 'kbd-capslock' | 'kbd-command' | 'kbd-control' | 'kbd-hide' | 'kbd-option' | 'kbd-return' | 'kbd-shift' | 'kbd-space' | 'kbd' | 'lightning' | 'line-segment' | 'line-segments' | 'link-slash' | 'link' | 'linked-services' | 'list-bullets' | 'list-checks' | 'list-numbers' | 'lock-open' | 'lock' | 'map-pin' | 'map' | 'mark-unread' | 'menu-close' | 'menu' | 'message' | 'messages' | 'minus-thick' | 'minus' | 'money' | 'monitor' | 'moon' | 'navigation' | 'network-x' | 'network' | 'newspaper-clipping' | 'newspaper' | 'note-stack' | 'note' | 'notepad' | 'notification' | 'nut' | 'order' | 'package' | 'page-first' | 'page-last' | 'parts' | 'password' | 'path' | 'pause' | 'pencil' | 'percent' | 'play-pause' | 'play' | 'plus' | 'printer' | 'prohibit' | 'question-mark' | 'quote' | 'radio-checked' | 'radio-focus' | 'radio' | 'read-doc' | 'receipt' | 'recycle' | 'refresh' | 'repeat' | 'reply-all' | 'reply' | 'resize' | 'ribbon' | 'rows-add' | 'ruler' | 'rules' | 'scale' | 'schedule-backward' | 'schedule-forward' | 'screwdriver' | 'scroll' | 'search-check' | 'search-items' | 'search-objects' | 'search' | 'send' | 'settings' | 'shapes' | 'share' | 'shuffle' | 'signpost' | 'skip-back' | 'skip-forward' | 'skull' | 'sliders' | 'sort-alpha-down' | 'sort-alpha-up' | 'sort-ascending' | 'sort-descending' | 'sort-time-down' | 'sort-time-up' | 'square-add' | 'square-inside' | 'square-select' | 'square' | 'stamp' | 'star-outlined' | 'star' | 'start' | 'step' | 'stop' | 'story' | 'strategy' | 'success' | 'sun' | 'support' | 'sync' | 'tag' | 'target-2' | 'target' | 'task-alt' | 'text-add' | 'textbox' | 'time-add' | 'timer' | 'toolbox' | 'tools' | 'trash' | 'trophy' | 'truck-trailer' | 'update' | 'upload-cloud' | 'upload' | 'user-add' | 'user-details' | 'user-group' | 'user-id-badge' | 'user-id-card' | 'user-recent' | 'user' | 'verified' | 'video' | 'view-cards' | 'view-doc' | 'view-grid' | 'view-rows' | 'view-table' | 'wand' | 'warning' | 'weight' | 'widgets' | 'work-order' | 'wrench-2' | 'wrench' | 'x' | 'zoom-in' | 'zoom-out'
+declare type IconNamesList = 'aa-placeholder' | 'alarm' | 'alt-route' | 'apps' | 'arrow-bubble' | 'arrow-down' | 'arrow-drop-down' | 'arrow-drop-up' | 'arrow-left' | 'arrow-line-down' | 'arrow-line-left' | 'arrow-line-right' | 'arrow-line-up' | 'arrow-prompt' | 'arrow-redo' | 'arrow-right' | 'arrow-square-in' | 'arrow-square-out' | 'arrow-undo' | 'arrow-up' | 'arrows-down-up' | 'arrows-left-right' | 'asterisk' | 'at' | 'attachment' | 'bank' | 'barcode-reader' | 'barcode' | 'barricade' | 'basket' | 'bell-active' | 'bell-slash' | 'bell' | 'bin' | 'blog-post' | 'blueprint' | 'book-a' | 'book' | 'bookmark-outlined' | 'bookmark' | 'bookmarks' | 'broadcast' | 'building' | 'calendar-add' | 'calendar-view-day' | 'calendar-view-month' | 'calendar-view-week' | 'calendar' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'cart' | 'certificate' | 'check-all' | 'check-thick' | 'check' | 'checkbox-checked' | 'checkbox-focus' | 'checkbox-indeterminate' | 'checkbox' | 'chevron-down' | 'chevron-filled-down' | 'chevron-filled-left' | 'chevron-filled-right' | 'chevron-filled-up' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-change' | 'circle-check' | 'circle' | 'circles-add' | 'circuit' | 'clipboard' | 'clock-countdown' | 'clock' | 'cloud-synced' | 'code' | 'color' | 'compass' | 'cone' | 'confetti' | 'copy' | 'credit-card' | 'cube-focus' | 'cursor-click' | 'cursor' | 'cut' | 'data-object' | 'database' | 'devices' | 'dictionary' | 'dna' | 'donut' | 'dot' | 'dots' | 'download-cloud' | 'download' | 'edit' | 'encrypted' | 'envelope' | 'equal' | 'eraser' | 'error' | 'event-list' | 'export' | 'extension' | 'eye-slash' | 'eye' | 'faq' | 'file-add' | 'file' | 'files' | 'filter-remove' | 'filter' | 'finish' | 'fit-screen' | 'flag-checkered' | 'flag' | 'forklift' | 'fullscreen-exit' | 'fullscreen' | 'garage' | 'gauge' | 'globe-grid' | 'globe' | 'gripper' | 'handle-vertical' | 'handle' | 'hash' | 'heart-outlined' | 'heart' | 'help' | 'history' | 'home' | 'image' | 'images' | 'inbox' | 'infinity' | 'info' | 'inventory' | 'invoice' | 'jump-back' | 'jump-forward' | 'kanban' | 'kbd-backspace' | 'kbd-capslock' | 'kbd-command' | 'kbd-control' | 'kbd-hide' | 'kbd-option' | 'kbd-return' | 'kbd-shift' | 'kbd-space' | 'kbd' | 'lightning' | 'line-segment' | 'line-segments' | 'link-slash' | 'link' | 'linked-services' | 'list-bullets' | 'list-checks' | 'list-numbers' | 'lock-open' | 'lock' | 'map-pin' | 'map' | 'mark-unread' | 'menu-close' | 'menu' | 'message' | 'messages' | 'minus-thick' | 'minus' | 'money' | 'monitor' | 'moon' | 'navigation' | 'network-x' | 'network' | 'newspaper-clipping' | 'newspaper' | 'note-stack' | 'note' | 'notepad' | 'notification' | 'nut' | 'order' | 'package' | 'page-first' | 'page-last' | 'parts' | 'password' | 'path' | 'pause' | 'pencil' | 'percent' | 'play-pause' | 'play' | 'plus' | 'printer' | 'prohibit' | 'question-mark' | 'quote' | 'radio-checked' | 'radio-focus' | 'radio' | 'read-doc' | 'receipt' | 'recycle' | 'refresh' | 'repeat' | 'reply-all' | 'reply' | 'resize' | 'ribbon' | 'rows-add' | 'ruler' | 'rules' | 'scale' | 'schedule-backward' | 'schedule-forward' | 'screwdriver' | 'scroll' | 'search-check' | 'search-items' | 'search-objects' | 'search' | 'send' | 'settings' | 'shapes' | 'share' | 'shuffle' | 'signpost' | 'skip-back' | 'skip-forward' | 'skull' | 'sliders' | 'sort-alpha-down' | 'sort-alpha-up' | 'sort-ascending' | 'sort-descending' | 'sort-time-down' | 'sort-time-up' | 'square-add' | 'square-inside' | 'square-select' | 'square' | 'stamp' | 'star-outlined' | 'star' | 'start' | 'step' | 'stop' | 'story' | 'strategy' | 'success' | 'sun' | 'support' | 'sync' | 'tag' | 'target-2' | 'target' | 'task-alt' | 'text-add' | 'textbox' | 'time-add' | 'timer' | 'toolbox' | 'tools' | 'trash' | 'trophy' | 'truck-trailer' | 'update' | 'upload-cloud' | 'upload' | 'user-add' | 'user-details' | 'user-group' | 'user-id-badge' | 'user-id-card' | 'user-recent' | 'user' | 'verified' | 'video' | 'view-cards' | 'view-doc' | 'view-grid' | 'view-rows' | 'view-table' | 'wand' | 'warning' | 'weight' | 'widgets' | 'work-order' | 'wrench-2' | 'wrench' | 'x' | 'zoom-in' | 'zoom-out'
 
 export declare type IconProps = Omit<BoxProps, 'size'> & SVGAttributes<SVGElement> & {
     name: IconNamesList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okshaun/components",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A comprehensive React component library with Panda CSS theming",
   "type": "module",
   "main": "./dist/index.js",

package/src/styles/utilities/conditions.ts

@@ -2,7 +2,7 @@ export const conditions = {
   hover: '&:is(:hover, [data-hover=true])',
   focus: '&:is(:focus, [data-focus=true])',
   focusWithin: '&:focus-within',
-  focusVisible: '&:is(:focus-visible, [data-focus-visible]=true)',
+  focusVisible: '&:is(:focus-visible, [data-focus-visible=true])',
   disabled:
     '&:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])',
   deleted: '&:is(:deleted, [deleted], [data-deleted=true])',