colibri-ui 0.7.56 → 0.7.58

package/Grid/Item/index.js

@@ -17,9 +17,11 @@ var GridItem = function GridItem(_a) {
   var children = _a.children,
     _c = _a.fullWidth,
     fullWidth = _c === void 0 ? false : _c,
-    className = _a.className;
+    className = _a.className,
+    style = _a.style;
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: classNames__default.default(styles__default.default.item, (_b = {}, _b[styles__default.default.full] = fullWidth, _b), className)
+    className: classNames__default.default(styles__default.default.item, (_b = {}, _b[styles__default.default.full] = fullWidth, _b), className),
+    style: style
   }, children);
 };
 

package/Grid/Item/index.props.d.ts

@@ -1,6 +1,7 @@
-import type { ReactNode } from "react";
+import type { CSSProperties, ReactNode } from "react";
 export type GridItemProps = {
     children: ReactNode;
     fullWidth?: boolean;
     className?: string;
+    style?: CSSProperties;
 };

package/Modal/components/Title/Title.module.css

@@ -1,4 +1,9 @@
 .wrapper {
   display: flex;
   padding: 16px;
+}
+
+.title {
+  margin: 0;
+  padding: 0;
 }

package/Modal/components/Title/index.js

@@ -18,7 +18,8 @@ var Title = function Title(_a) {
   var children = _a.children;
   return /*#__PURE__*/React__default.default.createElement(index.default, {
     tag: "h3",
-    size: "h3"
+    size: "h3",
+    className: clx(styles__default.default.title)
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: clx(styles__default.default.wrapper)
   }, children));

package/README.md

@@ -14,6 +14,28 @@ React UI components library.
 npm i -S colibri-ui
 ```
 
+## Usage
+
+```tsx
+// app/layout.tsx
+import classNames from "classnames";
+import "colibri-ui/theme_default_variables.css";
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body className={classNames("theme")}>
+        {children}
+      </body>
+    </html>
+  );
+}
+```
+
 ## License
 
 MIT

package/RadioGroup/index.d.ts

@@ -1,4 +1,5 @@
-import React, { FC } from "react";
+import React from "react";
+import type { FC } from "react";
 export interface Option {
     id?: string;
     val: string | number;

package/Theme/colors/common.d.ts

@@ -0,0 +1,27 @@
+export declare const Common: {
+    WHITE: string;
+    BLACK: string;
+};
+export declare const Backgrounds: {
+    BG_1: string;
+    BG_2: string;
+    BG_3: string;
+    BG_4: string;
+    BG_5: string;
+};
+export declare const Accents: {
+    ALERT: string;
+    SUCCESS: string;
+};
+export declare const Color: {
+    BG_1: string;
+    BG_2: string;
+    BG_3: string;
+    BG_4: string;
+    BG_5: string;
+    ALERT: string;
+    SUCCESS: string;
+    WHITE: string;
+    BLACK: string;
+};
+export default Color;

package/Theme/colors/common.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+var Common = {
+  WHITE: "#fff",
+  BLACK: "#000"
+};
+var Backgrounds = {
+  BG_1: "#f2f2f2",
+  BG_2: "#e6e6e6",
+  BG_3: "#dbdbdb",
+  BG_4: "#b3b3b3",
+  BG_5: "#999"
+};
+var Accents = {
+  ALERT: "#ff564e",
+  SUCCESS: "#28bc00"
+};
+var Color = tslib.__assign(tslib.__assign(tslib.__assign({}, Common), Accents), Backgrounds);
+
+exports.Accents = Accents;
+exports.Backgrounds = Backgrounds;
+exports.Color = Color;
+exports.Common = Common;
+exports.default = Color;

package/Theme/colors/index.d.ts

@@ -0,0 +1,48 @@
+declare const _default: {
+    TRETIARY_1: string;
+    TRETIARY_2: string;
+    TRETIARY_3: string;
+    TRETIARY_4: string;
+    TRETIARY_5: string;
+    SECONDARY_1: string;
+    SECONDARY_2: string;
+    SECONDARY_3: string;
+    SECONDARY_4: string;
+    SECONDARY_5: string;
+    PRIMARY_1: string;
+    PRIMARY_2: string;
+    PRIMARY_3: string;
+    PRIMARY_4: string;
+    PRIMARY_5: string;
+    BRAND_DEFAULT_1: string;
+    BRAND_DEFAULT_2: string;
+    BRAND_DEFAULT_3: string;
+    TRETIARY_BA_1: string;
+    TRETIARY_BA_2: string;
+    TRETIARY_BA_3: string;
+    TRETIARY_BA_4: string;
+    TRETIARY_BA_5: string;
+    SECONDARY_BA_1: string;
+    SECONDARY_BA_2: string;
+    SECONDARY_BA_3: string;
+    SECONDARY_BA_4: string;
+    SECONDARY_BA_5: string;
+    PRIMARY_BA_1: string;
+    PRIMARY_BA_2: string;
+    PRIMARY_BA_3: string;
+    PRIMARY_BA_4: string;
+    PRIMARY_BA_5: string;
+    BRAND_BA_1: string;
+    BRAND_BA_2: string;
+    BRAND_BA_3: string;
+    BG_1: string;
+    BG_2: string;
+    BG_3: string;
+    BG_4: string;
+    BG_5: string;
+    ALERT: string;
+    SUCCESS: string;
+    WHITE: string;
+    BLACK: string;
+};
+export default _default;

package/Theme/colors/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var theme_default = require('./theme_default.js');
+var theme_buenos_aires = require('./theme_buenos_aires.js');
+var common = require('./common.js');
+
+var Color = tslib.__assign(tslib.__assign(tslib.__assign({}, common.Color), theme_buenos_aires.Color), theme_default.Color);
+
+exports.default = Color;

package/Theme/colors/theme_buenos_aires.d.ts

@@ -0,0 +1,47 @@
+export declare const PrimaryBA: {
+    PRIMARY_BA_1: string;
+    PRIMARY_BA_2: string;
+    PRIMARY_BA_3: string;
+    PRIMARY_BA_4: string;
+    PRIMARY_BA_5: string;
+};
+export declare const SecondaryBA: {
+    SECONDARY_BA_1: string;
+    SECONDARY_BA_2: string;
+    SECONDARY_BA_3: string;
+    SECONDARY_BA_4: string;
+    SECONDARY_BA_5: string;
+};
+export declare const TretiaryBA: {
+    TRETIARY_BA_1: string;
+    TRETIARY_BA_2: string;
+    TRETIARY_BA_3: string;
+    TRETIARY_BA_4: string;
+    TRETIARY_BA_5: string;
+};
+export declare const BrandBA: {
+    BRAND_BA_1: string;
+    BRAND_BA_2: string;
+    BRAND_BA_3: string;
+};
+export declare const Color: {
+    TRETIARY_BA_1: string;
+    TRETIARY_BA_2: string;
+    TRETIARY_BA_3: string;
+    TRETIARY_BA_4: string;
+    TRETIARY_BA_5: string;
+    SECONDARY_BA_1: string;
+    SECONDARY_BA_2: string;
+    SECONDARY_BA_3: string;
+    SECONDARY_BA_4: string;
+    SECONDARY_BA_5: string;
+    PRIMARY_BA_1: string;
+    PRIMARY_BA_2: string;
+    PRIMARY_BA_3: string;
+    PRIMARY_BA_4: string;
+    PRIMARY_BA_5: string;
+    BRAND_BA_1: string;
+    BRAND_BA_2: string;
+    BRAND_BA_3: string;
+};
+export default Color;

package/Theme/colors/theme_buenos_aires.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+var PrimaryBA = {
+  PRIMARY_BA_1: "rgba(38, 49, 129, .07)",
+  PRIMARY_BA_2: "rgba(38, 49, 129, .3)",
+  PRIMARY_BA_3: "rgba(38, 49, 129, .4)",
+  PRIMARY_BA_4: "rgba(38, 49, 129, .6)",
+  PRIMARY_BA_5: "rgba(38, 49, 129, .8)"
+};
+var SecondaryBA = {
+  SECONDARY_BA_1: "#d9d9d9",
+  SECONDARY_BA_2: "#bbb",
+  SECONDARY_BA_3: "#636363",
+  SECONDARY_BA_4: "#313131",
+  SECONDARY_BA_5: "#1a1a1a"
+};
+var TretiaryBA = {
+  TRETIARY_BA_1: "#EDF1F5",
+  TRETIARY_BA_2: "#d3dbe3",
+  TRETIARY_BA_3: "#c5cfda",
+  TRETIARY_BA_4: "#b1bcc8",
+  TRETIARY_BA_5: "#87929d"
+};
+var BrandBA = {
+  BRAND_BA_1: "#B54141",
+  BRAND_BA_2: "#fffbe9",
+  BRAND_BA_3: "#D5D500"
+};
+var Color = tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, BrandBA), PrimaryBA), SecondaryBA), TretiaryBA);
+
+exports.BrandBA = BrandBA;
+exports.Color = Color;
+exports.PrimaryBA = PrimaryBA;
+exports.SecondaryBA = SecondaryBA;
+exports.TretiaryBA = TretiaryBA;
+exports.default = Color;

package/Theme/colors/theme_default.d.ts

@@ -0,0 +1,47 @@
+export declare const Primary: {
+    PRIMARY_1: string;
+    PRIMARY_2: string;
+    PRIMARY_3: string;
+    PRIMARY_4: string;
+    PRIMARY_5: string;
+};
+export declare const Secondary: {
+    SECONDARY_1: string;
+    SECONDARY_2: string;
+    SECONDARY_3: string;
+    SECONDARY_4: string;
+    SECONDARY_5: string;
+};
+export declare const Tretiary: {
+    TRETIARY_1: string;
+    TRETIARY_2: string;
+    TRETIARY_3: string;
+    TRETIARY_4: string;
+    TRETIARY_5: string;
+};
+export declare const Brand: {
+    BRAND_DEFAULT_1: string;
+    BRAND_DEFAULT_2: string;
+    BRAND_DEFAULT_3: string;
+};
+export declare const Color: {
+    TRETIARY_1: string;
+    TRETIARY_2: string;
+    TRETIARY_3: string;
+    TRETIARY_4: string;
+    TRETIARY_5: string;
+    SECONDARY_1: string;
+    SECONDARY_2: string;
+    SECONDARY_3: string;
+    SECONDARY_4: string;
+    SECONDARY_5: string;
+    PRIMARY_1: string;
+    PRIMARY_2: string;
+    PRIMARY_3: string;
+    PRIMARY_4: string;
+    PRIMARY_5: string;
+    BRAND_DEFAULT_1: string;
+    BRAND_DEFAULT_2: string;
+    BRAND_DEFAULT_3: string;
+};
+export default Color;

package/Theme/colors/theme_default.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+var Primary = {
+  PRIMARY_1: "#E8F0FE",
+  PRIMARY_2: "#B8D2FF",
+  PRIMARY_3: "#73ABF8",
+  PRIMARY_4: "#067AFF",
+  PRIMARY_5: "#0066DC"
+};
+var Secondary = {
+  SECONDARY_1: "#fff1db",
+  SECONDARY_2: "#ffdaa3",
+  SECONDARY_3: "#ffca79",
+  SECONDARY_4: "#f4b968",
+  SECONDARY_5: "#ffab0f"
+};
+var Tretiary = {
+  TRETIARY_1: "#FFF5F0",
+  TRETIARY_2: "#FFEAE2",
+  TRETIARY_3: "#FFD8CA",
+  TRETIARY_4: "#FFA384 ",
+  TRETIARY_5: "#fc5200"
+};
+var Brand = {
+  BRAND_DEFAULT_1: "#F393D2",
+  BRAND_DEFAULT_2: "#4BDCF8",
+  BRAND_DEFAULT_3: "#D5D500"
+};
+var Color = tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, Brand), Primary), Secondary), Tretiary);
+
+exports.Brand = Brand;
+exports.Color = Color;
+exports.Primary = Primary;
+exports.Secondary = Secondary;
+exports.Tretiary = Tretiary;
+exports.default = Color;

package/Theme/themes/buenos_aires.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var color = require('../color.js');
+var index = require('../colors/index.js');
 
 var THEME_BA = {
-  "palette-bg-3": color.Color.BG_3,
-  "palette-black": color.Color.BLACK,
-  "palette-white": color.Color.WHITE,
-  "palette-brand-ba-1": color.Color.BRAND_BA_1,
-  "palette-brand-ba-2": color.Color.BRAND_BA_2,
-  "palette-brand-ba-3": color.Color.BRAND_BA_3
+  "palette-bg-3": index.default.BG_3,
+  "palette-black": index.default.BLACK,
+  "palette-white": index.default.WHITE,
+  "palette-brand-ba-1": index.default.BRAND_BA_1,
+  "palette-brand-ba-2": index.default.BRAND_BA_2,
+  "palette-brand-ba-3": index.default.BRAND_BA_3
 };
 
 exports.default = THEME_BA;

package/Theme/themes/default.js

@@ -2,91 +2,91 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var color = require('../color.js');
+var index = require('../colors/index.js');
 
 var THEME_DEFAULT = {
-  "palette-black": color.Color.BLACK,
-  "palette-white": color.Color.WHITE,
-  "palette-bg-1": color.Color.BG_1,
-  "palette-bg-2": color.Color.BG_2,
-  "palette-bg-3": color.Color.BG_3,
-  "palette-bg-4": color.Color.BG_4,
-  "palette-bg-5": color.Color.BG_5,
-  "palette-brand-default-1": color.Color.BRAND_DEFAULT_1,
-  "palette-brand-default-2": color.Color.BRAND_DEFAULT_2,
-  "palette-brand-default-3": color.Color.BRAND_DEFAULT_3,
-  "palette-primary-1": color.Color.PRIMARY_1,
-  "palette-primary-2": color.Color.PRIMARY_2,
-  "palette-primary-3": color.Color.PRIMARY_3,
-  "palette-primary-4": color.Color.PRIMARY_4,
-  "palette-primary-5": color.Color.PRIMARY_5,
-  "palette-tretiary-1": color.Color.TRETIARY_1,
-  "palette-tretiary-2": color.Color.TRETIARY_2,
-  "palette-tretiary-3": color.Color.TRETIARY_3,
-  "palette-tretiary-4": color.Color.TRETIARY_4,
-  "palette-tretiary-5": color.Color.TRETIARY_5,
-  "palette-alert": color.Color.ALERT,
-  "typography-alert": color.Color.ALERT,
-  "typography-success": color.Color.SUCCESS,
-  "typography-secondary": color.Color.BG_3,
+  "palette-black": index.default.BLACK,
+  "palette-white": index.default.WHITE,
+  "palette-bg-1": index.default.BG_1,
+  "palette-bg-2": index.default.BG_2,
+  "palette-bg-3": index.default.BG_3,
+  "palette-bg-4": index.default.BG_4,
+  "palette-bg-5": index.default.BG_5,
+  "palette-brand-default-1": index.default.BRAND_DEFAULT_1,
+  "palette-brand-default-2": index.default.BRAND_DEFAULT_2,
+  "palette-brand-default-3": index.default.BRAND_DEFAULT_3,
+  "palette-primary-1": index.default.PRIMARY_1,
+  "palette-primary-2": index.default.PRIMARY_2,
+  "palette-primary-3": index.default.PRIMARY_3,
+  "palette-primary-4": index.default.PRIMARY_4,
+  "palette-primary-5": index.default.PRIMARY_5,
+  "palette-tretiary-1": index.default.TRETIARY_1,
+  "palette-tretiary-2": index.default.TRETIARY_2,
+  "palette-tretiary-3": index.default.TRETIARY_3,
+  "palette-tretiary-4": index.default.TRETIARY_4,
+  "palette-tretiary-5": index.default.TRETIARY_5,
+  "palette-alert": index.default.ALERT,
+  "typography-alert": index.default.ALERT,
+  "typography-success": index.default.SUCCESS,
+  "typography-secondary": index.default.BG_3,
   "button-border-radius": "26px",
-  "button-primary-color": color.Color.WHITE,
-  "button-primary-background-color": color.Color.PRIMARY_4,
-  "button-primary-border-color": color.Color.PRIMARY_4,
-  "button-primary-color-hovered": color.Color.WHITE,
-  "button-primary-background-color-hovered": color.Color.PRIMARY_5,
-  "button-primary-border-color-hovered": color.Color.PRIMARY_5,
-  "button-primary-color-active": color.Color.WHITE,
-  "button-primary-background-color-active": color.Color.PRIMARY_5,
-  "button-primary-border-color-active": color.Color.PRIMARY_5,
-  "button-primary-color-disabled": color.Color.PRIMARY_2,
-  "button-primary-background-color-disabled": color.Color.PRIMARY_1,
-  "button-primary-border-color-disabled": color.Color.PRIMARY_1,
-  "button-secondary-color": color.Color.WHITE,
-  "button-secondary-background-color": color.Color.SECONDARY_4,
-  "button-secondary-border-color": color.Color.SECONDARY_4,
-  "button-secondary-color-hovered": color.Color.WHITE,
-  "button-secondary-background-color-hovered": color.Color.SECONDARY_5,
-  "button-secondary-border-color-hovered": color.Color.SECONDARY_5,
-  "button-secondary-color-active": color.Color.WHITE,
-  "button-secondary-background-color-active": color.Color.SECONDARY_5,
-  "button-secondary-border-color-active": color.Color.SECONDARY_5,
-  "button-secondary-color-disabled": color.Color.SECONDARY_2,
-  "button-secondary-background-color-disabled": color.Color.SECONDARY_1,
-  "button-secondary-border-color-disabled": color.Color.SECONDARY_1,
-  "button-pseudo-color": color.Color.TRETIARY_5,
-  "button-pseudo-background-color": color.Color.WHITE,
-  "button-pseudo-border-color": color.Color.WHITE,
-  "button-pseudo-color-hovered": color.Color.TRETIARY_5,
-  "button-pseudo-background-color-hovered": color.Color.TRETIARY_2,
-  "button-pseudo-border-color-hovered": color.Color.TRETIARY_2,
-  "button-pseudo-color-active": color.Color.TRETIARY_5,
-  "button-pseudo-background-color-active": color.Color.TRETIARY_2,
-  "button-pseudo-border-color-active": color.Color.TRETIARY_2,
-  "button-pseudo-color-disabled": color.Color.SECONDARY_2,
-  "button-pseudo-background-color-disabled": color.Color.SECONDARY_1,
-  "button-pseudo-border-color-disabled": color.Color.SECONDARY_1,
-  "button-clear-color": color.Color.PRIMARY_4,
-  "button-clear-color-hovered": color.Color.PRIMARY_5,
-  "button-clear-color-active": color.Color.PRIMARY_5,
-  "input-primary-border-color": color.Color.BG_3,
-  "input-primary-plaseholder-color": color.Color.BG_2,
-  "checkbox-primary-background-color-checked": color.Color.PRIMARY_4,
-  "checkbox-primary-background-color-hovered": color.Color.PRIMARY_4,
-  "checkbox-primary-box-shadow-focused": color.Color.PRIMARY_1,
-  "checkbox-primary-background-color-active": color.Color.PRIMARY_4,
-  "checkbox-primary-border-color-active": color.Color.PRIMARY_4,
-  "checkbox-primary-box-shadow-active": color.Color.PRIMARY_4,
-  "checkbox-primary-background-color-disabled": color.Color.PRIMARY_1,
-  "inputradio-primary-background-color-checked": color.Color.PRIMARY_4,
-  "inputradio-primary-background-color-hovered": color.Color.PRIMARY_4,
-  "inputradio-primary-box-shadow-focused": color.Color.PRIMARY_1,
-  "inputradio-primary-background-color-focused": color.Color.PRIMARY_1,
-  "inputradio-primary-border-color-focused": color.Color.PRIMARY_1,
-  "switch-primary-background-color": color.Color.BG_2,
-  "switch-primary-border-color": color.Color.BG_2,
-  "switch-primary-background-color-checked": color.Color.PRIMARY_5,
-  "switch-primary-border-color-checked": color.Color.PRIMARY_5
+  "button-primary-color": index.default.WHITE,
+  "button-primary-background-color": index.default.PRIMARY_4,
+  "button-primary-border-color": index.default.PRIMARY_4,
+  "button-primary-color-hovered": index.default.WHITE,
+  "button-primary-background-color-hovered": index.default.PRIMARY_5,
+  "button-primary-border-color-hovered": index.default.PRIMARY_5,
+  "button-primary-color-active": index.default.WHITE,
+  "button-primary-background-color-active": index.default.PRIMARY_5,
+  "button-primary-border-color-active": index.default.PRIMARY_5,
+  "button-primary-color-disabled": index.default.PRIMARY_2,
+  "button-primary-background-color-disabled": index.default.PRIMARY_1,
+  "button-primary-border-color-disabled": index.default.PRIMARY_1,
+  "button-secondary-color": index.default.WHITE,
+  "button-secondary-background-color": index.default.SECONDARY_4,
+  "button-secondary-border-color": index.default.SECONDARY_4,
+  "button-secondary-color-hovered": index.default.WHITE,
+  "button-secondary-background-color-hovered": index.default.SECONDARY_5,
+  "button-secondary-border-color-hovered": index.default.SECONDARY_5,
+  "button-secondary-color-active": index.default.WHITE,
+  "button-secondary-background-color-active": index.default.SECONDARY_5,
+  "button-secondary-border-color-active": index.default.SECONDARY_5,
+  "button-secondary-color-disabled": index.default.SECONDARY_2,
+  "button-secondary-background-color-disabled": index.default.SECONDARY_1,
+  "button-secondary-border-color-disabled": index.default.SECONDARY_1,
+  "button-pseudo-color": index.default.TRETIARY_5,
+  "button-pseudo-background-color": index.default.WHITE,
+  "button-pseudo-border-color": index.default.WHITE,
+  "button-pseudo-color-hovered": index.default.TRETIARY_5,
+  "button-pseudo-background-color-hovered": index.default.TRETIARY_2,
+  "button-pseudo-border-color-hovered": index.default.TRETIARY_2,
+  "button-pseudo-color-active": index.default.TRETIARY_5,
+  "button-pseudo-background-color-active": index.default.TRETIARY_2,
+  "button-pseudo-border-color-active": index.default.TRETIARY_2,
+  "button-pseudo-color-disabled": index.default.SECONDARY_2,
+  "button-pseudo-background-color-disabled": index.default.SECONDARY_1,
+  "button-pseudo-border-color-disabled": index.default.SECONDARY_1,
+  "button-clear-color": index.default.PRIMARY_4,
+  "button-clear-color-hovered": index.default.PRIMARY_5,
+  "button-clear-color-active": index.default.PRIMARY_5,
+  "input-primary-border-color": index.default.BG_3,
+  "input-primary-plaseholder-color": index.default.BG_2,
+  "checkbox-primary-background-color-checked": index.default.PRIMARY_4,
+  "checkbox-primary-background-color-hovered": index.default.PRIMARY_4,
+  "checkbox-primary-box-shadow-focused": index.default.PRIMARY_1,
+  "checkbox-primary-background-color-active": index.default.PRIMARY_4,
+  "checkbox-primary-border-color-active": index.default.PRIMARY_4,
+  "checkbox-primary-box-shadow-active": index.default.PRIMARY_4,
+  "checkbox-primary-background-color-disabled": index.default.PRIMARY_1,
+  "inputradio-primary-background-color-checked": index.default.PRIMARY_4,
+  "inputradio-primary-background-color-hovered": index.default.PRIMARY_4,
+  "inputradio-primary-box-shadow-focused": index.default.PRIMARY_1,
+  "inputradio-primary-background-color-focused": index.default.PRIMARY_1,
+  "inputradio-primary-border-color-focused": index.default.PRIMARY_1,
+  "switch-primary-background-color": index.default.BG_2,
+  "switch-primary-border-color": index.default.BG_2,
+  "switch-primary-background-color-checked": index.default.PRIMARY_5,
+  "switch-primary-border-color-checked": index.default.PRIMARY_5
 };
 
 exports.default = THEME_DEFAULT;

package/esm/Grid/Item/index.js

@@ -7,9 +7,11 @@ var GridItem = function GridItem(_a) {
   var children = _a.children,
     _c = _a.fullWidth,
     fullWidth = _c === void 0 ? false : _c,
-    className = _a.className;
+    className = _a.className,
+    style = _a.style;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.item, (_b = {}, _b[styles.full] = fullWidth, _b), className)
+    className: classNames(styles.item, (_b = {}, _b[styles.full] = fullWidth, _b), className),
+    style: style
   }, children);
 };
 

package/esm/Grid/Item/index.props.d.ts

@@ -1,6 +1,7 @@
-import type { ReactNode } from "react";
+import type { CSSProperties, ReactNode } from "react";
 export type GridItemProps = {
     children: ReactNode;
     fullWidth?: boolean;
     className?: string;
+    style?: CSSProperties;
 };

package/esm/Modal/components/Title/Title.module.css

@@ -1,4 +1,9 @@
 .wrapper {
   display: flex;
   padding: 16px;
+}
+
+.title {
+  margin: 0;
+  padding: 0;
 }

package/esm/Modal/components/Title/index.js

@@ -8,7 +8,8 @@ var Title = function Title(_a) {
   var children = _a.children;
   return /*#__PURE__*/React.createElement(Typography, {
     tag: "h3",
-    size: "h3"
+    size: "h3",
+    className: clx(styles.title)
   }, /*#__PURE__*/React.createElement("div", {
     className: clx(styles.wrapper)
   }, children));

package/esm/RadioGroup/index.d.ts

@@ -1,4 +1,5 @@
-import React, { FC } from "react";
+import React from "react";
+import type { FC } from "react";
 export interface Option {
     id?: string;
     val: string | number;