groovinads-ui 1.2.0 → 1.2.1
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/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "groovinads-ui",
|
|
3
3
|
"description": "Groovinads UI is a React component library designed exclusively for Groovinads applications. It provides ready-to-use UI elements styled according to Groovinads design guidelines to facilitate rapid development.",
|
|
4
|
-
"version": "1.2.
|
|
4
|
+
"version": "1.2.1",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"css",
|
|
7
7
|
"sass",
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import PropTypes from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
3
|
|
|
4
4
|
// BOOTSTRAP
|
|
5
|
-
import Container from
|
|
5
|
+
import Container from 'react-bootstrap/Container';
|
|
6
6
|
|
|
7
|
-
// ASSETS
|
|
8
|
-
import appLogo from "/imgs/groovinads-logo.svg";
|
|
9
7
|
|
|
10
8
|
// COMPONENTS
|
|
11
|
-
import { DeckDropdown, UserDropdown } from
|
|
9
|
+
import { DeckDropdown, UserDropdown } from './Dropdowns';
|
|
10
|
+
|
|
11
|
+
// ASSETS
|
|
12
|
+
const appLogo = 'https://ui.groovinads.com/assets/groovinads-logo.svg';
|
|
12
13
|
|
|
13
14
|
const Navbar = ({
|
|
14
15
|
logoUrl,
|
|
@@ -17,21 +18,21 @@ const Navbar = ({
|
|
|
17
18
|
children,
|
|
18
19
|
}) => {
|
|
19
20
|
return (
|
|
20
|
-
<div id=
|
|
21
|
-
<Container fluid className=
|
|
22
|
-
<div className=
|
|
21
|
+
<div id='ga-header' className='header fixed-top shadow-2'>
|
|
22
|
+
<Container fluid className='navbar'>
|
|
23
|
+
<div className='brand-wrapper'>
|
|
23
24
|
{/* Dropdown apps */}
|
|
24
25
|
|
|
25
26
|
{showDeckMenu && <DeckDropdown />}
|
|
26
27
|
|
|
27
28
|
<img
|
|
28
29
|
src={logoUrl || appLogo}
|
|
29
|
-
className=
|
|
30
|
-
alt=
|
|
30
|
+
className='ga-logo'
|
|
31
|
+
alt='Groovinads logo'
|
|
31
32
|
/>
|
|
32
33
|
</div>
|
|
33
34
|
{(children || showUserMenu) && (
|
|
34
|
-
<div className=
|
|
35
|
+
<div className='nav-wrapper'>
|
|
35
36
|
{children}
|
|
36
37
|
{showUserMenu && <UserDropdown />}
|
|
37
38
|
</div>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg width="173" height="34" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M12.601 24.741a9.043 9.043 0 0 1-4.15.922 10.933 10.933 0 0 1-3.265-.48 6.865 6.865 0 0 1-2.689-1.537 7.5 7.5 0 0 1-1.825-2.785A11.391 11.391 0 0 1 0 16.673a10.68 10.68 0 0 1 .672-3.937 7.615 7.615 0 0 1 1.921-2.863 8.114 8.114 0 0 1 2.978-1.728 12.094 12.094 0 0 1 3.841-.577 12.72 12.72 0 0 1 3.67.5c.946.255 1.85.643 2.689 1.152.426.275.797.627 1.095 1.038.276.435.41.945.384 1.46v14.829a7.504 7.504 0 0 1-.711 3.38 6.365 6.365 0 0 1-1.921 2.306 8.208 8.208 0 0 1-2.881 1.325c-1.169.29-2.37.431-3.573.423-1.164.009-2.325-.12-3.458-.384a7.742 7.742 0 0 1-2.247-.788 2.455 2.455 0 0 1-1.268-2.151 2.52 2.52 0 0 1 .307-1.268c.175-.324.425-.601.73-.807.761.454 1.574.815 2.42 1.076a9.784 9.784 0 0 0 3.036.46c1.536 0 2.74-.294 3.61-.883.872-.589 1.307-1.537 1.307-2.843v-1.652zM9.26 21.898a5.276 5.276 0 0 0 1.901-.307 5.931 5.931 0 0 0 1.364-.73v-8.683a6.746 6.746 0 0 0-1.248-.537 5.579 5.579 0 0 0-1.71-.23 4.612 4.612 0 0 0-3.4 1.286c-.855.858-1.284 2.184-1.287 3.976-.02.832.09 1.662.327 2.46.187.601.509 1.153.94 1.613.389.404.87.708 1.403.883a5.378 5.378 0 0 0 1.71.27zM24.626 26.278l-.922.192c-.43.081-.868.12-1.306.115a3.27 3.27 0 0 1-1.998-.5c-.435-.335-.653-.924-.653-1.766V12.14a2.982 2.982 0 0 1 .46-1.69 4.2 4.2 0 0 1 1.345-1.23 10.974 10.974 0 0 1 2.94-1.19 14.803 14.803 0 0 1 3.784-.462c2.433 0 3.65.756 3.65 2.267a2.98 2.98 0 0 1-.173 1.018c-.1.275-.23.54-.385.788a10.6 10.6 0 0 0-2.19-.192 10.185 10.185 0 0 0-2.535.307 8.83 8.83 0 0 0-2.036.768l.019 13.754zM86.825 7.722c.591-.02 1.174.14 1.671.461a1.733 1.733 0 0 1 .672 1.537 7.339 7.339 0 0 1-.288 1.613c-.192.742-.45 1.602-.768 2.574-.319.972-.688 2.025-1.095 3.15a108.994 108.994 0 0 1-1.268 3.324 83.949 83.949 0 0 1-1.306 3.092 38.157 38.157 0 0 1-1.191 2.46 3.075 3.075 0 0 1-1.153.499 7.043 7.043 0 0 1-1.69.192 5.534 5.534 0 0 1-1.92-.288 1.998 1.998 0 0 1-1.134-.942 25.447 25.447 0 0 1-.845-1.805c-.33-.769-.692-1.64-1.076-2.613-.384-.972-.769-2.005-1.191-3.092a85.196 85.196 0 0 1-1.172-3.247 155.736 155.736 0 0 1-1.037-3.112 48.92 48.92 0 0 1-.788-2.689c.309-.337.69-.6 1.115-.768a3.458 3.458 0 0 1 1.479-.327 2.712 2.712 0 0 1 1.632.461c.495.424.84.997.98 1.633l1.92 6.339c.155.51.327 1.056.52 1.633.192.576.384 1.152.557 1.69.172.538.35 1.076.518 1.575.17.5.3.915.384 1.249h.154c.743-2.257 1.473-4.58 2.19-6.973a113.304 113.304 0 0 0 1.882-7.088 3.6 3.6 0 0 1 1.095-.404 5.38 5.38 0 0 1 1.153-.134zM91.397 2.69a2.59 2.59 0 0 1 .768-1.902 2.715 2.715 0 0 1 2.017-.769 2.666 2.666 0 0 1 2.578 1.67c.133.33.196.683.188 1.039a2.662 2.662 0 0 1-2.766 2.727 2.716 2.716 0 0 1-2.017-.768 2.634 2.634 0 0 1-.768-1.998zm.384 5.57c.203-.05.503-.115.903-.192.424-.08.855-.118 1.287-.115.922 0 1.594.166 2.017.499.422.333.633.922.633 1.767v16.059c-.207.05-.507.115-.902.192a6.8 6.8 0 0 1-1.287.115c-.922 0-1.595-.166-2.017-.5-.423-.332-.634-.921-.634-1.766V8.259zM111.24 12.178a3.937 3.937 0 0 0-2.555-.768 7.392 7.392 0 0 0-2.056.27 6.656 6.656 0 0 0-1.632.69v13.908l-.922.192c-.431.081-.868.12-1.307.115a3.259 3.259 0 0 1-1.997-.5c-.438-.333-.653-.921-.653-1.766V11.986a2.634 2.634 0 0 1 .384-1.498 4.144 4.144 0 0 1 1.191-1.114c.91-.586 1.909-1.02 2.958-1.287a15.005 15.005 0 0 1 4.072-.519c2.636 0 4.678.583 6.128 1.748 1.45 1.166 2.173 2.875 2.17 5.13v11.832c-.207.05-.507.115-.902.192a6.81 6.81 0 0 1-1.287.115c-.922 0-1.595-.166-2.017-.5-.423-.332-.634-.921-.634-1.766v-9.72c0-1.101-.314-1.908-.941-2.42z" fill="#00004B"/><path d="M133.787 9.182c-1.498-1.076-3.502-1.614-6.012-1.614-.965 0-1.929.077-2.882.23-.867.133-1.717.365-2.531.692a3.113 3.113 0 0 0-1.172.865 1.989 1.989 0 0 0-.365 1.248c-.003.397.096.787.288 1.134.172.324.414.606.707.826a13.714 13.714 0 0 1 2.539-.903c.952-.25 1.932-.38 2.916-.384 1.281 0 2.273.23 2.978.691a2.391 2.391 0 0 1 1.056 2.152v.691l-5.263.557c-2.07.205-3.65.762-4.741 1.671-1.091.91-1.635 2.222-1.633 3.938 0 1.97.737 3.449 2.209 4.438 1.473.988 3.49 1.481 6.051 1.479a16.593 16.593 0 0 0 3.765-.384 9.44 9.44 0 0 0 2.732-1.038c.431-.26.819-.583 1.152-.96.324-.416.486-.934.457-1.46v-8.875c-.002-2.254-.753-3.918-2.251-4.994zm-2.478 13.293a3.808 3.808 0 0 1-1.344.518 9.035 9.035 0 0 1-2.037.212c-1.229 0-2.116-.204-2.67-.615a2.032 2.032 0 0 1-.822-1.729 1.798 1.798 0 0 1 .807-1.633c.72-.399 1.521-.629 2.343-.672l3.727-.346-.004 4.265z" fill="url(#b)"/><path d="M155.109 1.537c-.422-.336-1.095-.502-2.017-.5a7.968 7.968 0 0 0-1.287.096 5.208 5.208 0 0 0-.903.212v6.953a10.199 10.199 0 0 0-1.652-.518 8.676 8.676 0 0 0-1.959-.212c-1.24-.01-2.473.185-3.65.577a7.9 7.9 0 0 0-2.939 1.767 8.465 8.465 0 0 0-1.978 3.016 11.788 11.788 0 0 0-.73 4.36c0 3.253.903 5.667 2.708 7.242 1.806 1.575 4.246 2.363 7.319 2.363a11.674 11.674 0 0 0 3.65-.519c.89-.277 1.742-.664 2.535-1.152.446-.271.837-.623 1.153-1.038.275-.421.409-.919.384-1.421V3.303c0-.844-.211-1.433-.634-1.766zm-4.207 20.707c-.88.53-1.893.796-2.919.768-1.56 0-2.796-.454-3.708-1.363-.912-.91-1.365-2.35-1.36-4.323 0-2.1.474-3.61 1.422-4.533a4.92 4.92 0 0 1 3.573-1.383 5.707 5.707 0 0 1 1.652.23c.47.136.922.33 1.344.577l-.004 10.027z" fill="url(#c)"/><path d="M171.495 17.5c-.946-.933-2.482-1.644-4.611-2.133l-1.882-.46a3.958 3.958 0 0 1-1.671-.692 1.371 1.371 0 0 1-.481-1.076 1.499 1.499 0 0 1 .846-1.364 4.789 4.789 0 0 1 2.343-.48 8.46 8.46 0 0 1 1.479.134c.5.089.972.2 1.422.327.418.116.828.257 1.229.422.315.125.617.28.903.461a2.69 2.69 0 0 0 .73-.825c.212-.368.318-.787.307-1.21a1.922 1.922 0 0 0-.48-1.288 3.913 3.913 0 0 0-1.345-.96 8.315 8.315 0 0 0-2.036-.615 14.284 14.284 0 0 0-2.555-.211c-2.41 0-4.279.512-5.609 1.537a4.916 4.916 0 0 0-1.997 4.053 4.61 4.61 0 0 0 1.348 3.515c.912.873 2.314 1.526 4.207 1.96l2.151.499c1.537.333 2.305 1.024 2.305 2.074a1.628 1.628 0 0 1-.806 1.441 4.449 4.449 0 0 1-2.382.519 9.058 9.058 0 0 1-3.247-.538 13.57 13.57 0 0 1-2.478-1.23 2.75 2.75 0 0 0-.864.884 2.38 2.38 0 0 0-.327 1.268c.001.514.185 1.011.519 1.402.401.463.899.83 1.46 1.076.71.32 1.459.546 2.228.672.946.16 1.903.238 2.862.23 2.562 0 4.508-.512 5.84-1.536a4.99 4.99 0 0 0 1.998-4.207 4.928 4.928 0 0 0-1.406-3.65z" fill="url(#d)"/><path d="M50.428 17.211a11.294 11.294 0 0 1-.673 4.015 8.79 8.79 0 0 1-1.902 3.073 8.206 8.206 0 0 1-2.958 1.921 11.525 11.525 0 0 1-7.76 0 8.318 8.318 0 0 1-2.958-1.92 8.607 8.607 0 0 1-1.906-3.036 11.426 11.426 0 0 1-.668-4.053 11.297 11.297 0 0 1 .668-4.014 8.454 8.454 0 0 1 1.921-3.035 8.534 8.534 0 0 1 2.977-1.921c2.483-.897 5.201-.897 7.684 0a8.423 8.423 0 0 1 2.977 1.94 8.614 8.614 0 0 1 1.921 3.073c.463 1.268.692 2.608.677 3.957zm-9.413-5.8a3.93 3.93 0 0 0-3.265 1.517c-.797 1.011-1.194 2.44-1.191 4.283.002 1.844.386 3.279 1.152 4.303a4.334 4.334 0 0 0 6.57 0c.768-1.011 1.152-2.44 1.152-4.284 0-1.844-.397-3.271-1.19-4.283a3.93 3.93 0 0 0-3.228-1.537zM70.79 17.211a11.384 11.384 0 0 1-.673 4.015 8.791 8.791 0 0 1-1.902 3.073 8.241 8.241 0 0 1-2.958 1.921 11.525 11.525 0 0 1-7.76 0 8.318 8.318 0 0 1-2.959-1.92 8.497 8.497 0 0 1-1.92-3.036 11.426 11.426 0 0 1-.673-4.053c-.016-1.368.217-2.729.688-4.014a8.384 8.384 0 0 1 1.92-3.035 8.499 8.499 0 0 1 2.978-1.921c2.483-.897 5.201-.897 7.684 0a8.42 8.42 0 0 1 2.977 1.94 8.666 8.666 0 0 1 1.921 3.073c.46 1.268.69 2.609.676 3.957zm-9.413-5.8a3.926 3.926 0 0 0-3.266 1.517c-.794 1.011-1.19 2.44-1.19 4.283 0 1.844.39 3.279 1.171 4.303a4.334 4.334 0 0 0 6.57 0c.768-1.011 1.158-2.44 1.171-4.284.013-1.844-.384-3.271-1.19-4.283a3.93 3.93 0 0 0-3.266-1.537z" fill="#00004B"/></g><defs><linearGradient id="b" x1="122.235" y1="14.088" x2="135.558" y2="21.698" gradientUnits="userSpaceOnUse"><stop stop-color="#24B8CE"/><stop offset="1" stop-color="#2D85E5"/></linearGradient><linearGradient id="c" x1="142.554" y1="10.173" x2="170.108" y2="25.398" gradientUnits="userSpaceOnUse"><stop stop-color="#2D85E5"/><stop offset=".05" stop-color="#2E7EE0"/><stop offset=".3" stop-color="#335CCC"/><stop offset=".55" stop-color="#3644BD"/><stop offset=".77" stop-color="#3835B4"/><stop offset=".96" stop-color="#3930B1"/></linearGradient><linearGradient id="d" x1="148.282" y1="7.799" x2="172.92" y2="21.503" gradientUnits="userSpaceOnUse"><stop stop-color="#3930B1"/><stop offset=".2" stop-color="#3835B4"/><stop offset=".43" stop-color="#3642BC"/><stop offset=".66" stop-color="#3358CA"/><stop offset=".91" stop-color="#2F77DD"/><stop offset="1" stop-color="#2D85E5"/></linearGradient><clipPath id="a"><path fill="#fff" d="M0 0h172.916v34H0z"/></clipPath></defs></svg>
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
<svg width="141" height="133" viewBox="0 0 141 133" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M0.0769066 70.4888C9.31247 33.521 45.2933 24.6761 84.4865 3.71659C90.3745 0.568963 114.431 -2.77479 121.718 3.71659C139.611 19.6573 156.844 87.9792 115.451 101.717C106.209 104.785 84.9367 107.752 62.4299 107.977C24.6869 108.36 -1.61778 104.055 0.0769066 70.4888Z" fill="#EFEFEF"/>
|
|
3
|
-
<circle cx="70.5" cy="52.5" r="36.5" fill="white" fill-opacity="0.25"/>
|
|
4
|
-
<path d="M53.1371 88.9077C46.0499 85.5314 39.9132 79.9879 35.8449 72.6041C30.8337 63.5094 29.6627 53.0079 32.5523 43.0311C35.4419 33.0543 42.0348 24.796 51.1371 19.7848C69.9121 9.4354 93.607 16.2945 103.956 35.0694C108.968 44.1641 110.139 54.6732 107.249 64.6424C104.359 74.6116 97.759 82.8699 88.6642 87.8887C77.273 94.1698 64.0644 94.109 53.1371 88.9001V88.9077ZM85.5465 21.1232C75.3415 16.264 63.0226 16.2108 52.3918 22.0661C43.9055 26.7427 37.746 34.4459 35.0541 43.7535C32.3622 53.0611 33.4496 62.863 38.1262 71.3494C42.8029 79.8358 50.506 85.9952 59.8136 88.6872C69.1213 91.3791 78.9232 90.2917 87.4095 85.615C95.8959 80.9384 102.055 73.2353 104.747 63.9276C107.439 54.62 106.352 44.8181 101.675 36.3317C97.8806 29.4422 92.1546 24.2713 85.5389 21.1232H85.5465Z" fill="#263238"/>
|
|
5
|
-
<path d="M118.747 131.408C116.473 132.807 113.5 132.1 112.1 129.834L86.6717 88.6339C86.4283 88.2461 86.55 87.729 86.9454 87.4933L92.3673 84.1474C92.7475 83.9117 93.2494 84.0181 93.4927 84.3907L120.237 124.625C121.75 126.899 121.073 129.978 118.747 131.416V131.408Z" fill="#263238"/>
|
|
6
|
-
<path d="M54.0726 86.9458C46.9854 83.5695 40.8488 78.026 36.7805 70.6422C31.7693 61.5475 30.5982 51.046 33.4878 41.0692C36.3775 31.0924 42.9704 22.8341 52.0727 17.8229C70.8476 7.47349 94.5426 14.3325 104.892 33.1151C109.903 42.2098 111.074 52.7189 108.185 62.6881C105.295 72.6649 98.6945 80.9156 89.5998 85.9344C78.2086 92.2155 65 92.1547 54.0726 86.9458V86.9458ZM86.4744 19.1613C76.2695 14.3021 63.9506 14.2489 53.3198 20.1042C44.841 24.7808 38.6816 32.4839 35.9896 41.7916C33.2977 51.0992 34.3851 60.9011 39.0618 69.3875C43.7384 77.8739 51.4415 84.0333 60.7492 86.7252C70.0568 89.4172 79.8587 88.3297 88.3451 83.6531C96.8315 78.9765 102.991 71.2734 105.683 61.9657C108.375 52.6581 107.287 42.8562 102.611 34.3698C98.8162 27.4803 93.0901 22.3094 86.4744 19.1613V19.1613Z" fill="#455A64"/>
|
|
7
|
-
<path d="M87.1724 85.9598L93.9873 81.7558L121.02 125.577C122.114 127.35 121.564 129.673 119.79 130.767L119.396 131.011C117.622 132.105 115.299 131.554 114.205 129.781L87.1724 85.9598V85.9598Z" fill="#455A64"/>
|
|
8
|
-
<path d="M62.6435 53.1832C62.6435 55.9411 60.4044 58.187 57.6464 58.187C54.8817 58.187 52.6426 55.9411 52.6426 53.1832C52.6426 50.4184 54.8817 48.1793 57.6464 48.1793C60.4044 48.1793 62.6435 50.4184 62.6435 53.1832Z" fill="#BBBBBB"/>
|
|
9
|
-
<path d="M88.3803 53.1832C88.3803 55.9411 86.1412 58.187 83.3833 58.187C80.6185 58.187 78.3794 55.9411 78.3794 53.1832C78.3794 50.4184 80.6185 48.1793 83.3833 48.1793C86.1412 48.1793 88.3803 50.4184 88.3803 53.1832Z" fill="#BBBBBB"/>
|
|
10
|
-
<path d="M51.9456 65.7467C51.9456 67.7537 50.3209 69.3716 48.3139 69.3716C46.3137 69.3716 44.689 67.7537 44.689 65.7467C44.689 63.7397 46.3137 62.115 48.3139 62.115C50.3209 62.115 51.9456 63.7397 51.9456 65.7467Z" fill="#FEDDE8"/>
|
|
11
|
-
<path d="M94.8728 65.8464C94.8728 67.8534 93.2549 69.4713 91.2479 69.4713C89.2409 69.4713 87.6162 67.8534 87.6162 65.8464C87.6162 63.8394 89.2409 62.2147 91.2479 62.2147C93.2549 62.2147 94.8728 63.8394 94.8728 65.8464Z" fill="#FEDDE8"/>
|
|
12
|
-
<path d="M78.6114 65.4096C78.2018 65.4096 77.8673 65.0751 77.8673 64.6587C77.8673 63.7917 75.3346 62.5288 71.3684 62.5288C67.4022 62.5288 64.8695 63.7917 64.8695 64.6587C64.8695 65.0751 64.535 65.4096 64.1254 65.4096C63.709 65.4096 63.3813 65.0751 63.3813 64.6587C63.3813 59.9142 79.3555 59.9142 79.3555 64.6587C79.3555 65.0751 79.021 65.4096 78.6114 65.4096Z" fill="#BBBBBB"/>
|
|
13
|
-
<path d="M42.1599 54.0631C42.1113 53.4062 42.0867 52.7431 42.0867 52.0747C42.0867 37.9613 53.0837 26.25 67.5009 24.0262C66.098 23.7766 64.6501 23.646 63.1692 23.646C50.4427 23.646 40.1255 33.2946 40.1255 45.1968C40.1255 48.3572 40.853 51.3589 42.1599 54.0631Z" fill="white"/>
|
|
14
|
-
</svg>
|