@tabler/core 1.0.0-beta11 → 1.0.0-beta12
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.
- package/README.md +33 -10
- package/dist/css/demo.css +251 -379
- package/dist/css/demo.min.css +3 -3
- package/dist/css/demo.rtl.css +251 -379
- package/dist/css/demo.rtl.min.css +3 -3
- package/dist/css/tabler-flags.css +266 -529
- package/dist/css/tabler-flags.min.css +3 -3
- package/dist/css/tabler-flags.rtl.css +266 -529
- package/dist/css/tabler-flags.rtl.min.css +3 -3
- package/dist/css/tabler-payments.css +127 -252
- package/dist/css/tabler-payments.min.css +2 -2
- package/dist/css/tabler-payments.rtl.css +127 -252
- package/dist/css/tabler-payments.rtl.min.css +2 -2
- package/dist/css/tabler-vendors.css +480 -679
- package/dist/css/tabler-vendors.min.css +3 -3
- package/dist/css/tabler-vendors.rtl.css +480 -679
- package/dist/css/tabler-vendors.rtl.min.css +3 -3
- package/dist/css/tabler.css +10041 -14881
- package/dist/css/tabler.min.css +4 -4
- package/dist/css/tabler.rtl.css +10041 -14880
- package/dist/css/tabler.rtl.min.css +4 -4
- package/dist/js/demo-theme.js +32 -0
- package/dist/js/demo-theme.min.js +9 -0
- package/dist/js/demo.js +2 -12
- package/dist/js/demo.min.js +3 -3
- package/dist/js/tabler.esm.js +90 -61
- package/dist/js/tabler.esm.min.js +9 -3
- package/dist/js/tabler.js +112 -61
- package/dist/js/tabler.min.js +9 -3
- package/dist/libs/apexcharts/dist/apexcharts.amd.js +1 -1
- package/dist/libs/apexcharts/dist/apexcharts.common.js +3 -3
- package/dist/libs/apexcharts/dist/apexcharts.esm.js +3 -3
- package/dist/libs/apexcharts/dist/apexcharts.js +27 -8
- package/dist/libs/apexcharts/dist/apexcharts.min.js +3 -3
- package/dist/libs/bootstrap/dist/js/bootstrap.bundle.js +131 -107
- package/dist/libs/bootstrap/dist/js/bootstrap.bundle.js.map +1 -1
- package/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js +2 -2
- package/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js.map +1 -1
- package/dist/libs/bootstrap/dist/js/bootstrap.esm.js +70 -57
- package/dist/libs/bootstrap/dist/js/bootstrap.esm.js.map +1 -1
- package/dist/libs/bootstrap/dist/js/bootstrap.esm.min.js +2 -2
- package/dist/libs/bootstrap/dist/js/bootstrap.esm.min.js.map +1 -1
- package/dist/libs/bootstrap/dist/js/bootstrap.js +71 -58
- package/dist/libs/bootstrap/dist/js/bootstrap.js.map +1 -1
- package/dist/libs/bootstrap/dist/js/bootstrap.min.js +2 -2
- package/dist/libs/bootstrap/dist/js/bootstrap.min.js.map +1 -1
- package/dist/libs/jsvectormap/dist/js/jsvectormap.js +1061 -1066
- package/dist/libs/jsvectormap/dist/js/jsvectormap.min.js +1 -1
- package/dist/libs/nouislider/dist/nouislider.d.ts +1 -1
- package/package.json +68 -22
- package/src/js/demo-theme.js +25 -0
- package/src/js/demo.js +0 -17
- package/src/js/src/tabler.js +17 -0
- package/src/js/tabler.js +2 -0
- package/src/scss/_core.scss +1 -0
- package/src/scss/_mixins-override.scss +26 -26
- package/src/scss/_utilities.scss +2 -2
- package/src/scss/_variables.scss +207 -89
- package/src/scss/demo/_examples.scss +2 -2
- package/src/scss/demo/_highlight.scss +3 -3
- package/src/scss/demo.scss +4 -4
- package/src/scss/fonts/_webfonts.scss +0 -50
- package/src/scss/layout/_core.scss +2 -23
- package/src/scss/layout/_dark.scss +8 -6
- package/src/scss/layout/_footer.scss +2 -2
- package/src/scss/layout/_navbar.scss +7 -5
- package/src/scss/layout/_page.scss +8 -6
- package/src/scss/layout/_root.scss +37 -0
- package/src/scss/mixins/_functions.scss +2 -2
- package/src/scss/mixins/_mixins.scss +3 -2
- package/src/scss/ui/_accordion.scss +1 -1
- package/src/scss/ui/_alerts.scss +1 -1
- package/src/scss/ui/_avatars.scss +5 -5
- package/src/scss/ui/_badges.scss +2 -2
- package/src/scss/ui/_buttons.scss +25 -17
- package/src/scss/ui/_calendars.scss +8 -8
- package/src/scss/ui/_cards.scss +28 -31
- package/src/scss/ui/_carousel.scss +1 -1
- package/src/scss/ui/_chips.scss +0 -0
- package/src/scss/ui/_empty.scss +3 -3
- package/src/scss/ui/_flags.scss +2 -2
- package/src/scss/ui/_forms.scss +7 -7
- package/src/scss/ui/_grid.scss +8 -9
- package/src/scss/ui/_icons.scss +64 -4
- package/src/scss/ui/_legend.scss +8 -4
- package/src/scss/ui/_lists.scss +16 -13
- package/src/scss/ui/_markdown.scss +2 -3
- package/src/scss/ui/_modals.scss +1 -1
- package/src/scss/ui/_nav.scss +7 -7
- package/src/scss/ui/_offcanvas.scss +2 -2
- package/src/scss/ui/_pagination.scss +10 -6
- package/src/scss/ui/_placeholder.scss +1 -1
- package/src/scss/ui/_progress.scss +45 -6
- package/src/scss/ui/_ribbons.scss +5 -5
- package/src/scss/ui/_status.scss +2 -2
- package/src/scss/ui/_steps.scss +2 -2
- package/src/scss/ui/_tables.scss +26 -5
- package/src/scss/ui/_toasts.scss +0 -1
- package/src/scss/ui/_type.scss +45 -30
- package/src/scss/ui/forms/_form-check.scss +26 -1
- package/src/scss/ui/forms/_form-colorinput.scss +2 -2
- package/src/scss/ui/forms/_form-icon.scss +1 -1
- package/src/scss/ui/forms/_form-imagecheck.scss +4 -4
- package/src/scss/ui/forms/_form-selectgroup.scss +7 -7
- package/src/scss/ui/typo/_hr.scss +2 -3
- package/src/scss/utils/_colors.scss +14 -5
- package/src/scss/vendor/_dropzone.scss +1 -1
- package/src/scss/vendor/_jsvectormap.scss +7 -7
- package/src/scss/vendor/_litepicker.scss +11 -11
- package/src/scss/vendor/_plyr.scss +1 -1
- package/src/scss/vendor/_tinymce.scss +3 -3
- package/src/scss/vendor/_tom-select.scss +2 -0
package/README.md
CHANGED
|
@@ -20,14 +20,14 @@ A premium and open source dashboard template with a responsive and high-quality
|
|
|
20
20
|
</p>
|
|
21
21
|
|
|
22
22
|
|
|
23
|
-
## Preview
|
|
23
|
+
## 🔎 Preview
|
|
24
24
|
|
|
25
25
|
Tabler is fully responsive and compatible with all modern browsers. Thanks to its modern, user-friendly design you can create a fully functional interface that users will love! Choose the layouts and components you need and customize them to make your design consistent and eye-catching. Every component has been created with attention to detail to make your interface beautiful! <a href="https://preview.tabler.io">Show me demo</a>
|
|
26
26
|
|
|
27
27
|
<a href="https://preview.tabler.io" target="_blank"><img src="https://raw.githubusercontent.com/tabler/tabler/dev/src/static/tabler-preview.png" alt="Tabler preview"></a>
|
|
28
28
|
|
|
29
29
|
|
|
30
|
-
## Features
|
|
30
|
+
## 🚀 Features
|
|
31
31
|
|
|
32
32
|
We've created this admin panel for everyone who wants to create templates based on our pre-made components. Our mission is to deliver a user-friendly, clear and easy administration panel that can be used by both simple websites and sophisticated systems. The only requirement is basic HTML and CSS (and some [Liquid](https://github.com/Shopify/liquid/wiki)) knowledge — as a reward, you'll be able to manage and visualize different types of data in the easiest possible way!
|
|
33
33
|
|
|
@@ -38,12 +38,15 @@ We've created this admin panel for everyone who wants to create templates based
|
|
|
38
38
|
* **Demo pages**: Tabler features over 20 individual pages using various components, which gives you the freedom to choose and combine. All components can vary in color and styling that you can easily modify using Sass. Sky is the limit!
|
|
39
39
|
* **Single Page Application versions:** [Tabler React](https://github.com/tabler/tabler-react) has React components for Tabler.
|
|
40
40
|
|
|
41
|
-
|
|
42
|
-
## Documentation
|
|
41
|
+
## 📖 Documentation
|
|
43
42
|
|
|
44
43
|
Documentation is available as a part of Tabler preview: https://preview.tabler.io/docs/
|
|
45
44
|
|
|
46
|
-
##
|
|
45
|
+
## 🪴 Project Activity
|
|
46
|
+
|
|
47
|
+

|
|
48
|
+
|
|
49
|
+
## 💕 Sponsor Tabler
|
|
47
50
|
|
|
48
51
|
<a href="https://github.com/sponsors/codecalm" target="_blank"><img src="/src/static/sponsor-banner-readme.png?raw=true" alt="Sponsor Tabler" /></a>
|
|
49
52
|
|
|
@@ -64,7 +67,7 @@ Support this project by becoming a sponsor. Your logo will show up in this READM
|
|
|
64
67
|
<a href="https://opencollective.com/tabler/tiers/sponsor/9/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/9/avatar.svg" /></a>
|
|
65
68
|
|
|
66
69
|
|
|
67
|
-
## Setup environment
|
|
70
|
+
## 📦 Setup environment
|
|
68
71
|
|
|
69
72
|
To use our build system and run our documentation locally, you'll need a copy of Tabler's source files. Follow the steps below:
|
|
70
73
|
|
|
@@ -123,6 +126,26 @@ Tabler is distributed via npm.
|
|
|
123
126
|
npm install --save @tabler/core
|
|
124
127
|
```
|
|
125
128
|
|
|
129
|
+
## Running with Docker
|
|
130
|
+
|
|
131
|
+
If you don't want to install node/npm/ruby and the dependencies on your local environment, you can use the provided Dockerfile to build a docker image.
|
|
132
|
+
This Dockerfile is provided as an example to spin-up a container running Tabler.
|
|
133
|
+
|
|
134
|
+
Example of how to use this image:
|
|
135
|
+
|
|
136
|
+
1. Build the tabler image : `docker build -t tabler .`
|
|
137
|
+
2. Run the tabler image while mounting the `src` directory as well as the `_config.yml` file into the container.
|
|
138
|
+
|
|
139
|
+
Don't forget to expose the port 3000 so you can browse the website locally.
|
|
140
|
+
You can also expose the port 3001 to have access to BrowserSync
|
|
141
|
+
|
|
142
|
+
```sh
|
|
143
|
+
docker run -p 3000:3000 -p 3001:3001 -v $(pwd)/src:/app/src -v $(pwd)/_config.yml:/app/_config.yml tabler
|
|
144
|
+
```
|
|
145
|
+
|
|
146
|
+
Now open your browser to [http://localhost:3000](http://localhost:3000). Edit anything in the `src/` folder and watch your browser refresh the page after it has been rebuilt.
|
|
147
|
+
|
|
148
|
+
|
|
126
149
|
### CDN support
|
|
127
150
|
|
|
128
151
|
All files included in `@tabler/core` npm package are available over a CDN.
|
|
@@ -149,7 +172,7 @@ https://tabler.canny.io/feature-requests
|
|
|
149
172
|
Found a bug or have a feature request? [Please open a new issue](https://github.com/tabler/tabler/issues/new).
|
|
150
173
|
|
|
151
174
|
|
|
152
|
-
## Creators
|
|
175
|
+
## 🤓 Creators
|
|
153
176
|
|
|
154
177
|
**Paweł Kuna**
|
|
155
178
|
|
|
@@ -158,19 +181,19 @@ Found a bug or have a feature request? [Please open a new issue](https://github.
|
|
|
158
181
|
- <https://codecalm.net>
|
|
159
182
|
|
|
160
183
|
|
|
161
|
-
|
|
184
|
+
## 👨🚀 Contributors
|
|
162
185
|
|
|
163
186
|
This project exists thanks to all the people who contribute.
|
|
164
187
|
|
|
165
188
|
<img src="https://opencollective.com/tabler/contributors.svg?width=890&button=false" />
|
|
166
189
|
|
|
167
|
-
|
|
190
|
+
## 🌸 Backers
|
|
168
191
|
|
|
169
192
|
Thank you to all our backers! 🙏 [Become a backer](https://opencollective.com/tabler#backer)
|
|
170
193
|
|
|
171
194
|
<a href="https://opencollective.com/tabler#backers" target="_blank"><img src="https://opencollective.com/tabler/tiers/backer.svg?width=890&button=false" /></a>
|
|
172
195
|
|
|
173
|
-
## Thanks
|
|
196
|
+
## ❤️ Thanks
|
|
174
197
|
|
|
175
198
|
<a href="https://www.chromatic.com/"><img src="https://user-images.githubusercontent.com/321738/84662277-e3db4f80-af1b-11ea-88f5-91d67a5e59f6.png" width="153" height="30" alt="Chromatic" /></a>
|
|
176
199
|
|