@mantine/core 7.6.0 → 7.6.1

package/styles/NumberInput.css

@@ -1 +1,89 @@
-.m-e2f5cd4e{--ni-right-section-width-xs:calc(1.0625rem*var(--mantine-scale));--ni-right-section-width-sm:calc(1.5rem*var(--mantine-scale));--ni-right-section-width-md:calc(1.6875rem*var(--mantine-scale));--ni-right-section-width-lg:calc(1.9375rem*var(--mantine-scale));--ni-right-section-width-xl:calc(2.125rem*var(--mantine-scale))}.m-95e17d22{--ni-chevron-size-xs:calc(0.625rem*var(--mantine-scale));--ni-chevron-size-sm:calc(0.875rem*var(--mantine-scale));--ni-chevron-size-md:calc(1rem*var(--mantine-scale));--ni-chevron-size-lg:calc(1.125rem*var(--mantine-scale));--ni-chevron-size-xl:calc(1.25rem*var(--mantine-scale));--ni-chevron-size:var(--ni-chevron-size-sm);display:flex;flex-direction:column;height:calc(var(--input-height) - .125rem*var(--mantine-scale));margin-inline-start:auto;max-width:calc(var(--ni-chevron-size)*1.7);width:100%}.m-80b4b171{--control-border:calc(0.0625rem*var(--mantine-scale)) solid var(--input-bd);--control-radius:calc(var(--input-radius) - 0.0625rem*var(--mantine-scale));align-items:center;background-color:transparent;border-inline-start:var(--control-border);color:var(--mantine-color-text);cursor:pointer;display:flex;flex:0 0 50%;height:calc(var(--input-height)/2 - .0625rem*var(--mantine-scale));justify-content:center;padding:0;width:100%}.m-80b4b171:where(:disabled){background-color:transparent;cursor:not-allowed;opacity:.6}:where([data-mantine-color-scheme=light]) .m-80b4b171:where(:disabled){color:var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m-80b4b171:where(:disabled){color:var(--mantine-color-dark-3)}.m-e2f5cd4e[data-error] :where(.m-80b4b171){color:var(--mantine-color-error)}@media (hover:hover){:where([data-mantine-color-scheme=light]) .m-80b4b171:hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m-80b4b171:hover{background-color:var(--mantine-color-dark-4)}}@media (hover:none){:where([data-mantine-color-scheme=light]) .m-80b4b171:active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m-80b4b171:active{background-color:var(--mantine-color-dark-4)}}.m-80b4b171:where(:first-of-type){border-radius:0;border-start-end-radius:var(--control-radius)}.m-80b4b171:last-of-type{border-end-end-radius:var(--control-radius);border-radius:0;border-top:calc(.0625rem*var(--mantine-scale)) solid var(--input-bd)}
+.m-e2f5cd4e {
+  --ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale));
+  --ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale));
+  --ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale));
+  --ni-right-section-width-lg: calc(1.9375rem * var(--mantine-scale));
+  --ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale));
+}
+
+.m-95e17d22 {
+  --ni-chevron-size-xs: calc(0.625rem * var(--mantine-scale));
+  --ni-chevron-size-sm: calc(0.875rem * var(--mantine-scale));
+  --ni-chevron-size-md: calc(1rem * var(--mantine-scale));
+  --ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale));
+  --ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale));
+  --ni-chevron-size: var(--ni-chevron-size-sm);
+
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
+  max-width: calc(var(--ni-chevron-size) * 1.7);
+  margin-inline-start: auto;
+}
+
+.m-80b4b171 {
+  --control-border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
+  --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));
+
+  flex: 0 0 50%;
+  width: 100%;
+  padding: 0;
+  height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
+  border-inline-start: var(--control-border);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--mantine-color-text);
+  background-color: transparent;
+  cursor: pointer;
+}
+
+.m-80b4b171:where(:disabled) {
+    background-color: transparent;
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+:where([data-mantine-color-scheme='light']) .m-80b4b171:where(:disabled) {
+      color: var(--mantine-color-gray-4);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-80b4b171:where(:disabled) {
+      color: var(--mantine-color-dark-3);
+}
+
+.m-e2f5cd4e[data-error] :where(.m-80b4b171) {
+    color: var(--mantine-color-error);
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m-80b4b171:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m-80b4b171:hover {
+      background-color: var(--mantine-color-dark-4);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m-80b4b171:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m-80b4b171:active {
+      background-color: var(--mantine-color-dark-4);
+  }
+}
+
+.m-80b4b171:where(:first-of-type) {
+    border-radius: 0;
+    border-start-end-radius: var(--control-radius);
+  }
+
+.m-80b4b171:last-of-type {
+    border-top: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
+    border-radius: 0;
+    border-end-end-radius: var(--control-radius);
+  }

package/styles/NumberInput.layer.css

@@ -0,0 +1,90 @@
+@layer mantine {.m-e2f5cd4e {
+  --ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale));
+  --ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale));
+  --ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale));
+  --ni-right-section-width-lg: calc(1.9375rem * var(--mantine-scale));
+  --ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale));
+}
+
+.m-95e17d22 {
+  --ni-chevron-size-xs: calc(0.625rem * var(--mantine-scale));
+  --ni-chevron-size-sm: calc(0.875rem * var(--mantine-scale));
+  --ni-chevron-size-md: calc(1rem * var(--mantine-scale));
+  --ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale));
+  --ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale));
+  --ni-chevron-size: var(--ni-chevron-size-sm);
+
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
+  max-width: calc(var(--ni-chevron-size) * 1.7);
+  margin-inline-start: auto;
+}
+
+.m-80b4b171 {
+  --control-border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
+  --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));
+
+  flex: 0 0 50%;
+  width: 100%;
+  padding: 0;
+  height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
+  border-inline-start: var(--control-border);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--mantine-color-text);
+  background-color: transparent;
+  cursor: pointer;
+}
+
+.m-80b4b171:where(:disabled) {
+    background-color: transparent;
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+:where([data-mantine-color-scheme='light']) .m-80b4b171:where(:disabled) {
+      color: var(--mantine-color-gray-4);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-80b4b171:where(:disabled) {
+      color: var(--mantine-color-dark-3);
+}
+
+.m-e2f5cd4e[data-error] :where(.m-80b4b171) {
+    color: var(--mantine-color-error);
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m-80b4b171:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m-80b4b171:hover {
+      background-color: var(--mantine-color-dark-4);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m-80b4b171:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m-80b4b171:active {
+      background-color: var(--mantine-color-dark-4);
+  }
+}
+
+.m-80b4b171:where(:first-of-type) {
+    border-radius: 0;
+    border-start-end-radius: var(--control-radius);
+  }
+
+.m-80b4b171:last-of-type {
+    border-top: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
+    border-radius: 0;
+    border-end-end-radius: var(--control-radius);
+  }
+}

package/styles/Overlay.css

@@ -1 +1,19 @@
-.m-9814e45f{backdrop-filter:var(--overlay-filter);-webkit-backdrop-filter:var(--overlay-filter);background:var(--overlay-bg,rgba(0,0,0,.6));border-radius:var(--overlay-radius,0);inset:0;position:absolute;z-index:var(--overlay-z-index)}.m-9814e45f:where([data-fixed]){position:fixed}.m-9814e45f:where([data-center]){align-items:center;display:flex;justify-content:center}
+.m-9814e45f {
+  inset: 0;
+  position: absolute;
+  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
+  backdrop-filter: var(--overlay-filter);
+  -webkit-backdrop-filter: var(--overlay-filter);
+  border-radius: var(--overlay-radius, 0);
+  z-index: var(--overlay-z-index);
+}
+
+  .m-9814e45f:where([data-fixed]) {
+    position: fixed;
+  }
+
+  .m-9814e45f:where([data-center]) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }

package/styles/Overlay.layer.css

@@ -0,0 +1,20 @@
+@layer mantine {.m-9814e45f {
+  inset: 0;
+  position: absolute;
+  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
+  backdrop-filter: var(--overlay-filter);
+  -webkit-backdrop-filter: var(--overlay-filter);
+  border-radius: var(--overlay-radius, 0);
+  z-index: var(--overlay-z-index);
+}
+
+  .m-9814e45f:where([data-fixed]) {
+    position: fixed;
+  }
+
+  .m-9814e45f:where([data-center]) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}

package/styles/Pagination.css

@@ -1 +1,96 @@
-.m-4addd315{--pagination-control-size-xs:calc(1.375rem*var(--mantine-scale));--pagination-control-size-sm:calc(1.625rem*var(--mantine-scale));--pagination-control-size-md:calc(2rem*var(--mantine-scale));--pagination-control-size-lg:calc(2.375rem*var(--mantine-scale));--pagination-control-size-xl:calc(2.75rem*var(--mantine-scale));--pagination-control-size:var(--pagination-control-size-md);--pagination-control-fz:var(--mantine-font-size-md);--pagination-active-bg:var(--mantine-primary-color-filled)}.m-326d024a{align-items:center;border:calc(.0625rem*var(--mantine-scale)) solid;border-radius:var(--pagination-control-radius,var(--mantine-radius-default));color:var(--mantine-color-text);cursor:pointer;display:flex;font-size:var(--pagination-control-fz);height:var(--pagination-control-size);justify-content:center;line-height:1;min-width:var(--pagination-control-size)}.m-326d024a:where([data-with-padding]){padding:calc(var(--pagination-control-size)/4)}.m-326d024a:where(:disabled,[data-disabled]){cursor:not-allowed;opacity:.4}:where([data-mantine-color-scheme=light]) .m-326d024a{background-color:var(--mantine-color-white);border-color:var(--mantine-color-gray-4)}@media (hover:hover){:where([data-mantine-color-scheme=light]) .m-326d024a:hover:where(:not(:disabled,[data-disabled])){background-color:var(--mantine-color-gray-0)}}@media (hover:none){:where([data-mantine-color-scheme=light]) .m-326d024a:active:where(:not(:disabled,[data-disabled])){background-color:var(--mantine-color-gray-0)}}:where([data-mantine-color-scheme=dark]) .m-326d024a{background-color:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4)}@media (hover:hover){:where([data-mantine-color-scheme=dark]) .m-326d024a:hover:where(:not(:disabled,[data-disabled])){background-color:var(--mantine-color-dark-5)}}@media (hover:none){:where([data-mantine-color-scheme=dark]) .m-326d024a:active:where(:not(:disabled,[data-disabled])){background-color:var(--mantine-color-dark-5)}}.m-326d024a:where([data-active]){background-color:var(--pagination-active-bg);border-color:var(--pagination-active-bg);color:var(--pagination-active-color,var(--mantine-color-white))}@media (hover:hover){.m-326d024a:where([data-active]):hover{background-color:var(--pagination-active-bg)}}@media (hover:none){.m-326d024a:where([data-active]):active{background-color:var(--pagination-active-bg)}}.m-4ad7767d{align-items:center;display:flex;height:var(--pagination-control-size);justify-content:center;min-width:var(--pagination-control-size);pointer-events:none}
+.m-4addd315 {
+  --pagination-control-size-xs: calc(1.375rem * var(--mantine-scale));
+  --pagination-control-size-sm: calc(1.625rem * var(--mantine-scale));
+  --pagination-control-size-md: calc(2rem * var(--mantine-scale));
+  --pagination-control-size-lg: calc(2.375rem * var(--mantine-scale));
+  --pagination-control-size-xl: calc(2.75rem * var(--mantine-scale));
+  --pagination-control-size: var(--pagination-control-size-md);
+  --pagination-control-fz: var(--mantine-font-size-md);
+  --pagination-active-bg: var(--mantine-primary-color-filled);
+}
+
+.m-326d024a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: calc(0.0625rem * var(--mantine-scale)) solid;
+  cursor: pointer;
+  color: var(--mantine-color-text);
+  height: var(--pagination-control-size);
+  min-width: var(--pagination-control-size);
+  font-size: var(--pagination-control-fz);
+  line-height: 1;
+  border-radius: var(--pagination-control-radius, var(--mantine-radius-default));
+}
+
+.m-326d024a:where([data-with-padding]) {
+    padding: calc(var(--pagination-control-size) / 4);
+  }
+
+.m-326d024a:where(:disabled, [data-disabled]) {
+    cursor: not-allowed;
+    opacity: 0.4;
+  }
+
+:where([data-mantine-color-scheme='light']) .m-326d024a {
+    border-color: var(--mantine-color-gray-4);
+    background-color: var(--mantine-color-white);
+}
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) .m-326d024a:hover:where(:not(:disabled, [data-disabled])) {
+        background-color: var(--mantine-color-gray-0);
+      }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) .m-326d024a:active:where(:not(:disabled, [data-disabled])) {
+        background-color: var(--mantine-color-gray-0);
+      }
+}
+
+:where([data-mantine-color-scheme='dark']) .m-326d024a {
+    border-color: var(--mantine-color-dark-4);
+    background-color: var(--mantine-color-dark-6);
+}
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='dark']) .m-326d024a:hover:where(:not(:disabled, [data-disabled])) {
+        background-color: var(--mantine-color-dark-5);
+      }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='dark']) .m-326d024a:active:where(:not(:disabled, [data-disabled])) {
+        background-color: var(--mantine-color-dark-5);
+      }
+}
+
+.m-326d024a:where([data-active]) {
+    background-color: var(--pagination-active-bg);
+    border-color: var(--pagination-active-bg);
+    color: var(--pagination-active-color, var(--mantine-color-white));
+  }
+
+@media (hover: hover) {
+
+  .m-326d024a:where([data-active]):hover {
+      background-color: var(--pagination-active-bg);
+  }
+}
+
+@media (hover: none) {
+
+  .m-326d024a:where([data-active]):active {
+      background-color: var(--pagination-active-bg);
+  }
+}
+
+.m-4ad7767d {
+  height: var(--pagination-control-size);
+  min-width: var(--pagination-control-size);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+}

package/styles/Pagination.layer.css

@@ -0,0 +1,97 @@
+@layer mantine {.m-4addd315 {
+  --pagination-control-size-xs: calc(1.375rem * var(--mantine-scale));
+  --pagination-control-size-sm: calc(1.625rem * var(--mantine-scale));
+  --pagination-control-size-md: calc(2rem * var(--mantine-scale));
+  --pagination-control-size-lg: calc(2.375rem * var(--mantine-scale));
+  --pagination-control-size-xl: calc(2.75rem * var(--mantine-scale));
+  --pagination-control-size: var(--pagination-control-size-md);
+  --pagination-control-fz: var(--mantine-font-size-md);
+  --pagination-active-bg: var(--mantine-primary-color-filled);
+}
+
+.m-326d024a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: calc(0.0625rem * var(--mantine-scale)) solid;
+  cursor: pointer;
+  color: var(--mantine-color-text);
+  height: var(--pagination-control-size);
+  min-width: var(--pagination-control-size);
+  font-size: var(--pagination-control-fz);
+  line-height: 1;
+  border-radius: var(--pagination-control-radius, var(--mantine-radius-default));
+}
+
+.m-326d024a:where([data-with-padding]) {
+    padding: calc(var(--pagination-control-size) / 4);
+  }
+
+.m-326d024a:where(:disabled, [data-disabled]) {
+    cursor: not-allowed;
+    opacity: 0.4;
+  }
+
+:where([data-mantine-color-scheme='light']) .m-326d024a {
+    border-color: var(--mantine-color-gray-4);
+    background-color: var(--mantine-color-white);
+}
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) .m-326d024a:hover:where(:not(:disabled, [data-disabled])) {
+        background-color: var(--mantine-color-gray-0);
+      }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) .m-326d024a:active:where(:not(:disabled, [data-disabled])) {
+        background-color: var(--mantine-color-gray-0);
+      }
+}
+
+:where([data-mantine-color-scheme='dark']) .m-326d024a {
+    border-color: var(--mantine-color-dark-4);
+    background-color: var(--mantine-color-dark-6);
+}
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='dark']) .m-326d024a:hover:where(:not(:disabled, [data-disabled])) {
+        background-color: var(--mantine-color-dark-5);
+      }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='dark']) .m-326d024a:active:where(:not(:disabled, [data-disabled])) {
+        background-color: var(--mantine-color-dark-5);
+      }
+}
+
+.m-326d024a:where([data-active]) {
+    background-color: var(--pagination-active-bg);
+    border-color: var(--pagination-active-bg);
+    color: var(--pagination-active-color, var(--mantine-color-white));
+  }
+
+@media (hover: hover) {
+
+  .m-326d024a:where([data-active]):hover {
+      background-color: var(--pagination-active-bg);
+  }
+}
+
+@media (hover: none) {
+
+  .m-326d024a:where([data-active]):active {
+      background-color: var(--pagination-active-bg);
+  }
+}
+
+.m-4ad7767d {
+  height: var(--pagination-control-size);
+  min-width: var(--pagination-control-size);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+}
+}

package/styles/Paper.css

@@ -1 +1,20 @@
-.m-1b7284a3{--paper-radius:var(--mantine-radius-default);-webkit-tap-highlight-color:transparent;background-color:var(--mantine-color-body);border-radius:var(--paper-radius);box-shadow:var(--paper-shadow);display:block;outline:0;text-decoration:none;touch-action:manipulation}:where([data-mantine-color-scheme=light]) .m-1b7284a3:where([data-with-border]){border:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m-1b7284a3:where([data-with-border]){border:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-color-dark-4)}
+.m-1b7284a3 {
+  --paper-radius: var(--mantine-radius-default);
+
+  outline: 0;
+  -webkit-tap-highlight-color: transparent;
+  display: block;
+  touch-action: manipulation;
+  text-decoration: none;
+  border-radius: var(--paper-radius);
+  box-shadow: var(--paper-shadow);
+  background-color: var(--mantine-color-body);
+}
+
+  :where([data-mantine-color-scheme='light']) .m-1b7284a3:where([data-with-border]) {
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m-1b7284a3:where([data-with-border]) {
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
+}

package/styles/Paper.layer.css

@@ -0,0 +1,21 @@
+@layer mantine {.m-1b7284a3 {
+  --paper-radius: var(--mantine-radius-default);
+
+  outline: 0;
+  -webkit-tap-highlight-color: transparent;
+  display: block;
+  touch-action: manipulation;
+  text-decoration: none;
+  border-radius: var(--paper-radius);
+  box-shadow: var(--paper-shadow);
+  background-color: var(--mantine-color-body);
+}
+
+  :where([data-mantine-color-scheme='light']) .m-1b7284a3:where([data-with-border]) {
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m-1b7284a3:where([data-with-border]) {
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
+}
+}

package/styles/PasswordInput.css

@@ -1 +1,58 @@
-.m-f61ca620{--psi-button-size-xs:calc(1.375rem*var(--mantine-scale));--psi-button-size-sm:calc(1.625rem*var(--mantine-scale));--psi-button-size-md:calc(1.75rem*var(--mantine-scale));--psi-button-size-lg:calc(2rem*var(--mantine-scale));--psi-button-size-xl:calc(2.5rem*var(--mantine-scale));--psi-icon-size-xs:calc(0.75rem*var(--mantine-scale));--psi-icon-size-sm:calc(0.9375rem*var(--mantine-scale));--psi-icon-size-md:calc(1.0625rem*var(--mantine-scale));--psi-icon-size-lg:calc(1.1875rem*var(--mantine-scale));--psi-icon-size-xl:calc(1.3125rem*var(--mantine-scale));--psi-button-size:var(--psi-button-size-sm);--psi-icon-size:var(--psi-icon-size-sm)}.m-ccf8da4c{overflow:hidden;position:relative}.m-f2d85dd2{background-color:transparent;border:0;color:inherit;font-family:var(--mantine-font-family);font-size:inherit;height:100%;inset:0;line-height:var(--mantine-line-height);outline:0;padding-inline-end:var(--input-padding-inline-end);padding-inline-start:var(--input-padding-inline-start);position:absolute;width:100%}.m-ccf8da4c[data-disabled] .m-f2d85dd2,.m-f2d85dd2:disabled{cursor:not-allowed}.m-f2d85dd2::placeholder{color:var(--input-placeholder-color);opacity:1}.m-b1072d44{height:var(--psi-button-size);min-height:var(--psi-button-size);min-width:var(--psi-button-size);width:var(--psi-button-size)}.m-b1072d44:disabled{display:none}
+.m-f61ca620 {
+  --psi-button-size-xs: calc(1.375rem * var(--mantine-scale));
+  --psi-button-size-sm: calc(1.625rem * var(--mantine-scale));
+  --psi-button-size-md: calc(1.75rem * var(--mantine-scale));
+  --psi-button-size-lg: calc(2rem * var(--mantine-scale));
+  --psi-button-size-xl: calc(2.5rem * var(--mantine-scale));
+
+  --psi-icon-size-xs: calc(0.75rem * var(--mantine-scale));
+  --psi-icon-size-sm: calc(0.9375rem * var(--mantine-scale));
+  --psi-icon-size-md: calc(1.0625rem * var(--mantine-scale));
+  --psi-icon-size-lg: calc(1.1875rem * var(--mantine-scale));
+  --psi-icon-size-xl: calc(1.3125rem * var(--mantine-scale));
+
+  --psi-button-size: var(--psi-button-size-sm);
+  --psi-icon-size: var(--psi-icon-size-sm);
+}
+
+.m-ccf8da4c {
+  position: relative;
+  overflow: hidden;
+}
+
+.m-f2d85dd2 {
+  font-family: var(--mantine-font-family);
+  background-color: transparent;
+  border: 0;
+  padding-inline-end: var(--input-padding-inline-end);
+  padding-inline-start: var(--input-padding-inline-start);
+  position: absolute;
+  inset: 0;
+  outline: 0;
+  font-size: inherit;
+  line-height: var(--mantine-line-height);
+  height: 100%;
+  width: 100%;
+  color: inherit;
+}
+
+.m-ccf8da4c[data-disabled] .m-f2d85dd2,
+  .m-f2d85dd2:disabled {
+    cursor: not-allowed;
+  }
+
+.m-f2d85dd2::placeholder {
+    color: var(--input-placeholder-color);
+    opacity: 1;
+  }
+
+.m-b1072d44 {
+  width: var(--psi-button-size);
+  height: var(--psi-button-size);
+  min-width: var(--psi-button-size);
+  min-height: var(--psi-button-size);
+}
+
+.m-b1072d44:disabled {
+    display: none;
+  }

package/styles/PasswordInput.layer.css

@@ -0,0 +1,59 @@
+@layer mantine {.m-f61ca620 {
+  --psi-button-size-xs: calc(1.375rem * var(--mantine-scale));
+  --psi-button-size-sm: calc(1.625rem * var(--mantine-scale));
+  --psi-button-size-md: calc(1.75rem * var(--mantine-scale));
+  --psi-button-size-lg: calc(2rem * var(--mantine-scale));
+  --psi-button-size-xl: calc(2.5rem * var(--mantine-scale));
+
+  --psi-icon-size-xs: calc(0.75rem * var(--mantine-scale));
+  --psi-icon-size-sm: calc(0.9375rem * var(--mantine-scale));
+  --psi-icon-size-md: calc(1.0625rem * var(--mantine-scale));
+  --psi-icon-size-lg: calc(1.1875rem * var(--mantine-scale));
+  --psi-icon-size-xl: calc(1.3125rem * var(--mantine-scale));
+
+  --psi-button-size: var(--psi-button-size-sm);
+  --psi-icon-size: var(--psi-icon-size-sm);
+}
+
+.m-ccf8da4c {
+  position: relative;
+  overflow: hidden;
+}
+
+.m-f2d85dd2 {
+  font-family: var(--mantine-font-family);
+  background-color: transparent;
+  border: 0;
+  padding-inline-end: var(--input-padding-inline-end);
+  padding-inline-start: var(--input-padding-inline-start);
+  position: absolute;
+  inset: 0;
+  outline: 0;
+  font-size: inherit;
+  line-height: var(--mantine-line-height);
+  height: 100%;
+  width: 100%;
+  color: inherit;
+}
+
+.m-ccf8da4c[data-disabled] .m-f2d85dd2,
+  .m-f2d85dd2:disabled {
+    cursor: not-allowed;
+  }
+
+.m-f2d85dd2::placeholder {
+    color: var(--input-placeholder-color);
+    opacity: 1;
+  }
+
+.m-b1072d44 {
+  width: var(--psi-button-size);
+  height: var(--psi-button-size);
+  min-width: var(--psi-button-size);
+  min-height: var(--psi-button-size);
+}
+
+.m-b1072d44:disabled {
+    display: none;
+  }
+}