@milaboratories/uikit 2.10.37 → 2.10.39

package/dist/demo-site-data/all-css-variables.js

@@ -1,360 +1,317 @@
 function e() {
-  return {
-    txtSec: {
-      title: "Text",
-      data: {
-        "--txt-00": {
-          light: [!1, !1],
-          value: ["#FFFFFF", "#FFFFFF"],
-          description: "Text on the colored elements"
-        },
-        "--txt-01": {
-          light: [!0, !1],
-          value: ["#110529", "#FFFFFF"],
-          description: "Primary text layer"
-        },
-        "--txt-02": {
-          light: [!0, !1],
-          value: ["#231842", "#ADAEB8"],
-          description: "Secondary text layer - large arrays of text"
-        },
-        "--txt-03": {
-          light: [!0, !0],
-          value: ["#9D9EAE", "#60616B"],
-          description: "Tetritary text layer - hints and descriptions"
-        },
-        "--txt-mask": {
-          light: [!1, !0],
-          value: ["#CFD1DB", "#3D3D42"],
-          description: "Text mask in inputs, icons, etc."
-        },
-        "--txt-focus": {
-          light: [!0, !0],
-          value: ["#07AD3E", "#87E087"],
-          description: "Colored text in active/focus elements"
-        },
-        "--txt-error": {
-          light: [!0, !0],
-          value: ["#F1222F", "#FF5C5C"],
-          description: "Colored text in error elements"
-        },
-        "--txt-link": {
-          light: [!0, !0],
-          value: ["#5F31CC", "#9470FF"],
-          description: "Colored text in links"
-        }
-      }
-    },
-    iconSec: {
-      title: "Icon",
-      data: {
-        "--ic-00": {
-          light: [!1, !1],
-          value: ["#FFFFFF", "#FFFFFF"],
-          description: "Icons on colored elements"
-        },
-        "--ic-01": {
-          light: [!0, !1],
-          value: ["#110529", "#FFFFFF"],
-          description: "Primary elements"
-        },
-        "--ic-02": {
-          light: [!1, !0],
-          value: ["#CFD1DB", "#60616B"],
-          description: "Secondary & tetritary elements"
-        },
-        "--ic-accent": {
-          light: [!0, !1],
-          value: ["#07AD3E", "#87E087"],
-          description: "Focus/active elements"
-        }
-      }
-    },
-    borderSec: {
-      title: "Border",
-      data: {
-        "--border-color-default": {
-          light: [!0, !0],
-          value: ["#110529", "#60616B"],
-          description: "Main border for components"
-        },
-        "--border-color-hover": {
-          light: [!0, !0],
-          value: ["#231842", "#ADAEB8"],
-          description: "Hover on main border"
-        },
-        "--border-color-focus": {
-          light: [!1, !1],
-          value: ["#49CC49", "#49CC49"],
-          description: "Active border for components"
-        },
-        "--border-color-error": {
-          light: [!1, !1],
-          value: ["#FF5C5C", "#FF5C5C"],
-          description: "Error border for components"
-        },
-        "--border-color-div-grey": {
-          light: [!1, !0],
-          value: ["#E1E3EB", "#232329"],
-          description: "Divider lines low contrast"
-        },
-        "--border-color-div-bw": {
-          light: [!1, !0],
-          value: ["#FFFFFF", "#000000"],
-          description: "Divider lines hight contrast"
-        }
-      }
-    },
-    btnSec: {
-      title: "Button",
-      data: {
-        "--btn-accent-default": {
-          light: [!0, !0],
-          value: ["#845CFF", " #5F31CC"],
-          description: "Accent coloured button"
-        },
-        "--btn-accent-hover": {
-          light: [!0, !0],
-          value: ["#9470FF", " #5F31CC"],
-          description: "Hover on accent coloured button"
-        },
-        "--btn-accent-press": {
-          light: [!0, !0],
-          value: ["#6F4DD6", "#5F31CC"],
-          description: "Pressed on accent coloured button"
-        },
-        "--btn-primary-default": {
-          light: [!0, !0],
-          value: ["#110529", "#5F31CC"],
-          description: "Primary button"
-        },
-        "--btn-primary-hover": {
-          light: [!0, !0],
-          value: ["#231842", "#6D3DDB"],
-          description: "Hover on primary button"
-        },
-        "--btn-primary-press": {
-          light: [!0, !0],
-          value: ["#080214", "#5328B8"],
-          description: "Hover on primary button"
-        },
-        "--btn-sec-hover-white": {
-          light: [!1, !0],
-          value: ["rgba(255, 255, 255, 0.50)", "rgba(131, 131, 163, 0.16)"],
-          description: "Hover background on transparent button"
-        },
-        "--btn-sec-hover-grey": {
-          light: [!1, !0],
-          value: ["rgba(155, 171, 204, 0.16)", "rgba(131, 131, 163, 0.16)"],
-          description: "Hover background on ghost button & icons"
-        },
-        "--btn-sec-press-grey": {
-          light: [!1, !0],
-          value: ["rgba(155, 171, 204, 0.24)", "rgba(131, 131, 163, 0.24)"],
-          description: "Hover background on ghost button & icons"
-        },
-        "--btn-active-select": {
-          light: [!1, !0],
-          value: ["rgba(99, 224, 36, 0.24)", "rgba(99, 224, 36, 0.24)"],
-          description: "Fill on selected elements"
-        },
-        "--btn-switcher": {
-          light: [!1, !0],
-          value: ["linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)", "#5E5E70"],
-          description: "Gradient on active controll/switcher element"
-        }
-      }
-    },
-    disSec: {
-      title: "Disable",
-      data: {
-        "--dis-00": {
-          light: [!1, !0],
-          value: ["#FFFFFF", "#65656B"],
-          description: "Elements on dis-01, labels, texts, icons"
-        },
-        "--dis-01": {
-          light: [!1, !0],
-          value: ["#CFD1DB", "#3D3D42"],
-          description: "Buttons, borders, labels, texts, icons"
-        }
-      }
-    },
-    bgSec: {
-      title: "Background",
-      data: {
-        "--bg-base-dark": {
-          light: [!0, !0],
-          value: ["#110529", "#0D0D0F"],
-          description: "Default dark block background"
-        },
-        "--bg-base-light": {
-          light: [!1, !0],
-          value: ["#F7F8FA", "#0D0D0F"],
-          description: "Default light block background"
-        },
-        "--bg-elevated-01": {
-          light: [!1, !0],
-          value: ["#FFFFFF", "#1B1B1F"],
-          description: "Default block background"
-        },
-        "--bg-elevated-02": {
-          light: [!1, !0],
-          value: ["#E1E3EB", "#2D2D33"],
-          description: "Secondary block background"
-        }
-      }
-    },
-    filledSec: {
-      title: "Filled",
-      data: {
-        "--filled-V-BG": {
-          light: [!1, !0],
-          value: ["#D0F0C0", "rgba(66, 184, 66, 0.40)"],
-          description: "Text background selection on V-read"
-        },
-        "--filled-D-BG": {
-          light: [!1, !0],
-          value: ["#FFCECC", "rgba(229, 83, 229, 0.40)"],
-          description: "Text background selection on D-read"
-        },
-        "--filled-N-BG": {
-          light: [!1, !0],
-          value: ["#FAF5AA", "rgba(83, 82, 102, 0.40)"],
-          description: "Text background selection on C/N-read"
-        },
-        "--filled-J-BG": {
-          light: [!1, !0],
-          value: ["#DEDBFF", "rgba(132, 92, 255, 0.40)"],
-          description: "Text background selection on J-read"
-        }
-      }
-    },
-    notificationSec: {
-      title: "Notification",
-      data: {
-        "--notification-neutral": {
-          light: [!1, !0],
-          value: [
-            "linear-gradient(90deg, #D6D9FF 0%, #FFF 100%)",
-            "linear-gradient(90deg, #4D4D8F 0%, #292933 100%)"
-          ],
-          description: "Background on neutral blocks"
-        },
-        "--notification-success": {
-          light: [!1, !0],
-          value: [
-            "linear-gradient(90deg, #C9F0B6 0%, #FFF 100%)",
-            "linear-gradient(90deg, #305C3E 0%, #292933 100%)"
-          ],
-          description: "Background on success blocks"
-        },
-        "--notification-warning": {
-          light: [!1, !0],
-          value: [
-            "linear-gradient(90deg, #FEE0A3 0%, #FFF 100%)",
-            "linear-gradient(90deg, #754F2D 0%, #292933 100%)"
-          ],
-          description: "Background on warning blocks"
-        },
-        "--notification-error": {
-          light: [!1, !0],
-          value: [
-            "linear-gradient(90deg, #FFB8B8 0%, #FFF 100%)",
-            "linear-gradient(90deg, #8F3343 0%, #292933 100%)"
-          ],
-          description: "Background on error blocks"
-        }
-      }
-    },
-    gradientSec: {
-      title: "Gradient",
-      data: {
-        "--gradient-blue-green": {
-          light: [!0, !0],
-          value: [
-            "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)",
-            "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"
-          ],
-          description: "Main brand dark gradient"
-        },
-        "--gradient-green-lime": {
-          light: [!1, !0],
-          value: [
-            "linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)",
-            "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"
-          ],
-          description: "Main brand light gradient"
-        },
-        "--gradient-blue-violet": {
-          light: [!1, !0],
-          value: [
-            "linear-gradient(180deg, #ADB8FF 0%, #D6E9FF 100%)",
-            "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"
-          ],
-          description: "Main brand light gradient"
-        },
-        "--gradient-blue-clear": {
-          light: [!1, !0],
-          value: [
-            "linear-gradient(180deg, #85BEFF 0%, #CEF 100%)",
-            "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"
-          ],
-          description: "Additional brand gradient"
-        },
-        "--gradient-orange": {
-          light: [!1, !0],
-          value: [
-            "linear-gradient(180deg, #FFB766 0%, #FFEAA3 100%)",
-            "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"
-          ],
-          description: "Additional brand gradient"
-        },
-        "--gradient-mint": {
-          light: [!1, !0],
-          value: [
-            "linear-gradient(180deg, #7DD1D1 0%, #C8FAE9 100%)",
-            "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"
-          ],
-          description: "Additional brand gradient"
-        },
-        "--gradient-lime": {
-          light: [!1, !0],
-          value: [
-            "linear-gradient(180deg, #BFE062 0%, #E4FFAD 100%)",
-            "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"
-          ],
-          description: "Additional brand gradient"
-        },
-        "--gradient-rose": {
-          light: [!1, !0],
-          value: [
-            "linear-gradient(0deg, #FFDDD6 0%, #FF99C9 100%)",
-            "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"
-          ],
-          description: "Additional brand gradient"
-        },
-        "--gradient-red": {
-          light: [!1, !0],
-          value: [
-            "linear-gradient(0deg, #FFD5CC 0%, #FF9494 100%)",
-            "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"
-          ],
-          description: "Additional brand gradient"
-        },
-        "--gradient-violet": {
-          light: [!1, !0],
-          value: [
-            "linear-gradient(180deg, #BCA3FF 0%, #E5E5FF 100%)",
-            "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"
-          ],
-          description: "Additional brand gradient"
-        }
-      }
-    }
-  };
+	return {
+		txtSec: {
+			title: "Text",
+			data: {
+				"--txt-00": {
+					light: [!1, !1],
+					value: ["#FFFFFF", "#FFFFFF"],
+					description: "Text on the colored elements"
+				},
+				"--txt-01": {
+					light: [!0, !1],
+					value: ["#110529", "#FFFFFF"],
+					description: "Primary text layer"
+				},
+				"--txt-02": {
+					light: [!0, !1],
+					value: ["#231842", "#ADAEB8"],
+					description: "Secondary text layer - large arrays of text"
+				},
+				"--txt-03": {
+					light: [!0, !0],
+					value: ["#9D9EAE", "#60616B"],
+					description: "Tetritary text layer - hints and descriptions"
+				},
+				"--txt-mask": {
+					light: [!1, !0],
+					value: ["#CFD1DB", "#3D3D42"],
+					description: "Text mask in inputs, icons, etc."
+				},
+				"--txt-focus": {
+					light: [!0, !0],
+					value: ["#07AD3E", "#87E087"],
+					description: "Colored text in active/focus elements"
+				},
+				"--txt-error": {
+					light: [!0, !0],
+					value: ["#F1222F", "#FF5C5C"],
+					description: "Colored text in error elements"
+				},
+				"--txt-link": {
+					light: [!0, !0],
+					value: ["#5F31CC", "#9470FF"],
+					description: "Colored text in links"
+				}
+			}
+		},
+		iconSec: {
+			title: "Icon",
+			data: {
+				"--ic-00": {
+					light: [!1, !1],
+					value: ["#FFFFFF", "#FFFFFF"],
+					description: "Icons on colored elements"
+				},
+				"--ic-01": {
+					light: [!0, !1],
+					value: ["#110529", "#FFFFFF"],
+					description: "Primary elements"
+				},
+				"--ic-02": {
+					light: [!1, !0],
+					value: ["#CFD1DB", "#60616B"],
+					description: "Secondary & tetritary elements"
+				},
+				"--ic-accent": {
+					light: [!0, !1],
+					value: ["#07AD3E", "#87E087"],
+					description: "Focus/active elements"
+				}
+			}
+		},
+		borderSec: {
+			title: "Border",
+			data: {
+				"--border-color-default": {
+					light: [!0, !0],
+					value: ["#110529", "#60616B"],
+					description: "Main border for components"
+				},
+				"--border-color-hover": {
+					light: [!0, !0],
+					value: ["#231842", "#ADAEB8"],
+					description: "Hover on main border"
+				},
+				"--border-color-focus": {
+					light: [!1, !1],
+					value: ["#49CC49", "#49CC49"],
+					description: "Active border for components"
+				},
+				"--border-color-error": {
+					light: [!1, !1],
+					value: ["#FF5C5C", "#FF5C5C"],
+					description: "Error border for components"
+				},
+				"--border-color-div-grey": {
+					light: [!1, !0],
+					value: ["#E1E3EB", "#232329"],
+					description: "Divider lines low contrast"
+				},
+				"--border-color-div-bw": {
+					light: [!1, !0],
+					value: ["#FFFFFF", "#000000"],
+					description: "Divider lines hight contrast"
+				}
+			}
+		},
+		btnSec: {
+			title: "Button",
+			data: {
+				"--btn-accent-default": {
+					light: [!0, !0],
+					value: ["#845CFF", " #5F31CC"],
+					description: "Accent coloured button"
+				},
+				"--btn-accent-hover": {
+					light: [!0, !0],
+					value: ["#9470FF", " #5F31CC"],
+					description: "Hover on accent coloured button"
+				},
+				"--btn-accent-press": {
+					light: [!0, !0],
+					value: ["#6F4DD6", "#5F31CC"],
+					description: "Pressed on accent coloured button"
+				},
+				"--btn-primary-default": {
+					light: [!0, !0],
+					value: ["#110529", "#5F31CC"],
+					description: "Primary button"
+				},
+				"--btn-primary-hover": {
+					light: [!0, !0],
+					value: ["#231842", "#6D3DDB"],
+					description: "Hover on primary button"
+				},
+				"--btn-primary-press": {
+					light: [!0, !0],
+					value: ["#080214", "#5328B8"],
+					description: "Hover on primary button"
+				},
+				"--btn-sec-hover-white": {
+					light: [!1, !0],
+					value: ["rgba(255, 255, 255, 0.50)", "rgba(131, 131, 163, 0.16)"],
+					description: "Hover background on transparent button"
+				},
+				"--btn-sec-hover-grey": {
+					light: [!1, !0],
+					value: ["rgba(155, 171, 204, 0.16)", "rgba(131, 131, 163, 0.16)"],
+					description: "Hover background on ghost button & icons"
+				},
+				"--btn-sec-press-grey": {
+					light: [!1, !0],
+					value: ["rgba(155, 171, 204, 0.24)", "rgba(131, 131, 163, 0.24)"],
+					description: "Hover background on ghost button & icons"
+				},
+				"--btn-active-select": {
+					light: [!1, !0],
+					value: ["rgba(99, 224, 36, 0.24)", "rgba(99, 224, 36, 0.24)"],
+					description: "Fill on selected elements"
+				},
+				"--btn-switcher": {
+					light: [!1, !0],
+					value: ["linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)", "#5E5E70"],
+					description: "Gradient on active controll/switcher element"
+				}
+			}
+		},
+		disSec: {
+			title: "Disable",
+			data: {
+				"--dis-00": {
+					light: [!1, !0],
+					value: ["#FFFFFF", "#65656B"],
+					description: "Elements on dis-01, labels, texts, icons"
+				},
+				"--dis-01": {
+					light: [!1, !0],
+					value: ["#CFD1DB", "#3D3D42"],
+					description: "Buttons, borders, labels, texts, icons"
+				}
+			}
+		},
+		bgSec: {
+			title: "Background",
+			data: {
+				"--bg-base-dark": {
+					light: [!0, !0],
+					value: ["#110529", "#0D0D0F"],
+					description: "Default dark block background"
+				},
+				"--bg-base-light": {
+					light: [!1, !0],
+					value: ["#F7F8FA", "#0D0D0F"],
+					description: "Default light block background"
+				},
+				"--bg-elevated-01": {
+					light: [!1, !0],
+					value: ["#FFFFFF", "#1B1B1F"],
+					description: "Default block background"
+				},
+				"--bg-elevated-02": {
+					light: [!1, !0],
+					value: ["#E1E3EB", "#2D2D33"],
+					description: "Secondary block background"
+				}
+			}
+		},
+		filledSec: {
+			title: "Filled",
+			data: {
+				"--filled-V-BG": {
+					light: [!1, !0],
+					value: ["#D0F0C0", "rgba(66, 184, 66, 0.40)"],
+					description: "Text background selection on V-read"
+				},
+				"--filled-D-BG": {
+					light: [!1, !0],
+					value: ["#FFCECC", "rgba(229, 83, 229, 0.40)"],
+					description: "Text background selection on D-read"
+				},
+				"--filled-N-BG": {
+					light: [!1, !0],
+					value: ["#FAF5AA", "rgba(83, 82, 102, 0.40)"],
+					description: "Text background selection on C/N-read"
+				},
+				"--filled-J-BG": {
+					light: [!1, !0],
+					value: ["#DEDBFF", "rgba(132, 92, 255, 0.40)"],
+					description: "Text background selection on J-read"
+				}
+			}
+		},
+		notificationSec: {
+			title: "Notification",
+			data: {
+				"--notification-neutral": {
+					light: [!1, !0],
+					value: ["linear-gradient(90deg, #D6D9FF 0%, #FFF 100%)", "linear-gradient(90deg, #4D4D8F 0%, #292933 100%)"],
+					description: "Background on neutral blocks"
+				},
+				"--notification-success": {
+					light: [!1, !0],
+					value: ["linear-gradient(90deg, #C9F0B6 0%, #FFF 100%)", "linear-gradient(90deg, #305C3E 0%, #292933 100%)"],
+					description: "Background on success blocks"
+				},
+				"--notification-warning": {
+					light: [!1, !0],
+					value: ["linear-gradient(90deg, #FEE0A3 0%, #FFF 100%)", "linear-gradient(90deg, #754F2D 0%, #292933 100%)"],
+					description: "Background on warning blocks"
+				},
+				"--notification-error": {
+					light: [!1, !0],
+					value: ["linear-gradient(90deg, #FFB8B8 0%, #FFF 100%)", "linear-gradient(90deg, #8F3343 0%, #292933 100%)"],
+					description: "Background on error blocks"
+				}
+			}
+		},
+		gradientSec: {
+			title: "Gradient",
+			data: {
+				"--gradient-blue-green": {
+					light: [!0, !0],
+					value: ["linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)", "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],
+					description: "Main brand dark gradient"
+				},
+				"--gradient-green-lime": {
+					light: [!1, !0],
+					value: ["linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)", "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],
+					description: "Main brand light gradient"
+				},
+				"--gradient-blue-violet": {
+					light: [!1, !0],
+					value: ["linear-gradient(180deg, #ADB8FF 0%, #D6E9FF 100%)", "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],
+					description: "Main brand light gradient"
+				},
+				"--gradient-blue-clear": {
+					light: [!1, !0],
+					value: ["linear-gradient(180deg, #85BEFF 0%, #CEF 100%)", "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],
+					description: "Additional brand gradient"
+				},
+				"--gradient-orange": {
+					light: [!1, !0],
+					value: ["linear-gradient(180deg, #FFB766 0%, #FFEAA3 100%)", "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],
+					description: "Additional brand gradient"
+				},
+				"--gradient-mint": {
+					light: [!1, !0],
+					value: ["linear-gradient(180deg, #7DD1D1 0%, #C8FAE9 100%)", "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],
+					description: "Additional brand gradient"
+				},
+				"--gradient-lime": {
+					light: [!1, !0],
+					value: ["linear-gradient(180deg, #BFE062 0%, #E4FFAD 100%)", "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],
+					description: "Additional brand gradient"
+				},
+				"--gradient-rose": {
+					light: [!1, !0],
+					value: ["linear-gradient(0deg, #FFDDD6 0%, #FF99C9 100%)", "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],
+					description: "Additional brand gradient"
+				},
+				"--gradient-red": {
+					light: [!1, !0],
+					value: ["linear-gradient(0deg, #FFD5CC 0%, #FF9494 100%)", "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],
+					description: "Additional brand gradient"
+				},
+				"--gradient-violet": {
+					light: [!1, !0],
+					value: ["linear-gradient(180deg, #BCA3FF 0%, #E5E5FF 100%)", "linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)"],
+					description: "Additional brand gradient"
+				}
+			}
+		}
+	};
 }
-export {
-  e as allCssVariables
-};
-//# sourceMappingURL=all-css-variables.js.map
+export { e as allCssVariables };
+
+//# sourceMappingURL=all-css-variables.js.map