@cube-dev/ui-kit 0.0.0-canary-1d72480 → 0.0.0-canary-394591b

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1d72480 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-394591b | Cube Dev Team */
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
 	invalid: "#danger-text",
@@ -42,9 +42,9 @@ const ITEM_ACTION_BASE_STYLES = {
 		width: "($action-size - 2bw) ($action-size - 2bw)",
 		opacity: {
 			"": 1,
-			"checkbox & selected": 1,
-			"checkbox & !selected": 0,
-			"checkbox & !selected & hovered": .4
+			"checkmark & selected": 1,
+			"checkmark & !selected": 0,
+			"checkmark & !selected & hovered": .4
 		}
 	}
 };
@@ -69,80 +69,83 @@ const DEFAULT_PRIMARY_STYLES = {
 		disabled: "#primary-accent-disabled-surface-text"
 	}
 };
-const DEFAULT_SECONDARY_STYLES = {
-	border: {
-		"": "#primary-text.15",
-		pressed: "#primary-text.3",
-		focused: "#primary-text",
-		disabled: "#border"
-	},
-	fill: {
-		"": "#primary.10",
-		"hovered & !pressed": "#primary.16",
-		disabled: "#disabled-surface"
-	},
-	color: {
-		"": "#primary-text",
-		disabled: "#disabled-surface-text"
-	}
-};
 const DEFAULT_OUTLINE_STYLES = {
 	border: {
 		"": true,
+		selected: "#primary-text.15",
+		"selected & pressed": "#primary-text.3",
 		focused: "#primary-text",
-		disabled: true,
+		disabled: "#border",
 		...VALIDATION_STYLES.border
 	},
 	fill: {
 		"": "#surface-2 #dark.0",
 		hovered: "#surface-2 #dark.03",
-		selected: "#surface-2 #dark.09",
-		"selected & hovered": "#surface-2 #dark.12",
 		pressed: "#surface-2 #dark.09",
+		selected: "#primary.09",
+		"selected & (hovered | focused)": "#primary.12",
+		"selected & pressed": "#primary.15",
 		disabled: "#disabled-surface"
 	},
 	color: {
 		"": "#dark-02",
 		hovered: "#dark-02",
-		"pressed | (selected & !hovered)": "#dark",
+		pressed: "#dark",
+		selected: "#primary-text",
 		disabled: "#disabled-surface-text"
 	}
 };
-const DEFAULT_NEUTRAL_STYLES = {
+const DEFAULT_OUTLINE_2_STYLES = {
+	...DEFAULT_OUTLINE_STYLES,
+	fill: {
+		"": "#surface-3 #dark.0",
+		hovered: "#surface-3 #dark.03",
+		pressed: "#surface-3 #dark.09",
+		selected: "#primary.09",
+		"selected & (hovered | focused)": "#primary.12",
+		"selected & pressed": "#primary.15",
+		disabled: "#disabled-surface"
+	}
+};
+const DEFAULT_CLEAR_STYLES = {
 	border: {
 		"": "#clear",
+		"selected & pressed": "#primary-text.10",
 		focused: "#primary-text",
 		...VALIDATION_STYLES.border
 	},
 	fill: {
 		"": "#dark.0",
-		hovered: "#dark.03",
-		selected: "#dark.09",
-		"selected & hovered": "#dark.12",
-		pressed: "#dark.09",
+		"hovered | focused": "#dark.04",
+		pressed: "#dark.06",
+		selected: "#primary.0",
+		"selected & (hovered | focused)": "#primary.09",
+		"selected & pressed": "#primary.12",
 		disabled: "#clear"
 	},
 	color: {
 		"": "#dark-02",
 		hovered: "#dark-02",
-		pressed: "#dark",
+		"pressed & !selected": "#dark",
+		selected: "#primary-text",
 		disabled: "#disabled-surface-text"
 	}
 };
-const DEFAULT_CLEAR_STYLES = {
-	border: {
-		"": "#clear",
-		pressed: "#primary-text.10",
-		focused: "#primary-text",
-		...VALIDATION_STYLES.border
-	},
+const DEFAULT_ITEM_STYLES = {
+	border: "#clear",
 	fill: {
-		"": "#primary.0",
-		hovered: "#primary.16",
-		"pressed | (selected & !hovered)": "#primary.10"
+		"": "#dark.0",
+		"hovered | focused": "#dark.04",
+		pressed: "#dark.06",
+		selected: "#dark.09",
+		"selected & (hovered | focused)": "#dark.15",
+		"selected & pressed": "#dark.12",
+		disabled: "#clear"
 	},
 	color: {
-		"": "#primary-text",
+		"": "#dark-02",
+		hovered: "#dark-02",
+		selected: "#dark",
 		disabled: "#disabled-surface-text"
 	}
 };
@@ -159,23 +162,6 @@ const DEFAULT_LINK_STYLES = {
 		disabled: "#disabled-surface-text"
 	}
 };
-const DEFAULT_ITEM_STYLES = {
-	border: "#clear",
-	fill: {
-		"": "#dark.0",
-		"hovered | focused": "#dark.03",
-		selected: "#dark.09",
-		"selected & (hovered | focused)": "#dark.12",
-		pressed: "#dark.09",
-		disabled: "#clear"
-	},
-	color: {
-		"": "#dark-02",
-		hovered: "#dark-02",
-		pressed: "#dark",
-		disabled: "#disabled-surface-text"
-	}
-};
 const DANGER_PRIMARY_STYLES = {
 	outline: {
 		"": "0 #danger-text.0",
@@ -197,23 +183,6 @@ const DANGER_PRIMARY_STYLES = {
 		disabled: "#danger-accent-disabled-surface-text"
 	}
 };
-const DANGER_SECONDARY_STYLES = {
-	border: {
-		"": "#danger-text.15",
-		pressed: "#danger-text.3",
-		focused: "#danger-text",
-		disabled: "#border"
-	},
-	fill: {
-		"": "#danger.05",
-		"hovered & !pressed": "#danger.1",
-		disabled: "#disabled-surface"
-	},
-	color: {
-		"": "#danger-text",
-		disabled: "#disabled-surface-text"
-	}
-};
 const DANGER_OUTLINE_STYLES = {
 	border: {
 		"": "#danger-text.15",
@@ -224,7 +193,9 @@ const DANGER_OUTLINE_STYLES = {
 	fill: {
 		"": "#surface-2 #danger.0",
 		hovered: "#surface-2 #danger.1",
-		"pressed | (selected & !hovered)": "#surface-2 #danger.05",
+		pressed: "#surface-2 #danger.05",
+		selected: "#danger.05",
+		"selected & hovered & !pressed": "#danger.1",
 		disabled: "#disabled-surface"
 	},
 	color: {
@@ -232,41 +203,37 @@ const DANGER_OUTLINE_STYLES = {
 		disabled: "#disabled-surface-text"
 	}
 };
-const DANGER_NEUTRAL_STYLES = {
-	border: {
-		"": "#clear",
-		focused: "#danger-text"
-	},
+const DANGER_OUTLINE_2_STYLES = {
+	...DANGER_OUTLINE_STYLES,
 	fill: {
-		"": "#dark.0",
-		hovered: "#dark.04",
-		"pressed | (selected & !hovered)": "#dark.05"
-	},
-	color: {
-		"": "#dark-02",
-		"pressed | (selected & !hovered)": "#danger-text",
-		disabled: "#disabled-surface-text"
+		"": "#surface-3 #danger.0",
+		hovered: "#surface-3 #danger.1",
+		pressed: "#surface-3 #danger.05",
+		selected: "#danger.05",
+		"selected & hovered & !pressed": "#danger.1",
+		disabled: "#disabled-surface"
 	}
 };
 const DANGER_CLEAR_STYLES = {
 	border: {
 		"": "#clear",
-		pressed: "#danger.05",
+		"selected & pressed": "#danger.05",
 		focused: "#danger-text"
 	},
 	fill: {
-		"": "#danger-text.0",
-		hovered: "#danger-text.03",
-		selected: "#danger-text.09",
-		"selected & hovered": "#danger-text.12",
-		pressed: "#danger-text.09",
+		"": "#dark.0",
+		hovered: "#dark.04",
+		pressed: "#dark.05",
+		selected: "#danger-text.0",
+		"selected & hovered": "#danger-text.03",
+		"selected & pressed": "#danger-text.09",
 		disabled: "#clear"
 	},
 	color: {
-		"": "#danger-text",
-		hovered: "#danger-text",
+		"": "#dark-02",
 		pressed: "#danger-text",
-		disabled: "#danger-text.4"
+		selected: "#danger-text",
+		disabled: "#disabled-surface-text"
 	}
 };
 const DANGER_LINK_STYLES = {
@@ -320,23 +287,6 @@ const SUCCESS_PRIMARY_STYLES = {
 		disabled: "#success-accent-disabled-surface-text"
 	}
 };
-const SUCCESS_SECONDARY_STYLES = {
-	border: {
-		"": "#success-text.15",
-		pressed: "#success-text.3",
-		focused: "#success-text",
-		disabled: "#border"
-	},
-	fill: {
-		"": "#success.05",
-		"hovered & !pressed": "#success.1",
-		disabled: "#disabled-surface"
-	},
-	color: {
-		"": "#success-text",
-		disabled: "#disabled-surface-text"
-	}
-};
 const SUCCESS_OUTLINE_STYLES = {
 	border: {
 		"": "#success-text.15",
@@ -347,7 +297,9 @@ const SUCCESS_OUTLINE_STYLES = {
 	fill: {
 		"": "#surface-2 #success.0",
 		hovered: "#surface-2 #success.1",
-		"pressed | (selected & !hovered)": "#surface-2 #success.05",
+		pressed: "#surface-2 #success.05",
+		selected: "#success.05",
+		"selected & hovered & !pressed": "#success.1",
 		disabled: "#disabled-surface"
 	},
 	color: {
@@ -355,41 +307,37 @@ const SUCCESS_OUTLINE_STYLES = {
 		disabled: "#disabled-surface-text"
 	}
 };
-const SUCCESS_NEUTRAL_STYLES = {
-	border: {
-		"": "#clear",
-		focused: "#success-text"
-	},
+const SUCCESS_OUTLINE_2_STYLES = {
+	...SUCCESS_OUTLINE_STYLES,
 	fill: {
-		"": "#dark.0",
-		hovered: "#dark.04",
-		"pressed | (selected & !hovered)": "#dark.05"
-	},
-	color: {
-		"": "#dark-02",
-		"pressed | (selected & !hovered)": "#success-text",
-		disabled: "#disabled-surface-text"
+		"": "#surface-3 #success.0",
+		hovered: "#surface-3 #success.1",
+		pressed: "#surface-3 #success.05",
+		selected: "#success.05",
+		"selected & hovered & !pressed": "#success.1",
+		disabled: "#disabled-surface"
 	}
 };
 const SUCCESS_CLEAR_STYLES = {
 	border: {
 		"": "#clear",
-		pressed: "#success.05",
+		"selected & pressed": "#success.05",
 		focused: "#success-text"
 	},
 	fill: {
-		"": "#success-text.0",
-		hovered: "#success-text.03",
-		selected: "#success-text.09",
-		"selected & hovered": "#success-text.12",
-		pressed: "#success-text.09",
+		"": "#dark.0",
+		hovered: "#dark.04",
+		pressed: "#dark.05",
+		selected: "#success-text.0",
+		"selected & hovered": "#success-text.03",
+		"selected & pressed": "#success-text.09",
 		disabled: "#clear"
 	},
 	color: {
-		"": "#success-text",
-		hovered: "#success-text",
+		"": "#dark-02",
 		pressed: "#success-text",
-		disabled: "#success-text.4"
+		selected: "#success-text",
+		disabled: "#disabled-surface-text"
 	}
 };
 const SUCCESS_LINK_STYLES = {
@@ -443,23 +391,6 @@ const WARNING_PRIMARY_STYLES = {
 		disabled: "#warning-accent-disabled-surface-text"
 	}
 };
-const WARNING_SECONDARY_STYLES = {
-	border: {
-		"": "#warning-text.15",
-		pressed: "#warning-text.3",
-		focused: "#warning-text",
-		disabled: "#border"
-	},
-	fill: {
-		"": "#warning.05",
-		"hovered & !pressed": "#warning.1",
-		disabled: "#disabled-surface"
-	},
-	color: {
-		"": "#warning-text",
-		disabled: "#disabled-surface-text"
-	}
-};
 const WARNING_OUTLINE_STYLES = {
 	border: {
 		"": "#warning-text.15",
@@ -470,7 +401,9 @@ const WARNING_OUTLINE_STYLES = {
 	fill: {
 		"": "#surface-2 #warning.0",
 		hovered: "#surface-2 #warning.1",
-		"pressed | (selected & !hovered)": "#surface-2 #warning.05",
+		pressed: "#surface-2 #warning.05",
+		selected: "#warning.05",
+		"selected & hovered & !pressed": "#warning.1",
 		disabled: "#disabled-surface"
 	},
 	color: {
@@ -478,41 +411,37 @@ const WARNING_OUTLINE_STYLES = {
 		disabled: "#disabled-surface-text"
 	}
 };
-const WARNING_NEUTRAL_STYLES = {
-	border: {
-		"": "#clear",
-		focused: "#warning-text"
-	},
+const WARNING_OUTLINE_2_STYLES = {
+	...WARNING_OUTLINE_STYLES,
 	fill: {
-		"": "#dark.0",
-		hovered: "#dark.04",
-		"pressed | (selected & !hovered)": "#dark.05"
-	},
-	color: {
-		"": "#dark-02",
-		"pressed | (selected & !hovered)": "#warning-text",
-		disabled: "#disabled-surface-text"
+		"": "#surface-3 #warning.0",
+		hovered: "#surface-3 #warning.1",
+		pressed: "#surface-3 #warning.05",
+		selected: "#warning.05",
+		"selected & hovered & !pressed": "#warning.1",
+		disabled: "#disabled-surface"
 	}
 };
 const WARNING_CLEAR_STYLES = {
 	border: {
 		"": "#clear",
-		pressed: "#warning.05",
+		"selected & pressed": "#warning.05",
 		focused: "#warning-text"
 	},
 	fill: {
-		"": "#warning-text.0",
-		hovered: "#warning-text.03",
-		selected: "#warning-text.09",
-		"selected & hovered": "#warning-text.12",
-		pressed: "#warning-text.09",
+		"": "#dark.0",
+		hovered: "#dark.04",
+		pressed: "#dark.05",
+		selected: "#warning-text.0",
+		"selected & hovered": "#warning-text.03",
+		"selected & pressed": "#warning-text.09",
 		disabled: "#clear"
 	},
 	color: {
-		"": "#warning-text",
-		hovered: "#warning-text",
+		"": "#dark-02",
 		pressed: "#warning-text",
-		disabled: "#warning-text.4"
+		selected: "#warning-text",
+		disabled: "#disabled-surface-text"
 	}
 };
 const WARNING_LINK_STYLES = {
@@ -566,23 +495,6 @@ const NOTE_PRIMARY_STYLES = {
 		disabled: "#note-accent-disabled-surface-text"
 	}
 };
-const NOTE_SECONDARY_STYLES = {
-	border: {
-		"": "#note-text.15",
-		pressed: "#note-text.3",
-		focused: "#note-text",
-		disabled: "#border"
-	},
-	fill: {
-		"": "#note.05",
-		"hovered & !pressed": "#note.1",
-		disabled: "#disabled-surface"
-	},
-	color: {
-		"": "#note-text",
-		disabled: "#disabled-surface-text"
-	}
-};
 const NOTE_OUTLINE_STYLES = {
 	border: {
 		"": "#note-text.15",
@@ -593,7 +505,9 @@ const NOTE_OUTLINE_STYLES = {
 	fill: {
 		"": "#surface-2 #note.0",
 		hovered: "#surface-2 #note.1",
-		"pressed | (selected & !hovered)": "#surface-2 #note.05",
+		pressed: "#surface-2 #note.05",
+		selected: "#note.05",
+		"selected & hovered & !pressed": "#note.1",
 		disabled: "#disabled-surface"
 	},
 	color: {
@@ -601,41 +515,37 @@ const NOTE_OUTLINE_STYLES = {
 		disabled: "#disabled-surface-text"
 	}
 };
-const NOTE_NEUTRAL_STYLES = {
-	border: {
-		"": "#clear",
-		focused: "#note-text"
-	},
+const NOTE_OUTLINE_2_STYLES = {
+	...NOTE_OUTLINE_STYLES,
 	fill: {
-		"": "#dark.0",
-		hovered: "#dark.04",
-		"pressed | (selected & !hovered)": "#dark.05"
-	},
-	color: {
-		"": "#dark-02",
-		"pressed | (selected & !hovered)": "#note-text",
-		disabled: "#disabled-surface-text"
+		"": "#surface-3 #note.0",
+		hovered: "#surface-3 #note.1",
+		pressed: "#surface-3 #note.05",
+		selected: "#note.05",
+		"selected & hovered & !pressed": "#note.1",
+		disabled: "#disabled-surface"
 	}
 };
 const NOTE_CLEAR_STYLES = {
 	border: {
 		"": "#clear",
-		pressed: "#note.05",
+		"selected & pressed": "#note.05",
 		focused: "#note-text"
 	},
 	fill: {
-		"": "#note-text.0",
-		hovered: "#note-text.03",
-		selected: "#note-text.09",
-		"selected & hovered": "#note-text.12",
-		pressed: "#note-text.09",
+		"": "#dark.0",
+		hovered: "#dark.04",
+		pressed: "#dark.05",
+		selected: "#note-text.0",
+		"selected & hovered": "#note-text.03",
+		"selected & pressed": "#note-text.09",
 		disabled: "#clear"
 	},
 	color: {
-		"": "#note-text",
-		hovered: "#note-text",
+		"": "#dark-02",
 		pressed: "#note-text",
-		disabled: "#note-text.4"
+		selected: "#note-text",
+		disabled: "#disabled-surface-text"
 	}
 };
 const NOTE_LINK_STYLES = {
@@ -689,33 +599,20 @@ const SPECIAL_PRIMARY_STYLES = {
 		disabled: "#special-accent-disabled-surface-text"
 	}
 };
-const SPECIAL_SECONDARY_STYLES = {
-	border: {
-		"": "#white.3",
-		pressed: "#white.4",
-		focused: "#white"
-	},
-	fill: {
-		"": "#white.12",
-		"hovered & !pressed": "#white.18",
-		disabled: "#white.12"
-	},
-	color: {
-		"": "#white",
-		disabled: "#white.4"
-	}
-};
 const SPECIAL_OUTLINE_STYLES = {
 	border: {
 		"": "#white.3",
 		pressed: "#white.12",
+		"selected & pressed": "#white.4",
 		focused: "#white",
 		...VALIDATION_STYLES.border
 	},
 	fill: {
 		"": "#special-surface #white.0",
 		hovered: "#special-surface #white.18",
-		"pressed | (selected & !hovered)": "#special-surface #white.12",
+		pressed: "#special-surface #white.12",
+		selected: "#white.12",
+		"selected & hovered & !pressed": "#white.18",
 		disabled: "#white.12"
 	},
 	color: {
@@ -723,39 +620,29 @@ const SPECIAL_OUTLINE_STYLES = {
 		disabled: "#white.4"
 	}
 };
-const SPECIAL_NEUTRAL_STYLES = {
+const SPECIAL_CLEAR_STYLES = {
+	outline: { "selected & focused": "1bw #white" },
 	border: {
 		"": "#clear",
 		focused: "#white",
+		"selected & pressed": "#white",
+		"selected & disabled": "#white.3",
 		...VALIDATION_STYLES.border
 	},
 	fill: {
 		"": "#white.0",
 		hovered: "#white.12",
-		"pressed | (selected & !hovered)": "#white.18"
+		pressed: "#white.18",
+		selected: "#white",
+		"selected & hovered & !pressed": "#white.94",
+		disabled: "#white.0",
+		"selected & disabled": "#white.12"
 	},
 	color: {
 		"": "#white",
-		disabled: "#white.4"
-	}
-};
-const SPECIAL_CLEAR_STYLES = {
-	outline: { focused: "1bw #white" },
-	border: {
-		"": "#clear",
-		"pressed | focused": "#white",
-		disabled: "#white.3",
-		...VALIDATION_STYLES.border
-	},
-	fill: {
-		"": "#white",
-		"hovered & !pressed": "#white.94",
-		disabled: "#white.12"
-	},
-	color: {
-		"": "#special-accent-text",
-		hovered: "#special-accent-fill",
-		"pressed & hovered": "#special-accent-text",
+		selected: "#special-accent-text",
+		"selected & hovered": "#special-accent-fill",
+		"selected & hovered & pressed": "#special-accent-text",
 		disabled: "#white.4"
 	}
 };
@@ -811,5 +698,5 @@ const NOTE_CARD_STYLES = {
 };
 
 //#endregion
-export { DANGER_CARD_STYLES, DANGER_CLEAR_STYLES, DANGER_ITEM_STYLES, DANGER_LINK_STYLES, DANGER_NEUTRAL_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CARD_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_ITEM_STYLES, DEFAULT_LINK_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CARD_STYLES, NOTE_CLEAR_STYLES, NOTE_ITEM_STYLES, NOTE_LINK_STYLES, NOTE_NEUTRAL_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, NOTE_SECONDARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_ITEM_STYLES, SPECIAL_LINK_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CARD_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_ITEM_STYLES, SUCCESS_LINK_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, WARNING_CARD_STYLES, WARNING_CLEAR_STYLES, WARNING_ITEM_STYLES, WARNING_LINK_STYLES, WARNING_NEUTRAL_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES, WARNING_SECONDARY_STYLES };
+export { DANGER_CARD_STYLES, DANGER_CLEAR_STYLES, DANGER_ITEM_STYLES, DANGER_LINK_STYLES, DANGER_OUTLINE_2_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CARD_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_ITEM_STYLES, DEFAULT_LINK_STYLES, DEFAULT_OUTLINE_2_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CARD_STYLES, NOTE_CLEAR_STYLES, NOTE_ITEM_STYLES, NOTE_LINK_STYLES, NOTE_OUTLINE_2_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_ITEM_STYLES, SPECIAL_LINK_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CARD_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_ITEM_STYLES, SUCCESS_LINK_STYLES, SUCCESS_OUTLINE_2_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CARD_STYLES, WARNING_CLEAR_STYLES, WARNING_ITEM_STYLES, WARNING_LINK_STYLES, WARNING_OUTLINE_2_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES };
 //# sourceMappingURL=item-themes.js.map