@mtvh/mtvh-design-system 0.0.24 → 0.0.26

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 (106) hide show
  1. package/assets/scss/base/_all.scss +3 -3
  2. package/assets/scss/base/_functions.scss +16 -15
  3. package/assets/scss/base/_global.scss +1 -1
  4. package/assets/scss/base/_print.scss +5 -5
  5. package/assets/scss/common/_custom.scss +7 -10
  6. package/assets/scss/components/_alert.scss +0 -1
  7. package/assets/scss/components/_all.scss +13 -11
  8. package/assets/scss/components/_banner.scss +7 -13
  9. package/assets/scss/components/_breadcrumb.scss +10 -8
  10. package/assets/scss/components/_button-circle.scss +38 -0
  11. package/assets/scss/components/_button.scss +28 -31
  12. package/assets/scss/components/_card-list.scss +63 -0
  13. package/assets/scss/components/_content-block.scss +35 -33
  14. package/assets/scss/components/_form.scss +92 -77
  15. package/assets/scss/components/_link.scss +9 -9
  16. package/assets/scss/components/_list-group.scss +1 -1
  17. package/assets/scss/components/_notification.scss +0 -1
  18. package/assets/scss/components/_pagination.scss +2 -4
  19. package/assets/scss/components/_payment.scss +0 -0
  20. package/assets/scss/components/_status.scss +5 -6
  21. package/assets/scss/components/_stepper.scss +18 -21
  22. package/assets/scss/config/_all.scss +2 -2
  23. package/assets/scss/config/_font.scss +5 -5
  24. package/assets/scss/config/_icon-list.scss +685 -104
  25. package/assets/scss/config/_map-amends.scss +0 -4
  26. package/assets/scss/config/_palette.scss +38 -40
  27. package/assets/scss/config/_theme.scss +3 -6
  28. package/assets/scss/config/_variables.scss +117 -117
  29. package/assets/scss/core/_all.scss +2 -2
  30. package/assets/scss/core/iconography/_icon.scss +26 -13
  31. package/assets/scss/core/typography/_typography.scss +36 -18
  32. package/assets/scss/forms/_form-check.scss +14 -16
  33. package/assets/scss/forms/_form-chip.scss +13 -16
  34. package/assets/scss/forms/_form-control.scss +32 -9
  35. package/assets/scss/forms/_form-date-input.scss +0 -1
  36. package/assets/scss/forms/_form-select.scss +3 -5
  37. package/assets/scss/forms/_formio.scss +24 -22
  38. package/assets/scss/forms/_global.scss +1 -1
  39. package/assets/scss/forms/_input-group.scss +1 -1
  40. package/assets/scss/forms/_labels.scss +2 -2
  41. package/assets/scss/forms/_mtvho_contact_phone.scss +2 -2
  42. package/assets/scss/forms/_validation.scss +6 -4
  43. package/assets/scss/mixins/_butttons.scss +38 -10
  44. package/assets/scss/mixins/_form.scss +8 -12
  45. package/assets/scss/mixins/_icon.scss +38 -28
  46. package/assets/scss/mtvh.scss +5 -5
  47. package/dist/images/icons/alarm-clock.svg +7 -0
  48. package/dist/images/icons/bar-chart.svg +7 -0
  49. package/dist/images/icons/bell.svg +6 -0
  50. package/dist/images/icons/box-open.svg +7 -0
  51. package/dist/images/icons/calculator.svg +14 -0
  52. package/dist/images/icons/calendar.svg +7 -0
  53. package/dist/images/icons/call.svg +6 -0
  54. package/dist/images/icons/chart-with-down-arrow.svg +6 -0
  55. package/dist/images/icons/chart-with-up-arrow.svg +6 -0
  56. package/dist/images/icons/checkmark.svg +6 -0
  57. package/dist/images/icons/clipboard-alt.svg +10 -0
  58. package/dist/images/icons/clipboard.svg +12 -0
  59. package/dist/images/icons/clock.svg +9 -0
  60. package/dist/images/icons/cog-purple.svg +5 -0
  61. package/dist/images/icons/container.svg +6 -0
  62. package/dist/images/icons/cup.svg +7 -0
  63. package/dist/images/icons/envelop-closed.svg +4 -0
  64. package/dist/images/icons/envelop-open.svg +5 -0
  65. package/dist/images/icons/envelop-with-letter.svg +7 -0
  66. package/dist/images/icons/filters.svg +8 -0
  67. package/dist/images/icons/flower.svg +7 -0
  68. package/dist/images/icons/frame.svg +8 -0
  69. package/dist/images/icons/halifax.svg +14 -0
  70. package/dist/images/icons/hanging-picture.svg +9 -0
  71. package/dist/images/icons/heart.svg +4 -0
  72. package/dist/images/icons/hourglass.svg +7 -0
  73. package/dist/images/icons/house.svg +5 -0
  74. package/dist/images/icons/jigsaw.svg +8 -0
  75. package/dist/images/icons/keys.svg +8 -0
  76. package/dist/images/icons/leaf.svg +4 -0
  77. package/dist/images/icons/line-graph.svg +6 -0
  78. package/dist/images/icons/location-pointer.svg +5 -0
  79. package/dist/images/icons/map-with-pointer.svg +6 -0
  80. package/dist/images/icons/mastercard.svg +7 -0
  81. package/dist/images/icons/monitor.svg +6 -0
  82. package/dist/images/icons/natwest.svg +14 -0
  83. package/dist/images/icons/padlock.svg +6 -0
  84. package/dist/images/icons/page.svg +7 -0
  85. package/dist/images/icons/phone-with-speech.svg +8 -0
  86. package/dist/images/icons/pie-chart.svg +7 -0
  87. package/dist/images/icons/presentation-board.svg +5 -0
  88. package/dist/images/icons/presentation.svg +5 -0
  89. package/dist/images/icons/printer.svg +7 -0
  90. package/dist/images/icons/rbs.svg +14 -0
  91. package/dist/images/icons/recycle.svg +6 -0
  92. package/dist/images/icons/ringing.svg +12 -0
  93. package/dist/images/icons/santander.svg +15 -0
  94. package/dist/images/icons/shield-with-tick.svg +5 -0
  95. package/dist/images/icons/shield.svg +6 -0
  96. package/dist/images/icons/signposts.svg +5 -0
  97. package/dist/images/icons/speech-bubbles.svg +6 -0
  98. package/dist/images/icons/star.svg +4 -0
  99. package/dist/images/icons/stopwatch.svg +8 -0
  100. package/dist/images/icons/tree.svg +4 -0
  101. package/dist/images/icons/visacard.svg +11 -0
  102. package/dist/images/icons/wallet-with-notes.svg +5 -0
  103. package/dist/js/app.min.js +1 -1
  104. package/dist/mtvh.min.css +35 -1
  105. package/package.json +1 -1
  106. package/assets/scss/components/_close.scss +0 -48
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mtvh/mtvh-design-system",
3
- "version": "0.0.24",
3
+ "version": "0.0.26",
4
4
  "description": "MTVH design system",
5
5
  "author": "MTVH",
6
6
  "license": "MIT",
package/assets/scss/components/_close.scss DELETED
@@ -1,48 +0,0 @@
1
- .btn-close {
2
-
3
- &-circle {
4
-
5
- border-radius: 50%;
6
- -moz-border-radius:50%;
7
- -webkit-border-radius: 50%;
8
- width: $btn-close-circle-width;
9
- height: $btn-close-circle-height;
10
- padding: $mtvh-spacing-4;
11
-
12
- &:focus-visible {
13
- box-shadow: none;
14
- outline: solid var(--#{$prefix}btn-outline-border) var(--#{$prefix}btn-close-focus-outline-color);
15
- outline-offset: calc(var(--#{$prefix}btn-outline-border) * -1);
16
- text-decoration: none;
17
- -webkit-tap-highlight-color: unset;
18
- }
19
- &:focus:not(:focus-visible) {
20
- outline: 0;
21
- }
22
- &:hover {
23
- background-color: var(--#{$prefix}btn-close-hover-bg-color);
24
- cursor: pointer;
25
- }
26
- }
27
-
28
- }
29
- .alert-dismissible {
30
- .btn-close-circle {
31
- top: $mtvh-spacing-5;
32
- padding: $mtvh-spacing-4;
33
- }
34
- }
35
-
36
- @each $state in map-keys($banner-theme-colors) {
37
- .mtvh-banner--#{$state} {
38
- --#{$prefix}btn-close-focus-outline-color: var(--#{$prefix}dark-outline-color);
39
- --#{$prefix}btn-close-hover-bg-color: var(--#{$prefix}btn-close-#{$state}-hover-bg);
40
- }
41
- }
42
-
43
- @each $state in map-keys($content-block-theme-colors) {
44
- .mtvh-content-block-bg--#{$state} {
45
- --#{$prefix}btn-close-focus-outline-color: var(--#{$prefix}primary-outline-color);
46
- --#{$prefix}btn-close-hover-bg-color: var(--#{$prefix}btn-close-#{$state}-hover-bg);
47
- }
48
- }