@heliux-org/design-system-core 0.0.167 → 0.0.168

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 (388) hide show
  1. package/dist/Box.js +1 -1
  2. package/dist/Box.js.map +1 -1
  3. package/dist/Combobox.css +1 -1
  4. package/dist/Combobox.css.map +1 -1
  5. package/dist/HeaderActions.css +1 -1
  6. package/dist/HeaderActions.css.map +1 -1
  7. package/dist/InlineEdit.css +1 -1
  8. package/dist/InlineEdit.css.map +1 -1
  9. package/dist/PageHeader.css +1 -1
  10. package/dist/PageHeader.css.map +1 -1
  11. package/dist/Search.css +1 -1
  12. package/dist/Search.css.map +1 -1
  13. package/dist/SearchComponent.css +1 -1
  14. package/dist/SearchComponent.css.map +1 -1
  15. package/dist/Slider.css +1 -1
  16. package/dist/Slider.css.map +1 -1
  17. package/dist/TableHeader.css +1 -1
  18. package/dist/TableHeader.css.map +1 -1
  19. package/dist/TextField.css +1 -1
  20. package/dist/TextField.css.map +1 -1
  21. package/dist/components/Box/Box.js +50 -1
  22. package/dist/components/Box/Box.js.map +1 -1
  23. package/dist/esm/components/Box/Box.d.ts +4 -0
  24. package/dist/esm/components/Box/Box.d.ts.map +1 -1
  25. package/dist/esm/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
  26. package/dist/esm/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
  27. package/dist/esm/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
  28. package/dist/esm/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
  29. package/dist/esm/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
  30. package/dist/esm/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
  31. package/dist/esm/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
  32. package/dist/esm/src/components/Avatar/Avatar.module.scss.js +1 -1
  33. package/dist/esm/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
  34. package/dist/esm/src/components/Avatar/AvatarContent.module.scss.js +1 -1
  35. package/dist/esm/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  36. package/dist/esm/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  37. package/dist/esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  38. package/dist/esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  39. package/dist/esm/src/components/Badge/Badge.module.scss.js +1 -1
  40. package/dist/esm/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
  41. package/dist/esm/src/components/Box/Box.js +1 -1
  42. package/dist/esm/src/components/Box/Box.js.map +1 -1
  43. package/dist/esm/src/components/Box/Box.module.scss.js +1 -1
  44. package/dist/esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  45. package/dist/esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  46. package/dist/esm/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  47. package/dist/esm/src/components/Button/Button.module.scss.js +1 -1
  48. package/dist/esm/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
  49. package/dist/esm/src/components/Checkbox/Checkbox.module.scss.js +1 -1
  50. package/dist/esm/src/components/Clickable/Clickable.module.scss.js +1 -1
  51. package/dist/esm/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
  52. package/dist/esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
  53. package/dist/esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
  54. package/dist/esm/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
  55. package/dist/esm/src/components/Combobox/Combobox.module.scss.js +1 -1
  56. package/dist/esm/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  57. package/dist/esm/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  58. package/dist/esm/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  59. package/dist/esm/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  60. package/dist/esm/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  61. package/dist/esm/src/components/Comments/comments.scss.js +1 -1
  62. package/dist/esm/src/components/Counter/Counter.module.scss.js +1 -1
  63. package/dist/esm/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
  64. package/dist/esm/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  65. package/dist/esm/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
  66. package/dist/esm/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
  67. package/dist/esm/src/components/Dialog/Dialog.module.scss.js +1 -1
  68. package/dist/esm/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
  69. package/dist/esm/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
  70. package/dist/esm/src/components/Divider/Divider.module.scss.js +1 -1
  71. package/dist/esm/src/components/Dropdown/Dropdown.module.scss.js +1 -1
  72. package/dist/esm/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
  73. package/dist/esm/src/components/Dropdown/components/ClearIndicator/ClearIndicator.module.scss.js +1 -1
  74. package/dist/esm/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
  75. package/dist/esm/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
  76. package/dist/esm/src/components/Dropdown/components/option/option.module.scss.js +1 -1
  77. package/dist/esm/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
  78. package/dist/esm/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
  79. package/dist/esm/src/components/EditableInput/EditableInput.module.scss.js +1 -1
  80. package/dist/esm/src/components/EditableText/EditableText.module.scss.js +1 -1
  81. package/dist/esm/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
  82. package/dist/esm/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
  83. package/dist/esm/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
  84. package/dist/esm/src/components/Flex/Flex.module.scss.js +1 -1
  85. package/dist/esm/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
  86. package/dist/esm/src/components/HeaderActions/HeaderActions.module.scss.js +1 -1
  87. package/dist/esm/src/components/Heading/Heading.module.scss.js +1 -1
  88. package/dist/esm/src/components/HiddenText/HiddenText.module.scss.js +1 -1
  89. package/dist/esm/src/components/Icon/Icon.module.scss.js +1 -1
  90. package/dist/esm/src/components/IconButton/IconButton.module.scss.js +1 -1
  91. package/dist/esm/src/components/InlineEdit/InlineEdit.module.scss.js +1 -1
  92. package/dist/esm/src/components/Label/Label.module.scss.js +1 -1
  93. package/dist/esm/src/components/LegacyEditableHeading/LegacyEditableHeading.module.scss.js +1 -1
  94. package/dist/esm/src/components/LegacyHeading/LegacyHeading.module.scss.js +1 -1
  95. package/dist/esm/src/components/Link/Link.module.scss.js +1 -1
  96. package/dist/esm/src/components/List/List.module.scss.js +1 -1
  97. package/dist/esm/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  98. package/dist/esm/src/components/ListItem/ListItem.module.scss.js +1 -1
  99. package/dist/esm/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  100. package/dist/esm/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  101. package/dist/esm/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  102. package/dist/esm/src/components/Loader/Loader.module.scss.js +1 -1
  103. package/dist/esm/src/components/Menu/Menu/Menu.module.scss.js +1 -1
  104. package/dist/esm/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
  105. package/dist/esm/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
  106. package/dist/esm/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
  107. package/dist/esm/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
  108. package/dist/esm/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  109. package/dist/esm/src/components/Modal/Modal.module.scss.js +1 -1
  110. package/dist/esm/src/components/Modal/ModalContent/ModalContent.module.scss.js +1 -1
  111. package/dist/esm/src/components/Modal/ModalFooter/ModalFooter.module.scss.js +1 -1
  112. package/dist/esm/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  113. package/dist/esm/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
  114. package/dist/esm/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
  115. package/dist/esm/src/components/NewTable/Table.module.scss.js +1 -1
  116. package/dist/esm/src/components/NewTable/components/Cell/Cell.module.scss.js +1 -1
  117. package/dist/esm/src/components/NewTable/components/Cell/HeaderCell/HeaderCell.module.scss.js +1 -1
  118. package/dist/esm/src/components/NewTable/components/ExpandedContent/ExpandedContent.module.scss.js +1 -1
  119. package/dist/esm/src/components/NewTable/components/Row/Row.module.scss.js +1 -1
  120. package/dist/esm/src/components/NewTable/components/TableHead/TableHead.module.scss.js +1 -1
  121. package/dist/esm/src/components/NewTable/components/TableHeader/TableHeader.module.scss.js +1 -1
  122. package/dist/esm/src/components/NewTable/components/ToggleExpandedIcon/ToggleExpandedIcon.module.scss.js +1 -1
  123. package/dist/esm/src/components/NewTable/components/newComponents/pagination/Pagination.module.scss.js +1 -1
  124. package/dist/esm/src/components/NewTable/components/useLeafyGreenTable/useLeafyGreenTable.module.scss.js +1 -1
  125. package/dist/esm/src/components/NumericField/NumericField.module.scss.js +1 -1
  126. package/dist/esm/src/components/PageHeader/PageHeader.module.scss.js +1 -1
  127. package/dist/esm/src/components/Panel/Panel.module.scss.js +1 -1
  128. package/dist/esm/src/components/ProcessingToast/ProcessingToast.module.scss.js +1 -1
  129. package/dist/esm/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
  130. package/dist/esm/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
  131. package/dist/esm/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
  132. package/dist/esm/src/components/RadioButton/RadioButton.module.scss.js +1 -1
  133. package/dist/esm/src/components/ResponsiveList/ResponsiveList.module.scss.js +1 -1
  134. package/dist/esm/src/components/ScrollableContainer/scrollableContainer.scss.js +1 -1
  135. package/dist/esm/src/components/Search/Search.module.scss.js +1 -1
  136. package/dist/esm/src/components/SectionHeader/SectionHeader.module.scss.js +1 -1
  137. package/dist/esm/src/components/SegmentControl/SegmentControlCell/SegmentControlCell.module.scss.js +1 -1
  138. package/dist/esm/src/components/SegmentControl/SegmentControlList/SegmentControlList.module.scss.js +1 -1
  139. package/dist/esm/src/components/Sidebar/Sidebar.module.scss.js +1 -1
  140. package/dist/esm/src/components/Skeleton/Skeleton.module.scss.js +1 -1
  141. package/dist/esm/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  142. package/dist/esm/src/components/Slider/Slider.module.scss.js +1 -1
  143. package/dist/esm/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  144. package/dist/esm/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  145. package/dist/esm/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  146. package/dist/esm/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  147. package/dist/esm/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  148. package/dist/esm/src/components/Slider/SliderInfix.module.scss.js +1 -1
  149. package/dist/esm/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  150. package/dist/esm/src/components/Steps/Steps.module.scss.js +1 -1
  151. package/dist/esm/src/components/Steps/StepsCommand.module.scss.js +1 -1
  152. package/dist/esm/src/components/Steps/StepsDot.module.scss.js +1 -1
  153. package/dist/esm/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
  154. package/dist/esm/src/components/Steps/StepsHeader.module.scss.js +1 -1
  155. package/dist/esm/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
  156. package/dist/esm/src/components/Switch/Switch.module.scss.js +1 -1
  157. package/dist/esm/src/components/Table/TableHeader.module.scss.js +1 -1
  158. package/dist/esm/src/components/Table/styling/column-filter.scss.js +1 -1
  159. package/dist/esm/src/components/Table/styling/paginator.scss.js +1 -1
  160. package/dist/esm/src/components/Table/styling/table_base.scss.js +1 -1
  161. package/dist/esm/src/components/Table/table.scss.js +1 -1
  162. package/dist/esm/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
  163. package/dist/esm/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
  164. package/dist/esm/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
  165. package/dist/esm/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
  166. package/dist/esm/src/components/Tags/Tags.module.scss.js +1 -1
  167. package/dist/esm/src/components/Text/Text.module.scss.js +1 -1
  168. package/dist/esm/src/components/TextAreaField/TextAreaField.module.scss.js +1 -1
  169. package/dist/esm/src/components/TextField/TextField.module.scss.js +1 -1
  170. package/dist/esm/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
  171. package/dist/esm/src/components/Timeline/Timeline/Timeline.module.scss.js +1 -1
  172. package/dist/esm/src/components/Timeline/TimelineRow/TimelineRow.module.scss.js +1 -1
  173. package/dist/esm/src/components/Tipseen/Tipseen.module.scss.js +1 -1
  174. package/dist/esm/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  175. package/dist/esm/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
  176. package/dist/esm/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
  177. package/dist/esm/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  178. package/dist/esm/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
  179. package/dist/esm/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
  180. package/dist/esm/src/components/Toast/Toast.module.scss.js +1 -1
  181. package/dist/esm/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
  182. package/dist/esm/src/components/Toggle/MockToggle.module.scss.js +1 -1
  183. package/dist/esm/src/components/Toggle/Toggle.module.scss.js +1 -1
  184. package/dist/esm/src/components/Toggle/ToggleText.module.scss.js +1 -1
  185. package/dist/esm/src/components/Tooltip/Tooltip.module.scss.js +1 -1
  186. package/dist/esm/src/components/TopNavigationBar/TopNavigationBar.module.scss.js +1 -1
  187. package/dist/esm/src/components/TopNavigationBar/components/Notification/Notification.module.scss.js +1 -1
  188. package/dist/esm/src/components/TopNavigationBar/components/NotificationItem/NotificationItem.module.scss.js +1 -1
  189. package/dist/esm/src/components/Tree/components/TreeFile/TreeFile.scss.js +1 -1
  190. package/dist/esm/src/components/Tree/components/TreeFileIcon/TreeFileIcon.scss.js +1 -1
  191. package/dist/esm/src/components/Tree/components/TreeFolder/TreeFolder.scss.js +1 -1
  192. package/dist/esm/src/components/Tree/components/TreeFolderIcon/TreeFolderIcon.scss.js +1 -1
  193. package/dist/esm/src/components/Tree/components/TreeStatusIcon/TreeStatusIcon.scss.js +1 -1
  194. package/dist/esm/src/components/Tree/components/expand/expand.scss.js +1 -1
  195. package/dist/esm/src/components/Typography/Typography.module.scss.js +1 -1
  196. package/dist/esm/src/components/Uploader/Uploader.scss.js +1 -1
  197. package/dist/esm/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
  198. package/dist/esm/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
  199. package/dist/esm/src/components/Workflow/workflow.scss.js +1 -1
  200. package/dist/esm/style/dist/index.min.css.js +1 -1
  201. package/dist/main.css +1 -1
  202. package/dist/main.css.map +1 -1
  203. package/dist/main.js +1 -1
  204. package/dist/main.js.map +1 -1
  205. package/dist/mocked_classnames_esm/components/Box/Box.d.ts +4 -0
  206. package/dist/mocked_classnames_esm/components/Box/Box.d.ts.map +1 -1
  207. package/dist/mocked_classnames_esm/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
  208. package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
  209. package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
  210. package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
  211. package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
  212. package/dist/mocked_classnames_esm/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
  213. package/dist/mocked_classnames_esm/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
  214. package/dist/mocked_classnames_esm/src/components/Avatar/Avatar.module.scss.js +1 -1
  215. package/dist/mocked_classnames_esm/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
  216. package/dist/mocked_classnames_esm/src/components/Avatar/AvatarContent.module.scss.js +1 -1
  217. package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  218. package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  219. package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  220. package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  221. package/dist/mocked_classnames_esm/src/components/Badge/Badge.module.scss.js +1 -1
  222. package/dist/mocked_classnames_esm/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
  223. package/dist/mocked_classnames_esm/src/components/Box/Box.js +1 -1
  224. package/dist/mocked_classnames_esm/src/components/Box/Box.js.map +1 -1
  225. package/dist/mocked_classnames_esm/src/components/Box/Box.module.scss.js +1 -1
  226. package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  227. package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  228. package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  229. package/dist/mocked_classnames_esm/src/components/Button/Button.module.scss.js +1 -1
  230. package/dist/mocked_classnames_esm/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
  231. package/dist/mocked_classnames_esm/src/components/Checkbox/Checkbox.module.scss.js +1 -1
  232. package/dist/mocked_classnames_esm/src/components/Clickable/Clickable.module.scss.js +1 -1
  233. package/dist/mocked_classnames_esm/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
  234. package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
  235. package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
  236. package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
  237. package/dist/mocked_classnames_esm/src/components/Combobox/Combobox.module.scss.js +1 -1
  238. package/dist/mocked_classnames_esm/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  239. package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  240. package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  241. package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  242. package/dist/mocked_classnames_esm/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  243. package/dist/mocked_classnames_esm/src/components/Comments/comments.scss.js +1 -1
  244. package/dist/mocked_classnames_esm/src/components/Counter/Counter.module.scss.js +1 -1
  245. package/dist/mocked_classnames_esm/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
  246. package/dist/mocked_classnames_esm/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  247. package/dist/mocked_classnames_esm/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
  248. package/dist/mocked_classnames_esm/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
  249. package/dist/mocked_classnames_esm/src/components/Dialog/Dialog.module.scss.js +1 -1
  250. package/dist/mocked_classnames_esm/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
  251. package/dist/mocked_classnames_esm/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
  252. package/dist/mocked_classnames_esm/src/components/Divider/Divider.module.scss.js +1 -1
  253. package/dist/mocked_classnames_esm/src/components/Dropdown/Dropdown.module.scss.js +1 -1
  254. package/dist/mocked_classnames_esm/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
  255. package/dist/mocked_classnames_esm/src/components/Dropdown/components/ClearIndicator/ClearIndicator.module.scss.js +1 -1
  256. package/dist/mocked_classnames_esm/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
  257. package/dist/mocked_classnames_esm/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
  258. package/dist/mocked_classnames_esm/src/components/Dropdown/components/option/option.module.scss.js +1 -1
  259. package/dist/mocked_classnames_esm/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
  260. package/dist/mocked_classnames_esm/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
  261. package/dist/mocked_classnames_esm/src/components/EditableInput/EditableInput.module.scss.js +1 -1
  262. package/dist/mocked_classnames_esm/src/components/EditableText/EditableText.module.scss.js +1 -1
  263. package/dist/mocked_classnames_esm/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
  264. package/dist/mocked_classnames_esm/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
  265. package/dist/mocked_classnames_esm/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
  266. package/dist/mocked_classnames_esm/src/components/Flex/Flex.module.scss.js +1 -1
  267. package/dist/mocked_classnames_esm/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
  268. package/dist/mocked_classnames_esm/src/components/HeaderActions/HeaderActions.module.scss.js +1 -1
  269. package/dist/mocked_classnames_esm/src/components/Heading/Heading.module.scss.js +1 -1
  270. package/dist/mocked_classnames_esm/src/components/HiddenText/HiddenText.module.scss.js +1 -1
  271. package/dist/mocked_classnames_esm/src/components/Icon/Icon.module.scss.js +1 -1
  272. package/dist/mocked_classnames_esm/src/components/IconButton/IconButton.module.scss.js +1 -1
  273. package/dist/mocked_classnames_esm/src/components/InlineEdit/InlineEdit.module.scss.js +1 -1
  274. package/dist/mocked_classnames_esm/src/components/Label/Label.module.scss.js +1 -1
  275. package/dist/mocked_classnames_esm/src/components/LegacyEditableHeading/LegacyEditableHeading.module.scss.js +1 -1
  276. package/dist/mocked_classnames_esm/src/components/LegacyHeading/LegacyHeading.module.scss.js +1 -1
  277. package/dist/mocked_classnames_esm/src/components/Link/Link.module.scss.js +1 -1
  278. package/dist/mocked_classnames_esm/src/components/List/List.module.scss.js +1 -1
  279. package/dist/mocked_classnames_esm/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  280. package/dist/mocked_classnames_esm/src/components/ListItem/ListItem.module.scss.js +1 -1
  281. package/dist/mocked_classnames_esm/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  282. package/dist/mocked_classnames_esm/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  283. package/dist/mocked_classnames_esm/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  284. package/dist/mocked_classnames_esm/src/components/Loader/Loader.module.scss.js +1 -1
  285. package/dist/mocked_classnames_esm/src/components/Menu/Menu/Menu.module.scss.js +1 -1
  286. package/dist/mocked_classnames_esm/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
  287. package/dist/mocked_classnames_esm/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
  288. package/dist/mocked_classnames_esm/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
  289. package/dist/mocked_classnames_esm/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
  290. package/dist/mocked_classnames_esm/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  291. package/dist/mocked_classnames_esm/src/components/Modal/Modal.module.scss.js +1 -1
  292. package/dist/mocked_classnames_esm/src/components/Modal/ModalContent/ModalContent.module.scss.js +1 -1
  293. package/dist/mocked_classnames_esm/src/components/Modal/ModalFooter/ModalFooter.module.scss.js +1 -1
  294. package/dist/mocked_classnames_esm/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  295. package/dist/mocked_classnames_esm/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
  296. package/dist/mocked_classnames_esm/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
  297. package/dist/mocked_classnames_esm/src/components/NewTable/Table.module.scss.js +1 -1
  298. package/dist/mocked_classnames_esm/src/components/NewTable/components/Cell/Cell.module.scss.js +1 -1
  299. package/dist/mocked_classnames_esm/src/components/NewTable/components/Cell/HeaderCell/HeaderCell.module.scss.js +1 -1
  300. package/dist/mocked_classnames_esm/src/components/NewTable/components/ExpandedContent/ExpandedContent.module.scss.js +1 -1
  301. package/dist/mocked_classnames_esm/src/components/NewTable/components/Row/Row.module.scss.js +1 -1
  302. package/dist/mocked_classnames_esm/src/components/NewTable/components/TableHead/TableHead.module.scss.js +1 -1
  303. package/dist/mocked_classnames_esm/src/components/NewTable/components/TableHeader/TableHeader.module.scss.js +1 -1
  304. package/dist/mocked_classnames_esm/src/components/NewTable/components/ToggleExpandedIcon/ToggleExpandedIcon.module.scss.js +1 -1
  305. package/dist/mocked_classnames_esm/src/components/NewTable/components/newComponents/pagination/Pagination.module.scss.js +1 -1
  306. package/dist/mocked_classnames_esm/src/components/NewTable/components/useLeafyGreenTable/useLeafyGreenTable.module.scss.js +1 -1
  307. package/dist/mocked_classnames_esm/src/components/NumericField/NumericField.module.scss.js +1 -1
  308. package/dist/mocked_classnames_esm/src/components/PageHeader/PageHeader.module.scss.js +1 -1
  309. package/dist/mocked_classnames_esm/src/components/Panel/Panel.module.scss.js +1 -1
  310. package/dist/mocked_classnames_esm/src/components/ProcessingToast/ProcessingToast.module.scss.js +1 -1
  311. package/dist/mocked_classnames_esm/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
  312. package/dist/mocked_classnames_esm/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
  313. package/dist/mocked_classnames_esm/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
  314. package/dist/mocked_classnames_esm/src/components/RadioButton/RadioButton.module.scss.js +1 -1
  315. package/dist/mocked_classnames_esm/src/components/ResponsiveList/ResponsiveList.module.scss.js +1 -1
  316. package/dist/mocked_classnames_esm/src/components/ScrollableContainer/scrollableContainer.scss.js +1 -1
  317. package/dist/mocked_classnames_esm/src/components/Search/Search.module.scss.js +1 -1
  318. package/dist/mocked_classnames_esm/src/components/SectionHeader/SectionHeader.module.scss.js +1 -1
  319. package/dist/mocked_classnames_esm/src/components/SegmentControl/SegmentControlCell/SegmentControlCell.module.scss.js +1 -1
  320. package/dist/mocked_classnames_esm/src/components/SegmentControl/SegmentControlList/SegmentControlList.module.scss.js +1 -1
  321. package/dist/mocked_classnames_esm/src/components/Sidebar/Sidebar.module.scss.js +1 -1
  322. package/dist/mocked_classnames_esm/src/components/Skeleton/Skeleton.module.scss.js +1 -1
  323. package/dist/mocked_classnames_esm/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  324. package/dist/mocked_classnames_esm/src/components/Slider/Slider.module.scss.js +1 -1
  325. package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  326. package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  327. package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  328. package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  329. package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  330. package/dist/mocked_classnames_esm/src/components/Slider/SliderInfix.module.scss.js +1 -1
  331. package/dist/mocked_classnames_esm/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  332. package/dist/mocked_classnames_esm/src/components/Steps/Steps.module.scss.js +1 -1
  333. package/dist/mocked_classnames_esm/src/components/Steps/StepsCommand.module.scss.js +1 -1
  334. package/dist/mocked_classnames_esm/src/components/Steps/StepsDot.module.scss.js +1 -1
  335. package/dist/mocked_classnames_esm/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
  336. package/dist/mocked_classnames_esm/src/components/Steps/StepsHeader.module.scss.js +1 -1
  337. package/dist/mocked_classnames_esm/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
  338. package/dist/mocked_classnames_esm/src/components/Switch/Switch.module.scss.js +1 -1
  339. package/dist/mocked_classnames_esm/src/components/Table/TableHeader.module.scss.js +1 -1
  340. package/dist/mocked_classnames_esm/src/components/Table/styling/column-filter.scss.js +1 -1
  341. package/dist/mocked_classnames_esm/src/components/Table/styling/paginator.scss.js +1 -1
  342. package/dist/mocked_classnames_esm/src/components/Table/styling/table_base.scss.js +1 -1
  343. package/dist/mocked_classnames_esm/src/components/Table/table.scss.js +1 -1
  344. package/dist/mocked_classnames_esm/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
  345. package/dist/mocked_classnames_esm/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
  346. package/dist/mocked_classnames_esm/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
  347. package/dist/mocked_classnames_esm/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
  348. package/dist/mocked_classnames_esm/src/components/Tags/Tags.module.scss.js +1 -1
  349. package/dist/mocked_classnames_esm/src/components/Text/Text.module.scss.js +1 -1
  350. package/dist/mocked_classnames_esm/src/components/TextAreaField/TextAreaField.module.scss.js +1 -1
  351. package/dist/mocked_classnames_esm/src/components/TextField/TextField.module.scss.js +1 -1
  352. package/dist/mocked_classnames_esm/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
  353. package/dist/mocked_classnames_esm/src/components/Timeline/Timeline/Timeline.module.scss.js +1 -1
  354. package/dist/mocked_classnames_esm/src/components/Timeline/TimelineRow/TimelineRow.module.scss.js +1 -1
  355. package/dist/mocked_classnames_esm/src/components/Tipseen/Tipseen.module.scss.js +1 -1
  356. package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  357. package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
  358. package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
  359. package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  360. package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
  361. package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
  362. package/dist/mocked_classnames_esm/src/components/Toast/Toast.module.scss.js +1 -1
  363. package/dist/mocked_classnames_esm/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
  364. package/dist/mocked_classnames_esm/src/components/Toggle/MockToggle.module.scss.js +1 -1
  365. package/dist/mocked_classnames_esm/src/components/Toggle/Toggle.module.scss.js +1 -1
  366. package/dist/mocked_classnames_esm/src/components/Toggle/ToggleText.module.scss.js +1 -1
  367. package/dist/mocked_classnames_esm/src/components/Tooltip/Tooltip.module.scss.js +1 -1
  368. package/dist/mocked_classnames_esm/src/components/TopNavigationBar/TopNavigationBar.module.scss.js +1 -1
  369. package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/Notification/Notification.module.scss.js +1 -1
  370. package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/NotificationItem/NotificationItem.module.scss.js +1 -1
  371. package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFile/TreeFile.scss.js +1 -1
  372. package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFileIcon/TreeFileIcon.scss.js +1 -1
  373. package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFolder/TreeFolder.scss.js +1 -1
  374. package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFolderIcon/TreeFolderIcon.scss.js +1 -1
  375. package/dist/mocked_classnames_esm/src/components/Tree/components/TreeStatusIcon/TreeStatusIcon.scss.js +1 -1
  376. package/dist/mocked_classnames_esm/src/components/Tree/components/expand/expand.scss.js +1 -1
  377. package/dist/mocked_classnames_esm/src/components/Typography/Typography.module.scss.js +1 -1
  378. package/dist/mocked_classnames_esm/src/components/Uploader/Uploader.scss.js +1 -1
  379. package/dist/mocked_classnames_esm/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
  380. package/dist/mocked_classnames_esm/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
  381. package/dist/mocked_classnames_esm/src/components/Workflow/workflow.scss.js +1 -1
  382. package/dist/mocked_classnames_esm/style/dist/index.min.css.js +1 -1
  383. package/dist/types/components/Box/Box.d.ts +4 -0
  384. package/dist/types/components/Box/Box.d.ts.map +1 -1
  385. package/package.json +2 -2
  386. package/src/components/Box/Box.tsx +73 -1
  387. package/src/components/Box/__stories__/Box.stories.tsx +36 -0
  388. package/src/components/TextField/TextField.module.scss +4 -4
@@ -1,4 +1,7 @@
1
- import React, { forwardRef, useRef } from "react";
1
+
2
+
3
+
4
+ import React, { forwardRef, useRef, useEffect, useState } from "react";
2
5
  import cx from "classnames";
3
6
  import useMergeRef from "../../hooks/useMergeRef";
4
7
  import {
@@ -57,6 +60,8 @@ export interface BoxProps extends VibeComponentProps {
57
60
  elementType?: keyof JSX.IntrinsicElements | string;
58
61
  children?: ElementContent;
59
62
  disabled?: boolean;
63
+ width?: string;
64
+ height?: string;
60
65
  border?: ValueOf<Border>;
61
66
  borderColor?: ValueOf<BorderColor>;
62
67
  rounded?: ValueOf<Rounded>;
@@ -81,6 +86,8 @@ export interface BoxProps extends VibeComponentProps {
81
86
  * TODO: make default in next major version
82
87
  */
83
88
  scrollable?: boolean;
89
+ fullScreen?: boolean; // New prop for fullscreen mode
90
+ fixedSize?: boolean; // New prop for fixed size mode
84
91
  }
85
92
 
86
93
  const Box: VibeComponent<BoxProps> & {
@@ -133,11 +140,49 @@ const Box: VibeComponent<BoxProps> & {
133
140
  textColor,
134
141
  backgroundColor,
135
142
  scrollable,
143
+ fullScreen, // New prop
144
+ fixedSize, // New prop
145
+ width,
146
+ height,
136
147
  },
137
148
  ref
138
149
  ) => {
139
150
  const componentRef = useRef(null);
140
151
  const mergedRef = useMergeRef(ref, componentRef);
152
+ const [dimensions, setDimensions] = useState({ width: 0, height: 0 });
153
+
154
+ useEffect(() => {
155
+ const updateDimensions = () => {
156
+ if (fullScreen) {
157
+ const marginValues = (margin || "").split(' ').map(value => parseInt(value) || 0);
158
+ const totalHorizontalMargin = (marginValues[1] || marginValues[0]) * 2;
159
+ const totalVerticalMargin = marginValues[0] * 2;
160
+
161
+ setDimensions({
162
+ width: window.innerWidth - totalHorizontalMargin,
163
+ height: window.innerHeight - totalVerticalMargin
164
+ });
165
+ }
166
+ };
167
+
168
+ if (fullScreen) {
169
+ updateDimensions();
170
+ window.addEventListener('resize', updateDimensions);
171
+ return () => window.removeEventListener('resize', updateDimensions);
172
+ }
173
+ }, [fullScreen, margin]);
174
+
175
+ const style = {
176
+ ...(fullScreen ? {
177
+ width: `${dimensions.width}px`,
178
+ height: `${dimensions.height}px`,
179
+ position: 'fixed',
180
+ top: 0,
181
+ left: 0,
182
+ } : {}),
183
+ ...(fixedSize ? { width, height } : {}),
184
+ };
185
+
141
186
  return React.createElement(
142
187
  elementType,
143
188
  {
@@ -168,12 +213,14 @@ const Box: VibeComponent<BoxProps> & {
168
213
  backgroundColor
169
214
  ),
170
215
  id: id,
216
+ style, // Apply the dynamic style
171
217
  },
172
218
  children
173
219
  );
174
220
  }
175
221
  );
176
222
 
223
+
177
224
  export default withStaticProps(Box, {
178
225
  borders: BORDER,
179
226
  borderColors: BORDER_COLOR,
@@ -196,3 +243,28 @@ export default withStaticProps(Box, {
196
243
  backgroundColors: BACKGROUND_COLORS,
197
244
  textColors: COLORS,
198
245
  });
246
+
247
+
248
+ // How to use
249
+ // import DynamicFlexibleCard from './DynamicFlexibleCard';
250
+
251
+ // function App() {
252
+ // return (
253
+ // <div>
254
+ // {/* Full screen card with margin */}
255
+ // <DynamicFlexibleCard fullScreen margin="20px">
256
+ // <h1>Full Screen Card with Margin</h1>
257
+ // </DynamicFlexibleCard>
258
+
259
+ // {/* Fixed size card */}
260
+ // <DynamicFlexibleCard fixedSize width="300px" height="200px" margin="20px">
261
+ // <h2>Fixed Size Card</h2>
262
+ // </DynamicFlexibleCard>
263
+
264
+ // {/* Default card (full width of container) */}
265
+ // <DynamicFlexibleCard margin="10px 20px">
266
+ // <p>Default Card</p>
267
+ // </DynamicFlexableCard>
268
+ // </div>
269
+ // );
270
+ // }
@@ -290,3 +290,39 @@ export const Disabled = {
290
290
 
291
291
  name: "Disabled",
292
292
  };
293
+
294
+ export const FullScreen = {
295
+ render: () => (
296
+ <div className={styles.boxWrapper}>
297
+ <Box
298
+ fullScreen
299
+ margin={Box.margins.MEDIUM}
300
+ backgroundColor={Box.backgroundColors.PRIMARY_BACKGROUND_COLOR}
301
+ shadow={Box.shadows.XS}
302
+ border={Box.borders.DEFAULT}
303
+ borderColor={Box.borderColors.UI_BORDER_COLOR}
304
+ rounded={Box.roundeds.SMALL}
305
+ >
306
+ <h1>Fullscreen Box</h1>
307
+ </Box>
308
+ </div>
309
+ ),
310
+
311
+ name: "Full Screen",
312
+ };
313
+
314
+ export const FixedSize = {
315
+ render: () => (
316
+ <div className={styles.boxWrapper}>
317
+
318
+ <Box fixedSize width="300px" height="200px" margin={Box.margins.MEDIUM} backgroundColor={Box.backgroundColors.ALL_GREY_BACKGROUND_COLOR}>
319
+ <h2>Fixed Size Box</h2>
320
+ </Box>
321
+
322
+
323
+ </div>
324
+ ),
325
+
326
+ name: "Fixed Size",
327
+ };
328
+
@@ -64,7 +64,7 @@
64
64
  border-color: transparent;
65
65
  border-radius: var(--border-radius-medium);
66
66
  transition: all var(--motion-productive-medium) ease 0ms;
67
- padding: var(--spacing-small) var(--spacing-medium);
67
+ padding: var(--spacing-small) var(--spacing-small);
68
68
  white-space: nowrap;
69
69
  overflow: hidden;
70
70
  text-overflow: ellipsis;
@@ -94,7 +94,7 @@
94
94
  }
95
95
 
96
96
  .textField .inputWrapper .input.inputHasIcon {
97
- padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);
97
+ padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-small);
98
98
  }
99
99
 
100
100
  .textField .inputWrapper .input.round {
@@ -243,7 +243,7 @@
243
243
  }
244
244
 
245
245
  .textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon {
246
- padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);
246
+ padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);
247
247
  }
248
248
 
249
249
  .textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon.onlyUnderline {
@@ -275,7 +275,7 @@
275
275
  }
276
276
 
277
277
  .textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon {
278
- padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);
278
+ padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);
279
279
  }
280
280
 
281
281
  .textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon.onlyUnderline {