@wellingtonhlc/shared-ui 0.29.0 → 0.29.2

package/dist/styles.css

@@ -919,8 +919,8 @@ h2.react-datepicker__current-month {
   .left-4 {
     left: calc(var(--spacing) * 4);
   }
-  .left-7 {
-    left: calc(var(--spacing) * 7);
+  .left-8 {
+    left: calc(var(--spacing) * 8);
   }
   .left-\[50\%\] {
     left: 50%;
@@ -1381,9 +1381,6 @@ h2.react-datepicker__current-month {
   .w-11 {
     width: calc(var(--spacing) * 11);
   }
-  .w-14 {
-    width: calc(var(--spacing) * 14);
-  }
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
@@ -1540,6 +1537,9 @@ h2.react-datepicker__current-month {
   .min-w-14 {
     min-width: calc(var(--spacing) * 14);
   }
+  .min-w-16 {
+    min-width: calc(var(--spacing) * 16);
+  }
   .min-w-18 {
     min-width: calc(var(--spacing) * 18);
   }
@@ -1859,6 +1859,10 @@ h2.react-datepicker__current-month {
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
+  .rounded-t-\[calc\(var\(--radius-xl\)-1px\)\] {
+    border-top-left-radius: calc(var(--radius-xl) - 1px);
+    border-top-right-radius: calc(var(--radius-xl) - 1px);
+  }
   .rounded-t-xl {
     border-top-left-radius: var(--radius-xl);
     border-top-right-radius: var(--radius-xl);
@@ -2070,9 +2074,6 @@ h2.react-datepicker__current-month {
   .bg-\[var\(--sidebar-neutral-active\)\] {
     background-color: var(--sidebar-neutral-active);
   }
-  .bg-\[var\(--sidebar-toggle-bg\)\] {
-    background-color: var(--sidebar-toggle-bg);
-  }
   .bg-\[var\(--status-danger-bg\)\] {
     background-color: var(--status-danger-bg);
   }
@@ -2328,6 +2329,9 @@ h2.react-datepicker__current-month {
   .pl-14 {
     padding-left: calc(var(--spacing) * 14);
   }
+  .pl-16 {
+    padding-left: calc(var(--spacing) * 16);
+  }
   .text-center {
     text-align: center;
   }
@@ -2765,6 +2769,11 @@ h2.react-datepicker__current-month {
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[background-color\,color\] {
+    transition-property: background-color,color;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[border-color\,box-shadow\,transform\,opacity\] {
     transition-property: border-color,box-shadow,transform,opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2790,11 +2799,6 @@ h2.react-datepicker__current-month {
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[width\,background-color\,color\] {
-    transition-property: width,background-color,color;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-\[width\,transform\] {
     transition-property: width,transform;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3205,17 +3209,17 @@ h2.react-datepicker__current-month {
       }
     }
   }
-  .hover\:bg-\[var\(--sidebar-neutral-hover\)\] {
+  .hover\:bg-\[var\(--sidebar-item-hover\)\] {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--sidebar-neutral-hover);
+        background-color: var(--sidebar-item-hover);
       }
     }
   }
-  .hover\:bg-\[var\(--sidebar-toggle-hover\)\] {
+  .hover\:bg-\[var\(--sidebar-neutral-hover\)\] {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--sidebar-toggle-hover);
+        background-color: var(--sidebar-neutral-hover);
       }
     }
   }
@@ -3650,11 +3654,6 @@ h2.react-datepicker__current-month {
       width: calc(4/5 * 100%);
     }
   }
-  .data-\[open\=true\]\:w-full {
-    &[data-open="true"] {
-      width: 100%;
-    }
-  }
   .data-\[open\=true\]\:translate-x-0 {
     &[data-open="true"] {
       --tw-translate-x: calc(var(--spacing) * 0);
@@ -4448,19 +4447,11 @@ h2.react-datepicker__current-month {
   --sidebar-background: var(--surface);
   --sidebar-flyout-background: var(--surface);
   --topbar-background: var(--surface);
-  --tabs-background: var(--background-secondary);
+  --tabs-background: var(--foreground-muted);
   @supports (color: color-mix(in lab, red, red)) {
-    --tabs-background: color-mix(in srgb, var(--background-secondary) 50%, var(--surface));
+    --tabs-background: color-mix(in srgb, var(--foreground-muted) 6%, var(--surface));
   }
   --sidebar-accent: var(--status-info-icon);
-  --sidebar-toggle-bg: var(--brand);
-  @supports (color: color-mix(in lab, red, red)) {
-    --sidebar-toggle-bg: color-mix(in srgb, var(--brand) 8%, transparent);
-  }
-  --sidebar-toggle-hover: var(--brand);
-  @supports (color: color-mix(in lab, red, red)) {
-    --sidebar-toggle-hover: color-mix(in srgb, var(--brand) 11%, transparent);
-  }
   --sidebar-item-active: var(--sidebar-accent);
   @supports (color: color-mix(in lab, red, red)) {
     --sidebar-item-active: color-mix(in srgb, var(--sidebar-accent) 8%, transparent);
@@ -4508,19 +4499,11 @@ h2.react-datepicker__current-month {
   --muted-foreground: var(--foreground-muted);
   --app-border: var(--dark-app-border, #29364d);
   --input-bg: var(--dark-input-bg, #111a2b);
-  --sidebar-background: var(--surface);
-  --sidebar-flyout-background: var(--surface);
-  --topbar-background: var(--surface);
+  --sidebar-background: var(--background-secondary);
+  --sidebar-flyout-background: var(--background-secondary);
+  --topbar-background: var(--background-secondary);
   --tabs-background: var(--background-secondary);
   --sidebar-accent: var(--status-info-icon);
-  --sidebar-toggle-bg: var(--brand);
-  @supports (color: color-mix(in lab, red, red)) {
-    --sidebar-toggle-bg: color-mix(in srgb, var(--brand) 13%, transparent);
-  }
-  --sidebar-toggle-hover: var(--brand);
-  @supports (color: color-mix(in lab, red, red)) {
-    --sidebar-toggle-hover: color-mix(in srgb, var(--brand) 15%, transparent);
-  }
   --sidebar-item-active: var(--sidebar-accent);
   @supports (color: color-mix(in lab, red, red)) {
     --sidebar-item-active: color-mix(in srgb, var(--sidebar-accent) 13%, transparent);

package/dist/tailwind-preset.d.ts

@@ -0,0 +1,23 @@
+declare const sharedUiPreset: {
+    theme: {
+        extend: {
+            colors: {
+                background: string;
+                backgroundSecondary: string;
+                'background-secondary': string;
+                surface: string;
+                foreground: string;
+                'foreground-muted': string;
+                'muted-foreground': string;
+                'app-border': string;
+                'sidebar-flyout-background': string;
+                brand: string;
+                'brand-hover': string;
+                destructive: string;
+                'input-bg': string;
+            };
+        };
+    };
+};
+export default sharedUiPreset;
+//# sourceMappingURL=tailwind-preset.d.ts.map

package/dist/tailwind-preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-preset.d.ts","sourceRoot":"","sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;CAoBnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/tailwind-preset.js

@@ -0,0 +1,22 @@
+const sharedUiPreset = {
+    theme: {
+        extend: {
+            colors: {
+                background: 'var(--background)',
+                backgroundSecondary: 'var(--background-secondary)',
+                'background-secondary': 'var(--background-secondary)',
+                surface: 'var(--surface)',
+                foreground: 'var(--foreground)',
+                'foreground-muted': 'var(--foreground-muted)',
+                'muted-foreground': 'var(--muted-foreground)',
+                'app-border': 'var(--app-border)',
+                'sidebar-flyout-background': 'var(--sidebar-flyout-background)',
+                brand: 'var(--brand)',
+                'brand-hover': 'var(--brand-hover)',
+                destructive: 'var(--destructive)',
+                'input-bg': 'var(--input-bg)',
+            },
+        },
+    },
+};
+export default sharedUiPreset;

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+export declare function cn(...classes: Array<string | false | null | undefined>): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,UAsBtE"}

package/dist/utils/cn.js

@@ -0,0 +1,33 @@
+export function cn(...classes) {
+    const tokens = classes
+        .filter((className) => typeof className === 'string' && className.length > 0)
+        .flatMap((className) => className.split(/\s+/))
+        .filter(Boolean);
+    const resolvedTokens = [];
+    for (const token of tokens) {
+        const conflictGroup = getConflictGroup(token);
+        if (conflictGroup) {
+            const index = resolvedTokens.findIndex((item) => getConflictGroup(item) === conflictGroup);
+            if (index >= 0) {
+                resolvedTokens.splice(index, 1);
+            }
+        }
+        resolvedTokens.push(token);
+    }
+    return resolvedTokens.join(' ');
+}
+function getConflictGroup(token) {
+    const parts = token.split(':');
+    const utility = parts[parts.length - 1];
+    const variantPrefix = parts.slice(0, -1).join(':');
+    const normalizedUtility = utility?.startsWith('!') ? utility.slice(1) : utility;
+    if (normalizedUtility === 'text-left' ||
+        normalizedUtility === 'text-center' ||
+        normalizedUtility === 'text-right' ||
+        normalizedUtility === 'text-justify' ||
+        normalizedUtility === 'text-start' ||
+        normalizedUtility === 'text-end') {
+        return `${variantPrefix}:text-align`;
+    }
+    return null;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wellingtonhlc/shared-ui",
-    "version": "0.29.0",
+    "version": "0.29.2",
     "private": false,
     "type": "module",
     "packageManager": "npm@11.12.1",