@flux-ui/components 3.0.0-next.42 → 3.0.0-next.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +10 -4
- package/dist/index.js +25 -26
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/src/css/component/Action.module.scss +0 -4
- package/src/css/component/Pane.module.scss +11 -0
package/dist/index.css
CHANGED
|
@@ -788,10 +788,6 @@
|
|
|
788
788
|
border-bottom-right-radius: var(--radius);
|
|
789
789
|
}
|
|
790
790
|
|
|
791
|
-
.pane-header + .action-bar {
|
|
792
|
-
margin-top: 18px;
|
|
793
|
-
}
|
|
794
|
-
|
|
795
791
|
.action-pane {
|
|
796
792
|
container: actionPane/inline-size;
|
|
797
793
|
width: 100%;
|
|
@@ -1097,6 +1093,16 @@
|
|
|
1097
1093
|
--surface: var(--background);
|
|
1098
1094
|
}
|
|
1099
1095
|
|
|
1096
|
+
:is(.pane-default, .pane-flat, .pane-well):is(a) {
|
|
1097
|
+
color: currentColor;
|
|
1098
|
+
text-decoration: unset;
|
|
1099
|
+
}
|
|
1100
|
+
@media (hover: hover) {
|
|
1101
|
+
:is(.pane-default, .pane-flat, .pane-well):is(a):hover {
|
|
1102
|
+
color: currentColor;
|
|
1103
|
+
}
|
|
1104
|
+
}
|
|
1105
|
+
|
|
1100
1106
|
:is(.pane-default, .pane-flat, .pane-well):is(button) {
|
|
1101
1107
|
padding: 0;
|
|
1102
1108
|
}
|
package/dist/index.js
CHANGED
|
@@ -8276,18 +8276,17 @@ var FluxButton_default = /* @__PURE__ */ defineComponent({
|
|
|
8276
8276
|
});
|
|
8277
8277
|
//#endregion
|
|
8278
8278
|
//#region src/css/component/Action.module.scss
|
|
8279
|
-
var { "
|
|
8279
|
+
var { "buttonIcon": _0$16, "buttonLabel": _1$8, "button": _2$5 } = Button_module_default$1;
|
|
8280
8280
|
var Action_module_default = {
|
|
8281
|
-
action: `action ${
|
|
8281
|
+
action: `action ${_2$5}`,
|
|
8282
8282
|
spinner: `spinner`,
|
|
8283
|
-
actionIcon: `action-icon ${
|
|
8283
|
+
actionIcon: `action-icon ${_0$16}`,
|
|
8284
8284
|
isDestructive: `is-destructive`,
|
|
8285
|
-
actionLabel: `action-label ${
|
|
8285
|
+
actionLabel: `action-label ${_1$8}`,
|
|
8286
8286
|
actionBar: `action-bar`,
|
|
8287
8287
|
separator: `separator`,
|
|
8288
8288
|
formInput: `form-input`,
|
|
8289
8289
|
basePaneStructure: `base-pane-structure`,
|
|
8290
|
-
paneHeader: `pane-header`,
|
|
8291
8290
|
actionPane: `action-pane`,
|
|
8292
8291
|
actionPaneGrid: `action-pane-grid`,
|
|
8293
8292
|
actionPaneBody: `action-pane-body`,
|
|
@@ -8348,31 +8347,31 @@ var FluxAction_default = /* @__PURE__ */ defineComponent({
|
|
|
8348
8347
|
});
|
|
8349
8348
|
//#endregion
|
|
8350
8349
|
//#region src/css/component/Button.module.scss
|
|
8351
|
-
var { "
|
|
8350
|
+
var { "button": _0$15, "buttonIcon": _1$7, "buttonLabel": _2$4 } = Button_module_default$1;
|
|
8352
8351
|
var Button_module_default = {
|
|
8353
|
-
primaryButton: `primary-button ${
|
|
8352
|
+
primaryButton: `primary-button ${_0$15}`,
|
|
8354
8353
|
spinner: `spinner`,
|
|
8355
|
-
primaryButtonIcon: `primary-button-icon ${
|
|
8354
|
+
primaryButtonIcon: `primary-button-icon ${_1$7}`,
|
|
8356
8355
|
primaryButtonLabel: `primary-button-label ${_2$4}`,
|
|
8357
|
-
secondaryButton: `secondary-button ${
|
|
8358
|
-
secondaryButtonIcon: `secondary-button-icon ${
|
|
8356
|
+
secondaryButton: `secondary-button ${_0$15}`,
|
|
8357
|
+
secondaryButtonIcon: `secondary-button-icon ${_1$7}`,
|
|
8359
8358
|
secondaryButtonLabel: `secondary-button-label ${_2$4}`,
|
|
8360
|
-
destructiveButton: `destructive-button ${
|
|
8361
|
-
destructiveButtonIcon: `destructive-button-icon ${
|
|
8359
|
+
destructiveButton: `destructive-button ${_0$15}`,
|
|
8360
|
+
destructiveButtonIcon: `destructive-button-icon ${_1$7}`,
|
|
8362
8361
|
destructiveButtonLabel: `destructive-button-label ${_2$4}`,
|
|
8363
|
-
baseLinkButton: `base-link-button ${
|
|
8364
|
-
primaryLinkButton: `primary-link-button base-link-button ${
|
|
8365
|
-
primaryLinkButtonIcon: `primary-link-button-icon ${
|
|
8362
|
+
baseLinkButton: `base-link-button ${_0$15}`,
|
|
8363
|
+
primaryLinkButton: `primary-link-button base-link-button ${_0$15}`,
|
|
8364
|
+
primaryLinkButtonIcon: `primary-link-button-icon ${_1$7}`,
|
|
8366
8365
|
primaryLinkButtonLabel: `primary-link-button-label ${_2$4}`,
|
|
8367
|
-
secondaryLinkButton: `secondary-link-button base-link-button ${
|
|
8368
|
-
secondaryLinkButtonIcon: `secondary-link-button-icon ${
|
|
8366
|
+
secondaryLinkButton: `secondary-link-button base-link-button ${_0$15}`,
|
|
8367
|
+
secondaryLinkButtonIcon: `secondary-link-button-icon ${_1$7}`,
|
|
8369
8368
|
secondaryLinkButtonLabel: `secondary-link-button-label ${_2$4}`,
|
|
8370
|
-
linkButton: `link-button ${
|
|
8371
|
-
linkButtonIcon: `link-button-icon ${
|
|
8369
|
+
linkButton: `link-button ${_0$15}`,
|
|
8370
|
+
linkButtonIcon: `link-button-icon ${_1$7}`,
|
|
8372
8371
|
icon: `icon`,
|
|
8373
8372
|
linkButtonLabel: `link-button-label ${_2$4}`,
|
|
8374
|
-
publishButton: `publish-button primary-button ${
|
|
8375
|
-
publishButtonIcon: `publish-button-icon primary-button-icon ${
|
|
8373
|
+
publishButton: `publish-button primary-button ${_0$15}`,
|
|
8374
|
+
publishButtonIcon: `publish-button-icon primary-button-icon ${_1$7}`,
|
|
8376
8375
|
publishButtonLabel: `publish-button-label primary-button-label ${_2$4}`,
|
|
8377
8376
|
publishButtonAnimation: `publish-button-animation`,
|
|
8378
8377
|
isDone: `is-done`,
|
|
@@ -19665,7 +19664,7 @@ var FluxStatistic_default = /* @__PURE__ */ defineComponent({
|
|
|
19665
19664
|
});
|
|
19666
19665
|
//#endregion
|
|
19667
19666
|
//#region src/css/component/Stepper.module.scss
|
|
19668
|
-
var { "
|
|
19667
|
+
var { "sparklesContainer": _0$2, "sparklesContainerActive": _1, "sparklesParticles": _2 } = {
|
|
19669
19668
|
sparklesContainer: `sparkles-container`,
|
|
19670
19669
|
sparklesParticles: `sparkles-particles`,
|
|
19671
19670
|
sparklesContainerActive: `sparkles-container-active`,
|
|
@@ -19676,11 +19675,11 @@ var { "sparklesContainerActive": _0$2, "sparklesContainer": _1, "sparklesParticl
|
|
|
19676
19675
|
var Stepper_module_default = {
|
|
19677
19676
|
stepperStep: `stepper-step`,
|
|
19678
19677
|
stepperSteps: `stepper-steps`,
|
|
19679
|
-
stepperStepsItem: `stepper-steps-item ${
|
|
19678
|
+
stepperStepsItem: `stepper-steps-item ${_0$2}`,
|
|
19680
19679
|
icon: `icon`,
|
|
19681
|
-
stepperStepsItemComplete: `stepper-steps-item-complete ${
|
|
19682
|
-
stepperStepsItemCurrent: `stepper-steps-item-current stepper-steps-item ${
|
|
19683
|
-
stepperStepsItemIdle: `stepper-steps-item-idle stepper-steps-item ${
|
|
19680
|
+
stepperStepsItemComplete: `stepper-steps-item-complete ${_1} stepper-steps-item ${_0$2}`,
|
|
19681
|
+
stepperStepsItemCurrent: `stepper-steps-item-current stepper-steps-item ${_0$2}`,
|
|
19682
|
+
stepperStepsItemIdle: `stepper-steps-item-idle stepper-steps-item ${_0$2}`,
|
|
19684
19683
|
stepperStepsItemParticles: `stepper-steps-item-particles ${_2}`
|
|
19685
19684
|
};
|
|
19686
19685
|
//#endregion
|