@haiilo/catalyst 5.1.1 → 5.2.1

package/dist/catalyst/catalyst.css

@@ -514,7 +514,7 @@ body {
 .cat-dialog {
   background-color: white;
   border-radius: var(--cat-border-radius-l, 0.5rem);
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 32px 64px -12px rgba(27, 31, 38, 0.14);
+  box-shadow: 0 32px 64px -12px rgba(27, 31, 38, 0.14);
   container: dialog/inline-size;
 }
 
@@ -832,7 +832,7 @@ small,
 }
 
 .cat-muted {
-  color: rgb(var(--cat-font-color-muted, 105, 118, 135));
+  color: rgb(var(--cat-font-color-muted, 81, 92, 108));
 }
 
 ol,
@@ -948,7 +948,7 @@ pre code {
 kbd,
 code {
   margin: 0 0.125rem;
-  color: rgb(var(--cat-font-color-muted, 105, 118, 135));
+  color: rgb(var(--cat-font-color-muted, 81, 92, 108));
   background: white;
   box-shadow: 0 0 0 2px rgb(var(--cat-border-color, 235, 236, 240));
   border-radius: var(--cat-border-radius-s, 0.125rem);
@@ -971,6 +971,45 @@ code {
   padding: 0.0625rem 0.25rem;
 }
 
+/**
+ * Auto-generated file. Do not edit directly.
+ */
+.cat-radius-l {
+  border-radius: var(--cat-border-radius-l, 0.5rem);
+}
+
+.cat-radius-m {
+  border-radius: var(--cat-border-radius-m, 0.25rem);
+}
+
+.cat-radius-s {
+  border-radius: var(--cat-border-radius-s, 0.125rem);
+}
+
+.cat-radius-0 {
+  border-radius: 0;
+}
+
+.cat-radius-full {
+  border-radius: 100rem;
+}
+
+.cat-border-light {
+  border: 1px solid rgb(var(--cat-border-color-light, 242, 244, 247));
+}
+
+.cat-border {
+  border: 1px solid rgb(var(--cat-border-color, 235, 236, 240));
+}
+
+.cat-border-dark {
+  border: 1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));
+}
+
+.cat-border-none {
+  border: none !important;
+}
+
 /**
  * Auto-generated file. Do not edit directly.
  */
@@ -1196,7 +1235,7 @@ code {
 }
 
 .cat-muted {
-  color: rgb(var(--cat-font-color-muted, 105, 118, 135)) !important;
+  color: rgb(var(--cat-font-color-muted, 81, 92, 108)) !important;
 }
 
 .cat-text-reset {
@@ -1400,59 +1439,59 @@ code {
 }
 
 .cat-elevation-1 {
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 1px 2px rgba(27, 31, 38, 0.05);
+  box-shadow: 0 1px 2px rgba(27, 31, 38, 0.05);
 }
 
 .cat-elevation-hover-1:hover, .cat-elevation-hover-1:focus, .cat-elevation-hover-1:focus-within {
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 1px 2px rgba(27, 31, 38, 0.05);
+  box-shadow: 0 1px 2px rgba(27, 31, 38, 0.05);
 }
 
 .cat-elevation-2 {
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 1px 2px rgba(27, 31, 38, 0.06), 0 1px 3px rgba(27, 31, 38, 0.1);
+  box-shadow: 0 1px 2px rgba(27, 31, 38, 0.06), 0 1px 3px rgba(27, 31, 38, 0.1);
 }
 
 .cat-elevation-hover-2:hover, .cat-elevation-hover-2:focus, .cat-elevation-hover-2:focus-within {
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 1px 2px rgba(27, 31, 38, 0.06), 0 1px 3px rgba(27, 31, 38, 0.1);
+  box-shadow: 0 1px 2px rgba(27, 31, 38, 0.06), 0 1px 3px rgba(27, 31, 38, 0.1);
 }
 
 .cat-elevation-3 {
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 2px 4px -2px rgba(27, 31, 38, 0.06), 0 4px 8px -2px rgba(27, 31, 38, 0.1);
+  box-shadow: 0 2px 4px -2px rgba(27, 31, 38, 0.06), 0 4px 8px -2px rgba(27, 31, 38, 0.1);
 }
 
 .cat-elevation-hover-3:hover, .cat-elevation-hover-3:focus, .cat-elevation-hover-3:focus-within {
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 2px 4px -2px rgba(27, 31, 38, 0.06), 0 4px 8px -2px rgba(27, 31, 38, 0.1);
+  box-shadow: 0 2px 4px -2px rgba(27, 31, 38, 0.06), 0 4px 8px -2px rgba(27, 31, 38, 0.1);
 }
 
 .cat-elevation-4 {
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);
+  box-shadow: 0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);
 }
 
 .cat-elevation-hover-4:hover, .cat-elevation-hover-4:focus, .cat-elevation-hover-4:focus-within {
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);
+  box-shadow: 0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);
 }
 
 .cat-elevation-5 {
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 8px 8px -4px rgba(27, 31, 38, 0.03), 0 20px 24px -4px rgba(27, 31, 38, 0.08);
+  box-shadow: 0 8px 8px -4px rgba(27, 31, 38, 0.03), 0 20px 24px -4px rgba(27, 31, 38, 0.08);
 }
 
 .cat-elevation-hover-5:hover, .cat-elevation-hover-5:focus, .cat-elevation-hover-5:focus-within {
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 8px 8px -4px rgba(27, 31, 38, 0.03), 0 20px 24px -4px rgba(27, 31, 38, 0.08);
+  box-shadow: 0 8px 8px -4px rgba(27, 31, 38, 0.03), 0 20px 24px -4px rgba(27, 31, 38, 0.08);
 }
 
 .cat-elevation-6 {
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 24px 48px -12px rgba(27, 31, 38, 0.18);
+  box-shadow: 0 24px 48px -12px rgba(27, 31, 38, 0.18);
 }
 
 .cat-elevation-hover-6:hover, .cat-elevation-hover-6:focus, .cat-elevation-hover-6:focus-within {
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 24px 48px -12px rgba(27, 31, 38, 0.18);
+  box-shadow: 0 24px 48px -12px rgba(27, 31, 38, 0.18);
 }
 
 .cat-elevation-7 {
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 32px 64px -12px rgba(27, 31, 38, 0.14);
+  box-shadow: 0 32px 64px -12px rgba(27, 31, 38, 0.14);
 }
 
 .cat-elevation-hover-7:hover, .cat-elevation-hover-7:focus, .cat-elevation-hover-7:focus-within {
-  box-shadow: 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 32px 64px -12px rgba(27, 31, 38, 0.14);
+  box-shadow: 0 32px 64px -12px rgba(27, 31, 38, 0.14);
 }
 
 /**
@@ -1739,29 +1778,6 @@ code {
   --grid-min: 100%;
 }
 
-/**
- * Auto-generated file. Do not edit directly.
- */
-.cat-radius-l {
-  border-radius: var(--cat-border-radius-l, 0.5rem);
-}
-
-.cat-radius-m {
-  border-radius: var(--cat-border-radius-m, 0.25rem);
-}
-
-.cat-radius-s {
-  border-radius: var(--cat-border-radius-s, 0.125rem);
-}
-
-.cat-radius-0 {
-  border-radius: 0;
-}
-
-.cat-radius-full {
-  border-radius: 100rem;
-}
-
 /**
  * Auto-generated file. Do not edit directly.
  */

package/dist/catalyst/catalyst.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-d1fb9d96.js";export{s as setNonce}from"./p-d1fb9d96.js";const t=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};t().then((e=>a([["p-44e1b613",[[1,"cat-select-demo"],[1,"cat-input",{requiredMarker:[1,"required-marker"],horizontal:[4],autoComplete:[1,"auto-complete"],clearable:[4],disabled:[4],hint:[1],icon:[1],iconRight:[4,"icon-right"],identifier:[1],label:[1],labelHidden:[4,"label-hidden"],max:[8],maxLength:[2,"max-length"],min:[8],minLength:[2,"min-length"],name:[1],placeholder:[1],textPrefix:[1,"text-prefix"],textSuffix:[1,"text-suffix"],readonly:[4],required:[4],round:[4],type:[1],value:[1032],errors:[4],errorUpdate:[8,"error-update"],nativeAttributes:[16],hasSlottedLabel:[32],hasSlottedHint:[32],errorMap:[32],doFocus:[64],doBlur:[64],doClick:[64],clear:[64]}],[1,"cat-pagination",{page:[1026],pageCount:[2,"page-count"],activePadding:[2,"active-padding"],sidePadding:[2,"side-padding"],size:[1],variant:[1],round:[4],compact:[4],iconPrev:[1,"icon-prev"],iconNext:[1,"icon-next"]}],[1,"cat-tabs",{activeTab:[1,"active-tab"],tabsAlign:[1,"tabs-align"],tabs:[32],activeTabId:[32]},[[0,"keydown","onKeydown"]]],[1,"cat-alert",{color:[513],icon:[1],noIcon:[4,"no-icon"]}],[1,"cat-textarea",{requiredMarker:[1,"required-marker"],horizontal:[4],disabled:[4],hint:[1],identifier:[1],label:[1],labelHidden:[4,"label-hidden"],maxLength:[2,"max-length"],minLength:[2,"min-length"],name:[1],placeholder:[1],readonly:[4],required:[4],rows:[2],value:[1032],errors:[4],errorUpdate:[8,"error-update"],nativeAttributes:[16],hasSlottedLabel:[32],hasSlottedHint:[32],errorMap:[32],doFocus:[64],doBlur:[64],doClick:[64]}],[1,"cat-badge",{variant:[513],color:[513],size:[513],round:[516],pulse:[516]}],[1,"cat-card"],[1,"cat-form-group",{requiredMarker:[1,"required-marker"],labelSize:[1,"label-size"]}],[1,"cat-label",{requiredMarker:[1,"required-marker"],for:[1],required:[4]}],[1,"cat-radio",{checked:[1028],disabled:[4],identifier:[1],label:[1],labelHidden:[4,"label-hidden"],name:[1],required:[4],value:[1],hint:[1],labelLeft:[4,"label-left"],nativeAttributes:[16],hasSlottedLabel:[32],hasSlottedHint:[32],doFocus:[64],doBlur:[64],doClick:[64]}],[1,"cat-radio-group",{name:[1],value:[1025],disabled:[4],a11yLabel:[1,"a11y-label"],labelLeft:[4,"label-left"]},[[0,"keydown","onKeydown"],[0,"input","onInput"],[2,"blur","onBlur"]]],[1,"cat-tab",{label:[513],icon:[513],iconOnly:[520,"icon-only"],iconRight:[516,"icon-right"],url:[513],urlTarget:[513,"url-target"],deactivated:[516]},[[0,"click","onClick"]]],[1,"cat-toggle",{checked:[1028],disabled:[4],identifier:[1],label:[1],labelHidden:[4,"label-hidden"],name:[1],required:[4],value:[1032],hint:[1],labelLeft:[4,"label-left"],nativeAttributes:[16],hasSlottedLabel:[32],hasSlottedHint:[32],doFocus:[64],doBlur:[64],doClick:[64]}],[1,"cat-tooltip",{content:[1],disabled:[4],placement:[1],round:[4],size:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],longTouchDuration:[2,"long-touch-duration"],hasSlottedContent:[32]},[[0,"keydown","handleKeyDown"]]],[1,"cat-select",{requiredMarker:[1,"required-marker"],multiple:[4],debounce:[2],placement:[1],value:[1025],disabled:[4],placeholder:[1],hint:[1],identifier:[1],label:[1],name:[1],labelHidden:[4,"label-hidden"],required:[4],clearable:[4],tags:[4],tagHint:[1,"tag-hint"],noItems:[1,"no-items"],errors:[4],errorUpdate:[8,"error-update"],nativeAttributes:[16],connector:[32],state:[32],hasSlottedLabel:[32],hasSlottedHint:[32],errorMap:[32],connect:[64]},[[0,"blur","onBlur"],[0,"keydown","onKeyDown"],[0,"keyup","onKeyUp"]]],[1,"cat-dropdown",{placement:[1],noAutoClose:[4,"no-auto-close"],overflow:[4],close:[64]},[[0,"catClick","clickHandler"]]],[1,"cat-avatar",{size:[1],round:[4],label:[1],initials:[1],src:[1],icon:[1],url:[1],urlTarget:[1,"url-target"],backgroundImage:[32]}],[1,"cat-checkbox",{checked:[1028],disabled:[4],identifier:[1],indeterminate:[4],label:[1],labelHidden:[4,"label-hidden"],name:[1],required:[4],value:[1032],hint:[1],labelLeft:[4,"label-left"],nativeAttributes:[16],hasSlottedLabel:[32],hasSlottedHint:[32],doFocus:[64],doBlur:[64],doClick:[64]}],[1,"cat-scrollable",{noShadowX:[4,"no-shadow-x"],noShadowY:[4,"no-shadow-y"],noOverflowX:[4,"no-overflow-x"],noOverflowY:[4,"no-overflow-y"],noOverscroll:[4,"no-overscroll"],noScrolledInit:[4,"no-scrolled-init"],scrolledBuffer:[2,"scrolled-buffer"]}],[1,"cat-skeleton",{effect:[1],variant:[1],size:[1],lines:[2]}],[1,"cat-button",{variant:[1],color:[1],active:[4],size:[1],name:[1],value:[1],disabled:[4],loading:[4],submit:[4],noEllipsis:[4,"no-ellipsis"],round:[4],url:[1],urlTarget:[1,"url-target"],icon:[1],iconSrc:[1,"icon-src"],iconOnly:[8,"icon-only"],iconRight:[4,"icon-right"],buttonId:[1,"button-id"],a11yLabel:[1,"a11y-label"],a11yCurrent:[1,"a11y-current"],nativeAttributes:[16],_iconOnly:[32],doFocus:[64],doBlur:[64],doClick:[64]},[[0,"click","haltDisabledEvents"]]],[1,"cat-spinner",{size:[1],a11yLabel:[1,"a11y-label"]}],[1,"cat-icon",{icon:[1],iconSrc:[1,"icon-src"],size:[1],a11yLabel:[1,"a11y-label"]}]]]],e)));
+import{p as e,b as a}from"./p-d1fb9d96.js";export{s as setNonce}from"./p-d1fb9d96.js";const t=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};t().then((e=>a([["p-da9b125a",[[1,"cat-select-demo"],[1,"cat-input",{requiredMarker:[1,"required-marker"],horizontal:[4],autoComplete:[1,"auto-complete"],clearable:[4],disabled:[4],hint:[1],icon:[1],iconRight:[4,"icon-right"],identifier:[1],label:[1],labelHidden:[4,"label-hidden"],max:[8],maxLength:[2,"max-length"],min:[8],minLength:[2,"min-length"],name:[1],placeholder:[1],textPrefix:[1,"text-prefix"],textSuffix:[1,"text-suffix"],readonly:[4],required:[4],round:[4],type:[1],value:[1032],errors:[4],errorUpdate:[8,"error-update"],nativeAttributes:[16],hasSlottedLabel:[32],hasSlottedHint:[32],errorMap:[32],doFocus:[64],doBlur:[64],doClick:[64],clear:[64]}],[1,"cat-pagination",{page:[1026],pageCount:[2,"page-count"],activePadding:[2,"active-padding"],sidePadding:[2,"side-padding"],size:[1],variant:[1],round:[4],compact:[4],iconPrev:[1,"icon-prev"],iconNext:[1,"icon-next"]}],[1,"cat-tabs",{activeTab:[1,"active-tab"],tabsAlign:[1,"tabs-align"],tabs:[32],activeTabId:[32]},[[0,"keydown","onKeydown"]]],[1,"cat-alert",{color:[513],icon:[1],noIcon:[4,"no-icon"]}],[1,"cat-textarea",{requiredMarker:[1,"required-marker"],horizontal:[4],disabled:[4],hint:[1],identifier:[1],label:[1],labelHidden:[4,"label-hidden"],maxLength:[2,"max-length"],minLength:[2,"min-length"],name:[1],placeholder:[1],readonly:[4],required:[4],rows:[2],value:[1032],errors:[4],errorUpdate:[8,"error-update"],nativeAttributes:[16],hasSlottedLabel:[32],hasSlottedHint:[32],errorMap:[32],doFocus:[64],doBlur:[64],doClick:[64]}],[1,"cat-badge",{variant:[513],color:[513],size:[513],round:[516],pulse:[516]}],[1,"cat-card"],[1,"cat-form-group",{requiredMarker:[1,"required-marker"],labelSize:[1,"label-size"]}],[1,"cat-label",{requiredMarker:[1,"required-marker"],for:[1],required:[4]}],[1,"cat-radio",{checked:[1028],disabled:[4],identifier:[1],label:[1],labelHidden:[4,"label-hidden"],name:[1],required:[4],value:[1],hint:[1],labelLeft:[4,"label-left"],nativeAttributes:[16],hasSlottedLabel:[32],hasSlottedHint:[32],doFocus:[64],doBlur:[64],doClick:[64]}],[1,"cat-radio-group",{name:[1],value:[1025],disabled:[4],a11yLabel:[1,"a11y-label"],labelLeft:[4,"label-left"]},[[0,"keydown","onKeydown"],[0,"input","onInput"],[2,"blur","onBlur"]]],[1,"cat-tab",{label:[513],icon:[513],iconOnly:[520,"icon-only"],iconRight:[516,"icon-right"],url:[513],urlTarget:[513,"url-target"],deactivated:[516]},[[0,"click","onClick"]]],[1,"cat-toggle",{checked:[1028],disabled:[4],identifier:[1],label:[1],labelHidden:[4,"label-hidden"],name:[1],required:[4],value:[1032],hint:[1],labelLeft:[4,"label-left"],nativeAttributes:[16],hasSlottedLabel:[32],hasSlottedHint:[32],doFocus:[64],doBlur:[64],doClick:[64]}],[1,"cat-tooltip",{content:[1],disabled:[4],placement:[1],round:[4],size:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],longTouchDuration:[2,"long-touch-duration"],hasSlottedContent:[32]},[[0,"keydown","handleKeyDown"]]],[1,"cat-select",{requiredMarker:[1,"required-marker"],multiple:[4],debounce:[2],placement:[1],value:[1025],disabled:[4],placeholder:[1],hint:[1],identifier:[1],label:[1],name:[1],labelHidden:[4,"label-hidden"],required:[4],clearable:[4],tags:[4],tagHint:[1,"tag-hint"],noItems:[1,"no-items"],errors:[4],errorUpdate:[8,"error-update"],nativeAttributes:[16],connector:[32],state:[32],hasSlottedLabel:[32],hasSlottedHint:[32],errorMap:[32],connect:[64]},[[0,"blur","onBlur"],[0,"keydown","onKeyDown"],[0,"keyup","onKeyUp"]]],[1,"cat-dropdown",{placement:[1],noAutoClose:[4,"no-auto-close"],overflow:[4],close:[64]},[[0,"catClick","clickHandler"]]],[1,"cat-avatar",{size:[1],round:[4],label:[1],initials:[1],src:[1],icon:[1],url:[1],urlTarget:[1,"url-target"],backgroundImage:[32]}],[1,"cat-checkbox",{checked:[1028],disabled:[4],identifier:[1],indeterminate:[4],label:[1],labelHidden:[4,"label-hidden"],name:[1],required:[4],value:[1032],hint:[1],labelLeft:[4,"label-left"],nativeAttributes:[16],hasSlottedLabel:[32],hasSlottedHint:[32],doFocus:[64],doBlur:[64],doClick:[64]}],[1,"cat-scrollable",{noShadowX:[4,"no-shadow-x"],noShadowY:[4,"no-shadow-y"],noOverflowX:[4,"no-overflow-x"],noOverflowY:[4,"no-overflow-y"],noOverscroll:[4,"no-overscroll"],noScrolledInit:[4,"no-scrolled-init"],scrolledBuffer:[2,"scrolled-buffer"]}],[1,"cat-skeleton",{effect:[1],variant:[1],size:[1],lines:[2]}],[1,"cat-button",{variant:[1],color:[1],active:[4],size:[1],name:[1],value:[1],disabled:[4],loading:[4],submit:[4],noEllipsis:[4,"no-ellipsis"],round:[4],url:[1],urlTarget:[1,"url-target"],icon:[1],iconSrc:[1,"icon-src"],iconOnly:[8,"icon-only"],iconRight:[4,"icon-right"],buttonId:[1,"button-id"],a11yLabel:[1,"a11y-label"],a11yCurrent:[1,"a11y-current"],nativeAttributes:[16],_iconOnly:[32],doFocus:[64],doBlur:[64],doClick:[64]},[[0,"click","haltDisabledEvents"]]],[1,"cat-spinner",{size:[1],a11yLabel:[1,"a11y-label"]}],[1,"cat-icon",{icon:[1],iconSrc:[1,"icon-src"],size:[1],a11yLabel:[1,"a11y-label"]}]]]],e)));
 //# sourceMappingURL=catalyst.esm.js.map