@ndla/ui 39.0.3 → 39.0.4

package/es/DefinitionList/DefinitionDescription.js

@@ -0,0 +1,35 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+import _styled from "@emotion/styled/base";
+var _excluded = ["children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { colors, fonts } from '@ndla/core';
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var StyledDD = /*#__PURE__*/_styled("dd", {
+  target: "e1aa8vkk0",
+  label: "StyledDD"
+})("color:", colors.text.light, ";font-weight:", fonts.weight.normal, ";", fonts.sizes('18px', '29px'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmluaXRpb25EZXNjcmlwdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIiwiZmlsZSI6IkRlZmluaXRpb25EZXNjcmlwdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGZvcndhcmRSZWYsIEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuXG5jb25zdCBTdHlsZWRERCA9IHN0eWxlZC5kZGBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHR9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQubm9ybWFsfTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOXB4Jyl9O1xuYDtcblxuY29uc3QgRGVmaW5pdGlvbkRlc2NyaXB0aW9uID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PigoeyBjaGlsZHJlbiwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkREQgcmVmPXtyZWZ9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEREPlxuICApO1xufSk7XG5cbmV4cG9ydCBkZWZhdWx0IERlZmluaXRpb25EZXNjcmlwdGlvbjtcbiJdfQ== */"));
+var DefinitionDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx(StyledDD, _objectSpread(_objectSpread({
+    ref: ref
+  }, rest), {}, {
+    children: children
+  }));
+});
+export default DefinitionDescription;

package/es/DefinitionList/DefinitionTerm.js

@@ -0,0 +1,35 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+import _styled from "@emotion/styled/base";
+var _excluded = ["children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { colors, fonts } from '@ndla/core';
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var StyledDT = /*#__PURE__*/_styled("dt", {
+  target: "e1o7h15y0",
+  label: "StyledDT"
+})("color:", colors.text.primary, ";font-weight:", fonts.weight.bold, ";", fonts.sizes('18px', '29px'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmluaXRpb25UZXJtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiRGVmaW5pdGlvblRlcm0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBIVE1MQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgU3R5bGVkRFQgPSBzdHlsZWQuZHRgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcbmA7XG5cbmNvbnN0IERlZmluaXRpb25UZXJtID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PigoeyBjaGlsZHJlbiwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRFQgcmVmPXtyZWZ9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZERUPlxuICApO1xufSk7XG5cbmV4cG9ydCBkZWZhdWx0IERlZmluaXRpb25UZXJtO1xuIl19 */"));
+var DefinitionTerm = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx(StyledDT, _objectSpread(_objectSpread({
+    ref: ref
+  }, rest), {}, {
+    children: children
+  }));
+});
+export default DefinitionTerm;

package/es/DefinitionList/index.js

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+export { default as DefinitionDescription } from './DefinitionDescription';
+export { default as DefinitionTerm } from './DefinitionTerm';

package/es/Grid/Grid.js

@@ -22,11 +22,11 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var GridContainer = /*#__PURE__*/_styled("div", {
   target: "e1c0s8mo1",
   label: "GridContainer"
-})("width:100%;display:inline-grid;grid-template-columns:auto;justify-content:center;grid-gap:", spacing.large, ";padding:", spacing.xsmall, ";border-radius:", misc.borderRadius, ";&[data-border='lightBlue']{border:1px solid ", colors.brand.light, ";}&[data-background='white']{background-color:", colors.white, ";}", mq.range({
+})("display:grid;grid-template-columns:auto;justify-content:center;grid-gap:", spacing.large, ";padding:", spacing.xsmall, ";border-radius:", misc.borderRadius, ";&[data-border='lightBlue']{border:1px solid ", colors.brand.light, ";}&[data-background='white']{background-color:", colors.white, ";}", mq.range({
   from: breakpoints.mobileWide
 }), "{grid-template-columns:repeat(2, 1fr);}", mq.range({
   from: breakpoints.tabletWide
-}), "{&[data-columns='4']{grid-template-columns:repeat(4, 1fr);}}p{word-break:break-word;}figure,iframe{inset:0;width:100%!important;padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0bztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuXG4gIHBhZGRpbmc6ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcblxuICAmW2RhdGEtYm9yZGVyPSdsaWdodEJsdWUnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICB9XG5cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xuICAgIH1cbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cblxuICAvKiogVGhlIHN0eWxpbmcgaGVyZSBpcyB0byBoYW5kbGUgZmlndXJlcy90ZXh0IHVudGlsIGEgbmV3IGZpZ3VyZSBlbGVtZW50IGlzIGRldmVsb3BlZCAqL1xuICBmaWd1cmUsXG4gIGlmcmFtZSB7XG4gICAgaW5zZXQ6IDA7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5jb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxPdXRlckNvbnRhaW5lcj5cbiAgICAgIDxHcmlkQ29udGFpbmVyIGRhdGEtYm9yZGVyPXtib3JkZXJ9IGRhdGEtY29sdW1ucz17Y29sdW1uc30gZGF0YS1iYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kfSB7Li4ucmVzdH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvR3JpZENvbnRhaW5lcj5cbiAgICA8L091dGVyQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgR3JpZDtcbiJdfQ== */"));
+}), "{&[data-columns='4']{grid-template-columns:repeat(4, 1fr);}}p{word-break:break-word;}figure,iframe{inset:0;width:100%!important;padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcblxuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgJltkYXRhLWJvcmRlcj0nbGlnaHRCbHVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgfVxuXG4gICZbZGF0YS1iYWNrZ3JvdW5kPSd3aGl0ZSddIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMubW9iaWxlV2lkZSB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIDFmcik7XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICZbZGF0YS1jb2x1bW5zPSc0J10ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoNCwgMWZyKTtcbiAgICB9XG4gIH1cblxuICBwIHtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICB9XG5cbiAgLyoqIFRoZSBzdHlsaW5nIGhlcmUgaXMgdG8gaGFuZGxlIGZpZ3VyZXMvdGV4dCB1bnRpbCBhIG5ldyBmaWd1cmUgZWxlbWVudCBpcyBkZXZlbG9wZWQgKi9cbiAgZmlndXJlLFxuICBpZnJhbWUge1xuICAgIGluc2V0OiAwO1xuICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgfVxuYDtcblxuY29uc3QgT3V0ZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBHcmlkID0gKHsgY29sdW1ucywgYm9yZGVyLCBjaGlsZHJlbiwgYmFja2dyb3VuZCwgLi4ucmVzdCB9OiBHcmlkUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8T3V0ZXJDb250YWluZXI+XG4gICAgICA8R3JpZENvbnRhaW5lciBkYXRhLWJvcmRlcj17Ym9yZGVyfSBkYXRhLWNvbHVtbnM9e2NvbHVtbnN9IGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH0gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0dyaWRDb250YWluZXI+XG4gICAgPC9PdXRlckNvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEdyaWQ7XG4iXX0= */"));
 var OuterContainer = /*#__PURE__*/_styled("div", {
   target: "e1c0s8mo0",
   label: "OuterContainer"
@@ -36,7 +36,7 @@ var OuterContainer = /*#__PURE__*/_styled("div", {
 } : {
   name: "1jhdxtm",
   styles: "display:flex;width:100%;justify-content:center;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREaUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0bztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuXG4gIHBhZGRpbmc6ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcblxuICAmW2RhdGEtYm9yZGVyPSdsaWdodEJsdWUnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICB9XG5cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xuICAgIH1cbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cblxuICAvKiogVGhlIHN0eWxpbmcgaGVyZSBpcyB0byBoYW5kbGUgZmlndXJlcy90ZXh0IHVudGlsIGEgbmV3IGZpZ3VyZSBlbGVtZW50IGlzIGRldmVsb3BlZCAqL1xuICBmaWd1cmUsXG4gIGlmcmFtZSB7XG4gICAgaW5zZXQ6IDA7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5jb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxPdXRlckNvbnRhaW5lcj5cbiAgICAgIDxHcmlkQ29udGFpbmVyIGRhdGEtYm9yZGVyPXtib3JkZXJ9IGRhdGEtY29sdW1ucz17Y29sdW1uc30gZGF0YS1iYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kfSB7Li4ucmVzdH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvR3JpZENvbnRhaW5lcj5cbiAgICA8L091dGVyQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgR3JpZDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEaUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcblxuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgJltkYXRhLWJvcmRlcj0nbGlnaHRCbHVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgfVxuXG4gICZbZGF0YS1iYWNrZ3JvdW5kPSd3aGl0ZSddIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMubW9iaWxlV2lkZSB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIDFmcik7XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICZbZGF0YS1jb2x1bW5zPSc0J10ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoNCwgMWZyKTtcbiAgICB9XG4gIH1cblxuICBwIHtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICB9XG5cbiAgLyoqIFRoZSBzdHlsaW5nIGhlcmUgaXMgdG8gaGFuZGxlIGZpZ3VyZXMvdGV4dCB1bnRpbCBhIG5ldyBmaWd1cmUgZWxlbWVudCBpcyBkZXZlbG9wZWQgKi9cbiAgZmlndXJlLFxuICBpZnJhbWUge1xuICAgIGluc2V0OiAwO1xuICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgfVxuYDtcblxuY29uc3QgT3V0ZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBHcmlkID0gKHsgY29sdW1ucywgYm9yZGVyLCBjaGlsZHJlbiwgYmFja2dyb3VuZCwgLi4ucmVzdCB9OiBHcmlkUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8T3V0ZXJDb250YWluZXI+XG4gICAgICA8R3JpZENvbnRhaW5lciBkYXRhLWJvcmRlcj17Ym9yZGVyfSBkYXRhLWNvbHVtbnM9e2NvbHVtbnN9IGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH0gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0dyaWRDb250YWluZXI+XG4gICAgPC9PdXRlckNvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEdyaWQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var Grid = function Grid(_ref) {

package/es/index.js

@@ -93,4 +93,5 @@ export { KeyFigure } from './KeyFigure';
 export { default as ContactBlock } from './ContactBlock';
 export { CampaignBlock } from './CampaignBlock';
 export { Grid } from './Grid';
-export { Heading } from './Typography';
+export { Heading } from './Typography';
+export { DefinitionTerm, DefinitionDescription } from './DefinitionList';

package/lib/DefinitionList/DefinitionDescription.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { HTMLAttributes } from 'react';
+declare const DefinitionDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+export default DefinitionDescription;

package/lib/DefinitionList/DefinitionDescription.js

@@ -0,0 +1,42 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _core = require("@ndla/core");
+var _react = require("react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _excluded = ["children"];
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var StyledDD = /*#__PURE__*/(0, _base["default"])("dd", {
+  target: "e1aa8vkk0",
+  label: "StyledDD"
+})("color:", _core.colors.text.light, ";font-weight:", _core.fonts.weight.normal, ";", _core.fonts.sizes('18px', '29px'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmluaXRpb25EZXNjcmlwdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIiwiZmlsZSI6IkRlZmluaXRpb25EZXNjcmlwdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGZvcndhcmRSZWYsIEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuXG5jb25zdCBTdHlsZWRERCA9IHN0eWxlZC5kZGBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHR9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQubm9ybWFsfTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOXB4Jyl9O1xuYDtcblxuY29uc3QgRGVmaW5pdGlvbkRlc2NyaXB0aW9uID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PigoeyBjaGlsZHJlbiwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkREQgcmVmPXtyZWZ9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEREPlxuICApO1xufSk7XG5cbmV4cG9ydCBkZWZhdWx0IERlZmluaXRpb25EZXNjcmlwdGlvbjtcbiJdfQ== */"));
+var DefinitionDescription = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return (0, _jsxRuntime.jsx)(StyledDD, _objectSpread(_objectSpread({
+    ref: ref
+  }, rest), {}, {
+    children: children
+  }));
+});
+var _default = DefinitionDescription;
+exports["default"] = _default;

package/lib/DefinitionList/DefinitionTerm.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { HTMLAttributes } from 'react';
+declare const DefinitionTerm: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+export default DefinitionTerm;

package/lib/DefinitionList/DefinitionTerm.js

@@ -0,0 +1,42 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _core = require("@ndla/core");
+var _react = require("react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _excluded = ["children"];
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var StyledDT = /*#__PURE__*/(0, _base["default"])("dt", {
+  target: "e1o7h15y0",
+  label: "StyledDT"
+})("color:", _core.colors.text.primary, ";font-weight:", _core.fonts.weight.bold, ";", _core.fonts.sizes('18px', '29px'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmluaXRpb25UZXJtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiRGVmaW5pdGlvblRlcm0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBIVE1MQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgU3R5bGVkRFQgPSBzdHlsZWQuZHRgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcbmA7XG5cbmNvbnN0IERlZmluaXRpb25UZXJtID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PigoeyBjaGlsZHJlbiwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRFQgcmVmPXtyZWZ9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZERUPlxuICApO1xufSk7XG5cbmV4cG9ydCBkZWZhdWx0IERlZmluaXRpb25UZXJtO1xuIl19 */"));
+var DefinitionTerm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return (0, _jsxRuntime.jsx)(StyledDT, _objectSpread(_objectSpread({
+    ref: ref
+  }, rest), {}, {
+    children: children
+  }));
+});
+var _default = DefinitionTerm;
+exports["default"] = _default;

package/lib/DefinitionList/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export { default as DefinitionDescription } from './DefinitionDescription';
+export { default as DefinitionTerm } from './DefinitionTerm';

package/lib/DefinitionList/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DefinitionDescription", {
+  enumerable: true,
+  get: function get() {
+    return _DefinitionDescription["default"];
+  }
+});
+Object.defineProperty(exports, "DefinitionTerm", {
+  enumerable: true,
+  get: function get() {
+    return _DefinitionTerm["default"];
+  }
+});
+var _DefinitionDescription = _interopRequireDefault(require("./DefinitionDescription"));
+var _DefinitionTerm = _interopRequireDefault(require("./DefinitionTerm"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/Grid/Grid.js

@@ -27,11 +27,11 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 var GridContainer = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e1c0s8mo1",
   label: "GridContainer"
-})("width:100%;display:inline-grid;grid-template-columns:auto;justify-content:center;grid-gap:", _core.spacing.large, ";padding:", _core.spacing.xsmall, ";border-radius:", _core.misc.borderRadius, ";&[data-border='lightBlue']{border:1px solid ", _core.colors.brand.light, ";}&[data-background='white']{background-color:", _core.colors.white, ";}", _core.mq.range({
+})("display:grid;grid-template-columns:auto;justify-content:center;grid-gap:", _core.spacing.large, ";padding:", _core.spacing.xsmall, ";border-radius:", _core.misc.borderRadius, ";&[data-border='lightBlue']{border:1px solid ", _core.colors.brand.light, ";}&[data-background='white']{background-color:", _core.colors.white, ";}", _core.mq.range({
   from: _core.breakpoints.mobileWide
 }), "{grid-template-columns:repeat(2, 1fr);}", _core.mq.range({
   from: _core.breakpoints.tabletWide
-}), "{&[data-columns='4']{grid-template-columns:repeat(4, 1fr);}}p{word-break:break-word;}figure,iframe{inset:0;width:100%!important;padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0bztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuXG4gIHBhZGRpbmc6ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcblxuICAmW2RhdGEtYm9yZGVyPSdsaWdodEJsdWUnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICB9XG5cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xuICAgIH1cbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cblxuICAvKiogVGhlIHN0eWxpbmcgaGVyZSBpcyB0byBoYW5kbGUgZmlndXJlcy90ZXh0IHVudGlsIGEgbmV3IGZpZ3VyZSBlbGVtZW50IGlzIGRldmVsb3BlZCAqL1xuICBmaWd1cmUsXG4gIGlmcmFtZSB7XG4gICAgaW5zZXQ6IDA7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5jb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxPdXRlckNvbnRhaW5lcj5cbiAgICAgIDxHcmlkQ29udGFpbmVyIGRhdGEtYm9yZGVyPXtib3JkZXJ9IGRhdGEtY29sdW1ucz17Y29sdW1uc30gZGF0YS1iYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kfSB7Li4ucmVzdH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvR3JpZENvbnRhaW5lcj5cbiAgICA8L091dGVyQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgR3JpZDtcbiJdfQ== */"));
+}), "{&[data-columns='4']{grid-template-columns:repeat(4, 1fr);}}p{word-break:break-word;}figure,iframe{inset:0;width:100%!important;padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcblxuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgJltkYXRhLWJvcmRlcj0nbGlnaHRCbHVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgfVxuXG4gICZbZGF0YS1iYWNrZ3JvdW5kPSd3aGl0ZSddIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMubW9iaWxlV2lkZSB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIDFmcik7XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICZbZGF0YS1jb2x1bW5zPSc0J10ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoNCwgMWZyKTtcbiAgICB9XG4gIH1cblxuICBwIHtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICB9XG5cbiAgLyoqIFRoZSBzdHlsaW5nIGhlcmUgaXMgdG8gaGFuZGxlIGZpZ3VyZXMvdGV4dCB1bnRpbCBhIG5ldyBmaWd1cmUgZWxlbWVudCBpcyBkZXZlbG9wZWQgKi9cbiAgZmlndXJlLFxuICBpZnJhbWUge1xuICAgIGluc2V0OiAwO1xuICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgfVxuYDtcblxuY29uc3QgT3V0ZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBHcmlkID0gKHsgY29sdW1ucywgYm9yZGVyLCBjaGlsZHJlbiwgYmFja2dyb3VuZCwgLi4ucmVzdCB9OiBHcmlkUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8T3V0ZXJDb250YWluZXI+XG4gICAgICA8R3JpZENvbnRhaW5lciBkYXRhLWJvcmRlcj17Ym9yZGVyfSBkYXRhLWNvbHVtbnM9e2NvbHVtbnN9IGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH0gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0dyaWRDb250YWluZXI+XG4gICAgPC9PdXRlckNvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEdyaWQ7XG4iXX0= */"));
 var OuterContainer = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e1c0s8mo0",
   label: "OuterContainer"
@@ -41,7 +41,7 @@ var OuterContainer = /*#__PURE__*/(0, _base["default"])("div", {
 } : {
   name: "1jhdxtm",
   styles: "display:flex;width:100%;justify-content:center;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREaUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0bztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuXG4gIHBhZGRpbmc6ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcblxuICAmW2RhdGEtYm9yZGVyPSdsaWdodEJsdWUnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICB9XG5cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xuICAgIH1cbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cblxuICAvKiogVGhlIHN0eWxpbmcgaGVyZSBpcyB0byBoYW5kbGUgZmlndXJlcy90ZXh0IHVudGlsIGEgbmV3IGZpZ3VyZSBlbGVtZW50IGlzIGRldmVsb3BlZCAqL1xuICBmaWd1cmUsXG4gIGlmcmFtZSB7XG4gICAgaW5zZXQ6IDA7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5jb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxPdXRlckNvbnRhaW5lcj5cbiAgICAgIDxHcmlkQ29udGFpbmVyIGRhdGEtYm9yZGVyPXtib3JkZXJ9IGRhdGEtY29sdW1ucz17Y29sdW1uc30gZGF0YS1iYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kfSB7Li4ucmVzdH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvR3JpZENvbnRhaW5lcj5cbiAgICA8L091dGVyQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgR3JpZDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEaUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcblxuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgJltkYXRhLWJvcmRlcj0nbGlnaHRCbHVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgfVxuXG4gICZbZGF0YS1iYWNrZ3JvdW5kPSd3aGl0ZSddIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMubW9iaWxlV2lkZSB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIDFmcik7XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICZbZGF0YS1jb2x1bW5zPSc0J10ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoNCwgMWZyKTtcbiAgICB9XG4gIH1cblxuICBwIHtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICB9XG5cbiAgLyoqIFRoZSBzdHlsaW5nIGhlcmUgaXMgdG8gaGFuZGxlIGZpZ3VyZXMvdGV4dCB1bnRpbCBhIG5ldyBmaWd1cmUgZWxlbWVudCBpcyBkZXZlbG9wZWQgKi9cbiAgZmlndXJlLFxuICBpZnJhbWUge1xuICAgIGluc2V0OiAwO1xuICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgfVxuYDtcblxuY29uc3QgT3V0ZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBHcmlkID0gKHsgY29sdW1ucywgYm9yZGVyLCBjaGlsZHJlbiwgYmFja2dyb3VuZCwgLi4ucmVzdCB9OiBHcmlkUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8T3V0ZXJDb250YWluZXI+XG4gICAgICA8R3JpZENvbnRhaW5lciBkYXRhLWJvcmRlcj17Ym9yZGVyfSBkYXRhLWNvbHVtbnM9e2NvbHVtbnN9IGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH0gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0dyaWRDb250YWluZXI+XG4gICAgPC9PdXRlckNvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEdyaWQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var Grid = function Grid(_ref) {

package/lib/index.d.ts

@@ -105,3 +105,4 @@ export { Grid } from './Grid';
 export type { GridType } from './Grid';
 export { Heading } from './Typography';
 export type { HeadingLevel } from './types';
+export { DefinitionTerm, DefinitionDescription } from './DefinitionList';

package/lib/index.js

@@ -286,6 +286,18 @@ Object.defineProperty(exports, "DefaultSnackbar", {
     return _SnackBar.DefaultSnackbar;
   }
 });
+Object.defineProperty(exports, "DefinitionDescription", {
+  enumerable: true,
+  get: function get() {
+    return _DefinitionList.DefinitionDescription;
+  }
+});
+Object.defineProperty(exports, "DefinitionTerm", {
+  enumerable: true,
+  get: function get() {
+    return _DefinitionList.DefinitionTerm;
+  }
+});
 Object.defineProperty(exports, "DisplayOnPageYOffset", {
   enumerable: true,
   get: function get() {
@@ -1379,6 +1391,7 @@ var _ContactBlock = _interopRequireDefault(require("./ContactBlock"));
 var _CampaignBlock = require("./CampaignBlock");
 var _Grid = require("./Grid");
 var _Typography = require("./Typography");
+var _DefinitionList = require("./DefinitionList");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "39.0.3",
+  "version": "39.0.4",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -85,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b71ad26162a2a50f29bc6f5a77dba795acbac7f4"
+  "gitHead": "885332544d3bef48783a1d9f0b15213d9485b447"
 }

package/src/DefinitionList/DefinitionDescription.tsx

@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import styled from '@emotion/styled';
+import { colors, fonts } from '@ndla/core';
+import { forwardRef, HTMLAttributes } from 'react';
+
+const StyledDD = styled.dd`
+  color: ${colors.text.light};
+  font-weight: ${fonts.weight.normal};
+  ${fonts.sizes('18px', '29px')};
+`;
+
+const DefinitionDescription = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(({ children, ...rest }, ref) => {
+  return (
+    <StyledDD ref={ref} {...rest}>
+      {children}
+    </StyledDD>
+  );
+});
+
+export default DefinitionDescription;

package/src/DefinitionList/DefinitionTerm.tsx

@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import styled from '@emotion/styled';
+import { colors, fonts } from '@ndla/core';
+import { forwardRef, HTMLAttributes } from 'react';
+
+const StyledDT = styled.dt`
+  color: ${colors.text.primary};
+  font-weight: ${fonts.weight.bold};
+  ${fonts.sizes('18px', '29px')};
+`;
+
+const DefinitionTerm = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(({ children, ...rest }, ref) => {
+  return (
+    <StyledDT ref={ref} {...rest}>
+      {children}
+    </StyledDT>
+  );
+});
+
+export default DefinitionTerm;

package/src/DefinitionList/index.tsx

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+export { default as DefinitionDescription } from './DefinitionDescription';
+export { default as DefinitionTerm } from './DefinitionTerm';

package/src/Grid/Grid.tsx

@@ -18,8 +18,7 @@ export interface GridProps {
 }
 
 const GridContainer = styled.div`
-  width: 100%;
-  display: inline-grid;
+  display: grid;
   grid-template-columns: auto;
   justify-content: center;
   grid-gap: ${spacing.large};

package/src/index.ts

@@ -280,3 +280,4 @@ export { Grid } from './Grid';
 export type { GridType } from './Grid';
 export { Heading } from './Typography';
 export type { HeadingLevel } from './types';
+export { DefinitionTerm, DefinitionDescription } from './DefinitionList';