kwant-ui 3.44.0-dev.0 → 3.45.0-dev.0

package/themes/colors.ts

@@ -1,222 +1,222 @@
-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: '#E4E9F2',
-    grey250: '#e4e9f2',
-    grey300: '#C8D2DE',
-    grey400: '#A1AFC0',
-    grey500: '#798CA4',
-    grey600: '#5F758F',
-    grey700: '#455F7B',
-    grey800: '#2A4055',
-    grey900: '#1C2E40',
-    grey1000: '#0B1B2A',
-    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',
-    green1000: '#072B1F',
-  },
-  blue: {
-    blue5: '#F6F8FE',
-    blue50: '#F6F8FE',
-    blue100: '#E7ECFD',
-    blue200: '#CFD9FA',
-    blue300: '#B7C5F8',
-    blue400: '#9FB2F6',
-    blue500: '#889FF4',
-    blue600: '#708CF1',
-    blue700: '#5879EF',
-    blue800: '#4065ED',
-    blue900: '#2852EA',
-    blue1000: '#103FE8',
-  },
-
-  yellow: {
-    yellow50: '#FCF9DC',
-    yellow100: '#FAF4B4',
-    yellow200: '#FAEC88',
-    yellow300: '#F9DD69',
-    yellow400: '#FACC15',
-    yellow500: '#EAB308',
-    yellow600: '#CA8A04',
-    yellow700: '#A16207',
-    yellow800: '#854D0E',
-    yellow900: '#713F12',
-    yellow1000: '#713F12',
-  },
-
-  red: {
-    red050: '#FDF2F2',
-    red50: '#FDF2F2',
-    red100: '#FDE8E8',
-    red200: '#FBD5D5',
-    red300: '#F8B4B4',
-    red400: '#F98080',
-    red500: '#F05252',
-    red600: '#DF4242',
-    red700: '#CE3434',
-    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)',
-    transparent: '#ffffff78',
-  },
-};
-
-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: '#E4E9F2',
+    grey250: '#e4e9f2',
+    grey300: '#C8D2DE',
+    grey400: '#A1AFC0',
+    grey500: '#798CA4',
+    grey600: '#5F758F',
+    grey700: '#455F7B',
+    grey800: '#2A4055',
+    grey900: '#1C2E40',
+    grey1000: '#0B1B2A',
+    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',
+    green1000: '#072B1F',
+  },
+  blue: {
+    blue5: '#F6F8FE',
+    blue50: '#F6F8FE',
+    blue100: '#E7ECFD',
+    blue200: '#CFD9FA',
+    blue300: '#B7C5F8',
+    blue400: '#9FB2F6',
+    blue500: '#889FF4',
+    blue600: '#708CF1',
+    blue700: '#5879EF',
+    blue800: '#4065ED',
+    blue900: '#2852EA',
+    blue1000: '#103FE8',
+  },
+
+  yellow: {
+    yellow50: '#FCF9DC',
+    yellow100: '#FAF4B4',
+    yellow200: '#FAEC88',
+    yellow300: '#F9DD69',
+    yellow400: '#FACC15',
+    yellow500: '#EAB308',
+    yellow600: '#CA8A04',
+    yellow700: '#A16207',
+    yellow800: '#854D0E',
+    yellow900: '#713F12',
+    yellow1000: '#713F12',
+  },
+
+  red: {
+    red050: '#FDF2F2',
+    red50: '#FDF2F2',
+    red100: '#FDE8E8',
+    red200: '#FBD5D5',
+    red300: '#F8B4B4',
+    red400: '#F98080',
+    red500: '#F05252',
+    red600: '#DF4242',
+    red700: '#CE3434',
+    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)',
+    transparent: '#ffffff78',
+  },
+};
+
+export { colors };

package/themes/index.ts

@@ -1,8 +1,8 @@
-import { colors } from "./colors";
-import { Color } from "./types";
-
-const theme: Color = {
-  ...colors,
-};
-
-export { theme };
+import { colors } from "./colors";
+import { Color } from "./types";
+
+const theme: Color = {
+  ...colors,
+};
+
+export { theme };