@laerdal/life-react-components 1.7.0-dev.22 → 1.7.0-dev.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Dropdown/DropdownFilter.cjs +34 -35
- package/dist/Dropdown/DropdownFilter.cjs.map +1 -1
- package/dist/Dropdown/DropdownFilter.d.ts +2 -1
- package/dist/Dropdown/DropdownFilter.js +34 -35
- package/dist/Dropdown/DropdownFilter.js.map +1 -1
- package/dist/GlobalNavigationBar/UserMenu/MenuLink.cjs +4 -0
- package/dist/GlobalNavigationBar/UserMenu/MenuLink.cjs.map +1 -1
- package/dist/GlobalNavigationBar/UserMenu/MenuLink.js +3 -0
- package/dist/GlobalNavigationBar/UserMenu/MenuLink.js.map +1 -1
- package/dist/index.cjs +0 -14
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/Tile/Tile.cjs +0 -61
- package/dist/Tile/Tile.cjs.map +0 -1
- package/dist/Tile/Tile.d.ts +0 -4
- package/dist/Tile/Tile.js +0 -43
- package/dist/Tile/Tile.js.map +0 -1
- package/dist/Tile/TileBody.cjs +0 -37
- package/dist/Tile/TileBody.cjs.map +0 -1
- package/dist/Tile/TileBody.d.ts +0 -6
- package/dist/Tile/TileBody.js +0 -22
- package/dist/Tile/TileBody.js.map +0 -1
- package/dist/Tile/TileCommonItems.cjs +0 -164
- package/dist/Tile/TileCommonItems.cjs.map +0 -1
- package/dist/Tile/TileCommonItems.d.ts +0 -9
- package/dist/Tile/TileCommonItems.js +0 -125
- package/dist/Tile/TileCommonItems.js.map +0 -1
- package/dist/Tile/TileFooter.cjs +0 -48
- package/dist/Tile/TileFooter.cjs.map +0 -1
- package/dist/Tile/TileFooter.d.ts +0 -7
- package/dist/Tile/TileFooter.js +0 -32
- package/dist/Tile/TileFooter.js.map +0 -1
- package/dist/Tile/TileHeader.cjs +0 -90
- package/dist/Tile/TileHeader.cjs.map +0 -1
- package/dist/Tile/TileHeader.d.ts +0 -7
- package/dist/Tile/TileHeader.js +0 -68
- package/dist/Tile/TileHeader.js.map +0 -1
- package/dist/Tile/TileTypes.cjs +0 -6
- package/dist/Tile/TileTypes.cjs.map +0 -1
- package/dist/Tile/TileTypes.d.ts +0 -57
- package/dist/Tile/TileTypes.js +0 -2
- package/dist/Tile/TileTypes.js.map +0 -1
- package/dist/Tile/index.cjs +0 -33
- package/dist/Tile/index.cjs.map +0 -1
- package/dist/Tile/index.d.ts +0 -3
- package/dist/Tile/index.js +0 -4
- package/dist/Tile/index.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/GlobalNavigationBar/UserMenu/MenuLink.tsx"],"names":["React","styled","css","NavLink","COLORS","ComponentTextStyle","Bullet","ChevronRight","ComponentMStyling","LinkStyles","Regular","neutral_600","InternalLink","ExternalLink","a","IconsRightSide","div","MenuLink","to","isExternal","menuText","Icon","notification","extendedMenu","onClick","getRightSide","critical_500"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,IAAgBC,GAAhB,QAA0B,mBAA1B;AACA,SAAQC,OAAR,QAAsB,kBAAtB;AACA,SAAQC,MAAR,EAAgBC,kBAAhB,QAAyC,cAAzC;AACA,SAAQC,MAAR,EAAgBC,YAAhB,QAAmC,qCAAnC;AACA,SAAQC,iBAAR,QAAgC,yBAAhC;;;AAEA,IAAMC,UAAU,
|
|
1
|
+
{"version":3,"sources":["../../../src/GlobalNavigationBar/UserMenu/MenuLink.tsx"],"names":["React","styled","css","NavLink","COLORS","ComponentTextStyle","Bullet","ChevronRight","ComponentMStyling","defaultOnMouseDownHandler","LinkStyles","Regular","neutral_600","InternalLink","ExternalLink","a","IconsRightSide","div","MenuLink","to","isExternal","menuText","Icon","notification","extendedMenu","onClick","getRightSide","critical_500"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,IAAgBC,GAAhB,QAA0B,mBAA1B;AACA,SAAQC,OAAR,QAAsB,kBAAtB;AACA,SAAQC,MAAR,EAAgBC,kBAAhB,QAAyC,cAAzC;AACA,SAAQC,MAAR,EAAgBC,YAAhB,QAAmC,qCAAnC;AACA,SAAQC,iBAAR,QAAgC,yBAAhC;AACA,SAAQC,yBAAR,QAAwC,cAAxC;;;AAEA,IAAMC,UAAU,GAAGR,GAAH,0SAUZM,iBAAiB,CAACH,kBAAkB,CAACM,OAApB,EAA6BP,MAAM,CAACQ,WAApC,CAVL,EAaHR,MAAM,CAACQ,WAbJ,CAAhB;AAiBA,IAAMC,YAAY,GAAGZ,MAAM,CAACE,OAAD,CAAT,mFACdO,UADc,CAAlB;AAIA,IAAMI,YAAY,GAAGb,MAAM,CAACc,CAAV,mFACdL,UADc,CAAlB;AAIA,IAAMM,cAAc,GAAGf,MAAM,CAACgB,GAAV,4JAApB;;AAkBA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAA4F;AAAA,MAAzFC,EAAyF,QAAzFA,EAAyF;AAAA,MAArFC,UAAqF,QAArFA,UAAqF;AAAA,MAAzEC,QAAyE,QAAzEA,QAAyE;AAAA,MAA/DC,IAA+D,QAA/DA,IAA+D;AAAA,MAAzDC,YAAyD,QAAzDA,YAAyD;AAAA,MAA3CC,YAA2C,QAA3CA,YAA2C;AAAA,MAA7BC,QAA6B,QAA7BA,OAA6B;;AAC3G,MAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,wBACnB,MAAC,cAAD;AAAA,iBACGH,YAAY,gBAAG,KAAC,MAAD;AAAQ,QAAA,IAAI,EAAC,MAAb;AAAoB,QAAA,KAAK,EAAEnB,MAAM,CAACuB;AAAlC,QAAH,GAAwD,IADvE,EAEGH,YAAY,gBAAG,KAAC,YAAD;AAAc,QAAA,IAAI,EAAC,MAAnB;AAA0B,QAAA,KAAK,EAAEpB,MAAM,CAACQ;AAAxC,QAAH,GAA6D,IAF5E;AAAA,MADmB;AAAA,GAArB;;AAMA,sBACE;AAAA,cACGQ,UAAU,gBACT,MAAC,YAAD;AAEE,MAAA,IAAI,EAAED,EAFR;AAGE,MAAA,IAAI,EAAC,UAHP;AAIE,MAAA,SAAS,EAAC,cAJZ;AAKE,MAAA,WAAW,EAAEV,yBALf;AAME,MAAA,OAAO,EAAE,mBAAM;AACb,YAAIgB,QAAJ,EAAa;AACXA,UAAAA,QAAO;AACR;AACF,OAVH;AAAA,iBAWGH,IAAI,iBAAI,KAAC,IAAD;AAAM,QAAA,IAAI,EAAC;AAAX,QAXX,eAYE;AAAA,kBAAOD;AAAP,QAZF,EAaGK,YAAY,EAbf;AAAA,8BACuBP,EADvB,EADS,gBAiBT,MAAC,YAAD;AAEE,MAAA,EAAE,EAAEA,EAFN;AAGE,MAAA,IAAI,EAAC,UAHP;AAIE,MAAA,SAAS,EAAC,cAJZ;AAKE,MAAA,WAAW,EAAEV,yBALf;AAME,MAAA,OAAO,EAAE,mBAAM;AACb,YAAIgB,QAAJ,EAAa;AACXA,UAAAA,QAAO;AACR;AACF,OAVH;AAAA,iBAWGH,IAAI,iBAAI,KAAC,IAAD;AAAM,QAAA,IAAI,EAAC;AAAX,QAXX,eAYE;AAAA,kBAAOD;AAAP,QAZF,EAaGK,YAAY,EAbf;AAAA,8BACuBP,EADvB;AAlBJ,IADF;AAqCD,CA5CD;;;AATEA,EAAAA,E;AACAE,EAAAA,Q;AACAD,EAAAA,U;AACAE,EAAAA,I;AACAC,EAAAA,Y;AACAC,EAAAA,Y;AACAC,EAAAA,O;;AAiDF,eAAeP,QAAf","sourcesContent":["import * as React from 'react';\nimport styled, {css} from 'styled-components';\nimport {NavLink} from 'react-router-dom';\nimport {COLORS, ComponentTextStyle} from '../../styles';\nimport {Bullet, ChevronRight} from '../../icons/systemicons/SystemIcons';\nimport {ComponentMStyling} from '../../styles/typography';\nimport {defaultOnMouseDownHandler} from '../../common';\n\nconst LinkStyles = css`\n border: none;\n background: transparent;\n padding: 16px 25px;\n\n text-decoration: none;\n text-align: left;\n align-items: center;\n display: flex;\n\n ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n svg {\n margin-right: 15px;\n color: ${COLORS.neutral_600};\n }\n`;\n\nconst InternalLink = styled(NavLink)`\n ${LinkStyles};\n`;\n\nconst ExternalLink = styled.a`\n ${LinkStyles};\n`;\n\nconst IconsRightSide = styled.div`\n margin: 0 0 0 auto;\n align-items: center;\n svg {\n margin-right: 0;\n }\n`;\n\ninterface MenuLinkProps {\n to: string;\n menuText: string;\n isExternal?: boolean;\n Icon?: any;\n notification?: boolean;\n extendedMenu?: boolean;\n onClick?: () => void;\n}\n\nconst MenuLink = ({ to, isExternal, menuText, Icon, notification, extendedMenu, onClick }: MenuLinkProps) => {\n const getRightSide = () => (\n <IconsRightSide>\n {notification ? <Bullet size=\"24px\" color={COLORS.critical_500} /> : null}\n {extendedMenu ? <ChevronRight size=\"24px\" color={COLORS.neutral_600} /> : null}\n </IconsRightSide>\n );\n return (\n <li>\n {isExternal ? (\n <ExternalLink\n key={`ExternalLink_${to}`}\n href={to}\n role=\"menuitem\"\n className=\"UserMenuLink\"\n onMouseDown={defaultOnMouseDownHandler}\n onClick={() => {\n if (onClick) {\n onClick();\n }\n }}>\n {Icon && <Icon size=\"24px\" />}\n <span>{menuText}</span>\n {getRightSide()}\n </ExternalLink>\n ) : (\n <InternalLink\n key={`InternalLink_${to}`}\n to={to}\n role=\"menuitem\"\n className=\"UserMenuLink\"\n onMouseDown={defaultOnMouseDownHandler}\n onClick={() => {\n if (onClick) {\n onClick();\n }\n }}>\n {Icon && <Icon size=\"24px\" />}\n <span>{menuText}</span>\n {getRightSide()}\n </InternalLink>\n )}\n </li>\n );\n};\n\nexport default MenuLink;\n"],"file":"MenuLink.js"}
|
package/dist/index.cjs
CHANGED
|
@@ -545,19 +545,5 @@ Object.keys(_ChipsInput).forEach(function (key) {
|
|
|
545
545
|
});
|
|
546
546
|
});
|
|
547
547
|
|
|
548
|
-
var _Tile = require("./Tile");
|
|
549
|
-
|
|
550
|
-
Object.keys(_Tile).forEach(function (key) {
|
|
551
|
-
if (key === "default" || key === "__esModule") return;
|
|
552
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
553
|
-
if (key in exports && exports[key] === _Tile[key]) return;
|
|
554
|
-
Object.defineProperty(exports, key, {
|
|
555
|
-
enumerable: true,
|
|
556
|
-
get: function get() {
|
|
557
|
-
return _Tile[key];
|
|
558
|
-
}
|
|
559
|
-
});
|
|
560
|
-
});
|
|
561
|
-
|
|
562
548
|
var _assets = require("./assets");
|
|
563
549
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA","sourcesContent":["export * from './styles';\nexport * from './icons';\nexport * from './types';\nexport * from './AuthPage';\nexport * from './Button';\nexport * from './Breadcrumb';\nexport * from './Chips';\nexport * from './SkipToContent';\nexport * from './Footer';\nexport * from './LoadingIndicator';\nexport * from './MiniProductCard';\nexport * from './NavItem';\nexport * from './Layouts';\nexport * from './GlobalNavigationBar';\nexport * from './Tabs';\nexport * from './Banners';\nexport * from './Toasters';\nexport * from './InputFields';\nexport * from './Dropdown';\nexport * from './Switcher';\nexport * from './LoadingPage';\nexport * from './List';\nexport * from './Modals';\nexport * from './Paginator';\nexport * from './Table';\nexport * from './Toggles';\nexport * from './HyperLink';\nexport * from './NotificationDot';\nexport * from './Accordion';\nexport * from './Tooltips';\nexport * from './common';\nexport * from './QuizButton';\nexport * from './LinearProgress';\nexport * from './SegmentControl';\nexport * from './Card';\nexport * from './Tag';\nexport * from './Image';\nexport * from './ChipsInput';\nexport {LaerdalLogo} from './assets';\n"],"file":"index.cjs"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"names":["LaerdalLogo"],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,SAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,oBAAd;AACA,cAAc,mBAAd;AACA,cAAc,WAAd;AACA,cAAc,WAAd;AACA,cAAc,uBAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,mBAAd;AACA,cAAc,aAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,kBAAd;AACA,cAAc,kBAAd;AACA,cAAc,QAAd;AACA,cAAc,OAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"names":["LaerdalLogo"],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,SAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,oBAAd;AACA,cAAc,mBAAd;AACA,cAAc,WAAd;AACA,cAAc,WAAd;AACA,cAAc,uBAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,mBAAd;AACA,cAAc,aAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,kBAAd;AACA,cAAc,kBAAd;AACA,cAAc,QAAd;AACA,cAAc,OAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,SAAQA,WAAR,QAA0B,UAA1B","sourcesContent":["export * from './styles';\nexport * from './icons';\nexport * from './types';\nexport * from './AuthPage';\nexport * from './Button';\nexport * from './Breadcrumb';\nexport * from './Chips';\nexport * from './SkipToContent';\nexport * from './Footer';\nexport * from './LoadingIndicator';\nexport * from './MiniProductCard';\nexport * from './NavItem';\nexport * from './Layouts';\nexport * from './GlobalNavigationBar';\nexport * from './Tabs';\nexport * from './Banners';\nexport * from './Toasters';\nexport * from './InputFields';\nexport * from './Dropdown';\nexport * from './Switcher';\nexport * from './LoadingPage';\nexport * from './List';\nexport * from './Modals';\nexport * from './Paginator';\nexport * from './Table';\nexport * from './Toggles';\nexport * from './HyperLink';\nexport * from './NotificationDot';\nexport * from './Accordion';\nexport * from './Tooltips';\nexport * from './common';\nexport * from './QuizButton';\nexport * from './LinearProgress';\nexport * from './SegmentControl';\nexport * from './Card';\nexport * from './Tag';\nexport * from './Image';\nexport * from './ChipsInput';\nexport {LaerdalLogo} from './assets';\n"],"file":"index.js"}
|
package/package.json
CHANGED
package/dist/Tile/Tile.cjs
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
|
-
var _types = require("../types");
|
|
17
|
-
|
|
18
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
19
|
-
|
|
20
|
-
var _TileHeader = _interopRequireDefault(require("./TileHeader"));
|
|
21
|
-
|
|
22
|
-
var _TileFooter = _interopRequireDefault(require("./TileFooter"));
|
|
23
|
-
|
|
24
|
-
var _TileBody = _interopRequireDefault(require("./TileBody"));
|
|
25
|
-
|
|
26
|
-
var _styles = require("../styles");
|
|
27
|
-
|
|
28
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
29
|
-
|
|
30
|
-
var _templateObject;
|
|
31
|
-
|
|
32
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
33
|
-
|
|
34
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
35
|
-
|
|
36
|
-
var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-flow: column;\n flex-direction: column;\n background: ", ";\n border-radius: 8px;\n border: 1px solid ", ";\n box-sizing: border-box;\n"])), _styles.COLORS.white, _styles.COLORS.neutral_200);
|
|
37
|
-
|
|
38
|
-
var Tile = function Tile(_ref) {
|
|
39
|
-
var header = _ref.header,
|
|
40
|
-
footer = _ref.footer,
|
|
41
|
-
_ref$size = _ref.size,
|
|
42
|
-
size = _ref$size === void 0 ? _types.Size.Medium : _ref$size,
|
|
43
|
-
style = _ref.style,
|
|
44
|
-
children = _ref.children;
|
|
45
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
|
|
46
|
-
style: style,
|
|
47
|
-
className: size,
|
|
48
|
-
children: [header && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TileHeader.default, _objectSpread(_objectSpread({}, header), {}, {
|
|
49
|
-
size: size
|
|
50
|
-
})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TileBody.default, {
|
|
51
|
-
size: size,
|
|
52
|
-
children: children
|
|
53
|
-
}), footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TileFooter.default, _objectSpread(_objectSpread({}, footer), {}, {
|
|
54
|
-
size: size
|
|
55
|
-
}))]
|
|
56
|
-
});
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
var _default = Tile;
|
|
60
|
-
exports.default = _default;
|
|
61
|
-
//# sourceMappingURL=Tile.cjs.map
|
package/dist/Tile/Tile.cjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Tile/Tile.tsx"],"names":["Wrapper","styled","div","COLORS","white","neutral_200","Tile","header","footer","size","Size","Medium","style","children"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,4RAMGC,eAAOC,KANV,EAQSD,eAAOE,WARhB,CAAb;;AAYA,IAAMC,IAAwC,GAAG,SAA3CA,IAA2C,OAMO;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHGC,YAAKC,MAGR;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,MADJC,QACI,QADJA,QACI;AAEtD,sBACE,sBAAC,OAAD;AAAS,IAAA,KAAK,EAAED,KAAhB;AACS,IAAA,SAAS,EAAEH,IADpB;AAAA,eAEGF,MAAM,iBAAI,qBAAC,mBAAD,kCAAgBA,MAAhB;AAAwB,MAAA,IAAI,EAAEE;AAA9B,OAFb,eAGE,qBAAC,iBAAD;AAAU,MAAA,IAAI,EAAEA,IAAhB;AAAA,gBACGI;AADH,MAHF,EAMGL,MAAM,iBAAI,qBAAC,mBAAD,kCAAgBA,MAAhB;AAAwB,MAAA,IAAI,EAAEC;AAA9B,OANb;AAAA,IADF;AAUD,CAlBD;;eAqBeH,I","sourcesContent":["import React from 'react';\nimport {Size} from '../types';\nimport {TileProps} from './TileTypes';\nimport styled from 'styled-components';\nimport TileHeader from './TileHeader';\nimport TileFooter from './TileFooter';\nimport TileBody from './TileBody';\nimport {COLORS} from '../styles';\n\nconst Wrapper = styled.div`\n width: 100%;\n height: 100%;\n display: flex;\n flex-flow: column;\n flex-direction: column;\n background: ${COLORS.white};\n border-radius: 8px;\n border: 1px solid ${COLORS.neutral_200};\n box-sizing: border-box;\n`;\n\nconst Tile: React.FunctionComponent<TileProps> = ({\n header,\n footer,\n size = Size.Medium,\n style,\n children\n }) => {\n\n return (\n <Wrapper style={style}\n className={size}>\n {header && <TileHeader {...header} size={size}/>}\n <TileBody size={size}>\n {children}\n </TileBody>\n {footer && <TileFooter {...footer} size={size}/>}\n </Wrapper>\n )\n}\n\n\nexport default Tile;\n"],"file":"Tile.cjs"}
|
package/dist/Tile/Tile.d.ts
DELETED
package/dist/Tile/Tile.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
3
|
-
|
|
4
|
-
var _templateObject;
|
|
5
|
-
|
|
6
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
7
|
-
|
|
8
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
9
|
-
|
|
10
|
-
import React from 'react';
|
|
11
|
-
import { Size } from '../types';
|
|
12
|
-
import styled from 'styled-components';
|
|
13
|
-
import TileHeader from './TileHeader';
|
|
14
|
-
import TileFooter from './TileFooter';
|
|
15
|
-
import TileBody from './TileBody';
|
|
16
|
-
import { COLORS } from '../styles';
|
|
17
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
18
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
19
|
-
var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-flow: column;\n flex-direction: column;\n background: ", ";\n border-radius: 8px;\n border: 1px solid ", ";\n box-sizing: border-box;\n"])), COLORS.white, COLORS.neutral_200);
|
|
20
|
-
|
|
21
|
-
var Tile = function Tile(_ref) {
|
|
22
|
-
var header = _ref.header,
|
|
23
|
-
footer = _ref.footer,
|
|
24
|
-
_ref$size = _ref.size,
|
|
25
|
-
size = _ref$size === void 0 ? Size.Medium : _ref$size,
|
|
26
|
-
style = _ref.style,
|
|
27
|
-
children = _ref.children;
|
|
28
|
-
return /*#__PURE__*/_jsxs(Wrapper, {
|
|
29
|
-
style: style,
|
|
30
|
-
className: size,
|
|
31
|
-
children: [header && /*#__PURE__*/_jsx(TileHeader, _objectSpread(_objectSpread({}, header), {}, {
|
|
32
|
-
size: size
|
|
33
|
-
})), /*#__PURE__*/_jsx(TileBody, {
|
|
34
|
-
size: size,
|
|
35
|
-
children: children
|
|
36
|
-
}), footer && /*#__PURE__*/_jsx(TileFooter, _objectSpread(_objectSpread({}, footer), {}, {
|
|
37
|
-
size: size
|
|
38
|
-
}))]
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
export default Tile;
|
|
43
|
-
//# sourceMappingURL=Tile.js.map
|
package/dist/Tile/Tile.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Tile/Tile.tsx"],"names":["React","Size","styled","TileHeader","TileFooter","TileBody","COLORS","Wrapper","div","white","neutral_200","Tile","header","footer","size","Medium","style","children"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,IAAR,QAAmB,UAAnB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,SAAQC,MAAR,QAAqB,WAArB;;;AAEA,IAAMC,OAAO,GAAGL,MAAM,CAACM,GAAV,8QAMGF,MAAM,CAACG,KANV,EAQSH,MAAM,CAACI,WARhB,CAAb;;AAYA,IAAMC,IAAwC,GAAG,SAA3CA,IAA2C,OAMO;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHGb,IAAI,CAACc,MAGR;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,MADJC,QACI,QADJA,QACI;AAEtD,sBACE,MAAC,OAAD;AAAS,IAAA,KAAK,EAAED,KAAhB;AACS,IAAA,SAAS,EAAEF,IADpB;AAAA,eAEGF,MAAM,iBAAI,KAAC,UAAD,kCAAgBA,MAAhB;AAAwB,MAAA,IAAI,EAAEE;AAA9B,OAFb,eAGE,KAAC,QAAD;AAAU,MAAA,IAAI,EAAEA,IAAhB;AAAA,gBACGG;AADH,MAHF,EAMGJ,MAAM,iBAAI,KAAC,UAAD,kCAAgBA,MAAhB;AAAwB,MAAA,IAAI,EAAEC;AAA9B,OANb;AAAA,IADF;AAUD,CAlBD;;AAqBA,eAAeH,IAAf","sourcesContent":["import React from 'react';\nimport {Size} from '../types';\nimport {TileProps} from './TileTypes';\nimport styled from 'styled-components';\nimport TileHeader from './TileHeader';\nimport TileFooter from './TileFooter';\nimport TileBody from './TileBody';\nimport {COLORS} from '../styles';\n\nconst Wrapper = styled.div`\n width: 100%;\n height: 100%;\n display: flex;\n flex-flow: column;\n flex-direction: column;\n background: ${COLORS.white};\n border-radius: 8px;\n border: 1px solid ${COLORS.neutral_200};\n box-sizing: border-box;\n`;\n\nconst Tile: React.FunctionComponent<TileProps> = ({\n header,\n footer,\n size = Size.Medium,\n style,\n children\n }) => {\n\n return (\n <Wrapper style={style}\n className={size}>\n {header && <TileHeader {...header} size={size}/>}\n <TileBody size={size}>\n {children}\n </TileBody>\n {footer && <TileFooter {...footer} size={size}/>}\n </Wrapper>\n )\n}\n\n\nexport default Tile;\n"],"file":"Tile.js"}
|
package/dist/Tile/TileBody.cjs
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
|
-
var _types = require("../types");
|
|
15
|
-
|
|
16
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
17
|
-
|
|
18
|
-
var _styles = require("../styles");
|
|
19
|
-
|
|
20
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
-
|
|
22
|
-
var _templateObject;
|
|
23
|
-
|
|
24
|
-
var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n flex: 1;\n margin: 8px 6px 8px 4px;\n overflow: auto;\n box-sizing: border-box;\n\n &.small {\n padding-right: 10px;\n padding-left: 12px;\n }\n\n &.medium {\n padding-right: 14px;\n padding-left: 16px;\n }\n\n &.large {\n padding-right: 18px;\n padding-left: 20px;\n }\n\n ", "\n"])), (0, _styles.scrollBarStyling)(_types.Size.Small));
|
|
25
|
-
|
|
26
|
-
var TileBody = function TileBody(_ref) {
|
|
27
|
-
var children = _ref.children,
|
|
28
|
-
size = _ref.size;
|
|
29
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
|
|
30
|
-
className: size,
|
|
31
|
-
children: children
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
var _default = TileBody;
|
|
36
|
-
exports.default = _default;
|
|
37
|
-
//# sourceMappingURL=TileBody.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Tile/TileBody.tsx"],"names":["Wrapper","styled","div","Size","Small","TileBody","children","size"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,4YAqBT,8BAAiBC,YAAKC,KAAtB,CArBS,CAAb;;AAwBA,IAAMC,QAAiD,GAAG,SAApDA,QAAoD,OAAsB;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAAA,MAAVC,IAAU,QAAVA,IAAU;AAG9E,sBACE,qBAAC,OAAD;AAAS,IAAA,SAAS,EAAEA,IAApB;AAAA,cACGD;AADH,IADF;AAKD,CARD;;eAWeD,Q","sourcesContent":["import React from 'react'\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\n\nconst Wrapper = styled.div`\n flex: 1;\n margin: 8px 6px 8px 4px;\n overflow: auto;\n box-sizing: border-box;\n\n &.small {\n padding-right: 10px;\n padding-left: 12px;\n }\n\n &.medium {\n padding-right: 14px;\n padding-left: 16px;\n }\n\n &.large {\n padding-right: 18px;\n padding-left: 20px;\n }\n\n ${scrollBarStyling(Size.Small)}\n`;\n\nconst TileBody: React.FunctionComponent<{ size: Size }> = ({children, size}) => {\n\n\n return (\n <Wrapper className={size}>\n {children}\n </Wrapper>\n )\n}\n\n\nexport default TileBody;\n"],"file":"TileBody.cjs"}
|
package/dist/Tile/TileBody.d.ts
DELETED
package/dist/Tile/TileBody.js
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
2
|
-
|
|
3
|
-
var _templateObject;
|
|
4
|
-
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import { Size } from '../types';
|
|
7
|
-
import styled from 'styled-components';
|
|
8
|
-
import { scrollBarStyling } from '../styles';
|
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n flex: 1;\n margin: 8px 6px 8px 4px;\n overflow: auto;\n box-sizing: border-box;\n\n &.small {\n padding-right: 10px;\n padding-left: 12px;\n }\n\n &.medium {\n padding-right: 14px;\n padding-left: 16px;\n }\n\n &.large {\n padding-right: 18px;\n padding-left: 20px;\n }\n\n ", "\n"])), scrollBarStyling(Size.Small));
|
|
11
|
-
|
|
12
|
-
var TileBody = function TileBody(_ref) {
|
|
13
|
-
var children = _ref.children,
|
|
14
|
-
size = _ref.size;
|
|
15
|
-
return /*#__PURE__*/_jsx(Wrapper, {
|
|
16
|
-
className: size,
|
|
17
|
-
children: children
|
|
18
|
-
});
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export default TileBody;
|
|
22
|
-
//# sourceMappingURL=TileBody.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Tile/TileBody.tsx"],"names":["React","Size","styled","scrollBarStyling","Wrapper","div","Small","TileBody","children","size"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,IAAR,QAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,gBAAR,QAA+B,WAA/B;;AAEA,IAAMC,OAAO,GAAGF,MAAM,CAACG,GAAV,8XAqBTF,gBAAgB,CAACF,IAAI,CAACK,KAAN,CArBP,CAAb;;AAwBA,IAAMC,QAAiD,GAAG,SAApDA,QAAoD,OAAsB;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAAA,MAAVC,IAAU,QAAVA,IAAU;AAG9E,sBACE,KAAC,OAAD;AAAS,IAAA,SAAS,EAAEA,IAApB;AAAA,cACGD;AADH,IADF;AAKD,CARD;;AAWA,eAAeD,QAAf","sourcesContent":["import React from 'react'\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\n\nconst Wrapper = styled.div`\n flex: 1;\n margin: 8px 6px 8px 4px;\n overflow: auto;\n box-sizing: border-box;\n\n &.small {\n padding-right: 10px;\n padding-left: 12px;\n }\n\n &.medium {\n padding-right: 14px;\n padding-left: 16px;\n }\n\n &.large {\n padding-right: 18px;\n padding-left: 20px;\n }\n\n ${scrollBarStyling(Size.Small)}\n`;\n\nconst TileBody: React.FunctionComponent<{ size: Size }> = ({children, size}) => {\n\n\n return (\n <Wrapper className={size}>\n {children}\n </Wrapper>\n )\n}\n\n\nexport default TileBody;\n"],"file":"TileBody.js"}
|
|
@@ -1,164 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.TileNoteWrapper = exports.TileNoteText = exports.TileNoteIcon = exports.TileHyperLinkWrapper = exports.TileHyperLinkText = exports.TileHyperLinkIcon = exports.RenderTileItem = void 0;
|
|
9
|
-
|
|
10
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
15
|
-
|
|
16
|
-
var _Button = require("../Button");
|
|
17
|
-
|
|
18
|
-
var _Toggles = require("../Toggles");
|
|
19
|
-
|
|
20
|
-
var _Dropdown = require("../Dropdown");
|
|
21
|
-
|
|
22
|
-
var _react = _interopRequireDefault(require("react"));
|
|
23
|
-
|
|
24
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
25
|
-
|
|
26
|
-
var _styles = require("../styles");
|
|
27
|
-
|
|
28
|
-
var _HyperLink = require("../HyperLink");
|
|
29
|
-
|
|
30
|
-
var _types = require("../types");
|
|
31
|
-
|
|
32
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
33
|
-
|
|
34
|
-
var _excluded = ["linkText", "componentType", "linkIcon"],
|
|
35
|
-
_excluded2 = ["buttonText", "componentType"];
|
|
36
|
-
|
|
37
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
38
|
-
|
|
39
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
40
|
-
|
|
41
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
42
|
-
|
|
43
|
-
var TileNoteText = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
|
|
44
|
-
|
|
45
|
-
exports.TileNoteText = TileNoteText;
|
|
46
|
-
|
|
47
|
-
var TileNoteIcon = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)([""])));
|
|
48
|
-
|
|
49
|
-
exports.TileNoteIcon = TileNoteIcon;
|
|
50
|
-
|
|
51
|
-
var TileNoteWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n align-items: center;\n color: ", ";\n\n &.small {\n gap: 4px;\n\n ", " {\n width: 16px;\n height: 16px;\n }\n\n ", " {\n ", "\n }\n }\n\n &.medium {\n gap: 6px;\n\n ", " {\n width: 16px;\n height: 16px;\n }\n\n ", " {\n ", "\n }\n\n }\n\n &.large {\n gap: 8px;\n\n ", " {\n width: 20px;\n height: 20px;\n }\n\n ", " {\n ", "\n }\n }\n"])), _styles.COLORS.neutral_600, TileNoteIcon, TileNoteText, (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, null), TileNoteIcon, TileNoteText, (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, null), TileNoteIcon, TileNoteText, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null));
|
|
52
|
-
|
|
53
|
-
exports.TileNoteWrapper = TileNoteWrapper;
|
|
54
|
-
|
|
55
|
-
var TileHyperLinkIcon = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)([""])));
|
|
56
|
-
|
|
57
|
-
exports.TileHyperLinkIcon = TileHyperLinkIcon;
|
|
58
|
-
|
|
59
|
-
var TileHyperLinkText = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)([""])));
|
|
60
|
-
|
|
61
|
-
exports.TileHyperLinkText = TileHyperLinkText;
|
|
62
|
-
|
|
63
|
-
var TileHyperLinkWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n width: max-content;\n\n ", "\n a {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 4px;\n }\n\n &.small {\n ", " {\n width: 24px;\n height: 24px;\n }\n\n ", " {\n ", "\n }\n }\n\n &.medium {\n ", " {\n width: 24px;\n height: 24px;\n }\n\n ", " {\n ", "\n }\n }\n\n &.large {\n ", " {\n width: 24px;\n height: 24px;\n }\n\n ", " {\n ", "\n }\n }\n"])), (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.primary_500), TileHyperLinkIcon, TileHyperLinkText, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, null), TileHyperLinkIcon, TileHyperLinkText, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, null), TileHyperLinkIcon, TileHyperLinkText, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, null));
|
|
64
|
-
|
|
65
|
-
exports.TileHyperLinkWrapper = TileHyperLinkWrapper;
|
|
66
|
-
|
|
67
|
-
var RenderTileItem = function RenderTileItem(item, size) {
|
|
68
|
-
var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
|
|
69
|
-
|
|
70
|
-
switch (item.componentType) {
|
|
71
|
-
case 'icon':
|
|
72
|
-
{
|
|
73
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
|
|
74
|
-
variant: 'secondary',
|
|
75
|
-
useTransparentBackground: true,
|
|
76
|
-
shape: 'circular',
|
|
77
|
-
action: item.action,
|
|
78
|
-
disabled: item.disabled,
|
|
79
|
-
children: item.icon
|
|
80
|
-
}, key);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
case 'toggle':
|
|
84
|
-
{
|
|
85
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toggles.ToggleButton, {
|
|
86
|
-
active: item.active,
|
|
87
|
-
onChange: item.onChange,
|
|
88
|
-
defaultState: item.defaultState,
|
|
89
|
-
activeState: item.activeState,
|
|
90
|
-
disabled: item.disabled
|
|
91
|
-
}, key);
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
case 'dropdown':
|
|
95
|
-
{
|
|
96
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.DropdownButton, {
|
|
97
|
-
items: item.items,
|
|
98
|
-
itemsType: item.itemsType,
|
|
99
|
-
onClick: item.onClick,
|
|
100
|
-
icon: item.icon,
|
|
101
|
-
action: item.action,
|
|
102
|
-
actionIcon: item.actionIcon,
|
|
103
|
-
actionLabel: item.actionLabel,
|
|
104
|
-
actionVariant: item.actionVariant,
|
|
105
|
-
actionLoading: item.actionLoading,
|
|
106
|
-
multiSelect: item.multiSelect,
|
|
107
|
-
scrollable: item.scrollable,
|
|
108
|
-
pinTopItem: item.pinTopItem,
|
|
109
|
-
maxHeight: item.maxHeight,
|
|
110
|
-
disabled: item.disabled
|
|
111
|
-
}, key);
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
case 'note':
|
|
115
|
-
{
|
|
116
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TileNoteWrapper, {
|
|
117
|
-
className: size,
|
|
118
|
-
children: [item.noteIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(TileNoteIcon, {
|
|
119
|
-
children: /*#__PURE__*/_react.default.cloneElement(item.noteIcon, {
|
|
120
|
-
size: size === _types.Size.Large ? '20px' : '16'
|
|
121
|
-
})
|
|
122
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(TileNoteText, {
|
|
123
|
-
children: item.noteText
|
|
124
|
-
})]
|
|
125
|
-
}, key);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
case 'link':
|
|
129
|
-
{
|
|
130
|
-
var linkText = item.linkText,
|
|
131
|
-
componentType = item.componentType,
|
|
132
|
-
linkIcon = item.linkIcon,
|
|
133
|
-
rest = (0, _objectWithoutProperties2.default)(item, _excluded);
|
|
134
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(TileHyperLinkWrapper, {
|
|
135
|
-
className: size,
|
|
136
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_HyperLink.HyperLink, _objectSpread(_objectSpread({}, rest), {}, {
|
|
137
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TileHyperLinkIcon, {
|
|
138
|
-
children: /*#__PURE__*/_react.default.cloneElement(linkIcon, {
|
|
139
|
-
size: size === _types.Size.Large ? '28px' : '24px'
|
|
140
|
-
})
|
|
141
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(TileHyperLinkText, {
|
|
142
|
-
children: linkText
|
|
143
|
-
})]
|
|
144
|
-
}))
|
|
145
|
-
}, key);
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
case 'button':
|
|
149
|
-
{
|
|
150
|
-
var buttonText = item.buttonText,
|
|
151
|
-
_componentType = item.componentType,
|
|
152
|
-
_rest = (0, _objectWithoutProperties2.default)(item, _excluded2);
|
|
153
|
-
|
|
154
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, _objectSpread(_objectSpread({
|
|
155
|
-
size: size
|
|
156
|
-
}, _rest), {}, {
|
|
157
|
-
children: buttonText
|
|
158
|
-
}), key);
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
};
|
|
162
|
-
|
|
163
|
-
exports.RenderTileItem = RenderTileItem;
|
|
164
|
-
//# sourceMappingURL=TileCommonItems.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Tile/TileCommonItems.tsx"],"names":["TileNoteText","styled","div","TileNoteIcon","TileNoteWrapper","COLORS","neutral_600","ComponentTextStyle","Regular","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","primary_500","RenderTileItem","item","size","key","undefined","componentType","action","disabled","icon","active","onChange","defaultState","activeState","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","noteIcon","React","cloneElement","Size","Large","noteText","linkText","linkIcon","rest","buttonText"],"mappings":"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","sourcesContent":["import {\n TileDropdownButton,\n TileHyperLink,\n TileIconButton,\n TileNote,\n TileStandardButton,\n TileToggleButton\n} from './TileTypes';\nimport {Button, IconButton} from '../Button';\nimport {ToggleButton} from '../Toggles';\nimport {DropdownButton} from '../Dropdown';\nimport React from 'react';\nimport styled from 'styled-components';\nimport {\n COLORS, ComponentLStyling,\n ComponentMStyling,\n ComponentSStyling,\n ComponentTextStyle,\n ComponentXSStyling,\n ComponentXXSStyling\n} from '../styles';\nimport {HyperLink} from '../HyperLink';\nimport {Size} from '../types';\n\n\nexport const TileNoteText = styled.div``;\nexport const TileNoteIcon = styled.div``;\nexport const TileNoteWrapper = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n color: ${COLORS.neutral_600};\n\n &.small {\n gap: 4px;\n\n ${TileNoteIcon} {\n width: 16px;\n height: 16px;\n }\n\n ${TileNoteText} {\n ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n }\n }\n\n &.medium {\n gap: 6px;\n\n ${TileNoteIcon} {\n width: 16px;\n height: 16px;\n }\n\n ${TileNoteText} {\n ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n }\n\n }\n\n &.large {\n gap: 8px;\n\n ${TileNoteIcon} {\n width: 20px;\n height: 20px;\n }\n\n ${TileNoteText} {\n ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n }\n }\n`;\n\n\nexport const TileHyperLinkIcon = styled.div``;\nexport const TileHyperLinkText = styled.div``;\n\nexport const TileHyperLinkWrapper = styled.div`\n width: max-content;\n\n ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.primary_500)}\n a {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 4px;\n }\n\n &.small {\n ${TileHyperLinkIcon} {\n width: 24px;\n height: 24px;\n }\n\n ${TileHyperLinkText} {\n ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n }\n }\n\n &.medium {\n ${TileHyperLinkIcon} {\n width: 24px;\n height: 24px;\n }\n\n ${TileHyperLinkText} {\n ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n }\n }\n\n &.large {\n ${TileHyperLinkIcon} {\n width: 24px;\n height: 24px;\n }\n\n ${TileHyperLinkText} {\n ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n }\n }\n`\n\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileNote | TileHyperLink,\n size: Size,\n key: any | undefined = undefined) => {\n switch (item.componentType) {\n case 'icon': {\n return <IconButton key={key}\n variant={'secondary'}\n useTransparentBackground={true}\n shape={'circular'}\n action={item.action}\n disabled={item.disabled}>\n {item.icon}\n </IconButton>\n }\n case 'toggle': {\n return <ToggleButton key={key}\n active={item.active}\n onChange={item.onChange}\n defaultState={item.defaultState}\n activeState={item.activeState}\n disabled={item.disabled}/>\n }\n case 'dropdown': {\n return <DropdownButton key={key}\n items={item.items}\n itemsType={item.itemsType}\n onClick={item.onClick}\n icon={item.icon}\n action={item.action}\n actionIcon={item.actionIcon}\n actionLabel={item.actionLabel}\n actionVariant={item.actionVariant}\n actionLoading={item.actionLoading}\n multiSelect={item.multiSelect}\n scrollable={item.scrollable}\n pinTopItem={item.pinTopItem}\n maxHeight={item.maxHeight}\n disabled={item.disabled}/>\n\n }\n case 'note': {\n return <TileNoteWrapper key={key} className={size}>\n {\n item.noteIcon &&\n <TileNoteIcon>\n {React.cloneElement(item.noteIcon as React.ReactElement, {size: size === Size.Large ? '20px' : '16'})}\n </TileNoteIcon>\n }\n <TileNoteText>{item.noteText}</TileNoteText>\n </TileNoteWrapper>\n\n }\n case 'link': {\n const {linkText, componentType, linkIcon, ...rest} = item;\n return <TileHyperLinkWrapper className={size} key={key}>\n <HyperLink {...rest}>\n <TileHyperLinkIcon>\n {React.cloneElement(linkIcon as React.ReactElement, {size: size === Size.Large ? '28px' : '24px'})}\n </TileHyperLinkIcon>\n <TileHyperLinkText>{linkText}</TileHyperLinkText>\n </HyperLink>\n </TileHyperLinkWrapper>\n }\n case 'button': {\n const {buttonText, componentType, ...rest} = item;\n return <Button key={key}\n size={size}\n {...rest}>\n {buttonText}\n </Button>\n }\n }\n}\n"],"file":"TileCommonItems.cjs"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { TileDropdownButton, TileHyperLink, TileIconButton, TileNote, TileStandardButton, TileToggleButton } from './TileTypes';
|
|
2
|
-
import { Size } from '../types';
|
|
3
|
-
export declare const TileNoteText: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
-
export declare const TileNoteIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
-
export declare const TileNoteWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
-
export declare const TileHyperLinkIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
|
-
export declare const TileHyperLinkText: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
|
-
export declare const TileHyperLinkWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
-
export declare const RenderTileItem: (item: TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileNote | TileHyperLink, size: Size, key?: any | undefined) => JSX.Element;
|