forstok-ui-lib 6.7.9 → 6.7.11

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "forstok-ui-lib",
3
- "version": "6.7.9",
3
+ "version": "6.7.11",
4
4
  "description": "Forstok UI Components Library",
5
5
  "path": "dist",
6
6
  "main": "dist/index.js",
@@ -0,0 +1,4 @@
1
+ <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6.86461 6.88236C8.17813 5.56432 9.99326 4.75 12 4.75C16.0041 4.75 19.25 7.99594 19.25 12C19.25 16.0041 16.0041 19.25 12 19.25C7.99594 19.25 4.75 16.0041 4.75 12C4.75 11.5858 4.41421 11.25 4 11.25C3.58579 11.25 3.25 11.5858 3.25 12C3.25 16.8325 7.16751 20.75 12 20.75C16.8325 20.75 20.75 16.8325 20.75 12C20.75 7.16751 16.8325 3.25 12 3.25C9.57851 3.25 7.38558 4.23462 5.80213 5.82352C5.77668 5.84906 5.75345 5.87597 5.73245 5.90401L4.47488 4.64645C4.33769 4.50926 4.13353 4.46382 3.95111 4.52986C3.76869 4.59591 3.64094 4.76152 3.62338 4.95473L3.26982 8.84382C3.25639 8.9916 3.30929 9.13771 3.41422 9.24264C3.51914 9.34757 3.66526 9.40047 3.81304 9.38703L7.70213 9.03348C7.89534 9.01591 8.06095 8.88817 8.12699 8.70575C8.19304 8.52332 8.1476 8.31916 8.01041 8.18198L6.7823 6.95386C6.81101 6.93235 6.83854 6.90852 6.86461 6.88236Z" fill="#086de0"/>
3
+ <path d="M12.75 7C12.75 6.58579 12.4142 6.25 12 6.25C11.5858 6.25 11.25 6.58579 11.25 7V12C11.25 12.2586 11.3832 12.4989 11.6025 12.636L14.6025 14.511C14.9538 14.7305 15.4165 14.6238 15.636 14.2725C15.8555 13.9212 15.7488 13.4585 15.3975 13.239L12.75 11.5843V7Z" fill="#086de0"/>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6.86461 6.88236C8.17813 5.56432 9.99326 4.75 12 4.75C16.0041 4.75 19.25 7.99594 19.25 12C19.25 16.0041 16.0041 19.25 12 19.25C7.99594 19.25 4.75 16.0041 4.75 12C4.75 11.5858 4.41421 11.25 4 11.25C3.58579 11.25 3.25 11.5858 3.25 12C3.25 16.8325 7.16751 20.75 12 20.75C16.8325 20.75 20.75 16.8325 20.75 12C20.75 7.16751 16.8325 3.25 12 3.25C9.57851 3.25 7.38558 4.23462 5.80213 5.82352C5.77668 5.84906 5.75345 5.87597 5.73245 5.90401L4.47488 4.64645C4.33769 4.50926 4.13353 4.46382 3.95111 4.52986C3.76869 4.59591 3.64094 4.76152 3.62338 4.95473L3.26982 8.84382C3.25639 8.9916 3.30929 9.13771 3.41422 9.24264C3.51914 9.34757 3.66526 9.40047 3.81304 9.38703L7.70213 9.03348C7.89534 9.01591 8.06095 8.88817 8.12699 8.70575C8.19304 8.52332 8.1476 8.31916 8.01041 8.18198L6.7823 6.95386C6.81101 6.93235 6.83854 6.90852 6.86461 6.88236Z" fill="black"/>
3
+ <path d="M12.75 7C12.75 6.58579 12.4142 6.25 12 6.25C11.5858 6.25 11.25 6.58579 11.25 7V12C11.25 12.2586 11.3832 12.4989 11.6025 12.636L14.6025 14.511C14.9538 14.7305 15.4165 14.6238 15.636 14.2725C15.8555 13.9212 15.7488 13.4585 15.3975 13.239L12.75 11.5843V7Z" fill="black"/>
4
+ </svg>
@@ -2481,7 +2481,7 @@ export const TabsWrapper = styled.section<{ $mode?: string }>`
2481
2481
  left: 220px;
2482
2482
  }
2483
2483
  @media only screen and (min-width: 1800px) {
2484
- padding: 0 20px 0 28px;
2484
+ padding: 0 16px 0 16px;
2485
2485
  }
2486
2486
  }
2487
2487
  ${getTabsWrapperModFunc}
@@ -35,6 +35,8 @@ import IconLocation from '../../assets/images/icons/location.svg';
35
35
  import IconEdit from '../../assets/images/icons/edit.svg'
36
36
  import IconAgent from '../../assets/images/icons/agent.svg'
37
37
  import IconReport from '../../assets/images/icons/report.svg'
38
+ import IconActivityLogLeftNav from '../../assets/images/navs/left/activity-log.svg'
39
+ import IconActivityLogActiveLeftNav from '../../assets/images/navs/left/activity-log-active.svg'
38
40
 
39
41
  const NotificationStyled = css`
40
42
  width: 44px;
@@ -369,6 +371,21 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
369
371
  }
370
372
  `
371
373
  break;
374
+
375
+ case 'activity-log-left-nav':
376
+ style += `
377
+ &:before {
378
+ content: url(${IconActivityLogLeftNav});
379
+ }
380
+ `
381
+ break;
382
+ case 'activity-log-active-left-nav':
383
+ style += `
384
+ &:before {
385
+ content: url(${IconActivityLogActiveLeftNav});
386
+ }
387
+ `
388
+ break;
372
389
  case 'integration-left-nav':
373
390
  style += `
374
391
  &:before {