opui-css 1.2.6 → 2.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 (40) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +32 -25
  3. package/dist/op+ui.css +4195 -4195
  4. package/dist/ui.css +4197 -4197
  5. package/package.json +3 -3
  6. package/src/components/accordion.css +172 -172
  7. package/src/components/alert.css +85 -85
  8. package/src/components/avatar.css +68 -68
  9. package/src/components/badge.css +101 -101
  10. package/src/components/button-group.css +69 -69
  11. package/src/components/button.css +267 -267
  12. package/src/components/card.css +82 -82
  13. package/src/components/checkbox-radio.css +123 -123
  14. package/src/components/chip.css +135 -135
  15. package/src/components/definition-list.css +65 -65
  16. package/src/components/dialog.css +59 -59
  17. package/src/components/divider.css +7 -7
  18. package/src/components/field-group.css +83 -83
  19. package/src/components/field.css +494 -494
  20. package/src/components/icon-button.css +40 -40
  21. package/src/components/list.css +317 -317
  22. package/src/components/progress.css +83 -83
  23. package/src/components/range.css +121 -121
  24. package/src/components/rich-text.css +210 -210
  25. package/src/components/select.css +163 -163
  26. package/src/components/snackbar.css +148 -148
  27. package/src/components/spinner.css +38 -38
  28. package/src/components/switch.css +189 -189
  29. package/src/components/tab-buttons.css +120 -120
  30. package/src/components/table.css +107 -107
  31. package/src/components/text-field.css +57 -57
  32. package/src/components/textarea.css +25 -25
  33. package/src/components/toggle-button-group.css +139 -139
  34. package/src/components/tooltip.css +94 -94
  35. package/src/components/typography.css +209 -209
  36. package/src/core/normalize.css +194 -194
  37. package/src/core/theme.css +160 -160
  38. package/src/core/utils.css +60 -60
  39. package/src/main.css +13 -13
  40. /package/src/{index.css → opui.css} +0 -0
package/src/components/icon-button.css CHANGED
@@ -1,40 +1,40 @@
1
- @layer components.root {
2
- :where(.icon-button) {
3
- --_text-color: inherit;
4
-
5
- align-items: center;
6
- aspect-ratio: 1;
7
- background-color: transparent;
8
- border: 0;
9
- border-radius: var(--radius-round);
10
- display: inline-flex;
11
- inline-size: var(--size-6);
12
- justify-content: center;
13
- padding: 0;
14
- transform-style: preserve-3d;
15
-
16
- &:where([disabled]) {
17
- color: light-dark(rgb(0, 0, 0/0.3), rgb(255, 255, 255/0.26));
18
- cursor: not-allowed;
19
- opacity: 0.64;
20
- }
21
-
22
- svg {
23
- max-inline-size: var(--size-5);
24
- pointer-events: none;
25
- }
26
-
27
- /* Ripple effect, utils > index.css */
28
- &::before {
29
- --highlight-size: 130%;
30
- }
31
-
32
- /* Size */
33
- &.small {
34
- inline-size: var(--size-4);
35
- svg {
36
- max-inline-size: var(--size-4);
37
- }
38
- }
39
- }
40
- }
1
+ @layer components.root {
2
+ :where(.icon-button) {
3
+ --_text-color: inherit;
4
+
5
+ align-items: center;
6
+ aspect-ratio: 1;
7
+ background-color: transparent;
8
+ border: 0;
9
+ border-radius: var(--radius-round);
10
+ display: inline-flex;
11
+ inline-size: var(--size-6);
12
+ justify-content: center;
13
+ padding: 0;
14
+ transform-style: preserve-3d;
15
+
16
+ &:where([disabled]) {
17
+ color: light-dark(rgb(0, 0, 0/0.3), rgb(255, 255, 255/0.26));
18
+ cursor: not-allowed;
19
+ opacity: 0.64;
20
+ }
21
+
22
+ svg {
23
+ max-inline-size: var(--size-5);
24
+ pointer-events: none;
25
+ }
26
+
27
+ /* Ripple effect, utils.css */
28
+ &::before {
29
+ --highlight-size: 130%;
30
+ }
31
+
32
+ /* Size */
33
+ &.small {
34
+ inline-size: var(--size-4);
35
+ svg {
36
+ max-inline-size: var(--size-4);
37
+ }
38
+ }
39
+ }
40
+ }