@appartmint/mint 0.15.2 → 0.15.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 (45) hide show
  1. package/README.md +3 -3
  2. package/dist/css/mint.css +70 -2
  3. package/dist/css/mint.css.map +1 -1
  4. package/dist/css/mint.min.css +1 -1
  5. package/dist/css/mint.min.css.map +1 -1
  6. package/dist/js/imports/components/header.d.ts +124 -124
  7. package/dist/js/imports/enum.d.ts +9 -9
  8. package/dist/js/imports/models/color.d.ts +31 -31
  9. package/dist/js/imports/models/item.d.ts +69 -69
  10. package/dist/js/imports/util/display.d.ts +6 -6
  11. package/dist/js/imports/util/event.d.ts +6 -6
  12. package/dist/js/imports/util/icon.d.ts +28 -28
  13. package/dist/js/imports/util/list.d.ts +22 -22
  14. package/dist/js/imports/util/math.d.ts +13 -13
  15. package/dist/js/imports/util/object.d.ts +73 -73
  16. package/dist/js/imports/util/scroll.d.ts +18 -18
  17. package/dist/js/imports/util/selectors.d.ts +121 -121
  18. package/dist/js/imports/util/settings.d.ts +38 -38
  19. package/dist/js/imports/util/text.d.ts +20 -20
  20. package/dist/js/imports/util/window.d.ts +6 -6
  21. package/dist/js/index.d.ts +24 -24
  22. package/dist/js/index.js +344 -344
  23. package/dist/js/index.js.map +1 -1
  24. package/dist/js/index.min.js.map +1 -1
  25. package/dist/js/util.d.ts +77 -77
  26. package/dist/js/util.js +67 -67
  27. package/dist/js/util.js.map +1 -1
  28. package/dist/js/util.min.js.map +1 -1
  29. package/package.json +1 -1
  30. package/src/scss/imports/_index.scss +8 -8
  31. package/src/scss/imports/components/_header.scss +3 -1
  32. package/src/scss/imports/components/_index.scss +7 -7
  33. package/src/scss/imports/global/_icons.scss +6 -6
  34. package/src/scss/imports/global/_index.scss +1 -0
  35. package/src/scss/imports/global/_inputs.scss +63 -0
  36. package/src/scss/imports/global/_structure.scss +8 -2
  37. package/src/scss/imports/global/_themes.scss +4 -0
  38. package/src/scss/imports/util/_index.scss +8 -8
  39. package/src/scss/imports/util/_vars.scss +1 -1
  40. package/src/ts/imports/enum.ts +9 -9
  41. package/src/ts/imports/models/color.ts +96 -96
  42. package/src/ts/imports/util/display.ts +6 -6
  43. package/src/ts/imports/util/event.ts +7 -7
  44. package/src/ts/imports/util/math.ts +17 -17
  45. package/src/ts/imports/util/window.ts +6 -6
package/README.md CHANGED
@@ -1,3 +1,3 @@
1
- # npm-mint
2
- Front-end TS/SCSS framework of App Art Mint LLC
3
-
1
+ # npm-mint
2
+ Front-end TS/SCSS framework of App Art Mint LLC
3
+
package/dist/css/mint.css CHANGED
@@ -405,7 +405,7 @@ p .mint-pill, p .mint-btn, p .mint-select {
405
405
  gap: 1rem;
406
406
  position: relative;
407
407
  padding: 1.5rem;
408
- background: var(--mint-black-2);
408
+ background: var(--mint-back);
409
409
  width: 100%;
410
410
  overflow: hidden;
411
411
  }
@@ -785,6 +785,8 @@ app-footer::before {
785
785
  #mint-header h1 {
786
786
  display: flex;
787
787
  white-space: nowrap;
788
+ align-items: center;
789
+ gap: 1rem;
788
790
  margin: 0;
789
791
  }
790
792
  #mint-header #mint-navbar {
@@ -800,7 +802,7 @@ app-footer::before {
800
802
  text-decoration: none;
801
803
  }
802
804
  #mint-header .mint-logo img {
803
- max-height: calc(2rem + var(--mint-header-height));
805
+ max-height: var(--mint-header-height);
804
806
  }
805
807
  #mint-header [aria-controls=mint-wrapper] {
806
808
  display: inline-block;
@@ -1259,6 +1261,48 @@ i.fa-envelope {
1259
1261
  transform: translateY(5%);
1260
1262
  }
1261
1263
 
1264
+ .mint-check {
1265
+ position: relative;
1266
+ display: inline-block;
1267
+ flex-shrink: 0;
1268
+ height: 1.75rem;
1269
+ width: 2.75rem;
1270
+ border: 0.125rem solid var(--mint-brand-2);
1271
+ border-radius: 1rem;
1272
+ background-color: var(--mint-brand-5);
1273
+ cursor: pointer;
1274
+ }
1275
+ .mint-check [type=checkbox] {
1276
+ display: none;
1277
+ }
1278
+ .mint-check [type=checkbox]:checked + span {
1279
+ left: calc(100% - 1.25rem);
1280
+ background-color: var(--mint-brand-2);
1281
+ filter: grayscale(0);
1282
+ }
1283
+ .mint-check [type=checkbox] + span {
1284
+ display: flex;
1285
+ align-items: center;
1286
+ justify-content: center;
1287
+ position: absolute;
1288
+ top: 0.25rem;
1289
+ left: 0.25rem;
1290
+ transform: translateX(0);
1291
+ width: 1rem;
1292
+ height: 1rem;
1293
+ background-color: var(--mint-brand-4);
1294
+ border-radius: 1rem;
1295
+ filter: grayscale(1);
1296
+ transition: filter 300ms, background-color 300ms, left 300ms;
1297
+ }
1298
+
1299
+ .mint-dropdown {
1300
+ display: flex;
1301
+ align-items: center;
1302
+ flex-wrap: wrap;
1303
+ gap: 1rem;
1304
+ }
1305
+
1262
1306
  .mint-pad-auto {
1263
1307
  padding-left: auto;
1264
1308
  padding-right: auto;
@@ -2172,31 +2216,51 @@ i.fa-envelope {
2172
2216
  .mint-max-xs {
2173
2217
  width: 100%;
2174
2218
  max-width: 480px;
2219
+ }
2220
+ .mint-max-xs:not(.mint-left) {
2175
2221
  margin-left: auto;
2222
+ }
2223
+ .mint-max-xs:not(.mint-right) {
2176
2224
  margin-right: auto;
2177
2225
  }
2178
2226
  .mint-max-sm {
2179
2227
  width: 100%;
2180
2228
  max-width: 768px;
2229
+ }
2230
+ .mint-max-sm:not(.mint-left) {
2181
2231
  margin-left: auto;
2232
+ }
2233
+ .mint-max-sm:not(.mint-right) {
2182
2234
  margin-right: auto;
2183
2235
  }
2184
2236
  .mint-max-md {
2185
2237
  width: 100%;
2186
2238
  max-width: 1024px;
2239
+ }
2240
+ .mint-max-md:not(.mint-left) {
2187
2241
  margin-left: auto;
2242
+ }
2243
+ .mint-max-md:not(.mint-right) {
2188
2244
  margin-right: auto;
2189
2245
  }
2190
2246
  .mint-max-lg {
2191
2247
  width: 100%;
2192
2248
  max-width: 1200px;
2249
+ }
2250
+ .mint-max-lg:not(.mint-left) {
2193
2251
  margin-left: auto;
2252
+ }
2253
+ .mint-max-lg:not(.mint-right) {
2194
2254
  margin-right: auto;
2195
2255
  }
2196
2256
  .mint-max-xl {
2197
2257
  width: 100%;
2198
2258
  max-width: 1440px;
2259
+ }
2260
+ .mint-max-xl:not(.mint-left) {
2199
2261
  margin-left: auto;
2262
+ }
2263
+ .mint-max-xl:not(.mint-right) {
2200
2264
  margin-right: auto;
2201
2265
  }
2202
2266
 
@@ -2724,6 +2788,10 @@ p, .mint-p {
2724
2788
  border-color: var(--mint-success-4);
2725
2789
  }
2726
2790
 
2791
+ .mint-danger {
2792
+ color: var(--mint-danger);
2793
+ }
2794
+
2727
2795
  a {
2728
2796
  color: var(--mint-brand-4);
2729
2797
  transition-duration: var(--mint-delay-default);