@ndla/ui 33.4.4 → 33.4.5

package/lib/index.d.ts

@@ -5,8 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-/** @ts-ignore */
-export * from './index-javascript';
 export { default as SectionHeading } from './SectionHeading';
 export { ArticleByline, ArticleContent, ArticleFootNotes, ArticleIntroduction, ArticleTitle, ArticleWrapper, ArticleHeaderWrapper, ArticleSideBar, default as Article, } from './Article';
 export { CompetenceGoalsDialog } from './CompetenceGoals';

package/lib/index.js

@@ -4,196 +4,6 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  SectionHeading: true,
-  ArticleByline: true,
-  ArticleContent: true,
-  ArticleFootNotes: true,
-  ArticleIntroduction: true,
-  ArticleTitle: true,
-  ArticleWrapper: true,
-  ArticleHeaderWrapper: true,
-  ArticleSideBar: true,
-  Article: true,
-  CompetenceGoalsDialog: true,
-  Table: true,
-  ResourcesWrapper: true,
-  ResourcesTopicTitle: true,
-  createUniversalPortal: true,
-  NoContentBox: true,
-  Masthead: true,
-  MastheadItem: true,
-  getMastheadHeight: true,
-  useMastheadHeight: true,
-  SkipToMainContent: true,
-  Portrait: true,
-  ContentLoader: true,
-  RelatedArticleList: true,
-  RelatedArticle: true,
-  ErrorResourceAccessDenied: true,
-  ErrorMessage: true,
-  FileList: true,
-  File: true,
-  BlogPost: true,
-  BlogPostWrapper: true,
-  Logo: true,
-  InfoBox: true,
-  InfoWidget: true,
-  FrontpageInfo: true,
-  FrontpageFilm: true,
-  FrontpageToolbox: true,
-  FrontpageMultidisciplinarySubject: true,
-  FrontpageHeader: true,
-  FrontpageSubjectIllustration: true,
-  FrontpageSearch: true,
-  FrontpageProgramMenu: true,
-  FactBox: true,
-  Image: true,
-  ImageLink: true,
-  makeSrcQueryString: true,
-  SubjectMaterialHero: true,
-  TasksAndActivitiesHero: true,
-  AssessmentResourcesHero: true,
-  SubjectHero: true,
-  ExternalLearningResourcesHero: true,
-  SourceMaterialHero: true,
-  Hero: true,
-  NdlaFilmHero: true,
-  FilterList: true,
-  FilterListPhone: true,
-  FilterButtons: true,
-  ToggleItem: true,
-  Footer: true,
-  EditorName: true,
-  FooterText: true,
-  FooterAuth: true,
-  Figure: true,
-  FigureCaption: true,
-  FigureLicenseDialog: true,
-  FigureExpandButton: true,
-  FigureOpenDialogButton: true,
-  FigureBylineExpandButton: true,
-  LanguageSelector: true,
-  LearningPathWrapper: true,
-  LearningPathContent: true,
-  LearningPathMenu: true,
-  LearningPathSticky: true,
-  LearningPathInformation: true,
-  LearningPathStickySibling: true,
-  LearningPathStickyPlaceholder: true,
-  LearningPathLastStepNavigation: true,
-  LearningPathMobileStepInfo: true,
-  LearningPathMobileHeader: true,
-  Translation: true,
-  TranslationLine: true,
-  TranslationBox: true,
-  SearchResultSleeve: true,
-  ContentTypeResult: true,
-  SearchFieldForm: true,
-  MastheadSearchModal: true,
-  MastheadAuthModal: true,
-  UserInfo: true,
-  AuthModal: true,
-  resourceTypeColor: true,
-  CreatedBy: true,
-  Breadcrumblist: true,
-  MessageBox: true,
-  MessageBoxTag: true,
-  MessageBanner: true,
-  ResourceBox: true,
-  AudioPlayer: true,
-  initAudioPlayers: true,
-  NavigationHeading: true,
-  NavigationBox: true,
-  NavigationTopicAbout: true,
-  Programme: true,
-  CompetenceGoalTab: true,
-  MultidisciplinarySubject: true,
-  MultidisciplinarySubjectHeader: true,
-  SearchTypeResult: true,
-  SearchHeader: true,
-  SearchFieldHeader: true,
-  SearchNotionsResult: true,
-  SearchSubjectResult: true,
-  SearchFilterContent: true,
-  constants: true,
-  messagesNB: true,
-  messagesNN: true,
-  messagesEN: true,
-  messagesSE: true,
-  RadioButtonGroup: true,
-  ToolboxInfo: true,
-  Topic: true,
-  Aside: true,
-  AuthorInfo: true,
-  Breadcrumb: true,
-  HeaderBreadcrumb: true,
-  HomeBreadcrumb: true,
-  ActionBreadcrumb: true,
-  i18nInstance: true,
-  formatNestedMessages: true,
-  ResourceGroup: true,
-  LayoutItem: true,
-  OneColumn: true,
-  PageContainer: true,
-  Content: true,
-  FilmSlideshow: true,
-  MovieGrid: true,
-  AboutNdlaFilm: true,
-  FilmMovieSearch: true,
-  FilmMovieList: true,
-  AllMoviesAlphabetically: true,
-  DisplayOnPageYOffset: true,
-  MediaList: true,
-  MediaListItem: true,
-  MediaListItemBody: true,
-  MediaListItemActions: true,
-  MediaListItemImage: true,
-  MediaListItemMeta: true,
-  ContentTypeBadge: true,
-  SubjectMaterialBadge: true,
-  TasksAndActivitiesBadge: true,
-  AssessmentResourcesBadge: true,
-  LearningPathBadge: true,
-  SubjectBadge: true,
-  ExternalLearningResourcesBadge: true,
-  SourceMaterialBadge: true,
-  SubjectChildContent: true,
-  SubjectContent: true,
-  SubjectFlexWrapper: true,
-  SubjectHeader: true,
-  SubjectNewContent: true,
-  SubjectSecondaryContent: true,
-  SubjectSectionTitle: true,
-  SubjectSidebarWrapper: true,
-  SubjectSocialContent: true,
-  SubjectSocialSection: true,
-  SubjectTopics: true,
-  SubjectBanner: true,
-  ContentCard: true,
-  CopyParagraphButton: true,
-  ContentPlaceholder: true,
-  Notion: true,
-  ConceptNotion: true,
-  BannerCard: true,
-  Folder: true,
-  FolderInput: true,
-  ListResource: true,
-  BlockResource: true,
-  TagSelector: true,
-  SnackbarProvider: true,
-  useSnack: true,
-  BaseSnack: true,
-  DefaultSnackbar: true,
-  InfoBlock: true,
-  TreeStructure: true,
-  SearchField: true,
-  SearchResultList: true,
-  SearchResultItem: true,
-  ActiveFilters: true,
-  ToggleSearchButton: true,
-  LetterFilter: true
-};
 Object.defineProperty(exports, "AboutNdlaFilm", {
   enumerable: true,
   get: function get() {
@@ -1322,18 +1132,6 @@ Object.defineProperty(exports, "useSnack", {
     return _SnackBar.useSnack;
   }
 });
-var _indexJavascript = require("./index-javascript");
-Object.keys(_indexJavascript).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _indexJavascript[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _indexJavascript[key];
-    }
-  });
-});
 var _SectionHeading = _interopRequireDefault(require("./SectionHeading"));
 var _Article = _interopRequireWildcard(require("./Article"));
 var _CompetenceGoals = require("./CompetenceGoals");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "33.4.4",
+  "version": "33.4.5",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -32,16 +32,16 @@
   ],
   "dependencies": {
     "@ndla/article-scripts": "^3.0.14",
-    "@ndla/button": "^8.0.0",
+    "@ndla/button": "^9.0.0",
     "@ndla/carousel": "^2.1.1",
     "@ndla/core": "^3.0.3",
-    "@ndla/forms": "^4.1.10",
+    "@ndla/forms": "^4.1.11",
     "@ndla/hooks": "^1.2.0",
     "@ndla/icons": "^2.1.1",
     "@ndla/licenses": "^6.1.6",
     "@ndla/modal": "^2.2.2",
-    "@ndla/notion": "^4.1.12",
-    "@ndla/safelink": "^4.0.1",
+    "@ndla/notion": "^4.1.13",
+    "@ndla/safelink": "^4.0.2",
     "@ndla/switch": "^1.0.3",
     "@ndla/tabs": "^2.1.1",
     "@ndla/tooltip": "^4.0.4",
@@ -82,5 +82,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "60e4b5add01f0f5d25386915e2f5d99ca9176e98"
+  "gitHead": "004d28705729afeda9fb1a5e10b5d08342adc672"
 }

package/src/Filter/component.filter.scss

@@ -131,7 +131,7 @@
       @include mq($until: mobileWide) {
         width: 100% !important;
         margin: $spacing 0 0 0 !important;
-        padding: $spacing--small / 2 $left-margin-narrow-screen;
+        padding: $spacing--small / 2 20px;
         background: $brand-grey--lighter;
         flex-direction: row;
         .c-filter__item label {
@@ -267,7 +267,8 @@
       display: none !important;
     }
 
-    &--no-results, &--disabled {
+    &--no-results,
+    &--disabled {
       cursor: not-allowed;
       pointer-events: none;
       color: $brand-color--tertiary;
@@ -335,7 +336,6 @@
         .c-filter__text {
           flex-grow: 1;
         }
-
       }
     }
   }
@@ -496,7 +496,7 @@
       display: flex;
       align-items: baseline;
       h1 {
-        margin-right:$spacing;
+        margin-right: $spacing;
       }
     }
   }

package/src/MyNdla/Resource/FolderInput.tsx

@@ -7,7 +7,7 @@
  */
 
 import styled from '@emotion/styled';
-import { IconButton, IconButtonV2 } from '@ndla/button';
+import { IconButtonV2 } from '@ndla/button';
 import { Cross } from '@ndla/icons/action';
 import React, { ComponentProps, forwardRef, useEffect } from 'react';
 import { isMobile } from 'react-device-detect';
@@ -95,9 +95,9 @@ const FolderInput = forwardRef<HTMLInputElement, Props>(({ loading, error, onClo
                   <Done />
                 </IconButtonV2>
               )}
-              <IconButton aria-label={t('close')} title={t('close')} size="small" ghostPill onClick={onClose}>
+              <IconButtonV2 aria-label={t('close')} title={t('close')} size="small" variant="ghost" onClick={onClose}>
                 <Cross />
-              </IconButton>
+              </IconButtonV2>
             </>
           )}
           <div aria-live="assertive">

package/src/SnackBar/DefaultSnackbar.tsx

@@ -9,7 +9,7 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
-import { IconButton } from '@ndla/button';
+import { IconButtonV2 } from '@ndla/button';
 import { breakpoints, colors, fonts, misc, mq, shadows, spacing } from '@ndla/core';
 import { Cross } from '@ndla/icons/action';
 import { Snack, useSnack } from './SnackbarProvider';
@@ -29,19 +29,6 @@ const DefaultSnackContainer = styled.div`
   align-items: center;
 `;
 
-const StyledCloseButton = styled(IconButton)`
-  svg {
-    color: ${colors.brand.greyMedium};
-  }
-  &:hover,
-  &:focus {
-    background: ${colors.brand.greyDark};
-    svg {
-      color: ${colors.brand.greyLightest};
-    }
-  }
-`;
-
 const ButtonWrapper = styled.div`
   ${mq.range({ from: breakpoints.tablet })} {
     gap: ${spacing.xxsmall};
@@ -58,9 +45,14 @@ const DefaultSnack = (snack: Snack) => {
       {snack.content}
       <ButtonWrapper>
         {closable && (
-          <StyledCloseButton size="xsmall" outline onClick={() => closeSnack(snack)} aria-label={t('snackbar.close')}>
+          <IconButtonV2
+            size="xsmall"
+            variant="outline"
+            colorTheme="greyLighter"
+            onClick={() => closeSnack(snack)}
+            aria-label={t('snackbar.close')}>
             <Cross />
-          </StyledCloseButton>
+          </IconButtonV2>
         )}
       </ButtonWrapper>
     </DefaultSnackContainer>

package/src/index.ts

@@ -9,9 +9,6 @@
 // Ignore typescript implicit any warning and export all javascript components
 // Move components to this file when they are migrated to typescript
 
-/** @ts-ignore */
-export * from './index-javascript';
-
 export { default as SectionHeading } from './SectionHeading';
 
 export {

package/src/main.scss

@@ -18,7 +18,6 @@
 @import 'RelatedArticleList/component.related-articles';
 @import 'ContentTypeBadge/component.content-type-badge';
 @import 'Table/component.tables';
-@import 'TopicMenu/component.topic-menu';
 @import 'Filter/component.filter';
 @import 'Translation/component.translation';
 @import 'Translation/component.translation-box';