opui-css 3.3.4 → 4.0.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.
Files changed (174) hide show
  1. package/CHANGELOG.md +235 -0
  2. package/LICENSE +21 -21
  3. package/MIGRATING.md +105 -0
  4. package/README.md +66 -29
  5. package/astro/index.ts +46 -0
  6. package/components/AGENTS.md +247 -0
  7. package/components/Accordion/Accordion.astro +42 -0
  8. package/components/Anchor/Anchor.astro +51 -0
  9. package/components/Avatar/Avatar.astro +44 -0
  10. package/components/Badge/Badge.astro +54 -0
  11. package/components/Button/Button.astro +45 -0
  12. package/components/ButtonGroup/ButtonGroup.astro +29 -0
  13. package/components/Callout/Callout.astro +75 -0
  14. package/components/Card/Card.astro +38 -0
  15. package/components/Checkbox/Checkbox.astro +76 -0
  16. package/components/Checkbox/CheckboxInput.astro +32 -0
  17. package/components/Chip/Chip.astro +37 -0
  18. package/components/ClassicSelect/ClassicSelect.astro +83 -0
  19. package/components/DescriptionList/Description.astro +12 -0
  20. package/components/DescriptionList/DescriptionList.astro +22 -0
  21. package/components/DescriptionList/Item.astro +12 -0
  22. package/components/DescriptionList/Term.astro +12 -0
  23. package/components/DescriptionList/index.ts +12 -0
  24. package/components/Dialog/Dialog.astro +43 -0
  25. package/components/Divider/Divider.astro +14 -0
  26. package/components/Drawer/Drawer.astro +49 -0
  27. package/components/Drawer/DrawerFooter.astro +14 -0
  28. package/components/Drawer/DrawerHeader.astro +31 -0
  29. package/components/FieldDescription/FieldDescription.astro +13 -0
  30. package/components/FieldGroup/FieldGroup.astro +31 -0
  31. package/components/FieldLegend/FieldLegend.astro +15 -0
  32. package/components/FieldSet/FieldSet.astro +15 -0
  33. package/components/Form/Form.astro +15 -0
  34. package/components/IconButton/IconButton.astro +26 -0
  35. package/components/List/List.astro +36 -0
  36. package/components/ListItem/ListItem.astro +118 -0
  37. package/components/Progress/Progress.astro +40 -0
  38. package/components/Radio/Radio.astro +70 -0
  39. package/components/Radio/RadioInput.astro +24 -0
  40. package/components/Range/Range.astro +136 -0
  41. package/components/Select/Select.astro +106 -0
  42. package/components/Switch/Switch.astro +101 -0
  43. package/components/Switch/SwitchInput.astro +25 -0
  44. package/components/Table/Body.astro +13 -0
  45. package/components/Table/Cell.astro +13 -0
  46. package/components/Table/Column.astro +15 -0
  47. package/components/Table/ColumnGroup.astro +13 -0
  48. package/components/Table/Head.astro +13 -0
  49. package/components/Table/HeaderCell.astro +13 -0
  50. package/components/Table/Row.astro +13 -0
  51. package/components/Table/Table.astro +15 -0
  52. package/components/Table/index.ts +20 -0
  53. package/components/Tabs/Tabs.astro +28 -0
  54. package/components/Tabs/TabsItem.astro +47 -0
  55. package/components/Tabs/TabsPanel.astro +21 -0
  56. package/components/Tabs/TabsTab.astro +19 -0
  57. package/components/Tabs/index.ts +14 -0
  58. package/components/TextField/TextField.astro +128 -0
  59. package/components/Textarea/Textarea.astro +106 -0
  60. package/components/Toast/Toast.astro +42 -0
  61. package/components/ToggleButton/ToggleButton.astro +53 -0
  62. package/components/ToggleGroup/ToggleGroup.astro +49 -0
  63. package/components/Tooltip/Tooltip.astro +30 -0
  64. package/{src/core → core}/normalize.css +194 -196
  65. package/core/palette.css +59 -0
  66. package/{src/core → core}/utils.css +71 -60
  67. package/css/components/accordion.css +174 -0
  68. package/css/components/anchor.css +27 -0
  69. package/{src/themes/theme-two → css}/components/avatar.css +65 -68
  70. package/css/components/badge.css +107 -0
  71. package/css/components/button-group.css +179 -0
  72. package/css/components/button.css +215 -0
  73. package/css/components/callout.css +109 -0
  74. package/css/components/card.css +117 -0
  75. package/css/components/checkbox.css +205 -0
  76. package/{src/themes/theme-one → css}/components/chip.css +87 -135
  77. package/{src/themes/theme-two/components/definition-list.css → css/components/description-list.css} +77 -68
  78. package/{src/themes/theme-two → css}/components/dialog.css +68 -59
  79. package/css/components/divider.css +20 -0
  80. package/css/components/drawer.css +171 -0
  81. package/css/components/form.css +146 -0
  82. package/css/components/icon-button.css +139 -0
  83. package/{src/themes/theme-two → css}/components/link.css +21 -21
  84. package/{src/themes/theme-two → css}/components/list.css +345 -318
  85. package/{src/themes/theme-one → css}/components/progress.css +97 -83
  86. package/css/components/radio.css +172 -0
  87. package/css/components/range.css +337 -0
  88. package/{src/themes/theme-two → css}/components/select.css +169 -162
  89. package/{src/themes/theme-two → css}/components/spinner.css +37 -38
  90. package/{src/themes/theme-two → css}/components/switch.css +268 -225
  91. package/css/components/table.css +179 -0
  92. package/css/components/tabs.css +77 -0
  93. package/css/components/text-field.css +450 -0
  94. package/css/components/text-input.css +53 -0
  95. package/{src/themes/theme-two → css}/components/textarea.css +24 -25
  96. package/css/components/toast.css +161 -0
  97. package/css/components/toggle-button.css +87 -0
  98. package/css/components/toggle-group.css +56 -0
  99. package/css/components/tooltip.css +67 -0
  100. package/css/components/typography.css +585 -0
  101. package/{src/themes/theme-two → css}/components.css +41 -37
  102. package/{src/themes/theme-two → css}/imports.css +16 -16
  103. package/css/js/checkbox.js +21 -0
  104. package/css/js/toast.js +94 -0
  105. package/css/theme.css +132 -0
  106. package/dist/op.css +1001 -32
  107. package/dist/op.css.map +1 -0
  108. package/dist/opui.components.css +5135 -0
  109. package/dist/opui.components.css.map +1 -0
  110. package/dist/opui.css +6604 -0
  111. package/dist/opui.css.map +1 -0
  112. package/env.d.ts +14 -0
  113. package/open-props.css +9 -0
  114. package/package.json +64 -55
  115. package/dist/theme-one/components.css +0 -3869
  116. package/dist/theme-one/theme-one.css +0 -4424
  117. package/dist/theme-two/components.css +0 -3591
  118. package/dist/theme-two/theme-two.css +0 -4141
  119. package/src/open-props.css +0 -10
  120. package/src/themes/theme-one/components/accordion.css +0 -172
  121. package/src/themes/theme-one/components/alert.css +0 -85
  122. package/src/themes/theme-one/components/avatar.css +0 -68
  123. package/src/themes/theme-one/components/badge.css +0 -101
  124. package/src/themes/theme-one/components/button-group.css +0 -69
  125. package/src/themes/theme-one/components/button.css +0 -281
  126. package/src/themes/theme-one/components/card.css +0 -82
  127. package/src/themes/theme-one/components/checkbox-radio.css +0 -123
  128. package/src/themes/theme-one/components/definition-list.css +0 -68
  129. package/src/themes/theme-one/components/dialog.css +0 -59
  130. package/src/themes/theme-one/components/divider.css +0 -7
  131. package/src/themes/theme-one/components/field-group.css +0 -83
  132. package/src/themes/theme-one/components/field.css +0 -494
  133. package/src/themes/theme-one/components/icon-button.css +0 -40
  134. package/src/themes/theme-one/components/link.css +0 -21
  135. package/src/themes/theme-one/components/list.css +0 -318
  136. package/src/themes/theme-one/components/range.css +0 -121
  137. package/src/themes/theme-one/components/rich-text.css +0 -210
  138. package/src/themes/theme-one/components/select.css +0 -163
  139. package/src/themes/theme-one/components/snackbar.css +0 -148
  140. package/src/themes/theme-one/components/spinner.css +0 -38
  141. package/src/themes/theme-one/components/switch.css +0 -225
  142. package/src/themes/theme-one/components/tab-buttons.css +0 -120
  143. package/src/themes/theme-one/components/table.css +0 -92
  144. package/src/themes/theme-one/components/text-field.css +0 -57
  145. package/src/themes/theme-one/components/textarea.css +0 -25
  146. package/src/themes/theme-one/components/toggle-button-group.css +0 -135
  147. package/src/themes/theme-one/components/tooltip.css +0 -94
  148. package/src/themes/theme-one/components/typography.css +0 -209
  149. package/src/themes/theme-one/components.css +0 -37
  150. package/src/themes/theme-one/imports.css +0 -16
  151. package/src/themes/theme-one/theme.css +0 -163
  152. package/src/themes/theme-two/components/accordion.css +0 -172
  153. package/src/themes/theme-two/components/alert.css +0 -85
  154. package/src/themes/theme-two/components/badge.css +0 -101
  155. package/src/themes/theme-two/components/button-group.css +0 -50
  156. package/src/themes/theme-two/components/button.css +0 -229
  157. package/src/themes/theme-two/components/card.css +0 -82
  158. package/src/themes/theme-two/components/checkbox-radio.css +0 -123
  159. package/src/themes/theme-two/components/chip.css +0 -135
  160. package/src/themes/theme-two/components/divider.css +0 -7
  161. package/src/themes/theme-two/components/field-group.css +0 -83
  162. package/src/themes/theme-two/components/field.css +0 -281
  163. package/src/themes/theme-two/components/icon-button.css +0 -40
  164. package/src/themes/theme-two/components/progress.css +0 -83
  165. package/src/themes/theme-two/components/range.css +0 -121
  166. package/src/themes/theme-two/components/rich-text.css +0 -210
  167. package/src/themes/theme-two/components/snackbar.css +0 -148
  168. package/src/themes/theme-two/components/tab-buttons.css +0 -120
  169. package/src/themes/theme-two/components/table.css +0 -99
  170. package/src/themes/theme-two/components/text-field.css +0 -57
  171. package/src/themes/theme-two/components/toggle-button-group.css +0 -135
  172. package/src/themes/theme-two/components/tooltip.css +0 -94
  173. package/src/themes/theme-two/components/typography.css +0 -209
  174. package/src/themes/theme-two/theme.css +0 -158
package/env.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ /// <reference types="astro/client" />
2
+
3
+ declare namespace App {
4
+ interface Locals {
5
+ $id: (prefix: string) => string
6
+ _isInsideForm: boolean
7
+ currentFieldName?: string
8
+ currentToggleGroupName?: string
9
+ currentToggleGroupType?: "radio" | "checkbox"
10
+ tabsGroupName?: string
11
+ currentTabId?: string
12
+ currentPanelId?: string
13
+ }
14
+ }
package/open-props.css ADDED
@@ -0,0 +1,9 @@
1
+ /*
2
+ * Open Props
3
+ * Import as many props as you need here.
4
+ * https://app.unpkg.com/open-props@1.7.17/files/src
5
+ */
6
+ @import "open-props/src/index.css" layer(openprops);
7
+ @import "open-props/src/props.colors-oklch-hues.css" layer(openprops);
8
+ @import "open-props/src/props.gray-oklch.css" layer(openprops);
9
+ @import "./core/palette.css" layer(openprops);
package/package.json CHANGED
@@ -1,71 +1,80 @@
1
1
  {
2
2
  "name": "opui-css",
3
- "version": "3.3.4",
4
- "private": false,
5
- "license": "MIT",
3
+ "version": "4.0.0",
4
+ "description": "A CSS UI library exploring next-gen HTML & CSS features. Astro components on top of Open Props.",
6
5
  "type": "module",
7
- "files": [
8
- "dist",
9
- "src"
6
+ "license": "MIT",
7
+ "author": "Felix Bohlin",
8
+ "homepage": "https://open-props-ui.netlify.app/",
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "git+https://github.com/felix-bohlin/ui.git",
12
+ "directory": "packages/opui"
13
+ },
14
+ "bugs": {
15
+ "url": "https://github.com/felix-bohlin/ui/issues"
16
+ },
17
+ "keywords": [
18
+ "astro",
19
+ "components",
20
+ "css",
21
+ "design-system",
22
+ "html",
23
+ "open-props",
24
+ "ui"
10
25
  ],
11
26
  "sideEffects": [
12
- "**/*.css"
27
+ "*.css",
28
+ "./css/js/*.js"
29
+ ],
30
+ "files": [
31
+ "astro",
32
+ "components",
33
+ "core",
34
+ "css",
35
+ "dist",
36
+ "env.d.ts",
37
+ "open-props.css",
38
+ "CHANGELOG.md",
39
+ "CONTRIBUTING.md",
40
+ "LICENSE",
41
+ "MIGRATING.md",
42
+ "README.md",
43
+ "RELEASING.md"
13
44
  ],
14
- "style": "dist/theme-two/theme-two.css",
45
+ "style": "./dist/opui.css",
15
46
  "exports": {
16
- ".": "./dist/theme-two/theme-two.css",
47
+ ".": "./dist/opui.css",
17
48
  "./open-props": "./dist/op.css",
18
- "./theme-one": "./dist/theme-one/theme-one.css",
19
- "./theme-one/components": "./dist/theme-one/components.css",
20
- "./theme-two": "./dist/theme-two/theme-two.css",
21
- "./theme-two/components": "./dist/theme-two/components.css",
22
- "./dist/*": "./dist/*",
23
- "./src/*": "./src/*"
49
+ "./astro": "./astro/index.ts",
50
+ "./components/*": "./components/*",
51
+ "./core/*": "./core/*.css",
52
+ "./css/*": "./css/*.css",
53
+ "./dist/*": "./dist/*"
54
+ },
55
+ "devDependencies": {
56
+ "postcss": "^8.4.0",
57
+ "postcss-import": "^16.1.0"
58
+ },
59
+ "peerDependencies": {
60
+ "astro": "^6.3.1",
61
+ "open-props": "^1.7.23"
62
+ },
63
+ "peerDependenciesMeta": {
64
+ "astro": {
65
+ "optional": true
66
+ }
24
67
  },
25
68
  "publishConfig": {
26
69
  "access": "public"
27
70
  },
28
- "dependencies": {},
29
- "devDependencies": {
30
- "@docsearch/css": "^4.3.2",
31
- "@docsearch/js": "^4.3.2",
32
- "@shikijs/core": "^3.19.0",
33
- "@shikijs/transformers": "^3.19.0",
34
- "@types/markdown-it": "^14.1.2",
35
- "@types/node": "^24.10.3",
36
- "@vitejs/plugin-vue": "^6.0.2",
37
- "@vue/devtools-api": "^8.0.5",
38
- "@vue/shared": "^3.5.25",
39
- "@vueuse/core": "^14.1.0",
40
- "@vueuse/integrations": "^14.1.0",
41
- "baseline-status": "^1.1.0",
42
- "date-fns": "^4.1.0",
43
- "focus-trap": "^7.6.6",
44
- "gray-matter": "^4.0.3",
45
- "mark.js": "^8.11.1",
46
- "minisearch": "^7.2.0",
47
- "nodemon": "^3.1.11",
48
- "open-props": "2.0.0-beta.5",
49
- "opui-blocks": "^0.2.0",
50
- "postcss": "^8.5.6",
51
- "postcss-cli": "^11.0.1",
52
- "postcss-custom-media": "^11.0.6",
53
- "postcss-import": "^16.1.1",
54
- "prettier": "^3.7.4",
55
- "shiki": "^3.19.0",
56
- "shx": "^0.4.0",
57
- "typescript": "^5.9.3",
58
- "vite": "^7.2.7",
59
- "vitepress": "^1.6.4",
60
- "vue": "^3.5.25",
61
- "vue-tsc": "^3.1.8"
71
+ "engines": {
72
+ "node": ">=22"
62
73
  },
63
74
  "scripts": {
64
- "build:themes": "node scripts/build-themes.js",
65
- "build": "pnpm run clean && pnpm run build:themes && postcss src/open-props.css -o dist/op.css",
66
- "clean": "pnpm exec shx rm -rf dist",
67
- "docs:dev": "vitepress dev docs",
68
- "docs:build": "vitepress build docs",
69
- "docs:preview": "vitepress preview docs"
75
+ "build": "node scripts/build.mjs",
76
+ "release": "pnpm version patch && pnpm publish && git push --follow-tags",
77
+ "release:minor": "pnpm version minor && pnpm publish && git push --follow-tags",
78
+ "release:major": "pnpm version major && pnpm publish && git push --follow-tags"
70
79
  }
71
80
  }