@mantine/core 9.0.0-alpha.7 → 9.0.1

package/styles/Slider.layer.css

@@ -57,7 +57,7 @@
     background-color: var(--mantine-color-dark-4);
 }
 
-:where([data-orientation='vertical']) .m_c9357328 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9357328 {
     top: auto;
     inset-inline-start: calc(100% + 8px);
   }
@@ -111,7 +111,7 @@ fieldset:disabled .m_c9a9a60a,
     background-color: var(--slider-color);
 }
 
-:where([data-orientation='vertical']) .m_c9a9a60a {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
     left: 50%;
     top: auto;
     right: auto;
@@ -119,11 +119,11 @@ fieldset:disabled .m_c9a9a60a,
     transform: translate(-50%, 50%);
   }
 
-:where([data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
       transform: translate(-50%, 50%) scale(1.05);
     }
 
-:where([dir="rtl"]) :where([data-orientation='vertical']) .m_c9a9a60a {
+:where([dir="rtl"]) :where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
       left: 50%;
       right: auto;
 }
@@ -141,7 +141,7 @@ fieldset:disabled .m_a8645c2,
     cursor: not-allowed;
   }
 
-:where([data-orientation='vertical']) .m_a8645c2 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_a8645c2 {
     flex-direction: column;
     width: calc(var(--slider-size) * 2);
     height: 100%;
@@ -173,12 +173,12 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     z-index: 0;
   }
 
-:where([data-orientation='vertical']) .m_c9ade57f {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f {
     width: var(--slider-size);
     height: 100%;
   }
 
-:where([data-orientation='vertical']) .m_c9ade57f::before {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f::before {
       inset-inline: 0;
       top: calc(var(--slider-size) * -1);
       bottom: calc(var(--slider-size) * -1);
@@ -204,7 +204,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     background-color: var(--mantine-color-disabled-color);
   }
 
-:where([data-orientation='vertical']) .m_38aeed47 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_38aeed47 {
     top: auto;
     bottom: var(--slider-bar-offset);
     inset-inline-start: 0;
@@ -221,7 +221,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
   pointer-events: none;
 }
 
-:where([data-orientation='vertical']) .m_b7b0423a {
+:where(.m_dd36362e[data-orientation='vertical']) .m_b7b0423a {
     inset-inline-start: 0;
     top: auto;
     bottom: calc(var(--mark-offset) + var(--slider-size) / 2);
@@ -270,7 +270,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     color: var(--mantine-color-dark-2);
 }
 
-:where([data-orientation='vertical']) .m_68c77a5b {
+:where(.m_dd36362e[data-orientation='vertical']) .m_68c77a5b {
     transform: translate(
       calc(var(--slider-size) + var(--mantine-spacing-xs) / 2),
       calc(-50% - var(--slider-size) / 2)

package/styles/Stepper.css

@@ -162,6 +162,10 @@
     border-color: var(--step-color);
   }
 
+.m_8faaac38 {
+  display: flex;
+}
+
 .m_a79331dc {
   position: absolute;
   inset: 0;

package/styles/Stepper.layer.css

@@ -162,6 +162,10 @@
     border-color: var(--step-color);
   }
 
+.m_8faaac38 {
+  display: flex;
+}
+
 .m_a79331dc {
   position: absolute;
   inset: 0;

package/styles/default-css-variables.css

@@ -23,7 +23,7 @@
     Apple Color Emoji, Segoe UI Emoji;
   --mantine-heading-font-weight: 700;
   --mantine-heading-text-wrap: wrap;
-  --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
+  --mantine-radius-default: calc(0.5rem * var(--mantine-scale));
   --mantine-primary-color-filled: var(--mantine-color-blue-filled);
   --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
   --mantine-primary-color-light: var(--mantine-color-blue-light);

package/styles/default-css-variables.layer.css

@@ -23,7 +23,7 @@
     Apple Color Emoji, Segoe UI Emoji;
   --mantine-heading-font-weight: 700;
   --mantine-heading-text-wrap: wrap;
-  --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
+  --mantine-radius-default: calc(0.5rem * var(--mantine-scale));
   --mantine-primary-color-filled: var(--mantine-color-blue-filled);
   --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
   --mantine-primary-color-light: var(--mantine-color-blue-light);

package/styles.css

@@ -108,7 +108,7 @@ fieldset:disabled .mantine-active:active {
     Apple Color Emoji, Segoe UI Emoji;
   --mantine-heading-font-weight: 700;
   --mantine-heading-text-wrap: wrap;
-  --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
+  --mantine-radius-default: calc(0.5rem * var(--mantine-scale));
   --mantine-primary-color-filled: var(--mantine-color-blue-filled);
   --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
   --mantine-primary-color-light: var(--mantine-color-blue-light);
@@ -1805,10 +1805,6 @@ fieldset:disabled .mantine-active:active {
     margin-inline-start: var(--mantine-spacing-lg);
   }
 
-.m_9bd7b098 {
-  overflow: hidden;
-}
-
 :where([data-mantine-color-scheme='light']) .m_9bd7b098 {
     --item-border-color: var(--mantine-color-gray-3);
     --item-filled-color: var(--mantine-color-gray-0);
@@ -3414,6 +3410,8 @@ fieldset:disabled .m_8ee546b8,
   display: flex;
   align-items: center;
   opacity: 1;
+  text-box-trim: trim-both;
+  text-box-edge: cap alphabetic;
 }
 
 .m_811560b9:where([data-loading]) {
@@ -3693,6 +3691,8 @@ fieldset:disabled .m_8ee546b8,
   -webkit-tap-highlight-color: transparent;
   border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
   color: var(--mantine-color-text);
+  text-box-trim: trim-both;
+  text-box-edge: cap alphabetic;
 }
 
 .m_be049a53:where([data-checked]) {
@@ -4909,9 +4909,12 @@ fieldset:disabled .m_8ee546b8,
 .m_1e0e6180 {
   cursor: inherit;
   overflow: hidden;
-  height: 100%;
-  line-height: var(--pill-height);
   text-overflow: ellipsis;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  text-box-trim: trim-both;
+  text-box-edge: cap alphabetic;
 }
 
 .m_ae386778 {
@@ -6184,7 +6187,7 @@ fieldset:disabled .m_8ee546b8,
   position: absolute;
   display: block;
   z-index: 1;
-  border-radius: var(--sc-radius, var(--mantine-radius-default));
+  border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
 }
 
 :where([data-mantine-color-scheme='light']) .m_9e182ccd {
@@ -6206,7 +6209,7 @@ fieldset:disabled .m_8ee546b8,
   overflow: hidden;
   text-overflow: ellipsis;
   user-select: none;
-  border-radius: var(--sc-radius, var(--mantine-radius-default));
+  border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
   font-size: var(--sc-font-size);
   padding: var(--sc-padding);
   transition: color var(--sc-transition-duration) var(--sc-transition-timing-function);
@@ -6251,7 +6254,7 @@ fieldset:disabled .m_1738fcb2,
       inset: 0;
       z-index: 0;
       position: absolute;
-      border-radius: var(--sc-radius, var(--mantine-radius-default));
+      border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
 }
 
 :where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active])::before {
@@ -6549,7 +6552,7 @@ fieldset:disabled .m_1738fcb2,
     background-color: var(--mantine-color-dark-4);
 }
 
-:where([data-orientation='vertical']) .m_c9357328 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9357328 {
     top: auto;
     inset-inline-start: calc(100% + 8px);
   }
@@ -6603,7 +6606,7 @@ fieldset:disabled .m_c9a9a60a,
     background-color: var(--slider-color);
 }
 
-:where([data-orientation='vertical']) .m_c9a9a60a {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
     left: 50%;
     top: auto;
     right: auto;
@@ -6611,11 +6614,11 @@ fieldset:disabled .m_c9a9a60a,
     transform: translate(-50%, 50%);
   }
 
-:where([data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
       transform: translate(-50%, 50%) scale(1.05);
     }
 
-:where([dir="rtl"]) :where([data-orientation='vertical']) .m_c9a9a60a {
+:where([dir="rtl"]) :where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
       left: 50%;
       right: auto;
 }
@@ -6633,7 +6636,7 @@ fieldset:disabled .m_a8645c2,
     cursor: not-allowed;
   }
 
-:where([data-orientation='vertical']) .m_a8645c2 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_a8645c2 {
     flex-direction: column;
     width: calc(var(--slider-size) * 2);
     height: 100%;
@@ -6665,12 +6668,12 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     z-index: 0;
   }
 
-:where([data-orientation='vertical']) .m_c9ade57f {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f {
     width: var(--slider-size);
     height: 100%;
   }
 
-:where([data-orientation='vertical']) .m_c9ade57f::before {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f::before {
       inset-inline: 0;
       top: calc(var(--slider-size) * -1);
       bottom: calc(var(--slider-size) * -1);
@@ -6696,7 +6699,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     background-color: var(--mantine-color-disabled-color);
   }
 
-:where([data-orientation='vertical']) .m_38aeed47 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_38aeed47 {
     top: auto;
     bottom: var(--slider-bar-offset);
     inset-inline-start: 0;
@@ -6713,7 +6716,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
   pointer-events: none;
 }
 
-:where([data-orientation='vertical']) .m_b7b0423a {
+:where(.m_dd36362e[data-orientation='vertical']) .m_b7b0423a {
     inset-inline-start: 0;
     top: auto;
     bottom: calc(var(--mark-offset) + var(--slider-size) / 2);
@@ -6762,7 +6765,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     color: var(--mantine-color-dark-2);
 }
 
-:where([data-orientation='vertical']) .m_68c77a5b {
+:where(.m_dd36362e[data-orientation='vertical']) .m_68c77a5b {
     transform: translate(
       calc(var(--slider-size) + var(--mantine-spacing-xs) / 2),
       calc(-50% - var(--slider-size) / 2)
@@ -6963,6 +6966,10 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     border-color: var(--step-color);
   }
 
+.m_8faaac38 {
+  display: flex;
+}
+
 .m_a79331dc {
   position: absolute;
   inset: 0;

package/styles.layer.css

@@ -108,7 +108,7 @@ fieldset:disabled .mantine-active:active {
     Apple Color Emoji, Segoe UI Emoji;
   --mantine-heading-font-weight: 700;
   --mantine-heading-text-wrap: wrap;
-  --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
+  --mantine-radius-default: calc(0.5rem * var(--mantine-scale));
   --mantine-primary-color-filled: var(--mantine-color-blue-filled);
   --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
   --mantine-primary-color-light: var(--mantine-color-blue-light);
@@ -1805,10 +1805,6 @@ fieldset:disabled .mantine-active:active {
     margin-inline-start: var(--mantine-spacing-lg);
   }
 
-.m_9bd7b098 {
-  overflow: hidden;
-}
-
 :where([data-mantine-color-scheme='light']) .m_9bd7b098 {
     --item-border-color: var(--mantine-color-gray-3);
     --item-filled-color: var(--mantine-color-gray-0);
@@ -3414,6 +3410,8 @@ fieldset:disabled .m_8ee546b8,
   display: flex;
   align-items: center;
   opacity: 1;
+  text-box-trim: trim-both;
+  text-box-edge: cap alphabetic;
 }
 
 .m_811560b9:where([data-loading]) {
@@ -3693,6 +3691,8 @@ fieldset:disabled .m_8ee546b8,
   -webkit-tap-highlight-color: transparent;
   border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
   color: var(--mantine-color-text);
+  text-box-trim: trim-both;
+  text-box-edge: cap alphabetic;
 }
 
 .m_be049a53:where([data-checked]) {
@@ -4909,9 +4909,12 @@ fieldset:disabled .m_8ee546b8,
 .m_1e0e6180 {
   cursor: inherit;
   overflow: hidden;
-  height: 100%;
-  line-height: var(--pill-height);
   text-overflow: ellipsis;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  text-box-trim: trim-both;
+  text-box-edge: cap alphabetic;
 }
 
 .m_ae386778 {
@@ -6184,7 +6187,7 @@ fieldset:disabled .m_8ee546b8,
   position: absolute;
   display: block;
   z-index: 1;
-  border-radius: var(--sc-radius, var(--mantine-radius-default));
+  border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
 }
 
 :where([data-mantine-color-scheme='light']) .m_9e182ccd {
@@ -6206,7 +6209,7 @@ fieldset:disabled .m_8ee546b8,
   overflow: hidden;
   text-overflow: ellipsis;
   user-select: none;
-  border-radius: var(--sc-radius, var(--mantine-radius-default));
+  border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
   font-size: var(--sc-font-size);
   padding: var(--sc-padding);
   transition: color var(--sc-transition-duration) var(--sc-transition-timing-function);
@@ -6251,7 +6254,7 @@ fieldset:disabled .m_1738fcb2,
       inset: 0;
       z-index: 0;
       position: absolute;
-      border-radius: var(--sc-radius, var(--mantine-radius-default));
+      border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
 }
 
 :where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active])::before {
@@ -6549,7 +6552,7 @@ fieldset:disabled .m_1738fcb2,
     background-color: var(--mantine-color-dark-4);
 }
 
-:where([data-orientation='vertical']) .m_c9357328 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9357328 {
     top: auto;
     inset-inline-start: calc(100% + 8px);
   }
@@ -6603,7 +6606,7 @@ fieldset:disabled .m_c9a9a60a,
     background-color: var(--slider-color);
 }
 
-:where([data-orientation='vertical']) .m_c9a9a60a {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
     left: 50%;
     top: auto;
     right: auto;
@@ -6611,11 +6614,11 @@ fieldset:disabled .m_c9a9a60a,
     transform: translate(-50%, 50%);
   }
 
-:where([data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
       transform: translate(-50%, 50%) scale(1.05);
     }
 
-:where([dir="rtl"]) :where([data-orientation='vertical']) .m_c9a9a60a {
+:where([dir="rtl"]) :where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
       left: 50%;
       right: auto;
 }
@@ -6633,7 +6636,7 @@ fieldset:disabled .m_a8645c2,
     cursor: not-allowed;
   }
 
-:where([data-orientation='vertical']) .m_a8645c2 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_a8645c2 {
     flex-direction: column;
     width: calc(var(--slider-size) * 2);
     height: 100%;
@@ -6665,12 +6668,12 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     z-index: 0;
   }
 
-:where([data-orientation='vertical']) .m_c9ade57f {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f {
     width: var(--slider-size);
     height: 100%;
   }
 
-:where([data-orientation='vertical']) .m_c9ade57f::before {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f::before {
       inset-inline: 0;
       top: calc(var(--slider-size) * -1);
       bottom: calc(var(--slider-size) * -1);
@@ -6696,7 +6699,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     background-color: var(--mantine-color-disabled-color);
   }
 
-:where([data-orientation='vertical']) .m_38aeed47 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_38aeed47 {
     top: auto;
     bottom: var(--slider-bar-offset);
     inset-inline-start: 0;
@@ -6713,7 +6716,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
   pointer-events: none;
 }
 
-:where([data-orientation='vertical']) .m_b7b0423a {
+:where(.m_dd36362e[data-orientation='vertical']) .m_b7b0423a {
     inset-inline-start: 0;
     top: auto;
     bottom: calc(var(--mark-offset) + var(--slider-size) / 2);
@@ -6762,7 +6765,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     color: var(--mantine-color-dark-2);
 }
 
-:where([data-orientation='vertical']) .m_68c77a5b {
+:where(.m_dd36362e[data-orientation='vertical']) .m_68c77a5b {
     transform: translate(
       calc(var(--slider-size) + var(--mantine-spacing-xs) / 2),
       calc(-50% - var(--slider-size) / 2)
@@ -6963,6 +6966,10 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     border-color: var(--step-color);
   }
 
+.m_8faaac38 {
+  display: flex;
+}
+
 .m_a79331dc {
   position: absolute;
   inset: 0;