pixel-react 1.2.0 → 1.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (182) hide show
  1. package/lib/components/AppHeader/types.d.ts +11 -2
  2. package/lib/components/Avatar/Avatar.d.ts +5 -0
  3. package/lib/components/Avatar/Avatar.stories.d.ts +10 -0
  4. package/lib/components/Avatar/index.d.ts +1 -0
  5. package/lib/components/Avatar/types.d.ts +26 -0
  6. package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +2 -2
  7. package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +2 -2
  8. package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +1 -1
  9. package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +2 -2
  10. package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +2 -2
  11. package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +2 -2
  12. package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +2 -2
  13. package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +1 -1
  14. package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +1 -1
  15. package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +2 -2
  16. package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +1 -1
  17. package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +6 -7
  18. package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +1 -1
  19. package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +49 -5
  20. package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +3 -3
  21. package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +5 -5
  22. package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +6 -6
  23. package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +2 -2
  24. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +2 -2
  25. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +1 -1
  26. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +1 -1
  27. package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +11 -11
  28. package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +1 -1
  29. package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +1 -1
  30. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +5 -5
  31. package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +3 -3
  32. package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +11 -48
  33. package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +1 -1
  34. package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +1 -1
  35. package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +11 -12
  36. package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +16 -0
  37. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +0 -3
  38. package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +12 -0
  39. package/lib/components/ExcelFile/Types.d.ts +2 -49
  40. package/lib/components/Form/Form.d.ts +1 -15
  41. package/lib/components/Form/Form.stories.d.ts +6 -5
  42. package/lib/components/Form/Forms.d.ts +8 -0
  43. package/lib/components/Form/index.d.ts +1 -1
  44. package/lib/components/InputWithDropdown/types.d.ts +1 -1
  45. package/lib/components/LabelEditTextField/LabelEditTextField.d.ts +5 -0
  46. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +11 -0
  47. package/lib/components/LabelEditTextField/index.d.ts +1 -0
  48. package/lib/components/LabelEditTextField/types.d.ts +38 -0
  49. package/lib/components/MenuOption/types.d.ts +7 -7
  50. package/lib/components/ModulesChip/ModuleChip.d.ts +4 -0
  51. package/lib/components/ModulesChip/ModuleChip.stories.d.ts +6 -0
  52. package/lib/components/ModulesChip/index.d.ts +1 -0
  53. package/lib/components/ModulesChip/types.d.ts +14 -0
  54. package/lib/components/MultiSelect/MultiSelectTypes.d.ts +1 -0
  55. package/lib/components/Select/Select.d.ts +1 -1
  56. package/lib/components/Select/components/Dropdown/Dropdown.d.ts +1 -1
  57. package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +2 -0
  58. package/lib/components/Select/types.d.ts +11 -4
  59. package/lib/components/Toastify/Toastify.d.ts +8 -0
  60. package/lib/components/Toastify/Toastify.stories.d.ts +6 -0
  61. package/lib/components/Toastify/index.d.ts +1 -0
  62. package/lib/components/Toastify/types.d.ts +7 -0
  63. package/lib/components/Tooltip/types.d.ts +6 -0
  64. package/lib/components/Typography/types.d.ts +1 -0
  65. package/lib/index.d.ts +130 -29
  66. package/lib/index.esm.js +26882 -872
  67. package/lib/index.esm.js.map +1 -1
  68. package/lib/index.js +26881 -866
  69. package/lib/index.js.map +1 -1
  70. package/lib/tsconfig.tsbuildinfo +1 -1
  71. package/lib/utils/getSelectOptionValue/getSelectOptionValue.d.ts +8 -0
  72. package/package.json +1 -1
  73. package/src/StyleGuide/ColorPalette/colorPaletteList.ts +10 -0
  74. package/src/assets/Themes/BaseTheme.scss +10 -1
  75. package/src/assets/Themes/DarkTheme.scss +19 -8
  76. package/src/assets/icons/client_profile.svg +4 -0
  77. package/src/assets/icons/fireflink_finder_logo.svg +7 -0
  78. package/src/assets/icons/fireflink_platform.svg +4 -0
  79. package/src/assets/icons/license_expired.svg +20 -0
  80. package/src/components/AppHeader/AppHeader.scss +5 -2
  81. package/src/components/AppHeader/AppHeader.stories.tsx +24 -3
  82. package/src/components/AppHeader/AppHeader.tsx +29 -11
  83. package/src/components/AppHeader/types.ts +11 -3
  84. package/src/components/Avatar/Avatar.scss +24 -0
  85. package/src/components/Avatar/Avatar.stories.tsx +56 -0
  86. package/src/components/Avatar/Avatar.tsx +25 -0
  87. package/src/components/Avatar/index.ts +1 -0
  88. package/src/components/Avatar/types.ts +27 -0
  89. package/src/components/Drawer/Drawer.scss +0 -1
  90. package/src/components/Drawer/Drawer.tsx +1 -1
  91. package/src/components/ExcelFile/ColorBarselector/ColorBarSelector.scss +0 -2
  92. package/src/components/ExcelFile/ContextMenu/ContextMenu.scss +1 -4
  93. package/src/components/ExcelFile/ContextMenu/ContextMenu.tsx +0 -1
  94. package/src/components/ExcelFile/ExcelFile/Excel/ActiveCell.tsx +13 -13
  95. package/src/components/ExcelFile/ExcelFile/Excel/Cell.tsx +13 -12
  96. package/src/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.tsx +40 -32
  97. package/src/components/ExcelFile/ExcelFile/Excel/Copied.tsx +4 -4
  98. package/src/components/ExcelFile/ExcelFile/Excel/CornerIndicator.tsx +10 -10
  99. package/src/components/ExcelFile/ExcelFile/Excel/DataEditor.tsx +5 -5
  100. package/src/components/ExcelFile/ExcelFile/Excel/DataViewer.tsx +10 -10
  101. package/src/components/ExcelFile/ExcelFile/Excel/FloatingRect.tsx +6 -6
  102. package/src/components/ExcelFile/ExcelFile/Excel/HeaderRow.tsx +1 -1
  103. package/src/components/ExcelFile/ExcelFile/Excel/Row.tsx +1 -1
  104. package/src/components/ExcelFile/ExcelFile/Excel/RowIndicator.tsx +34 -27
  105. package/src/components/ExcelFile/ExcelFile/Excel/Selected.tsx +5 -5
  106. package/src/components/ExcelFile/ExcelFile/Excel/{Spreadsheet.css → Spreadsheet.scss} +21 -37
  107. package/src/components/ExcelFile/ExcelFile/Excel/Spreadsheet.tsx +87 -78
  108. package/src/components/ExcelFile/ExcelFile/Excel/Table.tsx +2 -2
  109. package/src/components/ExcelFile/ExcelFile/Excel/actions.ts +121 -31
  110. package/src/components/ExcelFile/ExcelFile/Excel/areModelsEqual.ts +1 -1
  111. package/src/components/ExcelFile/ExcelFile/Excel/context.ts +4 -4
  112. package/src/components/ExcelFile/ExcelFile/Excel/engine/engine.ts +7 -7
  113. package/src/components/ExcelFile/ExcelFile/Excel/engine/formula.ts +11 -11
  114. package/src/components/ExcelFile/ExcelFile/Excel/engine/index.ts +2 -2
  115. package/src/components/ExcelFile/ExcelFile/Excel/engine/point-graph.ts +3 -3
  116. package/src/components/ExcelFile/ExcelFile/Excel/engine/point-hash.ts +2 -2
  117. package/src/components/ExcelFile/ExcelFile/Excel/engine/point-set.ts +2 -2
  118. package/src/components/ExcelFile/ExcelFile/Excel/index.ts +12 -11
  119. package/src/components/ExcelFile/ExcelFile/Excel/matrix.ts +18 -24
  120. package/src/components/ExcelFile/ExcelFile/Excel/point-range.ts +1 -1
  121. package/src/components/ExcelFile/ExcelFile/Excel/reducer.ts +311 -41
  122. package/src/components/ExcelFile/ExcelFile/Excel/selection.ts +5 -5
  123. package/src/components/ExcelFile/ExcelFile/Excel/types.ts +14 -66
  124. package/src/components/ExcelFile/ExcelFile/Excel/typings/fast-formula-parser.d.ts +8 -8
  125. package/src/components/ExcelFile/ExcelFile/Excel/use-dispatch.ts +2 -2
  126. package/src/components/ExcelFile/ExcelFile/Excel/use-selector.ts +3 -3
  127. package/src/components/ExcelFile/ExcelFile/Excel/util.ts +21 -22
  128. package/src/components/ExcelFile/ExcelFile/ExcelFile.scss +0 -3
  129. package/src/components/ExcelFile/ExcelFile/ExcelFile.tsx +45 -403
  130. package/src/components/ExcelFile/ExcelFile.stories.tsx +10 -29
  131. package/src/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.tsx +1 -12
  132. package/src/components/ExcelFile/ExcelToolBar/ExcelToolBar.scss +0 -3
  133. package/src/components/ExcelFile/ExcelToolBar/ExcelToolBar.tsx +147 -127
  134. package/src/components/ExcelFile/Types.ts +3 -70
  135. package/src/components/ExcelFile/index.ts +1 -1
  136. package/src/components/Form/Form.d.ts +3 -0
  137. package/src/components/Form/Form.scss +31 -4
  138. package/src/components/Form/Form.stories.tsx +172 -138
  139. package/src/components/Form/Form.ts +2 -0
  140. package/src/components/Form/Forms.tsx +25 -0
  141. package/src/components/Form/index.ts +1 -1
  142. package/src/components/Icon/Icons.scss +1 -0
  143. package/src/components/Icon/iconList.ts +8 -0
  144. package/src/components/IconButton/IconButton.scss +1 -1
  145. package/src/components/InputWithDropdown/types.ts +1 -1
  146. package/src/components/LabelEditTextField/LabelEditTextField.scss +85 -0
  147. package/src/components/LabelEditTextField/LabelEditTextField.stories.tsx +136 -0
  148. package/src/components/LabelEditTextField/LabelEditTextField.tsx +207 -0
  149. package/src/components/LabelEditTextField/index.ts +1 -0
  150. package/src/components/LabelEditTextField/types.ts +38 -0
  151. package/src/components/MenuOption/types.ts +7 -6
  152. package/src/components/ModulesChip/ModuleChip.scss +20 -0
  153. package/src/components/ModulesChip/ModuleChip.stories.tsx +41 -0
  154. package/src/components/ModulesChip/ModuleChip.tsx +31 -0
  155. package/src/components/ModulesChip/index.ts +1 -0
  156. package/src/components/ModulesChip/types.ts +14 -0
  157. package/src/components/MultiSelect/Dropdown.tsx +6 -1
  158. package/src/components/MultiSelect/MultiSelect.scss +17 -10
  159. package/src/components/MultiSelect/MultiSelect.stories.tsx +16 -4
  160. package/src/components/MultiSelect/MultiSelect.tsx +11 -4
  161. package/src/components/MultiSelect/MultiSelectTypes.ts +4 -3
  162. package/src/components/Select/Select.scss +4 -0
  163. package/src/components/Select/Select.stories.tsx +5 -3
  164. package/src/components/Select/Select.tsx +15 -7
  165. package/src/components/Select/components/Dropdown/Dropdown.tsx +3 -1
  166. package/src/components/Select/components/Dropdown/dropdownTypes.ts +3 -0
  167. package/src/components/Select/types.ts +12 -5
  168. package/src/components/Toastify/Toastify.stories.tsx +52 -0
  169. package/src/components/Toastify/Toastify.tsx +66 -0
  170. package/src/components/Toastify/index.ts +1 -0
  171. package/src/components/Toastify/types.ts +8 -0
  172. package/src/components/Tooltip/Tooltip.tsx +2 -1
  173. package/src/components/Tooltip/types.ts +6 -0
  174. package/src/components/Typography/Typography.scss +12 -4
  175. package/src/components/Typography/Typography.stories.tsx +2 -0
  176. package/src/components/Typography/Typography.tsx +2 -0
  177. package/src/components/Typography/types.ts +1 -0
  178. package/src/index.ts +12 -2
  179. package/src/utils/getSelectOptionValue/getSelectOptionValue.ts +31 -0
  180. package/src/components/ExcelFile/ChangeExcelStyles.tsx +0 -78
  181. package/src/components/ExcelFile/ImportExcelStyles.tsx +0 -86
  182. package/src/components/Form/Form.tsx +0 -57
@@ -1 +1 @@
1
- {"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.stories.tsx","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.stories.tsx","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.stories.tsx","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.stories.tsx","../src/components/addresourcebutton/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.stories.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.stories.tsx","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachmentbutton/attachmentbutton.stories.tsx","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/button/button.stories.tsx","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.stories.tsx","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.stories.tsx","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/piechart/piechart.stories.tsx","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.stories.tsx","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.stories.tsx","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.stories.tsx","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/datepicker/datepicker.stories.tsx","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/draganddrop/draganddrop.stories.tsx","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.stories.tsx","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/excelfile/changeexcelstyles.tsx","../src/components/excelfile/excelfile.stories.tsx","../src/components/excelfile/importexcelstyles.tsx","../src/components/excelfile/types.ts","../src/components/excelfile/index.ts","../src/components/excelfile/colorbarselector/colorbarselector.tsx","../src/components/excelfile/contextmenu/contextmenu.tsx","../src/components/excelfile/excelfile/excelfile.tsx","../src/components/excelfile/excelfile/excel/activecell.tsx","../src/components/excelfile/excelfile/excel/cell.tsx","../src/components/excelfile/excelfile/excel/columnindicator.tsx","../src/components/excelfile/excelfile/excel/copied.tsx","../src/components/excelfile/excelfile/excel/cornerindicator.tsx","../src/components/excelfile/excelfile/excel/dataeditor.tsx","../src/components/excelfile/excelfile/excel/dataviewer.tsx","../src/components/excelfile/excelfile/excel/floatingrect.tsx","../src/components/excelfile/excelfile/excel/headerrow.tsx","../src/components/excelfile/excelfile/excel/row.tsx","../src/components/excelfile/excelfile/excel/rowindicator.tsx","../src/components/excelfile/excelfile/excel/selected.tsx","../src/components/excelfile/excelfile/excel/spreadsheet.tsx","../src/components/excelfile/excelfile/excel/table.tsx","../src/components/excelfile/excelfile/excel/actions.ts","../src/components/excelfile/excelfile/excel/aremodelsequal.ts","../src/components/excelfile/excelfile/excel/context.ts","../src/components/excelfile/excelfile/excel/index.ts","../src/components/excelfile/excelfile/excel/matrix.ts","../src/components/excelfile/excelfile/excel/point-range.ts","../src/components/excelfile/excelfile/excel/point.ts","../src/components/excelfile/excelfile/excel/reducer.ts","../src/components/excelfile/excelfile/excel/selection.ts","../src/components/excelfile/excelfile/excel/types.ts","../src/components/excelfile/excelfile/excel/use-dispatch.ts","../src/components/excelfile/excelfile/excel/use-selector.ts","../src/components/excelfile/excelfile/excel/util.ts","../src/components/excelfile/excelfile/excel/engine/engine.ts","../src/components/excelfile/excelfile/excel/engine/formula.ts","../src/components/excelfile/excelfile/excel/engine/index.ts","../src/components/excelfile/excelfile/excel/engine/point-graph.ts","../src/components/excelfile/excelfile/excel/engine/point-hash.ts","../src/components/excelfile/excelfile/excel/engine/point-set.ts","../src/components/excelfile/excelfile/excel/typings/fast-formula-parser.d.ts","../src/components/excelfile/excelsheetbar/excelsheetbar.tsx","../src/components/excelfile/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.stories.tsx","../src/components/expandablemenu/expandablemenu.tsx","../src/components/expandablemenu/index.ts","../src/components/expandablemenu/types.ts","../src/components/ff_captcha/recaptcha.tsx","../src/components/ff_captcha/captcha.stories.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.stories.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.stories.tsx","../src/components/form/form.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.stories.tsx","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.stories.tsx","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.stories.tsx","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.stories.tsx","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.stories.tsx","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.stories.tsx","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.stories.tsx","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/lazyload/lazyload.stories.tsx","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.stories.tsx","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.stories.tsx","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.stories.tsx","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.stories.tsx","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.stories.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.stories.tsx","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/type.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.stories.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/radiobutton/radiobutton.stories.tsx","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.stories.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.stories.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.stories.tsx","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown/dropdown.tsx","../src/components/select/components/dropdown/dropdowntypes.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.stories.tsx","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/addbrowsermodal/addbrowsermodal.tsx","../src/components/sequentialconnectingbranch/components/addbrowsermodal/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasetlistmodal/datasetlistmodal.tsx","../src/components/sequentialconnectingbranch/components/datasetlistmodal/types.ts","../src/components/statedropdown/statedropdown.stories.tsx","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.stories.tsx","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/table/table.stories.tsx","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.stories.tsx","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabs/tabs.stories.tsx","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.stories.tsx","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.stories.tsx","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toggle/toggle.stories.tsx","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/tooltip/tooltip.stories.tsx","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.stories.tsx","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.stories.tsx","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/checkempty/checkempty.stories.tsx","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.stories.tsx","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.stories.tsx","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.stories.tsx","../src/utils/debounce/debounce.ts","../src/utils/ffid/ffid.stories.tsx","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.stories.tsx","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.stories.tsx","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.stories.tsx","../src/utils/getextension/getextension.ts","../src/utils/throttle/throttle.stories.tsx","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.stories.tsx","../src/utils/truncatetext/truncatetext.ts"],"version":"5.6.3"}
1
+ {"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.stories.tsx","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.stories.tsx","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.stories.tsx","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.stories.tsx","../src/components/addresourcebutton/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.stories.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.stories.tsx","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachmentbutton/attachmentbutton.stories.tsx","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.stories.tsx","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.stories.tsx","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.stories.tsx","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.stories.tsx","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/piechart/piechart.stories.tsx","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.stories.tsx","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.stories.tsx","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.stories.tsx","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/datepicker/datepicker.stories.tsx","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/draganddrop/draganddrop.stories.tsx","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.stories.tsx","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/excelfile/excelfile.stories.tsx","../src/components/excelfile/types.ts","../src/components/excelfile/index.ts","../src/components/excelfile/colorbarselector/colorbarselector.tsx","../src/components/excelfile/contextmenu/contextmenu.tsx","../src/components/excelfile/excelfile/excelfile.tsx","../src/components/excelfile/excelfile/excel/activecell.tsx","../src/components/excelfile/excelfile/excel/cell.tsx","../src/components/excelfile/excelfile/excel/columnindicator.tsx","../src/components/excelfile/excelfile/excel/copied.tsx","../src/components/excelfile/excelfile/excel/cornerindicator.tsx","../src/components/excelfile/excelfile/excel/dataeditor.tsx","../src/components/excelfile/excelfile/excel/dataviewer.tsx","../src/components/excelfile/excelfile/excel/floatingrect.tsx","../src/components/excelfile/excelfile/excel/headerrow.tsx","../src/components/excelfile/excelfile/excel/row.tsx","../src/components/excelfile/excelfile/excel/rowindicator.tsx","../src/components/excelfile/excelfile/excel/selected.tsx","../src/components/excelfile/excelfile/excel/spreadsheet.tsx","../src/components/excelfile/excelfile/excel/table.tsx","../src/components/excelfile/excelfile/excel/actions.ts","../src/components/excelfile/excelfile/excel/aremodelsequal.ts","../src/components/excelfile/excelfile/excel/context.ts","../src/components/excelfile/excelfile/excel/index.ts","../src/components/excelfile/excelfile/excel/matrix.ts","../src/components/excelfile/excelfile/excel/point-range.ts","../src/components/excelfile/excelfile/excel/point.ts","../src/components/excelfile/excelfile/excel/reducer.ts","../src/components/excelfile/excelfile/excel/selection.ts","../src/components/excelfile/excelfile/excel/types.ts","../src/components/excelfile/excelfile/excel/use-dispatch.ts","../src/components/excelfile/excelfile/excel/use-selector.ts","../src/components/excelfile/excelfile/excel/util.ts","../src/components/excelfile/excelfile/excel/engine/engine.ts","../src/components/excelfile/excelfile/excel/engine/formula.ts","../src/components/excelfile/excelfile/excel/engine/index.ts","../src/components/excelfile/excelfile/excel/engine/point-graph.ts","../src/components/excelfile/excelfile/excel/engine/point-hash.ts","../src/components/excelfile/excelfile/excel/engine/point-set.ts","../src/components/excelfile/excelfile/excel/typings/fast-formula-parser.d.ts","../src/components/excelfile/excelsheetbar/excelsheetbar.tsx","../src/components/excelfile/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.stories.tsx","../src/components/expandablemenu/expandablemenu.tsx","../src/components/expandablemenu/index.ts","../src/components/expandablemenu/types.ts","../src/components/ff_captcha/recaptcha.tsx","../src/components/ff_captcha/captcha.stories.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.stories.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.stories.tsx","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.stories.tsx","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.stories.tsx","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.stories.tsx","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.stories.tsx","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.stories.tsx","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.stories.tsx","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.stories.tsx","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.stories.tsx","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.stories.tsx","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.stories.tsx","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.stories.tsx","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.stories.tsx","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.stories.tsx","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.stories.tsx","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.stories.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.stories.tsx","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/type.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.stories.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/radiobutton/radiobutton.stories.tsx","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.stories.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.stories.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.stories.tsx","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown/dropdown.tsx","../src/components/select/components/dropdown/dropdowntypes.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.stories.tsx","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/addbrowsermodal/addbrowsermodal.tsx","../src/components/sequentialconnectingbranch/components/addbrowsermodal/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasetlistmodal/datasetlistmodal.tsx","../src/components/sequentialconnectingbranch/components/datasetlistmodal/types.ts","../src/components/statedropdown/statedropdown.stories.tsx","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.stories.tsx","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/table/table.stories.tsx","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.stories.tsx","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabs/tabs.stories.tsx","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.stories.tsx","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.stories.tsx","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.stories.tsx","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.stories.tsx","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/tooltip/tooltip.stories.tsx","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.stories.tsx","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.stories.tsx","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/checkempty/checkempty.stories.tsx","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.stories.tsx","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.stories.tsx","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.stories.tsx","../src/utils/debounce/debounce.ts","../src/utils/ffid/ffid.stories.tsx","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.stories.tsx","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.stories.tsx","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.stories.tsx","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/throttle/throttle.stories.tsx","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.stories.tsx","../src/utils/truncatetext/truncatetext.ts"],"version":"5.6.3"}
@@ -0,0 +1,8 @@
1
+ type DynamicValues = any;
2
+ interface dynamicObject {
3
+ [key: string]: DynamicValues;
4
+ }
5
+ type accessorType = string | undefined;
6
+ export declare const getLabel: (option: dynamicObject, accessor?: accessorType) => any;
7
+ export declare const getValue: (option: dynamicObject, accessor?: accessorType) => any;
8
+ export {};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pixel-react",
3
3
  "description": "Great for pixel-perfect, design-focused components in React",
4
- "version": "1.2.0",
4
+ "version": "1.2.2",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
@@ -167,6 +167,16 @@ const ColorPalette: ColorPaletteType = [
167
167
  opacity: 0.1,
168
168
  variable: '--overlay-bg',
169
169
  },
170
+ {
171
+ name: 'Avatar background color',
172
+ colorCode: '#71347b',
173
+ variable: '--avatar-background-color',
174
+ },
175
+ {
176
+ name: 'Avatar icon color',
177
+ colorCode: '#ffffff',
178
+ variable: '--avatar-icon-color',
179
+ },
170
180
  ];
171
181
 
172
182
  export default ColorPalette;
@@ -200,8 +200,17 @@ $base-theme: (
200
200
  linear-gradient(90deg, #592f7c 0%, #741ebb 100%),
201
201
  ff-delete-button-attachment: #a91224,
202
202
  email-table-border-color: #959595,
203
+
204
+ label-edit-text-label-color: #71347b,
205
+ label-edit-text-background-color: #ffffff,
206
+ label-edit-error-text: #e42525,
207
+ label-edit-confirm-icon: #0dad66,
208
+ label-edit-cancel-icon: #e42525,
209
+ delete-icon-color: #e42525,
203
210
  ff-icon-hover-fill-color: #f7ebff,
204
- ff-icon-color-dark-variant: #FFFFFF,
211
+ ff-icon-color-dark-variant: #ffffff,
212
+ ff-avatar-background-color:#71347B,
213
+ ff-avatar-icon-color:#ffffff,
205
214
  );
206
215
  :root {
207
216
  @each $key, $value in $base-theme {
@@ -189,19 +189,30 @@ $dark-theme: (
189
189
  modal-header-text-color: #ffc600,
190
190
  switch-license-text-color: #61296a,
191
191
  switch-license-header-text-color: #610b86,
192
- dotted-border-color:#000000,
193
- select-license-header-text-color:#5F2868,
194
- in-active-button-color:#808080,
195
- button-background-gradient-color:#9C1EBB,
196
- ff-app-header-menu-border-bottom-color:#FFFFFF,
197
- ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592F7C 0%, #741EBB 100%),
192
+ dotted-border-color: #000000,
193
+ select-license-header-text-color: #5f2868,
194
+ in-active-button-color: #808080,
195
+ button-background-gradient-color: #9c1ebb,
198
196
  details-page-value-color: #808080,
197
+
198
+ label-edit-text-label-color: #71347b,
199
+ label-edit-text-background-color: #ffffff,
200
+ label-edit-error-text: #e42525,
201
+ label-edit-confirm-icon: #0dad66,
202
+ label-edit-cancel-icon: #e42525,
203
+ delete-icon-color: #e42525,
204
+
205
+ ff-app-header-menu-border-bottom-color: #ffffff,
206
+ ff-app-header-submenu-border-bottom-color:
207
+ linear-gradient(90deg, #592f7c 0%, #741ebb 100%),
199
208
  table-header-text-color: #252c37,
200
209
  table-column-text-color: #200624,
201
210
  ff-delete-button-attachment: #a91224,
202
211
  email-table-border-color: #959595,
203
- ff-icon-hover-fill-color:#F7ECF8,
204
- ff-icon-color-dark-variant: #FFFFFF,
212
+ ff-icon-hover-fill-color: #f7ecf8,
213
+ ff-icon-color-dark-variant: #ffffff,
214
+ avatar-background-color:#71347B,
215
+ avatar-icon-color:#ffffff,
205
216
  );
206
217
  :root {
207
218
  @each $key, $value in $dark-theme {
@@ -0,0 +1,4 @@
1
+ <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30Z" fill="#71347B"/>
3
+ <path d="M14.908 14.0551C15.9541 14.0551 16.9766 13.7449 17.8464 13.1637C18.7162 12.5825 19.3941 11.7565 19.7944 10.7901C20.1947 9.82363 20.2994 8.76018 20.0954 7.73422C19.8913 6.70825 19.3876 5.76585 18.6479 5.02617C17.9082 4.28649 16.9658 3.78276 15.9398 3.57868C14.9139 3.3746 13.8504 3.47935 12.884 3.87966C11.9175 4.27997 11.0915 4.95787 10.5103 5.82764C9.92918 6.69741 9.61899 7.71999 9.61899 8.76606C9.62189 10.1679 10.1801 11.5115 11.1713 12.5027C12.1626 13.494 13.5062 14.0521 14.908 14.0551ZM14.908 16.7001C11.408 16.7001 4.32999 18.4851 4.32999 21.9891V24.6341H25.486V21.9891C25.486 18.4851 18.412 16.7001 14.908 16.7001Z" fill="white"/>
4
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7.33366 13.7109V15.2292C5.94821 15.2321 4.59042 14.8259 3.41814 14.0576C2.24586 13.2894 1.30724 12.1907 0.711404 10.8894C0.11557 9.58805 -0.113003 8.13747 0.0522582 6.70631C0.217519 5.27515 0.769825 3.92219 1.64497 2.80472C2.52011 1.68724 3.68214 0.851166 4.99596 0.393681C6.30978 -0.0638037 7.72142 -0.123902 9.06678 0.220374C10.4121 0.56465 11.6359 1.29916 12.5959 2.3385C13.5559 3.37785 14.2126 4.67934 14.4897 6.09167H12.9776C12.7504 5.17245 12.3198 4.32124 11.7201 3.60603C11.1204 2.89082 10.3682 2.33143 9.52368 1.97254V2.28437C9.52191 2.68646 9.36759 3.07157 9.09431 3.3559C8.82103 3.64022 8.45089 3.80077 8.06441 3.80262H6.60515V5.32087C6.60486 5.52252 6.52781 5.71585 6.39086 5.85855C6.25391 6.00125 6.06822 6.08171 5.8744 6.08233H4.4084V7.60058H5.86766V9.88496H5.14252L1.64478 6.25634C1.54475 6.70327 1.49279 7.16039 1.48987 7.61926C1.49017 9.23276 2.10559 10.7803 3.20112 11.9223C4.29666 13.0643 5.78285 13.7075 7.33366 13.7109Z" fill="#71347B"/>
3
+ <path d="M15.9994 13.1167C15.9988 12.9895 15.95 12.8677 15.8637 12.7778C15.7773 12.6879 15.6603 12.6371 15.5381 12.6365H14.6143V13.598H15.5381C15.6605 13.5974 15.7776 13.5464 15.8641 13.4563C15.9505 13.3661 15.9991 13.244 15.9994 13.1167Z" fill="#71347B"/>
4
+ <path d="M15.5381 14.5576H14.6143V15.5191H15.5381C15.6606 15.5191 15.7781 15.4685 15.8647 15.3783C15.9513 15.2882 16 15.1659 16 15.0384C16 14.9109 15.9513 14.7886 15.8647 14.6984C15.7781 14.6083 15.6606 14.5576 15.5381 14.5576Z" fill="#71347B"/>
5
+ <path d="M11.8439 13.1177H10.9201V15.0388H11.8439C11.8445 15.2936 11.942 15.5377 12.1152 15.7178C12.2883 15.8979 12.5229 15.9994 12.7678 16H14.1529V12.1565H12.7666C12.522 12.1574 12.2876 12.259 12.1148 12.4391C11.9419 12.6192 11.8445 12.8631 11.8439 13.1177Z" fill="#71347B"/>
6
+ <path d="M8.61219 12.6342C8.61278 12.3795 8.71031 12.1354 8.88343 11.9553C9.05655 11.7751 9.29119 11.6737 9.53602 11.6731H10.2286C10.4469 11.6834 10.6649 11.6475 10.8694 11.5677C11.074 11.4879 11.2609 11.3657 11.4188 11.2086C11.5767 11.0516 11.7024 10.8628 11.7882 10.6538C11.8741 10.4447 11.9183 10.2198 11.9182 9.99245C11.9181 9.76514 11.8738 9.5402 11.7878 9.33123C11.7018 9.12226 11.576 8.93359 11.418 8.77662C11.26 8.61965 11.073 8.49765 10.8684 8.41797C10.6638 8.3383 10.4457 8.30261 10.2275 8.31306H8.61219C8.48969 8.31306 8.3722 8.36369 8.28557 8.45382C8.19894 8.54394 8.15028 8.66618 8.15028 8.79364C8.15028 8.9211 8.19894 9.04334 8.28557 9.13347C8.3722 9.22359 8.48969 9.27423 8.61219 9.27423H10.2286C10.4123 9.27423 10.5885 9.35015 10.7183 9.48528C10.8482 9.62042 10.9212 9.8037 10.9212 9.99481C10.9212 10.1859 10.8482 10.3692 10.7183 10.5043C10.5885 10.6395 10.4123 10.7154 10.2286 10.7154H9.5349C9.04502 10.7154 8.5752 10.9179 8.22881 11.2783C7.88241 11.6387 7.68781 12.1275 7.68781 12.6371C7.68781 13.1468 7.88241 13.6356 8.22881 13.996C8.5752 14.3564 9.04502 14.5589 9.5349 14.5589H10.4587V13.5977H9.5349C9.28987 13.5968 9.05518 13.4949 8.88224 13.3143C8.7093 13.1337 8.61219 12.8892 8.61219 12.6342Z" fill="#71347B"/>
7
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M5.32503 1.63057C5.12836 1.75608 4.97089 1.83514 4.81283 1.91735C4.22219 2.24492 3.6708 2.53169 3.08016 2.85863C3.03913 2.88287 3.00579 2.91909 2.98435 2.96281C2.9629 3.00653 2.95424 3.05584 2.95946 3.10462V15.517C2.95946 15.6808 2.92028 15.8038 2.76282 15.8446C2.4706 15.9701 2.15362 16.0208 1.83864 15.9923C1.52366 15.9638 1.21989 15.857 0.9529 15.6808C0.756608 15.5373 0.589468 15.3549 0.461093 15.144C0.332718 14.9332 0.245637 14.698 0.204806 14.4521C0.105813 13.788 0.06538 13.1158 0.0840999 12.444C0.044885 9.16648 0.0056671 5.84877 0.0056671 2.57122C-0.025089 2.05007 0.0696967 1.5292 0.281397 1.05577C0.459698 0.660107 0.767948 0.343652 1.15064 0.163378C1.53333 -0.0168953 1.9653 -0.0491535 2.36882 0.0724328C2.92864 0.247629 3.45979 0.509991 3.9441 0.850573C4.37727 1.09656 4.81044 1.34192 5.2044 1.5879C5.24663 1.54837 5.28582 1.58915 5.32503 1.63057Z" fill="currentColor"/>
3
+ <path d="M5.40051 14.2481V10.6838C5.39958 10.6356 5.41009 10.588 5.43114 10.5451C5.45219 10.5021 5.4831 10.4653 5.52114 10.4378C6.86048 9.65907 8.19982 8.88093 9.49934 8.10281C9.85348 7.89761 10.2082 7.69305 10.6016 7.44706C10.3739 7.29494 10.1371 7.15806 9.89268 7.03728C9.30205 6.66829 8.71148 6.34074 8.12084 5.9705C8.09174 5.94994 8.05733 5.93894 8.02215 5.93894C7.98698 5.93894 7.95264 5.94994 7.92354 5.9705C7.17544 6.46185 6.46655 6.91178 5.71785 7.40439C5.67863 7.40439 5.67864 7.44518 5.63883 7.44518V4.82339C5.6377 4.76934 5.64789 4.71569 5.66873 4.66616C5.68956 4.61664 5.72053 4.57242 5.75946 4.53661C6.42913 4.04526 7.09822 3.59532 7.72867 3.10272C7.76497 3.08256 7.80544 3.07202 7.84658 3.07202C7.88773 3.07202 7.92827 3.08256 7.96456 3.10272C8.86952 3.63549 9.81548 4.20904 10.7216 4.74117C11.3515 5.10953 11.982 5.47851 12.6523 5.84686C13.1317 6.10646 13.5285 6.50487 13.7949 6.99398C13.9627 7.31227 14.0301 7.67735 13.9877 8.03766C13.9453 8.39796 13.7951 8.7353 13.5584 9.00205C13.2471 9.37031 12.8732 9.67578 12.4556 9.90318C11.5506 10.4359 10.6831 11.0095 9.7775 11.5416C8.63544 12.2382 7.53259 12.8933 6.39053 13.5899C6.03096 13.8384 5.71543 14.0404 5.40051 14.2481Z" fill="currentColor"/>
4
+ </svg>
@@ -0,0 +1,20 @@
1
+ <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <mask id="path-1-inside-1_794_7546" fill="white">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M18.4674 0.217769C19.4684 -0.0725897 20.5315 -0.0725897 21.5326 0.217769C22.179 0.4053 22.7305 0.730828 23.2743 1.1273C23.7924 1.50514 24.382 2.00759 25.0836 2.60544L25.4439 2.9126C26.0716 3.44749 26.2431 3.58556 26.4193 3.68605C26.601 3.78954 26.7948 3.86986 26.9965 3.92509C27.1923 3.97875 27.411 4.00232 28.2332 4.06791L28.7051 4.10558C29.624 4.17888 30.3962 4.2405 31.0298 4.33971C31.6945 4.44384 32.3147 4.60362 32.9045 4.92817C33.8175 5.4307 34.5693 6.18235 35.0719 7.09554C35.3964 7.68528 35.5562 8.30544 35.6602 8.97024C35.7595 9.60384 35.8211 10.376 35.8943 11.2949L35.9321 11.7668C35.9977 12.5889 36.0211 12.8077 36.0749 13.0035C36.1301 13.2051 36.2104 13.399 36.3138 13.5806C36.4144 13.757 36.5525 13.9284 37.0874 14.556L37.3945 14.9165C37.9925 15.618 38.4948 16.2076 38.8727 16.7258C39.2692 17.2693 39.5947 17.8209 39.7821 18.4674C40.0726 19.4685 40.0726 20.5314 39.7821 21.5325C39.5947 22.179 39.2692 22.7306 38.8727 23.2743C38.4948 23.7925 37.9925 24.3818 37.3947 25.0834L37.0874 25.4439C36.5525 26.0715 36.4144 26.243 36.3138 26.4194C36.2104 26.601 36.1301 26.7949 36.0749 26.9966C36.0211 27.1922 35.9977 27.4111 35.9321 28.2331L35.8943 28.705C35.8211 29.6239 35.7595 30.3961 35.6602 31.0296C35.5562 31.6944 35.3964 32.3146 35.0719 32.9044C34.5693 33.8176 33.8175 34.5692 32.9045 35.0717C32.3147 35.3964 31.6945 35.5561 31.0298 35.6603C30.3962 35.7595 29.624 35.8211 28.7051 35.8944L28.2332 35.932C27.411 35.9976 27.1923 36.0212 26.9965 36.0748C26.7948 36.13 26.601 36.2105 26.4193 36.3139C26.2431 36.4143 26.0716 36.5525 25.4439 37.0873L25.0834 37.3946C24.382 37.9923 23.7924 38.4949 23.2743 38.8726C22.7305 39.2691 22.179 39.5946 21.5326 39.7822C20.5315 40.0725 19.4684 40.0725 18.4674 39.7822C17.821 39.5946 17.2694 39.2691 16.7257 38.8726C16.2076 38.4949 15.618 37.9923 14.9165 37.3946L14.556 37.0873C13.9283 36.5525 13.757 36.4143 13.5806 36.3139C13.399 36.2105 13.2051 36.13 13.0035 36.0748C12.8077 36.0212 12.5889 35.9976 11.7668 35.932L11.2949 35.8944C10.376 35.8211 9.60384 35.7595 8.97024 35.6603C8.30544 35.5561 7.68528 35.3964 7.09554 35.0717C6.18235 34.5692 5.4307 33.8176 4.92817 32.9044C4.6036 32.3146 4.44382 31.6944 4.33971 31.0296C4.24048 30.3961 4.17888 29.6241 4.10558 28.7052L4.06791 28.2331C4.00232 27.4111 3.97875 27.1922 3.9251 26.9966C3.86986 26.7949 3.78954 26.601 3.68605 26.4194C3.58554 26.243 3.44749 26.0715 2.91258 25.4439L2.6054 25.0834C2.00757 24.382 1.50512 23.7925 1.1273 23.2743C0.730829 22.7306 0.4053 22.179 0.217769 21.5325C-0.0725897 20.5314 -0.0725897 19.4685 0.217769 18.4674C0.4053 17.8209 0.730829 17.2693 1.1273 16.7258C1.50514 16.2076 2.00757 15.618 2.60542 14.9165L2.91258 14.556C3.44749 13.9284 3.58554 13.757 3.68605 13.5806C3.78954 13.399 3.86986 13.2051 3.9251 13.0035C3.97875 12.8077 4.00232 12.5889 4.06791 11.7668L4.10558 11.2947C4.17888 10.376 4.24048 9.6038 4.33971 8.97024C4.44382 8.30544 4.6036 7.68528 4.92817 7.09554C5.4307 6.18235 6.18235 5.43072 7.09554 4.92817C7.68528 4.60362 8.30544 4.44384 8.97024 4.33971C9.6038 4.2405 10.3759 4.17888 11.2947 4.10558L11.7668 4.06791C12.5889 4.00232 12.8077 3.97875 13.0035 3.92509C13.2051 3.86986 13.399 3.78954 13.5806 3.68605C13.757 3.58556 13.9283 3.44749 14.556 2.9126L14.9165 2.60544C15.618 2.00759 16.2076 1.50514 16.7257 1.1273C17.2694 0.730828 17.821 0.4053 18.4674 0.217769Z"/>
4
+ </mask>
5
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M18.4674 0.217769C19.4684 -0.0725897 20.5315 -0.0725897 21.5326 0.217769C22.179 0.4053 22.7305 0.730828 23.2743 1.1273C23.7924 1.50514 24.382 2.00759 25.0836 2.60544L25.4439 2.9126C26.0716 3.44749 26.2431 3.58556 26.4193 3.68605C26.601 3.78954 26.7948 3.86986 26.9965 3.92509C27.1923 3.97875 27.411 4.00232 28.2332 4.06791L28.7051 4.10558C29.624 4.17888 30.3962 4.2405 31.0298 4.33971C31.6945 4.44384 32.3147 4.60362 32.9045 4.92817C33.8175 5.4307 34.5693 6.18235 35.0719 7.09554C35.3964 7.68528 35.5562 8.30544 35.6602 8.97024C35.7595 9.60384 35.8211 10.376 35.8943 11.2949L35.9321 11.7668C35.9977 12.5889 36.0211 12.8077 36.0749 13.0035C36.1301 13.2051 36.2104 13.399 36.3138 13.5806C36.4144 13.757 36.5525 13.9284 37.0874 14.556L37.3945 14.9165C37.9925 15.618 38.4948 16.2076 38.8727 16.7258C39.2692 17.2693 39.5947 17.8209 39.7821 18.4674C40.0726 19.4685 40.0726 20.5314 39.7821 21.5325C39.5947 22.179 39.2692 22.7306 38.8727 23.2743C38.4948 23.7925 37.9925 24.3818 37.3947 25.0834L37.0874 25.4439C36.5525 26.0715 36.4144 26.243 36.3138 26.4194C36.2104 26.601 36.1301 26.7949 36.0749 26.9966C36.0211 27.1922 35.9977 27.4111 35.9321 28.2331L35.8943 28.705C35.8211 29.6239 35.7595 30.3961 35.6602 31.0296C35.5562 31.6944 35.3964 32.3146 35.0719 32.9044C34.5693 33.8176 33.8175 34.5692 32.9045 35.0717C32.3147 35.3964 31.6945 35.5561 31.0298 35.6603C30.3962 35.7595 29.624 35.8211 28.7051 35.8944L28.2332 35.932C27.411 35.9976 27.1923 36.0212 26.9965 36.0748C26.7948 36.13 26.601 36.2105 26.4193 36.3139C26.2431 36.4143 26.0716 36.5525 25.4439 37.0873L25.0834 37.3946C24.382 37.9923 23.7924 38.4949 23.2743 38.8726C22.7305 39.2691 22.179 39.5946 21.5326 39.7822C20.5315 40.0725 19.4684 40.0725 18.4674 39.7822C17.821 39.5946 17.2694 39.2691 16.7257 38.8726C16.2076 38.4949 15.618 37.9923 14.9165 37.3946L14.556 37.0873C13.9283 36.5525 13.757 36.4143 13.5806 36.3139C13.399 36.2105 13.2051 36.13 13.0035 36.0748C12.8077 36.0212 12.5889 35.9976 11.7668 35.932L11.2949 35.8944C10.376 35.8211 9.60384 35.7595 8.97024 35.6603C8.30544 35.5561 7.68528 35.3964 7.09554 35.0717C6.18235 34.5692 5.4307 33.8176 4.92817 32.9044C4.6036 32.3146 4.44382 31.6944 4.33971 31.0296C4.24048 30.3961 4.17888 29.6241 4.10558 28.7052L4.06791 28.2331C4.00232 27.4111 3.97875 27.1922 3.9251 26.9966C3.86986 26.7949 3.78954 26.601 3.68605 26.4194C3.58554 26.243 3.44749 26.0715 2.91258 25.4439L2.6054 25.0834C2.00757 24.382 1.50512 23.7925 1.1273 23.2743C0.730829 22.7306 0.4053 22.179 0.217769 21.5325C-0.0725897 20.5314 -0.0725897 19.4685 0.217769 18.4674C0.4053 17.8209 0.730829 17.2693 1.1273 16.7258C1.50514 16.2076 2.00757 15.618 2.60542 14.9165L2.91258 14.556C3.44749 13.9284 3.58554 13.757 3.68605 13.5806C3.78954 13.399 3.86986 13.2051 3.9251 13.0035C3.97875 12.8077 4.00232 12.5889 4.06791 11.7668L4.10558 11.2947C4.17888 10.376 4.24048 9.6038 4.33971 8.97024C4.44382 8.30544 4.6036 7.68528 4.92817 7.09554C5.4307 6.18235 6.18235 5.43072 7.09554 4.92817C7.68528 4.60362 8.30544 4.44384 8.97024 4.33971C9.6038 4.2405 10.3759 4.17888 11.2947 4.10558L11.7668 4.06791C12.5889 4.00232 12.8077 3.97875 13.0035 3.92509C13.2051 3.86986 13.399 3.78954 13.5806 3.68605C13.757 3.58556 13.9283 3.44749 14.556 2.9126L14.9165 2.60544C15.618 2.00759 16.2076 1.50514 16.7257 1.1273C17.2694 0.730828 17.821 0.4053 18.4674 0.217769Z" fill="url(#paint0_linear_794_7546)"/>
6
+ <path d="M18.4674 0.217769L18.1888 -0.742648L18.1887 -0.742627L18.4674 0.217769ZM21.5326 0.217769L21.8112 -0.742627L21.8112 -0.742648L21.5326 0.217769ZM23.2743 1.1273L23.8635 0.319312L23.8634 0.319278L23.2743 1.1273ZM25.0836 2.60544L25.7323 1.84445L25.7321 1.8443L25.0836 2.60544ZM25.4439 2.9126L24.7951 3.67359L24.7953 3.67377L25.4439 2.9126ZM26.4193 3.68605L25.924 4.55477L25.9243 4.55493L26.4193 3.68605ZM26.9965 3.92509L27.2607 2.96063L27.2607 2.96062L26.9965 3.92509ZM28.2332 4.06791L28.3128 3.07108L28.3127 3.07108L28.2332 4.06791ZM28.7051 4.10558L28.6256 5.10241L28.6256 5.10242L28.7051 4.10558ZM31.0298 4.33971L31.1845 3.35175L31.1845 3.35175L31.0298 4.33971ZM32.9045 4.92817L33.3867 4.0521L33.3866 4.05206L32.9045 4.92817ZM35.0719 7.09554L35.948 6.61347L35.948 6.61341L35.0719 7.09554ZM35.6602 8.97024L34.6722 9.12484L34.6723 9.12497L35.6602 8.97024ZM35.8943 11.2949L34.8974 11.3743L34.8975 11.3747L35.8943 11.2949ZM35.9321 11.7668L36.9289 11.6873L36.9289 11.687L35.9321 11.7668ZM36.0749 13.0035L37.0394 12.7393L37.0392 12.7384L36.0749 13.0035ZM36.3138 13.5806L35.4448 14.0754L35.4452 14.0762L36.3138 13.5806ZM37.0874 14.556L37.8486 13.9075L37.8485 13.9074L37.0874 14.556ZM37.3945 14.9165L36.6333 15.565L36.6335 15.5652L37.3945 14.9165ZM38.8727 16.7258L38.0648 17.315L38.0648 17.3151L38.8727 16.7258ZM39.7821 18.4674L38.8217 18.7459L38.8218 18.7461L39.7821 18.4674ZM39.7821 21.5325L38.8218 21.2538L38.8217 21.254L39.7821 21.5325ZM38.8727 23.2743L39.6806 23.8636L39.6807 23.8635L38.8727 23.2743ZM37.3947 25.0834L38.1557 25.7321L38.1559 25.732L37.3947 25.0834ZM37.0874 25.4439L37.8484 26.0926L37.8485 26.0926L37.0874 25.4439ZM36.3138 26.4194L35.4451 25.924L35.4448 25.9246L36.3138 26.4194ZM36.0749 26.9966L37.0391 27.2618L37.0394 27.2606L36.0749 26.9966ZM35.9321 28.2331L36.9289 28.313L36.9289 28.3127L35.9321 28.2331ZM35.8943 28.705L34.8975 28.6252L34.8974 28.6256L35.8943 28.705ZM35.6602 31.0296L34.6723 30.8749L34.6722 30.875L35.6602 31.0296ZM35.0719 32.9044L35.948 33.3865L35.948 33.3864L35.0719 32.9044ZM32.9045 35.0717L32.4223 34.1957L32.4222 34.1957L32.9045 35.0717ZM31.0298 35.6603L31.1845 36.6483L31.1847 36.6482L31.0298 35.6603ZM28.7051 35.8944L28.6257 34.8975L28.6257 34.8975L28.7051 35.8944ZM28.2332 35.932L28.1538 34.9351L28.1537 34.9352L28.2332 35.932ZM26.9965 36.0748L26.7324 35.1103L26.7324 35.1103L26.9965 36.0748ZM26.4193 36.3139L25.9245 35.4449L25.9242 35.445L26.4193 36.3139ZM25.4439 37.0873L24.7954 36.326L24.7951 36.3263L25.4439 37.0873ZM25.0834 37.3946L25.732 38.1557L25.7321 38.1556L25.0834 37.3946ZM23.2743 38.8726L22.6852 38.0645L22.6851 38.0646L23.2743 38.8726ZM21.5326 39.7822L21.8111 40.7427L21.8114 40.7426L21.5326 39.7822ZM18.4674 39.7822L18.1886 40.7426L18.1889 40.7427L18.4674 39.7822ZM16.7257 38.8726L17.3149 38.0646L17.3148 38.0645L16.7257 38.8726ZM14.9165 37.3946L14.2678 38.1556L14.2679 38.1557L14.9165 37.3946ZM14.556 37.0873L15.2047 36.3263L15.2045 36.3261L14.556 37.0873ZM13.5806 36.3139L13.0858 37.1829L13.0858 37.1829L13.5806 36.3139ZM13.0035 36.0748L13.2676 35.1103H13.2676L13.0035 36.0748ZM11.7668 35.932L11.8464 34.9352L11.8463 34.9351L11.7668 35.932ZM11.2949 35.8944L11.3743 34.8975L11.3743 34.8975L11.2949 35.8944ZM8.97024 35.6603L8.81535 36.6482L8.81552 36.6483L8.97024 35.6603ZM7.09554 35.0717L7.57783 34.1957L7.57766 34.1956L7.09554 35.0717ZM4.92817 32.9044L5.80428 32.4223L5.80426 32.4222L4.92817 32.9044ZM4.33971 31.0296L5.32767 30.8749L5.32766 30.8749L4.33971 31.0296ZM4.10558 28.7052L5.10242 28.6257L5.10242 28.6257L4.10558 28.7052ZM4.06791 28.2331L5.06475 28.1536L5.06474 28.1535L4.06791 28.2331ZM3.9251 26.9966L2.96062 27.2607L2.9607 27.261L3.9251 26.9966ZM3.68605 26.4194L2.81713 26.9143L2.81717 26.9144L3.68605 26.4194ZM2.91258 25.4439L2.15144 26.0925L2.15152 26.0926L2.91258 25.4439ZM2.6054 25.0834L3.36654 24.4349L3.36646 24.4348L2.6054 25.0834ZM1.1273 23.2743L0.319278 23.8635L0.319297 23.8635L1.1273 23.2743ZM0.217769 21.5325L1.17819 21.2539L1.17819 21.2539L0.217769 21.5325ZM0.217769 18.4674L1.17819 18.746L1.17819 18.746L0.217769 18.4674ZM1.1273 16.7258L1.93521 17.3151L1.93528 17.315L1.1273 16.7258ZM2.60542 14.9165L3.36652 15.5651L3.36655 15.5651L2.60542 14.9165ZM2.91258 14.556L2.15148 13.9074L2.15145 13.9074L2.91258 14.556ZM3.68605 13.5806L4.55487 14.0757L4.55491 14.0757L3.68605 13.5806ZM3.9251 13.0035L2.96066 12.7392L2.96063 12.7393L3.9251 13.0035ZM4.06791 11.7668L5.06475 11.8464V11.8464L4.06791 11.7668ZM4.10558 11.2947L5.10242 11.3743L5.10242 11.3743L4.10558 11.2947ZM4.33971 8.97024L5.32766 9.12498L5.32767 9.12496L4.33971 8.97024ZM4.92817 7.09554L5.80425 7.57769L5.80427 7.57766L4.92817 7.09554ZM7.09554 4.92817L6.6134 4.05207L6.61339 4.05207L7.09554 4.92817ZM8.97024 4.33971L8.81554 3.35175L8.8155 3.35175L8.97024 4.33971ZM11.2947 4.10558L11.3742 5.10242L11.3743 5.10242L11.2947 4.10558ZM11.7668 4.06791L11.8464 5.06475L11.8464 5.06474L11.7668 4.06791ZM13.0035 3.92509L12.7393 2.96063L12.7392 2.96066L13.0035 3.92509ZM13.5806 3.68605L13.0855 2.81718L13.0855 2.81719L13.5806 3.68605ZM14.556 2.9126L15.2046 3.67372L15.2046 3.67371L14.556 2.9126ZM14.9165 2.60544L15.5651 3.36655L15.5651 3.36654L14.9165 2.60544ZM16.7257 1.1273L16.1365 0.319278L16.1365 0.319312L16.7257 1.1273ZM18.7459 1.17819C19.565 0.940605 20.4349 0.940605 21.254 1.17819L21.8112 -0.742648C20.6281 -1.08578 19.3718 -1.08578 18.1888 -0.742648L18.7459 1.17819ZM21.254 1.17817C21.7449 1.3206 22.1894 1.57388 22.6851 1.93531L23.8634 0.319278C23.2716 -0.112221 22.6131 -0.509998 21.8112 -0.742627L21.254 1.17817ZM22.6851 1.93528C23.1659 2.2859 23.7233 2.76013 24.435 3.36658L25.7321 1.8443C25.0406 1.25505 24.4189 0.724374 23.8635 0.319312L22.6851 1.93528ZM24.4348 3.36643L24.7951 3.67359L26.0926 2.15161L25.7323 1.84445L24.4348 3.36643ZM24.7953 3.67377C25.3907 4.18107 25.6461 4.39632 25.924 4.55477L26.9146 2.81733C26.84 2.77481 26.7526 2.7139 26.0924 2.15143L24.7953 3.67377ZM25.9243 4.55493C26.1785 4.69974 26.4499 4.81221 26.7323 4.88957L27.2607 2.96062C27.1398 2.92751 27.0235 2.87933 26.9143 2.81717L25.9243 4.55493ZM26.7323 4.88956C27.0411 4.97418 27.3739 5.00253 28.1537 5.06475L28.3127 3.07108C27.4481 3.0021 27.3435 2.98332 27.2607 2.96063L26.7323 4.88956ZM28.1536 5.06474L28.6256 5.10241L28.7847 3.10875L28.3128 3.07108L28.1536 5.06474ZM28.6256 5.10242C29.5576 5.17676 30.2872 5.23561 30.8751 5.32767L31.1845 3.35175C30.5052 3.24539 29.6904 3.181 28.7847 3.10875L28.6256 5.10242ZM30.875 5.32766C31.4811 5.42259 31.9744 5.55778 32.4224 5.80427L33.3866 4.05206C32.655 3.64946 31.908 3.46508 31.1845 3.35175L30.875 5.32766ZM32.4223 5.80424C33.1694 6.21547 33.7846 6.83053 34.1958 7.57766L35.948 6.61341C35.354 5.53417 34.4656 4.64594 33.3867 4.0521L32.4223 5.80424ZM34.1957 7.5776C34.4422 8.02556 34.5774 8.51896 34.6722 9.12484L36.6482 8.81564C36.535 8.09193 36.3505 7.34499 35.948 6.61347L34.1957 7.5776ZM34.6723 9.12497C34.7643 9.71286 34.8232 10.4424 34.8974 11.3743L36.8911 11.2154C36.8189 10.3097 36.7546 9.49481 36.6482 8.81552L34.6723 9.12497ZM34.8975 11.3747L34.9353 11.8467L36.9289 11.687L36.8911 11.215L34.8975 11.3747ZM34.9353 11.8464C34.9974 12.6252 35.0257 12.9591 35.1107 13.2685L37.0392 12.7384C37.0166 12.6563 36.998 12.5526 36.9289 11.6873L34.9353 11.8464ZM35.1105 13.2676C35.1877 13.5497 35.3 13.8211 35.4448 14.0754L37.1828 13.0858C37.1208 12.9768 37.0726 12.8605 37.0394 12.7393L35.1105 13.2676ZM35.4452 14.0762C35.6038 14.3541 35.8189 14.6093 36.3263 15.2047L37.8485 13.9074C37.2861 13.2475 37.2251 13.1599 37.1824 13.085L35.4452 14.0762ZM36.3262 15.2045L36.6333 15.565L38.1557 14.268L37.8486 13.9075L36.3262 15.2045ZM36.6335 15.5652C37.2398 16.2765 37.7141 16.8342 38.0648 17.315L39.6806 16.1365C39.2755 15.5811 38.7451 14.9595 38.1555 14.2678L36.6335 15.5652ZM38.0648 17.3151C38.4261 17.8104 38.6793 18.2549 38.8217 18.7459L40.7426 18.189C40.51 17.3869 40.1123 16.7282 39.6806 16.1364L38.0648 17.3151ZM38.8218 18.7461C39.0594 19.5652 39.0594 20.4348 38.8218 21.2538L40.7425 21.8111C41.0858 20.628 41.0858 19.3719 40.7425 18.1888L38.8218 18.7461ZM38.8217 21.254C38.6793 21.7451 38.4261 22.1895 38.0647 22.6851L39.6807 23.8635C40.1123 23.2717 40.5101 22.613 40.7426 21.8109L38.8217 21.254ZM38.0648 22.6851C37.714 23.1659 37.2399 23.7231 36.6335 24.4349L38.1559 25.732C38.745 25.0405 39.2755 24.419 39.6806 23.8636L38.0648 22.6851ZM36.6337 24.4347L36.3264 24.7952L37.8485 26.0926L38.1557 25.7321L36.6337 24.4347ZM36.3264 24.7952C35.8189 25.3906 35.6037 25.6459 35.4451 25.924L37.1825 26.9148C37.2251 26.84 37.2861 26.7524 37.8484 26.0926L36.3264 24.7952ZM35.4448 25.9246C35.3 26.1789 35.1877 26.4503 35.1104 26.7325L37.0394 27.2606C37.0726 27.1395 37.1208 27.0232 37.1828 26.9142L35.4448 25.9246ZM35.1107 26.7314C35.0256 27.0407 34.9974 27.3748 34.9353 28.1535L36.9289 28.3127C36.998 27.4473 37.0166 27.3437 37.0391 27.2618L35.1107 26.7314ZM34.9353 28.1532L34.8975 28.6252L36.8911 28.7849L36.9289 28.313L34.9353 28.1532ZM34.8974 28.6256C34.8232 29.5575 34.7643 30.2871 34.6723 30.8749L36.6482 31.1844C36.7546 30.5051 36.8189 29.6902 36.8911 28.7845L34.8974 28.6256ZM34.6722 30.875C34.5774 31.4809 34.4422 31.9743 34.1957 32.4223L35.948 33.3864C36.3505 32.6549 36.535 31.9079 36.6482 31.1843L34.6722 30.875ZM34.1958 32.4223C33.7846 33.1694 33.1695 33.7844 32.4223 34.1957L33.3867 35.9478C34.4656 35.354 35.3541 34.4658 35.948 33.3865L34.1958 32.4223ZM32.4222 34.1957C31.9744 34.4422 31.4812 34.5773 30.8749 34.6724L31.1847 36.6482C31.9079 36.5348 32.655 36.3506 33.3868 35.9478L32.4222 34.1957ZM30.875 34.6723C30.2872 34.7644 29.5576 34.8233 28.6257 34.8975L28.7846 36.8912C29.6904 36.819 30.5052 36.7546 31.1845 36.6483L30.875 34.6723ZM28.6257 34.8975L28.1538 34.9351L28.3127 36.9288L28.7846 36.8912L28.6257 34.8975ZM28.1537 34.9352C27.3737 34.9974 27.0412 35.0258 26.7324 35.1103L27.2605 37.0393C27.3435 37.0166 27.4483 36.9978 28.3128 36.9288L28.1537 34.9352ZM26.7324 35.1103C26.4496 35.1877 26.1783 35.3004 25.9245 35.4449L26.9141 37.1829C27.0236 37.1205 27.14 37.0723 27.2606 37.0393L26.7324 35.1103ZM25.9242 35.445C25.6462 35.6035 25.3904 35.8192 24.7954 36.326L26.0923 37.8485C26.7528 37.2859 26.84 37.2251 26.9144 37.1827L25.9242 35.445ZM24.7951 36.3263L24.4347 36.6335L25.7321 38.1556L26.0926 37.8483L24.7951 36.3263ZM24.4347 36.6335C23.7232 37.2399 23.1659 37.7141 22.6852 38.0645L23.8633 39.6807C24.4189 39.2757 25.0407 38.7448 25.732 38.1557L24.4347 36.6335ZM22.6851 38.0646C22.1894 38.426 21.7449 38.6793 21.2538 38.8219L21.8114 40.7426C22.6131 40.5098 23.2716 40.1122 23.8635 39.6806L22.6851 38.0646ZM21.2541 38.8218C20.4349 39.0593 19.565 39.0593 18.7459 38.8218L18.1889 40.7427C19.3719 41.0857 20.6281 41.0857 21.8111 40.7427L21.2541 38.8218ZM18.7462 38.8219C18.2551 38.6793 17.8105 38.426 17.3149 38.0646L16.1365 39.6806C16.7284 40.1122 17.3869 40.5098 18.1886 40.7426L18.7462 38.8219ZM17.3148 38.0645C16.834 37.7141 16.2768 37.2399 15.5651 36.6334L14.2679 38.1557C14.9592 38.7448 15.5811 39.2757 16.1366 39.6807L17.3148 38.0645ZM15.5652 36.6336L15.2047 36.3263L13.9073 37.8483L14.2678 38.1556L15.5652 36.6336ZM15.2045 36.3261C14.6097 35.8194 14.3539 35.6034 14.0754 35.4449L13.0858 37.1829C13.1601 37.2252 13.247 37.2857 13.9075 37.8485L15.2045 36.3261ZM14.0754 35.4449C13.8216 35.3004 13.5503 35.1877 13.2676 35.1103L12.7393 37.0393C12.8599 37.0723 12.9763 37.1205 13.0858 37.1829L14.0754 35.4449ZM13.2676 35.1103C12.9589 35.0258 12.6261 34.9974 11.8464 34.9352L11.6873 36.9288C12.5517 36.9978 12.6565 37.0166 12.7393 37.0393L13.2676 35.1103ZM11.8463 34.9351L11.3743 34.8975L11.2154 36.8912L11.6874 36.9288L11.8463 34.9351ZM11.3743 34.8975C10.4424 34.8233 9.71286 34.7644 9.12497 34.6723L8.81552 36.6483C9.49481 36.7546 10.3097 36.819 11.2154 36.8912L11.3743 34.8975ZM9.12513 34.6724C8.51878 34.5773 8.02556 34.4422 7.57783 34.1957L6.61324 35.9478C7.34499 36.3506 8.09211 36.5348 8.81535 36.6482L9.12513 34.6724ZM7.57766 34.1956C6.83046 33.7845 6.21546 33.1695 5.80428 32.4223L4.05205 33.3865C4.64595 34.4657 5.53424 35.354 6.61341 35.9478L7.57766 34.1956ZM5.80426 32.4222C5.55776 31.9743 5.42257 31.481 5.32767 30.8749L3.35175 31.1844C3.46506 31.9079 3.64944 32.6549 4.05208 33.3865L5.80426 32.4222ZM5.32766 30.8749C5.23559 30.287 5.17676 29.5577 5.10242 28.6257L3.10875 28.7847C3.181 29.6905 3.24537 30.5051 3.35175 31.1844L5.32766 30.8749ZM5.10242 28.6257L5.06475 28.1536L3.07108 28.3126L3.10875 28.7848L5.10242 28.6257ZM5.06474 28.1535C5.00255 27.3741 4.97419 27.0409 4.88949 26.7321L2.9607 27.261C2.98331 27.3435 3.00209 27.448 3.07108 28.3126L5.06474 28.1535ZM4.88957 26.7324C4.81221 26.4499 4.69974 26.1786 4.55493 25.9244L2.81717 26.9144C2.87933 27.0235 2.92751 27.1399 2.96062 27.2607L4.88957 26.7324ZM4.55497 25.9244C4.39638 25.646 4.18096 25.3905 3.67364 24.7952L2.15152 26.0926C2.71401 26.7525 2.77471 26.8399 2.81713 26.9143L4.55497 25.9244ZM3.67373 24.7954L3.36654 24.4349L1.84425 25.732L2.15144 26.0925L3.67373 24.7954ZM3.36646 24.4348C2.7601 23.7234 2.28587 23.1659 1.9353 22.6852L0.319297 23.8635C0.724372 24.419 1.25505 25.0407 1.84434 25.7321L3.36646 24.4348ZM1.93531 22.6852C1.57389 22.1895 1.32062 21.745 1.17819 21.2539L-0.742651 21.811C-0.510024 22.6131 -0.112232 23.2717 0.319278 23.8635L1.93531 22.6852ZM1.17819 21.2539C0.940605 20.4348 0.940605 19.5651 1.17819 18.746L-0.742648 18.1889C-1.08578 19.3719 -1.08578 20.628 -0.742648 21.811L1.17819 21.2539ZM1.17819 18.746C1.32062 18.2549 1.57388 17.8104 1.93521 17.3151L0.319381 16.1365C-0.112223 16.7282 -0.510022 17.3868 -0.742651 18.1889L1.17819 18.746ZM1.93528 17.315C2.28591 16.8342 2.76017 16.2766 3.36652 15.5651L1.84431 14.2678C1.25498 14.9594 0.724372 15.5811 0.319312 16.1366L1.93528 17.315ZM3.36655 15.5651L3.67371 15.2046L2.15145 13.9074L1.84428 14.2679L3.36655 15.5651ZM3.67368 15.2047C4.18097 14.6094 4.39633 14.3539 4.55487 14.0757L2.81723 13.0855C2.77476 13.16 2.714 13.2473 2.15148 13.9074L3.67368 15.2047ZM4.55491 14.0757C4.69975 13.8215 4.81221 13.55 4.88956 13.2677L2.96063 12.7393C2.92751 12.8601 2.87933 12.9765 2.81719 13.0855L4.55491 14.0757ZM4.88953 13.2678C4.97418 12.9589 5.00254 12.6259 5.06475 11.8464L3.07108 11.6873C3.00209 12.5519 2.98332 12.6565 2.96066 12.7392L4.88953 13.2678ZM5.06475 11.8464L5.10242 11.3743L3.10875 11.2152L3.07108 11.6873L5.06475 11.8464ZM5.10242 11.3743C5.17677 10.4423 5.23559 9.71285 5.32766 9.12498L3.35175 8.81551C3.24537 9.49474 3.181 10.3096 3.10875 11.2152L5.10242 11.3743ZM5.32767 9.12496C5.42257 8.51891 5.55776 8.02557 5.80425 7.57769L4.05208 6.61338C3.64944 7.34498 3.46506 8.09198 3.35175 8.81553L5.32767 9.12496ZM5.80427 7.57766C6.21545 6.83048 6.83046 6.21548 7.57768 5.80426L6.61339 4.05207C5.53423 4.64597 4.64596 5.53421 4.05207 6.61341L5.80427 7.57766ZM7.57767 5.80426C8.02556 5.55778 8.51892 5.42259 9.12499 5.32766L8.8155 3.35175C8.09197 3.46508 7.34499 3.64946 6.6134 4.05207L7.57767 5.80426ZM9.12495 5.32767C9.71285 5.23561 10.4423 5.17676 11.3742 5.10242L11.2152 3.10875C10.3095 3.181 9.49475 3.24539 8.81554 3.35175L9.12495 5.32767ZM11.3743 5.10242L11.8464 5.06475L11.6873 3.07108L11.2152 3.10875L11.3743 5.10242ZM11.8464 5.06474C12.6259 5.00254 12.9589 4.97418 13.2678 4.88953L12.7392 2.96066C12.6565 2.98332 12.5519 3.00209 11.6873 3.07108L11.8464 5.06474ZM13.2677 4.88956C13.55 4.81221 13.8214 4.69975 14.0757 4.55491L13.0855 2.81719C12.9765 2.87933 12.8601 2.92751 12.7393 2.96063L13.2677 4.88956ZM14.0756 4.55492C14.3539 4.39637 14.6095 4.18091 15.2046 3.67372L13.9074 2.15148C13.2472 2.71406 13.16 2.77475 13.0855 2.81718L14.0756 4.55492ZM15.2046 3.67371L15.5651 3.36655L14.2678 1.84432L13.9074 2.15149L15.2046 3.67371ZM15.5651 3.36654C16.2766 2.76014 16.8341 2.28589 17.3149 1.93528L16.1365 0.319312C15.581 0.724382 14.9593 1.25505 14.2678 1.84433L15.5651 3.36654ZM17.3148 1.93531C17.8106 1.57388 18.2551 1.3206 18.746 1.17817L18.1887 -0.742627C17.3869 -0.509998 16.7283 -0.112221 16.1365 0.319278L17.3148 1.93531Z" fill="url(#paint1_linear_794_7546)" mask="url(#path-1-inside-1_794_7546)"/>
7
+ <path d="M20 29.0405H11.5954C11.3154 29.0405 11.0402 28.9658 10.7977 28.8237C10.5552 28.6817 10.3538 28.4775 10.2138 28.2315C10.0737 27.9855 10 27.7065 10 27.4224C10 27.1384 10.0737 26.8594 10.2137 26.6134L14.416 19.2315L18.6183 11.8496C18.7583 11.6036 18.9597 11.3993 19.2023 11.2573C19.4448 11.1153 19.7199 11.0405 20 11.0405C20.2801 11.0405 20.5552 11.1153 20.7977 11.2573C21.0403 11.3993 21.2417 11.6036 21.3817 11.8496L25.584 19.2315L29.7863 26.6134C29.9263 26.8594 30 27.1384 30 27.4224C30 27.7065 29.9263 27.9855 29.7862 28.2315C29.6462 28.4775 29.4448 28.6817 29.2023 28.8237C28.9598 28.9658 28.6846 29.0405 28.4046 29.0405H20Z" fill="white"/>
8
+ <path d="M21 16.8183C21 16.3888 20.5523 16.0405 20 16.0405C19.4477 16.0405 19 16.3888 19 16.8183V22.2627C19 22.6923 19.4477 23.0405 20 23.0405C20.5523 23.0405 21 22.6923 21 22.2627V16.8183Z" fill="currentColor"/>
9
+ <path d="M20 26.0405C20.5523 26.0405 21 25.5928 21 25.0405C21 24.4882 20.5523 24.0405 20 24.0405C19.4477 24.0405 19 24.4882 19 25.0405C19 25.5928 19.4477 26.0405 20 26.0405Z" fill="currentColor"/>
10
+ <defs>
11
+ <linearGradient id="paint0_linear_794_7546" x1="20" y1="1.0899" x2="20.6375" y2="39.9999" gradientUnits="userSpaceOnUse">
12
+ <stop stop-color="#E42525"/>
13
+ <stop offset="1" stop-color="#C90000"/>
14
+ </linearGradient>
15
+ <linearGradient id="paint1_linear_794_7546" x1="20" y1="1.21631" x2="20" y2="39.9999" gradientUnits="userSpaceOnUse">
16
+ <stop stop-color="#A90707"/>
17
+ <stop offset="1" stop-color="#E42525"/>
18
+ </linearGradient>
19
+ </defs>
20
+ </svg>
@@ -8,7 +8,7 @@
8
8
  .ff-app-header-left-container {
9
9
  display: flex;
10
10
  .ff-app-header-logo-icon {
11
- padding: 8px;
11
+ padding: 4px;
12
12
  height: 24px;
13
13
  }
14
14
  }
@@ -43,7 +43,9 @@
43
43
  border-radius: 4px;
44
44
  transition: width 0.15s ease-in-out;
45
45
  }
46
-
46
+ .ff-app-header-nav-bar-item-label{
47
+ white-space: nowrap;
48
+ }
47
49
  &--selected {
48
50
  padding: 3px;
49
51
  background-color: var(--primary-icon-color);
@@ -52,6 +54,7 @@
52
54
  background-color: var(--brand-color);
53
55
  border-radius: 20px;
54
56
  padding: 4px 8px;
57
+
55
58
  }
56
59
  :last-child{
57
60
  margin-right: 3px;
@@ -7,6 +7,7 @@ import {
7
7
  } from './types';
8
8
  import Icon from '../Icon';
9
9
  import { useState } from 'react';
10
+ import { optionsType } from '../AllProjectsDropdown/types';
10
11
 
11
12
  const meta: Meta<typeof AppHeader> = {
12
13
  title: 'Components/AppHeader',
@@ -26,7 +27,14 @@ const defaultArgs = {
26
27
  </div>
27
28
  ),
28
29
  };
29
-
30
+ const projectList = [
31
+ {
32
+ label: 'Test Project1',
33
+ value: 'Test Project1',
34
+ iconName: 'plus_icon',
35
+ },
36
+ { label: 'Test Project2', value: 'Test Project2', iconName: 'plus_icon' },
37
+ ];
30
38
  const headerMenuItems = [
31
39
  { label: 'Dashboard', path: 'Dashboard', subMenuItems: [] },
32
40
  {
@@ -106,7 +114,10 @@ const headerMenuItems = [
106
114
  ],
107
115
  },
108
116
  ];
109
- const headerHiddenMenuItems = ['Configuration', 'Approval Request'];
117
+ const headerHiddenMenuItems = [
118
+ { label: 'Configuration', value: 'Configuration', icon: 'plus_icon' },
119
+ { label: 'Approval Request', value: 'Approval Request', icon: 'plus_icon' },
120
+ ];
110
121
  const headerRightSideContent = (
111
122
  <div>
112
123
  <Icon name="logo" />
@@ -131,6 +142,11 @@ export const Controlled: Story = {
131
142
  const [selectedMenuItem, setSelectedMenuItem] = useState('Test Data');
132
143
  const [selectedSubMenuItem, setSelectedSubMenuItem] = useState('');
133
144
  const [selectedQuickMenuItem, setSelectedQuickMenuItem] = useState('');
145
+ const [selectedProject, setSelectedProject] = useState({
146
+ label: '',
147
+ value: '',
148
+ iconName: '',
149
+ });
134
150
  const handleMenuClick = (item: appHeaderMenuItemProps) => {
135
151
  setSelectedMenuItem(item.label);
136
152
  };
@@ -140,6 +156,9 @@ export const Controlled: Story = {
140
156
  const handleQuickMenuClick = (item: appHeaderQuickMenuItemProps) => {
141
157
  setSelectedQuickMenuItem(item.iconName);
142
158
  };
159
+ const handleProjectClick = (item: optionsType) => {
160
+ setSelectedProject(item);
161
+ };
143
162
 
144
163
  return (
145
164
  <>
@@ -150,13 +169,15 @@ export const Controlled: Story = {
150
169
  rightContent={headerRightSideContent}
151
170
  appHeaderMenuItems={headerMenuItems}
152
171
  appHeaderHiddenMenuItems={headerHiddenMenuItems}
153
- projectsList={[]}
172
+ projectsList={projectList}
154
173
  selectedMenu={selectedMenuItem}
155
174
  selectedSubMenu={selectedSubMenuItem}
156
175
  selectedQuickMenu={selectedQuickMenuItem}
176
+ selectedProject={selectedProject}
157
177
  onMenuClick={handleMenuClick}
158
178
  onSubMenuClick={handleSubMenuClick}
159
179
  onQuickMenuClick={handleQuickMenuClick}
180
+ onProjectMenuClick={handleProjectClick}
160
181
  />
161
182
  </div>
162
183
  </>
@@ -4,25 +4,30 @@ import './AppHeader.scss';
4
4
  import classNames from 'classnames';
5
5
  import Typography from '../Typography';
6
6
  import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
7
- // import AllProjectsDropdown from '../AllProjectsDropdown';
7
+ import AllProjectsDropdown from '../AllProjectsDropdown';
8
+ import MenuOption from '../MenuOption';
8
9
 
9
10
  const AppHeader: React.FC<AppHeaderProps> = ({
10
11
  logoIconName = 'fireflink_icon',
11
12
  leftContent,
12
13
  rightContent,
13
- projectsList,
14
+ projectsList = [{ label: '', value: '', iconName: '' }],
14
15
  appHeaderMenuItems,
16
+ appHeaderHiddenMenuItems = [{ label: '', value: '', icon: '' }],
15
17
  selectedMenu,
16
18
  selectedSubMenu,
17
19
  selectedQuickMenu,
20
+ selectedProject = { label: '', value: '', iconName: '' },
18
21
  onMenuClick = () => {},
19
22
  onSubMenuClick = () => {},
20
23
  onQuickMenuClick = () => {},
24
+ onProjectMenuClick = () => {},
25
+ onMoreMenuOptionClick = () => {},
21
26
  }) => {
22
27
  return (
23
28
  <>
24
29
  <div className="ff-app-header">
25
- <div className='ff-app-header-left-container'>
30
+ <div className="ff-app-header-left-container">
26
31
  <div className="ff-app-header-logo-icon">
27
32
  <Icon color="" name={logoIconName} height={24} width={21} />
28
33
  </div>
@@ -31,8 +36,16 @@ const AppHeader: React.FC<AppHeaderProps> = ({
31
36
  )}
32
37
  </div>
33
38
  <div className="ff-app-header-nav-bar">
34
- {checkEmpty(projectsList) && (
35
- <div>{/* <AllProjectsDropdown /> */}</div>
39
+ {!checkEmpty(projectsList) && (
40
+ <div>
41
+ {
42
+ <AllProjectsDropdown
43
+ onClick={onProjectMenuClick}
44
+ options={projectsList}
45
+ selectedOption={selectedProject}
46
+ />
47
+ }
48
+ </div>
36
49
  )}
37
50
  <div className="ff-app-header-nav-bar-items fontSm">
38
51
  {appHeaderMenuItems.map((menuItem) => {
@@ -99,9 +112,7 @@ const AppHeader: React.FC<AppHeaderProps> = ({
99
112
  )}
100
113
  >
101
114
  <Icon
102
- name={
103
- quickMenuItem.iconName
104
- }
115
+ name={quickMenuItem.iconName}
105
116
  height={24}
106
117
  width={24}
107
118
  />
@@ -119,9 +130,16 @@ const AppHeader: React.FC<AppHeaderProps> = ({
119
130
  );
120
131
  })}
121
132
  </div>
122
- <div>
123
- <Icon name="more" className="ff-app-header-more-icon" />
124
- </div>
133
+ {!checkEmpty(appHeaderHiddenMenuItems) && (
134
+ <div>
135
+ <MenuOption
136
+ iconName="more"
137
+ options={appHeaderHiddenMenuItems}
138
+ onOptionClick={onMoreMenuOptionClick}
139
+ variant='dark'
140
+ />
141
+ </div>
142
+ )}
125
143
  </div>
126
144
  {rightContent && (
127
145
  <div className="ff-app-header-right-content">{rightContent}</div>
@@ -1,18 +1,26 @@
1
1
  import { ReactNode } from 'react';
2
-
2
+ import { optionsType } from '../AllProjectsDropdown/types';
3
3
  export interface AppHeaderProps {
4
4
  logoIconName: string;
5
5
  leftContent?: ReactNode;
6
6
  rightContent?: ReactNode;
7
- projectsList?: string[];
7
+ projectsList?: optionsType[];
8
8
  appHeaderMenuItems: appHeaderMenuItemProps[];
9
- appHeaderHiddenMenuItems?: string[];
9
+ appHeaderHiddenMenuItems?: {
10
+ label: string;
11
+ value: string | string[];
12
+ icon: string;
13
+ disable?: boolean;
14
+ }[];
10
15
  selectedMenu: string;
11
16
  selectedSubMenu?: string;
12
17
  selectedQuickMenu?: string;
18
+ selectedProject?: optionsType;
13
19
  onMenuClick?: (text: any) => void;
14
20
  onSubMenuClick?: (text: any) => void;
15
21
  onQuickMenuClick?: (text: any) => void;
22
+ onProjectMenuClick?: (text: any) => void;
23
+ onMoreMenuOptionClick?: (text: any) => void;
16
24
  }
17
25
  export interface appHeaderMenuItemProps {
18
26
  label: string;
@@ -0,0 +1,24 @@
1
+ .ff-avatar {
2
+ border-radius: 50%;
3
+ overflow: hidden;
4
+ display: inline-flex;
5
+ align-items: center;
6
+ justify-content: center;
7
+ background-color: var(--ff-avatar-background-color);
8
+
9
+ &--small {
10
+ width: 32px;
11
+ height: 32px;
12
+ }
13
+
14
+ &--medium {
15
+ width: 48px;
16
+ height: 48px;
17
+ }
18
+
19
+ &--large {
20
+ width: 64px;
21
+ height: 64px;
22
+ }
23
+ }
24
+
@@ -0,0 +1,56 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import Avatar from './Avatar';
3
+
4
+ const meta: Meta<typeof Avatar> = {
5
+ component: Avatar,
6
+ title: 'Components/Avatar',
7
+ tags: ['autodocs'],
8
+ parameters: {
9
+ layout: 'centered',
10
+ },
11
+ argTypes: {
12
+ variant: {
13
+ control: { type: 'radio' },
14
+ options: ['small', 'medium', 'large'],
15
+ },
16
+ }
17
+ }
18
+ export default meta;
19
+
20
+ type Story = StoryObj<typeof meta>;
21
+
22
+ export const Small: Story = {
23
+ args: {
24
+ variant: 'small',
25
+ iconName: 'accordion_header_icon',
26
+ },
27
+ };
28
+
29
+ export const Medium: Story = {
30
+ args: {
31
+ variant: 'medium',
32
+ iconName: 'accordion_header_icon',
33
+ },
34
+ };
35
+
36
+ export const Large: Story = {
37
+ args: {
38
+ variant: 'large',
39
+ iconName: 'accordion_header_icon',
40
+ },
41
+ };
42
+
43
+ export const CustomAvatarSize: Story = {
44
+ args: {
45
+ customAvatarSize: 30,
46
+ iconName: 'accordion_header_icon',
47
+ },
48
+ };
49
+
50
+ export const CustomIconSize: Story = {
51
+ args: {
52
+ customIconSize: 30,
53
+ customAvatarSize: 40,
54
+ iconName: 'accordion_header_icon',
55
+ },
56
+ };
@@ -0,0 +1,25 @@
1
+ import React from 'react';
2
+ import Icon from '../Icon';
3
+ import './Avatar.scss';
4
+ import { AvatarProps } from './types';
5
+
6
+ const Avatar: React.FC<AvatarProps> = ({
7
+ variant="small",
8
+ iconName,
9
+ iconColor= 'var(--avatar-icon-color)',
10
+ customAvatarSize,
11
+ customIconSize,
12
+ backgroundColor
13
+ }) => {
14
+
15
+ return (
16
+ <div
17
+ className={`ff-avatar ff-avatar--${variant}`}
18
+ style={{ height: `${customAvatarSize}px`, width: `${customAvatarSize}px`, backgroundColor }}
19
+ >
20
+ <Icon name={iconName} height={customIconSize} width={customIconSize} color={iconColor}/>
21
+ </div>
22
+ );
23
+ };
24
+
25
+ export default Avatar;