@ilo-org/styles 1.15.1 → 1.17.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 (141) hide show
  1. package/css/components/accordion.css +1 -1
  2. package/css/components/audioplayer.css +1 -1
  3. package/css/components/blockquote.css +1 -1
  4. package/css/components/breadcrumb.css +5 -1
  5. package/css/components/button.css +1 -1
  6. package/css/components/callout.css +1 -1
  7. package/css/components/card.css +3 -1
  8. package/css/components/cardgroup.css +1 -1
  9. package/css/components/checkbox.css +1 -1
  10. package/css/components/contextmenu.css +1 -1
  11. package/css/components/datacard.css +3 -1
  12. package/css/components/datepicker.css +1 -1
  13. package/css/components/detailcard.css +1 -1
  14. package/css/components/dropdown.css +7 -1
  15. package/css/components/factlistcard.css +1 -1
  16. package/css/components/featurecard.css +1 -1
  17. package/css/components/fieldset.css +1 -1
  18. package/css/components/file-upload.css +1 -1
  19. package/css/components/footer.css +1 -1
  20. package/css/components/form.css +1 -1
  21. package/css/components/formcontrol.css +5 -1
  22. package/css/components/hero.css +9 -1
  23. package/css/components/herocard.css +1 -1
  24. package/css/components/image.css +7 -1
  25. package/css/components/input.css +1 -1
  26. package/css/components/languagetoggle.css +3 -1
  27. package/css/components/link.css +1 -1
  28. package/css/components/linklist.css +1 -1
  29. package/css/components/list.css +1 -1
  30. package/css/components/loading.css +1 -1
  31. package/css/components/logo.css +1 -1
  32. package/css/components/logogrid.css +1 -1
  33. package/css/components/modal.css +1 -1
  34. package/css/components/multilinkcard.css +1 -1
  35. package/css/components/navigation.css +1 -1
  36. package/css/components/notification.css +1 -1
  37. package/css/components/pagination.css +1 -1
  38. package/css/components/profile.css +1 -1
  39. package/css/components/promocard.css +1 -1
  40. package/css/components/radio.css +1 -1
  41. package/css/components/readmore.css +1 -1
  42. package/css/components/richtext.css +7 -1
  43. package/css/components/scorecard.css +1 -1
  44. package/css/components/searchfield.css +1 -1
  45. package/css/components/socialmedia.css +1 -1
  46. package/css/components/statcard.css +1 -1
  47. package/css/components/status.css +1 -1
  48. package/css/components/table.css +1 -1
  49. package/css/components/tableofcontents.css +1 -1
  50. package/css/components/tabs.css +3 -1
  51. package/css/components/tag.css +1 -1
  52. package/css/components/textarea.css +1 -1
  53. package/css/components/textcard.css +1 -1
  54. package/css/components/toggle.css +1 -1
  55. package/css/components/tooltip.css +1 -1
  56. package/css/components/video.css +7 -1
  57. package/css/global.css +1 -1
  58. package/css/global.css.map +1 -1
  59. package/css/index.css +69 -3
  60. package/css/index.css.map +1 -1
  61. package/css/monorepo.css +69 -3
  62. package/css/monorepo.css.map +1 -1
  63. package/package.json +6 -4
  64. package/scss/_animation-mixins.scss +21 -0
  65. package/scss/_animations.scss +3 -19
  66. package/scss/_functions.scss +2 -0
  67. package/scss/_helpers.scss +12 -0
  68. package/scss/_mixins.scss +18 -5
  69. package/scss/_typography.scss +1 -1
  70. package/scss/_typographymonorepo.scss +1 -1
  71. package/scss/components/_accordion.scss +10 -10
  72. package/scss/components/_audioplayer.scss +23 -23
  73. package/scss/components/_blockquote.scss +6 -6
  74. package/scss/components/_breadcrumb.scss +10 -6
  75. package/scss/components/_button.scss +32 -30
  76. package/scss/components/_callout.scss +24 -15
  77. package/scss/components/_card.scss +25 -21
  78. package/scss/components/_checkbox.scss +11 -11
  79. package/scss/components/_contextmenu.scss +9 -8
  80. package/scss/components/_datacard.scss +8 -6
  81. package/scss/components/_detailcard.scss +2 -2
  82. package/scss/components/_dropdown.scss +16 -10
  83. package/scss/components/_factlistcard.scss +6 -5
  84. package/scss/components/_featurecard.scss +2 -2
  85. package/scss/components/_fieldset.scss +9 -9
  86. package/scss/components/_file-upload.scss +20 -19
  87. package/scss/components/_footer.scss +21 -20
  88. package/scss/components/_form.scss +4 -4
  89. package/scss/components/_formcontrol.scss +14 -10
  90. package/scss/components/_hero.scss +8 -8
  91. package/scss/components/_herocard.scss +14 -14
  92. package/scss/components/_image.scss +9 -7
  93. package/scss/components/_input.scss +14 -12
  94. package/scss/components/_languagetoggle.scss +10 -8
  95. package/scss/components/_linklist.scss +13 -12
  96. package/scss/components/_list.scss +3 -3
  97. package/scss/components/_loading.scss +12 -12
  98. package/scss/components/_logo.scss +2 -2
  99. package/scss/components/_logogrid.scss +3 -3
  100. package/scss/components/_modal.scss +1 -1
  101. package/scss/components/_multilinkcard.scss +8 -8
  102. package/scss/components/_navigation.scss +278 -155
  103. package/scss/components/_notification.scss +12 -9
  104. package/scss/components/_pagination.scss +39 -24
  105. package/scss/components/_profile.scss +8 -8
  106. package/scss/components/_promocard.scss +1 -1
  107. package/scss/components/_radio.scss +8 -8
  108. package/scss/components/_readmore.scss +7 -7
  109. package/scss/components/_richtext.scss +12 -12
  110. package/scss/components/_scorecard.scss +2 -2
  111. package/scss/components/_searchfield.scss +11 -9
  112. package/scss/components/_socialmedia.scss +7 -7
  113. package/scss/components/_statcard.scss +8 -8
  114. package/scss/components/_status.scss +7 -7
  115. package/scss/components/_table.scss +51 -34
  116. package/scss/components/_tableofcontents.scss +13 -13
  117. package/scss/components/_tabs.scss +19 -17
  118. package/scss/components/_tag.scss +15 -15
  119. package/scss/components/_textarea.scss +15 -12
  120. package/scss/components/_textcard.scss +2 -2
  121. package/scss/components/_toggle.scss +6 -6
  122. package/scss/components/_tooltip.scss +13 -10
  123. package/scss/components/_video.scss +59 -43
  124. package/scss/components/navigation/_nav-compact.scss +17 -13
  125. package/scss/components/navigation/_nav-complex.scss +20 -12
  126. package/scss/components/navigation/_nav-main.scss +20 -14
  127. package/scss/components/navigation/internal/_nav-dropdown.scss +2 -2
  128. package/scss/components/navigation/internal/_nav-grid.scss +3 -3
  129. package/scss/components/navigation/internal/_nav-menu.scss +13 -13
  130. package/scss/components/navigation/internal/_nav-shared.scss +1 -1
  131. package/scss/components/navigation/internal/mobile/_nav-mobile-drawer.scss +5 -5
  132. package/scss/components/navigation/internal/mobile/_nav-mobile-menu.scss +5 -5
  133. package/scss/components/navigation/internal/mobile/_nav-mobile.scss +17 -17
  134. package/scss/components/photogallery/_expandable-caption.scss +4 -4
  135. package/scss/components/photogallery/_lightbox.scss +7 -7
  136. package/scss/components/photogallery/_lightboxgallery.scss +8 -8
  137. package/scss/components/photogallery/_photogallery-controls.scss +25 -13
  138. package/scss/components/photogallery/_photogallery-thumbnails.scss +8 -8
  139. package/scss/components/photogallery/_photogallery.scss +9 -9
  140. package/scss/theme/_breakpoints.scss +4 -3
  141. package/scss/theme/_foundation.scss +20 -1
package/scss/components/_multilinkcard.scss CHANGED
@@ -16,10 +16,10 @@
16
16
  // Unset properties we set in the card component
17
17
  border: unset;
18
18
  &:has(
19
- .ilo--card--link:hover,
20
- .ilo--card--link:focus,
21
- .ilo--card--link:focus-within
22
- ) {
19
+ .ilo--card--link:hover,
20
+ .ilo--card--link:focus,
21
+ .ilo--card--link:focus-within
22
+ ) {
23
23
  border: unset;
24
24
  filter: unset;
25
25
  }
@@ -64,7 +64,7 @@
64
64
 
65
65
  #{$self}--image--wrapper {
66
66
  display: none;
67
- background-color: var(--ilo-color-blue-lighter);
67
+ background-color: var(--ilo-color-light-container-bg-subtle);
68
68
  height: 0;
69
69
  overflow: hidden;
70
70
  padding-top: 56.25%;
@@ -94,7 +94,7 @@
94
94
  #{$self}--title {
95
95
  @include typography("heading-2", true);
96
96
  margin-bottom: var(--standard-spacing);
97
- color: var(--ilo-color-gray-charcoal);
97
+ color: var(--ilo-color-light-text-default);
98
98
 
99
99
  @include breakpoint("md") {
100
100
  @include typography("heading-2");
@@ -104,7 +104,7 @@
104
104
  #{$self}--intro {
105
105
  @include typography("body-large", true);
106
106
  margin-bottom: var(--standard-spacing);
107
- color: var(--ilo-color-gray-charcoal);
107
+ color: var(--ilo-color-light-text-default);
108
108
 
109
109
  @include breakpoint("md") {
110
110
  @include typography("body-large");
@@ -236,7 +236,7 @@
236
236
  .ilo--link-list {
237
237
  a {
238
238
  &:hover {
239
- background-color: var(--ilo-color-white);
239
+ background-color: var(--ilo-color-light-container-bg-default);
240
240
  }
241
241
  }
242
242
  }