@pixelated-tech/components 3.11.8 → 3.11.9
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.
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
border: 0;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
.hero {
|
|
33
|
+
.hero-loading {
|
|
34
34
|
display: block;
|
|
35
35
|
gap: 1.5rem;
|
|
36
36
|
padding: 0;
|
|
@@ -51,25 +51,25 @@
|
|
|
51
51
|
gap: .75rem
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
.cards-
|
|
54
|
+
.cards-loading {
|
|
55
55
|
display: grid;
|
|
56
56
|
grid-template-columns: 1fr;
|
|
57
57
|
gap: 1.5rem
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
@media(min-width:640px) {
|
|
61
|
-
.cards-
|
|
61
|
+
.cards-loading {
|
|
62
62
|
grid-template-columns: repeat(2, 1fr)
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
@media(min-width:1024px) {
|
|
67
|
-
.cards-
|
|
67
|
+
.cards-loading {
|
|
68
68
|
grid-template-columns: repeat(3, 1fr)
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
.card-
|
|
72
|
+
.card-article {
|
|
73
73
|
padding: 1rem;
|
|
74
74
|
border-radius: .5rem;
|
|
75
75
|
border: 1px solid rgba(17, 24, 39, 0.06);
|
|
@@ -21,6 +21,6 @@ export function SkeletonLoading({ heroHeight = 220, cardCount = 6, className = '
|
|
|
21
21
|
}
|
|
22
22
|
}, []);
|
|
23
23
|
const count = Math.max(0, Number(cardCount || 0));
|
|
24
|
-
return (_jsx("main", { className: `loading-page ${className}`, children: _jsxs("div", { className: "loading-container", children: [_jsx("div", { className: "visually-hidden", role: "status", "aria-live": "polite", children: "Loading\u2026" }), _jsx("section", { id: "hero-loading", "aria-hidden": true, className: "hero", children: _jsx(Skeleton, { variant: "rect", height: heroHeight }) }), _jsx("section", { id: "cards-loading", className: "cards-
|
|
24
|
+
return (_jsx("main", { className: `loading-page ${className}`, children: _jsxs("div", { className: "loading-container", children: [_jsx("div", { className: "visually-hidden", role: "status", "aria-live": "polite", children: "Loading\u2026" }), _jsx("section", { id: "hero-loading", "aria-hidden": true, className: "hero-loading", children: _jsx(Skeleton, { variant: "rect", height: heroHeight }) }), _jsx("section", { id: "cards-loading", className: "cards-loading", "aria-hidden": true, children: Array.from({ length: count }).map((_, i) => (_jsx("article", { className: "card-article", children: _jsxs("div", { className: "card-row", children: [_jsx(Skeleton, { variant: "avatar" }), _jsxs("div", { className: "card-body", children: [_jsx(Skeleton, { lines: 2 }), _jsx("div", { className: "card-body-extra", children: _jsx(Skeleton, { lines: 3, width: "90%" }) })] })] }) }, i))) })] }) }));
|
|
25
25
|
}
|
|
26
26
|
export default SkeletonLoading;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useEffect, useState } from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
|
-
import { usePixelatedConfig } from '
|
|
5
|
+
import { usePixelatedConfig } from '../config/config.client';
|
|
6
6
|
const debug = false;
|
|
7
7
|
LoremIpsum.propTypes = {
|
|
8
8
|
paragraphs: PropTypes.number,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
pxl:v1:
|
|
1
|
+
pxl:v1:04c22fa932efcd65e861928f:011c2edeb8c5423cd0b0cbe83db3ea40:bee9bf028d3476dd7717dec2ac3bd602abe684f47aae946b4ea2f3f0216f7dc5b10c59160c57598a507e4651b26fa52939830353027724de55e31a76b8fb7bedc7446a943774e63895b4da270cc2a0cd448d404e1ef3299e59b413ebb982891cdc154e5fd6ec1b1e80ed4a18727df8e105a0c1410b3f3f90c0d9db32b97cb99eed3357d7c9b4e494b88da792125bf304cd90396a0ba6bea58b2d75f12f98ffc5c666f302ea98ad089f8d485a242f0e6cd2216d2802d5c39a510caf5b8cfd935a71434d9421729ba4f68ee5b0be991b35400a4517dbf8172a398232763aeda7a33a218487612a4bff837bd76c1cafad538d9c40ff2ad0881b6616ca60c48b3021ddc69ddd300afeeca075e6507cc642c49c56e3d5ea5c4abf5901b7956e63c8f2e673465794b76bf9c022bbb717898b655709864e4925b1d557d1fedeac89b1d2f15b10e40ff833ff2befef0bc905eb1fedac7ec72948cee80898d78b198b0955e1c46fa03574d3693263989720317513a656a0484660813325efbf2ec588ea0780c6b8104707a27a067b172a535a8d43c9dc16491afc8e2a2dbf1df6194e04eca43327ca71466817708639c86b5beba362f226cf7ba4f33803c1c3d9c91b53de7d5cc66c2c1067caecfc801446006f3747cd16e6ba105f90c328cb782a0d3bf9b4017fc4886013f3ed3bce327551a16957755f79c2954d67c9751386ceff0de78e979502c7e46bea3130b8efdb76f63dd70d34db345a7792577ce9367705f1bbb8af3e86a8da76f6ede8a5624a9bd7754eb16b6a517ed5e200ab5a300713baeee51b75f1f1331d04166359ae8d8c7295936a0729b38ffbc43dbe5f79daf209f709dcebc2ff658379cc23f2ab1be94facb69fed616658c0b80a7c74bfad69baf157fcdde6cd73d120eb6544c01f10a86e42f076ad3700497c65e17a7904df16face78287f7dab28f13cc2e172a4c80b929bf90b7d43383b4cbdb0eccb8ceaa8fed57f6420c0c742ba0b7cd03ad80d23e8feb24863385b8d04a4cda5b56115c518e16454d5298ba4d177c90ac3005fc2fba69cbe0d1de7bcf8701880b162fada0f88b25ad5c4e2456d6bc37d2ccf15cb721f019426df57cc862e76c5ef87240fef1d74dddfd5f263f70f87e13be06dd465de1b2c727a6f650d7a45d42113ebcf831853830561586f960e28c007350e2389365edb93bbca3ce7fcf88f665214b93badf29f762deec9d193ec570f4b7b7148eb13960954e3f7179f76ffd894171f2c7811266138fb7ea9ce2c7645eeafc448ae427db3fa23415ae752d8bcf362b18cee07d210f703f7f23821365520149683e635fee4ee28f2642b6b360827360964dbd6267cc20479a551956ecfa105ae372407ac99612a74c5c3a362370766f6b0802e7781c66205c1e2d21ecfc486c79d245f45f69b805d9bc28d87fa369f73c21b230df0c9bcdb28c1b800c0f6458056cc4169e5dbdacbcdf1668fbe57068f5d5e96ff4fcff81df11ae683a862b73b0774a324e8edb9c37594d2eaa9dae898119a6bac58b40e2bd60cd32dc914703cd236a3228ed872de0181b3a9ba1904712ca70ef8b1eca63e00f0c5642dd4e6197e8bc8fe4d9669d13fb0bf0dbc4061b34719465258c8e93a08c652044c65b0e891a233717c20709d6cd04cd05b06ce4dd3b930da368ded9368f550e8a37efa191fd770414f62590495f7c37f640f477242528e61aaaff217630f08b90c6e933cefda705efe3c8d5919cb22435f3351cb3057b616436a64d2c5c60ce1fded1c93d8f2990a9282d2e891e738ef07bce86b37cef1f45071f7ff163befbbc016e065e8abe52700f7e984225a735eec2274c7aec3484b3fa0e01fc3968ba158397a4f6422fa04d9c783ccfa2351affc77d04b19faeb1f0c8f7198e2e41bfadb55048baa4377942353cfa0ac6f16bb4c54ebdaefc978c951d57618511e6d3f2bde1a153474f30ffb826f8bf4af10ede9b3e39ad23244cea475270ccc373f80f27b381a9bcc3b639190279f294583a8bbc29f625ae20795e74e5886f130118f424f46fac1e1c116f098b6e0b96da09b2ed12c09d053263f29ea4aa92c55d056baf94258666d7486998f6efc3f0b2b2e60b97fcfe502fd73e4cd93f51c4d925b8384f44b0939132e077e3f0d36ab0126032249836ef438d6d059ac3341effb4e7f85d1656571a57dcb547a2419ddbcc18db79d9e532582a6ba3e1849d5cb067d1a6ff8b54cb2dc36c2d6bc1a3c028d8fce3e2eead4f7dc266c5f9a450071aa27d7e371d8f073c3072270970f7586cfd1540f73bccb73525d2eff0c4876587fa526b816d8c68cda674a77a1fab6abe1498907b281b06e3febf1f1eb760042187890792c8d96c458df9d8a1f5905ab20ec340cf3da35f931c004006aa57d030818503d9ca8893bfad7bb007a824e0968006356a13216274010895a99df6a9482a60a1eb093502f3c3102c70a45616b6e8c3e1e821781020a53e8900a4419632129e12dc5ce475c041dc73d72ea51162d0396e731add0386ad2efa9a54394f18217a8093fa4bf3265c7af2de59f981ce668639799cf20a1257c5b69ce027675a01a628b0d2e078b9e156b7330f3898ae3f1d028fc24d34c8524568b43b80e14431546038e078af5c9d3dcf40378381adad05a133ce7205de6c650126bd49777b98ba1befbc2a62d2482d898b328e1d089ffaf0e967cf0be0c5a20958ca17cda9ed6b0e3cd25b2d080534764b2c2858183104ec301cb9277dfea1537325eaf677789d9db6264b3dead789245402ca2b876a395922ab371130c4c7a0082001725dfba6abc3a2c25f9181af6d6dbd9f6661f4febc0c2f32d2ca707f92221aa9326fdd61b3b781c9a96befce0b8ef3db46f9ac836fda36c5999763c452371e3b39efb8e90fb13019466aa662762e7d9a3750bf6fb62dd0898bd5266e274ee51b2201be81275ced4d6bea51d1ead3b55bbf665f8ed81b3ccf64cfa3d91d31eacf7f10a01857883eb77a7dd02343ae14a06c2e44a67a3518437201dcd3e502b780d9b9d3832ebad1abcbda9ebff2ceaa30fe258a086790251af091077c699eb875ee65498a93ef2cb6a2bc6e907d1c66d6e2c4ccdfc7cc89cec06d01daaeb2254e6e789a74595e959ef5cade4fdb86bba5e4f2d2c5b8c5a704f8f532a87c08bc8e0b7121355a9cea4c36943d5d14de4dab2fc8fede84e7c17cba6bf995a453c35cef2642af02e9898e387db489888d391aed33de31ca5615bf7508ca564b15290ffa7d7846205cfcadfa9c3fc8f1da33a1ba84801c79dd001fc38db25f1c196540b09bf19124d307f22602bceb2761bed22b0c1f5cf4f2dc43c121be913127037bc4616f56b31a02774b0ddf561164b645bd6a8730f890fcec37fffe63968f9d3390fdfbf3110030b7d93167e15d7c9d5386036dc037d5d9b04d3cca9753370f178a8312419b382fd7de7b304bd6dc5475f93ba3ea226f62976334890e883a2c67debc98aafbed9dc46caf6a1774dbb9d909c880ad70007e8f17bcade88094e09978efeb14e9ff02a436cf18304626d210d7b3ee723938ff476e9f8e6a100a664cd8348781b76d9da61d5eb14ac2054b553f4c6952389cd0de63c8f8868c5678092e68c5199b31ece0bd10b7ce63f6951ac7fa58ebf226bb6ff1998dacad170228f1c5ac8febb049d8819bc2e3e2101627af77660ca66e7615ced34ac0493bb98505c2577307f6a47b9809df6f3fb5f7985b3f33112347e0204a20c90d87076fbfdc094ae240641e18efd53fb8487cb39cf0c3a6703c12caa8feba4a8fb5d8339f201f3b8fe9ca3f9897e0c71e8e3218a0b07ddc3efd5cce53c37c89d9c52cec71cf5f87db76f4521d24b195946284688b21e092b18b956d4801cabf853d960cf879f3531b12541b2361eca681cce41a45e7750ad87bf4321bbd8f380e8e1460007e5a506d1d5bb62fe1557f8ba7be6ae43685e1ac8b4e016ae389c4cd6e74f735b7a2f14737364f232a108a6cfa9d98511342751c799256c408348251002f62cd9451cc159e1b9f52cb2dbceac4c85a67761fca7a65a5c03d3e341e84d2250e616ea2d49a320705dab3b5b5ee55694aee53e03f1d7bf068f0432a6b843cd894885d210f88258559a5ff3424d10996552bdefe43be0862326bae6380a994420cbd1662530617d06bd5038f14b47148091fed6a50127e0aac2f67033a40eb477e13faa0c7716926ed696089a894c7efbfe94fd59c9cf6f9cd1bdd3be76bcf3cb7b68e1a201cfa0aa5bd0e852b9090038884cc58c2f0a3f020211ccf76c53cefb5ed4321052b48e02e49bae139af404add92e167bb180fd2438150875c8e71ac3dd08d09105def54bda8a157a8cdeb1baea9db9ef043ef93dd0fcacd120bd03f9f5d301b2cfd435ebc049340eb841cc0bd9f925a9fb7ddbffb00b992414bde0c7914951ea3cd40702a2b7beaa8191a2fbe99aa03f909165a943c4a162e721ccd63cfc983ae28be1f1cf3a5267b3368578120e715673c67309bd5b1ff5724cbbad607fbb19dc1ba62f489e65a30069e9851e9bf481225fcefc948bdd2a423e742fde1d84b579b2fff5303360417f4f931662205cbdb7fb5652576f152ce1ea0d26e49a42719440afbc6439d9ae3d05a4e83ae494448866296d55675aedc52f5b9bbfd8627b355b53d3795b459acd5c11c5c2469cd17eefc5b9d6f6361b1d418b8c45c2efad7eb86f3284e8df193d969f33fa2084f791e100e560778748642ad78e664544941923c01d50a709f555d41d451e839680fff3143348536a2f8302eaf803a3e1b9da99793bfb98a3fd4d15b341bf496a02ea70fbb249b9ddfb36f31c093594b523914c0e3cba759715f47a19c2b03d52dbf6e5624152b328d6a1cf1113a4703a087519d925e06c06b00b6b1aea28a38894cc4485c61b3387a381c7ea6b881ffc76bf7bee741d7de0c64a6d252d10263de7ab1977e102aec6a380723b5b1f5089527d33fc56e9504b1b0c982cde40f6d1cc63803bb12a9711744b21773ad20a4c3a491d298bfd00149655d6c83ab3716559f9772d284f2f700464a6e64d7686f49311fb8e778cff63c7baeff8c3711ffd7ca882189e48153e9623d37f8fe6e347e3a0754629d2c992bd1c4f2de1b6f3a9c9537c188c804c0c88bdba8cd15d5061a8584d
|