@scaleflex/ui-tw 0.0.19 → 0.0.21

package/label/label.component.js

@@ -31,10 +31,7 @@ function Label(_ref) {
       className: className
     }))
   }, props), /*#__PURE__*/React.createElement("span", {
-    className: "truncate",
-    style: {
-      maxWidth: icon || tooltip ? 'calc(100% - 2rem)' : undefined
-    }
+    className: "truncate"
   }, children), (icon || tooltip) && /*#__PURE__*/React.createElement(LabelIcon, {
     size: size,
     icon: icon,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -18,7 +18,7 @@
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.2.6",
-    "@scaleflex/icons-tw": "^0.0.19",
+    "@scaleflex/icons-tw": "^0.0.21",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",
     "lodash.merge": "^4.6.2",

package/theme.css

@@ -28,21 +28,24 @@
   --warning-4: oklch(0.978 0.025 86.868); /* #FFF7E5 */
   --border: oklch(92.86% 0.009 247.92); /* Borders Secondary #E3E8ED */
   --input: oklch(0.8625 0.0257 248.73); /* Border Primary Stateless #CCD6DE */
-  --ring: oklch(0.578 0.198 268.129 / 0.7); /* Borders Base #6879EB */
+  --ring: oklch(0.578 0.198 268.129 / 0.7);
   --shadow: oklch(26.18% 0.024 256.43 / 0.1);
+
   --chart-1: oklch(0.646 0.222 41.116);   /* Chart 1 - Orange/Yellow Base - approx #DA9834 */
   --chart-2: oklch(0.6 0.118 184.704);    /* Chart 2 - Teal/Greenish-Blue Base - approx #4BA3AD */
   --chart-3: oklch(0.398 0.07 227.392);   /* Chart 3 - Muted Blue Base - approx #435C9A */
   --chart-4: oklch(0.828 0.189 84.429);   /* Chart 4 - Bright Lime-Yellow Base - approx #E2E14D */
   --chart-5: oklch(0.769 0.188 70.08);    /* Chart 5 - Golden-Yellow Base - approx #E3C442 */
-  --sidebar: oklch(1 0 0); /* Background stateless #ffffff */
-  --sidebar-foreground: oklch(0.3687 0.0313 264.55); /* Text Primary #37414B */
-  --sidebar-primary: oklch(0.6662 0.2007 280.88); /* Accent Stateless #6879EB */
+
+  --sidebar: oklch(0.45 0.229 265.091); /* Background stateless #153DD1 */
+  --sidebar-foreground: oklch(1 0 0); /* Text Primary #ffffff */
+  --sidebar-primary: oklch(0.578 0.198 268.129); /* Accent Stateless #6879EB */
   --sidebar-primary-foreground: oklch(1 0 0); /* Text Button Primary #ffffff */
   --sidebar-accent: oklch(0.9641 0.0065 231.29); /* Background active #F3F7FA */
   --sidebar-accent-foreground: oklch(0.3687 0.0313 264.55); /* Text Primary #37414B */
   --sidebar-border: oklch(0.9103 0.0177 246.73); /* Borders Secondary #DFE7ED */
-  --sidebar-ring: oklch(0.6662 0.2007 280.88); /* Borders Base #6879EB */
+  --sidebar-ring: oklch(0.6 0.2 268.129 / 0.7);
+
   --panel: oklch(0.5202 0.2024 278.91); /* Background Accent Active #4958BC */
   --panel-foreground: oklch(1 0 0); /* Text Button Primary #ffffff */
   --panel-primary: oklch(0.5202 0.2024 278.91); /* Background Accent Active #4958BC */
@@ -87,14 +90,14 @@
   --chart-4: oklch(0.75 0.18 84.429);
   --chart-5: oklch(0.7 0.18 70.08);
 
-  --sidebar: oklch(0.18 0.01 264.55);
-  --sidebar-foreground: oklch(0.95 0.01 264.55);
-  --sidebar-primary: oklch(0.6 0.2 280.88);
-  --sidebar-primary-foreground: oklch(1 0 0);
-  --sidebar-accent: oklch(0.3 0.01 231.29);
-  --sidebar-accent-foreground: oklch(0.95 0.01 264.55);
-  --sidebar-border: oklch(0.3 0.01 246.73);
-  --sidebar-ring: oklch(0.6 0.2 280.88);
+  --sidebar: oklch(0.45 0.229 265.091); /* Background stateless #153DD1 */
+  --sidebar-foreground: oklch(1 0 0); /* Text Primary #ffffff */
+  --sidebar-primary: oklch(0.578 0.198 268.129); /* Accent Stateless #6879EB */
+  --sidebar-primary-foreground: oklch(1 0 0); /* Text Button Primary #ffffff */
+  --sidebar-accent: oklch(0.9641 0.0065 231.29); /* Background active #F3F7FA */
+  --sidebar-accent-foreground: oklch(0.3687 0.0313 264.55); /* Text Primary #37414B */
+  --sidebar-border: oklch(0.9103 0.0177 246.73); /* Borders Secondary #DFE7ED */
+  --sidebar-ring: oklch(0.6 0.2 268.129 / 0.7);
 
   --panel: oklch(0.28 0.15 278.91);
   --panel-foreground: oklch(0.98 0.01 264.55);

package/tooltip/tooltip.component.js

@@ -49,7 +49,7 @@ function TooltipContent(_ref4) {
   return /*#__PURE__*/React.createElement(TooltipPrimitive.Portal, null, /*#__PURE__*/React.createElement(TooltipPrimitive.Content, _extends({
     "data-slot": "tooltip-content",
     sideOffset: sideOffset,
-    className: cn('animate-in fade-in-0 zoom-in-95 text-md z-50 w-fit max-w-lg origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-2 text-balance', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', tooltipVariants({
+    className: cn('animate-in fade-in-0 zoom-in-95 text-md z-50 w-fit max-w-lg origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-2', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', tooltipVariants({
       variant: variant
     }), className)
   }, props), children, /*#__PURE__*/React.createElement(TooltipPrimitive.Arrow, {