w-design-system 0.0.61 → 0.0.62

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 (9) hide show
  1. package/dist/components/Sidebar/SidebarGroup/index.js +2 -2
  2. package/dist/components/Sidebar/SidebarGroup/index.js.map +1 -1
  3. package/dist/components/Sidebar/SidebarGroup/styles.d.ts +5 -5
  4. package/dist/components/Sidebar/SidebarGroup/styles.d.ts.map +1 -1
  5. package/dist/components/Sidebar/SidebarGroup/styles.js +7 -7
  6. package/dist/components/Sidebar/SidebarGroup/styles.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/Sidebar/SidebarGroup/index.tsx +4 -4
  9. package/src/components/Sidebar/SidebarGroup/styles.ts +12 -12
package/dist/components/Sidebar/SidebarGroup/index.js CHANGED
@@ -29,8 +29,8 @@ const SidebarGroup = ({ title, icon, children, sidebarOpen, disabled, onClick, i
29
29
  if (isCurrentGroup) {
30
30
  color = '#217efd';
31
31
  }
32
- return (React.createElement(SidebarGroupContainer, { open: sidebarOpen, groupOpen: groupOpen },
33
- React.createElement(SidebarGroupHeaderContainer, { disabled: disabled, sidebarOpen: sidebarOpen, groupOpen: groupOpen, onClick: onClickHandler },
32
+ return (React.createElement(SidebarGroupContainer, { "$open": sidebarOpen, "$groupOpen": groupOpen },
33
+ React.createElement(SidebarGroupHeaderContainer, { "$disabled": disabled, "$sidebarOpen": sidebarOpen, "$groupOpen": groupOpen, onClick: onClickHandler },
34
34
  React.createElement(IconWrapper, { src: icon, color: color, width: "20px" }),
35
35
  sidebarOpen && (React.createElement("span", { className: "title" },
36
36
  React.createElement(Paragraph, { size: "medium", heavyBod: isCurrentGroup, color: disabled ? theme.colors.shade40 : 'white' }, title))),
package/dist/components/Sidebar/SidebarGroup/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAA;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAW9D,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,EACP,cAAc,GACuB,EAAE,EAAE;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,QAAQ;YAAE,YAAY,CAAC,KAAK,CAAC,CAAA;IAChD,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEzB,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAAiC,EAAE,EAAE;QACpC,IAAI,QAAQ;YAAE,OAAM;QAEpB,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO,EAAE,CAAA;QACX,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;QAC1B,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,CAC5C,CAAA;IAED,IAAI,KAAK,GAAG,MAAM,CAAA;IAElB,IAAI,QAAQ,EAAE,CAAC;QACb,KAAK,GAAG,uBAAuB,CAAA;IACjC,CAAC;IAED,IAAI,cAAc,EAAE,CAAC;QACnB,KAAK,GAAG,SAAS,CAAA;IACnB,CAAC;IAED,OAAO,CACL,oBAAC,qBAAqB,IAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS;QAC5D,oBAAC,2BAA2B,IAC1B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,cAAc;YAEvB,oBAAC,WAAW,IAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,GAAG;YACpD,WAAW,IAAI,CACd,8BAAM,SAAS,EAAC,OAAO;gBACrB,oBAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IAChG,KAAK,CACI,CACP,CACR;YACA,WAAW;gBACV,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACX,oBAAC,WAAW,IACV,SAAS,EAAE,QAAQ,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EACnD,GAAG,EAAE,cAAc,EACnB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,GAC3B,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CACzD,CAAC,CACwB;QAC7B,QAAQ,CACa,CACzB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAA;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAW9D,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,EACP,cAAc,GACuB,EAAE,EAAE;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,QAAQ;YAAE,YAAY,CAAC,KAAK,CAAC,CAAA;IAChD,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEzB,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAAiC,EAAE,EAAE;QACpC,IAAI,QAAQ;YAAE,OAAM;QAEpB,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO,EAAE,CAAA;QACX,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;QAC1B,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,CAC5C,CAAA;IAED,IAAI,KAAK,GAAG,MAAM,CAAA;IAElB,IAAI,QAAQ,EAAE,CAAC;QACb,KAAK,GAAG,uBAAuB,CAAA;IACjC,CAAC;IAED,IAAI,cAAc,EAAE,CAAC;QACnB,KAAK,GAAG,SAAS,CAAA;IACnB,CAAC;IAED,OAAO,CACL,oBAAC,qBAAqB,aAAQ,WAAW,gBAAc,SAAS;QAC9D,oBAAC,2BAA2B,iBACf,QAAQ,kBACL,WAAW,gBACb,SAAS,EACrB,OAAO,EAAE,cAAc;YAEvB,oBAAC,WAAW,IAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,GAAG;YACpD,WAAW,IAAI,CACd,8BAAM,SAAS,EAAC,OAAO;gBACrB,oBAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IAChG,KAAK,CACI,CACP,CACR;YACA,WAAW;gBACV,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACX,oBAAC,WAAW,IACV,SAAS,EAAE,QAAQ,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EACnD,GAAG,EAAE,cAAc,EACnB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,GAC3B,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CACzD,CAAC,CACwB;QAC7B,QAAQ,CACa,CACzB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
package/dist/components/Sidebar/SidebarGroup/styles.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  interface SidebarGroupContainerProps {
2
- open: boolean;
3
- groupOpen: boolean;
2
+ $open: boolean;
3
+ $groupOpen: boolean;
4
4
  }
5
5
  export declare const SidebarGroupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SidebarGroupContainerProps>> & string;
6
6
  interface SidebarGroupContainerHeaderProps {
7
- sidebarOpen: boolean;
8
- groupOpen: boolean;
9
- disabled?: boolean;
7
+ $sidebarOpen: boolean;
8
+ $groupOpen: boolean;
9
+ $disabled?: boolean;
10
10
  }
11
11
  export declare const SidebarGroupHeaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SidebarGroupContainerHeaderProps>> & string;
12
12
  export declare const LockedModal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
package/dist/components/Sidebar/SidebarGroup/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarGroup/styles.ts"],"names":[],"mappings":"AAGA,UAAU,0BAA0B;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,qBAAqB,+PA+BjC,CAAA;AAED,UAAU,gCAAgC;IACxC,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,2BAA2B,qQAoBvC,CAAA;AAED,eAAO,MAAM,WAAW,6NAWvB,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarGroup/styles.ts"],"names":[],"mappings":"AAGA,UAAU,0BAA0B;IAClC,KAAK,EAAE,OAAO,CAAA;IACd,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,qBAAqB,+PA+BjC,CAAA;AAED,UAAU,gCAAgC;IACxC,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,2BAA2B,qQAoBvC,CAAA;AAED,eAAO,MAAM,WAAW,6NAWvB,CAAA"}
package/dist/components/Sidebar/SidebarGroup/styles.js CHANGED
@@ -5,8 +5,8 @@ export const SidebarGroupContainer = styled.div `
5
5
  flex-direction: column;
6
6
  cursor: pointer;
7
7
 
8
- height: ${({ groupOpen, open }) => (groupOpen && open ? 'auto' : '40px')};
9
- background-color: ${({ groupOpen, open }) => (groupOpen && open ? 'rgba(255, 255, 255, 0.1)' : 'inherit')};
8
+ height: ${({ $groupOpen: groupOpen, $open: open }) => (groupOpen && open ? 'auto' : '40px')};
9
+ background-color: ${({ $groupOpen: groupOpen, $open: open }) => (groupOpen && open ? 'rgba(255, 255, 255, 0.1)' : 'inherit')};
10
10
  overflow: hidden;
11
11
  border-radius: 4px;
12
12
 
@@ -16,7 +16,7 @@ export const SidebarGroupContainer = styled.div `
16
16
 
17
17
  .wrapperTitle {
18
18
  cursor: pointer;
19
- min-height: ${({ groupOpen, open }) => (groupOpen && open ? '40px' : '54px')};
19
+ min-height: ${({ $groupOpen: groupOpen, $open: open }) => (groupOpen && open ? '40px' : '54px')};
20
20
  padding: 0 14px;
21
21
  display: flex;
22
22
  align-items: center;
@@ -35,9 +35,9 @@ export const SidebarGroupContainer = styled.div `
35
35
  export const SidebarGroupHeaderContainer = styled.div `
36
36
  display: flex;
37
37
  align-items: center;
38
- min-height: ${({ groupOpen, sidebarOpen }) => (groupOpen && sidebarOpen ? '40px' : '40px')};
39
- ${({ groupOpen, sidebarOpen }) => groupOpen && sidebarOpen && 'border-bottom: 1px solid rgba(255, 255, 255, 0.1)'};
40
- justify-content: ${({ sidebarOpen }) => (sidebarOpen ? 'space-between' : 'center')};
38
+ min-height: ${({ $groupOpen: groupOpen, $sidebarOpen: sidebarOpen }) => (groupOpen && sidebarOpen ? '40px' : '40px')};
39
+ ${({ $groupOpen: groupOpen, $sidebarOpen: sidebarOpen }) => groupOpen && sidebarOpen && 'border-bottom: 1px solid rgba(255, 255, 255, 0.1)'};
40
+ justify-content: ${({ $sidebarOpen: sidebarOpen }) => (sidebarOpen ? 'space-between' : 'center')};
41
41
  text-wrap: nowrap;
42
42
 
43
43
  padding: 8px 8px;
@@ -45,7 +45,7 @@ export const SidebarGroupHeaderContainer = styled.div `
45
45
  height: 100%;
46
46
  gap: 24px;
47
47
 
48
- color: ${({ disabled }) => (disabled ? 'rgba(255, 255, 255, 0.3)' : '#fff')};
48
+ color: ${({ $disabled: disabled }) => (disabled ? 'rgba(255, 255, 255, 0.3)' : '#fff')};
49
49
 
50
50
  .title {
51
51
  width: 100%;
package/dist/components/Sidebar/SidebarGroup/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarGroup/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAOpC,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA4B;;;;;YAK/D,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;sBACpD,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;;;;kBAUzF,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;CAe/E,CAAA;AAQD,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,CAAkC;;;gBAGvE,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IACxF,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,WAAW,IAAI,mDAAmD;qBAC9F,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC;;;;;;;;WAQzE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;;CAO5E,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;aASxB,KAAK,CAAC,MAAM,CAAC,OAAO;;CAEhC,CAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarGroup/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAOpC,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA4B;;;;;YAK/D,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;sBACvE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;;;;kBAU5G,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;CAelG,CAAA;AAQD,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,CAAkC;;;gBAGvE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAClH,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,WAAW,IAAI,mDAAmD;qBACxH,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC;;;;;;;;WAQvF,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;;CAOvF,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;aASxB,KAAK,CAAC,MAAM,CAAC,OAAO;;CAEhC,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "w-design-system",
3
- "version": "0.0.61",
3
+ "version": "0.0.62",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "dependencies": {
package/src/components/Sidebar/SidebarGroup/index.tsx CHANGED
@@ -55,11 +55,11 @@ const SidebarGroup = ({
55
55
  }
56
56
 
57
57
  return (
58
- <SidebarGroupContainer open={sidebarOpen} groupOpen={groupOpen}>
58
+ <SidebarGroupContainer $open={sidebarOpen} $groupOpen={groupOpen}>
59
59
  <SidebarGroupHeaderContainer
60
- disabled={disabled}
61
- sidebarOpen={sidebarOpen}
62
- groupOpen={groupOpen}
60
+ $disabled={disabled}
61
+ $sidebarOpen={sidebarOpen}
62
+ $groupOpen={groupOpen}
63
63
  onClick={onClickHandler}
64
64
  >
65
65
  <IconWrapper src={icon} color={color} width="20px" />
package/src/components/Sidebar/SidebarGroup/styles.ts CHANGED
@@ -2,8 +2,8 @@ import styled from 'styled-components'
2
2
  import { theme } from '../../Themes'
3
3
 
4
4
  interface SidebarGroupContainerProps {
5
- open: boolean
6
- groupOpen: boolean
5
+ $open: boolean
6
+ $groupOpen: boolean
7
7
  }
8
8
 
9
9
  export const SidebarGroupContainer = styled.div<SidebarGroupContainerProps>`
@@ -11,8 +11,8 @@ export const SidebarGroupContainer = styled.div<SidebarGroupContainerProps>`
11
11
  flex-direction: column;
12
12
  cursor: pointer;
13
13
 
14
- height: ${({ groupOpen, open }) => (groupOpen && open ? 'auto' : '40px')};
15
- background-color: ${({ groupOpen, open }) => (groupOpen && open ? 'rgba(255, 255, 255, 0.1)' : 'inherit')};
14
+ height: ${({ $groupOpen: groupOpen, $open: open }) => (groupOpen && open ? 'auto' : '40px')};
15
+ background-color: ${({ $groupOpen: groupOpen, $open: open }) => (groupOpen && open ? 'rgba(255, 255, 255, 0.1)' : 'inherit')};
16
16
  overflow: hidden;
17
17
  border-radius: 4px;
18
18
 
@@ -22,7 +22,7 @@ export const SidebarGroupContainer = styled.div<SidebarGroupContainerProps>`
22
22
 
23
23
  .wrapperTitle {
24
24
  cursor: pointer;
25
- min-height: ${({ groupOpen, open }) => (groupOpen && open ? '40px' : '54px')};
25
+ min-height: ${({ $groupOpen: groupOpen, $open: open }) => (groupOpen && open ? '40px' : '54px')};
26
26
  padding: 0 14px;
27
27
  display: flex;
28
28
  align-items: center;
@@ -40,17 +40,17 @@ export const SidebarGroupContainer = styled.div<SidebarGroupContainerProps>`
40
40
  `
41
41
 
42
42
  interface SidebarGroupContainerHeaderProps {
43
- sidebarOpen: boolean
44
- groupOpen: boolean
45
- disabled?: boolean
43
+ $sidebarOpen: boolean
44
+ $groupOpen: boolean
45
+ $disabled?: boolean
46
46
  }
47
47
 
48
48
  export const SidebarGroupHeaderContainer = styled.div<SidebarGroupContainerHeaderProps>`
49
49
  display: flex;
50
50
  align-items: center;
51
- min-height: ${({ groupOpen, sidebarOpen }) => (groupOpen && sidebarOpen ? '40px' : '40px')};
52
- ${({ groupOpen, sidebarOpen }) => groupOpen && sidebarOpen && 'border-bottom: 1px solid rgba(255, 255, 255, 0.1)'};
53
- justify-content: ${({ sidebarOpen }) => (sidebarOpen ? 'space-between' : 'center')};
51
+ min-height: ${({ $groupOpen: groupOpen, $sidebarOpen: sidebarOpen }) => (groupOpen && sidebarOpen ? '40px' : '40px')};
52
+ ${({ $groupOpen: groupOpen, $sidebarOpen: sidebarOpen }) => groupOpen && sidebarOpen && 'border-bottom: 1px solid rgba(255, 255, 255, 0.1)'};
53
+ justify-content: ${({ $sidebarOpen: sidebarOpen }) => (sidebarOpen ? 'space-between' : 'center')};
54
54
  text-wrap: nowrap;
55
55
 
56
56
  padding: 8px 8px;
@@ -58,7 +58,7 @@ export const SidebarGroupHeaderContainer = styled.div<SidebarGroupContainerHeade
58
58
  height: 100%;
59
59
  gap: 24px;
60
60
 
61
- color: ${({ disabled }) => (disabled ? 'rgba(255, 255, 255, 0.3)' : '#fff')};
61
+ color: ${({ $disabled: disabled }) => (disabled ? 'rgba(255, 255, 255, 0.3)' : '#fff')};
62
62
 
63
63
  .title {
64
64
  width: 100%;