@syscore/ui-library 1.24.0 → 1.27.3

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/client/components/icons/AlphaIcon.tsx +1 -1
  2. package/client/components/icons/achievement-badges/BadgeCertificationBronze.tsx +5 -5
  3. package/client/components/icons/achievement-badges/BadgeCertificationPlatinum.tsx +5 -5
  4. package/client/components/icons/achievement-badges/BadgeCertificationSilver.tsx +5 -5
  5. package/client/components/ui/sidebar.tsx +11 -5
  6. package/client/global.css +1 -1
  7. package/dist/index.cjs.js +1 -1
  8. package/dist/index.es.js +90 -91
  9. package/package.json +1 -1
package/client/components/icons/AlphaIcon.tsx CHANGED
@@ -42,7 +42,7 @@ export function AlphaIcon({
42
42
  y2="-2.36962"
43
43
  gradientUnits="userSpaceOnUse"
44
44
  >
45
- <stop stop-color="#8AEFDB" />
45
+ <stop stopColor="#8AEFDB" />
46
46
  <stop offset="0.5" stopColor="#D4BACE" />
47
47
  <stop offset="1" stopColor="#CBE0F1" />
48
48
  </linearGradient>
package/client/components/icons/achievement-badges/BadgeCertificationBronze.tsx CHANGED
@@ -21,7 +21,7 @@ export const BadgeCertificationBronze = ({
21
21
  <path
22
22
  d="M26.8122 52.8121C24.5706 52.8121 22.2424 52.5414 20.0875 51.9133C17.9325 51.2853 15.7884 50.4839 13.8176 49.3144C11.8467 48.1449 10.0491 46.8021 8.43565 45.1886C6.82216 43.5751 5.47939 41.7884 4.30987 39.8067C3.14036 37.8359 2.33903 35.7784 1.71096 33.5368C1.08288 31.3819 0.812164 29.0537 0.812164 26.8121C0.812164 24.5706 1.08288 22.2424 1.71096 20.0874C2.33903 17.9325 3.14036 15.7884 4.30987 13.8175C5.47939 11.8467 6.82216 10.0491 8.43565 8.43562C10.0491 6.82213 11.8359 5.47936 13.8176 4.30984C15.7884 3.14033 17.8459 2.339 20.0875 1.71093C22.2424 1.08285 24.5706 0.812134 26.8122 0.812134C29.0537 0.812134 31.3819 1.08285 33.5369 1.71093C35.6918 2.339 37.8359 3.14033 39.8067 4.30984C41.7776 5.47936 43.5752 6.82213 45.1887 8.43562C46.8022 10.0491 48.1449 11.8359 49.3145 13.8175C50.484 15.7884 51.2853 17.8459 51.9134 20.0874C52.5414 22.2424 52.8122 24.5706 52.8122 26.8121C52.8122 29.0537 52.5414 31.3819 51.9134 33.5368C51.2853 35.6918 50.484 37.8359 49.3145 39.8067C48.1449 41.7776 46.8022 43.5751 45.1887 45.1886C43.5752 46.8021 41.7884 48.1449 39.8067 49.3144C37.8359 50.4839 35.7784 51.2853 33.5369 51.9133C31.3819 52.5414 29.0537 52.8121 26.8122 52.8121Z"
23
23
  fill="url(#paint0_linear_9834_265)"
24
- fill-opacity="0.8"
24
+ fillOpacity="0.8"
25
25
  />
26
26
  <path
27
27
  d="M26.8122 52.8121C24.5706 52.8121 22.2424 52.5414 20.0875 51.9133C17.9325 51.2853 15.7884 50.4839 13.8176 49.3144C11.8467 48.1449 10.0492 46.8021 8.43566 45.1886C6.82216 43.5752 5.47939 41.7884 4.30987 39.8067C3.14036 37.8359 2.33903 35.7784 1.71096 33.5368C1.08288 31.3819 0.812164 29.0537 0.812164 26.8121C0.812164 24.5706 1.08288 22.2424 1.71096 20.0874C2.33903 17.9325 3.14036 15.7884 4.30987 13.8175C5.47939 11.8467 6.82216 10.0491 8.43566 8.43562C10.0492 6.82213 11.8359 5.47936 13.8176 4.30984C15.7884 3.14033 17.8459 2.339 20.0875 1.71093C22.2424 1.08285 24.5706 0.812134 26.8122 0.812134C29.0537 0.812134 31.3819 1.08285 33.5369 1.71093C35.6918 2.339 37.8359 3.14033 39.8068 4.30984C41.7776 5.47936 43.5752 6.82213 45.1887 8.43562C46.8022 10.0491 48.1449 11.8359 49.3145 13.8175C50.484 15.7884 51.2853 17.8459 51.9134 20.0874C52.5414 22.2424 52.8122 24.5706 52.8122 26.8121C52.8122 29.0537 52.5414 31.3819 51.9134 33.5368C51.2853 35.6918 50.484 37.8359 49.3145 39.8067C48.1449 41.7776 46.8022 43.5752 45.1887 45.1886C43.5752 46.8021 41.7884 48.1449 39.8068 49.3144C37.8359 50.4839 35.7784 51.2853 33.5369 51.9133C31.3819 52.5414 29.0537 52.8121 26.8122 52.8121Z"
@@ -92,10 +92,10 @@ export const BadgeCertificationBronze = ({
92
92
  y2="0.822974"
93
93
  gradientUnits="userSpaceOnUse"
94
94
  >
95
- <stop offset="0.173077" stop-color="#DCBA8E" />
96
- <stop offset="0.324306" stop-color="#ECDDBA" />
97
- <stop offset="0.484968" stop-color="#F2E9C9" />
98
- <stop offset="0.826923" stop-color="#DFC196" />
95
+ <stop offset="0.173077" stopColor="#DCBA8E" />
96
+ <stop offset="0.324306" stopColor="#ECDDBA" />
97
+ <stop offset="0.484968" stopColor="#F2E9C9" />
98
+ <stop offset="0.826923" stopColor="#DFC196" />
99
99
  </linearGradient>
100
100
  </defs>
101
101
  </svg>
package/client/components/icons/achievement-badges/BadgeCertificationPlatinum.tsx CHANGED
@@ -21,7 +21,7 @@ export const BadgeCertificationPlatinum = ({
21
21
  <path
22
22
  d="M26.8122 52.8121C24.5706 52.8121 22.2424 52.5414 20.0875 51.9133C17.9325 51.2853 15.7884 50.4839 13.8176 49.3144C11.8467 48.1449 10.0491 46.8021 8.43565 45.1886C6.82216 43.5751 5.47939 41.7884 4.30987 39.8067C3.14036 37.8359 2.33903 35.7784 1.71096 33.5368C1.08288 31.3819 0.812164 29.0537 0.812164 26.8121C0.812164 24.5706 1.08288 22.2424 1.71096 20.0874C2.33903 17.9325 3.14036 15.7884 4.30987 13.8175C5.47939 11.8467 6.82216 10.0491 8.43565 8.43562C10.0491 6.82213 11.8359 5.47936 13.8176 4.30984C15.7884 3.14033 17.8459 2.339 20.0875 1.71093C22.2424 1.08285 24.5706 0.812134 26.8122 0.812134C29.0537 0.812134 31.3819 1.08285 33.5369 1.71093C35.6918 2.339 37.8359 3.14033 39.8067 4.30984C41.7776 5.47936 43.5752 6.82213 45.1887 8.43562C46.8022 10.0491 48.1449 11.8359 49.3145 13.8175C50.484 15.7884 51.2853 17.8459 51.9134 20.0874C52.5414 22.2424 52.8122 24.5706 52.8122 26.8121C52.8122 29.0537 52.5414 31.3819 51.9134 33.5368C51.2853 35.6918 50.484 37.8359 49.3145 39.8067C48.1449 41.7776 46.8022 43.5751 45.1887 45.1886C43.5752 46.8021 41.7884 48.1449 39.8067 49.3144C37.8359 50.4839 35.7784 51.2853 33.5369 51.9133C31.3819 52.5414 29.0537 52.8121 26.8122 52.8121Z"
23
23
  fill="url(#paint0_linear_9834_358)"
24
- fill-opacity="0.8"
24
+ fillOpacity="0.8"
25
25
  />
26
26
  <path
27
27
  d="M26.8122 52.8121C24.5706 52.8121 22.2424 52.5414 20.0875 51.9133C17.9325 51.2853 15.7884 50.4839 13.8176 49.3144C11.8467 48.1449 10.0492 46.8021 8.43566 45.1886C6.82216 43.5752 5.47939 41.7884 4.30987 39.8067C3.14036 37.8359 2.33903 35.7784 1.71096 33.5368C1.08288 31.3819 0.812164 29.0537 0.812164 26.8121C0.812164 24.5706 1.08288 22.2424 1.71096 20.0874C2.33903 17.9325 3.14036 15.7884 4.30987 13.8175C5.47939 11.8467 6.82216 10.0491 8.43566 8.43562C10.0492 6.82213 11.8359 5.47936 13.8176 4.30984C15.7884 3.14033 17.8459 2.339 20.0875 1.71093C22.2424 1.08285 24.5706 0.812134 26.8122 0.812134C29.0537 0.812134 31.3819 1.08285 33.5369 1.71093C35.6918 2.339 37.8359 3.14033 39.8068 4.30984C41.7776 5.47936 43.5752 6.82213 45.1887 8.43562C46.8022 10.0491 48.1449 11.8359 49.3145 13.8175C50.484 15.7884 51.2853 17.8459 51.9134 20.0874C52.5414 22.2424 52.8122 24.5706 52.8122 26.8121C52.8122 29.0537 52.5414 31.3819 51.9134 33.5368C51.2853 35.6918 50.484 37.8359 49.3145 39.8067C48.1449 41.7776 46.8022 43.5752 45.1887 45.1886C43.5752 46.8021 41.7884 48.1449 39.8068 49.3144C37.8359 50.4839 35.7784 51.2853 33.5369 51.9133C31.3819 52.5414 29.0537 52.8121 26.8122 52.8121Z"
@@ -92,10 +92,10 @@ export const BadgeCertificationPlatinum = ({
92
92
  y2="0.822974"
93
93
  gradientUnits="userSpaceOnUse"
94
94
  >
95
- <stop offset="0.173077" stop-color="#B4B3BC" />
96
- <stop offset="0.365337" stop-color="#E2E1E5" />
97
- <stop offset="0.542584" stop-color="#E2E1E5" />
98
- <stop offset="0.826923" stop-color="#C6C5CC" />
95
+ <stop offset="0.173077" stopColor="#B4B3BC" />
96
+ <stop offset="0.365337" stopColor="#E2E1E5" />
97
+ <stop offset="0.542584" stopColor="#E2E1E5" />
98
+ <stop offset="0.826923" stopColor="#C6C5CC" />
99
99
  </linearGradient>
100
100
  </defs>
101
101
  </svg>
package/client/components/icons/achievement-badges/BadgeCertificationSilver.tsx CHANGED
@@ -21,7 +21,7 @@ export const BadgeCertificationSilver = ({
21
21
  <path
22
22
  d="M26.8122 52.8121C24.5706 52.8121 22.2424 52.5414 20.0875 51.9133C17.9325 51.2853 15.7884 50.4839 13.8176 49.3144C11.8467 48.1449 10.0491 46.8021 8.43565 45.1886C6.82216 43.5751 5.47939 41.7884 4.30987 39.8067C3.14036 37.8359 2.33903 35.7784 1.71096 33.5368C1.08288 31.3819 0.812164 29.0537 0.812164 26.8121C0.812164 24.5706 1.08288 22.2424 1.71096 20.0874C2.33903 17.9325 3.14036 15.7884 4.30987 13.8175C5.47939 11.8467 6.82216 10.0491 8.43565 8.43562C10.0491 6.82213 11.8359 5.47936 13.8176 4.30984C15.7884 3.14033 17.8459 2.339 20.0875 1.71093C22.2424 1.08285 24.5706 0.812134 26.8122 0.812134C29.0537 0.812134 31.3819 1.08285 33.5369 1.71093C35.6918 2.339 37.8359 3.14033 39.8067 4.30984C41.7776 5.47936 43.5752 6.82213 45.1887 8.43562C46.8022 10.0491 48.1449 11.8359 49.3145 13.8175C50.484 15.7884 51.2853 17.8459 51.9134 20.0874C52.5414 22.2424 52.8122 24.5706 52.8122 26.8121C52.8122 29.0537 52.5414 31.3819 51.9134 33.5368C51.2853 35.6918 50.484 37.8359 49.3145 39.8067C48.1449 41.7776 46.8022 43.5751 45.1887 45.1886C43.5752 46.8021 41.7884 48.1449 39.8067 49.3144C37.8359 50.4839 35.7784 51.2853 33.5369 51.9133C31.3819 52.5414 29.0537 52.8121 26.8122 52.8121Z"
23
23
  fill="url(#paint0_linear_9834_296)"
24
- fill-opacity="0.8"
24
+ fillOpacity="0.8"
25
25
  />
26
26
  <path
27
27
  d="M26.8122 52.8121C24.5706 52.8121 22.2424 52.5414 20.0875 51.9133C17.9325 51.2853 15.7884 50.4839 13.8176 49.3144C11.8467 48.1449 10.0492 46.8021 8.43566 45.1886C6.82216 43.5752 5.47939 41.7884 4.30987 39.8067C3.14036 37.8359 2.33903 35.7784 1.71096 33.5368C1.08288 31.3819 0.812164 29.0537 0.812164 26.8121C0.812164 24.5706 1.08288 22.2424 1.71096 20.0874C2.33903 17.9325 3.14036 15.7884 4.30987 13.8175C5.47939 11.8467 6.82216 10.0491 8.43566 8.43562C10.0492 6.82213 11.8359 5.47936 13.8176 4.30984C15.7884 3.14033 17.8459 2.339 20.0875 1.71093C22.2424 1.08285 24.5706 0.812134 26.8122 0.812134C29.0537 0.812134 31.3819 1.08285 33.5369 1.71093C35.6918 2.339 37.8359 3.14033 39.8068 4.30984C41.7776 5.47936 43.5752 6.82213 45.1887 8.43562C46.8022 10.0491 48.1449 11.8359 49.3145 13.8175C50.484 15.7884 51.2853 17.8459 51.9134 20.0874C52.5414 22.2424 52.8122 24.5706 52.8122 26.8121C52.8122 29.0537 52.5414 31.3819 51.9134 33.5368C51.2853 35.6918 50.484 37.8359 49.3145 39.8067C48.1449 41.7776 46.8022 43.5752 45.1887 45.1886C43.5752 46.8021 41.7884 48.1449 39.8068 49.3144C37.8359 50.4839 35.7784 51.2853 33.5369 51.9133C31.3819 52.5414 29.0537 52.8121 26.8122 52.8121Z"
@@ -92,10 +92,10 @@ export const BadgeCertificationSilver = ({
92
92
  y2="0.822974"
93
93
  gradientUnits="userSpaceOnUse"
94
94
  >
95
- <stop offset="0.173077" stop-color="#BCC4CD" />
96
- <stop offset="0.324306" stop-color="#FCFCFD" />
97
- <stop offset="0.484968" stop-color="#FCFCFD" />
98
- <stop offset="0.826923" stop-color="#BCC4CD" />
95
+ <stop offset="0.173077" stopColor="#BCC4CD" />
96
+ <stop offset="0.324306" stopColor="#FCFCFD" />
97
+ <stop offset="0.484968" stopColor="#FCFCFD" />
98
+ <stop offset="0.826923" stopColor="#BCC4CD" />
99
99
  </linearGradient>
100
100
  </defs>
101
101
  </svg>
package/client/components/ui/sidebar.tsx CHANGED
@@ -281,8 +281,12 @@ SidebarTrigger.displayName = "SidebarTrigger";
281
281
 
282
282
  const SidebarRail = React.forwardRef<
283
283
  HTMLButtonElement,
284
- React.ComponentProps<"button">
285
- >(({ className, ...props }, ref) => {
284
+ React.ComponentProps<"button"> & {
285
+ side?: "left" | "right";
286
+ state?: "expanded" | "collapsed";
287
+ collapsible?: "offcanvas" | "icon" | "none";
288
+ }
289
+ >(({ className, side, state, collapsible, ...props }, ref) => {
286
290
  const { toggleSidebar } = useSidebar();
287
291
 
288
292
  return (
@@ -308,8 +312,11 @@ SidebarRail.displayName = "SidebarRail";
308
312
 
309
313
  const SidebarInset = React.forwardRef<
310
314
  HTMLDivElement,
311
- React.ComponentProps<"main">
312
- >(({ className, ...props }, ref) => {
315
+ React.ComponentProps<"main"> & {
316
+ state?: "expanded" | "collapsed";
317
+ variant?: "sidebar" | "floating" | "inset";
318
+ }
319
+ >(({ className, state, variant, ...props }, ref) => {
313
320
  return (
314
321
  <main
315
322
  ref={ref}
@@ -707,7 +714,6 @@ const SidebarMenuSubButton = React.forwardRef<
707
714
  size === "md" && "sidebar-menu-sub-button--size-md",
708
715
  className,
709
716
  )}
710
- data-size={size}
711
717
  {...props}
712
718
  />
713
719
  );
package/client/global.css CHANGED
@@ -2628,7 +2628,7 @@ body {
2628
2628
  @media (max-width: 639px) {
2629
2629
  .dialog-content {
2630
2630
  width: 100%;
2631
- padding-inline: 1rem;
2631
+ /* padding-inline: 1rem; */
2632
2632
  }
2633
2633
 
2634
2634
  .dialog-content-wrapper {