@mantine/core 7.6.0 → 7.6.1

package/styles/Switch.layer.css

@@ -0,0 +1,172 @@
+@layer mantine {.m-5f93f3bb {
+  --switch-height-xs: calc(1rem * var(--mantine-scale));
+  --switch-height-sm: calc(1.25rem * var(--mantine-scale));
+  --switch-height-md: calc(1.5rem * var(--mantine-scale));
+  --switch-height-lg: calc(1.875rem * var(--mantine-scale));
+  --switch-height-xl: calc(2.25rem * var(--mantine-scale));
+
+  --switch-width-xs: calc(2rem * var(--mantine-scale));
+  --switch-width-sm: calc(2.375rem * var(--mantine-scale));
+  --switch-width-md: calc(2.875rem * var(--mantine-scale));
+  --switch-width-lg: calc(3.5rem * var(--mantine-scale));
+  --switch-width-xl: calc(4.5rem * var(--mantine-scale));
+
+  --switch-thumb-size-xs: calc(0.75rem * var(--mantine-scale));
+  --switch-thumb-size-sm: calc(0.875rem * var(--mantine-scale));
+  --switch-thumb-size-md: calc(1.125rem * var(--mantine-scale));
+  --switch-thumb-size-lg: calc(1.375rem * var(--mantine-scale));
+  --switch-thumb-size-xl: calc(1.75rem * var(--mantine-scale));
+
+  --switch-label-font-size-xs: calc(0.3125rem * var(--mantine-scale));
+  --switch-label-font-size-sm: calc(0.375rem * var(--mantine-scale));
+  --switch-label-font-size-md: calc(0.4375rem * var(--mantine-scale));
+  --switch-label-font-size-lg: calc(0.5625rem * var(--mantine-scale));
+  --switch-label-font-size-xl: calc(0.6875rem * var(--mantine-scale));
+
+  --switch-track-label-padding-xs: calc(0.0625rem * var(--mantine-scale));
+  --switch-track-label-padding-sm: calc(0.125rem * var(--mantine-scale));
+  --switch-track-label-padding-md: calc(0.125rem * var(--mantine-scale));
+  --switch-track-label-padding-lg: calc(0.1875rem * var(--mantine-scale));
+  --switch-track-label-padding-xl: calc(0.1875rem * var(--mantine-scale));
+
+  --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: calc(62.5rem * var(--mantine-scale));
+  --switch-color: var(--mantine-primary-color-filled);
+
+  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);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--switch-bd);
+  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-926b4011:focus-visible + .m-9307d992 {
+    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
+    outline-offset: calc(0.125rem * var(--mantine-scale));
+  }
+
+.m-926b4011:checked + .m-9307d992 {
+    --switch-bg: var(--switch-color);
+    --switch-bd: 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-bd: var(--switch-disabled-color);
+    --switch-cursor: not-allowed;
+  }
+
+[data-mantine-color-scheme='light'] .m-9307d992 {
+    --switch-bg: var(--mantine-color-gray-2);
+    --switch-bd: var(--mantine-color-gray-3);
+    --switch-text-color: var(--mantine-color-gray-6);
+    --switch-disabled-color: var(--mantine-color-gray-2);
+}
+
+[data-mantine-color-scheme='dark'] .m-9307d992 {
+    --switch-bg: var(--mantine-color-dark-6);
+    --switch-bd: var(--mantine-color-dark-4);
+    --switch-text-color: var(--mantine-color-dark-1);
+    --switch-disabled-color: var(--mantine-color-dark-4);
+}
+
+.m-9307d992[data-error] {
+    --switch-bd: var(--mantine-color-error);
+  }
+
+.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);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--switch-thumb-bd);
+  inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding));
+  transition: inset-inline-start 150ms ease;
+}
+
+.m-93039a1d > * {
+    margin: auto;
+  }
+
+.m-926b4011:checked + * > .m-93039a1d {
+    --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
+    --switch-thumb-bd: var(--mantine-color-white);
+  }
+
+.m-926b4011:disabled + * > .m-93039a1d,
+  .m-926b4011[data-disabled] + * > .m-93039a1d {
+    --switch-thumb-bd: var(--switch-thumb-bg-disabled);
+    --switch-thumb-bg: var(--switch-thumb-bg-disabled);
+  }
+
+[data-mantine-color-scheme='light'] .m-93039a1d {
+    --switch-thumb-bd: var(--mantine-color-gray-3);
+    --switch-thumb-bg-disabled: var(--mantine-color-gray-0);
+}
+
+[data-mantine-color-scheme='dark'] .m-93039a1d {
+    --switch-thumb-bd: var(--mantine-color-white);
+    --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

@@ -1 +1,109 @@
-.m-b23fa0ef{border:none;border-collapse:collapse;caption-side:var(--table-caption-side,bottom);font-size:var(--mantine-font-size-sm);line-height:var(--mantine-line-height);table-layout:var(--table-layout,auto);width:100%}: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(.0625rem*var(--mantine-scale)) solid var(--table-border-color)}.m-4e7aa4f3{text-align:left}:where([dir=rtl]) .m-4e7aa4f3{text-align:right}.m-4e7aa4fd{background-color:transparent;border-bottom:none}@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(.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(:last-child)),.m-4e7aa4f3:where([data-with-column-border]:not(:last-child)){border-inline-end:calc(.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(2n)){background-color:var(--table-striped-color)}.m-b2404537 :where(tr)[data-hover]{--tr-hover-bg:var(--table-hover-color)}.m-b242d975{top:var(--table-sticky-header-offset,0);z-index:1}.m-b242d975:where([data-sticky]){background-color:var(--mantine-color-body);position:sticky}.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)}
+.m-b23fa0ef {
+  width: 100%;
+  border-collapse: collapse;
+  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-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(: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-hover-color);
+    }
+
+.m-b242d975 {
+  top: var(--table-sticky-header-offset, 0);
+  z-index: 1;
+}
+
+.m-b242d975:where([data-sticky]) {
+    position: sticky;
+    background-color: var(--mantine-color-body);
+  }
+
+.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);
+}

package/styles/Table.layer.css

@@ -0,0 +1,110 @@
+@layer mantine {.m-b23fa0ef {
+  width: 100%;
+  border-collapse: collapse;
+  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-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(: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-hover-color);
+    }
+
+.m-b242d975 {
+  top: var(--table-sticky-header-offset, 0);
+  z-index: 1;
+}
+
+.m-b242d975:where([data-sticky]) {
+    position: sticky;
+    background-color: var(--mantine-color-body);
+  }
+
+.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);
+}
+}