kwant-ui 3.34.3-alpha.0 → 3.36.0-alpha.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kwant-ui",
-  "version": "3.34.3-alpha.0",
+  "version": "3.36.0-alpha.0",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",

package/dist/public/assets/icons/US.svg

@@ -1 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#US_svg__a)"><mask id="US_svg__b" width="35" height="25" x="-1" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><rect width="34.375" height="25" x="-.688" rx="2"/></mask><g mask="url(#US_svg__b)"><path fill-rule="evenodd" d="M33 0H-2v2h35V0Zm-.37 3.377H-1.747V5H32.63V3.377ZM-1.747 6.623H32.63v1.623H-1.746V6.623ZM32.63 9.87H-1.746v1.623H32.63V9.87Zm-34.375 3.246H32.63v1.623H-1.746v-1.623Zm34.375 3.247H-1.746v1.623H32.63v-1.623Zm-34.375 3.246H32.63v1.624H-1.746v-1.624Zm34.375 3.247H-1.746v1.623H32.63v-1.623Z" clip-rule="evenodd"/><path d="M-.688 0h13.542v11.458H-.688z"/><g filter="url(#US_svg__c)"><path fill-rule="evenodd" d="M1.528 2.565a.815.815 0 0 1-.819.812.815.815 0 0 1-.818-.812c0-.448.366-.812.818-.812.452 0 .819.364.819.812Zm3.273 0a.815.815 0 0 1-.818.812.815.815 0 0 1-.818-.812c0-.448.366-.812.818-.812.452 0 .818.364.818.812Zm2.456.812a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.812.815.815 0 0 0-.819.812c0 .448.367.812.819.812Zm4.092-.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.819-.812c0-.448.367-.812.819-.812.452 0 .818.364.818.812ZM2.346 5a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.818.811c0 .449.366.812.818.812Zm4.092-.812A.815.815 0 0 1 5.62 5a.815.815 0 0 1-.819-.812c0-.448.367-.811.819-.811.452 0 .818.363.818.811ZM8.894 5a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.819.811c0 .449.367.812.819.812Zm2.455.812a.815.815 0 0 1-.818.811.815.815 0 0 1-.819-.811c0-.449.367-.812.819-.812.452 0 .818.363.818.812Zm-4.092.811a.815.815 0 0 0 .818-.811A.815.815 0 0 0 7.257 5a.815.815 0 0 0-.819.812c0 .448.367.811.819.811ZM4.8 5.812a.815.815 0 0 1-.818.811.815.815 0 0 1-.818-.811c0-.449.366-.812.818-.812.452 0 .818.363.818.812ZM.71 6.623a.815.815 0 0 0 .819-.811A.815.815 0 0 0 .709 5a.815.815 0 0 0-.818.812c0 .448.366.811.818.811Zm2.455.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.818-.812c0-.448.366-.812.818-.812.452 0 .818.364.818.812Zm2.456.812a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.812.815.815 0 0 0-.819.812c0 .448.367.812.819.812Zm4.092-.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.819-.812c0-.448.367-.812.819-.812.452 0 .818.364.818.812Zm.819 2.435a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.819.811c0 .448.367.812.819.812Zm-2.456-.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.819-.812c0-.448.367-.811.819-.811.452 0 .818.363.818.811Zm-4.092.812a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.818.811c0 .448.366.812.818.812Zm-2.455-.812a.815.815 0 0 1-.819.812.815.815 0 0 1-.818-.812c0-.448.366-.811.818-.811.452 0 .819.363.819.811Z" clip-rule="evenodd"/></g></g></g><defs><linearGradient id="US_svg__d" x1="-.109" x2="-.109" y1="1.753" y2="9.87" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#F0F0F0"/></linearGradient><clipPath id="US_svg__a"><rect width="24" height="24" rx="12"/></clipPath><filter id="US_svg__c" width="11.459" height="9.116" x="-.109" y="1.753" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_193_1132"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_193_1132" result="shape"/></filter></defs></svg>
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#US_svg__a)"><mask id="US_svg__b" width="35" height="25" x="-1" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><rect width="34.375" height="25" x="-.688" rx="2"/></mask><g mask="url(#US_svg__b)"><path fill-rule="evenodd" d="M33 0H-2v2h35V0Zm-.37 3.377H-1.747V5H32.63V3.377ZM-1.747 6.623H32.63v1.623H-1.746V6.623ZM32.63 9.87H-1.746v1.623H32.63V9.87Zm-34.375 3.246H32.63v1.623H-1.746v-1.623Zm34.375 3.247H-1.746v1.623H32.63v-1.623Zm-34.375 3.246H32.63v1.624H-1.746v-1.624Zm34.375 3.247H-1.746v1.623H32.63v-1.623Z" clip-rule="evenodd"/><path d="M-.688 0h13.542v11.458H-.688z"/><g filter="url(#US_svg__c)"><path fill-rule="evenodd" d="M1.528 2.565a.815.815 0 0 1-.819.812.815.815 0 0 1-.818-.812c0-.448.366-.812.818-.812.452 0 .819.364.819.812Zm3.273 0a.815.815 0 0 1-.818.812.815.815 0 0 1-.818-.812c0-.448.366-.812.818-.812.452 0 .818.364.818.812Zm2.456.812a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.812.815.815 0 0 0-.819.812c0 .448.367.812.819.812Zm4.092-.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.819-.812c0-.448.367-.812.819-.812.452 0 .818.364.818.812ZM2.346 5a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.818.811c0 .449.366.812.818.812Zm4.092-.812A.815.815 0 0 1 5.62 5a.815.815 0 0 1-.819-.812c0-.448.367-.811.819-.811.452 0 .818.363.818.811ZM8.894 5a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.819.811c0 .449.367.812.819.812Zm2.455.812a.815.815 0 0 1-.818.811.815.815 0 0 1-.819-.811c0-.449.367-.812.819-.812.452 0 .818.363.818.812Zm-4.092.811a.815.815 0 0 0 .818-.811A.815.815 0 0 0 7.257 5a.815.815 0 0 0-.819.812c0 .448.367.811.819.811ZM4.8 5.812a.815.815 0 0 1-.818.811.815.815 0 0 1-.818-.811c0-.449.366-.812.818-.812.452 0 .818.363.818.812ZM.71 6.623a.815.815 0 0 0 .819-.811A.815.815 0 0 0 .709 5a.815.815 0 0 0-.818.812c0 .448.366.811.818.811Zm2.455.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.818-.812c0-.448.366-.812.818-.812.452 0 .818.364.818.812Zm2.456.812a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.812.815.815 0 0 0-.819.812c0 .448.367.812.819.812Zm4.092-.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.819-.812c0-.448.367-.812.819-.812.452 0 .818.364.818.812Zm.819 2.435a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.819.811c0 .448.367.812.819.812Zm-2.456-.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.819-.812c0-.448.367-.811.819-.811.452 0 .818.363.818.811Zm-4.092.812a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.818.811c0 .448.366.812.818.812Zm-2.455-.812a.815.815 0 0 1-.819.812.815.815 0 0 1-.818-.812c0-.448.366-.811.818-.811.452 0 .819.363.819.811Z" clip-rule="evenodd"/></g></g></g><defs><linearGradient id="US_svg__d" x1="-.109" x2="-.109" y1="1.753" y2="9.87" gradientUnits="userSpaceOnUse"><stop stop-color="FFFF"/><stop offset="1" stop-color="#F0F0F0"/></linearGradient><clipPath id="US_svg__a"><rect width="24" height="24" rx="12"/></clipPath><filter id="US_svg__c" width="11.459" height="9.116" x="-.109" y="1.753" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_193_1132"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_193_1132" result="shape"/></filter></defs></svg>

package/dist/themes/colors.ts

@@ -95,8 +95,11 @@ const colors: Color = {
     grey300: '#C8D2DE',
     grey400: '#A1AFC0',
     grey500: '#798CA4',
+    grey700: '#5F758F',
+    grey600: '#616469',
     grey800: '#39526B',
     grey900: '#1C2E40',
+    grey1000: '#0B1B2A',
     greyHigh: '#C2C2C2',
     greyMedium: '#E5E5E5',
     greyLow: '#F5F5F5',
@@ -158,12 +161,27 @@ const colors: Color = {
     blue300: '#B7C5F8',
     blue400: '#9FB2F6',
     blue500: '#889FF4',
-    blue600: '#708CF1s',
+    blue600: '#708CF1',
     blue700: '#5879EF',
     blue800: '#4065ED',
     blue900: '#2852EA',
     blue1000: '#103FE8',
   },
+
+  yellow: {
+    yellow50: '#FEFCE8',
+    yellow100: '#FEF9C3',
+    yellow200: '#FEF08A',
+    yellow300: '#FDE047',
+    yellow400: '#FACC15',
+    yellow500: '#EAB308',
+    yellow600: '#CA8A04',
+    yellow700: '#A16207',
+    yellow800: '#854D0E',
+    yellow900: '#2852EA',
+    yellow1000: '#713F12',
+  },
+
   red: {
     red050: '#FDF2F2',
     red50: '#FDF2F2',
@@ -177,10 +195,26 @@ const colors: Color = {
     red800: '#9B1C1C',
     red900: '#771D1D',
   },
+  orange: {
+    orange050: '#FFF7ED',
+    orange50: '#FFF7ED',
+    orange100: '#FFEDD5',
+    orange200: '#FED7AA',
+    orange300: '#FDBA74',
+    orange400: '#FFA84C',
+    orange500: '#F98016',
+    orange600: '#EA580C',
+    orange700: '#C2410C',
+    orange800: '#9A3412',
+    orange900: '#7C2D12',
+  },
   scrollbar: {
     track: '#F2F5FA',
     thumb: '#9CACC0',
   },
+  transparent: {
+    blueHover: 'rgba(16, 63, 232, 0.06)'
+  }
 };
 
 export { colors };

package/dist/themes/types.d.ts

@@ -16,8 +16,11 @@ export interface Color {
     green: Green;
     blue: Blue;
     red: Red;
+    orange: Orange;
+    yellow: Yellow;
     scrollbar: Scrollbar;
     button: Button;
+    transparent: Transparent;
     [key: string]: any;
 }
 export interface Accent {
@@ -57,6 +60,8 @@ export interface Grey {
     grey5: string;
     grey10: string;
     grey500: string;
+    grey600: string;
+    grey700: string;
     grey800: string;
     grey900: string;
     grey400: string;
@@ -64,6 +69,7 @@ export interface Grey {
     grey250: string;
     grey300: string;
     grey100: string;
+    grey1000: string;
 }
 export interface Link {
     linkHigh: string;
@@ -178,10 +184,39 @@ export interface Red {
     red800: string;
     red900: string;
 }
+export interface Orange {
+    orange050: string;
+    orange50: string;
+    orange100: string;
+    orange200: string;
+    orange300: string;
+    orange400: string;
+    orange500: string;
+    orange600: string;
+    orange700: string;
+    orange800: string;
+    orange900: string;
+}
+export interface Yellow {
+    yellow50: string;
+    yellow100: string;
+    yellow200: string;
+    yellow300: string;
+    yellow400: string;
+    yellow500: string;
+    yellow600: string;
+    yellow700: string;
+    yellow800: string;
+    yellow900: string;
+    yellow1000: string;
+}
 export interface Scrollbar {
     track: string;
     thumb: string;
 }
+export interface Transparent {
+    blueHover: string;
+}
 export interface Button {
     primaryButton: string;
     primaryOutlineButton: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kwant-ui",
-  "version": "3.34.3-alpha.0",
+  "version": "3.36.0-alpha.0",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",

package/themes/colors.ts

@@ -95,8 +95,11 @@ const colors: Color = {
     grey300: '#C8D2DE',
     grey400: '#A1AFC0',
     grey500: '#798CA4',
+    grey700: '#5F758F',
+    grey600: '#616469',
     grey800: '#39526B',
     grey900: '#1C2E40',
+    grey1000: '#0B1B2A',
     greyHigh: '#C2C2C2',
     greyMedium: '#E5E5E5',
     greyLow: '#F5F5F5',
@@ -158,12 +161,27 @@ const colors: Color = {
     blue300: '#B7C5F8',
     blue400: '#9FB2F6',
     blue500: '#889FF4',
-    blue600: '#708CF1s',
+    blue600: '#708CF1',
     blue700: '#5879EF',
     blue800: '#4065ED',
     blue900: '#2852EA',
     blue1000: '#103FE8',
   },
+
+  yellow: {
+    yellow50: '#FEFCE8',
+    yellow100: '#FEF9C3',
+    yellow200: '#FEF08A',
+    yellow300: '#FDE047',
+    yellow400: '#FACC15',
+    yellow500: '#EAB308',
+    yellow600: '#CA8A04',
+    yellow700: '#A16207',
+    yellow800: '#854D0E',
+    yellow900: '#2852EA',
+    yellow1000: '#713F12',
+  },
+
   red: {
     red050: '#FDF2F2',
     red50: '#FDF2F2',
@@ -177,10 +195,26 @@ const colors: Color = {
     red800: '#9B1C1C',
     red900: '#771D1D',
   },
+  orange: {
+    orange050: '#FFF7ED',
+    orange50: '#FFF7ED',
+    orange100: '#FFEDD5',
+    orange200: '#FED7AA',
+    orange300: '#FDBA74',
+    orange400: '#FFA84C',
+    orange500: '#F98016',
+    orange600: '#EA580C',
+    orange700: '#C2410C',
+    orange800: '#9A3412',
+    orange900: '#7C2D12',
+  },
   scrollbar: {
     track: '#F2F5FA',
     thumb: '#9CACC0',
   },
+  transparent: {
+    blueHover: 'rgba(16, 63, 232, 0.06)'
+  }
 };
 
 export { colors };

package/themes/types.ts

@@ -16,8 +16,11 @@ export interface Color {
   green: Green;
   blue: Blue;
   red: Red;
+  orange: Orange;
+  yellow: Yellow;
   scrollbar: Scrollbar;
   button: Button;
+  transparent: Transparent;
   [key: string]: any;
 }
 
@@ -62,6 +65,8 @@ export interface Grey {
   grey5: string;
   grey10: string;
   grey500: string;
+  grey600: string;
+  grey700: string;
   grey800: string;
   grey900: string;
   grey400: string;
@@ -69,6 +74,7 @@ export interface Grey {
   grey250: string;
   grey300: string;
   grey100: string;
+  grey1000: string;
 }
 
 export interface Link {
@@ -196,11 +202,42 @@ export interface Red {
   red900: string;
 }
 
+export interface Orange {
+  orange050: string;
+  orange50: string;
+  orange100: string;
+  orange200: string;
+  orange300: string;
+  orange400: string;
+  orange500: string;
+  orange600: string;
+  orange700: string;
+  orange800: string;
+  orange900: string;
+}
+export interface Yellow {
+  yellow50: string;
+  yellow100: string;
+  yellow200: string;
+  yellow300: string;
+  yellow400: string;
+  yellow500: string;
+  yellow600: string;
+  yellow700: string;
+  yellow800: string;
+  yellow900: string;
+  yellow1000: string;
+}
+
 export interface Scrollbar {
   track: string;
   thumb: string;
 }
 
+export interface Transparent {
+  blueHover: string;
+}
+
 export interface Button {
   primaryButton: string;
   primaryOutlineButton: string;