@coorpacademy/components 11.40.25 → 11.41.0

package/es/atom/title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AAsDA,gDAyCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AAuDA,gDA4DC"}

package/es/atom/title/index.js

@@ -2,6 +2,7 @@ import _isEmpty from "lodash/fp/isEmpty";
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import PropTypes from 'prop-types';
+import classnames from 'classnames';
 import Icon from '../icon';
 import Tag from '../tag';
 import ButtonLink from '../button-link';
@@ -62,10 +63,16 @@ const Title = props => {
     tag,
     button,
     required,
-    ariaLabel
+    ariaLabel,
+    headingLevel
   } = props;
   const titleStyle = getTitleStyle(type, titleSize);
   const subtitleStyle = getSubtitleStyle(type, subtitleSize);
+  const titleContent = /*#__PURE__*/React.createElement(React.Fragment, null, title, required ? /*#__PURE__*/React.createElement("span", {
+    className: style.required
+  }, "*") : null, tag ? /*#__PURE__*/React.createElement(Tag, tag) : null);
+  // Opt-in: the title as a real heading for the document outline; same look as the group div.
+  const Heading = headingLevel ? `h${headingLevel}` : null;
   const subtitleSection = subtitle ? /*#__PURE__*/React.createElement("div", {
     className: subtitleStyle
     // eslint-disable-next-line react/no-danger
@@ -82,14 +89,16 @@ const Title = props => {
     className: style.titleContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: style.titleContent
-  }, /*#__PURE__*/React.createElement("div", {
+  }, headingLevel ? /*#__PURE__*/React.createElement(Heading, {
+    className: classnames(titleStyle, style.heading),
+    "data-name": dataName,
+    "aria-label": ariaLabel
+  }, titleContent) : /*#__PURE__*/React.createElement("div", {
     className: titleStyle,
     "data-name": dataName,
     role: "group",
     "aria-label": ariaLabel
-  }, title, required ? /*#__PURE__*/React.createElement("span", {
-    className: style.required
-  }, "*") : null, tag ? /*#__PURE__*/React.createElement(Tag, tag) : null), subtitleSection), !_isEmpty(button) ? /*#__PURE__*/React.createElement(ButtonLink, button) : null));
+  }, titleContent), subtitleSection), !_isEmpty(button) ? /*#__PURE__*/React.createElement(ButtonLink, button) : null));
 };
 Title.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
@@ -102,7 +111,8 @@ Title.propTypes = process.env.NODE_ENV !== "production" ? {
   icon: PropTypes.shape(Icon.propTypes),
   tag: PropTypes.shape(Tag.propTypes),
   button: PropTypes.shape(ButtonLink.propTypes),
-  required: PropTypes.bool
+  required: PropTypes.bool,
+  headingLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6])
 } : {};
 export default Title;
 //# sourceMappingURL=index.js.map

package/es/atom/title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Icon","Tag","ButtonLink","style","getTitleStyle","type","size","titlePage","titleFormGroup","titleFormGroupLightWeight","xlStrongTitle","mediumTitleFormGroup","mediumAndLightColorTitleFormGroup","smallTitleFormGroup","smallAndLightTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","mediumSubtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","button","required","ariaLabel","titleStyle","subtitleStyle","subtitleSection","createElement","className","dangerouslySetInnerHTML","__html","container","_extends","titleContainer","titleContent","role","_isEmpty","propTypes","process","env","NODE_ENV","string","oneOf","shape","bool"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\n\nconst getTitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.titleFormGroup;\n        case 'standard-light-weight':\n          return style.titleFormGroupLightWeight;\n        case 'xl-strong':\n          return style.xlStrongTitle;\n        case 'medium':\n          return style.mediumTitleFormGroup;\n        case 'medium-light-color':\n          return style.mediumAndLightColorTitleFormGroup;\n        case 'small':\n          return style.smallTitleFormGroup;\n        case 'small-and-light':\n          return style.smallAndLightTitleFormGroup;\n      }\n  }\n};\n\nconst getSubtitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.subtitleFormGroup;\n        case 'standard-without-margin':\n          return style.subtitleFormGroupWithoutMargin;\n        case 'medium':\n          return style.mediumSubtitleFormGroup;\n        case 'small':\n          return style.smallSubtitleFormGroup;\n        case 'small-without-margin':\n          return style.smallSubtitleFormGroupWithoutMargin;\n        case 'extra-small':\n          return style.extraSmallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {\n    title,\n    subtitle,\n    type,\n    'data-name': dataName,\n    titleSize = 'standard',\n    subtitleSize = 'standard',\n    icon,\n    tag,\n    button,\n    required,\n    ariaLabel\n  } = props;\n  const titleStyle = getTitleStyle(type, titleSize);\n  const subtitleStyle = getSubtitleStyle(type, subtitleSize);\n\n  const subtitleSection = subtitle ? (\n    <div\n      className={subtitleStyle}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: subtitle}}\n    />\n  ) : null;\n\n  return (\n    <div className={style.container}>\n      {icon ? <Icon {...icon} className={style.icon} /> : null}\n      <div className={style.titleContainer}>\n        <div className={style.titleContent}>\n          <div className={titleStyle} data-name={dataName} role=\"group\" aria-label={ariaLabel}>\n            {title}\n            {required ? <span className={style.required}>*</span> : null}\n            {tag ? <Tag {...tag} /> : null}\n          </div>\n          {subtitleSection}\n        </div>\n        {!isEmpty(button) ? <ButtonLink {...button} /> : null}\n      </div>\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  ariaLabel: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string,\n  titleSize: PropTypes.oneOf([\n    'xl-strong',\n    'standard',\n    'standard-light-weight',\n    'medium',\n    'medium-light-color',\n    'small',\n    'small-and-light'\n  ]),\n  subtitleSize: PropTypes.oneOf([\n    'standard',\n    'standard-without-margin',\n    'medium',\n    'small',\n    'small-without-margin',\n    'extra-small'\n  ]),\n  icon: PropTypes.shape(Icon.propTypes),\n  tag: PropTypes.shape(Tag.propTypes),\n  button: PropTypes.shape(ButtonLink.propTypes),\n  required: PropTypes.bool\n};\nexport default Title;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Icon","Tag","ButtonLink","style","getTitleStyle","type","size","titlePage","titleFormGroup","titleFormGroupLightWeight","xlStrongTitle","mediumTitleFormGroup","mediumAndLightColorTitleFormGroup","smallTitleFormGroup","smallAndLightTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","mediumSubtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","button","required","ariaLabel","headingLevel","titleStyle","subtitleStyle","titleContent","createElement","Fragment","className","Heading","subtitleSection","dangerouslySetInnerHTML","__html","container","_extends","titleContainer","heading","role","_isEmpty","propTypes","process","env","NODE_ENV","string","oneOf","shape","bool"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\n\nconst getTitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.titleFormGroup;\n        case 'standard-light-weight':\n          return style.titleFormGroupLightWeight;\n        case 'xl-strong':\n          return style.xlStrongTitle;\n        case 'medium':\n          return style.mediumTitleFormGroup;\n        case 'medium-light-color':\n          return style.mediumAndLightColorTitleFormGroup;\n        case 'small':\n          return style.smallTitleFormGroup;\n        case 'small-and-light':\n          return style.smallAndLightTitleFormGroup;\n      }\n  }\n};\n\nconst getSubtitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.subtitleFormGroup;\n        case 'standard-without-margin':\n          return style.subtitleFormGroupWithoutMargin;\n        case 'medium':\n          return style.mediumSubtitleFormGroup;\n        case 'small':\n          return style.smallSubtitleFormGroup;\n        case 'small-without-margin':\n          return style.smallSubtitleFormGroupWithoutMargin;\n        case 'extra-small':\n          return style.extraSmallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {\n    title,\n    subtitle,\n    type,\n    'data-name': dataName,\n    titleSize = 'standard',\n    subtitleSize = 'standard',\n    icon,\n    tag,\n    button,\n    required,\n    ariaLabel,\n    headingLevel\n  } = props;\n  const titleStyle = getTitleStyle(type, titleSize);\n  const subtitleStyle = getSubtitleStyle(type, subtitleSize);\n\n  const titleContent = (\n    <>\n      {title}\n      {required ? <span className={style.required}>*</span> : null}\n      {tag ? <Tag {...tag} /> : null}\n    </>\n  );\n  // Opt-in: the title as a real heading for the document outline; same look as the group div.\n  const Heading = headingLevel ? `h${headingLevel}` : null;\n\n  const subtitleSection = subtitle ? (\n    <div\n      className={subtitleStyle}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: subtitle}}\n    />\n  ) : null;\n\n  return (\n    <div className={style.container}>\n      {icon ? <Icon {...icon} className={style.icon} /> : null}\n      <div className={style.titleContainer}>\n        <div className={style.titleContent}>\n          {headingLevel ? (\n            <Heading\n              className={classnames(titleStyle, style.heading)}\n              data-name={dataName}\n              aria-label={ariaLabel}\n            >\n              {titleContent}\n            </Heading>\n          ) : (\n            <div className={titleStyle} data-name={dataName} role=\"group\" aria-label={ariaLabel}>\n              {titleContent}\n            </div>\n          )}\n          {subtitleSection}\n        </div>\n        {!isEmpty(button) ? <ButtonLink {...button} /> : null}\n      </div>\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  ariaLabel: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string,\n  titleSize: PropTypes.oneOf([\n    'xl-strong',\n    'standard',\n    'standard-light-weight',\n    'medium',\n    'medium-light-color',\n    'small',\n    'small-and-light'\n  ]),\n  subtitleSize: PropTypes.oneOf([\n    'standard',\n    'standard-without-margin',\n    'medium',\n    'small',\n    'small-without-margin',\n    'extra-small'\n  ]),\n  icon: PropTypes.shape(Icon.propTypes),\n  tag: PropTypes.shape(Tag.propTypes),\n  button: PropTypes.shape(ButtonLink.propTypes),\n  required: PropTypes.bool,\n  headingLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6])\n};\nexport default Title;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/title/style.css

@@ -142,3 +142,7 @@
   color: cm_negative_300; 
   gap: 0;
 }
+
+.heading {
+  margin: 0;
+}

package/es/atom/video-upload/index.d.ts

@@ -34,6 +34,8 @@ declare namespace VideoUpload {
         pdfButtonLabel: PropTypes.Requireable<string>;
         pdfButtonAriaLabel: PropTypes.Requireable<string>;
         multiple: PropTypes.Requireable<boolean>;
+        dragAndDropLabel: PropTypes.Requireable<string>;
+        loadingLabel: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/es/molecule/assignment-card/index.d.ts

@@ -0,0 +1,62 @@
+export default AssignmentCard;
+declare function AssignmentCard(props: any): JSX.Element;
+declare namespace AssignmentCard {
+    const propTypes: {
+        typeLabel: PropTypes.Requireable<string>;
+        dueState: PropTypes.Validator<string>;
+        dueStateLabel: PropTypes.Validator<string>;
+        dueDateLabel: PropTypes.Validator<string>;
+        badge: PropTypes.Requireable<string>;
+        image: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        adaptiv: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        author: PropTypes.Requireable<string>;
+        certifiedAuthor: PropTypes.Requireable<boolean>;
+        customer: PropTypes.Requireable<PropTypes.InferProps<{
+            theme: PropTypes.Requireable<string>;
+            type: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+            coorpOriginal: PropTypes.Validator<boolean>;
+            disabled: PropTypes.Requireable<boolean>;
+            'aria-label': PropTypes.Requireable<string>;
+        }>>;
+        progress: PropTypes.Requireable<number>;
+        favorite: PropTypes.Requireable<boolean>;
+        addFavoriteToolTip: PropTypes.Requireable<string>;
+        removeFavoriteToolTip: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onFavoriteClick: PropTypes.Requireable<(...args: any[]) => any>;
+        isSelected: PropTypes.Requireable<boolean>;
+        notification: PropTypes.Requireable<PropTypes.InferProps<{
+            message: PropTypes.Validator<string>;
+            icon: PropTypes.Validator<string>;
+        }>>;
+        badgeCategory: PropTypes.Requireable<string>;
+        badgeLabel: PropTypes.Requireable<string>;
+        theme: PropTypes.Requireable<string>;
+        disabledContent: PropTypes.Requireable<string>;
+        'aria-label': PropTypes.Requireable<string>;
+        'background-aria-label': PropTypes.Requireable<string>;
+        'favorite-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+            favorite: PropTypes.Requireable<string>;
+            addToFavorite: PropTypes.Requireable<string>;
+            removeFromFavorite: PropTypes.Requireable<string>;
+        }>>;
+        'selectable-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+            select: PropTypes.Requireable<string>;
+            unSelect: PropTypes.Requireable<string>;
+        }>>;
+        'customer-aria-label': PropTypes.Requireable<string>;
+        'badge-aria-label': PropTypes.Requireable<string>;
+        'disabled-aria-label': PropTypes.Requireable<string>;
+        'card-content-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+            author: PropTypes.Requireable<string>;
+            progression: PropTypes.Requireable<string>;
+            adaptive: PropTypes.Requireable<string>;
+        }>>;
+    };
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/es/molecule/assignment-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/assignment-card/index.js"],"names":[],"mappings":";AA6BA,yDAuBC"}

package/es/molecule/assignment-card/index.js

@@ -0,0 +1,91 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { COLORS } from '../../variables/colors';
+import FaIcon from '../../atom/icon';
+import Card, { cardPropTypes } from '../card';
+import style from './style.css';
+
+// The status pill is the card's own opaque pill (never atom/tag, never Card's notification slot):
+// it sits on the card image, where a translucent tag is unreadable. No "completed late" state (L0).
+const DUE_STATES = {
+  todo: {
+    iconName: 'circle',
+    color: COLORS.cm_grey_500,
+    className: style.todo
+  },
+  dueSoon: {
+    iconName: 'clock',
+    color: COLORS.cm_yellow_400,
+    className: style.dueSoon
+  },
+  overdue: {
+    iconName: 'triangle-exclamation',
+    color: COLORS.cm_negative_200,
+    className: style.overdue
+  },
+  done: {
+    iconName: 'circle-check',
+    color: COLORS.cm_positive_200,
+    className: style.done
+  }
+};
+
+// A module the learner was asked to complete: the catalogue card of its type (module, chapter,
+// scorm, article, video, podcast), one status pill in the same slot on every format, and the due
+// date (or, once finished, the completion date) in a tooltip on hover (N2). Never an assignment.
+// The pill is described by the due date, so it is read without hover. React 17 has no useId: the
+// id derives from the card's dataName (its rank in a list) and its title, never with whitespace.
+const dueDateId = (dataName, title) => ['due-date', dataName, title].filter(Boolean).join('-').replace(/\s+/g, '-');
+const AssignmentCard = props => {
+  const {
+    dueState,
+    dueStateLabel,
+    dueDateLabel,
+    onClick,
+    ...cardProps
+  } = props;
+  const {
+    iconName,
+    color,
+    className
+  } = DUE_STATES[dueState];
+  const dateId = dueDateId(cardProps.dataName, cardProps.title);
+  return /*#__PURE__*/React.createElement("div", {
+    "data-name": "assignment-card",
+    className: style.wrapper
+  }, /*#__PURE__*/React.createElement(Card, _extends({}, cardProps, {
+    onClick: onClick
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.slot
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-name": "due-state",
+    "data-type": dueState,
+    className: classnames(style.duePill, className),
+    "aria-describedby": dateId
+  }, /*#__PURE__*/React.createElement(FaIcon, {
+    iconName: iconName,
+    iconColor: color,
+    size: {
+      faSize: 12,
+      wrapperSize: 12
+    }
+  }), /*#__PURE__*/React.createElement("span", null, dueStateLabel)), /*#__PURE__*/React.createElement("div", {
+    id: dateId,
+    "data-name": "due-date",
+    className: style.tooltip
+  }, dueDateLabel)));
+};
+AssignmentCard.propTypes = process.env.NODE_ENV !== "production" ? {
+  ...cardPropTypes,
+  // The type chip's label. A module (type 'course') passes « Module »: never « Course » (AQ19).
+  typeLabel: cardPropTypes.typeLabel,
+  dueState: PropTypes.oneOf(['todo', 'dueSoon', 'overdue', 'done']).isRequired,
+  // The pill label: « To do », « Due soon », « Overdue », « Completed »
+  dueStateLabel: PropTypes.string.isRequired,
+  // Shown on hover, as given: "Due Sat 24 Oct", or "Completed Thu 22 Oct" once finished
+  dueDateLabel: PropTypes.string.isRequired
+} : {};
+export default AssignmentCard;
+//# sourceMappingURL=index.js.map

package/es/molecule/assignment-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","COLORS","FaIcon","Card","cardPropTypes","style","DUE_STATES","todo","iconName","color","cm_grey_500","className","dueSoon","cm_yellow_400","overdue","cm_negative_200","done","cm_positive_200","dueDateId","dataName","title","filter","Boolean","join","replace","AssignmentCard","props","dueState","dueStateLabel","dueDateLabel","onClick","cardProps","dateId","createElement","wrapper","_extends","slot","duePill","iconColor","size","faSize","wrapperSize","id","tooltip","propTypes","process","env","NODE_ENV","typeLabel","oneOf","isRequired","string"],"sources":["../../../src/molecule/assignment-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {COLORS} from '../../variables/colors';\nimport FaIcon from '../../atom/icon';\nimport Card, {cardPropTypes} from '../card';\nimport style from './style.css';\n\n// The status pill is the card's own opaque pill (never atom/tag, never Card's notification slot):\n// it sits on the card image, where a translucent tag is unreadable. No \"completed late\" state (L0).\nconst DUE_STATES = {\n  todo: {iconName: 'circle', color: COLORS.cm_grey_500, className: style.todo},\n  dueSoon: {iconName: 'clock', color: COLORS.cm_yellow_400, className: style.dueSoon},\n  overdue: {\n    iconName: 'triangle-exclamation',\n    color: COLORS.cm_negative_200,\n    className: style.overdue\n  },\n  done: {iconName: 'circle-check', color: COLORS.cm_positive_200, className: style.done}\n};\n\n// A module the learner was asked to complete: the catalogue card of its type (module, chapter,\n// scorm, article, video, podcast), one status pill in the same slot on every format, and the due\n// date (or, once finished, the completion date) in a tooltip on hover (N2). Never an assignment.\n// The pill is described by the due date, so it is read without hover. React 17 has no useId: the\n// id derives from the card's dataName (its rank in a list) and its title, never with whitespace.\nconst dueDateId = (dataName, title) =>\n  ['due-date', dataName, title].filter(Boolean).join('-').replace(/\\s+/g, '-');\n\nconst AssignmentCard = props => {\n  const {dueState, dueStateLabel, dueDateLabel, onClick, ...cardProps} = props;\n  const {iconName, color, className} = DUE_STATES[dueState];\n  const dateId = dueDateId(cardProps.dataName, cardProps.title);\n  return (\n    <div data-name=\"assignment-card\" className={style.wrapper}>\n      <Card {...cardProps} onClick={onClick} />\n      <div className={style.slot}>\n        <div\n          data-name=\"due-state\"\n          data-type={dueState}\n          className={classnames(style.duePill, className)}\n          aria-describedby={dateId}\n        >\n          <FaIcon iconName={iconName} iconColor={color} size={{faSize: 12, wrapperSize: 12}} />\n          <span>{dueStateLabel}</span>\n        </div>\n        <div id={dateId} data-name=\"due-date\" className={style.tooltip}>\n          {dueDateLabel}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nAssignmentCard.propTypes = {\n  ...cardPropTypes,\n  // The type chip's label. A module (type 'course') passes « Module »: never « Course » (AQ19).\n  typeLabel: cardPropTypes.typeLabel,\n  dueState: PropTypes.oneOf(['todo', 'dueSoon', 'overdue', 'done']).isRequired,\n  // The pill label: « To do », « Due soon », « Overdue », « Completed »\n  dueStateLabel: PropTypes.string.isRequired,\n  // Shown on hover, as given: \"Due Sat 24 Oct\", or \"Completed Thu 22 Oct\" once finished\n  dueDateLabel: PropTypes.string.isRequired\n};\n\nexport default AssignmentCard;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/assignment-card/style.css

@@ -0,0 +1,98 @@
+@value colors: "../../variables/colors.css";
+@value white from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_800 from colors;
+@value cm_yellow_400 from colors;
+@value cm_negative_200 from colors;
+@value cm_positive_200 from colors;
+
+/* The catalogue card is 256 × 297 on every format, so the card height already lines up. */
+.wrapper {
+  position: relative;
+  width: 256px;
+  max-width: 100%;
+  font-family: "Gilroy";
+}
+
+/*
+ * One slot on every format (N2), as in the validated prototype: left 12px, top 85px, inside the
+ * image or icon header, below the « Coorp original » banner and the favourite check. The pill is
+ * opaque, so it reads over the image and over the icon circle's decorative halo. Clicks go
+ * through the slot to the card underneath; the tooltip still shows on the wrapper's hover.
+ */
+.slot {
+  pointer-events: none;
+  position: absolute;
+  top: 85px;
+  left: 12px;
+  z-index: 2;
+  max-width: calc(100% - 24px);
+}
+
+.duePill {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  box-sizing: border-box;
+  height: 24px;
+  max-width: 100%;
+  padding: 0 10px;
+  border-radius: 12px;
+  background-color: white;
+  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 16px;
+  white-space: nowrap;
+}
+
+.todo {
+  color: cm_grey_500;
+}
+
+.dueSoon {
+  color: cm_yellow_400;
+}
+
+.overdue {
+  color: cm_negative_200;
+}
+
+.done {
+  color: cm_positive_200;
+}
+
+/* The due date, on hover only, right above the pill. */
+.tooltip {
+  position: absolute;
+  bottom: calc(100% + 8px);
+  left: 2px;
+  z-index: 3;
+  padding: 6px 10px;
+  border-radius: 8px;
+  background-color: cm_grey_800;
+  color: white;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 16px;
+  white-space: nowrap;
+  opacity: 0;
+  pointer-events: none;
+  transform: translateY(4px);
+  transition: opacity 0.12s, transform 0.12s;
+}
+
+.tooltip::after {
+  content: '';
+  position: absolute;
+  top: 100%;
+  left: 18px;
+  border: 6px solid transparent;
+  border-top-color: cm_grey_800;
+}
+
+.wrapper:hover .tooltip,
+.wrapper:focus-within .tooltip {
+  opacity: 1;
+  transform: none;
+}

package/es/molecule/assignment-status-tag/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { AssignmentStatusTagProps, TagType } from './types';
+export declare const ASSIGNMENT_TAG_KEYS: string[];
+export declare const getAssignmentTagType: (status?: string | null) => TagType;
+declare const AssignmentStatusTag: {
+    ({ status, label }: AssignmentStatusTagProps): JSX.Element;
+    propTypes: {
+        status: import("prop-types").Requireable<string>;
+        label: import("prop-types").Validator<string>;
+    };
+};
+export default AssignmentStatusTag;
+//# sourceMappingURL=index.d.ts.map

package/es/molecule/assignment-status-tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/assignment-status-tag/index.tsx"],"names":[],"mappings":";AAIA,OAAkB,EAAC,wBAAwB,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AA2BrE,eAAO,MAAM,mBAAmB,UAAkB,CAAC;AAEnD,eAAO,MAAM,oBAAoB,YAAa,MAAM,GAAG,IAAI,KAAG,OACI,CAAC;AAEnE,QAAA,MAAM,mBAAmB;wBAAqB,wBAAwB;;;;;CAErE,CAAC;AAIF,eAAe,mBAAmB,CAAC"}

package/es/molecule/assignment-status-tag/index.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import has from 'lodash/fp/has';
+import keys from 'lodash/fp/keys';
+import Tag from '../../atom/tag';
+import propTypes from './types';
+
+// One status vocabulary for every assignment surface. Labels come from the consumer.
+const TAG_TYPES = {
+  // Assignment lifecycle: edit-page and tracking headers only, never on a list row
+  draft: 'progress',
+  upcoming: 'info',
+  active: 'success',
+  ended: 'default',
+  disabled: 'warning',
+  // List-row information tags: « Ongoing changes », « N modules unavailable »
+  ongoingChanges: 'progress',
+  unavailable: 'warning',
+  // Sync, only when not up to date: there is no "up to date" key
+  processing: 'progress',
+  syncError: 'failure',
+  // Learner row in the tracking table; "completed late" is a computed flag, not a status
+  assigned: 'default',
+  inProgress: 'info',
+  completed: 'success',
+  removed: 'default',
+  // Computed learner flags
+  dueSoon: 'warning',
+  overdue: 'failure',
+  late: 'warning'
+};
+export const ASSIGNMENT_TAG_KEYS = keys(TAG_TYPES);
+export const getAssignmentTagType = status => status && has(status, TAG_TYPES) ? TAG_TYPES[status] : 'default';
+const AssignmentStatusTag = ({
+  status,
+  label
+}) => /*#__PURE__*/React.createElement(Tag, {
+  type: getAssignmentTagType(status),
+  label: label
+});
+AssignmentStatusTag.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default AssignmentStatusTag;
+//# sourceMappingURL=index.js.map

package/es/molecule/assignment-status-tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","has","keys","Tag","propTypes","TAG_TYPES","draft","upcoming","active","ended","disabled","ongoingChanges","unavailable","processing","syncError","assigned","inProgress","completed","removed","dueSoon","overdue","late","ASSIGNMENT_TAG_KEYS","getAssignmentTagType","status","AssignmentStatusTag","label","createElement","type","process","env","NODE_ENV"],"sources":["../../../src/molecule/assignment-status-tag/index.tsx"],"sourcesContent":["import React from 'react';\nimport has from 'lodash/fp/has';\nimport keys from 'lodash/fp/keys';\nimport Tag from '../../atom/tag';\nimport propTypes, {AssignmentStatusTagProps, TagType} from './types';\n\n// One status vocabulary for every assignment surface. Labels come from the consumer.\nconst TAG_TYPES: Record<string, TagType> = {\n  // Assignment lifecycle: edit-page and tracking headers only, never on a list row\n  draft: 'progress',\n  upcoming: 'info',\n  active: 'success',\n  ended: 'default',\n  disabled: 'warning',\n  // List-row information tags: « Ongoing changes », « N modules unavailable »\n  ongoingChanges: 'progress',\n  unavailable: 'warning',\n  // Sync, only when not up to date: there is no \"up to date\" key\n  processing: 'progress',\n  syncError: 'failure',\n  // Learner row in the tracking table; \"completed late\" is a computed flag, not a status\n  assigned: 'default',\n  inProgress: 'info',\n  completed: 'success',\n  removed: 'default',\n  // Computed learner flags\n  dueSoon: 'warning',\n  overdue: 'failure',\n  late: 'warning'\n};\n\nexport const ASSIGNMENT_TAG_KEYS = keys(TAG_TYPES);\n\nexport const getAssignmentTagType = (status?: string | null): TagType =>\n  status && has(status, TAG_TYPES) ? TAG_TYPES[status] : 'default';\n\nconst AssignmentStatusTag = ({status, label}: AssignmentStatusTagProps) => (\n  <Tag type={getAssignmentTagType(status)} label={label} />\n);\n\nAssignmentStatusTag.propTypes = propTypes;\n\nexport default AssignmentStatusTag;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,IAAI,MAAM,gBAAgB;AACjC,OAAOC,GAAG,MAAM,gBAAgB;AAChC,OAAOC,SAAS,MAA2C,SAAS;;AAEpE;AACA,MAAMC,SAAkC,GAAG;EACzC;EACAC,KAAK,EAAE,UAAU;EACjBC,QAAQ,EAAE,MAAM;EAChBC,MAAM,EAAE,SAAS;EACjBC,KAAK,EAAE,SAAS;EAChBC,QAAQ,EAAE,SAAS;EACnB;EACAC,cAAc,EAAE,UAAU;EAC1BC,WAAW,EAAE,SAAS;EACtB;EACAC,UAAU,EAAE,UAAU;EACtBC,SAAS,EAAE,SAAS;EACpB;EACAC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,MAAM;EAClBC,SAAS,EAAE,SAAS;EACpBC,OAAO,EAAE,SAAS;EAClB;EACAC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGpB,IAAI,CAACG,SAAS,CAAC;AAElD,OAAO,MAAMkB,oBAAoB,GAAIC,MAAsB,IACzDA,MAAM,IAAIvB,GAAG,CAACuB,MAAM,EAAEnB,SAAS,CAAC,GAAGA,SAAS,CAACmB,MAAM,CAAC,GAAG,SAAS;AAElE,MAAMC,mBAAmB,GAAGA,CAAC;EAACD,MAAM;EAAEE;AAA+B,CAAC,kBACpE1B,KAAA,CAAA2B,aAAA,CAACxB,GAAG;EAACyB,IAAI,EAAEL,oBAAoB,CAACC,MAAM,CAAE;EAACE,KAAK,EAAEA;AAAM,CAAE,CACzD;AAEDD,mBAAmB,CAACrB,SAAS,GAAAyB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG3B,SAAS;AAEzC,eAAeqB,mBAAmB","ignoreList":[]}

package/es/molecule/assignment-status-tag/types.d.ts

@@ -0,0 +1,15 @@
+import PropTypes from 'prop-types';
+export declare type TagType = 'info' | 'success' | 'failure' | 'warning' | 'progress' | 'default';
+declare const propTypes: {
+    status: PropTypes.Requireable<string>;
+    label: PropTypes.Validator<string>;
+};
+export default propTypes;
+export declare type AssignmentStatusTagProps = {
+    status?: string | null;
+    label: string;
+};
+export declare type AssignmentStatusTagPropsFixture = {
+    props: AssignmentStatusTagProps;
+};
+//# sourceMappingURL=types.d.ts.map

package/es/molecule/assignment-status-tag/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/assignment-status-tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,oBAAY,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAE1F,QAAA,MAAM,SAAS;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,wBAAwB,GAAG;IACrC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,+BAA+B,GAAG;IAAC,KAAK,EAAE,wBAAwB,CAAA;CAAC,CAAC"}

package/es/molecule/assignment-status-tag/types.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+const propTypes = {
+  // Any string: an unknown key renders a default tag
+  status: PropTypes.string,
+  label: PropTypes.string.isRequired
+};
+export default propTypes;
+//# sourceMappingURL=types.js.map

package/es/molecule/assignment-status-tag/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","status","string","label","isRequired"],"sources":["../../../src/molecule/assignment-status-tag/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport type TagType = 'info' | 'success' | 'failure' | 'warning' | 'progress' | 'default';\n\nconst propTypes = {\n  // Any string: an unknown key renders a default tag\n  status: PropTypes.string,\n  label: PropTypes.string.isRequired\n};\n\nexport default propTypes;\n\nexport type AssignmentStatusTagProps = {\n  status?: string | null;\n  label: string;\n};\n\nexport type AssignmentStatusTagPropsFixture = {props: AssignmentStatusTagProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAIlC,MAAMC,SAAS,GAAG;EAChB;EACAC,MAAM,EAAEF,SAAS,CAACG,MAAM;EACxBC,KAAK,EAAEJ,SAAS,CAACG,MAAM,CAACE;AAC1B,CAAC;AAED,eAAeJ,SAAS","ignoreList":[]}

package/es/molecule/brand-form-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AAgIA,yDAiCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AAmIA,yDAiCC"}

package/es/molecule/brand-form-group/index.js

@@ -9,6 +9,7 @@ import Autocomplete from '../../atom/autocomplete';
 import Select from '../../atom/select';
 import SelectMultiple from '../select-multiple';
 import InputText from '../../atom/input-text';
+import InputDate from '../../atom/input-date';
 import InputColor from '../../atom/input-color';
 import InputCheckbox from '../../atom/input-checkbox';
 import InputReadonly from '../../atom/input-readonly';
@@ -73,6 +74,8 @@ const buildInput = field => {
       return /*#__PURE__*/React.createElement(SetupSlider, field);
     case 'sections':
       return /*#__PURE__*/React.createElement(SetupSections, field);
+    case 'date':
+      return /*#__PURE__*/React.createElement(InputDate, field);
     case 'text':
     case 'password':
       return /*#__PURE__*/React.createElement(InputText, field);
@@ -209,6 +212,10 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   }), PropTypes.shape({
     ...SetupSections.propTypes,
     type: PropTypes.oneOf(['sections'])
+  }), PropTypes.shape({
+    ...InputDate.propTypes,
+    type: PropTypes.oneOf(['date']),
+    size: PropTypes.oneOf(_keys(inputContainerStyle))
   }), PropTypes.shape({
     ...InputText.propTypes,
     type: PropTypes.oneOf(['text', 'password']),