tcce-design-system-test 0.1.2 → 0.1.3

package/dist/tcce-design-system-components.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}
+/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-blue-primary:#22205f;--border-radius-button:1.875rem;--border-radius-card:1.25rem;--border-radius-article:.875rem;--shadow-black-card:0 1.25rem 2.5rem 0 #00000026;--shadow-hover-black-card:0 1.875rem 3.75rem 0 #00000059;--shadow-black-button:0 .625rem 1.25rem 0 #00000026;--border-input:1px solid #605f60b3;--border-input-error:1px solid #ea3a3db3}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.heading-bold-60{font-family:Dax Bold;font-size:3.75em;font-style:normal;font-weight:700;line-height:161.76%}.heading-bold-40{font-family:Dax Bold;font-size:2.5em;font-style:normal;font-weight:700;line-height:161.76%}.heading-bold-30{font-family:Dax Bold;font-size:1.875em;font-style:normal;font-weight:700;line-height:161.76%}.heading-bold-24{font-family:Dax;font-size:1.5em;font-style:normal;font-weight:700;line-height:163.184%}.heading-bold-20{font-family:Dax;font-size:1.25em;font-style:normal;font-weight:700;line-height:163.184%}.body-text-normal-20{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.25em;font-style:normal;font-weight:400;line-height:155.962%}.body-text-normal-18{letter-spacing:.018px;text-transform:uppercase;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.125em;font-style:normal;font-weight:400;line-height:176.782%}.body-text-normal-16{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1em;font-style:normal;font-weight:400;line-height:176.782%}.body-text-normal-12{font-family:Helvetica Neue;font-size:.75em;font-style:normal;font-weight:400;line-height:176.782%}}@layer utilities{.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Dax Regular;src:url(../assets/fonts/dax-regular/dax-regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Dax Bold;src:url("../assets/fonts/Dax Bold/Dax Bold.otf")format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Dax Bold;src:url("../assets/fonts/Dax Bold/Dax Bold.otf")format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Helvetica Neue Black;src:url(../assets/fonts/Helvetica\ Neue/HelveticaNeueBlack.otf)format("opentype");font-weight:900;font-style:normal}@font-face{font-family:Helvetica Neue Black;font-weight:900;src:url(../assets/fonts/Helvetica\ Neue/HelveticaNeueBlackItalic.otf)format("opentype");font-style:normal}@font-face{font-family:Helvetica Neue Black;src:url(../assets/fonts/Helvetica\ Neue/HelveticaNeueBold.otf)format("opentype");font-weight:900;font-style:normal}@font-face{font-family:Helvetica Neue Black;src:url(../assets/fonts/Helvetica\ Neue/HelveticaNeueHeavy.otf)format("opentype");font-weight:900;font-style:normal}@font-face{font-family:Helvetica Neue Black;src:url(../assets/fonts/Helvetica\ Neue/HelveticaNeueBoldItalic.otf)format("opentype");font-weight:900;font-style:normal}@font-face{font-family:Helvetica Neue Black;src:url(../assets/fonts/Helvetica\ Neue/HelveticaNeueBlack.otf)format("opentype");font-weight:900;font-style:normal}:root{--orange-primary:#f66a24;--blue-primary:#22205f;--white:#fff;--black:#000;--grey:#605f60;--main-positive-state:#01d42f;--warning-state:#ea3a3d;--purple-600:#4d3fa0;--orange-300:#fab592;--dark-300:#a2a3a3;--dark-200:#d1d1d1;--green-200:#9cffb2;--red-300:#ffb2b2;--red-800:#971012;--border-radius-button:1.875rem;--border-radius-card:1.25rem;--border-radius-article:.875rem;--shadow-black-card:0 1.25rem 2.5rem 0 #00000026;--shadow-hover-black-card:0 1.875rem 3.75rem 0 #00000059;--border-input:1px solid #605f60b3;--border-input-error:1px solid #ea3a3db3}.border-radius-button{border-radius:var(--border-radius-button)}.border-radius-card{border-radius:var(--border-radius-card)}.border-radius-article{border-radius:var(--border-radius-article)}.shadow-black-card{box-shadow:var(--shadow-black-card);transition:all .3s ease-in-out}.shadow-black-card:hover{box-shadow:var(--shadow-hover-black-card)}.shadow-black-button{box-shadow:var(--shadow-black-button)}.border-input{border:var(--border-input)}.border-input-error{border:var(--border-input-error)}.smart-animate{transition:all .3s ease-in-out}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--orange-primary);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--orange-primary)}.custom-scrollbar{scrollbar-color:var(--orange-primary)#f1f1f1}.my-toast{font-family:Inter,sans-serif;box-shadow:0 10px 15px -3px #0000001a}[data-sonner-toast]{border-radius:12px!important}[data-sonner-toast][data-type=success]{background:linear-gradient(135deg,var(--main-positive-state)0%,var(--green-200)100%)!important;color:#fff!important}[data-sonner-toast][data-type=error]{background:linear-gradient(135deg,var(--warning-state)0%,var(--red-300)100%)!important;color:#fff!important}[data-sonner-toaster]{bottom:6rem!important}[data-sonner-toaster][data-position=bottom-center]{transform:translateY(-3rem)!important}

package/dist/tcce-design-system-components.d.ts

@@ -1,6 +1,3 @@
-import { default as default_2 } from 'react';
-import { JSX } from 'react/jsx-runtime';
-
 /**
  * PrimaryButton component for the design system.
  * Renders a styled button with customizable content and behavior.
@@ -8,7 +5,7 @@ import { JSX } from 'react/jsx-runtime';
  * @param props - See PrimaryButtonProps for details.
  * @returns A React button element.
  */
-export declare const PrimaryButton: ({ ...props }: PrimaryButtonProps) => JSX.Element;
+export declare const PrimaryButton: React.FC<PrimaryButtonProps>;
 
 /**
  * Props for the PrimaryButton component.
@@ -20,7 +17,7 @@ export declare const PrimaryButton: ({ ...props }: PrimaryButtonProps) => JSX.El
  * @property className - Additional CSS classes for styling. Optional.
  */
 declare interface PrimaryButtonProps {
-    slot?: default_2.ReactNode;
+    children?: React.ReactNode;
     type?: 'button' | 'submit' | 'reset';
     name?: string;
     onClick?: () => void;

package/dist/tcce-design-system-components.js

@@ -1166,8 +1166,8 @@ const sn = Bt.button`
         background-color: var(--grey);
         box-shadow: none;
     }
-`, un = ({ ...e }) => {
-  const { slot: t, type: r = "button", name: n, onClick: o, disabled: s, className: a } = e;
+`, un = ({ children: e, ...t }) => {
+  const { type: r = "button", name: n, onClick: o, disabled: s, className: a } = t;
   return /* @__PURE__ */ Ut(
     sn,
     {
@@ -1176,7 +1176,7 @@ const sn = Bt.button`
       name: n,
       onClick: o,
       disabled: s,
-      children: t
+      children: e
     }
   );
 };

package/dist/tcce-design-system-components.umd.cjs

@@ -73,4 +73,4 @@ See https://s-c.sh/2BAXzed for more info.`),window[Pe]+=1);const Kr=Ft.button`
         background-color: var(--grey);
         box-shadow: none;
     }
-`,Zr=({...e})=>{const{slot:t,type:r="button",name:n,onClick:o,disabled:s,className:i}=e;return oe.jsx(Kr,{className:`body-text-normal-20 ${i??""}`,type:r,name:n,onClick:o,disabled:s,children:t})};M.PrimaryButton=Zr,Object.defineProperty(M,Symbol.toStringTag,{value:"Module"})}));
+`,Zr=({children:e,...t})=>{const{type:r="button",name:n,onClick:o,disabled:s,className:i}=t;return oe.jsx(Kr,{className:`body-text-normal-20 ${i??""}`,type:r,name:n,onClick:o,disabled:s,children:e})};M.PrimaryButton=Zr,Object.defineProperty(M,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "This package provides reusable UI components to ensure consistency across all CRM frontend applications",
   "author": "BizAppsTotal <bizapps@tcce.biz>",
   "type": "module",