@deque/cauldron-styles 6.26.0-canary.bd48a985 → 6.27.0-canary.058d302b

package/dist/index.css

@@ -265,8 +265,7 @@ button,
   line-height: normal;
   vertical-align: middle;
   text-align: center;
-  -moz-user-select: none;
-       user-select: none;
+  user-select: none;
   -webkit-user-drag: none;
   box-sizing: border-box;
   border: 0;
@@ -602,11 +601,6 @@ textarea:focus:hover,
     inset 0 1px 2px rgba(0, 0, 0, 0.05);
 }
 
-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
-  color: var(--field-placeholder-color);
-  font-style: italic;
-}
-
 input::placeholder,
 textarea::placeholder {
   color: var(--field-placeholder-color);
@@ -925,9 +919,7 @@ textarea.Field--has-error:focus:hover,
   opacity: 0;
   top: 8px;
   left: 8px;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
+  appearance: none;
 }
 
 .Checkbox input[type='checkbox']:indeterminate ~ .Checkbox__overlay.Icon {
@@ -996,9 +988,7 @@ textarea.Field--has-error:focus:hover,
   opacity: 0;
   top: 8px;
   left: 8px;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
+  appearance: none;
 }
 
 .Field__label:hover ~ .Checkbox__overlay:not(.Checkbox__overlay--disabled),
@@ -1252,7 +1242,6 @@ textarea.Field--has-error:focus:hover,
   justify-items: center;
   justify-content: center;
   gap: var(--space-smallest);
-  min-width: -moz-max-content;
   min-width: max-content;
 }
 
@@ -1476,13 +1465,11 @@ button.Link {
   font-size: inherit;
   vertical-align: baseline;
   cursor: auto;
-  -moz-user-select: text;
-       user-select: text;
+  user-select: text;
 }
 
 .Button--thin {
   min-height: var(--button-thin-height);
-  min-width: -moz-max-content;
   min-width: max-content;
   font-size: var(--button-thin-text-size);
   padding: 0 var(--space-small);
@@ -2227,8 +2214,7 @@ a.IconButton {
 }
 
 .Link:where(:has(.Icon)) {
-  max-width: -moz-max-content;
-  max-width: max-content;
+  width: fit-content;
   display: inline-flex;
   align-items: center;
   gap: var(--space-half);
@@ -2437,12 +2423,9 @@ a.IconButton {
   font-style: normal;
   font-size: var(--text-size-small);
   color: var(--field-content-color);
-  -webkit-text-decoration: rgb(102, 102, 102);
-          text-decoration: rgb(102, 102, 102);
+  text-decoration: rgb(102, 102, 102);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
+  appearance: none;
 }
 
 .Field__select--wrapper select:not([disabled]):hover {
@@ -2461,18 +2444,21 @@ a.IconButton {
   border-color: var(--field-border-color-focus-hover);
 }
 
-.Field__select--wrapper select:invalid,
+/* autoprefixer: off */
+
+.Field__select--wrapper select:user-invalid,
 .Field--has-error select {
   border-width: 1px;
   border-color: var(--field-border-color-error);
 }
 
+.Field__select--wrapper select:user-invalid:hover,
 .Field__select--wrapper.Field--has-error select:hover {
   border-color: var(--field-border-color-error-hover);
   box-shadow: 0 0 0 1px var(--field-border-color-error-hover);
 }
 
-.Field__select--wrapper select:invalid:focus,
+.Field__select--wrapper select:user-invalid:focus,
 .Field__select--wrapper.Field--has-error select:focus {
   border-color: var(--field-border-color-error);
   box-shadow:
@@ -2481,11 +2467,13 @@ a.IconButton {
     var(--field-border-color-error-focus-glow) 0 0 5px 0;
 }
 
-.Field__select--wrapper select:invalid:focus:hover,
+.Field__select--wrapper select:user-invalid:focus:hover,
 .Field__select--wrapper.Field--has-error select:focus:hover {
   border-color: var(--field-border-color-error-hover);
 }
 
+/* autoprefixer: on */
+
 :root {
   --menu-width: 257px;
 }
@@ -2617,9 +2605,7 @@ a.IconButton {
 .RadioCard input[type='radio'] {
   position: absolute;
   opacity: 0;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
+  appearance: none;
   height: 1px;
   width: 1px;
 }
@@ -3014,8 +3000,7 @@ button.TooltipTabstop {
   background-color: var(--top-bar-background-color);
   color: var(--top-bar-text-color);
   border-bottom: var(--top-bar-border-bottom);
-  -webkit-padding-start: var(--top-bar-padding-inline-start);
-          padding-inline-start: var(--top-bar-padding-inline-start);
+  padding-inline-start: var(--top-bar-padding-inline-start);
 }
 
 .TopBar--thin .TopBar {
@@ -3204,7 +3189,8 @@ button.TooltipTabstop {
   border-radius: 2px;
 }
 
-.SkipLink span {
+.SkipLink .SkipLink__item--first,
+.SkipLink .SkipLink__item--second {
   display: block;
 }
 
@@ -5240,8 +5226,7 @@ button.Accordion__trigger {
   font-size: var(--text-size-small);
   margin-top: var(--space-small);
   color: var(--accordion-trigger-text-color);
-  -webkit-text-decoration: var(--accordion-trigger-text-decoration);
-          text-decoration: var(--accordion-trigger-text-decoration);
+  text-decoration: var(--accordion-trigger-text-decoration);
 }
 
 .Accordion__trigger[aria-expanded='true'] {
@@ -5254,8 +5239,7 @@ button.Accordion__trigger {
   box-shadow: inset 8px 0 0 -4px var(--accordion-trigger-box-shadow-hover);
   color: var(--accordion-trigger-text-color-hover);
   transition: all 0.2s ease-in-out;
-  -webkit-text-decoration: underline solid var(--accordion-trigger-text-color-hover);
-          text-decoration: underline solid var(--accordion-trigger-text-color-hover);
+  text-decoration: underline solid var(--accordion-trigger-text-color-hover);
 }
 
 .Accordion__trigger:hover .Icon {
@@ -5875,8 +5859,7 @@ button.Accordion__trigger {
 
 .TextEllipsis:where([role='button']) {
   text-align: inherit;
-  -moz-user-select: inherit;
-       user-select: inherit;
+  user-select: inherit;
 }
 
 .TextEllipsis--multiline {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-styles",
-  "version": "6.26.0-canary.bd48a985",
+  "version": "6.27.0-canary.058d302b",
   "license": "MPL-2.0",
   "description": "deque cauldron pattern library styles",
   "repository": "https://github.com/dequelabs/cauldron",