@iamproperty/components 3.7.6 → 3.7.8--beta

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 (58) hide show
  1. package/assets/css/components/card-global.css +1 -0
  2. package/assets/css/components/card-global.css.map +1 -0
  3. package/assets/css/components/card.css +1 -1
  4. package/assets/css/components/card.css.map +1 -1
  5. package/assets/css/components/forms.css +1 -1
  6. package/assets/css/components/forms.css.map +1 -1
  7. package/assets/css/components/table.css +1 -1
  8. package/assets/css/components/table.css.map +1 -1
  9. package/assets/css/core.min.css +1 -1
  10. package/assets/css/core.min.css.map +1 -1
  11. package/assets/css/style.min.css +1 -1
  12. package/assets/css/style.min.css.map +1 -1
  13. package/assets/js/bundle.js +2 -0
  14. package/assets/js/components/accordion/accordion.component.min.js +1 -1
  15. package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
  16. package/assets/js/components/card/card.component.js +36 -12
  17. package/assets/js/components/card/card.component.min.js +5 -5
  18. package/assets/js/components/card/card.component.min.js.map +1 -1
  19. package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
  20. package/assets/js/components/header/header.component.min.js +1 -1
  21. package/assets/js/components/notification/notification.component.min.js +1 -1
  22. package/assets/js/components/pagination/pagination.component.min.js +1 -1
  23. package/assets/js/components/table/table.component.min.js +7 -7
  24. package/assets/js/components/table/table.component.min.js.map +1 -1
  25. package/assets/js/components/tabs/tabs.component.min.js +1 -1
  26. package/assets/js/dynamic.js +2 -0
  27. package/assets/js/dynamic.min.js +5 -5
  28. package/assets/js/dynamic.min.js.map +1 -1
  29. package/assets/js/flat-components.js +2 -0
  30. package/assets/js/modules/dialogs.js +2 -1
  31. package/assets/js/modules/inputs.js +62 -0
  32. package/assets/js/modules/table.js +13 -8
  33. package/assets/js/scripts.bundle.js +13 -13
  34. package/assets/js/scripts.bundle.js.map +1 -1
  35. package/assets/js/scripts.bundle.min.js +2 -2
  36. package/assets/js/scripts.bundle.min.js.map +1 -1
  37. package/assets/sass/_corefiles.scss +2 -0
  38. package/assets/sass/_forms.scss +3 -3
  39. package/assets/sass/components/card-global.scss +20 -0
  40. package/assets/sass/components/card.scss +26 -3
  41. package/assets/sass/components/forms.scss +497 -113
  42. package/assets/sass/components/table.scss +13 -3
  43. package/assets/sass/foundations/links.scss +6 -2
  44. package/assets/sass/foundations/reboot.scss +3 -3
  45. package/assets/ts/bundle.ts +2 -0
  46. package/assets/ts/components/card/README.md +1 -0
  47. package/assets/ts/components/card/card.component.ts +55 -13
  48. package/assets/ts/dynamic.ts +2 -0
  49. package/assets/ts/flat-components.ts +2 -0
  50. package/assets/ts/modules/dialogs.ts +2 -1
  51. package/assets/ts/modules/inputs.ts +88 -0
  52. package/assets/ts/modules/table.ts +15 -10
  53. package/dist/components.es.js +150 -134
  54. package/dist/components.umd.js +20 -20
  55. package/package.json +1 -1
  56. package/src/components/Card/README.md +1 -0
  57. package/src/components/Input/Input.vue +11 -7
  58. package/src/components/Input/README.md +1 -3
package/assets/sass/_corefiles.scss CHANGED
@@ -23,6 +23,8 @@
23
23
  @use "components/pagination.scss";
24
24
  @use "components/accordion.scss";
25
25
 
26
+ @use "components/card-global.scss";
27
+
26
28
  // Bootstrap elements
27
29
  @import "../bootstrap/scss/_transitions.scss";
28
30
  @import "../bootstrap/scss/_badge.scss";
package/assets/sass/_forms.scss CHANGED
@@ -1,10 +1,10 @@
1
1
  @use "_func" as *;
2
2
 
3
- @import "../bootstrap/scss/forms/_labels";
4
- @import "../bootstrap/scss/forms/_form-control";
3
+ //@import "../bootstrap/scss/forms/_labels";
4
+ //@import "../bootstrap/scss/forms/_form-control";
5
5
  @import "../bootstrap/scss/forms/_form-select";
6
6
  @import "../bootstrap/scss/forms/_form-check";
7
7
  @import "../bootstrap/scss/forms/_form-range";
8
8
  @import "../bootstrap/scss/forms/_input-group";
9
- @import "../bootstrap/scss/forms/_validation";
9
+ //@import "../bootstrap/scss/forms/_validation";
10
10
  @import "components/forms.scss";
package/assets/sass/components/card-global.scss ADDED
@@ -0,0 +1,20 @@
1
+ // #region card with a flag
2
+ iam-card.card--flag {
3
+ position: relative;
4
+
5
+ &:after {
6
+ content: "\f024";
7
+ font-family: "Font Awesome 6 Pro";
8
+ position: absolute;
9
+ top: 1rem;
10
+ right: 1rem;
11
+ font-size: rem(16);
12
+ line-height: 1;
13
+ height: rem(16);
14
+ width: rem(16);
15
+ display: inline-block;
16
+ font-weight: normal;
17
+ color: var(--colour, var(--colour-primary));
18
+ }
19
+ }
20
+ // #endregion
package/assets/sass/components/card.scss CHANGED
@@ -90,6 +90,8 @@
90
90
  background: #FCFCFC;
91
91
  }
92
92
 
93
+
94
+
93
95
  span {
94
96
  display: block;
95
97
  font-weight: bold;
@@ -167,7 +169,6 @@
167
169
 
168
170
  &:is(:hover,:focus,.hover) {
169
171
  outline: none;
170
- background: #EEEEEE;
171
172
 
172
173
  .card__body {
173
174
  background: #EEEEEE;
@@ -175,11 +176,18 @@
175
176
  }
176
177
 
177
178
  &:is(:active, .active){
178
- outline: 2px solid var(--colour,var(--colour-primary));
179
+
180
+ .card__body {
181
+ background: #E0E0E0;
182
+ }
183
+ }
184
+
185
+ &:is(:checked, .checked){
186
+ outline: 2px solid var(--colour,var(--colour-info));
179
187
  outline-offset: -2px;
180
188
 
181
189
  .card__body {
182
- background: #ffffff;
190
+ background: #E0E0E0;
183
191
  }
184
192
  }
185
193
 
@@ -203,6 +211,21 @@
203
211
  }
204
212
  }
205
213
 
214
+ @media screen and (prefers-color-scheme: dark) {
215
+ .card--filter {
216
+
217
+ .card__body {
218
+ background: none!important;
219
+ }
220
+
221
+ &:is(:hover,:focus,.hover, :active, .active):not(:checked,.checked){
222
+ outline: 2px solid var(--colour, var(--colour-primary))!important;
223
+ outline-offset: -2px;
224
+
225
+ }
226
+ }
227
+ }
228
+
206
229
  .card--filter ::slotted(i) {
207
230
  display: block !important;
208
231
  font-size: rem(18)!important;