@unifiedsoftware/react-components 1.0.8 → 1.0.9

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 (5) hide show
  1. package/dist/index.d.mts +6 -6
  2. package/dist/index.d.ts +6 -6
  3. package/dist/index.js +10 -7
  4. package/dist/index.mjs +10 -7
  5. package/package.json +2 -2
package/dist/index.d.mts CHANGED
@@ -159,24 +159,24 @@ declare const MenuItem: styled_components.StyledComponent<react.ForwardRefExotic
159
159
  declare const MenuTitle: styled_components.StyledComponent<"p", any, {}, never>;
160
160
 
161
161
  interface NavbarProps {
162
- gradient?: boolean;
162
+ $gradient?: boolean;
163
163
  }
164
164
  declare const Navbar: styled_components.StyledComponent<"nav", any, NavbarProps, never>;
165
165
 
166
166
  declare const MenuOptions: styled_components.StyledComponent<"div", any, {}, never>;
167
167
 
168
168
  interface SidebarProps {
169
- width?: string;
170
- active?: boolean;
171
- fixed?: boolean;
172
- shadow?: boolean;
169
+ $width?: string;
170
+ $active?: boolean;
171
+ $fixed?: boolean;
172
+ $shadow?: boolean;
173
173
  }
174
174
  declare const ItemSidebar: styled_components.StyledComponent<"div", any, {}, never>;
175
175
  declare const SidebarNavigation: styled_components.StyledComponent<"nav", any, SidebarProps, never>;
176
176
  declare const ItemLinkSidebar: styled_components.StyledComponent<react.ForwardRefExoticComponent<_unifiedsoftware_react_router.LinkProps & react.RefAttributes<HTMLAnchorElement>>, any, {}, never>;
177
177
 
178
178
  interface MainProps {
179
- activeDrawer: boolean;
179
+ $activeDrawer: boolean;
180
180
  }
181
181
  declare const Main: styled_components.StyledComponent<"main", any, MainProps, never>;
182
182
  declare const CloseIcon: styled_components.StyledComponent<"button", any, {}, never>;
package/dist/index.d.ts CHANGED
@@ -159,24 +159,24 @@ declare const MenuItem: styled_components.StyledComponent<react.ForwardRefExotic
159
159
  declare const MenuTitle: styled_components.StyledComponent<"p", any, {}, never>;
160
160
 
161
161
  interface NavbarProps {
162
- gradient?: boolean;
162
+ $gradient?: boolean;
163
163
  }
164
164
  declare const Navbar: styled_components.StyledComponent<"nav", any, NavbarProps, never>;
165
165
 
166
166
  declare const MenuOptions: styled_components.StyledComponent<"div", any, {}, never>;
167
167
 
168
168
  interface SidebarProps {
169
- width?: string;
170
- active?: boolean;
171
- fixed?: boolean;
172
- shadow?: boolean;
169
+ $width?: string;
170
+ $active?: boolean;
171
+ $fixed?: boolean;
172
+ $shadow?: boolean;
173
173
  }
174
174
  declare const ItemSidebar: styled_components.StyledComponent<"div", any, {}, never>;
175
175
  declare const SidebarNavigation: styled_components.StyledComponent<"nav", any, SidebarProps, never>;
176
176
  declare const ItemLinkSidebar: styled_components.StyledComponent<react.ForwardRefExoticComponent<_unifiedsoftware_react_router.LinkProps & react.RefAttributes<HTMLAnchorElement>>, any, {}, never>;
177
177
 
178
178
  interface MainProps {
179
- activeDrawer: boolean;
179
+ $activeDrawer: boolean;
180
180
  }
181
181
  declare const Main: styled_components.StyledComponent<"main", any, MainProps, never>;
182
182
  declare const CloseIcon: styled_components.StyledComponent<"button", any, {}, never>;
package/dist/index.js CHANGED
@@ -296,7 +296,11 @@ var MenuTitle = import_styled_components2.default.p`
296
296
  var import_styled_components3 = __toESM(require("styled-components"));
297
297
  var Navbar = import_styled_components3.default.nav`
298
298
  background: ${(props) => {
299
- return !props.gradient ? ` linear-gradient( 90.03deg, #92190e 80.71%, #f0b92c 107.21% ) !important` : `#92190e`;
299
+ return !props.$gradient ? ` linear-gradient(
300
+ 90.03deg,
301
+ #92190e 80.71%,
302
+ #f0b92c 107.21%
303
+ ) !important` : `#92190e`;
300
304
  }};
301
305
  z-index: 10;
302
306
  width: 100%;
@@ -401,7 +405,7 @@ var ItemSidebar = import_styled_components5.default.div`
401
405
  }
402
406
  `;
403
407
  var SidebarNavigation = import_styled_components5.default.nav`
404
- position: ${({ fixed = true }) => fixed ? "fixed" : "static"};
408
+ position: ${({ $fixed = true }) => $fixed ? "fixed" : "static"};
405
409
  top: 0;
406
410
  left: 0;
407
411
  min-height: 100vh;
@@ -411,14 +415,13 @@ var SidebarNavigation = import_styled_components5.default.nav`
411
415
  background: white;
412
416
  font-family: 'Inter', sans-serif;
413
417
  padding: 0;
414
- width: ${({ fixed = true, active = true }) => fixed ? active ? "270px" : "0px" : "auto"};
418
+ width: ${({ $fixed = true, $active = true }) => $fixed ? $active ? "270px" : "0px" : "auto"};
415
419
  z-index: 11;
416
420
  transition: width 0.2s ease-in-out;
417
-
418
421
  overflow: hidden;
419
422
  height: 100vh;
420
423
  overflow-y: auto;
421
- box-shadow: ${({ shadow = true }) => shadow ? "rgba(99, 99, 99, 0.2) 0px 2px 8px 0px" : "none"};
424
+ box-shadow: ${({ $shadow = true }) => $shadow ? "rgba(99, 99, 99, 0.2) 0px 2px 8px 0px" : "none"};
422
425
 
423
426
  &::-webkit-scrollbar {
424
427
  display: none !important;
@@ -573,7 +576,7 @@ var ConfigurationOption = import_styled_components5.default.nav`
573
576
 
574
577
  font-family: 'Inter', sans-serif;
575
578
  padding: 0;
576
- width: ${(props) => props.active ? "300px" : "0px"};
579
+ width: ${(props) => props.$active ? "300px" : "0px"};
577
580
  z-index: 11;
578
581
  transition: width 0.2s ease-in-out;
579
582
  overflow: hidden !important;
@@ -608,7 +611,7 @@ var Main = import_styled_components6.default.main`
608
611
  padding: 10px 60px;
609
612
  position: relative;
610
613
  padding-left: ${(props) => {
611
- return props.activeDrawer ? `300px` : `30px`;
614
+ return props.$activeDrawer ? `300px` : `30px`;
612
615
  }};
613
616
  @media (max-width: 470px) {
614
617
  padding: 10px 10px;
package/dist/index.mjs CHANGED
@@ -234,7 +234,11 @@ var MenuTitle = styled2.p`
234
234
  import styled3 from "styled-components";
235
235
  var Navbar = styled3.nav`
236
236
  background: ${(props) => {
237
- return !props.gradient ? ` linear-gradient( 90.03deg, #92190e 80.71%, #f0b92c 107.21% ) !important` : `#92190e`;
237
+ return !props.$gradient ? ` linear-gradient(
238
+ 90.03deg,
239
+ #92190e 80.71%,
240
+ #f0b92c 107.21%
241
+ ) !important` : `#92190e`;
238
242
  }};
239
243
  z-index: 10;
240
244
  width: 100%;
@@ -339,7 +343,7 @@ var ItemSidebar = styled5.div`
339
343
  }
340
344
  `;
341
345
  var SidebarNavigation = styled5.nav`
342
- position: ${({ fixed = true }) => fixed ? "fixed" : "static"};
346
+ position: ${({ $fixed = true }) => $fixed ? "fixed" : "static"};
343
347
  top: 0;
344
348
  left: 0;
345
349
  min-height: 100vh;
@@ -349,14 +353,13 @@ var SidebarNavigation = styled5.nav`
349
353
  background: white;
350
354
  font-family: 'Inter', sans-serif;
351
355
  padding: 0;
352
- width: ${({ fixed = true, active = true }) => fixed ? active ? "270px" : "0px" : "auto"};
356
+ width: ${({ $fixed = true, $active = true }) => $fixed ? $active ? "270px" : "0px" : "auto"};
353
357
  z-index: 11;
354
358
  transition: width 0.2s ease-in-out;
355
-
356
359
  overflow: hidden;
357
360
  height: 100vh;
358
361
  overflow-y: auto;
359
- box-shadow: ${({ shadow = true }) => shadow ? "rgba(99, 99, 99, 0.2) 0px 2px 8px 0px" : "none"};
362
+ box-shadow: ${({ $shadow = true }) => $shadow ? "rgba(99, 99, 99, 0.2) 0px 2px 8px 0px" : "none"};
360
363
 
361
364
  &::-webkit-scrollbar {
362
365
  display: none !important;
@@ -511,7 +514,7 @@ var ConfigurationOption = styled5.nav`
511
514
 
512
515
  font-family: 'Inter', sans-serif;
513
516
  padding: 0;
514
- width: ${(props) => props.active ? "300px" : "0px"};
517
+ width: ${(props) => props.$active ? "300px" : "0px"};
515
518
  z-index: 11;
516
519
  transition: width 0.2s ease-in-out;
517
520
  overflow: hidden !important;
@@ -546,7 +549,7 @@ var Main = styled6.main`
546
549
  padding: 10px 60px;
547
550
  position: relative;
548
551
  padding-left: ${(props) => {
549
- return props.activeDrawer ? `300px` : `30px`;
552
+ return props.$activeDrawer ? `300px` : `30px`;
550
553
  }};
551
554
  @media (max-width: 470px) {
552
555
  padding: 10px 10px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unifiedsoftware/react-components",
3
- "version": "1.0.8",
3
+ "version": "1.0.9",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "files": [
@@ -29,7 +29,7 @@
29
29
  "merge-refs": "^1.2.1",
30
30
  "react-bootstrap": "^2.8.0",
31
31
  "react-icons": "^4.11.0",
32
- "styled-components": "^5.3.8"
32
+ "styled-components": "^6.0.7"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/node": "^18.14.6",