w-design-system 0.0.73 → 0.0.75
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/icon/add.svg +2 -0
- package/dist/assets/icon/index.d.ts +2 -1
- package/dist/assets/icon/index.d.ts.map +1 -1
- package/dist/assets/icon/index.js +2 -1
- package/dist/assets/icon/index.js.map +1 -1
- package/dist/assets/icon/index.ts +2 -1
- package/dist/components/InputTag/index.d.ts.map +1 -1
- package/dist/components/InputTag/index.js +30 -3
- package/dist/components/InputTag/index.js.map +1 -1
- package/dist/components/InputTag/styles.d.ts.map +1 -1
- package/dist/components/InputTag/styles.js +25 -7
- 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/dist/components/Themes/index.d.ts +1 -0
- package/dist/components/Themes/index.d.ts.map +1 -1
- package/dist/components/Themes/index.js +1 -0
- package/dist/components/Themes/index.js.map +1 -1
- package/package.json +1 -1
- package/src/assets/icon/add.svg +2 -0
- package/src/assets/icon/index.ts +2 -1
- package/src/components/InputTag/index.tsx +36 -5
- package/src/components/InputTag/styles.ts +25 -7
- package/src/components/Sidebar/styles.ts +1 -0
- package/src/components/Themes/index.ts +1 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg width="24px" height="24px" version="1.1" viewBox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg"><path fill="#999999" d="m440-440h-200a40 40 45 0 1-40-40 40 40 135 0 1 40-40h200v-200a40 40 135 0 1 40-40 40 40 45 0 1 40 40v200h200a40 40 45 0 1 40 40 40 40 135 0 1-40 40h-200v200a40 40 135 0 1-40 40 40 40 45 0 1-40-40z"/></svg>
|
|
@@ -36,5 +36,6 @@ import { default as spinSVG } from './spin.svg';
|
|
|
36
36
|
import { default as spreadsheetSVG } from './spreadsheet.svg';
|
|
37
37
|
import { default as wavePulseSVG } from './wave-pulse.svg';
|
|
38
38
|
import { default as logoWaveGrayPNG } from './logoWaveGray.png';
|
|
39
|
-
|
|
39
|
+
import { default as addSVG } from './add.svg';
|
|
40
|
+
export { alertSVG, appsSVG, bellSVG, bindSVG, bookmarkSVG, calendarSVG, checkSVG, chevronDownSVG, chevronLeftSVG, chevronRightSVG, closeSVG, coinsSVG, commentSVG, dashboardSVG, docCheckSVG, docDownloadSVG, docSVG, docUploadSVG, dumpSVG, editalSVG, editSVG, eyesSVG, fileSVG, financeSVG, gavelSVG, gearSVG, grid2PlusSVG, imageSVG, lockSVG, moneySVG, monitoringSVG, orderSVG, portalSVG, settingSVG, spinSVG, spreadsheetSVG, wavePulseSVG, logoWaveGrayPNG, addSVG };
|
|
40
41
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/icon/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -36,5 +36,6 @@ import { default as spinSVG } from './spin.svg';
|
|
|
36
36
|
import { default as spreadsheetSVG } from './spreadsheet.svg';
|
|
37
37
|
import { default as wavePulseSVG } from './wave-pulse.svg';
|
|
38
38
|
import { default as logoWaveGrayPNG } from './logoWaveGray.png';
|
|
39
|
-
|
|
39
|
+
import { default as addSVG } from './add.svg';
|
|
40
|
+
export { alertSVG, appsSVG, bellSVG, bindSVG, bookmarkSVG, calendarSVG, checkSVG, chevronDownSVG, chevronLeftSVG, chevronRightSVG, closeSVG, coinsSVG, commentSVG, dashboardSVG, docCheckSVG, docDownloadSVG, docSVG, docUploadSVG, dumpSVG, editalSVG, editSVG, eyesSVG, fileSVG, financeSVG, gavelSVG, gearSVG, grid2PlusSVG, imageSVG, lockSVG, moneySVG, monitoringSVG, orderSVG, portalSVG, settingSVG, spinSVG, spreadsheetSVG, wavePulseSVG, logoWaveGrayPNG, addSVG };
|
|
40
41
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/assets/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/assets/icon/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -36,7 +36,7 @@ import { default as spinSVG } from './spin.svg'
|
|
|
36
36
|
import { default as spreadsheetSVG } from './spreadsheet.svg'
|
|
37
37
|
import { default as wavePulseSVG } from './wave-pulse.svg'
|
|
38
38
|
import { default as logoWaveGrayPNG } from './logoWaveGray.png'
|
|
39
|
-
|
|
39
|
+
import { default as addSVG } from './add.svg'
|
|
40
40
|
export {
|
|
41
41
|
alertSVG,
|
|
42
42
|
appsSVG,
|
|
@@ -76,4 +76,5 @@ export {
|
|
|
76
76
|
spreadsheetSVG,
|
|
77
77
|
wavePulseSVG,
|
|
78
78
|
logoWaveGrayPNG,
|
|
79
|
+
addSVG
|
|
79
80
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputTag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAmD,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputTag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAmD,MAAM,OAAO,CAAA;AAOzG,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqJzC,CAAA"}
|
|
@@ -13,6 +13,8 @@ import React, { useCallback, useEffect, useId, useRef, useState } from 'react';
|
|
|
13
13
|
import { InputWrapper, StyledInput, StyledInputBorder, StyledInputContent, StyledLabel } from './styles';
|
|
14
14
|
import { Paragraph } from '../Paragraph';
|
|
15
15
|
import { theme } from '../Themes';
|
|
16
|
+
import { IconWrapper } from '../IconWrapper';
|
|
17
|
+
import { addSVG } from '../../assets/icon';
|
|
16
18
|
export const InputTag = (_a) => {
|
|
17
19
|
var { label, readonly, disabled, leftIcon, rightIcon, tags, setTags, placeholder } = _a, props = __rest(_a, ["label", "readonly", "disabled", "leftIcon", "rightIcon", "tags", "setTags", "placeholder"]);
|
|
18
20
|
const id = useId();
|
|
@@ -52,6 +54,30 @@ export const InputTag = (_a) => {
|
|
|
52
54
|
});
|
|
53
55
|
}
|
|
54
56
|
}, []);
|
|
57
|
+
useEffect(() => {
|
|
58
|
+
const handler = () => updatePositions();
|
|
59
|
+
let resizeObserver = null;
|
|
60
|
+
if (ResizeObserver) {
|
|
61
|
+
resizeObserver = new ResizeObserver(handler);
|
|
62
|
+
if (contentRef.current) {
|
|
63
|
+
resizeObserver.observe(contentRef.current);
|
|
64
|
+
}
|
|
65
|
+
if (labelRef.current) {
|
|
66
|
+
resizeObserver.observe(labelRef.current);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
else {
|
|
70
|
+
window.addEventListener('resize', handler);
|
|
71
|
+
}
|
|
72
|
+
return () => {
|
|
73
|
+
if (resizeObserver) {
|
|
74
|
+
resizeObserver.disconnect();
|
|
75
|
+
}
|
|
76
|
+
else {
|
|
77
|
+
window.removeEventListener('resize', handler);
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
}, [updatePositions]);
|
|
55
81
|
useEffect(() => {
|
|
56
82
|
updatePositions();
|
|
57
83
|
}, [label, updatePositions]);
|
|
@@ -85,9 +111,10 @@ export const InputTag = (_a) => {
|
|
|
85
111
|
addTag();
|
|
86
112
|
}
|
|
87
113
|
}, readOnly: readonly }),
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
114
|
+
React.createElement(React.Fragment, null,
|
|
115
|
+
rightIcon,
|
|
116
|
+
React.createElement("button", { className: 'button-action', onClick: e => addTag(e) },
|
|
117
|
+
React.createElement(IconWrapper, { src: addSVG, width: "24px", height: "24px", color: theme.colors.shade30 })))),
|
|
91
118
|
React.createElement("div", { className: 'container-input-tag' }, tags.map((tag, index) => (React.createElement("button", { className: 'wrapper-tag', key: index },
|
|
92
119
|
React.createElement(Paragraph, { color: theme.colors.cyan30 }, tag),
|
|
93
120
|
React.createElement("button", { onClick: () => removeTag(tag) },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InputTag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzG,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACxG,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InputTag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzG,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACxG,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAqB1C,MAAM,CAAC,MAAM,QAAQ,GAAyB,CAAC,EAU9C,EAAE,EAAE;QAV0C,EAC7C,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,WAAW,OAEZ,EADI,KAAK,cATqC,4FAU9C,CADS;IAER,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEhD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW;QAC3D,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV,CAAC,CAAA;IACF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAW;QAC/D,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,MAAM,MAAM,GAAG,EAAE,CAAA;QACjB,MAAM,WAAW,GAAG,CAAC,CAAA;QACrB,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,kBAAkB,CAAC;gBACjB,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,UAAU,GAAG,MAAM;gBACzC,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM;gBACxC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,MAAM,GAAG,CAAC;gBAClD,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,MAAM,GAAG,CAAC;aACrD,CAAC,CAAA;QACJ,CAAC;QACD,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,gBAAgB,CAAC;gBACf,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,GAAG,WAAW;gBAC5C,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW;gBAC3C,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC;gBACrD,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,YAAY,GAAG,WAAW,GAAG,CAAC;aACxD,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,eAAe,EAAE,CAAA;QAEvC,IAAI,cAAc,GAA0B,IAAI,CAAA;QAChD,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAA;YAC5C,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;gBACvB,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;YAC5C,CAAC;YACD,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACrB,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;YAC1C,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAC5C,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,cAAc,EAAE,CAAC;gBACnB,cAAc,CAAC,UAAU,EAAE,CAAA;YAC7B,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;YAC/C,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,EAAE,CAAA;IACnB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAA;IAE5B,MAAM,MAAM,GAAG,CAAC,CAAuC,EAAE,EAAE;;QACzD,IAAI,CAAC;YAAE,CAAC,CAAC,eAAe,EAAE,CAAA;QAC1B,IAAI,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC;YAC3D,OAAO,CAAC,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;YACrC,aAAa,CAAC,EAAE,CAAC,CAAA;YACjB,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;QAC3B,CAAC;IACH,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,CAAC,WAAmB,EAAE,EAAE;QACxC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC,CAAA;IAClD,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,CAAC,CAAmC,EAAE,EAAE;;QACnE,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;QACzB,CAAC,CAAC,eAAe,EAAE,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL;QAEE,oBAAC,YAAY,oBAAK,KAAK;YACrB,oBAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;gBAE5F,oBAAC,iBAAiB,IAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,GAAI;gBACrE,oBAAC,WAAW,IAAC,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,IACpC,KAAK,CACM;gBACb,QAAQ;gBAGT,oBAAC,WAAW,IACV,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,CAAC,CAAC,EAAE;wBACb,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;4BACtB,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,MAAM,EAAE,CAAA;wBACV,CAAC;oBACH,CAAC,EACD,QAAQ,EAAE,QAAQ,GAClB;gBAEA;oBACG,SAAS;oBACV,gCAAQ,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;wBACzD,oBAAC,WAAW,IAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,GAAI,CAC7E,CACR,CAEc;YAErB,6BAAK,SAAS,EAAE,qBAAqB,IAClC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,gCAAQ,SAAS,EAAE,aAAa,EAAE,GAAG,EAAE,KAAK;gBAC1C,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,IAAG,GAAG,CAAa;gBACxD,gCAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC;oBACnC,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,QAAe,CAC9C,CACF,CACV,CAAC,CACE,CACO,CACd,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -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,6NA8DxB,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"}
|
|
@@ -4,18 +4,36 @@ export const InputWrapper = styled.div `
|
|
|
4
4
|
position: relative;
|
|
5
5
|
border-radius: 4px;
|
|
6
6
|
.button-action {
|
|
7
|
-
position: absolute;
|
|
8
|
-
right: 0;
|
|
9
|
-
top: 1px;
|
|
10
7
|
display: flex;
|
|
11
8
|
align-items: center;
|
|
12
|
-
|
|
13
|
-
height:
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
justify-content: center;
|
|
10
|
+
height: 36px;
|
|
11
|
+
width: 36px;
|
|
12
|
+
min-width: 36px;
|
|
13
|
+
border-radius: 100%;
|
|
16
14
|
border: none;
|
|
17
15
|
cursor: pointer;
|
|
16
|
+
background-color: ${theme.colors.cyan10};
|
|
17
|
+
opacity: 0.8;
|
|
18
|
+
cursor: pointer;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.button-action svg path {
|
|
22
|
+
fill: ${theme.colors.cyan20};
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.button-action:hover {
|
|
26
|
+
background: ${theme.colors.cyan15};
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.button-action:hover svg path {
|
|
30
|
+
fill: ${theme.colors.cyan20};
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.button-action:active {
|
|
34
|
+
background: ${theme.colors.cyan15};
|
|
18
35
|
}
|
|
36
|
+
|
|
19
37
|
.container-input-tag {
|
|
20
38
|
display: ruby;
|
|
21
39
|
gap: 16px;
|
|
@@ -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;;;;;;;;;;;;;wBAad,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;YAM/B,KAAK,CAAC,MAAM,CAAC,MAAM;;;;kBAIb,KAAK,CAAC,MAAM,CAAC,MAAM;;;;YAIzB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;kBAIb,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;oBAsBjB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;CAStC,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Themes/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Themes/index.ts"],"names":[],"mappings":"AAqDA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAA;AAeD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Themes/index.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,MAAM,KAAK,GAAG;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,MAAM,GAAG;IACb,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;CACpB,CAAA;AAED,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,MAAM,OAAO,GAAG;IACd,eAAe,EAAE,0BAA0B;CAC5C,CAAA;AAED,MAAM,KAAK,GAAG,SAAS,CAAA;AACvB,MAAM,KAAK,GAAG,SAAS,CAAA;AACvB,MAAM,WAAW,GAAG,aAAa,CAAA;AAEjC,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;CACf,CAAA;AAED,MAAM,MAAM,GAAG;IACb,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,IAAI,EAAE,KAAK;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,OAAO;IACP,MAAM,sHACD,MAAM,GACN,MAAM,GACN,GAAG,GACH,KAAK,GACL,IAAI,GACJ,IAAI,KACP,KAAK;QACL,KAAK;QACL,WAAW,KACR,OAAO,CACX;IACD,KAAK,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,CAAC;IAC5E,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;IACD,SAAS,EAAE;QACT,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Themes/index.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,MAAM,KAAK,GAAG;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,MAAM,GAAG;IACb,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;CACpB,CAAA;AAED,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,MAAM,OAAO,GAAG;IACd,eAAe,EAAE,0BAA0B;CAC5C,CAAA;AAED,MAAM,KAAK,GAAG,SAAS,CAAA;AACvB,MAAM,KAAK,GAAG,SAAS,CAAA;AACvB,MAAM,WAAW,GAAG,aAAa,CAAA;AAEjC,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;CACf,CAAA;AAED,MAAM,MAAM,GAAG;IACb,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,IAAI,EAAE,KAAK;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,OAAO;IACP,MAAM,sHACD,MAAM,GACN,MAAM,GACN,GAAG,GACH,KAAK,GACL,IAAI,GACJ,IAAI,KACP,KAAK;QACL,KAAK;QACL,WAAW,KACR,OAAO,CACX;IACD,KAAK,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,CAAC;IAC5E,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;IACD,SAAS,EAAE;QACT,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;CACF,CAAA"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg width="24px" height="24px" version="1.1" viewBox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg"><path fill="#999999" d="m440-440h-200a40 40 45 0 1-40-40 40 40 135 0 1 40-40h200v-200a40 40 135 0 1 40-40 40 40 45 0 1 40 40v200h200a40 40 45 0 1 40 40 40 40 135 0 1-40 40h-200v200a40 40 135 0 1-40 40 40 40 45 0 1-40-40z"/></svg>
|
package/src/assets/icon/index.ts
CHANGED
|
@@ -36,7 +36,7 @@ import { default as spinSVG } from './spin.svg'
|
|
|
36
36
|
import { default as spreadsheetSVG } from './spreadsheet.svg'
|
|
37
37
|
import { default as wavePulseSVG } from './wave-pulse.svg'
|
|
38
38
|
import { default as logoWaveGrayPNG } from './logoWaveGray.png'
|
|
39
|
-
|
|
39
|
+
import { default as addSVG } from './add.svg'
|
|
40
40
|
export {
|
|
41
41
|
alertSVG,
|
|
42
42
|
appsSVG,
|
|
@@ -76,4 +76,5 @@ export {
|
|
|
76
76
|
spreadsheetSVG,
|
|
77
77
|
wavePulseSVG,
|
|
78
78
|
logoWaveGrayPNG,
|
|
79
|
+
addSVG
|
|
79
80
|
}
|
|
@@ -2,6 +2,8 @@ import React, { HTMLAttributes, ReactNode, useCallback, useEffect, useId, useRef
|
|
|
2
2
|
import { InputWrapper, StyledInput, StyledInputBorder, StyledInputContent, StyledLabel } from './styles'
|
|
3
3
|
import { Paragraph } from '../Paragraph'
|
|
4
4
|
import { theme } from '../Themes'
|
|
5
|
+
import { IconWrapper } from '../IconWrapper'
|
|
6
|
+
import { addSVG } from '../../assets/icon'
|
|
5
7
|
|
|
6
8
|
export interface InputProps extends HTMLAttributes<HTMLDivElement> {
|
|
7
9
|
placeholder?: string
|
|
@@ -73,6 +75,31 @@ export const InputTag: React.FC<InputProps> = ({
|
|
|
73
75
|
}
|
|
74
76
|
}, [])
|
|
75
77
|
|
|
78
|
+
useEffect(() => {
|
|
79
|
+
const handler = () => updatePositions()
|
|
80
|
+
|
|
81
|
+
let resizeObserver: ResizeObserver | null = null
|
|
82
|
+
if (ResizeObserver) {
|
|
83
|
+
resizeObserver = new ResizeObserver(handler)
|
|
84
|
+
if (contentRef.current) {
|
|
85
|
+
resizeObserver.observe(contentRef.current)
|
|
86
|
+
}
|
|
87
|
+
if (labelRef.current) {
|
|
88
|
+
resizeObserver.observe(labelRef.current)
|
|
89
|
+
}
|
|
90
|
+
} else {
|
|
91
|
+
window.addEventListener('resize', handler)
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
return () => {
|
|
95
|
+
if (resizeObserver) {
|
|
96
|
+
resizeObserver.disconnect()
|
|
97
|
+
} else {
|
|
98
|
+
window.removeEventListener('resize', handler)
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}, [updatePositions])
|
|
102
|
+
|
|
76
103
|
useEffect(() => {
|
|
77
104
|
updatePositions()
|
|
78
105
|
}, [label, updatePositions])
|
|
@@ -123,12 +150,16 @@ export const InputTag: React.FC<InputProps> = ({
|
|
|
123
150
|
}}
|
|
124
151
|
readOnly={readonly}
|
|
125
152
|
/>
|
|
126
|
-
|
|
127
|
-
|
|
153
|
+
{
|
|
154
|
+
<>
|
|
155
|
+
{rightIcon}
|
|
156
|
+
<button className={'button-action'} onClick={e => addTag(e)}>
|
|
157
|
+
<IconWrapper src={addSVG} width="24px" height="24px" color={theme.colors.shade30} />
|
|
158
|
+
</button>
|
|
159
|
+
</>
|
|
160
|
+
}
|
|
128
161
|
</StyledInputContent>
|
|
129
|
-
|
|
130
|
-
<Paragraph color={theme.colors.cyan30}>add</Paragraph>
|
|
131
|
-
</button>
|
|
162
|
+
|
|
132
163
|
<div className={'container-input-tag'}>
|
|
133
164
|
{tags.map((tag, index) => (
|
|
134
165
|
<button className={'wrapper-tag'} key={index}>
|
|
@@ -6,18 +6,36 @@ export const InputWrapper = styled.div`
|
|
|
6
6
|
position: relative;
|
|
7
7
|
border-radius: 4px;
|
|
8
8
|
.button-action {
|
|
9
|
-
position: absolute;
|
|
10
|
-
right: 0;
|
|
11
|
-
top: 1px;
|
|
12
9
|
display: flex;
|
|
13
10
|
align-items: center;
|
|
14
|
-
|
|
15
|
-
height:
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
justify-content: center;
|
|
12
|
+
height: 36px;
|
|
13
|
+
width: 36px;
|
|
14
|
+
min-width: 36px;
|
|
15
|
+
border-radius: 100%;
|
|
18
16
|
border: none;
|
|
19
17
|
cursor: pointer;
|
|
18
|
+
background-color: ${theme.colors.cyan10};
|
|
19
|
+
opacity: 0.8;
|
|
20
|
+
cursor: pointer;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.button-action svg path {
|
|
24
|
+
fill: ${theme.colors.cyan20};
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.button-action:hover {
|
|
28
|
+
background: ${theme.colors.cyan15};
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.button-action:hover svg path {
|
|
32
|
+
fill: ${theme.colors.cyan20};
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.button-action:active {
|
|
36
|
+
background: ${theme.colors.cyan15};
|
|
20
37
|
}
|
|
38
|
+
|
|
21
39
|
.container-input-tag {
|
|
22
40
|
display: ruby;
|
|
23
41
|
gap: 16px;
|
|
@@ -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 */
|