@trionesdev/antd-mobile-base-react 0.0.2-beta.17 → 0.0.2-beta.19

package/dist/Tabs/style.scss

@@ -1,108 +1,108 @@
-@use "../style/variable" as variable;
-$tabsCls: 'triones-antm-tabs';
-
-.#{$tabsCls} {
-  display: flex;
-  flex-direction: column;
-  &-nav {
-    position: relative;
-    display: flex;
-    flex: none;
-    align-items: center;
-
-    &::before {
-      bottom: 0;
-      position: absolute;
-      right: 0;
-      left: 0;
-      border-bottom: 1Px solid #f0f0f0;
-      content: ' ';
-    }
-
-    &-wrap {
-      //position: relative;
-      //display: flex;
-      //flex: auto;
-      //align-self: stretch;
-      //overflow: hidden;
-      //white-space: nowrap;
-      //transform: translate(0);
-      width: 100%;
-    }
-
-    &-list {
-      position: relative;
-      display: flex;
-      flex: auto;
-      overflow-y: auto;
-      scrollbar-width: none;
-    }
-  }
-
-  &-ink-bar {
-    position: absolute;
-    bottom: 0;
-    background-color: variable.$trionesColorPrimary;
-    height: 2px;
-    //width: 100px;
-    &-animated {
-
-    }
-  }
-
-  &-tab {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: 10Px 10Px;
-    font-size: 14Px;
-    background: transparent;
-    border: 0;
-    outline: none;
-    cursor: pointer;
-    color: rgba(0, 0, 0, 0.88);
-    white-space: nowrap;
-
-    &-stretch {
-      flex: auto;
-    }
-
-    &-active {
-      color: variable.$trionesColorPrimary;
-      &::after{
-        content: ' ';
-        position: absolute;
-        bottom: 0;
-        width: calc(100% - 0.24rem * 2);
-        height: 2Px;
-        overflow: hidden;
-        font-size: 0;
-        border-radius: 50vh;
-        box-sizing: border-box;
-        background-color: variable.$trionesColorPrimary;
-      }
-    }
-
-  }
-
-  &-content-holder {
-    flex: auto;
-    overflow: hidden;
-    .#{$tabsCls} {
-      &-content {
-        height: 100%;
-      }
-    }
-  }
-
-  &-tab-pane {
-    height: 100%;
-    display: none;
-
-    &-active {
-      display: block;
-    }
-  }
-}
-
+@use "../style/variable" as variable;
+$tabsCls: 'triones-antm-tabs';
+
+.#{$tabsCls} {
+  display: flex;
+  flex-direction: column;
+  &-nav {
+    position: relative;
+    display: flex;
+    flex: none;
+    align-items: center;
+
+    &::before {
+      bottom: 0;
+      position: absolute;
+      right: 0;
+      left: 0;
+      border-bottom: 1Px solid #f0f0f0;
+      content: ' ';
+    }
+
+    &-wrap {
+      //position: relative;
+      //display: flex;
+      //flex: auto;
+      //align-self: stretch;
+      //overflow: hidden;
+      //white-space: nowrap;
+      //transform: translate(0);
+      width: 100%;
+    }
+
+    &-list {
+      position: relative;
+      display: flex;
+      flex: auto;
+      overflow-y: auto;
+      scrollbar-width: none;
+    }
+  }
+
+  &-ink-bar {
+    position: absolute;
+    bottom: 0;
+    background-color: variable.$trionesColorPrimary;
+    height: 2px;
+    //width: 100px;
+    &-animated {
+
+    }
+  }
+
+  &-tab {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 10Px 10Px;
+    font-size: 14Px;
+    background: transparent;
+    border: 0;
+    outline: none;
+    cursor: pointer;
+    color: rgba(0, 0, 0, 0.88);
+    white-space: nowrap;
+
+    &-stretch {
+      flex: auto;
+    }
+
+    &-active {
+      color: variable.$trionesColorPrimary;
+      &::after{
+        content: ' ';
+        position: absolute;
+        bottom: 0;
+        width: calc(100% - 0.24rem * 2);
+        height: 2Px;
+        overflow: hidden;
+        font-size: 0;
+        border-radius: 50vh;
+        box-sizing: border-box;
+        background-color: variable.$trionesColorPrimary;
+      }
+    }
+
+  }
+
+  &-content-holder {
+    flex: auto;
+    overflow: hidden;
+    .#{$tabsCls} {
+      &-content {
+        height: 100%;
+      }
+    }
+  }
+
+  &-tab-pane {
+    height: 100%;
+    display: none;
+
+    &-active {
+      display: block;
+    }
+  }
+}
+

package/dist/Tag/style.scss

@@ -1,110 +1,110 @@
-@use "../style/variable" as variable;
-
-$tagCls: 'triones-antm-tag';
-
-.#{$tagCls} {
-  display: inline-flex;
-  align-items: center;
-  padding: 2Px 8Px;
-  font-size: variable.$trionesFontSizeSm;
-  line-height: 1;
-  border-radius: variable.$trionesBorderRadiusXs;
-  box-sizing: border-box;
-  white-space: nowrap;
-
-  &-square {
-    border-radius: 0;
-  }
-
-  &-round {
-    padding: 2Px 8Px;
-    border-radius: 12Px;
-  }
-
-  // Default variant styles
-  &-default {
-    &.#{$tagCls}-solid {
-      background: #666;
-      color: #fff;
-    }
-
-    &.#{$tagCls}-outline {
-      color: #666;
-      border: 1px solid #666;
-      background: transparent;
-    }
-  }
-
-  // processing variant styles
-  &-processing {
-    &.#{$tagCls}-solid {
-      background: variable.$trionesColorPrimary;
-      color: #fff;
-    }
-
-    &.#{$tagCls}-outline {
-      color: variable.$trionesColorPrimary;
-      border: 1px solid variable.$trionesColorPrimary;
-      background: transparent;
-    }
-  }
-
-  // Success variant styles
-  &-success {
-    &.#{$tagCls}-solid {
-      background: variable.$trionesColorSuccess;
-      color: #fff;
-    }
-
-    &.#{$tagCls}-outline {
-      color: variable.$trionesColorSuccess;
-      border: 1px solid variable.$trionesColorSuccess;
-      background: transparent;
-    }
-  }
-
-  // Warning variant styles
-  &-warning {
-    &.#{$tagCls}-solid {
-      background: variable.$trionesColorWarning;
-      color: #fff;
-    }
-
-    &.#{$tagCls}-outline {
-      color: variable.$trionesColorWarning;
-      border: 1px solid variable.$trionesColorWarning;
-      background: transparent;
-    }
-  }
-
-  // Danger variant styles
-  &-error {
-    &.#{$tagCls}-solid {
-      background: variable.$trionesColorError;
-      color: #fff;
-    }
-
-    &.#{$tagCls}-outline {
-      color: variable.$trionesColorError;
-      border: 1px solid variable.$trionesColorError;
-      background: transparent;
-    }
-  }
-
-  &-icon {
-    margin-inline-end: 4Px;
-
-    .triones-antm-icon {
-      font-size: 10Px;
-    }
-  }
-
-  &-close {
-    margin-inline-start: 4Px;
-    display: flex;
-
-    .triones-antm-icon {
-      font-size: 10Px;
-    }
-  }
-}
+@use "../style/variable" as variable;
+
+$tagCls: 'triones-antm-tag';
+
+.#{$tagCls} {
+  display: inline-flex;
+  align-items: center;
+  padding: 2Px 8Px;
+  font-size: variable.$trionesFontSizeSm;
+  line-height: 1;
+  border-radius: variable.$trionesBorderRadiusXs;
+  box-sizing: border-box;
+  white-space: nowrap;
+
+  &-square {
+    border-radius: 0;
+  }
+
+  &-round {
+    padding: 2Px 8Px;
+    border-radius: 12Px;
+  }
+
+  // Default variant styles
+  &-default {
+    &.#{$tagCls}-solid {
+      background: #666;
+      color: #fff;
+    }
+
+    &.#{$tagCls}-outline {
+      color: #666;
+      border: 1px solid #666;
+      background: transparent;
+    }
+  }
+
+  // processing variant styles
+  &-processing {
+    &.#{$tagCls}-solid {
+      background: variable.$trionesColorPrimary;
+      color: #fff;
+    }
+
+    &.#{$tagCls}-outline {
+      color: variable.$trionesColorPrimary;
+      border: 1px solid variable.$trionesColorPrimary;
+      background: transparent;
+    }
+  }
+
+  // Success variant styles
+  &-success {
+    &.#{$tagCls}-solid {
+      background: variable.$trionesColorSuccess;
+      color: #fff;
+    }
+
+    &.#{$tagCls}-outline {
+      color: variable.$trionesColorSuccess;
+      border: 1px solid variable.$trionesColorSuccess;
+      background: transparent;
+    }
+  }
+
+  // Warning variant styles
+  &-warning {
+    &.#{$tagCls}-solid {
+      background: variable.$trionesColorWarning;
+      color: #fff;
+    }
+
+    &.#{$tagCls}-outline {
+      color: variable.$trionesColorWarning;
+      border: 1px solid variable.$trionesColorWarning;
+      background: transparent;
+    }
+  }
+
+  // Danger variant styles
+  &-error {
+    &.#{$tagCls}-solid {
+      background: variable.$trionesColorError;
+      color: #fff;
+    }
+
+    &.#{$tagCls}-outline {
+      color: variable.$trionesColorError;
+      border: 1px solid variable.$trionesColorError;
+      background: transparent;
+    }
+  }
+
+  &-icon {
+    margin-inline-end: 4Px;
+
+    .triones-antm-icon {
+      font-size: 10Px;
+    }
+  }
+
+  &-close {
+    margin-inline-start: 4Px;
+    display: flex;
+
+    .triones-antm-icon {
+      font-size: 10Px;
+    }
+  }
+}

package/dist/WaterMark/style.scss

@@ -1,17 +1,17 @@
-$class-prefix-water-mark: 'triones-antm-water-mark';
-/* prettier-ignore */
-.#{$class-prefix-water-mark} {
-  --z-index: var(--triones-antm-water-mark-z-index, 2000);
-
-  position: absolute;
-  z-index: var(--z-index);
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  pointer-events: none;
-  background-repeat: repeat;
-  &-full-page {
-    position: fixed;
-  }
-}
+$class-prefix-water-mark: 'triones-antm-water-mark';
+/* prettier-ignore */
+.#{$class-prefix-water-mark} {
+  --z-index: var(--triones-antm-water-mark-z-index, 2000);
+
+  position: absolute;
+  z-index: var(--z-index);
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  pointer-events: none;
+  background-repeat: repeat;
+  &-full-page {
+    position: fixed;
+  }
+}

package/dist/style/css-variable.scss

@@ -1,6 +1,6 @@
-:root,page {
-  //--triones-blue: #1677FF;
-  //--trioens-color-primary: #1677FF;
-
-  --triones-safe-area-multiple:1;
-}
+:root,page {
+  //--triones-blue: #1677FF;
+  //--trioens-color-primary: #1677FF;
+
+  --triones-safe-area-multiple:1;
+}

package/dist/style/style.scss

@@ -1,52 +1,52 @@
-@use './theme-default.scss' as default;
-@use './theme-dark.scss' as dark;
-
-:root {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-html {
-  background-color: var(--triones-antm-color-background-body);
-}
-
-body {
-  color: var(--triones-antm-color-text);
-  font-size: 14Px;
-  font-family: var(--triones-antm-font-family);
-}
-
-a,
-button {
-  cursor: pointer;
-}
-
-a {
-  color: var(--triones-antm-color-primary);
-  transition: opacity ease-in-out 0.2s;
-  &:active {
-    opacity: 0.8;
-  }
-}
-
-.adm-plain-anchor {
-  color: unset;
-  transition: none;
-  &:active {
-    opacity: unset;
-  }
-}
-
-body.triones-antm-overflow-hidden {
-  overflow: hidden !important;
-}
-
-div.triones-antm-px-tester {
-  --size: 1;
-  height: calc(var(--size) / 2 * 2Px);
-  width: 0;
-  position: fixed;
-  left: -100vw;
-  top: -100vh;
-  user-select: none;
-  pointer-events: none;
-}
+@use './theme-default.scss' as default;
+@use './theme-dark.scss' as dark;
+
+:root {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+html {
+  background-color: var(--triones-antm-color-background-body);
+}
+
+body {
+  color: var(--triones-antm-color-text);
+  font-size: 14Px;
+  font-family: var(--triones-antm-font-family);
+}
+
+a,
+button {
+  cursor: pointer;
+}
+
+a {
+  color: var(--triones-antm-color-primary);
+  transition: opacity ease-in-out 0.2s;
+  &:active {
+    opacity: 0.8;
+  }
+}
+
+.adm-plain-anchor {
+  color: unset;
+  transition: none;
+  &:active {
+    opacity: unset;
+  }
+}
+
+body.triones-antm-overflow-hidden {
+  overflow: hidden !important;
+}
+
+div.triones-antm-px-tester {
+  --size: 1;
+  height: calc(var(--size) / 2 * 2Px);
+  width: 0;
+  position: fixed;
+  left: -100vw;
+  top: -100vh;
+  user-select: none;
+  pointer-events: none;
+}

package/dist/style/theme-dark.scss

@@ -1,24 +1,24 @@
-html[data-prefers-color-scheme='dark'] {
-  // variables should be exposed to users:
-  --triones-antm-color-primary: #3086ff;
-  --triones-antm-color-success: #34b368;
-  --triones-antm-color-warning: #ffa930;
-  --triones-antm-color-danger: #ff4a58;
-
-  --triones-antm-color-yellow: #ffa930;
-  --triones-antm-color-orange: #e65a2b;
-  --triones-antm-color-wathet: #0d2543;
-
-  --triones-antm-color-text: #e6e6e6;
-  --triones-antm-color-text-secondary: #b3b3b3;
-  --triones-antm-color-weak: #808080;
-  --triones-antm-color-light: #4d4d4d;
-  --triones-antm-color-border: #2b2b2b;
-  --triones-antm-color-box: #0a0a0a;
-  --triones-antm-color-background: #1a1a1a;
-
-  --triones-antm-color-background-body: var(--triones-antm-color-background);
-
-  // The variables below are deprecated and only exist for backward compatibility:
-  --triones-antm-border-color: var(--triones-antm-color-border);
-}
+html[data-prefers-color-scheme='dark'] {
+  // variables should be exposed to users:
+  --triones-antm-color-primary: #3086ff;
+  --triones-antm-color-success: #34b368;
+  --triones-antm-color-warning: #ffa930;
+  --triones-antm-color-danger: #ff4a58;
+
+  --triones-antm-color-yellow: #ffa930;
+  --triones-antm-color-orange: #e65a2b;
+  --triones-antm-color-wathet: #0d2543;
+
+  --triones-antm-color-text: #e6e6e6;
+  --triones-antm-color-text-secondary: #b3b3b3;
+  --triones-antm-color-weak: #808080;
+  --triones-antm-color-light: #4d4d4d;
+  --triones-antm-color-border: #2b2b2b;
+  --triones-antm-color-box: #0a0a0a;
+  --triones-antm-color-background: #1a1a1a;
+
+  --triones-antm-color-background-body: var(--triones-antm-color-background);
+
+  // The variables below are deprecated and only exist for backward compatibility:
+  --triones-antm-border-color: var(--triones-antm-color-border);
+}