@flux-ui/components 3.0.0-next.48 → 3.0.0-next.51
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/README.md +24 -6
- package/dist/index.js +4 -4
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,17 +1,35 @@
|
|
|
1
1
|
# `@flux-ui/components`
|
|
2
2
|
|
|
3
|
-
Flux UI
|
|
4
|
-
|
|
3
|
+
The main component library of Flux UI — an opinionated set of UI components for [Vue 3](https://vuejs.org).
|
|
4
|
+
|
|
5
|
+
Documentation lives at [flux-ui.dev](https://flux-ui.dev). This readme covers building the package locally.
|
|
6
|
+
|
|
7
|
+
## Highlights
|
|
8
|
+
|
|
9
|
+
- 100+ Vue 3 components built with `<script setup lang="ts">`.
|
|
10
|
+
- CSS Modules with shared design tokens (palette scales, semantic surfaces, focus rings).
|
|
11
|
+
- Programmatic helpers: `showAlert`, `showConfirm`, `showPrompt`, `showSnackbar`.
|
|
12
|
+
- Public composables: `useBreakpoints`, `useDisabled`.
|
|
13
|
+
- FontAwesome Pro icons (registered through `fluxRegisterIcons`).
|
|
5
14
|
|
|
6
15
|
## ⭐️ Prerequisites
|
|
7
16
|
|
|
8
17
|
- Bun >= 1.2.13
|
|
9
18
|
- Node >= 23
|
|
19
|
+
- A FontAwesome Pro npm token in `FONTAWESOME_NPM_AUTH_TOKEN` (see the root `.npmrc`).
|
|
10
20
|
|
|
11
21
|
## 🚀 Getting started
|
|
12
22
|
|
|
13
|
-
1. Make sure
|
|
14
|
-
2. Run `bun install` in the root
|
|
15
|
-
3. Run `bun --cwd packages/components build` to build the
|
|
16
|
-
4. To link Flux globally
|
|
23
|
+
1. Make sure the Flux monorepo is checked out.
|
|
24
|
+
2. Run `bun install` in the project root.
|
|
25
|
+
3. Run `bun run --cwd packages/components build` to build the package (runs `vue-tsc` then `vite build`).
|
|
26
|
+
4. To link Flux globally with Bun, run `bun link --cwd packages/components`.
|
|
17
27
|
- In another project, use `link:@flux-ui/components` as the dependency version in `package.json`.
|
|
28
|
+
|
|
29
|
+
## 📦 Sibling packages
|
|
30
|
+
|
|
31
|
+
- [`@flux-ui/types`](../types) — public TypeScript types.
|
|
32
|
+
- [`@flux-ui/internals`](../internals) — shared composables, utilities, and directives.
|
|
33
|
+
- [`@flux-ui/statistics`](../statistics) — chart components built on ApexCharts.
|
|
34
|
+
- [`@flux-ui/dashboard`](../dashboard) — dashboard layout components.
|
|
35
|
+
- [`@flux-ui/application`](../application) — application shell components.
|
package/dist/index.js
CHANGED
|
@@ -10244,7 +10244,7 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
|
|
|
10244
10244
|
});
|
|
10245
10245
|
//#endregion
|
|
10246
10246
|
//#region src/css/component/Menu.module.scss
|
|
10247
|
-
var { "
|
|
10247
|
+
var { "button": _0$13, "buttonIcon": _1$5, "buttonLabel": _2$2 } = Button_module_default$1;
|
|
10248
10248
|
var Menu_module_default = {
|
|
10249
10249
|
menu: `menu`,
|
|
10250
10250
|
menuNormal: `menu-normal menu`,
|
|
@@ -10252,9 +10252,9 @@ var Menu_module_default = {
|
|
|
10252
10252
|
menuGroup: `menu-group`,
|
|
10253
10253
|
menuGroupHorizontal: `menu-group-horizontal menu-group`,
|
|
10254
10254
|
menuGroupVertical: `menu-group-vertical menu-group`,
|
|
10255
|
-
menuItem: `menu-item ${
|
|
10255
|
+
menuItem: `menu-item ${_0$13}`,
|
|
10256
10256
|
badge: `badge`,
|
|
10257
|
-
menuItemIcon: `menu-item-icon ${
|
|
10257
|
+
menuItemIcon: `menu-item-icon ${_1$5}`,
|
|
10258
10258
|
menuItemLabel: `menu-item-label ${_2$2}`,
|
|
10259
10259
|
menuItemActive: `menu-item-active`,
|
|
10260
10260
|
menuItemDestructive: `menu-item-destructive`,
|
|
@@ -10264,7 +10264,7 @@ var Menu_module_default = {
|
|
|
10264
10264
|
menuCollapsibleOpened: `menu-collapsible-opened menu-collapsible`,
|
|
10265
10265
|
menuCollapsibleBody: `menu-collapsible-body`,
|
|
10266
10266
|
menuCollapsibleContent: `menu-collapsible-content`,
|
|
10267
|
-
menuItemSelectableIcon: `menu-item-selectable-icon ${
|
|
10267
|
+
menuItemSelectableIcon: `menu-item-selectable-icon ${_1$5}`,
|
|
10268
10268
|
menuItemSelected: `menu-item-selected`,
|
|
10269
10269
|
menuItemCommand: `menu-item-command`,
|
|
10270
10270
|
menuItemCommandIcon: `menu-item-command-icon`,
|
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.51",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"funding": "https://github.com/sponsors/basmilius",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"@basmilius/common": "^3.19.0",
|
|
51
51
|
"@basmilius/utils": "^3.19.0",
|
|
52
|
-
"@flux-ui/internals": "3.0.0-next.
|
|
53
|
-
"@flux-ui/types": "3.0.0-next.
|
|
52
|
+
"@flux-ui/internals": "3.0.0-next.51",
|
|
53
|
+
"@flux-ui/types": "3.0.0-next.51",
|
|
54
54
|
"@fortawesome/fontawesome-common-types": "^7.2.0",
|
|
55
55
|
"clsx": "^2.1.1",
|
|
56
56
|
"imask": "^7.6.1",
|