w-design-system 0.0.74 → 0.0.76
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/deploy.sh +0 -1
- package/dist/components/InputTag/styles.d.ts.map +1 -1
- package/dist/components/InputTag/styles.js +9 -14
- package/dist/components/InputTag/styles.js.map +1 -1
- package/dist/components/Sidebar/styles.d.ts.map +1 -1
- package/dist/components/Sidebar/styles.js +1 -0
- package/dist/components/Sidebar/styles.js.map +1 -1
- package/package.json +1 -1
- package/src/components/InputTag/styles.ts +9 -14
- package/src/components/Sidebar/styles.ts +1 -0
package/deploy.sh
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/InputTag/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAA;AAEjC,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/InputTag/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAA;AAEjC,eAAO,MAAM,YAAY,6NAyDxB,CAAA;AAED,eAAO,MAAM,WAAW,sOA4BvB,CAAA;AAED,eAAO,MAAM,WAAW,sOAavB,CAAA;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,4PAiB9B,CAAA;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,QAAQ,CAAA;IACf,OAAO,EAAE,QAAQ,CAAA;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,2PAc7B,CAAA"}
|
|
@@ -13,30 +13,27 @@ export const InputWrapper = styled.div `
|
|
|
13
13
|
border-radius: 100%;
|
|
14
14
|
border: none;
|
|
15
15
|
cursor: pointer;
|
|
16
|
-
background-color: ${theme.colors.cyan10};
|
|
17
16
|
opacity: 0.8;
|
|
18
17
|
cursor: pointer;
|
|
18
|
+
margin-right: -8px;
|
|
19
|
+
background-color: transparent;
|
|
19
20
|
}
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
.button-action:hover svg path {
|
|
22
24
|
fill: ${theme.colors.cyan20};
|
|
23
25
|
}
|
|
24
26
|
|
|
25
27
|
.button-action:hover {
|
|
26
|
-
background: ${theme.colors.
|
|
28
|
+
background: ${theme.colors.cyan10};
|
|
27
29
|
}
|
|
28
|
-
|
|
29
|
-
.button-action:hover svg path {
|
|
30
|
-
fill: ${theme.colors.cyan20};
|
|
31
|
-
}
|
|
32
|
-
|
|
33
30
|
.button-action:active {
|
|
34
31
|
background: ${theme.colors.cyan15};
|
|
35
32
|
}
|
|
36
|
-
|
|
33
|
+
|
|
37
34
|
.container-input-tag {
|
|
38
|
-
display:
|
|
39
|
-
gap:
|
|
35
|
+
display: flex;
|
|
36
|
+
gap: 8px;
|
|
40
37
|
margin-top: 8px;
|
|
41
38
|
|
|
42
39
|
button {
|
|
@@ -55,8 +52,6 @@ export const InputWrapper = styled.div `
|
|
|
55
52
|
.wrapper-tag {
|
|
56
53
|
background: ${theme.colors.cyan10};
|
|
57
54
|
display: flex;
|
|
58
|
-
|
|
59
|
-
margin: 8px;
|
|
60
55
|
flex-wrap: nowrap;
|
|
61
56
|
border-radius: 4px;
|
|
62
57
|
padding: 4px 8px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/InputTag/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAGjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/InputTag/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAGjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;YAqB1B,KAAK,CAAC,MAAM,CAAC,MAAM;;;;kBAIb,KAAK,CAAC,MAAM,CAAC,MAAM;;;kBAGnB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;oBAsBjB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;CAOtC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;WAO5B,KAAK,CAAC,MAAM,CAAC,OAAO;;iBAEd,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;eACxB,KAAK,CAAC,SAAS,CAAC,MAAM;;;;;;;;;aASxB,KAAK,CAAC,MAAM,CAAC,OAAO;iBAChB,KAAK,CAAC,SAAS,CAAC,MAAM;;;;;;;;CAQtC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;WAE5B,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;eAQhB,KAAK,CAAC,SAAS,CAAC,KAAK;;;CAGnC,CAAA;AAMD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB;;;;;;;;;;;;;sBAa/C,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAC5D,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;YAE5C,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;CAC5F,CAAA;AAOD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;sBAM7C,KAAK,CAAC,MAAM,CAAC,OAAO;;;OAGnC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CACxB,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC;IACrC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK,UAAU,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,KAAK,SAAS,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,QAAQ,KAAK,CAAC,MAAM,MAAM,KAAK,CAAC,KAAK,WAAW,KAAK,CAAC,MAAM,GAAG;IACtL,CAAC,CAAC,EAAE;;CAEX,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.ts"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC7B,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.ts"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC7B,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,gBAAgB,0PA4B5B,CAAA;AAED,eAAO,MAAM,sBAAsB,6NAMlC,CAAA;AAED,eAAO,MAAM,6BAA6B,6NA8BzC,CAAA;AAED,eAAO,MAAM,aAAa,6NAEzB,CAAA"}
|
|
@@ -11,6 +11,7 @@ export const SidebarContainer = styled.div `
|
|
|
11
11
|
height: 100dvh;
|
|
12
12
|
padding: 16px 16px 0 16px;
|
|
13
13
|
width: min-content;
|
|
14
|
+
min-width: ${({ $sidebarOpen: sidebarOpen }) => sidebarOpen && '215px'};
|
|
14
15
|
border-radius: ${({ $sidebarOpen: sidebarOpen }) => sidebarOpen && '0 60px 0px 0;'};
|
|
15
16
|
background: ${({ $baseColor: baseColor }) => baseColor || theme.colors.cyan50};
|
|
16
17
|
/* Mantenha o estilo do container ao passar o mouse */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAOjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAuB;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAOjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAuB;;;;;;;;;;;eAWlD,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,OAAO;mBACrD,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,eAAe;gBACpE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;;;;;;;CAe9E,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM/C,CAAA;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BtD,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEtC,CAAA"}
|
package/package.json
CHANGED
|
@@ -15,30 +15,27 @@ export const InputWrapper = styled.div`
|
|
|
15
15
|
border-radius: 100%;
|
|
16
16
|
border: none;
|
|
17
17
|
cursor: pointer;
|
|
18
|
-
background-color: ${theme.colors.cyan10};
|
|
19
18
|
opacity: 0.8;
|
|
20
19
|
cursor: pointer;
|
|
20
|
+
margin-right: -8px;
|
|
21
|
+
background-color: transparent;
|
|
21
22
|
}
|
|
22
|
-
|
|
23
|
-
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
.button-action:hover svg path {
|
|
24
26
|
fill: ${theme.colors.cyan20};
|
|
25
27
|
}
|
|
26
28
|
|
|
27
29
|
.button-action:hover {
|
|
28
|
-
background: ${theme.colors.
|
|
30
|
+
background: ${theme.colors.cyan10};
|
|
29
31
|
}
|
|
30
|
-
|
|
31
|
-
.button-action:hover svg path {
|
|
32
|
-
fill: ${theme.colors.cyan20};
|
|
33
|
-
}
|
|
34
|
-
|
|
35
32
|
.button-action:active {
|
|
36
33
|
background: ${theme.colors.cyan15};
|
|
37
34
|
}
|
|
38
|
-
|
|
35
|
+
|
|
39
36
|
.container-input-tag {
|
|
40
|
-
display:
|
|
41
|
-
gap:
|
|
37
|
+
display: flex;
|
|
38
|
+
gap: 8px;
|
|
42
39
|
margin-top: 8px;
|
|
43
40
|
|
|
44
41
|
button {
|
|
@@ -57,8 +54,6 @@ export const InputWrapper = styled.div`
|
|
|
57
54
|
.wrapper-tag {
|
|
58
55
|
background: ${theme.colors.cyan10};
|
|
59
56
|
display: flex;
|
|
60
|
-
|
|
61
|
-
margin: 8px;
|
|
62
57
|
flex-wrap: nowrap;
|
|
63
58
|
border-radius: 4px;
|
|
64
59
|
padding: 4px 8px;
|
|
@@ -17,6 +17,7 @@ export const SidebarContainer = styled.div<SidebarContainerProps>`
|
|
|
17
17
|
height: 100dvh;
|
|
18
18
|
padding: 16px 16px 0 16px;
|
|
19
19
|
width: min-content;
|
|
20
|
+
min-width: ${({ $sidebarOpen: sidebarOpen }) => sidebarOpen && '215px'};
|
|
20
21
|
border-radius: ${({ $sidebarOpen: sidebarOpen }) => sidebarOpen && '0 60px 0px 0;'};
|
|
21
22
|
background: ${({ $baseColor: baseColor }) => baseColor || theme.colors.cyan50};
|
|
22
23
|
/* Mantenha o estilo do container ao passar o mouse */
|