opui-css 2.2.3 → 2.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/README.md +23 -7
- package/dist/{op+ui.css → theme-one+op.css} +290 -143
- package/dist/{ui.css → theme-one.css} +168 -12
- package/dist/theme-two+op.css +4021 -0
- package/dist/theme-two.css +3975 -0
- package/package.json +6 -5
- package/src/themes/theme-one/components/table.css +100 -0
- package/src/{components → themes/theme-one/components}/toggle-button-group.css +1 -5
- package/src/themes/theme-one/components.css +37 -0
- package/src/{theme.css → themes/theme-one/setup.css} +1 -1
- package/src/themes/theme-one/theme+op.css +5 -0
- package/src/themes/theme-one/theme.css +13 -0
- package/src/themes/theme-two/components/accordion.css +172 -0
- package/src/themes/theme-two/components/alert.css +85 -0
- package/src/themes/theme-two/components/avatar.css +68 -0
- package/src/themes/theme-two/components/badge.css +101 -0
- package/src/themes/theme-two/components/button-group.css +50 -0
- package/src/themes/theme-two/components/button.css +217 -0
- package/src/themes/theme-two/components/card.css +82 -0
- package/src/themes/theme-two/components/checkbox-radio.css +123 -0
- package/src/themes/theme-two/components/chip.css +135 -0
- package/src/themes/theme-two/components/definition-list.css +65 -0
- package/src/themes/theme-two/components/dialog.css +59 -0
- package/src/themes/theme-two/components/divider.css +7 -0
- package/src/themes/theme-two/components/field-group.css +83 -0
- package/src/themes/theme-two/components/field.css +281 -0
- package/src/themes/theme-two/components/icon-button.css +40 -0
- package/src/themes/theme-two/components/link.css +21 -0
- package/src/themes/theme-two/components/list.css +317 -0
- package/src/themes/theme-two/components/progress.css +83 -0
- package/src/themes/theme-two/components/range.css +121 -0
- package/src/themes/theme-two/components/rich-text.css +210 -0
- package/src/themes/theme-two/components/select.css +162 -0
- package/src/themes/theme-two/components/snackbar.css +148 -0
- package/src/themes/theme-two/components/spinner.css +38 -0
- package/src/themes/theme-two/components/switch.css +189 -0
- package/src/themes/theme-two/components/tab-buttons.css +120 -0
- package/src/themes/theme-two/components/text-field.css +57 -0
- package/src/themes/theme-two/components/textarea.css +25 -0
- package/src/themes/theme-two/components/toggle-button-group.css +135 -0
- package/src/themes/theme-two/components/tooltip.css +94 -0
- package/src/themes/theme-two/components/typography.css +209 -0
- package/src/themes/theme-two/components.css +37 -0
- package/src/themes/theme-two/setup.css +158 -0
- package/src/themes/theme-two/theme+op.css +5 -0
- package/src/themes/theme-two/theme.css +13 -0
- package/src/core/components.css +0 -37
- package/src/main.css +0 -13
- package/src/opui.css +0 -10
- /package/src/{components → themes/theme-one/components}/accordion.css +0 -0
- /package/src/{components → themes/theme-one/components}/alert.css +0 -0
- /package/src/{components → themes/theme-one/components}/avatar.css +0 -0
- /package/src/{components → themes/theme-one/components}/badge.css +0 -0
- /package/src/{components → themes/theme-one/components}/button-group.css +0 -0
- /package/src/{components → themes/theme-one/components}/button.css +0 -0
- /package/src/{components → themes/theme-one/components}/card.css +0 -0
- /package/src/{components → themes/theme-one/components}/checkbox-radio.css +0 -0
- /package/src/{components → themes/theme-one/components}/chip.css +0 -0
- /package/src/{components → themes/theme-one/components}/definition-list.css +0 -0
- /package/src/{components → themes/theme-one/components}/dialog.css +0 -0
- /package/src/{components → themes/theme-one/components}/divider.css +0 -0
- /package/src/{components → themes/theme-one/components}/field-group.css +0 -0
- /package/src/{components → themes/theme-one/components}/field.css +0 -0
- /package/src/{components → themes/theme-one/components}/icon-button.css +0 -0
- /package/src/{components → themes/theme-one/components}/link.css +0 -0
- /package/src/{components → themes/theme-one/components}/list.css +0 -0
- /package/src/{components → themes/theme-one/components}/progress.css +0 -0
- /package/src/{components → themes/theme-one/components}/range.css +0 -0
- /package/src/{components → themes/theme-one/components}/rich-text.css +0 -0
- /package/src/{components → themes/theme-one/components}/select.css +0 -0
- /package/src/{components → themes/theme-one/components}/snackbar.css +0 -0
- /package/src/{components → themes/theme-one/components}/spinner.css +0 -0
- /package/src/{components → themes/theme-one/components}/switch.css +0 -0
- /package/src/{components → themes/theme-one/components}/tab-buttons.css +0 -0
- /package/src/{components → themes/theme-one/components}/text-field.css +0 -0
- /package/src/{components → themes/theme-one/components}/textarea.css +0 -0
- /package/src/{components → themes/theme-one/components}/tooltip.css +0 -0
- /package/src/{components → themes/theme-one/components}/typography.css +0 -0
- /package/src/{components → themes/theme-two/components}/table.css +0 -0
package/README.md
CHANGED
|
@@ -8,13 +8,6 @@ https://open-props-ui.netlify.app/
|
|
|
8
8
|
|
|
9
9
|
Check out the [getting started guide](https://open-props-ui.netlify.app/guide/getting-started.html).
|
|
10
10
|
|
|
11
|
-
## Development
|
|
12
|
-
|
|
13
|
-
```
|
|
14
|
-
pnpm i
|
|
15
|
-
pnpm dev:css
|
|
16
|
-
```
|
|
17
|
-
|
|
18
11
|
## Backstory
|
|
19
12
|
|
|
20
13
|
Practically all established UI libraries need to take older browser versions into account. Some have only just dropped Internet Explorer. Some have barely discovered the power of CSS grid. Open Props UI starts from a blank slate and re-imagines how a component library could be built if you used the most modern features.
|
|
@@ -30,3 +23,26 @@ Yes and no. Right now that's true for most components. The point is to let the s
|
|
|
30
23
|
- Follow accessibility guidelines
|
|
31
24
|
- Serve as an inspiration
|
|
32
25
|
- Be scalable
|
|
26
|
+
|
|
27
|
+
## Development
|
|
28
|
+
|
|
29
|
+
```bash
|
|
30
|
+
# Install dependencies
|
|
31
|
+
pnpm i
|
|
32
|
+
|
|
33
|
+
# Build all themes (outputs to dist/)
|
|
34
|
+
pnpm build
|
|
35
|
+
|
|
36
|
+
# Build themes in watch mode (rebuilds on file changes)
|
|
37
|
+
pnpm dev
|
|
38
|
+
|
|
39
|
+
# Clean the dist folder
|
|
40
|
+
pnpm clean
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
### Theme Building
|
|
44
|
+
|
|
45
|
+
The build system automatically processes all themes in the `src/themes/` folder. For each theme folder (ex: `chad-zn`, `theme-one`), it:
|
|
46
|
+
|
|
47
|
+
1. Bundles `theme.css` → `dist/{theme-name}.css`
|
|
48
|
+
2. Bundles `theme+op.css` → `dist/{theme-name}+op.css`
|