profinansy-ui-lib 4.1.49 → 4.1.51

package/dist/profinansy-ui-lib.es.js

@@ -11793,60 +11793,84 @@ const Co = (e) => {
       content: "#FFFFFF",
       secondary: "#F7F7F9",
       secondaryAlpha: "#EAE9F1",
-      field: "#FFFFFF",
-      fieldSecondary: "#F5F4F8",
       accent: "#6553F5",
       accentSecondaryTint: "#E8E5FE",
-      positiveTint: "#DCF6DA",
+      positiveTint: "rgba(20, 178, 120, 0.1)",
       warningTint: "#FFF0DB",
       negativeTint: "#FFF1EC",
+      /** @deprecated используй background.form.field */
+      field: "#FFFFFF",
+      /** @deprecated используй background.form.fieldSecondary */
+      fieldSecondary: "#F5F4F8",
+      /** @deprecated не используем */
       info: "#DBDCFF",
+      /** @deprecated используй background.modal.bottomActions */
       bottomActions: "rgba(255, 255, 255, 0.5)",
+      /** @deprecated используй background.modal.modalBottomActions */
       modalBottomActions: "rgba(255, 255, 255, 0.85)",
-      overlay: "rgba(0, 0, 0, 0.60)"
+      /** @deprecated используй background.modal.overlay */
+      overlay: "rgba(0, 0, 0, 0.60)",
+      form: {
+        field: "#FFFFFF",
+        fieldSecondary: "#F5F4F8"
+      },
+      modal: {
+        bottomActions: "rgba(255, 255, 255, 0.5)",
+        modalBottomActions: "rgba(255, 255, 255, 0.85)",
+        overlay: "rgba(0, 0, 0, 0.60)"
+      }
     },
     text: {
       primary: "#242424",
-      secondary: "#6A6A71",
+      secondary: "#606076",
       tertiary: "#A1A0AC",
-      fourth: "#606076",
       contrast: "#FFFFFF",
       contrastThemed: "#FFFFFF",
+      primaryThemed: "#242424",
       accent: "#6553F5",
       accentSecondary: "#9B8EFF",
-      positive: "#34C759",
+      positive: "#14B278",
       warning: "#FFA000",
       negative: "#FF3B30",
-      info: "#3038F5",
-      link: "#4285F4"
+      link: "#4285F4",
+      /** @deprecated не используем */
+      fourth: "#606076",
+      /** @deprecated не используем */
+      info: "#3038F5"
     },
     icons: {
       primary: "#242424",
-      secondary: "#AAAABA",
-      tertiary: "#CCCBD3",
-      fourth: "#606076",
+      secondary: "#606076",
+      tertiary: "#A1A0AC",
       contrast: "#FFFFFF",
       contrastThemed: "#FFFFFF",
-      contrastThemRev: "#FFFFFF",
+      primaryThemed: "#242424",
       accent: "#6553F5",
       accentSecondary: "#9B8EFF",
-      positive: "#34C759",
+      positive: "#14B278",
       warring: "#FFA000",
       negative: "#FF3B30",
+      link: "#4285F4",
+      /** @deprecated не используем */
+      fourth: "#606076",
+      /** @deprecated не используем */
       info: "#3038F5",
-      link: "#4285F4"
+      /** @deprecated не используем */
+      contrastThemRev: "#FFFFFF"
     },
     stroke: {
-      primary: "#DDDDE3",
-      secondary: "#D6D6DE",
-      tertiary: "#E7E7EB",
+      primary: "#D6D6DE",
+      secondary: "#E6E6ED",
+      tertiary: "#F0F0F3",
       contrast: "#7D7D95",
+      contrastThemed: "#FFFFFF",
       accent: "#6553F5",
-      positive: "#34C759",
+      positive: "#14B278",
       warning: "#FFA000",
       negative: "#FF3B30",
-      info: "#3038F5",
-      tooltip: "#F0F0F0"
+      tooltip: "#F0F0F0",
+      /** @deprecated не используем */
+      info: "#3038F5"
     },
     interactiveButtons: {
       brandBackground: "#6553F5",
@@ -11866,9 +11890,9 @@ const Co = (e) => {
       systemBackground: "#EAE9F1",
       systemBackgroundHover: "#DFDEEA",
       systemText: "#464167",
-      successBackground: "#E1F7E6",
-      successBackgroundHover: "#BBEDC6",
-      successText: "#299E47",
+      successBackground: "rgba(20, 178, 120, 0.1)",
+      successBackgroundHover: "rgba(20, 178, 120, 0.16)",
+      successText: "#14B278",
       warningBackground: "#FFF1D9",
       warningBackgroundHover: "#FFDFA8",
       warningText: "#E59000",
@@ -11924,6 +11948,37 @@ const Co = (e) => {
       modal: "0px 14px 30px -4px rgba(0, 0, 0, 0.2)",
       dragItem: "0px 4px 12px rgba(0, 0, 0, 0.15)"
     },
+    method: {
+      primary: "#3C3993",
+      primaryHover: "#5853E3",
+      secondary: "#4833F4",
+      secondaryHover: "#200DB8",
+      buttonBackground: "#E7E7F2",
+      buttonBackgroundHover: "#CAC9E1",
+      success: "#29B279",
+      critical: "#B51857",
+      primaryGradient: "linear-gradient(54.06deg, #162331 10.84%, #3C3993 98.2%)",
+      secondaryGradient: "linear-gradient(90.24deg, #B92A78 0%, #6699FB 99.58%)",
+      primaryActive: "#2B2979"
+    },
+    nav: {
+      search: "#1E1E1E",
+      chipsSearch: "#171718",
+      divider: "#1B1B1C",
+      tabs: "#252527",
+      sideBarOpenActive: "#E1E0EB"
+    },
+    footer: {
+      background: "#121213",
+      banner: "#1E2029",
+      subinfo: "#939394",
+      socials: "#202021",
+      divider: "rgba(255, 255, 255, 0.10)",
+      subtitle: "#7E7E7F",
+      subtitleHover: "#BEBEBF",
+      iconHover: "#9B8EFF",
+      columnDivider: "rgba(255, 255, 255, 0.12)"
+    },
     // deprecated
     statesBackground: {
       tabsHover: "#F6F6F6",
@@ -11948,6 +12003,7 @@ const Co = (e) => {
       top: "linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.95) 52.08%, rgba(255, 255, 255, 0.00) 100%)",
       bottom: "linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.95) 53.12%, #FFF 100%)"
     },
+    /** @deprecated не используем — см. method */
     club: {
       primary: "#3C3993",
       primaryHover: "#5853E3",
@@ -11959,24 +12015,6 @@ const Co = (e) => {
       primaryActive: "#2B2979",
       primaryGradient: "linear-gradient(54.06deg, #162331 10.84%, #3C3993 98.2%)",
       secondaryGradient: "linear-gradient(90.24deg, #B92A78 0%, #6699FB 99.58%)"
-    },
-    nav: {
-      search: "#1E1E1E",
-      chipsSearch: "#171718",
-      divider: "#1B1B1C",
-      tabs: "#252527",
-      sideBarOpenActive: "#E1E0EB"
-    },
-    footer: {
-      background: "#121213",
-      banner: "#1E2029",
-      subinfo: "#939394",
-      socials: "#202021",
-      divider: "rgba(255, 255, 255, 0.10)",
-      subtitle: "#7E7E7F",
-      subtitleHover: "#BEBEBF",
-      iconHover: "#9B8EFF",
-      columnDivider: "rgba(255, 255, 255, 0.12)"
     }
   },
   dark: {
@@ -11985,60 +12023,84 @@ const Co = (e) => {
       content: "#202020",
       secondary: "#2B2B2B",
       secondaryAlpha: "#333333",
-      field: "#2B2B2B",
-      fieldSecondary: "#323232",
       accent: "#9B8EFF",
       accentSecondaryTint: "#2B293A",
-      positiveTint: "#384436",
+      positiveTint: "rgba(1, 186, 115, 0.1)",
       warningTint: "#453B2B",
       negativeTint: "#362D2A",
+      /** @deprecated используй background.form.field */
+      field: "#2B2B2B",
+      /** @deprecated используй background.form.fieldSecondary */
+      fieldSecondary: "#323232",
+      /** @deprecated не используем */
       info: "#20213B",
+      /** @deprecated используй background.modal.bottomActions */
       bottomActions: "rgba(24, 24, 24, 0.85)",
+      /** @deprecated используй background.modal.modalBottomActions */
       modalBottomActions: "rgba(24, 24, 24, 0.85)",
-      overlay: "rgba(0, 0, 0, 0.60)"
+      /** @deprecated используй background.modal.overlay */
+      overlay: "rgba(0, 0, 0, 0.60)",
+      form: {
+        field: "#2B2B2B",
+        fieldSecondary: "#323232"
+      },
+      modal: {
+        bottomActions: "rgba(24, 24, 24, 0.85)",
+        modalBottomActions: "rgba(24, 24, 24, 0.85)",
+        overlay: "rgba(0, 0, 0, 0.60)"
+      }
     },
     text: {
       primary: "#FFFFFF",
-      secondary: "#BABAC6",
+      secondary: "#E0E0E6",
       tertiary: "#73738C",
-      fourth: "#E0E0E6",
       contrast: "#242424",
       contrastThemed: "#FFFFFF",
+      primaryThemed: "#242424",
       accent: "#9B8EFF",
       accentSecondary: "#756CBB",
-      positive: "#30D158",
+      positive: "#01BA73",
       warning: "#F49B06",
       negative: "#FF452A",
-      info: "#3B42EA",
-      link: "#4285F4"
+      link: "#4285F4",
+      /** @deprecated не используем */
+      fourth: "#E0E0E6",
+      /** @deprecated не используем */
+      info: "#3B42EA"
     },
     icons: {
-      primary: "#D9D9D9",
-      secondary: "#BABAC6",
-      tertiary: "#3E3E4C",
-      fourth: "#E0E0E6",
+      primary: "#FFFFFF",
+      secondary: "#E0E0E6",
+      tertiary: "#73738C",
       contrast: "#242424",
       contrastThemed: "#FFFFFF",
-      contrastThemRev: "#454545",
+      primaryThemed: "#242424",
       accent: "#9B8EFF",
       accentSecondary: "#756CBB",
-      positive: "#30D158",
+      positive: "#01BA73",
       warring: "#F49B06",
       negative: "#FF452A",
+      link: "#4285F4",
+      /** @deprecated не используем */
+      fourth: "#E0E0E6",
+      /** @deprecated не используем */
       info: "#3B42EA",
-      link: "#4285F4"
+      /** @deprecated не используем */
+      contrastThemRev: "#454545"
     },
     stroke: {
-      primary: "#3E3E4C",
-      secondary: "#7D7D95",
-      tertiary: "#454554",
+      primary: "#616176",
+      secondary: "#3D3D4A",
+      tertiary: "#2A2A30",
       contrast: "#535365",
+      contrastThemed: "#FFFFFF",
       accent: "#9B8EFF",
-      positive: "#30D158",
+      positive: "#01BA73",
       warning: "#F49B06",
       negative: "#FF453A",
-      info: "#3B42EA",
-      tooltip: "#535365"
+      tooltip: "#535365",
+      /** @deprecated не используем */
+      info: "#3B42EA"
     },
     interactiveButtons: {
       brandBackground: "#7B61FF",
@@ -12058,9 +12120,9 @@ const Co = (e) => {
       systemBackground: "#2E2E38",
       systemBackgroundHover: "#3A3A48",
       systemText: "#CCCADD",
-      successBackground: "#223B28",
-      successBackgroundHover: "#2B4A32",
-      successText: "#2CAA4C",
+      successBackground: "rgba(1, 186, 115, 0.1)",
+      successBackgroundHover: "rgba(1, 186, 115, 0.16)",
+      successText: "#01BA73",
       warningBackground: "#40321C",
       warningBackgroundHover: "#634E2B",
       warningText: "#F99E06",
@@ -12116,6 +12178,37 @@ const Co = (e) => {
       modal: null,
       dragItem: null
     },
+    method: {
+      primary: "#5854C6",
+      primaryHover: "#7672F6",
+      secondary: "#8C7CFF",
+      secondaryHover: "#614FED",
+      buttonBackground: "#282837",
+      buttonBackgroundHover: "#2E2C60",
+      success: "#2FCA89",
+      critical: "#CE2167",
+      primaryGradient: "linear-gradient(54.11deg, #2C2562 6.32%, #4641BF 116.13%)",
+      secondaryGradient: "linear-gradient(90.24deg, #CE2680 0%, #4080FD 99.58%)",
+      primaryActive: "#3C3180"
+    },
+    nav: {
+      search: "#1E1E1E",
+      chipsSearch: "#171718",
+      divider: "#2B2B2D",
+      tabs: "#323235",
+      sideBarOpenActive: "#39383C"
+    },
+    footer: {
+      background: "#111113",
+      banner: "#282735",
+      subinfo: "#939394",
+      socials: "#202021",
+      divider: "rgba(255, 255, 255, 0.10)",
+      subtitle: "#7E7E7F",
+      subtitleHover: "#BEBEBF",
+      iconHover: "#9B8EFF",
+      columnDivider: "rgba(255, 255, 255, 0.12)"
+    },
     // deprecated
     statesBackground: {
       tabsHover: "#383838",
@@ -12140,6 +12233,7 @@ const Co = (e) => {
       top: "linear-gradient(180deg, #2B2B2B 0%, rgba(43, 43, 43, 0.95) 53.65%, rgba(43, 43, 43, 0.00) 100%)",
       bottom: " linear-gradient(180deg, rgba(43, 43, 43, 0.00) 0%, rgba(43, 43, 43, 0.95) 52.08%, #2B2B2B 100%)"
     },
+    /** @deprecated не используем — см. method */
     club: {
       primary: "#5854C6",
       primaryHover: "#7672F6",
@@ -12151,24 +12245,6 @@ const Co = (e) => {
       primaryActive: "#3C3180",
       primaryGradient: "linear-gradient(54.11deg, #2C2562 6.32%, #4641BF 116.13%)",
       secondaryGradient: "linear-gradient(90.24deg, #CE2680 0%, #4080FD 99.58%)"
-    },
-    nav: {
-      search: "#1E1E1E",
-      chipsSearch: "#171718",
-      divider: "#2B2B2D",
-      tabs: "#323235",
-      sideBarOpenActive: "#39383C"
-    },
-    footer: {
-      background: "#111113",
-      banner: "#282735",
-      subinfo: "#939394",
-      socials: "#202021",
-      divider: "rgba(255, 255, 255, 0.10)",
-      subtitle: "#7E7E7F",
-      subtitleHover: "#BEBEBF",
-      iconHover: "#9B8EFF",
-      columnDivider: "rgba(255, 255, 255, 0.12)"
     }
   }
 }, Z5 = {