@appartmint/mint 0.15.2 → 0.15.3

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 +69 -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 +62 -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,47 @@ 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
+ flex-wrap: wrap;
1302
+ gap: 1rem;
1303
+ }
1304
+
1262
1305
  .mint-pad-auto {
1263
1306
  padding-left: auto;
1264
1307
  padding-right: auto;
@@ -2172,31 +2215,51 @@ i.fa-envelope {
2172
2215
  .mint-max-xs {
2173
2216
  width: 100%;
2174
2217
  max-width: 480px;
2218
+ }
2219
+ .mint-max-xs:not(.mint-left) {
2175
2220
  margin-left: auto;
2221
+ }
2222
+ .mint-max-xs:not(.mint-right) {
2176
2223
  margin-right: auto;
2177
2224
  }
2178
2225
  .mint-max-sm {
2179
2226
  width: 100%;
2180
2227
  max-width: 768px;
2228
+ }
2229
+ .mint-max-sm:not(.mint-left) {
2181
2230
  margin-left: auto;
2231
+ }
2232
+ .mint-max-sm:not(.mint-right) {
2182
2233
  margin-right: auto;
2183
2234
  }
2184
2235
  .mint-max-md {
2185
2236
  width: 100%;
2186
2237
  max-width: 1024px;
2238
+ }
2239
+ .mint-max-md:not(.mint-left) {
2187
2240
  margin-left: auto;
2241
+ }
2242
+ .mint-max-md:not(.mint-right) {
2188
2243
  margin-right: auto;
2189
2244
  }
2190
2245
  .mint-max-lg {
2191
2246
  width: 100%;
2192
2247
  max-width: 1200px;
2248
+ }
2249
+ .mint-max-lg:not(.mint-left) {
2193
2250
  margin-left: auto;
2251
+ }
2252
+ .mint-max-lg:not(.mint-right) {
2194
2253
  margin-right: auto;
2195
2254
  }
2196
2255
  .mint-max-xl {
2197
2256
  width: 100%;
2198
2257
  max-width: 1440px;
2258
+ }
2259
+ .mint-max-xl:not(.mint-left) {
2199
2260
  margin-left: auto;
2261
+ }
2262
+ .mint-max-xl:not(.mint-right) {
2200
2263
  margin-right: auto;
2201
2264
  }
2202
2265
 
@@ -2724,6 +2787,10 @@ p, .mint-p {
2724
2787
  border-color: var(--mint-success-4);
2725
2788
  }
2726
2789
 
2790
+ .mint-danger {
2791
+ color: var(--mint-danger);
2792
+ }
2793
+
2727
2794
  a {
2728
2795
  color: var(--mint-brand-4);
2729
2796
  transition-duration: var(--mint-delay-default);