react-miui 0.27.8 → 0.27.10

package/CHANGELOG.md

@@ -3,6 +3,19 @@ All notable changes to this project will be documented in this file.
 The format is based on [EZEZ Changelog](https://ezez.dev/guidelines/changelog/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [0.27.10] - 2025-05-11
+### Fixed
+- Item `ratio` prop will be used on `Value` as well
+- `ratio` will be used only if defined
+### Changed
+- adjusted Item docs
+
+## [0.27.9] - 2025-05-10
+### Fixed
+- `selected` Item prop makes `ratio` prop not working
+### Dev
+- next.js bump to fix audit issues
+
 ## [0.27.8] - 2025-05-10
 ### Fixed
 - `selected` Item prop arrow rendering incorrectly when used with Item.Label

package/dist/components/form/Checkbox.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/dist/components/form/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAI3C,kDAA+C;AAE/C,uDAA8E;AAiB9E,MAAM,QAAQ,GAAoB,CAAC,EAGlC,EAAE,EAAE;QAH8B,EAE/B,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,OACzD,EAD8D,UAAU,cAFtC,sEAGlC,CADwE;IAErE,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,CAAC;IAEpC,MAAM,YAAY,GAAoE,EAAE,SAAS,EAAE,CAAC;IACpG,IAAI,GAAG,EAAE,CAAC;QACN,YAAY,CAAC,GAAG,GAAG,GAAG,CAAC;IAC3B,CAAC;IAED,MAAM,YAAY,GAA+C,IAAA,mBAAW,EAAC,CAAC,CAAC,EAAE,EAAE;QAC/E,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;YAEtB,CAAC,CAAC,aAAa,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC;YACnD,OAAO;QACX,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,8BAAC,8BAAY,oBAAK,YAAY;QAC1B,uDACI,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,gBACV,KAAK,IACb,UAAU,EAChB;QACF,8BAAC,kCAAgB,IAAC,GAAG,EAAE,KAAK;YAAE,8BAAC,qBAAS,OAAG,CAAmB;QAC9D,8BAAC,2BAAS,QAAE,QAAQ,CAAa,CACtB,CAClB,CAAC;AACN,CAAC,CAAC;AAEO,4BAAQ"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAI3C,kDAA+C;AAE/C,uDAA8E;AAiB9E,MAAM,QAAQ,GAAoB,CAAC,EAGlC,EAAE,EAAE;QAH8B,EAE/B,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,OACzD,EAD8D,UAAU,cAFtC,sEAGlC,CADwE;IAErE,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,CAAC;IAEpC,MAAM,YAAY,GAAoE,EAAE,SAAS,EAAE,CAAC;IACpG,IAAI,GAAG,EAAE,CAAC;QACN,YAAY,CAAC,GAAG,GAAG,GAAG,CAAC;IAC3B,CAAC;IAED,MAAM,YAAY,GAA+C,IAAA,mBAAW,EAAC,CAAC,CAAC,EAAE,EAAE;QAC/E,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;YAEtB,CAAC,CAAC,aAAa,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC;YACnD,OAAO;QACX,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,8BAAC,8BAAY,oBAAK,YAAY;QAC1B,uDACI,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,gBACV,KAAK,IACb,UAAU,EAChB;QACF,8BAAC,kCAAgB,IAAC,GAAG,EAAE,KAAK;YAAE,8BAAC,qBAAS,OAAG,CAAmB;QAC9D,8BAAC,2BAAS,QAAE,QAAQ,CAAa,CACtB,CAClB,CAAC;AACN,CAAC,CAAC;AAEO,4BAAQ"}

package/dist/components/form/Checkbox.stories.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AllAtOnce = exports.Primary = void 0;
 const react_1 = __importStar(require("react"));

package/dist/components/form/Checkbox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AAErD,uCAAmC;AAInC,sCAAgC;AAChC,uCAAqC;AAErC,yCAAsC;AAEtC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,mBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,OAAO;aAChB;SACJ;QACD,cAAc,EAAE;YACZ,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,OAAO,EAAE;YACL,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,MAAM,EAAE,UAAU;SACrB;KACJ;IACD,IAAI,EAAE;QACF,QAAQ,EAAE,UAAU;KACvB;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU,EAAE,CAAC;AAkCtB,0BAAO;AAhCX,MAAM,KAAK,GAAG,IAAA,cAAM,EAAC,mBAAQ,EAAE;IAC3B,SAAS,EAAE,gBAAgB;CAC9B,CAAC,CAAC;AAEH,MAAM,SAAS,GAAU;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QAClC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAEzE,OAAO,CACH;YACI,8BAAC,YAAG,iCAA6B;YACjC,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,KAAK,EAAE,KAAK,IAAI;YACpC,8BAAC,YAAG,sBAAkB;YACtB,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,GAAG,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI;YACpD,8BAAC,YAAG,4BAAwB;YAC5B,8BAAC,KAAK,oBAAK,IAAA,YAAI,EAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,EAAI;YAClC,8BAAC,YAAG;;gBAA+B,MAAM,CAAC,CAAC,CAAC;oBAAQ;YACpD,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,YAAY,IAAI;YAC1D,8BAAC,YAAG,2BAAuB;YAC3B,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,IAAI,IAAI;YACtC,8BAAC,YAAG,4BAAwB;YAC5B,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,IAAI,IAAI,CACvC,CACN,CAAC;IACN,CAAC;IACD,IAAI,EAAE;QACF,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC;AAIE,8BAAS;AAGb,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AAErD,uCAAmC;AAInC,sCAAgC;AAChC,uCAAqC;AAErC,yCAAsC;AAEtC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,mBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,OAAO;aAChB;SACJ;QACD,cAAc,EAAE;YACZ,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,OAAO,EAAE;YACL,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,MAAM,EAAE,UAAU;SACrB;KACJ;IACD,IAAI,EAAE;QACF,QAAQ,EAAE,UAAU;KACvB;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU,EAAE,CAAC;AAkCtB,0BAAO;AAhCX,MAAM,KAAK,GAAG,IAAA,cAAM,EAAC,mBAAQ,EAAE;IAC3B,SAAS,EAAE,gBAAgB;CAC9B,CAAC,CAAC;AAEH,MAAM,SAAS,GAAU;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QAClC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAEzE,OAAO,CACH;YACI,8BAAC,YAAG,iCAA6B;YACjC,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,KAAK,EAAE,KAAK,IAAI;YACpC,8BAAC,YAAG,sBAAkB;YACtB,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,GAAG,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI;YACpD,8BAAC,YAAG,4BAAwB;YAC5B,8BAAC,KAAK,oBAAK,IAAA,YAAI,EAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,EAAI;YAClC,8BAAC,YAAG;;gBAA+B,MAAM,CAAC,CAAC,CAAC;oBAAQ;YACpD,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,YAAY,IAAI;YAC1D,8BAAC,YAAG,2BAAuB;YAC3B,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,IAAI,IAAI;YACtC,8BAAC,YAAG,4BAAwB;YAC5B,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,IAAI,IAAI,CACvC,CACN,CAAC;IACN,CAAC;IACD,IAAI,EAAE;QACF,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC;AAIE,8BAAS;AAGb,kBAAe,IAAI,CAAC"}

package/dist/components/form/Checkbox.styled.d.ts

@@ -1,63 +1,63 @@
 declare const TextLabel: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {}, 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) => {
@@ -83,64 +83,64 @@ declare const TextLabel: import("@stitches/react/types/styled-component").Styled
 }>>;
 declare const CheckmarkWrapper: 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) => {
@@ -166,64 +166,64 @@ declare const CheckmarkWrapper: import("@stitches/react/types/styled-component")
 }>>;
 declare const LabelWrapper: import("@stitches/react/types/styled-component").StyledComponent<"label", {}, {}, 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) => {

package/dist/components/form/Select.styled.d.ts

@@ -2,64 +2,64 @@ declare const Select: import("@stitches/react/types/styled-component").StyledCom
     error?: 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) => {

package/dist/components/form/Suggestions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.d.ts","sourceRoot":"","sources":["../../../src/components/form/Suggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;CACxC;AAED,QAAA,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,SAAS,KAAK,CAAC,CAAC,CAAC,KAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAiBrF,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Suggestions.d.ts","sourceRoot":"","sources":["../../../src/components/form/Suggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;CACxC;AAED,QAAA,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,KAAK,CAAC,CAAC,CAAC,KAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAiBrF,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/form/Toggle.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/components/form/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAA2C;AAE3C,4DAAoC;AAEpC,8EAA0C;AAW1C,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAgC,EAAE,EAAE;QAClE,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,EAAE,CAAC;YACtB,IAAI,OAAO,KAAK,CAAC,sBAAsB,KAAK,SAAS,EAAE,CAAC;gBACpD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;YACjD,CAAC;YACD,OAAO;QACX,CAAC;QACD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,SAAS,EAAE,4BAAM,CAAC,SAAS,EAAE;QACtD,CAAC,4BAAM,CAAC,QAAkB,CAAC,EAAE,KAAK,CAAC,QAAQ;KAC9C,CAAC,CAAC;IAEH,OAAO,CACH,yCAAO,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa;QACrD,yCACI,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,uBACV,KAAK,CAAC,KAAK,IAAI,IAAI,EACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,EAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,YAAY,GACxB;QACF,uCAAK,SAAS,EAAE,4BAAM,CAAC,MAAM,GAAI,CAC7B,CACX,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAA2C;AAE3C,4DAAoC;AAEpC,8EAA0C;AAW1C,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAgC,EAAE,EAAE;QAClE,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,EAAE,CAAC;YACtB,IAAI,OAAO,KAAK,CAAC,sBAAsB,KAAK,SAAS,EAAE,CAAC;gBACpD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;YACjD,CAAC;YACD,OAAO;QACX,CAAC;QACD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,SAAS,EAAE,4BAAM,CAAC,SAAS,EAAE;QACtD,CAAC,4BAAM,CAAC,QAAkB,CAAC,EAAE,KAAK,CAAC,QAAQ;KAC9C,CAAC,CAAC;IAEH,OAAO,CACH,yCAAO,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa;QACrD,yCACI,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,uBACV,KAAK,CAAC,KAAK,IAAI,IAAI,EACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,EAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,YAAY,GACxB;QACF,uCAAK,SAAS,EAAE,4BAAM,CAAC,MAAM,GAAI,CAC7B,CACX,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}