design-react-kit 5.0.0-0 → 5.0.0-1

package/dist/esm/ItFilePpt-c49636d1.js

@@ -0,0 +1,27 @@
+import { createElement } from 'react';
+
+const component = _ref => {
+  let {
+    title,
+    titleId,
+    ...props
+  } = _ref;
+  return createElement("svg", Object.assign({
+    width: 24,
+    height: 24,
+    viewBox: '0 0 24 24',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    "aria-labelledby": titleId
+  }, props), title ? createElement("title", {
+    id: titleId
+  }, title) : null, createElement("path", {
+    clipRule: 'evenodd',
+    d: 'M14.7 2H6.5A1.5 1.5 0 0 0 5 3.5V16h1V3.5a.5.5 0 0 1 .5-.5H14v2.5A1.5 1.5 0 0 0 15.5 7H18v13.5a.5.5 0 0 1-.5.5H15v1h2.5a1.5 1.5 0 0 0 1.5-1.5V6.3L14.7 2Zm.3 1.7L17.3 6h-1.8a.5.5 0 0 1-.5-.5V3.7Z'
+  }), createElement("path", {
+    d: 'M4.825 20.519h-.818v1.445H3V17h1.825c1.178 0 1.767.574 1.767 1.723 0 .579-.151 1.024-.453 1.336-.297.306-.735.46-1.314.46Zm-.818-.862h.81c.502 0 .753-.311.753-.934 0-.307-.061-.526-.183-.657-.122-.136-.311-.205-.57-.205h-.81v1.796ZM9.124 20.519h-.818v1.445H7.3V17h1.825c1.178 0 1.766.574 1.766 1.723 0 .579-.15 1.024-.452 1.336-.297.306-.735.46-1.314.46Zm-.818-.862h.81c.502 0 .752-.311.752-.934 0-.307-.06-.526-.182-.657-.122-.136-.312-.205-.57-.205h-.81v1.796ZM11.152 17.89V17h3.65v.89h-1.314v4.074h-1.007v-4.073h-1.329Z'
+  }));
+};
+
+export { component };
+//# sourceMappingURL=ItFilePpt-c49636d1.js.map

package/dist/esm/ItFilePpt-c49636d1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItFilePpt-c49636d1.js","sources":["../../src/Icon/assets/ItFilePpt.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({\n  title,\n  titleId,\n  ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox='0 0 24 24'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        clipRule='evenodd'\n        d='M14.7 2H6.5A1.5 1.5 0 0 0 5 3.5V16h1V3.5a.5.5 0 0 1 .5-.5H14v2.5A1.5 1.5 0 0 0 15.5 7H18v13.5a.5.5 0 0 1-.5.5H15v1h2.5a1.5 1.5 0 0 0 1.5-1.5V6.3L14.7 2Zm.3 1.7L17.3 6h-1.8a.5.5 0 0 1-.5-.5V3.7Z'\n      />\n      <path d='M4.825 20.519h-.818v1.445H3V17h1.825c1.178 0 1.767.574 1.767 1.723 0 .579-.151 1.024-.453 1.336-.297.306-.735.46-1.314.46Zm-.818-.862h.81c.502 0 .753-.311.753-.934 0-.307-.061-.526-.183-.657-.122-.136-.311-.205-.57-.205h-.81v1.796ZM9.124 20.519h-.818v1.445H7.3V17h1.825c1.178 0 1.766.574 1.766 1.723 0 .579-.15 1.024-.452 1.336-.297.306-.735.46-1.314.46Zm-.818-.862h.81c.502 0 .752-.311.752-.934 0-.307-.06-.526-.182-.657-.122-.136-.312-.205-.57-.205h-.81v1.796ZM11.152 17.89V17h3.65v.89h-1.314v4.074h-1.007v-4.073h-1.329Z' />\n    </svg>\n  );\n};\n"],"names":["component","title","titleId","props","React","width","height","viewBox","fill","xmlns","id","clipRule","d"],"mappings":";;MAMaA,SAAS,GAAG;MAAC;IACxBC,KAAK;IACLC,OAAO;IACP,GAAGC;GACiC;EACpC,OACEC;IACEC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,4BAA4B;uBACjBP;KACbC,KAAK,GAERF,KAAK,GAAGG;IAAOM,EAAE,EAAER;KAAUD,KAAK,CAAS,GAAG,IAAI,EACnDG;IACEO,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC;IACF,EACFR;IAAMQ,CAAC,EAAC;IAA+gB,CACnhB;AAEV;;;;"}

package/dist/esm/ItMoodle-e5b95396.js

@@ -0,0 +1,27 @@
+import { createElement } from 'react';
+
+const component = _ref => {
+  let {
+    title,
+    titleId,
+    ...props
+  } = _ref;
+  return createElement("svg", Object.assign({
+    width: 24,
+    height: 24,
+    viewBox: '0 0 24 24',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    "aria-labelledby": titleId
+  }, props), title ? createElement("title", {
+    id: titleId
+  }, title) : null, createElement("path", {
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
+    d: 'm14.556 6-6.223.444L3 9.556h1.333v4.095c-.258.214-.444.784-.444 1.46 0 .86.299 1.556.667 1.556.368 0 .666-.475.666-1.334 0-.676-.186-1.382-.444-1.655V9.556h4.889L14.556 6ZM12.11 8.222 9.89 10H6.333c-.043.216-.055.208-.055.436 0 .23.023.457.068.674.124-.004 2.654-.221 3.996.89.26-.788.982-1.8 2.007-2.72.094-.085.112-.09.207-.169 0-.444-.205-.632-.445-.889Zm3.778.445a3.977 3.977 0 0 0-2.667 1.03c-.134-.12-.28-.228-.43-.33-.055.047-.11.094-.165.143-.723.648-1.29 1.342-1.656 1.972.539.244.918.78.918 1.407V18h2.667v-5.111c0-.856.7-1.556 1.555-1.556.856 0 1.556.7 1.556 1.556V18h2.666v-5.333c0-2.2-1.8-4-4-4h-.444ZM6.346 11.34a3.938 3.938 0 0 0-.235 1.327V18h2.667v-5.111c0-.385.148-.732.383-1.003-.685-.315-1.686-.52-2.815-.546Z',
+    fill: '#000'
+  }));
+};
+
+export { component };
+//# sourceMappingURL=ItMoodle-e5b95396.js.map

package/dist/esm/ItMoodle-e5b95396.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItMoodle-e5b95396.js","sources":["../../src/Icon/assets/ItMoodle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({\n  title,\n  titleId,\n  ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox='0 0 24 24'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule='evenodd'\n        clipRule='evenodd'\n        d='m14.556 6-6.223.444L3 9.556h1.333v4.095c-.258.214-.444.784-.444 1.46 0 .86.299 1.556.667 1.556.368 0 .666-.475.666-1.334 0-.676-.186-1.382-.444-1.655V9.556h4.889L14.556 6ZM12.11 8.222 9.89 10H6.333c-.043.216-.055.208-.055.436 0 .23.023.457.068.674.124-.004 2.654-.221 3.996.89.26-.788.982-1.8 2.007-2.72.094-.085.112-.09.207-.169 0-.444-.205-.632-.445-.889Zm3.778.445a3.977 3.977 0 0 0-2.667 1.03c-.134-.12-.28-.228-.43-.33-.055.047-.11.094-.165.143-.723.648-1.29 1.342-1.656 1.972.539.244.918.78.918 1.407V18h2.667v-5.111c0-.856.7-1.556 1.555-1.556.856 0 1.556.7 1.556 1.556V18h2.666v-5.333c0-2.2-1.8-4-4-4h-.444ZM6.346 11.34a3.938 3.938 0 0 0-.235 1.327V18h2.667v-5.111c0-.385.148-.732.383-1.003-.685-.315-1.686-.52-2.815-.546Z'\n        fill='#000'\n      />\n    </svg>\n  );\n};\n"],"names":["component","title","titleId","props","React","width","height","viewBox","fill","xmlns","id","fillRule","clipRule","d"],"mappings":";;MAMaA,SAAS,GAAG;MAAC;IACxBC,KAAK;IACLC,OAAO;IACP,GAAGC;GACiC;EACpC,OACEC;IACEC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,4BAA4B;uBACjBP;KACbC,KAAK,GAERF,KAAK,GAAGG;IAAOM,EAAE,EAAER;KAAUD,KAAK,CAAS,GAAG,IAAI,EACnDG;IACEO,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,2tBAA2tB;IAC7tBL,IAAI,EAAC;IACL,CACE;AAEV;;;;"}

package/dist/esm/ItMoodleSquare-e8bd4c5a.js

@@ -0,0 +1,30 @@
+import { createElement } from 'react';
+
+const component = _ref => {
+  let {
+    title,
+    titleId,
+    ...props
+  } = _ref;
+  return createElement("svg", Object.assign({
+    width: 24,
+    height: 24,
+    viewBox: '0 0 24 24',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    "aria-labelledby": titleId
+  }, props), title ? createElement("title", {
+    id: titleId
+  }, title) : null, createElement("path", {
+    fill: '#fff',
+    d: 'M0 0h24v24H0z'
+  }), createElement("path", {
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
+    d: 'M3.566 1.33h16.761a2.286 2.286 0 0 1 2.286 2.286v16.762a2.286 2.286 0 0 1-2.286 2.285H3.565a2.286 2.286 0 0 1-2.285-2.285V3.616A2.286 2.286 0 0 1 3.565 1.33Zm4.767 5.444 6.222-.444-4.889 3.556H4.778v4.122c.258.273.444.979.444 1.655 0 .86-.299 1.334-.667 1.334-.368 0-.666-.697-.666-1.556 0-.676.186-1.246.444-1.46V9.886H3l5.333-3.112ZM9.89 10.33l2.222-1.778.045.049c.22.233.4.424.4.84l-.09.072c-.034.025-.063.047-.117.097-1.025.92-1.747 1.932-2.007 2.72-1.277-1.057-3.627-.912-3.96-.892l-.036.002a3.337 3.337 0 0 1-.068-.674c0-.18.007-.213.031-.323l.024-.113H9.89Zm3.333-.302a3.977 3.977 0 0 1 2.667-1.031h.444c2.2 0 4 1.8 4 4v5.333h-2.666v-5.111c0-.856-.7-1.556-1.556-1.556-.856 0-1.556.7-1.556 1.556v5.111H11.89v-5.111c0-.627-.38-1.163-.918-1.407.366-.63.933-1.324 1.655-1.972l.113-.098.052-.045c.15.102.296.21.431.33Zm-7.111 2.969c0-.466.087-.91.235-1.327 1.129.026 2.13.23 2.814.546-.234.271-.382.618-.382 1.003v5.111H6.11v-5.333Z',
+    fill: '#1E1E1E'
+  }));
+};
+
+export { component };
+//# sourceMappingURL=ItMoodleSquare-e8bd4c5a.js.map

package/dist/esm/ItMoodleSquare-e8bd4c5a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItMoodleSquare-e8bd4c5a.js","sources":["../../src/Icon/assets/ItMoodleSquare.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport const component = ({\n  title,\n  titleId,\n  ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) => {\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox='0 0 24 24'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path fill='#fff' d='M0 0h24v24H0z' />\n      <path\n        fillRule='evenodd'\n        clipRule='evenodd'\n        d='M3.566 1.33h16.761a2.286 2.286 0 0 1 2.286 2.286v16.762a2.286 2.286 0 0 1-2.286 2.285H3.565a2.286 2.286 0 0 1-2.285-2.285V3.616A2.286 2.286 0 0 1 3.565 1.33Zm4.767 5.444 6.222-.444-4.889 3.556H4.778v4.122c.258.273.444.979.444 1.655 0 .86-.299 1.334-.667 1.334-.368 0-.666-.697-.666-1.556 0-.676.186-1.246.444-1.46V9.886H3l5.333-3.112ZM9.89 10.33l2.222-1.778.045.049c.22.233.4.424.4.84l-.09.072c-.034.025-.063.047-.117.097-1.025.92-1.747 1.932-2.007 2.72-1.277-1.057-3.627-.912-3.96-.892l-.036.002a3.337 3.337 0 0 1-.068-.674c0-.18.007-.213.031-.323l.024-.113H9.89Zm3.333-.302a3.977 3.977 0 0 1 2.667-1.031h.444c2.2 0 4 1.8 4 4v5.333h-2.666v-5.111c0-.856-.7-1.556-1.556-1.556-.856 0-1.556.7-1.556 1.556v5.111H11.89v-5.111c0-.627-.38-1.163-.918-1.407.366-.63.933-1.324 1.655-1.972l.113-.098.052-.045c.15.102.296.21.431.33Zm-7.111 2.969c0-.466.087-.91.235-1.327 1.129.026 2.13.23 2.814.546-.234.271-.382.618-.382 1.003v5.111H6.11v-5.333Z'\n        fill='#1E1E1E'\n      />\n    </svg>\n  );\n};\n"],"names":["component","title","titleId","props","React","width","height","viewBox","fill","xmlns","id","d","fillRule","clipRule"],"mappings":";;MAMaA,SAAS,GAAG;MAAC;IACxBC,KAAK;IACLC,OAAO;IACP,GAAGC;GACiC;EACpC,OACEC;IACEC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,4BAA4B;uBACjBP;KACbC,KAAK,GAERF,KAAK,GAAGG;IAAOM,EAAE,EAAER;KAAUD,KAAK,CAAS,GAAG,IAAI,EACnDG;IAAMI,IAAI,EAAC,MAAM;IAACG,CAAC,EAAC;IAAkB,EACtCP;IACEQ,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBF,CAAC,EAAC,w6BAAw6B;IAC16BH,IAAI,EAAC;IACL,CACE;AAEV;;;;"}

package/dist/esm/index.js

@@ -1,7 +1,7 @@
-import { Alert as Alert$1, Badge as Badge$1, Breadcrumb as Breadcrumb$1, Button as Button$1, Card as Card$1, CardBody as CardBody$1, CardTitle as CardTitle$1, CardText as CardText$1, Collapse as Collapse$1, NavbarBrand, Navbar, Container, Row, Col, NavbarToggler, Nav as Nav$1, UncontrolledDropdown, DropdownToggle, DropdownMenu, Modal as Modal$1, ModalBody as ModalBody$1, ModalFooter as ModalFooter$1, FormGroup, Label, Input as Input$1, Dropdown } from 'reactstrap';
+import { Alert as Alert$1, Button as Button$1, Badge as Badge$1, Breadcrumb as Breadcrumb$1, Card as Card$1, CardBody as CardBody$1, CardTitle as CardTitle$1, CardText as CardText$1, Collapse as Collapse$1, NavbarBrand, Navbar, Container, Row, Col, NavbarToggler, Nav as Nav$1, UncontrolledDropdown, DropdownToggle, DropdownMenu, Modal as Modal$1, ModalBody as ModalBody$1, ModalFooter as ModalFooter$1, FormGroup, Label, Input as Input$1, Dropdown } from 'reactstrap';
 export { BreadcrumbItem, ButtonDropdown, ButtonGroup, ButtonToolbar, CardColumns, CardDeck, CardFooter, CardGroup, CardHeader, CardImg, CardImgOverlay, CardLink, CardSubtitle, Col, Container, Dropdown, DropdownItem, DropdownMenu, DropdownToggle, Fade, Form, FormFeedback, FormGroup, FormText, InputGroup, InputGroupText, Label, ListGroup, ListGroupItem, ListGroupItemHeading, ListGroupItemText, Media, NavItem, NavLink, Navbar, NavbarBrand, NavbarToggler, PaginationItem as PagerItem, PaginationLink as PagerLink, Popover, PopoverBody, PopoverHeader, Row, TabContent, TabPane, Table, Tooltip, UncontrolledAlert, UncontrolledButtonDropdown, UncontrolledCollapse, UncontrolledDropdown, UncontrolledTooltip, Util } from 'reactstrap';
 export { useNavScroll } from 'react-use-navscroll';
-import React__default, { useState, useCallback, useEffect, createContext, useContext, Fragment } from 'react';
+import React__default, { useState, useCallback, useEffect, useLayoutEffect, createContext, useContext, Fragment } from 'react';
 import classNames from 'classnames';
 import { Transition } from 'react-transition-group';
 import { StickyProvider, Sticky } from 'react-stickup';
@@ -71,7 +71,7 @@ const AccordionHeader = _ref => {
   } = _ref;
   const Tag = tag;
   const toggleClasses = classNames(className, 'accordion-button', {
-    collapsed: active
+    collapsed: !active
   });
   return React__default.createElement("div", {
     className: 'accordion-header',
@@ -362,212 +362,6 @@ const AvatarWrapper = _ref => {
   }));
 };
 
-const Badge = _ref => {
-  let {
-    color = 'secondary',
-    pill = false,
-    tag = 'span',
-    children,
-    testId,
-    ...attributes
-  } = _ref;
-  return React__default.createElement(Badge$1, Object.assign({
-    color: color,
-    pill: pill,
-    tag: tag
-  }, attributes, {
-    "data-testid": testId
-  }), children);
-};
-
-const Breadcrumb = _ref => {
-  let {
-    className,
-    listClassName,
-    dark,
-    'aria-label': label,
-    testId,
-    ...attributes
-  } = _ref;
-  const classes = classNames(className, 'breadcrumb-container');
-  const listClasses = classNames(listClassName, {
-    dark
-  });
-  const ariaLabel = label ?? 'breadcrumb';
-  return React__default.createElement(Breadcrumb$1, Object.assign({
-    className: classes,
-    listClassName: listClasses,
-    "aria-label": ariaLabel,
-    "data-testid": testId
-  }, attributes));
-};
-
-const Button = _ref => {
-  let {
-    tag = 'button',
-    icon = false,
-    color = '',
-    className,
-    testId,
-    ...attributes
-  } = _ref;
-  const classes = classNames(className, {
-    'btn-icon': icon
-  });
-  const ariaAttributes = {
-    ...(attributes.disabled && {
-      'aria-disabled': true
-    })
-  };
-  const baseProps = {
-    color,
-    tag
-  };
-  return React__default.createElement(Button$1, Object.assign({
-    className: classes,
-    "data-testid": testId
-  }, baseProps, attributes, ariaAttributes));
-};
-
-const Forward = _ref => {
-  let {
-    className,
-    scrollToRef,
-    children,
-    testId,
-    ...attributes
-  } = _ref;
-  const classes = classNames(className, 'forward');
-  return React__default.createElement("a", Object.assign({
-    className: classes,
-    onClick: () => {
-      var _scrollToRef$current;
-      return (_scrollToRef$current = scrollToRef.current) == null ? void 0 : _scrollToRef$current.scrollIntoView({
-        behavior: 'smooth',
-        block: 'start'
-      });
-    },
-    "data-testid": testId
-  }, attributes), children);
-};
-
-const Callout = _ref => {
-  let {
-    children,
-    color = '',
-    highlight = false,
-    className,
-    detailed,
-    tag = 'div',
-    testId,
-    ...attributes
-  } = _ref;
-  const Tag = tag;
-  const classes = classNames(className, color, 'callout', {
-    'callout-highlight': highlight,
-    'callout-more': detailed
-  });
-  return React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }), children);
-};
-
-const CalloutText = _ref => {
-  let {
-    bigText = false,
-    children,
-    className,
-    tag = 'p',
-    testId,
-    ...attributes
-  } = _ref;
-  const Tag = tag;
-  const classes = classNames(className, {
-    'callout-big-text': bigText
-  });
-  return React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }), children);
-};
-
-const CalloutTitle = _ref => {
-  let {
-    children,
-    className,
-    tag = 'div',
-    testId,
-    ...attributes
-  } = _ref;
-  const Tag = tag;
-  const classes = classNames(className, 'callout-title');
-  return React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }), children);
-};
-
-const Card = _ref => {
-  let {
-    tag = 'div',
-    teaser,
-    spacing,
-    noWrapper = false,
-    wrapperClassName,
-    testId,
-    ...attributes
-  } = _ref;
-  const wrapperClasses = classNames('card-wrapper', wrapperClassName, {
-    'card-space': spacing,
-    'card-teaser-wrapper': teaser
-  });
-  const cardClasses = classNames(attributes.className, {
-    'card-teaser': teaser
-  });
-  if (noWrapper) {
-    return React__default.createElement(Card$1, Object.assign({}, attributes, {
-      className: cardClasses,
-      tag: tag,
-      "data-testid": testId
-    }));
-  }
-  return React__default.createElement("div", {
-    className: wrapperClasses,
-    "data-testid": testId
-  }, React__default.createElement(Card$1, Object.assign({}, attributes, {
-    className: cardClasses,
-    tag: tag
-  })));
-};
-
-const CardBody = _ref => {
-  let {
-    tag = 'div',
-    testId,
-    ...props
-  } = _ref;
-  return React__default.createElement(CardBody$1, Object.assign({}, props, {
-    tag: tag,
-    "data-testid": testId
-  }));
-};
-
-const CardTitle = props => {
-  return React__default.createElement(CardTitle$1, Object.assign({}, props, {
-    "data-testid": props.testId
-  }));
-};
-
-const CardText = props => {
-  return React__default.createElement(CardText$1, Object.assign({}, props, {
-    "data-testid": props.testId
-  }));
-};
-
 const iconList = {
   'it-arrow-down-circle': true,
   'it-arrow-down-triangle': true,
@@ -623,6 +417,7 @@ const iconList = {
   'it-file-odt': true,
   'it-file-pdf-ext': true,
   'it-file-pdf': true,
+  'it-file-ppt': true,
   'it-file-sheet': true,
   'it-file-slides': true,
   'it-file-txt': true,
@@ -669,6 +464,8 @@ const iconList = {
   'it-minimize': true,
   'it-minus-circle': true,
   'it-minus': true,
+  'it-moodle-square': true,
+  'it-moodle': true,
   'it-more-actions': true,
   'it-more-items': true,
   'it-note': true,
@@ -949,6 +746,10 @@ const loadIcon = name => {
       {
         return import('./ItFilePdf-92aa9158.js');
       }
+    case 'it-file-ppt':
+      {
+        return import('./ItFilePpt-c49636d1.js');
+      }
     case 'it-file-sheet':
       {
         return import('./ItFileSheet-06e138cd.js');
@@ -1133,6 +934,14 @@ const loadIcon = name => {
       {
         return import('./ItMinus-ce118cf3.js');
       }
+    case 'it-moodle-square':
+      {
+        return import('./ItMoodleSquare-e8bd4c5a.js');
+      }
+    case 'it-moodle':
+      {
+        return import('./ItMoodle-e5b95396.js');
+      }
     case 'it-more-actions':
       {
         return import('./ItMoreActions-0273bbe8.js');
@@ -1501,6 +1310,308 @@ const Icon = _ref2 => {
   }, attributes));
 };
 
+const Button = _ref => {
+  let {
+    tag = 'button',
+    icon = false,
+    color = '',
+    className,
+    testId,
+    ...attributes
+  } = _ref;
+  const classes = classNames(className, {
+    'btn-icon': icon
+  });
+  const ariaAttributes = {
+    ...(attributes.disabled && {
+      'aria-disabled': true
+    })
+  };
+  const baseProps = {
+    color,
+    tag
+  };
+  return React__default.createElement(Button$1, Object.assign({
+    className: classes,
+    "data-testid": testId
+  }, baseProps, attributes, ariaAttributes));
+};
+
+const backToTop = () => {
+  window.scrollTo({
+    top: 0,
+    behavior: 'smooth'
+  });
+};
+const BackToTop = _ref => {
+  let {
+    className,
+    dark = false,
+    small = false,
+    shadow = false,
+    showOffset = 200
+  } = _ref;
+  const [showBtn, setShowBtn] = useState(false);
+  useLayoutEffect(() => {
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > showOffset) {
+        setShowBtn(true);
+      } else {
+        setShowBtn(false);
+      }
+    });
+  }, [showOffset]);
+  return React__default.createElement(Button, {
+    "aria-hidden": 'true',
+    tabIndex: -1,
+    className: classNames(className, 'back-to-top', small && 'back-to-top-small', showBtn && 'back-to-top-show', dark && 'dark', shadow && 'shadow'),
+    id: 'back-to-top-btn',
+    onClick: backToTop,
+    style: {
+      padding: 0
+    },
+    color: !dark ? 'primary' : ''
+  }, React__default.createElement(Icon, {
+    color: dark ? 'secondary' : 'white',
+    icon: 'it-arrow-up',
+    style: {
+      top: 0
+    }
+  }));
+};
+
+const Badge = _ref => {
+  let {
+    color = 'secondary',
+    pill = false,
+    tag = 'span',
+    children,
+    testId,
+    ...attributes
+  } = _ref;
+  return React__default.createElement(Badge$1, Object.assign({
+    color: color,
+    pill: pill,
+    tag: tag
+  }, attributes, {
+    "data-testid": testId
+  }), children);
+};
+
+const Breadcrumb = _ref => {
+  let {
+    className,
+    listClassName,
+    dark,
+    'aria-label': label,
+    testId,
+    ...attributes
+  } = _ref;
+  const classes = classNames(className, 'breadcrumb-container');
+  const listClasses = classNames(listClassName, {
+    dark
+  }, dark && 'px-3');
+  const ariaLabel = label ?? 'Percorso di navigazione';
+  return React__default.createElement(Breadcrumb$1, Object.assign({
+    className: classes,
+    listClassName: listClasses,
+    "aria-label": ariaLabel,
+    "data-testid": testId
+  }, attributes));
+};
+
+const Forward = _ref => {
+  let {
+    className,
+    scrollToRef,
+    children,
+    testId,
+    ...attributes
+  } = _ref;
+  const classes = classNames(className, 'forward');
+  return React__default.createElement("a", Object.assign({
+    className: classes,
+    onClick: () => {
+      var _scrollToRef$current;
+      return (_scrollToRef$current = scrollToRef.current) == null ? void 0 : _scrollToRef$current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'start'
+      });
+    },
+    "data-testid": testId
+  }, attributes), children);
+};
+
+const Callout = _ref => {
+  let {
+    children,
+    color = '',
+    highlight = false,
+    className,
+    detailed,
+    tag = 'div',
+    testId,
+    ...attributes
+  } = _ref;
+  const Tag = tag;
+  const classes = classNames(className, color, 'callout', {
+    'callout-highlight': highlight,
+    'callout-more': detailed
+  });
+  return React__default.createElement(Tag, Object.assign({
+    className: classes
+  }, attributes, {
+    "data-testid": testId
+  }), !highlight && !detailed ? React__default.createElement("div", {
+    className: 'callout-inner'
+  }, children) : children);
+};
+
+const CalloutText = _ref => {
+  let {
+    bigText = false,
+    children,
+    className,
+    tag = 'p',
+    testId,
+    ...attributes
+  } = _ref;
+  const Tag = tag;
+  const classes = classNames(className, {
+    'callout-big-text': bigText
+  });
+  return React__default.createElement(Tag, Object.assign({
+    className: classes
+  }, attributes, {
+    "data-testid": testId
+  }), children);
+};
+
+const CalloutTitle = _ref => {
+  let {
+    children,
+    className,
+    tag = 'div',
+    testId,
+    ...attributes
+  } = _ref;
+  const Tag = tag;
+  const classes = classNames(className, 'callout-title');
+  return React__default.createElement(Tag, Object.assign({
+    className: classes
+  }, attributes, {
+    "data-testid": testId
+  }), children);
+};
+
+const CalloutMoreFooter = _ref => {
+  let {
+    id = 'cm-footer',
+    tag = 'div',
+    className,
+    fileUrl,
+    children,
+    ...attributes
+  } = _ref;
+  const Tag = tag;
+  const classes = classNames('collapse-div', className);
+  const [isOpen, setOpen] = useState(false);
+  return React__default.createElement(Tag, Object.assign({}, attributes, {
+    className: classes
+  }), React__default.createElement("div", {
+    className: 'collapse-header',
+    id: `${id}-heading`
+  }, React__default.createElement(Button, {
+    color: 'primary',
+    className: 'callout-more-toggle',
+    onClick: () => setOpen(!isOpen),
+    "aria-controls": `${id}-collapse`,
+    "aria-expanded": isOpen,
+    style: {
+      fontFamily: 'var(--bs-font-sans-serif)',
+      fontSize: '1rem'
+    }
+  }, "Leggi tutto ", React__default.createElement("span", null)), fileUrl && React__default.createElement("a", {
+    className: 'callout-more-download',
+    href: fileUrl,
+    style: {
+      fontFamily: 'var(--bs-font-sans-serif)',
+      fontSize: '1rem'
+    }
+  }, React__default.createElement(Icon, {
+    icon: 'it-download'
+  }), React__default.createElement("span", {
+    className: 'visually-hidden'
+  }, "PDF"), "Download")), React__default.createElement("div", {
+    className: `collapse ${isOpen ? 'show' : ''}`,
+    role: 'tabpanel',
+    id: `${id}-collapse`,
+    "aria-labelledby": `${id}-heading`
+  }, React__default.createElement("div", {
+    className: 'collapse-body'
+  }, children)));
+};
+
+const Card = _ref => {
+  let {
+    tag = 'div',
+    href = undefined,
+    teaser,
+    spacing,
+    noWrapper = false,
+    wrapperClassName,
+    testId,
+    ...attributes
+  } = _ref;
+  const wrapperClasses = classNames('card-wrapper', wrapperClassName, {
+    'card-space': spacing,
+    'card-teaser-wrapper': teaser
+  });
+  const cardClasses = classNames(attributes.className, {
+    'card-teaser': teaser
+  });
+  if (noWrapper) {
+    return React__default.createElement(Card$1, Object.assign({}, attributes, {
+      className: cardClasses,
+      tag: tag,
+      href: tag === 'a' ? href : undefined,
+      "data-testid": testId
+    }));
+  }
+  return React__default.createElement("div", {
+    className: wrapperClasses,
+    "data-testid": testId
+  }, React__default.createElement(Card$1, Object.assign({}, attributes, {
+    className: cardClasses,
+    tag: tag,
+    href: tag === 'a' ? href : undefined
+  })));
+};
+
+const CardBody = _ref => {
+  let {
+    tag = 'div',
+    testId,
+    ...props
+  } = _ref;
+  return React__default.createElement(CardBody$1, Object.assign({}, props, {
+    tag: tag,
+    "data-testid": testId
+  }));
+};
+
+const CardTitle = props => {
+  return React__default.createElement(CardTitle$1, Object.assign({}, props, {
+    "data-testid": props.testId
+  }));
+};
+
+const CardText = props => {
+  return React__default.createElement(CardText$1, Object.assign({}, props, {
+    "data-testid": props.testId
+  }));
+};
+
 const CardCategory = _ref => {
   let {
     iconName,
@@ -4324,5 +4435,5 @@ const ToolbarDividerItem = () => React__default.createElement("li", {
   "aria-hidden": true
 });
 
-export { Accordion, AccordionBody, AccordionHeader, AccordionItem, Alert, AvatarContainer, AvatarExtraText, AvatarGroupContainer, AvatarIcon, AvatarPresence, AvatarStatus, AvatarWrapper, Badge, BottomNav, BottomNavItem, Breadcrumb, Button, Callout, CalloutText, CalloutTitle, Card, CardBody, CardCategory, CardFooterCTA, CardReadMore, CardSignature, CardTag, CardTagsHeader, CardText, CardTitle, Chip, ChipLabel, Collapse, CookieBar, CookieBarButton, CookieBarButtons, Dimmer, DimmerButtons, FontLoader, Forward, GridItem, GridItemText, GridItemTextWrapper, GridList, GridRow, Header, HeaderBrand, HeaderContent, HeaderLinkZone, HeaderRightZone, HeaderSearch, HeaderSocialsZone, HeaderToggler, Headers, Hero, HeroBackground, HeroBody, HeroButton, HeroCategory, HeroTitle, Icon, Input, InputContainer, LinkList, LinkListItem, Megamenu, MegamenuFooter, MegamenuHighlightColumn, MegamenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Nav, NotificationManager, Pager, Progress, Rating, ResponsiveImage, Section, Select, Sidebar, Skiplink, SkiplinkItem, Spinner, StepperContainer, StepperContent, StepperDots, StepperHeader, StepperHeaderElement, StepperNav, TextArea, ThumbNav, ThumbNavItem, TimeInput, Timeline, TimelinePin, Toggle, Toolbar, ToolbarDividerItem, ToolbarItem, clearIconCache, createNotification, iconsList as icons, notify, preloadIcons, useFontLoader };
+export { Accordion, AccordionBody, AccordionHeader, AccordionItem, Alert, AvatarContainer, AvatarExtraText, AvatarGroupContainer, AvatarIcon, AvatarPresence, AvatarStatus, AvatarWrapper, BackToTop, Badge, BottomNav, BottomNavItem, Breadcrumb, Button, Callout, CalloutMoreFooter, CalloutText, CalloutTitle, Card, CardBody, CardCategory, CardFooterCTA, CardReadMore, CardSignature, CardTag, CardTagsHeader, CardText, CardTitle, Chip, ChipLabel, Collapse, CookieBar, CookieBarButton, CookieBarButtons, Dimmer, DimmerButtons, FontLoader, Forward, GridItem, GridItemText, GridItemTextWrapper, GridList, GridRow, Header, HeaderBrand, HeaderContent, HeaderLinkZone, HeaderRightZone, HeaderSearch, HeaderSocialsZone, HeaderToggler, Headers, Hero, HeroBackground, HeroBody, HeroButton, HeroCategory, HeroTitle, Icon, Input, InputContainer, LinkList, LinkListItem, Megamenu, MegamenuFooter, MegamenuHighlightColumn, MegamenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Nav, NotificationManager, Pager, Progress, Rating, ResponsiveImage, Section, Select, Sidebar, Skiplink, SkiplinkItem, Spinner, StepperContainer, StepperContent, StepperDots, StepperHeader, StepperHeaderElement, StepperNav, TextArea, ThumbNav, ThumbNavItem, TimeInput, Timeline, TimelinePin, Toggle, Toolbar, ToolbarDividerItem, ToolbarItem, clearIconCache, createNotification, iconsList as icons, notify, preloadIcons, useFontLoader };
 //# sourceMappingURL=index.js.map