@octans/ui 1.3.0 → 1.4.0

package/dist/ui.js

@@ -9604,18 +9604,18 @@ var bm = ["aria-label", "data-ui-tooltip"], xm = /*#__PURE__*/ J(/* @__PURE__ */
 		};
 	}
 }), [["__cssModules", { $style: {
-	Badge: "_Badge_u74sd_1",
-	pip: "_pip_u74sd_12",
-	statusInfo: "_statusInfo_u74sd_24",
-	statusSuccess: "_statusSuccess_u74sd_32",
-	statusWarning: "_statusWarning_u74sd_40",
-	statusAttention: "_statusAttention_u74sd_41",
-	statusError: "_statusError_u74sd_50",
-	statusNew: "_statusNew_u74sd_58",
-	progressIncomplete: "_progressIncomplete_u74sd_68",
-	progressPartiallyComplete: "_progressPartiallyComplete_u74sd_72",
-	progressComplete: "_progressComplete_u74sd_76",
-	sizeSmall: "_sizeSmall_u74sd_80"
+	Badge: "_Badge_1n011_2",
+	pip: "_pip_1n011_13",
+	statusInfo: "_statusInfo_1n011_35",
+	statusSuccess: "_statusSuccess_1n011_43",
+	statusWarning: "_statusWarning_1n011_51",
+	statusAttention: "_statusAttention_1n011_52",
+	statusError: "_statusError_1n011_61",
+	statusNew: "_statusNew_1n011_69",
+	progressIncomplete: "_progressIncomplete_1n011_79",
+	progressPartiallyComplete: "_progressPartiallyComplete_1n011_83",
+	progressComplete: "_progressComplete_1n011_87",
+	sizeSmall: "_sizeSmall_1n011_91"
 } }]]), wm = y({
 	components: {
 		Icon: Y,
@@ -9636,18 +9636,18 @@ var bm = ["aria-label", "data-ui-tooltip"], xm = /*#__PURE__*/ J(/* @__PURE__ */
 		this.$emit("close");
 	} }
 }), Tm = {
-	Banner: "_Banner_1y5e8_1",
-	Icon: "_Icon_1y5e8_8",
-	content: "_content_1y5e8_13",
-	title: "_title_1y5e8_22",
-	close: "_close_1y5e8_27",
-	"status-default": "_status-default_1y5e8_35",
-	"status-info": "_status-info_1y5e8_41",
-	"status-success": "_status-success_1y5e8_47",
-	"status-warning": "_status-warning_1y5e8_53",
-	"status-attention": "_status-attention_1y5e8_54",
-	"status-error": "_status-error_1y5e8_60",
-	"status-new": "_status-new_1y5e8_66"
+	Banner: "_Banner_1615y_2",
+	Icon: "_Icon_1615y_9",
+	content: "_content_1615y_14",
+	title: "_title_1615y_23",
+	close: "_close_1615y_28",
+	"status-default": "_status-default_1615y_48",
+	"status-info": "_status-info_1615y_54",
+	"status-success": "_status-success_1615y_60",
+	"status-warning": "_status-warning_1615y_66",
+	"status-attention": "_status-attention_1615y_67",
+	"status-error": "_status-error_1615y_73",
+	"status-new": "_status-new_1615y_79"
 };
 //#endregion
 //#region src/components/Banner/Banner.vue
@@ -20178,6 +20178,73 @@ var Kx = [
 			}
 		]
 	},
+	{
+		title: "Badge & Banner",
+		tier: "semantic",
+		description: "How strongly a status Badge or Banner tints itself with its role colour. Two dials rather than one, because a badge is a small object that has to hold its own against the card it sits on and a banner is a large panel where the same strength stops being a background. The four surfaces under each are DERIVED from that component’s dial — move the dial and all four follow; set one directly only to make a single status sit apart.",
+		tokens: [
+			{
+				name: "badge-surface-strength",
+				kind: "percent",
+				description: "How much role colour a status Badge mixes in"
+			},
+			{
+				name: "banner-surface-strength",
+				kind: "percent",
+				description: "How much role colour a status Banner mixes in"
+			},
+			{
+				name: "badge-ink",
+				kind: "color",
+				description: "Forces one label colour on every status Badge. Unset = each status keeps its own text colour"
+			},
+			{
+				name: "banner-ink",
+				kind: "color",
+				description: "Forces one label colour on every status Banner. Unset = each status keeps its own text colour"
+			},
+			{
+				name: "badge-info-surface",
+				kind: "color",
+				description: "Derived from the Badge dial"
+			},
+			{
+				name: "badge-success-surface",
+				kind: "color",
+				description: "Derived from the Badge dial"
+			},
+			{
+				name: "badge-warning-surface",
+				kind: "color",
+				description: "Derived from the Badge dial"
+			},
+			{
+				name: "badge-error-surface",
+				kind: "color",
+				description: "Derived from the Badge dial"
+			},
+			{
+				name: "banner-info-surface",
+				kind: "color",
+				description: "Derived from the Banner dial"
+			},
+			{
+				name: "banner-success-surface",
+				kind: "color",
+				description: "Derived from the Banner dial"
+			},
+			{
+				name: "banner-warning-surface",
+				kind: "color",
+				description: "Derived from the Banner dial"
+			},
+			{
+				name: "banner-error-surface",
+				kind: "color",
+				description: "Derived from the Banner dial"
+			}
+		]
+	},
 	{
 		title: "Tabs",
 		tier: "semantic",