@eui/mobile-styles 17.3.0-snapshot-1720769361456 → 18.0.0-next.2

package/src/styles/04-vendors/ionic/css-16/padding.css

@@ -1,175 +0,0 @@
-.ion-no-padding {
-  --padding-start: 0;
-  --padding-end: 0;
-  --padding-top: 0;
-  --padding-bottom: 0;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.ion-padding {
-  --padding-start: var(--ion-padding, 16px);
-  --padding-end: var(--ion-padding, 16px);
-  --padding-top: var(--ion-padding, 16px);
-  --padding-bottom: var(--ion-padding, 16px);
-  padding-left: var(--ion-padding, 16px);
-  padding-right: var(--ion-padding, 16px);
-  padding-top: var(--ion-padding, 16px);
-  padding-bottom: var(--ion-padding, 16px);
-}
-@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
-  .ion-padding {
-    padding-left: unset;
-    padding-right: unset;
-    -webkit-padding-start: var(--ion-padding, 16px);
-    padding-inline-start: var(--ion-padding, 16px);
-    -webkit-padding-end: var(--ion-padding, 16px);
-    padding-inline-end: var(--ion-padding, 16px);
-  }
-}
-
-.ion-padding-top {
-  --padding-top: var(--ion-padding, 16px);
-  padding-top: var(--ion-padding, 16px);
-}
-.ion-padding-start {
-  --padding-start: var(--ion-padding, 16px);
-  padding-left: var(--ion-padding, 16px);
-}
-@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
-  .ion-padding-start {
-    padding-left: unset;
-    -webkit-padding-start: var(--ion-padding, 16px);
-    padding-inline-start: var(--ion-padding, 16px);
-  }
-}
-
-.ion-padding-end {
-  --padding-end: var(--ion-padding, 16px);
-  padding-right: var(--ion-padding, 16px);
-}
-@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
-  .ion-padding-end {
-    padding-right: unset;
-    -webkit-padding-end: var(--ion-padding, 16px);
-    padding-inline-end: var(--ion-padding, 16px);
-  }
-}
-
-.ion-padding-bottom {
-  --padding-bottom: var(--ion-padding, 16px);
-  padding-bottom: var(--ion-padding, 16px);
-}
-.ion-padding-vertical {
-  --padding-top: var(--ion-padding, 16px);
-  --padding-bottom: var(--ion-padding, 16px);
-  padding-top: var(--ion-padding, 16px);
-  padding-bottom: var(--ion-padding, 16px);
-}
-.ion-padding-horizontal {
-  --padding-start: var(--ion-padding, 16px);
-  --padding-end: var(--ion-padding, 16px);
-  padding-left: var(--ion-padding, 16px);
-  padding-right: var(--ion-padding, 16px);
-}
-@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
-  .ion-padding-horizontal {
-    padding-left: unset;
-    padding-right: unset;
-    -webkit-padding-start: var(--ion-padding, 16px);
-    padding-inline-start: var(--ion-padding, 16px);
-    -webkit-padding-end: var(--ion-padding, 16px);
-    padding-inline-end: var(--ion-padding, 16px);
-  }
-}
-
-.ion-no-margin {
-  --margin-start: 0;
-  --margin-end: 0;
-  --margin-top: 0;
-  --margin-bottom: 0;
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.ion-margin {
-  --margin-start: var(--ion-margin, 16px);
-  --margin-end: var(--ion-margin, 16px);
-  --margin-top: var(--ion-margin, 16px);
-  --margin-bottom: var(--ion-margin, 16px);
-  margin-left: var(--ion-margin, 16px);
-  margin-right: var(--ion-margin, 16px);
-  margin-top: var(--ion-margin, 16px);
-  margin-bottom: var(--ion-margin, 16px);
-}
-@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
-  .ion-margin {
-    margin-left: unset;
-    margin-right: unset;
-    -webkit-margin-start: var(--ion-margin, 16px);
-    margin-inline-start: var(--ion-margin, 16px);
-    -webkit-margin-end: var(--ion-margin, 16px);
-    margin-inline-end: var(--ion-margin, 16px);
-  }
-}
-
-.ion-margin-top {
-  --margin-top: var(--ion-margin, 16px);
-  margin-top: var(--ion-margin, 16px);
-}
-.ion-margin-start {
-  --margin-start: var(--ion-margin, 16px);
-  margin-left: var(--ion-margin, 16px);
-}
-@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
-  .ion-margin-start {
-    margin-left: unset;
-    -webkit-margin-start: var(--ion-margin, 16px);
-    margin-inline-start: var(--ion-margin, 16px);
-  }
-}
-
-.ion-margin-end {
-  --margin-end: var(--ion-margin, 16px);
-  margin-right: var(--ion-margin, 16px);
-}
-@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
-  .ion-margin-end {
-    margin-right: unset;
-    -webkit-margin-end: var(--ion-margin, 16px);
-    margin-inline-end: var(--ion-margin, 16px);
-  }
-}
-
-.ion-margin-bottom {
-  --margin-bottom: var(--ion-margin, 16px);
-  margin-bottom: var(--ion-margin, 16px);
-}
-.ion-margin-vertical {
-  --margin-top: var(--ion-margin, 16px);
-  --margin-bottom: var(--ion-margin, 16px);
-  margin-top: var(--ion-margin, 16px);
-  margin-bottom: var(--ion-margin, 16px);
-}
-.ion-margin-horizontal {
-  --margin-start: var(--ion-margin, 16px);
-  --margin-end: var(--ion-margin, 16px);
-  margin-left: var(--ion-margin, 16px);
-  margin-right: var(--ion-margin, 16px);
-}
-@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
-  .ion-margin-horizontal {
-    margin-left: unset;
-    margin-right: unset;
-    -webkit-margin-start: var(--ion-margin, 16px);
-    margin-inline-start: var(--ion-margin, 16px);
-    -webkit-margin-end: var(--ion-margin, 16px);
-    margin-inline-end: var(--ion-margin, 16px);
-  }
-}
-
-/*# sourceMappingURL=padding.css.map */

package/src/styles/04-vendors/ionic/css-16/structure.css

@@ -1,73 +0,0 @@
-* {
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  -webkit-tap-highlight-color: transparent;
-  -webkit-touch-callout: none;
-}
-
-html {
-  width: 100%;
-  height: 100%;
-  text-size-adjust: 100%;
-}
-
-html:not(.hydrated) body {
-  display: none;
-}
-
-html.ion-ce body {
-  display: block;
-}
-
-html.plt-pwa {
-  height: 100vh;
-}
-
-body {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-  position: fixed;
-  width: 100%;
-  max-width: 100%;
-  height: 100%;
-  max-height: 100%;
-  /**
-   * Because body has position: fixed,
-   * it should be promoted to its own
-   * layer.
-   *
-   * WebKit does not always promote
-   * the body to its own layer on page
-   * load in Ionic apps. Once scrolling on
-   * ion-content starts, WebKit will promote
-   * body. Unfortunately, this causes a re-paint
-   * which results in scrolling being halted
-   * until the next user gesture.
-   *
-   * This impacts the Custom Elements build.
-   * The lazy loaded build causes the browser to
-   * re-paint during hydration which causes WebKit
-   * to promote body to its own layer.
-   * In the CE Build, this hydration does not
-   * happen, so the additional re-paint does not occur.
-   */
-  transform: translateZ(0);
-  text-rendering: optimizeLegibility;
-  overflow: hidden;
-  touch-action: manipulation;
-  -webkit-user-drag: none;
-  -ms-content-zooming: none;
-  word-wrap: break-word;
-  overscroll-behavior-y: none;
-  text-size-adjust: none;
-}
-
-/*# sourceMappingURL=structure.css.map */

package/src/styles/04-vendors/ionic/css-16/text-alignment.css

@@ -1,166 +0,0 @@
-.ion-text-center {
-  text-align: center !important;
-}
-
-.ion-text-justify {
-  text-align: justify !important;
-}
-
-.ion-text-start {
-  text-align: start !important;
-}
-
-.ion-text-end {
-  text-align: end !important;
-}
-
-.ion-text-left {
-  text-align: left !important;
-}
-
-.ion-text-right {
-  text-align: right !important;
-}
-
-.ion-text-nowrap {
-  white-space: nowrap !important;
-}
-
-.ion-text-wrap {
-  white-space: normal !important;
-}
-
-@media (min-width: 576px) {
-  .ion-text-sm-center {
-    text-align: center !important;
-  }
-
-  .ion-text-sm-justify {
-    text-align: justify !important;
-  }
-
-  .ion-text-sm-start {
-    text-align: start !important;
-  }
-
-  .ion-text-sm-end {
-    text-align: end !important;
-  }
-
-  .ion-text-sm-left {
-    text-align: left !important;
-  }
-
-  .ion-text-sm-right {
-    text-align: right !important;
-  }
-
-  .ion-text-sm-nowrap {
-    white-space: nowrap !important;
-  }
-
-  .ion-text-sm-wrap {
-    white-space: normal !important;
-  }
-}
-@media (min-width: 768px) {
-  .ion-text-md-center {
-    text-align: center !important;
-  }
-
-  .ion-text-md-justify {
-    text-align: justify !important;
-  }
-
-  .ion-text-md-start {
-    text-align: start !important;
-  }
-
-  .ion-text-md-end {
-    text-align: end !important;
-  }
-
-  .ion-text-md-left {
-    text-align: left !important;
-  }
-
-  .ion-text-md-right {
-    text-align: right !important;
-  }
-
-  .ion-text-md-nowrap {
-    white-space: nowrap !important;
-  }
-
-  .ion-text-md-wrap {
-    white-space: normal !important;
-  }
-}
-@media (min-width: 992px) {
-  .ion-text-lg-center {
-    text-align: center !important;
-  }
-
-  .ion-text-lg-justify {
-    text-align: justify !important;
-  }
-
-  .ion-text-lg-start {
-    text-align: start !important;
-  }
-
-  .ion-text-lg-end {
-    text-align: end !important;
-  }
-
-  .ion-text-lg-left {
-    text-align: left !important;
-  }
-
-  .ion-text-lg-right {
-    text-align: right !important;
-  }
-
-  .ion-text-lg-nowrap {
-    white-space: nowrap !important;
-  }
-
-  .ion-text-lg-wrap {
-    white-space: normal !important;
-  }
-}
-@media (min-width: 1200px) {
-  .ion-text-xl-center {
-    text-align: center !important;
-  }
-
-  .ion-text-xl-justify {
-    text-align: justify !important;
-  }
-
-  .ion-text-xl-start {
-    text-align: start !important;
-  }
-
-  .ion-text-xl-end {
-    text-align: end !important;
-  }
-
-  .ion-text-xl-left {
-    text-align: left !important;
-  }
-
-  .ion-text-xl-right {
-    text-align: right !important;
-  }
-
-  .ion-text-xl-nowrap {
-    white-space: nowrap !important;
-  }
-
-  .ion-text-xl-wrap {
-    white-space: normal !important;
-  }
-}
-
-/*# sourceMappingURL=text-alignment.css.map */

package/src/styles/04-vendors/ionic/css-16/text-transformation.css

@@ -1,81 +0,0 @@
-.ion-text-uppercase {
-  /* stylelint-disable-next-line declaration-no-important */
-  text-transform: uppercase !important;
-}
-
-.ion-text-lowercase {
-  /* stylelint-disable-next-line declaration-no-important */
-  text-transform: lowercase !important;
-}
-
-.ion-text-capitalize {
-  /* stylelint-disable-next-line declaration-no-important */
-  text-transform: capitalize !important;
-}
-
-@media (min-width: 576px) {
-  .ion-text-sm-uppercase {
-    /* stylelint-disable-next-line declaration-no-important */
-    text-transform: uppercase !important;
-  }
-
-  .ion-text-sm-lowercase {
-    /* stylelint-disable-next-line declaration-no-important */
-    text-transform: lowercase !important;
-  }
-
-  .ion-text-sm-capitalize {
-    /* stylelint-disable-next-line declaration-no-important */
-    text-transform: capitalize !important;
-  }
-}
-@media (min-width: 768px) {
-  .ion-text-md-uppercase {
-    /* stylelint-disable-next-line declaration-no-important */
-    text-transform: uppercase !important;
-  }
-
-  .ion-text-md-lowercase {
-    /* stylelint-disable-next-line declaration-no-important */
-    text-transform: lowercase !important;
-  }
-
-  .ion-text-md-capitalize {
-    /* stylelint-disable-next-line declaration-no-important */
-    text-transform: capitalize !important;
-  }
-}
-@media (min-width: 992px) {
-  .ion-text-lg-uppercase {
-    /* stylelint-disable-next-line declaration-no-important */
-    text-transform: uppercase !important;
-  }
-
-  .ion-text-lg-lowercase {
-    /* stylelint-disable-next-line declaration-no-important */
-    text-transform: lowercase !important;
-  }
-
-  .ion-text-lg-capitalize {
-    /* stylelint-disable-next-line declaration-no-important */
-    text-transform: capitalize !important;
-  }
-}
-@media (min-width: 1200px) {
-  .ion-text-xl-uppercase {
-    /* stylelint-disable-next-line declaration-no-important */
-    text-transform: uppercase !important;
-  }
-
-  .ion-text-xl-lowercase {
-    /* stylelint-disable-next-line declaration-no-important */
-    text-transform: lowercase !important;
-  }
-
-  .ion-text-xl-capitalize {
-    /* stylelint-disable-next-line declaration-no-important */
-    text-transform: capitalize !important;
-  }
-}
-
-/*# sourceMappingURL=text-transformation.css.map */

package/src/styles/04-vendors/ionic/css-16/typography.css

@@ -1,65 +0,0 @@
-html {
-  font-family: var(--ion-font-family);
-}
-
-a {
-  background-color: transparent;
-  color: var(--ion-color-primary, #3880ff);
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin-top: 16px;
-  margin-bottom: 10px;
-  font-weight: 500;
-  line-height: 1.2;
-}
-h1 {
-  margin-top: 20px;
-  font-size: 26px;
-}
-h2 {
-  margin-top: 18px;
-  font-size: 24px;
-}
-h3 {
-  font-size: 22px;
-}
-
-h4 {
-  font-size: 20px;
-}
-
-h5 {
-  font-size: 18px;
-}
-
-h6 {
-  font-size: 16px;
-}
-
-small {
-  font-size: 75%;
-}
-
-sub,
-sup {
-  position: relative;
-  font-size: 75%;
-  line-height: 0;
-  vertical-align: baseline;
-}
-
-sup {
-  top: -0.5em;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-/*# sourceMappingURL=typography.css.map */