@ndla/ui 39.0.4 → 40.0.0

package/lib/Translation/TranslationBox.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _tabs = require("@ndla/tabs");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var TranslationBox = function TranslationBox(_ref) {
-  var tabs = _ref.tabs;
-  return (0, _jsxRuntime.jsx)("div", {
-    className: "c-translation-box",
-    children: (0, _jsxRuntime.jsx)("div", {
-      className: "c-bodybox c-bodybox--translation",
-      children: (0, _jsxRuntime.jsx)(_tabs.ArticleTabs, {
-        tabs: tabs
-      })
-    })
-  });
-};
-var _default = TranslationBox;
-exports["default"] = _default;

package/src/Navigation/NavigationHeading.tsx

@@ -1,49 +0,0 @@
-import React, { ReactNode } from 'react';
-import styled from '@emotion/styled';
-import { breakpoints, colors, fonts, mq } from '@ndla/core';
-import { Heading } from '../Typography';
-
-const StyledHeading = styled(Heading)`
-  &[data-inverted='true'] {
-    color: ${colors.white};
-  }
-`;
-const StyledMainText = styled.span`
-  display: block;
-`;
-const StyledSubText = styled.span`
-  display: block;
-  font-weight: bold;
-  text-transform: uppercase;
-  margin-bottom: 6px;
-
-  ${fonts.sizes('14px', '24px')};
-
-  ${mq.range({ from: breakpoints.tablet })} {
-    ${fonts.sizes('18px', '32px')};
-  }
-`;
-
-type Props = {
-  subHeading?: string;
-  children: ReactNode;
-  invertedStyle?: boolean;
-  headingId?: string;
-};
-
-export const NavigationHeading = ({ subHeading, children, invertedStyle, headingId }: Props) => (
-  <StyledHeading
-    element="h1"
-    margin="xlarge"
-    headingStyle="h1"
-    serif
-    data-inverted={invertedStyle}
-    id={headingId}
-    tabIndex={-1}
-  >
-    {subHeading && <StyledSubText>{subHeading}</StyledSubText>}
-    <StyledMainText>{children}</StyledMainText>
-  </StyledHeading>
-);
-
-export default NavigationHeading;

package/src/Translation/TranslationBox.tsx

@@ -1,19 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ArticleTabs } from '@ndla/tabs';
-
-interface Props {
-  tabs: {
-    id: string;
-    title: string;
-    content: (() => ReactNode) | ReactNode;
-  }[];
-}
-const TranslationBox = ({ tabs }: Props) => (
-  <div className="c-translation-box">
-    <div className="c-bodybox c-bodybox--translation">
-      <ArticleTabs tabs={tabs} />
-    </div>
-  </div>
-);
-
-export default TranslationBox;

package/src/Translation/component.translation-box.scss

@@ -1,9 +0,0 @@
-.c-translation-box {
-  .c-tabs {
-    margin-left: 0;
-
-    &__list {
-      margin-bottom: $spacing--large;
-    }
-  }
-}