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

package/dist/index.css

@@ -788,10 +788,6 @@
   border-bottom-right-radius: var(--radius);
 }
 
-.pane-header + .action-bar {
-  margin-top: 18px;
-}
-
 .action-pane {
   container: actionPane/inline-size;
   width: 100%;
@@ -1827,14 +1823,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

@@ -8276,18 +8276,17 @@ var FluxButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Action.module.scss
-var { "button": _0$16, "buttonIcon": _1$8, "buttonLabel": _2$5 } = Button_module_default$1;
+var { "button": _0$16, "buttonLabel": _1$8, "buttonIcon": _2$5 } = Button_module_default$1;
 var Action_module_default = {
 	action: `action ${_0$16}`,
 	spinner: `spinner`,
-	actionIcon: `action-icon ${_1$8}`,
+	actionIcon: `action-icon ${_2$5}`,
 	isDestructive: `is-destructive`,
-	actionLabel: `action-label ${_2$5}`,
+	actionLabel: `action-label ${_1$8}`,
 	actionBar: `action-bar`,
 	separator: `separator`,
 	formInput: `form-input`,
 	basePaneStructure: `base-pane-structure`,
-	paneHeader: `pane-header`,
 	actionPane: `action-pane`,
 	actionPaneGrid: `action-pane-grid`,
 	actionPaneBody: `action-pane-body`,
@@ -10244,7 +10243,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`,
@@ -10254,8 +10253,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`,
@@ -10264,7 +10263,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`,
@@ -13589,13 +13588,13 @@ var FluxPaginationBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Table.module.scss
-var { "basePaneElement": _0$8, "basePaneLoader": _1$2 } = Pane_module_default$1;
+var { "basePaneLoader": _0$8, "basePaneElement": _1$2 } = Pane_module_default$1;
 var Table_module_default = {
-	table: `table ${_0$8}`,
+	table: `table ${_1$2}`,
 	tableBase: `table-base`,
 	tableFill: `table-fill`,
 	tablePagination: `table-pagination`,
-	tableLoader: `table-loader ${_1$2}`,
+	tableLoader: `table-loader ${_0$8}`,
 	tableRow: `table-row`,
 	tableCell: `table-cell`,
 	tableCellContent: `table-cell-content`,
@@ -17891,10 +17890,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
@@ -19665,7 +19664,7 @@ var FluxStatistic_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Stepper.module.scss
-var { "sparklesContainer": _0$2, "sparklesContainerActive": _1, "sparklesParticles": _2 } = {
+var { "sparklesContainerActive": _0$2, "sparklesContainer": _1, "sparklesParticles": _2 } = {
 	sparklesContainer: `sparkles-container`,
 	sparklesParticles: `sparkles-particles`,
 	sparklesContainerActive: `sparkles-container-active`,
@@ -19676,11 +19675,11 @@ var { "sparklesContainer": _0$2, "sparklesContainerActive": _1, "sparklesParticl
 var Stepper_module_default = {
 	stepperStep: `stepper-step`,
 	stepperSteps: `stepper-steps`,
-	stepperStepsItem: `stepper-steps-item ${_0$2}`,
+	stepperStepsItem: `stepper-steps-item ${_1}`,
 	icon: `icon`,
-	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}`,
+	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}`,
 	stepperStepsItemParticles: `stepper-steps-item-particles ${_2}`
 };
 //#endregion