@ionic/core 8.4.1-dev.11732561669.1ff93af7 → 8.4.1-dev.11732646949.1aaebad5

package/dist/collection/components/toggle/toggle.ionic.css

@@ -1,419 +0,0 @@
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
-/*
-Do not edit directly, this file was auto-generated.
-*/ /**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-:host {
-  /**
-   * @prop --track-background: Background of the toggle track
-   * @prop --track-background-checked: Background of the toggle track when checked
-   * @prop --border-radius: Border radius of the toggle track
-   *
-   * @prop --handle-background: Background of the toggle handle
-   * @prop --handle-background-checked: Background of the toggle handle when checked
-   *
-   * @prop --handle-border-radius: Border radius of the toggle handle
-   * @prop --handle-box-shadow: Box shadow of the toggle handle
-   * @prop --handle-height: Height of the toggle handle
-   * @prop --handle-max-height: Maximum height of the toggle handle
-   * @prop --handle-width: Width of the toggle handle
-   * @prop --handle-spacing: Horizontal spacing around the toggle handle
-   * @prop --handle-transition: Transition of the toggle handle
-   */
-  /* stylelint-disable-next-line declaration-no-important */
-  box-sizing: content-box !important;
-  display: inline-block;
-  position: relative;
-  max-width: 100%;
-  outline: none;
-  cursor: pointer;
-  user-select: none;
-}
-
-:host(.in-item) {
-  flex: 1 1 0;
-  width: 100%;
-  height: 100%;
-}
-
-/**
- * Toggle can be slotted
- * in components such as item and
- * toolbar which is why we do not
- * limit the below behavior to just ion-item.
- */
-:host([slot=start]),
-:host([slot=end]) {
-  flex: initial;
-  width: auto;
-}
-
-:host(.ion-focused) input {
-  border: 2px solid #5e9ed6;
-}
-
-:host(.toggle-disabled) {
-  pointer-events: none;
-}
-
-input {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  outline: 0;
-  opacity: 0;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  -webkit-appearance: none;
-  -moz-appearance: none;
-}
-
-.toggle-wrapper {
-  display: flex;
-  position: relative;
-  flex-grow: 1;
-  align-items: center;
-  justify-content: space-between;
-  height: inherit;
-  transition: background-color 15ms linear;
-  cursor: inherit;
-}
-
-/**
- * If no label text is placed into the slot
- * then the element should be hidden otherwise
- * there will be additional margins added.
- */
-.label-text-wrapper-hidden {
-  display: none;
-}
-
-.native-wrapper {
-  display: flex;
-  align-items: center;
-}
-
-:host(.toggle-justify-space-between) .toggle-wrapper {
-  justify-content: space-between;
-}
-
-:host(.toggle-justify-start) .toggle-wrapper {
-  justify-content: start;
-}
-
-:host(.toggle-justify-end) .toggle-wrapper {
-  justify-content: end;
-}
-
-:host(.toggle-alignment-start) .toggle-wrapper {
-  align-items: start;
-}
-
-:host(.toggle-alignment-center) .toggle-wrapper {
-  align-items: center;
-}
-
-:host(.toggle-justify-space-between),
-:host(.toggle-justify-start),
-:host(.toggle-justify-end),
-:host(.toggle-alignment-start),
-:host(.toggle-alignment-center) {
-  display: block;
-}
-
-/**
- * Label is on the left of the input in LTR and
- * on the right in RTL.
- */
-:host(.toggle-label-placement-start) .toggle-wrapper {
-  flex-direction: row;
-}
-
-/**
- * Label is on the right of the input in LTR and
- * on the left in RTL.
- */
-:host(.toggle-label-placement-end) .toggle-wrapper {
-  flex-direction: row-reverse;
-}
-
-.toggle-icon-wrapper {
-  display: flex;
-  position: relative;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  transition: var(--handle-transition);
-  will-change: transform;
-}
-
-.toggle-icon {
-  border-radius: var(--border-radius);
-  display: block;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background: var(--track-background);
-  overflow: inherit;
-}
-
-:host(.toggle-checked) .toggle-icon {
-  background: var(--track-background-checked);
-}
-
-.toggle-inner {
-  border-radius: var(--handle-border-radius);
-  position: absolute;
-  left: var(--handle-spacing);
-  width: var(--handle-width);
-  height: var(--handle-height);
-  max-height: var(--handle-max-height);
-  transition: var(--handle-transition);
-  background: var(--handle-background);
-  box-shadow: var(--handle-box-shadow);
-  contain: strict;
-}
-
-/**
- * We do not use the @ltr and @rtl mixins
- * here because ion-toggle uses the Shadow DOM
- * and WebKit does not support :host-context.
- */
-:host(.toggle-ltr) .toggle-inner {
-  left: var(--handle-spacing);
-}
-
-:host(.toggle-rtl) .toggle-inner {
-  right: var(--handle-spacing);
-}
-
-:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper {
-  transform: translate3d(calc(100% - var(--handle-width)), 0, 0);
-}
-
-:host(.toggle-rtl.toggle-checked) .toggle-icon-wrapper {
-  transform: translate3d(calc(-100% + var(--handle-width)), 0, 0);
-}
-
-:host(.toggle-checked) .toggle-inner {
-  background: var(--handle-background-checked);
-}
-
-:host(.toggle-ltr.toggle-checked) .toggle-inner {
-  transform: translate3d(calc(var(--handle-spacing) * -2), 0, 0);
-}
-
-:host(.toggle-rtl.toggle-checked) .toggle-inner {
-  transform: translate3d(calc(var(--handle-spacing) * 2), 0, 0);
-}
-
-:host {
-  --track-background: var(--ion-primitives-neutral-800, #626262);
-  --track-background-checked: var(--ion-color-primary, #105cef);
-  --border-radius: var(--ion-border-radius-full, 999px);
-  --focus-ring-color: var(--ion-border-focus-default, #b5c0f7);
-  --focus-ring-width: var(--ion-border-size-050, 2px);
-  --handle-background: var(--ion-primitives-base-white, #ffffff);
-  --handle-background-checked: var(--ion-primitives-base-white, #ffffff);
-  --handle-border-radius: var(--ion-border-radius-full, 999px);
-  --handle-height: var(--ion-scale-500, 20px);
-  --handle-max-height: var(--ion-scale-500, 20px);
-  --handle-width: var(--ion-scale-500, 20px);
-  --handle-spacing: var(--ion-space-050, 2px);
-  --handle-transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms,
-    right 110ms ease-in-out 80ms;
-  font-size: var(--ion-font-size-350, 0.875rem);
-  font-weight: var(--ion-font-weight-regular, 400);
-  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
-  line-height: var(--ion-font-line-height-600, 24px);
-  text-decoration: none;
-  text-transform: none;
-  width: 100%;
-  z-index: 2;
-}
-
-.toggle-wrapper {
-  align-items: center;
-  min-height: var(--ion-scale-1200, 48px);
-}
-
-.native-wrapper .toggle-icon {
-  width: var(--ion-scale-1100, 44px);
-  height: var(--ion-scale-600, 24px);
-  /**
-   * The handle box shadow should not
-   * overflow outside of the track container.
-   */
-  overflow: hidden;
-}
-
-:host(.ion-color.toggle-checked) .toggle-icon {
-  background: var(--ion-color-base);
-}
-
-:host(.ion-focused) .toggle-icon {
-  outline: var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color);
-  outline-offset: var(--focus-ring-width);
-}
-
-:host(.ion-activated) .toggle-icon::after {
-  right: 0;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  position: absolute;
-  background-color: var(--ion-state-press, rgba(36, 36, 36, 0.08));
-  content: "";
-}
-
-:host(.toggle-disabled) .toggle-icon::after {
-  right: 0;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  position: absolute;
-  background-color: var(--ion-state-disabled, rgba(255, 255, 255, 0.6));
-  content: "";
-  pointer-events: none;
-}
-
-.toggle-inner {
-  will-change: background-color, transform;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--ion-primitives-neutral-1200, #242424);
-}
-
-.toggle-inner .toggle-switch-icon {
-  width: var(--ion-scale-400, 16px);
-  height: var(--ion-scale-400, 16px);
-}
-
-/**
-* Label is on the left of the input in LTR and
-* on the right in RTL.
-*/
-:host .toggle-wrapper {
-  justify-content: space-between;
-}
-
-:host .label-text-wrapper {
-  /**
-  * The margin between the label and
-  * the input should be on the end
-  * when the label sits at the start.
-  */
-  -webkit-margin-start: 0;
-  margin-inline-start: 0;
-  -webkit-margin-end: var(--ion-space-400, 16px);
-  margin-inline-end: var(--ion-space-400, 16px);
-  color: var(--ion-primitives-neutral-1200, #242424);
-}
-
-/**
-* Label is on the right of the input in LTR and
-* on the left in RTL.
-*/
-:host(.toggle-label-placement-end) .toggle-wrapper {
-  justify-content: start;
-}
-
-/**
-* The margin between the label and
-* the input should be on the start
-* when the label sits at the end.
-*/
-:host(.toggle-label-placement-end) .label-text-wrapper {
-  -webkit-margin-start: var(--ion-space-400, 16px);
-  margin-inline-start: var(--ion-space-400, 16px);
-  -webkit-margin-end: 0;
-  margin-inline-end: 0;
-}

package/dist/collection/components/toolbar/toolbar.ionic.css

@@ -1,233 +0,0 @@
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-:host {
-  /**
-   * @prop --background: Background of the toolbar
-   *
-   * @prop --border-color: Color of the toolbar border
-   * @prop --border-style: Style of the toolbar border
-   * @prop --border-width: Width of the toolbar border
-   *
-   * @prop --color: Color of the toolbar text
-   *
-   * @prop --min-height: Minimum height of the toolbar
-   *
-   * @prop --opacity: Opacity of the toolbar background
-   *
-   * @prop --padding-top: Top padding of the toolbar
-   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the toolbar
-   * @prop --padding-bottom: Bottom padding of the toolbar
-   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the toolbar
-   */
-  --border-width: 0;
-  --border-style: solid;
-  --opacity: 1;
-  --opacity-scale: 1;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  display: block;
-  position: relative;
-  width: 100%;
-  padding-right: var(--ion-safe-area-right);
-  padding-left: var(--ion-safe-area-left);
-  color: var(--color);
-  contain: content;
-  box-sizing: border-box;
-}
-
-.toolbar-container {
-  -webkit-padding-start: var(--padding-start);
-  padding-inline-start: var(--padding-start);
-  -webkit-padding-end: var(--padding-end);
-  padding-inline-end: var(--padding-end);
-  padding-top: var(--padding-top);
-  padding-bottom: var(--padding-bottom);
-  display: flex;
-  position: relative;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  min-height: var(--min-height);
-  contain: content;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-
-.toolbar-background {
-  right: 0;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  position: absolute;
-  transform: translateZ(0);
-  border-width: var(--border-width);
-  border-style: var(--border-style);
-  border-color: var(--border-color);
-  background: var(--background);
-  contain: strict;
-  opacity: calc(var(--opacity) * var(--opacity-scale));
-  pointer-events: none;
-}
-
-::slotted(ion-progress-bar) {
-  right: 0;
-  left: 0;
-  bottom: 0;
-  position: absolute;
-}
-
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
-/*
-Do not edit directly, this file was auto-generated.
-*/ /**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-:host {
-  --background: var(--ion-primitives-base-white, #ffffff);
-  --color: var(--ion-primitives-neutral-1200, #242424);
-  --border-color: currentColor;
-  --padding-top: var(--ion-space-200, 8px);
-  --padding-bottom: var(--ion-space-200, 8px);
-  --padding-start: var(--ion-space-200, 8px);
-  --padding-end: var(--ion-space-200, 8px);
-  --min-height: var(--ion-scale-1400, 56px);
-}
-
-.toolbar-container {
-  gap: var(--ion-space-400, 16px);
-}
-
-.toolbar-content {
-  flex: 2;
-  order: 3;
-  min-width: 0;
-}
-
-:host(.toolbar-searchbar) ::slotted(ion-searchbar) {
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-::slotted(ion-title) {
-  -webkit-padding-start: var(--padding-top);
-  padding-inline-start: var(--padding-top);
-  -webkit-padding-end: var(--padding-end);
-  padding-inline-end: var(--padding-end);
-}
-
-:host(.toolbar-title-default) ::slotted(ion-title) {
-  text-align: center;
-}
-
-:host(.toolbar-title-large) ::slotted(ion-title) {
-  -webkit-padding-start: var(--ion-space-400, 16px);
-  padding-inline-start: var(--ion-space-400, 16px);
-  -webkit-padding-end: var(--ion-space-400, 16px);
-  padding-inline-end: var(--ion-space-400, 16px);
-}
-
-::slotted([slot=secondary]) {
-  order: 2;
-}
-
-::slotted([slot=primary]) {
-  order: 4;
-  text-align: end;
-}
-
-::slotted([slot=start]) {
-  order: 1;
-}
-
-::slotted([slot=start]),
-::slotted([slot=end]) {
-  display: flex;
-  flex: 1;
-  gap: var(--ion-space-200, 8px);
-}
-
-::slotted([slot=end]) {
-  justify-content: end;
-  order: 5;
-  font-size: var(--ionic-font-size-600, 1.5rem);
-}

package/dist/esm/caret-down-3eaad1cc.js

@@ -1,6 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const caretDownSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMTMuNjYsMTAxLjY2bC04MCw4MGE4LDgsMCwwLDEtMTEuMzIsMGwtODAtODBBOCw4LDAsMCwxLDUzLjY2LDkwLjM0TDEyOCwxNjQuNjlsNzQuMzQtNzQuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiIvPjwvc3ZnPg==';
-
-export { caretDownSvg as c };

package/dist/esm/caret-left-33424bb0.js

@@ -1,6 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const caretLeftSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNjUuNjYsMjAyLjM0YTgsOCwwLDAsMS0xMS4zMiwxMS4zMmwtODAtODBhOCw4LDAsMCwxLDAtMTEuMzJsODAtODBhOCw4LDAsMCwxLDExLjMyLDExLjMyTDkxLjMxLDEyOFoiLz48L3N2Zz4=';
-
-export { caretLeftSvg as c };

package/dist/esm/caret-right-68d856ad.js

@@ -1,6 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const caretRightSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xODEuNjYsMTMzLjY2bC04MCw4MGE4LDgsMCwwLDEtMTEuMzItMTEuMzJMMTY0LjY5LDEyOCw5MC4zNCw1My42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJsODAsODBBOCw4LDAsMCwxLDE4MS42NiwxMzMuNjZaIi8+PC9zdmc+';
-
-export { caretRightSvg as c };