@openedx/paragon 23.21.3 → 23.22.0

package/dist/Scrollable/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export declare const CLASSNAME_SCROLL_TOP = "pgn__scrollable-body-scroll-top";
+export declare const CLASSNAME_SCROLL_BOTTOM = "pgn__scrollable-body-scroll-bottom";
+export interface ScrollableProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Specifies the content of the `Scrollable`. */
+    children: React.ReactNode;
+    /** Additional classnames for this component. */
+    className?: string;
+}
+declare function Scrollable({ children, className, ...props }: ScrollableProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Scrollable {
+    var displayName: string;
+}
+export default Scrollable;

package/dist/Scrollable/index.js

@@ -1,17 +1,17 @@
 import React, { useState } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import useIsVisible from '../hooks/useIsVisibleHook';
 export const CLASSNAME_SCROLL_TOP = 'pgn__scrollable-body-scroll-top';
 export const CLASSNAME_SCROLL_BOTTOM = 'pgn__scrollable-body-scroll-bottom';
 function Scrollable({
   children,
+  className,
   ...props
 }) {
   const [isScrolledToTop, topSentinelRef] = useIsVisible();
   const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();
   const [valueNow, setValueNow] = useState(0);
-  const className = classNames('pgn__scrollable-body', props.className, {
+  const scrollableClassName = classNames('pgn__scrollable-body', className, {
     [CLASSNAME_SCROLL_TOP]: isScrolledToTop,
     [CLASSNAME_SCROLL_BOTTOM]: isScrolledToBottom
   });
@@ -21,13 +21,13 @@ function Scrollable({
   };
   return /*#__PURE__*/React.createElement("div", {
     ...props,
-    className: className,
+    className: scrollableClassName,
     role: "scrollbar",
     "aria-valuemin": 0,
     "aria-valuemax": 100,
     "aria-valuenow": valueNow,
     "aria-controls": "scrollbar",
-    tabIndex: "0",
+    tabIndex: 0,
     onScroll: handleScroll
   }, /*#__PURE__*/React.createElement("div", {
     ref: topSentinelRef
@@ -37,14 +37,6 @@ function Scrollable({
     ref: bottomSentinelRef
   }));
 }
-Scrollable.propTypes = {
-  /** Specifies the content of the `Scrollable`. */
-  children: PropTypes.node.isRequired,
-  /** Additional classnames for this component. */
-  className: PropTypes.string
-};
-Scrollable.defaultProps = {
-  className: undefined
-};
+Scrollable.displayName = 'Scrollable';
 export default Scrollable;
 //# sourceMappingURL=index.js.map

package/dist/Scrollable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","PropTypes","classNames","useIsVisible","CLASSNAME_SCROLL_TOP","CLASSNAME_SCROLL_BOTTOM","Scrollable","children","props","isScrolledToTop","topSentinelRef","isScrolledToBottom","bottomSentinelRef","valueNow","setValueNow","className","handleScroll","e","maxScrollHeight","currentTarget","scrollHeight","clientHeight","Math","ceil","scrollTop","createElement","role","tabIndex","onScroll","ref","propTypes","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Scrollable/index.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport useIsVisible from '../hooks/useIsVisibleHook';\n\nexport const CLASSNAME_SCROLL_TOP = 'pgn__scrollable-body-scroll-top';\nexport const CLASSNAME_SCROLL_BOTTOM = 'pgn__scrollable-body-scroll-bottom';\n\nfunction Scrollable({ children, ...props }) {\n  const [isScrolledToTop, topSentinelRef] = useIsVisible();\n  const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();\n  const [valueNow, setValueNow] = useState(0);\n  const className = classNames(\n    'pgn__scrollable-body',\n    props.className,\n    {\n      [CLASSNAME_SCROLL_TOP]: isScrolledToTop,\n      [CLASSNAME_SCROLL_BOTTOM]: isScrolledToBottom,\n    },\n  );\n\n  const handleScroll = (e) => {\n    const maxScrollHeight = e.currentTarget.scrollHeight - e.currentTarget.clientHeight;\n    setValueNow(Math.ceil((100 * e.currentTarget.scrollTop) / maxScrollHeight));\n  };\n\n  return (\n    <div\n      {...props}\n      className={className}\n      role=\"scrollbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={valueNow}\n      aria-controls=\"scrollbar\"\n      tabIndex=\"0\"\n      onScroll={handleScroll}\n    >\n      <div ref={topSentinelRef} />\n      <div className=\"pgn__scrollable-body-content\">\n        {children}\n      </div>\n      <div ref={bottomSentinelRef} />\n    </div>\n  );\n}\n\nScrollable.propTypes = {\n  /** Specifies the content of the `Scrollable`. */\n  children: PropTypes.node.isRequired,\n  /** Additional classnames for this component. */\n  className: PropTypes.string,\n};\n\nScrollable.defaultProps = {\n  className: undefined,\n};\n\nexport default Scrollable;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,YAAY,MAAM,2BAA2B;AAEpD,OAAO,MAAMC,oBAAoB,GAAG,iCAAiC;AACrE,OAAO,MAAMC,uBAAuB,GAAG,oCAAoC;AAE3E,SAASC,UAAUA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAE;EAC1C,MAAM,CAACC,eAAe,EAAEC,cAAc,CAAC,GAAGP,YAAY,CAAC,CAAC;EACxD,MAAM,CAACQ,kBAAkB,EAAEC,iBAAiB,CAAC,GAAGT,YAAY,CAAC,CAAC;EAC9D,MAAM,CAACU,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAAC,CAAC,CAAC;EAC3C,MAAMe,SAAS,GAAGb,UAAU,CAC1B,sBAAsB,EACtBM,KAAK,CAACO,SAAS,EACf;IACE,CAACX,oBAAoB,GAAGK,eAAe;IACvC,CAACJ,uBAAuB,GAAGM;EAC7B,CACF,CAAC;EAED,MAAMK,YAAY,GAAIC,CAAC,IAAK;IAC1B,MAAMC,eAAe,GAAGD,CAAC,CAACE,aAAa,CAACC,YAAY,GAAGH,CAAC,CAACE,aAAa,CAACE,YAAY;IACnFP,WAAW,CAACQ,IAAI,CAACC,IAAI,CAAE,GAAG,GAAGN,CAAC,CAACE,aAAa,CAACK,SAAS,GAAIN,eAAe,CAAC,CAAC;EAC7E,CAAC;EAED,oBACEnB,KAAA,CAAA0B,aAAA;IAAA,GACMjB,KAAK;IACTO,SAAS,EAAEA,SAAU;IACrBW,IAAI,EAAC,WAAW;IAChB,iBAAe,CAAE;IACjB,iBAAe,GAAI;IACnB,iBAAeb,QAAS;IACxB,iBAAc,WAAW;IACzBc,QAAQ,EAAC,GAAG;IACZC,QAAQ,EAAEZ;EAAa,gBAEvBjB,KAAA,CAAA0B,aAAA;IAAKI,GAAG,EAAEnB;EAAe,CAAE,CAAC,eAC5BX,KAAA,CAAA0B,aAAA;IAAKV,SAAS,EAAC;EAA8B,GAC1CR,QACE,CAAC,eACNR,KAAA,CAAA0B,aAAA;IAAKI,GAAG,EAAEjB;EAAkB,CAAE,CAC3B,CAAC;AAEV;AAEAN,UAAU,CAACwB,SAAS,GAAG;EACrB;EACAvB,QAAQ,EAAEN,SAAS,CAAC8B,IAAI,CAACC,UAAU;EACnC;EACAjB,SAAS,EAAEd,SAAS,CAACgC;AACvB,CAAC;AAED3B,UAAU,CAAC4B,YAAY,GAAG;EACxBnB,SAAS,EAAEoB;AACb,CAAC;AAED,eAAe7B,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useState","classNames","useIsVisible","CLASSNAME_SCROLL_TOP","CLASSNAME_SCROLL_BOTTOM","Scrollable","children","className","props","isScrolledToTop","topSentinelRef","isScrolledToBottom","bottomSentinelRef","valueNow","setValueNow","scrollableClassName","handleScroll","e","maxScrollHeight","currentTarget","scrollHeight","clientHeight","Math","ceil","scrollTop","createElement","role","tabIndex","onScroll","ref","displayName"],"sources":["../../src/Scrollable/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\n\nimport useIsVisible from '../hooks/useIsVisibleHook';\n\nexport const CLASSNAME_SCROLL_TOP = 'pgn__scrollable-body-scroll-top';\nexport const CLASSNAME_SCROLL_BOTTOM = 'pgn__scrollable-body-scroll-bottom';\n\nexport interface ScrollableProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Specifies the content of the `Scrollable`. */\n  children: React.ReactNode;\n  /** Additional classnames for this component. */\n  className?: string;\n}\n\nfunction Scrollable({ children, className, ...props }: ScrollableProps) {\n  const [isScrolledToTop, topSentinelRef] = useIsVisible();\n  const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();\n  const [valueNow, setValueNow] = useState(0);\n  const scrollableClassName = classNames(\n    'pgn__scrollable-body',\n    className,\n    {\n      [CLASSNAME_SCROLL_TOP]: isScrolledToTop,\n      [CLASSNAME_SCROLL_BOTTOM]: isScrolledToBottom,\n    },\n  );\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const maxScrollHeight = e.currentTarget.scrollHeight - e.currentTarget.clientHeight;\n    setValueNow(Math.ceil((100 * e.currentTarget.scrollTop) / maxScrollHeight));\n  };\n\n  return (\n    <div\n      {...props}\n      className={scrollableClassName}\n      role=\"scrollbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={valueNow}\n      aria-controls=\"scrollbar\"\n      tabIndex={0}\n      onScroll={handleScroll}\n    >\n      <div ref={topSentinelRef as React.RefObject<HTMLDivElement>} />\n      <div className=\"pgn__scrollable-body-content\">\n        {children}\n      </div>\n      <div ref={bottomSentinelRef as React.RefObject<HTMLDivElement>} />\n    </div>\n  );\n}\n\nScrollable.displayName = 'Scrollable';\n\nexport default Scrollable;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,YAAY,MAAM,2BAA2B;AAEpD,OAAO,MAAMC,oBAAoB,GAAG,iCAAiC;AACrE,OAAO,MAAMC,uBAAuB,GAAG,oCAAoC;AAS3E,SAASC,UAAUA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAuB,CAAC,EAAE;EACtE,MAAM,CAACC,eAAe,EAAEC,cAAc,CAAC,GAAGR,YAAY,CAAC,CAAC;EACxD,MAAM,CAACS,kBAAkB,EAAEC,iBAAiB,CAAC,GAAGV,YAAY,CAAC,CAAC;EAC9D,MAAM,CAACW,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAAC,CAAC,CAAC;EAC3C,MAAMe,mBAAmB,GAAGd,UAAU,CACpC,sBAAsB,EACtBM,SAAS,EACT;IACE,CAACJ,oBAAoB,GAAGM,eAAe;IACvC,CAACL,uBAAuB,GAAGO;EAC7B,CACF,CAAC;EAED,MAAMK,YAAY,GAAIC,CAAgC,IAAK;IACzD,MAAMC,eAAe,GAAGD,CAAC,CAACE,aAAa,CAACC,YAAY,GAAGH,CAAC,CAACE,aAAa,CAACE,YAAY;IACnFP,WAAW,CAACQ,IAAI,CAACC,IAAI,CAAE,GAAG,GAAGN,CAAC,CAACE,aAAa,CAACK,SAAS,GAAIN,eAAe,CAAC,CAAC;EAC7E,CAAC;EAED,oBACEnB,KAAA,CAAA0B,aAAA;IAAA,GACMjB,KAAK;IACTD,SAAS,EAAEQ,mBAAoB;IAC/BW,IAAI,EAAC,WAAW;IAChB,iBAAe,CAAE;IACjB,iBAAe,GAAI;IACnB,iBAAeb,QAAS;IACxB,iBAAc,WAAW;IACzBc,QAAQ,EAAE,CAAE;IACZC,QAAQ,EAAEZ;EAAa,gBAEvBjB,KAAA,CAAA0B,aAAA;IAAKI,GAAG,EAAEnB;EAAkD,CAAE,CAAC,eAC/DX,KAAA,CAAA0B,aAAA;IAAKlB,SAAS,EAAC;EAA8B,GAC1CD,QACE,CAAC,eACNP,KAAA,CAAA0B,aAAA;IAAKI,GAAG,EAAEjB;EAAqD,CAAE,CAC9D,CAAC;AAEV;AAEAP,UAAU,CAACyB,WAAW,GAAG,YAAY;AAErC,eAAezB,UAAU","ignoreList":[]}

package/dist/index.d.ts

@@ -19,6 +19,7 @@ export { default as ModalDialog } from './Modal/ModalDialog';
 export { default as ModalLayer } from './Modal/ModalLayer';
 export { default as Overlay, OverlayTrigger } from './Overlay';
 export { default as Portal } from './Modal/Portal';
+export { default as Scrollable } from './Scrollable';
 export { default as Spinner } from './Spinner';
 export { default as Stack } from './Stack';
 export { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';
@@ -36,7 +37,6 @@ export { default as CloseButton } from './CloseButton';
 export { default as Layout, Col, Row } from './Layout';
 export { default as Collapse } from './Collapse';
 export { default as Collapsible } from './Collapsible';
-export { default as Scrollable } from './Scrollable';
 export { default as Dropdown, DropdownToggle, DropdownButton, SplitButton, } from './Dropdown';
 export { default as Fade } from './Fade';
 export { default as IconButtonToggle } from './IconButtonToggle';

package/dist/index.js

@@ -22,6 +22,7 @@ export { default as ModalDialog } from './Modal/ModalDialog';
 export { default as ModalLayer } from './Modal/ModalLayer';
 export { default as Overlay, OverlayTrigger } from './Overlay';
 export { default as Portal } from './Modal/Portal';
+export { default as Scrollable } from './Scrollable';
 export { default as Spinner } from './Spinner';
 export { default as Stack } from './Stack';
 export { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';
@@ -52,8 +53,6 @@ export { default as Layout, Col, Row } from './Layout';
 export { default as Collapse } from './Collapse';
 // @ts-ignore: has yet to be converted to TypeScript
 export { default as Collapsible } from './Collapsible';
-// @ts-ignore: has yet to be converted to TypeScript
-export { default as Scrollable } from './Scrollable';
 export { default as Dropdown, DropdownToggle, DropdownButton, SplitButton
 // @ts-ignore: has yet to be converted to TypeScript
 } from './Dropdown';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","ActionRow","Alert","ALERT_CLOSE_LABEL_TEXT","Annotation","Avatar","AvatarButton","Badge","Breadcrumb","Bubble","Button","ButtonGroup","ButtonToolbar","Chip","CHIP_PGN_CLASS","ChipCarousel","Container","Form","RadioControl","CheckboxControl","SwitchControl","FormSwitchSet","FormControl","FormControlDecoratorGroup","FormControlFeedback","FormCheck","FormFile","FormRadio","FormRadioSet","FormRadioSetContext","FormGroup","FormLabel","useCheckboxSetValues","FormText","FormAutosuggest","FormAutosuggestOption","InputGroup","Hyperlink","Icon","IconButton","IconButtonWithTooltip","ModalContext","ModalDialog","ModalLayer","Overlay","OverlayTrigger","Portal","Spinner","Stack","Toast","TOAST_CLOSE_LABEL_TEXT","TOAST_DELAY","Tooltip","useWindowSize","useToggle","useArrowKeyNavigation","useIndexOfLastVisibleChild","useIsVisible","breakpoints","asInput","Card","CardColumns","CardDeck","CardImg","CardGroup","CardGrid","CardCarousel","CARD_VARIANTS","Carousel","CarouselItem","CAROUSEL_NEXT_LABEL_TEXT","CAROUSEL_PREV_LABEL_TEXT","CloseButton","Layout","Col","Row","Collapse","Collapsible","Scrollable","Dropdown","DropdownToggle","DropdownButton","SplitButton","Fade","IconButtonToggle","Image","Figure","MailtoLink","MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT","MAIL_TO_LINK_EXTERNAL_LINK_TITLE","Media","Menu","MenuItem","SelectMenu","SELECT_MENU_DEFAULT_MESSAGE","ModalCloseButton","FullscreenModal","FULLSCREEN_MODAL_CLOSE_LABEL","MarketingModal","StandardModal","STANDARD_MODAL_CLOSE_LABEL","AlertModal","ModalPopup","PopperElement","Nav","NavDropdown","NavItem","NavLink","Navbar","NavbarBrand","NAVBAR_LABEL","PageBanner","PAGE_BANNER_DISMISS_ALT_TEXT","Pagination","PAGINATION_BUTTON_LABEL_PREV","PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT","PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT","PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT","PAGINATION_BUTTON_LABEL_CURRENT_PAGE","PAGINATION_BUTTON_LABEL_NEXT","PAGINATION_BUTTON_LABEL_PAGE","Popover","PopoverTitle","PopoverContent","ProgressBar","ProductTour","ResponsiveEmbed","SearchField","SEARCH_FIELD_SCREEN_READER_TEXT_LABEL","SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON","SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON","SEARCH_FIELD_BUTTON_TEXT","Sheet","Stepper","StatefulButton","Tabs","Tab","TabContainer","TabContent","TabPane","TransitionReplace","ValidationMessage","DataTable","TextFilter","CheckboxFilter","DropdownFilter","MultiSelectDropdownFilter","TableHeaderCell","TableCell","TableFilters","TABLE_FILTERS_BUTTON_TEXT","TableHeader","TableRow","TablePagination","TablePaginationMinimal","DataTableContext","BulkActions","TableControlBar","TableFooter","CardView","Skeleton","SkeletonTheme","ToggleButton","ToggleButtonGroup","Sticky","SelectableBox","Variant","OverflowScrollContext","OverflowScroll","useOverflowScroll","useOverflowScrollItems","Dropzone","messages","Truncate","ColorPicker","MediaQuery","useMediaQuery","Context","ResponsiveContext","useTable","useFilters","useGlobalFilter","useSortBy","useGroupBy","useExpanded","usePagination","useRowSelect","useRowState","useColumnOrder","useResizeColumns","useBlockLayout","useAbsoluteLayout","useFlexLayout"],"sources":["../src/index.ts"],"sourcesContent":["// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport { default as ActionRow } from './ActionRow';\nexport { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';\nexport { default as Annotation } from './Annotation';\nexport { default as Avatar } from './Avatar';\nexport { default as AvatarButton } from './AvatarButton';\nexport { default as Badge } from './Badge';\nexport { default as Breadcrumb } from './Breadcrumb';\nexport { default as Bubble } from './Bubble';\nexport { default as Button, ButtonGroup, ButtonToolbar } from './Button';\nexport { default as Chip, CHIP_PGN_CLASS } from './Chip';\nexport { default as ChipCarousel } from './ChipCarousel';\nexport { default as Container, type ContainerSize } from './Container';\nexport {\n  default as Form,\n  RadioControl,\n  CheckboxControl,\n  SwitchControl,\n  FormSwitchSet,\n  FormControl,\n  FormControlDecoratorGroup,\n  FormControlFeedback,\n  FormCheck,\n  FormFile,\n  FormRadio,\n  FormRadioSet,\n  FormRadioSetContext,\n  FormGroup,\n  FormLabel,\n  useCheckboxSetValues,\n  FormText,\n  FormAutosuggest,\n  FormAutosuggestOption,\n  InputGroup,\n} from './Form';\nexport { default as Hyperlink } from './Hyperlink';\nexport { default as Icon } from './Icon';\nexport { default as IconButton, IconButtonWithTooltip } from './IconButton';\nexport { default as ModalContext } from './Modal/ModalContext';\nexport { default as ModalDialog } from './Modal/ModalDialog';\nexport { default as ModalLayer } from './Modal/ModalLayer';\nexport { default as Overlay, OverlayTrigger } from './Overlay';\nexport { default as Portal } from './Modal/Portal';\nexport { default as Spinner } from './Spinner';\nexport { default as Stack } from './Stack';\nexport { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';\nexport { default as Tooltip } from './Tooltip';\nexport { default as useWindowSize, type WindowSizeData } from './hooks/useWindowSizeHook';\nexport { default as useToggle, type Toggler, type ToggleHandlers } from './hooks/useToggleHook';\nexport { default as useArrowKeyNavigation, type ArrowKeyNavProps } from './hooks/useArrowKeyNavigationHook';\nexport { default as useIndexOfLastVisibleChild } from './hooks/useIndexOfLastVisibleChildHook';\nexport { default as useIsVisible } from './hooks/useIsVisibleHook';\nexport { default as breakpoints } from './utils/breakpoints';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that don't have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as asInput } from './asInput';\n\nexport {\n  default as Card,\n  CardColumns,\n  CardDeck,\n  CardImg,\n  CardGroup,\n  CardGrid,\n  CardCarousel,\n  CARD_VARIANTS,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Card';\nexport {\n  default as Carousel, CarouselItem, CAROUSEL_NEXT_LABEL_TEXT, CAROUSEL_PREV_LABEL_TEXT,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Carousel';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CloseButton } from './CloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Layout, Col, Row } from './Layout';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapse } from './Collapse';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapsible } from './Collapsible';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Scrollable } from './Scrollable';\nexport {\n  default as Dropdown,\n  DropdownToggle,\n  DropdownButton,\n  SplitButton,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Dropdown';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Fade } from './Fade';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as IconButtonToggle } from './IconButtonToggle';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Image, Figure } from './Image';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MailtoLink, MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT, MAIL_TO_LINK_EXTERNAL_LINK_TITLE } from './MailtoLink';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Media } from './Media';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Menu } from './Menu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MenuItem } from './Menu/MenuItem';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectMenu, SELECT_MENU_DEFAULT_MESSAGE } from './Menu/SelectMenu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalCloseButton } from './Modal/ModalCloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as FullscreenModal, FULLSCREEN_MODAL_CLOSE_LABEL } from './Modal/FullscreenModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MarketingModal } from './Modal/MarketingModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StandardModal, STANDARD_MODAL_CLOSE_LABEL } from './Modal/StandardModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as AlertModal } from './Modal/AlertModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalPopup } from './Modal/ModalPopup';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PopperElement } from './Modal/PopperElement';\n\nexport {\n  default as Nav,\n  NavDropdown,\n  NavItem,\n  NavLink,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Nav';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Navbar, NavbarBrand, NAVBAR_LABEL } from './Navbar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PageBanner, PAGE_BANNER_DISMISS_ALT_TEXT } from './PageBanner';\nexport {\n  default as Pagination,\n  PAGINATION_BUTTON_LABEL_PREV,\n  PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT,\n  PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT,\n  PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT,\n  PAGINATION_BUTTON_LABEL_CURRENT_PAGE,\n  PAGINATION_BUTTON_LABEL_NEXT,\n  PAGINATION_BUTTON_LABEL_PAGE,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Pagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Popover, PopoverTitle, PopoverContent } from './Popover';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProgressBar } from './ProgressBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProductTour } from './ProductTour';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ResponsiveEmbed } from './ResponsiveEmbed';\nexport {\n  default as SearchField,\n  SEARCH_FIELD_SCREEN_READER_TEXT_LABEL,\n  SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON,\n  SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON,\n  SEARCH_FIELD_BUTTON_TEXT,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './SearchField';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sheet } from './Sheet';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Stepper } from './Stepper';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StatefulButton } from './StatefulButton';\nexport {\n  default as Tabs,\n  Tab,\n  TabContainer,\n  TabContent,\n  TabPane,\n// @ts-ignore: has yet to be converted to TypeScript\n} from './Tabs';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TransitionReplace } from './TransitionReplace';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ValidationMessage } from './ValidationMessage';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTable } from './DataTable';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TextFilter } from './DataTable/filters/TextFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CheckboxFilter } from './DataTable/filters/CheckboxFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DropdownFilter } from './DataTable/filters/DropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MultiSelectDropdownFilter } from './DataTable/filters/MultiSelectDropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeaderCell } from './DataTable/TableHeaderCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableCell } from './DataTable/TableCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFilters, TABLE_FILTERS_BUTTON_TEXT } from './DataTable/TableFilters';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeader } from './DataTable/TableHeaderRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableRow } from './DataTable/TableRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePagination } from './DataTable/TablePagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePaginationMinimal } from './DataTable/TablePaginationMinimal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTableContext } from './DataTable/DataTableContext';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as BulkActions } from './DataTable/BulkActions';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableControlBar } from './DataTable/TableControlBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFooter } from './DataTable/TableFooter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CardView } from './DataTable/CardView';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Skeleton, SkeletonTheme } from './Skeleton/index';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ToggleButton, ToggleButtonGroup } from './ToggleButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sticky } from './Sticky';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectableBox } from './SelectableBox';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Variant } from './utils/constants';\nexport {\n  OverflowScrollContext,\n  OverflowScroll,\n  useOverflowScroll,\n  useOverflowScrollItems,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './OverflowScroll';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Dropzone } from './Dropzone';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as messages } from './i18n';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Truncate } from './Truncate';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ColorPicker } from './ColorPicker';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Pass through any needed whole third-party library functionality\n// useTable for example is needed to use the DataTable component seamlessly\n// rather than setting a peer dependency in this project, we opt to tightly\n// couple these dependencies by passing through needed functionality.\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport {\n  default as MediaQuery,\n  useMediaQuery,\n  Context as ResponsiveContext,\n} from 'react-responsive';\nexport {\n  useTable,\n  useFilters,\n  useGlobalFilter,\n  useSortBy,\n  useGroupBy,\n  useExpanded,\n  usePagination,\n  useRowSelect,\n  useRowState,\n  useColumnOrder,\n  useResizeColumns,\n  useBlockLayout,\n  useAbsoluteLayout,\n  useFlexLayout,\n} from 'react-table';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","ActionRow","Alert","ALERT_CLOSE_LABEL_TEXT","Annotation","Avatar","AvatarButton","Badge","Breadcrumb","Bubble","Button","ButtonGroup","ButtonToolbar","Chip","CHIP_PGN_CLASS","ChipCarousel","Container","Form","RadioControl","CheckboxControl","SwitchControl","FormSwitchSet","FormControl","FormControlDecoratorGroup","FormControlFeedback","FormCheck","FormFile","FormRadio","FormRadioSet","FormRadioSetContext","FormGroup","FormLabel","useCheckboxSetValues","FormText","FormAutosuggest","FormAutosuggestOption","InputGroup","Hyperlink","Icon","IconButton","IconButtonWithTooltip","ModalContext","ModalDialog","ModalLayer","Overlay","OverlayTrigger","Portal","Scrollable","Spinner","Stack","Toast","TOAST_CLOSE_LABEL_TEXT","TOAST_DELAY","Tooltip","useWindowSize","useToggle","useArrowKeyNavigation","useIndexOfLastVisibleChild","useIsVisible","breakpoints","asInput","Card","CardColumns","CardDeck","CardImg","CardGroup","CardGrid","CardCarousel","CARD_VARIANTS","Carousel","CarouselItem","CAROUSEL_NEXT_LABEL_TEXT","CAROUSEL_PREV_LABEL_TEXT","CloseButton","Layout","Col","Row","Collapse","Collapsible","Dropdown","DropdownToggle","DropdownButton","SplitButton","Fade","IconButtonToggle","Image","Figure","MailtoLink","MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT","MAIL_TO_LINK_EXTERNAL_LINK_TITLE","Media","Menu","MenuItem","SelectMenu","SELECT_MENU_DEFAULT_MESSAGE","ModalCloseButton","FullscreenModal","FULLSCREEN_MODAL_CLOSE_LABEL","MarketingModal","StandardModal","STANDARD_MODAL_CLOSE_LABEL","AlertModal","ModalPopup","PopperElement","Nav","NavDropdown","NavItem","NavLink","Navbar","NavbarBrand","NAVBAR_LABEL","PageBanner","PAGE_BANNER_DISMISS_ALT_TEXT","Pagination","PAGINATION_BUTTON_LABEL_PREV","PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT","PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT","PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT","PAGINATION_BUTTON_LABEL_CURRENT_PAGE","PAGINATION_BUTTON_LABEL_NEXT","PAGINATION_BUTTON_LABEL_PAGE","Popover","PopoverTitle","PopoverContent","ProgressBar","ProductTour","ResponsiveEmbed","SearchField","SEARCH_FIELD_SCREEN_READER_TEXT_LABEL","SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON","SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON","SEARCH_FIELD_BUTTON_TEXT","Sheet","Stepper","StatefulButton","Tabs","Tab","TabContainer","TabContent","TabPane","TransitionReplace","ValidationMessage","DataTable","TextFilter","CheckboxFilter","DropdownFilter","MultiSelectDropdownFilter","TableHeaderCell","TableCell","TableFilters","TABLE_FILTERS_BUTTON_TEXT","TableHeader","TableRow","TablePagination","TablePaginationMinimal","DataTableContext","BulkActions","TableControlBar","TableFooter","CardView","Skeleton","SkeletonTheme","ToggleButton","ToggleButtonGroup","Sticky","SelectableBox","Variant","OverflowScrollContext","OverflowScroll","useOverflowScroll","useOverflowScrollItems","Dropzone","messages","Truncate","ColorPicker","MediaQuery","useMediaQuery","Context","ResponsiveContext","useTable","useFilters","useGlobalFilter","useSortBy","useGroupBy","useExpanded","usePagination","useRowSelect","useRowState","useColumnOrder","useResizeColumns","useBlockLayout","useAbsoluteLayout","useFlexLayout"],"sources":["../src/index.ts"],"sourcesContent":["// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport { default as ActionRow } from './ActionRow';\nexport { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';\nexport { default as Annotation } from './Annotation';\nexport { default as Avatar } from './Avatar';\nexport { default as AvatarButton } from './AvatarButton';\nexport { default as Badge } from './Badge';\nexport { default as Breadcrumb } from './Breadcrumb';\nexport { default as Bubble } from './Bubble';\nexport { default as Button, ButtonGroup, ButtonToolbar } from './Button';\nexport { default as Chip, CHIP_PGN_CLASS } from './Chip';\nexport { default as ChipCarousel } from './ChipCarousel';\nexport { default as Container, type ContainerSize } from './Container';\nexport {\n  default as Form,\n  RadioControl,\n  CheckboxControl,\n  SwitchControl,\n  FormSwitchSet,\n  FormControl,\n  FormControlDecoratorGroup,\n  FormControlFeedback,\n  FormCheck,\n  FormFile,\n  FormRadio,\n  FormRadioSet,\n  FormRadioSetContext,\n  FormGroup,\n  FormLabel,\n  useCheckboxSetValues,\n  FormText,\n  FormAutosuggest,\n  FormAutosuggestOption,\n  InputGroup,\n} from './Form';\nexport { default as Hyperlink } from './Hyperlink';\nexport { default as Icon } from './Icon';\nexport { default as IconButton, IconButtonWithTooltip } from './IconButton';\nexport { default as ModalContext } from './Modal/ModalContext';\nexport { default as ModalDialog } from './Modal/ModalDialog';\nexport { default as ModalLayer } from './Modal/ModalLayer';\nexport { default as Overlay, OverlayTrigger } from './Overlay';\nexport { default as Portal } from './Modal/Portal';\nexport { default as Scrollable } from './Scrollable';\nexport { default as Spinner } from './Spinner';\nexport { default as Stack } from './Stack';\nexport { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';\nexport { default as Tooltip } from './Tooltip';\nexport { default as useWindowSize, type WindowSizeData } from './hooks/useWindowSizeHook';\nexport { default as useToggle, type Toggler, type ToggleHandlers } from './hooks/useToggleHook';\nexport { default as useArrowKeyNavigation, type ArrowKeyNavProps } from './hooks/useArrowKeyNavigationHook';\nexport { default as useIndexOfLastVisibleChild } from './hooks/useIndexOfLastVisibleChildHook';\nexport { default as useIsVisible } from './hooks/useIsVisibleHook';\nexport { default as breakpoints } from './utils/breakpoints';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that don't have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as asInput } from './asInput';\n\nexport {\n  default as Card,\n  CardColumns,\n  CardDeck,\n  CardImg,\n  CardGroup,\n  CardGrid,\n  CardCarousel,\n  CARD_VARIANTS,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Card';\nexport {\n  default as Carousel, CarouselItem, CAROUSEL_NEXT_LABEL_TEXT, CAROUSEL_PREV_LABEL_TEXT,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Carousel';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CloseButton } from './CloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Layout, Col, Row } from './Layout';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapse } from './Collapse';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapsible } from './Collapsible';\nexport {\n  default as Dropdown,\n  DropdownToggle,\n  DropdownButton,\n  SplitButton,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Dropdown';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Fade } from './Fade';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as IconButtonToggle } from './IconButtonToggle';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Image, Figure } from './Image';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MailtoLink, MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT, MAIL_TO_LINK_EXTERNAL_LINK_TITLE } from './MailtoLink';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Media } from './Media';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Menu } from './Menu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MenuItem } from './Menu/MenuItem';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectMenu, SELECT_MENU_DEFAULT_MESSAGE } from './Menu/SelectMenu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalCloseButton } from './Modal/ModalCloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as FullscreenModal, FULLSCREEN_MODAL_CLOSE_LABEL } from './Modal/FullscreenModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MarketingModal } from './Modal/MarketingModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StandardModal, STANDARD_MODAL_CLOSE_LABEL } from './Modal/StandardModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as AlertModal } from './Modal/AlertModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalPopup } from './Modal/ModalPopup';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PopperElement } from './Modal/PopperElement';\n\nexport {\n  default as Nav,\n  NavDropdown,\n  NavItem,\n  NavLink,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Nav';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Navbar, NavbarBrand, NAVBAR_LABEL } from './Navbar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PageBanner, PAGE_BANNER_DISMISS_ALT_TEXT } from './PageBanner';\nexport {\n  default as Pagination,\n  PAGINATION_BUTTON_LABEL_PREV,\n  PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT,\n  PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT,\n  PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT,\n  PAGINATION_BUTTON_LABEL_CURRENT_PAGE,\n  PAGINATION_BUTTON_LABEL_NEXT,\n  PAGINATION_BUTTON_LABEL_PAGE,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Pagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Popover, PopoverTitle, PopoverContent } from './Popover';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProgressBar } from './ProgressBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProductTour } from './ProductTour';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ResponsiveEmbed } from './ResponsiveEmbed';\nexport {\n  default as SearchField,\n  SEARCH_FIELD_SCREEN_READER_TEXT_LABEL,\n  SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON,\n  SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON,\n  SEARCH_FIELD_BUTTON_TEXT,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './SearchField';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sheet } from './Sheet';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Stepper } from './Stepper';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StatefulButton } from './StatefulButton';\nexport {\n  default as Tabs,\n  Tab,\n  TabContainer,\n  TabContent,\n  TabPane,\n// @ts-ignore: has yet to be converted to TypeScript\n} from './Tabs';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TransitionReplace } from './TransitionReplace';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ValidationMessage } from './ValidationMessage';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTable } from './DataTable';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TextFilter } from './DataTable/filters/TextFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CheckboxFilter } from './DataTable/filters/CheckboxFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DropdownFilter } from './DataTable/filters/DropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MultiSelectDropdownFilter } from './DataTable/filters/MultiSelectDropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeaderCell } from './DataTable/TableHeaderCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableCell } from './DataTable/TableCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFilters, TABLE_FILTERS_BUTTON_TEXT } from './DataTable/TableFilters';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeader } from './DataTable/TableHeaderRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableRow } from './DataTable/TableRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePagination } from './DataTable/TablePagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePaginationMinimal } from './DataTable/TablePaginationMinimal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTableContext } from './DataTable/DataTableContext';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as BulkActions } from './DataTable/BulkActions';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableControlBar } from './DataTable/TableControlBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFooter } from './DataTable/TableFooter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CardView } from './DataTable/CardView';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Skeleton, SkeletonTheme } from './Skeleton/index';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ToggleButton, ToggleButtonGroup } from './ToggleButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sticky } from './Sticky';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectableBox } from './SelectableBox';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Variant } from './utils/constants';\nexport {\n  OverflowScrollContext,\n  OverflowScroll,\n  useOverflowScroll,\n  useOverflowScrollItems,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './OverflowScroll';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Dropzone } from './Dropzone';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as messages } from './i18n';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Truncate } from './Truncate';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ColorPicker } from './ColorPicker';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Pass through any needed whole third-party library functionality\n// useTable for example is needed to use the DataTable component seamlessly\n// rather than setting a peer dependency in this project, we opt to tightly\n// couple these dependencies by passing through needed functionality.\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport {\n  default as MediaQuery,\n  useMediaQuery,\n  Context as ResponsiveContext,\n} from 'react-responsive';\nexport {\n  useTable,\n  useFilters,\n  useGlobalFilter,\n  useSortBy,\n  useGroupBy,\n  useExpanded,\n  usePagination,\n  useRowSelect,\n  useRowState,\n  useColumnOrder,\n  useResizeColumns,\n  useBlockLayout,\n  useAbsoluteLayout,\n  useFlexLayout,\n} from 'react-table';\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,SAAS,QAAQ,aAAa;AAClD,SAASD,OAAO,IAAIE,KAAK,EAAEC,sBAAsB,QAAQ,SAAS;AAClE,SAASH,OAAO,IAAII,UAAU,QAAQ,cAAc;AACpD,SAASJ,OAAO,IAAIK,MAAM,QAAQ,UAAU;AAC5C,SAASL,OAAO,IAAIM,YAAY,QAAQ,gBAAgB;AACxD,SAASN,OAAO,IAAIO,KAAK,QAAQ,SAAS;AAC1C,SAASP,OAAO,IAAIQ,UAAU,QAAQ,cAAc;AACpD,SAASR,OAAO,IAAIS,MAAM,QAAQ,UAAU;AAC5C,SAAST,OAAO,IAAIU,MAAM,EAAEC,WAAW,EAAEC,aAAa,QAAQ,UAAU;AACxE,SAASZ,OAAO,IAAIa,IAAI,EAAEC,cAAc,QAAQ,QAAQ;AACxD,SAASd,OAAO,IAAIe,YAAY,QAAQ,gBAAgB;AACxD,SAASf,OAAO,IAAIgB,SAAS,QAA4B,aAAa;AACtE,SACEhB,OAAO,IAAIiB,IAAI,EACfC,YAAY,EACZC,eAAe,EACfC,aAAa,EACbC,aAAa,EACbC,WAAW,EACXC,yBAAyB,EACzBC,mBAAmB,EACnBC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,mBAAmB,EACnBC,SAAS,EACTC,SAAS,EACTC,oBAAoB,EACpBC,QAAQ,EACRC,eAAe,EACfC,qBAAqB,EACrBC,UAAU,QACL,QAAQ;AACf,SAASpC,OAAO,IAAIqC,SAAS,QAAQ,aAAa;AAClD,SAASrC,OAAO,IAAIsC,IAAI,QAAQ,QAAQ;AACxC,SAAStC,OAAO,IAAIuC,UAAU,EAAEC,qBAAqB,QAAQ,cAAc;AAC3E,SAASxC,OAAO,IAAIyC,YAAY,QAAQ,sBAAsB;AAC9D,SAASzC,OAAO,IAAI0C,WAAW,QAAQ,qBAAqB;AAC5D,SAAS1C,OAAO,IAAI2C,UAAU,QAAQ,oBAAoB;AAC1D,SAAS3C,OAAO,IAAI4C,OAAO,EAAEC,cAAc,QAAQ,WAAW;AAC9D,SAAS7C,OAAO,IAAI8C,MAAM,QAAQ,gBAAgB;AAClD,SAAS9C,OAAO,IAAI+C,UAAU,QAAQ,cAAc;AACpD,SAAS/C,OAAO,IAAIgD,OAAO,QAAQ,WAAW;AAC9C,SAAShD,OAAO,IAAIiD,KAAK,QAAQ,SAAS;AAC1C,SAASjD,OAAO,IAAIkD,KAAK,EAAEC,sBAAsB,EAAEC,WAAW,QAAQ,SAAS;AAC/E,SAASpD,OAAO,IAAIqD,OAAO,QAAQ,WAAW;AAC9C,SAASrD,OAAO,IAAIsD,aAAa,QAA6B,2BAA2B;AACzF,SAAStD,OAAO,IAAIuD,SAAS,QAA2C,uBAAuB;AAC/F,SAASvD,OAAO,IAAIwD,qBAAqB,QAA+B,mCAAmC;AAC3G,SAASxD,OAAO,IAAIyD,0BAA0B,QAAQ,wCAAwC;AAC9F,SAASzD,OAAO,IAAI0D,YAAY,QAAQ,0BAA0B;AAClE,SAAS1D,OAAO,IAAI2D,WAAW,QAAQ,qBAAqB;;AAE5D;AACA;AACA;AACA;AACA,SAAS3D,OAAO,IAAI4D,OAAO,QAAQ,WAAW;AAE9C,SACE5D,OAAO,IAAI6D,IAAI,EACfC,WAAW,EACXC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACRC,YAAY,EACZC;AACA;AAAA,OACK,QAAQ;AACf,SACEpE,OAAO,IAAIqE,QAAQ,EAAEC,YAAY,EAAEC,wBAAwB,EAAEC;AAC7D;AAAA,OACK,YAAY;AACnB;AACA,SAASxE,OAAO,IAAIyE,WAAW,QAAQ,eAAe;AACtD;AACA,SAASzE,OAAO,IAAI0E,MAAM,EAAEC,GAAG,EAAEC,GAAG,QAAQ,UAAU;AACtD;AACA,SAAS5E,OAAO,IAAI6E,QAAQ,QAAQ,YAAY;AAChD;AACA,SAAS7E,OAAO,IAAI8E,WAAW,QAAQ,eAAe;AACtD,SACE9E,OAAO,IAAI+E,QAAQ,EACnBC,cAAc,EACdC,cAAc,EACdC;AACA;AAAA,OACK,YAAY;AACnB;AACA,SAASlF,OAAO,IAAImF,IAAI,QAAQ,QAAQ;AACxC;AACA,SAASnF,OAAO,IAAIoF,gBAAgB,QAAQ,oBAAoB;AAChE;AACA,SAASpF,OAAO,IAAIqF,KAAK,EAAEC,MAAM,QAAQ,SAAS;AAClD;AACA,SAAStF,OAAO,IAAIuF,UAAU,EAAEC,2CAA2C,EAAEC,gCAAgC,QAAQ,cAAc;AACnI;AACA,SAASzF,OAAO,IAAI0F,KAAK,QAAQ,SAAS;AAC1C;AACA,SAAS1F,OAAO,IAAI2F,IAAI,QAAQ,QAAQ;AACxC;AACA,SAAS3F,OAAO,IAAI4F,QAAQ,QAAQ,iBAAiB;AACrD;AACA,SAAS5F,OAAO,IAAI6F,UAAU,EAAEC,2BAA2B,QAAQ,mBAAmB;AACtF;AACA,SAAS9F,OAAO,IAAI+F,gBAAgB,QAAQ,0BAA0B;AACtE;AACA,SAAS/F,OAAO,IAAIgG,eAAe,EAAEC,4BAA4B,QAAQ,yBAAyB;AAClG;AACA,SAASjG,OAAO,IAAIkG,cAAc,QAAQ,wBAAwB;AAClE;AACA,SAASlG,OAAO,IAAImG,aAAa,EAAEC,0BAA0B,QAAQ,uBAAuB;AAC5F;AACA,SAASpG,OAAO,IAAIqG,UAAU,QAAQ,oBAAoB;AAC1D;AACA,SAASrG,OAAO,IAAIsG,UAAU,QAAQ,oBAAoB;AAC1D;AACA,SAAStG,OAAO,IAAIuG,aAAa,QAAQ,uBAAuB;AAEhE,SACEvG,OAAO,IAAIwG,GAAG,EACdC,WAAW,EACXC,OAAO,EACPC;AACA;AAAA,OACK,OAAO;AACd;AACA,SAAS3G,OAAO,IAAI4G,MAAM,EAAEC,WAAW,EAAEC,YAAY,QAAQ,UAAU;AACvE;AACA,SAAS9G,OAAO,IAAI+G,UAAU,EAAEC,4BAA4B,QAAQ,cAAc;AAClF,SACEhH,OAAO,IAAIiH,UAAU,EACrBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,sCAAsC,EACtCC,qCAAqC,EACrCC,oCAAoC,EACpCC,4BAA4B,EAC5BC;AACA;AAAA,OACK,cAAc;AACrB;AACA,SAASxH,OAAO,IAAIyH,OAAO,EAAEC,YAAY,EAAEC,cAAc,QAAQ,WAAW;AAC5E;AACA,SAAS3H,OAAO,IAAI4H,WAAW,QAAQ,eAAe;AACtD;AACA,SAAS5H,OAAO,IAAI6H,WAAW,QAAQ,eAAe;AACtD;AACA,SAAS7H,OAAO,IAAI8H,eAAe,QAAQ,mBAAmB;AAC9D,SACE9H,OAAO,IAAI+H,WAAW,EACtBC,qCAAqC,EACrCC,4CAA4C,EAC5CC,6CAA6C,EAC7CC;AACA;AAAA,OACK,eAAe;AACtB;AACA,SAASnI,OAAO,IAAIoI,KAAK,QAAQ,SAAS;AAC1C;AACA,SAASpI,OAAO,IAAIqI,OAAO,QAAQ,WAAW;AAC9C;AACA,SAASrI,OAAO,IAAIsI,cAAc,QAAQ,kBAAkB;AAC5D,SACEtI,OAAO,IAAIuI,IAAI,EACfC,GAAG,EACHC,YAAY,EACZC,UAAU,EACVC;AACF;AAAA,OACO,QAAQ;AACf;AACA,SAAS3I,OAAO,IAAI4I,iBAAiB,QAAQ,qBAAqB;AAClE;AACA,SAAS5I,OAAO,IAAI6I,iBAAiB,QAAQ,qBAAqB;AAClE;AACA,SAAS7I,OAAO,IAAI8I,SAAS,QAAQ,aAAa;AAClD;AACA,SAAS9I,OAAO,IAAI+I,UAAU,QAAQ,gCAAgC;AACtE;AACA,SAAS/I,OAAO,IAAIgJ,cAAc,QAAQ,oCAAoC;AAC9E;AACA,SAAShJ,OAAO,IAAIiJ,cAAc,QAAQ,oCAAoC;AAC9E;AACA,SAASjJ,OAAO,IAAIkJ,yBAAyB,QAAQ,+CAA+C;AACpG;AACA,SAASlJ,OAAO,IAAImJ,eAAe,QAAQ,6BAA6B;AACxE;AACA,SAASnJ,OAAO,IAAIoJ,SAAS,QAAQ,uBAAuB;AAC5D;AACA,SAASpJ,OAAO,IAAIqJ,YAAY,EAAEC,yBAAyB,QAAQ,0BAA0B;AAC7F;AACA,SAAStJ,OAAO,IAAIuJ,WAAW,QAAQ,4BAA4B;AACnE;AACA,SAASvJ,OAAO,IAAIwJ,QAAQ,QAAQ,sBAAsB;AAC1D;AACA,SAASxJ,OAAO,IAAIyJ,eAAe,QAAQ,6BAA6B;AACxE;AACA,SAASzJ,OAAO,IAAI0J,sBAAsB,QAAQ,oCAAoC;AACtF;AACA,SAAS1J,OAAO,IAAI2J,gBAAgB,QAAQ,8BAA8B;AAC1E;AACA,SAAS3J,OAAO,IAAI4J,WAAW,QAAQ,yBAAyB;AAChE;AACA,SAAS5J,OAAO,IAAI6J,eAAe,QAAQ,6BAA6B;AACxE;AACA,SAAS7J,OAAO,IAAI8J,WAAW,QAAQ,yBAAyB;AAChE;AACA,SAAS9J,OAAO,IAAI+J,QAAQ,QAAQ,sBAAsB;AAC1D;AACA,SAAS/J,OAAO,IAAIgK,QAAQ,EAAEC,aAAa,QAAQ,kBAAkB;AACrE;AACA,SAASjK,OAAO,IAAIkK,YAAY,EAAEC,iBAAiB,QAAQ,gBAAgB;AAC3E;AACA,SAASnK,OAAO,IAAIoK,MAAM,QAAQ,UAAU;AAC5C;AACA,SAASpK,OAAO,IAAIqK,aAAa,QAAQ,iBAAiB;AAC1D;AACA,SAASrK,OAAO,IAAIsK,OAAO,QAAQ,mBAAmB;AACtD,SACEC,qBAAqB,EACrBC,cAAc,EACdC,iBAAiB,EACjBC;AACA;AAAA,OACK,kBAAkB;AACzB;AACA,SAAS1K,OAAO,IAAI2K,QAAQ,QAAQ,YAAY;AAChD;AACA,SAAS3K,OAAO,IAAI4K,QAAQ,QAAQ,QAAQ;AAC5C;AACA,SAAS5K,OAAO,IAAI6K,QAAQ,QAAQ,YAAY;AAChD;AACA,SAAS7K,OAAO,IAAI8K,WAAW,QAAQ,eAAe;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA,SACE9K,OAAO,IAAI+K,UAAU,EACrBC,aAAa,EACbC,OAAO,IAAIC,iBAAiB,QACvB,kBAAkB;AACzB,SACEC,QAAQ,EACRC,UAAU,EACVC,eAAe,EACfC,SAAS,EACTC,UAAU,EACVC,WAAW,EACXC,aAAa,EACbC,YAAY,EACZC,WAAW,EACXC,cAAc,EACdC,gBAAgB,EAChBC,cAAc,EACdC,iBAAiB,EACjBC,aAAa,QACR,aAAa","ignoreList":[]}

package/lib/__tests__/build-tokens.test.js

@@ -1,3 +1,4 @@
+const fs = require('fs');
 const buildTokensCommand = require('../build-tokens');
 const {
   initializeStyleDictionary,
@@ -6,6 +7,7 @@ const {
 } = require('../../tokens/style-dictionary');
 const { createIndexCssFile } = require('../../tokens/utils');
 
+jest.mock('fs');
 jest.mock('../../tokens/style-dictionary');
 jest.mock('../../tokens/utils');
 
@@ -122,4 +124,58 @@ describe('buildTokensCommand', () => {
       },
     }));
   });
+
+  describe('app token discovery', () => {
+    const mockAppsDirectory = (appNames) => {
+      fs.existsSync.mockReturnValue(true);
+      fs.readdirSync.mockReturnValue(
+        appNames.map((name) => ({ name, isDirectory: () => true })),
+      );
+    };
+
+    it('builds one config per discovered app, in addition to core and themes', async () => {
+      mockAppsDirectory(['catalog', 'discussions']);
+
+      await buildTokensCommand(['--source', '/fake/source']);
+
+      // 1 core + 1 light theme + 2 apps = 4 StyleDictionary calls
+      expect(StyleDictionary).toHaveBeenCalledTimes(4);
+    });
+
+    it('uses the expected per-app config shape', async () => {
+      mockAppsDirectory(['catalog']);
+
+      await buildTokensCommand(['--source', '/fake/source']);
+
+      const appCallArgs = StyleDictionary.mock.calls
+        .map(([config]) => config)
+        .find((config) => config.platforms.css.files[0].destination.startsWith('apps/'));
+
+      expect(appCallArgs).toBeDefined();
+      expect(appCallArgs.platforms.css.prefix).toBe('');
+      expect(appCallArgs.platforms.css.transformGroup).toBe('paragon-css-app');
+      expect(appCallArgs.platforms.css.files).toHaveLength(1);
+      expect(appCallArgs.platforms.css.files[0].destination).toBe('apps/catalog/variables.css');
+      expect(appCallArgs.platforms.css.files[0].options.outputReferences).toBe(true);
+
+      // Inline filter passes source tokens, rejects include'd Paragon tokens.
+      const appFilter = appCallArgs.platforms.css.files[0].filter;
+      expect(typeof appFilter).toBe('function');
+      expect(appFilter({ isSource: true })).toBe(true);
+      expect(appFilter({ isSource: false })).toBe(false);
+    });
+
+    it('does not create an index.css for app configs', async () => {
+      mockAppsDirectory(['catalog', 'discussions']);
+
+      await buildTokensCommand(['--source', '/fake/source']);
+
+      // Only core + light theme should get an index; the two apps should not.
+      expect(createIndexCssFile).toHaveBeenCalledTimes(2);
+      const indexCalls = createIndexCssFile.mock.calls.map(([params]) => params);
+      indexCalls.forEach(({ themeVariant }) => {
+        expect(themeVariant === undefined || themeVariant === 'light').toBe(true);
+      });
+    });
+  });
 });

package/lib/build-tokens.js

@@ -62,8 +62,9 @@ async function buildTokensCommand(commandArgs) {
   }
   let themesToProcess = null;
 
+  const tokensPath = tokensSource || path.resolve(__dirname, '../tokens/src');
+
   if (allThemes) {
-    const tokensPath = tokensSource || path.resolve(__dirname, '../tokens/src');
     themesToProcess = fs
       .readdirSync(`${tokensPath}/themes/`, { withFileTypes: true })
       .filter(entry => entry.isDirectory())
@@ -74,6 +75,15 @@ async function buildTokensCommand(commandArgs) {
     themesToProcess = (themes || 'light').split(',').map(t => t.trim());
   }
 
+  // Discover app token directories. Skip silently if `apps/` is absent.
+  const appsPath = path.join(tokensPath, 'apps');
+  const appsToProcess = fs.existsSync(appsPath)
+    ? fs
+      .readdirSync(appsPath, { withFileTypes: true })
+      .filter(entry => entry.isDirectory())
+      .map(entry => entry.name)
+    : [];
+
   const StyleDictionary = await initializeStyleDictionary({ themes: themesToProcess });
 
   const coreConfig = {
@@ -173,6 +183,51 @@ async function buildTokensCommand(commandArgs) {
     },
   });
 
+  // Per-app style-dictionary config. Outputs the app's own tokens unprefixed
+  // (`prefix: ''`) into `apps/<appName>/variables.css`. References to
+  // include'd Paragon core/theme tokens emit `var(--pgn-…)` thanks to the
+  // `paragon-css-app` transform group's conditional name transform.
+  //
+  // `themes/light/**` is included purely for reference vocabulary — app
+  // tokens reference paths like `{color.gray.500}` that live in theme files,
+  // and the build needs those paths in scope to resolve refs. The actual
+  // values are filtered out of the output. Light is hardcoded because it's
+  // the only theme Paragon ships and the schema is the same across variants.
+  // See https://github.com/openedx/paragon/issues/4275 for a proposed split
+  // that would let us reference a theme-invariant schema directly.
+  const getAppStyleDictionaryConfig = (appName) => ({
+    ...coreConfig,
+    include: [
+      ...coreConfig.include,
+      path.resolve(__dirname, '../tokens/src/themes/light/**/*.json'),
+      path.resolve(__dirname, '../tokens/src/themes/light/**/*.toml'),
+    ],
+    source: [
+      `${tokensPath}/apps/${appName}/**/*.json`,
+      `${tokensPath}/apps/${appName}/**/*.toml`,
+    ],
+    platforms: {
+      css: {
+        ...coreConfig.platforms.css,
+        prefix: '',
+        transformGroup: 'paragon-css-app',
+        files: [
+          {
+            format: 'css/custom-variables',
+            destination: `apps/${appName}/variables.css`,
+            // Inline filter — strict source-only, distinct from the
+            // registered `isSource` filter (which also pulls in Paragon
+            // tokens marked as referenced by source). For apps we want refs
+            // to Paragon tokens to stay as `var(--pgn-…)` and resolve at
+            // runtime against Paragon's separately-loaded CSS.
+            filter: (token) => token.isSource,
+            options: { outputReferences: true },
+          },
+        ],
+      },
+    },
+  });
+
   // Create list of style-dictionary configurations to build
   const configs = [];
 
@@ -187,17 +242,29 @@ async function buildTokensCommand(commandArgs) {
     configs.push({ config, themeVariant });
   });
 
-  // Build tokens for each configuration
-  await Promise.all(configs.map(async ({ config, themeVariant }) => {
+  //  Add app configs (one per discovered app)
+  appsToProcess.forEach(appName => {
+    configs.push({ config: getAppStyleDictionaryConfig(appName), isApp: true });
+  });
+
+  // Phase 1: build all token configs (core, themes, apps) in parallel.
+  await Promise.all(configs.map(async ({ config }) => {
     const sd = new StyleDictionary(config);
     await sd.cleanAllPlatforms();
     await sd.buildAllPlatforms();
+  }));
+
+  // Phase 2: create index.css for core + each theme variant. Apps don't get
+  // their own index — their variables.css is consumed via @import from each
+  // theme variant's index.css (added by createIndexCssFile when apps exist).
+  configs.forEach(({ themeVariant, isApp }) => {
+    if (isApp) { return; }
     createIndexCssFile({
       buildDir,
       isThemeVariant: !!themeVariant,
       themeVariant,
     });
-  }));
+  });
 }
 
 module.exports = buildTokensCommand;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openedx/paragon",
-  "version": "23.21.3",
+  "version": "23.22.0",
   "description": "Accessible, responsive UI component library based on Bootstrap.",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/Scrollable/{index.jsx → index.tsx}

@@ -1,5 +1,4 @@
 import React, { useState } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
 import useIsVisible from '../hooks/useIsVisibleHook';
@@ -7,20 +6,27 @@ import useIsVisible from '../hooks/useIsVisibleHook';
 export const CLASSNAME_SCROLL_TOP = 'pgn__scrollable-body-scroll-top';
 export const CLASSNAME_SCROLL_BOTTOM = 'pgn__scrollable-body-scroll-bottom';
 
-function Scrollable({ children, ...props }) {
+export interface ScrollableProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Specifies the content of the `Scrollable`. */
+  children: React.ReactNode;
+  /** Additional classnames for this component. */
+  className?: string;
+}
+
+function Scrollable({ children, className, ...props }: ScrollableProps) {
   const [isScrolledToTop, topSentinelRef] = useIsVisible();
   const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();
   const [valueNow, setValueNow] = useState(0);
-  const className = classNames(
+  const scrollableClassName = classNames(
     'pgn__scrollable-body',
-    props.className,
+    className,
     {
       [CLASSNAME_SCROLL_TOP]: isScrolledToTop,
       [CLASSNAME_SCROLL_BOTTOM]: isScrolledToBottom,
     },
   );
 
-  const handleScroll = (e) => {
+  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {
     const maxScrollHeight = e.currentTarget.scrollHeight - e.currentTarget.clientHeight;
     setValueNow(Math.ceil((100 * e.currentTarget.scrollTop) / maxScrollHeight));
   };
@@ -28,33 +34,24 @@ function Scrollable({ children, ...props }) {
   return (
     <div
       {...props}
-      className={className}
+      className={scrollableClassName}
       role="scrollbar"
       aria-valuemin={0}
       aria-valuemax={100}
       aria-valuenow={valueNow}
       aria-controls="scrollbar"
-      tabIndex="0"
+      tabIndex={0}
       onScroll={handleScroll}
     >
-      <div ref={topSentinelRef} />
+      <div ref={topSentinelRef as React.RefObject<HTMLDivElement>} />
       <div className="pgn__scrollable-body-content">
         {children}
       </div>
-      <div ref={bottomSentinelRef} />
+      <div ref={bottomSentinelRef as React.RefObject<HTMLDivElement>} />
     </div>
   );
 }
 
-Scrollable.propTypes = {
-  /** Specifies the content of the `Scrollable`. */
-  children: PropTypes.node.isRequired,
-  /** Additional classnames for this component. */
-  className: PropTypes.string,
-};
-
-Scrollable.defaultProps = {
-  className: undefined,
-};
+Scrollable.displayName = 'Scrollable';
 
 export default Scrollable;

package/src/index.ts

@@ -43,6 +43,7 @@ export { default as ModalDialog } from './Modal/ModalDialog';
 export { default as ModalLayer } from './Modal/ModalLayer';
 export { default as Overlay, OverlayTrigger } from './Overlay';
 export { default as Portal } from './Modal/Portal';
+export { default as Scrollable } from './Scrollable';
 export { default as Spinner } from './Spinner';
 export { default as Stack } from './Stack';
 export { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';
@@ -83,8 +84,6 @@ export { default as Layout, Col, Row } from './Layout';
 export { default as Collapse } from './Collapse';
 // @ts-ignore: has yet to be converted to TypeScript
 export { default as Collapsible } from './Collapsible';
-// @ts-ignore: has yet to be converted to TypeScript
-export { default as Scrollable } from './Scrollable';
 export {
   default as Dropdown,
   DropdownToggle,

package/tokens/README.md

@@ -155,3 +155,50 @@ functions from tokens that are of `color` category and theirs `type` is one of `
 and `item` is one of `["base", "100", "200", ...]`.
 
 If you want to generate additional utility classes you need to add a similar JSON file to `src/utilities` directory.
+
+## Application tokens
+
+In addition to `core/` and `themes/`, Paragon supports a third top-level token directory: `apps/`. Tokens placed under `apps/<app-name>/` are emitted **without** the `--pgn-` prefix into `<buildDir>/apps/<app-name>/variables.css`. This is intended for theme authors who want to override CSS variables defined by individual MFEs (which use their own naming conventions, not `--pgn-`).
+
+For example, `frontend-app-catalog`'s home banner uses
+```scss
+background-color: var(--catalog-home-page-banner-background-color, var(--pgn-color-gray-500));
+```
+
+A theme author can target that variable by placing the following at `<their-source>/apps/catalog/home-page.json`:
+
+```json
+{
+  "catalog": {
+    "home-page": {
+      "banner": {
+        "background-color": { "$value": "{color.primary.400}", "$type": "color" }
+      }
+    }
+  }
+}
+```
+
+The build emits:
+
+```css
+:root {
+  --catalog-home-page-banner-background-color: var(--pgn-color-primary-400);
+}
+```
+
+…replacing the MFE's gray fallback with the theme's primary color.
+
+### Path conventions
+
+The recommended structure is kebab-case path segments matching the MFE's CSS variable name 1:1. For example, the four-level nesting above (`catalog` → `home-page` → `banner` → `background-color`) maps to the variable `--catalog-home-page-banner-background-color`. Multi-word concepts like `home-page` and `background-color` use hyphens within a single segment; single-word segments stay simple.
+
+This is the same convention used by Paragon's existing `core/` and `themes/` token files.
+
+### Theme variation
+
+App tokens are not theme-variant-aware in this version — there's a single `apps/<app-name>/variables.css` regardless of how many themes are being built. Theme variation flows through *references*: writing `{ "$value": "{color.primary.400}" }` produces a `var(--pgn-color-primary-400)` reference in the output, which resolves at runtime against whichever Paragon theme CSS is loaded. So when a brand publishes both `light.css` and `dark.css`, the same app override layers correctly on top of each.
+
+### Output and consumption
+
+App `variables.css` files are inlined into each theme variant's bundle by `paragon build-scss` via `@import` statements added to the theme's `index.css`. So when a theme author publishes `dist/light.min.css`, it already contains the app overrides. No separate per-app CSS files are emitted in `dist/`, and no MFE-side configuration change is needed — every MFE that loads the brand's `light.min.css` automatically picks up every app's custom-property declarations on `:root`.

package/tokens/style-dictionary.js

@@ -251,6 +251,31 @@ const initializeStyleDictionary = async ({ themes }) => {
     ],
   });
 
+  /**
+   * Conditionally prepends `pgn-` to non-source tokens so that app-config builds
+   * (which run with `prefix: ''` so app tokens output unprefixed) still emit
+   * `var(--pgn-…)` for references to Paragon core/theme tokens loaded via `include`.
+   * Source tokens (the app's own) keep their unprefixed name.
+   */
+  StyleDictionary.registerTransform({
+    name: 'name/pgn-for-non-source',
+    type: 'name',
+    transform: (token) => (token.isSource ? token.name : `pgn-${token.name}`),
+  });
+
+  /**
+   * Transform group used by app configs. Extends `paragon-css` with the
+   * conditional name transform appended so it runs after the standard kebab
+   * name transform.
+   */
+  StyleDictionary.registerTransformGroup({
+    name: 'paragon-css-app',
+    transforms: [
+      ...StyleDictionary.hooks.transformGroups['paragon-css'],
+      'name/pgn-for-non-source',
+    ],
+  });
+
   /**
    * The custom formatter to create CSS variables for core tokens.
    */

package/tokens/utils.js

@@ -361,8 +361,19 @@ function createIndexCssFile({ buildDir = path.resolve(__dirname, '../styles/css'
       return sortOrder.indexOf(aName) - sortOrder.indexOf(bName);
     });
 
+    // For theme variants, app variables.css files get @import'd from the
+    // theme's index.css so app overrides flow into the theme bundle via
+    // build-scss's postCSS-import pass.
+    const appsDir = path.join(buildDir, 'apps');
+    const appCssFiles = (isThemeVariant && fs.existsSync(appsDir))
+      ? getAllCssFiles(appsDir)
+      : [];
+
+    // Apps don't have load-order dependencies, so we just append them.
+    const allCssFiles = [...sortedCssFiles, ...appCssFiles];
+
     // Generate @import statements with relative paths
-    const exportStatements = sortedCssFiles.map((file) => {
+    const exportStatements = allCssFiles.map((file) => {
       // Get the relative path from the directory path to the file
       const relativePath = path.relative(directoryPath, file).replace(/\\/g, '/');
       return `@import "${relativePath}";`;