@mantine/core 8.3.1 → 8.3.3

package/styles/PillsInput.layer.css

@@ -1,46 +0,0 @@
-@layer mantine {.m_45c4369d {
-  background-color: transparent;
-  appearance: none;
-  min-width: 100px;
-  flex: 1;
-  border: 0;
-  font-size: inherit;
-  height: 1.6em;
-  color: inherit;
-  padding: 0;
-}
-
-  .m_45c4369d::placeholder {
-    color: var(--input-placeholder-color);
-    opacity: 1;
-  }
-
-  .m_45c4369d:where([data-type='hidden'], [data-type='auto']) {
-    height: 1px;
-    width: 1px;
-    top: 0;
-    left: 0;
-    pointer-events: none;
-    position: absolute;
-    opacity: 0;
-  }
-
-  .m_45c4369d:focus {
-    outline: none;
-  }
-
-  .m_45c4369d:where([data-type='auto']:focus) {
-    height: 1.6em;
-    visibility: visible;
-    opacity: 1;
-    position: static;
-  }
-
-  .m_45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
-    cursor: pointer;
-  }
-
-  .m_45c4369d:where([data-disabled], :disabled) {
-    cursor: not-allowed;
-  }
-}

package/styles/PinInput.css

@@ -1,13 +0,0 @@
-.m_f1cb205a {
-  --pin-input-size-xs: 30px;
-  --pin-input-size-sm: 36px;
-  --pin-input-size-md: 42px;
-  --pin-input-size-lg: 50px;
-  --pin-input-size-xl: 60px;
-  --pin-input-size: var(--pin-input-size-sm);
-}
-
-.m_cb288ead {
-  width: var(--pin-input-size);
-  height: var(--pin-input-size);
-}

package/styles/PinInput.layer.css

@@ -1,14 +0,0 @@
-@layer mantine {.m_f1cb205a {
-  --pin-input-size-xs: 30px;
-  --pin-input-size-sm: 36px;
-  --pin-input-size-md: 42px;
-  --pin-input-size-lg: 50px;
-  --pin-input-size-xl: 60px;
-  --pin-input-size: var(--pin-input-size-sm);
-}
-
-.m_cb288ead {
-  width: var(--pin-input-size);
-  height: var(--pin-input-size);
-}
-}

package/styles/Popover.css

@@ -1,36 +0,0 @@
-.m_38a85659 {
-  position: absolute;
-  border: 1px solid var(--popover-border-color);
-  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
-  box-shadow: var(--popover-shadow, none);
-  border-radius: var(--popover-radius, var(--mantine-radius-default));
-}
-
-  .m_38a85659:where([data-fixed]) {
-    position: fixed;
-  }
-
-  .m_38a85659:focus {
-    outline: none;
-  }
-
-  :where([data-mantine-color-scheme='light']) .m_38a85659 {
-    --popover-border-color: var(--mantine-color-gray-2);
-    background-color: var(--mantine-color-white);
-}
-
-  :where([data-mantine-color-scheme='dark']) .m_38a85659 {
-    --popover-border-color: var(--mantine-color-dark-4);
-    background-color: var(--mantine-color-dark-6);
-}
-
-.m_a31dc6c1 {
-  background-color: inherit;
-  border: 1px solid var(--popover-border-color);
-  z-index: 1;
-}
-
-.m_3d7bc908 {
-  position: fixed;
-  inset: 0;
-}

package/styles/Popover.layer.css

@@ -1,37 +0,0 @@
-@layer mantine {.m_38a85659 {
-  position: absolute;
-  border: 1px solid var(--popover-border-color);
-  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
-  box-shadow: var(--popover-shadow, none);
-  border-radius: var(--popover-radius, var(--mantine-radius-default));
-}
-
-  .m_38a85659:where([data-fixed]) {
-    position: fixed;
-  }
-
-  .m_38a85659:focus {
-    outline: none;
-  }
-
-  :where([data-mantine-color-scheme='light']) .m_38a85659 {
-    --popover-border-color: var(--mantine-color-gray-2);
-    background-color: var(--mantine-color-white);
-}
-
-  :where([data-mantine-color-scheme='dark']) .m_38a85659 {
-    --popover-border-color: var(--mantine-color-dark-4);
-    background-color: var(--mantine-color-dark-6);
-}
-
-.m_a31dc6c1 {
-  background-color: inherit;
-  border: 1px solid var(--popover-border-color);
-  z-index: 1;
-}
-
-.m_3d7bc908 {
-  position: fixed;
-  inset: 0;
-}
-}

package/styles/Progress.css

@@ -1,142 +0,0 @@
-@keyframes m_81a374bd {
-  0% {
-    background-position: 0 0;
-  }
-
-  100% {
-    background-position: 40px 0;
-  }
-}
-
-@keyframes m_e0fb7a86 {
-  0% {
-    background-position: 0 0;
-  }
-
-  100% {
-    background-position: 0 40px;
-  }
-}
-
-.m_db6d6462 {
-  --progress-radius: var(--mantine-radius-default);
-  --progress-size: var(--progress-size-md);
-
-  --progress-size-xs: 3px;
-  --progress-size-sm: 5px;
-  --progress-size-md: 8px;
-  --progress-size-lg: 12px;
-  --progress-size-xl: 16px;
-
-  position: relative;
-  height: var(--progress-size);
-  border-radius: var(--progress-radius);
-  overflow: hidden;
-  display: flex;
-}
-
-:where([data-mantine-color-scheme='light']) .m_db6d6462 {
-    background-color: var(--mantine-color-gray-2);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_db6d6462 {
-    background-color: var(--mantine-color-dark-4);
-}
-
-.m_db6d6462:where([data-orientation='vertical']) {
-    height: auto;
-    width: var(--progress-size);
-    flex-direction: column-reverse;
-  }
-
-.m_2242eb65 {
-  background-color: var(--progress-section-color);
-  height: 100%;
-  width: var(--progress-section-size);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  background-size: 20px 20px;
-  transition: width var(--progress-transition-duration, 100ms) ease;
-}
-
-.m_2242eb65:where([data-striped]) {
-    background-image: linear-gradient(
-      45deg,
-      rgba(255, 255, 255, 0.15) 25%,
-      transparent 25%,
-      transparent 50%,
-      rgba(255, 255, 255, 0.15) 50%,
-      rgba(255, 255, 255, 0.15) 75%,
-      transparent 75%,
-      transparent
-    );
-  }
-
-.m_2242eb65:where([data-animated]) {
-    animation: m_81a374bd 1s linear infinite;
-  }
-
-.m_2242eb65:where(:last-of-type) {
-    border-radius: 0;
-    border-start-end-radius: var(--progress-radius);
-    border-end-end-radius: var(--progress-radius);
-  }
-
-.m_2242eb65:where(:first-of-type) {
-    border-radius: 0;
-    border-start-start-radius: var(--progress-radius);
-    border-end-start-radius: var(--progress-radius);
-  }
-
-.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65 {
-    width: 100%;
-    height: var(--progress-section-size);
-    transition: height var(--progress-transition-duration, 100ms) ease;
-  }
-
-.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where([data-striped]) {
-      background-image: linear-gradient(
-        135deg,
-        rgba(255, 255, 255, 0.15) 25%,
-        transparent 25%,
-        transparent 50%,
-        rgba(255, 255, 255, 0.15) 50%,
-        rgba(255, 255, 255, 0.15) 75%,
-        transparent 75%,
-        transparent
-      );
-    }
-
-.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where([data-animated]) {
-      animation: m_e0fb7a86 1s linear infinite;
-    }
-
-.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:last-of-type) {
-      border-radius: 0;
-      border-start-start-radius: var(--progress-radius);
-      border-start-end-radius: var(--progress-radius);
-    }
-
-.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:first-of-type) {
-      border-radius: 0;
-      border-end-start-radius: var(--progress-radius);
-      border-end-end-radius: var(--progress-radius);
-    }
-
-.m_91e40b74 {
-  color: var(--progress-label-color, var(--mantine-color-white));
-  font-weight: bold;
-  user-select: none;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  font-size: min(calc(var(--progress-size) * 0.65), calc(1.125rem * var(--mantine-scale)));
-  line-height: 1;
-  padding-inline: 4px;
-}
-
-.m_db6d6462:where([data-orientation='vertical']) .m_91e40b74 {
-    writing-mode: vertical-rl;
-  }

package/styles/Progress.layer.css

@@ -1,143 +0,0 @@
-@layer mantine {@keyframes m_81a374bd {
-  0% {
-    background-position: 0 0;
-  }
-
-  100% {
-    background-position: 40px 0;
-  }
-}
-
-@keyframes m_e0fb7a86 {
-  0% {
-    background-position: 0 0;
-  }
-
-  100% {
-    background-position: 0 40px;
-  }
-}
-
-.m_db6d6462 {
-  --progress-radius: var(--mantine-radius-default);
-  --progress-size: var(--progress-size-md);
-
-  --progress-size-xs: 3px;
-  --progress-size-sm: 5px;
-  --progress-size-md: 8px;
-  --progress-size-lg: 12px;
-  --progress-size-xl: 16px;
-
-  position: relative;
-  height: var(--progress-size);
-  border-radius: var(--progress-radius);
-  overflow: hidden;
-  display: flex;
-}
-
-:where([data-mantine-color-scheme='light']) .m_db6d6462 {
-    background-color: var(--mantine-color-gray-2);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_db6d6462 {
-    background-color: var(--mantine-color-dark-4);
-}
-
-.m_db6d6462:where([data-orientation='vertical']) {
-    height: auto;
-    width: var(--progress-size);
-    flex-direction: column-reverse;
-  }
-
-.m_2242eb65 {
-  background-color: var(--progress-section-color);
-  height: 100%;
-  width: var(--progress-section-size);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  background-size: 20px 20px;
-  transition: width var(--progress-transition-duration, 100ms) ease;
-}
-
-.m_2242eb65:where([data-striped]) {
-    background-image: linear-gradient(
-      45deg,
-      rgba(255, 255, 255, 0.15) 25%,
-      transparent 25%,
-      transparent 50%,
-      rgba(255, 255, 255, 0.15) 50%,
-      rgba(255, 255, 255, 0.15) 75%,
-      transparent 75%,
-      transparent
-    );
-  }
-
-.m_2242eb65:where([data-animated]) {
-    animation: m_81a374bd 1s linear infinite;
-  }
-
-.m_2242eb65:where(:last-of-type) {
-    border-radius: 0;
-    border-start-end-radius: var(--progress-radius);
-    border-end-end-radius: var(--progress-radius);
-  }
-
-.m_2242eb65:where(:first-of-type) {
-    border-radius: 0;
-    border-start-start-radius: var(--progress-radius);
-    border-end-start-radius: var(--progress-radius);
-  }
-
-.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65 {
-    width: 100%;
-    height: var(--progress-section-size);
-    transition: height var(--progress-transition-duration, 100ms) ease;
-  }
-
-.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where([data-striped]) {
-      background-image: linear-gradient(
-        135deg,
-        rgba(255, 255, 255, 0.15) 25%,
-        transparent 25%,
-        transparent 50%,
-        rgba(255, 255, 255, 0.15) 50%,
-        rgba(255, 255, 255, 0.15) 75%,
-        transparent 75%,
-        transparent
-      );
-    }
-
-.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where([data-animated]) {
-      animation: m_e0fb7a86 1s linear infinite;
-    }
-
-.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:last-of-type) {
-      border-radius: 0;
-      border-start-start-radius: var(--progress-radius);
-      border-start-end-radius: var(--progress-radius);
-    }
-
-.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:first-of-type) {
-      border-radius: 0;
-      border-end-start-radius: var(--progress-radius);
-      border-end-end-radius: var(--progress-radius);
-    }
-
-.m_91e40b74 {
-  color: var(--progress-label-color, var(--mantine-color-white));
-  font-weight: bold;
-  user-select: none;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  font-size: min(calc(var(--progress-size) * 0.65), calc(1.125rem * var(--mantine-scale)));
-  line-height: 1;
-  padding-inline: 4px;
-}
-
-.m_db6d6462:where([data-orientation='vertical']) .m_91e40b74 {
-    writing-mode: vertical-rl;
-  }
-}

package/styles/Radio.css

@@ -1,109 +0,0 @@
-.m_f3f1af94 {
-  --radio-size-xs: 16px;
-  --radio-size-sm: 20px;
-  --radio-size-md: 24px;
-  --radio-size-lg: 30px;
-  --radio-size-xl: 36px;
-  --radio-size: var(--radio-size-sm);
-
-  --radio-icon-size-xs: 6px;
-  --radio-icon-size-sm: 8px;
-  --radio-icon-size-md: 10px;
-  --radio-icon-size-lg: 14px;
-  --radio-icon-size-xl: 16px;
-  --radio-icon-size: var(--radio-icon-size-sm);
-  --radio-icon-color: var(--mantine-color-white);
-}
-
-.m_89c4f5e4 {
-  position: relative;
-  width: var(--radio-size);
-  height: var(--radio-size);
-  order: 1;
-}
-
-.m_89c4f5e4:where([data-label-position='left']) {
-    order: 2;
-  }
-
-.m_f3ed6b2b {
-  color: var(--radio-icon-color);
-  opacity: var(--radio-icon-opacity, 0);
-  transform: var(--radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale))));
-  transition:
-    opacity 100ms ease,
-    transform 200ms ease;
-  pointer-events: none;
-  width: var(--radio-icon-size);
-  height: var(--radio-icon-size);
-  position: absolute;
-  top: calc(50% - var(--radio-icon-size) / 2);
-  left: calc(50% - var(--radio-icon-size) / 2);
-}
-
-.m_8a3dbb89 {
-  border: 1px solid;
-  position: relative;
-  appearance: none;
-  width: var(--radio-size);
-  height: var(--radio-size);
-  border-radius: var(--radio-radius, var(--radio-size));
-  margin: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition-property: background-color, border-color;
-  transition-timing-function: ease;
-  transition-duration: 100ms;
-  cursor: var(--mantine-cursor-type);
-  -webkit-tap-highlight-color: transparent;
-}
-
-:where([data-mantine-color-scheme='light']) .m_8a3dbb89 {
-    background-color: var(--mantine-color-white);
-    border-color: var(--mantine-color-gray-4);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_8a3dbb89 {
-    background-color: var(--mantine-color-dark-6);
-    border-color: var(--mantine-color-dark-4);
-}
-
-.m_8a3dbb89:checked {
-    background-color: var(--radio-color, var(--mantine-primary-color-filled));
-    border-color: var(--radio-color, var(--mantine-primary-color-filled));
-  }
-
-.m_8a3dbb89:checked + .m_f3ed6b2b {
-      --radio-icon-opacity: 1;
-      --radio-icon-transform: scale(1);
-    }
-
-.m_8a3dbb89:disabled {
-    cursor: not-allowed;
-    background-color: var(--mantine-color-disabled);
-    border-color: var(--mantine-color-disabled-border);
-  }
-
-.m_8a3dbb89:disabled + .m_f3ed6b2b {
-      --radio-icon-color: var(--mantine-color-disabled-color);
-    }
-
-.m_8a3dbb89:where([data-error]) {
-    border-color: var(--mantine-color-error);
-  }
-
-.m_1bfe9d39 + .m_f3ed6b2b {
-    --radio-icon-color: var(--radio-color);
-  }
-
-.m_1bfe9d39:checked:not(:disabled) {
-    background-color: transparent;
-    border-color: var(--radio-color);
-  }
-
-.m_1bfe9d39:checked:not(:disabled) + .m_f3ed6b2b {
-      --radio-icon-color: var(--radio-color);
-      --radio-icon-opacity: 1;
-      --radio-icon-transform: none;
-    }

package/styles/Radio.layer.css

@@ -1,110 +0,0 @@
-@layer mantine {.m_f3f1af94 {
-  --radio-size-xs: 16px;
-  --radio-size-sm: 20px;
-  --radio-size-md: 24px;
-  --radio-size-lg: 30px;
-  --radio-size-xl: 36px;
-  --radio-size: var(--radio-size-sm);
-
-  --radio-icon-size-xs: 6px;
-  --radio-icon-size-sm: 8px;
-  --radio-icon-size-md: 10px;
-  --radio-icon-size-lg: 14px;
-  --radio-icon-size-xl: 16px;
-  --radio-icon-size: var(--radio-icon-size-sm);
-  --radio-icon-color: var(--mantine-color-white);
-}
-
-.m_89c4f5e4 {
-  position: relative;
-  width: var(--radio-size);
-  height: var(--radio-size);
-  order: 1;
-}
-
-.m_89c4f5e4:where([data-label-position='left']) {
-    order: 2;
-  }
-
-.m_f3ed6b2b {
-  color: var(--radio-icon-color);
-  opacity: var(--radio-icon-opacity, 0);
-  transform: var(--radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale))));
-  transition:
-    opacity 100ms ease,
-    transform 200ms ease;
-  pointer-events: none;
-  width: var(--radio-icon-size);
-  height: var(--radio-icon-size);
-  position: absolute;
-  top: calc(50% - var(--radio-icon-size) / 2);
-  left: calc(50% - var(--radio-icon-size) / 2);
-}
-
-.m_8a3dbb89 {
-  border: 1px solid;
-  position: relative;
-  appearance: none;
-  width: var(--radio-size);
-  height: var(--radio-size);
-  border-radius: var(--radio-radius, var(--radio-size));
-  margin: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition-property: background-color, border-color;
-  transition-timing-function: ease;
-  transition-duration: 100ms;
-  cursor: var(--mantine-cursor-type);
-  -webkit-tap-highlight-color: transparent;
-}
-
-:where([data-mantine-color-scheme='light']) .m_8a3dbb89 {
-    background-color: var(--mantine-color-white);
-    border-color: var(--mantine-color-gray-4);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_8a3dbb89 {
-    background-color: var(--mantine-color-dark-6);
-    border-color: var(--mantine-color-dark-4);
-}
-
-.m_8a3dbb89:checked {
-    background-color: var(--radio-color, var(--mantine-primary-color-filled));
-    border-color: var(--radio-color, var(--mantine-primary-color-filled));
-  }
-
-.m_8a3dbb89:checked + .m_f3ed6b2b {
-      --radio-icon-opacity: 1;
-      --radio-icon-transform: scale(1);
-    }
-
-.m_8a3dbb89:disabled {
-    cursor: not-allowed;
-    background-color: var(--mantine-color-disabled);
-    border-color: var(--mantine-color-disabled-border);
-  }
-
-.m_8a3dbb89:disabled + .m_f3ed6b2b {
-      --radio-icon-color: var(--mantine-color-disabled-color);
-    }
-
-.m_8a3dbb89:where([data-error]) {
-    border-color: var(--mantine-color-error);
-  }
-
-.m_1bfe9d39 + .m_f3ed6b2b {
-    --radio-icon-color: var(--radio-color);
-  }
-
-.m_1bfe9d39:checked:not(:disabled) {
-    background-color: transparent;
-    border-color: var(--radio-color);
-  }
-
-.m_1bfe9d39:checked:not(:disabled) + .m_f3ed6b2b {
-      --radio-icon-color: var(--radio-color);
-      --radio-icon-opacity: 1;
-      --radio-icon-transform: none;
-    }
-}

package/styles/RadioCard.css

@@ -1,24 +0,0 @@
-.m_9dc8ae12 {
-  --card-radius: var(--mantine-radius-default);
-
-  display: block;
-  width: 100%;
-  border-radius: var(--card-radius);
-  cursor: pointer;
-}
-
-  .m_9dc8ae12 :where(*) {
-    cursor: inherit;
-  }
-
-  .m_9dc8ae12:where([data-with-border]) {
-    border: 1px solid transparent;
-  }
-
-  :where([data-mantine-color-scheme='light']) .m_9dc8ae12:where([data-with-border]) {
-      border-color: var(--mantine-color-gray-3);
-}
-
-  :where([data-mantine-color-scheme='dark']) .m_9dc8ae12:where([data-with-border]) {
-      border-color: var(--mantine-color-dark-4);
-}

package/styles/RadioCard.layer.css

@@ -1,25 +0,0 @@
-@layer mantine {.m_9dc8ae12 {
-  --card-radius: var(--mantine-radius-default);
-
-  display: block;
-  width: 100%;
-  border-radius: var(--card-radius);
-  cursor: pointer;
-}
-
-  .m_9dc8ae12 :where(*) {
-    cursor: inherit;
-  }
-
-  .m_9dc8ae12:where([data-with-border]) {
-    border: 1px solid transparent;
-  }
-
-  :where([data-mantine-color-scheme='light']) .m_9dc8ae12:where([data-with-border]) {
-      border-color: var(--mantine-color-gray-3);
-}
-
-  :where([data-mantine-color-scheme='dark']) .m_9dc8ae12:where([data-with-border]) {
-      border-color: var(--mantine-color-dark-4);
-}
-}