@scaleflex/ui-tw 0.0.94 → 0.0.95

package/button/button.constants.d.ts

@@ -13,10 +13,10 @@ export declare const buttonSizeOptions: {
     readonly sm: "h-8 px-3 py-2 text-sm";
     readonly md: "h-10 px-4 py-2.5 text-base";
     readonly lg: "h-12 px-6 py-3.5 text-lg";
-    readonly "icon-xs": "size-6 p-1.5 [&_svg:not([class*='size-'])]:size-3";
-    readonly "icon-sm": "size-8 p-2 [&_svg:not([class*='size-'])]:size-3.5";
-    readonly "icon-md": "size-10 p-2.5 [&_svg:not([class*='size-'])]:size-4";
-    readonly "icon-lg": "size-12 p-3.5 [&_svg:not([class*='size-'])]:size-4.5";
+    readonly "icon-xs": "size-6 p-1.5 [&_svg:not([class*='size-'])]:size-4";
+    readonly "icon-sm": "size-8 p-2 [&_svg:not([class*='size-'])]:size-4.5";
+    readonly "icon-md": "size-10 p-2.5 [&_svg:not([class*='size-'])]:size-5";
+    readonly "icon-lg": "size-12 p-3.5 [&_svg:not([class*='size-'])]:size-5.5";
 };
 export declare const buttonEndIconSizes: {
     readonly xs: "ml-1.5 size-3";

package/button/button.constants.js

@@ -9,7 +9,7 @@ export var ButtonSize = {
   IconMd: 'icon-md',
   IconLg: 'icon-lg'
 };
-export var buttonSizeOptions = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ButtonSize.Xs, 'h-6 px-2.5 py-1.5 text-xs'), ButtonSize.Sm, 'h-8 px-3 py-2 text-sm'), ButtonSize.Md, 'h-10 px-4 py-2.5 text-base'), ButtonSize.Lg, 'h-12 px-6 py-3.5 text-lg'), ButtonSize.IconXs, "size-6 p-1.5 [&_svg:not([class*='size-'])]:size-3"), ButtonSize.IconSm, "size-8 p-2 [&_svg:not([class*='size-'])]:size-3.5"), ButtonSize.IconMd, "size-10 p-2.5 [&_svg:not([class*='size-'])]:size-4"), ButtonSize.IconLg, "size-12 p-3.5 [&_svg:not([class*='size-'])]:size-4.5");
+export var buttonSizeOptions = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ButtonSize.Xs, 'h-6 px-2.5 py-1.5 text-xs'), ButtonSize.Sm, 'h-8 px-3 py-2 text-sm'), ButtonSize.Md, 'h-10 px-4 py-2.5 text-base'), ButtonSize.Lg, 'h-12 px-6 py-3.5 text-lg'), ButtonSize.IconXs, "size-6 p-1.5 [&_svg:not([class*='size-'])]:size-4"), ButtonSize.IconSm, "size-8 p-2 [&_svg:not([class*='size-'])]:size-4.5"), ButtonSize.IconMd, "size-10 p-2.5 [&_svg:not([class*='size-'])]:size-5"), ButtonSize.IconLg, "size-12 p-3.5 [&_svg:not([class*='size-'])]:size-5.5");
 export var buttonEndIconSizes = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ButtonSize.Xs, 'ml-1.5 size-3'), ButtonSize.Sm, 'ml-1.5 size-3.5'), ButtonSize.Md, 'ml-2 size-4'), ButtonSize.Lg, 'ml-2 size-4.5'), ButtonSize.IconXs, 'ml-1.5 size-3'), ButtonSize.IconSm, 'ml-1.5 size-3.5'), ButtonSize.IconMd, 'ml-2 size-4'), ButtonSize.IconLg, 'ml-2 size-4.5');
 export var buttonStartIconSizes = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ButtonSize.Xs, 'mr-1.5 size-3'), ButtonSize.Sm, 'mr-1.5 size-3.5'), ButtonSize.Md, 'mr-2 size-4'), ButtonSize.Lg, 'mr-2 size-4.5'), ButtonSize.IconXs, 'mr-1.5 size-3'), ButtonSize.IconSm, 'mr-1.5 size-3.5'), ButtonSize.IconMd, 'mr-2 size-4'), ButtonSize.IconLg, 'mr-2 size-4.5');
 export var ButtonVariant = {

package/calendar/calendar.component.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -11,6 +12,7 @@ var _excluded = ["className", "classNames", "showOutsideDays", "captionLayout",
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { Button, buttonVariants } from '@scaleflex/ui-tw/button';
+import { buttonBaseClassNames } from '@scaleflex/ui-tw/button/button.constants';
 import { cn } from '@scaleflex/ui-tw/utils/cn';
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
 import React from 'react';
@@ -50,12 +52,12 @@ function Calendar(_ref) {
       months: cn('flex gap-4 flex-col md:flex-row relative', defaultClassNames.months),
       month: cn('flex flex-col w-full gap-4', defaultClassNames.month),
       nav: cn('flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', defaultClassNames.nav),
-      button_previous: cn(buttonVariants({
+      button_previous: cn.apply(void 0, [buttonVariants({
         variant: buttonVariant
-      }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_previous),
-      button_next: cn(buttonVariants({
+      }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_previous].concat(_toConsumableArray(buttonBaseClassNames))),
+      button_next: cn.apply(void 0, [buttonVariants({
         variant: buttonVariant
-      }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_next),
+      }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_next].concat(_toConsumableArray(buttonBaseClassNames))),
       month_caption: cn('flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption),
       dropdowns: cn('w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns),
       dropdown_root: cn('relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md', defaultClassNames.dropdown_root),

package/color-palette/color-palette.component.js

@@ -36,7 +36,7 @@ function ColorPalette(_ref) {
       key: color,
       value: color,
       "data-slot": "color-palette-item",
-      className: cn('border-border inline-block rounded-lg border-1 p-0.5 hover:opacity-80', focusRingClassNames, colorBoxVariants({
+      className: cn('border-border hover:border-secondary-foreground/50 inline-block rounded-lg border-1 p-0.5 hover:opacity-80', focusRingClassNames, colorBoxVariants({
         size: size
       }), colorBoxClassName, value === color && 'border-primary'),
       "aria-label": "Color ".concat(color)

package/command/command.component.js

@@ -246,17 +246,17 @@ function CommandUserItem(_ref10) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "shrink-0"
   }, profileUrl ? /*#__PURE__*/React.createElement("img", {
-    className: "size-10 rounded-full",
+    className: "size-8 rounded-full",
     src: profileUrl,
     alt: "profile image"
   }) : /*#__PURE__*/React.createElement(UserCircle2Icon, {
-    className: "size-10"
+    className: "size-8"
   })), /*#__PURE__*/React.createElement("div", {
     className: "max-w-10/12"
   }, /*#__PURE__*/React.createElement("div", {
-    className: cn('w-full overflow-hidden text-ellipsis whitespace-nowrap', textClassName)
+    className: cn('w-full overflow-hidden text-sm text-ellipsis whitespace-nowrap', textClassName)
   }, name), /*#__PURE__*/React.createElement("div", {
-    className: cn('text-secondary-foreground w-full overflow-hidden text-ellipsis whitespace-nowrap', textClassName)
+    className: cn('text-secondary-foreground w-full overflow-hidden text-xs text-ellipsis whitespace-nowrap', textClassName)
   }, email))), /*#__PURE__*/React.createElement("span", {
     className: "absolute right-2 flex size-3.5 items-center justify-center"
   }, /*#__PURE__*/React.createElement(CheckIcon, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.94",
+  "version": "0.0.95",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -23,7 +23,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.94",
+    "@scaleflex/icons-tw": "^0.0.95",
     "@tanstack/react-table": "^8.21.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",