@carbon/styles 1.77.1 → 1.77.2

package/css/styles.css

@@ -15193,117 +15193,6 @@ th .cds--table-sort__flex {
   }
 }
 
-.cds--dialog {
-  padding: 0;
-  border: none;
-  background-color: var(--cds-layer);
-  color: var(--cds-text-primary, #161616);
-  inline-size: 48rem;
-  max-block-size: 50%;
-  max-inline-size: 100%;
-  opacity: 0;
-  transform: translateY(calc(-1 * 1.5rem));
-  /** opening and closing is used in as allow-discrete is not currently supported wide enough
-   * https://caniuse.com/mdn-css_properties_display_is_transitionable
-   */
-  transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), transform 240ms cubic-bezier(0.4, 0.14, 1, 1), overlay 240ms cubic-bezier(0.4, 0.14, 1, 1) allow-discrete, display 240ms cubic-bezier(0.4, 0.14, 1, 1) allow-discrete;
-  /** starting style also not supported widely
-  * https://caniuse.com/mdn-css_at-rules_starting-style
-  */
-  /*   Before-open state  */
-  /* Needs to be after the previous dialog[open] rule to take effect,
-  as the specificity is the same */
-}
-@media (prefers-reduced-motion) {
-  .cds--dialog {
-    transition: none;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--dialog {
-    max-inline-size: 84%;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--dialog {
-    max-inline-size: 72%;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--dialog {
-    max-inline-size: 64%;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--dialog {
-    max-inline-size: 60%;
-  }
-}
-.cds--dialog[open] {
-  opacity: 1;
-  transform: translateY(0);
-  transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), transform 240ms cubic-bezier(0, 0, 0.3, 1), overlay 240ms cubic-bezier(0, 0, 0.3, 1) allow-discrete, display 240ms cubic-bezier(0, 0, 0.3, 1) allow-discrete;
-}
-@media (prefers-reduced-motion) {
-  .cds--dialog[open] {
-    transition: none;
-  }
-}
-@starting-style {
-  .cds--dialog[open] {
-    opacity: 0;
-    transform: translateY(calc(-1 * 1.5rem));
-  }
-}
-
-.cds--dialog__header {
-  position: relative;
-  overflow: visible;
-  inline-size: 100%;
-  min-block-size: 3rem;
-}
-
-/* Transition the :backdrop when the dialog modal is promoted to the top layer */
-.cds--dialog::backdrop {
-  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
-  opacity: 0;
-  /* opening and closing is used in as allow-discrete is not currently supported wide enough
-   * https://caniuse.com/mdn-css_properties_display_is_transitionable
-   */
-  transition: background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
-}
-@media (prefers-reduced-motion) {
-  .cds--dialog::backdrop {
-    transition: none;
-  }
-}
-
-.cds--dialog[open]::backdrop {
-  opacity: 1;
-  transition: background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
-}
-@media (prefers-reduced-motion) {
-  .cds--dialog[open]::backdrop {
-    transition: none;
-  }
-}
-
-/** starting style also not supported widely
-* https://caniuse.com/mdn-css_at-rules_starting-style
-*/
-/* This starting-style rule cannot be nested inside the above selector
-because the nesting selector cannot represent pseudo-elements. */
-@starting-style {
-  .cds--dialog[open]::backdrop {
-    opacity: 0;
-  }
-}
-.cds--dialog__header-controls {
-  position: absolute;
-  inset-block-start: 0;
-  inset-inline-end: 0;
-}
-
 .cds--dropdown__wrapper--inline {
   display: inline-grid;
   align-items: center;