@solibo/solibo-ui 0.4.12 → 0.5.4

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 (191) hide show
  1. package/README.md +1 -1
  2. package/dist/assets/index.css +1 -1
  3. package/dist/assets/index10.css +1 -1
  4. package/dist/assets/index11.css +1 -1
  5. package/dist/assets/index12.css +1 -1
  6. package/dist/assets/index13.css +1 -1
  7. package/dist/assets/index14.css +1 -1
  8. package/dist/assets/index15.css +1 -1
  9. package/dist/assets/index16.css +1 -1
  10. package/dist/assets/index17.css +1 -1
  11. package/dist/assets/index18.css +1 -1
  12. package/dist/assets/index19.css +1 -1
  13. package/dist/assets/index2.css +1 -1
  14. package/dist/assets/index20.css +1 -1
  15. package/dist/assets/index21.css +1 -1
  16. package/dist/assets/index22.css +1 -1
  17. package/dist/assets/index23.css +1 -1
  18. package/dist/assets/index24.css +1 -1
  19. package/dist/assets/index25.css +1 -1
  20. package/dist/assets/index26.css +1 -1
  21. package/dist/assets/index27.css +1 -1
  22. package/dist/assets/index29.css +1 -1
  23. package/dist/assets/index3.css +1 -1
  24. package/dist/assets/index31.css +1 -1
  25. package/dist/assets/index32.css +1 -1
  26. package/dist/assets/index33.css +1 -1
  27. package/dist/assets/index34.css +1 -1
  28. package/dist/assets/index35.css +1 -1
  29. package/dist/assets/index36.css +1 -1
  30. package/dist/assets/index37.css +1 -1
  31. package/dist/assets/index38.css +1 -1
  32. package/dist/assets/index39.css +1 -1
  33. package/dist/assets/index40.css +1 -1
  34. package/dist/assets/index41.css +1 -1
  35. package/dist/assets/index42.css +1 -1
  36. package/dist/assets/index43.css +1 -1
  37. package/dist/assets/index44.css +1 -1
  38. package/dist/assets/index5.css +1 -1
  39. package/dist/assets/index6.css +1 -1
  40. package/dist/assets/index7.css +0 -1
  41. package/dist/assets/index8.css +1 -0
  42. package/dist/assets/index9.css +1 -1
  43. package/dist/assets/styles.css +1 -1
  44. package/dist/components/_avatar/index.cjs +1 -1
  45. package/dist/components/_avatar/index.cjs.map +1 -1
  46. package/dist/components/_avatar/index.js +9 -9
  47. package/dist/components/_avatar/index.js.map +1 -1
  48. package/dist/components/_card/index.cjs +1 -1
  49. package/dist/components/_card/index.js +12 -12
  50. package/dist/components/_collapsible/index.cjs +1 -1
  51. package/dist/components/_collapsible/index.js +1 -1
  52. package/dist/components/_croppable/index.cjs +1 -1
  53. package/dist/components/_croppable/index.js +175 -175
  54. package/dist/components/_dropdown/index.cjs +1 -1
  55. package/dist/components/_dropdown/index.cjs.map +1 -1
  56. package/dist/components/_dropdown/index.js +87 -87
  57. package/dist/components/_dropdown/index.js.map +1 -1
  58. package/dist/components/_dropzone/index.cjs +1 -1
  59. package/dist/components/_dropzone/index.js +34 -34
  60. package/dist/components/_editor/index.cjs +16 -16
  61. package/dist/components/_editor/index.cjs.map +1 -1
  62. package/dist/components/_editor/index.js +19 -19
  63. package/dist/components/_editor/index.js.map +1 -1
  64. package/dist/components/_messages/index.cjs +1 -1
  65. package/dist/components/_messages/index.cjs.map +1 -1
  66. package/dist/components/_messages/index.js +15 -15
  67. package/dist/components/_messages/index.js.map +1 -1
  68. package/dist/components/_portal/index.cjs +1 -1
  69. package/dist/components/_portal/index.cjs.map +1 -1
  70. package/dist/components/_portal/index.js +17 -16
  71. package/dist/components/_portal/index.js.map +1 -1
  72. package/dist/components/_sortable/index.cjs +1 -1
  73. package/dist/components/_sortable/index.cjs.map +1 -1
  74. package/dist/components/_sortable/index.js +21 -21
  75. package/dist/components/_sortable/index.js.map +1 -1
  76. package/dist/components/_widget/index.cjs +1 -1
  77. package/dist/components/_widget/index.js +3 -3
  78. package/dist/components/app-link/index.cjs +1 -1
  79. package/dist/components/app-link/index.cjs.map +1 -1
  80. package/dist/components/app-link/index.js +9 -9
  81. package/dist/components/app-link/index.js.map +1 -1
  82. package/dist/components/aside/index.cjs +1 -1
  83. package/dist/components/aside/index.js +6 -6
  84. package/dist/components/badge/index.cjs +1 -1
  85. package/dist/components/badge/index.cjs.map +1 -1
  86. package/dist/components/badge/index.js +19 -18
  87. package/dist/components/badge/index.js.map +1 -1
  88. package/dist/components/banner/index.cjs +1 -1
  89. package/dist/components/banner/index.js +9 -9
  90. package/dist/components/branding/index.cjs +1 -1
  91. package/dist/components/branding/index.js +12 -12
  92. package/dist/components/button/index.cjs +1 -1
  93. package/dist/components/button/index.js +12 -12
  94. package/dist/components/checkbox/index.cjs +1 -1
  95. package/dist/components/checkbox/index.js +7 -7
  96. package/dist/components/controls/index.cjs +1 -1
  97. package/dist/components/controls/index.cjs.map +1 -1
  98. package/dist/components/controls/index.js +21 -10
  99. package/dist/components/controls/index.js.map +1 -1
  100. package/dist/components/dialog/index.cjs +1 -1
  101. package/dist/components/dialog/index.js +3 -3
  102. package/dist/components/figure/index.cjs +1 -1
  103. package/dist/components/figure/index.cjs.map +1 -1
  104. package/dist/components/figure/index.js +11 -11
  105. package/dist/components/figure/index.js.map +1 -1
  106. package/dist/components/file/index.cjs +1 -1
  107. package/dist/components/file/index.cjs.map +1 -1
  108. package/dist/components/file/index.js +14 -13
  109. package/dist/components/file/index.js.map +1 -1
  110. package/dist/components/footer/index.cjs +1 -1
  111. package/dist/components/footer/index.js +3 -3
  112. package/dist/components/form/index.cjs +1 -1
  113. package/dist/components/form/index.js +11 -11
  114. package/dist/components/graph/index.cjs +1 -1
  115. package/dist/components/graph/index.cjs.map +1 -1
  116. package/dist/components/graph/index.js +31 -31
  117. package/dist/components/graph/index.js.map +1 -1
  118. package/dist/components/group/index.cjs +1 -1
  119. package/dist/components/group/index.js +1 -1
  120. package/dist/components/header/index.cjs +1 -1
  121. package/dist/components/header/index.js +3 -3
  122. package/dist/components/icon/index.cjs +1 -1
  123. package/dist/components/icon/index.cjs.map +1 -1
  124. package/dist/components/icon/index.js +26 -26
  125. package/dist/components/icon/index.js.map +1 -1
  126. package/dist/components/image/index.cjs +1 -1
  127. package/dist/components/image/index.js +9 -9
  128. package/dist/components/input/index.cjs +1 -1
  129. package/dist/components/input/index.cjs.map +1 -1
  130. package/dist/components/input/index.js +34 -33
  131. package/dist/components/input/index.js.map +1 -1
  132. package/dist/components/link/index.cjs +1 -1
  133. package/dist/components/link/index.js +11 -11
  134. package/dist/components/list/index.cjs +1 -1
  135. package/dist/components/list/index.js +7 -7
  136. package/dist/components/loading/index.cjs +1 -1
  137. package/dist/components/loading/index.js +13 -13
  138. package/dist/components/message/index.cjs +1 -1
  139. package/dist/components/message/index.js +7 -7
  140. package/dist/components/nav/index.cjs +1 -1
  141. package/dist/components/nav/index.js +23 -23
  142. package/dist/components/object/index.cjs +1 -1
  143. package/dist/components/object/index.cjs.map +1 -1
  144. package/dist/components/object/index.js +1 -1
  145. package/dist/components/object/index.js.map +1 -1
  146. package/dist/components/select/index.cjs +1 -1
  147. package/dist/components/select/index.js +1 -1
  148. package/dist/components/table/index.cjs +1 -1
  149. package/dist/components/table/index.cjs.map +1 -1
  150. package/dist/components/table/index.js +22 -22
  151. package/dist/components/table/index.js.map +1 -1
  152. package/dist/components/textarea/index.cjs +1 -1
  153. package/dist/components/textarea/index.cjs.map +1 -1
  154. package/dist/components/textarea/index.js +23 -23
  155. package/dist/components/textarea/index.js.map +1 -1
  156. package/dist/components/toast/index.cjs +1 -1
  157. package/dist/components/toast/index.cjs.map +1 -1
  158. package/dist/components/toast/index.js +23 -24
  159. package/dist/components/toast/index.js.map +1 -1
  160. package/dist/components/toggle/index.cjs +1 -1
  161. package/dist/components/toggle/index.js +1 -1
  162. package/dist/components/toolbar/index.cjs +1 -1
  163. package/dist/components/toolbar/index.js +9 -9
  164. package/dist/index-CiEbbnD6.js +42 -0
  165. package/dist/index-CiEbbnD6.js.map +1 -0
  166. package/dist/index-ClrKYsAQ.cjs +2 -0
  167. package/dist/index-ClrKYsAQ.cjs.map +1 -0
  168. package/dist/index.cjs +1 -1
  169. package/dist/index.d.ts +20 -23
  170. package/dist/index.js +40 -42
  171. package/dist/index.js.map +1 -1
  172. package/dist/styles.module-BOTEBJ0C.js +9 -0
  173. package/dist/styles.module-BOTEBJ0C.js.map +1 -0
  174. package/dist/styles.module-BPvMQa_x.cjs +2 -0
  175. package/dist/styles.module-BPvMQa_x.cjs.map +1 -0
  176. package/dist/tokens.css +44 -12
  177. package/dist/tokens.json +541 -68
  178. package/package.json +1 -1
  179. package/dist/assets/index45.css +0 -1
  180. package/dist/components/layout/index.cjs +0 -2
  181. package/dist/components/layout/index.cjs.map +0 -1
  182. package/dist/components/layout/index.js +0 -18
  183. package/dist/components/layout/index.js.map +0 -1
  184. package/dist/index-BNaQZHo6.js +0 -40
  185. package/dist/index-BNaQZHo6.js.map +0 -1
  186. package/dist/index-Bh5n72jH.cjs +0 -2
  187. package/dist/index-Bh5n72jH.cjs.map +0 -1
  188. package/dist/styles.module-DZXAP_eP.js +0 -8
  189. package/dist/styles.module-DZXAP_eP.js.map +0 -1
  190. package/dist/styles.module-Vt6mmlsz.cjs +0 -2
  191. package/dist/styles.module-Vt6mmlsz.cjs.map +0 -1
package/dist/tokens.css CHANGED
@@ -1,6 +1,7 @@
1
1
  /* generated by `pnpm tokens:build` 🥷 */
2
2
 
3
3
  :root {
4
+ --colors-box-shadow: #0000001f;
4
5
  --colors-green-100: #b0c8c2;
5
6
  --colors-green-200: #8aaea5;
6
7
  --colors-green-300: #54887c;
@@ -57,8 +58,9 @@
57
58
  --colors-semantic-bg-page: var(--colors-neutral-50);
58
59
  --colors-semantic-bg-surface: var(--colors-neutral-0);
59
60
  --colors-semantic-border-default: var(--colors-neutral-200);
60
- --colors-semantic-border-disabled: var(--colors-neutral-50);
61
+ --colors-semantic-border-disabled: var(--colors-neutral-100);
61
62
  --colors-semantic-border-focus: var(--colors-purple-500);
63
+ --colors-semantic-border-on-color: var(--colors-neutral-0);
62
64
  --colors-semantic-border-strong: var(--colors-neutral-300);
63
65
  --colors-semantic-border-subtle: var(--colors-neutral-100);
64
66
  --colors-semantic-content-disabled: var(--colors-neutral-300);
@@ -67,21 +69,21 @@
67
69
  --colors-semantic-content-link-visited: var(--colors-purple-400);
68
70
  --colors-semantic-content-on-color: var(--colors-neutral-0);
69
71
  --colors-semantic-content-primary: var(--colors-neutral-900);
70
- --colors-semantic-content-secondary: var(--colors-neutral-500);
72
+ --colors-semantic-content-secondary: var(--colors-neutral-600);
71
73
  --colors-semantic-content-tertiary: var(--colors-neutral-400);
72
74
  --colors-semantic-interactive-destructive-bg: var(--colors-red-600);
73
75
  --colors-semantic-interactive-destructive-disabled: var(--colors-red-200);
74
76
  --colors-semantic-interactive-destructive-hover: var(--colors-red-700);
75
77
  --colors-semantic-interactive-disabled: var(--colors-neutral-200);
76
78
  --colors-semantic-interactive-hover: var(--colors-purple-50);
77
- --colors-semantic-interactive-hover-subtle: var(--colors-neutral-50);
79
+ --colors-semantic-interactive-hover-subtle: var(--colors-neutral-100);
78
80
  --colors-semantic-interactive-pressed: var(--colors-purple-100);
79
- --colors-semantic-interactive-selected: var(--colors-purple-100);
81
+ --colors-semantic-interactive-selected: var(--colors-purple-50);
80
82
  --colors-semantic-primary-on-primary: var(--colors-neutral-0);
81
83
  --colors-semantic-primary-on-primary-subtle: var(--colors-purple-700);
82
84
  --colors-semantic-primary-primary: var(--colors-purple-500);
83
- --colors-semantic-primary-primary-active: var(--colors-purple-700);
84
- --colors-semantic-primary-primary-hover: var(--colors-purple-600);
85
+ --colors-semantic-primary-primary-active: var(--colors-purple-800);
86
+ --colors-semantic-primary-primary-hover: var(--colors-purple-700);
85
87
  --colors-semantic-primary-primary-subtle: var(--colors-purple-50);
86
88
  --colors-semantic-primary-primary-subtle-border: var(--colors-purple-200);
87
89
  --colors-semantic-status-error-bg: var(--colors-red-50);
@@ -96,6 +98,7 @@
96
98
  --colors-semantic-status-warning-border: var(--colors-orange-200);
97
99
  --colors-semantic-status-warning-content: var(--colors-orange-800);
98
100
  --colors-semantic-status-warning-content-inverse: var(--colors-neutral-0);
101
+ --colors-transluscent: #fff9;
99
102
  --font-base: 'Figtree';
100
103
  --font-font-weight-bold: 700;
101
104
  --font-font-weight-regular: 400;
@@ -128,12 +131,38 @@
128
131
  --shape-border-radius-radius-none: var(--scale-0);
129
132
  --shape-border-radius-radius-sm: var(--scale-4);
130
133
  --shape-border-radius-radius-xl: var(--scale-16);
134
+ --shape-box-shadow-lg-blur: 48px;
135
+ --shape-box-shadow-lg-color: var(--colors-box-shadow);
136
+ --shape-box-shadow-lg-position-x: 0px;
137
+ --shape-box-shadow-lg-position-y: 32px;
138
+ --shape-box-shadow-lg-spread: -16px;
139
+ --shape-box-shadow-md-blur: 24px;
140
+ --shape-box-shadow-md-color: var(--colors-box-shadow);
141
+ --shape-box-shadow-md-position-x: 0px;
142
+ --shape-box-shadow-md-position-y: 20px;
143
+ --shape-box-shadow-md-spread: -12px;
144
+ --shape-box-shadow-sm-blur: 16px;
145
+ --shape-box-shadow-sm-color: var(--colors-box-shadow);
146
+ --shape-box-shadow-sm-position-x: 0px;
147
+ --shape-box-shadow-sm-position-y: 12px;
148
+ --shape-box-shadow-sm-spread: -8px;
149
+ --shape-box-shadow-xl-blur: 64px;
150
+ --shape-box-shadow-xl-color: var(--colors-box-shadow);
151
+ --shape-box-shadow-xl-position-x: 0px;
152
+ --shape-box-shadow-xl-position-y: 48px;
153
+ --shape-box-shadow-xl-spread: -24px;
154
+ --shape-box-shadow-xs-blur: 4px;
155
+ --shape-box-shadow-xs-color: var(--colors-box-shadow);
156
+ --shape-box-shadow-xs-position-x: 0px;
157
+ --shape-box-shadow-xs-position-y: 2px;
158
+ --shape-box-shadow-xs-spread: 0px;
131
159
  --shape-spacing-2xl: var(--scale-48);
132
160
  --shape-spacing-2xs: var(--scale-4);
133
161
  --shape-spacing-3xl: var(--scale-64);
134
162
  --shape-spacing-3xs: var(--scale-2);
135
163
  --shape-spacing-lg: var(--scale-24);
136
164
  --shape-spacing-md: var(--scale-16);
165
+ --shape-spacing-none: var(--scale-0);
137
166
  --shape-spacing-sm: var(--scale-12);
138
167
  --shape-spacing-xl: var(--scale-32);
139
168
  --shape-spacing-xs: var(--scale-8);
@@ -162,13 +191,15 @@
162
191
  }
163
192
 
164
193
  [data-theme='dark'] {
194
+ --colors-box-shadow: #000000e0;
165
195
  --colors-semantic-bg-disabled: var(--colors-neutral-800);
166
196
  --colors-semantic-bg-overlay: var(--colors-neutral-600);
167
197
  --colors-semantic-bg-page: var(--colors-neutral-900);
168
- --colors-semantic-bg-surface: var(--colors-neutral-800);
198
+ --colors-semantic-bg-surface: var(--colors-neutral-700);
169
199
  --colors-semantic-border-default: var(--colors-neutral-500);
170
200
  --colors-semantic-border-disabled: var(--colors-neutral-700);
171
201
  --colors-semantic-border-focus: var(--colors-purple-400);
202
+ --colors-semantic-border-on-color: var(--colors-neutral-400);
172
203
  --colors-semantic-border-subtle: var(--colors-neutral-600);
173
204
  --colors-semantic-content-disabled: var(--colors-neutral-500);
174
205
  --colors-semantic-content-link: var(--colors-purple-200);
@@ -176,15 +207,15 @@
176
207
  --colors-semantic-content-primary: var(--colors-neutral-50);
177
208
  --colors-semantic-content-secondary: var(--colors-neutral-200);
178
209
  --colors-semantic-content-tertiary: var(--colors-neutral-300);
179
- --colors-semantic-interactive-disabled: var(--colors-neutral-500);
180
- --colors-semantic-interactive-hover: var(--colors-purple-700);
210
+ --colors-semantic-interactive-disabled: var(--colors-neutral-600);
211
+ --colors-semantic-interactive-hover: var(--colors-neutral-500);
181
212
  --colors-semantic-interactive-hover-subtle: var(--colors-neutral-700);
182
213
  --colors-semantic-interactive-pressed: var(--colors-purple-700);
183
- --colors-semantic-interactive-selected: var(--colors-purple-600);
214
+ --colors-semantic-interactive-selected: var(--colors-neutral-700);
184
215
  --colors-semantic-primary-on-primary-subtle: var(--colors-purple-200);
185
216
  --colors-semantic-primary-primary: var(--colors-purple-300);
186
- --colors-semantic-primary-primary-active: var(--colors-purple-200);
187
- --colors-semantic-primary-primary-hover: var(--colors-purple-300);
217
+ --colors-semantic-primary-primary-active: var(--colors-purple-50);
218
+ --colors-semantic-primary-primary-hover: var(--colors-purple-200);
188
219
  --colors-semantic-primary-primary-subtle: var(--colors-purple-800);
189
220
  --colors-semantic-primary-primary-subtle-border: var(--colors-purple-600);
190
221
  --colors-semantic-status-error-bg: var(--colors-red-100);
@@ -194,6 +225,7 @@
194
225
  --colors-semantic-status-success-border: var(--colors-green-400);
195
226
  --colors-semantic-status-warning-bg: var(--colors-orange-200);
196
227
  --colors-semantic-status-warning-border: var(--colors-orange-400);
228
+ --colors-transluscent: #fff3;
197
229
  }
198
230
 
199
231
  @media (width <= 960px) {