tcce-design-system 0.1.14 → 0.1.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@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;--color-red-300:#f17c7e;--color-orange-300:#fab592;--color-green-200:#9cffb2;--color-blue-400:#2003d3;--color-purple-400:#8276c9;--color-purple-600:#4d3fa0;--color-white:#fff;--font-weight-semibold:600;--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-main-blue-primary:#22205f;--color-main-orange-primary:#f66a24;--color-main-grey:#605f60;--color-main-alternative:#bf5f60;--color-main-alternative-secondary:#f2f2f2;--color-main-positive-state:#01d42f;--color-main-warning-state:#ea3a3d;--color-main-yellow-primary:#faca4a;--color-main-white:#fff;--color-main-light-borders:#f1f5f7;--color-main-input-borders:#605f60b3;--color-dark-200:#d1d1d1;--color-dark-700:#121315;--color-light-200:#f1f5f7;--color-light-300:#d9e1e7;--border-radius-button:1.875rem;--border-radius-card:1.25rem;--border-radius-article:.875rem;--border-radius-outline:.5rem;--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;--shadow-hover-black-button:0 .9375rem 1.875rem 0 #00000040;--shadow-hover-orange-button:0 .9375rem 1.875rem 0 var(--color-orange-300);--border-input:1px solid var(--color-main-input-borders);--border-input-disabled:1px solid var(--color-dark-200);--border-input-error:1px solid var(--color-main-warning-state);--border-input-focus:1px solid var(--color-main-blue-primary)}}@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{*{scrollbar-width:thin;scrollbar-color:var(--color-main-orange-primary)#f1f1f1}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:.625rem}::-webkit-scrollbar-thumb{background:var(--color-main-orange-primary);border-radius:.625rem}::-webkit-scrollbar-thumb:hover{background:var(--color-main-orange-primary)}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.\!h-fit{height:fit-content!important}.\!max-w-\[60rem\]{max-width:60rem!important}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.\!font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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;src:url(/assets/fonts/dax-regular/dax-regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url(/assets/fonts/Dax-Bold/Dax-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueUltraLight.otf)format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueUltraLightItalic.otf)format("opentype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueThin.otf)format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueThinItalic.otf)format("opentype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueLight.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueLightItalic.otf)format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueRoman.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueItalic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueMedium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueMediumItalic.otf)format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueBold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueBoldItalic.otf)format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueHeavy.otf)format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueHeavyItalic.otf)format("opentype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueBlack.otf)format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueBlackItalic.otf)format("opentype");font-weight:900;font-style:italic;font-display:swap}.my-toast{box-shadow:var(--shadow-black-card);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:176.782%;border-radius:var(--border-radius-article)!important;border:none!important}[data-sonner-toast][data-type=success]{background:linear-gradient(135deg,var(--color-main-positive-state)0%,var(--color-green-200)100%)!important;color:var(--color-main-white)!important}[data-sonner-toast][data-type=error]{background:linear-gradient(135deg,var(--color-main-warning-state)0%,var(--color-red-300)100%)!important;color:var(--color-main-white)!important}[data-sonner-toaster]{bottom:6rem!important}[data-sonner-toaster][data-position=bottom-center]{transform:translateY(-3rem)!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
|
|
1
|
+
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@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;--color-red-300:#f17c7e;--color-orange-100:#fee6db;--color-orange-300:#fab592;--color-green-100:#ceffd8;--color-green-200:#9cffb2;--color-blue-100:#c0b6fe;--color-blue-400:#2003d3;--color-purple-400:#8276c9;--color-purple-600:#4d3fa0;--color-gray-50:oklch(98.5% .002 247.839);--color-gray-600:oklch(44.6% .03 256.802);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--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-main-blue-primary:#22205f;--color-main-orange-primary:#f66a24;--color-main-grey:#605f60;--color-main-alternative:#bf5f60;--color-main-alternative-secondary:#f2f2f2;--color-main-positive-state:#01d42f;--color-main-warning-state:#ea3a3d;--color-main-yellow-primary:#faca4a;--color-main-white:#fff;--color-main-black:#000;--color-main-light-borders:#f1f5f7;--color-main-input-borders:#605f60b3;--color-dark-200:#d1d1d1;--color-dark-300:#a2a3a3;--color-dark-700:#121315;--color-light-200:#f1f5f7;--color-light-300:#d9e1e7;--border-radius-button:1.875rem;--border-radius-card:1.25rem;--border-radius-article:.875rem;--border-radius-outline:.5rem;--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;--shadow-hover-black-button:0 .9375rem 1.875rem 0 #00000040;--shadow-hover-orange-button:0 .9375rem 1.875rem 0 var(--color-orange-300);--border-input:1px solid var(--color-main-input-borders);--border-input-disabled:1px solid var(--color-dark-200);--border-input-error:1px solid var(--color-main-warning-state);--border-input-focus:1px solid var(--color-main-blue-primary)}}@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{*{scrollbar-width:thin;scrollbar-color:var(--color-main-orange-primary)#f1f1f1}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:.625rem}::-webkit-scrollbar-thumb{background:var(--color-main-orange-primary);border-radius:.625rem}::-webkit-scrollbar-thumb:hover{background:var(--color-main-orange-primary)}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.my-4{margin-block:calc(var(--spacing)*4)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.\!h-fit{height:fit-content!important}.h-24{height:calc(var(--spacing)*24)}.w-full{width:100%}.\!max-w-\[60rem\]{max-width:60rem!important}.max-w-md{max-width:var(--container-md)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-center{align-items:center}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gray-50{background-color:var(--color-gray-50)}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.\!font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-gray-600{color:var(--color-gray-600)}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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;src:url(/assets/fonts/dax-regular/dax-regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url(/assets/fonts/Dax-Bold/Dax-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueUltraLight.otf)format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueUltraLightItalic.otf)format("opentype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueThin.otf)format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueThinItalic.otf)format("opentype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueLight.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueLightItalic.otf)format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueRoman.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueItalic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueMedium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueMediumItalic.otf)format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueBold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueBoldItalic.otf)format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueHeavy.otf)format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueHeavyItalic.otf)format("opentype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueBlack.otf)format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/Helvetica-Neue/HelveticaNeueBlackItalic.otf)format("opentype");font-weight:900;font-style:italic;font-display:swap}.my-toast{box-shadow:var(--shadow-black-card);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:176.782%;border-radius:var(--border-radius-article)!important;border:none!important}[data-sonner-toast][data-type=success]{background:linear-gradient(135deg,var(--color-main-positive-state)0%,var(--color-green-200)100%)!important;color:var(--color-main-white)!important}[data-sonner-toast][data-type=error]{background:linear-gradient(135deg,var(--color-main-warning-state)0%,var(--color-red-300)100%)!important;color:var(--color-main-white)!important}[data-sonner-toaster]{bottom:6rem!important}[data-sonner-toaster][data-position=bottom-center]{transform:translateY(-3rem)!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
|
|
@@ -39,6 +39,46 @@ $collapsed: boolean;
|
|
|
39
39
|
$open: boolean;
|
|
40
40
|
}>> & string;
|
|
41
41
|
|
|
42
|
+
/**
|
|
43
|
+
* Badge component to display status or information.
|
|
44
|
+
* @param param0 - Props for the Badge component.
|
|
45
|
+
* @returns The Badge component.
|
|
46
|
+
*/
|
|
47
|
+
export declare const Badge: default_2.FC<BadgeProps>;
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Props for the Badge component.
|
|
51
|
+
* @param variant - The variant style of the badge. Default is 'neutral'.
|
|
52
|
+
* @param size - The size of the badge. Default is 'md'.
|
|
53
|
+
* @param color - Custom color for the outline variant.
|
|
54
|
+
* @param leftIcon - Icon component to display on the left side of the badge.
|
|
55
|
+
* @param rightIcon - Icon component to display on the right side of the badge.
|
|
56
|
+
* @param iconColor - Color of the icons. Default is 'currentColor'.
|
|
57
|
+
* @param iconSize - Size of the icons. Default is 'sm'.
|
|
58
|
+
*/
|
|
59
|
+
declare interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, WithIconsProps {
|
|
60
|
+
variant?: BadgeVariant;
|
|
61
|
+
size?: BadgeSize;
|
|
62
|
+
color?: string;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* Sizes available for the Badge component.
|
|
67
|
+
* - sm: Small size badge.
|
|
68
|
+
* - md: Medium size badge.
|
|
69
|
+
*/
|
|
70
|
+
declare type BadgeSize = 'sm' | 'md' | 'lg';
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* Variants available for the Badge component.
|
|
74
|
+
* - primary: Main action or highlight.
|
|
75
|
+
* - secondary: Secondary action or highlight.
|
|
76
|
+
* - success: Indicates a successful or positive action.
|
|
77
|
+
* - warning: Indicates a warning that needs attention.
|
|
78
|
+
* - danger: Indicates a dangerous or potentially negative action.
|
|
79
|
+
*/
|
|
80
|
+
declare type BadgeVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral' | 'outline';
|
|
81
|
+
|
|
42
82
|
export declare const baseContentTableStyles: RuleSet<object>;
|
|
43
83
|
|
|
44
84
|
export declare const baseFieldStyles: RuleSet<object>;
|
|
@@ -237,6 +277,29 @@ declare interface DialogProps {
|
|
|
237
277
|
|
|
238
278
|
export declare const disabledStyles: RuleSet<object>;
|
|
239
279
|
|
|
280
|
+
/**
|
|
281
|
+
* Divider component to separate content either horizontally or vertically.
|
|
282
|
+
* @param param0 - Props for the Divider component.
|
|
283
|
+
* @returns The Divider component.
|
|
284
|
+
*/
|
|
285
|
+
export declare const Divider: default_2.FC<DividerProps>;
|
|
286
|
+
|
|
287
|
+
/**
|
|
288
|
+
* Divider component to separate content either horizontally or vertically.
|
|
289
|
+
* @param orientation - Orientation of the divider, either 'horizontal' or 'vertical'. Default is 'horizontal'.
|
|
290
|
+
* @param color - Custom color for the divider. Default is 'var(--color-dark-300)'.
|
|
291
|
+
* @param length - Length of the divider (width for horizontal, height for vertical). Accepts any valid CSS length value (e.g., '100px', '10rem'). Default is '100%'.
|
|
292
|
+
* @param thickness - Thickness of the divider (height for horizontal, width for vertical). Accepts any valid CSS length value (e.g., '2px', '0.25rem'). Default is '1px'.
|
|
293
|
+
* @param className - Additional CSS classes to apply to the divider.
|
|
294
|
+
*/
|
|
295
|
+
export declare interface DividerProps {
|
|
296
|
+
orientation?: 'horizontal' | 'vertical';
|
|
297
|
+
color?: string;
|
|
298
|
+
length?: string;
|
|
299
|
+
thickness?: string;
|
|
300
|
+
className?: string;
|
|
301
|
+
}
|
|
302
|
+
|
|
240
303
|
export declare const ErrorMessage: default_2.FC<ErrorMessageProps>;
|
|
241
304
|
|
|
242
305
|
declare interface ErrorMessageProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
@@ -532,6 +595,29 @@ export declare type IconSizes = 'tn' | 'sm' | 'md' | 'lg';
|
|
|
532
595
|
|
|
533
596
|
export declare const IconWrapperStyles: RuleSet<object>;
|
|
534
597
|
|
|
598
|
+
/**
|
|
599
|
+
* InfoLabel component to display informational text with specified size and color.
|
|
600
|
+
* @param param0 - Props for the InfoLabel component.
|
|
601
|
+
* @returns The InfoLabel component.
|
|
602
|
+
*/
|
|
603
|
+
export declare const InfoLabel: default_2.FC<InfoLabelProps>;
|
|
604
|
+
|
|
605
|
+
/**
|
|
606
|
+
* Props for the InfoLabel component
|
|
607
|
+
* @param size - Size of the text, corresponds to bodyTextStyles keys. Default is 16.
|
|
608
|
+
* @param color - Color of the text. Default is 'var(--color-main-blue-primary)'.
|
|
609
|
+
* @param className - Additional CSS classes.
|
|
610
|
+
* @param style - Inline styles.
|
|
611
|
+
* @param children - Content of the label.
|
|
612
|
+
*/
|
|
613
|
+
export declare interface InfoLabelProps {
|
|
614
|
+
size?: keyof typeof bodyTextStyles;
|
|
615
|
+
color?: string;
|
|
616
|
+
className?: string;
|
|
617
|
+
style?: default_2.CSSProperties;
|
|
618
|
+
children: default_2.ReactNode;
|
|
619
|
+
}
|
|
620
|
+
|
|
535
621
|
/**
|
|
536
622
|
* Input component props interfaces for the getPropsForInputType function
|
|
537
623
|
*/
|
|
@@ -612,6 +698,7 @@ export declare interface LayoutProps extends SidebarProps {
|
|
|
612
698
|
notificationCount?: number;
|
|
613
699
|
onNotificationClick?: () => void;
|
|
614
700
|
onUserProfileClick?: () => void;
|
|
701
|
+
onNavigate?: (href: string) => void;
|
|
615
702
|
onLogout?: () => void;
|
|
616
703
|
userMenuItems?: UserMenuItem[];
|
|
617
704
|
contentClassName?: string;
|
|
@@ -931,6 +1018,7 @@ export declare interface SidebarProps {
|
|
|
931
1018
|
activePath?: string;
|
|
932
1019
|
logoImgExpanded?: default_2.ReactNode;
|
|
933
1020
|
logoImgCollapsed?: default_2.ReactNode;
|
|
1021
|
+
onNavigate?: (href: string) => void;
|
|
934
1022
|
}
|
|
935
1023
|
|
|
936
1024
|
export declare const SidebarProvider: ({ children }: PropsWithChildren) => JSX.Element;
|
|
@@ -1023,7 +1111,7 @@ export declare const slideAnimation: {
|
|
|
1023
1111
|
|
|
1024
1112
|
/**
|
|
1025
1113
|
* Smart animation configuration for consistent motion across the design system.
|
|
1026
|
-
* Provides default animation properties for
|
|
1114
|
+
* Provides default animation properties for motion/react components.
|
|
1027
1115
|
*
|
|
1028
1116
|
* Features:
|
|
1029
1117
|
* - Consistent transition timing and easing
|