@mantine/core 8.3.3 → 8.3.5

package/styles/Combobox.css

@@ -0,0 +1,210 @@
+.m_88b62a41 {
+  --combobox-padding: 4px;
+  padding: var(--combobox-padding);
+}
+
+  .m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
+      max-width: calc(100% + var(--combobox-padding));
+    }
+
+  .m_88b62a41[data-composed] {
+    padding-inline-end: 0;
+  }
+
+  .m_88b62a41[data-hidden] {
+    display: none;
+  }
+
+/* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */
+.m_88b62a41,
+.m_b2821a6e {
+  --combobox-option-padding-xs: 4px 8px;
+  --combobox-option-padding-sm: 6px 10px;
+  --combobox-option-padding-md: 8px 12px;
+  --combobox-option-padding-lg: 10px 16px;
+  --combobox-option-padding-xl: 14px 20px;
+  --combobox-option-padding: var(--combobox-option-padding-sm);
+}
+
+.m_92253aa5 {
+  padding: var(--combobox-option-padding);
+  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
+  border-radius: var(--mantine-radius-default);
+  background-color: transparent;
+  color: inherit;
+  cursor: pointer;
+  overflow-wrap: break-word;
+}
+
+.m_92253aa5:where([data-combobox-selected]) {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-color-white);
+  }
+
+.m_92253aa5:where([data-combobox-disabled]) {
+    cursor: not-allowed;
+    opacity: 0.35;
+  }
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+        background-color: var(--mantine-color-dark-7);
+  }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+        background-color: var(--mantine-color-dark-7);
+  }
+}
+
+.m_985517d8 {
+  margin-inline: calc(var(--combobox-padding) * -1);
+  margin-top: calc(var(--combobox-padding) * -1);
+  width: calc(100% + var(--combobox-padding) * 2);
+  border-top-width: 0;
+  border-inline-width: 0;
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
+  margin-bottom: var(--combobox-padding);
+  position: relative;
+}
+
+:where([data-mantine-color-scheme='light']) .m_985517d8, :where([data-mantine-color-scheme='light']) .m_985517d8:focus {
+      border-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_985517d8, :where([data-mantine-color-scheme='dark']) .m_985517d8:focus {
+      border-color: var(--mantine-color-dark-4);
+}
+
+:where([data-mantine-color-scheme='light']) .m_985517d8 {
+    background-color: var(--mantine-color-white);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_985517d8 {
+    background-color: var(--mantine-color-dark-7);
+}
+
+.m_2530cd1d {
+  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
+  text-align: center;
+  padding: var(--combobox-option-padding);
+  color: var(--mantine-color-dimmed);
+}
+
+.m_858f94bd,
+.m_82b967cb {
+  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
+  border: 0 solid transparent;
+  margin-inline: calc(var(--combobox-padding) * -1);
+  padding: var(--combobox-option-padding);
+}
+
+:where([data-mantine-color-scheme='light']) .m_858f94bd, :where([data-mantine-color-scheme='light']) .m_82b967cb {
+    border-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_858f94bd, :where([data-mantine-color-scheme='dark']) .m_82b967cb {
+    border-color: var(--mantine-color-dark-4);
+}
+
+.m_82b967cb {
+  border-top-width: 1px;
+  margin-top: var(--combobox-padding);
+  margin-bottom: calc(var(--combobox-padding) * -1);
+}
+
+.m_858f94bd {
+  border-bottom-width: 1px;
+  margin-bottom: var(--combobox-padding);
+  margin-top: calc(var(--combobox-padding) * -1);
+}
+
+.m_254f3e4f:has(.m_2bb2e9e5:only-child) {
+    display: none;
+  }
+
+.m_2bb2e9e5 {
+  color: var(--mantine-color-dimmed);
+  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
+  padding: var(--combobox-option-padding);
+  font-weight: 500;
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.m_2bb2e9e5::after {
+    content: '';
+    flex: 1;
+    inset-inline: 0;
+    height: 1px;
+    margin-inline-start: var(--mantine-spacing-xs);
+  }
+
+:where([data-mantine-color-scheme='light']) .m_2bb2e9e5::after {
+      background-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_2bb2e9e5::after {
+      background-color: var(--mantine-color-dark-4);
+}
+
+.m_2bb2e9e5:only-child {
+    display: none;
+  }
+
+/* ------- Combobox.Chevron ------- */
+.m_2943220b {
+  --combobox-chevron-size-xs: 14px;
+  --combobox-chevron-size-sm: 18px;
+  --combobox-chevron-size-md: 20px;
+  --combobox-chevron-size-lg: 24px;
+  --combobox-chevron-size-xl: 28px;
+  --combobox-chevron-size: var(--combobox-chevron-size-sm);
+}
+:where([data-mantine-color-scheme='light']) .m_2943220b {
+    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6));
+}
+:where([data-mantine-color-scheme='dark']) .m_2943220b {
+    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-dark-3));
+}
+.m_2943220b {
+
+  width: var(--combobox-chevron-size);
+  height: var(--combobox-chevron-size);
+  color: var(--_combobox-chevron-color);
+}
+.m_2943220b:where([data-error]) {
+    color: var(--combobox-chevron-color, var(--mantine-color-error));
+  }
+
+/* ------- OptionsDropdown ------- */
+.m_390b5f4 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.m_390b5f4:where([data-reverse]) {
+    justify-content: space-between;
+  }
+
+.m_8ee53fc2 {
+  opacity: 0.4;
+  width: 0.8em;
+  min-width: 0.8em;
+  height: 0.8em;
+}
+
+:where([data-combobox-selected]) .m_8ee53fc2 {
+    opacity: 1;
+  }

package/styles/Combobox.layer.css

@@ -0,0 +1,211 @@
+@layer mantine {.m_88b62a41 {
+  --combobox-padding: 4px;
+  padding: var(--combobox-padding);
+}
+
+  .m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
+      max-width: calc(100% + var(--combobox-padding));
+    }
+
+  .m_88b62a41[data-composed] {
+    padding-inline-end: 0;
+  }
+
+  .m_88b62a41[data-hidden] {
+    display: none;
+  }
+
+/* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */
+.m_88b62a41,
+.m_b2821a6e {
+  --combobox-option-padding-xs: 4px 8px;
+  --combobox-option-padding-sm: 6px 10px;
+  --combobox-option-padding-md: 8px 12px;
+  --combobox-option-padding-lg: 10px 16px;
+  --combobox-option-padding-xl: 14px 20px;
+  --combobox-option-padding: var(--combobox-option-padding-sm);
+}
+
+.m_92253aa5 {
+  padding: var(--combobox-option-padding);
+  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
+  border-radius: var(--mantine-radius-default);
+  background-color: transparent;
+  color: inherit;
+  cursor: pointer;
+  overflow-wrap: break-word;
+}
+
+.m_92253aa5:where([data-combobox-selected]) {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-color-white);
+  }
+
+.m_92253aa5:where([data-combobox-disabled]) {
+    cursor: not-allowed;
+    opacity: 0.35;
+  }
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+        background-color: var(--mantine-color-dark-7);
+  }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+        background-color: var(--mantine-color-dark-7);
+  }
+}
+
+.m_985517d8 {
+  margin-inline: calc(var(--combobox-padding) * -1);
+  margin-top: calc(var(--combobox-padding) * -1);
+  width: calc(100% + var(--combobox-padding) * 2);
+  border-top-width: 0;
+  border-inline-width: 0;
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
+  margin-bottom: var(--combobox-padding);
+  position: relative;
+}
+
+:where([data-mantine-color-scheme='light']) .m_985517d8, :where([data-mantine-color-scheme='light']) .m_985517d8:focus {
+      border-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_985517d8, :where([data-mantine-color-scheme='dark']) .m_985517d8:focus {
+      border-color: var(--mantine-color-dark-4);
+}
+
+:where([data-mantine-color-scheme='light']) .m_985517d8 {
+    background-color: var(--mantine-color-white);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_985517d8 {
+    background-color: var(--mantine-color-dark-7);
+}
+
+.m_2530cd1d {
+  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
+  text-align: center;
+  padding: var(--combobox-option-padding);
+  color: var(--mantine-color-dimmed);
+}
+
+.m_858f94bd,
+.m_82b967cb {
+  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
+  border: 0 solid transparent;
+  margin-inline: calc(var(--combobox-padding) * -1);
+  padding: var(--combobox-option-padding);
+}
+
+:where([data-mantine-color-scheme='light']) .m_858f94bd, :where([data-mantine-color-scheme='light']) .m_82b967cb {
+    border-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_858f94bd, :where([data-mantine-color-scheme='dark']) .m_82b967cb {
+    border-color: var(--mantine-color-dark-4);
+}
+
+.m_82b967cb {
+  border-top-width: 1px;
+  margin-top: var(--combobox-padding);
+  margin-bottom: calc(var(--combobox-padding) * -1);
+}
+
+.m_858f94bd {
+  border-bottom-width: 1px;
+  margin-bottom: var(--combobox-padding);
+  margin-top: calc(var(--combobox-padding) * -1);
+}
+
+.m_254f3e4f:has(.m_2bb2e9e5:only-child) {
+    display: none;
+  }
+
+.m_2bb2e9e5 {
+  color: var(--mantine-color-dimmed);
+  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
+  padding: var(--combobox-option-padding);
+  font-weight: 500;
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.m_2bb2e9e5::after {
+    content: '';
+    flex: 1;
+    inset-inline: 0;
+    height: 1px;
+    margin-inline-start: var(--mantine-spacing-xs);
+  }
+
+:where([data-mantine-color-scheme='light']) .m_2bb2e9e5::after {
+      background-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_2bb2e9e5::after {
+      background-color: var(--mantine-color-dark-4);
+}
+
+.m_2bb2e9e5:only-child {
+    display: none;
+  }
+
+/* ------- Combobox.Chevron ------- */
+.m_2943220b {
+  --combobox-chevron-size-xs: 14px;
+  --combobox-chevron-size-sm: 18px;
+  --combobox-chevron-size-md: 20px;
+  --combobox-chevron-size-lg: 24px;
+  --combobox-chevron-size-xl: 28px;
+  --combobox-chevron-size: var(--combobox-chevron-size-sm);
+}
+:where([data-mantine-color-scheme='light']) .m_2943220b {
+    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6));
+}
+:where([data-mantine-color-scheme='dark']) .m_2943220b {
+    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-dark-3));
+}
+.m_2943220b {
+
+  width: var(--combobox-chevron-size);
+  height: var(--combobox-chevron-size);
+  color: var(--_combobox-chevron-color);
+}
+.m_2943220b:where([data-error]) {
+    color: var(--combobox-chevron-color, var(--mantine-color-error));
+  }
+
+/* ------- OptionsDropdown ------- */
+.m_390b5f4 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.m_390b5f4:where([data-reverse]) {
+    justify-content: space-between;
+  }
+
+.m_8ee53fc2 {
+  opacity: 0.4;
+  width: 0.8em;
+  min-width: 0.8em;
+  height: 0.8em;
+}
+
+:where([data-combobox-selected]) .m_8ee53fc2 {
+    opacity: 1;
+  }
+}

package/styles/Container.css

@@ -0,0 +1,37 @@
+.m_7485cace {
+  --container-size-xs: 540px;
+  --container-size-sm: 720px;
+  --container-size-md: 960px;
+  --container-size-lg: 1140px;
+  --container-size-xl: 1320px;
+  --container-size: var(--container-size-md);
+}
+
+  .m_7485cace:where([data-strategy='block']) {
+    max-width: var(--container-size);
+    padding-inline: var(--mantine-spacing-md);
+    margin-inline: auto;
+  }
+
+  .m_7485cace:where([data-strategy='block']):where([data-fluid]) {
+      max-width: 100%;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) {
+    display: grid;
+    grid-template-columns: 1fr min(100%, var(--container-size)) 1fr;
+    margin-inline: auto;
+  }
+
+  .m_7485cace:where([data-strategy='grid']) > * {
+      grid-column: 2;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) > [data-breakout] {
+      grid-column: 1 / -1;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) > [data-breakout] > [data-container] {
+        max-width: var(--container-size);
+        margin-inline: auto;
+      }

package/styles/Container.layer.css

@@ -0,0 +1,38 @@
+@layer mantine {.m_7485cace {
+  --container-size-xs: 540px;
+  --container-size-sm: 720px;
+  --container-size-md: 960px;
+  --container-size-lg: 1140px;
+  --container-size-xl: 1320px;
+  --container-size: var(--container-size-md);
+}
+
+  .m_7485cace:where([data-strategy='block']) {
+    max-width: var(--container-size);
+    padding-inline: var(--mantine-spacing-md);
+    margin-inline: auto;
+  }
+
+  .m_7485cace:where([data-strategy='block']):where([data-fluid]) {
+      max-width: 100%;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) {
+    display: grid;
+    grid-template-columns: 1fr min(100%, var(--container-size)) 1fr;
+    margin-inline: auto;
+  }
+
+  .m_7485cace:where([data-strategy='grid']) > * {
+      grid-column: 2;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) > [data-breakout] {
+      grid-column: 1 / -1;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) > [data-breakout] > [data-container] {
+        max-width: var(--container-size);
+        margin-inline: auto;
+      }
+}

package/styles/Dialog.css

@@ -0,0 +1,19 @@
+.m_e2125a27 {
+  --dialog-size-xs: 160px;
+  --dialog-size-sm: 200px;
+  --dialog-size-md: 340px;
+  --dialog-size-lg: 400px;
+  --dialog-size-xl: 500px;
+  --dialog-size: var(--dialog-size-md);
+
+  position: relative;
+  width: var(--dialog-size);
+  max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
+  min-height: 50px;
+}
+
+.m_5abab665 {
+  position: absolute;
+  top: calc(var(--mantine-spacing-md) / 2);
+  inset-inline-end: calc(var(--mantine-spacing-md) / 2);
+}

package/styles/Dialog.layer.css

@@ -0,0 +1,20 @@
+@layer mantine {.m_e2125a27 {
+  --dialog-size-xs: 160px;
+  --dialog-size-sm: 200px;
+  --dialog-size-md: 340px;
+  --dialog-size-lg: 400px;
+  --dialog-size-xl: 500px;
+  --dialog-size: var(--dialog-size-md);
+
+  position: relative;
+  width: var(--dialog-size);
+  max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
+  min-height: 50px;
+}
+
+.m_5abab665 {
+  position: absolute;
+  top: calc(var(--mantine-spacing-md) / 2);
+  inset-inline-end: calc(var(--mantine-spacing-md) / 2);
+}
+}

package/styles/Divider.css

@@ -0,0 +1,62 @@
+.m_3eebeb36 {
+  --divider-size-xs: 1px;
+  --divider-size-sm: 2px;
+  --divider-size-md: 3px;
+  --divider-size-lg: 4px;
+  --divider-size-xl: 5px;
+  --divider-size: var(--divider-size-xs);
+}
+
+  :where([data-mantine-color-scheme='light']) .m_3eebeb36 {
+    --divider-color: var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_3eebeb36 {
+    --divider-color: var(--mantine-color-dark-4);
+}
+
+  .m_3eebeb36:where([data-orientation='horizontal']) {
+    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
+  }
+
+  .m_3eebeb36:where([data-orientation='vertical']) {
+    border-inline-start: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
+    height: auto;
+    align-self: stretch;
+  }
+
+  .m_3eebeb36:where([data-with-label]) {
+    border: 0;
+  }
+
+.m_9e365f20 {
+  display: flex;
+  align-items: center;
+  font-size: var(--mantine-font-size-xs);
+  color: var(--mantine-color-dimmed);
+  white-space: nowrap;
+}
+
+.m_9e365f20:where([data-position='left'])::before {
+    display: none;
+  }
+
+.m_9e365f20:where([data-position='right'])::after {
+    display: none;
+  }
+
+.m_9e365f20::before {
+    content: '';
+    flex: 1;
+    height: 1px;
+    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
+    margin-inline-end: var(--mantine-spacing-xs);
+  }
+
+.m_9e365f20::after {
+    content: '';
+    flex: 1;
+    height: 1px;
+    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
+    margin-inline-start: var(--mantine-spacing-xs);
+  }

package/styles/Divider.layer.css

@@ -0,0 +1,63 @@
+@layer mantine {.m_3eebeb36 {
+  --divider-size-xs: 1px;
+  --divider-size-sm: 2px;
+  --divider-size-md: 3px;
+  --divider-size-lg: 4px;
+  --divider-size-xl: 5px;
+  --divider-size: var(--divider-size-xs);
+}
+
+  :where([data-mantine-color-scheme='light']) .m_3eebeb36 {
+    --divider-color: var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_3eebeb36 {
+    --divider-color: var(--mantine-color-dark-4);
+}
+
+  .m_3eebeb36:where([data-orientation='horizontal']) {
+    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
+  }
+
+  .m_3eebeb36:where([data-orientation='vertical']) {
+    border-inline-start: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
+    height: auto;
+    align-self: stretch;
+  }
+
+  .m_3eebeb36:where([data-with-label]) {
+    border: 0;
+  }
+
+.m_9e365f20 {
+  display: flex;
+  align-items: center;
+  font-size: var(--mantine-font-size-xs);
+  color: var(--mantine-color-dimmed);
+  white-space: nowrap;
+}
+
+.m_9e365f20:where([data-position='left'])::before {
+    display: none;
+  }
+
+.m_9e365f20:where([data-position='right'])::after {
+    display: none;
+  }
+
+.m_9e365f20::before {
+    content: '';
+    flex: 1;
+    height: 1px;
+    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
+    margin-inline-end: var(--mantine-spacing-xs);
+  }
+
+.m_9e365f20::after {
+    content: '';
+    flex: 1;
+    height: 1px;
+    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
+    margin-inline-start: var(--mantine-spacing-xs);
+  }
+}

package/styles/Drawer.css

@@ -0,0 +1,33 @@
+.m_f11b401e {
+  --drawer-size-xs: 320px;
+  --drawer-size-sm: 380px;
+  --drawer-size-md: 440px;
+  --drawer-size-lg: 620px;
+  --drawer-size-xl: 780px;
+  --drawer-size: var(--drawer-size-md);
+  --drawer-offset: 0rem;
+}
+
+.m_5a7c2c9 {
+  z-index: 1000;
+}
+
+.m_b8a05bbd {
+  flex: var(--drawer-flex, 0 0 var(--drawer-size));
+  height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));
+  margin: var(--drawer-offset);
+  max-width: calc(100% - var(--drawer-offset) * 2);
+  max-height: calc(100% - var(--drawer-offset) * 2);
+  overflow-y: auto;
+}
+
+.m_b8a05bbd[data-hidden] {
+    opacity: 0 !important;
+    pointer-events: none;
+  }
+
+.m_31cd769a {
+  display: flex;
+  justify-content: var(--drawer-justify, flex-start);
+  align-items: var(--drawer-align, flex-start);
+}