@ndla/ui 50.7.2 → 50.8.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 (98) hide show
  1. package/es/Breadcrumb/BreadcrumbItem.js +7 -7
  2. package/es/CampaignBlock/CampaignBlock.js +7 -7
  3. package/es/CompetenceGoalTab/CompetenceItem.js +9 -9
  4. package/es/CompetenceGoalTab/styles.js +5 -5
  5. package/es/Embed/conceptComponents.js +9 -9
  6. package/es/FileList/FileList.js +7 -7
  7. package/es/Filter/FilterButtons.js +14 -14
  8. package/es/Frontpage/FrontpageAllSubjects.js +12 -12
  9. package/es/LearningPaths/LearningPathInformation.js +14 -5
  10. package/es/LearningPaths/LearningPathMenuContent.js +7 -7
  11. package/es/LinkBlock/LinkBlockSection.js +1 -1
  12. package/es/List/OrderedList.js +4 -1
  13. package/es/List/UnOrderedList.js +1 -1
  14. package/es/NDLAFilm/FilmMovieSearch.js +4 -4
  15. package/es/Navigation/NavigationBox.js +24 -30
  16. package/es/Programme/ProgrammeSubjects.js +1 -1
  17. package/es/Resource/resourceComponents.js +11 -11
  18. package/es/ResourceGroup/ResourceList.js +1 -1
  19. package/es/Search/ActiveFilters.js +6 -6
  20. package/es/Search/ContentTypeResultStyles.js +12 -12
  21. package/es/Search/SearchResult.js +12 -12
  22. package/es/SearchTypeResult/ActiveFilters.js +8 -8
  23. package/es/SearchTypeResult/PopupFilter.js +10 -10
  24. package/es/SearchTypeResult/SearchHeader.js +12 -12
  25. package/es/SearchTypeResult/SearchItem.js +12 -24
  26. package/es/SearchTypeResult/SearchItems.js +3 -3
  27. package/es/SearchTypeResult/components/ItemContexts.js +9 -9
  28. package/es/SnackBar/SnackbarProvider.js +6 -6
  29. package/es/Table/Table.js +6 -6
  30. package/es/TreeStructure/FolderItems.js +6 -6
  31. package/es/all.css +1 -1
  32. package/lib/Breadcrumb/BreadcrumbItem.js +7 -7
  33. package/lib/CampaignBlock/CampaignBlock.d.ts +3 -3
  34. package/lib/CampaignBlock/CampaignBlock.js +7 -7
  35. package/lib/CompetenceGoalTab/CompetenceItem.js +9 -9
  36. package/lib/CompetenceGoalTab/styles.js +5 -5
  37. package/lib/Embed/conceptComponents.js +9 -9
  38. package/lib/FileList/FileList.js +7 -7
  39. package/lib/Filter/FilterButtons.js +14 -14
  40. package/lib/Frontpage/FrontpageAllSubjects.js +12 -12
  41. package/lib/LearningPaths/LearningPathInformation.js +14 -7
  42. package/lib/LearningPaths/LearningPathMenuContent.js +7 -7
  43. package/lib/LinkBlock/LinkBlockSection.js +1 -1
  44. package/lib/List/OrderedList.d.ts +2 -0
  45. package/lib/List/OrderedList.js +5 -2
  46. package/lib/List/UnOrderedList.js +1 -1
  47. package/lib/NDLAFilm/FilmMovieSearch.js +4 -4
  48. package/lib/Navigation/NavigationBox.js +24 -30
  49. package/lib/Programme/ProgrammeSubjects.js +1 -1
  50. package/lib/Resource/resourceComponents.js +11 -11
  51. package/lib/ResourceGroup/ResourceList.js +1 -1
  52. package/lib/Search/ActiveFilters.js +6 -6
  53. package/lib/Search/ContentTypeResultStyles.js +12 -12
  54. package/lib/Search/SearchResult.js +12 -12
  55. package/lib/SearchTypeResult/ActiveFilters.js +8 -8
  56. package/lib/SearchTypeResult/PopupFilter.js +10 -10
  57. package/lib/SearchTypeResult/SearchHeader.js +12 -12
  58. package/lib/SearchTypeResult/SearchItem.js +12 -24
  59. package/lib/SearchTypeResult/SearchItems.js +3 -3
  60. package/lib/SearchTypeResult/components/ItemContexts.js +9 -9
  61. package/lib/SnackBar/SnackbarProvider.js +6 -6
  62. package/lib/Table/Table.js +6 -6
  63. package/lib/TreeStructure/FolderItems.js +6 -6
  64. package/lib/all.css +1 -1
  65. package/package.json +18 -18
  66. package/src/Breadcrumb/BreadcrumbItem.tsx +1 -2
  67. package/src/CampaignBlock/CampaignBlock.tsx +4 -4
  68. package/src/CompetenceGoalTab/CompetenceItem.tsx +0 -1
  69. package/src/CompetenceGoalTab/styles.ts +1 -0
  70. package/src/Embed/conceptComponents.tsx +0 -1
  71. package/src/FileList/FileList.tsx +0 -1
  72. package/src/Filter/FilterButtons.tsx +1 -2
  73. package/src/Frontpage/FrontpageAllSubjects.tsx +3 -3
  74. package/src/LearningPaths/LearningPathInformation.tsx +4 -5
  75. package/src/LearningPaths/LearningPathMenuContent.tsx +1 -2
  76. package/src/LinkBlock/LinkBlockSection.tsx +0 -2
  77. package/src/List/OrderedList.stories.tsx +27 -4
  78. package/src/List/OrderedList.tsx +71 -41
  79. package/src/List/UnOrderedList.tsx +4 -8
  80. package/src/List/UnorderedList.stories.tsx +23 -0
  81. package/src/NDLAFilm/FilmMovieSearch.tsx +2 -0
  82. package/src/Navigation/NavigationBox.tsx +6 -14
  83. package/src/Programme/ProgrammeSubjects.tsx +2 -0
  84. package/src/Resource/resourceComponents.tsx +1 -2
  85. package/src/ResourceGroup/ResourceList.tsx +0 -1
  86. package/src/Search/ActiveFilters.tsx +2 -2
  87. package/src/Search/ContentTypeResultStyles.tsx +0 -1
  88. package/src/Search/SearchResult.tsx +2 -3
  89. package/src/Search/component.search-result.scss +0 -1
  90. package/src/SearchTypeResult/ActiveFilters.tsx +3 -4
  91. package/src/SearchTypeResult/PopupFilter.tsx +1 -1
  92. package/src/SearchTypeResult/SearchHeader.tsx +1 -2
  93. package/src/SearchTypeResult/SearchItem.tsx +0 -4
  94. package/src/SearchTypeResult/SearchItems.tsx +1 -0
  95. package/src/SearchTypeResult/components/ItemContexts.tsx +0 -1
  96. package/src/SnackBar/SnackbarProvider.tsx +0 -1
  97. package/src/Table/Table.tsx +1 -1
  98. package/src/TreeStructure/FolderItems.tsx +0 -2
package/src/SearchTypeResult/ActiveFilters.tsx CHANGED
@@ -21,7 +21,6 @@ type StyledActiveFiltersProps = {
21
21
  };
22
22
 
23
23
  const StyledActiveFilters = styled.ul<StyledActiveFiltersProps>`
24
- margin: 0;
25
24
  padding: 0;
26
25
  display: none;
27
26
  ${(props: StyledActiveFiltersProps) =>
@@ -84,10 +83,10 @@ const StyledActiveFilters = styled.ul<StyledActiveFiltersProps>`
84
83
  const StyledActiveFilterWrapper = styled.li`
85
84
  list-style: none;
86
85
  display: flex;
87
- margin: 0;
88
- margin-right: ${spacing.xsmall};
86
+ padding: 0;
87
+ padding-right: ${spacing.xsmall};
89
88
  ${mq.range({ until: breakpoints.desktop })} {
90
- margin-bottom: ${spacing.xsmall};
89
+ padding-bottom: ${spacing.xsmall};
91
90
  }
92
91
  `;
93
92
 
package/src/SearchTypeResult/PopupFilter.tsx CHANGED
@@ -52,7 +52,7 @@ const StyledList = styled.ul`
52
52
  animation-duration: 500ms;
53
53
  `;
54
54
  const StyledListItem = styled.li`
55
- margin-bottom: 0;
55
+ padding-bottom: 0;
56
56
  break-inside: avoid;
57
57
  `;
58
58
 
package/src/SearchTypeResult/SearchHeader.tsx CHANGED
@@ -44,10 +44,9 @@ const GrepCodesWrapper = styled.div`
44
44
 
45
45
  const GrepCodesList = styled.ul`
46
46
  padding: 0;
47
- margin: 0;
48
47
  li {
49
48
  border: 0;
50
- margin: 0;
49
+ padding: 0;
51
50
  }
52
51
  `;
53
52
 
package/src/SearchTypeResult/SearchItem.tsx CHANGED
@@ -93,10 +93,6 @@ const ContentWrapper = styled.main`
93
93
  padding: ${spacing.small} ${spacing.normal};
94
94
  `;
95
95
 
96
- const ButtonContainer = styled.div`
97
- z-index: 1;
98
- `;
99
-
100
96
  export interface SearchItemProps {
101
97
  id: string | number;
102
98
  title: string;
package/src/SearchTypeResult/SearchItems.tsx CHANGED
@@ -27,6 +27,7 @@ const Container = styled.ul<ContainerProps>`
27
27
  display: grid;
28
28
  align-items: flex-start;
29
29
  list-style: none;
30
+ padding: 0;
30
31
  row-gap: ${spacing.normal};
31
32
  grid-template-columns: repeat(1, 1fr);
32
33
 
package/src/SearchTypeResult/components/ItemContexts.tsx CHANGED
@@ -42,7 +42,6 @@ const Content = styled.div`
42
42
  `;
43
43
 
44
44
  const ContextList = styled.ul`
45
- margin: 0;
46
45
  padding: 0;
47
46
  list-style: none;
48
47
  `;
package/src/SnackBar/SnackbarProvider.tsx CHANGED
@@ -125,7 +125,6 @@ const StyledSnackList = styled.ul`
125
125
  display: flex;
126
126
  flex-direction: column;
127
127
  pointer-events: none;
128
- margin: 0 auto;
129
128
  padding: 0;
130
129
  bottom: env(safe-area-inset-bottom, 40px);
131
130
  right: env(safe-area-inset-right, 0px);
package/src/Table/Table.tsx CHANGED
@@ -188,7 +188,7 @@ export const TableStyling = css`
188
188
  }
189
189
 
190
190
  ul {
191
- margin: 0 0 0 ${spacing.nsmall};
191
+ padding: 0 0 0 ${spacing.nsmall};
192
192
  }
193
193
 
194
194
  .c-figure {
package/src/TreeStructure/FolderItems.tsx CHANGED
@@ -21,14 +21,12 @@ const StyledUL = styled.ul`
21
21
  animation: none;
22
22
  }
23
23
  list-style: none;
24
- margin: 0;
25
24
  padding: 0;
26
25
  `;
27
26
 
28
27
  const StyledLI = styled.li`
29
28
  display: flex;
30
29
  flex-direction: column;
31
- margin: 0;
32
30
  padding: 0;
33
31
  &[data-type='navigation'] {
34
32
  align-items: flex-start;