@mantine/core 8.3.3 → 8.3.4

package/styles/Modal.layer.css

@@ -0,0 +1,62 @@
+@layer mantine {.m_9df02822 {
+  --modal-size-xs: 320px;
+  --modal-size-sm: 380px;
+  --modal-size-md: 440px;
+  --modal-size-lg: 620px;
+  --modal-size-xl: 780px;
+  --modal-size: var(--modal-size-md);
+
+  --modal-y-offset: 5dvh;
+  --modal-x-offset: 5vw;
+}
+
+  .m_9df02822[data-full-screen] {
+    --modal-border-radius: 0 !important;
+  }
+
+  .m_9df02822[data-full-screen] .m_54c44539 {
+      --modal-content-flex: 0 0 100%;
+      --modal-content-max-height: auto;
+      --modal-content-height: 100dvh;
+    }
+
+  .m_9df02822[data-full-screen] .m_1f958f16 {
+      --modal-inner-y-offset: 0;
+      --modal-inner-x-offset: 0;
+    }
+
+  .m_9df02822[data-centered] .m_1f958f16 {
+      --modal-inner-align: center;
+    }
+
+.m_d0e2b9cd {
+  border-start-start-radius: var(--modal-radius, var(--mantine-radius-default));
+  border-start-end-radius: var(--modal-radius, var(--mantine-radius-default));
+}
+
+.m_54c44539 {
+  flex: var(--modal-content-flex, 0 0 var(--modal-size));
+  max-width: 100%;
+  max-height: var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2));
+  height: var(--modal-content-height, auto);
+  overflow-y: auto;
+}
+
+.m_54c44539[data-full-screen] {
+    border-radius: 0;
+  }
+
+.m_54c44539[data-hidden] {
+    opacity: 0 !important;
+    pointer-events: none;
+  }
+
+.m_1f958f16 {
+  display: flex;
+  justify-content: center;
+  align-items: var(--modal-inner-align, flex-start);
+  padding-top: var(--modal-inner-y-offset, var(--modal-y-offset));
+  padding-bottom: var(--modal-inner-y-offset, var(--modal-y-offset));
+  padding-inline: var(--modal-inner-x-offset, var(--modal-x-offset));
+}
+}

package/styles/ModalBase.css

@@ -0,0 +1,56 @@
+.m_615af6c9 {
+  line-height: 1;
+  padding: 0;
+  margin: 0;
+  font-weight: 400;
+  font-size: var(--mantine-font-size-md);
+}
+
+.m_b5489c3c {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--mb-padding, var(--mantine-spacing-md));
+  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale)));
+  position: sticky;
+  top: 0;
+  background-color: var(--mantine-color-body);
+  z-index: 1000;
+  min-height: 60px;
+  transition: padding-inline-end 100ms;
+}
+
+.m_60c222c7 {
+  position: fixed;
+  width: 100%;
+  top: 0;
+  bottom: 0;
+  z-index: var(--mb-z-index);
+  pointer-events: none;
+}
+
+.m_fd1ab0aa {
+  pointer-events: all;
+  box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
+}
+
+.m_fd1ab0aa [data-mantine-scrollbar] {
+    z-index: 1001;
+  }
+
+[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c {
+    padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
+  }
+
+.m_606cb269 {
+  margin-inline-start: auto;
+}
+
+.m_5df29311 {
+  padding: var(--mb-padding, var(--mantine-spacing-md));
+  padding-top: var(--mb-padding, var(--mantine-spacing-md));
+}
+
+.m_5df29311:where(:not(:only-child)) {
+    padding-top: 0;
+  }

package/styles/ModalBase.layer.css

@@ -0,0 +1,57 @@
+@layer mantine {.m_615af6c9 {
+  line-height: 1;
+  padding: 0;
+  margin: 0;
+  font-weight: 400;
+  font-size: var(--mantine-font-size-md);
+}
+
+.m_b5489c3c {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--mb-padding, var(--mantine-spacing-md));
+  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale)));
+  position: sticky;
+  top: 0;
+  background-color: var(--mantine-color-body);
+  z-index: 1000;
+  min-height: 60px;
+  transition: padding-inline-end 100ms;
+}
+
+.m_60c222c7 {
+  position: fixed;
+  width: 100%;
+  top: 0;
+  bottom: 0;
+  z-index: var(--mb-z-index);
+  pointer-events: none;
+}
+
+.m_fd1ab0aa {
+  pointer-events: all;
+  box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
+}
+
+.m_fd1ab0aa [data-mantine-scrollbar] {
+    z-index: 1001;
+  }
+
+[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c {
+    padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
+  }
+
+.m_606cb269 {
+  margin-inline-start: auto;
+}
+
+.m_5df29311 {
+  padding: var(--mb-padding, var(--mantine-spacing-md));
+  padding-top: var(--mb-padding, var(--mantine-spacing-md));
+}
+
+.m_5df29311:where(:not(:only-child)) {
+    padding-top: 0;
+  }
+}

package/styles/NavLink.css

@@ -0,0 +1,118 @@
+.m_f0824112 {
+  --nl-bg: var(--mantine-primary-color-light);
+  --nl-hover: var(--mantine-primary-color-light-hover);
+  --nl-color: var(--mantine-primary-color-light-color);
+
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 8px var(--mantine-spacing-sm);
+  user-select: none;
+}
+
+  @media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_f0824112:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_f0824112:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+  @media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_f0824112:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_f0824112:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+  .m_f0824112:where([data-disabled]) {
+    opacity: 0.4;
+    pointer-events: none;
+  }
+
+  .m_f0824112:where([data-active], [aria-current='page']) {
+    background-color: var(--nl-bg);
+    color: var(--nl-color);
+  }
+
+  @media (hover: hover) {
+
+  .m_f0824112:where([data-active], [aria-current='page']):hover {
+      background-color: var(--nl-hover);
+  }
+}
+
+  @media (hover: none) {
+
+  .m_f0824112:where([data-active], [aria-current='page']):active {
+      background-color: var(--nl-hover);
+  }
+}
+
+  .m_f0824112:where([data-active], [aria-current='page']) .m_57492dcc {
+      --description-opacity: 0.9;
+      --description-color: var(--nl-color);
+    }
+
+.m_690090b5 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 150ms ease;
+}
+
+.m_690090b5 > svg {
+    display: block;
+  }
+
+.m_690090b5:where([data-position='left']) {
+    margin-inline-end: var(--mantine-spacing-sm);
+  }
+
+.m_690090b5:where([data-position='right']) {
+    margin-inline-start: var(--mantine-spacing-sm);
+  }
+
+.m_690090b5:where([data-rotate]) {
+    transform: rotate(90deg);
+  }
+
+.m_1f6ac4c4 {
+  font-size: var(--mantine-font-size-sm);
+}
+
+.m_f07af9d2 {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.m_f07af9d2:where([data-no-wrap]) {
+    white-space: nowrap;
+  }
+
+.m_57492dcc {
+  display: block;
+  font-size: var(--mantine-font-size-xs);
+  opacity: var(--description-opacity, 1);
+  color: var(--description-color, var(--mantine-color-dimmed));
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:where([data-no-wrap]) .m_57492dcc {
+    white-space: nowrap;
+  }
+
+.m_e17b862f {
+  padding-inline-start: var(--nl-offset, var(--mantine-spacing-lg));
+}
+
+.m_1fd8a00b {
+  transform: rotate(-90deg);
+}

package/styles/NavLink.layer.css

@@ -0,0 +1,119 @@
+@layer mantine {.m_f0824112 {
+  --nl-bg: var(--mantine-primary-color-light);
+  --nl-hover: var(--mantine-primary-color-light-hover);
+  --nl-color: var(--mantine-primary-color-light-color);
+
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 8px var(--mantine-spacing-sm);
+  user-select: none;
+}
+
+  @media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_f0824112:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_f0824112:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+  @media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_f0824112:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_f0824112:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+  .m_f0824112:where([data-disabled]) {
+    opacity: 0.4;
+    pointer-events: none;
+  }
+
+  .m_f0824112:where([data-active], [aria-current='page']) {
+    background-color: var(--nl-bg);
+    color: var(--nl-color);
+  }
+
+  @media (hover: hover) {
+
+  .m_f0824112:where([data-active], [aria-current='page']):hover {
+      background-color: var(--nl-hover);
+  }
+}
+
+  @media (hover: none) {
+
+  .m_f0824112:where([data-active], [aria-current='page']):active {
+      background-color: var(--nl-hover);
+  }
+}
+
+  .m_f0824112:where([data-active], [aria-current='page']) .m_57492dcc {
+      --description-opacity: 0.9;
+      --description-color: var(--nl-color);
+    }
+
+.m_690090b5 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 150ms ease;
+}
+
+.m_690090b5 > svg {
+    display: block;
+  }
+
+.m_690090b5:where([data-position='left']) {
+    margin-inline-end: var(--mantine-spacing-sm);
+  }
+
+.m_690090b5:where([data-position='right']) {
+    margin-inline-start: var(--mantine-spacing-sm);
+  }
+
+.m_690090b5:where([data-rotate]) {
+    transform: rotate(90deg);
+  }
+
+.m_1f6ac4c4 {
+  font-size: var(--mantine-font-size-sm);
+}
+
+.m_f07af9d2 {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.m_f07af9d2:where([data-no-wrap]) {
+    white-space: nowrap;
+  }
+
+.m_57492dcc {
+  display: block;
+  font-size: var(--mantine-font-size-xs);
+  opacity: var(--description-opacity, 1);
+  color: var(--description-color, var(--mantine-color-dimmed));
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:where([data-no-wrap]) .m_57492dcc {
+    white-space: nowrap;
+  }
+
+.m_e17b862f {
+  padding-inline-start: var(--nl-offset, var(--mantine-spacing-lg));
+}
+
+.m_1fd8a00b {
+  transform: rotate(-90deg);
+}
+}

package/styles/Notification.css

@@ -0,0 +1,131 @@
+.m_a513464 {
+  --notification-radius: var(--mantine-radius-default);
+  --notification-color: var(--mantine-primary-color-filled);
+
+  overflow: hidden;
+  box-sizing: border-box;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding-inline-start: 22px;
+  padding-inline-end: var(--mantine-spacing-xs);
+  padding-top: var(--mantine-spacing-xs);
+  padding-bottom: var(--mantine-spacing-xs);
+  border-radius: var(--notification-radius);
+  box-shadow: var(--mantine-shadow-lg);
+}
+
+  .m_a513464::before {
+    content: '';
+    display: block;
+    position: absolute;
+    width: 6px;
+    top: var(--notification-radius);
+    bottom: var(--notification-radius);
+    inset-inline-start: 4px;
+    border-radius: var(--notification-radius);
+    background-color: var(--notification-color);
+  }
+
+  :where([data-mantine-color-scheme='light']) .m_a513464 {
+    background-color: var(--mantine-color-white);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_a513464 {
+    background-color: var(--mantine-color-dark-6);
+}
+
+  .m_a513464:where([data-with-icon])::before {
+      display: none;
+    }
+
+  :where([data-mantine-color-scheme='light']) .m_a513464:where([data-with-border]) {
+      border: 1px solid var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_a513464:where([data-with-border]) {
+      border: 1px solid var(--mantine-color-dark-4);
+}
+
+.m_a4ceffb {
+  box-sizing: border-box;
+  margin-inline-end: var(--mantine-spacing-md);
+  width: 28px;
+  height: 28px;
+  border-radius: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--notification-color);
+  color: var(--mantine-color-white);
+}
+
+.m_b0920b15 {
+  margin-inline-end: var(--mantine-spacing-md);
+}
+
+.m_a49ed24 {
+  flex: 1;
+  overflow: hidden;
+  margin-inline-end: var(--mantine-spacing-xs);
+}
+
+.m_3feedf16 {
+  margin-bottom: 2px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: var(--mantine-font-size-sm);
+  line-height: var(--mantine-line-height-sm);
+  font-weight: 500;
+}
+
+:where([data-mantine-color-scheme='light']) .m_3feedf16 {
+    color: var(--mantine-color-gray-9);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_3feedf16 {
+    color: var(--mantine-color-white);
+}
+
+.m_3d733a3a {
+  font-size: var(--mantine-font-size-sm);
+  line-height: var(--mantine-line-height-sm);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:where([data-mantine-color-scheme='light']) .m_3d733a3a {
+    color: var(--mantine-color-black);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_3d733a3a {
+    color: var(--mantine-color-dark-0);
+}
+
+:where([data-mantine-color-scheme='light']) .m_3d733a3a:where([data-with-title]) {
+      color: var(--mantine-color-gray-6);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_3d733a3a:where([data-with-title]) {
+      color: var(--mantine-color-dark-2);
+}
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_919a4d88:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_919a4d88:hover {
+      background-color: var(--mantine-color-dark-8);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_919a4d88:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_919a4d88:active {
+      background-color: var(--mantine-color-dark-8);
+  }
+}

package/styles/Notification.layer.css

@@ -0,0 +1,132 @@
+@layer mantine {.m_a513464 {
+  --notification-radius: var(--mantine-radius-default);
+  --notification-color: var(--mantine-primary-color-filled);
+
+  overflow: hidden;
+  box-sizing: border-box;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding-inline-start: 22px;
+  padding-inline-end: var(--mantine-spacing-xs);
+  padding-top: var(--mantine-spacing-xs);
+  padding-bottom: var(--mantine-spacing-xs);
+  border-radius: var(--notification-radius);
+  box-shadow: var(--mantine-shadow-lg);
+}
+
+  .m_a513464::before {
+    content: '';
+    display: block;
+    position: absolute;
+    width: 6px;
+    top: var(--notification-radius);
+    bottom: var(--notification-radius);
+    inset-inline-start: 4px;
+    border-radius: var(--notification-radius);
+    background-color: var(--notification-color);
+  }
+
+  :where([data-mantine-color-scheme='light']) .m_a513464 {
+    background-color: var(--mantine-color-white);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_a513464 {
+    background-color: var(--mantine-color-dark-6);
+}
+
+  .m_a513464:where([data-with-icon])::before {
+      display: none;
+    }
+
+  :where([data-mantine-color-scheme='light']) .m_a513464:where([data-with-border]) {
+      border: 1px solid var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_a513464:where([data-with-border]) {
+      border: 1px solid var(--mantine-color-dark-4);
+}
+
+.m_a4ceffb {
+  box-sizing: border-box;
+  margin-inline-end: var(--mantine-spacing-md);
+  width: 28px;
+  height: 28px;
+  border-radius: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--notification-color);
+  color: var(--mantine-color-white);
+}
+
+.m_b0920b15 {
+  margin-inline-end: var(--mantine-spacing-md);
+}
+
+.m_a49ed24 {
+  flex: 1;
+  overflow: hidden;
+  margin-inline-end: var(--mantine-spacing-xs);
+}
+
+.m_3feedf16 {
+  margin-bottom: 2px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: var(--mantine-font-size-sm);
+  line-height: var(--mantine-line-height-sm);
+  font-weight: 500;
+}
+
+:where([data-mantine-color-scheme='light']) .m_3feedf16 {
+    color: var(--mantine-color-gray-9);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_3feedf16 {
+    color: var(--mantine-color-white);
+}
+
+.m_3d733a3a {
+  font-size: var(--mantine-font-size-sm);
+  line-height: var(--mantine-line-height-sm);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:where([data-mantine-color-scheme='light']) .m_3d733a3a {
+    color: var(--mantine-color-black);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_3d733a3a {
+    color: var(--mantine-color-dark-0);
+}
+
+:where([data-mantine-color-scheme='light']) .m_3d733a3a:where([data-with-title]) {
+      color: var(--mantine-color-gray-6);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_3d733a3a:where([data-with-title]) {
+      color: var(--mantine-color-dark-2);
+}
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_919a4d88:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_919a4d88:hover {
+      background-color: var(--mantine-color-dark-8);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_919a4d88:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_919a4d88:active {
+      background-color: var(--mantine-color-dark-8);
+  }
+}
+}