@ltht-react/card - npm Package Compare versions

Comparing version 2.0.188 to 2.0.189

lib/atoms/banner.d.ts

+import { HTMLAttributes, ReactNode } from 'react';
+import { StatusTypes } from '@ltht-react/types';
+declare const CardBanner: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    status: StatusTypes;
+    icon?: ReactNode;
+}
+export default CardBanner;

lib/atoms/banner.js

+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var banner_1 = __importDefault(require("@ltht-react/banner"));
+var CardBanner = (0, react_1.forwardRef)(function (_a, ref) {
+    var _b = _a.status, status = _b === void 0 ? 'info' : _b, icon = _a.icon, children = _a.children, rest = __rest(_a, ["status", "icon", "children"]);
+    return ((0, jsx_runtime_1.jsx)(banner_1.default, __assign({ ref: ref, type: status, icon: icon }, rest, { children: children })));
+});
+exports.default = CardBanner;
+//# sourceMappingURL=banner.js.map

lib/atoms/banner.js.map

+{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../src/atoms/banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6D;AAC7D,8DAAuC;AAGvC,IAAM,UAAU,GAAG,IAAA,kBAAU,EAAwB,UAAC,EAA4C,EAAE,GAAG;IAA/C,IAAA,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA1C,8BAA4C,CAAF;IAAY,OAAA,CAC1G,uBAAC,gBAAM,aAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,IAAM,IAAI,cACjD,QAAQ,IACF,CACV,CAAA;CAAA,CAAC,CAAA;AAOF,kBAAe,UAAU,CAAA"}

lib/atoms/body.d.ts

+import { HTMLAttributes } from 'react';
+declare const Body: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    classes?: string;
+}
+export default Body;

lib/atoms/body.js

+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var StyledBody = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex: 1 1 auto;\n  min-height: 1px;\n  padding: 0.75rem;\n  margin: 0;\n  border-top: 1px solid rgba(0, 0, 0, 0.125);\n"], ["\n  flex: 1 1 auto;\n  min-height: 1px;\n  padding: 0.75rem;\n  margin: 0;\n  border-top: 1px solid rgba(0, 0, 0, 0.125);\n"])));
+var Body = (0, react_1.forwardRef)(function (_a, ref) {
+    var classes = _a.classes, children = _a.children, rest = __rest(_a, ["classes", "children"]);
+    return ((0, jsx_runtime_1.jsx)(StyledBody, __assign({ ref: ref, className: (0, classnames_1.default)('card__body', classes) }, rest, { children: children })));
+});
+exports.default = Body;
+var templateObject_1;
+//# sourceMappingURL=body.js.map

lib/atoms/body.js.map

+{"version":3,"file":"body.js","sourceRoot":"","sources":["../../src/atoms/body.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkD;AAClD,0DAAmC;AACnC,2DAAoC;AAEpC,IAAM,UAAU,GAAG,gBAAM,CAAC,GAAG,gMAAA,6HAM5B,IAAA,CAAA;AAED,IAAM,IAAI,GAAG,IAAA,kBAAU,EAAwB,UAAC,EAA8B,EAAE,GAAG;IAAjC,IAAA,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IAAY,OAAA,CACtF,uBAAC,UAAU,aAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,YAAY,EAAE,OAAO,CAAC,IAAM,IAAI,cACzE,QAAQ,IACE,CACd,CAAA;CAAA,CAAC,CAAA;AAMF,kBAAe,IAAI,CAAA"}

lib/atoms/footer.d.ts

+import { HTMLAttributes } from 'react';
+declare const Footer: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    classes?: string;
+}
+export default Footer;

lib/atoms/footer.js

+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var StyledFooter = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0.75rem;\n  border-top: 1px solid rgba(0, 0, 0, 0.125);\n"], ["\n  padding: 0.75rem;\n  border-top: 1px solid rgba(0, 0, 0, 0.125);\n"])));
+var Footer = (0, react_1.forwardRef)(function (_a, ref) {
+    var classes = _a.classes, children = _a.children, rest = __rest(_a, ["classes", "children"]);
+    return ((0, jsx_runtime_1.jsx)(StyledFooter, __assign({ ref: ref, className: (0, classnames_1.default)('card__footer', classes) }, rest, { children: children })));
+});
+exports.default = Footer;
+var templateObject_1;
+//# sourceMappingURL=footer.js.map

lib/atoms/footer.js.map

+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../src/atoms/footer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkD;AAClD,0DAAmC;AACnC,2DAAoC;AAEpC,IAAM,YAAY,GAAG,gBAAM,CAAC,GAAG,2IAAA,wEAG9B,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,IAAA,kBAAU,EAAwB,UAAC,EAA8B,EAAE,GAAG;IAAjC,IAAA,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IAAY,OAAA,CACxF,uBAAC,YAAY,aAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,OAAO,CAAC,IAAM,IAAI,cAC7E,QAAQ,IACI,CAChB,CAAA;CAAA,CAAC,CAAA;AAMF,kBAAe,MAAM,CAAA"}

lib/atoms/header.d.ts

+import { HTMLAttributes } from 'react';
+declare const Header: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    classes?: string;
+}
+export default Header;

lib/atoms/header.js

+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var StyledHeader = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0.75rem;\n  display: flex;\n  align-items: center;\n"], ["\n  padding: 0.75rem;\n  display: flex;\n  align-items: center;\n"])));
+var Header = (0, react_1.forwardRef)(function (_a, ref) {
+    var classes = _a.classes, children = _a.children, rest = __rest(_a, ["classes", "children"]);
+    return ((0, jsx_runtime_1.jsx)(StyledHeader, __assign({ ref: ref, className: (0, classnames_1.default)('card__header', classes) }, rest, { children: children })));
+});
+exports.default = Header;
+var templateObject_1;
+//# sourceMappingURL=header.js.map

lib/atoms/header.js.map

+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../src/atoms/header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkD;AAClD,0DAAmC;AACnC,2DAAoC;AAEpC,IAAM,YAAY,GAAG,gBAAM,CAAC,GAAG,sIAAA,mEAI9B,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,IAAA,kBAAU,EAAwB,UAAC,EAA8B,EAAE,GAAG;IAAjC,IAAA,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IAAY,OAAA,CACxF,uBAAC,YAAY,aAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,OAAO,CAAC,IAAM,IAAI,cAC7E,QAAQ,IACI,CAChB,CAAA;CAAA,CAAC,CAAA;AAMF,kBAAe,MAAM,CAAA"}

lib/atoms/list-item.d.ts

+import { HTMLAttributes } from 'react';
+declare const ListItem: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLLIElement>>;
+export interface Props extends HTMLAttributes<HTMLLIElement> {
+    classes?: string;
+    selected?: boolean;
+}
+export default ListItem;

lib/atoms/list-item.js

+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var icon_1 = __importDefault(require("@ltht-react/icon"));
+var styles_1 = require("@ltht-react/styles");
+var shouldClick = function (props) { return props.onClick !== undefined; };
+var canClick = function (props) { return props.onClick !== undefined && !props.selected; };
+var background = function (props, defaultColour) {
+    if (defaultColour === void 0) { defaultColour = 'inherit'; }
+    return props.selected ? styles_1.CARD_LIST_ITEM_SELECTED_BACKGROUND : defaultColour;
+};
+var hoverBackground = function (props) {
+    var colour = 'inherit';
+    if (shouldClick(props)) {
+        colour = styles_1.CARD_LIST_ITEM_SELECTED_BACKGROUND;
+        if (canClick(props)) {
+            colour = styles_1.CARD_LIST_ITEM_BACKGROUND_HOVER;
+        }
+    }
+    return colour;
+};
+var hoverCursor = function (props) { return (canClick(props) ? 'pointer' : 'default'); };
+var StyledListItem = styled_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 0.75rem;\n  margin: 0;\n  border: 1px solid #d6d6d6;\n  border-width: 1px 0 0 0;\n  background: ", ";\n  flex: 1 0 auto;\n\n  .card__list-item-container {\n    flex: 1 1 auto;\n  }\n\n  .card__list-item-selected&:before,\n  .card__list-item-selected& + .card__list-item:before,\n  &:hover:before,\n  &:hover + .card__list-item:before {\n    border-top-width: ", ";\n  }\n\n  & > .icon__chevron {\n    margin-left: 1rem;\n    color: ", ";\n  }\n\n  &:hover {\n    background: ", ";\n    cursor: ", ";\n  }\n\n  &:first-of-type {\n    border-top-width: 0;\n    border-top-left-radius: inherit;\n    border-top-right-radius: inherit;\n  }\n\n  &:last-child {\n    border-bottom-width: 0;\n    border-bottom-left-radius: inherit;\n    border-bottom-right-radius: inherit;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 0.75rem;\n  margin: 0;\n  border: 1px solid #d6d6d6;\n  border-width: 1px 0 0 0;\n  background: ", ";\n  flex: 1 0 auto;\n\n  .card__list-item-container {\n    flex: 1 1 auto;\n  }\n\n  .card__list-item-selected&:before,\n  .card__list-item-selected& + .card__list-item:before,\n  &:hover:before,\n  &:hover + .card__list-item:before {\n    border-top-width: ", ";\n  }\n\n  & > .icon__chevron {\n    margin-left: 1rem;\n    color: ", ";\n  }\n\n  &:hover {\n    background: ", ";\n    cursor: ", ";\n  }\n\n  &:first-of-type {\n    border-top-width: 0;\n    border-top-left-radius: inherit;\n    border-top-right-radius: inherit;\n  }\n\n  &:last-child {\n    border-bottom-width: 0;\n    border-bottom-left-radius: inherit;\n    border-bottom-right-radius: inherit;\n  }\n"])), function (props) { return background(props); }, function (props) { return (shouldClick(props) ? '0' : '1px'); }, styles_1.ICON_COLOURS.GREY.LIGHTER25, function (props) { return hoverBackground(props); }, function (props) { return hoverCursor(props); });
+var ListItem = (0, react_1.forwardRef)(function (props, ref) {
+    var classes = props.classes, children = props.children, rest = __rest(props, ["classes", "children"]);
+    var suffix = (props === null || props === void 0 ? void 0 : props.selected) === true ? '-selected' : '';
+    return ((0, jsx_runtime_1.jsxs)(StyledListItem, __assign({ ref: ref, className: (0, classnames_1.default)("card__list-item".concat(suffix), classes) }, rest, { children: [(0, jsx_runtime_1.jsx)("div", { className: "card__list-item-container", children: children }), shouldClick(props) && (0, jsx_runtime_1.jsx)(icon_1.default, { type: "chevron", size: "medium", direction: "right" })] })));
+});
+exports.default = ListItem;
+var templateObject_1;
+//# sourceMappingURL=list-item.js.map

lib/atoms/list-item.js.map

+{"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../src/atoms/list-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkD;AAClD,0DAAmC;AACnC,2DAAoC;AACpC,0DAAmC;AACnC,6CAAsH;AAEtH,IAAM,WAAW,GAAG,UAAC,KAAY,IAAc,OAAA,KAAK,CAAC,OAAO,KAAK,SAAS,EAA3B,CAA2B,CAAA;AAE1E,IAAM,QAAQ,GAAG,UAAC,KAAY,IAAc,OAAA,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,QAAQ,EAA9C,CAA8C,CAAA;AAE1F,IAAM,UAAU,GAAG,UAAC,KAAY,EAAE,aAAyB;IAAzB,8BAAA,EAAA,yBAAyB;IACzD,OAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,2CAAkC,CAAC,CAAC,CAAC,aAAa;AAAnE,CAAmE,CAAA;AAErE,IAAM,eAAe,GAAG,UAAC,KAAY;IACnC,IAAI,MAAM,GAAG,SAAS,CAAA;IACtB,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,MAAM,GAAG,2CAAkC,CAAA;QAC3C,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACpB,MAAM,GAAG,wCAA+B,CAAA;QAC1C,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,KAAY,IAAa,OAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAzC,CAAyC,CAAA;AAEvF,IAAM,cAAc,GAAG,gBAAM,CAAC,EAAE,g6BAAA,uLAQhB,EAA2C,qQAWnC,EAA4D,uEAKvE,EAA2B,yCAItB,EAAgD,iBACpD,EAA4C,sRAczD,KAnCe,UAAC,KAAY,IAAa,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAWnC,UAAC,KAAY,IAAa,OAAA,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EAAlC,CAAkC,EAKvE,qBAAY,CAAC,IAAI,CAAC,SAAS,EAItB,UAAC,KAAY,IAAa,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,EACpD,UAAC,KAAY,IAAa,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAczD,CAAA;AAED,IAAM,QAAQ,GAAG,IAAA,kBAAU,EAAuB,UAAC,KAAK,EAAE,GAAG;IACnD,IAAA,OAAO,GAAwB,KAAK,QAA7B,EAAE,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,UAAK,KAAK,EAAtC,uBAA8B,CAAF,CAAU;IAC5C,IAAM,MAAM,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,MAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1D,OAAO,CACL,wBAAC,cAAc,aAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,yBAAkB,MAAM,CAAE,EAAE,OAAO,CAAC,IAAM,IAAI,eAC5F,gCAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,GAAO,EAC1D,WAAW,CAAC,KAAK,CAAC,IAAI,uBAAC,cAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,OAAO,GAAG,KAC/D,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAOF,kBAAe,QAAQ,CAAA"}

lib/atoms/list.d.ts

+import { HTMLAttributes } from 'react';
+declare const List: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLUListElement>>;
+export interface Props extends HTMLAttributes<HTMLUListElement> {
+    classes?: string;
+}
+export default List;

lib/atoms/list.js

+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var StyledList = styled_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  padding-left: 0;\n  margin-bottom: 0;\n  margin-top: 0;\n  border-top: 1px solid rgba(0, 0, 0, 0.125);\n  border-width: 1px 0 1px 0;\n  list-style-type: none;\n"], ["\n  display: flex;\n  flex-direction: column;\n  padding-left: 0;\n  margin-bottom: 0;\n  margin-top: 0;\n  border-top: 1px solid rgba(0, 0, 0, 0.125);\n  border-width: 1px 0 1px 0;\n  list-style-type: none;\n"])));
+var List = (0, react_1.forwardRef)(function (_a, ref) {
+    var classes = _a.classes, children = _a.children, rest = __rest(_a, ["classes", "children"]);
+    return ((0, jsx_runtime_1.jsx)(StyledList, __assign({ ref: ref, className: (0, classnames_1.default)('card__list', classes) }, rest, { children: children })));
+});
+exports.default = List;
+var templateObject_1;
+//# sourceMappingURL=list.js.map

lib/atoms/list.js.map

+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/atoms/list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkD;AAClD,0DAAmC;AACnC,2DAAoC;AAEpC,IAAM,UAAU,GAAG,gBAAM,CAAC,EAAE,sRAAA,mNAS3B,IAAA,CAAA;AAED,IAAM,IAAI,GAAG,IAAA,kBAAU,EAA0B,UAAC,EAA8B,EAAE,GAAG;IAAjC,IAAA,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IAAY,OAAA,CACxF,uBAAC,UAAU,aAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,YAAY,EAAE,OAAO,CAAC,IAAM,IAAI,cACzE,QAAQ,IACE,CACd,CAAA;CAAA,CAAC,CAAA;AAMF,kBAAe,IAAI,CAAA"}

lib/atoms/subtitle.d.ts

+import { FC, HTMLAttributes } from 'react';
+declare const Subtitle: FC<Props>;
+export interface Props extends HTMLAttributes<HTMLHeadingElement> {
+    classes?: string;
+}
+export default Subtitle;

lib/atoms/subtitle.js

+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var StyledSubtitle = styled_1.default.h5(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 0.9rem;\n  font-weight: 500;\n  margin: 0;\n"], ["\n  font-size: 0.9rem;\n  font-weight: 500;\n  margin: 0;\n"])));
+var Subtitle = function (_a) {
+    var classes = _a.classes, children = _a.children, rest = __rest(_a, ["classes", "children"]);
+    return ((0, jsx_runtime_1.jsx)(StyledSubtitle, __assign({ className: (0, classnames_1.default)('card__Subtitle', classes) }, rest, { children: children })));
+};
+exports.default = Subtitle;
+var templateObject_1;
+//# sourceMappingURL=subtitle.js.map

lib/atoms/subtitle.js.map

+{"version":3,"file":"subtitle.js","sourceRoot":"","sources":["../../src/atoms/subtitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAmC;AACnC,2DAAoC;AAEpC,IAAM,cAAc,GAAG,gBAAM,CAAC,EAAE,gIAAA,6DAI/B,IAAA,CAAA;AAED,IAAM,QAAQ,GAAc,UAAC,EAA8B;IAA5B,IAAA,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IAAO,OAAA,CAC9D,uBAAC,cAAc,aAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,OAAO,CAAC,IAAM,IAAI,cACvE,QAAQ,IACM,CAClB,CAAA;CAAA,CAAA;AAMD,kBAAe,QAAQ,CAAA"}

lib/atoms/text.d.ts

+import { FC, HTMLAttributes } from 'react';
+declare const Text: FC<Props>;
+export interface Props extends HTMLAttributes<HTMLParagraphElement> {
+    classes?: string;
+}
+export default Text;

lib/atoms/text.js

+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var StyledText = styled_1.default.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-top: 0;\n  margin-bottom: 1rem;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  margin-top: 0;\n  margin-bottom: 1rem;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])));
+var Text = function (_a) {
+    var classes = _a.classes, children = _a.children, rest = __rest(_a, ["classes", "children"]);
+    return ((0, jsx_runtime_1.jsx)(StyledText, __assign({ className: (0, classnames_1.default)('card__text', classes) }, rest, { children: children })));
+};
+exports.default = Text;
+var templateObject_1;
+//# sourceMappingURL=text.js.map

lib/atoms/text.js.map

+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/atoms/text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAmC;AACnC,2DAAoC;AAEpC,IAAM,UAAU,GAAG,gBAAM,CAAC,CAAC,iKAAA,8FAO1B,IAAA,CAAA;AAED,IAAM,IAAI,GAAc,UAAC,EAA8B;IAA5B,IAAA,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IAAO,OAAA,CAC1D,uBAAC,UAAU,aAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,YAAY,EAAE,OAAO,CAAC,IAAM,IAAI,cAC/D,QAAQ,IACE,CACd,CAAA;CAAA,CAAA;AAMD,kBAAe,IAAI,CAAA"}

lib/atoms/title.d.ts

+import { FC, HTMLAttributes } from 'react';
+declare const Title: FC<Props>;
+export interface Props extends HTMLAttributes<HTMLHeadingElement> {
+    classes?: string;
+}
+export default Title;

lib/atoms/title.js

+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var StyledTitle = styled_1.default.h3(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+var Title = function (_a) {
+    var classes = _a.classes, children = _a.children, rest = __rest(_a, ["classes", "children"]);
+    return ((0, jsx_runtime_1.jsx)(StyledTitle, __assign({ className: (0, classnames_1.default)('card__title', classes) }, rest, { children: children })));
+};
+exports.default = Title;
+var templateObject_1;
+//# sourceMappingURL=title.js.map

lib/atoms/title.js.map

+{"version":3,"file":"title.js","sourceRoot":"","sources":["../../src/atoms/title.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAmC;AACnC,2DAAoC;AAEpC,IAAM,WAAW,GAAG,gBAAM,CAAC,EAAE,qFAAA,kBAE5B,IAAA,CAAA;AAED,IAAM,KAAK,GAAc,UAAC,EAA8B;IAA5B,IAAA,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IAAO,OAAA,CAC3D,uBAAC,WAAW,aAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,aAAa,EAAE,OAAO,CAAC,IAAM,IAAI,cACjE,QAAQ,IACG,CACf,CAAA;CAAA,CAAA;AAMD,kBAAe,KAAK,CAAA"}

lib/index.d.ts

+import { FC, ForwardRefExoticComponent, HTMLAttributes, PropsWithoutRef, RefAttributes } from 'react';
+import { Props as BannerProps } from './atoms/banner';
+import { Props as BodyProps } from './atoms/body';
+import { Props as FooterProps } from './atoms/footer';
+import { Props as HeaderProps } from './atoms/header';
+import { Props as ListProps } from './atoms/list';
+import { Props as ListItemProps } from './atoms/list-item';
+import { Props as SubtitleProps } from './atoms/subtitle';
+import { Props as TextProps } from './atoms/text';
+import { Props as TitleProps } from './atoms/title';
+import { FullScreenControlProps } from './molecules/fullscreen-control';
+declare const Card: ForwardRefReturn<HTMLDivElement, CardProps> & CardComposition;
+export type ForwardRefReturn<Element extends HTMLElement, Props> = ForwardRefExoticComponent<PropsWithoutRef<Props> & RefAttributes<Element>>;
+interface CardComposition {
+    Banner: ForwardRefReturn<HTMLDivElement, BannerProps>;
+    Body: ForwardRefReturn<HTMLDivElement, BodyProps>;
+    Footer: ForwardRefReturn<HTMLDivElement, FooterProps>;
+    Header: ForwardRefReturn<HTMLDivElement, HeaderProps>;
+    ListItem: ForwardRefReturn<HTMLLIElement, ListItemProps>;
+    List: ForwardRefReturn<HTMLUListElement, ListProps>;
+    Subtitle: FC<SubtitleProps>;
+    Text: FC<TextProps>;
+    Title: FC<TitleProps>;
+    FullScreenControl: FC<FullScreenControlProps>;
+}
+type TextAlignValues = 'left' | 'center' | 'right';
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    textAlign?: TextAlignValues;
+    classes?: string;
+}
+export default Card;

lib/index.js

+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var styles_1 = require("@ltht-react/styles");
+var banner_1 = __importDefault(require("./atoms/banner"));
+var body_1 = __importDefault(require("./atoms/body"));
+var footer_1 = __importDefault(require("./atoms/footer"));
+var header_1 = __importDefault(require("./atoms/header"));
+var list_1 = __importDefault(require("./atoms/list"));
+var list_item_1 = __importDefault(require("./atoms/list-item"));
+var subtitle_1 = __importDefault(require("./atoms/subtitle"));
+var text_1 = __importDefault(require("./atoms/text"));
+var title_1 = __importDefault(require("./atoms/title"));
+var fullscreen_control_1 = __importDefault(require("./molecules/fullscreen-control"));
+var StyledCard = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  text-align: ", ";\n  background: ", ";\n  color: ", ";\n  margin-bottom: 1rem;\n  border-radius: 4px;\n  box-shadow: 0px 2px 1px -1px rgba(102, 102, 102, 0.1), 0px 1px 1px 0px rgba(102, 102, 102, 0.15),\n    0px 1px 3px 0px rgba(102, 102, 102, 0.6);\n  -webkit-font-smoothing: antialiased;\n\n  & > [class^='card__banner'] + .card__list,\n  > [class^='card__banner'] + .card__body,\n  > .card__list + .card__body,\n  > .card__list + .card__list {\n    border-top-width: 0;\n  }\n"], ["\n  ", "\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  text-align: ", ";\n  background: ", ";\n  color: ", ";\n  margin-bottom: 1rem;\n  border-radius: 4px;\n  box-shadow: 0px 2px 1px -1px rgba(102, 102, 102, 0.1), 0px 1px 1px 0px rgba(102, 102, 102, 0.15),\n    0px 1px 3px 0px rgba(102, 102, 102, 0.6);\n  -webkit-font-smoothing: antialiased;\n\n  & > [class^='card__banner'] + .card__list,\n  > [class^='card__banner'] + .card__body,\n  > .card__list + .card__body,\n  > .card__list + .card__list {\n    border-top-width: 0;\n  }\n"])), styles_1.CSS_RESET, function (props) { return props.textAlign; }, styles_1.CARD_BACKGROUND_COLOUR, styles_1.TEXT_COLOURS.PRIMARY);
+var Card = (0, react_1.forwardRef)(function (_a, ref) {
+    var _b = _a.textAlign, textAlign = _b === void 0 ? 'left' : _b, classes = _a.classes, children = _a.children, rest = __rest(_a, ["textAlign", "classes", "children"]);
+    return ((0, jsx_runtime_1.jsx)(StyledCard, __assign({ ref: ref, textAlign: textAlign, className: (0, classnames_1.default)('card', classes) }, rest, { children: children })));
+});
+Card.Banner = banner_1.default;
+Card.Body = body_1.default;
+Card.Footer = footer_1.default;
+Card.Header = header_1.default;
+Card.ListItem = list_item_1.default;
+Card.List = list_1.default;
+Card.Subtitle = subtitle_1.default;
+Card.Text = text_1.default;
+Card.Title = title_1.default;
+Card.FullScreenControl = fullscreen_control_1.default;
+exports.default = Card;
+var templateObject_1;
+//# sourceMappingURL=index.js.map

lib/index.js.map

+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiH;AACjH,0DAAmC;AACnC,2DAAoC;AACpC,6CAAoF;AACpF,0DAA6D;AAC7D,sDAAuD;AACvD,0DAA6D;AAC7D,0DAA6D;AAC7D,sDAAuD;AACvD,gEAAoE;AACpE,8DAAmE;AACnE,sDAAuD;AACvD,wDAA0D;AAC1D,sFAA0F;AAE1F,IAAM,UAAU,GAAG,gBAAM,CAAC,GAAG,onBAAA,MACzB,EAAS,sFAIG,EAA+C,mBAC/C,EAAsB,cAC3B,EAAoB,4aAa9B,KAnBG,kBAAS,EAIG,UAAC,KAAkB,IAAa,OAAA,KAAK,CAAC,SAAS,EAAf,CAAe,EAC/C,+BAAsB,EAC3B,qBAAY,CAAC,OAAO,CAa9B,CAAA;AAED,IAAM,IAAI,GAAG,IAAA,kBAAU,EAA4B,UAAC,EAAkD,EAAE,GAAG;IAArD,IAAA,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAhD,oCAAkD,CAAF;IAAY,OAAA,CAC9G,uBAAC,UAAU,aAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,OAAO,CAAC,IAAM,IAAI,cACzF,QAAQ,IACE,CACd,CAAA;CAAA,CAAkE,CAAA;AAEnE,IAAI,CAAC,MAAM,GAAG,gBAAM,CAAA;AACpB,IAAI,CAAC,IAAI,GAAG,cAAI,CAAA;AAChB,IAAI,CAAC,MAAM,GAAG,gBAAM,CAAA;AACpB,IAAI,CAAC,MAAM,GAAG,gBAAM,CAAA;AACpB,IAAI,CAAC,QAAQ,GAAG,mBAAQ,CAAA;AACxB,IAAI,CAAC,IAAI,GAAG,cAAI,CAAA;AAChB,IAAI,CAAC,QAAQ,GAAG,kBAAQ,CAAA;AACxB,IAAI,CAAC,IAAI,GAAG,cAAI,CAAA;AAChB,IAAI,CAAC,KAAK,GAAG,eAAK,CAAA;AAClB,IAAI,CAAC,iBAAiB,GAAG,4BAAiB,CAAA;AA8B1C,kBAAe,IAAI,CAAA"}

lib/molecules/fullscreen-control.d.ts

+import { FC } from 'react';
+declare const FullScreenControl: FC<FullScreenControlProps>;
+export interface FullScreenControlProps {
+    elementRef: React.RefObject<HTMLDivElement>;
+}
+export default FullScreenControl;

lib/molecules/fullscreen-control.js

+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = require("@ltht-react/icon");
+var tooltip_1 = __importDefault(require("@ltht-react/tooltip"));
+var hooks_1 = require("@ltht-react/hooks");
+var FullScreenControl = function (_a) {
+    var elementRef = _a.elementRef;
+    var _b = (0, hooks_1.useFullScreen)(elementRef), isFullscreen = _b.isFullscreen, toggleFullScreen = _b.toggleFullScreen;
+    return ((0, jsx_runtime_1.jsx)(tooltip_1.default, { content: isFullscreen ? 'Exit Full Screen' : 'Full Screen', placement: "left", localPortal: isFullscreen, children: (0, jsx_runtime_1.jsx)(icon_1.IconButton, { iconProps: { type: isFullscreen ? 'compress' : 'expand', size: 'medium' }, onClick: toggleFullScreen }) }));
+};
+exports.default = FullScreenControl;
+//# sourceMappingURL=fullscreen-control.js.map

lib/molecules/fullscreen-control.js.map

+{"version":3,"file":"fullscreen-control.js","sourceRoot":"","sources":["../../src/molecules/fullscreen-control.tsx"],"names":[],"mappings":";;;;;;AACA,yCAA6C;AAC7C,gEAAyC;AACzC,2CAAiD;AAEjD,IAAM,iBAAiB,GAA+B,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAC3D,IAAA,KAAqC,IAAA,qBAAa,EAAC,UAAU,CAAC,EAA5D,YAAY,kBAAA,EAAE,gBAAgB,sBAA8B,CAAA;IAEpE,OAAO,CACL,uBAAC,iBAAO,IAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,EAAC,MAAM,EAAC,WAAW,EAAE,YAAY,YAC7G,uBAAC,iBAAU,IACT,SAAS,EAAE,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,EACzE,OAAO,EAAE,gBAAgB,GACzB,GACM,CACX,CAAA;AACH,CAAC,CAAA;AAMD,kBAAe,iBAAiB,CAAA"}

package.json

 {
   "name": "@ltht-react/card",
-  "version": "2.0.188",
+  "version": "2.0.189",
   "description": "ltht-react styled Card component.",
@@ -31,13 +31,13 @@ "author": "LTHT",
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/banner": "^2.0.188",
-    "@ltht-react/hooks": "^2.0.188",
-    "@ltht-react/icon": "^2.0.188",
-    "@ltht-react/styles": "^2.0.188",
-    "@ltht-react/tooltip": "^2.0.188",
-    "@ltht-react/types": "^2.0.188",
-    "@ltht-react/utils": "^2.0.188",
+    "@ltht-react/banner": "^2.0.189",
+    "@ltht-react/hooks": "^2.0.189",
+    "@ltht-react/icon": "^2.0.189",
+    "@ltht-react/styles": "^2.0.189",
+    "@ltht-react/tooltip": "^2.0.189",
+    "@ltht-react/types": "^2.0.189",
+    "@ltht-react/utils": "^2.0.189",
     "classnames": "^2.2.6",
     "react": "^18.2.0"
   },
-  "gitHead": "db9a3b619b84b838cf14219aeec376975beea4fd"
+  "gitHead": "ef1aa76019b62345209fce83df6f93c51024ee55"
 }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

51828

326.6%

Number of package files

46

253.85%

Lines of code

877

189.44%

Dependency changes

• Updated

  @ltht-react/banner@^2.0.189

• Updated

  @ltht-react/hooks@^2.0.189

• Updated

  @ltht-react/icon@^2.0.189

• Updated

  @ltht-react/styles@^2.0.189

• Updated

  @ltht-react/tooltip@^2.0.189

• Updated

  @ltht-react/types@^2.0.189

• Updated

  @ltht-react/utils@^2.0.189