@carbon/styles 1.17.0-rc.2 → 1.17.0

package/css/styles.css

@@ -4826,6 +4826,17 @@ li.cds--accordion__item--disabled:last-of-type {
   }
 }
 
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+textarea:-webkit-autofill,
+textarea:-webkit-autofill:hover,
+textarea:-webkit-autofill:focus {
+  -webkit-box-shadow: 0 0 0 1000px var(--cds-field) inset;
+          box-shadow: 0 0 0 1000px var(--cds-field) inset;
+  -webkit-text-fill-color: var(--cds-text-primary, #161616);
+}
+
 .cds--fieldset html {
   font-size: 100%;
 }
@@ -8662,15 +8673,6 @@ fieldset[disabled] .cds--form__helper-text {
   transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 
-.cds--data-table .cds--table-column-checkbox .cds--checkbox:focus + .cds--checkbox-label::before {
-  outline-offset: 0.375rem;
-}
-
-.cds--data-table--compact .cds--table-column-checkbox .cds--checkbox:focus + .cds--checkbox-label::before,
-.cds--data-table--xs .cds--table-column-checkbox .cds--checkbox:focus + .cds--checkbox-label::before {
-  outline-offset: 0.125rem;
-}
-
 .cds--data-table thead th.cds--table-column-checkbox,
 .cds--data-table tbody td.cds--table-column-checkbox,
 .cds--data-table thead th.cds--table-expand,
@@ -12942,6 +12944,70 @@ button.cds--dropdown-text:focus {
   top: 5rem;
 }
 
+.cds--date-picker--fluid__skeleton {
+  height: 4rem;
+  border-bottom: 1px solid var(--cds-skeleton-element, #c6c6c6);
+  background: var(--cds-skeleton-background, #e8e8e8);
+}
+
+.cds--date-picker--fluid__skeleton--container {
+  position: relative;
+  width: 100%;
+  height: 4rem;
+  padding: 0.8125rem 2.5rem 0.8125rem 1rem;
+}
+
+.cds--date-picker--fluid__skeleton .cds--skeleton {
+  height: 1rem;
+}
+
+.cds--date-picker--fluid__skeleton .cds--label {
+  margin-bottom: 0.25rem;
+}
+
+.cds--date-picker--fluid__skeleton .cds--text-input {
+  width: 80%;
+  height: 1.125rem;
+}
+
+.cds--date-picker--fluid__skeleton--container .cds--date-picker__icon {
+  top: auto;
+  bottom: 0.125rem;
+}
+
+.cds--date-picker--fluid__skeleton--range {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+}
+
+.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 50%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+
+.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container:first-of-type {
+  border-right: 1px solid var(--cds-skeleton-element, #c6c6c6);
+}
+
+.cds--date-picker--fluid__skeleton--range .cds--text-input {
+  width: 100%;
+}
+
+.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container .cds--date-picker__icon {
+  bottom: 0.3125rem;
+}
+
 .cds--list-box__wrapper--fluid .cds--multi-select--filterable--input-focused {
   outline: none;
   outline-offset: 0;
@@ -14450,6 +14516,36 @@ optgroup.cds--select-optgroup:disabled,
   visibility: hidden;
 }
 
+.cds--multi-select.cds--multi-select--readonly,
+.cds--multi-select.cds--multi-select--readonly:hover {
+  background-color: transparent;
+}
+
+.cds--multi-select.cds--multi-select--readonly .cds--list-box__menu-icon svg {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
+.cds--multi-select.cds--multi-select--readonly .cds--tag--filter,
+.cds--multi-select.cds--multi-select--readonly .cds--tag__close-icon:hover {
+  background-color: transparent;
+  color: var(--cds-text-primary, #161616);
+  cursor: default;
+}
+
+.cds--multi-select.cds--multi-select--readonly .cds--tag--filter {
+  -webkit-box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);
+          box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);
+}
+
+.cds--multi-select.cds--multi-select--readonly .cds--tag--filter svg {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
+.cds--multi-select.cds--multi-select--readonly .cds--list-box__field,
+.cds--multi-select.cds--multi-select--readonly .cds--list-box__menu-icon {
+  cursor: default;
+}
+
 .cds--inline-notification {
   position: relative;
   display: -webkit-box;