react-miui 0.27.7 → 0.27.9

package/esm/components/ui/modal/Modal.styled.d.ts

@@ -4,64 +4,64 @@ declare const OverlayStyled: import("@stitches/react/types/styled-component").St
     isClosing?: boolean | "true";
 }, {}, import("@stitches/react/types/css-util").CSS<{}, {
     colors: {
-        background: string;
-        mainColor: string;
-        mainColorAlt: string;
-        activeBg: string;
-        inactiveBg: string;
-        inactiveDarkBg: string;
-        toggleHandleBg: string;
-        toggleHandleBorder: string;
-        toggleBgDisabled: string;
-        toggleHandleBorderDisabled: string;
-        toggleHandleBgDisabled: string;
-        icon: string;
-        border: string;
-        buttonBorder: string;
-        headerBorder: string;
-        headerBg: string;
-        headerText: string;
-        text: string;
-        sub: string;
-        popText: string;
-        toolbarBorder: string;
-        toolbarBg: string;
-        modalBg: string;
-        modalButtonBg: string;
-        modalButtonBorder: string;
-        inputDisabledBg: string;
-        inputDisabledText: string;
-        choiceBg: string;
-        choiceText: string;
-        choiceActiveBg: string;
-        choiceActiveText: string;
-        choiceBorder: string;
-        selectorText: string;
-        selectorActive: string;
-        blue1: string;
-        blue2: string;
-        blue3: string;
-        blue4: string;
-        blue5: string;
-        orange1: string;
-        orange1Darker: string;
-        purple1: string;
-        green1: string;
-        green1Darker: string;
-        pink1: string;
-        red1: string;
-        yellow1: string;
-        yellow2: string;
-        yellow3: string;
-        pinky1: string;
-        pinky2: string;
-        pinky3: string;
-        grey1: string;
-        focusColor: string;
-        scrollbarsThumb: string;
-        scrollbarsBg: string;
-        tableStripedBg: string;
-        toolButtonText: string;
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
@@ -87,64 +87,64 @@ declare const OverlayStyled: import("@stitches/react/types/styled-component").St
 }>>;
 declare const RemovePadding: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
     colors: {
-        background: string;
-        mainColor: string;
-        mainColorAlt: string;
-        activeBg: string;
-        inactiveBg: string;
-        inactiveDarkBg: string;
-        toggleHandleBg: string;
-        toggleHandleBorder: string;
-        toggleBgDisabled: string;
-        toggleHandleBorderDisabled: string;
-        toggleHandleBgDisabled: string;
-        icon: string;
-        border: string;
-        buttonBorder: string;
-        headerBorder: string;
-        headerBg: string;
-        headerText: string;
-        text: string;
-        sub: string;
-        popText: string;
-        toolbarBorder: string;
-        toolbarBg: string;
-        modalBg: string;
-        modalButtonBg: string;
-        modalButtonBorder: string;
-        inputDisabledBg: string;
-        inputDisabledText: string;
-        choiceBg: string;
-        choiceText: string;
-        choiceActiveBg: string;
-        choiceActiveText: string;
-        choiceBorder: string;
-        selectorText: string;
-        selectorActive: string;
-        blue1: string;
-        blue2: string;
-        blue3: string;
-        blue4: string;
-        blue5: string;
-        orange1: string;
-        orange1Darker: string;
-        purple1: string;
-        green1: string;
-        green1Darker: string;
-        pink1: string;
-        red1: string;
-        yellow1: string;
-        yellow2: string;
-        yellow3: string;
-        pinky1: string;
-        pinky2: string;
-        pinky3: string;
-        grey1: string;
-        focusColor: string;
-        scrollbarsThumb: string;
-        scrollbarsBg: string;
-        tableStripedBg: string;
-        toolButtonText: string;
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
@@ -173,64 +173,64 @@ declare const ContainerStyled: import("@stitches/react/types/styled-component").
     isClosing?: boolean | "true";
 }, {}, import("@stitches/react/types/css-util").CSS<{}, {
     colors: {
-        background: string;
-        mainColor: string;
-        mainColorAlt: string;
-        activeBg: string;
-        inactiveBg: string;
-        inactiveDarkBg: string;
-        toggleHandleBg: string;
-        toggleHandleBorder: string;
-        toggleBgDisabled: string;
-        toggleHandleBorderDisabled: string;
-        toggleHandleBgDisabled: string;
-        icon: string;
-        border: string;
-        buttonBorder: string;
-        headerBorder: string;
-        headerBg: string;
-        headerText: string;
-        text: string;
-        sub: string;
-        popText: string;
-        toolbarBorder: string;
-        toolbarBg: string;
-        modalBg: string;
-        modalButtonBg: string;
-        modalButtonBorder: string;
-        inputDisabledBg: string;
-        inputDisabledText: string;
-        choiceBg: string;
-        choiceText: string;
-        choiceActiveBg: string;
-        choiceActiveText: string;
-        choiceBorder: string;
-        selectorText: string;
-        selectorActive: string;
-        blue1: string;
-        blue2: string;
-        blue3: string;
-        blue4: string;
-        blue5: string;
-        orange1: string;
-        orange1Darker: string;
-        purple1: string;
-        green1: string;
-        green1Darker: string;
-        pink1: string;
-        red1: string;
-        yellow1: string;
-        yellow2: string;
-        yellow3: string;
-        pinky1: string;
-        pinky2: string;
-        pinky3: string;
-        grey1: string;
-        focusColor: string;
-        scrollbarsThumb: string;
-        scrollbarsBg: string;
-        tableStripedBg: string;
-        toolButtonText: string;
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
@@ -256,64 +256,64 @@ declare const ContainerStyled: import("@stitches/react/types/styled-component").
 }>>;
 declare const TitleStyled: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
     colors: {
-        background: string;
-        mainColor: string;
-        mainColorAlt: string;
-        activeBg: string;
-        inactiveBg: string;
-        inactiveDarkBg: string;
-        toggleHandleBg: string;
-        toggleHandleBorder: string;
-        toggleBgDisabled: string;
-        toggleHandleBorderDisabled: string;
-        toggleHandleBgDisabled: string;
-        icon: string;
-        border: string;
-        buttonBorder: string;
-        headerBorder: string;
-        headerBg: string;
-        headerText: string;
-        text: string;
-        sub: string;
-        popText: string;
-        toolbarBorder: string;
-        toolbarBg: string;
-        modalBg: string;
-        modalButtonBg: string;
-        modalButtonBorder: string;
-        inputDisabledBg: string;
-        inputDisabledText: string;
-        choiceBg: string;
-        choiceText: string;
-        choiceActiveBg: string;
-        choiceActiveText: string;
-        choiceBorder: string;
-        selectorText: string;
-        selectorActive: string;
-        blue1: string;
-        blue2: string;
-        blue3: string;
-        blue4: string;
-        blue5: string;
-        orange1: string;
-        orange1Darker: string;
-        purple1: string;
-        green1: string;
-        green1Darker: string;
-        pink1: string;
-        red1: string;
-        yellow1: string;
-        yellow2: string;
-        yellow3: string;
-        pinky1: string;
-        pinky2: string;
-        pinky3: string;
-        grey1: string;
-        focusColor: string;
-        scrollbarsThumb: string;
-        scrollbarsBg: string;
-        tableStripedBg: string;
-        toolButtonText: string;
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {