kwant-ui 3.24.5 → 3.24.7

package/dist/package.json

@@ -1,88 +1,88 @@
-{
-  "name": "kwant-ui",
-  "version": "3.24.5",
-  "main": "./dist/index.js",
-  "module": "./dist/index.es.js",
-  "types": "./dist/index.d.ts",
-  "author": "kwant.ai",
-  "scripts": {
-    "lint": "eslint \"**/*.ts*\"",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "build": "rm -rf ./dist && rollup -c --bundleConfigAsCjs",
-    "prebuild": "npm run generate-icon-types",
-    "generate-icon-types": "node ./utils/generateTypesForIcons.js"
-  },
-  "devDependencies": {
-    "@babel/preset-react": "^7.22.5",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^25.0.2",
-    "@rollup/plugin-image": "^3.0.2",
-    "@rollup/plugin-node-resolve": "^15.1.0",
-    "@rollup/plugin-typescript": "^11.1.1",
-    "@rollup/plugin-url": "^8.0.1",
-    "@storybook/addon-essentials": "^7.6.4",
-    "@storybook/addon-interactions": "^7.6.4",
-    "@storybook/addon-links": "^7.6.4",
-    "@storybook/addon-mdx-gfm": "^7.6.4",
-    "@storybook/blocks": "^7.6.4",
-    "@storybook/react": "^7.6.4",
-    "@storybook/react-vite": "^7.6.4",
-    "@storybook/testing-library": "^0.2.2",
-    "@svgr/rollup": "^8.1.0",
-    "@types/d3": "^7.4.3",
-    "@typescript-eslint/eslint-plugin": "^5.57.1",
-    "@typescript-eslint/parser": "^5.57.1",
-    "@vitejs/plugin-react": "^4.0.0",
-    "eslint": "^8.38.0",
-    "eslint-config-custom": "*",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.3.4",
-    "eslint-plugin-storybook": "^0.6.15",
-    "prop-types": "^15.8.1",
-    "react-dom": "^18.2.0",
-    "rollup": "^4.9.6",
-    "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-terser": "^7.0.2",
-    "storybook": "^7.6.4",
-    "tsconfig": "*"
-  },
-  "dependencies": {
-    "@rollup/plugin-dynamic-import-vars": "^2.0.5",
-    "@types/react": "^18.2.7",
-    "@types/react-dom": "^18.2.0",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/styled-components": "^5.1.26",
-    "d3": "^7.8.5",
-    "dayjs": "^1.11.10",
-    "eslint-config-custom": "*",
-    "react": "^18.2.0",
-    "react-multi-date-picker": "^4.1.2",
-    "react-router-dom": "^6.14.2",
-    "recharts": "^2.10.3",
-    "styled-components": "^5.3.11",
-    "typescript": "^4.5.2"
-  },
-  "peerDependencies": {
-    "@types/react": "^18.2.7",
-    "@types/react-dom": "^18.2.0",
-    "@types/styled-components": "^5.1.26",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-viewport-list": "^7.1.1",
-    "styled-components": "^5.3.11"
-  },
-  "eslintConfig": {
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
-  },
-  "files": [
-    "dist",
-    "utils",
-    "themes",
-    "README.md",
-    "package.json"
-  ]
-}
+{
+  "name": "kwant-ui",
+  "version": "3.24.7",
+  "main": "./dist/index.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "author": "kwant.ai",
+  "scripts": {
+    "lint": "eslint \"**/*.ts*\"",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build": "rm -rf ./dist && rollup -c --bundleConfigAsCjs",
+    "prebuild": "npm run generate-icon-types",
+    "generate-icon-types": "node ./utils/generateTypesForIcons.js"
+  },
+  "devDependencies": {
+    "@babel/preset-react": "^7.22.5",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-commonjs": "^25.0.2",
+    "@rollup/plugin-image": "^3.0.2",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-typescript": "^11.1.1",
+    "@rollup/plugin-url": "^8.0.1",
+    "@storybook/addon-essentials": "^7.6.4",
+    "@storybook/addon-interactions": "^7.6.4",
+    "@storybook/addon-links": "^7.6.4",
+    "@storybook/addon-mdx-gfm": "^7.6.4",
+    "@storybook/blocks": "^7.6.4",
+    "@storybook/react": "^7.6.4",
+    "@storybook/react-vite": "^7.6.4",
+    "@storybook/testing-library": "^0.2.2",
+    "@svgr/rollup": "^8.1.0",
+    "@types/d3": "^7.4.3",
+    "@typescript-eslint/eslint-plugin": "^5.57.1",
+    "@typescript-eslint/parser": "^5.57.1",
+    "@vitejs/plugin-react": "^4.0.0",
+    "eslint": "^8.38.0",
+    "eslint-config-custom": "*",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.3.4",
+    "eslint-plugin-storybook": "^0.6.15",
+    "prop-types": "^15.8.1",
+    "react-dom": "^18.2.0",
+    "rollup": "^4.9.6",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-terser": "^7.0.2",
+    "storybook": "^7.6.4",
+    "tsconfig": "*"
+  },
+  "dependencies": {
+    "@rollup/plugin-dynamic-import-vars": "^2.0.5",
+    "@types/react": "^18.2.7",
+    "@types/react-dom": "^18.2.0",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/styled-components": "^5.1.26",
+    "d3": "^7.8.5",
+    "dayjs": "^1.11.10",
+    "eslint-config-custom": "*",
+    "react": "^18.2.0",
+    "react-multi-date-picker": "^4.1.2",
+    "react-router-dom": "^6.14.2",
+    "recharts": "^2.10.3",
+    "styled-components": "^5.3.11",
+    "typescript": "^4.5.2"
+  },
+  "peerDependencies": {
+    "@types/react": "^18.2.7",
+    "@types/react-dom": "^18.2.0",
+    "@types/styled-components": "^5.1.26",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-viewport-list": "^7.1.1",
+    "styled-components": "^5.3.11"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "files": [
+    "dist",
+    "utils",
+    "themes",
+    "README.md",
+    "package.json"
+  ]
+}

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

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 19V7.83c.85-.3 1.53-.98 1.83-1.83H18l-2.78 6.49c-.17.39-.23.84-.11 1.25.39 1.3 1.76 2.26 3.39 2.26 1.63 0 3.01-.96 3.39-2.26.12-.41.06-.86-.11-1.25L19 6h1c.55 0 1-.45 1-1s-.45-1-1-1h-5.17A2.99 2.99 0 0 0 12 2c-1.31 0-2.42.83-2.83 2H4c-.55 0-1 .45-1 1s.45 1 1 1h1l-2.78 6.49c-.17.39-.23.84-.11 1.25C2.49 15.04 3.87 16 5.5 16c1.63 0 3.01-.96 3.39-2.26.12-.41.06-.86-.11-1.25L6 6h3.17c.3.85.98 1.53 1.83 1.83V19m0 0H3c-.55 0-1 .45-1 1s.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1h-8m7.37-6h-3.74l1.87-4.36L20.37 13Zm-13 0H3.63L5.5 8.64 7.37 13ZM12 6c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1Z"/></svg>

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

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.01 21.01c0 1.1.89 1.99 1.99 1.99s1.99-.89 1.99-1.99h-3.98ZM12 6c2.76 0 5 2.24 5 5v7H7v-7c0-2.76 2.24-5 5-5Zm0-4.5c-.83 0-1.5.67-1.5 1.5v1.17C7.36 4.85 5 7.65 5 11v6l-2 2v1h18v-1l-2-2v-6c0-3.35-2.36-6.15-5.5-6.83V3c0-.83-.67-1.5-1.5-1.5Z"/></svg>

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

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M14.122 12.927A6.774 6.774 0 0 0 3.984 3.984a6.773 6.773 0 0 0 8.943 10.138.846.846 0 0 0 .036.038l3.592 3.592a.846.846 0 1 0 1.197-1.197l-3.592-3.592a.846.846 0 0 0-.038-.036Zm-1.758-7.746a5.08 5.08 0 1 1-7.183 7.183 5.08 5.08 0 0 1 7.183-7.183Z" clip-rule="evenodd"/></svg>

package/dist/themes/colors.d.ts

@@ -1,3 +1,3 @@
-import { Color } from './types';
-declare const colors: Color;
-export { colors };
+import { Color } from './types';
+declare const colors: Color;
+export { colors };

package/dist/themes/colors.ts

@@ -1,186 +1,186 @@
-import { Color } from './types';
-
-const colors: Color = {
-  primary: {
-    primary100: '#0B1B2A',
-    primary90: '#1C2E40',
-    primary80: '#2A4055',
-    primary70: '#39526B',
-    primary60: '#455F7B',
-    primary50: '#5F758F',
-    primary40: '#455F7B',
-    primary30: '#9CACC0',
-    primary20: '#C0CEDE',
-    primary10: '#E4EBF8',
-    primary5: '#F9FAFD',
-  },
-
-  secondary: {
-    secondary100: '#103FE8',
-    secondary90: '#2852EA',
-    secondary80: '#4065ED',
-    secondary70: '#5879EF',
-    secondary60: '#708CF1',
-    secondary50: '#889FF4',
-    secondary40: '#9FB2F6',
-    secondary30: '#B7C5F8',
-    secondary20: '#CFD9FA',
-    secondary10: '#E7ECFD',
-    secondary5: '#F3F5FE',
-  },
-
-  tertiary: {
-    tertiary100: '#174189',
-    tertiary90: '#2E5495',
-    tertiary80: '#4567A1',
-    tertiary70: '#5D7AAC',
-    tertiary60: '#748DB8',
-    tertiary50: '#8BA0C4',
-    tertiary40: '#A2B3D0',
-    tertiary30: '#B9C6DC',
-    tertiary20: '#D1D9E7',
-    tertiary10: '#E8ECF3',
-    tertiary5: '#F3F5F9',
-  },
-
-  accent: {
-    accent500: '#BD9E2C',
-    accent100: '#ECC537',
-    accent75: '#FFC665',
-    accent50: '#F4DC87',
-    accent15: '#FFF4E0',
-  },
-
-  link: {
-    linkHigh: '#002C99',
-    linkMedium: '#0053CB',
-    linkLow: '#5D7FFF',
-  },
-
-  error: {
-    errorHigh: '#AB000D',
-    errorMedium: '#E53935',
-    errorLow: '#FF6F60',
-    errorLow2: '#F8B4B4',
-    errorLow3: '#FDE8E8',
-    errorLower: '#FCF4F4',
-  },
-
-  success: {
-    successDark: '#009624',
-    successMedium: '#00C853',
-    successLow: '#5EFC82',
-  },
-
-  black: {
-    blackHigh: '#212121',
-    blackMedium: '#666666',
-    blackLow: '#757575',
-    black: '#000000',
-  },
-  white: {
-    white: '#FFFFFF',
-  },
-
-  grey: {
-    grey5: '#F9FAFD',
-    grey10: '#F2F5FA',
-    grey20: '#C0CEDE',
-    grey30: '#9CACC0',
-    grey50: '#F9FAFD',
-    grey90: '#1C2E40',
-    grey100: '#F5F7FA',
-    grey200: '#E9ECF2',
-    grey250: '#e4e9f2',
-    grey300: '#C8D2DE',
-    grey400: '#A1AFC0',
-    grey500: '#798CA4',
-    grey800: '#39526B',
-    grey900: '#1C2E40',
-    greyHigh: '#C2C2C2',
-    greyMedium: '#E5E5E5',
-    greyLow: '#F5F5F5',
-  },
-
-  warning: {
-    warningHigh: '#C67100',
-    warningMedium: '#FFA000',
-    warningLow: '#FFD149',
-    warningLower: '#FED7AA',
-    warningLower2: '#FFEDD5',
-  },
-
-  disabled: {
-    disabledHigh: '#B1B1B1',
-    disabledMedium: '#CFCFCF',
-    disabledLow: '#ECECEC',
-  },
-  text: {
-    primary: '#24292E',
-  },
-  input: {
-    focused: '0px 0px 0px 4px rgba(16, 63, 232, 0.25)',
-    focusedShadowButton: '0px 0px 0px 4px rgba(16, 63, 232, 0.30)',
-    focusedShadow: '0px 0px 0px 4px rgba(16, 63, 232, 0.25)',
-    focusedShadowFilter: 'rgba(102, 130, 231, 0.30)',
-    focusedShadowError: ' 0px 0px 0px 4px rgba(239, 68, 68, 0.25)',
-    focusedSecondary: 'rgba(102, 130, 231, 0.30)',
-  },
-  button: {
-    primaryButton: '0px 0px 0px 4px rgba(16, 63, 232, 0.30)',
-    primaryOutlineButton: '0px 0px 0px 4px rgba(16, 63, 232, 0.30)',
-    secondaryButton: '0px 0px 0px 4px rgba(28, 46, 64, 0.10)',
-    errorButton: '0px 0px 0px 4px rgba(229, 57, 53, 0.20)',
-    successButton: '0px 0px 0px 4px rgba(45, 161, 96, 0.20)',
-    filterButton: '0px 0px 0px 4px rgba(102, 130, 231, 0.30)',
-  },
-  green: {
-    green40: '#2DA170',
-    green10: '#9FD4B5',
-    green8: '#D8F0E0',
-    green5: '#F1FAF4',
-    green50: '#F1FAF4',
-    green100: '#D8F0E0',
-    green200: '#9FD4B5',
-    green300: '#52B87A',
-    green400: '#2DA170',
-    green500: '#10855E',
-    green600: '#21765A',
-    green700: '#246650',
-    green800: '#0D533C',
-    green900: '#0A402E',
-  },
-  blue: {
-    blue5: '#F6F8FE',
-    blue50: '#F6F8FE',
-    blue100: '#E7ECFD',
-    blue200: '#CFD9FA',
-    blue300: '#B7C5F8',
-    blue400: '#9FB2F6',
-    blue500: '#889FF4',
-    blue600: '#708CF1s',
-    blue700: '#5879EF',
-    blue800: '#4065ED',
-    blue900: '#2852EA',
-    blue1000: '#103FE8',
-  },
-  red: {
-    red050: '#FDF2F2',
-    red50: '#FDF2F2',
-    red100: '#FDE8E8',
-    red200: '#FBD5D5',
-    red300: '#F8B4B4',
-    red400: '#F98080',
-    red500: '#F05252',
-    red600: '#DF4242',
-    red700: '#CE3434',
-    red800: '#9B1C1C',
-    red900: '#771D1D',
-  },
-  scrollbar: {
-    track: '#F2F5FA',
-    thumb: '#9CACC0',
-  },
-};
-
-export { colors };
+import { Color } from './types';
+
+const colors: Color = {
+  primary: {
+    primary100: '#0B1B2A',
+    primary90: '#1C2E40',
+    primary80: '#2A4055',
+    primary70: '#39526B',
+    primary60: '#455F7B',
+    primary50: '#5F758F',
+    primary40: '#455F7B',
+    primary30: '#9CACC0',
+    primary20: '#C0CEDE',
+    primary10: '#E4EBF8',
+    primary5: '#F9FAFD',
+  },
+
+  secondary: {
+    secondary100: '#103FE8',
+    secondary90: '#2852EA',
+    secondary80: '#4065ED',
+    secondary70: '#5879EF',
+    secondary60: '#708CF1',
+    secondary50: '#889FF4',
+    secondary40: '#9FB2F6',
+    secondary30: '#B7C5F8',
+    secondary20: '#CFD9FA',
+    secondary10: '#E7ECFD',
+    secondary5: '#F3F5FE',
+  },
+
+  tertiary: {
+    tertiary100: '#174189',
+    tertiary90: '#2E5495',
+    tertiary80: '#4567A1',
+    tertiary70: '#5D7AAC',
+    tertiary60: '#748DB8',
+    tertiary50: '#8BA0C4',
+    tertiary40: '#A2B3D0',
+    tertiary30: '#B9C6DC',
+    tertiary20: '#D1D9E7',
+    tertiary10: '#E8ECF3',
+    tertiary5: '#F3F5F9',
+  },
+
+  accent: {
+    accent500: '#BD9E2C',
+    accent100: '#ECC537',
+    accent75: '#FFC665',
+    accent50: '#F4DC87',
+    accent15: '#FFF4E0',
+  },
+
+  link: {
+    linkHigh: '#002C99',
+    linkMedium: '#0053CB',
+    linkLow: '#5D7FFF',
+  },
+
+  error: {
+    errorHigh: '#AB000D',
+    errorMedium: '#E53935',
+    errorLow: '#FF6F60',
+    errorLow2: '#F8B4B4',
+    errorLow3: '#FDE8E8',
+    errorLower: '#FCF4F4',
+  },
+
+  success: {
+    successDark: '#009624',
+    successMedium: '#00C853',
+    successLow: '#5EFC82',
+  },
+
+  black: {
+    blackHigh: '#212121',
+    blackMedium: '#666666',
+    blackLow: '#757575',
+    black: '#000000',
+  },
+  white: {
+    white: '#FFFFFF',
+  },
+
+  grey: {
+    grey5: '#F9FAFD',
+    grey10: '#F2F5FA',
+    grey20: '#C0CEDE',
+    grey30: '#9CACC0',
+    grey50: '#F9FAFD',
+    grey90: '#1C2E40',
+    grey100: '#F5F7FA',
+    grey200: '#E9ECF2',
+    grey250: '#e4e9f2',
+    grey300: '#C8D2DE',
+    grey400: '#A1AFC0',
+    grey500: '#798CA4',
+    grey800: '#39526B',
+    grey900: '#1C2E40',
+    greyHigh: '#C2C2C2',
+    greyMedium: '#E5E5E5',
+    greyLow: '#F5F5F5',
+  },
+
+  warning: {
+    warningHigh: '#C67100',
+    warningMedium: '#FFA000',
+    warningLow: '#FFD149',
+    warningLower: '#FED7AA',
+    warningLower2: '#FFEDD5',
+  },
+
+  disabled: {
+    disabledHigh: '#B1B1B1',
+    disabledMedium: '#CFCFCF',
+    disabledLow: '#ECECEC',
+  },
+  text: {
+    primary: '#24292E',
+  },
+  input: {
+    focused: '0px 0px 0px 4px rgba(16, 63, 232, 0.25)',
+    focusedShadowButton: '0px 0px 0px 4px rgba(16, 63, 232, 0.30)',
+    focusedShadow: '0px 0px 0px 4px rgba(16, 63, 232, 0.25)',
+    focusedShadowFilter: 'rgba(102, 130, 231, 0.30)',
+    focusedShadowError: ' 0px 0px 0px 4px rgba(239, 68, 68, 0.25)',
+    focusedSecondary: 'rgba(102, 130, 231, 0.30)',
+  },
+  button: {
+    primaryButton: '0px 0px 0px 4px rgba(16, 63, 232, 0.30)',
+    primaryOutlineButton: '0px 0px 0px 4px rgba(16, 63, 232, 0.30)',
+    secondaryButton: '0px 0px 0px 4px rgba(28, 46, 64, 0.10)',
+    errorButton: '0px 0px 0px 4px rgba(229, 57, 53, 0.20)',
+    successButton: '0px 0px 0px 4px rgba(45, 161, 96, 0.20)',
+    filterButton: '0px 0px 0px 4px rgba(102, 130, 231, 0.30)',
+  },
+  green: {
+    green40: '#2DA170',
+    green10: '#9FD4B5',
+    green8: '#D8F0E0',
+    green5: '#F1FAF4',
+    green50: '#F1FAF4',
+    green100: '#D8F0E0',
+    green200: '#9FD4B5',
+    green300: '#52B87A',
+    green400: '#2DA170',
+    green500: '#10855E',
+    green600: '#21765A',
+    green700: '#246650',
+    green800: '#0D533C',
+    green900: '#0A402E',
+  },
+  blue: {
+    blue5: '#F6F8FE',
+    blue50: '#F6F8FE',
+    blue100: '#E7ECFD',
+    blue200: '#CFD9FA',
+    blue300: '#B7C5F8',
+    blue400: '#9FB2F6',
+    blue500: '#889FF4',
+    blue600: '#708CF1s',
+    blue700: '#5879EF',
+    blue800: '#4065ED',
+    blue900: '#2852EA',
+    blue1000: '#103FE8',
+  },
+  red: {
+    red050: '#FDF2F2',
+    red50: '#FDF2F2',
+    red100: '#FDE8E8',
+    red200: '#FBD5D5',
+    red300: '#F8B4B4',
+    red400: '#F98080',
+    red500: '#F05252',
+    red600: '#DF4242',
+    red700: '#CE3434',
+    red800: '#9B1C1C',
+    red900: '#771D1D',
+  },
+  scrollbar: {
+    track: '#F2F5FA',
+    thumb: '#9CACC0',
+  },
+};
+
+export { colors };

package/dist/themes/index.d.ts

@@ -1,3 +1,3 @@
-import { Color } from "./types";
-declare const theme: Color;
-export { theme };
+import { Color } from "./types";
+declare const theme: Color;
+export { theme };