@tabler/core 1.0.0-beta22 → 1.0.0-beta23

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 (229) hide show
  1. package/dist/css/demo.css +2 -2
  2. package/dist/css/demo.min.css +2 -2
  3. package/dist/css/demo.rtl.css +2 -2
  4. package/dist/css/demo.rtl.min.css +2 -2
  5. package/dist/css/tabler-flags.css +2 -2
  6. package/dist/css/tabler-flags.min.css +2 -2
  7. package/dist/css/tabler-flags.rtl.css +2 -2
  8. package/dist/css/tabler-flags.rtl.min.css +2 -2
  9. package/dist/css/tabler-payments.css +2 -2
  10. package/dist/css/tabler-payments.min.css +2 -2
  11. package/dist/css/tabler-payments.rtl.css +2 -2
  12. package/dist/css/tabler-payments.rtl.min.css +2 -2
  13. package/dist/css/tabler-socials.css +221 -0
  14. package/dist/css/tabler-socials.min.css +9 -0
  15. package/dist/css/tabler-socials.rtl.css +221 -0
  16. package/dist/css/tabler-socials.rtl.min.css +9 -0
  17. package/dist/css/tabler-vendors.css +4 -3
  18. package/dist/css/tabler-vendors.min.css +3 -3
  19. package/dist/css/tabler-vendors.rtl.css +4 -3
  20. package/dist/css/tabler-vendors.rtl.min.css +3 -3
  21. package/dist/css/tabler.css +14 -6
  22. package/dist/css/tabler.min.css +4 -4
  23. package/dist/css/tabler.rtl.css +14 -6
  24. package/dist/css/tabler.rtl.min.css +4 -4
  25. package/dist/img/social/apple-gray.svg +3 -0
  26. package/dist/img/social/apple.svg +3 -0
  27. package/dist/img/social/discord-gray.svg +3 -0
  28. package/dist/img/social/discord.svg +3 -0
  29. package/dist/img/social/dribbble-gray.svg +3 -0
  30. package/dist/img/social/dribbble.svg +4 -0
  31. package/dist/img/social/facebook-gray.svg +3 -0
  32. package/dist/img/social/facebook.svg +4 -0
  33. package/dist/img/social/figma-gray.svg +3 -0
  34. package/dist/img/social/figma.svg +7 -0
  35. package/dist/img/social/github-gray.svg +10 -0
  36. package/dist/img/social/github.svg +10 -0
  37. package/dist/img/social/google-gray.svg +3 -0
  38. package/dist/img/social/google.svg +6 -0
  39. package/dist/img/social/instagram-gray.svg +5 -0
  40. package/dist/img/social/instagram.svg +18 -0
  41. package/dist/img/social/linkedin-gray.svg +3 -0
  42. package/dist/img/social/linkedin.svg +3 -0
  43. package/dist/img/social/medium-gray.svg +5 -0
  44. package/dist/img/social/medium.svg +5 -0
  45. package/dist/img/social/meta-gray.svg +5 -0
  46. package/dist/img/social/meta.svg +17 -0
  47. package/dist/img/social/metamask-gray.svg +12 -0
  48. package/dist/img/social/metamask.svg +14 -0
  49. package/dist/img/social/pinterest-gray.svg +3 -0
  50. package/dist/img/social/pinterest.svg +4 -0
  51. package/dist/img/social/reddit-gray.svg +6 -0
  52. package/dist/img/social/reddit.svg +11 -0
  53. package/dist/img/social/signal-gray.svg +10 -0
  54. package/dist/img/social/signal.svg +10 -0
  55. package/dist/img/social/skype-gray.svg +3 -0
  56. package/dist/img/social/skype.svg +3 -0
  57. package/dist/img/social/snapchat-gray.svg +10 -0
  58. package/dist/img/social/snapchat.svg +11 -0
  59. package/dist/img/social/spotify-gray.svg +3 -0
  60. package/dist/img/social/spotify.svg +3 -0
  61. package/dist/img/social/telegram-gray.svg +3 -0
  62. package/dist/img/social/telegram.svg +10 -0
  63. package/dist/img/social/tiktok-gray.svg +3 -0
  64. package/dist/img/social/tiktok.svg +5 -0
  65. package/dist/img/social/tumblr-gray.svg +3 -0
  66. package/dist/img/social/tumblr.svg +3 -0
  67. package/dist/img/social/twitch-gray.svg +5 -0
  68. package/dist/img/social/twitch.svg +6 -0
  69. package/dist/img/social/vk-gray.svg +3 -0
  70. package/dist/img/social/vk.svg +4 -0
  71. package/dist/img/social/x-gray.svg +3 -0
  72. package/dist/img/social/x.svg +3 -0
  73. package/dist/img/social/youtube-gray.svg +3 -0
  74. package/dist/img/social/youtube.svg +11 -0
  75. package/dist/js/demo-theme.js +2 -2
  76. package/dist/js/demo-theme.min.js +2 -2
  77. package/dist/js/demo.js +2 -2
  78. package/dist/js/demo.min.js +2 -2
  79. package/dist/js/tabler.esm.js +19 -4
  80. package/dist/js/tabler.esm.min.js +3 -3
  81. package/dist/js/tabler.js +19 -4
  82. package/dist/js/tabler.min.js +4 -4
  83. package/docs/icons/index.mdx +3 -93
  84. package/docs/icons/libraries/index.mdx +5 -0
  85. package/docs/icons/{preact.mdx → libraries/preact.mdx} +4 -2
  86. package/docs/icons/{react.mdx → libraries/react.mdx} +5 -3
  87. package/docs/icons/{solidjs.mdx → libraries/solidjs.mdx} +5 -2
  88. package/docs/icons/{svelte.mdx → libraries/svelte.mdx} +5 -2
  89. package/docs/icons/{vue.mdx → libraries/vue.mdx} +13 -8
  90. package/docs/icons/{webfont.mdx → libraries/webfont.mdx} +4 -1
  91. package/docs/icons/plugins/figma.mdx +15 -0
  92. package/docs/icons/plugins/index.mdx +4 -0
  93. package/docs/icons/{eps.mdx → static-files/eps.mdx} +3 -1
  94. package/docs/icons/static-files/index.mdx +5 -0
  95. package/docs/icons/{pdf.mdx → static-files/pdf.mdx} +3 -1
  96. package/docs/icons/static-files/png.mdx +31 -0
  97. package/docs/icons/{svg.mdx → static-files/svg.mdx} +18 -18
  98. package/docs/illustrations/index.mdx +8 -0
  99. package/docs/illustrations/introduction/customization.mdx +442 -0
  100. package/docs/illustrations/introduction/index.mdx +5 -0
  101. package/docs/img/browsers/brave.svg +1 -0
  102. package/docs/img/browsers/chrome.svg +1 -0
  103. package/docs/img/browsers/edge.svg +1 -0
  104. package/docs/img/browsers/electron.svg +1 -0
  105. package/docs/img/browsers/firefox.svg +1 -0
  106. package/docs/img/browsers/internet-explorer.svg +1 -0
  107. package/docs/img/browsers/opera.svg +1 -0
  108. package/docs/img/browsers/safari.svg +1 -0
  109. package/docs/img/browsers/vivaldi.svg +1 -0
  110. package/docs/img/cover-illustrations-dark.png +0 -0
  111. package/docs/img/cover-illustrations.png +0 -0
  112. package/docs/img/cover-tabler-dark.png +0 -0
  113. package/docs/img/cover-tabler.png +0 -0
  114. package/docs/img/icons/figma-plugin.png +0 -0
  115. package/docs/img/icons/package-angular-dark.png +0 -0
  116. package/docs/img/icons/package-angular.png +0 -0
  117. package/docs/img/icons/package-eps-dark.png +0 -0
  118. package/docs/img/icons/package-eps.png +0 -0
  119. package/docs/img/icons/package-js-dark.png +0 -0
  120. package/docs/img/icons/package-js.png +0 -0
  121. package/docs/img/icons/package-pdf-dark.png +0 -0
  122. package/docs/img/icons/package-pdf.png +0 -0
  123. package/docs/img/icons/package-png-dark.png +0 -0
  124. package/docs/img/icons/package-png.png +0 -0
  125. package/docs/img/icons/package-preact-dark.png +0 -0
  126. package/docs/img/icons/package-preact.png +0 -0
  127. package/docs/img/icons/package-react-dark.png +0 -0
  128. package/docs/img/icons/package-react-native-dark.png +0 -0
  129. package/docs/img/icons/package-react-native.png +0 -0
  130. package/docs/img/icons/package-react.png +0 -0
  131. package/docs/img/icons/package-solidjs-dark.png +0 -0
  132. package/docs/img/icons/package-solidjs.png +0 -0
  133. package/docs/img/icons/package-sprite-dark.png +0 -0
  134. package/docs/img/icons/package-sprite.png +0 -0
  135. package/docs/img/icons/package-svelte-dark.png +0 -0
  136. package/docs/img/icons/package-svelte.png +0 -0
  137. package/docs/img/icons/package-svg-dark.png +0 -0
  138. package/docs/img/icons/package-svg.png +0 -0
  139. package/docs/img/icons/package-vue-dark.png +0 -0
  140. package/docs/img/icons/package-vue.png +0 -0
  141. package/docs/img/icons/package-webfont-dark.png +0 -0
  142. package/docs/img/icons/package-webfont.png +0 -0
  143. package/docs/index.mdx +16 -0
  144. package/docs/ui/base/colors.mdx +63 -5
  145. package/docs/ui/base/index.mdx +6 -0
  146. package/docs/ui/base/typography.mdx +96 -101
  147. package/docs/ui/components/alerts.mdx +20 -19
  148. package/docs/ui/components/autosize.mdx +12 -3
  149. package/docs/ui/components/avatars.mdx +7 -4
  150. package/docs/ui/components/badges.mdx +25 -16
  151. package/docs/ui/components/breadcrumb.mdx +125 -59
  152. package/docs/ui/components/buttons.mdx +142 -87
  153. package/docs/ui/components/cards.mdx +48 -27
  154. package/docs/ui/components/carousel.mdx +8 -7
  155. package/docs/ui/components/charts.mdx +8 -7
  156. package/docs/ui/components/countup.mdx +13 -14
  157. package/docs/ui/components/datagrid.mdx +10 -2
  158. package/docs/ui/components/divider.mdx +6 -6
  159. package/docs/ui/components/dropdowns.mdx +24 -15
  160. package/docs/ui/components/dropzone.mdx +5 -11
  161. package/docs/ui/components/empty.mdx +7 -5
  162. package/docs/ui/components/icons.mdx +8 -7
  163. package/docs/ui/components/index.mdx +6 -0
  164. package/docs/ui/components/inline-player.mdx +4 -3
  165. package/docs/ui/components/modals.mdx +14 -9
  166. package/docs/ui/components/placeholder.mdx +12 -11
  167. package/docs/ui/components/popover.mdx +8 -9
  168. package/docs/ui/components/progress.mdx +120 -19
  169. package/docs/ui/components/range-slider.mdx +18 -3
  170. package/docs/ui/components/ribbons.mdx +13 -12
  171. package/docs/ui/components/spinners.mdx +31 -10
  172. package/docs/ui/components/statuses.mdx +38 -13
  173. package/docs/ui/components/steps.mdx +8 -7
  174. package/docs/ui/components/switch-icon.mdx +4 -3
  175. package/docs/ui/components/tables.mdx +37 -17
  176. package/docs/ui/components/tabs.mdx +17 -11
  177. package/docs/ui/components/timelines.mdx +48 -29
  178. package/docs/ui/components/tinymce.mdx +3 -2
  179. package/docs/ui/components/toasts.mdx +3 -2
  180. package/docs/ui/components/tooltips.mdx +4 -3
  181. package/docs/ui/components/tracking.mdx +39 -34
  182. package/docs/ui/forms/form-color-check.mdx +36 -11
  183. package/docs/ui/forms/form-elements.mdx +32 -16
  184. package/docs/ui/forms/form-fieldset.mdx +3 -2
  185. package/docs/ui/forms/form-helpers.mdx +71 -4
  186. package/docs/ui/forms/form-image-check.mdx +43 -29
  187. package/docs/ui/forms/form-input-mask.mdx +33 -5
  188. package/docs/ui/forms/form-selectboxes.mdx +101 -16
  189. package/docs/ui/forms/form-validation.mdx +54 -13
  190. package/docs/ui/forms/index.mdx +6 -0
  191. package/docs/ui/getting-started/browser-support.mdx +2 -0
  192. package/docs/ui/getting-started/customize.mdx +5 -4
  193. package/docs/ui/getting-started/development.mdx +32 -0
  194. package/docs/ui/getting-started/download.mdx +3 -5
  195. package/docs/ui/getting-started/faq.mdx +3 -1
  196. package/docs/ui/getting-started/index.mdx +4 -28
  197. package/docs/ui/index.mdx +8 -0
  198. package/docs/ui/layout/index.mdx +6 -0
  199. package/docs/ui/layout/page-headers.mdx +16 -9
  200. package/docs/ui/layout/page-layouts.mdx +4 -3
  201. package/docs/ui/plugins/flags.mdx +270 -6
  202. package/docs/ui/plugins/index.mdx +6 -0
  203. package/docs/ui/plugins/payments.mdx +108 -4
  204. package/docs/ui/plugins/social-icons.mdx +135 -0
  205. package/docs/ui/utilities/borders.mdx +2 -1
  206. package/docs/ui/utilities/cursors.mdx +2 -1
  207. package/docs/ui/utilities/index.mdx +5 -0
  208. package/docs/ui/utilities/interactions.mdx +10 -5
  209. package/package.json +4 -3
  210. package/src/js/src/countup.js +17 -0
  211. package/src/js/tabler.esm.js +1 -0
  212. package/src/js/tabler.js +1 -0
  213. package/src/scss/_variables.scss +2 -4
  214. package/src/scss/tabler-socials.scss +2 -0
  215. package/src/scss/ui/_buttons.scss +1 -0
  216. package/src/scss/ui/_forms.scss +4 -0
  217. package/src/scss/ui/_social.scss +52 -0
  218. package/src/scss/ui/_tables.scss +0 -1
  219. package/src/scss/ui/_type.scss +4 -0
  220. package/src/scss/vendor/_tom-select.scss +1 -0
  221. package/dist/css/tabler-social.css +0 -10
  222. package/dist/css/tabler-social.min.css +0 -8
  223. package/dist/css/tabler-social.rtl.css +0 -10
  224. package/dist/css/tabler-social.rtl.min.css +0 -8
  225. package/docs/icons/figma.mdx +0 -7
  226. package/docs/icons/png.mdx +0 -19
  227. package/docs/menu.json +0 -317
  228. package/docs/ui/components/progressbg.mdx +0 -16
  229. package/src/scss/tabler-social.scss +0 -1
package/docs/menu.json DELETED
@@ -1,317 +0,0 @@
1
- [
2
- {
3
- "title": "Getting started",
4
- "items": [
5
- {
6
- "title": "Introduction",
7
- "href": "/docs/ui/getting-started"
8
- },
9
- {
10
- "title": "Browser Support",
11
- "href": "/docs/ui/getting-started/browser-support"
12
- },
13
- {
14
- "title": "Customize Tabler",
15
- "href": "/docs/ui/getting-started/customize"
16
- },
17
- {
18
- "title": "Download",
19
- "href": "/docs/ui/getting-started/download"
20
- },
21
- {
22
- "title": "FAQ",
23
- "href": "/docs/ui/getting-started/faq"
24
- }
25
- ]
26
- },
27
- {
28
- "title": "Base",
29
- "items": [
30
- {
31
- "title": "Colors",
32
- "label": "new",
33
- "href": "/docs/ui/base/colors"
34
- },
35
- {
36
- "title": "Typography",
37
- "href": "/docs/ui/base/typography"
38
- }
39
- ]
40
- },
41
- {
42
- "title": "Layout",
43
- "items": [
44
- {
45
- "title": "Page layouts",
46
- "label": "new",
47
- "href": "/docs/ui/layout/page-layouts"
48
- },
49
- {
50
- "title": "Page headers",
51
- "href": "/docs/ui/layout/page-headers"
52
- }
53
- ]
54
- },
55
- {
56
- "title": "Components",
57
- "items": [
58
- {
59
- "title": "Alerts",
60
- "href": "/docs/ui/components/alerts"
61
- },
62
- {
63
- "title": "Autosize",
64
- "href": "/docs/ui/components/autosize"
65
- },
66
- {
67
- "title": "Avatars",
68
- "href": "/docs/ui/components/avatars"
69
- },
70
- {
71
- "title": "Badges",
72
- "href": "/docs/ui/components/badges"
73
- },
74
- {
75
- "title": "Breadcrumb",
76
- "href": "/docs/ui/components/breadcrumb"
77
- },
78
- {
79
- "title": "Buttons",
80
- "href": "/docs/ui/components/buttons"
81
- },
82
- {
83
- "title": "Cards",
84
- "href": "/docs/ui/components/cards"
85
- },
86
- {
87
- "title": "Carousel",
88
- "href": "/docs/ui/components/carousel"
89
- },
90
- {
91
- "title": "Charts",
92
- "href": "/docs/ui/components/charts"
93
- },
94
- {
95
- "title": "Datagrid",
96
- "href": "/docs/ui/components/datagrid"
97
- },
98
- {
99
- "title": "Divider",
100
- "href": "/docs/ui/components/divider"
101
- },
102
- {
103
- "title": "Dropdowns",
104
- "href": "/docs/ui/components/dropdowns"
105
- },
106
- {
107
- "title": "Dropzone",
108
- "href": "/docs/ui/components/dropzone"
109
- },
110
- {
111
- "title": "Empty",
112
- "href": "/docs/ui/components/empty"
113
- },
114
- {
115
- "title": "Icons",
116
- "href": "/docs/ui/components/icons"
117
- },
118
- {
119
- "title": "Inline Player",
120
- "href": "/docs/ui/components/inline-player"
121
- },
122
- {
123
- "title": "Modals",
124
- "href": "/docs/ui/components/modals"
125
- },
126
- {
127
- "title": "Placeholder",
128
- "href": "/docs/ui/components/placeholder"
129
- },
130
- {
131
- "title": "Popover",
132
- "href": "/docs/ui/components/popover"
133
- },
134
- {
135
- "title": "Progress",
136
- "href": "/docs/ui/components/progress"
137
- },
138
- {
139
- "title": "Progress background",
140
- "href": "/docs/ui/components/progressbg"
141
- },
142
- {
143
- "title": "Range slider",
144
- "href": "/docs/ui/components/range-slider"
145
- },
146
- {
147
- "title": "Ribbons",
148
- "href": "/docs/ui/components/ribbons"
149
- },
150
- {
151
- "title": "Spinners",
152
- "href": "/docs/ui/components/spinners"
153
- },
154
- {
155
- "title": "Statuses",
156
- "href": "/docs/ui/components/statuses"
157
- },
158
- {
159
- "title": "Steps",
160
- "href": "/docs/ui/components/steps"
161
- },
162
- {
163
- "title": "Switch icon",
164
- "href": "/docs/ui/components/switch-icon"
165
- },
166
- {
167
- "title": "Tables",
168
- "href": "/docs/ui/components/tables"
169
- },
170
- {
171
- "title": "Tabs",
172
- "href": "/docs/ui/components/tabs"
173
- },
174
- {
175
- "title": "Timelines",
176
- "href": "/docs/ui/components/timelines"
177
- },
178
- {
179
- "title": "Tinymce",
180
- "href": "/docs/ui/components/tinymce"
181
- },
182
- {
183
- "title": "Toasts",
184
- "href": "/docs/ui/components/toasts"
185
- },
186
- {
187
- "title": "Tooltips",
188
- "href": "/docs/ui/components/tooltips"
189
- },
190
- {
191
- "title": "Tracking",
192
- "href": "/docs/ui/components/tracking"
193
- }
194
- ]
195
- },
196
- {
197
- "title": "Forms",
198
- "items": [
199
- {
200
- "title": "Base elements",
201
- "href": "/docs/ui/forms/form-elements"
202
- },
203
- {
204
- "title": "Fieldset",
205
- "href": "/docs/ui/forms/form-fieldset"
206
- },
207
- {
208
- "title": "Color check",
209
- "href": "/docs/ui/forms/form-color-check"
210
- },
211
- {
212
- "title": "Image check",
213
- "href": "/docs/ui/forms/form-image-check"
214
- },
215
- {
216
- "title": "Selectbox",
217
- "href": "/docs/ui/forms/form-selectboxes"
218
- },
219
- {
220
- "title": "Validation",
221
- "href": "/docs/ui/forms/form-validation"
222
- },
223
- {
224
- "title": "Input mask",
225
- "href": "/docs/ui/forms/form-input-mask"
226
- },
227
- {
228
- "title": "Form helpers",
229
- "href": "/docs/ui/forms/form-helpers"
230
- }
231
- ]
232
- },
233
- {
234
- "title": "Plugins",
235
- "items": [
236
- {
237
- "title": "Flags",
238
- "href": "/docs/ui/plugins/flags"
239
- },
240
- {
241
- "title": "Payments",
242
- "href": "/docs/ui/plugins/payments"
243
- }
244
- ]
245
- },
246
- {
247
- "title": "Utilities",
248
- "items": [
249
- {
250
- "title": "Borders",
251
- "href": "/docs/ui/utilities/borders"
252
- },
253
- {
254
- "title": "Cursors",
255
- "href": "/docs/ui/utilities/cursors"
256
- },
257
- {
258
- "title": "Interactions",
259
- "href": "/docs/ui/utilities/interactions"
260
- }
261
- ]
262
- },
263
- {
264
- "title": "Tabler Icons",
265
- "items": [
266
- {
267
- "title": "Introduction",
268
- "href": "/docs/ui/icons",
269
- "label": "new"
270
- },
271
- {
272
- "title": "SVG version",
273
- "href": "/docs/icons/svg"
274
- },
275
- {
276
- "title": "React plugin",
277
- "href": "/docs/icons/react"
278
- },
279
- {
280
- "title": "Preact plugin",
281
- "href": "/docs/icons/preact"
282
- },
283
- {
284
- "title": "Vue plugin",
285
- "href": "/docs/icons/vue"
286
- },
287
- {
288
- "title": "SolidJS plugin",
289
- "href": "/docs/icons/solidjs"
290
- },
291
- {
292
- "title": "Svelte plugin",
293
- "href": "/docs/icons/svelte"
294
- },
295
- {
296
- "title": "Figma plugin",
297
- "href": "/docs/icons/figma"
298
- },
299
- {
300
- "title": "PNG version",
301
- "href": "/docs/icons/png"
302
- },
303
- {
304
- "title": "PDF version",
305
- "href": "/docs/icons/pdf"
306
- },
307
- {
308
- "title": "EPS version",
309
- "href": "/docs/icons/eps"
310
- },
311
- {
312
- "title": "Webfont version",
313
- "href": "/docs/icons/webfont"
314
- }
315
- ]
316
- }
317
- ]
@@ -1,16 +0,0 @@
1
- ---
2
- title: Progress background
3
- description: By using a progress bar component as a background element, designers can create a dynamic and engaging visual experience for users. For example, the progress bar could be used to represent the completion of a long-term goal or project, such as a fundraising campaign or construction project. As users interact with the page, the progress bar could gradually fill up, creating a sense of momentum and progress.
4
- ---
5
-
6
- ```html code example vertical centered columns={1}
7
- <div class="progressbg">
8
- <div class="progress progressbg-progress">
9
- <div class="progress-bar bg-primary-lt" style="width: 35%" role="progressbar" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100" aria-label="35% Complete">
10
- <span class="visually-hidden">35% Complete</span>
11
- </div>
12
- </div>
13
- <div class="progressbg-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea eos ullam ut. Doloribus est in laborum, ratione recusandae reprehenderit tenetur. Accusantium consectetur ea enim facere ipsam praesentium quas soluta tenetur?</div>
14
- <div class="progressbg-value">35%</div>
15
- </div>
16
- ```
@@ -1 +0,0 @@
1
- @import "config";