@egov3/system-design 1.3.163 → 1.3.164

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.
Files changed (8) hide show
  1. package/dist/cjs/baseComponents/LoadingSkeleton/LoadingSkeleton.module.css.js +2 -2
  2. package/dist/cjs/baseComponents/LoadingSkeleton/index.js +3 -2
  3. package/dist/cjs/baseComponents/LoadingSkeleton/index.js.map +1 -1
  4. package/dist/esm/baseComponents/LoadingSkeleton/LoadingSkeleton.module.css.js +2 -2
  5. package/dist/esm/baseComponents/LoadingSkeleton/index.js +3 -2
  6. package/dist/esm/baseComponents/LoadingSkeleton/index.js.map +1 -1
  7. package/dist/types/baseComponents/LoadingSkeleton/index.d.ts +2 -1
  8. package/package.json +1 -1
package/dist/cjs/baseComponents/LoadingSkeleton/LoadingSkeleton.module.css.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var css_248z = ".LoadingSkeleton-module_sectionWrap__voDrd {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 16px;\n align-self: stretch;\n}\n\n.LoadingSkeleton-module_skeletonTitle__paz-U {\n position: relative;\n width: 48px;\n height: 12px;\n margin: 6px 0;\n overflow: hidden;\n background: var(--surface-surface-1);\n}\n\n.LoadingSkeleton-module_skeletonTitle__paz-U::after {\n position: absolute;\n animation: LoadingSkeleton-module_skeleton-loading__ABiff 1.2s infinite;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.55),\n transparent\n );\n content: \"\";\n inset: 0;\n transform: translateX(-100%);\n}\n\n.LoadingSkeleton-module_withoutShimmer__DfdsY::after {\n display: none;\n}\n\n@keyframes LoadingSkeleton-module_skeleton-loading__ABiff {\n 100% {\n transform: translateX(100%);\n }\n}\n";
6
- var styles = {"sectionWrap":"LoadingSkeleton-module_sectionWrap__voDrd","skeletonTitle":"LoadingSkeleton-module_skeletonTitle__paz-U","withoutShimmer":"LoadingSkeleton-module_withoutShimmer__DfdsY"};
5
+ var css_248z = ".LoadingSkeleton-module_sectionWrap__voDrd {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 16px;\n align-self: stretch;\n}\n\n.LoadingSkeleton-module_skeletonTitle__paz-U {\n width: 48px;\n height: 12px;\n margin: 6px 0;\n overflow: hidden;\n background: var(--surface-surface-1);\n}\n\n.LoadingSkeleton-module_cardWrapper__WGXVj {\n display: grid;\n gap: 8px;\n width: 100%;\n grid-template-columns: repeat(auto-fill, 172px);\n}\n\n.LoadingSkeleton-module_skeletonCard__nR3Q3 {\n display: flex;\n width: 172px;\n height: 140px;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n padding: 16px;\n border-radius: 12px;\n background: var(--surface-surface-1);\n box-sizing: border-box;\n}\n\n.LoadingSkeleton-module_skeletonTitle__paz-U,\n.LoadingSkeleton-module_skeletonIcon__PlLYn,\n.LoadingSkeleton-module_skeletonText__T3XEY {\n position: relative;\n overflow: hidden;\n}\n\n.LoadingSkeleton-module_skeletonIcon__PlLYn {\n display: flex;\n width: 48px;\n height: 48px;\n flex-shrink: 0;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n padding: 12px;\n border-radius: 32px;\n background: var(--surface-surface-3-color);\n box-sizing: border-box;\n}\n\n.LoadingSkeleton-module_skeletonTextWrapper__PY9j1 {\n display: flex;\n width: 100%;\n flex-shrink: 0;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n}\n\n.LoadingSkeleton-module_skeletonTextRow__QicSG,\n.LoadingSkeleton-module_skeletonTextRowShort__-KvsB {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n}\n\n.LoadingSkeleton-module_skeletonTextRow__QicSG {\n height: 24px;\n}\n\n.LoadingSkeleton-module_skeletonTextRowShort__-KvsB {\n height: 20px;\n}\n\n.LoadingSkeleton-module_skeletonText__T3XEY {\n width: 48px;\n height: 12px;\n background: var(--surface-surface-3-color);\n}\n\n.LoadingSkeleton-module_skeletonTextShort__8nFwq {\n width: 96px;\n}\n\n.LoadingSkeleton-module_skeletonTitle__paz-U::after,\n.LoadingSkeleton-module_skeletonIcon__PlLYn::after,\n.LoadingSkeleton-module_skeletonText__T3XEY::after {\n position: absolute;\n animation: LoadingSkeleton-module_skeleton-loading__ABiff 1.2s infinite;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.55),\n transparent\n );\n content: \"\";\n inset: 0;\n transform: translateX(-100%);\n}\n\n.LoadingSkeleton-module_withoutShimmer__DfdsY::after {\n display: none;\n}\n\n@keyframes LoadingSkeleton-module_skeleton-loading__ABiff {\n 100% {\n transform: translateX(100%);\n }\n}\n";
6
+ var styles = {"sectionWrap":"LoadingSkeleton-module_sectionWrap__voDrd","skeletonTitle":"LoadingSkeleton-module_skeletonTitle__paz-U","cardWrapper":"LoadingSkeleton-module_cardWrapper__WGXVj","skeletonCard":"LoadingSkeleton-module_skeletonCard__nR3Q3","skeletonIcon":"LoadingSkeleton-module_skeletonIcon__PlLYn","skeletonText":"LoadingSkeleton-module_skeletonText__T3XEY","skeletonTextWrapper":"LoadingSkeleton-module_skeletonTextWrapper__PY9j1","skeletonTextRow":"LoadingSkeleton-module_skeletonTextRow__QicSG","skeletonTextRowShort":"LoadingSkeleton-module_skeletonTextRowShort__-KvsB","skeletonTextShort":"LoadingSkeleton-module_skeletonTextShort__8nFwq","withoutShimmer":"LoadingSkeleton-module_withoutShimmer__DfdsY"};
7
7
  function styleInject(css, options) {
8
8
  if (typeof document === 'undefined') return;
9
9
  const head = document.head || document.getElementsByTagName('head')[0];
package/dist/cjs/baseComponents/LoadingSkeleton/index.js CHANGED
@@ -5,9 +5,10 @@ var joinClasses = require('../../utils/joinClasses.js');
5
5
  var index = require('../Typography/index.js');
6
6
  var LoadingSkeleton_module = require('./LoadingSkeleton.module.css.js');
7
7
 
8
- const LoadingSkeleton = ({ isShimmerVisible = true, isTitleLoading = false, title, }) => {
8
+ const LoadingSkeleton = ({ cardsCount = 2, isShimmerVisible = true, isTitleLoading = false, title, }) => {
9
+ const skeletonItems = Array.from({ length: cardsCount }, (_, item) => `skeleton-card-${item + 1}`);
9
10
  const shimmerClassName = !isShimmerVisible && LoadingSkeleton_module.default.withoutShimmer;
10
- return (jsxRuntime.jsxs("div", { className: LoadingSkeleton_module.default.sectionWrap, "data-testid": "SectionLoadingSkeleton", children: [title && !isTitleLoading && (jsxRuntime.jsx(index.Typography, { "aria-label": title, "data-testid": "SectionLoadingSkeleton_TITLE", fontClass: "body1Medium", tag: "h3", children: title })), isTitleLoading && (jsxRuntime.jsx("div", { "aria-hidden": "true", className: joinClasses.joinClasses(LoadingSkeleton_module.default.skeletonTitle, shimmerClassName), "data-testid": "SectionLoadingSkeleton_TITLE" }))] }));
11
+ return (jsxRuntime.jsxs("div", { className: LoadingSkeleton_module.default.sectionWrap, "data-testid": "SectionLoadingSkeleton", children: [title && !isTitleLoading && (jsxRuntime.jsx(index.Typography, { "aria-label": title, "data-testid": "SectionLoadingSkeleton_TITLE", fontClass: "body1Medium", tag: "h3", children: title })), isTitleLoading && (jsxRuntime.jsx("div", { "aria-hidden": "true", className: joinClasses.joinClasses(LoadingSkeleton_module.default.skeletonTitle, shimmerClassName), "data-testid": "SectionLoadingSkeleton_TITLE" })), jsxRuntime.jsx("div", { className: LoadingSkeleton_module.default.cardWrapper, "data-testid": "SectionLoadingSkeleton_CARDS", children: skeletonItems.map((item) => (jsxRuntime.jsxs("div", { "aria-hidden": "true", className: LoadingSkeleton_module.default.skeletonCard, "data-testid": "SectionLoadingSkeleton_ITEM", children: [jsxRuntime.jsx("div", { className: joinClasses.joinClasses(LoadingSkeleton_module.default.skeletonIcon, shimmerClassName), "data-testid": "SectionLoadingSkeleton_ICON" }), jsxRuntime.jsxs("div", { className: LoadingSkeleton_module.default.skeletonTextWrapper, "data-testid": "SectionLoadingSkeleton_TEXT_WRAPPER", children: [jsxRuntime.jsx("div", { className: LoadingSkeleton_module.default.skeletonTextRow, "data-testid": "SectionLoadingSkeleton_TEXT_ROW", children: jsxRuntime.jsx("div", { className: joinClasses.joinClasses(LoadingSkeleton_module.default.skeletonText, shimmerClassName), "data-testid": "SectionLoadingSkeleton_TEXT" }) }), jsxRuntime.jsx("div", { className: LoadingSkeleton_module.default.skeletonTextRowShort, "data-testid": "SectionLoadingSkeleton_TEXT_ROW_SHORT", children: jsxRuntime.jsx("div", { className: joinClasses.joinClasses(LoadingSkeleton_module.default.skeletonText, LoadingSkeleton_module.default.skeletonTextShort, shimmerClassName), "data-testid": "SectionLoadingSkeleton_TEXT_SHORT" }) })] })] }, item))) })] }));
11
12
  };
12
13
 
13
14
  exports.LoadingSkeleton = LoadingSkeleton;
package/dist/cjs/baseComponents/LoadingSkeleton/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/LoadingSkeleton/index.tsx"],"sourcesContent":[null],"names":["styles","_jsxs","_jsx","Typography","joinClasses"],"mappings":";;;;;;;AAUO,MAAM,eAAe,GAAG,CAAC,EAC9B,gBAAgB,GAAG,IAAI,EACvB,cAAc,GAAG,KAAK,EACtB,KAAK,GACiB,KAAI;IAC1B,MAAM,gBAAgB,GAAG,CAAC,gBAAgB,IAAIA,8BAAM,CAAC,cAAc;IAEnE,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,8BAAM,CAAC,WAAW,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAAA,CACrE,KAAK,IAAI,CAAC,cAAc,KACvBE,cAAA,CAACC,gBAAU,EAAA,EAAA,YAAA,EACG,KAAK,EAAA,aAAA,EACL,8BAA8B,EAC1C,SAAS,EAAC,aAAa,EACvB,GAAG,EAAC,IAAI,EAAA,QAAA,EAEP,KAAK,EAAA,CACK,CACd,EACA,cAAc,KACbD,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,SAAS,EAAEE,uBAAW,CAACJ,8BAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAAA,aAAA,EAClD,8BAA8B,EAAA,CAC1C,CACH,CAAA,EAAA,CACG;AAEV;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/LoadingSkeleton/index.tsx"],"sourcesContent":[null],"names":["styles","_jsxs","_jsx","Typography","joinClasses"],"mappings":";;;;;;;MAWa,eAAe,GAAG,CAAC,EAC9B,UAAU,GAAG,CAAC,EACd,gBAAgB,GAAG,IAAI,EACvB,cAAc,GAAG,KAAK,EACtB,KAAK,GACiB,KAAI;IAC1B,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAC9B,EAAE,MAAM,EAAE,UAAU,EAAE,EACtB,CAAC,CAAC,EAAE,IAAI,KAAK,CAAA,cAAA,EAAiB,IAAI,GAAG,CAAC,CAAA,CAAE,CACzC;IACD,MAAM,gBAAgB,GAAG,CAAC,gBAAgB,IAAIA,8BAAM,CAAC,cAAc;AAEnE,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,8BAAM,CAAC,WAAW,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAAA,CACrE,KAAK,IAAI,CAAC,cAAc,KACvBE,cAAA,CAACC,gBAAU,EAAA,EAAA,YAAA,EACG,KAAK,EAAA,aAAA,EACL,8BAA8B,EAC1C,SAAS,EAAC,aAAa,EACvB,GAAG,EAAC,IAAI,EAAA,QAAA,EAEP,KAAK,EAAA,CACK,CACd,EACA,cAAc,KACbD,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,SAAS,EAAEE,uBAAW,CAACJ,8BAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAAA,aAAA,EAClD,8BAA8B,EAAA,CAC1C,CACH,EACDE,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEF,8BAAM,CAAC,WAAW,EAAA,aAAA,EACjB,8BAA8B,EAAA,QAAA,EAEzC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,MACtBC,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,SAAS,EAAED,8BAAM,CAAC,YAAY,iBAClB,6BAA6B,EAAA,QAAA,EAAA,CAGzCE,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEE,uBAAW,CAACJ,8BAAM,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAA,aAAA,EACjD,6BAA6B,GACzC,EACFC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,8BAAM,CAAC,mBAAmB,EAAA,aAAA,EACzB,qCAAqC,EAAA,QAAA,EAAA,CAEjDE,wBACE,SAAS,EAAEF,8BAAM,CAAC,eAAe,iBACrB,iCAAiC,EAAA,QAAA,EAE7CE,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEE,uBAAW,CAACJ,8BAAM,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAA,aAAA,EACjD,6BAA6B,GACzC,EAAA,CACE,EACNE,wBACE,SAAS,EAAEF,8BAAM,CAAC,oBAAoB,EAAA,aAAA,EAC1B,uCAAuC,YAEnDE,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEE,uBAAW,CACpBJ,8BAAM,CAAC,YAAY,EACnBA,8BAAM,CAAC,iBAAiB,EACxB,gBAAgB,CACjB,EAAA,aAAA,EACW,mCAAmC,EAAA,CAC/C,EAAA,CACE,CAAA,EAAA,CACF,CAAA,EAAA,EAhCD,IAAI,CAiCL,CACP,CAAC,EAAA,CACE,CAAA,EAAA,CACF;AAEV;;;;"}
package/dist/esm/baseComponents/LoadingSkeleton/LoadingSkeleton.module.css.js CHANGED
@@ -1,5 +1,5 @@
1
- var css_248z = ".LoadingSkeleton-module_sectionWrap__voDrd {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 16px;\n align-self: stretch;\n}\n\n.LoadingSkeleton-module_skeletonTitle__paz-U {\n position: relative;\n width: 48px;\n height: 12px;\n margin: 6px 0;\n overflow: hidden;\n background: var(--surface-surface-1);\n}\n\n.LoadingSkeleton-module_skeletonTitle__paz-U::after {\n position: absolute;\n animation: LoadingSkeleton-module_skeleton-loading__ABiff 1.2s infinite;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.55),\n transparent\n );\n content: \"\";\n inset: 0;\n transform: translateX(-100%);\n}\n\n.LoadingSkeleton-module_withoutShimmer__DfdsY::after {\n display: none;\n}\n\n@keyframes LoadingSkeleton-module_skeleton-loading__ABiff {\n 100% {\n transform: translateX(100%);\n }\n}\n";
2
- var styles = {"sectionWrap":"LoadingSkeleton-module_sectionWrap__voDrd","skeletonTitle":"LoadingSkeleton-module_skeletonTitle__paz-U","withoutShimmer":"LoadingSkeleton-module_withoutShimmer__DfdsY"};
1
+ var css_248z = ".LoadingSkeleton-module_sectionWrap__voDrd {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 16px;\n align-self: stretch;\n}\n\n.LoadingSkeleton-module_skeletonTitle__paz-U {\n width: 48px;\n height: 12px;\n margin: 6px 0;\n overflow: hidden;\n background: var(--surface-surface-1);\n}\n\n.LoadingSkeleton-module_cardWrapper__WGXVj {\n display: grid;\n gap: 8px;\n width: 100%;\n grid-template-columns: repeat(auto-fill, 172px);\n}\n\n.LoadingSkeleton-module_skeletonCard__nR3Q3 {\n display: flex;\n width: 172px;\n height: 140px;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n padding: 16px;\n border-radius: 12px;\n background: var(--surface-surface-1);\n box-sizing: border-box;\n}\n\n.LoadingSkeleton-module_skeletonTitle__paz-U,\n.LoadingSkeleton-module_skeletonIcon__PlLYn,\n.LoadingSkeleton-module_skeletonText__T3XEY {\n position: relative;\n overflow: hidden;\n}\n\n.LoadingSkeleton-module_skeletonIcon__PlLYn {\n display: flex;\n width: 48px;\n height: 48px;\n flex-shrink: 0;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n padding: 12px;\n border-radius: 32px;\n background: var(--surface-surface-3-color);\n box-sizing: border-box;\n}\n\n.LoadingSkeleton-module_skeletonTextWrapper__PY9j1 {\n display: flex;\n width: 100%;\n flex-shrink: 0;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n}\n\n.LoadingSkeleton-module_skeletonTextRow__QicSG,\n.LoadingSkeleton-module_skeletonTextRowShort__-KvsB {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n}\n\n.LoadingSkeleton-module_skeletonTextRow__QicSG {\n height: 24px;\n}\n\n.LoadingSkeleton-module_skeletonTextRowShort__-KvsB {\n height: 20px;\n}\n\n.LoadingSkeleton-module_skeletonText__T3XEY {\n width: 48px;\n height: 12px;\n background: var(--surface-surface-3-color);\n}\n\n.LoadingSkeleton-module_skeletonTextShort__8nFwq {\n width: 96px;\n}\n\n.LoadingSkeleton-module_skeletonTitle__paz-U::after,\n.LoadingSkeleton-module_skeletonIcon__PlLYn::after,\n.LoadingSkeleton-module_skeletonText__T3XEY::after {\n position: absolute;\n animation: LoadingSkeleton-module_skeleton-loading__ABiff 1.2s infinite;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.55),\n transparent\n );\n content: \"\";\n inset: 0;\n transform: translateX(-100%);\n}\n\n.LoadingSkeleton-module_withoutShimmer__DfdsY::after {\n display: none;\n}\n\n@keyframes LoadingSkeleton-module_skeleton-loading__ABiff {\n 100% {\n transform: translateX(100%);\n }\n}\n";
2
+ var styles = {"sectionWrap":"LoadingSkeleton-module_sectionWrap__voDrd","skeletonTitle":"LoadingSkeleton-module_skeletonTitle__paz-U","cardWrapper":"LoadingSkeleton-module_cardWrapper__WGXVj","skeletonCard":"LoadingSkeleton-module_skeletonCard__nR3Q3","skeletonIcon":"LoadingSkeleton-module_skeletonIcon__PlLYn","skeletonText":"LoadingSkeleton-module_skeletonText__T3XEY","skeletonTextWrapper":"LoadingSkeleton-module_skeletonTextWrapper__PY9j1","skeletonTextRow":"LoadingSkeleton-module_skeletonTextRow__QicSG","skeletonTextRowShort":"LoadingSkeleton-module_skeletonTextRowShort__-KvsB","skeletonTextShort":"LoadingSkeleton-module_skeletonTextShort__8nFwq","withoutShimmer":"LoadingSkeleton-module_withoutShimmer__DfdsY"};
3
3
  function styleInject(css, options) {
4
4
  if (typeof document === 'undefined') return;
5
5
  const head = document.head || document.getElementsByTagName('head')[0];
package/dist/esm/baseComponents/LoadingSkeleton/index.js CHANGED
@@ -3,9 +3,10 @@ import { joinClasses } from '../../utils/joinClasses.js';
3
3
  import { Typography } from '../Typography/index.js';
4
4
  import styles from './LoadingSkeleton.module.css.js';
5
5
 
6
- const LoadingSkeleton = ({ isShimmerVisible = true, isTitleLoading = false, title, }) => {
6
+ const LoadingSkeleton = ({ cardsCount = 2, isShimmerVisible = true, isTitleLoading = false, title, }) => {
7
+ const skeletonItems = Array.from({ length: cardsCount }, (_, item) => `skeleton-card-${item + 1}`);
7
8
  const shimmerClassName = !isShimmerVisible && styles.withoutShimmer;
8
- return (jsxs("div", { className: styles.sectionWrap, "data-testid": "SectionLoadingSkeleton", children: [title && !isTitleLoading && (jsx(Typography, { "aria-label": title, "data-testid": "SectionLoadingSkeleton_TITLE", fontClass: "body1Medium", tag: "h3", children: title })), isTitleLoading && (jsx("div", { "aria-hidden": "true", className: joinClasses(styles.skeletonTitle, shimmerClassName), "data-testid": "SectionLoadingSkeleton_TITLE" }))] }));
9
+ return (jsxs("div", { className: styles.sectionWrap, "data-testid": "SectionLoadingSkeleton", children: [title && !isTitleLoading && (jsx(Typography, { "aria-label": title, "data-testid": "SectionLoadingSkeleton_TITLE", fontClass: "body1Medium", tag: "h3", children: title })), isTitleLoading && (jsx("div", { "aria-hidden": "true", className: joinClasses(styles.skeletonTitle, shimmerClassName), "data-testid": "SectionLoadingSkeleton_TITLE" })), jsx("div", { className: styles.cardWrapper, "data-testid": "SectionLoadingSkeleton_CARDS", children: skeletonItems.map((item) => (jsxs("div", { "aria-hidden": "true", className: styles.skeletonCard, "data-testid": "SectionLoadingSkeleton_ITEM", children: [jsx("div", { className: joinClasses(styles.skeletonIcon, shimmerClassName), "data-testid": "SectionLoadingSkeleton_ICON" }), jsxs("div", { className: styles.skeletonTextWrapper, "data-testid": "SectionLoadingSkeleton_TEXT_WRAPPER", children: [jsx("div", { className: styles.skeletonTextRow, "data-testid": "SectionLoadingSkeleton_TEXT_ROW", children: jsx("div", { className: joinClasses(styles.skeletonText, shimmerClassName), "data-testid": "SectionLoadingSkeleton_TEXT" }) }), jsx("div", { className: styles.skeletonTextRowShort, "data-testid": "SectionLoadingSkeleton_TEXT_ROW_SHORT", children: jsx("div", { className: joinClasses(styles.skeletonText, styles.skeletonTextShort, shimmerClassName), "data-testid": "SectionLoadingSkeleton_TEXT_SHORT" }) })] })] }, item))) })] }));
9
10
  };
10
11
 
11
12
  export { LoadingSkeleton };
package/dist/esm/baseComponents/LoadingSkeleton/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/LoadingSkeleton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAUO,MAAM,eAAe,GAAG,CAAC,EAC9B,gBAAgB,GAAG,IAAI,EACvB,cAAc,GAAG,KAAK,EACtB,KAAK,GACiB,KAAI;IAC1B,MAAM,gBAAgB,GAAG,CAAC,gBAAgB,IAAI,MAAM,CAAC,cAAc;IAEnE,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAAA,CACrE,KAAK,IAAI,CAAC,cAAc,KACvBC,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACG,KAAK,EAAA,aAAA,EACL,8BAA8B,EAC1C,SAAS,EAAC,aAAa,EACvB,GAAG,EAAC,IAAI,EAAA,QAAA,EAEP,KAAK,EAAA,CACK,CACd,EACA,cAAc,KACbA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAAA,aAAA,EAClD,8BAA8B,EAAA,CAC1C,CACH,CAAA,EAAA,CACG;AAEV;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/LoadingSkeleton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;MAWa,eAAe,GAAG,CAAC,EAC9B,UAAU,GAAG,CAAC,EACd,gBAAgB,GAAG,IAAI,EACvB,cAAc,GAAG,KAAK,EACtB,KAAK,GACiB,KAAI;IAC1B,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAC9B,EAAE,MAAM,EAAE,UAAU,EAAE,EACtB,CAAC,CAAC,EAAE,IAAI,KAAK,CAAA,cAAA,EAAiB,IAAI,GAAG,CAAC,CAAA,CAAE,CACzC;IACD,MAAM,gBAAgB,GAAG,CAAC,gBAAgB,IAAI,MAAM,CAAC,cAAc;AAEnE,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAAA,CACrE,KAAK,IAAI,CAAC,cAAc,KACvBC,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACG,KAAK,EAAA,aAAA,EACL,8BAA8B,EAC1C,SAAS,EAAC,aAAa,EACvB,GAAG,EAAC,IAAI,EAAA,QAAA,EAEP,KAAK,EAAA,CACK,CACd,EACA,cAAc,KACbA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAAA,aAAA,EAClD,8BAA8B,EAAA,CAC1C,CACH,EACDA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,aAAA,EACjB,8BAA8B,EAAA,QAAA,EAEzC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,MACtBD,IAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,SAAS,EAAE,MAAM,CAAC,YAAY,iBAClB,6BAA6B,EAAA,QAAA,EAAA,CAGzCC,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAA,aAAA,EACjD,6BAA6B,GACzC,EACFD,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAA,aAAA,EACzB,qCAAqC,EAAA,QAAA,EAAA,CAEjDC,aACE,SAAS,EAAE,MAAM,CAAC,eAAe,iBACrB,iCAAiC,EAAA,QAAA,EAE7CA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAA,aAAA,EACjD,6BAA6B,GACzC,EAAA,CACE,EACNA,aACE,SAAS,EAAE,MAAM,CAAC,oBAAoB,EAAA,aAAA,EAC1B,uCAAuC,YAEnDA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,YAAY,EACnB,MAAM,CAAC,iBAAiB,EACxB,gBAAgB,CACjB,EAAA,aAAA,EACW,mCAAmC,EAAA,CAC/C,EAAA,CACE,CAAA,EAAA,CACF,CAAA,EAAA,EAhCD,IAAI,CAiCL,CACP,CAAC,EAAA,CACE,CAAA,EAAA,CACF;AAEV;;;;"}
package/dist/types/baseComponents/LoadingSkeleton/index.d.ts CHANGED
@@ -1,11 +1,12 @@
1
1
  import * as react from 'react';
2
2
 
3
3
  interface ILoadingSkeletonProps {
4
+ cardsCount?: number;
4
5
  isShimmerVisible?: boolean;
5
6
  isTitleLoading?: boolean;
6
7
  title?: string;
7
8
  }
8
- declare const LoadingSkeleton: ({ isShimmerVisible, isTitleLoading, title, }: ILoadingSkeletonProps) => react.JSX.Element;
9
+ declare const LoadingSkeleton: ({ cardsCount, isShimmerVisible, isTitleLoading, title, }: ILoadingSkeletonProps) => react.JSX.Element;
9
10
 
10
11
  export { LoadingSkeleton };
11
12
  export type { ILoadingSkeletonProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@egov3/system-design",
3
- "version": "1.3.163",
3
+ "version": "1.3.164",
4
4
  "type": "module",
5
5
  "main": "dist/cjs/index.js",
6
6
  "types": "dist/types/index.d.ts",