@venite/components 0.16.52 → 0.17.0

package/dist/node_modules/@ionic/core/dist/collection/components/spinner/spinner.css

@@ -1,167 +0,0 @@
-:host {
-  /**
-   * @prop --color: Color of the spinner
-   */
-  display: inline-block;
-  position: relative;
-  width: 28px;
-  height: 28px;
-  color: var(--color);
-  user-select: none;
-}
-
-:host(.ion-color) {
-  color: var(--ion-color-base);
-}
-
-svg {
-  transform-origin: center;
-  position: absolute;
-  /**
-   * Do not use @include position
-   * as the alignment of the elements with
-   * a spinner should not be RTL aware.
-   */
-  top: 0;
-  /* stylelint-disable-next-line property-disallowed-list */
-  left: 0;
-  width: 100%;
-  height: 100%;
-  transform: translateZ(0);
-}
-[dir=rtl] svg, :host-context([dir=rtl]) svg {
-  transform-origin: calc(100% - center);
-}
-
-:host(.spinner-lines) line,
-:host(.spinner-lines-small) line {
-  stroke-width: 7px;
-}
-
-:host(.spinner-lines-sharp) line,
-:host(.spinner-lines-sharp-small) line {
-  stroke-width: 4px;
-}
-
-:host(.spinner-lines) line,
-:host(.spinner-lines-small) line,
-:host(.spinner-lines-sharp) line,
-:host(.spinner-lines-sharp-small) line {
-  stroke-linecap: round;
-  stroke: currentColor;
-}
-
-:host(.spinner-lines) svg,
-:host(.spinner-lines-small) svg,
-:host(.spinner-lines-sharp) svg,
-:host(.spinner-lines-sharp-small) svg {
-  animation: spinner-fade-out 1s linear infinite;
-}
-
-:host(.spinner-bubbles) svg {
-  animation: spinner-scale-out 1s linear infinite;
-  fill: currentColor;
-}
-
-:host(.spinner-circles) svg {
-  animation: spinner-fade-out 1s linear infinite;
-  fill: currentColor;
-}
-
-:host(.spinner-crescent) circle {
-  fill: transparent;
-  stroke-width: 4px;
-  stroke-dasharray: 128px;
-  stroke-dashoffset: 82px;
-  stroke: currentColor;
-}
-
-:host(.spinner-crescent) svg {
-  animation: spinner-rotate 1s linear infinite;
-}
-
-:host(.spinner-dots) circle {
-  stroke-width: 0;
-  fill: currentColor;
-}
-
-:host(.spinner-dots) svg {
-  animation: spinner-dots 1s linear infinite;
-}
-
-:host(.spinner-circular) svg {
-  animation: spinner-circular linear infinite;
-}
-
-:host(.spinner-circular) circle {
-  animation: spinner-circular-inner ease-in-out infinite;
-  stroke: currentColor;
-  stroke-dasharray: 80px, 200px;
-  stroke-dashoffset: 0px;
-  stroke-width: 5.6;
-  fill: none;
-}
-
-:host(.spinner-paused),
-:host(.spinner-paused) svg,
-:host(.spinner-paused) circle {
-  animation-play-state: paused;
-}
-
-@keyframes spinner-fade-out {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@keyframes spinner-scale-out {
-  0% {
-    transform: scale(1, 1);
-  }
-  100% {
-    transform: scale(0, 0);
-  }
-}
-@keyframes spinner-rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes spinner-dots {
-  0% {
-    transform: scale(1, 1);
-    opacity: 0.9;
-  }
-  50% {
-    transform: scale(0.4, 0.4);
-    opacity: 0.3;
-  }
-  100% {
-    transform: scale(1, 1);
-    opacity: 0.9;
-  }
-}
-@keyframes spinner-circular {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes spinner-circular-inner {
-  0% {
-    stroke-dasharray: 1px, 200px;
-    stroke-dashoffset: 0px;
-  }
-  50% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -15px;
-  }
-  100% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -125px;
-  }
-}

package/dist/node_modules/@ionic/core/dist/collection/components/split-pane/split-pane.ios.css

@@ -1,108 +0,0 @@
-:host {
-  /**
-   * @prop --border: Border between panes
-   * @prop --side-min-width: Minimum width of the side pane. Does not apply when split pane is collapsed.
-   * @prop --side-max-width: Maximum width of the side pane. Does not apply when split pane is collapsed.
-   * @prop --side-width: Width of the side pane. Does not apply when split pane is collapsed.
-   */
-  --side-width: 100%;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  display: flex;
-  position: absolute;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  contain: strict;
-}
-
-/**
- * Do not pass CSS Variables down on larger
- * screens as we want them to affect the outer
- * `ion-menu` rather than the inner content
- */
-::slotted(ion-menu.menu-pane-visible) {
-  flex: 0 1 auto;
-  width: var(--side-width);
-  min-width: var(--side-min-width);
-  max-width: var(--side-max-width);
-}
-
-:host(.split-pane-visible) ::slotted(.split-pane-side),
-:host(.split-pane-visible) ::slotted(.split-pane-main) {
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  position: relative;
-  /* stylelint-disable-next-line declaration-no-important */
-  box-shadow: none !important;
-  z-index: 0;
-}
-
-:host(.split-pane-visible) ::slotted(.split-pane-main) {
-  flex: 1;
-}
-
-:host(.split-pane-visible) ::slotted(.split-pane-side:not(ion-menu)),
-:host(.split-pane-visible) ::slotted(ion-menu.split-pane-side.menu-enabled) {
-  display: flex;
-  flex-shrink: 0;
-}
-
-::slotted(.split-pane-side:not(ion-menu)) {
-  display: none;
-}
-
-:host(.split-pane-visible) ::slotted(.split-pane-side) {
-  order: -1;
-}
-
-:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]) {
-  order: 1;
-}
-
-:host {
-  --border: 0.55px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));
-  --side-min-width: 270px;
-  --side-max-width: 28%;
-}
-
-:host(.split-pane-visible) ::slotted(.split-pane-side) {
-  border-left: 0;
-  border-right: var(--border);
-  border-top: 0;
-  border-bottom: 0;
-  min-width: var(--side-min-width);
-  max-width: var(--side-max-width);
-}
-@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
-  :host(.split-pane-visible) ::slotted(.split-pane-side) {
-    border-left: unset;
-    border-right: unset;
-    -webkit-border-start: 0;
-    border-inline-start: 0;
-    -webkit-border-end: var(--border);
-    border-inline-end: var(--border);
-  }
-}
-
-:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]) {
-  border-left: var(--border);
-  border-right: 0;
-  border-top: 0;
-  border-bottom: 0;
-  min-width: var(--side-min-width);
-  max-width: var(--side-max-width);
-}
-@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
-  :host(.split-pane-visible) ::slotted(.split-pane-side[side=end]) {
-    border-left: unset;
-    border-right: unset;
-    -webkit-border-start: var(--border);
-    border-inline-start: var(--border);
-    -webkit-border-end: 0;
-    border-inline-end: 0;
-  }
-}

package/dist/node_modules/@ionic/core/dist/collection/components/split-pane/split-pane.md.css

@@ -1,108 +0,0 @@
-:host {
-  /**
-   * @prop --border: Border between panes
-   * @prop --side-min-width: Minimum width of the side pane. Does not apply when split pane is collapsed.
-   * @prop --side-max-width: Maximum width of the side pane. Does not apply when split pane is collapsed.
-   * @prop --side-width: Width of the side pane. Does not apply when split pane is collapsed.
-   */
-  --side-width: 100%;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  display: flex;
-  position: absolute;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  contain: strict;
-}
-
-/**
- * Do not pass CSS Variables down on larger
- * screens as we want them to affect the outer
- * `ion-menu` rather than the inner content
- */
-::slotted(ion-menu.menu-pane-visible) {
-  flex: 0 1 auto;
-  width: var(--side-width);
-  min-width: var(--side-min-width);
-  max-width: var(--side-max-width);
-}
-
-:host(.split-pane-visible) ::slotted(.split-pane-side),
-:host(.split-pane-visible) ::slotted(.split-pane-main) {
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  position: relative;
-  /* stylelint-disable-next-line declaration-no-important */
-  box-shadow: none !important;
-  z-index: 0;
-}
-
-:host(.split-pane-visible) ::slotted(.split-pane-main) {
-  flex: 1;
-}
-
-:host(.split-pane-visible) ::slotted(.split-pane-side:not(ion-menu)),
-:host(.split-pane-visible) ::slotted(ion-menu.split-pane-side.menu-enabled) {
-  display: flex;
-  flex-shrink: 0;
-}
-
-::slotted(.split-pane-side:not(ion-menu)) {
-  display: none;
-}
-
-:host(.split-pane-visible) ::slotted(.split-pane-side) {
-  order: -1;
-}
-
-:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]) {
-  order: 1;
-}
-
-:host {
-  --border: 1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));
-  --side-min-width: 270px;
-  --side-max-width: 28%;
-}
-
-:host(.split-pane-visible) ::slotted(.split-pane-side) {
-  border-left: 0;
-  border-right: var(--border);
-  border-top: 0;
-  border-bottom: 0;
-  min-width: var(--side-min-width);
-  max-width: var(--side-max-width);
-}
-@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
-  :host(.split-pane-visible) ::slotted(.split-pane-side) {
-    border-left: unset;
-    border-right: unset;
-    -webkit-border-start: 0;
-    border-inline-start: 0;
-    -webkit-border-end: var(--border);
-    border-inline-end: var(--border);
-  }
-}
-
-:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]) {
-  border-left: var(--border);
-  border-right: 0;
-  border-top: 0;
-  border-bottom: 0;
-  min-width: var(--side-min-width);
-  max-width: var(--side-max-width);
-}
-@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
-  :host(.split-pane-visible) ::slotted(.split-pane-side[side=end]) {
-    border-left: unset;
-    border-right: unset;
-    -webkit-border-start: var(--border);
-    border-inline-start: var(--border);
-    -webkit-border-end: 0;
-    border-inline-end: 0;
-  }
-}

package/dist/node_modules/@ionic/core/dist/collection/components/tab/tab.css

@@ -1,4 +0,0 @@
-:host(.tab-hidden) {
-  /* stylelint-disable-next-line declaration-no-important */
-  display: none !important;
-}

package/dist/node_modules/@ionic/core/dist/collection/components/tab-bar/tab-bar.ios.css

@@ -1,97 +0,0 @@
-:host {
-  /**
-   * @prop --background: Background of the tab bar
-   * @prop --border: Border of the tab bar
-   * @prop --color: Color of the tab bar
-   */
-  padding-left: var(--ion-safe-area-left);
-  padding-right: var(--ion-safe-area-right);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: auto;
-  padding-bottom: var(--ion-safe-area-bottom, 0);
-  border-top: var(--border);
-  background: var(--background);
-  color: var(--color);
-  text-align: center;
-  contain: strict;
-  user-select: none;
-  z-index: 10;
-  /* stylelint-disable-next-line declaration-no-important */
-  box-sizing: content-box !important;
-}
-@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
-  :host {
-    padding-left: unset;
-    padding-right: unset;
-    -webkit-padding-start: var(--ion-safe-area-left);
-    padding-inline-start: var(--ion-safe-area-left);
-    -webkit-padding-end: var(--ion-safe-area-right);
-    padding-inline-end: var(--ion-safe-area-right);
-  }
-}
-
-:host(.ion-color) ::slotted(ion-tab-button) {
-  --background-focused: var(--ion-color-shade);
-  --color-selected: var(--ion-color-contrast);
-}
-
-:host(.ion-color) ::slotted(.tab-selected) {
-  color: var(--ion-color-contrast);
-}
-
-:host(.ion-color),
-:host(.ion-color) ::slotted(ion-tab-button) {
-  color: rgba(var(--ion-color-contrast-rgb), 0.7);
-}
-
-:host(.ion-color),
-:host(.ion-color) ::slotted(ion-tab-button) {
-  background: var(--ion-color-base);
-}
-
-:host(.ion-color) ::slotted(ion-tab-button.ion-focused),
-:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused) {
-  background: var(--background-focused);
-}
-
-:host(.tab-bar-translucent) ::slotted(ion-tab-button) {
-  background: transparent;
-}
-
-:host([slot=top]) {
-  padding-top: var(--ion-safe-area-top, 0);
-  padding-bottom: 0;
-  border-top: 0;
-  border-bottom: var(--border);
-}
-
-:host(.tab-bar-hidden) {
-  /* stylelint-disable-next-line declaration-no-important */
-  display: none !important;
-}
-
-:host {
-  --background: var(--ion-tab-bar-background, var(--ion-color-step-50, #f7f7f7));
-  --background-focused: var(--ion-tab-bar-background-focused, #e0e0e0);
-  --border: 0.55px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));
-  --color: var(--ion-tab-bar-color, var(--ion-color-step-400, #999999));
-  --color-selected: var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));
-  height: 50px;
-}
-
-@supports (backdrop-filter: blur(0)) {
-  :host(.tab-bar-translucent) {
-    --background: rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);
-    backdrop-filter: saturate(210%) blur(20px);
-  }
-
-  :host(.ion-color.tab-bar-translucent) {
-    background: rgba(var(--ion-color-base-rgb), 0.8);
-  }
-
-  :host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused) {
-    background: rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.6);
-  }
-}

package/dist/node_modules/@ionic/core/dist/collection/components/tab-bar/tab-bar.md.css

@@ -1,82 +0,0 @@
-:host {
-  /**
-   * @prop --background: Background of the tab bar
-   * @prop --border: Border of the tab bar
-   * @prop --color: Color of the tab bar
-   */
-  padding-left: var(--ion-safe-area-left);
-  padding-right: var(--ion-safe-area-right);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: auto;
-  padding-bottom: var(--ion-safe-area-bottom, 0);
-  border-top: var(--border);
-  background: var(--background);
-  color: var(--color);
-  text-align: center;
-  contain: strict;
-  user-select: none;
-  z-index: 10;
-  /* stylelint-disable-next-line declaration-no-important */
-  box-sizing: content-box !important;
-}
-@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
-  :host {
-    padding-left: unset;
-    padding-right: unset;
-    -webkit-padding-start: var(--ion-safe-area-left);
-    padding-inline-start: var(--ion-safe-area-left);
-    -webkit-padding-end: var(--ion-safe-area-right);
-    padding-inline-end: var(--ion-safe-area-right);
-  }
-}
-
-:host(.ion-color) ::slotted(ion-tab-button) {
-  --background-focused: var(--ion-color-shade);
-  --color-selected: var(--ion-color-contrast);
-}
-
-:host(.ion-color) ::slotted(.tab-selected) {
-  color: var(--ion-color-contrast);
-}
-
-:host(.ion-color),
-:host(.ion-color) ::slotted(ion-tab-button) {
-  color: rgba(var(--ion-color-contrast-rgb), 0.7);
-}
-
-:host(.ion-color),
-:host(.ion-color) ::slotted(ion-tab-button) {
-  background: var(--ion-color-base);
-}
-
-:host(.ion-color) ::slotted(ion-tab-button.ion-focused),
-:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused) {
-  background: var(--background-focused);
-}
-
-:host(.tab-bar-translucent) ::slotted(ion-tab-button) {
-  background: transparent;
-}
-
-:host([slot=top]) {
-  padding-top: var(--ion-safe-area-top, 0);
-  padding-bottom: 0;
-  border-top: 0;
-  border-bottom: var(--border);
-}
-
-:host(.tab-bar-hidden) {
-  /* stylelint-disable-next-line declaration-no-important */
-  display: none !important;
-}
-
-:host {
-  --background: var(--ion-tab-bar-background, var(--ion-background-color, #fff));
-  --background-focused: var(--ion-tab-bar-background-focused, #e0e0e0);
-  --border: 1px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.07))));
-  --color: var(--ion-tab-bar-color, var(--ion-color-step-600, #666666));
-  --color-selected: var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));
-  height: 56px;
-}