@dso-design-system/ui 0.1.1 → 0.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.
Files changed (4) hide show
  1. package/lib/assets/icons/sprite.svg +48 -48
  2. package/lib/styles/_styles.scss +124 -0
  3. package/lib/styles/_variables.scss +571 -0
  4. package/package.json +1 -1
package/lib/assets/icons/sprite.svg CHANGED
@@ -1,49 +1,49 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="yes"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
3
- <symbol id="icon-center-align" viewBox="0 0 24 24">
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M4 6.75H20C20.1989 6.75 20.3897 6.67098 20.5303 6.53033C20.671 6.38968 20.75 6.19891 &#xA;20.75 6C20.75 5.80109 20.671 5.61032 20.5303 5.46967C20.3897 5.32902 20.1989 5.25 20 5.25H4C3.80109 5.25 3.61032 5.32902 3.46967 5.46967C3.32902 &#xA;5.61032 3.25 5.80109 3.25 6C3.25 6.19891 3.32902 6.38968 3.46967 6.53033C3.61032 6.67098 3.80109 6.75 4 6.75ZM7 10.75H17C17.1989 10.75 17.3897 10.671 &#xA;17.5303 10.5303C17.671 10.3897 17.75 10.1989 17.75 10C17.75 9.80109 17.671 9.61032 17.5303 9.46967C17.3897 9.32902 17.1989 9.25 17 9.25H7C6.80109 9.25 &#xA;6.61032 9.32902 6.46967 9.46967C6.32902 9.61032 6.25 9.80109 6.25 10C6.25 10.1989 6.32902 10.3897 6.46967 10.5303C6.61032 10.671 6.80109 10.75 7 10.75ZM20 &#xA;14.75H4C3.80109 14.75 3.61032 14.671 3.46967 14.5303C3.32902 14.3897 3.25 14.1989 3.25 14C3.25 13.8011 3.32902 13.6103 3.46967 13.4697C3.61032 13.329 3.80109 &#xA;13.25 4 13.25H20C20.1989 13.25 20.3897 13.329 20.5303 13.4697C20.671 13.6103 20.75 13.8011 20.75 14C20.75 14.1989 20.671 14.3897 20.5303 14.5303C20.3897 &#xA;14.671 20.1989 14.75 20 14.75ZM7 18.75H17C17.1989 18.75 17.3897 18.671 17.5303 18.5303C17.671 18.3897 17.75 18.1989 17.75 18C17.75 17.8011 17.671 17.6103 17.5303 &#xA;17.4697C17.3897 17.329 17.1989 17.25 17 17.25H7C6.80109 17.25 6.61032 17.329 6.46967 17.4697C6.32902 17.6103 6.25 17.8011 6.25 18C6.25 18.1989 6.32902 18.3897 6.46967 &#xA;18.5303C6.61032 18.671 6.80109 18.75 7 18.75Z" fill="currentColor"/>
5
- </symbol>
6
- <symbol id="icon-chevron_down" viewBox="0 0 24 24">
7
- <polyline points="6 9 12 15 18 9"/>
8
- </symbol>
9
- <symbol id="icon-close" viewBox="0 0 12 12">
10
- <path fill-rule="evenodd" clip-rule="evenodd" d="M5.707 7.121L1.414 11.414L0 10L4.293 5.707L0 1.414L1.414 0L5.707 4.293L10 0L11.414 1.414L7.121 5.707L11.414 10L10 11.414L5.707 7.121Z" fill="currentColor"/>
11
- </symbol>
12
- <symbol id="icon-dm-submit" viewBox="0 0 512 512">
13
- <path d="M291.48 449.94C288.668 449.938 285.913 449.146 283.529 447.653C281.146 446.161 279.23 444.029 278 441.5L207.5 296.57L62.57 226.08C59.9592 224.807 57.774 222.804 56.2797 220.313C54.7855 217.823 54.0464 214.952 54.1523 212.049C54.2582 209.147 55.2045 206.338 56.8762 203.963C58.548 201.587 60.8734 199.749 63.57 198.67L435.48 49.0798C438.209 47.9798 441.201 47.7068 444.084 48.2946C446.967 48.8824 449.614 50.3051 451.694 52.3856C453.775 54.4661 455.197 57.1126 455.785 59.9956C456.373 62.8786 456.1 65.8708 455 68.5998L305.4 440.54C304.315 443.234 302.472 445.556 300.093 447.223C297.714 448.89 294.903 449.83 292 449.93L291.48 449.94ZM106.1 213.94L225.28 271.94C228.301 273.409 230.741 275.849 232.21 278.87L290.21 398.05L414 89.9998L106.1 213.94Z" fill="currentColor"/>
14
- <path d="M218.72 300.349C215.753 300.349 212.853 299.468 210.387 297.819C207.92 296.17 205.998 293.827 204.863 291.086C203.729 288.345 203.433 285.328 204.012 282.419C204.592 279.509 206.021 276.837 208.12 274.739L430.47 52.3893C431.863 50.9966 433.517 49.8921 435.337 49.1386C437.158 48.3851 439.108 47.9976 441.078 47.998C443.048 47.9985 444.999 48.387 446.819 49.1413C448.639 49.8956 450.292 51.001 451.685 52.3943C453.078 53.7876 454.182 55.4416 454.936 57.2618C455.689 59.0821 456.077 61.0329 456.076 63.0029C456.076 64.9728 455.687 66.9235 454.933 68.7433C454.179 70.5632 453.073 72.2166 451.68 73.6093L229.33 295.999C226.509 298.797 222.693 300.362 218.72 300.349Z" fill="white"/>
15
- </symbol>
16
- <symbol id="icon-document" viewBox="0 0 24 24">
17
- <path d="M3 10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157C21 4.34315 21 6.22876 21 10V14C21 17.7712 21 19.6569 19.8284 20.8284C18.6569 22 16.7712 22 13 22H11C7.22876 22 5.34315 22 4.17157 20.8284C3 19.6569 3 17.7712 3 14V10Z" stroke="#1C274C" stroke-width="1.5" fill="currentColor"/>
18
- <path d="M8 12H16" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
19
- <path d="M8 8H16" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
20
- <path d="M8 16H13" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
21
- </symbol>
22
- <symbol id="icon-gallery" viewBox="0 0 24 24">
23
- <path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" stroke="#1C274C" stroke-width="1.5" fill="currentColor"/>
24
- <path d="M2 12.5001L3.75159 10.9675C4.66286 10.1702 6.03628 10.2159 6.89249 11.0721L11.1822 15.3618C11.8694 16.0491 12.9512 16.1428 13.7464 15.5839L14.0446 15.3744C15.1888 14.5702 16.7369 14.6634 17.7765 15.599L21 18.5001" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
25
- <circle cx="16" cy="8" r="2" stroke="#1C274C" stroke-width="1.5"/>
26
- </symbol>
27
- <symbol id="icon-left-align" viewBox="0 0 24 24">
28
- <path fill-rule="evenodd" clip-rule="evenodd" d="M4.06993 7H20.0699C20.2688 7 20.4596 6.92098 20.6003 6.78033C20.7409 6.63968 20.8199 6.44891 20.8199 6.25C20.8199 6.05109 20.7409 5.86032 20.6003 5.71967C20.4596 5.57902 20.2688 5.5 20.0699 5.5H4.06993C3.87102 5.5 3.68025 5.57902 3.5396 5.71967C3.39895 5.86032 3.31993 6.05109 3.31993 6.25C3.31993 6.44891 3.39895 6.63968 3.5396 6.78033C3.68025 6.92098 3.87102 7 4.06993 7ZM3.92993 11H13.9299C14.1288 11 14.3196 10.921 14.4603 10.7803C14.6009 10.6397 14.6799 10.4489 14.6799 10.25C14.6799 10.0511 14.6009 9.86032 14.4603 9.71967C14.3196 9.57902 14.1288 9.5 13.9299 9.5H3.92993C3.73102 9.5 3.54025 9.57902 3.3996 9.71967C3.25895 9.86032 3.17993 10.0511 3.17993 10.25C3.17993 10.4489 3.25895 10.6397 3.3996 10.7803C3.54025 10.921 3.73102 11 3.92993 11ZM20.0699 15H4.06993C3.87102 15 3.68025 14.921 3.5396 14.7803C3.39895 14.6397 3.31993 14.4489 3.31993 14.25C3.31993 14.0511 3.39895 13.8603 3.5396 13.7197C3.68025 13.579 3.87102 13.5 4.06993 13.5H20.0699C20.2688 13.5 20.4596 13.579 20.6003 13.7197C20.7409 13.8603 20.8199 14.0511 20.8199 14.25C20.8199 14.4489 20.7409 14.6397 20.6003 14.7803C20.4596 14.921 20.2688 15 20.0699 15ZM3.92993 19H13.9299C14.1288 19 14.3196 18.921 14.4603 18.7803C14.6009 18.6397 14.6799 18.4489 14.6799 18.25C14.6799 18.0511 14.6009 17.8603 14.4603 17.7197C14.3196 17.579 14.1288 17.5 13.9299 17.5H3.92993C3.73102 17.5 3.54025 17.579 3.3996 17.7197C3.25895 17.8603 3.17993 18.0511 3.17993 18.25C3.17993 18.4489 3.25895 18.6397 3.3996 18.7803C3.54025 18.921 3.73102 19 3.92993 19Z" fill="currentColor"/>
29
- </symbol>
30
- <symbol id="icon-lm-submit" viewBox="0 0 512 512">
31
- <title/>
32
- <g data-name="1" id="_1">
33
- <path d="M291.48,449.94A15,15,0,0,1,278,441.5L207.5,296.57,62.57,226.08a15,15,0,0,1,1-27.41L435.48,49.08A15,15,0,0,1,455,68.6L305.4,440.54A15,15,0,0,1,292,449.93Zm-185.38-236,119.18,58a15,15,0,0,1,6.93,6.93l58,119.18L414,90Z"/>
34
- <path d="M218.72,300.35a15,15,0,0,1-10.6-25.61L430.47,52.39a15,15,0,1,1,21.21,21.22L229.33,296A15,15,0,0,1,218.72,300.35Z"/>
35
- </g>
36
- </symbol>
37
- <symbol id="icon-menu" viewBox="0 0 24 24">
38
- <path d="M19 15.75C19.1989 15.75 19.3896 15.8291 19.5303 15.9697C19.6709 16.1104 19.75 16.3011 19.75 16.5C19.75 16.6989 19.6709 16.8896 19.5303 17.0303C19.3896 17.1709 19.1989 17.25 19 17.25H5C4.80109 17.25 4.61038 17.1709 4.46973 17.0303C4.32907 16.8896 4.25 16.6989 4.25 16.5C4.25 16.3011 4.32907 16.1104 4.46973 15.9697C4.61038 15.8291 4.80109 15.75 5 15.75H19ZM19 11.25C19.1989 11.25 19.3896 11.3291 19.5303 11.4697C19.6709 11.6104 19.75 11.8011 19.75 12C19.75 12.1989 19.6709 12.3896 19.5303 12.5303C19.3896 12.6709 19.1989 12.75 19 12.75H5C4.80109 12.75 4.61038 12.6709 4.46973 12.5303C4.32907 12.3896 4.25 12.1989 4.25 12C4.25 11.8011 4.32907 11.6104 4.46973 11.4697C4.61038 11.3291 4.80109 11.25 5 11.25H19ZM19 6.75C19.1989 6.75 19.3896 6.82907 19.5303 6.96973C19.6709 7.11038 19.75 7.30109 19.75 7.5C19.75 7.69891 19.6709 7.88962 19.5303 8.03027C19.3896 8.17093 19.1989 8.25 19 8.25H5C4.80109 8.25 4.61038 8.17093 4.46973 8.03027C4.32907 7.88962 4.25 7.69891 4.25 7.5C4.25 7.30109 4.32907 7.11038 4.46973 6.96973C4.61038 6.82907 4.80109 6.75 5 6.75H19Z" fill="currentColor"/>
39
- </symbol>
40
- <symbol id="icon-notification" viewBox="0 0 24 24">
41
- <path d="M18.17 4.44H16.83C15.82 4.44 15 5.26 15 6.27V6.72L5.5 8.76V8.25C5.5 7.84 5.16 7.5 4.75 7.5C4.34 7.5 4 7.84 4 8.25V15.25C4 15.66 4.34 16 4.75 16C5.16 16 5.5 15.66 5.5 15.25V14.62L15 16.66V17.11C15 18.12 15.82 18.94 16.83 18.94H18.17C19.18 18.94 20 18.12 20 17.11V6.27C20 5.26 19.18 4.44 18.17 4.44ZM5.5 13.08V10.29L15 8.25V15.12L5.5 13.08ZM18.5 17.11C18.5 17.29 18.35 17.44 18.17 17.44H16.83C16.65 17.44 16.5 17.29 16.5 17.11V6.27C16.5 6.09 16.65 5.94 16.83 5.94H18.17C18.35 5.94 18.5 6.09 18.5 6.27V17.11ZM12.97 17.63C12.6 18.79 11.53 19.57 10.3 19.57C8.76 19.57 7.5 18.33 7.5 16.82C7.5 16.71 7.5 16.59 7.52 16.48C7.57 16.07 7.95 15.78 8.36 15.83C8.77 15.88 9.06 16.25 9.01 16.66C9.01 16.71 9.01 16.76 9.01 16.81C9.01 17.5 9.59 18.06 10.31 18.06C10.88 18.06 11.38 17.7 11.55 17.17C11.67 16.77 12.1 16.55 12.49 16.68C12.89 16.8 13.1 17.23 12.98 17.62L12.97 17.63Z" fill="currentColor"/>
42
- </symbol>
43
- <symbol id="icon-slanted-check" viewBox="0 0 24 24">
44
- <path d="M18.4424 5.29585C18.9694 4.84997 19.7582 4.91549 20.2042 5.44234C20.65 5.96929 20.5845 6.7581 20.0577 7.20406L7.05767 18.2041C6.74104 18.472 6.31154 18.5651 5.91217 18.4531C5.51311 18.341 5.19568 18.0387 5.06451 17.6455L3.06451 11.6455C2.84623 10.9906 3.19981 10.2828 3.85455 10.0644C4.50938 9.84613 5.21718 10.1997 5.4356 10.8544L6.85162 15.1025L18.4424 5.29585Z" fill="currentColor"/>
45
- </symbol>
46
- <symbol id="icon-van" viewBox="0 0 24 24">
47
- <path d="M17.5 6.75H15.5V6C15.5 5.04 14.71 4.25 13.75 4.25H4.5C3.54 4.25 2.75 5.04 2.75 6V15C2.75 15.96 3.54 16.75 4.5 16.75H4.78C4.91 18.42 6.3 19.75 8 19.75C9.7 19.75 11.09 18.42 11.22 16.75H12.77C12.9 18.42 14.29 19.75 15.99 19.75C17.69 19.75 19.08 18.42 19.21 16.75H19.49C20.45 16.75 21.24 15.96 21.24 15V10.5C21.24 8.43 19.56 6.75 17.49 6.75H17.5ZM4.25 15V6C4.25 5.86 4.36 5.75 4.5 5.75H13.75C13.89 5.75 14 5.86 14 6V13.94C14 13.94 13.95 14 13.92 14.02C13.77 14.15 13.63 14.29 13.5 14.44C13.46 14.49 13.42 14.53 13.39 14.58C13.24 14.79 13.1 15 13.01 15.24H11.01C11.01 15.24 11.01 15.24 11.01 15.23C10.94 15.06 10.84 14.89 10.74 14.74C10.71 14.7 10.68 14.66 10.65 14.61C10.57 14.49 10.48 14.39 10.38 14.28C10.34 14.24 10.31 14.2 10.27 14.16C10.14 14.04 10.01 13.93 9.87 13.83C9.85 13.82 9.84 13.8 9.82 13.79C9.67 13.69 9.51 13.61 9.35 13.53C9.29 13.5 9.23 13.48 9.17 13.46C9.04 13.41 8.92 13.37 8.79 13.34C8.73 13.33 8.67 13.31 8.61 13.3C8.42 13.26 8.22 13.24 8.02 13.24C7.82 13.24 7.63 13.26 7.43 13.3C7.37 13.31 7.31 13.33 7.25 13.34C7.12 13.37 6.99 13.41 6.87 13.46C6.81 13.48 6.75 13.5 6.69 13.53C6.53 13.6 6.37 13.69 6.22 13.79C6.2 13.8 6.19 13.81 6.17 13.83C6.03 13.93 5.89 14.04 5.77 14.16C5.73 14.2 5.69 14.24 5.66 14.28C5.56 14.38 5.47 14.49 5.39 14.61C5.36 14.65 5.33 14.69 5.3 14.74C5.2 14.9 5.11 15.06 5.03 15.23C5.03 15.23 5.03 15.23 5.03 15.24H4.53C4.39 15.24 4.28 15.13 4.28 14.99L4.25 15ZM8 18.25C7.04 18.25 6.25 17.46 6.25 16.5C6.25 16.38 6.26 16.26 6.29 16.15C6.33 15.97 6.4 15.8 6.49 15.65C6.5 15.62 6.52 15.6 6.53 15.57C6.62 15.43 6.73 15.3 6.86 15.19C6.89 15.17 6.91 15.15 6.94 15.13C7.07 15.03 7.22 14.94 7.38 14.88C7.4 14.88 7.43 14.86 7.46 14.86C7.63 14.8 7.82 14.76 8.01 14.76C8.2 14.76 8.38 14.8 8.56 14.86C8.59 14.86 8.61 14.87 8.64 14.88C8.8 14.94 8.95 15.03 9.08 15.13C9.11 15.15 9.13 15.17 9.16 15.19C9.29 15.3 9.4 15.43 9.49 15.57C9.51 15.59 9.52 15.62 9.53 15.65C9.62 15.81 9.69 15.97 9.73 16.15C9.75 16.26 9.77 16.38 9.77 16.5C9.77 17.46 8.98 18.25 8.02 18.25H8ZM16 18.25C15.04 18.25 14.25 17.46 14.25 16.5C14.25 16.38 14.26 16.26 14.29 16.15C14.32 16.03 14.35 15.91 14.4 15.8C14.4 15.8 14.4 15.79 14.4 15.78C14.45 15.68 14.5 15.58 14.57 15.49C14.58 15.47 14.6 15.46 14.61 15.44C14.67 15.36 14.73 15.29 14.8 15.22C14.82 15.2 14.84 15.19 14.86 15.17C14.93 15.11 15.01 15.05 15.09 15C15.11 14.99 15.14 14.97 15.17 14.96C15.26 14.91 15.36 14.87 15.46 14.84C15.5 14.83 15.54 14.81 15.59 14.8C15.72 14.77 15.86 14.75 16 14.75C16.19 14.75 16.37 14.79 16.55 14.85C16.58 14.85 16.6 14.86 16.63 14.87C16.79 14.93 16.94 15.02 17.07 15.12C17.1 15.14 17.12 15.16 17.15 15.18C17.28 15.29 17.39 15.42 17.48 15.56C17.5 15.58 17.51 15.61 17.52 15.64C17.61 15.8 17.68 15.96 17.72 16.14C17.74 16.25 17.76 16.37 17.76 16.49C17.76 17.45 16.97 18.24 16.01 18.24L16 18.25ZM15.5 11.25V8.25H17.5C18.74 8.25 19.75 9.26 19.75 10.5V11.25H15.5Z" fill="currentColor"/>
48
- </symbol>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="yes"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
3
+ <symbol id="icon-center-align" viewBox="0 0 24 24">
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4 6.75H20C20.1989 6.75 20.3897 6.67098 20.5303 6.53033C20.671 6.38968 20.75 6.19891 &#xD;&#xA;20.75 6C20.75 5.80109 20.671 5.61032 20.5303 5.46967C20.3897 5.32902 20.1989 5.25 20 5.25H4C3.80109 5.25 3.61032 5.32902 3.46967 5.46967C3.32902 &#xD;&#xA;5.61032 3.25 5.80109 3.25 6C3.25 6.19891 3.32902 6.38968 3.46967 6.53033C3.61032 6.67098 3.80109 6.75 4 6.75ZM7 10.75H17C17.1989 10.75 17.3897 10.671 &#xD;&#xA;17.5303 10.5303C17.671 10.3897 17.75 10.1989 17.75 10C17.75 9.80109 17.671 9.61032 17.5303 9.46967C17.3897 9.32902 17.1989 9.25 17 9.25H7C6.80109 9.25 &#xD;&#xA;6.61032 9.32902 6.46967 9.46967C6.32902 9.61032 6.25 9.80109 6.25 10C6.25 10.1989 6.32902 10.3897 6.46967 10.5303C6.61032 10.671 6.80109 10.75 7 10.75ZM20 &#xD;&#xA;14.75H4C3.80109 14.75 3.61032 14.671 3.46967 14.5303C3.32902 14.3897 3.25 14.1989 3.25 14C3.25 13.8011 3.32902 13.6103 3.46967 13.4697C3.61032 13.329 3.80109 &#xD;&#xA;13.25 4 13.25H20C20.1989 13.25 20.3897 13.329 20.5303 13.4697C20.671 13.6103 20.75 13.8011 20.75 14C20.75 14.1989 20.671 14.3897 20.5303 14.5303C20.3897 &#xD;&#xA;14.671 20.1989 14.75 20 14.75ZM7 18.75H17C17.1989 18.75 17.3897 18.671 17.5303 18.5303C17.671 18.3897 17.75 18.1989 17.75 18C17.75 17.8011 17.671 17.6103 17.5303 &#xD;&#xA;17.4697C17.3897 17.329 17.1989 17.25 17 17.25H7C6.80109 17.25 6.61032 17.329 6.46967 17.4697C6.32902 17.6103 6.25 17.8011 6.25 18C6.25 18.1989 6.32902 18.3897 6.46967 &#xD;&#xA;18.5303C6.61032 18.671 6.80109 18.75 7 18.75Z" fill="currentColor"/>
5
+ </symbol>
6
+ <symbol id="icon-chevron_down" viewBox="0 0 24 24">
7
+ <polyline points="6 9 12 15 18 9"/>
8
+ </symbol>
9
+ <symbol id="icon-close" viewBox="0 0 12 12">
10
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M5.707 7.121L1.414 11.414L0 10L4.293 5.707L0 1.414L1.414 0L5.707 4.293L10 0L11.414 1.414L7.121 5.707L11.414 10L10 11.414L5.707 7.121Z" fill="currentColor"/>
11
+ </symbol>
12
+ <symbol id="icon-dm-submit" viewBox="0 0 512 512">
13
+ <path d="M291.48 449.94C288.668 449.938 285.913 449.146 283.529 447.653C281.146 446.161 279.23 444.029 278 441.5L207.5 296.57L62.57 226.08C59.9592 224.807 57.774 222.804 56.2797 220.313C54.7855 217.823 54.0464 214.952 54.1523 212.049C54.2582 209.147 55.2045 206.338 56.8762 203.963C58.548 201.587 60.8734 199.749 63.57 198.67L435.48 49.0798C438.209 47.9798 441.201 47.7068 444.084 48.2946C446.967 48.8824 449.614 50.3051 451.694 52.3856C453.775 54.4661 455.197 57.1126 455.785 59.9956C456.373 62.8786 456.1 65.8708 455 68.5998L305.4 440.54C304.315 443.234 302.472 445.556 300.093 447.223C297.714 448.89 294.903 449.83 292 449.93L291.48 449.94ZM106.1 213.94L225.28 271.94C228.301 273.409 230.741 275.849 232.21 278.87L290.21 398.05L414 89.9998L106.1 213.94Z" fill="currentColor"/>
14
+ <path d="M218.72 300.349C215.753 300.349 212.853 299.468 210.387 297.819C207.92 296.17 205.998 293.827 204.863 291.086C203.729 288.345 203.433 285.328 204.012 282.419C204.592 279.509 206.021 276.837 208.12 274.739L430.47 52.3893C431.863 50.9966 433.517 49.8921 435.337 49.1386C437.158 48.3851 439.108 47.9976 441.078 47.998C443.048 47.9985 444.999 48.387 446.819 49.1413C448.639 49.8956 450.292 51.001 451.685 52.3943C453.078 53.7876 454.182 55.4416 454.936 57.2618C455.689 59.0821 456.077 61.0329 456.076 63.0029C456.076 64.9728 455.687 66.9235 454.933 68.7433C454.179 70.5632 453.073 72.2166 451.68 73.6093L229.33 295.999C226.509 298.797 222.693 300.362 218.72 300.349Z" fill="white"/>
15
+ </symbol>
16
+ <symbol id="icon-document" viewBox="0 0 24 24">
17
+ <path d="M3 10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157C21 4.34315 21 6.22876 21 10V14C21 17.7712 21 19.6569 19.8284 20.8284C18.6569 22 16.7712 22 13 22H11C7.22876 22 5.34315 22 4.17157 20.8284C3 19.6569 3 17.7712 3 14V10Z" stroke="#1C274C" stroke-width="1.5" fill="currentColor"/>
18
+ <path d="M8 12H16" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
19
+ <path d="M8 8H16" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
20
+ <path d="M8 16H13" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
21
+ </symbol>
22
+ <symbol id="icon-gallery" viewBox="0 0 24 24">
23
+ <path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" stroke="#1C274C" stroke-width="1.5" fill="currentColor"/>
24
+ <path d="M2 12.5001L3.75159 10.9675C4.66286 10.1702 6.03628 10.2159 6.89249 11.0721L11.1822 15.3618C11.8694 16.0491 12.9512 16.1428 13.7464 15.5839L14.0446 15.3744C15.1888 14.5702 16.7369 14.6634 17.7765 15.599L21 18.5001" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
25
+ <circle cx="16" cy="8" r="2" stroke="#1C274C" stroke-width="1.5"/>
26
+ </symbol>
27
+ <symbol id="icon-left-align" viewBox="0 0 24 24">
28
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4.06993 7H20.0699C20.2688 7 20.4596 6.92098 20.6003 6.78033C20.7409 6.63968 20.8199 6.44891 20.8199 6.25C20.8199 6.05109 20.7409 5.86032 20.6003 5.71967C20.4596 5.57902 20.2688 5.5 20.0699 5.5H4.06993C3.87102 5.5 3.68025 5.57902 3.5396 5.71967C3.39895 5.86032 3.31993 6.05109 3.31993 6.25C3.31993 6.44891 3.39895 6.63968 3.5396 6.78033C3.68025 6.92098 3.87102 7 4.06993 7ZM3.92993 11H13.9299C14.1288 11 14.3196 10.921 14.4603 10.7803C14.6009 10.6397 14.6799 10.4489 14.6799 10.25C14.6799 10.0511 14.6009 9.86032 14.4603 9.71967C14.3196 9.57902 14.1288 9.5 13.9299 9.5H3.92993C3.73102 9.5 3.54025 9.57902 3.3996 9.71967C3.25895 9.86032 3.17993 10.0511 3.17993 10.25C3.17993 10.4489 3.25895 10.6397 3.3996 10.7803C3.54025 10.921 3.73102 11 3.92993 11ZM20.0699 15H4.06993C3.87102 15 3.68025 14.921 3.5396 14.7803C3.39895 14.6397 3.31993 14.4489 3.31993 14.25C3.31993 14.0511 3.39895 13.8603 3.5396 13.7197C3.68025 13.579 3.87102 13.5 4.06993 13.5H20.0699C20.2688 13.5 20.4596 13.579 20.6003 13.7197C20.7409 13.8603 20.8199 14.0511 20.8199 14.25C20.8199 14.4489 20.7409 14.6397 20.6003 14.7803C20.4596 14.921 20.2688 15 20.0699 15ZM3.92993 19H13.9299C14.1288 19 14.3196 18.921 14.4603 18.7803C14.6009 18.6397 14.6799 18.4489 14.6799 18.25C14.6799 18.0511 14.6009 17.8603 14.4603 17.7197C14.3196 17.579 14.1288 17.5 13.9299 17.5H3.92993C3.73102 17.5 3.54025 17.579 3.3996 17.7197C3.25895 17.8603 3.17993 18.0511 3.17993 18.25C3.17993 18.4489 3.25895 18.6397 3.3996 18.7803C3.54025 18.921 3.73102 19 3.92993 19Z" fill="currentColor"/>
29
+ </symbol>
30
+ <symbol id="icon-lm-submit" viewBox="0 0 512 512">
31
+ <title/>
32
+ <g data-name="1" id="_1">
33
+ <path d="M291.48,449.94A15,15,0,0,1,278,441.5L207.5,296.57,62.57,226.08a15,15,0,0,1,1-27.41L435.48,49.08A15,15,0,0,1,455,68.6L305.4,440.54A15,15,0,0,1,292,449.93Zm-185.38-236,119.18,58a15,15,0,0,1,6.93,6.93l58,119.18L414,90Z"/>
34
+ <path d="M218.72,300.35a15,15,0,0,1-10.6-25.61L430.47,52.39a15,15,0,1,1,21.21,21.22L229.33,296A15,15,0,0,1,218.72,300.35Z"/>
35
+ </g>
36
+ </symbol>
37
+ <symbol id="icon-menu" viewBox="0 0 24 24">
38
+ <path d="M19 15.75C19.1989 15.75 19.3896 15.8291 19.5303 15.9697C19.6709 16.1104 19.75 16.3011 19.75 16.5C19.75 16.6989 19.6709 16.8896 19.5303 17.0303C19.3896 17.1709 19.1989 17.25 19 17.25H5C4.80109 17.25 4.61038 17.1709 4.46973 17.0303C4.32907 16.8896 4.25 16.6989 4.25 16.5C4.25 16.3011 4.32907 16.1104 4.46973 15.9697C4.61038 15.8291 4.80109 15.75 5 15.75H19ZM19 11.25C19.1989 11.25 19.3896 11.3291 19.5303 11.4697C19.6709 11.6104 19.75 11.8011 19.75 12C19.75 12.1989 19.6709 12.3896 19.5303 12.5303C19.3896 12.6709 19.1989 12.75 19 12.75H5C4.80109 12.75 4.61038 12.6709 4.46973 12.5303C4.32907 12.3896 4.25 12.1989 4.25 12C4.25 11.8011 4.32907 11.6104 4.46973 11.4697C4.61038 11.3291 4.80109 11.25 5 11.25H19ZM19 6.75C19.1989 6.75 19.3896 6.82907 19.5303 6.96973C19.6709 7.11038 19.75 7.30109 19.75 7.5C19.75 7.69891 19.6709 7.88962 19.5303 8.03027C19.3896 8.17093 19.1989 8.25 19 8.25H5C4.80109 8.25 4.61038 8.17093 4.46973 8.03027C4.32907 7.88962 4.25 7.69891 4.25 7.5C4.25 7.30109 4.32907 7.11038 4.46973 6.96973C4.61038 6.82907 4.80109 6.75 5 6.75H19Z" fill="currentColor"/>
39
+ </symbol>
40
+ <symbol id="icon-notification" viewBox="0 0 24 24">
41
+ <path d="M18.17 4.44H16.83C15.82 4.44 15 5.26 15 6.27V6.72L5.5 8.76V8.25C5.5 7.84 5.16 7.5 4.75 7.5C4.34 7.5 4 7.84 4 8.25V15.25C4 15.66 4.34 16 4.75 16C5.16 16 5.5 15.66 5.5 15.25V14.62L15 16.66V17.11C15 18.12 15.82 18.94 16.83 18.94H18.17C19.18 18.94 20 18.12 20 17.11V6.27C20 5.26 19.18 4.44 18.17 4.44ZM5.5 13.08V10.29L15 8.25V15.12L5.5 13.08ZM18.5 17.11C18.5 17.29 18.35 17.44 18.17 17.44H16.83C16.65 17.44 16.5 17.29 16.5 17.11V6.27C16.5 6.09 16.65 5.94 16.83 5.94H18.17C18.35 5.94 18.5 6.09 18.5 6.27V17.11ZM12.97 17.63C12.6 18.79 11.53 19.57 10.3 19.57C8.76 19.57 7.5 18.33 7.5 16.82C7.5 16.71 7.5 16.59 7.52 16.48C7.57 16.07 7.95 15.78 8.36 15.83C8.77 15.88 9.06 16.25 9.01 16.66C9.01 16.71 9.01 16.76 9.01 16.81C9.01 17.5 9.59 18.06 10.31 18.06C10.88 18.06 11.38 17.7 11.55 17.17C11.67 16.77 12.1 16.55 12.49 16.68C12.89 16.8 13.1 17.23 12.98 17.62L12.97 17.63Z" fill="currentColor"/>
42
+ </symbol>
43
+ <symbol id="icon-slanted-check" viewBox="0 0 24 24">
44
+ <path d="M18.4424 5.29585C18.9694 4.84997 19.7582 4.91549 20.2042 5.44234C20.65 5.96929 20.5845 6.7581 20.0577 7.20406L7.05767 18.2041C6.74104 18.472 6.31154 18.5651 5.91217 18.4531C5.51311 18.341 5.19568 18.0387 5.06451 17.6455L3.06451 11.6455C2.84623 10.9906 3.19981 10.2828 3.85455 10.0644C4.50938 9.84613 5.21718 10.1997 5.4356 10.8544L6.85162 15.1025L18.4424 5.29585Z" fill="currentColor"/>
45
+ </symbol>
46
+ <symbol id="icon-van" viewBox="0 0 24 24">
47
+ <path d="M17.5 6.75H15.5V6C15.5 5.04 14.71 4.25 13.75 4.25H4.5C3.54 4.25 2.75 5.04 2.75 6V15C2.75 15.96 3.54 16.75 4.5 16.75H4.78C4.91 18.42 6.3 19.75 8 19.75C9.7 19.75 11.09 18.42 11.22 16.75H12.77C12.9 18.42 14.29 19.75 15.99 19.75C17.69 19.75 19.08 18.42 19.21 16.75H19.49C20.45 16.75 21.24 15.96 21.24 15V10.5C21.24 8.43 19.56 6.75 17.49 6.75H17.5ZM4.25 15V6C4.25 5.86 4.36 5.75 4.5 5.75H13.75C13.89 5.75 14 5.86 14 6V13.94C14 13.94 13.95 14 13.92 14.02C13.77 14.15 13.63 14.29 13.5 14.44C13.46 14.49 13.42 14.53 13.39 14.58C13.24 14.79 13.1 15 13.01 15.24H11.01C11.01 15.24 11.01 15.24 11.01 15.23C10.94 15.06 10.84 14.89 10.74 14.74C10.71 14.7 10.68 14.66 10.65 14.61C10.57 14.49 10.48 14.39 10.38 14.28C10.34 14.24 10.31 14.2 10.27 14.16C10.14 14.04 10.01 13.93 9.87 13.83C9.85 13.82 9.84 13.8 9.82 13.79C9.67 13.69 9.51 13.61 9.35 13.53C9.29 13.5 9.23 13.48 9.17 13.46C9.04 13.41 8.92 13.37 8.79 13.34C8.73 13.33 8.67 13.31 8.61 13.3C8.42 13.26 8.22 13.24 8.02 13.24C7.82 13.24 7.63 13.26 7.43 13.3C7.37 13.31 7.31 13.33 7.25 13.34C7.12 13.37 6.99 13.41 6.87 13.46C6.81 13.48 6.75 13.5 6.69 13.53C6.53 13.6 6.37 13.69 6.22 13.79C6.2 13.8 6.19 13.81 6.17 13.83C6.03 13.93 5.89 14.04 5.77 14.16C5.73 14.2 5.69 14.24 5.66 14.28C5.56 14.38 5.47 14.49 5.39 14.61C5.36 14.65 5.33 14.69 5.3 14.74C5.2 14.9 5.11 15.06 5.03 15.23C5.03 15.23 5.03 15.23 5.03 15.24H4.53C4.39 15.24 4.28 15.13 4.28 14.99L4.25 15ZM8 18.25C7.04 18.25 6.25 17.46 6.25 16.5C6.25 16.38 6.26 16.26 6.29 16.15C6.33 15.97 6.4 15.8 6.49 15.65C6.5 15.62 6.52 15.6 6.53 15.57C6.62 15.43 6.73 15.3 6.86 15.19C6.89 15.17 6.91 15.15 6.94 15.13C7.07 15.03 7.22 14.94 7.38 14.88C7.4 14.88 7.43 14.86 7.46 14.86C7.63 14.8 7.82 14.76 8.01 14.76C8.2 14.76 8.38 14.8 8.56 14.86C8.59 14.86 8.61 14.87 8.64 14.88C8.8 14.94 8.95 15.03 9.08 15.13C9.11 15.15 9.13 15.17 9.16 15.19C9.29 15.3 9.4 15.43 9.49 15.57C9.51 15.59 9.52 15.62 9.53 15.65C9.62 15.81 9.69 15.97 9.73 16.15C9.75 16.26 9.77 16.38 9.77 16.5C9.77 17.46 8.98 18.25 8.02 18.25H8ZM16 18.25C15.04 18.25 14.25 17.46 14.25 16.5C14.25 16.38 14.26 16.26 14.29 16.15C14.32 16.03 14.35 15.91 14.4 15.8C14.4 15.8 14.4 15.79 14.4 15.78C14.45 15.68 14.5 15.58 14.57 15.49C14.58 15.47 14.6 15.46 14.61 15.44C14.67 15.36 14.73 15.29 14.8 15.22C14.82 15.2 14.84 15.19 14.86 15.17C14.93 15.11 15.01 15.05 15.09 15C15.11 14.99 15.14 14.97 15.17 14.96C15.26 14.91 15.36 14.87 15.46 14.84C15.5 14.83 15.54 14.81 15.59 14.8C15.72 14.77 15.86 14.75 16 14.75C16.19 14.75 16.37 14.79 16.55 14.85C16.58 14.85 16.6 14.86 16.63 14.87C16.79 14.93 16.94 15.02 17.07 15.12C17.1 15.14 17.12 15.16 17.15 15.18C17.28 15.29 17.39 15.42 17.48 15.56C17.5 15.58 17.51 15.61 17.52 15.64C17.61 15.8 17.68 15.96 17.72 16.14C17.74 16.25 17.76 16.37 17.76 16.49C17.76 17.45 16.97 18.24 16.01 18.24L16 18.25ZM15.5 11.25V8.25H17.5C18.74 8.25 19.75 9.26 19.75 10.5V11.25H15.5Z" fill="currentColor"/>
48
+ </symbol>
49
49
  </svg>
package/lib/styles/_styles.scss ADDED
@@ -0,0 +1,124 @@
1
+ @use 'variables' as *;
2
+
3
+
4
+ :root {
5
+ --primary-color: orange;
6
+ }
7
+ // .square-x {
8
+ // background-color: $semantic-color-bg-primary;
9
+ // // background-color: blue;
10
+ // height:100px;
11
+ // width: 100px;
12
+ // }
13
+ /* ---------------------------------------------------
14
+ 🌐 Global styles
15
+ --------------------------------------------------- */
16
+
17
+ /* Base resets and typography */
18
+ * {
19
+ box-sizing: border-box;
20
+ font-family: Arial, sans-serif;
21
+ font-size: 16px;
22
+ line-height: 1.5;
23
+ }
24
+
25
+ /* ---------------------------------------------------
26
+ 💬 Tooltip Directive
27
+ --------------------------------------------------- */
28
+ /**
29
+ * Example:
30
+ * <dso-button dsoDirectiveTooltip="Insert text here"></dso-button>
31
+ */
32
+ .tooltip-container {
33
+ position: relative;
34
+ display: inline-block; // Keeps tooltip positioning stable
35
+ }
36
+
37
+ .tooltip-directive {
38
+ position: absolute;
39
+ background-color: rgba(0, 0, 0);
40
+ color: white;
41
+ white-space: normal;
42
+ word-break: break-word;
43
+ border-radius: 4px;
44
+ padding: 12px;
45
+ font-size: 12px;
46
+ text-align: left;
47
+ visibility: hidden;
48
+ z-index: 1000;
49
+
50
+ &.top {
51
+ bottom: calc(100% + 4px);
52
+ transform: translateX(-25%);
53
+ }
54
+
55
+ &.bottom {
56
+ top: calc(100% + 4px);
57
+ transform: translateX(-25%);
58
+ }
59
+
60
+ &.left {
61
+ top: 0;
62
+ right: calc(100% + 4px);
63
+ transform: translateY(-25%);
64
+ }
65
+
66
+ &.right {
67
+ bottom: 0;
68
+ left: calc(100% + 4px);
69
+ transform: translateY(25%);
70
+ }
71
+ }
72
+
73
+ /* ---------------------------------------------------
74
+ 🏷️ Badge Directive
75
+ --------------------------------------------------- */
76
+
77
+ /**
78
+ * Example:
79
+ * <dso-button dsoDirectiveBadge="5" badgeColor="success"></dso-button>
80
+ */
81
+
82
+ .badge-directive {
83
+ /* Positioning */
84
+ position: absolute;
85
+ top: 0px;
86
+ right: 0px;
87
+ transform: translate(50%, -50%);
88
+ z-index: 10;
89
+
90
+ /* Layout */
91
+ display: inline-flex;
92
+ align-items: center;
93
+ justify-content: center;
94
+
95
+ /* Sizing */
96
+ min-width: 1.25rem;
97
+ padding: 0.25rem 0.5rem;
98
+ border-radius: 1rem;
99
+
100
+ /* Typography */
101
+ font-size: 0.7rem;
102
+ font-weight: 600;
103
+ line-height: 1;
104
+ color: white;
105
+ text-transform: uppercase;
106
+
107
+ /* Default background (primary) */
108
+ background-color: var(--badge-color, #007bff);
109
+ }
110
+
111
+ /* Dot (no label) */
112
+ .badge-directive.dot {
113
+ width: 0.5rem;
114
+ height: 0.5rem;
115
+ min-width: 0;
116
+ padding: 0;
117
+ border-radius: 50%;
118
+ }
119
+
120
+ /* Color variations */
121
+ .badge-directive.info { --badge-color: #007bff; }
122
+ .badge-directive.success { --badge-color: #28a745; }
123
+ .badge-directive.warning { --badge-color: #ffc107; color: #000; }
124
+ .badge-directive.danger { --badge-color: #dc3545; }
package/lib/styles/_variables.scss ADDED
@@ -0,0 +1,571 @@
1
+
2
+ // Do not edit directly, this file was auto-generated.
3
+
4
+ $base-color-palette-blue-50: #f6fbfd;
5
+ $base-color-palette-blue-100: #e0f0f9;
6
+ $base-color-palette-blue-200: #b1dbef;
7
+ $base-color-palette-blue-300: #84c5e6;
8
+ $base-color-palette-blue-400: #53afdc;
9
+ $base-color-palette-blue-500: #1993d0;
10
+ $base-color-palette-blue-600: #0077b2;
11
+ $base-color-palette-blue-700: #006596;
12
+ $base-color-palette-blue-800: #005179;
13
+ $base-color-palette-blue-900: #003c5a;
14
+ $base-color-palette-green-50: #f7fbeb;
15
+ $base-color-palette-green-100: #dff3dc;
16
+ $base-color-palette-green-200: #b0e1aa;
17
+ $base-color-palette-green-300: #7fce7a;
18
+ $base-color-palette-green-400: #69ad65;
19
+ $base-color-palette-green-500: #51834e;
20
+ $base-color-palette-green-600: #42673f;
21
+ $base-color-palette-green-700: #365233;
22
+ $base-color-palette-green-800: #2a3e28;
23
+ $base-color-palette-green-900: #1e2b1d;
24
+ $base-color-palette-red-50: #fffbfb;
25
+ $base-color-palette-red-100: #ffe9e5;
26
+ $base-color-palette-red-200: #ffc7bf;
27
+ $base-color-palette-red-300: #fca69c;
28
+ $base-color-palette-red-400: #f37a73;
29
+ $base-color-palette-red-500: #ba5a56;
30
+ $base-color-palette-red-600: #934846;
31
+ $base-color-palette-red-700: #743a3a;
32
+ $base-color-palette-red-800: #572d2d;
33
+ $base-color-palette-red-900: #3b2020;
34
+ $base-color-palette-gray-50: #f9fafb;
35
+ $base-color-palette-gray-100: #f3f4f6;
36
+ $base-color-palette-gray-200: #e5e7eb;
37
+ $base-color-palette-gray-300: #d1d5db;
38
+ $base-color-palette-gray-400: #9ca3af;
39
+ $base-color-palette-gray-500: #6b7280;
40
+ $base-color-palette-gray-700: #374151;
41
+ $base-color-palette-gray-900: #111827;
42
+ $base-opacity-0: 0;
43
+ $base-opacity-10: 0.1;
44
+ $base-opacity-30: 0.3;
45
+ $base-opacity-40: 0.4;
46
+ $base-opacity-50: 0.5;
47
+ $base-spacing-spacing-1: 4px;
48
+ $base-spacing-spacing-2: 8px;
49
+ $base-spacing-spacing-3: 12px;
50
+ $base-spacing-spacing-4: 16px;
51
+ $base-spacing-spacing-5: 24px;
52
+ $base-spacing-spacing-6: 32px;
53
+ $base-spacing-spacing-7: 36px;
54
+ $base-font-size-font-size-10: 10px;
55
+ $base-font-size-font-size-12: 12px;
56
+ $base-font-size-font-size-16: 16px;
57
+ $base-font-size-font-size-20: 20px;
58
+ $base-font-size-font-size-24: 24px;
59
+ $base-font-weight-400: 400;
60
+ $base-font-weight-500: 500;
61
+ $base-font-weight-700: 700;
62
+ $base-font-line-height-line-height-1: 1.2;
63
+ $base-font-line-height-line-height-2: 1.4;
64
+ $base-font-line-height-line-height-3: 1.6;
65
+ $base-radius-radius-1: 4px;
66
+ $base-radius-radius-2: 8px;
67
+ $base-radius-radius-3: 12px;
68
+ $base-radius-radius-full: 9999px;
69
+ $semantic-color-bg-primary: #1993d0;
70
+ $semantic-color-bg-primary-hover: #1993d0;
71
+ $semantic-color-bg-primary-active: #1993d0;
72
+ $semantic-color-bg-primary-focus: #1993d0;
73
+ $semantic-color-bg-secondary: #51834e;
74
+ $semantic-color-bg-secondary-hover: #51834e;
75
+ $semantic-color-bg-secondary-active: #51834e;
76
+ $semantic-color-bg-secondary-focus: #51834e;
77
+ $semantic-color-bg-surface: #f9fafb;
78
+ $semantic-color-bg-surface-hover: #f9fafb;
79
+ $semantic-color-bg-surface-active: #f9fafb;
80
+ $semantic-color-bg-surface-focus: #f9fafb;
81
+ $semantic-color-bg-surface-alt: #f3f4f6;
82
+ $semantic-color-bg-surface-alt-hover: #f3f4f6;
83
+ $semantic-color-bg-surface-alt-active: #f3f4f6;
84
+ $semantic-color-bg-surface-alt-focus: #f3f4f6;
85
+ $semantic-color-bg-danger: #ba5a56;
86
+ $semantic-color-bg-danger-hover: #ba5a56;
87
+ $semantic-color-bg-danger-active: #ba5a56;
88
+ $semantic-color-bg-danger-focus: #ba5a56;
89
+ $semantic-color-bg-success: #51834e;
90
+ $semantic-color-bg-success-hover: #51834e;
91
+ $semantic-color-bg-success-active: #51834e;
92
+ $semantic-color-bg-success-focus: #51834e;
93
+ $semantic-color-bg-warning: #fca69c;
94
+ $semantic-color-bg-warning-hover: #fca69c;
95
+ $semantic-color-bg-warning-active: #fca69c;
96
+ $semantic-color-bg-warning-focus: #fca69c;
97
+ $semantic-color-bg-info: #b1dbef;
98
+ $semantic-color-bg-info-hover: #b1dbef;
99
+ $semantic-color-bg-info-active: #b1dbef;
100
+ $semantic-color-bg-info-focus: #b1dbef;
101
+ $semantic-color-text-primary: #111827;
102
+ $semantic-color-text-primary-hover: #111827;
103
+ $semantic-color-text-primary-active: #111827;
104
+ $semantic-color-text-primary-focus: #111827;
105
+ $semantic-color-text-secondary: #374151;
106
+ $semantic-color-text-secondary-hover: #374151;
107
+ $semantic-color-text-secondary-active: #374151;
108
+ $semantic-color-text-secondary-focus: #374151;
109
+ $semantic-color-text-muted: #6b7280;
110
+ $semantic-color-text-muted-hover: #6b7280;
111
+ $semantic-color-text-muted-active: #6b7280;
112
+ $semantic-color-text-muted-focus: #6b7280;
113
+ $semantic-color-text-danger: #934846;
114
+ $semantic-color-text-danger-hover: #934846;
115
+ $semantic-color-text-danger-active: #934846;
116
+ $semantic-color-text-danger-focus: #934846;
117
+ $semantic-color-text-success: #42673f;
118
+ $semantic-color-text-success-hover: #42673f;
119
+ $semantic-color-text-success-active: #42673f;
120
+ $semantic-color-text-success-focus: #42673f;
121
+ $semantic-color-border-default: #d1d5db;
122
+ $semantic-color-border-default-hover: #d1d5db;
123
+ $semantic-color-border-default-active: #d1d5db;
124
+ $semantic-color-border-default-focus: #d1d5db;
125
+ $semantic-color-border-focus: #1993d0;
126
+ $semantic-color-border-focus-hover: #1993d0;
127
+ $semantic-color-border-focus-active: #1993d0;
128
+ $semantic-color-border-focus-focus: #1993d0;
129
+ $semantic-color-border-danger: #934846;
130
+ $semantic-color-border-danger-hover: #934846;
131
+ $semantic-color-border-danger-active: #934846;
132
+ $semantic-color-border-danger-focus: #934846;
133
+ $semantic-color-border-muted: #e5e7eb;
134
+ $semantic-color-border-muted-hover: #e5e7eb;
135
+ $semantic-color-border-muted-active: #e5e7eb;
136
+ $semantic-color-border-muted-focus: #e5e7eb;
137
+ $semantic-spacing-small-gutter: 8px;
138
+ $semantic-spacing-medium-gutter: 16px;
139
+ $semantic-spacing-large-gutter: 32px;
140
+ $semantic-font-heading-size: 20px;
141
+ $semantic-font-heading-weight: 700;
142
+ $semantic-font-heading-line-height: 1.6;
143
+ $semantic-font-body-size: 16px;
144
+ $semantic-font-body-weight: 400;
145
+ $semantic-font-body-line-height: 1.4;
146
+ $semantic-font-caption-size: 12px;
147
+ $semantic-font-caption-weight: 500;
148
+ $semantic-font-caption-line-height: 1.2;
149
+ $semantic-opacity-disabled: 0.5;
150
+ $semantic-opacity-muted: 0.4;
151
+ $semantic-opacity-overlay: 0.3;
152
+ $semantic-opacity-ghost: 0.1;
153
+ $semantic-opacity-hidden: 0;
154
+ $semantic-radius-small: 4px;
155
+ $semantic-radius-medium: 8px;
156
+ $semantic-radius-large: 12px;
157
+ $semantic-radius-pill: 9999px;
158
+ $component-button-primary-radius: 8px;
159
+ $component-button-primary-font-size: 16px;
160
+ $component-button-primary-line-height: 1.4;
161
+ $component-button-primary-padding: 16px;
162
+ $component-button-primary-hover-bg: #1993d0;
163
+ $component-button-primary-hover-color: #111827;
164
+ $component-button-primary-hover-border: #d1d5db;
165
+ $component-button-primary-active-bg: #1993d0;
166
+ $component-button-primary-active-color: #111827;
167
+ $component-button-primary-active-border: #d1d5db;
168
+ $component-button-primary-focus-bg: #1993d0;
169
+ $component-button-primary-focus-color: #111827;
170
+ $component-button-primary-focus-border: #d1d5db;
171
+ $component-button-primary-disabled-bg: #1993d0;
172
+ $component-button-primary-disabled-color: #111827;
173
+ $component-button-primary-disabled-border: #d1d5db;
174
+ $component-button-danger-radius: 8px;
175
+ $component-button-danger-font-size: 16px;
176
+ $component-button-danger-line-height: 1.4;
177
+ $component-button-danger-padding: 16px;
178
+ $component-button-danger-hover-bg: #ba5a56;
179
+ $component-button-danger-hover-color: #111827;
180
+ $component-button-danger-hover-border: #d1d5db;
181
+ $component-button-danger-active-bg: #ba5a56;
182
+ $component-button-danger-active-color: #111827;
183
+ $component-button-danger-active-border: #d1d5db;
184
+ $component-button-danger-focus-bg: #ba5a56;
185
+ $component-button-danger-focus-color: #111827;
186
+ $component-button-danger-focus-border: #d1d5db;
187
+ $component-button-danger-disabled-bg: #ba5a56;
188
+ $component-button-danger-disabled-color: #111827;
189
+ $component-button-danger-disabled-border: #d1d5db;
190
+ $component-button-success-radius: 8px;
191
+ $component-button-success-font-size: 16px;
192
+ $component-button-success-line-height: 1.4;
193
+ $component-button-success-padding: 16px;
194
+ $component-button-success-hover-bg: #51834e;
195
+ $component-button-success-hover-color: #111827;
196
+ $component-button-success-hover-border: #d1d5db;
197
+ $component-button-success-active-bg: #51834e;
198
+ $component-button-success-active-color: #111827;
199
+ $component-button-success-active-border: #d1d5db;
200
+ $component-button-success-focus-bg: #51834e;
201
+ $component-button-success-focus-color: #111827;
202
+ $component-button-success-focus-border: #d1d5db;
203
+ $component-button-success-disabled-bg: #51834e;
204
+ $component-button-success-disabled-color: #111827;
205
+ $component-button-success-disabled-border: #d1d5db;
206
+ $component-button-warning-radius: 8px;
207
+ $component-button-warning-font-size: 16px;
208
+ $component-button-warning-line-height: 1.4;
209
+ $component-button-warning-padding: 16px;
210
+ $component-button-warning-hover-bg: #fca69c;
211
+ $component-button-warning-hover-color: #111827;
212
+ $component-button-warning-hover-border: #d1d5db;
213
+ $component-button-warning-active-bg: #fca69c;
214
+ $component-button-warning-active-color: #111827;
215
+ $component-button-warning-active-border: #d1d5db;
216
+ $component-button-warning-focus-bg: #fca69c;
217
+ $component-button-warning-focus-color: #111827;
218
+ $component-button-warning-focus-border: #d1d5db;
219
+ $component-button-warning-disabled-bg: #fca69c;
220
+ $component-button-warning-disabled-color: #111827;
221
+ $component-button-warning-disabled-border: #d1d5db;
222
+ $component-checkbox-radius: 8px;
223
+ $component-checkbox-font-size: 16px;
224
+ $component-checkbox-line-height: 1.4;
225
+ $component-checkbox-padding: 16px;
226
+ $component-checkbox-hover-bg: #1993d0;
227
+ $component-checkbox-hover-color: #111827;
228
+ $component-checkbox-hover-border: #d1d5db;
229
+ $component-checkbox-active-bg: #1993d0;
230
+ $component-checkbox-active-color: #111827;
231
+ $component-checkbox-active-border: #d1d5db;
232
+ $component-checkbox-focus-bg: #1993d0;
233
+ $component-checkbox-focus-color: #111827;
234
+ $component-checkbox-focus-border: #d1d5db;
235
+ $component-checkbox-disabled-bg: #1993d0;
236
+ $component-checkbox-disabled-color: #111827;
237
+ $component-checkbox-disabled-border: #d1d5db;
238
+ $component-radio-radius: 8px;
239
+ $component-radio-font-size: 16px;
240
+ $component-radio-line-height: 1.4;
241
+ $component-radio-padding: 16px;
242
+ $component-radio-hover-bg: #1993d0;
243
+ $component-radio-hover-color: #111827;
244
+ $component-radio-hover-border: #d1d5db;
245
+ $component-radio-active-bg: #1993d0;
246
+ $component-radio-active-color: #111827;
247
+ $component-radio-active-border: #d1d5db;
248
+ $component-radio-focus-bg: #1993d0;
249
+ $component-radio-focus-color: #111827;
250
+ $component-radio-focus-border: #d1d5db;
251
+ $component-radio-disabled-bg: #1993d0;
252
+ $component-radio-disabled-color: #111827;
253
+ $component-radio-disabled-border: #d1d5db;
254
+ $component-input-field-radius: 8px;
255
+ $component-input-field-font-size: 16px;
256
+ $component-input-field-line-height: 1.4;
257
+ $component-input-field-padding: 16px;
258
+ $component-input-field-hover-bg: #1993d0;
259
+ $component-input-field-hover-color: #111827;
260
+ $component-input-field-hover-border: #d1d5db;
261
+ $component-input-field-active-bg: #1993d0;
262
+ $component-input-field-active-color: #111827;
263
+ $component-input-field-active-border: #d1d5db;
264
+ $component-input-field-focus-bg: #1993d0;
265
+ $component-input-field-focus-color: #111827;
266
+ $component-input-field-focus-border: #d1d5db;
267
+ $component-input-field-disabled-bg: #1993d0;
268
+ $component-input-field-disabled-color: #111827;
269
+ $component-input-field-disabled-border: #d1d5db;
270
+ $component-text-input-radius: 8px;
271
+ $component-text-input-font-size: 16px;
272
+ $component-text-input-line-height: 1.4;
273
+ $component-text-input-padding: 16px;
274
+ $component-text-input-hover-bg: #1993d0;
275
+ $component-text-input-hover-color: #111827;
276
+ $component-text-input-hover-border: #d1d5db;
277
+ $component-text-input-active-bg: #1993d0;
278
+ $component-text-input-active-color: #111827;
279
+ $component-text-input-active-border: #d1d5db;
280
+ $component-text-input-focus-bg: #1993d0;
281
+ $component-text-input-focus-color: #111827;
282
+ $component-text-input-focus-border: #d1d5db;
283
+ $component-text-input-disabled-bg: #1993d0;
284
+ $component-text-input-disabled-color: #111827;
285
+ $component-text-input-disabled-border: #d1d5db;
286
+ $component-single-select-radius: 8px;
287
+ $component-single-select-font-size: 16px;
288
+ $component-single-select-line-height: 1.4;
289
+ $component-single-select-padding: 16px;
290
+ $component-single-select-hover-bg: #1993d0;
291
+ $component-single-select-hover-color: #111827;
292
+ $component-single-select-hover-border: #d1d5db;
293
+ $component-single-select-active-bg: #1993d0;
294
+ $component-single-select-active-color: #111827;
295
+ $component-single-select-active-border: #d1d5db;
296
+ $component-single-select-focus-bg: #1993d0;
297
+ $component-single-select-focus-color: #111827;
298
+ $component-single-select-focus-border: #d1d5db;
299
+ $component-single-select-disabled-bg: #1993d0;
300
+ $component-single-select-disabled-color: #111827;
301
+ $component-single-select-disabled-border: #d1d5db;
302
+ $component-date-picker-radius: 8px;
303
+ $component-date-picker-font-size: 16px;
304
+ $component-date-picker-line-height: 1.4;
305
+ $component-date-picker-padding: 16px;
306
+ $component-date-picker-hover-bg: #1993d0;
307
+ $component-date-picker-hover-color: #111827;
308
+ $component-date-picker-hover-border: #d1d5db;
309
+ $component-date-picker-active-bg: #1993d0;
310
+ $component-date-picker-active-color: #111827;
311
+ $component-date-picker-active-border: #d1d5db;
312
+ $component-date-picker-focus-bg: #1993d0;
313
+ $component-date-picker-focus-color: #111827;
314
+ $component-date-picker-focus-border: #d1d5db;
315
+ $component-date-picker-disabled-bg: #1993d0;
316
+ $component-date-picker-disabled-color: #111827;
317
+ $component-date-picker-disabled-border: #d1d5db;
318
+ $component-tabs-radius: 8px;
319
+ $component-tabs-font-size: 16px;
320
+ $component-tabs-line-height: 1.4;
321
+ $component-tabs-padding: 16px;
322
+ $component-tabs-hover-bg: #1993d0;
323
+ $component-tabs-hover-color: #111827;
324
+ $component-tabs-hover-border: #d1d5db;
325
+ $component-tabs-active-bg: #1993d0;
326
+ $component-tabs-active-color: #111827;
327
+ $component-tabs-active-border: #d1d5db;
328
+ $component-tabs-focus-bg: #1993d0;
329
+ $component-tabs-focus-color: #111827;
330
+ $component-tabs-focus-border: #d1d5db;
331
+ $component-tabs-disabled-bg: #1993d0;
332
+ $component-tabs-disabled-color: #111827;
333
+ $component-tabs-disabled-border: #d1d5db;
334
+ $component-badge-primary-radius: 8px;
335
+ $component-badge-primary-font-size: 16px;
336
+ $component-badge-primary-line-height: 1.4;
337
+ $component-badge-primary-padding: 16px;
338
+ $component-badge-primary-bg: #1993d0;
339
+ $component-badge-primary-color: #111827;
340
+ $component-badge-primary-border: #d1d5db;
341
+ $component-badge-success-radius: 8px;
342
+ $component-badge-success-font-size: 16px;
343
+ $component-badge-success-line-height: 1.4;
344
+ $component-badge-success-padding: 16px;
345
+ $component-badge-success-bg: #51834e;
346
+ $component-badge-success-color: #111827;
347
+ $component-badge-success-border: #d1d5db;
348
+ $component-badge-warning-radius: 8px;
349
+ $component-badge-warning-font-size: 16px;
350
+ $component-badge-warning-line-height: 1.4;
351
+ $component-badge-warning-padding: 16px;
352
+ $component-badge-warning-bg: #fca69c;
353
+ $component-badge-warning-color: #111827;
354
+ $component-badge-warning-border: #d1d5db;
355
+ $component-badge-danger-radius: 8px;
356
+ $component-badge-danger-font-size: 16px;
357
+ $component-badge-danger-line-height: 1.4;
358
+ $component-badge-danger-padding: 16px;
359
+ $component-badge-danger-bg: #ba5a56;
360
+ $component-badge-danger-color: #111827;
361
+ $component-badge-danger-border: #d1d5db;
362
+ $component-progress-bar-primary-radius: 8px;
363
+ $component-progress-bar-primary-font-size: 16px;
364
+ $component-progress-bar-primary-line-height: 1.4;
365
+ $component-progress-bar-primary-padding: 16px;
366
+ $component-progress-bar-primary-bg: #1993d0;
367
+ $component-progress-bar-primary-color: #111827;
368
+ $component-progress-bar-primary-border: #d1d5db;
369
+ $component-progress-bar-success-radius: 8px;
370
+ $component-progress-bar-success-font-size: 16px;
371
+ $component-progress-bar-success-line-height: 1.4;
372
+ $component-progress-bar-success-padding: 16px;
373
+ $component-progress-bar-success-bg: #51834e;
374
+ $component-progress-bar-success-color: #111827;
375
+ $component-progress-bar-success-border: #d1d5db;
376
+ $component-progress-bar-warning-radius: 8px;
377
+ $component-progress-bar-warning-font-size: 16px;
378
+ $component-progress-bar-warning-line-height: 1.4;
379
+ $component-progress-bar-warning-padding: 16px;
380
+ $component-progress-bar-warning-bg: #fca69c;
381
+ $component-progress-bar-warning-color: #111827;
382
+ $component-progress-bar-warning-border: #d1d5db;
383
+ $component-progress-bar-danger-radius: 8px;
384
+ $component-progress-bar-danger-font-size: 16px;
385
+ $component-progress-bar-danger-line-height: 1.4;
386
+ $component-progress-bar-danger-padding: 16px;
387
+ $component-progress-bar-danger-bg: #ba5a56;
388
+ $component-progress-bar-danger-color: #111827;
389
+ $component-progress-bar-danger-border: #d1d5db;
390
+ $component-spinner-radius: 8px;
391
+ $component-spinner-font-size: 16px;
392
+ $component-spinner-line-height: 1.4;
393
+ $component-spinner-padding: 16px;
394
+ $component-spinner-bg: #1993d0;
395
+ $component-spinner-color: #111827;
396
+ $component-spinner-border: #d1d5db;
397
+ $component-alert-primary-radius: 8px;
398
+ $component-alert-primary-font-size: 16px;
399
+ $component-alert-primary-line-height: 1.4;
400
+ $component-alert-primary-padding: 16px;
401
+ $component-alert-primary-bg: #1993d0;
402
+ $component-alert-primary-color: #111827;
403
+ $component-alert-primary-border: #d1d5db;
404
+ $component-alert-success-radius: 8px;
405
+ $component-alert-success-font-size: 16px;
406
+ $component-alert-success-line-height: 1.4;
407
+ $component-alert-success-padding: 16px;
408
+ $component-alert-success-bg: #51834e;
409
+ $component-alert-success-color: #111827;
410
+ $component-alert-success-border: #d1d5db;
411
+ $component-alert-warning-radius: 8px;
412
+ $component-alert-warning-font-size: 16px;
413
+ $component-alert-warning-line-height: 1.4;
414
+ $component-alert-warning-padding: 16px;
415
+ $component-alert-warning-bg: #fca69c;
416
+ $component-alert-warning-color: #111827;
417
+ $component-alert-warning-border: #d1d5db;
418
+ $component-alert-danger-radius: 8px;
419
+ $component-alert-danger-font-size: 16px;
420
+ $component-alert-danger-line-height: 1.4;
421
+ $component-alert-danger-padding: 16px;
422
+ $component-alert-danger-bg: #ba5a56;
423
+ $component-alert-danger-color: #111827;
424
+ $component-alert-danger-border: #d1d5db;
425
+ $component-toast-primary-radius: 8px;
426
+ $component-toast-primary-font-size: 16px;
427
+ $component-toast-primary-line-height: 1.4;
428
+ $component-toast-primary-padding: 16px;
429
+ $component-toast-primary-bg: #1993d0;
430
+ $component-toast-primary-color: #111827;
431
+ $component-toast-primary-border: #d1d5db;
432
+ $component-toast-success-radius: 8px;
433
+ $component-toast-success-font-size: 16px;
434
+ $component-toast-success-line-height: 1.4;
435
+ $component-toast-success-padding: 16px;
436
+ $component-toast-success-bg: #51834e;
437
+ $component-toast-success-color: #111827;
438
+ $component-toast-success-border: #d1d5db;
439
+ $component-toast-warning-radius: 8px;
440
+ $component-toast-warning-font-size: 16px;
441
+ $component-toast-warning-line-height: 1.4;
442
+ $component-toast-warning-padding: 16px;
443
+ $component-toast-warning-bg: #fca69c;
444
+ $component-toast-warning-color: #111827;
445
+ $component-toast-warning-border: #d1d5db;
446
+ $component-toast-danger-radius: 8px;
447
+ $component-toast-danger-font-size: 16px;
448
+ $component-toast-danger-line-height: 1.4;
449
+ $component-toast-danger-padding: 16px;
450
+ $component-toast-danger-bg: #ba5a56;
451
+ $component-toast-danger-color: #111827;
452
+ $component-toast-danger-border: #d1d5db;
453
+ $component-breadcrumb-radius: 8px;
454
+ $component-breadcrumb-font-size: 16px;
455
+ $component-breadcrumb-line-height: 1.4;
456
+ $component-breadcrumb-padding: 16px;
457
+ $component-breadcrumb-hover-bg: #1993d0;
458
+ $component-breadcrumb-hover-color: #111827;
459
+ $component-breadcrumb-hover-border: #d1d5db;
460
+ $component-breadcrumb-active-bg: #1993d0;
461
+ $component-breadcrumb-active-color: #111827;
462
+ $component-breadcrumb-active-border: #d1d5db;
463
+ $component-breadcrumb-focus-bg: #1993d0;
464
+ $component-breadcrumb-focus-color: #111827;
465
+ $component-breadcrumb-focus-border: #d1d5db;
466
+ $component-breadcrumb-disabled-bg: #1993d0;
467
+ $component-breadcrumb-disabled-color: #111827;
468
+ $component-breadcrumb-disabled-border: #d1d5db;
469
+ $component-pagination-radius: 8px;
470
+ $component-pagination-font-size: 16px;
471
+ $component-pagination-line-height: 1.4;
472
+ $component-pagination-padding: 16px;
473
+ $component-pagination-hover-bg: #1993d0;
474
+ $component-pagination-hover-color: #111827;
475
+ $component-pagination-hover-border: #d1d5db;
476
+ $component-pagination-active-bg: #1993d0;
477
+ $component-pagination-active-color: #111827;
478
+ $component-pagination-active-border: #d1d5db;
479
+ $component-pagination-focus-bg: #1993d0;
480
+ $component-pagination-focus-color: #111827;
481
+ $component-pagination-focus-border: #d1d5db;
482
+ $component-pagination-disabled-bg: #1993d0;
483
+ $component-pagination-disabled-color: #111827;
484
+ $component-pagination-disabled-border: #d1d5db;
485
+ $component-dialog-radius: 8px;
486
+ $component-dialog-font-size: 16px;
487
+ $component-dialog-line-height: 1.4;
488
+ $component-dialog-padding: 16px;
489
+ $component-dialog-bg: #1993d0;
490
+ $component-dialog-color: #111827;
491
+ $component-dialog-border: #d1d5db;
492
+ $component-sidebar-navigation-radius: 8px;
493
+ $component-sidebar-navigation-font-size: 16px;
494
+ $component-sidebar-navigation-line-height: 1.4;
495
+ $component-sidebar-navigation-padding: 16px;
496
+ $component-sidebar-navigation-bg: #1993d0;
497
+ $component-sidebar-navigation-color: #111827;
498
+ $component-sidebar-navigation-border: #d1d5db;
499
+ $component-top-navigation-radius: 8px;
500
+ $component-top-navigation-font-size: 16px;
501
+ $component-top-navigation-line-height: 1.4;
502
+ $component-top-navigation-padding: 16px;
503
+ $component-top-navigation-bg: #1993d0;
504
+ $component-top-navigation-color: #111827;
505
+ $component-top-navigation-border: #d1d5db;
506
+ $component-table-radius: 8px;
507
+ $component-table-font-size: 16px;
508
+ $component-table-line-height: 1.4;
509
+ $component-table-padding: 16px;
510
+ $component-table-hover-bg: #1993d0;
511
+ $component-table-hover-color: #111827;
512
+ $component-table-hover-border: #d1d5db;
513
+ $component-table-active-bg: #1993d0;
514
+ $component-table-active-color: #111827;
515
+ $component-table-active-border: #d1d5db;
516
+ $component-table-focus-bg: #1993d0;
517
+ $component-table-focus-color: #111827;
518
+ $component-table-focus-border: #d1d5db;
519
+ $component-table-disabled-bg: #1993d0;
520
+ $component-table-disabled-color: #111827;
521
+ $component-table-disabled-border: #d1d5db;
522
+ $component-file-upload-radius: 8px;
523
+ $component-file-upload-font-size: 16px;
524
+ $component-file-upload-line-height: 1.4;
525
+ $component-file-upload-padding: 16px;
526
+ $component-file-upload-bg: #1993d0;
527
+ $component-file-upload-color: #111827;
528
+ $component-file-upload-border: #d1d5db;
529
+ $component-tooltip-radius: 8px;
530
+ $component-tooltip-font-size: 16px;
531
+ $component-tooltip-line-height: 1.4;
532
+ $component-tooltip-padding: 16px;
533
+ $component-tooltip-bg: #1993d0;
534
+ $component-tooltip-color: #111827;
535
+ $component-tooltip-border: #d1d5db;
536
+ $base-shadow-shadow-1-x: 0;
537
+ $base-shadow-shadow-1-y: 1;
538
+ $base-shadow-shadow-1-blur: 3;
539
+ $base-shadow-shadow-1-spread: 0;
540
+ $base-shadow-shadow-1-color: rgba(0, 0, 0, 0.12);
541
+ $base-shadow-shadow-1-type: dropShadow;
542
+ $base-shadow-shadow-2-x: 0;
543
+ $base-shadow-shadow-2-y: 4;
544
+ $base-shadow-shadow-2-blur: 6;
545
+ $base-shadow-shadow-2-spread: 0;
546
+ $base-shadow-shadow-2-color: rgba(0, 0, 0, 0.15);
547
+ $base-shadow-shadow-2-type: dropShadow;
548
+ $base-shadow-shadow-3-x: 0;
549
+ $base-shadow-shadow-3-y: 10;
550
+ $base-shadow-shadow-3-blur: 15;
551
+ $base-shadow-shadow-3-spread: 0;
552
+ $base-shadow-shadow-3-color: rgba(0, 0, 0, 0.2);
553
+ $base-shadow-shadow-3-type: dropShadow;
554
+ $semantic-shadow-surface-x: 0;
555
+ $semantic-shadow-surface-y: 1;
556
+ $semantic-shadow-surface-blur: 3;
557
+ $semantic-shadow-surface-spread: 0;
558
+ $semantic-shadow-surface-color: rgba(0, 0, 0, 0.12);
559
+ $semantic-shadow-surface-type: dropShadow;
560
+ $semantic-shadow-raised-x: 0;
561
+ $semantic-shadow-raised-y: 4;
562
+ $semantic-shadow-raised-blur: 6;
563
+ $semantic-shadow-raised-spread: 0;
564
+ $semantic-shadow-raised-color: rgba(0, 0, 0, 0.15);
565
+ $semantic-shadow-raised-type: dropShadow;
566
+ $semantic-shadow-floating-x: 0;
567
+ $semantic-shadow-floating-y: 10;
568
+ $semantic-shadow-floating-blur: 15;
569
+ $semantic-shadow-floating-spread: 0;
570
+ $semantic-shadow-floating-color: rgba(0, 0, 0, 0.2);
571
+ $semantic-shadow-floating-type: dropShadow;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dso-design-system/ui",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://singaporedso@dev.azure.com/singaporedso/Design%20Systems/_git/DesignSystem"