npm - @pega/cosmos-react-core - Versions diffs - 2.0.0-dev.2.1 → 2.0.0-dev.20.0 - Mend

@pega/cosmos-react-core 2.0.0-dev.2.1 → 2.0.0-dev.20.0

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 (3146) hide show

package/lib/components/Icon/icons/youtube.icon.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"youtube.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/icons/youtube.icon.tsx"],"names":[],"mappings":"~~AAGA~~,eAAO,MAAM,IAAI,YAAY,CAAC;AAE9B,eAAO,MAAM,SAAS,mBAErB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}
1	+ {"version":3,"file":"youtube.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/icons/youtube.icon.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,IAAI,YAAY,CAAC;AAE9B,eAAO,MAAM,SAAS,mBAErB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}

package/lib/components/Icon/icons/youtube.icon.js CHANGED Viewed

@@ -1,6 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // This file is autogenerated. Any changes will be overwritten.
-import React from 'react';
 export const name = 'youtube';
-export const Component = () => (React.createElement("path", { d: 'M17.0984375,13.4828125 C17.3859375,13.3390625 17.5296875,13.1 17.5296875,12.7640625 C17.5296875,12.428125 17.3859375,12.1890625 17.0984375,12.0453125 C17.0984375,12.0453125 17.0984375,12.0453125 17.0984375,12.0453125 C17.0984375,12.0453125 10.10625,7.6390625 10.10625,7.6390625 C9.81875,7.44765625 9.53125,7.44765625 9.19609375,7.6390625 C9.19609375,7.6390625 9.19609375,7.6390625 9.19609375,7.6390625 C8.90859375,7.7828125 8.76484375,8.0703125 8.76484375,8.40546875 C8.76484375,8.40546875 8.76484375,8.40546875 8.76484375,8.40546875 C8.76484375,8.40546875 8.76484375,17.121875 8.76484375,17.121875 C8.76484375,17.4570312 8.90859375,17.7445312 9.19609375,17.8882812 C9.19609375,17.8882812 9.19609375,17.8882812 9.19609375,17.8882812 C9.33984375,17.984375 9.48359375,18.0320312 9.62734375,18.0320312 C9.62734375,18.0320312 9.62734375,18.0320312 9.62734375,18.0320312 C9.77109375,18.0320312 9.9625,17.984375 10.10625,17.8882812 C10.10625,17.8882812 10.10625,17.8882812 10.10625,17.8882812 C10.10625,17.8882812 17.0984375,13.4820313 17.0984375,13.4820313 L17.0984375,13.4828125 Z M24.521875,10.7054688 C24.521875,10.7054688 24.521875,12.7648438 24.521875,12.7648438 C24.521875,12.7648438 24.521875,14.8242188 24.521875,14.8242188 C24.521875,15.303125 24.4742188,15.9257813 24.378125,16.6921875 C24.378125,16.6921875 24.378125,16.6921875 24.378125,16.6921875 C24.3304688,17.4585938 24.234375,18.1289062 24.090625,18.7039062 C24.090625,18.7039062 24.090625,18.7039062 24.090625,18.7039062 C23.946875,19.3742188 23.6117188,19.9492188 23.1328125,20.3804688 C23.1328125,20.3804688 23.1328125,20.3804688 23.1328125,20.3804688 C22.7015625,20.8117188 22.1273438,21.0992188 21.45625,21.1945313 C21.45625,21.1945313 21.45625,21.1945313 21.45625,21.1945313 C19.0617188,21.4335938 15.9960938,21.5296875 12.2609375,21.5296875 C8.52578125,21.5296875 5.46015625,21.4335938 3.065625,21.1945313 C3.065625,21.1945313 3.065625,21.1945313 3.065625,21.1945313 C2.3953125,21.0984375 1.8203125,20.8117188 1.3890625,20.3804688 C1.3890625,20.3804688 1.3890625,20.3804688 1.3890625,20.3804688 C0.91015625,19.9492188 0.575,19.375 0.43125,18.7039062 C0.43125,18.7039062 0.43125,18.7039062 0.43125,18.7039062 C0.2875,18.1289062 0.1921875,17.4585937 0.14375,16.6921875 C0.14375,16.6921875 0.14375,16.6921875 0.14375,16.6921875 C0.04765625,15.9257812 0,15.303125 0,14.8242188 C0,14.8242188 0,14.8242188 0,14.8242188 C0,14.8242188 0,12.7648438 0,12.7648438 C0,12.7648438 0,10.7054688 0,10.7054688 C0,10.2265625 0.04765625,9.60390625 0.14375,8.8375 C0.14375,8.8375 0.14375,8.8375 0.14375,8.8375 C0.19140625,8.07109375 0.2875,7.40078125 0.43125,6.82578125 C0.43125,6.82578125 0.43125,6.82578125 0.43125,6.82578125 C0.575,6.15546875 0.91015625,5.58046875 1.3890625,5.14921875 C1.3890625,5.14921875 1.3890625,5.14921875 1.3890625,5.14921875 C1.8203125,4.71796875 2.39453125,4.43046875 3.065625,4.33515625 C3.065625,4.33515625 3.065625,4.33515625 3.065625,4.33515625 C5.46015625,4.09609375 8.52578125,4 12.2609375,4 C15.9960938,4 19.0617188,4.09609375 21.45625,4.33515625 C21.45625,4.33515625 21.45625,4.33515625 21.45625,4.33515625 C22.1265625,4.43125 22.7015625,4.71796875 23.1328125,5.14921875 C23.1328125,5.14921875 23.1328125,5.14921875 23.1328125,5.14921875 C23.6117188,5.58046875 23.946875,6.1546875 24.090625,6.82578125 C24.090625,6.82578125 24.090625,6.82578125 24.090625,6.82578125 C24.234375,7.40078125 24.3296875,8.07109375 24.378125,8.8375 C24.378125,8.8375 24.378125,8.8375 24.378125,8.8375 C24.4742188,9.60390625 24.521875,10.2265625 24.521875,10.7054687 C24.521875,10.7054687 24.521875,10.7054687 24.521875,10.7054688 Z' }));
+export const Component = () => (_jsx("path", { d: 'M17.0984375,13.4828125 C17.3859375,13.3390625 17.5296875,13.1 17.5296875,12.7640625 C17.5296875,12.428125 17.3859375,12.1890625 17.0984375,12.0453125 C17.0984375,12.0453125 17.0984375,12.0453125 17.0984375,12.0453125 C17.0984375,12.0453125 10.10625,7.6390625 10.10625,7.6390625 C9.81875,7.44765625 9.53125,7.44765625 9.19609375,7.6390625 C9.19609375,7.6390625 9.19609375,7.6390625 9.19609375,7.6390625 C8.90859375,7.7828125 8.76484375,8.0703125 8.76484375,8.40546875 C8.76484375,8.40546875 8.76484375,8.40546875 8.76484375,8.40546875 C8.76484375,8.40546875 8.76484375,17.121875 8.76484375,17.121875 C8.76484375,17.4570312 8.90859375,17.7445312 9.19609375,17.8882812 C9.19609375,17.8882812 9.19609375,17.8882812 9.19609375,17.8882812 C9.33984375,17.984375 9.48359375,18.0320312 9.62734375,18.0320312 C9.62734375,18.0320312 9.62734375,18.0320312 9.62734375,18.0320312 C9.77109375,18.0320312 9.9625,17.984375 10.10625,17.8882812 C10.10625,17.8882812 10.10625,17.8882812 10.10625,17.8882812 C10.10625,17.8882812 17.0984375,13.4820313 17.0984375,13.4820313 L17.0984375,13.4828125 Z M24.521875,10.7054688 C24.521875,10.7054688 24.521875,12.7648438 24.521875,12.7648438 C24.521875,12.7648438 24.521875,14.8242188 24.521875,14.8242188 C24.521875,15.303125 24.4742188,15.9257813 24.378125,16.6921875 C24.378125,16.6921875 24.378125,16.6921875 24.378125,16.6921875 C24.3304688,17.4585938 24.234375,18.1289062 24.090625,18.7039062 C24.090625,18.7039062 24.090625,18.7039062 24.090625,18.7039062 C23.946875,19.3742188 23.6117188,19.9492188 23.1328125,20.3804688 C23.1328125,20.3804688 23.1328125,20.3804688 23.1328125,20.3804688 C22.7015625,20.8117188 22.1273438,21.0992188 21.45625,21.1945313 C21.45625,21.1945313 21.45625,21.1945313 21.45625,21.1945313 C19.0617188,21.4335938 15.9960938,21.5296875 12.2609375,21.5296875 C8.52578125,21.5296875 5.46015625,21.4335938 3.065625,21.1945313 C3.065625,21.1945313 3.065625,21.1945313 3.065625,21.1945313 C2.3953125,21.0984375 1.8203125,20.8117188 1.3890625,20.3804688 C1.3890625,20.3804688 1.3890625,20.3804688 1.3890625,20.3804688 C0.91015625,19.9492188 0.575,19.375 0.43125,18.7039062 C0.43125,18.7039062 0.43125,18.7039062 0.43125,18.7039062 C0.2875,18.1289062 0.1921875,17.4585937 0.14375,16.6921875 C0.14375,16.6921875 0.14375,16.6921875 0.14375,16.6921875 C0.04765625,15.9257812 0,15.303125 0,14.8242188 C0,14.8242188 0,14.8242188 0,14.8242188 C0,14.8242188 0,12.7648438 0,12.7648438 C0,12.7648438 0,10.7054688 0,10.7054688 C0,10.2265625 0.04765625,9.60390625 0.14375,8.8375 C0.14375,8.8375 0.14375,8.8375 0.14375,8.8375 C0.19140625,8.07109375 0.2875,7.40078125 0.43125,6.82578125 C0.43125,6.82578125 0.43125,6.82578125 0.43125,6.82578125 C0.575,6.15546875 0.91015625,5.58046875 1.3890625,5.14921875 C1.3890625,5.14921875 1.3890625,5.14921875 1.3890625,5.14921875 C1.8203125,4.71796875 2.39453125,4.43046875 3.065625,4.33515625 C3.065625,4.33515625 3.065625,4.33515625 3.065625,4.33515625 C5.46015625,4.09609375 8.52578125,4 12.2609375,4 C15.9960938,4 19.0617188,4.09609375 21.45625,4.33515625 C21.45625,4.33515625 21.45625,4.33515625 21.45625,4.33515625 C22.1265625,4.43125 22.7015625,4.71796875 23.1328125,5.14921875 C23.1328125,5.14921875 23.1328125,5.14921875 23.1328125,5.14921875 C23.6117188,5.58046875 23.946875,6.1546875 24.090625,6.82578125 C24.090625,6.82578125 24.090625,6.82578125 24.090625,6.82578125 C24.234375,7.40078125 24.3296875,8.07109375 24.378125,8.8375 C24.378125,8.8375 24.378125,8.8375 24.378125,8.8375 C24.4742188,9.60390625 24.521875,10.2265625 24.521875,10.7054687 C24.521875,10.7054687 24.521875,10.7054687 24.521875,10.7054688 Z' }, void 0));
 export const viewBox = '0 0 25 25';
 //# sourceMappingURL=youtube.icon.js.map

package/lib/components/Icon/icons/youtube.icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"youtube.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/icons/youtube.icon.tsx"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,~~OAAO,KAAK,~~MAAM,~~OAAO,~~CAAC~~;AAE1B~~,MAAM,~~CAAC,MAAM,~~IAAI,GAAG,SAAS,CAAC;AAE9B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,~~8BAAM~~,CAAC,EAAC,6gHAA6gH,~~GAAG~~,CACzhH,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\~~nimport React from 'react';\n\~~nexport const name = 'youtube';\n\nexport const Component = () => (\n <path d='M17.0984375,13.4828125 C17.3859375,13.3390625 17.5296875,13.1 17.5296875,12.7640625 C17.5296875,12.428125 17.3859375,12.1890625 17.0984375,12.0453125 C17.0984375,12.0453125 17.0984375,12.0453125 17.0984375,12.0453125 C17.0984375,12.0453125 10.10625,7.6390625 10.10625,7.6390625 C9.81875,7.44765625 9.53125,7.44765625 9.19609375,7.6390625 C9.19609375,7.6390625 9.19609375,7.6390625 9.19609375,7.6390625 C8.90859375,7.7828125 8.76484375,8.0703125 8.76484375,8.40546875 C8.76484375,8.40546875 8.76484375,8.40546875 8.76484375,8.40546875 C8.76484375,8.40546875 8.76484375,17.121875 8.76484375,17.121875 C8.76484375,17.4570312 8.90859375,17.7445312 9.19609375,17.8882812 C9.19609375,17.8882812 9.19609375,17.8882812 9.19609375,17.8882812 C9.33984375,17.984375 9.48359375,18.0320312 9.62734375,18.0320312 C9.62734375,18.0320312 9.62734375,18.0320312 9.62734375,18.0320312 C9.77109375,18.0320312 9.9625,17.984375 10.10625,17.8882812 C10.10625,17.8882812 10.10625,17.8882812 10.10625,17.8882812 C10.10625,17.8882812 17.0984375,13.4820313 17.0984375,13.4820313 L17.0984375,13.4828125 Z M24.521875,10.7054688 C24.521875,10.7054688 24.521875,12.7648438 24.521875,12.7648438 C24.521875,12.7648438 24.521875,14.8242188 24.521875,14.8242188 C24.521875,15.303125 24.4742188,15.9257813 24.378125,16.6921875 C24.378125,16.6921875 24.378125,16.6921875 24.378125,16.6921875 C24.3304688,17.4585938 24.234375,18.1289062 24.090625,18.7039062 C24.090625,18.7039062 24.090625,18.7039062 24.090625,18.7039062 C23.946875,19.3742188 23.6117188,19.9492188 23.1328125,20.3804688 C23.1328125,20.3804688 23.1328125,20.3804688 23.1328125,20.3804688 C22.7015625,20.8117188 22.1273438,21.0992188 21.45625,21.1945313 C21.45625,21.1945313 21.45625,21.1945313 21.45625,21.1945313 C19.0617188,21.4335938 15.9960938,21.5296875 12.2609375,21.5296875 C8.52578125,21.5296875 5.46015625,21.4335938 3.065625,21.1945313 C3.065625,21.1945313 3.065625,21.1945313 3.065625,21.1945313 C2.3953125,21.0984375 1.8203125,20.8117188 1.3890625,20.3804688 C1.3890625,20.3804688 1.3890625,20.3804688 1.3890625,20.3804688 C0.91015625,19.9492188 0.575,19.375 0.43125,18.7039062 C0.43125,18.7039062 0.43125,18.7039062 0.43125,18.7039062 C0.2875,18.1289062 0.1921875,17.4585937 0.14375,16.6921875 C0.14375,16.6921875 0.14375,16.6921875 0.14375,16.6921875 C0.04765625,15.9257812 0,15.303125 0,14.8242188 C0,14.8242188 0,14.8242188 0,14.8242188 C0,14.8242188 0,12.7648438 0,12.7648438 C0,12.7648438 0,10.7054688 0,10.7054688 C0,10.2265625 0.04765625,9.60390625 0.14375,8.8375 C0.14375,8.8375 0.14375,8.8375 0.14375,8.8375 C0.19140625,8.07109375 0.2875,7.40078125 0.43125,6.82578125 C0.43125,6.82578125 0.43125,6.82578125 0.43125,6.82578125 C0.575,6.15546875 0.91015625,5.58046875 1.3890625,5.14921875 C1.3890625,5.14921875 1.3890625,5.14921875 1.3890625,5.14921875 C1.8203125,4.71796875 2.39453125,4.43046875 3.065625,4.33515625 C3.065625,4.33515625 3.065625,4.33515625 3.065625,4.33515625 C5.46015625,4.09609375 8.52578125,4 12.2609375,4 C15.9960938,4 19.0617188,4.09609375 21.45625,4.33515625 C21.45625,4.33515625 21.45625,4.33515625 21.45625,4.33515625 C22.1265625,4.43125 22.7015625,4.71796875 23.1328125,5.14921875 C23.1328125,5.14921875 23.1328125,5.14921875 23.1328125,5.14921875 C23.6117188,5.58046875 23.946875,6.1546875 24.090625,6.82578125 C24.090625,6.82578125 24.090625,6.82578125 24.090625,6.82578125 C24.234375,7.40078125 24.3296875,8.07109375 24.378125,8.8375 C24.378125,8.8375 24.378125,8.8375 24.378125,8.8375 C24.4742188,9.60390625 24.521875,10.2265625 24.521875,10.7054687 C24.521875,10.7054687 24.521875,10.7054687 24.521875,10.7054688 Z' />\n);\n\nexport const viewBox = '0 0 25 25';\n"]}
1	+ {"version":3,"file":"youtube.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/icons/youtube.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC;AAE9B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eAAM,CAAC,EAAC,6gHAA6gH,WAAG,CACzhH,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport const name = 'youtube';\n\nexport const Component = () => (\n <path d='M17.0984375,13.4828125 C17.3859375,13.3390625 17.5296875,13.1 17.5296875,12.7640625 C17.5296875,12.428125 17.3859375,12.1890625 17.0984375,12.0453125 C17.0984375,12.0453125 17.0984375,12.0453125 17.0984375,12.0453125 C17.0984375,12.0453125 10.10625,7.6390625 10.10625,7.6390625 C9.81875,7.44765625 9.53125,7.44765625 9.19609375,7.6390625 C9.19609375,7.6390625 9.19609375,7.6390625 9.19609375,7.6390625 C8.90859375,7.7828125 8.76484375,8.0703125 8.76484375,8.40546875 C8.76484375,8.40546875 8.76484375,8.40546875 8.76484375,8.40546875 C8.76484375,8.40546875 8.76484375,17.121875 8.76484375,17.121875 C8.76484375,17.4570312 8.90859375,17.7445312 9.19609375,17.8882812 C9.19609375,17.8882812 9.19609375,17.8882812 9.19609375,17.8882812 C9.33984375,17.984375 9.48359375,18.0320312 9.62734375,18.0320312 C9.62734375,18.0320312 9.62734375,18.0320312 9.62734375,18.0320312 C9.77109375,18.0320312 9.9625,17.984375 10.10625,17.8882812 C10.10625,17.8882812 10.10625,17.8882812 10.10625,17.8882812 C10.10625,17.8882812 17.0984375,13.4820313 17.0984375,13.4820313 L17.0984375,13.4828125 Z M24.521875,10.7054688 C24.521875,10.7054688 24.521875,12.7648438 24.521875,12.7648438 C24.521875,12.7648438 24.521875,14.8242188 24.521875,14.8242188 C24.521875,15.303125 24.4742188,15.9257813 24.378125,16.6921875 C24.378125,16.6921875 24.378125,16.6921875 24.378125,16.6921875 C24.3304688,17.4585938 24.234375,18.1289062 24.090625,18.7039062 C24.090625,18.7039062 24.090625,18.7039062 24.090625,18.7039062 C23.946875,19.3742188 23.6117188,19.9492188 23.1328125,20.3804688 C23.1328125,20.3804688 23.1328125,20.3804688 23.1328125,20.3804688 C22.7015625,20.8117188 22.1273438,21.0992188 21.45625,21.1945313 C21.45625,21.1945313 21.45625,21.1945313 21.45625,21.1945313 C19.0617188,21.4335938 15.9960938,21.5296875 12.2609375,21.5296875 C8.52578125,21.5296875 5.46015625,21.4335938 3.065625,21.1945313 C3.065625,21.1945313 3.065625,21.1945313 3.065625,21.1945313 C2.3953125,21.0984375 1.8203125,20.8117188 1.3890625,20.3804688 C1.3890625,20.3804688 1.3890625,20.3804688 1.3890625,20.3804688 C0.91015625,19.9492188 0.575,19.375 0.43125,18.7039062 C0.43125,18.7039062 0.43125,18.7039062 0.43125,18.7039062 C0.2875,18.1289062 0.1921875,17.4585937 0.14375,16.6921875 C0.14375,16.6921875 0.14375,16.6921875 0.14375,16.6921875 C0.04765625,15.9257812 0,15.303125 0,14.8242188 C0,14.8242188 0,14.8242188 0,14.8242188 C0,14.8242188 0,12.7648438 0,12.7648438 C0,12.7648438 0,10.7054688 0,10.7054688 C0,10.2265625 0.04765625,9.60390625 0.14375,8.8375 C0.14375,8.8375 0.14375,8.8375 0.14375,8.8375 C0.19140625,8.07109375 0.2875,7.40078125 0.43125,6.82578125 C0.43125,6.82578125 0.43125,6.82578125 0.43125,6.82578125 C0.575,6.15546875 0.91015625,5.58046875 1.3890625,5.14921875 C1.3890625,5.14921875 1.3890625,5.14921875 1.3890625,5.14921875 C1.8203125,4.71796875 2.39453125,4.43046875 3.065625,4.33515625 C3.065625,4.33515625 3.065625,4.33515625 3.065625,4.33515625 C5.46015625,4.09609375 8.52578125,4 12.2609375,4 C15.9960938,4 19.0617188,4.09609375 21.45625,4.33515625 C21.45625,4.33515625 21.45625,4.33515625 21.45625,4.33515625 C22.1265625,4.43125 22.7015625,4.71796875 23.1328125,5.14921875 C23.1328125,5.14921875 23.1328125,5.14921875 23.1328125,5.14921875 C23.6117188,5.58046875 23.946875,6.1546875 24.090625,6.82578125 C24.090625,6.82578125 24.090625,6.82578125 24.090625,6.82578125 C24.234375,7.40078125 24.3296875,8.07109375 24.378125,8.8375 C24.378125,8.8375 24.378125,8.8375 24.378125,8.8375 C24.4742188,9.60390625 24.521875,10.2265625 24.521875,10.7054687 C24.521875,10.7054687 24.521875,10.7054687 24.521875,10.7054688 Z' />\n);\n\nexport const viewBox = '0 0 25 25';\n"]}

package/lib/components/Image/Image.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,~~OAAc~~,~~EAEZ~~,iBAAiB,~~EACjB~~,iBAAiB,~~EACjB~~,GAAG,~~EAEJ~~,MAAM,OAAO,CAAC;~~AAGf~~,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,iBAAiB,CAAC,gBAAgB,CAAC;IACrE,4CAA4C;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,yGAEvB,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,GAAG,YAAY,CAKvD,CAAC;AAEF,eAAe,KAAK,CAAC"}
1	+ {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,EAAmB,MAAM,OAAO,CAAC;AAG/F,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,iBAAiB,CAAC,gBAAgB,CAAC;IACrE,4CAA4C;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,yGAEvB,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,GAAG,YAAY,CAKvD,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/Image/Image.js CHANGED Viewed

@@ -1,11 +1,12 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import styled from 'styled-components';
 export const StyledImage = styled.img `
   max-width: 100%;
 `;
 const Image = forwardRef((props, ref) => {
     const { alt, ...restProps } = props;
-    return React.createElement(StyledImage, { ...restProps, alt: alt, ref: ref });
+    return _jsx(StyledImage, { ...restProps, alt: alt, ref: ref }, void 0);
 });
 export default Image;
 //# sourceMappingURL=Image.js.map

package/lib/components/Image/Image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAK,~~EAAE,~~EACZ,~~UAAU,~~EAKX~~,MAAM,OAAO,CAAC;~~AACf~~,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAWvC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEpC,CAAC;AAEF,MAAM,KAAK,GAAiD,UAAU,CACpE,CAAC,KAAkC,EAAE,GAA0B,EAAE,EAAE;IACjE,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,~~oBAAC~~,WAAW,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,~~GAAI~~,CAAC;AAC5D,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import ~~React~~, ~~{\n forwardRef,\n~~ FunctionComponent~~,\n~~ ImgHTMLAttributes~~,\n~~ Ref~~,\n~~ PropsWithoutRef\n} from 'react';\nimport styled from 'styled-components';\n\nimport { ForwardProps } from '../../types';\n\nexport interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {\n /** The HTML alt attribute for the image. /\n alt: string;\n /* Ref for the wrapping element. */\n ref?: Ref<HTMLImageElement>;\n}\n\nexport const StyledImage = styled.img`\n max-width: 100%;\n`;\n\nconst Image: FunctionComponent<ImageProps & ForwardProps> = forwardRef(\n (props: PropsWithoutRef<ImageProps>, ref: Ref<HTMLImageElement>) => {\n const { alt, ...restProps } = props;\n return <StyledImage {...restProps} alt={alt} ref={ref} />;\n }\n);\n\nexport default Image;\n"]}
1	+ {"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA8D,MAAM,OAAO,CAAC;AAC/F,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAWvC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEpC,CAAC;AAEF,MAAM,KAAK,GAAiD,UAAU,CACpE,CAAC,KAAkC,EAAE,GAA0B,EAAE,EAAE;IACjE,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,KAAC,WAAW,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,WAAI,CAAC;AAC5D,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, ImgHTMLAttributes, Ref, PropsWithoutRef } from 'react';\nimport styled from 'styled-components';\n\nimport { ForwardProps } from '../../types';\n\nexport interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {\n /** The HTML alt attribute for the image. /\n alt: string;\n /* Ref for the wrapping element. */\n ref?: Ref<HTMLImageElement>;\n}\n\nexport const StyledImage = styled.img`\n max-width: 100%;\n`;\n\nconst Image: FunctionComponent<ImageProps & ForwardProps> = forwardRef(\n (props: PropsWithoutRef<ImageProps>, ref: Ref<HTMLImageElement>) => {\n const { alt, ...restProps } = props;\n return <StyledImage {...restProps} alt={alt} ref={ref} />;\n }\n);\n\nexport default Image;\n"]}

package/lib/components/Input/Input.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,~~OAAc~~,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;~~AAEpE~~,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAMrE,MAAM,WAAW,UAAW,SAAQ,gBAAgB,EAAE,SAAS;IAC7D;;;OAGG;IACH,IAAI,CAAC,EACD,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,GACP,KAAK,GACL,QAAQ,GACR,KAAK,GACL,MAAM,GACN,gBAAgB,GAChB,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,CAAC;IACZ,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,GAAG,YAAY,~~CAmDxC~~,CAAC;AAEF,eAAe,KAAK,CAAC"}
1	+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAMrE,MAAM,WAAW,UAAW,SAAQ,gBAAgB,EAAE,SAAS;IAC7D;;;OAGG;IACH,IAAI,CAAC,EACD,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,GACP,KAAK,GACL,QAAQ,GACR,KAAK,GACL,MAAM,GACN,gBAAgB,GAChB,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,CAAC;IACZ,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,GAAG,YAAY,CAoDxC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/Input/Input.js CHANGED Viewed

@@ -1,20 +1,22 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import FormField from '../FormField';
 import { StyledFormControl } from '../FormControl';
 import { hasProp } from '../../utils';
 import { useUID } from '../../hooks';
 import StyledInput from './Input.styles';
 const Input = forwardRef((props, ref) => {
-    const { id = useUID(), value, defaultValue, required = false, disabled = false, label, labelHidden, info, status, actions, ...restProps } = props;
+    const uid = useUID();
+    const { id = uid, value, defaultValue, required = false, disabled = false, label, labelHidden, info, status, actions, ...restProps } = props;
     const controlProp = {};
     // Conditionally render component as controlled/uncontrolled
     if (hasProp(props, 'value')) {
-        controlProp.value = value !== null && value !== void 0 ? value : '';
+        controlProp.value = value ?? '';
     }
     else if (hasProp(props, 'defaultValue')) {
-        controlProp.defaultValue = defaultValue !== null && defaultValue !== void 0 ? defaultValue : '';
+        controlProp.defaultValue = defaultValue ?? '';
     }
-    const Comp = (React.createElement(StyledFormControl, { ...{
+    const Comp = (_jsx(StyledFormControl, { ...{
             ref,
             id,
             required,
@@ -23,8 +25,8 @@ const Input = forwardRef((props, ref) => {
             ...controlProp,
             ...restProps,
             as: StyledInput
-        } }));
-    return label ? (React.createElement(FormField, { ...{ label, labelHidden, id, info, status, required, disabled, actions } }, Comp)) : (Comp);
+        } }, void 0));
+    return label ? (_jsx(FormField, { ...{ label, labelHidden, id, info, status, required, disabled, actions }, children: Comp }, void 0)) : (Comp);
 });
 export default Input;
 //# sourceMappingURL=Input.js.map

package/lib/components/Input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAK,EAAE,~~EAAW,UAAU,EAAmB,MAAM,OAAO,CAAC;~~AAGpE~~,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAoB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAyBzC,MAAM,KAAK,GAAkC,UAAU,CACrD,CAAC,KAAkC,EAAE,GAA0B,EAAE,EAAE;IACjE,MAAM,~~EACJ~~,EAAE,~~GAAG~~,MAAM,EAAE,~~EACb~~,KAAK,EACL,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAGb,EAAE,CAAC;IAEP,4DAA4D;IAC5D,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE;QAC3B,WAAW,CAAC,KAAK,GAAG,KAAK,~~aAAL~~,~~KAAK,cAAL,KAAK,GAAI,~~EAAE,CAAC;KACjC;SAAM,IAAI,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE;QACzC,WAAW,CAAC,YAAY,GAAG,YAAY,~~aAAZ~~,~~YAAY,cAAZ,YAAY,GAAI,~~EAAE,CAAC;KAC/C;IAED,MAAM,IAAI,GAAG,CACX,~~oBAAC~~,iBAAiB,OACZ;YACF,GAAG;YACH,EAAE;YACF,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,GAAG,WAAW;YACd,GAAG,SAAS;YACZ,EAAE,EAAE,WAAW;SAChB,~~GACD~~,CACH,CAAC;IAEF,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,~~oBAAC~~,SAAS,OAAK,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,~~IACjF~~,IAAI,~~CACK~~,CACb,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import ~~React,~~ { FC, Ref, forwardRef, PropsWithoutRef } from 'react';\n\nimport { Action, BaseProps, ForwardProps } from '../../types';\nimport FormField from '../FormField';\nimport { FormControlProps, StyledFormControl } from '../FormControl';\nimport { hasProp } from '../../utils';\nimport { useUID } from '../../hooks';\n\nimport StyledInput from './Input.styles';\n\nexport interface InputProps extends FormControlProps, BaseProps {\n /*\n Specifies the type of input to be used.\n * @default \"text\"\n /\n type?:\n \| 'text'\n \| 'password'\n \| 'number'\n \| 'email'\n \| 'url'\n \| 'search'\n \| 'tel'\n \| 'date'\n \| 'datetime-local'\n \| 'time'\n \| 'week'\n \| 'month'\n \| 'color';\n /* Pass an array of Action objects to append button(s) inline with the Input. */\n actions?: Action[];\n}\n\nconst Input: FC<InputProps & ForwardProps> = forwardRef(\n (props: PropsWithoutRef<InputProps>, ref: Ref<HTMLInputElement>) => {\n const {\n id = ~~useUID()~~,\n value,\n defaultValue,\n required = false,\n disabled = false,\n label,\n labelHidden,\n info,\n status,\n actions,\n ...restProps\n } = props;\n\n const controlProp: {\n value?: string;\n defaultValue?: string;\n } = {};\n\n // Conditionally render component as controlled/uncontrolled\n if (hasProp(props, 'value')) {\n controlProp.value = value ?? '';\n } else if (hasProp(props, 'defaultValue')) {\n controlProp.defaultValue = defaultValue ?? '';\n }\n\n const Comp = (\n <StyledFormControl\n {...{\n ref,\n id,\n required,\n disabled,\n status,\n ...controlProp,\n ...restProps,\n as: StyledInput\n }}\n />\n );\n\n return label ? (\n <FormField {...{ label, labelHidden, id, info, status, required, disabled, actions }}>\n {Comp}\n </FormField>\n ) : (\n Comp\n );\n }\n);\n\nexport default Input;\n"]}
1	+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,UAAU,EAAmB,MAAM,OAAO,CAAC;AAG7D,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAoB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAyBzC,MAAM,KAAK,GAAkC,UAAU,CACrD,CAAC,KAAkC,EAAE,GAA0B,EAAE,EAAE;IACjE,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,EACJ,EAAE,GAAG,GAAG,EACR,KAAK,EACL,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAGb,EAAE,CAAC;IAEP,4DAA4D;IAC5D,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE;QAC3B,WAAW,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;KACjC;SAAM,IAAI,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE;QACzC,WAAW,CAAC,YAAY,GAAG,YAAY,IAAI,EAAE,CAAC;KAC/C;IAED,MAAM,IAAI,GAAG,CACX,KAAC,iBAAiB,OACZ;YACF,GAAG;YACH,EAAE;YACF,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,GAAG,WAAW;YACd,GAAG,SAAS;YACZ,EAAE,EAAE,WAAW;SAChB,WACD,CACH,CAAC;IAEF,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,OAAK,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,YACjF,IAAI,WACK,CACb,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { FC, Ref, forwardRef, PropsWithoutRef } from 'react';\n\nimport { Action, BaseProps, ForwardProps } from '../../types';\nimport FormField from '../FormField';\nimport { FormControlProps, StyledFormControl } from '../FormControl';\nimport { hasProp } from '../../utils';\nimport { useUID } from '../../hooks';\n\nimport StyledInput from './Input.styles';\n\nexport interface InputProps extends FormControlProps, BaseProps {\n /*\n Specifies the type of input to be used.\n * @default \"text\"\n /\n type?:\n \| 'text'\n \| 'password'\n \| 'number'\n \| 'email'\n \| 'url'\n \| 'search'\n \| 'tel'\n \| 'date'\n \| 'datetime-local'\n \| 'time'\n \| 'week'\n \| 'month'\n \| 'color';\n /* Pass an array of Action objects to append button(s) inline with the Input. */\n actions?: Action[];\n}\n\nconst Input: FC<InputProps & ForwardProps> = forwardRef(\n (props: PropsWithoutRef<InputProps>, ref: Ref<HTMLInputElement>) => {\n const uid = useUID();\n const {\n id = uid,\n value,\n defaultValue,\n required = false,\n disabled = false,\n label,\n labelHidden,\n info,\n status,\n actions,\n ...restProps\n } = props;\n\n const controlProp: {\n value?: string;\n defaultValue?: string;\n } = {};\n\n // Conditionally render component as controlled/uncontrolled\n if (hasProp(props, 'value')) {\n controlProp.value = value ?? '';\n } else if (hasProp(props, 'defaultValue')) {\n controlProp.defaultValue = defaultValue ?? '';\n }\n\n const Comp = (\n <StyledFormControl\n {...{\n ref,\n id,\n required,\n disabled,\n status,\n ...controlProp,\n ...restProps,\n as: StyledInput\n }}\n />\n );\n\n return label ? (\n <FormField {...{ label, labelHidden, id, info, status, required, disabled, actions }}>\n {Comp}\n </FormField>\n ) : (\n Comp\n );\n }\n);\n\nexport default Input;\n"]}

package/lib/components/Input/Input.styles.js CHANGED Viewed

@@ -4,14 +4,14 @@ const StyledInput = styled.input(({ theme: { base, components } }) => {
     return css `
     width: 100%;
     height: ${components.input.height};
-    min-height: ${base.sizes['touch-mouse']};
+    min-height: ${base['hit-area']['mouse-min']};
     padding: 0 ${components.input.padding};
     appearance: none;
     -webkit-appearance: none;
     text-align: inherit;
     @media (pointer: coarse) {
-      min-height: ${base.sizes['touch-finger']};
+      min-height: ${base['hit-area']['finger-min']};
     }
   `;
 });

package/lib/components/Input/Input.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.styles.js","sourceRoot":"","sources":["../../../src/components/Input/Input.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE;IACnE,OAAO,GAAG,CAAA;;cAEE,UAAU,CAAC,KAAK,CAAC,MAAM;kBACnB,IAAI,CAAC,~~KAAK~~,CAAC,~~aAAa~~,CAAC;~~iBAC1B~~,UAAU,CAAC,KAAK,CAAC,OAAO;;;;;;oBAMrB,IAAI,CAAC,~~KAAK~~,CAAC,~~cAAc~~,CAAC;;~~GAE3C~~,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,eAAe,WAAW,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\n\nconst StyledInput = styled.input(({ theme: { base, components } }) => {\n return css`\n width: 100%;\n height: ${components.input.height};\n min-height: ${base~~.sizes~~['~~touch~~-mouse']};\n padding: 0 ${components.input.padding};\n appearance: none;\n -webkit-appearance: none;\n text-align: inherit;\n\n @media (pointer: coarse) {\n min-height: ${base~~.sizes~~['~~touch~~-finger']};\n }\n `;\n});\n\nStyledInput.defaultProps = defaultThemeProp;\n\nexport default StyledInput;\n"]}
1	+ {"version":3,"file":"Input.styles.js","sourceRoot":"","sources":["../../../src/components/Input/Input.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE;IACnE,OAAO,GAAG,CAAA;;cAEE,UAAU,CAAC,KAAK,CAAC,MAAM;kBACnB,IAAI,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC;iBAC9B,UAAU,CAAC,KAAK,CAAC,OAAO;;;;;;oBAMrB,IAAI,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC;;GAE/C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,eAAe,WAAW,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\n\nconst StyledInput = styled.input(({ theme: { base, components } }) => {\n return css`\n width: 100%;\n height: ${components.input.height};\n min-height: ${base['hit-area']['mouse-min']};\n padding: 0 ${components.input.padding};\n appearance: none;\n -webkit-appearance: none;\n text-align: inherit;\n\n @media (pointer: coarse) {\n min-height: ${base['hit-area']['finger-min']};\n }\n `;\n});\n\nStyledInput.defaultProps = defaultThemeProp;\n\nexport default StyledInput;\n"]}

package/lib/components/Label/Label.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,~~OAAc~~,EAAc,iBAAiB,EAAmB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;~~AAI9F~~,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKtD,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAChC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,WAAW,wIAoBvB,CAAC;AAIF,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,GAAG,YAAY,CAWvD,CAAC;AAEF,eAAe,KAAK,CAAC"}
1	+ {"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIvF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKtD,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAChC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,WAAW,wIAoBvB,CAAC;AAIF,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,GAAG,YAAY,CAWvD,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/Label/Label.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { hideVisually, readableColor, rgba } from 'polished';
 import { defaultThemeProp } from '../../theme';
@@ -20,7 +21,7 @@ export const StyledLabel = styled.label(({ theme, labelHidden }) => {
 });
 StyledLabel.defaultProps = defaultThemeProp;
 const Label = forwardRef(({ children, labelHidden = false, ...restProps }, ref) => {
-    return (React.createElement(StyledLabel, { ref: ref, labelHidden: labelHidden, ...restProps }, children));
+    return (_jsx(StyledLabel, { ref: ref, labelHidden: labelHidden, ...restProps, children: children }, void 0));
 });
 export default Label;
 //# sourceMappingURL=Label.js.map

package/lib/components/Label/Label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAK,~~EAAE,~~EAAE,~~UAAU,EAAsD,MAAM,OAAO,CAAC;~~AAC9F~~,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAG7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAY,MAAM,cAAc,CAAC;AAqB3D,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CACrC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;IACzB,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1B,OAAO,IAAI,CACT,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,EACvD,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CACzC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAEtF,OAAO,WAAW;QAChB,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,GAAG,CAAA;;uBAEY,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAa,CAAC;yBACvD,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC;mBAC5C,KAAK;SACf,CAAC;AACR,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,KAAK,GAAiD,UAAU,CACpE,CACE,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,SAAS,EAA+B,EAC5E,GAAsB,EACtB,EAAE;IACF,OAAO,CACL,~~oBAAC~~,WAAW,IAAC,GAAG,EAAE,GAA4B,EAAE,WAAW,EAAE,WAAW,KAAM,SAAS,~~IACpF~~,QAAQ,~~CACG~~,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import ~~React,~~ { forwardRef, FunctionComponent, PropsWithoutRef, ReactNode, Ref } from 'react';\nimport styled, { css } from 'styled-components';\nimport { hideVisually, readableColor, rgba } from 'polished';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { tryCatch } from '../../utils';\nimport { calculateFontSize, FontSize } from '../../styles';\n\nexport interface LabelProps extends BaseProps {\n /*\n HTML tag to render the label as.\n * @default \"label\"\n /\n as?: 'label' \| 'legend' \| 'div';\n /* Use to associate with a form-element's id. /\n htmlFor?: string;\n /\n Visually hides the label.\n * @default false\n /\n labelHidden?: boolean;\n /* Content/text for the label. /\n children: ReactNode;\n /* Ref for the wrapping element. */\n ref?: Ref<HTMLLabelElement \| HTMLLegendElement>;\n}\n\nexport const StyledLabel = styled.label<Pick<LabelProps, 'labelHidden'>>(\n ({ theme, labelHidden }) => {\n const color = tryCatch(() => {\n return rgba(\n readableColor(theme.base.palette['primary-background']),\n theme.base.transparency['transparent-3']\n );\n });\n\n const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n return labelHidden\n ? hideVisually\n : css`\n max-width: max-content;\n font-size: ${fontSize[theme.components.label['font-size'] as FontSize]};\n font-weight: ${theme.base['font-weight']['semi-bold']};\n color: ${color};\n `;\n }\n);\n\nStyledLabel.defaultProps = defaultThemeProp;\n\nconst Label: FunctionComponent<LabelProps & ForwardProps> = forwardRef(\n (\n { children, labelHidden = false, ...restProps }: PropsWithoutRef<LabelProps>,\n ref: LabelProps['ref']\n ) => {\n return (\n <StyledLabel ref={ref as Ref<HTMLLabelElement>} labelHidden={labelHidden} {...restProps}>\n {children}\n </StyledLabel>\n );\n }\n);\n\nexport default Label;\n"]}
1	+ {"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsD,MAAM,OAAO,CAAC;AACvF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAG7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAY,MAAM,cAAc,CAAC;AAqB3D,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CACrC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;IACzB,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1B,OAAO,IAAI,CACT,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,EACvD,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CACzC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAEtF,OAAO,WAAW;QAChB,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,GAAG,CAAA;;uBAEY,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAa,CAAC;yBACvD,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC;mBAC5C,KAAK;SACf,CAAC;AACR,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,KAAK,GAAiD,UAAU,CACpE,CACE,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,SAAS,EAA+B,EAC5E,GAAsB,EACtB,EAAE;IACF,OAAO,CACL,KAAC,WAAW,IAAC,GAAG,EAAE,GAA4B,EAAE,WAAW,EAAE,WAAW,KAAM,SAAS,YACpF,QAAQ,WACG,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, ReactNode, Ref } from 'react';\nimport styled, { css } from 'styled-components';\nimport { hideVisually, readableColor, rgba } from 'polished';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { tryCatch } from '../../utils';\nimport { calculateFontSize, FontSize } from '../../styles';\n\nexport interface LabelProps extends BaseProps {\n /*\n HTML tag to render the label as.\n * @default \"label\"\n /\n as?: 'label' \| 'legend' \| 'div';\n /* Use to associate with a form-element's id. /\n htmlFor?: string;\n /\n Visually hides the label.\n * @default false\n /\n labelHidden?: boolean;\n /* Content/text for the label. /\n children: ReactNode;\n /* Ref for the wrapping element. */\n ref?: Ref<HTMLLabelElement \| HTMLLegendElement>;\n}\n\nexport const StyledLabel = styled.label<Pick<LabelProps, 'labelHidden'>>(\n ({ theme, labelHidden }) => {\n const color = tryCatch(() => {\n return rgba(\n readableColor(theme.base.palette['primary-background']),\n theme.base.transparency['transparent-3']\n );\n });\n\n const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n return labelHidden\n ? hideVisually\n : css`\n max-width: max-content;\n font-size: ${fontSize[theme.components.label['font-size'] as FontSize]};\n font-weight: ${theme.base['font-weight']['semi-bold']};\n color: ${color};\n `;\n }\n);\n\nStyledLabel.defaultProps = defaultThemeProp;\n\nconst Label: FunctionComponent<LabelProps & ForwardProps> = forwardRef(\n (\n { children, labelHidden = false, ...restProps }: PropsWithoutRef<LabelProps>,\n ref: LabelProps['ref']\n ) => {\n return (\n <StyledLabel ref={ref as Ref<HTMLLabelElement>} labelHidden={labelHidden} {...restProps}>\n {children}\n </StyledLabel>\n );\n }\n);\n\nexport default Label;\n"]}

package/lib/components/Link/Link.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { ReactNode, FunctionComponent, Ref } from 'react';
+import { ReactNode, FunctionComponent, Ref } from 'react';
 import { ButtonProps } from '../Button';
 import { BaseProps, ForwardProps } from '../../types';
 export interface LinkProps extends BaseProps {
@@ -19,17 +19,17 @@ export interface LinkProps extends BaseProps {
     /** Determines if the Link should render a popover when focused or hovered over. */
     previewable?: boolean;
     /** Callback function that is run when the preview popover is interacted with. */
-    onPreview?(e: {
+    onPreview?: (e: {
         href: string;
-    }): void;
+    }) => void;
     /** Specifies where to open the link href. */
     target?: string;
     /** Ref for the wrapping element. */
     ref?: Ref<HTMLAnchorElement>;
 }
 export declare const StyledLinkPopover: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledLinkPopoverBtn: import("styled-components").StyledComponent<React.FunctionComponent<import("../Button/BareButton").BareButtonProps & ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledLink: import("styled-components").StyledComponent<React.FunctionComponent<ButtonProps & ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledLinkPopoverBtn: import("styled-components").StyledComponent<FunctionComponent<import("../Button/BareButton").BareButtonProps & ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledLink: import("styled-components").StyledComponent<FunctionComponent<ButtonProps & ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
 declare const Link: FunctionComponent<LinkProps & ForwardProps>;
 export default Link;
 //# sourceMappingURL=Link.d.ts.map

package/lib/components/Link/Link.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAK~~,~~EAAE,EAEZ,~~SAAS,EACT,iBAAiB,EACjB,GAAG,EAKJ,MAAM,OAAO,CAAC;AAIf,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMtD,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,mFAAmF;IACnF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iFAAiF;IACjF,SAAS,CAAC,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,~~GAAG~~,IAAI,CAAC;~~IACtC~~,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,yGAE7B,CAAC;AAIF,eAAO,MAAM,oBAAoB,~~0LA~~+C/B,CAAC;AAIH,eAAO,MAAM,UAAU,~~uJAAmB~~,CAAC;AAI3C,QAAA,MAAM,IAAI,EAAE,iBAAiB,CAAC,SAAS,GAAG,YAAY,CAkGrD,CAAC;AAEF,eAAe,IAAI,CAAC"}
1	+ {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,iBAAiB,EACjB,GAAG,EAKJ,MAAM,OAAO,CAAC;AAIf,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMtD,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,mFAAmF;IACnF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iFAAiF;IACjF,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1C,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,yGAE7B,CAAC;AAIF,eAAO,MAAM,oBAAoB,oLA+C/B,CAAC;AAIH,eAAO,MAAM,UAAU,iJAAmB,CAAC;AAI3C,QAAA,MAAM,IAAI,EAAE,iBAAiB,CAAC,SAAS,GAAG,YAAY,CAkGrD,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/Link/Link.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import React, { forwardRef, useState, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useState, useRef } from 'react';
 import styled, { css } from 'styled-components';
 import { readableColor } from 'polished';
 import Button from '../Button';
@@ -77,19 +78,18 @@ const Link = forwardRef(({ href, variant = 'link', previewable, onPreview, ...re
         setPopover(false);
     };
     const onKeyUp = (event) => {
-        var _a, _b, _c;
         if (event.keyCode === 27) {
             closePopover();
         }
         if (event.keyCode === 38 || event.keyCode === 40) {
-            (_a = previewBtnRef === null || previewBtnRef === void 0 ? void 0 : previewBtnRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            previewBtnRef?.current?.focus();
         }
         if (event.keyCode === 37 || event.keyCode === 39) {
             if (previewBtnRef.current === document.activeElement) {
-                (_b = openInTabBtnRef === null || openInTabBtnRef === void 0 ? void 0 : openInTabBtnRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+                openInTabBtnRef?.current?.focus();
             }
             else {
-                (_c = previewBtnRef === null || previewBtnRef === void 0 ? void 0 : previewBtnRef.current) === null || _c === void 0 ? void 0 : _c.focus();
+                previewBtnRef?.current?.focus();
             }
         }
     };
@@ -98,13 +98,9 @@ const Link = forwardRef(({ href, variant = 'link', previewable, onPreview, ...re
             openPopover();
     };
     const onPreviewClick = () => {
-        onPreview === null || onPreview === void 0 ? void 0 : onPreview({ href });
+        onPreview?.({ href });
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(StyledLink, { href: href, variant: variant, ref: linkRef, ...restProps, onMouseEnter: onEnterLink, onMouseLeave: closePopover, onFocus: onEnterLink, onKeyUp: onKeyUp, onBlur: closePopover }),
-        React.createElement(Popover, { show: popover, groupId: 'link_preview', showDelay: 'short', hideDelay: 'short', placement: 'bottom', target: linkRef.current, onMouseEnter: openPopover, onMouseLeave: closePopover, as: StyledLinkPopover, arrow: true },
-            React.createElement(StyledLinkPopoverBtn, { preview: true, type: 'button', ref: previewBtnRef, onClick: onPreviewClick, tabIndex: 0, onFocus: openPopover, onKeyUp: onKeyUp }, t('link_preview')),
-            React.createElement(StyledLinkPopoverBtn, { forwardedAs: 'a', href: href, ref: openInTabBtnRef, target: '_blank', rel: 'noreferrer', onBlur: closePopover, onKeyUp: onKeyUp }, t('link_open_in_tab')))));
+    return (_jsxs(_Fragment, { children: [_jsx(StyledLink, { href: href, variant: variant, ref: linkRef, ...restProps, onMouseEnter: onEnterLink, onMouseLeave: closePopover, onFocus: onEnterLink, onKeyUp: onKeyUp, onBlur: closePopover }, void 0), _jsxs(Popover, { show: popover, groupId: 'link_preview', showDelay: 'short', hideDelay: 'short', placement: 'bottom', target: linkRef.current, onMouseEnter: openPopover, onMouseLeave: closePopover, as: StyledLinkPopover, arrow: true, children: [_jsx(StyledLinkPopoverBtn, { preview: true, type: 'button', ref: previewBtnRef, onClick: onPreviewClick, tabIndex: 0, onFocus: openPopover, onKeyUp: onKeyUp, children: t('link_preview') }, void 0), _jsx(StyledLinkPopoverBtn, { forwardedAs: 'a', href: href, ref: openInTabBtnRef, target: '_blank', rel: 'noreferrer', onBlur: closePopover, onKeyUp: onKeyUp, children: t('link_open_in_tab') }, void 0)] }, void 0)] }, void 0));
 });
 export default Link;
 //# sourceMappingURL=Link.js.map

package/lib/components/Link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAK~~,~~EAAE,EACZ,~~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~~MAAA,~~aAAa,~~aAAb~~,~~aAAa,uBAAb,aAAa,CAAE,~~OAAO,~~0CAAE~~,KAAK,EAAE,CAAC;SACjC;QAED,IAAI,KAAK,CAAC,OAAO,KAAK,EAAE,IAAI,KAAK,CAAC,OAAO,KAAK,EAAE,EAAE;YAChD,IAAI,aAAa,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa,EAAE;gBACpD,~~MAAA,~~eAAe,~~aAAf~~,~~eAAe,uBAAf,eAAe,CAAE,~~OAAO,~~0CAAE~~,KAAK,EAAE,CAAC;aACnC;iBAAM;gBACL,~~MAAA,~~aAAa,~~aAAb~~,~~aAAa,uBAAb,aAAa,CAAE,~~OAAO,~~0CAAE~~,KAAK,EAAE,CAAC;aACjC;SACF;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,WAAW;YAAE,WAAW,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,SAAS,~~aAAT~~,~~SAAS~~,~~uBAAT,SAAS,CAAG,~~EAAE,IAAI,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL~~;QACE~~,~~oBAAC~~,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,OAAc,KACf,SAAS,EACb,YAAY,EAAE,WAAW,EACzB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,YAAY,~~GACpB;QAEF~~,~~oBAAC~~,OAAO,IACN,IAAI,EAAE,OAAO,EACb,OAAO,EAAC,cAAc,EACtB,SAAS,EAAC,OAAO,EACjB,SAAS,EAAC,OAAO,EACjB,SAAS,EAAC,QAAQ,EAClB,MAAM,EAAE,OAAO,CAAC,OAAO,EACvB,YAAY,EAAE,WAAW,EACzB,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,iBAAiB,EACrB,KAAK~~;YAEL~~,~~oBAAC~~,oBAAoB,IACnB,OAAO,QACP,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,~~IAEf~~,CAAC,CAAC,cAAc,CAAC,~~CACG;YACvB~~,~~oBAAC~~,oBAAoB,IACnB,WAAW,EAAC,GAAG,EACf,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,eAAe,EACpB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,OAAO,~~IAEf~~,CAAC,CAAC,kBAAkB,CAAC,~~CACD~~,~~CACf~~,~~CACT~~,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import ~~React,~~ {\n forwardRef,\n ReactNode,\n FunctionComponent,\n Ref,\n PropsWithoutRef,\n useState,\n useRef,\n KeyboardEvent\n} from 'react';\nimport styled, { css } from 'styled-components';\nimport { readableColor } from 'polished';\n\nimport Button, { ButtonProps } from '../Button';\nimport Popover from '../Popover';\nimport BareButton from '../Button/BareButton';\nimport { BaseProps, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { useBreakpoint, useConsolidatedRef, useI18n } from '../../hooks';\nimport { tryCatch } from '../../utils';\nimport { calculateFontSize } from '../../styles';\n\nexport interface LinkProps extends BaseProps {\n /** Text or content for the Link. /\n children: ReactNode;\n /* URL or DOM id to navigate to. /\n href: string;\n /\n Controls the styling of the Link.\n * @default \"link\"\n /\n variant?: ButtonProps['variant'];\n /\n Set the Icon prop to `true` if you're using just an Icon in your Link. Make sure to pass an Icon as children if `true`.\n * @default false\n /\n icon?: ButtonProps['icon'];\n /* Determines if the Link should render a popover when focused or hovered over. /\n previewable?: boolean;\n /* Callback function that is run when the preview popover is interacted with. /\n onPreview?(e: { href: string }): void;\n /* Specifies where to open the link href. /\n target?: string;\n /* Ref for the wrapping element. /\n ref?: Ref<HTMLAnchorElement>;\n}\n\nexport const StyledLinkPopover = styled.div`\n background-color: ${props => props.theme.components.tooltip['background-color']};\n`;\n\nStyledLinkPopover.defaultProps = defaultThemeProp;\n\nexport const StyledLinkPopoverBtn = styled(BareButton)(({ theme }) => {\n const contrastColor = tryCatch(() => readableColor(theme.base.palette.interactive));\n const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n return css`\n position: relative;\n display: inline-flex;\n align-items: center;\n z-index: 1;\n padding: 0 ${theme.base.spacing};\n min-height: 1.5rem;\n line-height: 1;\n color: ${contrastColor};\n font-size: ${fontSize.xs};\n text-decoration: none;\n\n / FIXME: Button selector specificity... /\n & + & {\n margin: 0;\n }\n\n &:nth-child(2)::after {\n content: '';\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n width: 1px; / stylelint-disable-line unit-allowed-list /\n background-color: ${contrastColor};\n opacity: ${theme.base.transparency['transparent-3']};\n }\n\n &:nth-child(2) {\n / stylelint-disable-next-line unit-allowed-list */\n margin-inline-start: -1px;\n }\n\n &:hover,\n &:active {\n text-decoration: underline;\n }\n\n &:focus {\n box-shadow: inset 0 0 0 0.0625rem ${theme.base.palette.light},\n 0 0 0.125rem 0.0625rem ${theme.base.palette.interactive};\n }\n `;\n});\n\nStyledLinkPopoverBtn.defaultProps = defaultThemeProp;\n\nexport const StyledLink = styled(Button)``;\n\nStyledLink.defaultProps = defaultThemeProp;\n\nconst Link: FunctionComponent<LinkProps & ForwardProps> = forwardRef(\n (\n { href, variant = 'link', previewable, onPreview, ...restProps }: PropsWithoutRef<LinkProps>,\n ref: LinkProps['ref']\n ) => {\n const linkRef = useConsolidatedRef(ref);\n const [popover, setPopover] = useState(false);\n const previewBtnRef = useRef<HTMLButtonElement>(null);\n const openInTabBtnRef = useRef<HTMLAnchorElement>(null);\n const isSmallOrAbove = useBreakpoint('sm');\n const t = useI18n();\n\n const openPopover = () => {\n if (isSmallOrAbove) setPopover(true);\n };\n\n const closePopover = () => {\n setPopover(false);\n };\n\n const onKeyUp = (event: KeyboardEvent) => {\n if (event.keyCode === 27) {\n closePopover();\n }\n\n if (event.keyCode === 38 \|\| event.keyCode === 40) {\n previewBtnRef?.current?.focus();\n }\n\n if (event.keyCode === 37 \|\| event.keyCode === 39) {\n if (previewBtnRef.current === document.activeElement) {\n openInTabBtnRef?.current?.focus();\n } else {\n previewBtnRef?.current?.focus();\n }\n }\n };\n\n const onEnterLink = () => {\n if (previewable) openPopover();\n };\n\n const onPreviewClick = () => {\n onPreview?.({ href });\n };\n\n return (\n <>\n <StyledLink\n href={href}\n variant={variant}\n ref={linkRef as any}\n {...restProps}\n onMouseEnter={onEnterLink}\n onMouseLeave={closePopover}\n onFocus={onEnterLink}\n onKeyUp={onKeyUp}\n onBlur={closePopover}\n />\n\n <Popover\n show={popover}\n groupId='link_preview'\n showDelay='short'\n hideDelay='short'\n placement='bottom'\n target={linkRef.current}\n onMouseEnter={openPopover}\n onMouseLeave={closePopover}\n as={StyledLinkPopover}\n arrow\n >\n <StyledLinkPopoverBtn\n preview\n type='button'\n ref={previewBtnRef}\n onClick={onPreviewClick}\n tabIndex={0}\n onFocus={openPopover}\n onKeyUp={onKeyUp}\n >\n {t('link_preview')}\n </StyledLinkPopoverBtn>\n <StyledLinkPopoverBtn\n forwardedAs='a'\n href={href}\n ref={openInTabBtnRef}\n target='_blank'\n rel='noreferrer'\n onBlur={closePopover}\n onKeyUp={onKeyUp}\n >\n {t('link_open_in_tab')}\n </StyledLinkPopoverBtn>\n </Popover>\n </>\n );\n }\n);\n\nexport default Link;\n"]}
1	+ {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n forwardRef,\n ReactNode,\n FunctionComponent,\n Ref,\n PropsWithoutRef,\n useState,\n useRef,\n KeyboardEvent\n} from 'react';\nimport styled, { css } from 'styled-components';\nimport { readableColor } from 'polished';\n\nimport Button, { ButtonProps } from '../Button';\nimport Popover from '../Popover';\nimport BareButton from '../Button/BareButton';\nimport { BaseProps, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { useBreakpoint, useConsolidatedRef, useI18n } from '../../hooks';\nimport { tryCatch } from '../../utils';\nimport { calculateFontSize } from '../../styles';\n\nexport interface LinkProps extends BaseProps {\n /** Text or content for the Link. /\n children: ReactNode;\n /* URL or DOM id to navigate to. /\n href: string;\n /\n Controls the styling of the Link.\n * @default \"link\"\n /\n variant?: ButtonProps['variant'];\n /\n Set the Icon prop to `true` if you're using just an Icon in your Link. Make sure to pass an Icon as children if `true`.\n * @default false\n /\n icon?: ButtonProps['icon'];\n /* Determines if the Link should render a popover when focused or hovered over. /\n previewable?: boolean;\n /* Callback function that is run when the preview popover is interacted with. /\n onPreview?: (e: { href: string }) => void;\n /* Specifies where to open the link href. /\n target?: string;\n /* Ref for the wrapping element. /\n ref?: Ref<HTMLAnchorElement>;\n}\n\nexport const StyledLinkPopover = styled.div`\n background-color: ${props => props.theme.components.tooltip['background-color']};\n`;\n\nStyledLinkPopover.defaultProps = defaultThemeProp;\n\nexport const StyledLinkPopoverBtn = styled(BareButton)(({ theme }) => {\n const contrastColor = tryCatch(() => readableColor(theme.base.palette.interactive));\n const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n return css`\n position: relative;\n display: inline-flex;\n align-items: center;\n z-index: 1;\n padding: 0 ${theme.base.spacing};\n min-height: 1.5rem;\n line-height: 1;\n color: ${contrastColor};\n font-size: ${fontSize.xs};\n text-decoration: none;\n\n / FIXME: Button selector specificity... /\n & + & {\n margin: 0;\n }\n\n &:nth-child(2)::after {\n content: '';\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n width: 1px; / stylelint-disable-line unit-allowed-list /\n background-color: ${contrastColor};\n opacity: ${theme.base.transparency['transparent-3']};\n }\n\n &:nth-child(2) {\n / stylelint-disable-next-line unit-allowed-list */\n margin-inline-start: -1px;\n }\n\n &:hover,\n &:active {\n text-decoration: underline;\n }\n\n &:focus {\n box-shadow: inset 0 0 0 0.0625rem ${theme.base.palette.light},\n 0 0 0.125rem 0.0625rem ${theme.base.palette.interactive};\n }\n `;\n});\n\nStyledLinkPopoverBtn.defaultProps = defaultThemeProp;\n\nexport const StyledLink = styled(Button)``;\n\nStyledLink.defaultProps = defaultThemeProp;\n\nconst Link: FunctionComponent<LinkProps & ForwardProps> = forwardRef(\n (\n { href, variant = 'link', previewable, onPreview, ...restProps }: PropsWithoutRef<LinkProps>,\n ref: LinkProps['ref']\n ) => {\n const linkRef = useConsolidatedRef(ref);\n const [popover, setPopover] = useState(false);\n const previewBtnRef = useRef<HTMLButtonElement>(null);\n const openInTabBtnRef = useRef<HTMLAnchorElement>(null);\n const isSmallOrAbove = useBreakpoint('sm');\n const t = useI18n();\n\n const openPopover = () => {\n if (isSmallOrAbove) setPopover(true);\n };\n\n const closePopover = () => {\n setPopover(false);\n };\n\n const onKeyUp = (event: KeyboardEvent) => {\n if (event.keyCode === 27) {\n closePopover();\n }\n\n if (event.keyCode === 38 \|\| event.keyCode === 40) {\n previewBtnRef?.current?.focus();\n }\n\n if (event.keyCode === 37 \|\| event.keyCode === 39) {\n if (previewBtnRef.current === document.activeElement) {\n openInTabBtnRef?.current?.focus();\n } else {\n previewBtnRef?.current?.focus();\n }\n }\n };\n\n const onEnterLink = () => {\n if (previewable) openPopover();\n };\n\n const onPreviewClick = () => {\n onPreview?.({ href });\n };\n\n return (\n <>\n <StyledLink\n href={href}\n variant={variant}\n ref={linkRef as any}\n {...restProps}\n onMouseEnter={onEnterLink}\n onMouseLeave={closePopover}\n onFocus={onEnterLink}\n onKeyUp={onKeyUp}\n onBlur={closePopover}\n />\n\n <Popover\n show={popover}\n groupId='link_preview'\n showDelay='short'\n hideDelay='short'\n placement='bottom'\n target={linkRef.current}\n onMouseEnter={openPopover}\n onMouseLeave={closePopover}\n as={StyledLinkPopover}\n arrow\n >\n <StyledLinkPopoverBtn\n preview\n type='button'\n ref={previewBtnRef}\n onClick={onPreviewClick}\n tabIndex={0}\n onFocus={openPopover}\n onKeyUp={onKeyUp}\n >\n {t('link_preview')}\n </StyledLinkPopoverBtn>\n <StyledLinkPopoverBtn\n forwardedAs='a'\n href={href}\n ref={openInTabBtnRef}\n target='_blank'\n rel='noreferrer'\n onBlur={closePopover}\n onKeyUp={onKeyUp}\n >\n {t('link_open_in_tab')}\n </StyledLinkPopoverBtn>\n </Popover>\n </>\n );\n }\n);\n\nexport default Link;\n"]}

package/lib/components/List/CommaSeparatedList.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { FunctionComponent, ReactNode, Ref } from 'react';
+import { BaseProps, ForwardProps } from '../../types';
+export interface CommaSeparatedListProps extends BaseProps {
+    /** List content. */
+    items: ReactNode[];
+    /** List Heading. */
+    heading?: string;
+    /** Ref forwarded to the wrapping element. */
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const StyledCommaSeparatedList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCommaSeparatedListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+declare const CommaSeparatedList: FunctionComponent<CommaSeparatedListProps & ForwardProps>;
+export default CommaSeparatedList;
+//# sourceMappingURL=CommaSeparatedList.d.ts.map

package/lib/components/List/CommaSeparatedList.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommaSeparatedList.d.ts","sourceRoot":"","sources":["../../../src/components/List/CommaSeparatedList.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,SAAS,EAIT,GAAG,EAIJ,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAQtD,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,oBAAoB;IACpB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,wBAAwB,yGAOnC,CAAC;AAIH,eAAO,MAAM,4BAA4B,wGAMxC,CAAC;AAyDF,QAAA,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,uBAAuB,GAAG,YAAY,CAmBjF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/components/List/CommaSeparatedList.js ADDED Viewed

@@ -0,0 +1,61 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useState, useLayoutEffect, useMemo, useRef } from 'react';
+import styled, { css } from 'styled-components';
+import { defaultThemeProp } from '../../theme';
+import { useI18n } from '../../hooks';
+import Button from '../Button';
+import Text from '../Text';
+import ExpandCollapse from '../ExpandCollapse';
+import { windowIsAvailable } from '../../utils';
+export const StyledCommaSeparatedList = styled.div(({ theme }) => {
+    return css `
+    padding: ${theme.base.spacing};
+    h3 {
+      padding-block-end: calc(2 * ${theme.base.spacing});
+    }
+  `;
+});
+StyledCommaSeparatedList.defaultProps = defaultThemeProp;
+export const StyledCommaSeparatedListItem = styled.li `
+  display: inline;
+  &:not(:last-child)::after {
+    content: ', ';
+  }
+`;
+const DynamicHeightValue = ({ children }) => {
+    const [collapsed, setCollapsed] = useState(true);
+    const [exceedsMaxHeight, setExceedsMaxHeight] = useState(false);
+    const textRef = useRef(null);
+    const t = useI18n();
+    const maxTextHeight = useMemo(() => {
+        if (!windowIsAvailable)
+            return Infinity;
+        const computedLineHeight = Number.parseInt(window.getComputedStyle(document.documentElement).getPropertyValue('font-size'), 10) * 1.25;
+        return 3 * computedLineHeight;
+    }, []);
+    useLayoutEffect(() => {
+        if (!textRef.current)
+            return;
+        const observer = new ResizeObserver(entries => {
+            const exceedsHeight = entries.some(({ target, contentRect }) => {
+                if (target !== textRef.current)
+                    return;
+                return contentRect.height > maxTextHeight;
+            });
+            setExceedsMaxHeight(exceedsHeight);
+        });
+        observer.observe(textRef.current);
+        return () => {
+            observer.disconnect();
+        };
+    }, [textRef.current, maxTextHeight]);
+    return (_jsxs(_Fragment, { children: [_jsx(ExpandCollapse, { collapsed: collapsed, min: exceedsMaxHeight ? `${maxTextHeight}px` : 'max-content', children: _jsx("div", { ref: textRef, children: children }, void 0) }, void 0), exceedsMaxHeight && (_jsx(Button, { variant: 'link', onClick: () => setCollapsed(current => !current), children: collapsed ? t('show_more') : t('show_less') }, void 0))] }, void 0));
+};
+const CommaSeparatedList = forwardRef(({ items, heading }, ref) => {
+    return (_jsxs(StyledCommaSeparatedList, { ref: ref, children: [heading && _jsx(Text, { variant: 'h3', children: heading }, void 0), _jsx(DynamicHeightValue, { children: _jsx("ul", { style: { listStyle: 'none' }, children: items.map((value, i) => (
+                    // eslint-disable-next-line react/no-array-index-key
+                    _jsx(StyledCommaSeparatedListItem, { children: value }, i))) }, void 0) }, void 0)] }, void 0));
+});
+export default CommaSeparatedList;
+//# sourceMappingURL=CommaSeparatedList.js.map

package/lib/components/List/CommaSeparatedList.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommaSeparatedList.js","sourceRoot":"","sources":["../../../src/components/List/CommaSeparatedList.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n FunctionComponent,\n ReactNode,\n forwardRef,\n useState,\n PropsWithoutRef,\n Ref,\n useLayoutEffect,\n useMemo,\n useRef\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { useI18n } from '../../hooks';\nimport Button from '../Button';\nimport Text from '../Text';\nimport ExpandCollapse from '../ExpandCollapse';\nimport { windowIsAvailable } from '../../utils';\n\nexport interface CommaSeparatedListProps extends BaseProps {\n /** List content. */\n items: ReactNode[];\n /** List Heading. */\n heading?: string;\n /** Ref forwarded to the wrapping element. */\n ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledCommaSeparatedList = styled.div(({ theme }) => {\n return css`\n padding: ${theme.base.spacing};\n h3 {\n padding-block-end: calc(2 * ${theme.base.spacing});\n }\n `;\n});\n\nStyledCommaSeparatedList.defaultProps = defaultThemeProp;\n\nexport const StyledCommaSeparatedListItem = styled.li`\n display: inline;\n\n &:not(:last-child)::after {\n content: ', ';\n }\n`;\n\nconst DynamicHeightValue = ({ children }: { children: ReactNode }): JSX.Element => {\n const [collapsed, setCollapsed] = useState(true);\n const [exceedsMaxHeight, setExceedsMaxHeight] = useState(false);\n const textRef = useRef<HTMLDivElement>(null);\n const t = useI18n();\n\n const maxTextHeight = useMemo(() => {\n if (!windowIsAvailable) return Infinity;\n\n const computedLineHeight =\n Number.parseInt(\n window.getComputedStyle(document.documentElement).getPropertyValue('font-size'),\n 10\n ) * 1.25;\n\n return 3 * computedLineHeight;\n }, []);\n\n useLayoutEffect(() => {\n if (!textRef.current) return;\n\n const observer = new ResizeObserver(entries => {\n const exceedsHeight = entries.some(({ target, contentRect }) => {\n if (target !== textRef.current) return;\n\n return contentRect.height > maxTextHeight;\n });\n\n setExceedsMaxHeight(exceedsHeight);\n });\n\n observer.observe(textRef.current);\n\n return () => {\n observer.disconnect();\n };\n }, [textRef.current, maxTextHeight]);\n\n return (\n <>\n <ExpandCollapse\n collapsed={collapsed}\n min={exceedsMaxHeight ? `${maxTextHeight}px` : 'max-content'}\n >\n <div ref={textRef}>{children}</div>\n </ExpandCollapse>\n {exceedsMaxHeight && (\n <Button variant='link' onClick={() => setCollapsed(current => !current)}>\n {collapsed ? t('show_more') : t('show_less')}\n </Button>\n )}\n </>\n );\n};\n\nconst CommaSeparatedList: FunctionComponent<CommaSeparatedListProps & ForwardProps> = forwardRef(\n (\n { items, heading }: PropsWithoutRef<CommaSeparatedListProps>,\n ref: CommaSeparatedListProps['ref']\n ) => {\n return (\n <StyledCommaSeparatedList ref={ref}>\n {heading && <Text variant='h3'>{heading}</Text>}\n <DynamicHeightValue>\n <ul style={{ listStyle: 'none' }}>\n {items.map((value, i) => (\n // eslint-disable-next-line react/no-array-index-key\n <StyledCommaSeparatedListItem key={i}>{value}</StyledCommaSeparatedListItem>\n ))}\n </ul>\n </DynamicHeightValue>\n </StyledCommaSeparatedList>\n );\n }\n);\n\nexport default CommaSeparatedList;\n"]}

package/lib/components/List/List.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+import { FunctionComponent, ReactNode, Ref } from 'react';
+import { BaseProps, ForwardProps } from '../../types';
+export interface ListProps extends BaseProps {
+    /** List content. */
+    items: ReactNode[];
+    /** List Heading. */
+    heading?: string;
+    /** Number of list items that need to be shown. */
+    count?: number;
+    /** Callback to display more/less items. */
+    onToggleShow?: () => void;
+    /** Ref forwarded to the wrapping element. */
+    ref?: Ref<HTMLDivElement>;
+}
+interface VisualListProps extends ListProps {
+    /** Type of list. */
+    variant: 'ordered' | 'unordered';
+    /** Depth of list (used for recursion). */
+    depth?: number;
+}
+declare const olTypes: readonly ["decimal", "lower-alpha", "lower-roman"];
+declare const ulTypes: readonly ["disc", "circle", "square"];
+export declare const StyledList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    depth: number;
+    listType: typeof olTypes[number] | typeof ulTypes[number];
+}, never>;
+export declare const StyledSublistItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+declare const List: FunctionComponent<VisualListProps & ForwardProps>;
+export default List;
+//# sourceMappingURL=List.d.ts.map

package/lib/components/List/List.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAA+B,GAAG,EAAE,MAAM,OAAO,CAAC;AAGvF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAOtD,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,oBAAoB;IACpB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,UAAU,eAAgB,SAAQ,SAAS;IACzC,oBAAoB;IACpB,OAAO,EAAE,SAAS,GAAG,WAAW,CAAC;IACjC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,OAAO,oDAAqD,CAAC;AACnE,QAAA,MAAM,OAAO,uCAAwC,CAAC;AAEtD,eAAO,MAAM,UAAU;WACd,MAAM;cACH,cAAc,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC;SAgCzD,CAAC;AAIH,eAAO,MAAM,iBAAiB,wGAE7B,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CA2C3D,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/List/List.js ADDED Viewed

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { defaultThemeProp } from '../../theme';
+import { calculateFontSize } from '../../styles';
+import Button from '../Button';
+import Text from '../Text';
+import { useI18n } from '../../hooks';
+const olTypes = ['decimal', 'lower-alpha', 'lower-roman'];
+const ulTypes = ['disc', 'circle', 'square'];
+export const StyledList = styled.div(({ theme, depth, listType }) => {
+    const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);
+    return css `
+    padding-inline-start: calc(2 * ${theme.base.spacing});
+    list-style-position: inside;
+    h3 {
+      margin-block-end: calc(2 * ${theme.base.spacing});
+    }
+    & > ol,
+    & > ul {
+      list-style-type: ${listType};
+      & > li {
+        &:not(:last-child) {
+          margin-block-end: calc(0.5 * ${theme.base.spacing});
+        }
+        ${depth > 0
+        ? css `
+              font-size: ${fontSize.xs};
+            `
+        : css `
+              &::marker {
+                font-weight: ${theme.base['font-weight'].bold};
+              }
+            `}
+      }
+    }
+  `;
+});
+StyledList.defaultProps = defaultThemeProp;
+export const StyledSublistItem = styled.li `
+  list-style: none;
+`;
+const List = forwardRef(({ items, variant, count, onToggleShow, depth = 0, heading, ...restProps }, ref) => {
+    const t = useI18n();
+    const listContent = items.map((value, idx) => Array.isArray(value) ? (
+    // eslint-disable-next-line react/no-array-index-key
+    _jsx(StyledSublistItem, { children: _jsx(List, { depth: depth + 1, variant: variant, items: value }, void 0) }, idx)) : (
+    // eslint-disable-next-line react/no-array-index-key
+    _jsx("li", { children: value }, idx)));
+    return (_jsxs(StyledList, { ...restProps, ref: ref, depth: depth, listType: (variant === 'ordered' ? olTypes : ulTypes)[depth % 3], children: [heading && _jsx(Text, { variant: 'h3', children: heading }, void 0), variant === 'ordered' ? _jsx("ol", { children: listContent }, void 0) : _jsx("ul", { children: listContent }, void 0), count && onToggleShow && (_jsx(Button, { variant: 'link', onClick: onToggleShow, children: count > items.flat().length ? t('show_more') : t('show_less') }, void 0))] }, void 0));
+});
+export default List;
+//# sourceMappingURL=List.js.map

package/lib/components/List/List.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent, ReactNode, forwardRef, PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { calculateFontSize } from '../../styles';\nimport Button from '../Button';\nimport Text from '../Text';\nimport { useI18n } from '../../hooks';\n\nexport interface ListProps extends BaseProps {\n /** List content. */\n items: ReactNode[];\n /** List Heading. */\n heading?: string;\n /** Number of list items that need to be shown. */\n count?: number;\n /** Callback to display more/less items. */\n onToggleShow?: () => void;\n /** Ref forwarded to the wrapping element. */\n ref?: Ref<HTMLDivElement>;\n}\n\ninterface VisualListProps extends ListProps {\n /** Type of list. */\n variant: 'ordered' | 'unordered';\n /** Depth of list (used for recursion). */\n depth?: number;\n}\n\nconst olTypes = ['decimal', 'lower-alpha', 'lower-roman'] as const;\nconst ulTypes = ['disc', 'circle', 'square'] as const;\n\nexport const StyledList = styled.div<{\n depth: number;\n listType: typeof olTypes[number] | typeof ulTypes[number];\n}>(({ theme, depth, listType }) => {\n const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n return css`\n padding-inline-start: calc(2 * ${theme.base.spacing});\n list-style-position: inside;\n h3 {\n margin-block-end: calc(2 * ${theme.base.spacing});\n }\n\n & > ol,\n & > ul {\n list-style-type: ${listType};\n\n & > li {\n &:not(:last-child) {\n margin-block-end: calc(0.5 * ${theme.base.spacing});\n }\n\n ${depth > 0\n ? css`\n font-size: ${fontSize.xs};\n `\n : css`\n &::marker {\n font-weight: ${theme.base['font-weight'].bold};\n }\n `}\n }\n }\n `;\n});\n\nStyledList.defaultProps = defaultThemeProp;\n\nexport const StyledSublistItem = styled.li`\n list-style: none;\n`;\n\nconst List: FunctionComponent<VisualListProps & ForwardProps> = forwardRef(\n (\n {\n items,\n variant,\n count,\n onToggleShow,\n depth = 0,\n heading,\n ...restProps\n }: PropsWithoutRef<VisualListProps>,\n ref: VisualListProps['ref']\n ) => {\n const t = useI18n();\n const listContent = items.map((value, idx) =>\n Array.isArray(value) ? (\n // eslint-disable-next-line react/no-array-index-key\n <StyledSublistItem key={idx}>\n <List depth={depth + 1} variant={variant} items={value} />\n </StyledSublistItem>\n ) : (\n // eslint-disable-next-line react/no-array-index-key\n <li key={idx}>{value}</li>\n )\n );\n\n return (\n <StyledList\n {...restProps}\n ref={ref}\n depth={depth}\n listType={(variant === 'ordered' ? olTypes : ulTypes)[depth % 3]}\n >\n {heading && <Text variant='h3'>{heading}</Text>}\n {variant === 'ordered' ? <ol>{listContent}</ol> : <ul>{listContent}</ul>}\n {count && onToggleShow && (\n <Button variant='link' onClick={onToggleShow}>\n {count > items.flat().length ? t('show_more') : t('show_less')}\n </Button>\n )}\n </StyledList>\n );\n }\n);\n\nexport default List;\n"]}

package/lib/components/List/OrderedList.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { ForwardProps } from '../../types';
+import { ListProps } from './List';
+declare const OrderedList: FC<ListProps & ForwardProps>;
+export default OrderedList;
+//# sourceMappingURL=OrderedList.d.ts.map

package/lib/components/List/OrderedList.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../../src/components/List/OrderedList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAa,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,SAAS,GAAG,YAAY,CAE7C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/List/OrderedList.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import List from './List';
+const OrderedList = forwardRef((props, ref) => _jsx(List, { ...props, variant: 'ordered', ref: ref }, void 0));
+export default OrderedList;
+//# sourceMappingURL=OrderedList.js.map

package/lib/components/List/OrderedList.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"OrderedList.js","sourceRoot":"","sources":["../../../src/components/List/OrderedList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,UAAU,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,IAAmB,MAAM,QAAQ,CAAC;AAEzC,MAAM,WAAW,GAAiC,UAAU,CAC1D,CAAC,KAAgB,EAAE,GAAqB,EAAE,EAAE,CAAC,KAAC,IAAI,OAAK,KAAK,EAAE,OAAO,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,WAAI,CAC7F,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { FC, forwardRef } from 'react';\n\nimport { ForwardProps } from '../../types';\n\nimport List, { ListProps } from './List';\n\nconst OrderedList: FC<ListProps & ForwardProps> = forwardRef(\n (props: ListProps, ref: ListProps['ref']) => <List {...props} variant='ordered' ref={ref} />\n);\n\nexport default OrderedList;\n"]}