@flux-ui/components 3.0.0-next.3 → 3.0.0-next.4
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/flux.js +9 -9
- package/package.json +3 -3
package/dist/flux.js
CHANGED
|
@@ -2769,7 +2769,7 @@ var wr = { beforeUnmount(t) {
|
|
|
2769
2769
|
let e = new Cr(t);
|
|
2770
2770
|
e.register(), qn.set(t, e);
|
|
2771
2771
|
} }, qn = /* @__PURE__ */ new WeakMap();
|
|
2772
|
-
const Sr = "base-pane", Br = "base-pane-loader", Er = "base-pane-element", Ir = "form", Tr = "pane-header", Lr = "base-pane-structure base-pane", dt = { basePane: Sr, basePaneLoader: Br, basePaneElement: Er, form: Ir, paneHeader: Tr, basePaneStructure: Lr }, { basePane: ot } = dt, Dr = "icon", Mr = "font-awesome-icon icon", Pr = "material-symbol-icon icon", Vr = `icon-boxed
|
|
2772
|
+
const Sr = "base-pane", Br = "base-pane-loader", Er = "base-pane-element", Ir = "form", Tr = "pane-header", Lr = "base-pane-structure base-pane", dt = { basePane: Sr, basePaneLoader: Br, basePaneElement: Er, form: Ir, paneHeader: Tr, basePaneStructure: Lr }, { basePane: ot } = dt, Dr = "icon", Mr = "font-awesome-icon icon", Pr = "material-symbol-icon icon", Vr = `icon-boxed ${ot}`, xr = `icon-boxed-default icon-boxed ${ot}`, Rr = `icon-boxed-primary icon-boxed-colored icon-boxed ${ot}`, Or = `icon-boxed-danger icon-boxed-colored icon-boxed ${ot}`, zr = `icon-boxed-colored icon-boxed ${ot}`, Hr = `icon-boxed-info icon-boxed-colored icon-boxed ${ot}`, Nr = `icon-boxed-warning icon-boxed-colored icon-boxed ${ot}`, Gr = `icon-boxed-gray icon-boxed-colored icon-boxed ${ot}`, _r = `icon-boxed-success icon-boxed-colored icon-boxed ${ot}`, Ke = { icon: Dr, fontAwesomeIcon: Mr, materialSymbolIcon: Pr, iconBoxed: Vr, iconBoxedDefault: xr, iconBoxedPrimary: Rr, iconBoxedDanger: Or, iconBoxedColored: zr, iconBoxedInfo: Hr, iconBoxedWarning: Nr, iconBoxedGray: Gr, iconBoxedSuccess: _r }, Ur = ["viewBox"], Wr = ["d"], _ = /* @__PURE__ */ k({
|
|
2773
2773
|
__name: "FluxIcon",
|
|
2774
2774
|
props: {
|
|
2775
2775
|
size: {},
|
|
@@ -3009,7 +3009,7 @@ const Sr = "base-pane", Br = "base-pane-loader", Er = "base-pane-element", Ir =
|
|
|
3009
3009
|
_: 3
|
|
3010
3010
|
}, 8, ["component-type", "class", "type", "aria-disabled", "disabled", "tabindex", "href", "rel", "target", "to"]));
|
|
3011
3011
|
}
|
|
3012
|
-
}), su = "button", ou = "is-small", lu = "is-medium", ru = "is-large", uu = "is-xl", cu = "is-filled", du = "button-icon", mu = "button-label", ka = { button: su, isSmall: ou, isMedium: lu, isLarge: ru, isXl: uu, isFilled: cu, buttonIcon: du, buttonLabel: mu }, {
|
|
3012
|
+
}), su = "button", ou = "is-small", lu = "is-medium", ru = "is-large", uu = "is-xl", cu = "is-filled", du = "button-icon", mu = "button-label", ka = { button: su, isSmall: ou, isMedium: lu, isLarge: ru, isXl: uu, isFilled: cu, buttonIcon: du, buttonLabel: mu }, { buttonIcon: pu, button: fu, buttonLabel: hu } = ka, gu = "spinner", bu = "is-destructive", vu = "action-bar", yu = "separator", ku = "form-input", Au = "base-pane-structure", $u = "pane-header", Fu = "action-pane", Cu = "action-pane-grid", wu = "action-pane-body", Su = `action-icon ${pu}`, Bu = `action ${fu}`, Eu = `action-label ${hu}`, at = { spinner: gu, isDestructive: bu, actionBar: vu, separator: yu, formInput: ku, basePaneStructure: Au, paneHeader: $u, actionPane: Fu, actionPaneGrid: Cu, actionPaneBody: wu, actionIcon: Su, action: Bu, actionLabel: Eu }, Iu = /* @__PURE__ */ k({
|
|
3013
3013
|
__name: "FluxAction",
|
|
3014
3014
|
props: {
|
|
3015
3015
|
type: {},
|
|
@@ -3099,7 +3099,7 @@ const Tu = (t, e) => {
|
|
|
3099
3099
|
function Lu(t) {
|
|
3100
3100
|
return !!t && "$t" in t;
|
|
3101
3101
|
}
|
|
3102
|
-
const {
|
|
3102
|
+
const { buttonIcon: rn, button: un, buttonLabel: cn } = ka, Du = "spinner", Mu = "icon", Pu = "publish-button-animation", Vu = "is-done", xu = "publish-button-animation-arrow", Ru = "publish-arrow-out", Ou = "publish-button-animation-check", zu = "publish-button-animation-circle", Hu = "is-idle", Nu = "is-loading", Gu = "publish-arrow-in", _u = "publish-button-cloud", Uu = "publish", Wu = "button-group", ju = "button", qu = `primary-button-icon ${rn}`, Ku = `secondary-button ${un}`, Yu = `primary-button ${un}`, Zu = `primary-button-label ${cn}`, Qu = `destructive-button ${un}`, Xu = `secondary-button-label ${cn}`, Ju = `destructive-button-icon ${rn}`, ec = `link-button-icon ${rn}`, tc = `secondary-button-icon ${rn}`, nc = `link-button ${un}`, ac = `publish-button-icon primary-button-icon ${rn}`, ic = `link-button-label ${cn}`, sc = `publish-button-label primary-button-label ${cn}`, oc = `publish-button primary-button ${un}`, lc = `destructive-button-label ${cn}`, oe = { spinner: Du, icon: Mu, publishButtonAnimation: Pu, isDone: Vu, publishButtonAnimationArrow: xu, publishArrowOut: Ru, publishButtonAnimationCheck: Ou, publishButtonAnimationCircle: zu, isIdle: Hu, isLoading: Nu, publishArrowIn: Gu, publishButtonCloud: _u, publish: Uu, buttonGroup: Wu, button: ju, primaryButtonIcon: qu, secondaryButton: Ku, primaryButton: Yu, primaryButtonLabel: Zu, destructiveButton: Qu, secondaryButtonLabel: Xu, destructiveButtonIcon: Ju, linkButtonIcon: ec, secondaryButtonIcon: tc, linkButton: nc, publishButtonIcon: ac, linkButtonLabel: ic, publishButtonLabel: sc, publishButton: oc, destructiveButtonLabel: lc }, Rn = /* @__PURE__ */ k({
|
|
3103
3103
|
__name: "FluxButtonGroup",
|
|
3104
3104
|
setup(t) {
|
|
3105
3105
|
return (e, a) => (c(), p("div", {
|
|
@@ -3144,7 +3144,7 @@ const { button: rn, buttonLabel: un, buttonIcon: cn } = ka, Du = "spinner", Mu =
|
|
|
3144
3144
|
}))
|
|
3145
3145
|
]), 1040, ["css-class", "css-class-icon", "css-class-label"]));
|
|
3146
3146
|
}
|
|
3147
|
-
}), { basePaneStructure: dn, basePaneElement: Aa, basePaneLoader: uc } = dt, cc = "base-pane-element", dc = "pane-header-caption", mc = "pane-header-icon", pc = "pane-tag", fc = "pane-media", hc = "pane-media-image", gc = "base-auto-grid", bc = "pane-group", vc = "pane-illustration", yc = "pane-illustration-content", kc = "pane-illustration-magic", Ac = "icon-boxed", $c = "pane-media-inset pane-media", Fc = "pane-illustration-content-controlled pane-illustration-content", Cc = "pane-illustration-masked pane-illustration", wc = `pane ${dn}`, Sc = `pane-
|
|
3147
|
+
}), { basePaneStructure: dn, basePaneElement: Aa, basePaneLoader: uc } = dt, cc = "base-pane-element", dc = "pane-header-caption", mc = "pane-header-icon", pc = "pane-tag", fc = "pane-media", hc = "pane-media-image", gc = "base-auto-grid", bc = "pane-group", vc = "pane-illustration", yc = "pane-illustration-content", kc = "pane-illustration-magic", Ac = "icon-boxed", $c = "pane-media-inset pane-media", Fc = "pane-illustration-content-controlled pane-illustration-content", Cc = "pane-illustration-masked pane-illustration", wc = `pane-default pane ${dn}`, Sc = `pane-well pane ${dn}`, Bc = `pane ${dn}`, Ec = `pane-body ${Aa}`, Ic = `pane-flat pane ${dn}`, Tc = `pane-header ${Aa}`, Lc = `pane-footer ${Aa}`, Dc = `pane-loader ${uc}`, Mc = `pane-deck pane-default pane ${dn}`, le = { basePaneElement: cc, paneHeaderCaption: dc, paneHeaderIcon: mc, paneTag: pc, paneMedia: fc, paneMediaImage: hc, baseAutoGrid: gc, paneGroup: bc, paneIllustration: vc, paneIllustrationContent: yc, paneIllustrationMagic: kc, iconBoxed: Ac, paneMediaInset: $c, paneIllustrationContentControlled: Fc, paneIllustrationMasked: Cc, paneDefault: wc, paneWell: Sc, pane: Bc, paneBody: Ec, paneFlat: Ic, paneHeader: Tc, paneFooter: Lc, paneLoader: Dc, paneDeck: Mc }, Tt = /* @__PURE__ */ k({
|
|
3148
3148
|
__name: "FluxPane",
|
|
3149
3149
|
props: {
|
|
3150
3150
|
isLoading: { type: Boolean },
|
|
@@ -9186,7 +9186,7 @@ const fg = {
|
|
|
9186
9186
|
_: 3
|
|
9187
9187
|
}));
|
|
9188
9188
|
}
|
|
9189
|
-
}), { baseAutoGrid: dy } = ts, my = "aspect-ratio", py = "container", fy = "spacer", hy = "stack", gy = "is-centered", by = "is-fill", vy = "is-wrapping", yy = "stack-horizontal stack", ky = "stack-vertical stack", Ay = `auto-grid ${dy}`, $y = { aspectRatio: my, container: py, spacer: fy, stack: hy, isCentered: gy, isFill: by, isWrapping: vy, stackHorizontal: yy, stackVertical: ky, autoGrid: Ay }, {
|
|
9189
|
+
}), { baseAutoGrid: dy } = ts, my = "aspect-ratio", py = "container", fy = "spacer", hy = "stack", gy = "is-centered", by = "is-fill", vy = "is-wrapping", yy = "stack-horizontal stack", ky = "stack-vertical stack", Ay = `auto-grid ${dy}`, $y = { aspectRatio: my, container: py, spacer: fy, stack: hy, isCentered: gy, isFill: by, isWrapping: vy, stackHorizontal: yy, stackVertical: ky, autoGrid: Ay }, { stackHorizontal: Fy, stackVertical: Cy } = $y, wy = "legend-item", Sy = `legend-horizontal ${Fy}`, By = `legend-vertical ${Cy}`, Xn = { legendItem: wy, legendHorizontal: Sy, legendVertical: By }, Ey = /* @__PURE__ */ k({
|
|
9190
9190
|
__name: "FluxLegend",
|
|
9191
9191
|
props: {
|
|
9192
9192
|
direction: { default: "horizontal" },
|
|
@@ -9279,7 +9279,7 @@ const fg = {
|
|
|
9279
9279
|
role: "presentation"
|
|
9280
9280
|
}, R(e.title), 3));
|
|
9281
9281
|
}
|
|
9282
|
-
}), { basePaneElement: Lt } = dt, Iy = "button", Ty = "notice-body", Ly = "notice-close", Dy = "icon", My = "notice-prefix", Py = "notice-message", Vy = "notice-title", xy = "is-center", Ry = "is-fluid", Oy = "spinner-track", zy = "spinner-effect", Hy = "spinner-value", Ny = "base-pane", Gy = `notice
|
|
9282
|
+
}), { basePaneElement: Lt } = dt, Iy = "button", Ty = "notice-body", Ly = "notice-close", Dy = "icon", My = "notice-prefix", Py = "notice-message", Vy = "notice-title", xy = "is-center", Ry = "is-fluid", Oy = "spinner-track", zy = "spinner-effect", Hy = "spinner-value", Ny = "base-pane", Gy = `notice ${Lt}`, _y = `notice-gray notice ${Lt}`, Uy = `notice-primary notice ${Lt}`, Wy = `notice-danger notice ${Lt}`, jy = `notice-success notice ${Lt}`, qy = `notice-warning notice ${Lt}`, Ky = `notice-info notice ${Lt}`, Te = { button: Iy, noticeBody: Ty, noticeClose: Ly, icon: Dy, noticePrefix: My, noticeMessage: Py, noticeTitle: Vy, isCenter: xy, isFluid: Ry, spinnerTrack: Oy, spinnerEffect: zy, spinnerValue: Hy, basePane: Ny, notice: Gy, noticeGray: _y, noticePrimary: Uy, noticeDanger: Wy, noticeSuccess: jy, noticeWarning: qy, noticeInfo: Ky }, mF = /* @__PURE__ */ k({
|
|
9283
9283
|
__name: "FluxNotice",
|
|
9284
9284
|
props: {
|
|
9285
9285
|
color: { default: "gray" },
|
|
@@ -10128,7 +10128,7 @@ const fg = {
|
|
|
10128
10128
|
_: 1
|
|
10129
10129
|
}));
|
|
10130
10130
|
}
|
|
10131
|
-
}), { basePane: Dt } = dt, Ok = "action", zk = "progress-bar", Hk = "progress-bar-track", Nk = "snackbar-content", Gk = "icon", _k = "spinner", Uk = "snackbar-body", Wk = "snackbar-message", jk = "snackbar-sub-message", qk = "snackbar-title", Kk = "snackbar-action", Yk = "snackbar-actions", Zk = "spinner-effect", Qk = "spinner-value", Xk = "snackbars", Jk = "snackbars-enter-active", e1 = "snackbars-leave-active", t1 = "snackbars-move", n1 = "snackbars-enter-from", a1 = "snackbars-leave-to", i1 = `snackbar ${Dt}`, s1 = `snackbar-gray snackbar ${Dt}`, o1 = `snackbar-primary snackbar ${Dt}`, l1 = `snackbar-
|
|
10131
|
+
}), { basePane: Dt } = dt, Ok = "action", zk = "progress-bar", Hk = "progress-bar-track", Nk = "snackbar-content", Gk = "icon", _k = "spinner", Uk = "snackbar-body", Wk = "snackbar-message", jk = "snackbar-sub-message", qk = "snackbar-title", Kk = "snackbar-action", Yk = "snackbar-actions", Zk = "spinner-effect", Qk = "spinner-value", Xk = "snackbars", Jk = "snackbars-enter-active", e1 = "snackbars-leave-active", t1 = "snackbars-move", n1 = "snackbars-enter-from", a1 = "snackbars-leave-to", i1 = `snackbar ${Dt}`, s1 = `snackbar-gray snackbar ${Dt}`, o1 = `snackbar-primary snackbar ${Dt}`, l1 = `snackbar-danger snackbar ${Dt}`, r1 = `snackbar-success snackbar ${Dt}`, u1 = `snackbar-info snackbar ${Dt}`, c1 = `snackbar-warning snackbar ${Dt}`, ke = { action: Ok, progressBar: zk, progressBarTrack: Hk, snackbarContent: Nk, icon: Gk, spinner: _k, snackbarBody: Uk, snackbarMessage: Wk, snackbarSubMessage: jk, snackbarTitle: qk, snackbarAction: Kk, snackbarActions: Yk, spinnerEffect: Zk, spinnerValue: Qk, snackbars: Xk, snackbarsEnterActive: Jk, snackbarsLeaveActive: e1, snackbarsMove: t1, snackbarsEnterFrom: n1, snackbarsLeaveTo: a1, snackbar: i1, snackbarGray: s1, snackbarPrimary: o1, snackbarDanger: l1, snackbarSuccess: r1, snackbarInfo: u1, snackbarWarning: c1 }, d1 = ["onClick"], m1 = /* @__PURE__ */ k({
|
|
10132
10132
|
__name: "FluxSnackbar",
|
|
10133
10133
|
props: {
|
|
10134
10134
|
actions: {},
|
|
@@ -10609,7 +10609,7 @@ const $1 = "root", F1 = "is-locked", ea = { root: $1, isLocked: F1 }, C1 = ["ine
|
|
|
10609
10609
|
_: 1
|
|
10610
10610
|
}, 8, ["class"]));
|
|
10611
10611
|
}
|
|
10612
|
-
}), j1 = "sparkles-container", q1 = "sparkles-particles", K1 = "sparkles-container-active", Y1 = "heart", Z1 = "bubble", Q1 = "sparkles", X1 = { sparklesContainer: j1, sparklesParticles: q1, sparklesContainerActive: K1, heart: Y1, bubble: Z1, sparkles: Q1 }, {
|
|
10612
|
+
}), j1 = "sparkles-container", q1 = "sparkles-particles", K1 = "sparkles-container-active", Y1 = "heart", Z1 = "bubble", Q1 = "sparkles", X1 = { sparklesContainer: j1, sparklesParticles: q1, sparklesContainerActive: K1, heart: Y1, bubble: Z1, sparkles: Q1 }, { sparklesContainerActive: J1, sparklesContainer: Nn, sparklesParticles: eA } = X1, tA = "stepper-step", nA = "stepper-steps", aA = "icon", iA = `stepper-steps-item ${Nn}`, sA = `stepper-steps-item-complete ${J1} stepper-steps-item ${Nn}`, oA = `stepper-steps-item-particles ${eA}`, lA = `stepper-steps-item-current stepper-steps-item ${Nn}`, rA = `stepper-steps-item-idle stepper-steps-item ${Nn}`, vt = { stepperStep: tA, stepperSteps: nA, icon: aA, stepperStepsItem: iA, stepperStepsItemComplete: sA, stepperStepsItemParticles: oA, stepperStepsItemCurrent: lA, stepperStepsItemIdle: rA }, uA = ["onClick"], cA = { key: 1 }, dA = /* @__PURE__ */ k({
|
|
10613
10613
|
__name: "FluxStepperSteps",
|
|
10614
10614
|
props: {
|
|
10615
10615
|
amount: {},
|
|
@@ -11189,7 +11189,7 @@ const $1 = "root", F1 = "is-locked", ea = { root: $1, isLocked: F1 }, C1 = ["ine
|
|
|
11189
11189
|
}, null, 42, YA)
|
|
11190
11190
|
], 10, KA));
|
|
11191
11191
|
}
|
|
11192
|
-
}), { basePane: ps } = dt, ZA = "toolbar", QA = "separator-vertical", XA = "is-free", JA = "is-top-end", e$ = "is-top-start", t$ = "is-bottom-end", n$ = "is-bottom-start", a$ = "base-pane-structure", i$ = "pane-header", s$ = `toolbar-
|
|
11192
|
+
}), { basePane: ps } = dt, ZA = "toolbar", QA = "separator-vertical", XA = "is-free", JA = "is-top-end", e$ = "is-top-start", t$ = "is-bottom-end", n$ = "is-bottom-start", a$ = "base-pane-structure", i$ = "pane-header", s$ = `toolbar-floating ${ps} toolbar`, o$ = `toolbar-flat ${ps} toolbar`, gt = { toolbar: ZA, separatorVertical: QA, isFree: XA, isTopEnd: JA, isTopStart: e$, isBottomEnd: t$, isBottomStart: n$, basePaneStructure: a$, paneHeader: i$, toolbarFloating: s$, toolbarFlat: o$ }, GF = /* @__PURE__ */ k({
|
|
11193
11193
|
__name: "FluxToolbar",
|
|
11194
11194
|
props: {
|
|
11195
11195
|
floatingMode: {}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flux-ui/components",
|
|
3
3
|
"description": "A set of opiniated UI components.",
|
|
4
|
-
"version": "3.0.0-next.
|
|
4
|
+
"version": "3.0.0-next.4",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"funding": "https://github.com/sponsors/basmilius",
|
|
@@ -53,8 +53,8 @@
|
|
|
53
53
|
"sideEffects": false,
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@basmilius/utils": "^1.13.0",
|
|
56
|
-
"@flux-ui/internals": "0.0.
|
|
57
|
-
"@flux-ui/types": "0.0.
|
|
56
|
+
"@flux-ui/internals": "3.0.0-next.4",
|
|
57
|
+
"@flux-ui/types": "3.0.0-next.4",
|
|
58
58
|
"@fortawesome/fontawesome-common-types": "^6.7.2",
|
|
59
59
|
"clsx": "^2.1.1",
|
|
60
60
|
"imask": "^7.6.1",
|