@appartmint/mint 0.15.1 → 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 (46) hide show
  1. package/README.md +3 -3
  2. package/dist/css/mint.css +71 -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/_animations.scss +2 -0
  34. package/src/scss/imports/global/_icons.scss +6 -6
  35. package/src/scss/imports/global/_index.scss +1 -0
  36. package/src/scss/imports/global/_inputs.scss +62 -0
  37. package/src/scss/imports/global/_structure.scss +8 -2
  38. package/src/scss/imports/global/_themes.scss +4 -0
  39. package/src/scss/imports/util/_index.scss +8 -8
  40. package/src/scss/imports/util/_vars.scss +1 -1
  41. package/src/ts/imports/enum.ts +9 -9
  42. package/src/ts/imports/models/color.ts +96 -96
  43. package/src/ts/imports/util/display.ts +6 -6
  44. package/src/ts/imports/util/event.ts +7 -7
  45. package/src/ts/imports/util/math.ts +17 -17
  46. 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;
@@ -1039,11 +1041,13 @@ app-footer::before {
1039
1041
  transform: translateY(-100px);
1040
1042
  transition: all 500ms ease-out, box-shadow 500ms 400ms ease-out !important;
1041
1043
  pointer-events: none;
1044
+ z-index: -1;
1042
1045
  }
1043
1046
  .mint-fall-in.mint-show:not(.mint-loading) {
1044
1047
  filter: opacity(100%);
1045
1048
  transform: translateY(0%);
1046
1049
  pointer-events: auto;
1050
+ z-index: 1;
1047
1051
  }
1048
1052
  .mint-fall-in:not(.mint-show), .mint-fall-in.mint-loading {
1049
1053
  box-shadow: 0 0 0 0 transparent !important;
@@ -1257,6 +1261,47 @@ i.fa-envelope {
1257
1261
  transform: translateY(5%);
1258
1262
  }
1259
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
+
1260
1305
  .mint-pad-auto {
1261
1306
  padding-left: auto;
1262
1307
  padding-right: auto;
@@ -2170,31 +2215,51 @@ i.fa-envelope {
2170
2215
  .mint-max-xs {
2171
2216
  width: 100%;
2172
2217
  max-width: 480px;
2218
+ }
2219
+ .mint-max-xs:not(.mint-left) {
2173
2220
  margin-left: auto;
2221
+ }
2222
+ .mint-max-xs:not(.mint-right) {
2174
2223
  margin-right: auto;
2175
2224
  }
2176
2225
  .mint-max-sm {
2177
2226
  width: 100%;
2178
2227
  max-width: 768px;
2228
+ }
2229
+ .mint-max-sm:not(.mint-left) {
2179
2230
  margin-left: auto;
2231
+ }
2232
+ .mint-max-sm:not(.mint-right) {
2180
2233
  margin-right: auto;
2181
2234
  }
2182
2235
  .mint-max-md {
2183
2236
  width: 100%;
2184
2237
  max-width: 1024px;
2238
+ }
2239
+ .mint-max-md:not(.mint-left) {
2185
2240
  margin-left: auto;
2241
+ }
2242
+ .mint-max-md:not(.mint-right) {
2186
2243
  margin-right: auto;
2187
2244
  }
2188
2245
  .mint-max-lg {
2189
2246
  width: 100%;
2190
2247
  max-width: 1200px;
2248
+ }
2249
+ .mint-max-lg:not(.mint-left) {
2191
2250
  margin-left: auto;
2251
+ }
2252
+ .mint-max-lg:not(.mint-right) {
2192
2253
  margin-right: auto;
2193
2254
  }
2194
2255
  .mint-max-xl {
2195
2256
  width: 100%;
2196
2257
  max-width: 1440px;
2258
+ }
2259
+ .mint-max-xl:not(.mint-left) {
2197
2260
  margin-left: auto;
2261
+ }
2262
+ .mint-max-xl:not(.mint-right) {
2198
2263
  margin-right: auto;
2199
2264
  }
2200
2265
 
@@ -2722,6 +2787,10 @@ p, .mint-p {
2722
2787
  border-color: var(--mint-success-4);
2723
2788
  }
2724
2789
 
2790
+ .mint-danger {
2791
+ color: var(--mint-danger);
2792
+ }
2793
+
2725
2794
  a {
2726
2795
  color: var(--mint-brand-4);
2727
2796
  transition-duration: var(--mint-delay-default);