beercss 3.0.2 → 3.0.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 (3) hide show
  1. package/README.md +27 -9
  2. package/index.js +1 -1
  3. package/package.json +10 -3
package/README.md CHANGED
@@ -4,7 +4,7 @@
4
4
  <p align="center">
5
5
  <a href="https://github.com/beercss/beercss/blob/main/LICENSE"><img src="https://img.shields.io/github/license/beercss/beercss" alt="License"></a>
6
6
  <img src="https://img.shields.io/jsdelivr/npm/hy/beercss" alt="Downloads">
7
- <a href="https://bundlephobia.com/package/beercss"><img src="https://badgen.net/bundlephobia/minzip/beercss" alt="Size"></a>
7
+ <a href="https://img.badgesize.io/beercss/beercss/main/dist/cdn/beer.min.css?compression=brotli"><img src="https://img.badgesize.io/beercss/beercss/main/dist/cdn/beer.min.css?compression=brotli" alt="Size"></a>
8
8
  <a href="https://www.npmjs.com/package/beercss"><img src="https://img.shields.io/npm/v/beercss" alt="Version"></a>
9
9
  <a href="https://github.com/beercss/beercss/pulls"><img src="https://img.shields.io/github/issues-pr/beercss/beercss" alt="Pull Request"></a>
10
10
  <a href="https://github.com/beercss/beercss/issues"><img src="https://img.shields.io/github/issues/beercss/beercss" alt="Issues"></a>
@@ -117,9 +117,21 @@ This project was guided by the **"Germany Beer Purity Law"** or **"Reinheitsgebo
117
117
  From jsdelivr.net.
118
118
 
119
119
  ```html
120
- <link href="https://cdn.jsdelivr.net/npm/beercss@3.0.2/dist/cdn/beer.min.css" rel="stylesheet" />
121
- <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.0.2/dist/cdn/beer.min.js"></script>
122
- <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@0.1.4/dist/cdn/material-dynamic-colors.min.js"></script>
120
+ // with html
121
+ <link href="https://cdn.jsdelivr.net/npm/beercss@3.0.4/dist/cdn/beer.min.css" rel="stylesheet" />
122
+ <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.0.4/dist/cdn/beer.min.js"></script>
123
+ <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@0.1.5/dist/cdn/material-dynamic-colors.min.js"></script>
124
+ ```
125
+
126
+ ```css
127
+ // with css
128
+ @import "https://cdn.jsdelivr.net/npm/beercss@3.0.4/dist/cdn/beer.min.css";
129
+ ```
130
+
131
+ ```js
132
+ // with javascript
133
+ import "https://cdn.jsdelivr.net/npm/beercss@3.0.4/dist/cdn/beer.min.js";
134
+ import "https://cdn.jsdelivr.net/npm/material-dynamic-colors@0.1.5/dist/cdn/material-dynamic-colors.min.js";
123
135
  ```
124
136
 
125
137
  ### NPM
@@ -136,15 +148,19 @@ npm i material-dynamic-colors
136
148
  // importing as window.beercss and window.materialDynamicColors
137
149
  import "beercss";
138
150
  import "material-dynamic-colors";
151
+ ```
139
152
 
153
+ ```js
140
154
  // importing as beercss and materialDynamicColors
141
155
  import beercss from "beercss";
142
156
  import materialDynamicColors from "material-dynamic-colors";
157
+ ```
143
158
 
159
+ ```js
144
160
  // importing manually from dist
145
161
  import "beercss/dist/cdn/beer.min.css";
146
162
  import "beercss/dist/cdn/material-symbols-outlined.woff2";
147
- import "beercss/dist/cdn/roboto-flex-cyrillic-etc.woff2";
163
+ import "beercss/dist/cdn/roboto-flex-cyrillic-ext.woff2";
148
164
  import "beercss/dist/cdn/roboto-flex-cyrillic.woff2";
149
165
  import "beercss/dist/cdn/roboto-flex-greek.woff2";
150
166
  import "beercss/dist/cdn/roboto-flex-latin-ext.woff2";
@@ -152,11 +168,13 @@ import "beercss/dist/cdn/roboto-flex-latin.woff2";
152
168
  import "beercss/dist/cdn/roboto-flex-vietnamese.woff2";
153
169
  import beercss from "beercss/dist/cdn/beer.min.js";
154
170
  import materialDynamicColors from "material-dynamic-colors/dist/cdn/material-dynamic-colors.min.js";
171
+ ```
155
172
 
173
+ ```js
156
174
  // importing manually from src
157
175
  import "beercss/src/cdn/beer.css";
158
176
  import "beercss/src/cdn/material-symbols-outlined.woff2";
159
- import "beercss/src/cdn/roboto-flex-cyrillic-etc.woff2";
177
+ import "beercss/src/cdn/roboto-flex-cyrillic-ext.woff2";
160
178
  import "beercss/src/cdn/roboto-flex-cyrillic.woff2";
161
179
  import "beercss/src/cdn/roboto-flex-greek.woff2";
162
180
  import "beercss/src/cdn/roboto-flex-latin-ext.woff2";
@@ -178,9 +196,9 @@ You can use this html to setup your project. See on [Codepen](https://codepen.io
178
196
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
179
197
  <meta name="google" content="notranslate">
180
198
  <title>Hello world</title>
181
- <link href="https://cdn.jsdelivr.net/npm/beercss@3.0.2/dist/cdn/beer.min.css" rel="stylesheet">
182
- <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.0.2/dist/cdn/beer.min.js"></script>
183
- <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@0.1.4/dist/cdn/material-dynamic-colors.min.js"></script>
199
+ <link href="https://cdn.jsdelivr.net/npm/beercss@3.0.4/dist/cdn/beer.min.css" rel="stylesheet">
200
+ <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.0.4/dist/cdn/beer.min.js"></script>
201
+ <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@0.1.5/dist/cdn/material-dynamic-colors.min.js"></script>
184
202
  </head>
185
203
  <body class="light">
186
204
  <nav class="left m l">
package/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "./dist/cdn/beer.min.css";
2
2
  import "./dist/cdn/material-symbols-outlined.woff2";
3
- import "./dist/cdn/roboto-flex-cyrillic-etc.woff2";
3
+ import "./dist/cdn/roboto-flex-cyrillic-ext.woff2";
4
4
  import "./dist/cdn/roboto-flex-cyrillic.woff2";
5
5
  import "./dist/cdn/roboto-flex-greek.woff2";
6
6
  import "./dist/cdn/roboto-flex-latin-ext.woff2";
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "author": "Everton and Leonardo",
3
3
  "description": "Build material design interfaces in record time... without stress for devs.",
4
4
  "homepage": "https://www.beercss.com/",
5
- "version": "3.0.2",
5
+ "version": "3.0.4",
6
6
  "name": "beercss",
7
7
  "license": "MIT",
8
8
  "type": "module",
@@ -14,7 +14,7 @@
14
14
  "test": "vitest"
15
15
  },
16
16
  "dependencies": {
17
- "material-dynamic-colors": "^0.1.4",
17
+ "material-dynamic-colors": "^0.1.5",
18
18
  "sass": "^1.49.9",
19
19
  "uuid": "^8.3.2",
20
20
  "vue": "^3.2.31"
@@ -60,5 +60,12 @@
60
60
  "beer",
61
61
  "responsive",
62
62
  "css-framework"
63
- ]
63
+ ],
64
+ "repository": {
65
+ "type": "git",
66
+ "url": "git+https://github.com/beercss/beercss.git"
67
+ },
68
+ "bugs": {
69
+ "url": "https://github.com/beercss/beercss/issues"
70
+ }
64
71
  }