@tabler/core 1.0.0-beta23 → 1.0.0-beta24

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 (93) hide show
  1. package/LICENSE +1 -1
  2. package/dist/css/demo.css +2 -2
  3. package/dist/css/demo.min.css +2 -2
  4. package/dist/css/demo.rtl.css +2 -2
  5. package/dist/css/demo.rtl.min.css +2 -2
  6. package/dist/css/tabler-flags.css +2 -2
  7. package/dist/css/tabler-flags.min.css +2 -2
  8. package/dist/css/tabler-flags.rtl.css +2 -2
  9. package/dist/css/tabler-flags.rtl.min.css +2 -2
  10. package/dist/css/tabler-marketing.css +4751 -0
  11. package/dist/css/tabler-marketing.min.css +9 -0
  12. package/dist/css/tabler-marketing.rtl.css +4751 -0
  13. package/dist/css/tabler-marketing.rtl.min.css +9 -0
  14. package/dist/css/tabler-payments.css +2 -2
  15. package/dist/css/tabler-payments.min.css +2 -2
  16. package/dist/css/tabler-payments.rtl.css +2 -2
  17. package/dist/css/tabler-payments.rtl.min.css +2 -2
  18. package/dist/css/tabler-socials.css +2 -2
  19. package/dist/css/tabler-socials.min.css +2 -2
  20. package/dist/css/tabler-socials.rtl.css +2 -2
  21. package/dist/css/tabler-socials.rtl.min.css +2 -2
  22. package/dist/css/tabler-vendors.css +23 -18
  23. package/dist/css/tabler-vendors.min.css +3 -3
  24. package/dist/css/tabler-vendors.rtl.css +23 -18
  25. package/dist/css/tabler-vendors.rtl.min.css +3 -3
  26. package/dist/css/tabler.css +1296 -1505
  27. package/dist/css/tabler.min.css +4 -4
  28. package/dist/css/tabler.rtl.css +1296 -1505
  29. package/dist/css/tabler.rtl.min.css +4 -4
  30. package/dist/js/demo-theme.js +2 -2
  31. package/dist/js/demo-theme.min.js +2 -2
  32. package/dist/js/demo.js +2 -2
  33. package/dist/js/demo.min.js +2 -2
  34. package/dist/js/tabler.esm.js +2 -2
  35. package/dist/js/tabler.esm.min.js +2 -2
  36. package/dist/js/tabler.js +2 -2
  37. package/dist/js/tabler.min.js +2 -2
  38. package/docs/illustrations/introduction/contents.mdx +77 -0
  39. package/docs/illustrations/introduction/customization.mdx +0 -11
  40. package/docs/illustrations/introduction/license.mdx +22 -0
  41. package/docs/ui/components/alerts.mdx +38 -114
  42. package/docs/ui/components/badges.mdx +57 -75
  43. package/docs/ui/components/charts.mdx +13 -23
  44. package/docs/ui/components/countup.mdx +73 -43
  45. package/docs/ui/components/dropzone.mdx +37 -6
  46. package/docs/ui/components/icons.mdx +49 -11
  47. package/docs/ui/components/inline-player.mdx +28 -2
  48. package/docs/ui/components/modals.mdx +40 -10
  49. package/docs/ui/components/offcanvas.mdx +55 -0
  50. package/docs/ui/components/placeholder.mdx +16 -17
  51. package/docs/ui/components/range-slider.mdx +0 -1
  52. package/docs/ui/components/statuses.mdx +12 -0
  53. package/docs/ui/components/steps.mdx +59 -17
  54. package/docs/ui/components/tinymce.mdx +0 -1
  55. package/docs/ui/components/vector-maps.mdx +170 -0
  56. package/docs/ui/forms/form-elements.mdx +0 -1
  57. package/docs/ui/getting-started/browser-support.mdx +8 -2
  58. package/docs/ui/getting-started/how-to-contribute.mdx +96 -0
  59. package/docs/ui/getting-started/installation.mdx +67 -0
  60. package/docs/ui/getting-started/license.mdx +30 -0
  61. package/docs/ui/layout/navbars.mdx +106 -0
  62. package/docs/ui/layout/navs-tabls.mdx +187 -0
  63. package/docs/ui/layout/page-layouts.mdx +8 -5
  64. package/docs/ui/utilities/borders.mdx +67 -48
  65. package/docs/ui/utilities/cursors.mdx +20 -50
  66. package/docs/ui/utilities/interactions.mdx +2 -2
  67. package/docs/ui/utilities/margins.mdx +234 -0
  68. package/docs/ui/utilities/vertical-align.mdx +66 -0
  69. package/docs/ui/utilities/visually-hidden.mdx +12 -0
  70. package/package.json +7 -5
  71. package/src/scss/_utilities-marketing.scss +209 -0
  72. package/src/scss/_utilities.scss +5 -9
  73. package/src/scss/_variables-marketing.scss +0 -0
  74. package/src/scss/_variables.scss +55 -18
  75. package/src/scss/layout/_animations.scss +2 -1
  76. package/src/scss/layout/_navbar.scss +0 -1
  77. package/src/scss/marketing/_browser.scss +67 -0
  78. package/src/scss/marketing/_core.scss +8 -0
  79. package/src/scss/marketing/_filters.scss +0 -0
  80. package/src/scss/marketing/_hero.scss +69 -0
  81. package/src/scss/marketing/_pricing.scss +111 -0
  82. package/src/scss/marketing/_sections.scss +124 -0
  83. package/src/scss/marketing/_shape.scss +31 -0
  84. package/src/scss/mixins/_mixins.scss +2 -2
  85. package/src/scss/tabler-marketing.scss +13 -0
  86. package/src/scss/tabler-vendors.scss +1 -0
  87. package/src/scss/ui/_buttons.scss +7 -7
  88. package/src/scss/ui/_images.scss +4 -0
  89. package/src/scss/ui/_lists.scss +11 -15
  90. package/src/scss/utils/_colors.scss +1 -1
  91. package/src/scss/vendor/_dropzone.scss +3 -3
  92. package/src/scss/vendor/_typed.scss +4 -0
  93. package/docs/ui/getting-started/development.mdx +0 -32
@@ -95,26 +95,22 @@
95
95
  }
96
96
  }
97
97
 
98
-
99
- .list-separated-item {
100
- padding: 1rem 0;
101
-
102
- &:first-child {
103
- padding-top: 0;
104
- }
105
-
106
- &:last-child {
107
- padding-bottom: 0;
108
- }
109
-
110
- & + & {
111
- border-top: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
112
- }
98
+ /**
99
+ Seprated list
100
+ */
101
+ .list-separated {
102
+ display: flex;
103
+ flex-direction: column;
104
+ gap: $spacer;
113
105
  }
114
106
 
115
107
  /**
116
108
  Inline list
117
109
  */
110
+ .list-inline {
111
+ margin: 0;
112
+ }
113
+
118
114
  .list-inline-item:not(:last-child) {
119
115
  margin-right: auto;
120
116
  margin-inline-end: $list-inline-padding;
@@ -13,7 +13,7 @@
13
13
  }
14
14
 
15
15
  .border-#{"" + $color} {
16
- border-color: $value !important;
16
+ border-color: rgba(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}border-opacity)) !important;
17
17
  }
18
18
  }
19
19
 
@@ -1,7 +1,7 @@
1
1
  .dropzone {
2
- border: var(--#{$prefix}border-width) dashed var(--#{$prefix}border-color);
3
- color: var(--#{$prefix}secondary);
4
- padding: 1rem;
2
+ border: var(--#{$prefix}border-width) dashed var(--#{$prefix}border-color) !important;
3
+ color: var(--#{$prefix}secondary) !important;
4
+ padding: 1rem !important;
5
5
 
6
6
  &.dz-drag-hover {
7
7
  border: var(--#{$prefix}border-width) dashed var(--#{$prefix}primary);
@@ -0,0 +1,4 @@
1
+ .typed-cursor {
2
+ font-weight: 500;
3
+ color: $secondary;
4
+ }
@@ -1,32 +0,0 @@
1
- ---
2
- title: Development
3
- description: Learn how to install Tabler and set up the development environment.
4
- summary: This guide provides step-by-step instructions for setting up the environment, including installing Node.js, Ruby, and Bundler, configuring the build system, and running Tabler locally to preview changes in real-time, along with guidance on reporting bugs or submitting feature requests through GitHub.
5
- order: 11
6
- ---
7
-
8
- ## Set up the environment
9
-
10
- To use our build system and run our documentation locally, you'll need a copy of Tabler's source files. Follow the steps below:
11
-
12
- 1. [Install Node.js](https://nodejs.org/download/), which we use to manage our dependencies.
13
- 2. Navigate to the root `/tabler` directory and run `npm install` to install our local dependencies listed in `package.json`.
14
- 3. [Install Ruby](https://ruby-lang.org/en/documentation/installation/) - the recommended version is [2.5.5](https://cache.ruby-lang.org/pub/ruby/2.5/ruby-2.5.5.tar.gz).
15
- 4. [Install Bundler](https://bundler.io) with `gem install bundler` and, finally, run `bundle install`. It will install all Ruby dependencies, such as [Jekyll and plugins](https://jekyllrb.com).
16
-
17
- ### Windows users
18
- 1. [Install Git](https://git-scm.com/download/win) in `C:\Program Files\git\bin` directory and run `npm config set script-shell "C:\Program Files\git\bin\bash.exe"` to change the default shell.
19
- 2. [Install Ruby+Devkit](https://rubyinstaller.org/downloads/) - recommended version is [2.5.5](https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-2.5.5-1/rubyinstaller-devkit-2.5.5-1-x86.exe).
20
- 3. [Read guide](https://jekyllrb.com/docs/installation/windows/) to get Jekyll up and running without problems.
21
-
22
- Once you've completed the setup, you'll be able to run the various commands provided from the command line.
23
-
24
- ## Build Tabler locally
25
-
26
- 1. From the root `/tabler` directory, run `npm run start` in the command line.
27
- 2. Open [http://localhost:3000](http://localhost:3000) in your browser, and voilà.
28
- 3. Any change in `/src` directory will build the application and refresh the page.
29
-
30
- ## Bugs and feature requests
31
-
32
- Found a bug or have a feature request? [Please open a new issue](https://github.com/tabler/tabler/issues/new).