@owodesign/owoui 0.1.4 → 0.1.5

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 (43) hide show
  1. package/README.md +19 -9
  2. package/dist/preset-default.css +143 -0
  3. package/dist/preset-elevated.css +164 -0
  4. package/dist/preset-flat.css +144 -0
  5. package/dist/preset-glass.css +173 -0
  6. package/dist/storybook-static/app.css +609 -829
  7. package/dist/storybook-static/assets/main.css +2 -2
  8. package/dist/storybook-static/assets/main.js +12 -12
  9. package/dist/style.css +2988 -0
  10. package/dist/theme-dark.css +230 -0
  11. package/{src/styles/tokens.css → dist/theme-light.css} +109 -149
  12. package/dist/tokens.css +118 -0
  13. package/dist/tokens.d.ts +4 -1
  14. package/dist/tokens.min.js +1 -1
  15. package/package.json +25 -30
  16. package/src/preset-default.css +0 -27
  17. package/src/preset-elevated.css +0 -27
  18. package/src/preset-flat.css +0 -27
  19. package/src/preset-glass.css +0 -27
  20. package/src/style.css +0 -22
  21. package/src/styles/ui/avatar.css +0 -13
  22. package/src/styles/ui/badge.css +0 -52
  23. package/src/styles/ui/button.css +0 -49
  24. package/src/styles/ui/collapsible.css +0 -13
  25. package/src/styles/ui/dialog.css +0 -37
  26. package/src/styles/ui/drawer.css +0 -15
  27. package/src/styles/ui/dropdown-menu.css +0 -132
  28. package/src/styles/ui/field.css +0 -12
  29. package/src/styles/ui/icon-button.css +0 -29
  30. package/src/styles/ui/input.css +0 -16
  31. package/src/styles/ui/panel.css +0 -23
  32. package/src/styles/ui/segmented-control.css +0 -28
  33. package/src/styles/ui/select.css +0 -52
  34. package/src/styles/ui/skeleton.css +0 -99
  35. package/src/styles/ui/status-notice.css +0 -49
  36. package/src/styles/ui/switch.css +0 -17
  37. package/src/styles/ui/tabs.css +0 -33
  38. package/src/styles/ui/textarea.css +0 -8
  39. package/src/styles/ui/toast.css +0 -57
  40. package/src/styles/ui/tooltip.css +0 -31
  41. package/src/theme-dark.css +0 -87
  42. package/src/theme-light.css +0 -103
  43. package/src/tokens.css +0 -1
package/src/theme-light.css DELETED
@@ -1,103 +0,0 @@
1
- @import "./styles/tokens.css";
2
-
3
- /* ================================================================== */
4
- /* Light theme — all --owo-ref-* primitives + --owo-sys-theme-* maps */
5
- /* */
6
- /* :root (bare) is included so light acts as the default when no */
7
- /* explicit data-theme is set. */
8
- /* ================================================================== */
9
-
10
- :root,
11
- :root[data-theme="light"],
12
- .owoui-theme-light {
13
- /* Neutral scale */
14
- --owo-ref-color-neutral-900: #1a1a1a;
15
- --owo-ref-color-neutral-800: #2d2d2d;
16
- --owo-ref-color-neutral-700: #4a4a4a;
17
- --owo-ref-color-neutral-600: #71717a;
18
- --owo-ref-color-neutral-500: #a1a1aa;
19
- --owo-ref-color-neutral-400: #d4d4d8;
20
- --owo-ref-color-neutral-300: #e4e4e7;
21
-
22
- /* Brand */
23
- --owo-ref-color-brand-primary: #1a1a1a;
24
- --owo-ref-color-brand-primary-hover: #000000;
25
- --owo-ref-color-brand-accent: #4a4a4a;
26
-
27
- /* Surfaces */
28
- --owo-ref-color-surface-canvas: #ffffff;
29
- --owo-ref-color-surface-base: #ffffff;
30
- --owo-ref-color-surface-subtle: #fafaf9;
31
- --owo-ref-color-surface-raised: #ffffff;
32
- --owo-ref-color-surface-inset: #f5f5f4;
33
- --owo-ref-color-surface-border: #e5e7eb;
34
- --owo-ref-color-surface-ring: #d6d3d1;
35
- --owo-ref-color-surface-overlay: rgba(0, 0, 0, 0.4);
36
-
37
- /* Overlays & highlights */
38
- --owo-ref-color-overlay-soft: rgba(244, 238, 230, 0.56);
39
- --owo-ref-color-overlay-strong: rgba(15, 23, 42, 0.18);
40
- --owo-ref-color-highlight-soft: rgba(255, 255, 255, 0.56);
41
- --owo-ref-color-highlight-sheen: rgba(255, 255, 255, 0.34);
42
-
43
- /* Text on brand */
44
- --owo-ref-color-text-on-brand: #ffffff;
45
-
46
- /* Code blocks */
47
- --owo-ref-color-code-block-bg: #f4f4f5;
48
- --owo-ref-color-code-block-border: #e4e4e7;
49
- --owo-ref-color-code-block-divider: #ececed;
50
- --owo-ref-color-code-inline-bg: #f4f4f5;
51
-
52
- /* Status */
53
- --owo-ref-color-status-success-bg: rgba(16, 185, 129, 0.10);
54
- --owo-ref-color-status-success-border: rgba(16, 185, 129, 0.20);
55
- --owo-ref-color-status-success-text: #047857;
56
- --owo-ref-color-status-warning-bg: rgba(245, 158, 11, 0.10);
57
- --owo-ref-color-status-warning-border: rgba(245, 158, 11, 0.20);
58
- --owo-ref-color-status-warning-text: #b45309;
59
- --owo-ref-color-status-danger-bg: rgba(239, 68, 68, 0.10);
60
- --owo-ref-color-status-danger-border: rgba(239, 68, 68, 0.20);
61
- --owo-ref-color-status-danger-text: #b91c1c;
62
- --owo-ref-color-status-info-bg: rgba(14, 165, 233, 0.10);
63
- --owo-ref-color-status-info-border: rgba(14, 165, 233, 0.20);
64
- --owo-ref-color-status-info-text: #0369a1;
65
-
66
- /* ---- Theme semantic mappings (--owo-ref-* -> --owo-sys-theme-*) ---- */
67
- --owo-sys-theme-surface-canvas: var(--owo-ref-color-surface-canvas);
68
- --owo-sys-theme-surface-base: var(--owo-ref-color-surface-base);
69
- --owo-sys-theme-surface-subtle: var(--owo-ref-color-surface-subtle);
70
- --owo-sys-theme-surface-raised: var(--owo-ref-color-surface-raised);
71
- --owo-sys-theme-surface-inset: var(--owo-ref-color-surface-inset);
72
- --owo-sys-theme-surface-border: var(--owo-ref-color-surface-border);
73
- --owo-sys-theme-surface-border-muted: rgba(0, 0, 0, 0.06);
74
- --owo-sys-theme-surface-border-strong: var(--owo-ref-color-surface-ring);
75
- --owo-sys-theme-canvas-bg-subtle: #f5f5f4;
76
- --owo-sys-theme-surface-container: #f4f4f5;
77
- --owo-sys-theme-surface-container-high: #ececed;
78
- --owo-sys-theme-surface-container-highest: #e4e4e7;
79
- --owo-sys-theme-text-primary: var(--owo-ref-color-neutral-800);
80
- --owo-sys-theme-text-secondary: var(--owo-ref-color-neutral-600);
81
- --owo-sys-theme-text-muted: var(--owo-ref-color-neutral-500);
82
- --owo-sys-theme-text-on-accent: var(--owo-ref-color-text-on-brand);
83
- --owo-sys-theme-accent-bg: var(--owo-ref-color-brand-primary);
84
- --owo-sys-theme-accent-bg-hover: var(--owo-ref-color-brand-primary-hover);
85
- --owo-sys-theme-accent-bg-muted: color-mix(in srgb, var(--owo-ref-color-brand-primary) 10%, var(--owo-ref-color-surface-base));
86
- --owo-sys-theme-accent-border: color-mix(in srgb, var(--owo-ref-color-brand-primary) 40%, transparent);
87
- --owo-sys-theme-success-bg: var(--owo-ref-color-status-success-bg);
88
- --owo-sys-theme-success-border: var(--owo-ref-color-status-success-border);
89
- --owo-sys-theme-success-text: var(--owo-ref-color-status-success-text);
90
- --owo-sys-theme-warning-bg: var(--owo-ref-color-status-warning-bg);
91
- --owo-sys-theme-warning-border: var(--owo-ref-color-status-warning-border);
92
- --owo-sys-theme-warning-text: var(--owo-ref-color-status-warning-text);
93
- --owo-sys-theme-danger-bg: var(--owo-ref-color-status-danger-bg);
94
- --owo-sys-theme-danger-bg-emphasis: rgba(239, 68, 68, 0.18);
95
- --owo-sys-theme-danger-border: var(--owo-ref-color-status-danger-border);
96
- --owo-sys-theme-danger-text: var(--owo-ref-color-status-danger-text);
97
- --owo-sys-theme-info-bg: var(--owo-ref-color-status-info-bg);
98
- --owo-sys-theme-info-border: var(--owo-ref-color-status-info-border);
99
- --owo-sys-theme-info-text: var(--owo-ref-color-status-info-text);
100
- --owo-sys-theme-control-focus-ring: var(--owo-ref-color-surface-ring);
101
- --owo-sys-theme-control-focus-ring-offset: var(--owo-ref-color-surface-base);
102
- --owo-sys-theme-overlay-bg: var(--owo-ref-color-overlay-strong);
103
- }
package/src/tokens.css DELETED
@@ -1 +0,0 @@
1
- @import "./styles/tokens.css";