@flux-ui/components 3.0.0-next.45 → 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;

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`
@@ -8276,11 +8277,11 @@ var FluxButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Action.module.scss
-var { "button": _0$16, "buttonLabel": _1$8, "buttonIcon": _2$5 } = Button_module_default$1;
+var { "buttonIcon": _0$16, "buttonLabel": _1$8, "button": _2$5 } = Button_module_default$1;
 var Action_module_default = {
-	action: `action ${_0$16}`,
+	action: `action ${_2$5}`,
 	spinner: `spinner`,
-	actionIcon: `action-icon ${_2$5}`,
+	actionIcon: `action-icon ${_0$16}`,
 	isDestructive: `is-destructive`,
 	actionLabel: `action-label ${_1$8}`,
 	actionBar: `action-bar`,
@@ -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`,
@@ -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`,
@@ -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`,
@@ -19664,7 +19665,7 @@ var FluxStatistic_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Stepper.module.scss
-var { "sparklesContainerActive": _0$2, "sparklesContainer": _1, "sparklesParticles": _2 } = {
+var { "sparklesContainer": _0$2, "sparklesContainerActive": _1, "sparklesParticles": _2 } = {
 	sparklesContainer: `sparkles-container`,
 	sparklesParticles: `sparkles-particles`,
 	sparklesContainerActive: `sparkles-container-active`,
@@ -19675,11 +19676,11 @@ var { "sparklesContainerActive": _0$2, "sparklesContainer": _1, "sparklesParticl
 var Stepper_module_default = {
 	stepperStep: `stepper-step`,
 	stepperSteps: `stepper-steps`,
-	stepperStepsItem: `stepper-steps-item ${_1}`,
+	stepperStepsItem: `stepper-steps-item ${_0$2}`,
 	icon: `icon`,
-	stepperStepsItemComplete: `stepper-steps-item-complete ${_0$2} stepper-steps-item ${_1}`,
-	stepperStepsItemCurrent: `stepper-steps-item-current stepper-steps-item ${_1}`,
-	stepperStepsItemIdle: `stepper-steps-item-idle stepper-steps-item ${_1}`,
+	stepperStepsItemComplete: `stepper-steps-item-complete ${_1} stepper-steps-item ${_0$2}`,
+	stepperStepsItemCurrent: `stepper-steps-item-current stepper-steps-item ${_0$2}`,
+	stepperStepsItemIdle: `stepper-steps-item-idle stepper-steps-item ${_0$2}`,
 	stepperStepsItemParticles: `stepper-steps-item-particles ${_2}`
 };
 //#endregion