@appartmint/mint 0.14.15 → 0.15.0

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 (20) hide show
  1. package/dist/css/mint.css +30 -30
  2. package/dist/css/mint.css.map +1 -1
  3. package/dist/css/mint.min.css +1 -1
  4. package/dist/css/mint.min.css.map +1 -1
  5. package/dist/js/imports/util/list.d.ts +11 -1
  6. package/dist/js/imports/util/list.d.ts.map +1 -1
  7. package/dist/js/imports/util/object.d.ts +9 -1
  8. package/dist/js/imports/util/object.d.ts.map +1 -1
  9. package/dist/js/imports/util/text.d.ts +4 -0
  10. package/dist/js/imports/util/text.d.ts.map +1 -1
  11. package/dist/js/index.js +43 -3
  12. package/dist/js/index.js.map +1 -1
  13. package/dist/js/index.min.js +1 -1
  14. package/dist/js/index.min.js.map +1 -1
  15. package/package.json +1 -1
  16. package/src/scss/imports/components/_buttons.scss +5 -0
  17. package/src/scss/imports/global/_global.scss +4 -5
  18. package/src/ts/imports/util/list.ts +21 -1
  19. package/src/ts/imports/util/object.ts +28 -11
  20. package/src/ts/imports/util/text.ts +9 -0
package/dist/css/mint.css CHANGED
@@ -11,7 +11,7 @@
11
11
  transform: none !important;
12
12
  }
13
13
 
14
- .mint-btn,
14
+ .mint-btn, .mint-select,
15
15
  .mint-btn-icon,
16
16
  .mint-pill {
17
17
  width: fit-content;
@@ -24,7 +24,7 @@
24
24
  transition: color var(--mint-delay-default), background-color var(--mint-delay-default), border-color var(--mint-delay-default);
25
25
  }
26
26
 
27
- .mint-btn,
27
+ .mint-btn, .mint-select,
28
28
  .mint-btn-group,
29
29
  .mint-pill {
30
30
  display: inline-block;
@@ -35,35 +35,35 @@
35
35
  text-align: center;
36
36
  }
37
37
  @media (min-width: 480px) {
38
- .mint-btn,
38
+ .mint-btn, .mint-select,
39
39
  .mint-btn-group,
40
40
  .mint-pill {
41
41
  width: fit-content;
42
42
  }
43
43
  }
44
- .mint-btn:hover,
44
+ .mint-btn:hover, .mint-select:hover,
45
45
  .mint-btn-group:hover,
46
46
  .mint-pill:hover {
47
47
  color: var(--mint-back);
48
48
  background: var(--mint-brand-4);
49
49
  }
50
- .mint-btn:hover i,
50
+ .mint-btn:hover i, .mint-select:hover i,
51
51
  .mint-btn-group:hover i,
52
52
  .mint-pill:hover i {
53
53
  color: inherit !important;
54
54
  }
55
- .mint-btn:focus-visible,
55
+ .mint-btn:focus-visible, .mint-select:focus-visible,
56
56
  .mint-btn-group:focus-visible,
57
57
  .mint-pill:focus-visible {
58
58
  color: var(--mint-back);
59
59
  background: var(--mint-brand-4);
60
60
  }
61
- .mint-btn:focus-visible i,
61
+ .mint-btn:focus-visible i, .mint-select:focus-visible i,
62
62
  .mint-btn-group:focus-visible i,
63
63
  .mint-pill:focus-visible i {
64
64
  color: inherit !important;
65
65
  }
66
- .mint-btn:active, .mint-btn.mint-active,
66
+ .mint-btn:active, .mint-select:active, .mint-btn.mint-active, .mint-active.mint-select,
67
67
  .mint-btn-group:active,
68
68
  .mint-btn-group.mint-active,
69
69
  .mint-pill:active,
@@ -71,32 +71,32 @@
71
71
  color: var(--mint-back);
72
72
  background: var(--mint-brand-4);
73
73
  }
74
- .mint-btn:active i, .mint-btn.mint-active i,
74
+ .mint-btn:active i, .mint-select:active i, .mint-btn.mint-active i, .mint-active.mint-select i,
75
75
  .mint-btn-group:active i,
76
76
  .mint-btn-group.mint-active i,
77
77
  .mint-pill:active i,
78
78
  .mint-pill.mint-active i {
79
79
  color: inherit !important;
80
80
  }
81
- .mint-btn.mint-reverse,
81
+ .mint-btn.mint-reverse, .mint-reverse.mint-select,
82
82
  .mint-btn-group.mint-reverse,
83
83
  .mint-pill.mint-reverse {
84
84
  color: var(--mint-back);
85
85
  background: var(--mint-brand-4);
86
86
  }
87
- .mint-btn.mint-reverse:hover,
87
+ .mint-btn.mint-reverse:hover, .mint-reverse.mint-select:hover,
88
88
  .mint-btn-group.mint-reverse:hover,
89
89
  .mint-pill.mint-reverse:hover {
90
90
  color: var(--mint-fore);
91
91
  background: var(--mint-brand-2);
92
92
  }
93
- .mint-btn.mint-reverse:focus-visible,
93
+ .mint-btn.mint-reverse:focus-visible, .mint-reverse.mint-select:focus-visible,
94
94
  .mint-btn-group.mint-reverse:focus-visible,
95
95
  .mint-pill.mint-reverse:focus-visible {
96
96
  color: var(--mint-fore);
97
97
  background: var(--mint-brand-2);
98
98
  }
99
- .mint-btn.mint-reverse:active, .mint-btn.mint-reverse.mint-active,
99
+ .mint-btn.mint-reverse:active, .mint-reverse.mint-select:active, .mint-btn.mint-reverse.mint-active, .mint-reverse.mint-active.mint-select,
100
100
  .mint-btn-group.mint-reverse:active,
101
101
  .mint-btn-group.mint-reverse.mint-active,
102
102
  .mint-pill.mint-reverse:active,
@@ -104,27 +104,27 @@
104
104
  color: var(--mint-fore);
105
105
  background: var(--mint-brand-2);
106
106
  }
107
- .mint-btn.mint-alt,
107
+ .mint-btn.mint-alt, .mint-alt.mint-select,
108
108
  .mint-btn-group.mint-alt,
109
109
  .mint-pill.mint-alt {
110
110
  color: var(--mint-brand-4);
111
111
  background: var(--mint-trans);
112
112
  }
113
- .mint-btn.mint-alt:hover,
113
+ .mint-btn.mint-alt:hover, .mint-alt.mint-select:hover,
114
114
  .mint-btn-group.mint-alt:hover,
115
115
  .mint-pill.mint-alt:hover {
116
116
  color: var(--mint-back);
117
117
  background: var(--mint-accent-2);
118
118
  border-color: var(--mint-accent-2);
119
119
  }
120
- .mint-btn.mint-alt:focus-visible,
120
+ .mint-btn.mint-alt:focus-visible, .mint-alt.mint-select:focus-visible,
121
121
  .mint-btn-group.mint-alt:focus-visible,
122
122
  .mint-pill.mint-alt:focus-visible {
123
123
  color: var(--mint-back);
124
124
  background: var(--mint-accent-2);
125
125
  border-color: var(--mint-accent-2);
126
126
  }
127
- .mint-btn.mint-alt:active, .mint-btn.mint-alt.mint-active,
127
+ .mint-btn.mint-alt:active, .mint-alt.mint-select:active, .mint-btn.mint-alt.mint-active, .mint-alt.mint-active.mint-select,
128
128
  .mint-btn-group.mint-alt:active,
129
129
  .mint-btn-group.mint-alt.mint-active,
130
130
  .mint-pill.mint-alt:active,
@@ -133,28 +133,28 @@
133
133
  background: var(--mint-accent-2);
134
134
  border-color: var(--mint-accent-2);
135
135
  }
136
- .mint-btn.mint-alt.mint-reverse,
136
+ .mint-btn.mint-alt.mint-reverse, .mint-alt.mint-reverse.mint-select,
137
137
  .mint-btn-group.mint-alt.mint-reverse,
138
138
  .mint-pill.mint-alt.mint-reverse {
139
139
  color: var(--mint-back);
140
140
  background: var(--mint-accent-2);
141
141
  border-color: var(--mint-accent-2);
142
142
  }
143
- .mint-btn.mint-alt.mint-reverse:hover,
143
+ .mint-btn.mint-alt.mint-reverse:hover, .mint-alt.mint-reverse.mint-select:hover,
144
144
  .mint-btn-group.mint-alt.mint-reverse:hover,
145
145
  .mint-pill.mint-alt.mint-reverse:hover {
146
146
  color: var(--mint-brand-4);
147
147
  background: var(--mint-trans);
148
148
  border-color: var(--mint-trans);
149
149
  }
150
- .mint-btn.mint-alt.mint-reverse:focus-visible,
150
+ .mint-btn.mint-alt.mint-reverse:focus-visible, .mint-alt.mint-reverse.mint-select:focus-visible,
151
151
  .mint-btn-group.mint-alt.mint-reverse:focus-visible,
152
152
  .mint-pill.mint-alt.mint-reverse:focus-visible {
153
153
  color: var(--mint-brand-4);
154
154
  background: var(--mint-trans);
155
155
  border-color: var(--mint-trans);
156
156
  }
157
- .mint-btn.mint-alt.mint-reverse:active, .mint-btn.mint-alt.mint-reverse.mint-active,
157
+ .mint-btn.mint-alt.mint-reverse:active, .mint-alt.mint-reverse.mint-select:active, .mint-btn.mint-alt.mint-reverse.mint-active, .mint-alt.mint-reverse.mint-active.mint-select,
158
158
  .mint-btn-group.mint-alt.mint-reverse:active,
159
159
  .mint-btn-group.mint-alt.mint-reverse.mint-active,
160
160
  .mint-pill.mint-alt.mint-reverse:active,
@@ -163,23 +163,23 @@
163
163
  background: var(--mint-trans);
164
164
  border-color: var(--mint-trans);
165
165
  }
166
- .mint-btn a,
166
+ .mint-btn a, .mint-select a,
167
167
  .mint-btn-group a,
168
168
  .mint-pill a {
169
169
  color: inherit;
170
170
  }
171
- .mint-btn a:hover,
171
+ .mint-btn a:hover, .mint-select a:hover,
172
172
  .mint-btn-group a:hover,
173
173
  .mint-pill a:hover {
174
174
  color: inherit;
175
175
  }
176
- .mint-btn a i,
176
+ .mint-btn a i, .mint-select a i,
177
177
  .mint-btn-group a i,
178
178
  .mint-pill a i {
179
179
  display: none;
180
180
  }
181
181
 
182
- .mint-btn {
182
+ .mint-btn, .mint-select {
183
183
  padding: 0.5rem 1.75rem;
184
184
  }
185
185
  .mint-btn-icon {
@@ -253,7 +253,7 @@ a.mint-pill, button.mint-pill {
253
253
  min-width: 5rem;
254
254
  }
255
255
 
256
- p .mint-pill, p .mint-btn {
256
+ p .mint-pill, p .mint-btn, p .mint-select {
257
257
  line-height: 1.5rem;
258
258
  vertical-align: middle;
259
259
  }
@@ -273,7 +273,7 @@ p .mint-pill, p .mint-btn {
273
273
  .mint-buttons > * {
274
274
  width: 100%;
275
275
  }
276
- .mint-buttons > * .mint-btn, .mint-buttons > * .mint-pill {
276
+ .mint-buttons > * .mint-btn, .mint-buttons > * .mint-select, .mint-buttons > * .mint-pill {
277
277
  display: block;
278
278
  }
279
279
  @media (min-width: 480px) {
@@ -1156,13 +1156,13 @@ main {
1156
1156
  overflow: hidden;
1157
1157
  z-index: 1000;
1158
1158
  }
1159
+ main > router-outlet {
1160
+ flex-grow: 0;
1161
+ }
1159
1162
  main > router-outlet + * {
1160
1163
  width: 100%;
1161
1164
  flex-grow: 1;
1162
1165
  }
1163
- main router-outlet {
1164
- flex-grow: 0;
1165
- }
1166
1166
 
1167
1167
  nav a {
1168
1168
  display: block;