@ilo-org/styles 1.17.0 → 1.17.1

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 (83) hide show
  1. package/css/components/datepicker.css +1 -1
  2. package/css/global.css.map +1 -1
  3. package/css/index.css +7 -19
  4. package/css/index.css.map +1 -1
  5. package/css/monorepo.css +7 -19
  6. package/css/monorepo.css.map +1 -1
  7. package/package.json +9 -8
  8. package/scss/_animation-mixins.scss +2 -1
  9. package/scss/_functions.scss +10 -6
  10. package/scss/_mixins.scss +7 -5
  11. package/scss/components/_accordion.scss +2 -2
  12. package/scss/components/_audioplayer.scss +1 -1
  13. package/scss/components/_blockquote.scss +2 -2
  14. package/scss/components/_breadcrumb.scss +2 -2
  15. package/scss/components/_button.scss +3 -3
  16. package/scss/components/_callout.scss +2 -2
  17. package/scss/components/_card.scss +1 -1
  18. package/scss/components/_cardgroup.scss +1 -1
  19. package/scss/components/_checkbox.scss +1 -1
  20. package/scss/components/_container.scss +2 -2
  21. package/scss/components/_contextmenu.scss +1 -1
  22. package/scss/components/_datacard.scss +1 -1
  23. package/scss/components/_datepicker.scss +2 -1
  24. package/scss/components/_detailcard.scss +1 -1
  25. package/scss/components/_dropdown.scss +2 -2
  26. package/scss/components/_empty.scss +2 -2
  27. package/scss/components/_factlistcard.scss +1 -1
  28. package/scss/components/_featurecard.scss +1 -1
  29. package/scss/components/_fieldset.scss +1 -1
  30. package/scss/components/_file-upload.scss +1 -1
  31. package/scss/components/_footer.scss +2 -2
  32. package/scss/components/_form.scss +1 -1
  33. package/scss/components/_formcontrol.scss +1 -1
  34. package/scss/components/_hero.scss +1 -1
  35. package/scss/components/_herocard.scss +1 -1
  36. package/scss/components/_image.scss +1 -1
  37. package/scss/components/_input.scss +1 -1
  38. package/scss/components/_languagetoggle.scss +2 -2
  39. package/scss/components/_linklist.scss +2 -2
  40. package/scss/components/_list.scss +1 -1
  41. package/scss/components/_loading.scss +2 -2
  42. package/scss/components/_logogrid.scss +1 -1
  43. package/scss/components/_modal.scss +2 -2
  44. package/scss/components/_multilinkcard.scss +1 -1
  45. package/scss/components/_navigation.scss +1 -1
  46. package/scss/components/_notification.scss +5 -4
  47. package/scss/components/_pagination.scss +1 -1
  48. package/scss/components/_profile.scss +2 -2
  49. package/scss/components/_promocard.scss +1 -1
  50. package/scss/components/_radio.scss +1 -1
  51. package/scss/components/_readmore.scss +2 -2
  52. package/scss/components/_richtext.scss +3 -3
  53. package/scss/components/_scorecard.scss +1 -1
  54. package/scss/components/_searchfield.scss +1 -1
  55. package/scss/components/_socialmedia.scss +2 -2
  56. package/scss/components/_statcard.scss +1 -1
  57. package/scss/components/_status.scss +1 -1
  58. package/scss/components/_table.scss +1 -1
  59. package/scss/components/_tableofcontents.scss +1 -1
  60. package/scss/components/_tabs.scss +1 -1
  61. package/scss/components/_tag.scss +1 -1
  62. package/scss/components/_textarea.scss +1 -1
  63. package/scss/components/_textcard.scss +1 -1
  64. package/scss/components/_toggle.scss +1 -1
  65. package/scss/components/_tooltip.scss +1 -1
  66. package/scss/components/_video.scss +2 -2
  67. package/scss/components/navigation/_nav-compact.scss +2 -2
  68. package/scss/components/navigation/_nav-complex.scss +2 -2
  69. package/scss/components/navigation/_nav-main.scss +2 -2
  70. package/scss/components/navigation/internal/_nav-dropdown.scss +2 -2
  71. package/scss/components/navigation/internal/_nav-grid.scss +2 -2
  72. package/scss/components/navigation/internal/_nav-menu.scss +3 -3
  73. package/scss/components/navigation/internal/_nav-shared.scss +2 -2
  74. package/scss/components/navigation/internal/mobile/_nav-mobile-drawer.scss +2 -2
  75. package/scss/components/navigation/internal/mobile/_nav-mobile-menu.scss +2 -2
  76. package/scss/components/navigation/internal/mobile/_nav-mobile.scss +2 -2
  77. package/scss/components/photogallery/_expandable-caption.scss +2 -2
  78. package/scss/components/photogallery/_lightbox.scss +2 -2
  79. package/scss/components/photogallery/_lightboxgallery.scss +2 -2
  80. package/scss/components/photogallery/_photogallery-controls.scss +2 -2
  81. package/scss/components/photogallery/_photogallery-thumbnails.scss +2 -2
  82. package/scss/components/photogallery/_photogallery.scss +2 -2
  83. package/scss/theme/_foundation.scss +7 -6
package/scss/components/_textcard.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "../functions" as *;
2
2
  @use "../animations" as *;
3
- @import "../mixins";
3
+ @use "../mixins" as *;
4
4
 
5
5
  .ilo--card {
6
6
  $self: &;
package/scss/components/_toggle.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use "../functions" as *;
2
- @import "../animations";
2
+ @use "../animations" as *;
3
3
 
4
4
  .ilo--input--toggle {
5
5
  $c: &;
package/scss/components/_tooltip.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "../functions" as *;
2
2
  @use "../animations" as *;
3
- @import "../mixins";
3
+ @use "../mixins" as *;
4
4
 
5
5
  .ilo--tooltip {
6
6
  $c: &;
package/scss/components/_video.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "../functions" as *;
2
- @import "./image";
3
- @import "../mixins";
2
+ @use "./image" as *;
3
+ @use "../mixins" as *;
4
4
 
5
5
  // ======================================
6
6
  // Video Button
package/scss/components/navigation/_nav-compact.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "../../icons" as *;
2
2
  @use "../../functions" as *;
3
- @import "../../mixins";
4
- @import "../../config";
3
+ @use "../../mixins" as *;
4
+ @use "../../config" as *;
5
5
 
6
6
  .ilo--subsite-nav-compact {
7
7
  position: relative;
package/scss/components/navigation/_nav-complex.scss CHANGED
@@ -1,8 +1,8 @@
1
1
  @use "../../icons" as *;
2
2
  @use "../../functions" as *;
3
3
  @use "./internal/nav-shared" as *;
4
- @import "../../mixins";
5
- @import "../../config";
4
+ @use "../../mixins" as *;
5
+ @use "../../config" as *;
6
6
 
7
7
  .ilo--subsite-nav-complex {
8
8
  @include nav-base;
package/scss/components/navigation/_nav-main.scss CHANGED
@@ -1,8 +1,8 @@
1
1
  @use "../../icons" as *;
2
2
  @use "../../functions" as *;
3
3
  @use "./internal/nav-shared" as *;
4
- @import "../../mixins";
5
- @import "../../config";
4
+ @use "../../mixins" as *;
5
+ @use "../../config" as *;
6
6
 
7
7
  .ilo--main-nav {
8
8
  @include nav-base;
package/scss/components/navigation/internal/_nav-dropdown.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "../../../icons" as *;
2
2
  @use "../../../functions" as *;
3
- @import "../../../mixins";
4
- @import "../../../config";
3
+ @use "../../../mixins" as *;
4
+ @use "../../../config" as *;
5
5
 
6
6
  .ilo--nav-dropdown {
7
7
  position: absolute;
package/scss/components/navigation/internal/_nav-grid.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "../../../icons" as *;
2
2
  @use "../../../functions" as *;
3
- @import "../../../mixins";
4
- @import "../../../config";
3
+ @use "../../../mixins" as *;
4
+ @use "../../../config" as *;
5
5
 
6
6
  .ilo--nav-menu-grid {
7
7
  display: flex;
package/scss/components/navigation/internal/_nav-menu.scss CHANGED
@@ -1,8 +1,8 @@
1
1
  @use "../../../icons" as *;
2
2
  @use "../../../functions" as *;
3
- @import "../../../mixins";
4
- @import "../../../config";
5
- @import "../../../animations";
3
+ @use "../../../mixins" as *;
4
+ @use "../../../config" as *;
5
+ @use "../../../animations" as *;
6
6
 
7
7
  .ilo--nav-menu {
8
8
  display: flex;
package/scss/components/navigation/internal/_nav-shared.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "../../../icons" as *;
2
2
  @use "../../../functions" as *;
3
- @import "../../../mixins";
4
- @import "../../../config";
3
+ @use "../../../mixins" as *;
4
+ @use "../../../config" as *;
5
5
 
6
6
  // Base navigation container
7
7
  @mixin nav-base {
package/scss/components/navigation/internal/mobile/_nav-mobile-drawer.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "../../../../icons" as *;
2
2
  @use "../../../../functions" as *;
3
- @import "../../../../mixins";
4
- @import "../../../../config";
3
+ @use "../../../../mixins" as *;
4
+ @use "../../../../config" as *;
5
5
 
6
6
  .ilo--nav-mobile-drawer {
7
7
  position: fixed;
package/scss/components/navigation/internal/mobile/_nav-mobile-menu.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "../../../../icons" as *;
2
2
  @use "../../../../functions" as *;
3
- @import "../../../../mixins";
4
- @import "../../../../config";
3
+ @use "../../../../mixins" as *;
4
+ @use "../../../../config" as *;
5
5
 
6
6
  .ilo--nav-mobile-menu {
7
7
  display: flex;
package/scss/components/navigation/internal/mobile/_nav-mobile.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "../../../../icons" as *;
2
2
  @use "../../../../functions" as *;
3
- @import "../../../../mixins";
4
- @import "../../../../config";
3
+ @use "../../../../mixins" as *;
4
+ @use "../../../../config" as *;
5
5
 
6
6
  .ilo--nav-mobile {
7
7
  &__branding {
package/scss/components/photogallery/_expandable-caption.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "../../icons" as *;
2
2
  @use "../../functions" as *;
3
- @import "../../mixins";
4
- @import "../../config";
3
+ @use "../../mixins" as *;
4
+ @use "../../config" as *;
5
5
 
6
6
  .ilo--photo-gallery-expandable-caption {
7
7
  position: relative;
package/scss/components/photogallery/_lightbox.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "../../icons" as *;
2
2
  @use "../../functions" as *;
3
- @import "../../mixins";
4
- @import "../../config";
3
+ @use "../../mixins" as *;
4
+ @use "../../config" as *;
5
5
 
6
6
  .ilo--lightbox {
7
7
  position: fixed;
package/scss/components/photogallery/_lightboxgallery.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "../../icons" as *;
2
2
  @use "../../functions" as *;
3
- @import "../../mixins";
4
- @import "../../config";
3
+ @use "../../mixins" as *;
4
+ @use "../../config" as *;
5
5
 
6
6
  .ilo--lightbox-gallery {
7
7
  display: flex;
package/scss/components/photogallery/_photogallery-controls.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "../../icons" as *;
2
2
  @use "../../functions" as *;
3
- @import "../../mixins";
4
- @import "../../config";
3
+ @use "../../mixins" as *;
4
+ @use "../../config" as *;
5
5
 
6
6
  .ilo--photo-gallery-controls {
7
7
  display: flex;
package/scss/components/photogallery/_photogallery-thumbnails.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "../../icons" as *;
2
2
  @use "../../functions" as *;
3
- @import "../../mixins";
4
- @import "../../config";
3
+ @use "../../mixins" as *;
4
+ @use "../../config" as *;
5
5
 
6
6
  .ilo--photo-gallery-thumbnails {
7
7
  --ilo-photo_gallery-thumbnails-width: 90px;
package/scss/components/photogallery/_photogallery.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "../../icons" as *;
2
2
  @use "../../functions" as *;
3
- @import "../../mixins";
4
- @import "../../config";
3
+ @use "../../mixins" as *;
4
+ @use "../../config" as *;
5
5
 
6
6
  .ilo--photo-gallery {
7
7
  --ilo-photo_gallery-target-height: 210px;
package/scss/theme/_foundation.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use "sass:map";
1
2
  @use "../functions" as *;
2
3
  @use "./breakpoints" as *;
3
4
  @use "./typography" as *;
@@ -278,12 +279,12 @@
278
279
  /**
279
280
  * Sizing
280
281
  */
281
- --ilo-breakpoint-xs: #{map-get($breakpoints-foundation, "xs")};
282
- --ilo-breakpoint-sm: #{map-get($breakpoints-foundation, "sm")};
283
- --ilo-breakpoint-md: #{map-get($breakpoints-foundation, "md")};
284
- --ilo-breakpoint-lg: #{map-get($breakpoints-foundation, "lg")};
285
- --ilo-breakpoint-xl: #{map-get($breakpoints-foundation, "xl")};
286
- --ilo-breakpoint-xxl: #{map-get($breakpoints-foundation, "xxl")};
282
+ --ilo-breakpoint-xs: #{map.get($breakpoints-foundation, "xs")};
283
+ --ilo-breakpoint-sm: #{map.get($breakpoints-foundation, "sm")};
284
+ --ilo-breakpoint-md: #{map.get($breakpoints-foundation, "md")};
285
+ --ilo-breakpoint-lg: #{map.get($breakpoints-foundation, "lg")};
286
+ --ilo-breakpoint-xl: #{map.get($breakpoints-foundation, "xl")};
287
+ --ilo-breakpoint-xxl: #{map.get($breakpoints-foundation, "xxl")};
287
288
  --ilo-border-radius: calc(#{px-to-rem(2)} * var(--ilo-scale));
288
289
 
289
290
  /**