@rokkit/themes 1.1.8 → 1.1.9

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 (46) hide show
  1. package/package.json +3 -3
  2. package/src/base/grid.css +0 -35
  3. package/src/base/palette-manager.css +30 -77
  4. package/src/base/pill.css +0 -4
  5. package/src/base/progress.css +0 -2
  6. package/src/base/rating.css +0 -8
  7. package/src/base/table.css +0 -15
  8. package/src/base/tooltip.css +0 -12
  9. package/src/frosted/grid.css +26 -0
  10. package/src/frosted/index.css +6 -0
  11. package/src/frosted/palette-manager.css +97 -0
  12. package/src/frosted/pill.css +17 -0
  13. package/src/frosted/progress.css +13 -0
  14. package/src/frosted/rating.css +13 -0
  15. package/src/frosted/table.css +10 -0
  16. package/src/frosted/tooltip.css +7 -0
  17. package/src/material/grid.css +26 -0
  18. package/src/material/index.css +6 -0
  19. package/src/material/palette-manager.css +97 -0
  20. package/src/material/pill.css +17 -0
  21. package/src/material/progress.css +13 -0
  22. package/src/material/rating.css +13 -0
  23. package/src/material/table.css +10 -0
  24. package/src/material/tooltip.css +7 -0
  25. package/src/minimal/grid.css +26 -0
  26. package/src/minimal/index.css +6 -0
  27. package/src/minimal/palette-manager.css +97 -0
  28. package/src/minimal/pill.css +17 -0
  29. package/src/minimal/progress.css +13 -0
  30. package/src/minimal/rating.css +13 -0
  31. package/src/minimal/table.css +10 -0
  32. package/src/minimal/tooltip.css +7 -0
  33. package/src/rokkit/index.css +4 -0
  34. package/src/rokkit/palette-manager.css +97 -0
  35. package/src/rokkit/pill.css +17 -0
  36. package/src/rokkit/progress.css +13 -0
  37. package/src/rokkit/rating.css +13 -0
  38. package/src/rokkit/table.css +10 -0
  39. package/src/zen-sumi/grid.css +26 -0
  40. package/src/zen-sumi/index.css +6 -0
  41. package/src/zen-sumi/palette-manager.css +97 -0
  42. package/src/zen-sumi/pill.css +17 -0
  43. package/src/zen-sumi/progress.css +13 -0
  44. package/src/zen-sumi/rating.css +13 -0
  45. package/src/zen-sumi/table.css +10 -0
  46. package/src/zen-sumi/tooltip.css +7 -0
package/src/zen-sumi/palette-manager.css ADDED
@@ -0,0 +1,97 @@
1
+ /**
2
+ * PaletteManager — Zen-Sumi Theme
3
+ * Color layer for the headless base structure in base/palette-manager.css.
4
+ */
5
+
6
+ /* Container */
7
+ [data-style='zen-sumi'] [data-palette-manager] {
8
+ @apply bg-paper text-ink border-paper-edge;
9
+ }
10
+
11
+ /* Section labels */
12
+ [data-style='zen-sumi'] [data-palette-presets-label],
13
+ [data-style='zen-sumi'] [data-palette-custom-label] {
14
+ @apply text-ink-mute;
15
+ }
16
+
17
+ /* Presets */
18
+ [data-style='zen-sumi'] [data-palette-preset] {
19
+ @apply bg-paper-soft text-ink border-paper-edge;
20
+ }
21
+
22
+ [data-style='zen-sumi'] [data-palette-preset]:hover {
23
+ @apply bg-paper-mute;
24
+ }
25
+
26
+ [data-style='zen-sumi'] [data-palette-preset][data-active] {
27
+ @apply text-primary border-primary;
28
+ }
29
+
30
+ [data-style='zen-sumi'] [data-palette-preset-swatch] {
31
+ @apply border-paper-edge;
32
+ }
33
+
34
+ /* Custom palettes */
35
+ [data-style='zen-sumi'] [data-palette-custom-item] {
36
+ @apply bg-paper-soft text-ink-mute border-paper-edge;
37
+ }
38
+
39
+ [data-style='zen-sumi'] [data-palette-custom-item]:hover {
40
+ @apply bg-paper-mute text-ink;
41
+ }
42
+
43
+ [data-style='zen-sumi'] [data-palette-custom-item][data-active] {
44
+ @apply text-primary border-primary;
45
+ }
46
+
47
+ /* Role rows */
48
+ [data-style='zen-sumi'] [data-palette-role-label] {
49
+ @apply text-ink;
50
+ }
51
+
52
+ /* Color pickers */
53
+ [data-style='zen-sumi'] [data-palette-color-select],
54
+ [data-style='zen-sumi'] [data-palette-color-input] {
55
+ @apply bg-paper-soft text-ink border-paper-edge;
56
+ }
57
+
58
+ [data-style='zen-sumi'] [data-palette-color-input]::placeholder {
59
+ @apply text-ink-faint;
60
+ }
61
+
62
+ [data-style='zen-sumi'] [data-palette-color-select]:focus-visible,
63
+ [data-style='zen-sumi'] [data-palette-color-input]:focus-visible {
64
+ @apply outline-focus-ring border-focus-ring;
65
+ }
66
+
67
+ /* Hex toggle */
68
+ [data-style='zen-sumi'] [data-palette-hex-toggle] {
69
+ @apply bg-paper-soft text-ink-mute border-paper-edge;
70
+ }
71
+
72
+ [data-style='zen-sumi'] [data-palette-hex-toggle]:hover {
73
+ @apply bg-paper-mute text-ink;
74
+ }
75
+
76
+ /* Shade ramp */
77
+ [data-style='zen-sumi'] [data-palette-shades] {
78
+ @apply border-paper-edge;
79
+ }
80
+
81
+ /* Actions — Save = secondary / outlined */
82
+ [data-style='zen-sumi'] [data-palette-save] {
83
+ @apply bg-paper-soft text-ink-mute border-paper-edge;
84
+ }
85
+
86
+ [data-style='zen-sumi'] [data-palette-save]:hover {
87
+ @apply bg-paper-mute text-ink;
88
+ }
89
+
90
+ /* Actions — Apply = primary */
91
+ [data-style='zen-sumi'] [data-palette-apply] {
92
+ @apply bg-primary text-on-primary border-primary;
93
+ }
94
+
95
+ [data-style='zen-sumi'] [data-palette-apply]:hover {
96
+ @apply bg-accent border-accent;
97
+ }
package/src/zen-sumi/pill.css ADDED
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Pill - Zen-Sumi Theme Styles
3
+ *
4
+ * Muted surface chip with soft remove affordance.
5
+ */
6
+
7
+ [data-style='zen-sumi'] [data-pill] {
8
+ @apply bg-paper-mute text-ink;
9
+ }
10
+
11
+ [data-style='zen-sumi'] [data-pill-remove] {
12
+ @apply text-ink-soft;
13
+ }
14
+
15
+ [data-style='zen-sumi'] [data-pill-remove]:hover:not(:disabled) {
16
+ @apply text-ink;
17
+ }
package/src/zen-sumi/progress.css ADDED
@@ -0,0 +1,13 @@
1
+ /**
2
+ * ProgressBar - Zen-Sumi Theme Styles
3
+ *
4
+ * Default track + primary fill colors.
5
+ */
6
+
7
+ [data-style='zen-sumi'] [data-progress] {
8
+ @apply bg-paper-mute;
9
+ }
10
+
11
+ [data-style='zen-sumi'] [data-progress-bar] {
12
+ @apply bg-primary;
13
+ }
package/src/zen-sumi/rating.css ADDED
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Rating - Zen-Sumi Theme Styles
3
+ *
4
+ * Faint empty icons, warning-toned filled icons.
5
+ */
6
+
7
+ [data-style='zen-sumi'] [data-rating-icon] {
8
+ @apply text-ink-faint;
9
+ }
10
+
11
+ [data-style='zen-sumi'] [data-rating-item][data-filled] [data-rating-icon] {
12
+ @apply text-warning;
13
+ }
package/src/zen-sumi/table.css CHANGED
@@ -68,6 +68,16 @@
68
68
  @apply text-primary border-l-primary border-l-2 bg-none;
69
69
  }
70
70
 
71
+ /* Keyboard-focused row + synthesised TreeTable group row */
72
+ [data-style='zen-sumi'] [data-table] tr[data-table-row][data-focused] {
73
+ @apply bg-paper-mute;
74
+ }
75
+
76
+ [data-style='zen-sumi'] [data-table] tr[data-table-row][data-group] {
77
+ @apply bg-paper-soft text-ink;
78
+ font-weight: 500;
79
+ }
80
+
71
81
  /* =============================================================================
72
82
  Striped
73
83
  ============================================================================= */
package/src/zen-sumi/tooltip.css ADDED
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Tooltip - Zen-Sumi Theme Styles
3
+ */
4
+
5
+ [data-style='zen-sumi'] [data-tooltip-content] {
6
+ @apply bg-ink text-paper;
7
+ }