@coorpacademy/components 11.40.26 → 11.42.0

package/lib/atom/radio-with-title/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/lib/atom/title/index.d.ts

@@ -77,6 +77,7 @@ declare namespace Title {
             customLabelClassName: PropTypes.Requireable<string>;
         }>>;
         required: PropTypes.Requireable<boolean>;
+        headingLevel: PropTypes.Requireable<number>;
     };
 }
 import PropTypes from "prop-types";

package/lib/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/lib/atom/title/index.js

@@ -5,6 +5,7 @@ exports.default = void 0;
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _icon = _interopRequireDefault(require("../icon"));
 var _tag = _interopRequireDefault(require("../tag"));
 var _buttonLink = _interopRequireDefault(require("../button-link"));
@@ -67,10 +68,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.default.createElement(_react.default.Fragment, null, title, required ? /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.required
+  }, "*") : null, tag ? /*#__PURE__*/_react.default.createElement(_tag.default, 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.default.createElement("div", {
     className: subtitleStyle
     // eslint-disable-next-line react/no-danger
@@ -87,14 +94,16 @@ const Title = props => {
     className: _style.default.titleContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.titleContent
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, headingLevel ? /*#__PURE__*/_react.default.createElement(Heading, {
+    className: (0, _classnames.default)(titleStyle, _style.default.heading),
+    "data-name": dataName,
+    "aria-label": ariaLabel
+  }, titleContent) : /*#__PURE__*/_react.default.createElement("div", {
     className: titleStyle,
     "data-name": dataName,
     role: "group",
     "aria-label": ariaLabel
-  }, title, required ? /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.required
-  }, "*") : null, tag ? /*#__PURE__*/_react.default.createElement(_tag.default, tag) : null), subtitleSection), !(0, _isEmpty2.default)(button) ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, button) : null));
+  }, titleContent), subtitleSection), !(0, _isEmpty2.default)(button) ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, button) : null));
 };
 Title.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
@@ -107,7 +116,8 @@ Title.propTypes = process.env.NODE_ENV !== "production" ? {
   icon: _propTypes.default.shape(_icon.default.propTypes),
   tag: _propTypes.default.shape(_tag.default.propTypes),
   button: _propTypes.default.shape(_buttonLink.default.propTypes),
-  required: _propTypes.default.bool
+  required: _propTypes.default.bool,
+  headingLevel: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6])
 } : {};
 var _default = exports.default = Title;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_icon","_tag","_buttonLink","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getTitleStyle","type","size","style","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","titleContainer","titleContent","role","_isEmpty2","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","shape","Icon","Tag","ButtonLink","bool","_default","exports"],"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","_interopRequireDefault","require","_propTypes","_classnames","_icon","_tag","_buttonLink","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getTitleStyle","type","size","style","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","titleContainer","classnames","heading","role","_isEmpty2","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","shape","Icon","Tag","ButtonLink","bool","_default","exports"],"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/lib/atom/title/style.css

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

package/lib/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/lib/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/lib/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/lib/molecule/assignment-card/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _colors = require("../../variables/colors");
+var _icon = _interopRequireDefault(require("../../atom/icon"));
+var _card = _interopRequireWildcard(require("../card"));
+var _style = _interopRequireDefault(require("./style.css"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+// 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.COLORS.cm_grey_500,
+    className: _style.default.todo
+  },
+  dueSoon: {
+    iconName: 'clock',
+    color: _colors.COLORS.cm_yellow_400,
+    className: _style.default.dueSoon
+  },
+  overdue: {
+    iconName: 'triangle-exclamation',
+    color: _colors.COLORS.cm_negative_200,
+    className: _style.default.overdue
+  },
+  done: {
+    iconName: 'circle-check',
+    color: _colors.COLORS.cm_positive_200,
+    className: _style.default.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.default.createElement("div", {
+    "data-name": "assignment-card",
+    className: _style.default.wrapper
+  }, /*#__PURE__*/_react.default.createElement(_card.default, _extends({}, cardProps, {
+    onClick: onClick
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.slot
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    "data-name": "due-state",
+    "data-type": dueState,
+    className: (0, _classnames.default)(_style.default.duePill, className),
+    "aria-describedby": dateId
+  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+    iconName: iconName,
+    iconColor: color,
+    size: {
+      faSize: 12,
+      wrapperSize: 12
+    }
+  }), /*#__PURE__*/_react.default.createElement("span", null, dueStateLabel)), /*#__PURE__*/_react.default.createElement("div", {
+    id: dateId,
+    "data-name": "due-date",
+    className: _style.default.tooltip
+  }, dueDateLabel)));
+};
+AssignmentCard.propTypes = process.env.NODE_ENV !== "production" ? {
+  ..._card.cardPropTypes,
+  // The type chip's label. A module (type 'course') passes « Module »: never « Course » (AQ19).
+  typeLabel: _card.cardPropTypes.typeLabel,
+  dueState: _propTypes.default.oneOf(['todo', 'dueSoon', 'overdue', 'done']).isRequired,
+  // The pill label: « To do », « Due soon », « Overdue », « Completed »
+  dueStateLabel: _propTypes.default.string.isRequired,
+  // Shown on hover, as given: "Due Sat 24 Oct", or "Completed Thu 22 Oct" once finished
+  dueDateLabel: _propTypes.default.string.isRequired
+} : {};
+var _default = exports.default = AssignmentCard;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_colors","_icon","_card","_interopRequireWildcard","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","DUE_STATES","todo","iconName","color","COLORS","cm_grey_500","className","style","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","slot","classnames","duePill","iconColor","size","faSize","wrapperSize","id","tooltip","propTypes","process","env","NODE_ENV","cardPropTypes","typeLabel","PropTypes","oneOf","isRequired","string","_default","exports"],"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/lib/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/lib/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/lib/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;AAgCrE,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/lib/molecule/assignment-status-tag/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getAssignmentTagType = exports.default = exports.ASSIGNMENT_TAG_KEYS = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _has = _interopRequireDefault(require("lodash/fp/has"));
+var _keys = _interopRequireDefault(require("lodash/fp/keys"));
+var _tag = _interopRequireDefault(require("../../atom/tag"));
+var _types = _interopRequireDefault(require("./types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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',
+  // Login resolution in an audience upload
+  loginValid: 'success',
+  loginUnknown: 'failure',
+  loginAmbiguous: 'warning',
+  loginInactive: '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'
+};
+const ASSIGNMENT_TAG_KEYS = exports.ASSIGNMENT_TAG_KEYS = (0, _keys.default)(TAG_TYPES);
+const getAssignmentTagType = status => status && (0, _has.default)(status, TAG_TYPES) ? TAG_TYPES[status] : 'default';
+exports.getAssignmentTagType = getAssignmentTagType;
+const AssignmentStatusTag = ({
+  status,
+  label
+}) => /*#__PURE__*/_react.default.createElement(_tag.default, {
+  type: getAssignmentTagType(status),
+  label: label
+});
+AssignmentStatusTag.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
+var _default = exports.default = AssignmentStatusTag;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_has","_keys","_tag","_types","e","__esModule","default","TAG_TYPES","draft","upcoming","active","ended","disabled","loginValid","loginUnknown","loginAmbiguous","loginInactive","ongoingChanges","unavailable","processing","syncError","assigned","inProgress","completed","removed","dueSoon","overdue","late","ASSIGNMENT_TAG_KEYS","exports","keys","getAssignmentTagType","status","has","AssignmentStatusTag","label","createElement","type","propTypes","process","env","NODE_ENV","_default"],"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  // Login resolution in an audience upload\n  loginValid: 'success',\n  loginUnknown: 'failure',\n  loginAmbiguous: 'warning',\n  loginInactive: '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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,IAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAqE,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAErE;AACA,MAAMG,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,UAAU,EAAE,SAAS;EACrBC,YAAY,EAAE,SAAS;EACvBC,cAAc,EAAE,SAAS;EACzBC,aAAa,EAAE,SAAS;EACxB;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;AAEM,MAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,aAAI,EAACvB,SAAS,CAAC;AAE3C,MAAMwB,oBAAoB,GAAIC,MAAsB,IACzDA,MAAM,IAAI,IAAAC,YAAG,EAACD,MAAM,EAAEzB,SAAS,CAAC,GAAGA,SAAS,CAACyB,MAAM,CAAC,GAAG,SAAS;AAACH,OAAA,CAAAE,oBAAA,GAAAA,oBAAA;AAEnE,MAAMG,mBAAmB,GAAGA,CAAC;EAACF,MAAM;EAAEG;AAA+B,CAAC,kBACpEtC,MAAA,CAAAS,OAAA,CAAA8B,aAAA,CAAClC,IAAA,CAAAI,OAAG;EAAC+B,IAAI,EAAEN,oBAAoB,CAACC,MAAM,CAAE;EAACG,KAAK,EAAEA;AAAM,CAAE,CACzD;AAEDD,mBAAmB,CAACI,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,cAAS;AAAC,IAAAI,QAAA,GAAAb,OAAA,CAAAvB,OAAA,GAE3B4B,mBAAmB","ignoreList":[]}

package/lib/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/lib/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/lib/molecule/assignment-status-tag/types.js

@@ -0,0 +1,13 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const propTypes = {
+  // Any string: an unknown key renders a default tag
+  status: _propTypes.default.string,
+  label: _propTypes.default.string.isRequired
+};
+var _default = exports.default = propTypes;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","propTypes","status","PropTypes","string","label","isRequired","_default","exports"],"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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAInC,MAAMG,SAAS,GAAG;EAChB;EACAC,MAAM,EAAEC,kBAAS,CAACC,MAAM;EACxBC,KAAK,EAAEF,kBAAS,CAACC,MAAM,CAACE;AAC1B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEaC,SAAS","ignoreList":[]}

package/lib/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/lib/molecule/brand-form-group/index.js

@@ -12,6 +12,7 @@ var _autocomplete = _interopRequireDefault(require("../../atom/autocomplete"));
 var _select = _interopRequireDefault(require("../../atom/select"));
 var _selectMultiple = _interopRequireDefault(require("../select-multiple"));
 var _inputText = _interopRequireDefault(require("../../atom/input-text"));
+var _inputDate = _interopRequireDefault(require("../../atom/input-date"));
 var _inputColor = _interopRequireDefault(require("../../atom/input-color"));
 var _inputCheckbox = _interopRequireDefault(require("../../atom/input-checkbox"));
 var _inputReadonly = _interopRequireDefault(require("../../atom/input-readonly"));
@@ -80,6 +81,8 @@ const buildInput = field => {
       return /*#__PURE__*/_react.default.createElement(_setupSlider.default, field);
     case 'sections':
       return /*#__PURE__*/_react.default.createElement(_setupSections.default, field);
+    case 'date':
+      return /*#__PURE__*/_react.default.createElement(_inputDate.default, field);
     case 'text':
     case 'password':
       return /*#__PURE__*/_react.default.createElement(_inputText.default, field);
@@ -216,6 +219,10 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   }), _propTypes.default.shape({
     ..._setupSections.default.propTypes,
     type: _propTypes.default.oneOf(['sections'])
+  }), _propTypes.default.shape({
+    ..._inputDate.default.propTypes,
+    type: _propTypes.default.oneOf(['date']),
+    size: _propTypes.default.oneOf((0, _keys2.default)(inputContainerStyle))
   }), _propTypes.default.shape({
     ..._inputText.default.propTypes,
     type: _propTypes.default.oneOf(['text', 'password']),