@accelint/design-toolkit 2.3.1 → 2.3.2

package/dist/styles.css

@@ -1511,9 +1511,6 @@
   .outline-critical {
     outline-color: var(--color-critical);
   }
-  .outline-highlight {
-    outline-color: var(--color-highlight);
-  }
   .outline-highlight-bold\/40 {
     outline-color: var(--color-highlight-bold);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1529,9 +1526,6 @@
   .outline-interactive-disabled {
     outline-color: var(--color-interactive-disabled);
   }
-  .outline-interactive-hover {
-    outline-color: var(--color-interactive-hover);
-  }
   .outline-normal {
     outline-color: var(--color-normal);
   }
@@ -1588,9 +1582,6 @@
   .\[background\:--color-default-light\] {
     background: --color-default-light;
   }
-  .icon-inverse-light {
-    --icon-color: var(--color-inverse-light);
-  }
   .group-empty\:hidden {
     &:is(:is(:where(.group)[data-empty], :where(.group):empty) *) {
       display: none;
@@ -1624,6 +1615,52 @@
       }
     }
   }
+  .group-enabled\/checkbox\:group-indeterminate\/checkbox\:bg-highlight {
+    &:is(:is(:where(.group\/checkbox):not([disabled], [data-disabled]), :where(.group\/checkbox):enabled) *) {
+      &:is(:is(:where(.group\/checkbox)[data-indeterminate], :where(.group\/checkbox):indeterminate) *) {
+        background-color: var(--color-highlight);
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-indeterminate\/checkbox\:outline-highlight {
+    &:is(:is(:where(.group\/checkbox):not([disabled], [data-disabled]), :where(.group\/checkbox):enabled) *) {
+      &:is(:is(:where(.group\/checkbox)[data-indeterminate], :where(.group\/checkbox):indeterminate) *) {
+        outline-color: var(--color-highlight);
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-hover\/checkbox\:outline-interactive-hover {
+    &:is(:is(:where(.group\/checkbox):not([disabled], [data-disabled]), :where(.group\/checkbox):enabled) *) {
+      &:is(:is(:where(.group\/checkbox)[data-hovered], :where(.group\/checkbox):hover) *) {
+        outline-color: var(--color-interactive-hover);
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-indeterminate\/checkbox\:group-hover\/checkbox\:outline-interactive-hover {
+    &:is(:is(:where(.group\/checkbox):not([disabled], [data-disabled]), :where(.group\/checkbox):enabled) *) {
+      &:is(:is(:where(.group\/checkbox)[data-indeterminate], :where(.group\/checkbox):indeterminate) *) {
+        &:is(:is(:where(.group\/checkbox)[data-hovered], :where(.group\/checkbox):hover) *) {
+          outline-color: var(--color-interactive-hover);
+        }
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-focus\/checkbox\:outline-interactive-hover {
+    &:is(:is(:where(.group\/checkbox):not([disabled], [data-disabled]), :where(.group\/checkbox):enabled) *) {
+      &:is(:is(:where(.group\/checkbox)[data-focused], :where(.group\/checkbox):focus) *) {
+        outline-color: var(--color-interactive-hover);
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-indeterminate\/checkbox\:group-focus\/checkbox\:outline-interactive-hover {
+    &:is(:is(:where(.group\/checkbox):not([disabled], [data-disabled]), :where(.group\/checkbox):enabled) *) {
+      &:is(:is(:where(.group\/checkbox)[data-indeterminate], :where(.group\/checkbox):indeterminate) *) {
+        &:is(:is(:where(.group\/checkbox)[data-focused], :where(.group\/checkbox):focus) *) {
+          outline-color: var(--color-interactive-hover);
+        }
+      }
+    }
+  }
   .group-enabled\/radio\:group-hover\/radio\:outline-interactive-hover {
     &:is(:is(:where(.group\/radio):not([disabled], [data-disabled]), :where(.group\/radio):enabled) *) {
       &:is(:is(:where(.group\/radio)[data-hovered], :where(.group\/radio):hover) *) {
@@ -1664,6 +1701,16 @@
       outline-color: var(--color-interactive-disabled);
     }
   }
+  .group-disabled\/checkbox\:text-interactive-disabled {
+    &:is(:is(:where(.group\/checkbox):is([disabled], [data-disabled]), :where(.group\/checkbox):disabled) *) {
+      color: var(--color-interactive-disabled);
+    }
+  }
+  .group-disabled\/checkbox\:outline-interactive-disabled {
+    &:is(:is(:where(.group\/checkbox):is([disabled], [data-disabled]), :where(.group\/checkbox):disabled) *) {
+      outline-color: var(--color-interactive-disabled);
+    }
+  }
   .group-disabled\/radio\:text-interactive-disabled {
     &:is(:is(:where(.group\/radio):is([disabled], [data-disabled]), :where(.group\/radio):disabled) *) {
       color: var(--color-interactive-disabled);
@@ -1722,6 +1769,16 @@
       padding-left: var(--spacing-0);
     }
   }
+  .group-orientation-horizontal\/checkbox-group\:grow {
+    &:is(:where(.group\/checkbox-group)[data-orientation="horizontal"] *) {
+      flex-grow: 1;
+    }
+  }
+  .group-orientation-horizontal\/checkbox-group\:basis-1\/3 {
+    &:is(:where(.group\/checkbox-group)[data-orientation="horizontal"] *) {
+      flex-basis: calc(1/3 * 100%);
+    }
+  }
   .group-orientation-horizontal\/radio-group\:grow {
     &:is(:where(.group\/radio-group)[data-orientation="horizontal"] *) {
       flex-grow: 1;
@@ -1806,6 +1863,45 @@
       }
     }
   }
+  .group-enabled\/checkbox\:group-selected\/checkbox\:bg-highlight {
+    &:is(:is(:where(.group\/checkbox):not([disabled], [data-disabled]), :where(.group\/checkbox):enabled) *) {
+      &:is(:where(.group\/checkbox)[data-selected] *) {
+        background-color: var(--color-highlight);
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-selected\/checkbox\:outline-highlight {
+    &:is(:is(:where(.group\/checkbox):not([disabled], [data-disabled]), :where(.group\/checkbox):enabled) *) {
+      &:is(:where(.group\/checkbox)[data-selected] *) {
+        outline-color: var(--color-highlight);
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-selected\/checkbox\:group-hover\/checkbox\:outline-interactive-hover {
+    &:is(:is(:where(.group\/checkbox):not([disabled], [data-disabled]), :where(.group\/checkbox):enabled) *) {
+      &:is(:where(.group\/checkbox)[data-selected] *) {
+        &:is(:is(:where(.group\/checkbox)[data-hovered], :where(.group\/checkbox):hover) *) {
+          outline-color: var(--color-interactive-hover);
+        }
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-selected\/checkbox\:group-focus\/checkbox\:outline-interactive-hover {
+    &:is(:is(:where(.group\/checkbox):not([disabled], [data-disabled]), :where(.group\/checkbox):enabled) *) {
+      &:is(:where(.group\/checkbox)[data-selected] *) {
+        &:is(:is(:where(.group\/checkbox)[data-focused], :where(.group\/checkbox):focus) *) {
+          outline-color: var(--color-interactive-hover);
+        }
+      }
+    }
+  }
+  .group-disabled\/checkbox\:group-selected\/checkbox\:bg-interactive-disabled {
+    &:is(:is(:where(.group\/checkbox):is([disabled], [data-disabled]), :where(.group\/checkbox):disabled) *) {
+      &:is(:where(.group\/checkbox)[data-selected] *) {
+        background-color: var(--color-interactive-disabled);
+      }
+    }
+  }
   .group-enabled\/radio\:group-selected\/radio\:outline-highlight {
     &:is(:is(:where(.group\/radio):not([disabled], [data-disabled]), :where(.group\/radio):enabled) *) {
       &:is(:where(.group\/radio)[data-selected] *) {
@@ -2077,11 +2173,6 @@
       outline-width: 4px;
     }
   }
-  .hover\:outline-interactive-disabled {
-    &[data-hovered], &:hover {
-      outline-color: var(--color-interactive-disabled);
-    }
-  }
   .hover\:outline-interactive-hover {
     &[data-hovered], &:hover {
       outline-color: var(--color-interactive-hover);
@@ -2353,11 +2444,6 @@
       --icon-color: var(--color-disabled);
     }
   }
-  .disabled\:text-interactive-disabled {
-    &:is([disabled], [data-disabled]), &:disabled {
-      color: var(--color-interactive-disabled);
-    }
-  }
   .disabled\:outline-interactive-disabled {
     &:is([disabled], [data-disabled]), &:disabled {
       outline-color: var(--color-interactive-disabled);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@accelint/design-toolkit",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "private": false,
   "license": "Apache-2.0",
   "repository": {
@@ -49,7 +49,7 @@
     }
   },
   "peerDependencies": {
-    "@accelint/icons": "^2.0.0",
+    "@accelint/icons": "^2.0.1",
     "@fontsource/roboto-flex": "^5.1.0",
     "@fontsource/roboto-mono": "^5.1.0",
     "@internationalized/date": "^3.8.0",
@@ -76,8 +76,8 @@
     "react-dom": "^19.0.0",
     "tailwind-merge": "^3.2.0",
     "zod": "3.23.8",
-    "@accelint/icons": "2.0.0",
-    "@accelint/core": "0.2.1"
+    "@accelint/core": "0.2.1",
+    "@accelint/icons": "2.0.1"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "^8.6.12",
@@ -110,8 +110,8 @@
     "vite-tsconfig-paths": "5.0.1",
     "vitest": "^3.1.1",
     "@accelint/biome-config": "0.1.2",
-    "@accelint/vitest-config": "0.1.3",
-    "@accelint/typescript-config": "0.1.2"
+    "@accelint/typescript-config": "0.1.2",
+    "@accelint/vitest-config": "0.1.3"
   },
   "$schema": "https://json.schemastore.org/package",
   "author": "https://hypergiant.com",