@flux-ui/components 3.0.0-next.44 → 3.0.0-next.46

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;
@@ -1823,14 +1830,14 @@
   font-weight: 500;
   font-variant-numeric: tabular-nums;
 }
-.badge:is(a) {
+.badge:is(a, button) {
   color: var(--foreground-prominent);
   cursor: pointer;
   text-decoration: none;
   transition: background var(--transition-default);
 }
 @media (hover: hover) {
-  .badge:is(a):hover {
+  .badge:is(a, button):hover {
     background: var(--gray-50);
     color: var(--foreground-prominent);
   }

package/dist/index.js

@@ -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 { "buttonLabel": _0$15, "button": _1$7, "buttonIcon": _2$4 } = Button_module_default$1;
 var Button_module_default = {
-	primaryButton: `primary-button ${_0$15}`,
+	primaryButton: `primary-button ${_1$7}`,
 	spinner: `spinner`,
-	primaryButtonIcon: `primary-button-icon ${_1$7}`,
-	primaryButtonLabel: `primary-button-label ${_2$4}`,
-	secondaryButton: `secondary-button ${_0$15}`,
-	secondaryButtonIcon: `secondary-button-icon ${_1$7}`,
-	secondaryButtonLabel: `secondary-button-label ${_2$4}`,
-	destructiveButton: `destructive-button ${_0$15}`,
-	destructiveButtonIcon: `destructive-button-icon ${_1$7}`,
-	destructiveButtonLabel: `destructive-button-label ${_2$4}`,
-	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}`,
-	secondaryLinkButton: `secondary-link-button base-link-button ${_0$15}`,
-	secondaryLinkButtonIcon: `secondary-link-button-icon ${_1$7}`,
-	secondaryLinkButtonLabel: `secondary-link-button-label ${_2$4}`,
-	linkButton: `link-button ${_0$15}`,
-	linkButtonIcon: `link-button-icon ${_1$7}`,
+	primaryButtonIcon: `primary-button-icon ${_2$4}`,
+	primaryButtonLabel: `primary-button-label ${_0$15}`,
+	secondaryButton: `secondary-button ${_1$7}`,
+	secondaryButtonIcon: `secondary-button-icon ${_2$4}`,
+	secondaryButtonLabel: `secondary-button-label ${_0$15}`,
+	destructiveButton: `destructive-button ${_1$7}`,
+	destructiveButtonIcon: `destructive-button-icon ${_2$4}`,
+	destructiveButtonLabel: `destructive-button-label ${_0$15}`,
+	baseLinkButton: `base-link-button ${_1$7}`,
+	primaryLinkButton: `primary-link-button base-link-button ${_1$7}`,
+	primaryLinkButtonIcon: `primary-link-button-icon ${_2$4}`,
+	primaryLinkButtonLabel: `primary-link-button-label ${_0$15}`,
+	secondaryLinkButton: `secondary-link-button base-link-button ${_1$7}`,
+	secondaryLinkButtonIcon: `secondary-link-button-icon ${_2$4}`,
+	secondaryLinkButtonLabel: `secondary-link-button-label ${_0$15}`,
+	linkButton: `link-button ${_1$7}`,
+	linkButtonIcon: `link-button-icon ${_2$4}`,
 	icon: `icon`,
-	linkButtonLabel: `link-button-label ${_2$4}`,
-	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}`,
+	linkButtonLabel: `link-button-label ${_0$15}`,
+	publishButton: `publish-button primary-button ${_1$7}`,
+	publishButtonIcon: `publish-button-icon primary-button-icon ${_2$4}`,
+	publishButtonLabel: `publish-button-label primary-button-label ${_0$15}`,
 	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, "buttonIcon": _1$5, "buttonLabel": _2$2 } = Button_module_default$1;
+var { "button": _0$13, "buttonLabel": _1$5, "buttonIcon": _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 ${_1$5}`,
-	menuItemLabel: `menu-item-label ${_2$2}`,
+	menuItemIcon: `menu-item-icon ${_2$2}`,
+	menuItemLabel: `menu-item-label ${_1$5}`,
 	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 ${_1$5}`,
+	menuItemSelectableIcon: `menu-item-selectable-icon ${_2$2}`,
 	menuItemSelected: `menu-item-selected`,
 	menuItemCommand: `menu-item-command`,
 	menuItemCommandIcon: `menu-item-command-icon`,
@@ -13317,16 +13318,16 @@ 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, "secondaryButtonLabel": _1$3, "secondaryButton": _2$1 } = Button_module_default;
 var Pagination_module_default = {
 	pagination: `pagination`,
-	paginationButton: `pagination-button ${_0$9}`,
+	paginationButton: `pagination-button ${_2$1}`,
 	secondaryButton: `secondary-button`,
 	paginationButtonArrow: `pagination-button-arrow`,
 	paginationButtonCurrent: `pagination-button-current`,
 	paginationButtonSpacer: `pagination-button-spacer`,
-	paginationButtonIcon: `pagination-button-icon ${_1$3}`,
-	paginationButtonLabel: `pagination-button-label ${_2$1}`,
+	paginationButtonIcon: `pagination-button-icon ${_0$9}`,
+	paginationButtonLabel: `pagination-button-label ${_1$3}`,
 	paginationBar: `pagination-bar`,
 	paginationBarLimit: `pagination-bar-limit`,
 	paginationBarLimitDisplayingOf: `pagination-bar-limit-displaying-of`,
@@ -17890,10 +17891,10 @@ var FluxLayerPaneSecondary_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Legend.module.scss
-var { "stackHorizontal": _0$5, "stackVertical": _1$1 } = Layout_module_default;
+var { "stackVertical": _0$5, "stackHorizontal": _1$1 } = Layout_module_default;
 var Legend_module_default = {
-	legendHorizontal: `legend-horizontal ${_0$5}`,
-	legendVertical: `legend-vertical ${_1$1}`,
+	legendHorizontal: `legend-horizontal ${_1$1}`,
+	legendVertical: `legend-vertical ${_0$5}`,
 	legendItem: `legend-item`
 };
 //#endregion