@mdigital_ui/ui 0.3.6 → 0.3.7

package/dist/index.js

@@ -48,21 +48,21 @@ export { float_input_default as FloatInput } from './chunk-SB3JGUGE.js';
 export { carousel_default as Carousel } from './chunk-DRCT6VZ7.js';
 export { cascader_default as Cascader } from './chunk-XHDUO3UW.js';
 export { checkbox_default as Checkbox } from './chunk-56BHCAPI.js';
-export { clipboard_default as Clipboard } from './chunk-6QZFWSN7.js';
 export { checkbox_group_default as CheckboxGroup } from './chunk-2PNLIQYM.js';
+export { clipboard_default as Clipboard } from './chunk-6QZFWSN7.js';
 export { collapse_default as Collapse } from './chunk-X5XIBIEF.js';
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandModal, CommandSeparator, CommandShortcut } from './chunk-SX5UNM6C.js';
 export { modal_default as Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, Modal as ModalRoot, ModalTitle, ModalTrigger } from './chunk-UN3EW2PL.js';
 export { context_menu_default as ContextMenu, ContextMenuContent } from './chunk-ZHPYJTWP.js';
 export { accordion_default as Accordion } from './chunk-OKCKLIFP.js';
 export { Avatar, AvatarGroup } from './chunk-LX4FDH4J.js';
+export { badge_default as Badge } from './chunk-2K7MDR7K.js';
 export { breadcrumbs_default as Breadcrumbs } from './chunk-7P3Q6H2V.js';
 export { dropdown_default as Dropdown } from './chunk-ZSS6E4T2.js';
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './chunk-ZQTJBYKO.js';
-export { badge_default as Badge } from './chunk-2K7MDR7K.js';
+export { button_group_default as ButtonGroup } from './chunk-6HGUDHHE.js';
 export { button_default as Button } from './chunk-MGKFJWQU.js';
 export { spinner_default as Spinner } from './chunk-PHQOHVG3.js';
-export { button_group_default as ButtonGroup } from './chunk-6HGUDHHE.js';
 export { card_default as Card } from './chunk-HQVTIFXN.js';
 export { bgSkeletonColorClasses, buttonColors, checkboxBorderColorClasses, checkedColorClasses, componentColors, createAllColorVariants, createDashedColorVariants, createDefaultColorVariants, createGhostColorVariants, createKbdColorVariants, createKbdOutlineColorVariants, createKbdSoftColorVariants, createKbdSolidColorVariants, createLinkColorVariants, createNotificationColorVariants, createNotificationOutlineColorVariants, createNotificationSoftColorVariants, createNotificationSolidColorVariants, createOutlineColorVariants, createPopoverColorVariants, createPopoverDefaultColorVariants, createPopoverSoftColorVariants, createPopoverSolidColorVariants, createSoftColorVariants, createSolidColorVariants, createTooltipSoftColorVariants, focusRingColorClasses, radioCheckedColorClasses, switchTrackColorClasses, textColorClasses, textColorVariants, tooltipSolidColorClasses } from './chunk-LK4EPTNG.js';
 export { cn, getValidationStatus, iconSizes } from './chunk-NGYLRX6F.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdigital_ui/ui",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "Modern React component library built with Tailwind CSS v4",
   "type": "module",
   "main": "./dist/index.js",
@@ -8,6 +8,7 @@
   "types": "./dist/index.d.ts",
   "files": [
     "dist",
+    "styles",
     "examples",
     "README.md",
     "LICENSE"
@@ -284,12 +285,12 @@
       "types": "./dist/theme/index.d.ts",
       "import": "./dist/theme/index.js"
     },
-    "./styles/global.css": "./dist/styles/global.css",
-    "./styles/themes/light.css": "./dist/styles/themes/light.css",
-    "./styles/themes/dark.css": "./dist/styles/themes/dark.css",
-    "./styles/themes/presets/corporate.css": "./dist/styles/themes/presets/corporate.css",
-    "./styles/themes/presets/vibrant.css": "./dist/styles/themes/presets/vibrant.css",
-    "./styles/themes/presets/minimal.css": "./dist/styles/themes/presets/minimal.css",
+    "./styles/global.css": "./styles/global.css",
+    "./styles/themes/light.css": "./styles/themes/light.css",
+    "./styles/themes/dark.css": "./styles/themes/dark.css",
+    "./styles/themes/presets/corporate.css": "./styles/themes/presets/corporate.css",
+    "./styles/themes/presets/vibrant.css": "./styles/themes/presets/vibrant.css",
+    "./styles/themes/presets/minimal.css": "./styles/themes/presets/minimal.css",
     "./package.json": "./package.json",
     "./alert": {
       "types": "./dist/alert/index.d.ts",
@@ -510,7 +511,7 @@
   },
   "scripts": {
     "build": "tsup && tsc -p tsconfig.dts.json && npm run build:css",
-    "build:css": "mkdir -p dist/styles/themes/presets && postcss src/styles/global.css -o dist/styles/global.css && postcss src/styles/themes/light.css -o dist/styles/themes/light.css && postcss src/styles/themes/dark.css -o dist/styles/themes/dark.css && postcss src/styles/themes/presets/corporate.css -o dist/styles/themes/presets/corporate.css && postcss src/styles/themes/presets/vibrant.css -o dist/styles/themes/presets/vibrant.css && postcss src/styles/themes/presets/minimal.css -o dist/styles/themes/presets/minimal.css",
+    "build:css": "mkdir -p styles/themes/presets && postcss src/styles/global.css -o styles/global.css && postcss src/styles/themes/light.css -o styles/themes/light.css && postcss src/styles/themes/dark.css -o styles/themes/dark.css && postcss src/styles/themes/presets/corporate.css -o styles/themes/presets/corporate.css && postcss src/styles/themes/presets/vibrant.css -o styles/themes/presets/vibrant.css && postcss src/styles/themes/presets/minimal.css -o styles/themes/presets/minimal.css",
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit",
     "storybook": "storybook dev -p 6006",

package/{dist/styles → styles}/global.css

@@ -33,7 +33,6 @@
     --color-gray-500: oklch(55% 0 0);
     --color-gray-600: oklch(45% 0 0);
     --color-gray-700: oklch(35% 0 0);
-    --color-gray-800: oklch(25% 0 0);
     --color-gray-900: oklch(15% 0 0);
     --color-gray-950: oklch(10% 0 0);
     --color-black: oklch(0% 0 0);
@@ -64,24 +63,16 @@
     --text-3xl--line-height: calc(2.25 / 1.875);
     --text-4xl: 2.25rem;
     --text-4xl--line-height: calc(2.5 / 2.25);
-    --text-5xl: 3rem;
-    --text-6xl: 3.75rem;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
-    --font-weight-extrabold: 800;
-    --tracking-tighter: -0.05em;
     --tracking-tight: -0.025em;
-    --tracking-normal: 0em;
     --tracking-wide: 0.025em;
     --tracking-wider: 0.05em;
     --tracking-widest: 0.1em;
-    --leading-tight: 1.25;
     --leading-snug: 1.375;
-    --leading-normal: 1.5;
     --leading-relaxed: 1.625;
-    --leading-loose: 2;
     --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
@@ -89,10 +80,7 @@
     --radius-2xl: 0.75rem;
     --radius-3xl: 1rem;
     --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
     --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
-    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);
-    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
@@ -106,31 +94,18 @@
     --default-mono-font-family: var(--font-mono);
     --color-primary: oklch(60.29% 0.15 239.2065);
     --color-primary-hover: oklch(50.29% 0.2 239.2065);
-    --color-primary-active: oklch(45.29% 0.2 239.2065);
     --color-primary-foreground: oklch(100% 0 0);
     --color-secondary: oklch(50% 0.05 240);
-    --color-secondary-hover: oklch(45% 0.06 240);
-    --color-secondary-active: oklch(40% 0.07 240);
     --color-secondary-foreground: oklch(100% 0 0);
     --color-accent: oklch(80% 0.1737 67);
-    --color-accent-hover: oklch(75% 0.237 67);
-    --color-accent-active: oklch(70% 0.1937 67);
     --color-accent-foreground: oklch(15% 0 0);
     --color-success: oklch(70% 0.2 145);
-    --color-success-hover: oklch(65% 0.22 145);
-    --color-success-active: oklch(50% 0.24 145);
     --color-success-foreground: oklch(100% 0 0);
     --color-error: oklch(65% 0.2 25);
-    --color-error-hover: oklch(75% 0.2 25);
-    --color-error-active: oklch(80% 0.2 25);
     --color-error-foreground: oklch(100% 0 0);
     --color-warning: oklch(75% 0.15 85);
-    --color-warning-hover: oklch(70% 0.17 85);
-    --color-warning-active: oklch(65% 0.19 85);
     --color-warning-foreground: oklch(15% 0 0);
     --color-info: oklch(60% 0.19 255);
-    --color-info-hover: oklch(55% 0.21 255);
-    --color-info-active: oklch(50% 0.23 255);
     --color-info-foreground: oklch(100% 0 0);
     --color-background: oklch(100% 0 0);
     --color-background-secondary: oklch(98% 0 0);
@@ -157,12 +132,6 @@
     --input-padding-x-sm: 0.75rem;
     --input-padding-x-md: 0.875rem;
     --input-padding-x-lg: 1.125rem;
-    --color-input-border: oklch(87% 0 0);
-    --color-input-border-focus: oklch(55% 0.25 255);
-    --color-input-border-error: oklch(60% 0.25 25);
-    --color-input-bg: oklch(100% 0 0);
-    --color-input-text: oklch(15% 0 0);
-    --color-input-placeholder: oklch(60% 0 0);
     --overlay-stripe: oklch(100% 0 0 / 0.15);
     --textarea-min-height-xs: 4rem;
     --textarea-min-height-sm: 5rem;
@@ -200,24 +169,13 @@
     --switch-translate-sm: 1rem;
     --switch-translate-md: 1.25rem;
     --switch-translate-lg: 1.5rem;
-    --label-font-size-xs: 0.75rem;
-    --label-font-size-sm: 0.875rem;
-    --label-font-size-base: 1rem;
-    --label-font-size-lg: 1.125rem;
     --card-padding: 1.5rem;
-    --card-header-gap: 0.375rem;
-    --card-title-size: 1.5rem;
-    --card-title-weight: var(--font-weight-semibold);
-    --card-description-size: 0.875rem;
     --card-content-padding: 1.5rem;
     --card-footer-padding: 1.5rem;
     --modal-max-width-xs: 20rem;
     --modal-max-width-sm: 24rem;
     --modal-max-width-md: 28rem;
     --modal-max-width-lg: 32rem;
-    --modal-max-width-xl: 36rem;
-    --modal-max-width-2xl: 42rem;
-    --modal-max-width-full: 90vw;
     --modal-padding-xs: 1rem;
     --modal-padding-sm: 1rem;
     --modal-padding-md: 1.5rem;
@@ -238,7 +196,6 @@
     --badge-padding-y-sm: 0.075rem;
     --badge-padding-y-md: 0.125rem;
     --badge-padding-y-lg: 0.25rem;
-    --badge-radius: 0.25rem;
     --accordion-padding-x-xs: 0.75rem;
     --accordion-padding-x-sm: 1rem;
     --accordion-padding-x-md: 1.25rem;
@@ -248,46 +205,12 @@
     --accordion-padding-y-md: 0.75rem;
     --accordion-padding-y-lg: 1rem;
     --divider-gap: 1rem;
-    --divider-thickness: 1px;
     --divider-left-before-width: 5%;
     --divider-left-after-width: 95%;
     --divider-center-before-width: 50%;
     --divider-center-after-width: 50%;
     --divider-right-before-width: 95%;
     --divider-right-after-width: 5%;
-    --table-padding-x-xs: 0.5rem;
-    --table-padding-x-sm: 0.75rem;
-    --table-padding-x-md: 1rem;
-    --table-padding-x-lg: 1.25rem;
-    --table-padding-y-xs: 0.5rem;
-    --table-padding-y-sm: 0.625rem;
-    --table-padding-y-md: 0.75rem;
-    --table-padding-y-lg: 1rem;
-    --table-border-width: 1px;
-    --table-header-bg: var(--color-surface);
-    --table-row-hover-bg: var(--color-background-secondary);
-    --dropdown-padding-x: 0.5rem;
-    --dropdown-padding-y: 0.5rem;
-    --dropdown-item-padding-x: 0.75rem;
-    --dropdown-item-padding-y: 0.5rem;
-    --dropdown-max-height: 20rem;
-    --dropdown-min-width: 8rem;
-    --tooltip-padding-x: 0.75rem;
-    --tooltip-padding-y: 0.5rem;
-    --tooltip-max-width: 20rem;
-    --tooltip-font-size: 0.875rem;
-    --tooltip-arrow-size: 6px;
-    --drawer-width-sm: 20rem;
-    --drawer-width-md: 24rem;
-    --drawer-width-lg: 28rem;
-    --drawer-width-xl: 32rem;
-    --drawer-width-full: 100vw;
-    --drawer-padding: 1.5rem;
-    --popover-padding: 1rem;
-    --popover-max-width: 24rem;
-    --popover-min-width: 12rem;
-    --breadcrumb-gap: 0.5rem;
-    --breadcrumb-separator-gap: 0.5rem;
     --tabs-gap-xs: 0.25rem;
     --tabs-gap-sm: 0.375rem;
     --tabs-gap-md: 0.5rem;
@@ -300,9 +223,6 @@
     --tabs-padding-y-sm: 0.375rem;
     --tabs-padding-y-md: 0.5rem;
     --tabs-padding-y-lg: 0.625rem;
-    --stepper-icon-size: 2rem;
-    --stepper-line-thickness: 2px;
-    --stepper-gap: 1rem;
     --spacing-0: 0px;
     --spacing-1: 0.25rem;
     --spacing-2: 0.5rem;
@@ -317,13 +237,8 @@
     --radius-full: 9999px;
     --leading-none: 1;
     --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
-    --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
-    --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
     --z-dropdown: 1000;
-    --z-sticky: 1020;
-    --z-modal: 1040;
     --z-popover: 1050;
-    --z-tooltip: 1060;
   }
 }
 @layer base {
@@ -744,9 +659,6 @@
   .-mb-px {
     margin-bottom: -1px;
   }
-  .mb-\(--card-header-gap\) {
-    margin-bottom: var(--card-header-gap);
-  }
   .mb-0\.5 {
     margin-bottom: calc(var(--spacing) * 0.5);
   }
@@ -1702,9 +1614,6 @@
   .justify-start {
     justify-content: flex-start;
   }
-  .gap-\(--card-header-gap\) {
-    gap: var(--card-header-gap);
-  }
   .gap-\(--divider-gap\) {
     gap: var(--divider-gap);
   }
@@ -2081,10 +1990,6 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
-  .border-l-2 {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 2px;
-  }
   .border-l-4 {
     border-left-style: var(--tw-border-style);
     border-left-width: 4px;
@@ -3578,10 +3483,6 @@
     --tw-leading: var(--leading-snug);
     line-height: var(--leading-snug);
   }
-  .font-\(--card-title-weight\) {
-    --tw-font-weight: var(--card-title-weight);
-    font-weight: var(--card-title-weight);
-  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -3620,12 +3521,6 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
-  .text-\(--card-description-size\) {
-    color: var(--card-description-size);
-  }
-  .text-\(--card-title-size\) {
-    color: var(--card-title-size);
-  }
   .text-\[--color-error\] {
     color: --color-error;
   }