react-miui 0.22.0 → 0.23.0

package/esm/components/ui/stats/Stats.module.scss

@@ -1,48 +0,0 @@
-.stats {
-    --stats-border: 1px solid rgba(255, 255, 255, .15);
-    --stats-bg: rgba(255, 255, 255, .05);
-    --stats-value-color: rgba(255, 255, 255, .9);
-    --stats-label-color: rgba(255, 255, 255, .61);
-
-    display: flex;
-    width: 100%;
-    padding: calc(60px / var(--ratio-dimensions)) 0;
-    margin: 0;
-    border-top: var(--stats-border);
-    background: var(--stats-bg);
-    background-clip: padding-box;
-    list-style-type: none;
-}
-
-.stats-dark {
-    --stats-border: 1px solid rgba(0, 0, 0, .15);
-    --stats-bg: rgba(0, 0, 0, .05);
-    --stats-value-color: rgba(0, 0, 0, .9);
-    --stats-label-color: rgba(0, 0, 0, .61);
-}
-
-.item {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    text-align: center;
-    gap: calc(20px / var(--ratio-dimensions));
-}
-
-.separator {
-    border-left: var(--stats-border);
-}
-
-.label {
-    display: block;
-    color: var(--stats-label-color);
-    font-size: calc(22px / var(--ratio-font));
-}
-
-.value {
-    display: block;
-    color: var(--stats-value-color);
-    font-size: calc(30px / var(--ratio-font));
-}

package/esm/components/ui/tabs/Item.module.scss

@@ -1,11 +0,0 @@
-.button {
-    border: none;
-    padding: 0;
-    font-size: calc(29px / var(--ratio-font));
-    color: var(--selector-text);
-    background: none;
-}
-
-.active {
-    color: var(--selector-active);
-}

package/esm/components/ui/tabs/Selector.module.scss

@@ -1,6 +0,0 @@
-.selector {
-    display: flex;
-    flex: 1;
-    justify-content: center;
-    gap: calc(114px / var(--ratio-dimensions));
-}

package/esm/components/ui/toaster/Toaster.module.scss

@@ -1,32 +0,0 @@
-@keyframes show {
-    from {
-        transform: translateY(calc(100% + calc(190px / var(--ratio-dimensions))))
-    }
-}
-
-.toast {
-    position: fixed;
-    bottom: 0;
-    display: flex;
-    justify-content: center;
-    z-index: 6;
-    left: 50%;
-    transform: translateX(-50%);
-
-    span {
-        background: rgba(56, 50, 46, 0.85);
-        color: #F9F6F2;
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.37);
-        border-radius: 12px; // around 22 @TODO use calc here
-        display: inline-block;
-        padding: 1em 1em;
-        animation: show 500ms 1;
-        animation-fill-mode: forwards;
-        margin-bottom: calc(190px / var(--ratio-dimensions));
-    }
-}
-
-.hide {
-    transition: opacity 300ms;
-    opacity: 0;
-}

package/esm/components/utils/Spacer.module.scss

@@ -1,3 +0,0 @@
-.spacer {
-    flex: 1;
-}

package/esm/global.scss

@@ -1,95 +0,0 @@
-// @TODO prefix variable names
-:root {
-    --ratio-dimensions: 3;
-    --ratio-border:     2.666666;
-    // font is calculated from top to bottom
-    --ratio-font:       1.666666;
-
-    --background: white;
-
-    --main-color: #008ad2;
-    --main-color-alt: #006AA9;
-
-    --active-bg: #e7e7e7;
-    --inactive-bg: #d3d3d3;
-    --inactive-dark-bg: #999;
-
-    --toggle-handle-bg: #e0e0e0;
-    --toggle-handle-border: #cdcdcd;
-    --toggle-bg-disabled: #f0f0f0;
-    --toggle-handle-border-disabled: #c29f7d;
-    --toggle-handle-bg-disabled: #deae84;
-
-    --icon: #636363;
-    --border: #d5d5d5;
-    --button-border: #bababa;
-
-    --header-border: #c8c8c9;
-    --header-bg: #efeff0;
-    --header-text: #484848;
-    --text: #323232;
-    --sub: #959595;
-
-    --pop-text: #666;
-
-    --toolbar-border: #ababab;
-    --toolbar-bg: #f8f8f8;
-    --modal-bg: #f7f7f7;
-    --modal-button-bg: #f8f8f8;
-    --modal-button-border: #c2c2c2;
-
-    --input-disabled-bg: #f3f3f3;
-    --input-disabled-text: #959595;
-
-    --choice-bg: #ffffff;
-    --choice-text: #999999;
-    --choice-active-bg: #f3f3f3;
-    --choice-active-text: #313131;
-    --choice-border: #cfcfcf;
-
-    --selector-text: #606060;
-    --selector-active: var(--main-color);
-
-    // Shades: https://maketintsandshades.com/#038bf4,ff7200,7357e8,3ec234,3ec234,ff388f,ea2700
-    --blue1: #038bf4;
-    --blue2: #b7d6f5;
-    --blue3: #dbe6ff;
-    --orange1: #ff7200;
-    --orange1-darker: #cc5b00;
-    --purple1: #7357e8;
-    --green1: #3ec234;
-    --green1-darker: #38af2f;
-    --pink1: #ff388f;
-    --red1: #ea2700;
-    --yellow1: #ffde9d;
-    --yellow2: #e4a429;
-    --yellow3: #fff5db;
-    --pinky1: #f5c0b7;
-    --pinky2: #e07b67;
-    --pinky3: #ffe1db;
-
-    --grey1: #737373;
-
-    --focus-color: #dcaf00;
-
-    --scrollbars-thumb: var(--grey1);
-    --scrollbars-bg: transparent;
-
-    --table-striped-bg: #fafafa;
-}
-
-*:focus {
-    outline: none!important;
-}
-
-*:focus-visible:focus-visible {
-    outline: none!important;
-    border-color: var(--focus-color);
-    background-color: var(--focus-bg-set);
-}
-
-
-body {
-    font-size: 15px;
-    color: var(--text);
-}

package/esm/scrollbars.scss

@@ -1,22 +0,0 @@
-.miui-scrollbars {
-    overflow-y: auto;
-    scrollbar-color: var(--scrollbars-thumb) var(--scrollbars-bg);
-    scrollbar-width: thin !important;
-
-    &::-webkit-scrollbar {
-        width: 6px;
-        background-color: transparent;
-    }
-
-    &::-webkit-scrollbar-thumb:vertical {
-        background: var(--scrollbars-thumb);
-        background-clip: padding-box;
-        border: 2px solid var(--scrollbars-bg);
-        min-height: 10px;
-    }
-
-    &::-webkit-scrollbar-thumb:vertical:active {
-        background: var(--scrollbars-thumb);
-        border: 2px solid var(--scrollbars-bg);
-    }
-}