@accelint/design-toolkit 5.0.0 → 5.1.0

package/dist/providers/theme-provider.js

@@ -1,2 +1,4 @@
+'use client';
+
 import {jsx}from'react/jsx-runtime';import'client-only';import {merge}from'lodash';import {createContext,useState,useEffect,useMemo,useContext}from'react';import {designTokens}from'../tokens/tokens.js';const u={mode:"dark",tokens:{...designTokens.dark,...designTokens.static},toggleMode:r=>{}},s=createContext(u);function P({children:r,defaultMode:d,onChange:i,overrides:n}){const[o,m]=useState(d??"dark");useEffect(()=>{if(document){const{documentElement:e}=document;e.classList.remove("dark","light"),e.classList.add(o);}},[o]);const a=useMemo(()=>{const e=merge(designTokens,n);return {...e[o],...e.static}},[o,n]);return jsx(s.Provider,{value:{mode:o,tokens:a,toggleMode:e=>{m(e),i?.(e);}},children:r})}function v(){return useContext(s)}export{P as ThemeProvider,v as useTheme};//# sourceMappingURL=theme-provider.js.map
 //# sourceMappingURL=theme-provider.js.map

package/dist/styles.css

@@ -761,6 +761,9 @@
   .min-w-0 {
     min-width: var(--spacing-0);
   }
+  .min-w-\[172px\] {
+    min-width: 172px;
+  }
   .min-w-\[calc\(var\(--trigger-width\)\+\(var\(--spacing-s\)\*2\)\)\] {
     min-width: calc(var(--trigger-width) + (var(--spacing-s) * 2));
   }
@@ -974,6 +977,10 @@
   .rounded-small {
     border-radius: var(--radius-small);
   }
+  .rounded-t-medium {
+    border-top-left-radius: var(--radius-medium);
+    border-top-right-radius: var(--radius-medium);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1695,8 +1702,8 @@
   .\[grid-area\:text\] {
     grid-area: text;
   }
-  .\[grid-template-areas\:\"icon_heading\"_\"icon_text\"\] {
-    grid-template-areas: "icon heading" "icon text";
+  .\[grid-template-areas\:\"content_heading\"_\"content_text\"\] {
+    grid-template-areas: "content heading" "content text";
   }
   .\[grid-template-areas\:\"icon_label_space_action\"_\"icon_description_space_action\"\] {
     grid-template-areas: "icon label space action" "icon description space action";
@@ -3121,11 +3128,38 @@
       display: none;
     }
   }
+  .group-closed\/sidenav\:max-w-fit {
+    &:is(:where(.group\/sidenav):where(:not([open], [data-open], :open)) *) {
+      max-width: fit-content;
+    }
+  }
+  .group-closed\/sidenav\:items-center {
+    &:is(:where(.group\/sidenav):where(:not([open], [data-open], :open)) *) {
+      align-items: center;
+    }
+  }
   .group-expanded\/accordion\:rotate-180 {
     &:is(:where(.group\/accordion):where([expanded], [data-expanded]) *) {
       rotate: 180deg;
     }
   }
+  .group-expanded\/menu\:block {
+    &:is(:where(.group\/menu):where([expanded], [data-expanded]) *) {
+      display: block;
+    }
+  }
+  .group-expanded\/menu\:rotate-180 {
+    &:is(:where(.group\/menu):where([expanded], [data-expanded]) *) {
+      rotate: 180deg;
+    }
+  }
+  .group-open\/sidenav\:group-expanded\/menu\:pl-\[32px\] {
+    &:is(:where(.group\/sidenav):where([open], [data-open], :open) *) {
+      &:is(:where(.group\/menu):where([expanded], [data-expanded]) *) {
+        padding-left: 32px;
+      }
+    }
+  }
   .group-selected\:rotate-180 {
     &:is(:where(.group):where([data-selected], :checked) *) {
       rotate: 180deg;
@@ -5107,6 +5141,13 @@
       }
     }
   }
+  .enabled\:pressed\:bg-interactive-muted-hover {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-pressed], :active) {
+        background-color: var(--bg-interactive-muted-hover);
+      }
+    }
+  }
   .enabled\:pressed\:bg-interactive-muted-pressed {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-pressed], :active) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@accelint/design-toolkit",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "private": false,
   "license": "Apache-2.0",
   "repository": {
@@ -50,7 +50,7 @@
   },
   "peerDependencies": {
     "@accelint/bus": "^1.2.0",
-    "@accelint/core": "^0.4.0",
+    "@accelint/core": "^0.4.1",
     "@accelint/icons": "^2.0.3",
     "@fontsource/roboto-flex": "^5.2.6",
     "@fontsource/roboto-mono": "^5.2.6",
@@ -131,6 +131,7 @@
     "tailwind-merge": "^3.3.1",
     "tailwind-variants": "^2.0.1",
     "tailwindcss": "^4.1.11",
+    "tinyglobby": "^0.2.15",
     "tsup": "^8.5.0",
     "type-fest": "^4.41.0",
     "typescript": "^5.8.3",
@@ -141,7 +142,7 @@
     "zod": "^4.0.13",
     "@accelint/biome-config": "1.0.0",
     "@accelint/bus": "1.2.0",
-    "@accelint/core": "0.4.0",
+    "@accelint/core": "0.4.1",
     "@accelint/icons": "2.0.3",
     "@accelint/typescript-config": "0.1.2",
     "@accelint/vitest-config": "0.1.3"