pixel-react-excel-sheet 1.0.19 → 1.0.21

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 (130) hide show
  1. package/lib/components/Chip/types.d.ts +1 -1
  2. package/lib/components/ConditionalDropdown/ConditionalDropdown.d.ts +5 -0
  3. package/lib/components/ConditionalDropdown/OptionsDropdown.d.ts +5 -0
  4. package/lib/components/ConditionalDropdown/index.d.ts +1 -0
  5. package/lib/components/ConditionalDropdown/types.d.ts +145 -0
  6. package/lib/components/CreateVariable/types.d.ts +2 -2
  7. package/lib/components/InputWithDropdown/InputWithDropdown.d.ts +1 -1
  8. package/lib/components/LabelEditTextField/types.d.ts +1 -0
  9. package/lib/components/MachineInputField/types.d.ts +1 -0
  10. package/lib/components/MenuOption/MenuOption.d.ts +1 -1
  11. package/lib/components/MenuOption/types.d.ts +2 -1
  12. package/lib/components/MiniModal/types.d.ts +1 -0
  13. package/lib/components/Modal/types.d.ts +1 -1
  14. package/lib/components/NLPInput/NlpInput.d.ts +2 -2
  15. package/lib/components/NLPInput/components/NlpDropDown/NlpDropDownType.d.ts +6 -3
  16. package/lib/components/NLPInput/components/NlpDropDown/NlpDropdown.d.ts +1 -1
  17. package/lib/components/NLPInput/sampleData.d.ts +104 -0
  18. package/lib/components/NLPInput/types.d.ts +80 -0
  19. package/lib/components/PopUpModal/types.d.ts +2 -1
  20. package/lib/components/ProgressBar/ProgressBar.d.ts +5 -0
  21. package/lib/components/ProgressBar/index.d.ts +1 -0
  22. package/lib/components/ProgressBar/types.d.ts +12 -0
  23. package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
  24. package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +1 -0
  25. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
  26. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +1 -0
  27. package/lib/components/SequentialConnectingBranch/types.d.ts +1 -1
  28. package/lib/components/TableTree/TableTree.d.ts +2 -2
  29. package/lib/components/TableTree/Utils/getAllChildIds.d.ts +1 -0
  30. package/lib/components/TableTree/types.d.ts +1 -1
  31. package/lib/hooks/useIntersectionObserver.d.ts +9 -0
  32. package/lib/index.d.ts +154 -37
  33. package/lib/index.esm.js +817 -516
  34. package/lib/index.esm.js.map +1 -1
  35. package/lib/index.js +818 -516
  36. package/lib/index.js.map +1 -1
  37. package/lib/tsconfig.tsbuildinfo +1 -1
  38. package/lib/utils/functionCheck/functionCheck.d.ts +2 -0
  39. package/package.json +1 -1
  40. package/src/StyleGuide/ColorPalette/colorPaletteList.ts +5 -0
  41. package/src/assets/Themes/BaseTheme.scss +18 -3
  42. package/src/assets/Themes/DarkTheme.scss +15 -2
  43. package/src/assets/icons/ai_search.svg +9 -0
  44. package/src/assets/icons/help_icon.svg +10 -0
  45. package/src/assets/icons/import_icon.svg +4 -0
  46. package/src/assets/icons/ios_icon.svg +11 -0
  47. package/src/assets/icons/plus_round_icon.svg +38 -0
  48. package/src/assets/icons/tick_icon.svg +2 -2
  49. package/src/assets/styles/_colors.scss +1 -1
  50. package/src/components/AttachmentButton/AttachmentButton.tsx +1 -1
  51. package/src/components/Checkbox/Checkbox.scss +3 -1
  52. package/src/components/Checkbox/Checkbox.stories.tsx +32 -77
  53. package/src/components/Checkbox/Checkbox.tsx +3 -4
  54. package/src/components/Chip/Chip.scss +15 -5
  55. package/src/components/Chip/Chip.stories.tsx +10 -1
  56. package/src/components/Chip/Chip.tsx +5 -1
  57. package/src/components/Chip/types.ts +1 -1
  58. package/src/components/{AddVariables/AddVariables.scss → ConditionalDropdown/ConditionalDropdown.scss} +4 -0
  59. package/src/components/ConditionalDropdown/ConditionalDropdown.stories.tsx +147 -0
  60. package/src/components/ConditionalDropdown/ConditionalDropdown.tsx +159 -0
  61. package/src/components/ConditionalDropdown/OptionsDropdown.tsx +44 -0
  62. package/src/components/ConditionalDropdown/index.ts +1 -0
  63. package/src/components/ConditionalDropdown/types.ts +160 -0
  64. package/src/components/CreateVariable/CreateVariableSlider.tsx +2 -2
  65. package/src/components/CreateVariable/types.ts +2 -2
  66. package/src/components/EditTextField/EditTextField.scss +1 -1
  67. package/src/components/EditTextField/EditTextField.tsx +14 -20
  68. package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +9 -26
  69. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +4 -2
  70. package/src/components/Excel/ExcelFile.stories.tsx +1 -1
  71. package/src/components/Form/Forms.tsx +0 -2
  72. package/src/components/Icon/iconList.ts +12 -0
  73. package/src/components/InputWithDropdown/InputWithDropdown.tsx +102 -95
  74. package/src/components/LabelEditTextField/LabelEditTextField.scss +1 -1
  75. package/src/components/LabelEditTextField/LabelEditTextField.tsx +29 -36
  76. package/src/components/LabelEditTextField/types.ts +1 -0
  77. package/src/components/MachineInputField/MachineInputField.scss +1 -5
  78. package/src/components/MachineInputField/MachineInputField.stories.tsx +4 -4
  79. package/src/components/MachineInputField/MachineInputField.tsx +4 -1
  80. package/src/components/MachineInputField/types.ts +1 -0
  81. package/src/components/MenuOption/MenuOption.scss +7 -7
  82. package/src/components/MenuOption/MenuOption.stories.tsx +83 -28
  83. package/src/components/MenuOption/MenuOption.tsx +9 -13
  84. package/src/components/MenuOption/types.ts +3 -2
  85. package/src/components/MiniModal/MiniModal.scss +0 -1
  86. package/src/components/MiniModal/MiniModal.stories.tsx +6 -1
  87. package/src/components/MiniModal/MiniModal.tsx +3 -1
  88. package/src/components/MiniModal/types.ts +1 -0
  89. package/src/components/Modal/types.ts +1 -1
  90. package/src/components/MultiSelect/Dropdown.scss +3 -4
  91. package/src/components/MultiSelect/Dropdown.tsx +4 -3
  92. package/src/components/MultiSelect/MultiSelect.scss +1 -0
  93. package/src/components/MultiSelect/MultiSelect.tsx +1 -0
  94. package/src/components/NLPInput/NLPInput.scss +77 -21
  95. package/src/components/NLPInput/NlpInput.stories.tsx +43 -109
  96. package/src/components/NLPInput/NlpInput.tsx +95 -59
  97. package/src/components/NLPInput/components/NlpDropDown/NlpDropDownType.ts +6 -4
  98. package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.scss +86 -35
  99. package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.tsx +220 -80
  100. package/src/components/NLPInput/sampleData.ts +162 -0
  101. package/src/components/NLPInput/{type.tsx → types.tsx} +23 -11
  102. package/src/components/PopUpModal/PopUpModal.stories.tsx +15 -10
  103. package/src/components/PopUpModal/PopUpModal.tsx +5 -4
  104. package/src/components/PopUpModal/types.ts +2 -1
  105. package/src/components/ProgressBar/ProgressBar.scss +46 -0
  106. package/src/components/ProgressBar/ProgressBar.stories.tsx +22 -0
  107. package/src/components/ProgressBar/ProgressBar.tsx +61 -0
  108. package/src/components/ProgressBar/index.ts +1 -0
  109. package/src/components/ProgressBar/types.ts +12 -0
  110. package/src/components/Search/Search.tsx +9 -1
  111. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +2 -0
  112. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +8 -0
  113. package/src/components/SequentialConnectingBranch/components/Branches/types.ts +1 -0
  114. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +2 -0
  115. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +1 -0
  116. package/src/components/SequentialConnectingBranch/types.ts +1 -1
  117. package/src/components/Table/Table.scss +1 -0
  118. package/src/components/TableTree/Components/TableBody.tsx +3 -1
  119. package/src/components/TableTree/TableTree.stories.tsx +4 -7
  120. package/src/components/TableTree/TableTree.tsx +29 -181
  121. package/src/components/TableTree/Utils/getAllChildIds.ts +2 -0
  122. package/src/components/TableTree/data.ts +45 -0
  123. package/src/components/TableTree/types.ts +1 -1
  124. package/src/hooks/useIntersectionObserver.tsx +56 -0
  125. package/src/index.ts +4 -3
  126. package/src/utils/functionCheck/functionCheck.ts +8 -0
  127. package/src/components/AddVariables/AddVariables.stories.tsx +0 -44
  128. package/src/components/AddVariables/AddVariables.tsx +0 -113
  129. package/src/components/AddVariables/index.ts +0 -1
  130. package/src/components/AddVariables/types.ts +0 -36
@@ -1 +1 @@
1
- {"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/addvariables/addvariables.tsx","../src/components/addvariables/index.ts","../src/components/addvariables/types.ts","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/comment/comments.tsx","../src/components/comment/index.ts","../src/components/comment/type.ts","../src/components/comment/comment/comment.tsx","../src/components/comment/comment/usenode.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.ts","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/createvariable/createvariableslider.tsx","../src/components/createvariable/index.ts","../src/components/createvariable/types.ts","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/downloadclient/downloadclient.tsx","../src/components/downloadclient/index.ts","../src/components/downloadclient/type.ts","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/edittextfield/edittextfield.tsx","../src/components/edittextfield/index.ts","../src/components/edittextfield/types.ts","../src/components/editor/editor.tsx","../src/components/editor/variabledropdown.tsx","../src/components/editor/constants.ts","../src/components/editor/index.ts","../src/components/editor/types.ts","../src/components/excel/types.ts","../src/components/excel/dataconversion.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/excelcontextmenu/excelcontextmenu.tsx","../src/components/excel/excelfile/excelfile.tsx","../src/components/excel/excelfile/excelfilecomponents/activecell.tsx","../src/components/excel/excelfile/excelfilecomponents/cell.tsx","../src/components/excel/excelfile/excelfilecomponents/columnindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/copied.tsx","../src/components/excel/excelfile/excelfilecomponents/cornerindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/dataeditor.tsx","../src/components/excel/excelfile/excelfilecomponents/dataviewer.tsx","../src/components/excel/excelfile/excelfilecomponents/floatingrect.tsx","../src/components/excel/excelfile/excelfilecomponents/headerrow.tsx","../src/components/excel/excelfile/excelfilecomponents/row.tsx","../src/components/excel/excelfile/excelfilecomponents/rowindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/selected.tsx","../src/components/excel/excelfile/excelfilecomponents/spreadsheet.tsx","../src/components/excel/excelfile/excelfilecomponents/table.tsx","../src/components/excel/excelfile/excelfilecomponents/actions.ts","../src/components/excel/excelfile/excelfilecomponents/aremodelsequal.ts","../src/components/excel/excelfile/excelfilecomponents/context.ts","../src/components/excel/excelfile/excelfilecomponents/index.ts","../src/components/excel/excelfile/excelfilecomponents/matrix.ts","../src/components/excel/excelfile/excelfilecomponents/point-range.ts","../src/components/excel/excelfile/excelfilecomponents/point.ts","../src/components/excel/excelfile/excelfilecomponents/reducer.ts","../src/components/excel/excelfile/excelfilecomponents/reducerfunctions.ts","../src/components/excel/excelfile/excelfilecomponents/selection.ts","../src/components/excel/excelfile/excelfilecomponents/types.ts","../src/components/excel/excelfile/excelfilecomponents/use-dispatch.ts","../src/components/excel/excelfile/excelfilecomponents/use-selector.ts","../src/components/excel/excelfile/excelfilecomponents/util.ts","../src/components/excel/excelfile/excelfilecomponents/engine/engine.ts","../src/components/excel/excelfile/excelfilecomponents/engine/formula.ts","../src/components/excel/excelfile/excelfilecomponents/engine/index.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-graph.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-hash.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-set.ts","../src/components/excel/excelfile/excelfilecomponents/typings/fast-formula-parser.d.ts","../src/components/excel/exceltoolbar/exceltoolbar.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/index.ts","../src/components/ff_captcha/types.ts","../src/components/fieldset/fieldset.tsx","../src/components/fieldset/index.ts","../src/components/fieldset/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/radiofilepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.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.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.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/phoneinput/phoneinput.tsx","../src/components/phoneinput/index.ts","../src/components/phoneinput/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../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.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tablewithaccordion/tablewithaccordion.tsx","../src/components/tablewithaccordion/data.ts","../src/components/tablewithaccordion/index.ts","../src/components/tablewithaccordion/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../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.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../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/formatstring/formatstring.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkduplicates/checkduplicates.ts","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts"],"version":"5.7.2"}
1
+ {"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../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.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/comment/comments.tsx","../src/components/comment/index.ts","../src/components/comment/type.ts","../src/components/comment/comment/comment.tsx","../src/components/comment/comment/usenode.ts","../src/components/conditionaldropdown/conditionaldropdown.tsx","../src/components/conditionaldropdown/optionsdropdown.tsx","../src/components/conditionaldropdown/index.ts","../src/components/conditionaldropdown/types.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.ts","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/createvariable/createvariableslider.tsx","../src/components/createvariable/index.ts","../src/components/createvariable/types.ts","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/downloadclient/downloadclient.tsx","../src/components/downloadclient/index.ts","../src/components/downloadclient/type.ts","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/edittextfield/edittextfield.tsx","../src/components/edittextfield/index.ts","../src/components/edittextfield/types.ts","../src/components/editor/editor.tsx","../src/components/editor/variabledropdown.tsx","../src/components/editor/constants.ts","../src/components/editor/index.ts","../src/components/editor/types.ts","../src/components/excel/types.ts","../src/components/excel/dataconversion.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/excelcontextmenu/excelcontextmenu.tsx","../src/components/excel/excelfile/excelfile.tsx","../src/components/excel/excelfile/excelfilecomponents/activecell.tsx","../src/components/excel/excelfile/excelfilecomponents/cell.tsx","../src/components/excel/excelfile/excelfilecomponents/columnindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/copied.tsx","../src/components/excel/excelfile/excelfilecomponents/cornerindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/dataeditor.tsx","../src/components/excel/excelfile/excelfilecomponents/dataviewer.tsx","../src/components/excel/excelfile/excelfilecomponents/floatingrect.tsx","../src/components/excel/excelfile/excelfilecomponents/headerrow.tsx","../src/components/excel/excelfile/excelfilecomponents/row.tsx","../src/components/excel/excelfile/excelfilecomponents/rowindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/selected.tsx","../src/components/excel/excelfile/excelfilecomponents/spreadsheet.tsx","../src/components/excel/excelfile/excelfilecomponents/table.tsx","../src/components/excel/excelfile/excelfilecomponents/actions.ts","../src/components/excel/excelfile/excelfilecomponents/aremodelsequal.ts","../src/components/excel/excelfile/excelfilecomponents/context.ts","../src/components/excel/excelfile/excelfilecomponents/index.ts","../src/components/excel/excelfile/excelfilecomponents/matrix.ts","../src/components/excel/excelfile/excelfilecomponents/point-range.ts","../src/components/excel/excelfile/excelfilecomponents/point.ts","../src/components/excel/excelfile/excelfilecomponents/reducer.ts","../src/components/excel/excelfile/excelfilecomponents/reducerfunctions.ts","../src/components/excel/excelfile/excelfilecomponents/selection.ts","../src/components/excel/excelfile/excelfilecomponents/types.ts","../src/components/excel/excelfile/excelfilecomponents/use-dispatch.ts","../src/components/excel/excelfile/excelfilecomponents/use-selector.ts","../src/components/excel/excelfile/excelfilecomponents/util.ts","../src/components/excel/excelfile/excelfilecomponents/engine/engine.ts","../src/components/excel/excelfile/excelfilecomponents/engine/formula.ts","../src/components/excel/excelfile/excelfilecomponents/engine/index.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-graph.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-hash.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-set.ts","../src/components/excel/excelfile/excelfilecomponents/typings/fast-formula-parser.d.ts","../src/components/excel/exceltoolbar/exceltoolbar.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/index.ts","../src/components/ff_captcha/types.ts","../src/components/fieldset/fieldset.tsx","../src/components/fieldset/index.ts","../src/components/fieldset/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/radiofilepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.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.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/sampledata.ts","../src/components/nlpinput/types.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/phoneinput/phoneinput.tsx","../src/components/phoneinput/index.ts","../src/components/phoneinput/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/progressbar/progressbar.tsx","../src/components/progressbar/index.ts","../src/components/progressbar/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../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.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tablewithaccordion/tablewithaccordion.tsx","../src/components/tablewithaccordion/data.ts","../src/components/tablewithaccordion/index.ts","../src/components/tablewithaccordion/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../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.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../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/useintersectionobserver.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/formatstring/formatstring.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkduplicates/checkduplicates.ts","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/functioncheck/functioncheck.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts"],"version":"5.7.2"}
@@ -0,0 +1,2 @@
1
+ declare const functionCheck: (functionToCheck: any) => any;
2
+ export default functionCheck;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pixel-react-excel-sheet",
3
3
  "description": "Great for pixel-perfect, design-focused components in React",
4
- "version": "1.0.19",
4
+ "version": "1.0.21",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
@@ -289,6 +289,11 @@ const ColorPalette: ColorPaletteType = [
289
289
  'linear-gradient(94.23deg,rgba(228, 37, 37, 0.4) 16.33%,rgba(201, 0, 0, 0.4) 80.07%) ',
290
290
  variable: 'alert-modal-background-color',
291
291
  },
292
+ {
293
+ name: 'Progress bar bg color',
294
+ colorCode: 'rgba(240, 240, 240, 1)',
295
+ variable: 'ff-progress-bar-bg-color',
296
+ },
292
297
  ];
293
298
 
294
299
  export default ColorPalette;
@@ -84,8 +84,8 @@ $base-theme: (
84
84
 
85
85
  ff-error-light: #e42525,
86
86
  ff-chips-fill-color: #f9d5ff,
87
- ff-chips-blur-color: #575757,
88
- ff-chip-bg: #ffffff,
87
+ ff-chips-blur-color: #5757571a,
88
+ ff-chip-bg: #ffffffe5,
89
89
  ff-chip-text-color: #1e161f,
90
90
  ff-mini-modal-footer-background: #aeb0c0,
91
91
  input-default-border-color: #a3a3a3,
@@ -180,6 +180,19 @@ $base-theme: (
180
180
  ff-paper-background-color: #f5f5f5,
181
181
  ff-paper-dark-background-color: #d1c4e9,
182
182
  sub-header-primary: #301349,
183
+ nlp-border-color: #efefef,
184
+ nlp-input-placeholder-color: #9a90a1,
185
+ nlp-background-color: #592f7c0f,
186
+ nlp-color: #592f7c,
187
+ nlp-pe-background: #2e9ee80f,
188
+ nlp-pe-color: #2e9ee8,
189
+ nlp-step-group-background: #ee670d0f,
190
+ nlp-step-group-color: #ee670d,
191
+ nlp-hover-color: #f7ebff,
192
+ nlp-button-color: #efe1f9,
193
+ nlp-option-color:#3C3838,
194
+
195
+
183
196
  primary-icon-color: #ffffff,
184
197
  secondary-icon-color: #71347b,
185
198
  disabled-primary-color: #f9f9f9,
@@ -247,7 +260,8 @@ $base-theme: (
247
260
  ff-machine-inactive-status-color: #c50303,
248
261
  ff-machine-running-status-color: #2055de,
249
262
  ff-machine-active-status-color: #4caf50,
250
-
263
+ ff-progress-bar-bg-color : #F0F0F0,
264
+ ff-machine-partial-public-status-color: #ea850e,
251
265
  //ExcelSheet
252
266
  excel-sheet-button-color: #e9b5ff,
253
267
  excel-sheet-border:#0a0d272a,
@@ -277,6 +291,7 @@ $base-theme: (
277
291
  impact-list-chip-bg-color: #e3ccf5,
278
292
  dynamic-card-border-color: #eeeaf2,
279
293
  card-header-bg-color: #592f7c1a,
294
+
280
295
  table-with-accordion-header-primary-bg: #d4b0e426,
281
296
  table-with-accordion-icon-color: #1e161f,
282
297
  );
@@ -87,8 +87,8 @@ $dark-theme: (
87
87
 
88
88
  ff-error-light: #e42525,
89
89
  ff-chips-fill-color: #f9d5ff,
90
- ff-chips-blur-color: #575757,
91
- ff-chip-bg: #ffffff,
90
+ ff-chips-blur-color: #5757571a,
91
+ ff-chip-bg: #ffffffe5,
92
92
  ff-chip-text-color: #1e161f,
93
93
  ff-mini-modal-footer-background: #aeb0c0,
94
94
  input-default-border-color: #a3a3a3,
@@ -123,6 +123,7 @@ $dark-theme: (
123
123
  menu-option-icon-color: #ffffff,
124
124
  menu-option-icon-clicked: #71347b,
125
125
  delete-text-color: #c50303,
126
+ ff-progress-bar-bg-color : #F0F0F0,
126
127
 
127
128
  status-success-bg-color: #c6efcd,
128
129
  status-success-text-color: #016102,
@@ -172,6 +173,18 @@ $dark-theme: (
172
173
  ff-paper-background-color: #f5f5f5,
173
174
  ff-paper-dark-background-color: #d1c4e9,
174
175
  sub-header-primary: #301349,
176
+ nlp-border-color: #efefef,
177
+ nlp-input-placeholder-color: #9a90a1,
178
+ nlp-background-color: #592f7c0f,
179
+ nlp-color: #592f7c,
180
+ nlp-pe-background: #2e9ee80f,
181
+ nlp-pe-color: #2e9ee8,
182
+ nlp-step-group-background: #ee670d0f,
183
+ nlp-step-group-color: #ee670d,
184
+ nlp-hover-color: #f7ebff,
185
+ nlp-button-color: #efe1f9,
186
+ nlp-option-color:#3C3838,
187
+
175
188
 
176
189
  primary-icon-color: #ffffff,
177
190
  secondary-icon-color: #71347b,
@@ -0,0 +1,9 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3333 7.33319C15.5101 7.33319 15.6797 7.26298 15.8047 7.138C15.9297 7.01298 15.9999 6.84344 15.9999 6.66667C15.9999 6.48989 15.9297 6.32035 15.8047 6.19533L14.2 4.59067C14.5033 4.11545 14.6652 3.56376 14.6667 3C14.6667 2.40666 14.4907 1.82664 14.1611 1.33329C13.8314 0.839943 13.3629 0.455426 12.8147 0.228363C12.2666 0.00129984 11.6634 -0.0581102 11.0814 0.0576455C10.4995 0.173401 9.96492 0.459124 9.54536 0.878682C9.1258 1.29824 8.84008 1.83279 8.72432 2.41473C8.60857 2.99667 8.66798 3.59987 8.89504 4.14805C9.1221 4.69623 9.50662 5.16477 9.99997 5.49441C10.4933 5.82405 11.0733 6 11.6667 6C12.2304 5.9985 12.7821 5.83664 13.2573 5.53333L14.862 7.138C14.987 7.26298 15.1566 7.33319 15.3333 7.33319ZM12.5926 4.38578C12.3185 4.56892 11.9963 4.66667 11.6667 4.66667C11.2247 4.66667 10.8007 4.49107 10.4882 4.17851C10.1756 3.86595 10 3.44203 10 3C10 2.67037 10.0978 2.34813 10.2809 2.07405C10.464 1.79997 10.7243 1.58635 11.0289 1.4602C11.3334 1.33406 11.6685 1.30105 11.9918 1.36536C12.3151 1.42967 12.6121 1.5884 12.8452 1.82149C13.0783 2.05458 13.237 2.35155 13.3013 2.67485C13.3656 2.99815 13.3326 3.33326 13.2065 3.63781C13.0803 3.94235 12.8667 4.20265 12.5926 4.38578ZM12.6667 12V8C12.6667 7.632 12.368 7.33333 12 7.33333C11.632 7.33333 11.3333 7.632 11.3333 8V12C11.3333 12.368 11.632 12.6667 12 12.6667C12.368 12.6667 12.6667 12.368 12.6667 12ZM9.76733 11.8307L7.72 4.478C7.60867 3.99933 7.30933 3.61933 6.918 3.45533C6.50533 3.282 6.07067 3.294 5.692 3.48867C5.32067 3.67867 5.054 4.02 4.96 4.42533L2.89933 11.8307C2.78267 12.2507 3.09867 12.6667 3.53467 12.6667C3.83 12.6667 4.08933 12.4707 4.16933 12.1867L4.598 10.6667H8.06867L8.49733 12.1867C8.578 12.4707 8.83667 12.6667 9.132 12.6667C9.56867 12.6667 9.884 12.2507 9.76733 11.8307ZM6.40667 4.77667L7.69267 9.33333H4.97467L6.26067 4.77667C6.27933 4.70067 6.38733 4.70067 6.40667 4.77667ZM14.6673 8.81352C14.6673 8.44552 14.966 8.14685 15.334 8.14685C15.702 8.14685 16 8.44552 16 8.81352V12.6667C16 14.5047 14.5047 16 12.6667 16H3.33333C1.49533 16 0 14.5047 0 12.6667V3.33333C0 1.49533 1.49533 1.78835e-10 3.33333 1.78835e-10H7.66667C8.03467 1.78835e-10 8.33333 0.298667 8.33333 0.666667C8.33333 1.03467 8.03467 1.33333 7.66667 1.33333H3.33333C2.23067 1.33333 1.33333 2.23067 1.33333 3.33333V12.6667C1.33333 13.7693 2.23067 14.6667 3.33333 14.6667H12.6673C13.77 14.6667 14.6673 13.7693 14.6673 12.6667V8.81352Z" fill="url(#paint0_linear_3689_48586)"/>
3
+ <defs>
4
+ <linearGradient id="paint0_linear_3689_48586" x1="11.9232" y1="-1.40302" x2="11.9232" y2="16" gradientUnits="userSpaceOnUse">
5
+ <stop stop-color="#592F7C"/>
6
+ <stop offset="1" stop-color="#E22BD3"/>
7
+ </linearGradient>
8
+ </defs>
9
+ </svg>
@@ -0,0 +1,10 @@
1
+ <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_613_49273)">
3
+ <path d="M15.4386 7.15569L14 5.71702V4.56969C14 3.46702 13.1026 2.56969 12 2.56969H10.8526L9.41463 1.13169C8.65863 0.376352 7.3413 0.376352 6.58596 1.13169L5.14729 2.56969H3.99996C2.89729 2.56969 1.99996 3.46702 1.99996 4.56969V5.71702L0.561295 7.15569C-0.217372 7.93569 -0.217372 9.20369 0.561295 9.98369L1.99996 11.4224V12.5697C1.99996 13.6724 2.89729 14.5697 3.99996 14.5697H5.14729L6.5853 16.0077C6.9633 16.385 7.4653 16.5937 7.99996 16.5937C8.53463 16.5937 9.03663 16.3857 9.41396 16.0077L10.8526 14.5697H12C13.1026 14.5697 14 13.6724 14 12.5697V11.4224L15.4386 9.98369C16.2173 9.20369 16.2173 7.93569 15.4386 7.15569ZM9.96796 6.87969C10.1166 7.72769 9.7133 8.57502 8.96396 8.98902C8.83863 9.05769 8.66596 9.36435 8.66596 9.57302V9.90302C8.66596 10.2717 8.3673 10.5697 7.9993 10.5697C7.6313 10.5697 7.33263 10.2717 7.33263 9.90302V9.57302C7.33263 8.88435 7.75729 8.13102 8.31996 7.82102C8.5133 7.71502 8.71663 7.46435 8.65463 7.11035C8.60863 6.84902 8.38663 6.62702 8.12596 6.58169C7.92196 6.54369 7.72463 6.59569 7.5713 6.72569C7.4193 6.85235 7.33263 7.03902 7.33263 7.23702C7.33263 7.60569 7.03396 7.90369 6.66596 7.90369C6.29796 7.90369 5.9993 7.60569 5.9993 7.23702C5.9993 6.64435 6.25996 6.08569 6.71396 5.70435C7.1673 5.32302 7.76596 5.16169 8.35596 5.26902C9.16196 5.40969 9.82596 6.07169 9.96796 6.87969ZM8.9993 12.2364C8.9993 12.7884 8.5513 13.2364 7.9993 13.2364C7.4473 13.2364 6.9993 12.7884 6.9993 12.2364C6.9993 11.6844 7.4473 11.2364 7.9993 11.2364C8.5513 11.2364 8.9993 11.6844 8.9993 12.2364Z" fill="currentColor"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_613_49273">
7
+ <rect width="16" height="16" fill="white" transform="translate(0 0.56958)"/>
8
+ </clipPath>
9
+ </defs>
10
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6006 9.17662L6.68843 12.5781V11.1817C6.68843 11.1128 6.6324 11.0567 6.56343 11.0567H1.37695V7.29659H6.56343C6.63246 7.29659 6.68843 7.24065 6.68843 7.17159V5.77518L10.6006 9.17662ZM14.9394 1.55273L16.4502 3.06355H14.9394V1.55273Z" fill="currentColor" stroke="currentColor" stroke-width="0.2"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M12.3145 4.21158H7.23353C7.09525 4.21158 6.98337 4.0997 6.98337 3.96158C6.98337 3.82389 7.09525 3.71173 7.23353 3.71173H12.3144C12.4526 3.71173 12.5644 3.82392 12.5644 3.96158C12.5645 4.0997 12.4526 4.21158 12.3145 4.21158ZM14.5616 14.3913C14.5616 14.5295 14.4494 14.6414 14.3116 14.6414H7.23353C7.09525 14.6414 6.98337 14.5295 6.98337 14.3913C6.98337 14.2536 7.09525 14.1413 7.23353 14.1413H14.3116C14.4494 14.1413 14.5616 14.2536 14.5616 14.3913ZM14.5616 12.3054C14.5616 12.4435 14.4494 12.5554 14.3116 12.5554H8.68625C8.54812 12.5554 8.43625 12.4435 8.43625 12.3054C8.43625 12.1676 8.54812 12.0554 8.68625 12.0554H14.3116C14.4494 12.0554 14.5616 12.1676 14.5616 12.3054ZM14.5616 8.13343C14.5616 8.27171 14.4494 8.38359 14.3116 8.38359H11.2879C11.1498 8.38359 11.0379 8.27171 11.0379 8.13343C11.0379 7.99574 11.1498 7.88355 11.2879 7.88355H14.3116C14.4494 7.88355 14.5616 7.99574 14.5616 8.13343ZM14.5616 10.2194C14.5616 10.3575 14.4494 10.4694 14.3116 10.4694H11.2879C11.1498 10.4694 11.0379 10.3575 11.0379 10.2194C11.0379 10.0817 11.1498 9.9694 11.2879 9.9694H14.3116C14.4494 9.9694 14.5616 10.0817 14.5616 10.2194ZM14.5616 6.04758C14.5616 6.18571 14.4494 6.29758 14.3116 6.29758H8.68625C8.54812 6.29758 8.43625 6.18571 8.43625 6.04758C8.43625 5.90974 8.54812 5.79758 8.68625 5.79758H14.3116C14.4494 5.79755 14.5616 5.90974 14.5616 6.04758ZM5.04287 16.501H16.5019V3.43842H14.8144C14.6763 3.43842 14.5644 3.3267 14.5644 3.18858V1.50101H5.04287V6.92158H6.31356V5.5007C6.31356 5.40295 6.37062 5.3138 6.45978 5.27324C6.54881 5.23255 6.65346 5.24789 6.72718 5.3123L10.955 8.98796C11.0097 9.03543 11.041 9.10412 11.041 9.17665C11.041 9.24887 11.0097 9.31787 10.955 9.36549L6.72718 13.041C6.6809 13.0814 6.62253 13.1026 6.56312 13.1026C6.52818 13.1026 6.49281 13.0951 6.45978 13.0801C6.37059 13.0395 6.31356 12.9503 6.31356 12.8526V11.4316H5.04287V16.501ZM1.50195 7.42158V10.9317H6.56343C6.70125 10.9317 6.81343 11.0436 6.81343 11.1817V12.3038L10.4101 9.17665L6.81343 6.04949V7.17158C6.81343 7.30986 6.70125 7.42158 6.56343 7.42158H1.50195ZM15.0644 1.85448L16.1485 2.93851H15.0644V1.85448ZM16.9288 3.01195L14.991 1.0741C14.9441 1.02723 14.8806 1.00098 14.8144 1.00098H4.79287C4.65474 1.00098 4.54287 1.11285 4.54287 1.25098V6.92155H1.25195C1.11383 6.92155 1.00195 7.03343 1.00195 7.17155V11.1817C1.00195 11.3198 1.11383 11.4315 1.25195 11.4315H4.54287V16.751C4.54287 16.8891 4.65474 17.001 4.79287 17.001H16.752C16.8901 17.001 17.002 16.8891 17.002 16.751V3.18854C17.002 3.12223 16.9757 3.05882 16.9288 3.01195Z" fill="currentColor" stroke="currentColor" stroke-width="0.2"/>
4
+ </svg>
@@ -0,0 +1,11 @@
1
+ <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_613_49232)">
3
+ <path d="M5.8036 0.56958C5.3771 0.59908 4.8786 0.872078 4.58811 1.22758C4.32311 1.55007 4.10511 2.02907 4.19011 2.49457C4.65611 2.50907 5.1376 2.22957 5.4166 1.86807C5.6776 1.53157 5.8751 1.05558 5.8036 0.56958Z" fill="black"/>
4
+ <path d="M7.4891 3.25363C7.07961 2.74014 6.50411 2.44214 5.96061 2.44214C5.24312 2.44214 4.93962 2.78564 4.44112 2.78564C3.92712 2.78564 3.53663 2.44314 2.91613 2.44314C2.30663 2.44314 1.65764 2.81564 1.24614 3.45263C0.667643 4.34963 0.766642 6.03612 1.70414 7.47261C2.03963 7.98661 2.48763 8.5646 3.07363 8.5696C3.59513 8.5746 3.74213 8.23511 4.44862 8.23161C5.15512 8.22761 5.28912 8.5741 5.80961 8.5686C6.39611 8.5641 6.86861 7.92361 7.2041 7.40961C7.4446 7.04111 7.5341 6.85561 7.7206 6.43962C6.36411 5.92312 6.14661 3.99413 7.4891 3.25363Z" fill="currentColor"/>
5
+ </g>
6
+ <defs>
7
+ <clipPath id="clip0_613_49232">
8
+ <rect width="8" height="8" fill="white" transform="translate(0.303955 0.56958)"/>
9
+ </clipPath>
10
+ </defs>
11
+ </svg>
@@ -0,0 +1,38 @@
1
+ <svg width="26" height="27" viewBox="0 0 26 27" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g filter="url(#filter0_ddii_1383_25738)">
3
+ <path d="M22 13C22 18.5228 17.5228 23 12 23C6.47715 23 2 18.5228 2 13C2 7.47715 6.47715 3 12 3C17.5228 3 22 7.47715 22 13Z" fill="url(#paint0_linear_1383_25738)"/>
4
+ </g>
5
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M13 8C13 7.44772 12.5523 7 12 7C11.4477 7 11 7.44772 11 8V9.49994C11 10.8806 9.88074 11.9999 8.50006 11.9999H7C6.44772 11.9999 6 12.4476 6 12.9999C6 13.5522 6.44772 13.9999 7 13.9999H8.5C9.88071 13.9999 11 15.1192 11 16.4999V18C11 18.5523 11.4477 19 12 19C12.5523 19 13 18.5523 13 18V16.4999C13 15.1192 14.1193 13.9999 15.5 13.9999H17C17.5523 13.9999 18 13.5522 18 12.9999C18 12.4476 17.5523 11.9999 17 11.9999H15.4999C14.1193 11.9999 13 10.8806 13 9.49994V8Z" fill="#71347B"/>
6
+ <defs>
7
+ <filter id="filter0_ddii_1383_25738" x="0" y="0" width="26" height="27" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
8
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
9
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
10
+ <feOffset dx="1" dy="1"/>
11
+ <feGaussianBlur stdDeviation="1.5"/>
12
+ <feColorMatrix type="matrix" values="0 0 0 0 0.442507 0 0 0 0 0.202278 0 0 0 0 0.481615 0 0 0 0.2 0"/>
13
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1383_25738"/>
14
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
15
+ <feOffset dx="1" dy="-1"/>
16
+ <feGaussianBlur stdDeviation="1"/>
17
+ <feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.0745098 0 0 0 0 0.196078 0 0 0 0.1 0"/>
18
+ <feBlend mode="normal" in2="effect1_dropShadow_1383_25738" result="effect2_dropShadow_1383_25738"/>
19
+ <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1383_25738" result="shape"/>
20
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
21
+ <feOffset dx="-1" dy="-1"/>
22
+ <feGaussianBlur stdDeviation="1"/>
23
+ <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
24
+ <feColorMatrix type="matrix" values="0 0 0 0 0.941176 0 0 0 0 0.905882 0 0 0 0 0.956863 0 0 0 1 0"/>
25
+ <feBlend mode="normal" in2="shape" result="effect3_innerShadow_1383_25738"/>
26
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
27
+ <feOffset dx="1" dy="1"/>
28
+ <feGaussianBlur stdDeviation="1"/>
29
+ <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
30
+ <feColorMatrix type="matrix" values="0 0 0 0 0.556863 0 0 0 0 0.294118 0 0 0 0 0.776471 0 0 0 0.3 0"/>
31
+ <feBlend mode="normal" in2="effect3_innerShadow_1383_25738" result="effect4_innerShadow_1383_25738"/>
32
+ </filter>
33
+ <linearGradient id="paint0_linear_1383_25738" x1="2" y1="3" x2="22" y2="23" gradientUnits="userSpaceOnUse">
34
+ <stop offset="1" stop-color="#F0E7F4"/>
35
+ <stop stop-color="#F7EBFF"/>
36
+ </linearGradient>
37
+ </defs>
38
+ </svg>
@@ -1,5 +1,5 @@
1
- <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path
3
- d="M7.56484 1.56558L3.56484 5.56558C3.40859 5.72183 3.20391 5.79995 2.99922 5.79995C2.79453 5.79995 2.58984 5.72183 2.43359 5.56558L0.433594 3.56558C0.121094 3.25308 0.121094 2.74683 0.433594 2.43433C0.746094 2.12183 1.25234 2.12183 1.56484 2.43433L2.99922 3.8687L6.43359 0.434326C6.74609 0.121826 7.25234 0.121826 7.56484 0.434326C7.87734 0.746826 7.87734 1.25308 7.56484 1.56558Z"
3
+ d="M9.69161 2.11266L4.42845 7.37582C4.22286 7.58141 3.95354 7.68421 3.68421 7.68421C3.41488 7.68421 3.14556 7.58141 2.93997 7.37582L0.308388 4.74424C-0.102796 4.33306 -0.102796 3.66694 0.308388 3.25576C0.719572 2.84457 1.38569 2.84457 1.79687 3.25576L3.68421 5.14309L8.20312 0.624177C8.61431 0.212993 9.28043 0.212993 9.69161 0.624177C10.1028 1.03536 10.1028 1.70148 9.69161 2.11266Z"
4
4
  fill="currentColor" />
5
5
  </svg>
@@ -81,7 +81,7 @@ $ff-success: #079455;
81
81
  $ff-warning: #f79009;
82
82
  $ff-error-light: #e42525;
83
83
  $ff-chips-fill-color: #f9d5ff;
84
- $ff-chips-blur-color: #575757;
84
+ $ff-chips-blur-color: #57575766;
85
85
  $hovered-add-button-color: #fce9ff; // TODO: Change the color variable name
86
86
  $arrows-button-border-color: #ded1e5; // TODO: Change the color variable name
87
87
  $add-icon-hover-color: #431b4a; ////TODO: color need to be add into style guide
@@ -67,7 +67,7 @@ const AttachmentButton: React.FC<AttachmentUploaderProps> = ({
67
67
 
68
68
  return (
69
69
  <div>
70
- <Typography fontWeight="semi-bold">{label}</Typography>
70
+ <Typography fontWeight="semi-bold" lineHeight='18px'>{label}</Typography>
71
71
  {(!showSelectedFiles || selectedFiles.length === 0) && (
72
72
  <Button
73
73
  variant={buttonVariant}
@@ -19,7 +19,9 @@
19
19
  position: relative;
20
20
  @include mixins.center-content;
21
21
  @include mixins.transition(border-color, background-color);
22
-
22
+ .ff-tick-icon {
23
+ padding: 2px !important; // I used important because icon component have some issue with padding because of that
24
+ }
23
25
  &::before {
24
26
  content: '';
25
27
  width: 9px;
@@ -1,6 +1,7 @@
1
- import React, { useState } from 'react';
2
1
  import { Meta, StoryObj } from '@storybook/react';
3
2
  import Checkbox from './Checkbox';
3
+ import { useState } from 'react';
4
+ import React from 'react';
4
5
 
5
6
  const meta: Meta<typeof Checkbox> = {
6
7
  component: Checkbox,
@@ -15,109 +16,63 @@ export default meta;
15
16
 
16
17
  type Story = StoryObj<typeof meta>;
17
18
 
18
- const useCheckboxState = (initialState = false) => {
19
- const [checked, setChecked] = useState(initialState);
20
- const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
21
- setChecked(event.target.checked);
22
- };
23
- return { checked, handleChange };
24
- };
25
-
26
- // Story: Default Checkbox
27
19
  export const Default: Story = {
28
20
  render: () => {
29
- const { checked, handleChange } = useCheckboxState();
30
- return <Checkbox label="Default Checkbox" checked={checked} onChange={handleChange} />;
31
- },
32
- };
21
+ const [checked, setChecked] = useState(true); // Default starts as checked
33
22
 
34
- // Story: Partial Checkbox
35
- export const Partial: Story = {
36
- render: () => {
37
- const { checked, handleChange } = useCheckboxState();
38
- const [partial, setPartial] = useState(true);
39
-
40
- const handlePartialChange = (event: React.ChangeEvent<HTMLInputElement>) => {
41
- setPartial(!event.target.checked);
42
- handleChange(event);
23
+ const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
24
+ setChecked(event.target.checked);
43
25
  };
44
26
 
45
27
  return (
46
28
  <Checkbox
47
- label="Partially Selected Checkbox"
48
- partial={partial}
29
+ label="Default Checkbox"
30
+ id="default-checkbox"
31
+ name="default"
49
32
  checked={checked}
50
- onChange={handlePartialChange}
33
+ onChange={handleChange}
51
34
  />
52
35
  );
53
36
  },
54
37
  };
55
38
 
56
- // Story: Disabled Checkbox
57
- export const Disabled: Story = {
58
- args: {
59
- label: 'Disabled Checkbox',
60
- disabled: true,
61
- },
62
- };
63
-
64
- // Story: Checkbox Variants
65
- export const Variants: Story = {
39
+ export const Partial: Story = {
66
40
  render: () => {
67
- const variants = ['passed', 'failed', 'warning', 'skipped', 'flaky'] as const;
68
- const initialStates = variants.reduce((acc, variant) => ({ ...acc, [variant]: false }), {});
69
- const [checkedStates, setCheckedStates] = useState(initialStates);
41
+ const [checked, setChecked] = useState(true); // Default starts as checked
70
42
 
71
- const handleChange = (variant: string) => (event: React.ChangeEvent<HTMLInputElement>) => {
72
- setCheckedStates({ ...checkedStates, [variant]: event.target.checked });
43
+ const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
44
+ setChecked(event.target.checked);
73
45
  };
74
46
 
75
47
  return (
76
- <div style={{ display: 'flex', gap: '16px' }}>
77
- {variants.map((variant) => (
78
- <Checkbox
79
- key={variant}
80
- label={variant.charAt(0).toUpperCase() + variant.slice(1)}
81
- variant={variant}
82
- checked={checkedStates[variant]}
83
- onChange={handleChange(variant)}
84
- />
85
- ))}
86
- </div>
48
+ <Checkbox
49
+ label="Partial Checkbox"
50
+ id="partial-checkbox"
51
+ name="partial"
52
+ partial={true}
53
+ checked={checked}
54
+ onChange={handleChange}
55
+ />
87
56
  );
88
57
  },
89
58
  };
90
59
 
91
- // Story: Controlled Checkbox
92
60
  export const Controlled: Story = {
93
61
  render: () => {
94
- const { checked, handleChange } = useCheckboxState();
95
- return <Checkbox label="Controlled Checkbox" checked={checked} onChange={handleChange} />;
96
- },
97
- };
62
+ const [checked, setChecked] = useState(false);
98
63
 
99
- // Story: All Features Showcase
100
- export const AllFeatures: Story = {
101
- render: () => {
102
- const { checked: defaultChecked, handleChange: handleDefaultChange } = useCheckboxState();
103
- const { checked: partialChecked, handleChange: handlePartialChange } = useCheckboxState(true);
104
- const variants = ['passed', 'failed', 'warning', 'skipped', 'flaky'] as const;
64
+ const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
65
+ setChecked(event.target.checked);
66
+ };
105
67
 
106
68
  return (
107
- <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>
108
- <Checkbox label="Default Checkbox" checked={defaultChecked} onChange={handleDefaultChange} />
109
- <Checkbox
110
- label="Partially Selected"
111
- partial={partialChecked}
112
- onChange={handlePartialChange}
113
- />
114
- <Checkbox label="Disabled Checkbox" disabled />
115
- <div style={{ display: 'flex', gap: '16px' }}>
116
- {variants.map((variant) => (
117
- <Checkbox key={variant} label={variant} variant={variant} />
118
- ))}
119
- </div>
120
- </div>
69
+ <Checkbox
70
+ label={checked ? 'Checked! Click to uncheck.' : 'Click here to check.'}
71
+ id="controlled-checkbox"
72
+ name="controlled"
73
+ checked={checked}
74
+ onChange={handleChange}
75
+ />
121
76
  );
122
77
  },
123
78
  };
@@ -14,7 +14,7 @@ const Checkbox: React.FC<CheckboxProps> = ({
14
14
  checked: initialChecked = false,
15
15
  partial = false,
16
16
  onChange,
17
- variant
17
+ variant,
18
18
  }) => {
19
19
  const [checked, setChecked] = useState(initialChecked);
20
20
 
@@ -35,7 +35,7 @@ const Checkbox: React.FC<CheckboxProps> = ({
35
35
  />
36
36
  <span
37
37
  className={classNames('ff-checkbox-custom', {
38
- 'ff-checkbox-checked': checked ,
38
+ 'ff-checkbox-checked': checked,
39
39
  'ff-storybook-checkbox--partial': partial && !checked,
40
40
  [`ff-checkbox--${variant}`]: variant,
41
41
  [`ff-checkbox-checked--${variant}`]: checked && variant,
@@ -44,9 +44,8 @@ const Checkbox: React.FC<CheckboxProps> = ({
44
44
  {checked && (
45
45
  <Icon
46
46
  name="tick"
47
- height={6}
48
- width={8}
49
47
  color="var(--primary-icon-color)"
48
+ className="ff-tick-icon"
50
49
  />
51
50
  )}
52
51
  </span>
@@ -22,19 +22,21 @@
22
22
  padding: 1px 6px;
23
23
  line-height: 15px;
24
24
  border: none;
25
- transition: transform 0.5s ease, box-shadow 0.5s ease, padding 1s ease;
26
- box-shadow: 1px 1px 6px 0px var(--ff-chips-blur-color) inset,
25
+ transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out,
26
+ padding 0.4s ease-in-out;
27
+ box-shadow: 1px 1px 3px 0px var(--ff-chips-blur-color) inset,
27
28
  -1px -1px 2px 0px var(--ff-chip-bg) inset,
28
29
  1px -1px 2px 0px var(--ff-chips-blur-color) inset,
30
+ -1px -1px 2px 0px var(--ff-chips-blur-color),
29
31
  1px 1px 2px 0px var(--ff-chip-bg);
30
32
  &--fullText:hover {
31
- box-shadow: 1px 1px 6px 0px var(--ff-chips-blur-color) inset,
33
+ box-shadow: 1px 1px 3px 0px var(--ff-chips-blur-color) inset,
32
34
  -1px -1px 2px 0px var(--ff-chip-bg) inset,
33
35
  1px -1px 2px 0px var(--ff-chips-blur-color) inset,
36
+ -1px -1px 2px 0px var(--ff-chips-blur-color),
34
37
  1px 1px 2px 0px var(--ff-chip-bg);
35
- padding-right: 12px;
38
+ padding-right: 7px;
36
39
  }
37
- @extend .fontXs;
38
40
 
39
41
  &--primary {
40
42
  @include chip-variant-background(var(--ff-chips-fill-color));
@@ -68,18 +70,26 @@
68
70
  }
69
71
  &--public {
70
72
  @include chip-variant-background(var(--public-chip-bg-color));
73
+ color: var(--license_header_text_color);
71
74
  }
72
75
 
73
76
  &--partial-public {
74
77
  @include chip-variant-background(var(--partial-public-chip-bg-color));
78
+ color: var(--license_header_text_color);
75
79
  }
76
80
 
77
81
  &--private {
78
82
  @include chip-variant-background(var(--private-chip-bg-color));
83
+ color: var(--license_header_text_color);
79
84
  }
80
85
 
81
86
  &--disabled {
82
87
  @include chip-variant-background(var(--disabled-chip-bg-color));
88
+ color: var(--table-column-text-color);
89
+ }
90
+ &--count {
91
+ @include chip-variant-background(var(--impact-list-chip-bg-color));
92
+ color: var(--ff-chip-text-color);
83
93
  }
84
94
  }
85
95
  }