@lukso/web-components 1.178.0 → 1.180.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.
- package/dist/components/lukso-icon/index.cjs +1 -1
- package/dist/components/lukso-icon/index.js +1 -1
- package/dist/components/lukso-icon/vuesax/bold/cloud.svg +3 -0
- package/dist/components/lukso-icon/vuesax/bold/cloud.svg.cjs +5 -0
- package/dist/components/lukso-icon/vuesax/bold/cloud.svg.js +3 -0
- package/dist/components/lukso-icon/vuesax/bold/row-vertical.svg +4 -0
- package/dist/components/lukso-icon/vuesax/bold/row-vertical.svg.cjs +5 -0
- package/dist/components/lukso-icon/vuesax/bold/row-vertical.svg.js +3 -0
- package/dist/components/lukso-icon/vuesax/broken/cloud.svg +6 -0
- package/dist/components/lukso-icon/vuesax/broken/cloud.svg.cjs +5 -0
- package/dist/components/lukso-icon/vuesax/broken/cloud.svg.js +3 -0
- package/dist/components/lukso-icon/vuesax/broken/row-vertical.svg +4 -0
- package/dist/components/lukso-icon/vuesax/broken/row-vertical.svg.cjs +5 -0
- package/dist/components/lukso-icon/vuesax/broken/row-vertical.svg.js +3 -0
- package/dist/components/lukso-icon/vuesax/bulk/cloud.svg +4 -0
- package/dist/components/lukso-icon/vuesax/bulk/cloud.svg.cjs +5 -0
- package/dist/components/lukso-icon/vuesax/bulk/cloud.svg.js +3 -0
- package/dist/components/lukso-icon/vuesax/bulk/row-vertical.svg +4 -0
- package/dist/components/lukso-icon/vuesax/bulk/row-vertical.svg.cjs +5 -0
- package/dist/components/lukso-icon/vuesax/bulk/row-vertical.svg.js +3 -0
- package/dist/components/lukso-icon/vuesax/linear/cloud.svg +4 -0
- package/dist/components/lukso-icon/vuesax/linear/cloud.svg.cjs +5 -0
- package/dist/components/lukso-icon/vuesax/linear/cloud.svg.js +3 -0
- package/dist/components/lukso-icon/vuesax/linear/row-vertical.svg +4 -0
- package/dist/components/lukso-icon/vuesax/linear/row-vertical.svg.cjs +5 -0
- package/dist/components/lukso-icon/vuesax/linear/row-vertical.svg.js +3 -0
- package/dist/components/lukso-icon/vuesax/outline/cloud.svg +4 -0
- package/dist/components/lukso-icon/vuesax/outline/cloud.svg.cjs +5 -0
- package/dist/components/lukso-icon/vuesax/outline/cloud.svg.js +3 -0
- package/dist/components/lukso-icon/vuesax/outline/row-vertical.svg +4 -0
- package/dist/components/lukso-icon/vuesax/outline/row-vertical.svg.cjs +5 -0
- package/dist/components/lukso-icon/vuesax/outline/row-vertical.svg.js +3 -0
- package/dist/components/lukso-icon/vuesax/twotone/cloud.svg +4 -0
- package/dist/components/lukso-icon/vuesax/twotone/cloud.svg.cjs +5 -0
- package/dist/components/lukso-icon/vuesax/twotone/cloud.svg.js +3 -0
- package/dist/components/lukso-icon/vuesax/twotone/row-vertical.svg +4 -0
- package/dist/components/lukso-icon/vuesax/twotone/row-vertical.svg.cjs +5 -0
- package/dist/components/lukso-icon/vuesax/twotone/row-vertical.svg.js +3 -0
- package/dist/components/lukso-modal/index.cjs +5 -2
- package/dist/components/lukso-modal/index.d.ts.map +1 -1
- package/dist/components/lukso-modal/index.js +5 -2
- package/dist/components/lukso-modal/lukso-modal.stories.d.ts +3 -2
- package/dist/components/lukso-modal/lukso-modal.stories.d.ts.map +1 -1
- package/dist/components/lukso-modal/style.css.cjs +1 -1
- package/dist/components/lukso-modal/style.css.js +1 -1
- package/dist/shared/tailwind-element/style.css.cjs +1 -1
- package/dist/shared/tailwind-element/style.css.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const rowVertical = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path opacity=\"0.4\" d=\"M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z\" fill=\"#0C0507\"/>\n<path d=\"M19.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H19.9C21.4 10.5 22 9.86 22 8.27V4.23C22 2.64 21.4 2 19.9 2Z\" fill=\"#0C0507\"/>\n</svg>\n";
|
|
4
|
+
|
|
5
|
+
module.exports = rowVertical;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const rowVertical = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path opacity=\"0.4\" d=\"M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z\" fill=\"#0C0507\"/>\n<path d=\"M19.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H19.9C21.4 10.5 22 9.86 22 8.27V4.23C22 2.64 21.4 2 19.9 2Z\" fill=\"#0C0507\"/>\n</svg>\n";
|
|
2
|
+
|
|
3
|
+
export { rowVertical as default };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M7.27004 13.0098C6.74004 12.7398 6.15004 12.5998 5.55004 12.5998C0.870039 12.9298 0.870039 19.7398 5.55004 20.0698H16.64C17.99 20.0798 19.29 19.5798 20.28 18.6698C23.57 15.7998 21.81 10.0298 17.48 9.47976C15.92 0.109757 2.39004 3.66976 5.60004 12.5998" stroke="#0C0507" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M15.8501 9.91977C16.3701 9.65977 16.9401 9.51977 17.5201 9.50977" stroke="#0C0507" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const cloud = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7.27004 13.0098C6.74004 12.7398 6.15004 12.5998 5.55004 12.5998C0.870039 12.9298 0.870039 19.7398 5.55004 20.0698H16.64C17.99 20.0798 19.29 19.5798 20.28 18.6698C23.57 15.7998 21.81 10.0298 17.48 9.47976C15.92 0.109757 2.39004 3.66976 5.60004 12.5998\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M15.8501 9.91977C16.3701 9.65977 16.9401 9.51977 17.5201 9.50977\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n";
|
|
4
|
+
|
|
5
|
+
module.exports = cloud;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const cloud = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7.27004 13.0098C6.74004 12.7398 6.15004 12.5998 5.55004 12.5998C0.870039 12.9298 0.870039 19.7398 5.55004 20.0698H16.64C17.99 20.0798 19.29 19.5798 20.28 18.6698C23.57 15.7998 21.81 10.0298 17.48 9.47976C15.92 0.109757 2.39004 3.66976 5.60004 12.5998\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M15.8501 9.91977C16.3701 9.65977 16.9401 9.51977 17.5201 9.50977\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n";
|
|
2
|
+
|
|
3
|
+
export { cloud as default };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z" stroke="#0C0507" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M19.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H19.9C21.4 10.5 22 9.86 22 8.27V4.23C22 2.64 21.4 2 19.9 2Z" stroke="#0C0507" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const rowVertical = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M19.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H19.9C21.4 10.5 22 9.86 22 8.27V4.23C22 2.64 21.4 2 19.9 2Z\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n";
|
|
4
|
+
|
|
5
|
+
module.exports = rowVertical;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const rowVertical = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M19.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H19.9C21.4 10.5 22 9.86 22 8.27V4.23C22 2.64 21.4 2 19.9 2Z\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n";
|
|
2
|
+
|
|
3
|
+
export { rowVertical as default };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M16.68 20.8301C16.67 20.8301 16.65 20.8301 16.64 20.8301H5.55004C2.61004 20.6201 1.29004 18.3601 1.29004 16.3401C1.29004 14.5401 2.34004 12.5401 4.63004 11.9901C3.99004 9.49008 4.53004 7.14008 6.16004 5.44008C8.01004 3.50008 10.98 2.73008 13.53 3.52008C15.87 4.24008 17.52 6.17008 18.12 8.85008C20.17 9.31008 21.8 10.8601 22.46 13.0001C23.17 15.3301 22.53 17.7201 20.78 19.2501C19.66 20.2601 18.2 20.8301 16.68 20.8301ZM5.57004 13.3501C5.56004 13.3501 5.56004 13.3501 5.55004 13.3501C3.65004 13.4901 2.78004 14.9501 2.78004 16.3401C2.78004 17.7301 3.65004 19.1901 5.59004 19.3301H16.63C17.79 19.3101 18.9 18.9101 19.76 18.1301C21.32 16.7601 21.43 14.8101 21.01 13.4401C20.59 12.0601 19.42 10.5001 17.38 10.2401C17.05 10.2001 16.79 9.95008 16.73 9.62008C16.33 7.22008 15.03 5.56008 13.08 4.96008C11.05 4.34008 8.71004 4.95008 7.24004 6.48008C5.91004 7.87008 5.53004 9.79008 6.15004 11.9001C6.66004 11.9701 7.15004 12.1201 7.60004 12.3501C7.97004 12.5401 8.12004 12.9901 7.93004 13.3601C7.74004 13.7301 7.29004 13.8801 6.92004 13.6901C6.51004 13.4801 6.06004 13.3701 5.61004 13.3701C5.60004 13.3501 5.59004 13.3501 5.57004 13.3501Z" fill="#0C0507"/>
|
|
3
|
+
<path d="M15.85 10.6702C15.57 10.6702 15.31 10.5202 15.18 10.2502C14.99 9.88022 15.15 9.43022 15.52 9.24022C16.14 8.93022 16.83 8.76022 17.51 8.75022C17.91 8.74022 18.27 9.07022 18.27 9.49022C18.28 9.90022 17.95 10.2502 17.53 10.2502C17.07 10.2602 16.6 10.3702 16.18 10.5802C16.07 10.6402 15.96 10.6702 15.85 10.6702Z" fill="#0C0507"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const cloud = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16.68 20.8301C16.67 20.8301 16.65 20.8301 16.64 20.8301H5.55004C2.61004 20.6201 1.29004 18.3601 1.29004 16.3401C1.29004 14.5401 2.34004 12.5401 4.63004 11.9901C3.99004 9.49008 4.53004 7.14008 6.16004 5.44008C8.01004 3.50008 10.98 2.73008 13.53 3.52008C15.87 4.24008 17.52 6.17008 18.12 8.85008C20.17 9.31008 21.8 10.8601 22.46 13.0001C23.17 15.3301 22.53 17.7201 20.78 19.2501C19.66 20.2601 18.2 20.8301 16.68 20.8301ZM5.57004 13.3501C5.56004 13.3501 5.56004 13.3501 5.55004 13.3501C3.65004 13.4901 2.78004 14.9501 2.78004 16.3401C2.78004 17.7301 3.65004 19.1901 5.59004 19.3301H16.63C17.79 19.3101 18.9 18.9101 19.76 18.1301C21.32 16.7601 21.43 14.8101 21.01 13.4401C20.59 12.0601 19.42 10.5001 17.38 10.2401C17.05 10.2001 16.79 9.95008 16.73 9.62008C16.33 7.22008 15.03 5.56008 13.08 4.96008C11.05 4.34008 8.71004 4.95008 7.24004 6.48008C5.91004 7.87008 5.53004 9.79008 6.15004 11.9001C6.66004 11.9701 7.15004 12.1201 7.60004 12.3501C7.97004 12.5401 8.12004 12.9901 7.93004 13.3601C7.74004 13.7301 7.29004 13.8801 6.92004 13.6901C6.51004 13.4801 6.06004 13.3701 5.61004 13.3701C5.60004 13.3501 5.59004 13.3501 5.57004 13.3501Z\" fill=\"#0C0507\"/>\n<path d=\"M15.85 10.6702C15.57 10.6702 15.31 10.5202 15.18 10.2502C14.99 9.88022 15.15 9.43022 15.52 9.24022C16.14 8.93022 16.83 8.76022 17.51 8.75022C17.91 8.74022 18.27 9.07022 18.27 9.49022C18.28 9.90022 17.95 10.2502 17.53 10.2502C17.07 10.2602 16.6 10.3702 16.18 10.5802C16.07 10.6402 15.96 10.6702 15.85 10.6702Z\" fill=\"#0C0507\"/>\n</svg>\n";
|
|
4
|
+
|
|
5
|
+
module.exports = cloud;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const cloud = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16.68 20.8301C16.67 20.8301 16.65 20.8301 16.64 20.8301H5.55004C2.61004 20.6201 1.29004 18.3601 1.29004 16.3401C1.29004 14.5401 2.34004 12.5401 4.63004 11.9901C3.99004 9.49008 4.53004 7.14008 6.16004 5.44008C8.01004 3.50008 10.98 2.73008 13.53 3.52008C15.87 4.24008 17.52 6.17008 18.12 8.85008C20.17 9.31008 21.8 10.8601 22.46 13.0001C23.17 15.3301 22.53 17.7201 20.78 19.2501C19.66 20.2601 18.2 20.8301 16.68 20.8301ZM5.57004 13.3501C5.56004 13.3501 5.56004 13.3501 5.55004 13.3501C3.65004 13.4901 2.78004 14.9501 2.78004 16.3401C2.78004 17.7301 3.65004 19.1901 5.59004 19.3301H16.63C17.79 19.3101 18.9 18.9101 19.76 18.1301C21.32 16.7601 21.43 14.8101 21.01 13.4401C20.59 12.0601 19.42 10.5001 17.38 10.2401C17.05 10.2001 16.79 9.95008 16.73 9.62008C16.33 7.22008 15.03 5.56008 13.08 4.96008C11.05 4.34008 8.71004 4.95008 7.24004 6.48008C5.91004 7.87008 5.53004 9.79008 6.15004 11.9001C6.66004 11.9701 7.15004 12.1201 7.60004 12.3501C7.97004 12.5401 8.12004 12.9901 7.93004 13.3601C7.74004 13.7301 7.29004 13.8801 6.92004 13.6901C6.51004 13.4801 6.06004 13.3701 5.61004 13.3701C5.60004 13.3501 5.59004 13.3501 5.57004 13.3501Z\" fill=\"#0C0507\"/>\n<path d=\"M15.85 10.6702C15.57 10.6702 15.31 10.5202 15.18 10.2502C14.99 9.88022 15.15 9.43022 15.52 9.24022C16.14 8.93022 16.83 8.76022 17.51 8.75022C17.91 8.74022 18.27 9.07022 18.27 9.49022C18.28 9.90022 17.95 10.2502 17.53 10.2502C17.07 10.2602 16.6 10.3702 16.18 10.5802C16.07 10.6402 15.96 10.6702 15.85 10.6702Z\" fill=\"#0C0507\"/>\n</svg>\n";
|
|
2
|
+
|
|
3
|
+
export { cloud as default };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M19.9 22.75H4.1C2.18 22.75 1.25 21.77 1.25 19.77V15.73C1.25 13.72 2.18 12.75 4.1 12.75H19.9C21.82 12.75 22.75 13.73 22.75 15.73V19.77C22.75 21.77 21.82 22.75 19.9 22.75ZM4.1 14.25C3.09 14.25 2.75 14.46 2.75 15.73V19.77C2.75 21.04 3.09 21.25 4.1 21.25H19.9C20.91 21.25 21.25 21.04 21.25 19.77V15.73C21.25 14.46 20.91 14.25 19.9 14.25H4.1Z" fill="#0C0507"/>
|
|
3
|
+
<path d="M19.9 11.25H4.1C2.18 11.25 1.25 10.27 1.25 8.27V4.23C1.25 2.22 2.18 1.25 4.1 1.25H19.9C21.82 1.25 22.75 2.23 22.75 4.23V8.27C22.75 10.27 21.82 11.25 19.9 11.25ZM4.1 2.75C3.09 2.75 2.75 2.96 2.75 4.23V8.27C2.75 9.54 3.09 9.75 4.1 9.75H19.9C20.91 9.75 21.25 9.54 21.25 8.27V4.23C21.25 2.96 20.91 2.75 19.9 2.75H4.1Z" fill="#0C0507"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const rowVertical = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M19.9 22.75H4.1C2.18 22.75 1.25 21.77 1.25 19.77V15.73C1.25 13.72 2.18 12.75 4.1 12.75H19.9C21.82 12.75 22.75 13.73 22.75 15.73V19.77C22.75 21.77 21.82 22.75 19.9 22.75ZM4.1 14.25C3.09 14.25 2.75 14.46 2.75 15.73V19.77C2.75 21.04 3.09 21.25 4.1 21.25H19.9C20.91 21.25 21.25 21.04 21.25 19.77V15.73C21.25 14.46 20.91 14.25 19.9 14.25H4.1Z\" fill=\"#0C0507\"/>\n<path d=\"M19.9 11.25H4.1C2.18 11.25 1.25 10.27 1.25 8.27V4.23C1.25 2.22 2.18 1.25 4.1 1.25H19.9C21.82 1.25 22.75 2.23 22.75 4.23V8.27C22.75 10.27 21.82 11.25 19.9 11.25ZM4.1 2.75C3.09 2.75 2.75 2.96 2.75 4.23V8.27C2.75 9.54 3.09 9.75 4.1 9.75H19.9C20.91 9.75 21.25 9.54 21.25 8.27V4.23C21.25 2.96 20.91 2.75 19.9 2.75H4.1Z\" fill=\"#0C0507\"/>\n</svg>\n";
|
|
4
|
+
|
|
5
|
+
module.exports = rowVertical;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const rowVertical = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M19.9 22.75H4.1C2.18 22.75 1.25 21.77 1.25 19.77V15.73C1.25 13.72 2.18 12.75 4.1 12.75H19.9C21.82 12.75 22.75 13.73 22.75 15.73V19.77C22.75 21.77 21.82 22.75 19.9 22.75ZM4.1 14.25C3.09 14.25 2.75 14.46 2.75 15.73V19.77C2.75 21.04 3.09 21.25 4.1 21.25H19.9C20.91 21.25 21.25 21.04 21.25 19.77V15.73C21.25 14.46 20.91 14.25 19.9 14.25H4.1Z\" fill=\"#0C0507\"/>\n<path d=\"M19.9 11.25H4.1C2.18 11.25 1.25 10.27 1.25 8.27V4.23C1.25 2.22 2.18 1.25 4.1 1.25H19.9C21.82 1.25 22.75 2.23 22.75 4.23V8.27C22.75 10.27 21.82 11.25 19.9 11.25ZM4.1 2.75C3.09 2.75 2.75 2.96 2.75 4.23V8.27C2.75 9.54 3.09 9.75 4.1 9.75H19.9C20.91 9.75 21.25 9.54 21.25 8.27V4.23C21.25 2.96 20.91 2.75 19.9 2.75H4.1Z\" fill=\"#0C0507\"/>\n</svg>\n";
|
|
2
|
+
|
|
3
|
+
export { rowVertical as default };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M7.27004 13.0098C6.74004 12.7398 6.15004 12.5998 5.55004 12.5998C0.870039 12.9298 0.870039 19.7398 5.55004 20.0698H16.64C17.99 20.0798 19.29 19.5798 20.28 18.6698C23.57 15.7998 21.81 10.0298 17.48 9.47976C15.92 0.109757 2.39004 3.66976 5.60004 12.5998" stroke="#0C0507" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M15.8501 9.91977C16.3701 9.65977 16.9401 9.51977 17.5201 9.50977" stroke="#0C0507" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const cloud = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7.27004 13.0098C6.74004 12.7398 6.15004 12.5998 5.55004 12.5998C0.870039 12.9298 0.870039 19.7398 5.55004 20.0698H16.64C17.99 20.0798 19.29 19.5798 20.28 18.6698C23.57 15.7998 21.81 10.0298 17.48 9.47976C15.92 0.109757 2.39004 3.66976 5.60004 12.5998\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M15.8501 9.91977C16.3701 9.65977 16.9401 9.51977 17.5201 9.50977\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n";
|
|
4
|
+
|
|
5
|
+
module.exports = cloud;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const cloud = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7.27004 13.0098C6.74004 12.7398 6.15004 12.5998 5.55004 12.5998C0.870039 12.9298 0.870039 19.7398 5.55004 20.0698H16.64C17.99 20.0798 19.29 19.5798 20.28 18.6698C23.57 15.7998 21.81 10.0298 17.48 9.47976C15.92 0.109757 2.39004 3.66976 5.60004 12.5998\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M15.8501 9.91977C16.3701 9.65977 16.9401 9.51977 17.5201 9.50977\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n";
|
|
2
|
+
|
|
3
|
+
export { cloud as default };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z" stroke="#0C0507" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path opacity="0.4" d="M19.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H19.9C21.4 10.5 22 9.86 22 8.27V4.23C22 2.64 21.4 2 19.9 2Z" stroke="#0C0507" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const rowVertical = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path opacity=\"0.4\" d=\"M19.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H19.9C21.4 10.5 22 9.86 22 8.27V4.23C22 2.64 21.4 2 19.9 2Z\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n";
|
|
4
|
+
|
|
5
|
+
module.exports = rowVertical;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const rowVertical = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path opacity=\"0.4\" d=\"M19.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H19.9C21.4 10.5 22 9.86 22 8.27V4.23C22 2.64 21.4 2 19.9 2Z\" stroke=\"#0C0507\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n";
|
|
2
|
+
|
|
3
|
+
export { rowVertical as default };
|
|
@@ -33,7 +33,7 @@ exports.LuksoModal = class LuksoModal extends core.withTheme(index.TailwindStyle
|
|
|
33
33
|
wrapper: "opacity-0 fixed z-[1011] transition-opacity inset-0 w-screen h-screen overflow-y-auto overscroll-none scrolling-touch touch-pan-y isolate",
|
|
34
34
|
inner: "min-h-screen flex items-center justify-center px-6 pt-6 w-full",
|
|
35
35
|
overlay: "absolute inset-0 w-full h-full z-[1010]",
|
|
36
|
-
dialog: "
|
|
36
|
+
dialog: "shadow-neutral-shadow-round-3xl z-[1012] mx-auto"
|
|
37
37
|
},
|
|
38
38
|
variants: {
|
|
39
39
|
isOpen: {
|
|
@@ -105,7 +105,10 @@ exports.LuksoModal = class LuksoModal extends core.withTheme(index.TailwindStyle
|
|
|
105
105
|
<div data-testid="modal" class=${wrapper()}>
|
|
106
106
|
<div class=${inner()}>
|
|
107
107
|
<div class=${overlay()} @click=${this.handleBackdropClick}></div>
|
|
108
|
-
<div
|
|
108
|
+
<div
|
|
109
|
+
class=${dialog()}
|
|
110
|
+
style="background: var(--lukso-modal-resolved-bg); border-radius: var(--lukso-modal-border-radius);"
|
|
111
|
+
>
|
|
109
112
|
<slot></slot>
|
|
110
113
|
</div>
|
|
111
114
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-modal/index.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;;AAE7D,qBACa,UAAW,SAAQ,eAAuC;IAErE,MAAM,UAAQ;IAGd,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,UAAU,CAAU;IAG1B,gBAAgB,UAAQ;IAExB,OAAO,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-modal/index.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;;AAE7D,qBACa,UAAW,SAAQ,eAAuC;IAErE,MAAM,UAAQ;IAGd,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,UAAU,CAAU;IAG1B,gBAAgB,UAAQ;IAExB,OAAO,CAAC,MAAM,CAsDZ;IAEF,OAAO,CAAC,KAAK;YAIC,mBAAmB;IASjC,MAAM;CAsBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
|
|
@@ -29,7 +29,7 @@ let LuksoModal = class extends withTheme(TailwindStyledElement(style)) {
|
|
|
29
29
|
wrapper: "opacity-0 fixed z-[1011] transition-opacity inset-0 w-screen h-screen overflow-y-auto overscroll-none scrolling-touch touch-pan-y isolate",
|
|
30
30
|
inner: "min-h-screen flex items-center justify-center px-6 pt-6 w-full",
|
|
31
31
|
overlay: "absolute inset-0 w-full h-full z-[1010]",
|
|
32
|
-
dialog: "
|
|
32
|
+
dialog: "shadow-neutral-shadow-round-3xl z-[1012] mx-auto"
|
|
33
33
|
},
|
|
34
34
|
variants: {
|
|
35
35
|
isOpen: {
|
|
@@ -101,7 +101,10 @@ let LuksoModal = class extends withTheme(TailwindStyledElement(style)) {
|
|
|
101
101
|
<div data-testid="modal" class=${wrapper()}>
|
|
102
102
|
<div class=${inner()}>
|
|
103
103
|
<div class=${overlay()} @click=${this.handleBackdropClick}></div>
|
|
104
|
-
<div
|
|
104
|
+
<div
|
|
105
|
+
class=${dialog()}
|
|
106
|
+
style="background: var(--lukso-modal-resolved-bg); border-radius: var(--lukso-modal-border-radius);"
|
|
107
|
+
>
|
|
105
108
|
<slot></slot>
|
|
106
109
|
</div>
|
|
107
110
|
</div>
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { Meta } from '@storybook/web-components-vite';
|
|
1
|
+
import { Meta, StoryFn } from '@storybook/web-components-vite';
|
|
2
2
|
/** Documentation and examples of `lukso-modal` component. */
|
|
3
3
|
declare const meta: Meta;
|
|
4
4
|
export default meta;
|
|
5
|
-
export declare const DefaultModal:
|
|
5
|
+
export declare const DefaultModal: StoryFn;
|
|
6
|
+
export declare const CustomStyled: StoryFn;
|
|
6
7
|
//# sourceMappingURL=lukso-modal.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lukso-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-modal/lukso-modal.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;
|
|
1
|
+
{"version":3,"file":"lukso-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-modal/lukso-modal.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAEnE,OAAO,SAAS,CAAA;AAChB,OAAO,iBAAiB,CAAA;AAExB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAwGX,CAAA;AAED,eAAe,IAAI,CAAA;AA4DnB,eAAO,MAAM,YAAY,EAAE,OAA2B,CAAA;AAEtD,eAAO,MAAM,YAAY,EAAE,OAA2B,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const style = "/**\n * backdrop-filter must be applied at :host level (Light DOM) because it cannot blur content\n * across the Shadow DOM boundary. pointer-events: none allows backdrop clicks while children remain interactive.\n */\n:host([is-open]) {\n position: fixed !important;\n inset: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n z-index: 1011 !important;\n backdrop-filter: blur(8px) !important;\n background: rgb(196 202 206 / 60%) !important;\n pointer-events: none !important;\n}\n\n/* Light theme backdrop */\n:host([is-open]:not([theme='dark'])) {\n background: rgb(196 202 206 / 60%) !important;\n}\n\n/* Dark theme backdrop with reduced opacity */\n:host([is-open][theme='dark']) {\n background: rgb(196 202 206 / 10%) !important;\n}\n\n/* Re-enable pointer events for modal content */\n:host([is-open]) > * {\n pointer-events: auto !important;\n}\n";
|
|
3
|
+
const style = "/**\n * backdrop-filter must be applied at :host level (Light DOM) because it cannot blur content\n * across the Shadow DOM boundary. pointer-events: none allows backdrop clicks while children remain interactive.\n */\n:host([is-open]) {\n position: fixed !important;\n inset: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n z-index: 1011 !important;\n backdrop-filter: blur(8px) !important;\n background: rgb(196 202 206 / 60%) !important;\n pointer-events: none !important;\n}\n\n/* Light theme backdrop */\n:host([is-open]:not([theme='dark'])) {\n background: rgb(196 202 206 / 60%) !important;\n}\n\n/* Dark theme backdrop with reduced opacity */\n:host([is-open][theme='dark']) {\n background: rgb(196 202 206 / 10%) !important;\n}\n\n/* Re-enable pointer events for modal content */\n:host([is-open]) > * {\n pointer-events: auto !important;\n}\n\n/* Dialog panel custom properties */\n:host {\n --lukso-modal-border-radius: 12px; /* rounded-12 */\n --lukso-modal-bg: #f8fafb; /* neutral-98 */\n --lukso-modal-dark-bg: #121b21; /* neutral-10 */\n}\n\n:host(:not([theme='dark'])) {\n --lukso-modal-resolved-bg: var(--lukso-modal-bg);\n}\n\n:host([theme='dark']) {\n --lukso-modal-resolved-bg: var(--lukso-modal-dark-bg);\n}\n";
|
|
4
4
|
|
|
5
5
|
module.exports = style;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const style = "/**\n * backdrop-filter must be applied at :host level (Light DOM) because it cannot blur content\n * across the Shadow DOM boundary. pointer-events: none allows backdrop clicks while children remain interactive.\n */\n:host([is-open]) {\n position: fixed !important;\n inset: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n z-index: 1011 !important;\n backdrop-filter: blur(8px) !important;\n background: rgb(196 202 206 / 60%) !important;\n pointer-events: none !important;\n}\n\n/* Light theme backdrop */\n:host([is-open]:not([theme='dark'])) {\n background: rgb(196 202 206 / 60%) !important;\n}\n\n/* Dark theme backdrop with reduced opacity */\n:host([is-open][theme='dark']) {\n background: rgb(196 202 206 / 10%) !important;\n}\n\n/* Re-enable pointer events for modal content */\n:host([is-open]) > * {\n pointer-events: auto !important;\n}\n";
|
|
1
|
+
const style = "/**\n * backdrop-filter must be applied at :host level (Light DOM) because it cannot blur content\n * across the Shadow DOM boundary. pointer-events: none allows backdrop clicks while children remain interactive.\n */\n:host([is-open]) {\n position: fixed !important;\n inset: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n z-index: 1011 !important;\n backdrop-filter: blur(8px) !important;\n background: rgb(196 202 206 / 60%) !important;\n pointer-events: none !important;\n}\n\n/* Light theme backdrop */\n:host([is-open]:not([theme='dark'])) {\n background: rgb(196 202 206 / 60%) !important;\n}\n\n/* Dark theme backdrop with reduced opacity */\n:host([is-open][theme='dark']) {\n background: rgb(196 202 206 / 10%) !important;\n}\n\n/* Re-enable pointer events for modal content */\n:host([is-open]) > * {\n pointer-events: auto !important;\n}\n\n/* Dialog panel custom properties */\n:host {\n --lukso-modal-border-radius: 12px; /* rounded-12 */\n --lukso-modal-bg: #f8fafb; /* neutral-98 */\n --lukso-modal-dark-bg: #121b21; /* neutral-10 */\n}\n\n:host(:not([theme='dark'])) {\n --lukso-modal-resolved-bg: var(--lukso-modal-bg);\n}\n\n:host([theme='dark']) {\n --lukso-modal-resolved-bg: var(--lukso-modal-dark-bg);\n}\n";
|
|
2
2
|
|
|
3
3
|
export { style as default };
|