@rovula/ui 0.0.82 → 0.1.1

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 (84) hide show
  1. package/dist/cjs/bundle.css +67 -1
  2. package/dist/cjs/bundle.js +9261 -3
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/Footer/Footer.d.ts +21 -0
  5. package/dist/cjs/types/components/Footer/Footer.stories.d.ts +45 -0
  6. package/dist/cjs/types/components/Footer/index.d.ts +2 -0
  7. package/dist/cjs/types/components/Icon/Icon.d.ts +1 -1
  8. package/dist/cjs/types/components/Icon/Icon.stories.d.ts +9 -1
  9. package/dist/cjs/types/components/Navbar/Navbar.d.ts +5 -0
  10. package/dist/cjs/types/components/Navbar/Navbar.stories.d.ts +14 -0
  11. package/dist/cjs/types/components/PasswordInput/PasswordInput.d.ts +19 -0
  12. package/dist/cjs/types/components/PasswordInput/PasswordInput.stories.d.ts +395 -0
  13. package/dist/cjs/types/components/PasswordInput/index.d.ts +2 -0
  14. package/dist/cjs/types/icons/index.d.ts +1 -0
  15. package/dist/cjs/types/icons/lucideIconNames.d.ts +9 -0
  16. package/dist/cjs/types/index.d.ts +7 -1
  17. package/dist/cjs/types/utils/colors.d.ts +330 -0
  18. package/dist/components/Footer/Footer.js +11 -0
  19. package/dist/components/Footer/Footer.stories.js +34 -0
  20. package/dist/components/Footer/index.js +2 -0
  21. package/dist/components/Icon/Icon.js +28 -11
  22. package/dist/components/Icon/Icon.stories.js +39 -0
  23. package/dist/components/Navbar/Navbar.js +18 -4
  24. package/dist/components/Navbar/Navbar.stories.js +16 -9
  25. package/dist/components/PasswordInput/PasswordInput.js +36 -0
  26. package/dist/components/PasswordInput/PasswordInput.stories.js +67 -0
  27. package/dist/components/PasswordInput/index.js +1 -0
  28. package/dist/esm/bundle.css +67 -1
  29. package/dist/esm/bundle.js +9261 -3
  30. package/dist/esm/bundle.js.map +1 -1
  31. package/dist/esm/types/components/Footer/Footer.d.ts +21 -0
  32. package/dist/esm/types/components/Footer/Footer.stories.d.ts +45 -0
  33. package/dist/esm/types/components/Footer/index.d.ts +2 -0
  34. package/dist/esm/types/components/Icon/Icon.d.ts +1 -1
  35. package/dist/esm/types/components/Icon/Icon.stories.d.ts +9 -1
  36. package/dist/esm/types/components/Navbar/Navbar.d.ts +5 -0
  37. package/dist/esm/types/components/Navbar/Navbar.stories.d.ts +14 -0
  38. package/dist/esm/types/components/PasswordInput/PasswordInput.d.ts +19 -0
  39. package/dist/esm/types/components/PasswordInput/PasswordInput.stories.d.ts +395 -0
  40. package/dist/esm/types/components/PasswordInput/index.d.ts +2 -0
  41. package/dist/esm/types/icons/index.d.ts +1 -0
  42. package/dist/esm/types/icons/lucideIconNames.d.ts +9 -0
  43. package/dist/esm/types/index.d.ts +7 -1
  44. package/dist/esm/types/utils/colors.d.ts +330 -0
  45. package/dist/icons/index.js +1 -0
  46. package/dist/icons/lucideIconNames.js +12 -0
  47. package/dist/index.d.ts +386 -2
  48. package/dist/index.js +4 -0
  49. package/dist/src/theme/global.css +1946 -309
  50. package/dist/utils/colors.js +369 -0
  51. package/package.json +5 -2
  52. package/src/components/Button/Button.tsx +7 -7
  53. package/src/components/Footer/Footer.stories.tsx +119 -0
  54. package/src/components/Footer/Footer.tsx +122 -0
  55. package/src/components/Footer/index.ts +3 -0
  56. package/src/components/Icon/Icon.stories.tsx +89 -0
  57. package/src/components/Icon/Icon.tsx +44 -23
  58. package/src/components/Navbar/Navbar.stories.tsx +109 -55
  59. package/src/components/Navbar/Navbar.tsx +41 -3
  60. package/src/components/PasswordInput/PasswordInput.stories.tsx +111 -0
  61. package/src/components/PasswordInput/PasswordInput.tsx +50 -0
  62. package/src/components/PasswordInput/index.ts +2 -0
  63. package/src/icons/index.ts +1 -0
  64. package/src/icons/lucideIconNames.ts +14 -0
  65. package/src/index.ts +15 -1
  66. package/src/theme/THEME_MAPPING.md +231 -0
  67. package/src/theme/global.css +2 -1
  68. package/src/theme/themes/skyller/baseline.css +6 -0
  69. package/src/theme/themes/skyller/color.css +79 -0
  70. package/src/theme/themes/skyller/components/action-button.css +81 -0
  71. package/src/theme/themes/skyller/palette.css +143 -0
  72. package/src/theme/themes/skyller/state.css +94 -0
  73. package/src/theme/themes/skyller/transparent.css +94 -0
  74. package/src/theme/themes/skyller/typography.css +30 -0
  75. package/src/theme/themes/variable.css +1057 -0
  76. package/src/theme/themes/xspector/color.css +50 -48
  77. package/src/theme/themes/xspector/palette.css +141 -121
  78. package/src/theme/themes/xspector/state.css +83 -78
  79. package/src/theme/themes/xspector/transparent.css +93 -68
  80. package/src/theme/tokens/baseline.css +1 -0
  81. package/src/theme/tokens/components/footer.css +9 -0
  82. package/src/theme/tokens/components/navbar.css +2 -1
  83. package/src/types/lucide-react.d.ts +5 -0
  84. package/src/utils/colors.ts +383 -0
package/src/theme/themes/skyller/transparent.css ADDED
@@ -0,0 +1,94 @@
1
+ :root[data-theme="skyller"] {
2
+ /* ------------------------------------------------------------------ */
3
+ /* Transparency Variants — from variable_lasted.css */
4
+ /* ------------------------------------------------------------------ */
5
+ /* Maps --main/other-transparency-* (code) → --transparency-*-skyller */
6
+
7
+ /* Primary (main) */
8
+ --main-transparency-primary-8: var(--transparency-primary-8-skyller);
9
+ --main-transparency-primary-12: var(--transparency-primary-12-skyller);
10
+ --main-transparency-primary-16: var(--transparency-primary-16-skyller);
11
+ --main-transparency-primary-24: var(--transparency-primary-24-skyller);
12
+ --main-transparency-primary-32: var(--transparency-primary-32-skyller);
13
+ --main-transparency-primary-48: var(--transparency-primary-48-skyller);
14
+
15
+ /* Secondary (main) */
16
+ --main-transparency-secondary-8: var(--transparency-secondary-8-skyller);
17
+ --main-transparency-secondary-12: var(--transparency-secondary-12-skyller);
18
+ --main-transparency-secondary-16: var(--transparency-secondary-16-skyller);
19
+ --main-transparency-secondary-24: var(--transparency-secondary-24-skyller);
20
+ --main-transparency-secondary-32: var(--transparency-secondary-32-skyller);
21
+ --main-transparency-secondary-48: var(--transparency-secondary-48-skyller);
22
+
23
+ /* Tertiary (main) */
24
+ --main-transparency-tertiary-8: var(--transparency-tertiary-8-skyller);
25
+ --main-transparency-tertiary-12: var(--transparency-tertiary-12-skyller);
26
+ --main-transparency-tertiary-16: var(--transparency-tertiary-16-skyller);
27
+ --main-transparency-tertiary-24: var(--transparency-tertiary-24-skyller);
28
+ --main-transparency-tertiary-32: var(--transparency-tertiary-32-skyller);
29
+ --main-transparency-tertiary-48: var(--transparency-tertiary-48-skyller);
30
+
31
+ /* Info (other) */
32
+ --other-transparency-info-8: var(--transparency-info-8-skyller);
33
+ --other-transparency-info-12: var(--transparency-info-12-skyller);
34
+ --other-transparency-info-16: var(--transparency-info-16-skyller);
35
+ --other-transparency-info-24: var(--transparency-info-24-skyller);
36
+ --other-transparency-info-32: var(--transparency-info-32-skyller);
37
+ --other-transparency-info-48: var(--transparency-info-48-skyller);
38
+
39
+ /* Success (other) */
40
+ --other-transparency-success-8: var(--transparency-success-8-skyller);
41
+ --other-transparency-success-12: var(--transparency-success-12-skyller);
42
+ --other-transparency-success-16: var(--transparency-success-16-skyller);
43
+ --other-transparency-success-24: var(--transparency-success-24-skyller);
44
+ --other-transparency-success-32: var(--transparency-success-32-skyller);
45
+ --other-transparency-success-48: var(--transparency-success-48-skyller);
46
+
47
+ /* Warning (other) */
48
+ --other-transparency-warning-8: var(--transparency-warning-8-skyller);
49
+ --other-transparency-warning-12: var(--transparency-warning-12-skyller);
50
+ --other-transparency-warning-16: var(--transparency-warning-16-skyller);
51
+ --other-transparency-warning-24: var(--transparency-warning-24-skyller);
52
+ --other-transparency-warning-32: var(--transparency-warning-32-skyller);
53
+ --other-transparency-warning-48: var(--transparency-warning-48-skyller);
54
+
55
+ /* Error (other) */
56
+ --other-transparency-error-8: var(--transparency-error-8-skyller);
57
+ --other-transparency-error-12: var(--transparency-error-12-skyller);
58
+ --other-transparency-error-16: var(--transparency-error-16-skyller);
59
+ --other-transparency-error-24: var(--transparency-error-24-skyller);
60
+ --other-transparency-error-32: var(--transparency-error-32-skyller);
61
+ --other-transparency-error-48: var(--transparency-error-48-skyller);
62
+
63
+ /* Grey (other) */
64
+ --other-transparency-grey-8: var(--transparency-grey-8-skyller);
65
+ --other-transparency-grey-12: var(--transparency-grey-12-skyller);
66
+ --other-transparency-grey-16: var(--transparency-grey-16-skyller);
67
+ --other-transparency-grey-24: var(--transparency-grey-24-skyller);
68
+ --other-transparency-grey-32: var(--transparency-grey-32-skyller);
69
+ --other-transparency-grey-48: var(--transparency-grey-48-skyller);
70
+
71
+ /* Grey2 (other) */
72
+ --other-transparency-grey2-8: var(--transparency-grey2-8-skyller);
73
+ --other-transparency-grey2-12: var(--transparency-grey2-12-skyller);
74
+ --other-transparency-grey2-16: var(--transparency-grey2-16-skyller);
75
+ --other-transparency-grey2-24: var(--transparency-grey2-24-skyller);
76
+ --other-transparency-grey2-32: var(--transparency-grey2-32-skyller);
77
+ --other-transparency-grey2-48: var(--transparency-grey2-48-skyller);
78
+
79
+ /* White (other) — note: variable uses transparency-white-8 */
80
+ --other-transparency-white-08: var(--transparency-white-8-skyller);
81
+ --other-transparency-white-12: var(--transparency-white-12-skyller);
82
+ --other-transparency-white-16: var(--transparency-white-16-skyller);
83
+ --other-transparency-white-24: var(--transparency-white-24-skyller);
84
+ --other-transparency-white-32: var(--transparency-white-32-skyller);
85
+ --other-transparency-white-48: var(--transparency-white-48-skyller);
86
+
87
+ /* Black (other) */
88
+ --other-transparency-black-08: var(--transparency-black-8-skyller);
89
+ --other-transparency-black-12: var(--transparency-black-12-skyller);
90
+ --other-transparency-black-16: var(--transparency-black-16-skyller);
91
+ --other-transparency-black-24: var(--transparency-black-24-skyller);
92
+ --other-transparency-black-32: var(--transparency-black-32-skyller);
93
+ --other-transparency-black-48: var(--transparency-black-48-skyller);
94
+ }
package/src/theme/themes/skyller/typography.css ADDED
@@ -0,0 +1,30 @@
1
+ :root[data-theme="skyller"] {
2
+ /* ------------------------------------------------------------------ */
3
+ /* Typography */
4
+ /* ------------------------------------------------------------------ */
5
+
6
+ --h1-family: "Montserrat";
7
+ --h2-family: "Montserrat";
8
+ --h3-family: "Montserrat";
9
+ --h4-family: "Montserrat";
10
+ --h5-family: "Montserrat";
11
+ --h6-family: "Montserrat";
12
+ --subtitle2-family: "Montserrat";
13
+ --subtitle3-family: "Montserrat";
14
+ --subtitle4-family: "Montserrat";
15
+ --subtitle5-family: "Montserrat";
16
+ --subtitle6-family: "Montserrat";
17
+ --body1-family: "Montserrat";
18
+ --body2-family: "Montserrat";
19
+ --body3-family: "Montserrat";
20
+ --body4-family: "Montserrat";
21
+ --small1-family: "Montserrat";
22
+ --small2-family: "Montserrat";
23
+ --small3-family: "Montserrat";
24
+ --small4-family: "Montserrat";
25
+ --small5-family: "Montserrat";
26
+ --label-label1-family: "Montserrat";
27
+ --label-label2-family: "Montserrat";
28
+ --button-button-l-family: "Montserrat";
29
+ --button-button-ms-family: "Montserrat";
30
+ }