@spaced-out/ui-design-system 0.0.2-beta.1 → 0.0.2

package/.storybook/SenseTheme.js

@@ -3,8 +3,7 @@ import {create} from '@storybook/theming';
 export default create({
   base: 'light',
   brandTitle: 'Genesis',
-  brandImage:
-    'https://assets-global.website-files.com/613f2494a7d5cd1817022b81/618cffd78219af09f95a7446_Group%204.svg',
+  brandImage: 'images/Logo.svg',
 
   fontBase: '"Centra No 2", "proxima-nova", "Helvetica Neue"',
   textColor: '#17172A',

package/.storybook/manager-head.html

@@ -38,4 +38,28 @@
     /* This will target all of the children */
     font-family: 'Centra No 2' !important;
   }
+
+  .sidebar-container {
+    background: #17172a !important;
+  }
+
+  .sidebar-item {
+    color: #EFEBFA !important;
+  }
+
+  .search-result-item--label {
+    color: #EFEBFA !important;
+  }
+
+  .sidebar-item[data-selected='true'] {
+    background: #5c34cd !important;
+  }
+
+  .search-field svg {
+    color: #EFEBFA !important;
+  }
+
+  .search-field input {
+    border-color: #EFEBFA !important;
+  }
 </style>

package/.storybook/public/images/Logo.svg

@@ -0,0 +1,10 @@
+<svg width="168" height="56" viewBox="0 0 168 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.41421 26.0858C0.633165 26.8668 0.633165 28.1332 1.41421 28.9142L5.40397 32.904C6.18502 33.685 7.45135 33.685 8.2324 32.904L12.2222 28.9142C13.0032 28.1332 13.0032 26.8668 12.2222 26.0858L8.2324 22.096C7.45135 21.315 6.18502 21.315 5.40397 22.096L1.41421 26.0858ZM9.59604 34.2676C8.81499 35.0487 8.81499 36.315 9.59604 37.096L13.5858 41.0858C14.3668 41.8668 15.6332 41.8668 16.4142 41.0858L20.404 37.096C21.185 36.315 21.185 35.0487 20.404 34.2676L16.4142 30.2779C15.6332 29.4968 14.3668 29.4968 13.5858 30.2779L9.59604 34.2676ZM9.59604 20.7324C8.81499 19.9513 8.81499 18.685 9.59604 17.904L13.5858 13.9142C14.3668 13.1332 15.6332 13.1332 16.4142 13.9142L20.404 17.904C21.185 18.685 21.185 19.9513 20.404 20.7324L16.4142 24.7221C15.6332 25.5032 14.3668 25.5032 13.5858 24.7221L9.59604 20.7324ZM17.7778 26.0858C16.9968 26.8668 16.9968 28.1332 17.7778 28.9142L21.7676 32.904C22.5486 33.685 23.815 33.685 24.596 32.904L28.5858 28.9142C29.3668 28.1332 29.3668 26.8668 28.5858 26.0858L24.596 22.096C23.815 21.315 22.5486 21.315 21.7676 22.096L17.7778 26.0858Z" fill="url(#paint0_angular_1563_5466)"/>
+<path d="M56.24 23.6C55.66 22.46 54.84 21.58 53.78 20.96C52.74 20.34 51.55 20.03 50.21 20.03C49.21 20.03 48.27 20.23 47.39 20.63C46.53 21.01 45.77 21.54 45.11 22.22C44.47 22.9 43.96 23.69 43.58 24.59C43.22 25.49 43.04 26.46 43.04 27.5C43.04 28.52 43.22 29.49 43.58 30.41C43.96 31.31 44.47 32.1 45.11 32.78C45.77 33.46 46.53 34 47.39 34.4C48.27 34.78 49.22 34.97 50.24 34.97C51.08 34.97 51.85 34.84 52.55 34.58C53.27 34.32 53.9 33.96 54.44 33.5C55 33.04 55.46 32.5 55.82 31.88C56.18 31.24 56.42 30.54 56.54 29.78H49.7V26.63H60.38V27.98C60.38 29.44 60.13 30.81 59.63 32.09C59.13 33.35 58.43 34.45 57.53 35.39C56.63 36.31 55.56 37.04 54.32 37.58C53.08 38.1 51.71 38.36 50.21 38.36C48.71 38.36 47.3 38.08 45.98 37.52C44.66 36.94 43.51 36.16 42.53 35.18C41.55 34.2 40.78 33.05 40.22 31.73C39.66 30.41 39.38 29 39.38 27.5C39.38 26 39.66 24.59 40.22 23.27C40.8 21.95 41.58 20.8 42.56 19.82C43.56 18.82 44.71 18.04 46.01 17.48C47.33 16.9 48.74 16.61 50.24 16.61C51.26 16.61 52.23 16.74 53.15 17C54.09 17.24 54.95 17.6 55.73 18.08C56.53 18.54 57.24 19.1 57.86 19.76C58.5 20.42 59.03 21.16 59.45 21.98L56.24 23.6ZM76.2984 34.55C75.6784 35.71 74.8084 36.64 73.6884 37.34C72.5684 38.02 71.2284 38.36 69.6684 38.36C68.5484 38.36 67.5184 38.17 66.5784 37.79C65.6384 37.41 64.8284 36.88 64.1484 36.2C63.4884 35.52 62.9684 34.71 62.5884 33.77C62.2084 32.83 62.0184 31.79 62.0184 30.65C62.0184 29.55 62.2084 28.53 62.5884 27.59C62.9684 26.65 63.4884 25.84 64.1484 25.16C64.8284 24.46 65.6184 23.92 66.5184 23.54C67.4384 23.14 68.4284 22.94 69.4884 22.94C70.5684 22.94 71.5484 23.14 72.4284 23.54C73.3284 23.92 74.0984 24.46 74.7384 25.16C75.3984 25.84 75.9084 26.65 76.2684 27.59C76.6284 28.53 76.8084 29.55 76.8084 30.65C76.8084 30.93 76.7984 31.28 76.7784 31.7H65.4684C65.5084 32.24 65.6484 32.74 65.8884 33.2C66.1284 33.64 66.4384 34.03 66.8184 34.37C67.1984 34.69 67.6384 34.95 68.1384 35.15C68.6384 35.33 69.1584 35.42 69.6984 35.42C70.6584 35.42 71.4184 35.21 71.9784 34.79C72.5384 34.37 73.0284 33.84 73.4484 33.2L76.2984 34.55ZM73.3584 29.18C73.2984 28.7 73.1584 28.25 72.9384 27.83C72.7184 27.41 72.4384 27.05 72.0984 26.75C71.7584 26.45 71.3584 26.22 70.8984 26.06C70.4384 25.88 69.9484 25.79 69.4284 25.79C68.9084 25.79 68.4184 25.89 67.9584 26.09C67.5184 26.29 67.1184 26.55 66.7584 26.87C66.4184 27.17 66.1384 27.53 65.9184 27.95C65.6984 28.35 65.5584 28.76 65.4984 29.18H73.3584ZM82.5091 38H79.0291V23.3H82.5091V25.25C82.9691 24.55 83.5691 23.99 84.3091 23.57C85.0691 23.15 85.9691 22.94 87.0091 22.94C88.8091 22.94 90.2091 23.5 91.2091 24.62C92.2091 25.72 92.7091 27.23 92.7091 29.15V38H89.2291V29.81C89.2291 28.67 88.9491 27.78 88.3891 27.14C87.8291 26.48 87.0191 26.15 85.9591 26.15C84.9191 26.15 84.0791 26.52 83.4391 27.26C82.8191 28 82.5091 29 82.5091 30.26V38ZM109.162 34.55C108.542 35.71 107.672 36.64 106.552 37.34C105.432 38.02 104.092 38.36 102.532 38.36C101.412 38.36 100.382 38.17 99.4416 37.79C98.5016 37.41 97.6916 36.88 97.0116 36.2C96.3516 35.52 95.8316 34.71 95.4516 33.77C95.0716 32.83 94.8816 31.79 94.8816 30.65C94.8816 29.55 95.0716 28.53 95.4516 27.59C95.8316 26.65 96.3516 25.84 97.0116 25.16C97.6916 24.46 98.4816 23.92 99.3816 23.54C100.302 23.14 101.292 22.94 102.352 22.94C103.432 22.94 104.412 23.14 105.292 23.54C106.192 23.92 106.962 24.46 107.602 25.16C108.262 25.84 108.772 26.65 109.132 27.59C109.492 28.53 109.672 29.55 109.672 30.65C109.672 30.93 109.662 31.28 109.642 31.7H98.3316C98.3716 32.24 98.5116 32.74 98.7516 33.2C98.9916 33.64 99.3016 34.03 99.6816 34.37C100.062 34.69 100.502 34.95 101.002 35.15C101.502 35.33 102.022 35.42 102.562 35.42C103.522 35.42 104.282 35.21 104.842 34.79C105.402 34.37 105.892 33.84 106.312 33.2L109.162 34.55ZM106.222 29.18C106.162 28.7 106.022 28.25 105.802 27.83C105.582 27.41 105.302 27.05 104.962 26.75C104.622 26.45 104.222 26.22 103.762 26.06C103.302 25.88 102.812 25.79 102.292 25.79C101.772 25.79 101.282 25.89 100.822 26.09C100.382 26.29 99.9816 26.55 99.6216 26.87C99.2816 27.17 99.0016 27.53 98.7816 27.95C98.5616 28.35 98.4216 28.76 98.3616 29.18H106.222ZM113.539 33.14C113.799 33.82 114.189 34.37 114.709 34.79C115.229 35.19 115.819 35.39 116.479 35.39C117.019 35.39 117.479 35.27 117.859 35.03C118.259 34.77 118.459 34.38 118.459 33.86C118.459 33.46 118.319 33.14 118.039 32.9C117.779 32.66 117.359 32.45 116.779 32.27L115.009 31.7C112.509 30.9 111.259 29.48 111.259 27.44C111.259 26.76 111.389 26.14 111.649 25.58C111.929 25.02 112.299 24.55 112.759 24.17C113.219 23.77 113.749 23.47 114.349 23.27C114.969 23.05 115.629 22.94 116.329 22.94C117.529 22.94 118.599 23.24 119.539 23.84C120.499 24.44 121.209 25.25 121.669 26.27L118.879 27.77C118.599 27.19 118.239 26.72 117.799 26.36C117.379 26 116.889 25.82 116.329 25.82C115.829 25.82 115.409 25.94 115.069 26.18C114.729 26.42 114.559 26.75 114.559 27.17C114.559 27.87 115.109 28.4 116.209 28.76L117.949 29.33C119.329 29.79 120.319 30.38 120.919 31.1C121.519 31.8 121.819 32.64 121.819 33.62C121.819 34.38 121.669 35.05 121.369 35.63C121.089 36.21 120.699 36.71 120.199 37.13C119.699 37.53 119.119 37.83 118.459 38.03C117.819 38.25 117.139 38.36 116.419 38.36C115.039 38.36 113.849 38.02 112.849 37.34C111.849 36.66 111.139 35.75 110.719 34.61L113.539 33.14ZM123.9 38V23.3H127.38V38H123.9ZM127.77 19.01C127.77 19.59 127.56 20.09 127.14 20.51C126.74 20.93 126.23 21.14 125.61 21.14C125.03 21.14 124.53 20.93 124.11 20.51C123.69 20.09 123.48 19.59 123.48 19.01C123.48 18.41 123.69 17.9 124.11 17.48C124.53 17.06 125.03 16.85 125.61 16.85C126.23 16.85 126.74 17.07 127.14 17.51C127.56 17.93 127.77 18.43 127.77 19.01ZM132.193 33.14C132.453 33.82 132.843 34.37 133.363 34.79C133.883 35.19 134.473 35.39 135.133 35.39C135.673 35.39 136.133 35.27 136.513 35.03C136.913 34.77 137.113 34.38 137.113 33.86C137.113 33.46 136.973 33.14 136.693 32.9C136.433 32.66 136.013 32.45 135.433 32.27L133.663 31.7C131.163 30.9 129.913 29.48 129.913 27.44C129.913 26.76 130.043 26.14 130.303 25.58C130.583 25.02 130.953 24.55 131.413 24.17C131.873 23.77 132.403 23.47 133.003 23.27C133.623 23.05 134.283 22.94 134.983 22.94C136.183 22.94 137.253 23.24 138.193 23.84C139.153 24.44 139.863 25.25 140.323 26.27L137.533 27.77C137.253 27.19 136.893 26.72 136.453 26.36C136.033 26 135.543 25.82 134.983 25.82C134.483 25.82 134.063 25.94 133.723 26.18C133.383 26.42 133.213 26.75 133.213 27.17C133.213 27.87 133.763 28.4 134.863 28.76L136.603 29.33C137.983 29.79 138.973 30.38 139.573 31.1C140.173 31.8 140.473 32.64 140.473 33.62C140.473 34.38 140.323 35.05 140.023 35.63C139.743 36.21 139.353 36.71 138.853 37.13C138.353 37.53 137.773 37.83 137.113 38.03C136.473 38.25 135.793 38.36 135.073 38.36C133.693 38.36 132.503 38.02 131.503 37.34C130.503 36.66 129.793 35.75 129.373 34.61L132.193 33.14Z" fill="white"/>
+<defs>
+<radialGradient id="paint0_angular_1563_5466" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15 27.5) rotate(45) scale(10.6066)">
+<stop stop-color="#5C34CD"/>
+<stop offset="1" stop-color="#0769F0" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>