@mantine/core 8.3.3 → 8.3.4

package/styles/Switch.css

@@ -0,0 +1,172 @@
+.m_5f93f3bb {
+  --switch-height-xs: 16px;
+  --switch-height-sm: 20px;
+  --switch-height-md: 24px;
+  --switch-height-lg: 30px;
+  --switch-height-xl: 36px;
+
+  --switch-width-xs: 32px;
+  --switch-width-sm: 38px;
+  --switch-width-md: 46px;
+  --switch-width-lg: 56px;
+  --switch-width-xl: 72px;
+
+  --switch-thumb-size-xs: 12px;
+  --switch-thumb-size-sm: 14px;
+  --switch-thumb-size-md: 18px;
+  --switch-thumb-size-lg: 22px;
+  --switch-thumb-size-xl: 28px;
+
+  --switch-label-font-size-xs: 5px;
+  --switch-label-font-size-sm: 6px;
+  --switch-label-font-size-md: 7px;
+  --switch-label-font-size-lg: 9px;
+  --switch-label-font-size-xl: 11px;
+
+  --switch-track-label-padding-xs: 2px;
+  --switch-track-label-padding-sm: 2.5px;
+  --switch-track-label-padding-md: 3px;
+  --switch-track-label-padding-lg: 3px;
+  --switch-track-label-padding-xl: 3.5px;
+
+  --switch-height: var(--switch-height-sm);
+  --switch-width: var(--switch-width-sm);
+  --switch-thumb-size: var(--switch-thumb-size-sm);
+  --switch-label-font-size: var(--switch-label-font-size-sm);
+  --switch-track-label-padding: var(--switch-track-label-padding-sm);
+  --switch-radius: 1000px;
+  --switch-color: var(--mantine-primary-color-filled);
+  --switch-disabled-color: var(--mantine-color-disabled);
+
+  position: relative;
+}
+
+.m_926b4011 {
+  height: 0;
+  width: 0;
+  opacity: 0;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.m_9307d992 {
+  -webkit-tap-highlight-color: transparent;
+  cursor: var(--switch-cursor, var(--mantine-cursor-type));
+  overflow: hidden;
+  position: relative;
+  border-radius: var(--switch-radius);
+  background-color: var(--switch-bg);
+  height: var(--switch-height);
+  min-width: var(--switch-width);
+  margin: 0;
+  transition:
+    background-color 150ms ease,
+    border-color 150ms ease;
+  appearance: none;
+  display: flex;
+  align-items: center;
+  font-size: var(--switch-label-font-size);
+  font-weight: 600;
+  order: var(--switch-order, 1);
+  user-select: none;
+  z-index: 0;
+  line-height: 0;
+  color: var(--switch-text-color);
+}
+
+.m_9307d992:where([data-without-labels]) {
+    width: var(--switch-width);
+  }
+
+.m_926b4011:focus-visible + .m_9307d992 {
+    outline: 2px solid var(--mantine-primary-color-filled);
+    outline-offset: 2px;
+  }
+
+.m_926b4011:checked + .m_9307d992 {
+    --switch-bg: var(--switch-color);
+    --switch-text-color: var(--mantine-color-white);
+  }
+
+.m_926b4011:disabled + .m_9307d992,
+  .m_926b4011[data-disabled] + .m_9307d992 {
+    --switch-bg: var(--switch-disabled-color);
+    --switch-cursor: not-allowed;
+  }
+
+[data-mantine-color-scheme='light'] .m_9307d992 {
+    --switch-bg: var(--mantine-color-gray-3);
+    --switch-text-color: var(--mantine-color-gray-6);
+}
+
+[data-mantine-color-scheme='dark'] .m_9307d992 {
+    --switch-bg: var(--mantine-color-dark-5);
+    --switch-text-color: var(--mantine-color-dark-1);
+}
+
+.m_9307d992[data-label-position='left'] {
+    --switch-order: 2;
+  }
+
+.m_93039a1d {
+  position: absolute;
+  z-index: 1;
+  border-radius: var(--switch-radius);
+  display: flex;
+  background-color: var(--switch-thumb-bg, var(--mantine-color-white));
+  height: var(--switch-thumb-size);
+  width: var(--switch-thumb-size);
+  inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding));
+  transition: inset-inline-start 150ms ease;
+}
+
+.m_93039a1d:where([data-with-thumb-indicator])::before {
+    content: '';
+    width: 40%;
+    height: 40%;
+    background-color: var(--switch-bg);
+    position: absolute;
+    border-radius: var(--switch-radius);
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+.m_93039a1d > * {
+    margin: auto;
+  }
+
+.m_926b4011:checked + * > .m_93039a1d {
+    --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
+  }
+
+.m_926b4011:disabled + * > .m_93039a1d,
+  .m_926b4011[data-disabled] + * > .m_93039a1d {
+    --switch-thumb-bg: var(--switch-thumb-bg-disabled);
+  }
+
+[data-mantine-color-scheme='light'] .m_93039a1d {
+    --switch-thumb-bg-disabled: var(--mantine-color-gray-0);
+}
+
+[data-mantine-color-scheme='dark'] .m_93039a1d {
+    --switch-thumb-bg-disabled: var(--mantine-color-dark-3);
+}
+
+.m_8277e082 {
+  height: 100%;
+  display: grid;
+  place-content: center;
+  min-width: calc(var(--switch-width) - var(--switch-thumb-size));
+  padding-inline: var(--switch-track-label-padding);
+  margin-inline-start: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
+  transition: margin 150ms ease;
+}
+
+.m_926b4011:checked + * > .m_8277e082 {
+    margin-inline-end: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
+    margin-inline-start: 0;
+  }

package/styles/Switch.layer.css

@@ -0,0 +1,173 @@
+@layer mantine {.m_5f93f3bb {
+  --switch-height-xs: 16px;
+  --switch-height-sm: 20px;
+  --switch-height-md: 24px;
+  --switch-height-lg: 30px;
+  --switch-height-xl: 36px;
+
+  --switch-width-xs: 32px;
+  --switch-width-sm: 38px;
+  --switch-width-md: 46px;
+  --switch-width-lg: 56px;
+  --switch-width-xl: 72px;
+
+  --switch-thumb-size-xs: 12px;
+  --switch-thumb-size-sm: 14px;
+  --switch-thumb-size-md: 18px;
+  --switch-thumb-size-lg: 22px;
+  --switch-thumb-size-xl: 28px;
+
+  --switch-label-font-size-xs: 5px;
+  --switch-label-font-size-sm: 6px;
+  --switch-label-font-size-md: 7px;
+  --switch-label-font-size-lg: 9px;
+  --switch-label-font-size-xl: 11px;
+
+  --switch-track-label-padding-xs: 2px;
+  --switch-track-label-padding-sm: 2.5px;
+  --switch-track-label-padding-md: 3px;
+  --switch-track-label-padding-lg: 3px;
+  --switch-track-label-padding-xl: 3.5px;
+
+  --switch-height: var(--switch-height-sm);
+  --switch-width: var(--switch-width-sm);
+  --switch-thumb-size: var(--switch-thumb-size-sm);
+  --switch-label-font-size: var(--switch-label-font-size-sm);
+  --switch-track-label-padding: var(--switch-track-label-padding-sm);
+  --switch-radius: 1000px;
+  --switch-color: var(--mantine-primary-color-filled);
+  --switch-disabled-color: var(--mantine-color-disabled);
+
+  position: relative;
+}
+
+.m_926b4011 {
+  height: 0;
+  width: 0;
+  opacity: 0;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.m_9307d992 {
+  -webkit-tap-highlight-color: transparent;
+  cursor: var(--switch-cursor, var(--mantine-cursor-type));
+  overflow: hidden;
+  position: relative;
+  border-radius: var(--switch-radius);
+  background-color: var(--switch-bg);
+  height: var(--switch-height);
+  min-width: var(--switch-width);
+  margin: 0;
+  transition:
+    background-color 150ms ease,
+    border-color 150ms ease;
+  appearance: none;
+  display: flex;
+  align-items: center;
+  font-size: var(--switch-label-font-size);
+  font-weight: 600;
+  order: var(--switch-order, 1);
+  user-select: none;
+  z-index: 0;
+  line-height: 0;
+  color: var(--switch-text-color);
+}
+
+.m_9307d992:where([data-without-labels]) {
+    width: var(--switch-width);
+  }
+
+.m_926b4011:focus-visible + .m_9307d992 {
+    outline: 2px solid var(--mantine-primary-color-filled);
+    outline-offset: 2px;
+  }
+
+.m_926b4011:checked + .m_9307d992 {
+    --switch-bg: var(--switch-color);
+    --switch-text-color: var(--mantine-color-white);
+  }
+
+.m_926b4011:disabled + .m_9307d992,
+  .m_926b4011[data-disabled] + .m_9307d992 {
+    --switch-bg: var(--switch-disabled-color);
+    --switch-cursor: not-allowed;
+  }
+
+[data-mantine-color-scheme='light'] .m_9307d992 {
+    --switch-bg: var(--mantine-color-gray-3);
+    --switch-text-color: var(--mantine-color-gray-6);
+}
+
+[data-mantine-color-scheme='dark'] .m_9307d992 {
+    --switch-bg: var(--mantine-color-dark-5);
+    --switch-text-color: var(--mantine-color-dark-1);
+}
+
+.m_9307d992[data-label-position='left'] {
+    --switch-order: 2;
+  }
+
+.m_93039a1d {
+  position: absolute;
+  z-index: 1;
+  border-radius: var(--switch-radius);
+  display: flex;
+  background-color: var(--switch-thumb-bg, var(--mantine-color-white));
+  height: var(--switch-thumb-size);
+  width: var(--switch-thumb-size);
+  inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding));
+  transition: inset-inline-start 150ms ease;
+}
+
+.m_93039a1d:where([data-with-thumb-indicator])::before {
+    content: '';
+    width: 40%;
+    height: 40%;
+    background-color: var(--switch-bg);
+    position: absolute;
+    border-radius: var(--switch-radius);
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+.m_93039a1d > * {
+    margin: auto;
+  }
+
+.m_926b4011:checked + * > .m_93039a1d {
+    --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
+  }
+
+.m_926b4011:disabled + * > .m_93039a1d,
+  .m_926b4011[data-disabled] + * > .m_93039a1d {
+    --switch-thumb-bg: var(--switch-thumb-bg-disabled);
+  }
+
+[data-mantine-color-scheme='light'] .m_93039a1d {
+    --switch-thumb-bg-disabled: var(--mantine-color-gray-0);
+}
+
+[data-mantine-color-scheme='dark'] .m_93039a1d {
+    --switch-thumb-bg-disabled: var(--mantine-color-dark-3);
+}
+
+.m_8277e082 {
+  height: 100%;
+  display: grid;
+  place-content: center;
+  min-width: calc(var(--switch-width) - var(--switch-thumb-size));
+  padding-inline: var(--switch-track-label-padding);
+  margin-inline-start: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
+  transition: margin 150ms ease;
+}
+
+.m_926b4011:checked + * > .m_8277e082 {
+    margin-inline-end: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
+    margin-inline-start: 0;
+  }
+}

package/styles/Table.css

@@ -0,0 +1,159 @@
+.m_b23fa0ef {
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+  line-height: var(--mantine-line-height);
+  font-size: var(--mantine-font-size-sm);
+  table-layout: var(--table-layout, auto);
+  caption-side: var(--table-caption-side, bottom);
+  border: none;
+}
+
+  :where([data-mantine-color-scheme='light']) .m_b23fa0ef {
+    --table-hover-color: var(--mantine-color-gray-1);
+    --table-striped-color: var(--mantine-color-gray-0);
+    --table-border-color: var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef {
+    --table-hover-color: var(--mantine-color-dark-5);
+    --table-striped-color: var(--mantine-color-dark-6);
+    --table-border-color: var(--mantine-color-dark-4);
+}
+
+  .m_b23fa0ef:where([data-with-table-border]) {
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
+  .m_b23fa0ef:where([data-tabular-nums]) {
+    font-variant-numeric: tabular-nums;
+  }
+
+  .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+    font-weight: 500;
+  }
+
+  :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+      background-color: var(--mantine-color-gray-0);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+      background-color: var(--mantine-color-dark-6);
+}
+
+.m_4e7aa4f3 {
+  text-align: left;
+}
+
+:where([dir="rtl"]) .m_4e7aa4f3 {
+    text-align: right;
+}
+
+.m_4e7aa4fd {
+  border-bottom: none;
+  background-color: transparent;
+}
+
+@media (hover: hover) {
+    .m_4e7aa4fd:hover:where([data-hover]) {
+      background-color: var(--tr-hover-bg);
+    }
+}
+
+@media (hover: none) {
+    .m_4e7aa4fd:active:where([data-hover]) {
+      background-color: var(--tr-hover-bg);
+    }
+}
+
+.m_4e7aa4fd:where([data-with-row-border]) {
+    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
+.m_4e7aa4ef,
+.m_4e7aa4f3 {
+  padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
+}
+
+.m_4e7aa4ef:where([data-with-column-border]:not(:first-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
+    border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
+.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
+    border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
+.m_b2404537 > :where(tr):where([data-with-row-border]:last-of-type) {
+      border-bottom: none;
+    }
+
+.m_b2404537 > :where(tr):where([data-striped='odd']:nth-of-type(odd)) {
+      background-color: var(--table-striped-color);
+    }
+
+.m_b2404537 > :where(tr):where([data-striped='even']:nth-of-type(even)) {
+      background-color: var(--table-striped-color);
+    }
+
+.m_b2404537 > :where(tr)[data-hover] {
+      --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
+    }
+
+.m_b242d975 {
+  top: var(--table-sticky-header-offset, 0);
+  z-index: 3;
+}
+
+.m_b242d975:where([data-sticky]) {
+    position: sticky;
+  }
+
+.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) {
+      position: sticky;
+      top: var(--table-sticky-header-offset, 0);
+      background-color: var(--mantine-color-body);
+    }
+
+:where([data-with-table-border]) .m_b242d975[data-sticky] {
+  position: sticky;
+  top: var(--table-sticky-header-offset, 0);
+  z-index: 4;
+  border-top: none;
+}
+
+:where([data-with-table-border]) .m_b242d975[data-sticky]::before {
+  content: '';
+  display: block;
+  position: absolute;
+  left: 0;
+  top: -0.5px;
+  width: 100%;
+  height: 1px;
+  background-color: var(--table-border-color);
+  z-index: 5;
+}
+
+:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
+  border-top: none;
+}
+
+.m_9e5a3ac7 {
+  color: var(--mantine-color-dimmed);
+}
+
+.m_9e5a3ac7:where([data-side='top']) {
+    margin-bottom: var(--mantine-spacing-xs);
+  }
+
+.m_9e5a3ac7:where([data-side='bottom']) {
+    margin-top: var(--mantine-spacing-xs);
+  }
+
+.m_a100c15 {
+  overflow-x: var(--table-overflow);
+}
+
+.m_62259741 {
+  min-width: var(--table-min-width);
+  max-height: var(--table-max-height);
+}

package/styles/Table.layer.css

@@ -0,0 +1,160 @@
+@layer mantine {.m_b23fa0ef {
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+  line-height: var(--mantine-line-height);
+  font-size: var(--mantine-font-size-sm);
+  table-layout: var(--table-layout, auto);
+  caption-side: var(--table-caption-side, bottom);
+  border: none;
+}
+
+  :where([data-mantine-color-scheme='light']) .m_b23fa0ef {
+    --table-hover-color: var(--mantine-color-gray-1);
+    --table-striped-color: var(--mantine-color-gray-0);
+    --table-border-color: var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef {
+    --table-hover-color: var(--mantine-color-dark-5);
+    --table-striped-color: var(--mantine-color-dark-6);
+    --table-border-color: var(--mantine-color-dark-4);
+}
+
+  .m_b23fa0ef:where([data-with-table-border]) {
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
+  .m_b23fa0ef:where([data-tabular-nums]) {
+    font-variant-numeric: tabular-nums;
+  }
+
+  .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+    font-weight: 500;
+  }
+
+  :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+      background-color: var(--mantine-color-gray-0);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+      background-color: var(--mantine-color-dark-6);
+}
+
+.m_4e7aa4f3 {
+  text-align: left;
+}
+
+:where([dir="rtl"]) .m_4e7aa4f3 {
+    text-align: right;
+}
+
+.m_4e7aa4fd {
+  border-bottom: none;
+  background-color: transparent;
+}
+
+@media (hover: hover) {
+    .m_4e7aa4fd:hover:where([data-hover]) {
+      background-color: var(--tr-hover-bg);
+    }
+}
+
+@media (hover: none) {
+    .m_4e7aa4fd:active:where([data-hover]) {
+      background-color: var(--tr-hover-bg);
+    }
+}
+
+.m_4e7aa4fd:where([data-with-row-border]) {
+    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
+.m_4e7aa4ef,
+.m_4e7aa4f3 {
+  padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
+}
+
+.m_4e7aa4ef:where([data-with-column-border]:not(:first-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
+    border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
+.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
+    border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
+.m_b2404537 > :where(tr):where([data-with-row-border]:last-of-type) {
+      border-bottom: none;
+    }
+
+.m_b2404537 > :where(tr):where([data-striped='odd']:nth-of-type(odd)) {
+      background-color: var(--table-striped-color);
+    }
+
+.m_b2404537 > :where(tr):where([data-striped='even']:nth-of-type(even)) {
+      background-color: var(--table-striped-color);
+    }
+
+.m_b2404537 > :where(tr)[data-hover] {
+      --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
+    }
+
+.m_b242d975 {
+  top: var(--table-sticky-header-offset, 0);
+  z-index: 3;
+}
+
+.m_b242d975:where([data-sticky]) {
+    position: sticky;
+  }
+
+.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) {
+      position: sticky;
+      top: var(--table-sticky-header-offset, 0);
+      background-color: var(--mantine-color-body);
+    }
+
+:where([data-with-table-border]) .m_b242d975[data-sticky] {
+  position: sticky;
+  top: var(--table-sticky-header-offset, 0);
+  z-index: 4;
+  border-top: none;
+}
+
+:where([data-with-table-border]) .m_b242d975[data-sticky]::before {
+  content: '';
+  display: block;
+  position: absolute;
+  left: 0;
+  top: -0.5px;
+  width: 100%;
+  height: 1px;
+  background-color: var(--table-border-color);
+  z-index: 5;
+}
+
+:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
+  border-top: none;
+}
+
+.m_9e5a3ac7 {
+  color: var(--mantine-color-dimmed);
+}
+
+.m_9e5a3ac7:where([data-side='top']) {
+    margin-bottom: var(--mantine-spacing-xs);
+  }
+
+.m_9e5a3ac7:where([data-side='bottom']) {
+    margin-top: var(--mantine-spacing-xs);
+  }
+
+.m_a100c15 {
+  overflow-x: var(--table-overflow);
+}
+
+.m_62259741 {
+  min-width: var(--table-min-width);
+  max-height: var(--table-max-height);
+}
+}

package/styles/TableOfContents.css

@@ -0,0 +1,38 @@
+.m_bcaa9990 {
+  display: flex;
+  flex-direction: column;
+  --toc-depth-offset: 0.8em;
+}
+
+.m_375a65ef {
+  display: block;
+  padding: 0.3em 0.8em;
+  font-size: var(--toc-size, var(--mantine-font-size-md));
+  border-radius: var(--toc-radius, var(--mantine-radius-default));
+  padding-left: max(calc(var(--depth-offset) * var(--toc-depth-offset)), 0.8em);
+}
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
+        background-color: var(--mantine-color-gray-1);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
+        background-color: var(--mantine-color-dark-5);
+  }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
+        background-color: var(--mantine-color-gray-1);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
+        background-color: var(--mantine-color-dark-5);
+  }
+}
+
+.m_375a65ef:where([data-active]) {
+    background-color: var(--toc-bg);
+    color: var(--toc-color);
+  }