allaw-ui 4.1.0 → 4.1.2
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/assets/allaw-font.eot +0 -0
- package/dist/assets/allaw-font.svg +3 -3
- package/dist/assets/allaw-font.ttf +0 -0
- package/dist/assets/allaw-font.woff +0 -0
- package/dist/components/molecules/DataStepper/Stepper.d.ts +5 -0
- package/dist/components/molecules/DataStepper/Stepper.js +39 -10
- package/dist/components/molecules/DataStepper/Stepper.stories.js +3 -0
- package/dist/styles/icons.css +5 -14
- package/package.json +1 -1
|
Binary file
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
{
|
|
8
8
|
"fontFamily": "allaw-font",
|
|
9
9
|
"majorVersion": 1,
|
|
10
|
-
"minorVersion":
|
|
11
|
-
"version": "Version 1.
|
|
10
|
+
"minorVersion": 5,
|
|
11
|
+
"version": "Version 1.5",
|
|
12
12
|
"fontId": "allaw-font",
|
|
13
13
|
"psName": "allaw-font",
|
|
14
14
|
"subFamily": "Regular",
|
|
@@ -112,7 +112,6 @@
|
|
|
112
112
|
<glyph unicode="" d="M781.474 178.526h-538.947v-242.526h538.947z" />
|
|
113
113
|
<glyph unicode="" d="M781.474 960h-700.632c-44.665 0-80.842-36.177-80.842-80.842v-700.632h242.526v538.947h538.947v242.526z" />
|
|
114
114
|
<glyph unicode="" d="M353.078 299.385c-20.143 13.608-34.088 33.482-41.701 59.756l46.754 19.267c4.244-16.168 11.655-28.699 22.232-37.592 10.509-8.893 23.309-13.272 38.265-13.272 15.293 0 28.429 4.648 39.411 13.945s16.505 21.154 16.505 35.503c0 14.686-5.794 26.678-17.381 35.975s-26.139 13.945-43.52 13.945h-27.015v46.282h24.253c14.956 0 27.554 4.042 37.794 12.126s15.36 19.133 15.36 33.213c0 12.531-4.581 22.501-13.743 29.979s-20.749 11.251-34.829 11.251c-13.743 0-24.657-3.638-32.741-10.981-8.079-7.363-14.153-16.659-17.651-27.015l-46.282 19.267c6.131 17.381 17.381 32.741 33.886 46.013s37.592 19.941 63.192 19.941c18.931 0 35.975-3.638 51.065-10.981s26.947-17.516 35.503-30.451c8.556-13.002 12.8-27.554 12.8-43.722 0-16.505-3.975-30.451-11.924-41.903s-17.718-20.211-29.305-26.341v-2.762c14.962-6.169 27.959-16.3 37.592-29.305 9.768-13.137 14.686-28.834 14.686-47.158s-4.648-34.695-13.945-49.044c-9.297-14.349-22.164-25.667-38.467-33.886-16.371-8.219-34.762-12.396-55.175-12.396-23.646-0.067-45.474 6.737-65.617 20.346v0zM640.269 531.402l-51.335-37.12-25.667 38.939 92.093 66.425h35.301v-313.331h-50.392v245.086z" />
|
|
115
|
-
<glyph unicode="" glyph-name="play" data-tags="play" horiz-adv-x="877" d="M94.48-63.141c-32.274 5.287-63.377 26.516-79.643 54.361-6.986 11.959-12.17 28.677-13.919 44.888-1.224 11.345-1.224 812.334 0 823.68 3.044 28.221 13.476 49.939 32.911 68.519 34.712 33.184 82.082 40.948 123.653 20.265 10.169-5.059 666.111-405.913 674.048-411.918 26.288-19.891 41.424-46.683 45.222-80.048 2.187-19.213-3.817-46.177-14.211-63.816-7.59-12.88-18.692-25.036-30.619-33.527-9.888-7.039-665.618-407.55-674.44-411.939-8.208-4.084-18.146-7.57-27.483-9.641-8.259-1.832-26.744-2.261-35.519-0.823z" />
|
|
116
115
|
<glyph unicode="" d="M48.762 911.238h438.857v-438.857h-438.857v438.857z" />
|
|
117
116
|
<glyph unicode="" d="M48.762 423.619h438.857v-438.857h-438.857v438.857z" />
|
|
118
117
|
<glyph unicode="" d="M536.381 911.238h438.857v-438.857h-438.857v438.857z" />
|
|
@@ -148,4 +147,5 @@
|
|
|
148
147
|
<glyph unicode="" glyph-name="upload-file" data-tags="upload-file" horiz-adv-x="1023" d="M373.762 0.784c0.528 0.211 1.159 0.185 1.402-0.058s-0.189-0.416-0.96-0.384c-0.852 0.035-1.026 0.208-0.442 0.442zM904.138 0.784c0.528 0.211 1.159 0.185 1.402-0.058s-0.189-0.416-0.96-0.384c-0.852 0.035-1.026 0.208-0.442 0.442zM319.822 54.846c0.035 0.852 0.208 1.026 0.442 0.442 0.211-0.528 0.185-1.159-0.058-1.402s-0.416 0.189-0.384 0.96zM958.468 54.846c0.035 0.852 0.208 1.026 0.442 0.442 0.211-0.528 0.185-1.159-0.058-1.402s-0.416 0.189-0.384 0.96zM524.234 153.179c1.982 2.012 3.767 3.658 3.969 3.658s-1.255-1.646-3.237-3.658c-1.982-2.012-3.767-3.658-3.969-3.658s1.255 1.646 3.237 3.658zM563.006 192.683c2.795 2.816 5.246 5.121 5.447 5.121s-1.921-2.304-4.716-5.121c-2.795-2.816-5.246-5.121-5.447-5.121s1.921 2.304 4.716 5.121zM604.704 235.113c2.795 2.816 5.246 5.121 5.447 5.121s-1.921-2.304-4.716-5.121c-2.795-2.816-5.246-5.121-5.447-5.121s1.921 2.304 4.716 5.121zM649.329 280.469c4.008 4.024 7.453 7.316 7.654 7.316s-2.914-3.292-6.922-7.316c-4.008-4.024-7.453-7.316-7.654-7.316s2.914 3.292 6.922 7.316zM652.596 356.368l-3.999 4.206 4.206-3.999c3.908-3.715 4.542-4.414 3.999-4.414-0.114 0-2.007 1.893-4.206 4.206zM617.49 392.214l-6.202 6.401 6.401-6.202c5.945-5.76 6.734-6.6 6.202-6.6-0.109 0-2.99 2.88-6.401 6.401zM576.888 433.547l-5.835 6.035 6.035-5.835c3.319-3.209 6.035-5.925 6.035-6.035 0-0.534-0.816 0.23-6.235 5.835zM525.677 485.487l-5.101 5.304 5.304-5.101c2.917-2.806 5.304-5.192 5.304-5.304 0-0.537-0.768 0.175-5.506 5.101zM730.028 576.516c0.528 0.211 1.159 0.185 1.402-0.058s-0.189-0.416-0.96-0.384c-0.852 0.035-1.026 0.208-0.442 0.442zM1022.844 639.357c0.035 0.852 0.208 1.026 0.442 0.442 0.211-0.528 0.185-1.159-0.058-1.402s-0.416 0.189-0.384 0.96zM791.010 640.21c30.849 0.106 81.546 0.106 112.659 0s5.873-0.192-56.089-0.192c-61.963 0-87.419 0.086-56.57 0.192zM639.511 667.156c0.035 0.852 0.208 1.026 0.442 0.442 0.211-0.528 0.185-1.159-0.058-1.402s-0.416 0.189-0.384 0.96zM703.455 783.046c0 61.359 0.087 86.46 0.192 55.781s0.106-80.882 0-111.562c-0.106-30.679-0.192-5.578-0.192 55.781zM319.822 841.265c0.035 0.852 0.208 1.026 0.442 0.442 0.211-0.528 0.185-1.159-0.058-1.402s-0.416 0.189-0.384 0.96zM373.762 895.473c0.528 0.211 1.159 0.185 1.402-0.058s-0.189-0.416-0.96-0.384c-0.852 0.035-1.026 0.208-0.442 0.442zM702.229 959.85c0.528 0.211 1.159 0.185 1.402-0.058s-0.189-0.416-0.96-0.384c-0.852 0.035-1.026 0.208-0.442 0.442zM510.517 0.101c70.915 0.103 186.957 0.103 257.872 0s12.894-0.187-128.936-0.187c-141.83 0-199.851 0.084-128.936 0.187zM332.839 22.78c-0.91 1.16-0.884 1.186 0.276 0.276 0.704-0.552 1.28-1.128 1.28-1.28 0-0.602-0.601-0.215-1.556 1.004zM944.511 21.776c0 0.152 0.576 0.728 1.28 1.28 1.16 0.91 1.186 0.884 0.276-0.276-0.956-1.219-1.556-1.606-1.556-1.004zM319.386 143.303c0 44.661 0.088 62.824 0.195 40.362s0.107-59.003 0-81.202c-0.107-22.199-0.195-3.821-0.195 40.84zM959.503 319.241c0 141.427 0.084 199.284 0.187 128.57s0.103-186.427 0-257.141c-0.103-70.714-0.187-12.857-0.187 128.57zM531.915 160.86c2.185 2.213 4.138 4.024 4.339 4.024s-1.422-1.811-3.608-4.024c-2.185-2.213-4.138-4.024-4.339-4.024s1.422 1.811 3.608 4.024zM571.784 201.461c1.982 2.012 3.767 3.658 3.969 3.658s-1.255-1.646-3.237-3.658c-1.982-2.012-3.767-3.658-3.969-3.658s1.255 1.646 3.237 3.658zM618.238 248.647c4.614 4.627 8.554 8.413 8.755 8.413s-3.409-3.786-8.023-8.413c-4.614-4.627-8.554-8.413-8.755-8.413s3.409 3.786 8.023 8.413zM628.826 380.875l-5.101 5.304 5.304-5.101c2.917-2.806 5.304-5.192 5.304-5.304 0-0.537-0.768 0.175-5.506 5.101zM586.388 424.036l-3.63 3.841 3.841-3.63c2.112-1.997 3.841-3.725 3.841-3.841 0-0.546-0.678 0.061-4.051 3.63zM319.393 640.759c0 106.221 0.085 149.567 0.188 96.323s0.104-140.152 0-193.13c-0.104-52.978-0.188-9.415-0.188 96.807zM535.184 475.977l-4.366 4.572 4.572-4.366c4.247-4.056 4.907-4.778 4.366-4.778-0.113 0-2.171 2.057-4.572 4.572zM340.98 881.35c0 0.152 0.576 0.728 1.28 1.28 1.16 0.91 1.186 0.884 0.276-0.276-0.956-1.219-1.556-1.606-1.556-1.004zM446.14 896.254c35.508 0.105 93.611 0.105 129.119 0s6.456-0.191-64.56-0.191c-71.015 0-100.067 0.086-64.56 0.191zM661.034 202.193c53.11 53.111 96.727 96.565 96.929 96.565s-43.088-43.454-96.197-96.565c-53.11-53.111-96.727-96.565-96.929-96.565s43.088 43.454 96.197 96.565zM538.865 167.81c1.572 1.609 3.022 2.926 3.223 2.926s-0.92-1.317-2.492-2.926c-1.572-1.609-3.022-2.926-3.223-2.926s0.92 1.317 2.492 2.926zM582.026 211.703c3.604 3.621 6.718 6.584 6.919 6.584s-2.583-2.963-6.188-6.584c-3.604-3.621-6.718-6.584-6.919-6.584s2.583 2.963 6.188 6.584zM271.349 223.956c8.98 0.116 23.464 0.116 32.188 0s1.377-0.212-16.327-0.212c-17.704 0-24.841 0.096-15.862 0.212zM632.869 263.278c3.402 3.42 6.351 6.218 6.552 6.218s-2.418-2.798-5.82-6.218c-3.402-3.42-6.35-6.218-6.552-6.218s2.418 2.798 5.82 6.218zM187.596 288.333c86.438 0.103 227.665 0.103 313.836 0s15.449-0.186-157.161-0.186c-172.61 0-243.114 0.084-156.675 0.186zM661.034 437.753c-53.11 53.111-96.398 96.565-96.197 96.565s43.819-43.454 96.929-96.565c53.11-53.111 96.398-96.565 96.197-96.565s-43.819 43.454-96.929 96.565zM187.596 351.978c86.438 0.102 227.665 0.102 313.836 0s15.449-0.186-157.161-0.186c-172.61 0-243.114 0.084-156.675 0.186zM638.333 371.365l-4.366 4.572 4.572-4.366c4.247-4.056 4.907-4.778 4.366-4.778-0.113 0-2.171 2.057-4.572 4.572zM593.365 416.904c-1.777 1.811-3.066 3.292-2.865 3.292s1.82-1.481 3.597-3.292c1.777-1.811 3.066-3.292 2.865-3.292s-1.82 1.481-3.597 3.292zM543.226 467.93l-3.63 3.841 3.841-3.63c2.112-1.997 3.841-3.725 3.841-3.841 0-0.546-0.678 0.061-4.051 3.63zM1001.478 692.882c-0.91 1.16-0.884 1.186 0.276 0.276 1.219-0.956 1.606-1.556 1.004-1.556-0.152 0-0.728 0.576-1.28 1.28zM879.037 815.966c-63.973 63.974-116.151 116.317-115.949 116.317s52.708-52.343 116.681-116.317c63.973-63.974 116.151-116.317 115.949-116.317s-52.708 52.343-116.681 116.317zM378.883 0.053c0.528 0.211 1.159 0.185 1.402-0.058s-0.189-0.416-0.96-0.384c-0.852 0.035-1.026 0.208-0.442 0.442zM899.017 0.053c0.528 0.211 1.159 0.185 1.402-0.058s-0.189-0.416-0.96-0.384c-0.852 0.035-1.026 0.208-0.442 0.442zM319.091 59.967c0.035 0.852 0.208 1.026 0.442 0.442 0.211-0.528 0.185-1.159-0.058-1.402s-0.416 0.189-0.384 0.96zM959.199 59.967c0.035 0.852 0.208 1.026 0.442 0.442 0.211-0.528 0.185-1.159-0.058-1.402s-0.416 0.189-0.384 0.96zM545.814 174.76c2.185 2.213 4.138 4.024 4.339 4.024s-1.422-1.811-3.608-4.024c-2.185-2.213-4.138-4.024-4.339-4.024s1.422 1.811 3.608 4.024zM588.976 218.488c0 0.111 2.551 2.662 5.67 5.67l5.67 5.468-5.468-5.67c-5.079-5.266-5.871-6.003-5.871-5.468zM644.208 274.617c2.795 2.816 5.246 5.121 5.447 5.121s-1.921-2.304-4.716-5.121c-2.795-2.816-5.246-5.121-5.447-5.121s1.921 2.304 4.716 5.121zM646.744 362.952l-3.999 4.206 4.206-3.999c2.314-2.199 4.206-4.092 4.206-4.206 0-0.543-0.7 0.091-4.414 3.999zM599.949 410.32c-1.777 1.811-3.066 3.292-2.865 3.292s1.82-1.481 3.597-3.292c1.777-1.811 3.066-3.292 2.865-3.292s-1.82 1.481-3.597 3.292zM550.204 460.797c-1.777 1.811-3.066 3.292-2.865 3.292s1.82-1.481 3.597-3.292c1.777-1.811 3.066-3.292 2.865-3.292s-1.82 1.481-3.597 3.292zM319.091 836.144c0.035 0.852 0.208 1.026 0.442 0.442 0.211-0.528 0.185-1.159-0.058-1.402s-0.416 0.189-0.384 0.96zM378.883 896.205c0.528 0.211 1.159 0.185 1.402-0.058s-0.189-0.416-0.96-0.384c-0.852 0.035-1.026 0.208-0.442 0.442zM376.46-63.273c-17.266 1.63-31.221 5.111-45.017 11.228-27.373 12.136-51.871 36.635-64.007 64.007-6.327 14.27-9.588 27.674-11.31 46.481-0.44 4.804-0.737 39.67-0.737 86.506l-0.001 78.459h63.645l0.002-81.019c0.001-52.752 0.274-83.317 0.782-87.603 0.988-8.343 4.649-19.223 8.754-26.016 4.079-6.751 12.927-15.599 19.678-19.678 6.794-4.105 17.673-7.766 26.016-8.754 9.234-1.094 521.142-1.094 530.376 0 8.343 0.988 19.223 4.649 26.016 8.754 6.751 4.079 15.599 12.927 19.678 19.678 4.105 6.794 7.766 17.673 8.754 26.016 0.538 4.544 0.781 86.31 0.782 263.886l0.002 257.302-115.768 0.247c-115.087 0.245-115.816 0.256-123.815 1.824-14.651 2.872-26.525 7.598-38.216 15.212-12.195 7.941-17.44 13.186-25.381 25.381-7.613 11.691-12.339 23.565-15.212 38.216-1.568 8-1.579 8.729-1.824 123.815l-0.247 115.768-129.28-0.002c-86.925-0.001-131.437-0.258-135.864-0.782-8.343-0.988-19.223-4.649-26.016-8.754-6.751-4.079-15.599-12.927-19.678-19.678-4.105-6.794-7.766-17.673-8.754-26.016-0.534-4.505-0.781-67.631-0.782-199.897l-0.002-193.313h-63.645l0.001 190.752c0 122.201 0.265 193.644 0.737 198.799 1.721 18.807 4.983 32.211 11.31 46.481 10.022 22.603 28.596 43.463 50.993 57.266 11.668 7.191 30.011 13.945 43.901 16.165 16.479 2.633 22.976 2.718 185.314 2.427 141.975-0.254 160.085-0.413 165-1.444 17.12-3.593 27.773-8.35 40.566-18.118 8.694-6.638 247.418-245.52 252.231-252.397 8.635-12.341 13.407-23.49 16.431-38.389 1.081-5.327 1.212-31.655 1.457-293.353 0.275-293.282 0.25-296.545-2.433-313.336-4.052-25.358-16.67-49.529-35.805-68.585-23.222-23.127-48.296-34.341-84.106-37.619-9.963-0.912-514.834-0.833-524.523 0.082zM957.906 643.502c-1.587 2.97-29.512 31.347-123.126 125.121-123.739 123.95-122.969 123.209-130.051 125.248l-1.662 0.479 0.215-114.359c0.236-125.337-0.105-115.794 4.442-124.674 4.056-7.923 12.758-13.446 23.905-15.173 1.006-0.156 52.791-0.328 115.079-0.383l113.25-0.1zM537.111 97.238c-9.297 2.588-17.438 9.578-22.089 18.964-2.752 5.554-3.021 6.599-3.021 11.738 0 5.171 0.261 6.168 3.131 11.96 3.564 7.193-5.828-2.682 88.122 92.653l54.791 55.598-634.193 0.732-3.837 1.574c-10.954 4.495-15.747 9.676-18.814 20.341-1.593 5.538-1.601 13.013-0.019 18.45 3.059 10.523 7.946 15.775 18.835 20.243l3.837 1.574 634.237 0.732-51.55 52.306c-98.558 100.004-87.88 88.798-91.412 95.939-2.865 5.793-3.127 6.797-3.127 11.965 0 5.119 0.273 6.193 2.954 11.599 1.625 3.277 4.392 7.457 6.149 9.288 6.798 7.087 17.357 11.555 24.961 10.561 2.076-0.271 6.243-1.648 9.26-3.060 5.41-2.531 6.889-3.97 105.78-102.898 98.798-98.836 100.334-100.415 103.016-105.973 2.367-4.904 2.726-6.34 2.742-10.973 0.022-6.181-1.479-10.784-5.461-16.743-1.496-2.239-45.508-46.767-101.615-102.806-96.784-96.667-99.097-98.914-104.462-101.481-6.644-3.179-12.399-3.899-18.214-2.28z" />
|
|
149
148
|
<glyph unicode="" glyph-name="website" data-tags="website" d="M45.742-61.901c-10.296 3.27-21.314 9.659-27.741 16.086-12.094 12.094-19.797 34.549-17.64 51.422 3.326 26.012 1.705 24.038 103.747 126.329 55.9 56.037 88.947 90.199 88.063 91.036-0.778 0.737-28.44 15.015-61.471 31.728-39.305 19.888-61.947 32.181-65.527 35.577-6.492 6.159-8.726 12.135-8.835 23.631-0.105 11.096 3.758 18.708 11.762 23.175 3.3 1.842 98.823 31.081 212.273 64.975 226.502 67.669 218.13 65.558 232.335 58.579 5.33-2.619 8.060-5.262 11.338-10.979 8.095-14.113 10.825-2.836-55.897-230.846-33.133-113.228-61.417-208.176-62.852-210.995s-4.482-6.85-6.772-8.956c-11.467-10.548-33.816-9.277-45.075 2.563-2.194 2.308-17.755 31.661-34.58 65.229s-31.15 61.38-31.836 61.803c-0.685 0.424-40.096-38.14-87.579-85.697-82.67-82.797-94.863-94.314-105.892-100.015-12.807-6.619-34.861-8.762-47.822-4.645zM497.632-62.639c-14.021 4.607-40.354 22.302-38.886 26.13 0.926 2.412 38.158 128.902 65.218 221.567 9.764 33.434 18.43 62.931 19.26 65.55l1.508 4.761h71.661c39.414 0 71.661-0.268 71.661-0.596 0-2.833-9.649-51.046-13.221-66.059-5.315-22.341-9.199-35.74-19.318-66.642-9.973-30.457-18.138-50.198-32.734-79.147-26.729-53.011-53.885-84.996-85.519-100.727-9.731-4.839-12.253-5.456-23.437-5.731-6.893-0.17-14.18 0.233-16.195 0.895zM646.475-46.014c0.589 1.007 3.861 5.786 7.271 10.62 41.368 58.644 78.164 161.599 98.421 275.382l2.608 14.648 115.317 0.375c63.424 0.207 115.317-0.153 115.317-0.799 0-2.506-14.701-34.065-23.003-49.38-46.509-85.799-109.097-150.983-190.858-198.772-19.13-11.181-49.76-26.368-67.759-33.596-12.369-4.967-56.093-20.309-57.879-20.309-0.279 0-0.028 0.824 0.564 1.831zM565.012 320.575c0 0.416 5.984 20.356 13.298 44.31 12.697 41.582 13.335 44.332 14.116 60.754 1.467 30.852-5.977 50.845-27.337 73.426-18.602 19.665-39.453 28.754-65.969 28.754-16.29 0-24.384-1.974-101.814-24.836-37.888-11.187-70.772-20.813-73.075-21.391l-4.187-1.051 0.963 16.681c2.032 35.194 3.833 62.416 4.665 70.512l0.865 8.423h371.495l0.847-6.958c6.263-51.424 6.247-186.929-0.028-241.691l-0.881-7.69h-66.479c-36.564 0-66.479 0.34-66.479 0.757zM763.377 326.044c3.256 25.424 4.425 57.636 4.425 121.944s-1.169 96.52-4.425 121.944l-0.797 6.225h246.003l3-13.028c8.686-37.723 12.35-71.888 12.35-115.141 0-43.486-2.886-71.213-11.469-110.172-1.99-9.034-3.618-16.779-3.618-17.211s-55.41-0.786-123.133-0.786h-123.133zM3.465 384.636c-0.471 2.618-1.574 17.614-2.451 33.324-2.714 48.646 1.492 99.696 11.962 145.17l3 13.028h246.003l-0.819-6.225c-2.091-15.897-3.8-42.778-4.701-73.936l-0.983-34.020-8.191-2.375c-50.76-14.717-210.663-62.564-216.49-64.778-4.192-1.593-11.683-5.609-16.646-8.923s-9.205-6.026-9.426-6.026c-0.221 0-0.788 2.142-1.259 4.761zM39.151 641.876c0 2.632 13.444 31.481 22.435 48.14 26.125 48.409 53.345 84.983 92.511 124.304 47.887 48.076 109.104 86.869 179.247 113.59 17.38 6.621 46.092 15.889 46.883 15.133 0.281-0.269-2.443-4.653-6.053-9.742-46.645-65.761-80.388-159.17-103.35-286.101l-1.060-5.859-115.306-0.375c-65.409-0.213-115.306 0.181-115.306 0.91zM336.504 641.103c0 0.272 1.681 9.665 3.736 20.873 7.283 39.731 15.296 70.898 28.778 111.929 23.028 70.086 58.558 133.478 90.080 160.72 33.516 28.965 58.495 32.731 88.551 13.352 19.925-12.847 34.684-28.441 53.367-56.385 10.922-16.336 30.975-55.366 40.522-78.87 12.024-29.604 26.375-75.738 34.629-111.324 3.448-14.866 11.888-57.673 11.888-60.295 0-0.272-79.099-0.494-175.775-0.494s-175.775 0.222-175.775 0.494zM754.719 642.44c-0.343 1.007-2.013 9.741-3.71 19.409-19.074 108.674-56.196 208.816-100.624 271.453-3.61 5.090-6.334 9.474-6.053 9.742 0.791 0.755 29.503-8.512 46.883-15.133 70.144-26.721 131.36-65.514 179.247-113.59 39.167-39.321 66.387-75.896 92.511-124.304 8.976-16.633 22.435-45.506 22.435-48.131 0-0.714-50.674-1.276-115.032-1.276-90.716 0-115.164 0.387-115.657 1.831z" />
|
|
150
149
|
<glyph unicode="" glyph-name="x-small" data-tags="x-small" d="M215.409 96.435c-16.271 3.272-32.785 12.856-40.751 23.65-10.406 14.101-15.343 28.71-15.343 45.403 0 16.165 4.236 29.32 14.009 43.502 3.629 5.266 76.523 77.935 231.306 230.59l8.424 8.308-51.202 50.698c-28.161 27.884-81.227 80.41-117.924 116.725-67.506 66.803-71.296 70.843-76.947 82.052-10.56 20.944-10.263 46.73 0.778 67.618 6.758 12.786 14.483 20.511 27.269 27.269 20.888 11.041 46.673 11.337 67.618 0.778 11.209-5.651 15.25-9.441 82.052-76.947 36.315-36.698 88.82-89.743 116.679-117.878l50.652-51.155 50.652 51.155c27.858 28.135 80.364 81.18 116.679 117.878 66.802 67.506 70.843 71.296 82.052 76.947 20.944 10.56 46.73 10.263 67.618-0.778 12.786-6.758 20.511-14.483 27.269-27.269 11.041-20.888 11.337-46.673 0.777-67.618-5.651-11.209-9.441-15.25-76.947-82.052-36.698-36.315-89.764-88.841-117.924-116.725l-51.201-50.698 8.424-8.308c154.783-152.656 227.677-225.324 231.306-230.59 9.772-14.182 14.009-27.337 14.009-43.502 0-16.693-4.937-31.302-15.343-45.403-6.026-8.165-18.513-16.719-30.458-20.863-18.435-6.397-40.274-4.988-57.529 3.712-11.924 6.012-13.594 7.623-132.608 127.931-63.895 64.59-116.444 117.436-116.775 117.436s-52.88-52.846-116.775-117.436c-87.268-88.217-117.667-118.465-122.18-121.569-10.374-7.137-18.608-10.688-29.817-12.856-7.131-1.379-20.998-1.382-27.846-0.004z" />
|
|
150
|
+
<glyph unicode="" glyph-name="play" data-tags="play" horiz-adv-x="877" d="M94.48-63.141c-32.274 5.287-63.377 26.516-79.643 54.361-6.986 11.959-12.17 28.677-13.919 44.888-1.224 11.345-1.224 812.334 0 823.68 3.044 28.221 13.476 49.939 32.911 68.519 34.712 33.184 82.082 40.948 123.653 20.265 10.169-5.059 666.111-405.913 674.048-411.918 26.288-19.891 41.424-46.683 45.222-80.048 2.187-19.213-3.817-46.177-14.211-63.816-7.59-12.88-18.692-25.036-30.619-33.527-9.888-7.039-665.618-407.55-674.44-411.939-8.208-4.084-18.146-7.57-27.483-9.641-8.259-1.832-26.744-2.261-35.519-0.823z" />
|
|
151
151
|
</font></defs></svg>
|
|
Binary file
|
|
Binary file
|
|
@@ -12,6 +12,11 @@ export type StepConfig = {
|
|
|
12
12
|
title: string;
|
|
13
13
|
description?: string;
|
|
14
14
|
fields: StepField[];
|
|
15
|
+
layout?: number;
|
|
16
|
+
validate?: (values: Record<string, any>) => true | string;
|
|
17
|
+
disableNextUntilValid?: boolean;
|
|
18
|
+
hidePrevButton?: boolean;
|
|
19
|
+
nextLabel?: string;
|
|
15
20
|
};
|
|
16
21
|
export type StepperProps = {
|
|
17
22
|
config: StepConfig[];
|
|
@@ -75,7 +75,7 @@ var FieldRenderer = function (_a) {
|
|
|
75
75
|
}
|
|
76
76
|
};
|
|
77
77
|
// Ajout/ajustement du style CSS-in-JS pour le layout 2 colonnes et plus de spacing
|
|
78
|
-
var stepperStyle = "\n.stepper-allaw {\n background: var(--pure-white, #fff);\n border: 1px solid var(--grey-venom, #e6edf5);\n border-radius: 16px;\n box-shadow: 0 2px 8px rgba(37, 190, 235, 0.06);\n padding: 32px;\n max-width:
|
|
78
|
+
var stepperStyle = "\n.stepper-allaw {\n background: var(--pure-white, #fff);\n border: 1px solid var(--grey-venom, #e6edf5);\n border-radius: 16px;\n box-shadow: 0 2px 8px rgba(37, 190, 235, 0.06);\n padding: 32px;\n max-width: 100vw;\n min-width: 100%;\n width: 700px;\n margin: 0 auto;\n font-family: 'Inter', 'Open Sans', Arial, sans-serif;\n}\n.stepper-progress-bar {\n width: 100%;\n height: 6px;\n background: var(--grey-light, #f6fcfe);\n border-radius: 8px;\n\n overflow: hidden;\n}\n.stepper-progress-inner {\n height: 100%;\n background: var(--bleu-allaw, #25beeb);\n border-radius: 8px;\n transition: width 0.3s;\n}\n.stepper-title {\n color: var(--noir, #171e25);\n font-family: 'Poppins', Arial, sans-serif;\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 8px;\n}\n.stepper-desc {\n color: var(--mid-grey, #728ea7);\n font-family: 'Open Sans', Arial, sans-serif;\n font-size: 1rem;\n margin-bottom: 42px;\n}\n.stepper-fields-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px 24px;\n margin-bottom: 42px;\n}\n@media (min-width: 600px) {\n .stepper-fields-grid {\n grid-template-columns: 1fr 1fr !important;\n }\n}\n.stepper-field {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 8px;\n margin-bottom: 0;\n}\n.stepper-label {\n color: var(--dark-grey, #456073);\n font-size: 1rem;\n font-weight: 500;\n margin-bottom: 2px;\n min-width: 0;\n flex-shrink: 1;\n}\n.stepper-input, .stepper-select, .stepper-datalist {\n border: 1px solid var(--grey-venom, #e6edf5);\n border-radius: 8px;\n padding: 10px 12px;\n font-size: 1rem;\n font-family: inherit;\n background: var(--pure-white, #fff);\n color: var(--noir, #171e25);\n outline: none;\n transition: border-color 0.2s;\n flex: 1 1 0%;\n}\n.stepper-input:focus, .stepper-select:focus, .stepper-datalist:focus {\n border-color: var(--bleu-allaw, #25beeb);\n}\n.stepper-btn-row {\n display: flex;\n gap: 12px;\n margin-top: 32px;\n}\n@media (max-width: 599px) {\n .stepper-btn-row {\n flex-direction: column;\n gap: 12px;\n }\n}\n.stepper-btn {\n background: var(--bleu-allaw, #25beeb);\n color: var(--pure-white, #fff);\n border: none;\n border-radius: 8px;\n padding: 8px 16px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: background 0.2s;\n flex: 1 1 0%;\n width: 100%;\n min-width: 0;\n}\n.stepper-btn:disabled {\n background: var(--grey-venom, #e6edf5);\n color: var(--mid-grey, #728ea7);\n cursor: not-allowed;\n}\n.stepper-btn:not(:disabled):hover {\n background: #1ca6d4;\n}\n.stepper-btn-secondary {\n background: var(--grey-light, #f6fcfe);\n color: var(--bleu-allaw, #25beeb);\n border: 1px solid var(--bleu-allaw, #25beeb);\n margin-right: 8px;\n}\n.stepper-modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: rgba(0, 0, 0, 0.6);\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: all;\n}\n.stepper-modal-center {\n position: fixed;\n\n z-index: 1001;\n max-height: 98vh;\n overflow-y: auto;\n box-shadow: 0 8px 32px rgba(23, 30, 37, 0.18);\n pointer-events: all;\n}\n\n@media (max-width: 600px) {\n .stepper-allaw {\n height: 100%;\n }\n .stepper-modal-center {\n bottom: 0;\n right: 0;\n left: 0;\n width: 100vw;\n height: 98vh;\n transform: translate(0, 0);\n }\n}\n.stepper-modal-close {\n position: absolute;\n top: 18px;\n right: 18px;\n background: none;\n border: none;\n color: var(--mid-grey, #728ea7);\n font-size: 2rem;\n cursor: pointer;\n z-index: 1002;\n transition: color 0.2s;\n}\n.stepper-modal-close:hover {\n color: var(--noir, #171e25);\n}\n";
|
|
79
79
|
if (typeof window !== 'undefined' && !document.getElementById('stepper-allaw-style')) {
|
|
80
80
|
var style = document.createElement('style');
|
|
81
81
|
style.id = 'stepper-allaw-style';
|
|
@@ -104,10 +104,21 @@ var CloseButton = function (_a) {
|
|
|
104
104
|
React.createElement("path", { d: "M5 5L13 13M13 5L5 13", stroke: "#171e25", strokeWidth: "2", strokeLinecap: "round" }))));
|
|
105
105
|
};
|
|
106
106
|
export var Stepper = function (_a) {
|
|
107
|
-
var
|
|
108
|
-
var _c =
|
|
109
|
-
var _d = useState(
|
|
107
|
+
var _b;
|
|
108
|
+
var config = _a.config, onSubmit = _a.onSubmit, _c = _a.isOpen, isOpen = _c === void 0 ? true : _c, onClose = _a.onClose;
|
|
109
|
+
var _d = useState(0), step = _d[0], setStep = _d[1];
|
|
110
|
+
var _e = useState({}), values = _e[0], setValues = _e[1];
|
|
111
|
+
var _f = useState(null), error = _f[0], setError = _f[1];
|
|
110
112
|
var currentStep = config[step];
|
|
113
|
+
// Responsive: force 1 colonne si largeur < 600px
|
|
114
|
+
var _g = React.useState(undefined), windowWidth = _g[0], setWindowWidth = _g[1];
|
|
115
|
+
React.useEffect(function () {
|
|
116
|
+
var handleResize = function () { return setWindowWidth(window.innerWidth); };
|
|
117
|
+
handleResize();
|
|
118
|
+
window.addEventListener('resize', handleResize);
|
|
119
|
+
return function () { return window.removeEventListener('resize', handleResize); };
|
|
120
|
+
}, []);
|
|
121
|
+
var columns = windowWidth !== undefined && windowWidth < 600 ? 1 : ((_b = currentStep.layout) !== null && _b !== void 0 ? _b : 2);
|
|
111
122
|
// Filtrer les champs à afficher selon showIf
|
|
112
123
|
var visibleFields = useMemo(function () {
|
|
113
124
|
return currentStep.fields.filter(function (field) { return !field.showIf || field.showIf(values); });
|
|
@@ -119,6 +130,14 @@ export var Stepper = function (_a) {
|
|
|
119
130
|
});
|
|
120
131
|
};
|
|
121
132
|
var handleNext = function () {
|
|
133
|
+
if (currentStep.validate) {
|
|
134
|
+
var result = currentStep.validate(values);
|
|
135
|
+
if (result !== true) {
|
|
136
|
+
setError(typeof result === 'string' ? result : 'Erreur de validation');
|
|
137
|
+
return;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
setError(null);
|
|
122
141
|
if (step < config.length - 1) {
|
|
123
142
|
setStep(step + 1);
|
|
124
143
|
}
|
|
@@ -132,31 +151,41 @@ export var Stepper = function (_a) {
|
|
|
132
151
|
};
|
|
133
152
|
// Barre de progression simple
|
|
134
153
|
var progress = ((step + 1) / config.length) * 100;
|
|
154
|
+
// Calcul de la validité du step courant si disableNextUntilValid est activé
|
|
155
|
+
var isStepValid = !currentStep.validate || currentStep.validate(values) === true;
|
|
135
156
|
if (!isOpen)
|
|
136
157
|
return null;
|
|
137
158
|
return (React.createElement(React.Fragment, null,
|
|
138
159
|
React.createElement("div", { className: "stepper-modal-backdrop" },
|
|
139
160
|
React.createElement("div", { className: "stepper-modal-center" },
|
|
140
|
-
React.createElement("div", { style: { position: "relative" } },
|
|
161
|
+
React.createElement("div", { style: { position: "relative", height: "100%" } },
|
|
141
162
|
React.createElement("div", { className: "stepper-allaw" },
|
|
142
|
-
React.createElement("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", gap: 12 } },
|
|
163
|
+
React.createElement("div", { style: { display: "flex", alignItems: "center", marginBottom: "24px", justifyContent: "center", gap: 12 } },
|
|
143
164
|
React.createElement("div", { className: "stepper-progress-bar", style: { flex: 1, height: 8, minWidth: 0 } },
|
|
144
165
|
React.createElement("div", { className: "stepper-progress-inner", style: { width: progress + "%", height: 8 } })),
|
|
145
166
|
React.createElement(CloseButton, { onClick: function () { return onClose && onClose(); } })),
|
|
146
167
|
React.createElement("div", { className: "stepper-title" }, currentStep.title),
|
|
147
168
|
currentStep.description && React.createElement("div", { className: "stepper-desc" }, currentStep.description),
|
|
169
|
+
error && (React.createElement("div", { style: { color: 'red', marginBottom: 16 } }, error)),
|
|
148
170
|
React.createElement("form", { onSubmit: function (e) {
|
|
149
171
|
e.preventDefault();
|
|
150
172
|
handleNext();
|
|
151
173
|
} },
|
|
152
|
-
React.createElement("div", { className: "stepper-fields-grid"
|
|
174
|
+
React.createElement("div", { className: "stepper-fields-grid", style: {
|
|
175
|
+
display: 'grid',
|
|
176
|
+
gridTemplateColumns: "repeat(".concat(columns, ", 1fr)"),
|
|
177
|
+
gap: 24,
|
|
178
|
+
marginBottom: 42,
|
|
179
|
+
} }, visibleFields.map(function (field) {
|
|
153
180
|
// On affiche le label au-dessus uniquement pour certains types
|
|
154
|
-
var showLabelAbove = ["select", "date", "
|
|
181
|
+
var showLabelAbove = ["select", "date", "radio", "custom"].includes(field.type);
|
|
155
182
|
return (React.createElement("div", { key: field.name, className: "stepper-field" },
|
|
156
183
|
showLabelAbove && (React.createElement(Paragraph, { variant: "medium", color: "noir", text: field.label, className: "stepper-label" })),
|
|
157
184
|
React.createElement(FieldRenderer, { field: field, value: values[field.name], onChange: function (val) { return handleFieldChange(field.name, val); }, values: values })));
|
|
158
185
|
})),
|
|
159
186
|
React.createElement("div", { className: "stepper-btn-row" },
|
|
160
|
-
React.createElement("button", { type: "button", className: "stepper-btn stepper-btn-secondary", onClick: handlePrev, disabled: step === 0 }, "Pr\u00E9c\u00E9dent"),
|
|
161
|
-
React.createElement("button", { type: "submit", className: "stepper-btn" }, step === config.length - 1
|
|
187
|
+
!currentStep.hidePrevButton && (React.createElement("button", { type: "button", className: "stepper-btn stepper-btn-secondary", onClick: handlePrev, disabled: step === 0 }, "Pr\u00E9c\u00E9dent")),
|
|
188
|
+
React.createElement("button", { type: "submit", className: "stepper-btn", disabled: currentStep.disableNextUntilValid && !isStepValid }, step === config.length - 1
|
|
189
|
+
? (currentStep.nextLabel || "Valider")
|
|
190
|
+
: (currentStep.nextLabel || "Suivant"))))))))));
|
|
162
191
|
};
|
|
@@ -61,6 +61,7 @@ var config = [
|
|
|
61
61
|
{
|
|
62
62
|
title: "Informations personnelles",
|
|
63
63
|
description: "Merci de renseigner vos infos.",
|
|
64
|
+
layout: 2,
|
|
64
65
|
fields: [
|
|
65
66
|
{ name: "firstName", label: "Prénom", type: "text" },
|
|
66
67
|
{ name: "lastName", label: "Nom", type: "text" },
|
|
@@ -206,4 +207,6 @@ export var GrandExemple = function () { return (React.createElement("div", { sty
|
|
|
206
207
|
// eslint-disable-next-line no-alert
|
|
207
208
|
alert("Données soumises : " + JSON.stringify(values, null, 2));
|
|
208
209
|
console.log(values);
|
|
210
|
+
}, onClose: function () {
|
|
211
|
+
return alert("Données soumises : ");
|
|
209
212
|
} }))); };
|
package/dist/styles/icons.css
CHANGED
|
@@ -169,7 +169,7 @@ li {
|
|
|
169
169
|
content: "\e934";
|
|
170
170
|
}
|
|
171
171
|
.allaw-icon-link:before {
|
|
172
|
-
content: "\
|
|
172
|
+
content: "\e975";
|
|
173
173
|
}
|
|
174
174
|
.allaw-icon-loader:before {
|
|
175
175
|
content: "\e936";
|
|
@@ -223,7 +223,7 @@ li {
|
|
|
223
223
|
content: "\e905";
|
|
224
224
|
}
|
|
225
225
|
.allaw-icon-website:before {
|
|
226
|
-
content: "\
|
|
226
|
+
content: "\e97b";
|
|
227
227
|
}
|
|
228
228
|
.allaw-icon-close:before {
|
|
229
229
|
content: "\e907";
|
|
@@ -253,7 +253,7 @@ li {
|
|
|
253
253
|
content: "\e910";
|
|
254
254
|
}
|
|
255
255
|
.allaw-icon-upload-file:before {
|
|
256
|
-
content: "\
|
|
256
|
+
content: "\e97a";
|
|
257
257
|
}
|
|
258
258
|
.allaw-icon-burger:before {
|
|
259
259
|
content: "\e912";
|
|
@@ -287,7 +287,7 @@ li {
|
|
|
287
287
|
content: "\e94e";
|
|
288
288
|
}
|
|
289
289
|
.allaw-icon-linkedin:before {
|
|
290
|
-
content: "\
|
|
290
|
+
content: "\e976";
|
|
291
291
|
}
|
|
292
292
|
.allaw-icon-microsoft-outlook:before {
|
|
293
293
|
content: "\e950";
|
|
@@ -352,7 +352,7 @@ li {
|
|
|
352
352
|
color: rgb(66, 133, 244);
|
|
353
353
|
}
|
|
354
354
|
.allaw-icon-play:before {
|
|
355
|
-
content: "\
|
|
355
|
+
content: "\e97d";
|
|
356
356
|
}
|
|
357
357
|
.allaw-icon-pause:before {
|
|
358
358
|
content: "\e95e";
|
|
@@ -372,9 +372,6 @@ li {
|
|
|
372
372
|
.allaw-icon-gem:before {
|
|
373
373
|
content: "\e974";
|
|
374
374
|
}
|
|
375
|
-
.allaw-icon-linkedin:before {
|
|
376
|
-
content: "\e976";
|
|
377
|
-
}
|
|
378
375
|
.allaw-icon-pdf:before {
|
|
379
376
|
content: "\e977";
|
|
380
377
|
}
|
|
@@ -384,12 +381,6 @@ li {
|
|
|
384
381
|
.allaw-icon-unlink:before {
|
|
385
382
|
content: "\e979";
|
|
386
383
|
}
|
|
387
|
-
.allaw-icon-upload-file:before {
|
|
388
|
-
content: "\e97a";
|
|
389
|
-
}
|
|
390
|
-
.allaw-icon-website:before {
|
|
391
|
-
content: "\e97b";
|
|
392
|
-
}
|
|
393
384
|
.allaw-icon-x-small:before {
|
|
394
385
|
content: "\e97c";
|
|
395
386
|
}
|