@ndla/ui 34.0.1 → 34.1.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 (91) hide show
  1. package/es/Figure/Figure.js +3 -2
  2. package/es/FileList/File.js +6 -6
  3. package/es/LanguageSelector/LanguageSelector.js +67 -99
  4. package/es/NDLAFilm/AboutNdlaFilm.js +13 -12
  5. package/es/NDLAFilm/AllMoviesAlphabetically.js +79 -144
  6. package/es/NDLAFilm/FilmContentCard.js +41 -26
  7. package/es/NDLAFilm/FilmContentCardTags.js +5 -3
  8. package/es/NDLAFilm/FilmMovieList.js +13 -8
  9. package/es/NDLAFilm/FilmMovieSearch.js +6 -5
  10. package/es/NDLAFilm/FilmSlideshow.js +44 -20
  11. package/es/NDLAFilm/filmStyles.js +2 -2
  12. package/es/ResourceGroup/ResourceItem.js +72 -48
  13. package/es/Search/ActiveFilterContent.js +6 -5
  14. package/es/Search/ContentTypeResult.js +6 -3
  15. package/es/SearchTypeResult/ActiveFilterContent.js +9 -10
  16. package/es/Topic/Topic.js +171 -213
  17. package/es/all.css +1 -1
  18. package/es/locale/messages-en.js +3 -1
  19. package/es/locale/messages-nb.js +3 -1
  20. package/es/locale/messages-nn.js +7 -5
  21. package/es/locale/messages-se.js +2 -0
  22. package/es/locale/messages-sma.js +3 -1
  23. package/lib/Figure/Figure.d.ts +2 -1
  24. package/lib/Figure/Figure.js +3 -2
  25. package/lib/FileList/File.js +6 -6
  26. package/lib/LanguageSelector/LanguageSelector.d.ts +6 -15
  27. package/lib/LanguageSelector/LanguageSelector.js +64 -99
  28. package/lib/NDLAFilm/AboutNdlaFilm.js +11 -14
  29. package/lib/NDLAFilm/AllMoviesAlphabetically.d.ts +1 -2
  30. package/lib/NDLAFilm/AllMoviesAlphabetically.js +77 -142
  31. package/lib/NDLAFilm/FilmContentCard.d.ts +7 -0
  32. package/lib/NDLAFilm/FilmContentCard.js +41 -26
  33. package/lib/NDLAFilm/FilmContentCardTags.d.ts +2 -1
  34. package/lib/NDLAFilm/FilmContentCardTags.js +5 -3
  35. package/lib/NDLAFilm/FilmMovieList.js +12 -7
  36. package/lib/NDLAFilm/FilmMovieSearch.js +5 -4
  37. package/lib/NDLAFilm/FilmSlideshow.js +44 -20
  38. package/lib/NDLAFilm/filmStyles.js +2 -2
  39. package/lib/Resource/resourceComponents.d.ts +1 -1
  40. package/lib/ResourceGroup/ResourceItem.d.ts +2 -2
  41. package/lib/ResourceGroup/ResourceItem.js +72 -48
  42. package/lib/Search/ActiveFilterContent.d.ts +1 -1
  43. package/lib/Search/ActiveFilterContent.js +9 -5
  44. package/lib/Search/ContentTypeResult.js +6 -3
  45. package/lib/SearchTypeResult/ActiveFilterContent.d.ts +1 -1
  46. package/lib/SearchTypeResult/ActiveFilterContent.js +12 -10
  47. package/lib/Topic/Topic.js +170 -215
  48. package/lib/all.css +1 -1
  49. package/lib/locale/messages-en.d.ts +2 -0
  50. package/lib/locale/messages-en.js +3 -1
  51. package/lib/locale/messages-nb.d.ts +2 -0
  52. package/lib/locale/messages-nb.js +3 -1
  53. package/lib/locale/messages-nn.d.ts +4 -2
  54. package/lib/locale/messages-nn.js +7 -5
  55. package/lib/locale/messages-se.d.ts +2 -0
  56. package/lib/locale/messages-se.js +2 -0
  57. package/lib/locale/messages-sma.d.ts +2 -0
  58. package/lib/locale/messages-sma.js +3 -1
  59. package/package.json +15 -14
  60. package/src/Figure/Figure.tsx +6 -2
  61. package/src/FileList/File.tsx +4 -4
  62. package/src/LanguageSelector/LanguageSelector.stories.tsx +48 -0
  63. package/src/LanguageSelector/LanguageSelector.tsx +70 -149
  64. package/src/NDLAFilm/AboutNdlaFilm.tsx +11 -14
  65. package/src/NDLAFilm/AllMoviesAlphabetically.tsx +44 -160
  66. package/src/NDLAFilm/FilmContentCard.tsx +40 -21
  67. package/src/NDLAFilm/FilmContentCardTags.tsx +3 -2
  68. package/src/NDLAFilm/FilmMovieList.tsx +14 -7
  69. package/src/NDLAFilm/FilmMovieSearch.tsx +2 -2
  70. package/src/NDLAFilm/FilmSlideshow.tsx +49 -40
  71. package/src/NDLAFilm/filmStyles.ts +1 -1
  72. package/src/ResourceGroup/ResourceItem.tsx +79 -94
  73. package/src/Search/ActiveFilterContent.tsx +4 -3
  74. package/src/Search/ContentTypeResult.tsx +3 -1
  75. package/src/SearchTypeResult/ActiveFilterContent.tsx +7 -8
  76. package/src/Topic/Topic.tsx +166 -193
  77. package/src/locale/messages-en.ts +3 -1
  78. package/src/locale/messages-nb.ts +3 -1
  79. package/src/locale/messages-nn.ts +5 -4
  80. package/src/locale/messages-se.ts +2 -0
  81. package/src/locale/messages-sma.ts +3 -1
  82. package/src/main.scss +0 -1
  83. package/es/LanguageSelector/LanguageSelectorContent.js +0 -61
  84. package/es/Subject/SubjectCarousel.js +0 -133
  85. package/lib/LanguageSelector/LanguageSelectorContent.d.ts +0 -15
  86. package/lib/LanguageSelector/LanguageSelectorContent.js +0 -68
  87. package/lib/Subject/SubjectCarousel.d.ts +0 -18
  88. package/lib/Subject/SubjectCarousel.js +0 -138
  89. package/src/LanguageSelector/LanguageSelectorContent.tsx +0 -80
  90. package/src/NDLAFilm/component.film-movielist.scss +0 -105
  91. package/src/Subject/SubjectCarousel.tsx +0 -162
@@ -1,5 +1,5 @@
1
1
  import _styled from "@emotion/styled/base";
2
- import React from 'react';
2
+ import React, { forwardRef } from 'react';
3
3
  import { Cross } from '@ndla/icons/action';
4
4
  import { spacing, mq, breakpoints, colors, misc, fonts } from '@ndla/core';
5
5
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
@@ -9,18 +9,19 @@ var StyledActiveFilter = /*#__PURE__*/_styled('button', {
9
9
  label: "StyledActiveFilter"
10
10
  })("height:38px;border:0;background:", colors.brand.light, ";color:", colors.brand.dark, ";border-radius:", misc.borderRadius, ";cursor:pointer;display:flex;align-items:center;padding:0 ", spacing.small, ";width:100%;justify-content:space-between;", fonts.sizes('16px', '36px'), ";font-weight:", fonts.weight.semibold, ";", mq.range({
11
11
  from: breakpoints.desktop
12
- }), "{width:auto;justify-content:flex-start;", fonts.sizes('18px', '40px'), ";height:40px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsyQyIsImZpbGUiOiJBY3RpdmVGaWx0ZXJDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgU3R5bGVkQWN0aXZlRmlsdGVyID0gc3R5bGVkKCdidXR0b24nKWBcbiAgaGVpZ2h0OiAzOHB4O1xuICBib3JkZXI6IDA7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy5zbWFsbH07XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMzZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHdpZHRoOiBhdXRvO1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzQwcHgnKX07XG4gICAgaGVpZ2h0OiA0MHB4O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGUgPSBzdHlsZWQoJ3NwYW4nKWBcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGZpbHRlcjoge1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBmaWx0ZXJOYW1lPzogc3RyaW5nO1xuICB9O1xuICBvbkZpbHRlclJlbW92ZTogKHZhbHVlOiBzdHJpbmcsIGZpbHRlck5hbWU/OiBzdHJpbmcpID0+IHZvaWQ7XG4gIGFyaWFMYWJlbDogc3RyaW5nO1xufVxuXG5jb25zdCBBY3RpdmVGaWx0ZXJDb250ZW50ID0gKHsgZmlsdGVyLCBvbkZpbHRlclJlbW92ZSwgYXJpYUxhYmVsIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRBY3RpdmVGaWx0ZXJcbiAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgb25DbGljaz17KCkgPT4gb25GaWx0ZXJSZW1vdmUoZmlsdGVyLnZhbHVlLCBmaWx0ZXIuZmlsdGVyTmFtZSl9PlxuICAgIDxTdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT57ZmlsdGVyLnRpdGxlfTwvU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+XG4gICAgPENyb3NzIC8+XG4gIDwvU3R5bGVkQWN0aXZlRmlsdGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQWN0aXZlRmlsdGVyQ29udGVudDtcbiJdfQ== */"));
12
+ }), "{width:auto;justify-content:flex-start;", fonts.sizes('18px', '40px'), ";height:40px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsyQyIsImZpbGUiOiJBY3RpdmVGaWx0ZXJDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ3Jvc3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgc3BhY2luZywgbXEsIGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IFN0eWxlZEFjdGl2ZUZpbHRlciA9IHN0eWxlZCgnYnV0dG9uJylgXG4gIGhlaWdodDogMzhweDtcbiAgYm9yZGVyOiAwO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMCAke3NwYWNpbmcuc21hbGx9O1xuICB3aWR0aDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzM2cHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB3aWR0aDogYXV0bztcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICc0MHB4Jyl9O1xuICAgIGhlaWdodDogNDBweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlID0gc3R5bGVkKCdzcGFuJylgXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBmaWx0ZXI6IHtcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgZmlsdGVyTmFtZT86IHN0cmluZztcbiAgfTtcbiAgb25GaWx0ZXJSZW1vdmU6ICh2YWx1ZTogc3RyaW5nLCBmaWx0ZXJOYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICBhcmlhTGFiZWw6IHN0cmluZztcbn1cblxuY29uc3QgQWN0aXZlRmlsdGVyQ29udGVudCA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIFByb3BzPigoeyBmaWx0ZXIsIG9uRmlsdGVyUmVtb3ZlLCBhcmlhTGFiZWwgfSwgcmVmKSA9PiAoXG4gIDxTdHlsZWRBY3RpdmVGaWx0ZXJcbiAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgcmVmPXtyZWZ9XG4gICAgb25DbGljaz17KCkgPT4gb25GaWx0ZXJSZW1vdmUoZmlsdGVyLnZhbHVlLCBmaWx0ZXIuZmlsdGVyTmFtZSl9PlxuICAgIDxTdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT57ZmlsdGVyLnRpdGxlfTwvU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+XG4gICAgPENyb3NzIC8+XG4gIDwvU3R5bGVkQWN0aXZlRmlsdGVyPlxuKSk7XG5cbmV4cG9ydCBkZWZhdWx0IEFjdGl2ZUZpbHRlckNvbnRlbnQ7XG4iXX0= */"));
13
13
  export var StyledActiveFilterTitle = /*#__PURE__*/_styled('span', {
14
14
  target: "ee0gam00",
15
15
  label: "StyledActiveFilterTitle"
16
- })("white-space:nowrap;padding-right:", spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCcUQiLCJmaWxlIjoiQWN0aXZlRmlsdGVyQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ3Jvc3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgc3BhY2luZywgbXEsIGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IFN0eWxlZEFjdGl2ZUZpbHRlciA9IHN0eWxlZCgnYnV0dG9uJylgXG4gIGhlaWdodDogMzhweDtcbiAgYm9yZGVyOiAwO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMCAke3NwYWNpbmcuc21hbGx9O1xuICB3aWR0aDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzM2cHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB3aWR0aDogYXV0bztcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICc0MHB4Jyl9O1xuICAgIGhlaWdodDogNDBweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlID0gc3R5bGVkKCdzcGFuJylgXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBmaWx0ZXI6IHtcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgZmlsdGVyTmFtZT86IHN0cmluZztcbiAgfTtcbiAgb25GaWx0ZXJSZW1vdmU6ICh2YWx1ZTogc3RyaW5nLCBmaWx0ZXJOYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICBhcmlhTGFiZWw6IHN0cmluZztcbn1cblxuY29uc3QgQWN0aXZlRmlsdGVyQ29udGVudCA9ICh7IGZpbHRlciwgb25GaWx0ZXJSZW1vdmUsIGFyaWFMYWJlbCB9OiBQcm9wcykgPT4gKFxuICA8U3R5bGVkQWN0aXZlRmlsdGVyXG4gICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIG9uQ2xpY2s9eygpID0+IG9uRmlsdGVyUmVtb3ZlKGZpbHRlci52YWx1ZSwgZmlsdGVyLmZpbHRlck5hbWUpfT5cbiAgICA8U3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+e2ZpbHRlci50aXRsZX08L1N0eWxlZEFjdGl2ZUZpbHRlclRpdGxlPlxuICAgIDxDcm9zcyAvPlxuICA8L1N0eWxlZEFjdGl2ZUZpbHRlcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEFjdGl2ZUZpbHRlckNvbnRlbnQ7XG4iXX0= */"));
17
- var ActiveFilterContent = function ActiveFilterContent(_ref) {
16
+ })("white-space:nowrap;padding-right:", spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCcUQiLCJmaWxlIjoiQWN0aXZlRmlsdGVyQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzLCBtaXNjLCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBTdHlsZWRBY3RpdmVGaWx0ZXIgPSBzdHlsZWQoJ2J1dHRvbicpYFxuICBoZWlnaHQ6IDM4cHg7XG4gIGJvcmRlcjogMDtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZGFya307XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgJHtmb250cy5zaXplcygnMTZweCcsICczNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IGF1dG87XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnNDBweCcpfTtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZSA9IHN0eWxlZCgnc3BhbicpYFxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZmlsdGVyOiB7XG4gICAgdmFsdWU6IHN0cmluZztcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGZpbHRlck5hbWU/OiBzdHJpbmc7XG4gIH07XG4gIG9uRmlsdGVyUmVtb3ZlOiAodmFsdWU6IHN0cmluZywgZmlsdGVyTmFtZT86IHN0cmluZykgPT4gdm9pZDtcbiAgYXJpYUxhYmVsOiBzdHJpbmc7XG59XG5cbmNvbnN0IEFjdGl2ZUZpbHRlckNvbnRlbnQgPSBmb3J3YXJkUmVmPEhUTUxCdXR0b25FbGVtZW50LCBQcm9wcz4oKHsgZmlsdGVyLCBvbkZpbHRlclJlbW92ZSwgYXJpYUxhYmVsIH0sIHJlZikgPT4gKFxuICA8U3R5bGVkQWN0aXZlRmlsdGVyXG4gICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIHJlZj17cmVmfVxuICAgIG9uQ2xpY2s9eygpID0+IG9uRmlsdGVyUmVtb3ZlKGZpbHRlci52YWx1ZSwgZmlsdGVyLmZpbHRlck5hbWUpfT5cbiAgICA8U3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+e2ZpbHRlci50aXRsZX08L1N0eWxlZEFjdGl2ZUZpbHRlclRpdGxlPlxuICAgIDxDcm9zcyAvPlxuICA8L1N0eWxlZEFjdGl2ZUZpbHRlcj5cbikpO1xuXG5leHBvcnQgZGVmYXVsdCBBY3RpdmVGaWx0ZXJDb250ZW50O1xuIl19 */"));
17
+ var ActiveFilterContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
18
18
  var filter = _ref.filter,
19
19
  onFilterRemove = _ref.onFilterRemove,
20
20
  ariaLabel = _ref.ariaLabel;
21
21
  return _jsxs(StyledActiveFilter, {
22
22
  "aria-label": ariaLabel,
23
23
  type: "button",
24
+ ref: ref,
24
25
  onClick: function onClick() {
25
26
  return onFilterRemove(filter.value, filter.filterName);
26
27
  },
@@ -28,5 +29,5 @@ var ActiveFilterContent = function ActiveFilterContent(_ref) {
28
29
  children: filter.title
29
30
  }), _jsx(Cross, {})]
30
31
  });
31
- };
32
+ });
32
33
  export default ActiveFilterContent;
@@ -23,8 +23,11 @@ var renderAdditionalIcon = function renderAdditionalIcon(label, isAdditional) {
23
23
  if (isAdditional && label) {
24
24
  return _jsx(Tooltip, {
25
25
  tooltip: label,
26
- children: _jsx(Additional, {
27
- className: "c-icon--20"
26
+ children: _jsx("div", {
27
+ children: _jsx(Additional, {
28
+ className: "c-icon--20",
29
+ "aria-hidden": false
30
+ })
28
31
  })
29
32
  });
30
33
  }
@@ -132,7 +135,7 @@ var ContentTypeResult = function ContentTypeResult(_ref) {
132
135
  ref: showAllRef,
133
136
  children: _jsxs(Button, {
134
137
  ghostPill: true,
135
- css: [showAllButtonStyle, shouldHighlightShowAllButton && noWidthhighlightStyle, ";label:ContentTypeResult;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRUeXBlUmVzdWx0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SmdCIiwiZmlsZSI6IkNvbnRlbnRUeXBlUmVzdWx0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IEFkZGl0aW9uYWwsIENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGVSZXN1bHRUeXBlLCBSZXNvdXJjZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIGhpZ2hsaWdodFN0eWxlLFxuICBub1dpZHRoaGlnaGxpZ2h0U3R5bGUsXG4gIHNob3dBbGxCdXR0b25TdHlsZSxcbiAgU3R5bGVkSGVhZGVyLFxuICBTdHlsZWRMaXN0LFxuICBTdHlsZWRMaXN0SXRlbSxcbiAgU3R5bGVkTm9IaXQsXG4gIFN0eWxlZFRhZyxcbiAgU3R5bGVkV3JhcHBlcixcbn0gZnJvbSAnLi9Db250ZW50VHlwZVJlc3VsdFN0eWxlcyc7XG5pbXBvcnQgeyBpc1BhdGhUb0hpZ2hsaWdodCB9IGZyb20gJy4vSXNQYXRoVG9IaWdobGlnaHQnO1xuXG5jb25zdCByZW5kZXJBZGRpdGlvbmFsSWNvbiA9IChsYWJlbDogc3RyaW5nLCBpc0FkZGl0aW9uYWw/OiBib29sZWFuKTogUmVhY3RFbGVtZW50IHwgbnVsbCA9PiB7XG4gIGlmIChpc0FkZGl0aW9uYWwgJiYgbGFiZWwpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdG9vbHRpcD17bGFiZWx9PlxuICAgICAgICA8QWRkaXRpb25hbCBjbGFzc05hbWU9XCJjLWljb24tLTIwXCIgLz5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICApO1xuICB9XG4gIGlmIChpc0FkZGl0aW9uYWwpIHtcbiAgICByZXR1cm4gPEFkZGl0aW9uYWwgY2xhc3NOYW1lPVwiYy1pY29uLS0yMFwiIC8+O1xuICB9XG4gIHJldHVybiBudWxsO1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgY29udGVudFR5cGVSZXN1bHQ6IENvbnRlbnRUeXBlUmVzdWx0VHlwZTtcbiAgb25OYXZpZ2F0ZT86IFZvaWRGdW5jdGlvbjtcbiAgZGVmYXVsdENvdW50PzogbnVtYmVyO1xuICByZXNvdXJjZVRvTGlua1Byb3BzOiAocmVzb3VyY2U6IFJlc291cmNlKSA9PiB7XG4gICAgdG86IHN0cmluZztcbiAgfTtcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM/OiBib29sZWFuO1xuICBtZXNzYWdlczoge1xuICAgIGFsbFJlc3VsdExhYmVsPzogc3RyaW5nO1xuICAgIHNob3dMZXNzUmVzdWx0TGFiZWw/OiBzdHJpbmc7XG4gICAgbm9IaXQ6IHN0cmluZztcbiAgfTtcbiAgaWdub3JlQ29udGVudFR5cGVCYWRnZT86IGJvb2xlYW47XG4gIGtleWJvYXJkUGF0aE5hdmlnYXRpb24/OiBIVE1MRWxlbWVudCB8IHN0cmluZyB8IG51bGw7XG4gIGluTWVudT86IGJvb2xlYW47XG4gIGFuaW1hdGVMaXN0PzogbnVtYmVyO1xuICB1bkdyb3VwZWQ/OiBib29sZWFuO1xufTtcblxuY29uc3QgQ29udGVudFR5cGVSZXN1bHQgPSAoe1xuICBjb250ZW50VHlwZVJlc3VsdCxcbiAgb25OYXZpZ2F0ZSxcbiAgZGVmYXVsdENvdW50LFxuICByZXNvdXJjZVRvTGlua1Byb3BzLFxuICBzaG93QWRkaXRpb25hbFJlc291cmNlcyxcbiAgbWVzc2FnZXMsXG4gIGlnbm9yZUNvbnRlbnRUeXBlQmFkZ2UsXG4gIGtleWJvYXJkUGF0aE5hdmlnYXRpb24sXG4gIGluTWVudSxcbiAgYW5pbWF0ZUxpc3QsXG4gIHVuR3JvdXBlZCxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW3Nob3dBbGwsIHRvZ2dsZVNob3dBbGxdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBzaG93QWxsUmVmID0gdXNlUmVmPEhUTUxMSUVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IHJlc3VsdHMgPVxuICAgIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzIHx8ICFjb250ZW50VHlwZVJlc3VsdC5yZXNvdXJjZXNcbiAgICAgID8gY29udGVudFR5cGVSZXN1bHQucmVzb3VyY2VzXG4gICAgICA6IGNvbnRlbnRUeXBlUmVzdWx0LnJlc291cmNlcy5maWx0ZXIoKGl0ZW1zKSA9PiAhaXRlbXMuYWRkaXRpb25hbCk7XG5cbiAgY29uc3QgcmVzb3VyY2VzID0gc2hvd0FsbCB8fCAhZGVmYXVsdENvdW50ID8gcmVzdWx0cyA6IHJlc3VsdHMuc2xpY2UoMCwgZGVmYXVsdENvdW50KTtcblxuICBjb25zdCBkaXNwbGF5U2hvd0FsbEJ1dHRvbiA9IGRlZmF1bHRDb3VudCAmJiByZXN1bHRzLmxlbmd0aCA+IGRlZmF1bHRDb3VudDtcbiAgY29uc3Qgc2hvdWxkSGlnaGxpZ2h0U2hvd0FsbEJ1dHRvbiA9IHNob3dBbGxSZWYuY3VycmVudCA9PT0ga2V5Ym9hcmRQYXRoTmF2aWdhdGlvbjtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChzaG93QWxsICYmIHNob3dBbGxSZWYuY3VycmVudCkge1xuICAgICAgc2hvd0FsbFJlZi5jdXJyZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICBibG9jazogJ25lYXJlc3QnLFxuICAgICAgfSk7XG4gICAgfVxuICB9LCBbc2hvd0FsbF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFdyYXBwZXI+XG4gICAgICB7IXVuR3JvdXBlZCAmJiAoXG4gICAgICAgIDxTdHlsZWRIZWFkZXI+XG4gICAgICAgICAgeyFpZ25vcmVDb250ZW50VHlwZUJhZGdlICYmIGNvbnRlbnRUeXBlUmVzdWx0LmNvbnRlbnRUeXBlICYmIChcbiAgICAgICAgICAgIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e2NvbnRlbnRUeXBlUmVzdWx0LmNvbnRlbnRUeXBlfSBzaXplPVwieC1zbWFsbFwiIGJhY2tncm91bmQgYm9yZGVyIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8aDE+XG4gICAgICAgICAgICB7Y29udGVudFR5cGVSZXN1bHQudGl0bGV9IDxzbWFsbD4oe3Jlc3VsdHMubGVuZ3RofSk8L3NtYWxsPlxuICAgICAgICAgIDwvaDE+XG4gICAgICAgIDwvU3R5bGVkSGVhZGVyPlxuICAgICAgKX1cbiAgICAgIHtyZXNvdXJjZXMubGVuZ3RoID4gMCA/IChcbiAgICAgICAgPFN0eWxlZExpc3QgaW5NZW51PXtpbk1lbnV9IGFuaW1hdGVMaXN0PXthbmltYXRlTGlzdH0gdW5Hcm91cGVkPXt1bkdyb3VwZWR9PlxuICAgICAgICAgIHtyZXNvdXJjZXMubWFwKChyZXNvdXJjZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgeyBwYXRoLCBuYW1lLCByZXNvdXJjZVR5cGVzLCBzdWJqZWN0LCBhZGRpdGlvbmFsIH0gPSByZXNvdXJjZTtcblxuICAgICAgICAgICAgY29uc3QgbGlua1Byb3BzID0gcmVzb3VyY2VUb0xpbmtQcm9wcyhyZXNvdXJjZSk7XG4gICAgICAgICAgICBjb25zdCBsaW5rQ29udGVudCA9IChcbiAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICA8c3Ryb25nPntuYW1lfTwvc3Ryb25nPlxuICAgICAgICAgICAgICAgIHshaW5NZW51ICYmIHN1YmplY3QgJiYgPHNtYWxsPntzdWJqZWN0fTwvc21hbGw+fVxuICAgICAgICAgICAgICAgIHshaW5NZW51ICYmXG4gICAgICAgICAgICAgICAgICByZXNvdXJjZVR5cGVzICYmXG4gICAgICAgICAgICAgICAgICByZXNvdXJjZVR5cGVzLm1hcCgodHlwZSkgPT4gPFN0eWxlZFRhZyBrZXk9e3R5cGUubmFtZX0+e3R5cGUubmFtZX08L1N0eWxlZFRhZz4pfVxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBjb25zdCBkZWxheUFuaW1hdGlvbiA9ICEhYW5pbWF0ZUxpc3QgJiYgISFhZGRpdGlvbmFsICYmIGFuaW1hdGVMaXN0ID4gMCAmJiAhIXNob3dBZGRpdGlvbmFsUmVzb3VyY2VzO1xuXG4gICAgICAgICAgICAvLyBGaWd1cmUgb3V0IGhpZ2hsaWdodGluZyBieSBjb21wYXJpbmcgcGF0aCBvZiBsaW5rIHdpdGgga2V5Ym9hcmQgbmF2aWdhdGVkIGFuY2hvclxuICAgICAgICAgICAgY29uc3QgYW5jaG9yID1cbiAgICAgICAgICAgICAga2V5Ym9hcmRQYXRoTmF2aWdhdGlvbiBpbnN0YW5jZW9mIEhUTUxFbGVtZW50ICYmXG4gICAgICAgICAgICAgIGtleWJvYXJkUGF0aE5hdmlnYXRpb24gJiZcbiAgICAgICAgICAgICAga2V5Ym9hcmRQYXRoTmF2aWdhdGlvbi5xdWVyeVNlbGVjdG9yKCdhJyk7XG4gICAgICAgICAgICBjb25zdCBhbmNob3JIcmVmID0gYW5jaG9yICYmIGFuY2hvci5nZXRBdHRyaWJ1dGUoJ2hyZWYnKTtcbiAgICAgICAgICAgIGNvbnN0IHNob3VsZEhpZ2hsaWdodCA9IGlzUGF0aFRvSGlnaGxpZ2h0KHBhdGgsIGFuY2hvckhyZWYpO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0ga2V5PXtwYXRofSBkZWxheUFuaW1hdGlvbj17ZGVsYXlBbmltYXRpb259PlxuICAgICAgICAgICAgICAgIDxTYWZlTGlua1xuICAgICAgICAgICAgICAgICAgY3NzPXtzaG91bGRIaWdobGlnaHQgJiYgaGlnaGxpZ2h0U3R5bGV9XG4gICAgICAgICAgICAgICAgICBkYXRhLWhpZ2hsaWdodGVkPXtzaG91bGRIaWdobGlnaHQgfHwgZmFsc2V9XG4gICAgICAgICAgICAgICAgICB7Li4ubGlua1Byb3BzfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBpZiAob25OYXZpZ2F0ZSkge1xuICAgICAgICAgICAgICAgICAgICAgIG9uTmF2aWdhdGUoKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgICAgICB7dW5Hcm91cGVkICYmICFpZ25vcmVDb250ZW50VHlwZUJhZGdlICYmIChcbiAgICAgICAgICAgICAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17cmVzb3VyY2UuY29udGVudFR5cGUgPz8gJyd9IHNpemU9XCJ4LXNtYWxsXCIgYmFja2dyb3VuZCBib3JkZXIgLz5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICB7bGlua0NvbnRlbnR9XG4gICAgICAgICAgICAgICAgICB7cmVuZGVyQWRkaXRpb25hbEljb24odCgncmVzb3VyY2UuYWRkaXRpb25hbFRvb2x0aXAnKSwgYWRkaXRpb25hbCl9XG4gICAgICAgICAgICAgICAgPC9TYWZlTGluaz5cbiAgICAgICAgICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgICAge2Rpc3BsYXlTaG93QWxsQnV0dG9uICYmIChcbiAgICAgICAgICAgIDxTdHlsZWRMaXN0SXRlbSByZWY9e3Nob3dBbGxSZWZ9PlxuICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgZ2hvc3RQaWxsXG4gICAgICAgICAgICAgICAgY3NzPXtbc2hvd0FsbEJ1dHRvblN0eWxlLCBzaG91bGRIaWdobGlnaHRTaG93QWxsQnV0dG9uICYmIG5vV2lkdGhoaWdobGlnaHRTdHlsZV19XG4gICAgICAgICAgICAgICAgZGF0YS1oaWdobGlnaHRlZD17c2hvdWxkSGlnaGxpZ2h0U2hvd0FsbEJ1dHRvbn1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0b2dnbGVTaG93QWxsKCFzaG93QWxsKX1cbiAgICAgICAgICAgICAgICB0YWJJbmRleD17LTF9PlxuICAgICAgICAgICAgICAgIHtzaG93QWxsID8gbWVzc2FnZXMuc2hvd0xlc3NSZXN1bHRMYWJlbCA6IG1lc3NhZ2VzLmFsbFJlc3VsdExhYmVsfVxuICAgICAgICAgICAgICAgIHtzaG93QWxsID8gPENoZXZyb25VcCAvPiA6IDxDaGV2cm9uRG93biAvPn1cbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L1N0eWxlZExpc3RJdGVtPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkTGlzdD5cbiAgICAgICkgOiAoXG4gICAgICAgIDxTdHlsZWROb0hpdCBpbk1lbnU9e2luTWVudX0+e21lc3NhZ2VzLm5vSGl0fTwvU3R5bGVkTm9IaXQ+XG4gICAgICApfVxuICAgIDwvU3R5bGVkV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnRUeXBlUmVzdWx0O1xuIl19 */")],
138
+ css: [showAllButtonStyle, shouldHighlightShowAllButton && noWidthhighlightStyle, ";label:ContentTypeResult;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRUeXBlUmVzdWx0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwSmdCIiwiZmlsZSI6IkNvbnRlbnRUeXBlUmVzdWx0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IEFkZGl0aW9uYWwsIENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGVSZXN1bHRUeXBlLCBSZXNvdXJjZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIGhpZ2hsaWdodFN0eWxlLFxuICBub1dpZHRoaGlnaGxpZ2h0U3R5bGUsXG4gIHNob3dBbGxCdXR0b25TdHlsZSxcbiAgU3R5bGVkSGVhZGVyLFxuICBTdHlsZWRMaXN0LFxuICBTdHlsZWRMaXN0SXRlbSxcbiAgU3R5bGVkTm9IaXQsXG4gIFN0eWxlZFRhZyxcbiAgU3R5bGVkV3JhcHBlcixcbn0gZnJvbSAnLi9Db250ZW50VHlwZVJlc3VsdFN0eWxlcyc7XG5pbXBvcnQgeyBpc1BhdGhUb0hpZ2hsaWdodCB9IGZyb20gJy4vSXNQYXRoVG9IaWdobGlnaHQnO1xuXG5jb25zdCByZW5kZXJBZGRpdGlvbmFsSWNvbiA9IChsYWJlbDogc3RyaW5nLCBpc0FkZGl0aW9uYWw/OiBib29sZWFuKTogUmVhY3RFbGVtZW50IHwgbnVsbCA9PiB7XG4gIGlmIChpc0FkZGl0aW9uYWwgJiYgbGFiZWwpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdG9vbHRpcD17bGFiZWx9PlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxBZGRpdGlvbmFsIGNsYXNzTmFtZT1cImMtaWNvbi0tMjBcIiBhcmlhLWhpZGRlbj17ZmFsc2V9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9Ub29sdGlwPlxuICAgICk7XG4gIH1cbiAgaWYgKGlzQWRkaXRpb25hbCkge1xuICAgIHJldHVybiA8QWRkaXRpb25hbCBjbGFzc05hbWU9XCJjLWljb24tLTIwXCIgLz47XG4gIH1cbiAgcmV0dXJuIG51bGw7XG59O1xuXG50eXBlIFByb3BzID0ge1xuICBjb250ZW50VHlwZVJlc3VsdDogQ29udGVudFR5cGVSZXN1bHRUeXBlO1xuICBvbk5hdmlnYXRlPzogVm9pZEZ1bmN0aW9uO1xuICBkZWZhdWx0Q291bnQ/OiBudW1iZXI7XG4gIHJlc291cmNlVG9MaW5rUHJvcHM6IChyZXNvdXJjZTogUmVzb3VyY2UpID0+IHtcbiAgICB0bzogc3RyaW5nO1xuICB9O1xuICBzaG93QWRkaXRpb25hbFJlc291cmNlcz86IGJvb2xlYW47XG4gIG1lc3NhZ2VzOiB7XG4gICAgYWxsUmVzdWx0TGFiZWw/OiBzdHJpbmc7XG4gICAgc2hvd0xlc3NSZXN1bHRMYWJlbD86IHN0cmluZztcbiAgICBub0hpdDogc3RyaW5nO1xuICB9O1xuICBpZ25vcmVDb250ZW50VHlwZUJhZGdlPzogYm9vbGVhbjtcbiAga2V5Ym9hcmRQYXRoTmF2aWdhdGlvbj86IEhUTUxFbGVtZW50IHwgc3RyaW5nIHwgbnVsbDtcbiAgaW5NZW51PzogYm9vbGVhbjtcbiAgYW5pbWF0ZUxpc3Q/OiBudW1iZXI7XG4gIHVuR3JvdXBlZD86IGJvb2xlYW47XG59O1xuXG5jb25zdCBDb250ZW50VHlwZVJlc3VsdCA9ICh7XG4gIGNvbnRlbnRUeXBlUmVzdWx0LFxuICBvbk5hdmlnYXRlLFxuICBkZWZhdWx0Q291bnQsXG4gIHJlc291cmNlVG9MaW5rUHJvcHMsXG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzLFxuICBtZXNzYWdlcyxcbiAgaWdub3JlQ29udGVudFR5cGVCYWRnZSxcbiAga2V5Ym9hcmRQYXRoTmF2aWdhdGlvbixcbiAgaW5NZW51LFxuICBhbmltYXRlTGlzdCxcbiAgdW5Hcm91cGVkLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbc2hvd0FsbCwgdG9nZ2xlU2hvd0FsbF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHNob3dBbGxSZWYgPSB1c2VSZWY8SFRNTExJRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgcmVzdWx0cyA9XG4gICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgfHwgIWNvbnRlbnRUeXBlUmVzdWx0LnJlc291cmNlc1xuICAgICAgPyBjb250ZW50VHlwZVJlc3VsdC5yZXNvdXJjZXNcbiAgICAgIDogY29udGVudFR5cGVSZXN1bHQucmVzb3VyY2VzLmZpbHRlcigoaXRlbXMpID0+ICFpdGVtcy5hZGRpdGlvbmFsKTtcblxuICBjb25zdCByZXNvdXJjZXMgPSBzaG93QWxsIHx8ICFkZWZhdWx0Q291bnQgPyByZXN1bHRzIDogcmVzdWx0cy5zbGljZSgwLCBkZWZhdWx0Q291bnQpO1xuXG4gIGNvbnN0IGRpc3BsYXlTaG93QWxsQnV0dG9uID0gZGVmYXVsdENvdW50ICYmIHJlc3VsdHMubGVuZ3RoID4gZGVmYXVsdENvdW50O1xuICBjb25zdCBzaG91bGRIaWdobGlnaHRTaG93QWxsQnV0dG9uID0gc2hvd0FsbFJlZi5jdXJyZW50ID09PSBrZXlib2FyZFBhdGhOYXZpZ2F0aW9uO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHNob3dBbGwgJiYgc2hvd0FsbFJlZi5jdXJyZW50KSB7XG4gICAgICBzaG93QWxsUmVmLmN1cnJlbnQuc2Nyb2xsSW50b1ZpZXcoe1xuICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgIGJsb2NrOiAnbmVhcmVzdCcsXG4gICAgICB9KTtcbiAgICB9XG4gIH0sIFtzaG93QWxsXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkV3JhcHBlcj5cbiAgICAgIHshdW5Hcm91cGVkICYmIChcbiAgICAgICAgPFN0eWxlZEhlYWRlcj5cbiAgICAgICAgICB7IWlnbm9yZUNvbnRlbnRUeXBlQmFkZ2UgJiYgY29udGVudFR5cGVSZXN1bHQuY29udGVudFR5cGUgJiYgKFxuICAgICAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17Y29udGVudFR5cGVSZXN1bHQuY29udGVudFR5cGV9IHNpemU9XCJ4LXNtYWxsXCIgYmFja2dyb3VuZCBib3JkZXIgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxoMT5cbiAgICAgICAgICAgIHtjb250ZW50VHlwZVJlc3VsdC50aXRsZX0gPHNtYWxsPih7cmVzdWx0cy5sZW5ndGh9KTwvc21hbGw+XG4gICAgICAgICAgPC9oMT5cbiAgICAgICAgPC9TdHlsZWRIZWFkZXI+XG4gICAgICApfVxuICAgICAge3Jlc291cmNlcy5sZW5ndGggPiAwID8gKFxuICAgICAgICA8U3R5bGVkTGlzdCBpbk1lbnU9e2luTWVudX0gYW5pbWF0ZUxpc3Q9e2FuaW1hdGVMaXN0fSB1bkdyb3VwZWQ9e3VuR3JvdXBlZH0+XG4gICAgICAgICAge3Jlc291cmNlcy5tYXAoKHJlc291cmNlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IHBhdGgsIG5hbWUsIHJlc291cmNlVHlwZXMsIHN1YmplY3QsIGFkZGl0aW9uYWwgfSA9IHJlc291cmNlO1xuXG4gICAgICAgICAgICBjb25zdCBsaW5rUHJvcHMgPSByZXNvdXJjZVRvTGlua1Byb3BzKHJlc291cmNlKTtcbiAgICAgICAgICAgIGNvbnN0IGxpbmtDb250ZW50ID0gKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxzdHJvbmc+e25hbWV9PC9zdHJvbmc+XG4gICAgICAgICAgICAgICAgeyFpbk1lbnUgJiYgc3ViamVjdCAmJiA8c21hbGw+e3N1YmplY3R9PC9zbWFsbD59XG4gICAgICAgICAgICAgICAgeyFpbk1lbnUgJiZcbiAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZXMgJiZcbiAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZXMubWFwKCh0eXBlKSA9PiA8U3R5bGVkVGFnIGtleT17dHlwZS5uYW1lfT57dHlwZS5uYW1lfTwvU3R5bGVkVGFnPil9XG4gICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIGNvbnN0IGRlbGF5QW5pbWF0aW9uID0gISFhbmltYXRlTGlzdCAmJiAhIWFkZGl0aW9uYWwgJiYgYW5pbWF0ZUxpc3QgPiAwICYmICEhc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM7XG5cbiAgICAgICAgICAgIC8vIEZpZ3VyZSBvdXQgaGlnaGxpZ2h0aW5nIGJ5IGNvbXBhcmluZyBwYXRoIG9mIGxpbmsgd2l0aCBrZXlib2FyZCBuYXZpZ2F0ZWQgYW5jaG9yXG4gICAgICAgICAgICBjb25zdCBhbmNob3IgPVxuICAgICAgICAgICAgICBrZXlib2FyZFBhdGhOYXZpZ2F0aW9uIGluc3RhbmNlb2YgSFRNTEVsZW1lbnQgJiZcbiAgICAgICAgICAgICAga2V5Ym9hcmRQYXRoTmF2aWdhdGlvbiAmJlxuICAgICAgICAgICAgICBrZXlib2FyZFBhdGhOYXZpZ2F0aW9uLnF1ZXJ5U2VsZWN0b3IoJ2EnKTtcbiAgICAgICAgICAgIGNvbnN0IGFuY2hvckhyZWYgPSBhbmNob3IgJiYgYW5jaG9yLmdldEF0dHJpYnV0ZSgnaHJlZicpO1xuICAgICAgICAgICAgY29uc3Qgc2hvdWxkSGlnaGxpZ2h0ID0gaXNQYXRoVG9IaWdobGlnaHQocGF0aCwgYW5jaG9ySHJlZik7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRMaXN0SXRlbSBrZXk9e3BhdGh9IGRlbGF5QW5pbWF0aW9uPXtkZWxheUFuaW1hdGlvbn0+XG4gICAgICAgICAgICAgICAgPFNhZmVMaW5rXG4gICAgICAgICAgICAgICAgICBjc3M9e3Nob3VsZEhpZ2hsaWdodCAmJiBoaWdobGlnaHRTdHlsZX1cbiAgICAgICAgICAgICAgICAgIGRhdGEtaGlnaGxpZ2h0ZWQ9e3Nob3VsZEhpZ2hsaWdodCB8fCBmYWxzZX1cbiAgICAgICAgICAgICAgICAgIHsuLi5saW5rUHJvcHN9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGlmIChvbk5hdmlnYXRlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgb25OYXZpZ2F0ZSgpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICB9fT5cbiAgICAgICAgICAgICAgICAgIHt1bkdyb3VwZWQgJiYgIWlnbm9yZUNvbnRlbnRUeXBlQmFkZ2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Q29udGVudFR5cGVCYWRnZSB0eXBlPXtyZXNvdXJjZS5jb250ZW50VHlwZSA/PyAnJ30gc2l6ZT1cIngtc21hbGxcIiBiYWNrZ3JvdW5kIGJvcmRlciAvPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIHtsaW5rQ29udGVudH1cbiAgICAgICAgICAgICAgICAgIHtyZW5kZXJBZGRpdGlvbmFsSWNvbih0KCdyZXNvdXJjZS5hZGRpdGlvbmFsVG9vbHRpcCcpLCBhZGRpdGlvbmFsKX1cbiAgICAgICAgICAgICAgICA8L1NhZmVMaW5rPlxuICAgICAgICAgICAgICA8L1N0eWxlZExpc3RJdGVtPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgICB7ZGlzcGxheVNob3dBbGxCdXR0b24gJiYgKFxuICAgICAgICAgICAgPFN0eWxlZExpc3RJdGVtIHJlZj17c2hvd0FsbFJlZn0+XG4gICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgICBjc3M9e1tzaG93QWxsQnV0dG9uU3R5bGUsIHNob3VsZEhpZ2hsaWdodFNob3dBbGxCdXR0b24gJiYgbm9XaWR0aGhpZ2hsaWdodFN0eWxlXX1cbiAgICAgICAgICAgICAgICBkYXRhLWhpZ2hsaWdodGVkPXtzaG91bGRIaWdobGlnaHRTaG93QWxsQnV0dG9ufVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHRvZ2dsZVNob3dBbGwoIXNob3dBbGwpfVxuICAgICAgICAgICAgICAgIHRhYkluZGV4PXstMX0+XG4gICAgICAgICAgICAgICAge3Nob3dBbGwgPyBtZXNzYWdlcy5zaG93TGVzc1Jlc3VsdExhYmVsIDogbWVzc2FnZXMuYWxsUmVzdWx0TGFiZWx9XG4gICAgICAgICAgICAgICAge3Nob3dBbGwgPyA8Q2hldnJvblVwIC8+IDogPENoZXZyb25Eb3duIC8+fVxuICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRMaXN0PlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZE5vSGl0IGluTWVudT17aW5NZW51fT57bWVzc2FnZXMubm9IaXR9PC9TdHlsZWROb0hpdD5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudFR5cGVSZXN1bHQ7XG4iXX0= */")],
136
139
  "data-highlighted": shouldHighlightShowAllButton,
137
140
  onClick: function onClick() {
138
141
  return toggleShowAll(!showAll);
@@ -8,18 +8,18 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
8
8
  *
9
9
  */
10
10
 
11
- import React from 'react';
11
+ import React, { forwardRef } from 'react';
12
12
  import { Cross } from '@ndla/icons/action';
13
13
  import { spacing, fonts } from '@ndla/core';
14
- import Button from '@ndla/button';
14
+ import { ButtonV2 } from '@ndla/button';
15
15
  import { useTranslation } from 'react-i18next';
16
16
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
17
17
  import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
18
18
  export var StyledActiveFilterTitle = /*#__PURE__*/_styled("span", {
19
19
  target: "e90waln1",
20
20
  label: "StyledActiveFilterTitle"
21
- })("white-space:nowrap;padding-right:", spacing.small, ";font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVrRCIsImZpbGUiOiJBY3RpdmVGaWx0ZXJDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIwLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHNwYWNpbmcsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGUgPSBzdHlsZWQuc3BhbmBcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciBhdXRvO1xuYDtcblxuZXhwb3J0IHR5cGUgRmlsdGVyUHJvcHMgPSB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG5hbWU6IHN0cmluZztcbn07XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGZpbHRlcjogRmlsdGVyUHJvcHM7XG4gIG9uRmlsdGVyUmVtb3ZlOiAodmFsdWU6IHN0cmluZywgbmFtZTogc3RyaW5nKSA9PiB2b2lkO1xufTtcblxuY29uc3QgQWN0aXZlRmlsdGVyQ29udGVudCA9ICh7IGZpbHRlciwgb25GaWx0ZXJSZW1vdmUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIGFyaWEtbGFiZWw9e3QoJ3NlYXJjaFBhZ2Uuc2VhcmNoRmlsdGVyTWVzc2FnZXMucmVtb3ZlRmlsdGVyJywge1xuICAgICAgICBmaWx0ZXJOYW1lOiBmaWx0ZXIudGl0bGUsXG4gICAgICB9KX1cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgc2l6ZT1cIm5vcm1hbFwiXG4gICAgICBib3JkZXJTaGFwZT1cInJvdW5kZWRcIlxuICAgICAgb25DbGljaz17KCkgPT4gb25GaWx0ZXJSZW1vdmUoZmlsdGVyLnZhbHVlLCBmaWx0ZXIubmFtZSl9PlxuICAgICAgPFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlPntmaWx0ZXIudGl0bGV9PC9TdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT5cbiAgICAgIDxDcm9zcyAvPlxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQWN0aXZlRmlsdGVyQ29udGVudDtcbiJdfQ== */"));
22
- var StyledButton = /*#__PURE__*/_styled(Button, {
21
+ })("white-space:nowrap;padding-right:", spacing.small, ";font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVrRCIsImZpbGUiOiJBY3RpdmVGaWx0ZXJDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIwLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlID0gc3R5bGVkLnNwYW5gXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uVjIpYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciBhdXRvO1xuYDtcblxuZXhwb3J0IHR5cGUgRmlsdGVyUHJvcHMgPSB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG5hbWU6IHN0cmluZztcbn07XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGZpbHRlcjogRmlsdGVyUHJvcHM7XG4gIG9uRmlsdGVyUmVtb3ZlOiAodmFsdWU6IHN0cmluZywgbmFtZTogc3RyaW5nKSA9PiB2b2lkO1xufTtcblxuY29uc3QgQWN0aXZlRmlsdGVyQ29udGVudCA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIFByb3BzPigoeyBmaWx0ZXIsIG9uRmlsdGVyUmVtb3ZlIH0sIHJlZikgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJ1dHRvblxuICAgICAgYXJpYS1sYWJlbD17dCgnc2VhcmNoUGFnZS5zZWFyY2hGaWx0ZXJNZXNzYWdlcy5yZW1vdmVGaWx0ZXInLCB7XG4gICAgICAgIGZpbHRlck5hbWU6IGZpbHRlci50aXRsZSxcbiAgICAgIH0pfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBzaGFwZT1cInBpbGxcIlxuICAgICAgb25DbGljaz17KCkgPT4gb25GaWx0ZXJSZW1vdmUoZmlsdGVyLnZhbHVlLCBmaWx0ZXIubmFtZSl9PlxuICAgICAgPFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlPntmaWx0ZXIudGl0bGV9PC9TdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT5cbiAgICAgIDxDcm9zcyAvPlxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufSk7XG5cbmV4cG9ydCBkZWZhdWx0IEFjdGl2ZUZpbHRlckNvbnRlbnQ7XG4iXX0= */"));
22
+ var StyledButton = /*#__PURE__*/_styled(ButtonV2, {
23
23
  target: "e90waln0",
24
24
  label: "StyledButton"
25
25
  })(process.env.NODE_ENV === "production" ? {
@@ -28,10 +28,10 @@ var StyledButton = /*#__PURE__*/_styled(Button, {
28
28
  } : {
29
29
  name: "1uffw4e",
30
30
  styles: "display:grid;grid-template-columns:1fr auto",
31
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCbUMiLCJmaWxlIjoiQWN0aXZlRmlsdGVyQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlID0gc3R5bGVkLnNwYW5gXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbmA7XG5cbmV4cG9ydCB0eXBlIEZpbHRlclByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG59O1xuXG50eXBlIFByb3BzID0ge1xuICBmaWx0ZXI6IEZpbHRlclByb3BzO1xuICBvbkZpbHRlclJlbW92ZTogKHZhbHVlOiBzdHJpbmcsIG5hbWU6IHN0cmluZykgPT4gdm9pZDtcbn07XG5cbmNvbnN0IEFjdGl2ZUZpbHRlckNvbnRlbnQgPSAoeyBmaWx0ZXIsIG9uRmlsdGVyUmVtb3ZlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQnV0dG9uXG4gICAgICBhcmlhLWxhYmVsPXt0KCdzZWFyY2hQYWdlLnNlYXJjaEZpbHRlck1lc3NhZ2VzLnJlbW92ZUZpbHRlcicsIHtcbiAgICAgICAgZmlsdGVyTmFtZTogZmlsdGVyLnRpdGxlLFxuICAgICAgfSl9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHNpemU9XCJub3JtYWxcIlxuICAgICAgYm9yZGVyU2hhcGU9XCJyb3VuZGVkXCJcbiAgICAgIG9uQ2xpY2s9eygpID0+IG9uRmlsdGVyUmVtb3ZlKGZpbHRlci52YWx1ZSwgZmlsdGVyLm5hbWUpfT5cbiAgICAgIDxTdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT57ZmlsdGVyLnRpdGxlfTwvU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+XG4gICAgICA8Q3Jvc3MgLz5cbiAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFjdGl2ZUZpbHRlckNvbnRlbnQ7XG4iXX0= */",
31
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCcUMiLCJmaWxlIjoiQWN0aXZlRmlsdGVyQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ3Jvc3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgc3BhY2luZywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbmA7XG5cbmV4cG9ydCB0eXBlIEZpbHRlclByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG59O1xuXG50eXBlIFByb3BzID0ge1xuICBmaWx0ZXI6IEZpbHRlclByb3BzO1xuICBvbkZpbHRlclJlbW92ZTogKHZhbHVlOiBzdHJpbmcsIG5hbWU6IHN0cmluZykgPT4gdm9pZDtcbn07XG5cbmNvbnN0IEFjdGl2ZUZpbHRlckNvbnRlbnQgPSBmb3J3YXJkUmVmPEhUTUxCdXR0b25FbGVtZW50LCBQcm9wcz4oKHsgZmlsdGVyLCBvbkZpbHRlclJlbW92ZSB9LCByZWYpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIGFyaWEtbGFiZWw9e3QoJ3NlYXJjaFBhZ2Uuc2VhcmNoRmlsdGVyTWVzc2FnZXMucmVtb3ZlRmlsdGVyJywge1xuICAgICAgICBmaWx0ZXJOYW1lOiBmaWx0ZXIudGl0bGUsXG4gICAgICB9KX1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgIG9uQ2xpY2s9eygpID0+IG9uRmlsdGVyUmVtb3ZlKGZpbHRlci52YWx1ZSwgZmlsdGVyLm5hbWUpfT5cbiAgICAgIDxTdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT57ZmlsdGVyLnRpdGxlfTwvU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+XG4gICAgICA8Q3Jvc3MgLz5cbiAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBBY3RpdmVGaWx0ZXJDb250ZW50O1xuIl19 */",
32
32
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
33
33
  });
34
- var ActiveFilterContent = function ActiveFilterContent(_ref) {
34
+ var ActiveFilterContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
35
35
  var filter = _ref.filter,
36
36
  onFilterRemove = _ref.onFilterRemove;
37
37
  var _useTranslation = useTranslation(),
@@ -40,9 +40,8 @@ var ActiveFilterContent = function ActiveFilterContent(_ref) {
40
40
  "aria-label": t('searchPage.searchFilterMessages.removeFilter', {
41
41
  filterName: filter.title
42
42
  }),
43
- type: "button",
44
- size: "normal",
45
- borderShape: "rounded",
43
+ ref: ref,
44
+ shape: "pill",
46
45
  onClick: function onClick() {
47
46
  return onFilterRemove(filter.value, filter.name);
48
47
  },
@@ -50,5 +49,5 @@ var ActiveFilterContent = function ActiveFilterContent(_ref) {
50
49
  children: filter.title
51
50
  }), _jsx(Cross, {})]
52
51
  });
53
- };
52
+ });
54
53
  export default ActiveFilterContent;