@flux-ui/components 3.0.0-next.45 → 3.0.0-next.47

package/dist/index.css

@@ -301,7 +301,7 @@
   }
   blockquote {
     position: relative;
-    margin: 0 0 0 30px;
+    margin-left: 30px;
     padding: 15px 21px;
     background: var(--gray-100);
     border-radius: var(--radius);
@@ -698,6 +698,13 @@
   .button.is-filled {
     align-self: stretch;
   }
+  .button .spinner {
+    flex-shrink: 0;
+  }
+  .button .spinner:only-child {
+    margin-left: -2px;
+    margin-right: -2px;
+  }
   .button-icon {
     margin: 1px;
     flex-shrink: 0;

package/dist/index.js

@@ -4926,7 +4926,7 @@ function j$1(e, t, n, r, i, o) {
 //#region ../internals/dist/data/index.js
 var oe = `#ef4444`, se = `#dc2626`, _e = `#f97316`, ve = `#ea580c`, Oe = `#f59e0b`, ke = `#d97706`, ze = `#eab308`, Be = `#ca8a04`, Xe = `#84cc16`, Ze = `#65a30d`, st = `#22c55e`, ct = `#16a34a`, vt = `#10b981`, yt = `#059669`, kt = `#14b8a6`, At = `#0d9488`, Bt = `#06b6d4`, Vt = `#0891b2`, Zt = `#0ea5e9`, Qt = `#0284c7`, ln = `#3b82f6`, un = `#2563eb`, bn = `#6366f1`, xn = `#4f46e5`, jn = `#8b5cf6`, Mn = `#7c3aed`, Hn = `#a855f7`, Un = `#9333ea`, $n = `#d946ef`, er = `#c026d3`, ur = `#ec4899`, dr = `#db2777`, xr = `#f43f5e`, Sr = `#e11d48`;
 //#endregion
-//#region ../internals/dist/directive-DGZmhsWZ.js
+//#region ../internals/dist/directive-Dprka-AO.js
 var i = class {
 	#e;
 	#t;
@@ -4946,7 +4946,7 @@ var i = class {
 		let { height: e } = getComputedStyle(this.#e);
 		this.#e.style.height = `auto`;
 		let { height: t } = getComputedStyle(this.#e);
-		this.#e.style.height = e, t !== e && (getComputedStyle(this.#e), requestAnimationFrame(() => requestAnimationFrame(() => this.#e.style.height = t)));
+		this.#e.style.height = e, t !== e && (getComputedStyle(this.#e), requestAnimationFrame(() => this.#e.style.height = t));
 	}
 }, a = {
 	beforeUnmount(e) {
@@ -8159,6 +8159,7 @@ var Button_module_default$1 = {
 	isLarge: `is-large`,
 	isXl: `is-xl`,
 	isFilled: `is-filled`,
+	spinner: `spinner`,
 	buttonIcon: `button-icon`,
 	buttonLabel: `button-label`,
 	badge: `badge`
@@ -8347,32 +8348,32 @@ var FluxAction_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Button.module.scss
-var { "button": _0$15, "buttonIcon": _1$7, "buttonLabel": _2$4 } = Button_module_default$1;
+var { "button": _0$15, "buttonLabel": _1$7, "buttonIcon": _2$4 } = Button_module_default$1;
 var Button_module_default = {
 	primaryButton: `primary-button ${_0$15}`,
 	spinner: `spinner`,
-	primaryButtonIcon: `primary-button-icon ${_1$7}`,
-	primaryButtonLabel: `primary-button-label ${_2$4}`,
+	primaryButtonIcon: `primary-button-icon ${_2$4}`,
+	primaryButtonLabel: `primary-button-label ${_1$7}`,
 	secondaryButton: `secondary-button ${_0$15}`,
-	secondaryButtonIcon: `secondary-button-icon ${_1$7}`,
-	secondaryButtonLabel: `secondary-button-label ${_2$4}`,
+	secondaryButtonIcon: `secondary-button-icon ${_2$4}`,
+	secondaryButtonLabel: `secondary-button-label ${_1$7}`,
 	destructiveButton: `destructive-button ${_0$15}`,
-	destructiveButtonIcon: `destructive-button-icon ${_1$7}`,
-	destructiveButtonLabel: `destructive-button-label ${_2$4}`,
+	destructiveButtonIcon: `destructive-button-icon ${_2$4}`,
+	destructiveButtonLabel: `destructive-button-label ${_1$7}`,
 	baseLinkButton: `base-link-button ${_0$15}`,
 	primaryLinkButton: `primary-link-button base-link-button ${_0$15}`,
-	primaryLinkButtonIcon: `primary-link-button-icon ${_1$7}`,
-	primaryLinkButtonLabel: `primary-link-button-label ${_2$4}`,
+	primaryLinkButtonIcon: `primary-link-button-icon ${_2$4}`,
+	primaryLinkButtonLabel: `primary-link-button-label ${_1$7}`,
 	secondaryLinkButton: `secondary-link-button base-link-button ${_0$15}`,
-	secondaryLinkButtonIcon: `secondary-link-button-icon ${_1$7}`,
-	secondaryLinkButtonLabel: `secondary-link-button-label ${_2$4}`,
+	secondaryLinkButtonIcon: `secondary-link-button-icon ${_2$4}`,
+	secondaryLinkButtonLabel: `secondary-link-button-label ${_1$7}`,
 	linkButton: `link-button ${_0$15}`,
-	linkButtonIcon: `link-button-icon ${_1$7}`,
+	linkButtonIcon: `link-button-icon ${_2$4}`,
 	icon: `icon`,
-	linkButtonLabel: `link-button-label ${_2$4}`,
+	linkButtonLabel: `link-button-label ${_1$7}`,
 	publishButton: `publish-button primary-button ${_0$15}`,
-	publishButtonIcon: `publish-button-icon primary-button-icon ${_1$7}`,
-	publishButtonLabel: `publish-button-label primary-button-label ${_2$4}`,
+	publishButtonIcon: `publish-button-icon primary-button-icon ${_2$4}`,
+	publishButtonLabel: `publish-button-label primary-button-label ${_1$7}`,
 	publishButtonAnimation: `publish-button-animation`,
 	isDone: `is-done`,
 	publishButtonAnimationArrow: `publish-button-animation-arrow`,
@@ -10243,7 +10244,7 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Menu.module.scss
-var { "button": _0$13, "buttonLabel": _1$5, "buttonIcon": _2$2 } = Button_module_default$1;
+var { "button": _0$13, "buttonIcon": _1$5, "buttonLabel": _2$2 } = Button_module_default$1;
 var Menu_module_default = {
 	menu: `menu`,
 	menuNormal: `menu-normal menu`,
@@ -10253,8 +10254,8 @@ var Menu_module_default = {
 	menuGroupVertical: `menu-group-vertical menu-group`,
 	menuItem: `menu-item ${_0$13}`,
 	badge: `badge`,
-	menuItemIcon: `menu-item-icon ${_2$2}`,
-	menuItemLabel: `menu-item-label ${_1$5}`,
+	menuItemIcon: `menu-item-icon ${_1$5}`,
+	menuItemLabel: `menu-item-label ${_2$2}`,
 	menuItemActive: `menu-item-active`,
 	menuItemDestructive: `menu-item-destructive`,
 	menuItemHighlighted: `menu-item-highlighted`,
@@ -10263,7 +10264,7 @@ var Menu_module_default = {
 	menuCollapsibleOpened: `menu-collapsible-opened menu-collapsible`,
 	menuCollapsibleBody: `menu-collapsible-body`,
 	menuCollapsibleContent: `menu-collapsible-content`,
-	menuItemSelectableIcon: `menu-item-selectable-icon ${_2$2}`,
+	menuItemSelectableIcon: `menu-item-selectable-icon ${_1$5}`,
 	menuItemSelected: `menu-item-selected`,
 	menuItemCommand: `menu-item-command`,
 	menuItemCommandIcon: `menu-item-command-icon`,
@@ -13317,15 +13318,15 @@ var FluxFormSelect_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Pagination.module.scss
-var { "secondaryButton": _0$9, "secondaryButtonIcon": _1$3, "secondaryButtonLabel": _2$1 } = Button_module_default;
+var { "secondaryButtonIcon": _0$9, "secondaryButton": _1$3, "secondaryButtonLabel": _2$1 } = Button_module_default;
 var Pagination_module_default = {
 	pagination: `pagination`,
-	paginationButton: `pagination-button ${_0$9}`,
+	paginationButton: `pagination-button ${_1$3}`,
 	secondaryButton: `secondary-button`,
 	paginationButtonArrow: `pagination-button-arrow`,
 	paginationButtonCurrent: `pagination-button-current`,
 	paginationButtonSpacer: `pagination-button-spacer`,
-	paginationButtonIcon: `pagination-button-icon ${_1$3}`,
+	paginationButtonIcon: `pagination-button-icon ${_0$9}`,
 	paginationButtonLabel: `pagination-button-label ${_2$1}`,
 	paginationBar: `pagination-bar`,
 	paginationBarLimit: `pagination-bar-limit`,
@@ -13588,13 +13589,13 @@ var FluxPaginationBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Table.module.scss
-var { "basePaneLoader": _0$8, "basePaneElement": _1$2 } = Pane_module_default$1;
+var { "basePaneElement": _0$8, "basePaneLoader": _1$2 } = Pane_module_default$1;
 var Table_module_default = {
-	table: `table ${_1$2}`,
+	table: `table ${_0$8}`,
 	tableBase: `table-base`,
 	tableFill: `table-fill`,
 	tablePagination: `table-pagination`,
-	tableLoader: `table-loader ${_0$8}`,
+	tableLoader: `table-loader ${_1$2}`,
 	tableRow: `table-row`,
 	tableCell: `table-cell`,
 	tableCellContent: `table-cell-content`,