opui-css 5.1.2 → 5.3.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/CHANGELOG.md +18 -0
- package/README.md +4 -5
- package/components/AGENTS.md +12 -13
- package/components/Accordion/Accordion.astro +5 -9
- package/components/Accordion/Accordion.vue +38 -0
- package/components/Accordion/types.astro.ts +4 -0
- package/components/Accordion/types.d.vue.ts +15 -0
- package/components/Accordion/types.solid.ts +6 -0
- package/components/Accordion/types.svelte.ts +7 -0
- package/components/Accordion/types.ts +10 -0
- package/components/Anchor/Anchor.astro +1 -7
- package/components/Anchor/Anchor.vue +41 -0
- package/components/Anchor/types.astro.ts +4 -0
- package/components/Anchor/types.d.vue.ts +10 -0
- package/components/Anchor/types.solid.ts +6 -0
- package/components/Anchor/types.svelte.ts +7 -0
- package/components/Anchor/types.ts +9 -0
- package/components/Avatar/Avatar.astro +4 -13
- package/components/Avatar/Avatar.vue +24 -0
- package/components/Avatar/types.astro.ts +10 -0
- package/components/Avatar/types.d.vue.ts +11 -0
- package/components/Avatar/types.solid.ts +11 -0
- package/components/Avatar/types.svelte.ts +12 -0
- package/components/Avatar/types.ts +29 -0
- package/components/Badge/Badge.astro +3 -11
- package/components/Badge/Badge.vue +39 -0
- package/components/Badge/types.astro.ts +4 -0
- package/components/Badge/types.d.vue.ts +10 -0
- package/components/Badge/types.solid.ts +4 -0
- package/components/Badge/types.svelte.ts +4 -0
- package/components/Badge/types.ts +8 -0
- package/components/Button/Button.astro +18 -27
- package/components/Button/Button.vue +27 -0
- package/components/Button/types.astro.ts +6 -0
- package/components/Button/types.d.vue.ts +10 -0
- package/components/Button/types.solid.ts +8 -0
- package/components/Button/types.svelte.ts +6 -0
- package/components/Button/types.ts +16 -0
- package/components/ButtonGroup/ButtonGroup.astro +1 -8
- package/components/ButtonGroup/ButtonGroup.vue +22 -0
- package/components/ButtonGroup/types.astro.ts +4 -0
- package/components/ButtonGroup/types.d.vue.ts +10 -0
- package/components/ButtonGroup/types.solid.ts +4 -0
- package/components/ButtonGroup/types.svelte.ts +4 -0
- package/components/ButtonGroup/types.ts +7 -0
- package/components/Callout/Callout.astro +10 -9
- package/components/Callout/Callout.vue +63 -0
- package/components/Callout/types.astro.ts +4 -0
- package/components/Callout/types.d.vue.ts +10 -0
- package/components/Callout/types.solid.ts +6 -0
- package/components/Callout/types.svelte.ts +7 -0
- package/components/Callout/types.ts +10 -0
- package/components/Card/Card.astro +1 -5
- package/components/Card/Card.vue +28 -0
- package/components/Card/types.astro.ts +4 -0
- package/components/Card/types.d.vue.ts +10 -0
- package/components/Card/types.solid.ts +6 -0
- package/components/Card/types.svelte.ts +7 -0
- package/components/Card/types.ts +11 -0
- package/components/Checkbox/Checkbox.astro +6 -36
- package/components/Checkbox/Checkbox.vue +43 -0
- package/components/Checkbox/CheckboxInput.astro +2 -18
- package/components/Checkbox/CheckboxInput.vue +32 -0
- package/components/Checkbox/types.astro.ts +8 -0
- package/components/Checkbox/types.d.vue.ts +11 -0
- package/components/Checkbox/types.solid.ts +9 -0
- package/components/Checkbox/types.svelte.ts +12 -0
- package/components/Checkbox/types.ts +16 -0
- package/components/Chip/Chip.astro +6 -12
- package/components/Chip/Chip.vue +37 -0
- package/components/Chip/types.astro.ts +9 -0
- package/components/Chip/types.d.vue.ts +10 -0
- package/components/Chip/types.solid.ts +10 -0
- package/components/Chip/types.svelte.ts +14 -0
- package/components/Chip/types.ts +13 -0
- package/components/ClassicSelect/ClassicSelect.astro +5 -28
- package/components/ClassicSelect/ClassicSelect.vue +54 -0
- package/components/ClassicSelect/types.astro.ts +8 -0
- package/components/ClassicSelect/types.d.vue.ts +10 -0
- package/components/ClassicSelect/types.solid.ts +5 -0
- package/components/ClassicSelect/types.svelte.ts +5 -0
- package/components/ClassicSelect/types.ts +15 -0
- package/components/DescriptionList/Description.astro +1 -4
- package/components/DescriptionList/Description.vue +12 -0
- package/components/DescriptionList/DescriptionList.astro +1 -5
- package/components/DescriptionList/DescriptionList.vue +23 -0
- package/components/DescriptionList/Item.astro +1 -4
- package/components/DescriptionList/Item.vue +12 -0
- package/components/DescriptionList/Term.astro +1 -4
- package/components/DescriptionList/Term.vue +12 -0
- package/components/DescriptionList/types.astro.ts +10 -0
- package/components/DescriptionList/types.d.vue.ts +10 -0
- package/components/DescriptionList/types.solid.ts +4 -0
- package/components/DescriptionList/types.svelte.ts +4 -0
- package/components/DescriptionList/types.ts +3 -0
- package/components/Dialog/Dialog.astro +1 -6
- package/components/Dialog/Dialog.vue +35 -0
- package/components/Dialog/types.astro.ts +4 -0
- package/components/Dialog/types.d.vue.ts +10 -0
- package/components/Dialog/types.solid.ts +8 -0
- package/components/Dialog/types.svelte.ts +7 -0
- package/components/Dialog/types.ts +10 -0
- package/components/Divider/Divider.astro +1 -6
- package/components/Divider/Divider.vue +12 -0
- package/components/Divider/types.astro.ts +4 -0
- package/components/Divider/types.d.vue.ts +6 -0
- package/components/Divider/types.solid.ts +4 -0
- package/components/Divider/types.svelte.ts +4 -0
- package/components/Divider/types.ts +3 -0
- package/components/Drawer/Drawer.astro +10 -12
- package/components/Drawer/Drawer.vue +46 -0
- package/components/Drawer/DrawerFooter.astro +1 -4
- package/components/Drawer/DrawerFooter.vue +16 -0
- package/components/Drawer/DrawerHeader.astro +1 -5
- package/components/Drawer/DrawerHeader.vue +36 -0
- package/components/Drawer/types.astro.ts +8 -0
- package/components/Drawer/types.d.vue.ts +31 -0
- package/components/Drawer/types.solid.ts +12 -0
- package/components/Drawer/types.svelte.ts +15 -0
- package/components/Drawer/types.ts +20 -0
- package/components/FieldDescription/FieldDescription.astro +1 -5
- package/components/FieldDescription/FieldDescription.vue +12 -0
- package/components/FieldDescription/types.astro.ts +4 -0
- package/components/FieldDescription/types.d.vue.ts +10 -0
- package/components/FieldDescription/types.solid.ts +5 -0
- package/components/FieldDescription/types.svelte.ts +4 -0
- package/components/FieldDescription/types.ts +1 -0
- package/components/FieldGroup/FieldGroup.astro +1 -8
- package/components/FieldGroup/FieldGroup.vue +25 -0
- package/components/FieldGroup/types.astro.ts +4 -0
- package/components/FieldGroup/types.d.vue.ts +12 -0
- package/components/FieldGroup/types.solid.ts +5 -0
- package/components/FieldGroup/types.svelte.ts +4 -0
- package/components/FieldGroup/types.ts +4 -0
- package/components/FieldLegend/FieldLegend.astro +4 -8
- package/components/FieldLegend/FieldLegend.vue +18 -0
- package/components/FieldLegend/types.astro.ts +6 -0
- package/components/FieldLegend/types.d.vue.ts +11 -0
- package/components/FieldLegend/types.solid.ts +5 -0
- package/components/FieldLegend/types.svelte.ts +6 -0
- package/components/FieldLegend/types.ts +1 -0
- package/components/FieldSet/FieldSet.astro +1 -5
- package/components/FieldSet/FieldSet.vue +18 -0
- package/components/FieldSet/types.astro.ts +6 -0
- package/components/FieldSet/types.d.vue.ts +11 -0
- package/components/FieldSet/types.solid.ts +5 -0
- package/components/FieldSet/types.svelte.ts +8 -0
- package/components/FieldSet/types.ts +5 -0
- package/components/Form/Form.astro +1 -6
- package/components/Form/Form.vue +14 -0
- package/components/Form/types.astro.ts +6 -0
- package/components/Form/types.d.vue.ts +11 -0
- package/components/Form/types.solid.ts +5 -0
- package/components/Form/types.svelte.ts +7 -0
- package/components/Form/types.ts +1 -0
- package/components/IconButton/IconButton.astro +18 -20
- package/components/IconButton/IconButton.vue +24 -0
- package/components/IconButton/types.astro.ts +6 -0
- package/components/IconButton/types.d.vue.ts +10 -0
- package/components/IconButton/types.solid.ts +8 -0
- package/components/IconButton/types.svelte.ts +6 -0
- package/components/IconButton/types.ts +16 -0
- package/components/List/List.astro +1 -8
- package/components/List/List.vue +28 -0
- package/components/List/types.astro.ts +4 -0
- package/components/List/types.d.vue.ts +10 -0
- package/components/List/types.solid.ts +4 -0
- package/components/List/types.svelte.ts +4 -0
- package/components/List/types.ts +7 -0
- package/components/ListItem/ListItem.astro +3 -13
- package/components/ListItem/ListItem.vue +98 -0
- package/components/ListItem/types.astro.ts +10 -0
- package/components/ListItem/types.d.vue.ts +10 -0
- package/components/ListItem/types.solid.ts +12 -0
- package/components/ListItem/types.svelte.ts +14 -0
- package/components/ListItem/types.ts +32 -0
- package/components/Progress/Progress.astro +1 -11
- package/components/Progress/Progress.vue +34 -0
- package/components/Progress/types.astro.ts +4 -0
- package/components/Progress/types.d.vue.ts +10 -0
- package/components/Progress/types.solid.ts +4 -0
- package/components/Progress/types.svelte.ts +4 -0
- package/components/Progress/types.ts +10 -0
- package/components/Radio/Radio.astro +6 -32
- package/components/Radio/Radio.vue +41 -0
- package/components/Radio/RadioInput.astro +3 -20
- package/components/Radio/RadioInput.vue +14 -0
- package/components/Radio/types.astro.ts +6 -0
- package/components/Radio/types.d.vue.ts +11 -0
- package/components/Radio/types.solid.ts +9 -0
- package/components/Radio/types.svelte.ts +12 -0
- package/components/Radio/types.ts +12 -0
- package/components/Range/Range.astro +23 -31
- package/components/Range/Range.vue +85 -0
- package/components/Range/types.astro.ts +6 -0
- package/components/Range/types.d.vue.ts +14 -0
- package/components/Range/types.solid.ts +6 -0
- package/components/Range/types.svelte.ts +9 -0
- package/components/Range/types.ts +25 -0
- package/components/Select/Select.astro +41 -39
- package/components/Select/Select.vue +85 -0
- package/components/Select/types.astro.ts +4 -0
- package/components/Select/types.d.vue.ts +17 -0
- package/components/Select/types.solid.ts +6 -0
- package/components/Select/types.svelte.ts +7 -0
- package/components/Select/types.ts +27 -0
- package/components/Switch/Switch.astro +14 -39
- package/components/Switch/Switch.vue +63 -0
- package/components/Switch/SwitchInput.astro +3 -21
- package/components/Switch/SwitchInput.vue +14 -0
- package/components/Switch/types.astro.ts +5 -0
- package/components/Switch/types.d.vue.ts +13 -0
- package/components/Switch/types.solid.ts +9 -0
- package/components/Switch/types.svelte.ts +9 -0
- package/components/Switch/types.ts +16 -0
- package/components/Table/Body.astro +1 -3
- package/components/Table/Body.vue +5 -0
- package/components/Table/Cell.astro +1 -3
- package/components/Table/Cell.vue +5 -0
- package/components/Table/Column.astro +1 -4
- package/components/Table/Column.vue +19 -0
- package/components/Table/ColumnGroup.astro +1 -3
- package/components/Table/ColumnGroup.vue +5 -0
- package/components/Table/Head.astro +1 -3
- package/components/Table/Head.vue +5 -0
- package/components/Table/HeaderCell.astro +1 -3
- package/components/Table/HeaderCell.vue +5 -0
- package/components/Table/Row.astro +1 -3
- package/components/Table/Row.vue +5 -0
- package/components/Table/Table.astro +1 -5
- package/components/Table/Table.vue +19 -0
- package/components/Table/types.astro.ts +16 -0
- package/components/Table/types.d.vue.ts +10 -0
- package/components/Table/types.solid.ts +8 -0
- package/components/Table/types.svelte.ts +11 -0
- package/components/Table/types.ts +9 -0
- package/components/Tabs/Tabs.astro +1 -5
- package/components/Tabs/Tabs.vue +20 -0
- package/components/Tabs/TabsItem.astro +1 -8
- package/components/Tabs/TabsItem.vue +39 -0
- package/components/Tabs/TabsPanel.astro +1 -6
- package/components/Tabs/TabsPanel.vue +31 -0
- package/components/Tabs/TabsTab.astro +1 -5
- package/components/Tabs/TabsTab.vue +24 -0
- package/components/Tabs/types.astro.ts +11 -0
- package/components/Tabs/types.d.vue.ts +31 -0
- package/components/Tabs/types.solid.ts +12 -0
- package/components/Tabs/types.svelte.ts +10 -0
- package/components/Tabs/types.ts +19 -0
- package/components/TextField/TextField.astro +45 -49
- package/components/TextField/TextField.vue +74 -0
- package/components/TextField/types.astro.ts +17 -0
- package/components/TextField/types.d.vue.ts +20 -0
- package/components/TextField/types.solid.ts +22 -0
- package/components/TextField/types.svelte.ts +22 -0
- package/components/TextField/types.ts +35 -0
- package/components/Textarea/Textarea.astro +50 -38
- package/components/Textarea/Textarea.vue +64 -0
- package/components/Textarea/types.astro.ts +10 -0
- package/components/Textarea/types.d.vue.ts +19 -0
- package/components/Textarea/types.solid.ts +6 -0
- package/components/Textarea/types.svelte.ts +21 -0
- package/components/Textarea/types.ts +33 -0
- package/components/Toast/Toast.vue +48 -0
- package/components/ToggleButton/ToggleButton.astro +1 -11
- package/components/ToggleButton/ToggleButton.vue +41 -0
- package/components/ToggleButton/types.astro.ts +4 -0
- package/components/ToggleButton/types.d.vue.ts +10 -0
- package/components/ToggleButton/types.solid.ts +7 -0
- package/components/ToggleButton/types.svelte.ts +7 -0
- package/components/ToggleButton/types.ts +10 -0
- package/components/ToggleGroup/ToggleGroup.astro +1 -8
- package/components/ToggleGroup/ToggleGroup.vue +36 -0
- package/components/ToggleGroup/types.astro.ts +4 -0
- package/components/ToggleGroup/types.d.vue.ts +15 -0
- package/components/ToggleGroup/types.solid.ts +4 -0
- package/components/ToggleGroup/types.svelte.ts +9 -0
- package/components/ToggleGroup/types.ts +15 -0
- package/components/Tooltip/Tooltip.astro +2 -9
- package/components/Tooltip/Tooltip.vue +22 -0
- package/components/Tooltip/types.astro.ts +4 -0
- package/components/Tooltip/types.d.vue.ts +10 -0
- package/components/Tooltip/types.solid.ts +6 -0
- package/components/Tooltip/types.svelte.ts +7 -0
- package/components/Tooltip/types.ts +11 -0
- package/css/theme.css +0 -1
- package/dist/opui.css +0 -1
- package/dist/opui.css.map +1 -1
- package/package.json +16 -7
- package/vue/index.ts +54 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "opui-css",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.3.0",
|
|
4
4
|
"description": "A CSS UI library exploring next-gen HTML & CSS features. Astro components on top of Open Props.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -21,7 +21,8 @@
|
|
|
21
21
|
"design-system",
|
|
22
22
|
"html",
|
|
23
23
|
"open-props",
|
|
24
|
-
"ui"
|
|
24
|
+
"ui",
|
|
25
|
+
"vue"
|
|
25
26
|
],
|
|
26
27
|
"sideEffects": [
|
|
27
28
|
"*.css",
|
|
@@ -35,18 +36,18 @@
|
|
|
35
36
|
"dist",
|
|
36
37
|
"env.d.ts",
|
|
37
38
|
"open-props.css",
|
|
39
|
+
"vue",
|
|
38
40
|
"CHANGELOG.md",
|
|
39
|
-
"CONTRIBUTING.md",
|
|
40
41
|
"LICENSE",
|
|
41
42
|
"MIGRATING.md",
|
|
42
|
-
"README.md"
|
|
43
|
-
"RELEASING.md"
|
|
43
|
+
"README.md"
|
|
44
44
|
],
|
|
45
45
|
"style": "./dist/opui.css",
|
|
46
46
|
"exports": {
|
|
47
47
|
".": "./dist/opui.css",
|
|
48
48
|
"./open-props": "./dist/op.css",
|
|
49
49
|
"./astro": "./astro/index.ts",
|
|
50
|
+
"./vue": "./vue/index.ts",
|
|
50
51
|
"./components/*": "./components/*",
|
|
51
52
|
"./core/*": "./core/*.css",
|
|
52
53
|
"./css/*": "./css/*.css",
|
|
@@ -64,12 +65,20 @@
|
|
|
64
65
|
"postcss-import": "^16.1.0"
|
|
65
66
|
},
|
|
66
67
|
"peerDependencies": {
|
|
67
|
-
"astro": "
|
|
68
|
-
"open-props": "
|
|
68
|
+
"astro": "catalog:",
|
|
69
|
+
"open-props": "catalog:",
|
|
70
|
+
"svelte": "catalog:",
|
|
71
|
+
"vue": "catalog:"
|
|
69
72
|
},
|
|
70
73
|
"peerDependenciesMeta": {
|
|
71
74
|
"astro": {
|
|
72
75
|
"optional": true
|
|
76
|
+
},
|
|
77
|
+
"svelte": {
|
|
78
|
+
"optional": true
|
|
79
|
+
},
|
|
80
|
+
"vue": {
|
|
81
|
+
"optional": true
|
|
73
82
|
}
|
|
74
83
|
},
|
|
75
84
|
"publishConfig": {
|
package/vue/index.ts
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
export { default as Accordion } from "../components/Accordion/Accordion.vue"
|
|
2
|
+
export { default as Anchor } from "../components/Anchor/Anchor.vue"
|
|
3
|
+
export { default as Avatar } from "../components/Avatar/Avatar.vue"
|
|
4
|
+
export { default as Badge } from "../components/Badge/Badge.vue"
|
|
5
|
+
export { default as Button } from "../components/Button/Button.vue"
|
|
6
|
+
export { default as ButtonGroup } from "../components/ButtonGroup/ButtonGroup.vue"
|
|
7
|
+
export { default as Callout } from "../components/Callout/Callout.vue"
|
|
8
|
+
export { default as Card } from "../components/Card/Card.vue"
|
|
9
|
+
export { default as Checkbox } from "../components/Checkbox/Checkbox.vue"
|
|
10
|
+
export { default as CheckboxInput } from "../components/Checkbox/CheckboxInput.vue"
|
|
11
|
+
export { default as Chip } from "../components/Chip/Chip.vue"
|
|
12
|
+
export { default as ClassicSelect } from "../components/ClassicSelect/ClassicSelect.vue"
|
|
13
|
+
export { default as Description } from "../components/DescriptionList/Description.vue"
|
|
14
|
+
export { default as DescriptionList } from "../components/DescriptionList/DescriptionList.vue"
|
|
15
|
+
export { default as DescriptionListItem } from "../components/DescriptionList/Item.vue"
|
|
16
|
+
export { default as DescriptionListTerm } from "../components/DescriptionList/Term.vue"
|
|
17
|
+
export { default as Dialog } from "../components/Dialog/Dialog.vue"
|
|
18
|
+
export { default as Divider } from "../components/Divider/Divider.vue"
|
|
19
|
+
export { default as Drawer } from "../components/Drawer/Drawer.vue"
|
|
20
|
+
export { default as DrawerFooter } from "../components/Drawer/DrawerFooter.vue"
|
|
21
|
+
export { default as DrawerHeader } from "../components/Drawer/DrawerHeader.vue"
|
|
22
|
+
export { default as FieldDescription } from "../components/FieldDescription/FieldDescription.vue"
|
|
23
|
+
export { default as FieldGroup } from "../components/FieldGroup/FieldGroup.vue"
|
|
24
|
+
export { default as FieldLegend } from "../components/FieldLegend/FieldLegend.vue"
|
|
25
|
+
export { default as FieldSet } from "../components/FieldSet/FieldSet.vue"
|
|
26
|
+
export { default as Form } from "../components/Form/Form.vue"
|
|
27
|
+
export { default as IconButton } from "../components/IconButton/IconButton.vue"
|
|
28
|
+
export { default as List } from "../components/List/List.vue"
|
|
29
|
+
export { default as ListItem } from "../components/ListItem/ListItem.vue"
|
|
30
|
+
export { default as Progress } from "../components/Progress/Progress.vue"
|
|
31
|
+
export { default as Radio } from "../components/Radio/Radio.vue"
|
|
32
|
+
export { default as RadioInput } from "../components/Radio/RadioInput.vue"
|
|
33
|
+
export { default as Range } from "../components/Range/Range.vue"
|
|
34
|
+
export { default as Select } from "../components/Select/Select.vue"
|
|
35
|
+
export { default as Switch } from "../components/Switch/Switch.vue"
|
|
36
|
+
export { default as SwitchInput } from "../components/Switch/SwitchInput.vue"
|
|
37
|
+
export { default as TableBody } from "../components/Table/Body.vue"
|
|
38
|
+
export { default as TableCell } from "../components/Table/Cell.vue"
|
|
39
|
+
export { default as TableColumn } from "../components/Table/Column.vue"
|
|
40
|
+
export { default as TableColumnGroup } from "../components/Table/ColumnGroup.vue"
|
|
41
|
+
export { default as TableHead } from "../components/Table/Head.vue"
|
|
42
|
+
export { default as TableHeaderCell } from "../components/Table/HeaderCell.vue"
|
|
43
|
+
export { default as TableRow } from "../components/Table/Row.vue"
|
|
44
|
+
export { default as Table } from "../components/Table/Table.vue"
|
|
45
|
+
export { default as Tabs } from "../components/Tabs/Tabs.vue"
|
|
46
|
+
export { default as TabsItem } from "../components/Tabs/TabsItem.vue"
|
|
47
|
+
export { default as TabsPanel } from "../components/Tabs/TabsPanel.vue"
|
|
48
|
+
export { default as TabsTab } from "../components/Tabs/TabsTab.vue"
|
|
49
|
+
export { default as Textarea } from "../components/Textarea/Textarea.vue"
|
|
50
|
+
export { default as TextField } from "../components/TextField/TextField.vue"
|
|
51
|
+
export { default as Toast } from "../components/Toast/Toast.vue"
|
|
52
|
+
export { default as ToggleButton } from "../components/ToggleButton/ToggleButton.vue"
|
|
53
|
+
export { default as ToggleGroup } from "../components/ToggleGroup/ToggleGroup.vue"
|
|
54
|
+
export { default as Tooltip } from "../components/Tooltip/Tooltip.vue"
|