@aggc/ui 0.4.0 → 0.5.0
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 +19 -0
- package/dist/chunks/UiSkeleton.vue_vue_type_script_setup_true_lang-Lghyrtms.js +1201 -0
- package/dist/chunks/pageHeader-CcJrPX_8.js +522 -0
- package/dist/components/PageSurface.styles.d.ts +1 -0
- package/dist/components/PageSurface.vue.d.ts +13 -0
- package/dist/components/ResultPanel.styles.d.ts +64 -0
- package/dist/components/ResultPanel.vue.d.ts +16 -0
- package/dist/components/SectionCard.styles.d.ts +13 -0
- package/dist/components/SectionCard.vue.d.ts +27 -0
- package/dist/components/StatusBadge.styles.d.ts +24 -0
- package/dist/components/StatusBadge.vue.d.ts +18 -0
- package/dist/components/UiButton.styles.d.ts +54 -0
- package/dist/components/UiButton.vue.d.ts +28 -0
- package/dist/components/UiCheckbox.styles.d.ts +42 -0
- package/dist/components/UiCheckbox.vue.d.ts +37 -0
- package/dist/components/UiField.styles.d.ts +7 -0
- package/dist/components/UiField.vue.d.ts +22 -0
- package/dist/components/UiLoadingState.styles.d.ts +4 -0
- package/dist/components/UiLoadingState.vue.d.ts +10 -0
- package/dist/components/UiSegmentedControl.styles.d.ts +23 -0
- package/dist/components/UiSegmentedControl.vue.d.ts +14 -0
- package/dist/components/UiSelect.styles.d.ts +104 -0
- package/dist/components/UiSelect.vue.d.ts +35 -0
- package/dist/components/UiSkeleton.styles.d.ts +67 -0
- package/dist/components/UiSkeleton.vue.d.ts +12 -0
- package/dist/components/index.d.ts +11 -0
- package/dist/components.d.ts +1 -0
- package/dist/components.js +14 -0
- package/dist/css.d.ts +2 -0
- package/dist/css.js +1 -0
- package/dist/fonts.css +6 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +65 -0
- package/dist/styles/index.d.ts +20 -0
- package/dist/styles/layouts/cluster.d.ts +27 -0
- package/dist/styles/layouts/page.d.ts +2 -0
- package/dist/styles/layouts/split.d.ts +22 -0
- package/dist/styles/layouts/stack.d.ts +19 -0
- package/dist/styles/patterns/actionToolbar.d.ts +1 -0
- package/dist/styles/patterns/emptyState.d.ts +2 -0
- package/dist/styles/patterns/infoPanel.d.ts +2 -0
- package/dist/styles/patterns/metricGrid.d.ts +22 -0
- package/dist/styles/patterns/pageHeader.d.ts +3 -0
- package/dist/styles/patterns/resultRegion.d.ts +1 -0
- package/dist/styles/patterns/selectableListDetail.d.ts +3 -0
- package/dist/styles/primitives/feedback.d.ts +4 -0
- package/dist/styles/primitives/fields.d.ts +3 -0
- package/dist/styles/primitives/surfaces.d.ts +3 -0
- package/dist/styles/primitives/typography.d.ts +6 -0
- package/dist/styles/recipes/badge.recipe.d.ts +32 -0
- package/dist/styles/recipes/button.recipe.d.ts +51 -0
- package/dist/styles/recipes/card.recipe.d.ts +59 -0
- package/dist/styles/recipes/dropdown.recipe.d.ts +25 -0
- package/dist/styles/recipes/input.recipe.d.ts +32 -0
- package/dist/styles.d.ts +1 -0
- package/dist/styles.js +429 -0
- package/dist/tokens/colors.d.ts +360 -0
- package/dist/tokens/core-colors.d.ts +238 -0
- package/dist/tokens/desktop-colors.d.ts +132 -0
- package/dist/tokens/index.d.ts +7 -0
- package/dist/tokens/motion.d.ts +10 -0
- package/dist/tokens/radius.d.ts +5 -0
- package/dist/tokens/spacing.d.ts +8 -0
- package/dist/tokens/typography.d.ts +10 -0
- package/dist/tokens-core.d.ts +5 -0
- package/dist/tokens-core.js +69 -0
- package/dist/tokens-desktop.d.ts +1 -0
- package/dist/tokens-desktop.js +30 -0
- package/dist/tokens.d.ts +1 -0
- package/dist/tokens.js +16 -0
- package/dist/ui.css +2026 -0
- package/package.json +3 -2
- package/src/components/PageSurface.styles.ts +3 -0
- package/src/components/PageSurface.vue +9 -0
- package/src/components/ResultPanel.styles.ts +108 -0
- package/src/components/ResultPanel.test.ts +22 -0
- package/src/components/ResultPanel.vue +70 -0
- package/src/components/SectionCard.styles.ts +65 -0
- package/src/components/SectionCard.test.ts +22 -0
- package/src/components/SectionCard.vue +51 -0
- package/src/components/StatusBadge.styles.ts +49 -0
- package/src/components/StatusBadge.test.ts +18 -0
- package/src/components/StatusBadge.vue +18 -0
- package/src/components/UiButton.styles.ts +29 -0
- package/src/components/UiButton.test.ts +21 -0
- package/src/components/UiButton.vue +46 -0
- package/src/components/UiCheckbox.styles.ts +118 -0
- package/src/components/UiCheckbox.test.ts +18 -0
- package/src/components/UiCheckbox.vue +72 -0
- package/src/components/UiField.styles.ts +35 -0
- package/src/components/UiField.test.ts +22 -0
- package/src/components/UiField.vue +36 -0
- package/src/components/UiLoadingState.styles.ts +36 -0
- package/src/components/UiLoadingState.vue +34 -0
- package/src/components/UiSegmentedControl.styles.ts +49 -0
- package/src/components/UiSegmentedControl.vue +30 -0
- package/src/components/UiSelect.styles.ts +214 -0
- package/src/components/UiSelect.test.ts +49 -0
- package/src/components/UiSelect.vue +256 -0
- package/src/components/UiSkeleton.styles.ts +93 -0
- package/src/components/UiSkeleton.vue +48 -0
- package/src/components/index.ts +11 -0
- package/src/components.ts +1 -0
- package/src/css/base.css +62 -0
- package/src/css/fonts.css +6 -0
- package/src/css/index.css +2 -0
- package/src/css/storybook.css +15 -0
- package/src/env.d.ts +1 -0
- package/src/index.ts +3 -0
- package/src/stories/feedback/ResultPanel.stories.ts +76 -0
- package/src/stories/feedback/StatusBadge.stories.ts +50 -0
- package/src/stories/feedback/UiLoadingState.stories.ts +52 -0
- package/src/stories/feedback/UiSkeleton.stories.ts +85 -0
- package/src/stories/forms/UiCheckbox.stories.ts +104 -0
- package/src/stories/forms/UiField.stories.ts +87 -0
- package/src/stories/forms/UiSelect.stories.ts +134 -0
- package/src/stories/layout/PageSurface.stories.ts +53 -0
- package/src/stories/layout/SectionCard.stories.ts +85 -0
- package/src/stories/primitives/UiButton.stories.ts +145 -0
- package/src/stories/primitives/UiSegmentedControl.stories.ts +67 -0
- package/src/stories/support/StoryThemeFrame.vue +101 -0
- package/src/stories/support/sources.ts +374 -0
- package/src/stories/support/storyStyles.ts +150 -0
- package/src/styles/README.md +23 -0
- package/src/styles/index.ts +20 -0
- package/src/styles/layouts/cluster.ts +27 -0
- package/src/styles/layouts/page.ts +22 -0
- package/src/styles/layouts/split.ts +26 -0
- package/src/styles/layouts/stack.ts +21 -0
- package/src/styles/patterns/actionToolbar.ts +8 -0
- package/src/styles/patterns/emptyState.ts +23 -0
- package/src/styles/patterns/infoPanel.ts +22 -0
- package/src/styles/patterns/metricGrid.ts +19 -0
- package/src/styles/patterns/pageHeader.ts +19 -0
- package/src/styles/patterns/resultRegion.ts +7 -0
- package/src/styles/patterns/selectableListDetail.ts +21 -0
- package/src/styles/primitives/feedback.ts +23 -0
- package/src/styles/primitives/fields.ts +76 -0
- package/src/styles/primitives/surfaces.ts +52 -0
- package/src/styles/primitives/typography.ts +42 -0
- package/src/styles/recipes/badge.recipe.ts +54 -0
- package/src/styles/recipes/button.recipe.ts +115 -0
- package/src/styles/recipes/card.recipe.ts +64 -0
- package/src/styles/recipes/dropdown.recipe.ts +40 -0
- package/src/styles/recipes/input.recipe.ts +59 -0
- package/src/styles.ts +1 -0
- package/src/test/setup.ts +1 -0
- package/src/tokens/colors.ts +16 -0
- package/src/tokens/core-colors.ts +53 -0
- package/src/tokens/desktop-colors.ts +37 -0
- package/src/tokens/index.ts +8 -0
- package/src/tokens/motion.ts +6 -0
- package/src/tokens/radius.ts +3 -0
- package/src/tokens/spacing.ts +4 -0
- package/src/tokens/typography.ts +6 -0
- package/src/tokens-core.ts +5 -0
- package/src/tokens-desktop.ts +1 -0
- package/src/tokens.ts +1 -0
package/README.md
CHANGED
|
@@ -51,6 +51,25 @@ You can also consume the public subpaths:
|
|
|
51
51
|
- `@aggc/ui/tokens/desktop-only` — desktop-only tokens: `result.*`, `nav.*`, `sync.*`
|
|
52
52
|
- `@aggc/ui/ui.css` — direct CSS asset (for bundlers that handle CSS imports natively)
|
|
53
53
|
|
|
54
|
+
## PandaCSS consumer setup
|
|
55
|
+
|
|
56
|
+
If you use PandaCSS in your app, add the package sources to your `panda.config.ts` scanner.
|
|
57
|
+
This is required because PandaCSS does static analysis — it needs the original source files where
|
|
58
|
+
`cva`, `css`, etc. appear by name. The compiled `dist/` renames these functions and PandaCSS
|
|
59
|
+
cannot recognize them.
|
|
60
|
+
|
|
61
|
+
```ts
|
|
62
|
+
// panda.config.ts
|
|
63
|
+
export default defineConfig({
|
|
64
|
+
include: [
|
|
65
|
+
'./src/**/*.{ts,vue}',
|
|
66
|
+
'./node_modules/@aggc/ui/src/**/*.{ts,vue}',
|
|
67
|
+
],
|
|
68
|
+
})
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
The `src/` directory is published in the package specifically for this purpose.
|
|
72
|
+
|
|
54
73
|
Everything else in this repo is maintenance tooling for the package itself:
|
|
55
74
|
|
|
56
75
|
- `src/stories/**` powers Storybook docs
|