@codemonster-ru/vueforge 0.72.0 → 0.73.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 +34 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.ts.mjs +1059 -1024
- package/dist/index.ts.umd.js +4 -4
- package/dist/package/components/__tests__/container.test.d.ts +1 -0
- package/dist/package/components/button-group.vue.d.ts +1 -1
- package/dist/package/components/button.vue.d.ts +1 -1
- package/dist/package/components/chip.vue.d.ts +1 -1
- package/dist/package/components/container.vue.d.ts +29 -0
- package/dist/package/components/date-range-picker.vue.d.ts +1 -1
- package/dist/package/components/empty-state.vue.d.ts +1 -1
- package/dist/package/components/form-field.vue.d.ts +1 -1
- package/dist/package/components/stepper.vue.d.ts +1 -1
- package/dist/package/components/timeline.vue.d.ts +1 -1
- package/dist/package/components/tree-select.vue.d.ts +1 -1
- package/dist/package/components/tree.vue.d.ts +1 -1
- package/dist/package/config/theme-core.d.ts +11 -0
- package/dist/package/themes/default/components/container.d.ts +11 -0
- package/dist/package/themes/default/index.d.ts +10 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -25,6 +25,7 @@ import { createApp } from 'vue';
|
|
|
25
25
|
import {
|
|
26
26
|
VueForge,
|
|
27
27
|
DefaultTheme,
|
|
28
|
+
Container,
|
|
28
29
|
Button,
|
|
29
30
|
ButtonGroup,
|
|
30
31
|
Input,
|
|
@@ -265,6 +266,7 @@ app.use(VueForge, {
|
|
|
265
266
|
- Button
|
|
266
267
|
- ButtonGroup
|
|
267
268
|
- Card
|
|
269
|
+
- Container
|
|
268
270
|
- Checkbox
|
|
269
271
|
- RadioGroup
|
|
270
272
|
- RadioButton
|
|
@@ -1556,6 +1558,37 @@ Component tokens (override via `theme.overrides.components.buttonGroup`):
|
|
|
1556
1558
|
|
|
1557
1559
|
- `gap`, `borderRadius`, `disabledOpacity`
|
|
1558
1560
|
|
|
1561
|
+
## Container
|
|
1562
|
+
|
|
1563
|
+
Props:
|
|
1564
|
+
|
|
1565
|
+
- `as?: string` (default `div`)
|
|
1566
|
+
- `size?: 'sm' | 'md' | 'lg' | 'xl' | 'full'` (default `lg`)
|
|
1567
|
+
- `maxWidth?: string` (optional runtime override)
|
|
1568
|
+
- `paddingX?: string` (optional runtime override)
|
|
1569
|
+
|
|
1570
|
+
Slots:
|
|
1571
|
+
|
|
1572
|
+
- `default`
|
|
1573
|
+
|
|
1574
|
+
Example:
|
|
1575
|
+
|
|
1576
|
+
```vue
|
|
1577
|
+
<Container size="xl">
|
|
1578
|
+
<PageHeader title="Projects" subtitle="Manage active projects and team workload." />
|
|
1579
|
+
</Container>
|
|
1580
|
+
<Container as="main" max-width="90rem" padding-x="2rem">
|
|
1581
|
+
<div>Custom width and horizontal padding</div>
|
|
1582
|
+
</Container>
|
|
1583
|
+
```
|
|
1584
|
+
|
|
1585
|
+
### Container tokens
|
|
1586
|
+
|
|
1587
|
+
Component tokens (override via `theme.overrides.components.container`):
|
|
1588
|
+
|
|
1589
|
+
- `maxWidth`, `maxWidthSm`, `maxWidthMd`, `maxWidthLg`, `maxWidthXl`
|
|
1590
|
+
- `paddingX`, `paddingXSm`, `paddingXLg`
|
|
1591
|
+
|
|
1559
1592
|
## Breadcrumbs
|
|
1560
1593
|
|
|
1561
1594
|
Props:
|
|
@@ -3202,7 +3235,7 @@ VueForge exposes design tokens as CSS variables generated from the theme preset.
|
|
|
3202
3235
|
Typed tokens:
|
|
3203
3236
|
|
|
3204
3237
|
- `ThemeTokens`/`ThemeOptions`/`ThemePreset` are exported for type-safe theming in TS.
|
|
3205
|
-
- `components.*` accepts component-specific tokens (typed keys: button/buttonGroup/card/checkbox/radio/tabs/accordion/toast/alert/emptyState/input/inputGroup/inlineEdit/searchInput/mentionInput/passwordInput/otpInput/colorPicker/maskedInput/numberInput/form/formField/textarea/richTextEditor/link/breadcrumbs/divider/pageHeader/menu/modal/confirmDialog/drawer/popover/dropdown/contextMenu/commandPalette/notificationCenter/appShell/kanbanBoard/tour/select/autocomplete/combobox/multiselect/taginput/datepicker/calendar/daterangepicker/timepicker/datetimepicker/pagination/switch/segmentedControl/tooltip/skeleton/progress/spinner/badge/chip/filterChips/avatar/datatable/slider/splitter/stepper/wizard/rating/tree/treeselect/virtualScroller).
|
|
3238
|
+
- `components.*` accepts component-specific tokens (typed keys: button/buttonGroup/card/container/checkbox/radio/tabs/accordion/toast/alert/emptyState/input/inputGroup/inlineEdit/searchInput/mentionInput/passwordInput/otpInput/colorPicker/maskedInput/numberInput/form/formField/textarea/richTextEditor/link/breadcrumbs/divider/pageHeader/menu/modal/confirmDialog/drawer/popover/dropdown/contextMenu/commandPalette/notificationCenter/appShell/kanbanBoard/tour/select/autocomplete/combobox/multiselect/taginput/datepicker/calendar/daterangepicker/timepicker/datetimepicker/pagination/switch/segmentedControl/tooltip/skeleton/progress/spinner/badge/chip/filterChips/avatar/datatable/slider/splitter/stepper/wizard/rating/tree/treeselect/virtualScroller).
|
|
3206
3239
|
|
|
3207
3240
|
Default core values (from `DefaultTheme`):
|
|
3208
3241
|
|