@max-ts/kit 1.2.0 → 1.3.1

package/lib/styles.css

@@ -386,20 +386,20 @@ img, picture, video, canvas, svg {
   text-decoration-line: underline;
 }
 
-.sm__1ersxw19 {
+.small__1ersxw19 {
   height: 28px;
   padding: var(--spacing-1) var(--spacing-2);
   border-radius: var(--borderRadius-sm);
   font-size: var(--fontSize-xs);
 }
 
-.md__1ersxw1a {
+.medium__1ersxw1a {
   height: var(--spacing-8);
   padding: var(--spacing-1) var(--spacing-3);
   font-size: var(--fontSize-sm);
 }
 
-.lg__1ersxw1b {
+.large__1ersxw1b {
   height: 36px;
   padding: var(--spacing-2) var(--spacing-4);
   font-size: var(--fontSize-base);
@@ -410,7 +410,7 @@ img, picture, video, canvas, svg {
   width: var(--spacing-8);
 }
 
-.iconSm__1ersxw1d {
+.iconSmall__1ersxw1d {
   width: 28px;
   height: 28px;
 }
@@ -511,7 +511,7 @@ img, picture, video, canvas, svg {
   animation: .1s ease-in style__qmtpwy3, .1s ease-in style__qmtpwy1;
 }
 
-.style__qmtpwy5[data-size="default"], .style__qmtpwy5[data-size="sm"] {
+.style__qmtpwy5[data-size="medium"], .style__qmtpwy5[data-size="small"] {
   max-width: 20rem;
 }
 
@@ -538,7 +538,7 @@ img, picture, video, canvas, svg {
   display: flex;
 }
 
-.style__qmtpwy5[data-size="sm"] .style__qmtpwy7 {
+.style__qmtpwy5[data-size="small"] .style__qmtpwy7 {
   grid-template-columns: 1fr 1fr;
   display: grid;
 }
@@ -585,29 +585,29 @@ img, picture, video, canvas, svg {
 }
 
 @media (width >= 640px) {
-  .style__qmtpwy5[data-size="default"] {
+  .style__qmtpwy5[data-size="medium"] {
     max-width: 24rem;
   }
 
-  .style__qmtpwy5[data-size="default"] .style__qmtpwy6 {
+  .style__qmtpwy5[data-size="medium"] .style__qmtpwy6 {
     text-align: left;
     place-items: start;
   }
 
-  .style__qmtpwy5[data-size="default"] .style__qmtpwy6:has([data-slot="alert-dialog-media"]) {
+  .style__qmtpwy5[data-size="medium"] .style__qmtpwy6:has([data-slot="alert-dialog-media"]) {
     grid-template-rows: auto 1fr;
   }
 
-  .style__qmtpwy5[data-size="default"] .style__qmtpwy7 {
+  .style__qmtpwy5[data-size="medium"] .style__qmtpwy7 {
     flex-direction: row;
     justify-content: flex-end;
   }
 
-  .style__qmtpwy5[data-size="default"] .style__qmtpwy8 {
+  .style__qmtpwy5[data-size="medium"] .style__qmtpwy8 {
     grid-row: span 2;
   }
 
-  .style__qmtpwy5[data-size="default"] .style__qmtpwy9:has( ~ [data-slot="alert-dialog-media"]) {
+  .style__qmtpwy5[data-size="medium"] .style__qmtpwy9:has( ~ [data-slot="alert-dialog-media"]) {
     grid-column-start: 2;
   }
 }
@@ -626,6 +626,10 @@ img, picture, video, canvas, svg {
   position: relative;
 }
 
+.style__1rv6t1j0:hover {
+  border-color: var(--colors-primary);
+}
+
 .style__1rv6t1j0:focus-within {
   border-color: var(--colors-primary);
   box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
@@ -634,6 +638,7 @@ img, picture, video, canvas, svg {
 .style__1rv6t1j0:has([disabled]) {
   opacity: .5;
   background-color: var(--colors-background-element);
+  border-color: var(--colors-border);
 }
 
 .style__1rv6t1j0:has([aria-invalid="true"]) {
@@ -700,26 +705,26 @@ img, picture, video, canvas, svg {
   box-shadow: none;
 }
 
-.xs__1rv6t1j7 {
+.extraSmall__1rv6t1j7 {
   height: var(--spacing-6);
   gap: var(--spacing-1);
   padding: 0 var(--spacing-2);
   font-size: var(--fontSize-xs);
 }
 
-.sm__1rv6t1j8 {
+.small__1rv6t1j8 {
   height: 28px;
   padding: 0 var(--spacing-2);
   font-size: var(--fontSize-sm);
 }
 
-.icon-xs__1rv6t1j9 {
+.iconExtraSmall__1rv6t1j9 {
   width: var(--spacing-6);
   height: var(--spacing-6);
   padding: 0;
 }
 
-.icon-sm__1rv6t1ja {
+.iconSmall__1rv6t1ja {
   width: var(--spacing-8);
   height: var(--spacing-8);
   padding: 0;
@@ -1046,7 +1051,7 @@ img, picture, video, canvas, svg {
   flex: 1;
 }
 
-.icon-xs__1udu12rm {
+.iconExtraSmall__1udu12rm {
   width: var(--spacing-5);
   height: var(--spacing-5);
   padding: 0;
@@ -1325,12 +1330,12 @@ img, picture, video, canvas, svg {
   inset: 0;
 }
 
-.style__hhcrfl0[data-size="sm"] {
+.style__hhcrfl0[data-size="small"] {
   width: var(--spacing-6);
   height: var(--spacing-6);
 }
 
-.style__hhcrfl0[data-size="lg"] {
+.style__hhcrfl0[data-size="large"] {
   width: var(--spacing-10);
   height: var(--spacing-10);
 }
@@ -1355,7 +1360,7 @@ img, picture, video, canvas, svg {
   display: flex;
 }
 
-.style__hhcrfl0[data-size="sm"] .style__hhcrfl2 {
+.style__hhcrfl0[data-size="small"] .style__hhcrfl2 {
   font-size: var(--fontSize-xs);
 }
 
@@ -1378,12 +1383,12 @@ img, picture, video, canvas, svg {
   right: 0;
 }
 
-.style__hhcrfl0[data-size="sm"] .style__hhcrfl3 {
+.style__hhcrfl0[data-size="small"] .style__hhcrfl3 {
   width: var(--spacing-2);
   height: var(--spacing-2);
 }
 
-.style__hhcrfl0[data-size="lg"] .style__hhcrfl3 {
+.style__hhcrfl0[data-size="large"] .style__hhcrfl3 {
   width: var(--spacing-3);
   height: var(--spacing-3);
 }
@@ -1393,7 +1398,7 @@ img, picture, video, canvas, svg {
   height: var(--spacing-2);
 }
 
-.style__hhcrfl0[data-size="sm"] .style__hhcrfl3 svg {
+.style__hhcrfl0[data-size="small"] .style__hhcrfl3 svg {
   display: none;
 }
 
@@ -1424,12 +1429,12 @@ img, picture, video, canvas, svg {
   position: relative;
 }
 
-.style__hhcrfl4:has([data-size="sm"]) .style__hhcrfl5 {
+.style__hhcrfl4:has([data-size="small"]) .style__hhcrfl5 {
   width: var(--spacing-6);
   height: var(--spacing-6);
 }
 
-.style__hhcrfl4:has([data-size="lg"]) .style__hhcrfl5 {
+.style__hhcrfl4:has([data-size="large"]) .style__hhcrfl5 {
   width: var(--spacing-10);
   height: var(--spacing-10);
 }
@@ -1439,12 +1444,12 @@ img, picture, video, canvas, svg {
   height: var(--spacing-4);
 }
 
-.style__hhcrfl4:has([data-size="sm"]) .style__hhcrfl5 svg {
+.style__hhcrfl4:has([data-size="small"]) .style__hhcrfl5 svg {
   width: var(--spacing-3);
   height: var(--spacing-3);
 }
 
-.style__hhcrfl4:has([data-size="lg"]) .style__hhcrfl5 svg {
+.style__hhcrfl4:has([data-size="large"]) .style__hhcrfl5 svg {
   width: var(--spacing-5);
   height: var(--spacing-5);
 }
@@ -2150,15 +2155,15 @@ a.outline__1af895x4:hover {
   display: block;
 }
 
-.sm__1o97kvm1 {
+.small__1o97kvm1 {
   margin: auto auto var(--spacing-4);
 }
 
-.md__1o97kvm2 {
+.medium__1o97kvm2 {
   margin: auto auto var(--spacing-8);
 }
 
-.lg__1o97kvm3 {
+.large__1o97kvm3 {
   margin: auto auto var(--spacing-10);
 }
 
@@ -2179,15 +2184,15 @@ a.outline__1af895x4:hover {
   display: flex;
 }
 
-.sm__1nenzg01 {
+.small__1nenzg01 {
   gap: var(--spacing-4);
 }
 
-.md__1nenzg02 {
+.medium__1nenzg02 {
   gap: var(--spacing-8);
 }
 
-.lg__1nenzg03 {
+.large__1nenzg03 {
   gap: var(--spacing-10);
 }
 
@@ -2931,7 +2936,7 @@ a.outline__1af895x4:hover {
 }
 
 .Input__1blk89u0:hover {
-  background-color: color-mix(in oklch, var(--colors-background-elementHover) 40%, transparent);
+  outline-color: color-mix(in oklch, var(--colors-primary) 80%, transparent);
 }
 
 .outlined__1blk89u1 {
@@ -2953,6 +2958,10 @@ a.outline__1af895x4:hover {
   border-color: var(--colors-border);
 }
 
+.style__1blk89u4:hover {
+  outline-color: var(--colors-border);
+}
+
 .style__1blk89u5 {
   outline-color: var(--colors-error);
 }
@@ -2988,19 +2997,19 @@ a.outline__1af895x4:hover {
   cursor: not-allowed;
 }
 
-.sm__1blk89u7 {
+.small__1blk89u7 {
   height: 28px;
   padding: .125rem var(--spacing-2);
   font-size: var(--fontSize-sm);
 }
 
-.md__1blk89u8 {
+.medium__1blk89u8 {
   height: 32px;
   padding: var(--spacing-1) var(--spacing-3);
   font-size: var(--fontSize-base);
 }
 
-.lg__1blk89u9 {
+.large__1blk89u9 {
   height: 36px;
   padding: var(--spacing-2) var(--spacing-3);
   font-size: var(--fontSize-base);
@@ -4082,19 +4091,19 @@ a.outline__1af895x4:hover {
   border-color: var(--colors-primary);
 }
 
-.sm__1pnwkko2 {
+.small__1pnwkko2 {
   height: 28px;
   font-size: var(--fontSize-sm);
   padding-inline: var(--spacing-2);
 }
 
-.md__1pnwkko3 {
+.medium__1pnwkko3 {
   height: 32px;
   font-size: var(--fontSize-base);
   padding-inline: var(--spacing-2);
 }
 
-.lg__1pnwkko4 {
+.large__1pnwkko4 {
   height: 36px;
   padding-inline: var(--spacing-3);
   font-size: var(--fontSize-base);
@@ -4196,19 +4205,19 @@ a.outline__1af895x4:hover {
   opacity: .5;
 }
 
-.sm__5ilg7o3 {
+.small__5ilg7o3 {
   height: 28px;
   font-size: var(--fontSize-sm);
   padding: var(--spacing-1) var(--spacing-2);
 }
 
-.md__5ilg7o4 {
+.medium__5ilg7o4 {
   height: var(--spacing-8);
   font-size: var(--fontSize-base);
   padding: var(--spacing-2) var(--spacing-2);
 }
 
-.lg__5ilg7o5 {
+.large__5ilg7o5 {
   height: 36px;
   font-size: var(--fontSize-base);
   padding: var(--spacing-2) var(--spacing-2);
@@ -5038,17 +5047,17 @@ a.outline__1af895x4:hover {
   box-shadow: 0 0 0 1px var(--colors-background-elementHover);
 }
 
-.default__1xiua9nr {
+.medium__1xiua9nr {
   height: var(--spacing-8);
   font-size: var(--fontSize-sm);
 }
 
-.sm__1xiua9ns {
+.small__1xiua9ns {
   height: 1.75rem;
   font-size: var(--fontSize-xs);
 }
 
-.lg__1xiua9nt {
+.large__1xiua9nt {
   height: var(--spacing-12);
   font-size: var(--fontSize-sm);
 }
@@ -5063,7 +5072,7 @@ a.outline__1af895x4:hover {
   padding: var(--spacing-2);
 }
 
-.style__1xiua9n2[data-collapsible="icon"] .style__1xiua9no[data-size="lg"] {
+.style__1xiua9n2[data-collapsible="icon"] .style__1xiua9no[data-size="large"] {
   padding: 0;
 }
 
@@ -5123,15 +5132,15 @@ a.outline__1af895x4:hover {
   color: var(--colors-text-primary);
 }
 
-.style__1xiua9no[data-size="sm"] ~ .style__1xiua9nu {
+.style__1xiua9no[data-size="small"] ~ .style__1xiua9nu {
   top: var(--spacing-1);
 }
 
-.style__1xiua9no[data-size="default"] ~ .style__1xiua9nu {
+.style__1xiua9no[data-size="medium"] ~ .style__1xiua9nu {
   top: .375rem;
 }
 
-.style__1xiua9no[data-size="lg"] ~ .style__1xiua9nu {
+.style__1xiua9no[data-size="large"] ~ .style__1xiua9nu {
   top: .625rem;
 }
 
@@ -5166,15 +5175,15 @@ a.outline__1af895x4:hover {
   color: var(--colors-text-primary);
 }
 
-.style__1xiua9no[data-size="sm"] ~ .style__1xiua9nv {
+.style__1xiua9no[data-size="small"] ~ .style__1xiua9nv {
   top: var(--spacing-1);
 }
 
-.style__1xiua9no[data-size="default"] ~ .style__1xiua9nv {
+.style__1xiua9no[data-size="medium"] ~ .style__1xiua9nv {
   top: .375rem;
 }
 
-.style__1xiua9no[data-size="lg"] ~ .style__1xiua9nv {
+.style__1xiua9no[data-size="large"] ~ .style__1xiua9nv {
   top: .625rem;
 }
 
@@ -5269,11 +5278,11 @@ a.outline__1af895x4:hover {
   color: var(--colors-text-primary);
 }
 
-.sm__1xiua9n13 {
+.small__1xiua9n13 {
   font-size: var(--fontSize-xs);
 }
 
-.md__1xiua9n14 {
+.medium__1xiua9n14 {
   font-size: var(--fontSize-sm);
 }
 
@@ -5373,19 +5382,19 @@ a.outline__1af895x4:hover {
   box-shadow: var(--elevation-3);
 }
 
-.sm__hworoa2 {
+.small__hworoa2 {
   height: 28px;
   font-size: var(--fontSize-sm);
   padding: var(--spacing-1) var(--spacing-2);
 }
 
-.md__hworoa3 {
+.medium__hworoa3 {
   height: var(--spacing-8);
   font-size: var(--fontSize-base);
   padding: var(--spacing-2) var(--spacing-3);
 }
 
-.lg__hworoa4 {
+.large__hworoa4 {
   height: 36px;
   font-size: var(--fontSize-base);
   padding: var(--spacing-2) var(--spacing-4);
@@ -5428,10 +5437,15 @@ a.outline__1af895x4:hover {
   box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
 }
 
+.style__1a927tn0:hover {
+  border-color: var(--colors-primary);
+}
+
 .style__1a927tn0:disabled {
   cursor: not-allowed;
   opacity: .5;
   background-color: var(--colors-background-element);
+  border-color: var(--colors-border);
 }
 
 .style__1a927tn0[aria-invalid="true"] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/kit",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",