@cube-dev/ui-kit 0.0.0-canary-bca8d09 → 0.0.0-canary-ec0a7f1

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | Cube Dev Team */
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
 	invalid: "#danger-text",
@@ -59,31 +59,32 @@ const DEFAULT_PRIMARY_STYLES = {
 		disabled: "#clear"
 	},
 	fill: {
-		"": "#surface #primary",
-		hovered: "#surface #primary-hover",
-		pressed: "#surface #primary",
-		disabled: "#disabled-bg"
+		"": "#white #primary",
+		hovered: "#white #primary-text",
+		pressed: "#white #primary",
+		disabled: "#white #primary-disabled"
 	},
 	color: {
 		"": "#white",
-		disabled: "#disabled-text"
+		disabled: "#white"
 	}
 };
 const DEFAULT_SECONDARY_STYLES = {
 	border: {
-		"": "#primary-text.15",
-		pressed: "#primary-text.3",
+		"": "#primary.15",
+		pressed: "#primary.3",
 		focused: "#primary-text",
 		disabled: "#border"
 	},
 	fill: {
 		"": "#primary.10",
-		"hovered & !pressed": "#primary.16",
-		disabled: "#disabled-bg"
+		hovered: "#primary.16",
+		pressed: "#primary-text.10",
+		disabled: "#dark.04"
 	},
 	color: {
-		"": "#primary-text",
-		disabled: "#disabled-text"
+		"": "#primary",
+		disabled: "#dark-04"
 	}
 };
 const DEFAULT_OUTLINE_STYLES = {
@@ -94,18 +95,18 @@ const DEFAULT_OUTLINE_STYLES = {
 		...VALIDATION_STYLES.border
 	},
 	fill: {
-		"": "#surface #dark.0",
-		hovered: "#surface #dark.03",
-		selected: "#surface #dark.09",
-		"selected & hovered": "#surface #dark.12",
-		pressed: "#surface #dark.09",
-		disabled: "#disabled-bg"
+		"": "#white #dark.0",
+		hovered: "#white #dark.03",
+		selected: "#white #dark.09",
+		"selected & hovered": "#white #dark.12",
+		pressed: "#white #dark.09",
+		disabled: "#white #dark.04"
 	},
 	color: {
 		"": "#dark-02",
 		hovered: "#dark-02",
 		"pressed | (selected & !hovered)": "#dark",
-		disabled: "#disabled-text"
+		disabled: "#dark-04"
 	}
 };
 const DEFAULT_NEUTRAL_STYLES = {
@@ -126,7 +127,7 @@ const DEFAULT_NEUTRAL_STYLES = {
 		"": "#dark-02",
 		hovered: "#dark-02",
 		pressed: "#dark",
-		disabled: "#disabled-text"
+		disabled: "#dark-04"
 	}
 };
 const DEFAULT_CLEAR_STYLES = {
@@ -143,7 +144,7 @@ const DEFAULT_CLEAR_STYLES = {
 	},
 	color: {
 		"": "#primary-text",
-		disabled: "#disabled-text"
+		disabled: "#dark-04"
 	}
 };
 const DEFAULT_LINK_STYLES = {
@@ -154,9 +155,9 @@ const DEFAULT_LINK_STYLES = {
 	border: "0",
 	fill: { "": "#clear" },
 	color: {
-		"": "#primary-text-soft",
-		"hovered & !pressed": "#primary-text",
-		disabled: "#disabled-text"
+		"": "#primary-text",
+		"hovered & !pressed": "#primary",
+		disabled: "#dark-04"
 	}
 };
 const DEFAULT_ITEM_STYLES = {
@@ -173,7 +174,7 @@ const DEFAULT_ITEM_STYLES = {
 		"": "#dark-02",
 		hovered: "#dark-02",
 		pressed: "#dark",
-		disabled: "#disabled-text"
+		disabled: "#dark-04"
 	}
 };
 const DANGER_PRIMARY_STYLES = {
@@ -187,49 +188,49 @@ const DANGER_PRIMARY_STYLES = {
 		disabled: "#clear"
 	},
 	fill: {
-		"": "#surface #danger",
-		hovered: "#surface #danger-hover",
-		pressed: "#surface #danger",
-		disabled: "#disabled-bg"
+		"": "#white #danger",
+		hovered: "#white #danger-text",
+		pressed: "#white #danger",
+		disabled: "#danger-desaturated.6"
 	},
 	color: {
 		"": "#white",
-		disabled: "#disabled-text"
+		disabled: "#white.6"
 	}
 };
 const DANGER_SECONDARY_STYLES = {
 	border: {
-		"": "#danger-text.15",
-		pressed: "#danger-text.3",
+		"": "#danger.15",
+		pressed: "#danger.3",
 		focused: "#danger-text",
 		disabled: "#border"
 	},
 	fill: {
 		"": "#danger.05",
 		"hovered & !pressed": "#danger.1",
-		disabled: "#disabled-bg"
+		disabled: "#dark.04"
 	},
 	color: {
-		"": "#danger-text",
-		disabled: "#disabled-text"
+		"": "#danger",
+		disabled: "#dark-04"
 	}
 };
 const DANGER_OUTLINE_STYLES = {
 	border: {
-		"": "#danger-text.15",
-		pressed: "#danger-text.3",
+		"": "#danger.15",
+		pressed: "#danger.3",
 		focused: "#danger-text",
 		disabled: "#border"
 	},
 	fill: {
-		"": "#surface #danger.0",
-		hovered: "#surface #danger.1",
-		"pressed | (selected & !hovered)": "#surface #danger.05",
-		disabled: "#disabled-bg"
+		"": "#white #danger.0",
+		hovered: "#white #danger.1",
+		"pressed | (selected & !hovered)": "#white #danger.05",
+		disabled: "#white #dark.04"
 	},
 	color: {
 		"": "#danger-text",
-		disabled: "#disabled-text"
+		disabled: "#dark-04"
 	}
 };
 const DANGER_NEUTRAL_STYLES = {
@@ -245,7 +246,7 @@ const DANGER_NEUTRAL_STYLES = {
 	color: {
 		"": "#dark-02",
 		"pressed | (selected & !hovered)": "#danger-text",
-		disabled: "#disabled-text"
+		disabled: "#dark-04"
 	}
 };
 const DANGER_CLEAR_STYLES = {
@@ -277,9 +278,9 @@ const DANGER_LINK_STYLES = {
 	border: 0,
 	fill: { "": "#clear" },
 	color: {
-		"": "#danger-text-soft",
-		"hovered & !pressed": "#danger-text",
-		disabled: "#disabled-text"
+		"": "#danger-text",
+		"hovered & !pressed": "#danger",
+		disabled: "#dark-04"
 	}
 };
 const DANGER_ITEM_STYLES = {
@@ -310,49 +311,49 @@ const SUCCESS_PRIMARY_STYLES = {
 		disabled: "#clear"
 	},
 	fill: {
-		"": "#surface #success",
-		hovered: "#surface #success-hover",
-		pressed: "#surface #success",
-		disabled: "#disabled-bg"
+		"": "#white #success",
+		hovered: "#white #success-text",
+		pressed: "#white #success",
+		disabled: "#success-desaturated.6"
 	},
 	color: {
 		"": "#white",
-		disabled: "#disabled-text"
+		disabled: "#white.6"
 	}
 };
 const SUCCESS_SECONDARY_STYLES = {
 	border: {
-		"": "#success-text.15",
-		pressed: "#success-text.3",
+		"": "#success.15",
+		pressed: "#success.3",
 		focused: "#success-text",
 		disabled: "#border"
 	},
 	fill: {
 		"": "#success.05",
 		"hovered & !pressed": "#success.1",
-		disabled: "#disabled-bg"
+		disabled: "#dark.04"
 	},
 	color: {
-		"": "#success-text",
-		disabled: "#disabled-text"
+		"": "#success",
+		disabled: "#dark-04"
 	}
 };
 const SUCCESS_OUTLINE_STYLES = {
 	border: {
-		"": "#success-text.15",
-		pressed: "#success-text.3",
+		"": "#success.15",
+		pressed: "#success.3",
 		focused: "#success-text",
 		disabled: "#border"
 	},
 	fill: {
-		"": "#surface #success.0",
-		hovered: "#surface #success.1",
-		"pressed | (selected & !hovered)": "#surface #success.05",
-		disabled: "#disabled-bg"
+		"": "#white #success.0",
+		hovered: "#white #success.1",
+		"pressed | (selected & !hovered)": "#white #success.05",
+		disabled: "#white #dark.04"
 	},
 	color: {
 		"": "#success-text",
-		disabled: "#disabled-text"
+		disabled: "#dark-04"
 	}
 };
 const SUCCESS_NEUTRAL_STYLES = {
@@ -368,7 +369,7 @@ const SUCCESS_NEUTRAL_STYLES = {
 	color: {
 		"": "#dark-02",
 		"pressed | (selected & !hovered)": "#success-text",
-		disabled: "#disabled-text"
+		disabled: "#dark-04"
 	}
 };
 const SUCCESS_CLEAR_STYLES = {
@@ -400,9 +401,9 @@ const SUCCESS_LINK_STYLES = {
 	border: 0,
 	fill: { "": "#clear" },
 	color: {
-		"": "#success-text-soft",
-		"hovered & !pressed": "#success-text",
-		disabled: "#disabled-text"
+		"": "#success-text",
+		"hovered & !pressed": "#success",
+		disabled: "#dark-04"
 	}
 };
 const SUCCESS_ITEM_STYLES = {
@@ -433,49 +434,49 @@ const WARNING_PRIMARY_STYLES = {
 		disabled: "#clear"
 	},
 	fill: {
-		"": "#surface #warning",
-		hovered: "#surface #warning-hover",
-		pressed: "#surface #warning",
-		disabled: "#disabled-bg"
+		"": "#white #warning",
+		hovered: "#white #warning-text",
+		pressed: "#white #warning",
+		disabled: "#warning-desaturated.6"
 	},
 	color: {
 		"": "#white",
-		disabled: "#disabled-text"
+		disabled: "#white.6"
 	}
 };
 const WARNING_SECONDARY_STYLES = {
 	border: {
-		"": "#warning-text.15",
-		pressed: "#warning-text.3",
+		"": "#warning.15",
+		pressed: "#warning.3",
 		focused: "#warning-text",
 		disabled: "#border"
 	},
 	fill: {
 		"": "#warning.05",
 		"hovered & !pressed": "#warning.1",
-		disabled: "#disabled-bg"
+		disabled: "#dark.04"
 	},
 	color: {
 		"": "#warning-text",
-		disabled: "#disabled-text"
+		disabled: "#dark-04"
 	}
 };
 const WARNING_OUTLINE_STYLES = {
 	border: {
-		"": "#warning-text.15",
-		pressed: "#warning-text.3",
+		"": "#warning.15",
+		pressed: "#warning.3",
 		focused: "#warning-text",
 		disabled: "#border"
 	},
 	fill: {
-		"": "#surface #warning.0",
-		hovered: "#surface #warning.1",
-		"pressed | (selected & !hovered)": "#surface #warning.05",
-		disabled: "#disabled-bg"
+		"": "#white #warning.0",
+		hovered: "#white #warning.1",
+		"pressed | (selected & !hovered)": "#white #warning.05",
+		disabled: "#white #dark.04"
 	},
 	color: {
 		"": "#warning-text",
-		disabled: "#disabled-text"
+		disabled: "#dark-04"
 	}
 };
 const WARNING_NEUTRAL_STYLES = {
@@ -491,7 +492,7 @@ const WARNING_NEUTRAL_STYLES = {
 	color: {
 		"": "#dark-02",
 		"pressed | (selected & !hovered)": "#warning-text",
-		disabled: "#disabled-text"
+		disabled: "#dark-04"
 	}
 };
 const WARNING_CLEAR_STYLES = {
@@ -523,9 +524,9 @@ const WARNING_LINK_STYLES = {
 	border: 0,
 	fill: { "": "#clear" },
 	color: {
-		"": "#warning-text-soft",
-		"hovered & !pressed": "#warning-text",
-		disabled: "#disabled-text"
+		"": "#warning-text",
+		"hovered & !pressed": "#warning",
+		disabled: "#dark-04"
 	}
 };
 const WARNING_ITEM_STYLES = {
@@ -556,49 +557,49 @@ const NOTE_PRIMARY_STYLES = {
 		disabled: "#clear"
 	},
 	fill: {
-		"": "#surface #note",
-		hovered: "#surface #note-hover",
-		pressed: "#surface #note",
-		disabled: "#disabled-bg"
+		"": "#white #note",
+		hovered: "#white #note-text",
+		pressed: "#white #note",
+		disabled: "#note-desaturated.6"
 	},
 	color: {
 		"": "#white",
-		disabled: "#disabled-text"
+		disabled: "#white.6"
 	}
 };
 const NOTE_SECONDARY_STYLES = {
 	border: {
-		"": "#note-text.15",
-		pressed: "#note-text.3",
+		"": "#note.15",
+		pressed: "#note.3",
 		focused: "#note-text",
 		disabled: "#border"
 	},
 	fill: {
 		"": "#note.05",
 		"hovered & !pressed": "#note.1",
-		disabled: "#disabled-bg"
+		disabled: "#dark.04"
 	},
 	color: {
 		"": "#note-text",
-		disabled: "#disabled-text"
+		disabled: "#dark-04"
 	}
 };
 const NOTE_OUTLINE_STYLES = {
 	border: {
-		"": "#note-text.15",
-		pressed: "#note-text.3",
+		"": "#note.15",
+		pressed: "#note.3",
 		focused: "#note-text",
 		disabled: "#border"
 	},
 	fill: {
-		"": "#surface #note.0",
-		hovered: "#surface #note.1",
-		"pressed | (selected & !hovered)": "#surface #note.05",
-		disabled: "#disabled-bg"
+		"": "#white #note.0",
+		hovered: "#white #note.1",
+		"pressed | (selected & !hovered)": "#white #note.05",
+		disabled: "#white #dark.04"
 	},
 	color: {
 		"": "#note-text",
-		disabled: "#disabled-text"
+		disabled: "#dark-04"
 	}
 };
 const NOTE_NEUTRAL_STYLES = {
@@ -614,7 +615,7 @@ const NOTE_NEUTRAL_STYLES = {
 	color: {
 		"": "#dark-02",
 		"pressed | (selected & !hovered)": "#note-text",
-		disabled: "#disabled-text"
+		disabled: "#dark-04"
 	}
 };
 const NOTE_CLEAR_STYLES = {
@@ -646,9 +647,9 @@ const NOTE_LINK_STYLES = {
 	border: 0,
 	fill: { "": "#clear" },
 	color: {
-		"": "#note-text-soft",
-		"hovered & !pressed": "#note-text",
-		disabled: "#disabled-text"
+		"": "#note-text",
+		"hovered & !pressed": "#note",
+		disabled: "#dark-04"
 	}
 };
 const NOTE_ITEM_STYLES = {
@@ -680,7 +681,7 @@ const SPECIAL_PRIMARY_STYLES = {
 	},
 	fill: {
 		"": "#white #primary",
-		hovered: "#white #primary-hover",
+		hovered: "#white #primary-text",
 		pressed: "#white #primary",
 		disabled: "#primary-disabled.5"
 	},
@@ -713,10 +714,10 @@ const SPECIAL_OUTLINE_STYLES = {
 		...VALIDATION_STYLES.border
 	},
 	fill: {
-		"": "#fixed-dark #white.0",
-		hovered: "#fixed-dark #white.18",
-		"pressed | (selected & !hovered)": "#fixed-dark #white.12",
-		disabled: "#fixed-dark #white.12"
+		"": "#dark #white.0",
+		hovered: "#dark #white.18",
+		"pressed | (selected & !hovered)": "#dark #white.12",
+		disabled: "#dark #white.12"
 	},
 	color: {
 		"": "#white",
@@ -753,9 +754,9 @@ const SPECIAL_CLEAR_STYLES = {
 		disabled: "#white.12"
 	},
 	color: {
-		"": "#fixed-primary-text",
+		"": "#primary-text",
 		hovered: "#primary",
-		"pressed & hovered": "#fixed-primary-text",
+		"pressed & hovered": "#primary-text",
 		disabled: "#white.4"
 	}
 };