@rolster/react-components 19.4.7 → 19.5.0

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 (403) hide show
  1. package/LICENSE +21 -21
  2. package/dist/cjs/index.cjs +227 -34
  3. package/dist/cjs/index.cjs.map +1 -1
  4. package/dist/esm/components/atoms/Amount/Amount.d.ts +0 -1
  5. package/dist/esm/components/atoms/Amount/Amount.js +0 -1
  6. package/dist/esm/components/atoms/Amount/Amount.js.map +1 -1
  7. package/dist/esm/components/atoms/AreaText/AreaText.d.ts +22 -0
  8. package/dist/esm/components/atoms/AreaText/AreaText.js +69 -0
  9. package/dist/esm/components/atoms/AreaText/AreaText.js.map +1 -0
  10. package/dist/esm/components/atoms/Avatar/Avatar.d.ts +0 -1
  11. package/dist/esm/components/atoms/Avatar/Avatar.js +0 -1
  12. package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -1
  13. package/dist/esm/components/atoms/Badge/Badge.d.ts +0 -1
  14. package/dist/esm/components/atoms/Badge/Badge.js +0 -1
  15. package/dist/esm/components/atoms/Badge/Badge.js.map +1 -1
  16. package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.d.ts +0 -1
  17. package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.js +0 -1
  18. package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.js.map +1 -1
  19. package/dist/esm/components/atoms/Button/Button.d.ts +0 -1
  20. package/dist/esm/components/atoms/Button/Button.js +0 -1
  21. package/dist/esm/components/atoms/Button/Button.js.map +1 -1
  22. package/dist/esm/components/atoms/ButtonAction/ButtonAction.d.ts +0 -1
  23. package/dist/esm/components/atoms/ButtonAction/ButtonAction.js +1 -2
  24. package/dist/esm/components/atoms/ButtonAction/ButtonAction.js.map +1 -1
  25. package/dist/esm/components/atoms/ButtonOption/ButtonOption.d.ts +0 -1
  26. package/dist/esm/components/atoms/ButtonOption/ButtonOption.js +0 -1
  27. package/dist/esm/components/atoms/ButtonOption/ButtonOption.js.map +1 -1
  28. package/dist/esm/components/atoms/CheckBox/CheckBox.d.ts +0 -1
  29. package/dist/esm/components/atoms/CheckBox/CheckBox.js +0 -1
  30. package/dist/esm/components/atoms/CheckBox/CheckBox.js.map +1 -1
  31. package/dist/esm/components/atoms/Icon/Icon.d.ts +0 -1
  32. package/dist/esm/components/atoms/Icon/Icon.js +0 -1
  33. package/dist/esm/components/atoms/Icon/Icon.js.map +1 -1
  34. package/dist/esm/components/atoms/Image/Image.d.ts +0 -1
  35. package/dist/esm/components/atoms/Image/Image.js +0 -1
  36. package/dist/esm/components/atoms/Image/Image.js.map +1 -1
  37. package/dist/esm/components/atoms/Input/Input.d.ts +0 -1
  38. package/dist/esm/components/atoms/Input/Input.js +0 -1
  39. package/dist/esm/components/atoms/Input/Input.js.map +1 -1
  40. package/dist/esm/components/atoms/InputDecimal/InputDecimal.d.ts +0 -1
  41. package/dist/esm/components/atoms/InputDecimal/InputDecimal.js +0 -1
  42. package/dist/esm/components/atoms/InputDecimal/InputDecimal.js.map +1 -1
  43. package/dist/esm/components/atoms/InputMoney/InputMoney.d.ts +0 -1
  44. package/dist/esm/components/atoms/InputMoney/InputMoney.js +0 -1
  45. package/dist/esm/components/atoms/InputMoney/InputMoney.js.map +1 -1
  46. package/dist/esm/components/atoms/InputNumber/InputNumber.d.ts +0 -1
  47. package/dist/esm/components/atoms/InputNumber/InputNumber.js +0 -1
  48. package/dist/esm/components/atoms/InputNumber/InputNumber.js.map +1 -1
  49. package/dist/esm/components/atoms/InputPassword/InputPassword.d.ts +0 -1
  50. package/dist/esm/components/atoms/InputPassword/InputPassword.js +0 -1
  51. package/dist/esm/components/atoms/InputPassword/InputPassword.js.map +1 -1
  52. package/dist/esm/components/atoms/InputPercentage/InputPercentage.d.ts +0 -1
  53. package/dist/esm/components/atoms/InputPercentage/InputPercentage.js +0 -1
  54. package/dist/esm/components/atoms/InputPercentage/InputPercentage.js.map +1 -1
  55. package/dist/esm/components/atoms/InputSearch/InputSearch.d.ts +0 -1
  56. package/dist/esm/components/atoms/InputSearch/InputSearch.js +0 -1
  57. package/dist/esm/components/atoms/InputSearch/InputSearch.js.map +1 -1
  58. package/dist/esm/components/atoms/InputText/InputText.d.ts +0 -1
  59. package/dist/esm/components/atoms/InputText/InputText.js +0 -1
  60. package/dist/esm/components/atoms/InputText/InputText.js.map +1 -1
  61. package/dist/esm/components/atoms/Label/Label.d.ts +0 -1
  62. package/dist/esm/components/atoms/Label/Label.js +0 -1
  63. package/dist/esm/components/atoms/Label/Label.js.map +1 -1
  64. package/dist/esm/components/atoms/MessageIcon/MessageIcon.d.ts +0 -1
  65. package/dist/esm/components/atoms/MessageIcon/MessageIcon.js +0 -1
  66. package/dist/esm/components/atoms/MessageIcon/MessageIcon.js.map +1 -1
  67. package/dist/esm/components/atoms/Poster/Poster.d.ts +0 -1
  68. package/dist/esm/components/atoms/Poster/Poster.js +0 -1
  69. package/dist/esm/components/atoms/Poster/Poster.js.map +1 -1
  70. package/dist/esm/components/atoms/ProgressBar/ProgressBar.d.ts +0 -1
  71. package/dist/esm/components/atoms/ProgressBar/ProgressBar.js +0 -1
  72. package/dist/esm/components/atoms/ProgressBar/ProgressBar.js.map +1 -1
  73. package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.d.ts +0 -1
  74. package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.js +0 -1
  75. package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.js.map +1 -1
  76. package/dist/esm/components/atoms/RadioButton/RadioButton.d.ts +0 -1
  77. package/dist/esm/components/atoms/RadioButton/RadioButton.js +0 -1
  78. package/dist/esm/components/atoms/RadioButton/RadioButton.js.map +1 -1
  79. package/dist/esm/components/atoms/Skeleton/Skeleton.d.ts +0 -1
  80. package/dist/esm/components/atoms/Skeleton/Skeleton.js +0 -1
  81. package/dist/esm/components/atoms/Skeleton/Skeleton.js.map +1 -1
  82. package/dist/esm/components/atoms/SkeletonText/SkeletonText.d.ts +0 -1
  83. package/dist/esm/components/atoms/SkeletonText/SkeletonText.js +0 -1
  84. package/dist/esm/components/atoms/SkeletonText/SkeletonText.js.map +1 -1
  85. package/dist/esm/components/atoms/Spinner/Spinner.d.ts +0 -1
  86. package/dist/esm/components/atoms/Spinner/Spinner.js +0 -1
  87. package/dist/esm/components/atoms/Spinner/Spinner.js.map +1 -1
  88. package/dist/esm/components/atoms/Switch/Switch.d.ts +0 -1
  89. package/dist/esm/components/atoms/Switch/Switch.js +0 -1
  90. package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
  91. package/dist/esm/components/atoms/TabularText/TabularText.d.ts +0 -1
  92. package/dist/esm/components/atoms/TabularText/TabularText.js +0 -1
  93. package/dist/esm/components/atoms/TabularText/TabularText.js.map +1 -1
  94. package/dist/esm/components/molecules/Accordion/Accordion.d.ts +11 -0
  95. package/dist/esm/components/molecules/Accordion/Accordion.js +58 -0
  96. package/dist/esm/components/molecules/Accordion/Accordion.js.map +1 -0
  97. package/dist/esm/components/molecules/Alert/Alert.d.ts +0 -1
  98. package/dist/esm/components/molecules/Alert/Alert.js +0 -1
  99. package/dist/esm/components/molecules/Alert/Alert.js.map +1 -1
  100. package/dist/esm/components/molecules/Ballot/Ballot.d.ts +0 -1
  101. package/dist/esm/components/molecules/Ballot/Ballot.js +0 -1
  102. package/dist/esm/components/molecules/Ballot/Ballot.js.map +1 -1
  103. package/dist/esm/components/molecules/Body/Body.d.ts +2 -0
  104. package/dist/esm/components/molecules/Body/Body.js +5 -0
  105. package/dist/esm/components/molecules/Body/Body.js.map +1 -0
  106. package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.d.ts +0 -1
  107. package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.js +0 -1
  108. package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.js.map +1 -1
  109. package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.d.ts +0 -1
  110. package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.js +0 -1
  111. package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.js.map +1 -1
  112. package/dist/esm/components/molecules/FieldArea/FieldArea.d.ts +8 -0
  113. package/dist/esm/components/molecules/FieldArea/FieldArea.js +21 -0
  114. package/dist/esm/components/molecules/FieldArea/FieldArea.js.map +1 -0
  115. package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.d.ts +0 -1
  116. package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.js +0 -1
  117. package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.js.map +1 -1
  118. package/dist/esm/components/molecules/FieldFile/FieldFile.d.ts +0 -1
  119. package/dist/esm/components/molecules/FieldFile/FieldFile.js +0 -1
  120. package/dist/esm/components/molecules/FieldFile/FieldFile.js.map +1 -1
  121. package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.d.ts +9 -2
  122. package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.js +8 -3
  123. package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.js.map +1 -1
  124. package/dist/esm/components/molecules/FieldMoney/FieldMoney.d.ts +0 -1
  125. package/dist/esm/components/molecules/FieldMoney/FieldMoney.js +0 -1
  126. package/dist/esm/components/molecules/FieldMoney/FieldMoney.js.map +1 -1
  127. package/dist/esm/components/molecules/FieldNumber/FieldNumber.d.ts +0 -1
  128. package/dist/esm/components/molecules/FieldNumber/FieldNumber.js +0 -1
  129. package/dist/esm/components/molecules/FieldNumber/FieldNumber.js.map +1 -1
  130. package/dist/esm/components/molecules/FieldPassword/FieldPassword.d.ts +0 -1
  131. package/dist/esm/components/molecules/FieldPassword/FieldPassword.js +0 -1
  132. package/dist/esm/components/molecules/FieldPassword/FieldPassword.js.map +1 -1
  133. package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.d.ts +0 -1
  134. package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js +0 -1
  135. package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js.map +1 -1
  136. package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.d.ts +0 -1
  137. package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.js +0 -1
  138. package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.js.map +1 -1
  139. package/dist/esm/components/molecules/FieldText/FieldText.d.ts +0 -1
  140. package/dist/esm/components/molecules/FieldText/FieldText.js +0 -1
  141. package/dist/esm/components/molecules/FieldText/FieldText.js.map +1 -1
  142. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.d.ts +0 -1
  143. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +0 -1
  144. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +1 -1
  145. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.d.ts +0 -1
  146. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +0 -1
  147. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +1 -1
  148. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.d.ts +0 -1
  149. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +0 -1
  150. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +1 -1
  151. package/dist/esm/components/molecules/MessageEmpty/MessageEmpty.d.ts +10 -0
  152. package/dist/esm/components/molecules/MessageEmpty/MessageEmpty.js +23 -0
  153. package/dist/esm/components/molecules/MessageEmpty/MessageEmpty.js.map +1 -0
  154. package/dist/esm/components/molecules/NavbarMenu/NabvarMenu.d.ts +11 -0
  155. package/dist/esm/components/molecules/NavbarMenu/NabvarMenu.js +13 -0
  156. package/dist/esm/components/molecules/NavbarMenu/NabvarMenu.js.map +1 -0
  157. package/dist/esm/components/molecules/Pagination/Pagination.d.ts +0 -1
  158. package/dist/esm/components/molecules/Pagination/Pagination.js +0 -1
  159. package/dist/esm/components/molecules/Pagination/Pagination.js.map +1 -1
  160. package/dist/esm/components/molecules/PickerDay/PickerDay.d.ts +0 -1
  161. package/dist/esm/components/molecules/PickerDay/PickerDay.js +0 -1
  162. package/dist/esm/components/molecules/PickerDay/PickerDay.js.map +1 -1
  163. package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.d.ts +0 -1
  164. package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js +0 -1
  165. package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js.map +1 -1
  166. package/dist/esm/components/molecules/PickerMonth/PickerMonth.d.ts +0 -1
  167. package/dist/esm/components/molecules/PickerMonth/PickerMonth.js +0 -1
  168. package/dist/esm/components/molecules/PickerMonth/PickerMonth.js.map +1 -1
  169. package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.d.ts +0 -1
  170. package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js +0 -1
  171. package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js.map +1 -1
  172. package/dist/esm/components/molecules/PickerYear/PickerYear.d.ts +0 -1
  173. package/dist/esm/components/molecules/PickerYear/PickerYear.js +0 -1
  174. package/dist/esm/components/molecules/PickerYear/PickerYear.js.map +1 -1
  175. package/dist/esm/components/molecules/Slider/Slider.d.ts +0 -1
  176. package/dist/esm/components/molecules/Slider/Slider.js +0 -1
  177. package/dist/esm/components/molecules/Slider/Slider.js.map +1 -1
  178. package/dist/esm/components/molecules/Tabs/Tabs.d.ts +0 -1
  179. package/dist/esm/components/molecules/Tabs/Tabs.js +0 -1
  180. package/dist/esm/components/molecules/Tabs/Tabs.js.map +1 -1
  181. package/dist/esm/components/molecules/Toolbar/Toolbar.d.ts +0 -1
  182. package/dist/esm/components/molecules/Toolbar/Toolbar.js +0 -1
  183. package/dist/esm/components/molecules/Toolbar/Toolbar.js.map +1 -1
  184. package/dist/esm/components/organisms/BottomSheet/BottomSheet.d.ts +0 -1
  185. package/dist/esm/components/organisms/BottomSheet/BottomSheet.js +0 -1
  186. package/dist/esm/components/organisms/BottomSheet/BottomSheet.js.map +1 -1
  187. package/dist/esm/components/organisms/Card/Card.d.ts +0 -1
  188. package/dist/esm/components/organisms/Card/Card.js +0 -1
  189. package/dist/esm/components/organisms/Card/Card.js.map +1 -1
  190. package/dist/esm/components/organisms/Confirmation/Confirmation.d.ts +0 -1
  191. package/dist/esm/components/organisms/Confirmation/Confirmation.js +0 -1
  192. package/dist/esm/components/organisms/Confirmation/Confirmation.js.map +1 -1
  193. package/dist/esm/components/organisms/Dropdown/Dropdown.d.ts +0 -1
  194. package/dist/esm/components/organisms/Dropdown/Dropdown.js +0 -1
  195. package/dist/esm/components/organisms/Dropdown/Dropdown.js.map +1 -1
  196. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.d.ts +2 -2
  197. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +2 -3
  198. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map +1 -1
  199. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.d.ts +0 -1
  200. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js +1 -6
  201. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js.map +1 -1
  202. package/dist/esm/components/organisms/FieldClock/FieldClock.d.ts +0 -1
  203. package/dist/esm/components/organisms/FieldClock/FieldClock.js +1 -2
  204. package/dist/esm/components/organisms/FieldClock/FieldClock.js.map +1 -1
  205. package/dist/esm/components/organisms/FieldDate/FieldDate.d.ts +0 -1
  206. package/dist/esm/components/organisms/FieldDate/FieldDate.js +1 -2
  207. package/dist/esm/components/organisms/FieldDate/FieldDate.js.map +1 -1
  208. package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.d.ts +0 -1
  209. package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js +1 -2
  210. package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js.map +1 -1
  211. package/dist/esm/components/organisms/FieldSelect/FieldSelect.d.ts +2 -1
  212. package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +2 -3
  213. package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +1 -1
  214. package/dist/esm/components/organisms/FieldSelect/FieldSelectController.d.ts +0 -1
  215. package/dist/esm/components/organisms/FieldSelect/FieldSelectController.js +2 -9
  216. package/dist/esm/components/organisms/FieldSelect/FieldSelectController.js.map +1 -1
  217. package/dist/esm/components/organisms/FormNavigation/FormNavigation.d.ts +0 -1
  218. package/dist/esm/components/organisms/FormNavigation/FormNavigation.js +0 -1
  219. package/dist/esm/components/organisms/FormNavigation/FormNavigation.js.map +1 -1
  220. package/dist/esm/components/organisms/ImageChooser/ImageChooser.d.ts +0 -1
  221. package/dist/esm/components/organisms/ImageChooser/ImageChooser.js +0 -1
  222. package/dist/esm/components/organisms/ImageChooser/ImageChooser.js.map +1 -1
  223. package/dist/esm/components/organisms/ImageEditor/ImageEditor.d.ts +0 -1
  224. package/dist/esm/components/organisms/ImageEditor/ImageEditor.js +0 -1
  225. package/dist/esm/components/organisms/ImageEditor/ImageEditor.js.map +1 -1
  226. package/dist/esm/components/organisms/ImageEditorModal/ImageEditorModal.d.ts +0 -1
  227. package/dist/esm/components/organisms/ImageEditorModal/ImageEditorModal.js +0 -1
  228. package/dist/esm/components/organisms/ImageEditorModal/ImageEditorModal.js.map +1 -1
  229. package/dist/esm/components/organisms/Modal/Modal.d.ts +0 -1
  230. package/dist/esm/components/organisms/Modal/Modal.js +0 -1
  231. package/dist/esm/components/organisms/Modal/Modal.js.map +1 -1
  232. package/dist/esm/components/organisms/ModalSheet/ModalSheet.d.ts +0 -1
  233. package/dist/esm/components/organisms/ModalSheet/ModalSheet.js +0 -1
  234. package/dist/esm/components/organisms/ModalSheet/ModalSheet.js.map +1 -1
  235. package/dist/esm/components/organisms/PickerClock/PickerClock.d.ts +0 -1
  236. package/dist/esm/components/organisms/PickerClock/PickerClock.js +0 -1
  237. package/dist/esm/components/organisms/PickerClock/PickerClock.js.map +1 -1
  238. package/dist/esm/components/organisms/PickerDate/PickerDate.d.ts +0 -1
  239. package/dist/esm/components/organisms/PickerDate/PickerDate.js +0 -1
  240. package/dist/esm/components/organisms/PickerDate/PickerDate.js.map +1 -1
  241. package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.d.ts +0 -1
  242. package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js +0 -1
  243. package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js.map +1 -1
  244. package/dist/esm/components/organisms/Snackbar/Snackbar.d.ts +0 -1
  245. package/dist/esm/components/organisms/Snackbar/Snackbar.js +0 -1
  246. package/dist/esm/components/organisms/Snackbar/Snackbar.js.map +1 -1
  247. package/dist/esm/controllers/DropdownController.d.ts +3 -1
  248. package/dist/esm/controllers/DropdownController.js +6 -4
  249. package/dist/esm/controllers/DropdownController.js.map +1 -1
  250. package/dist/esm/controllers/ListController.d.ts +0 -2
  251. package/dist/esm/controllers/ListController.js +29 -7
  252. package/dist/esm/controllers/ListController.js.map +1 -1
  253. package/dist/esm/index.d.ts +6 -0
  254. package/dist/esm/index.js +6 -0
  255. package/dist/esm/index.js.map +1 -1
  256. package/package.json +91 -92
  257. package/dist/cjs/assets/index-ChnUq-Oa.css +0 -3642
  258. package/dist/esm/components/atoms/Amount/Amount.css +0 -43
  259. package/dist/esm/components/atoms/Amount/Amount.css.map +0 -1
  260. package/dist/esm/components/atoms/Avatar/Avatar.css +0 -35
  261. package/dist/esm/components/atoms/Avatar/Avatar.css.map +0 -1
  262. package/dist/esm/components/atoms/Badge/Badge.css +0 -40
  263. package/dist/esm/components/atoms/Badge/Badge.css.map +0 -1
  264. package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css +0 -66
  265. package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css.map +0 -1
  266. package/dist/esm/components/atoms/Button/Button.css +0 -202
  267. package/dist/esm/components/atoms/Button/Button.css.map +0 -1
  268. package/dist/esm/components/atoms/ButtonAction/ButtonAction.css +0 -102
  269. package/dist/esm/components/atoms/ButtonAction/ButtonAction.css.map +0 -1
  270. package/dist/esm/components/atoms/ButtonOption/ButtonOption.css +0 -36
  271. package/dist/esm/components/atoms/ButtonOption/ButtonOption.css.map +0 -1
  272. package/dist/esm/components/atoms/CheckBox/CheckBox.css +0 -36
  273. package/dist/esm/components/atoms/CheckBox/CheckBox.css.map +0 -1
  274. package/dist/esm/components/atoms/Icon/Icon.css +0 -26
  275. package/dist/esm/components/atoms/Icon/Icon.css.map +0 -1
  276. package/dist/esm/components/atoms/Image/Image.css +0 -24
  277. package/dist/esm/components/atoms/Image/Image.css.map +0 -1
  278. package/dist/esm/components/atoms/Input/Input.css +0 -76
  279. package/dist/esm/components/atoms/Input/Input.css.map +0 -1
  280. package/dist/esm/components/atoms/InputDecimal/InputDecimal.css +0 -7
  281. package/dist/esm/components/atoms/InputDecimal/InputDecimal.css.map +0 -1
  282. package/dist/esm/components/atoms/InputMoney/InputMoney.css +0 -7
  283. package/dist/esm/components/atoms/InputMoney/InputMoney.css.map +0 -1
  284. package/dist/esm/components/atoms/InputNumber/InputNumber.css +0 -5
  285. package/dist/esm/components/atoms/InputNumber/InputNumber.css.map +0 -1
  286. package/dist/esm/components/atoms/InputPassword/InputPassword.css +0 -36
  287. package/dist/esm/components/atoms/InputPassword/InputPassword.css.map +0 -1
  288. package/dist/esm/components/atoms/InputPercentage/InputPercentage.css +0 -5
  289. package/dist/esm/components/atoms/InputPercentage/InputPercentage.css.map +0 -1
  290. package/dist/esm/components/atoms/InputSearch/InputSearch.css +0 -18
  291. package/dist/esm/components/atoms/InputSearch/InputSearch.css.map +0 -1
  292. package/dist/esm/components/atoms/InputText/InputText.css +0 -5
  293. package/dist/esm/components/atoms/InputText/InputText.css.map +0 -1
  294. package/dist/esm/components/atoms/Label/Label.css +0 -12
  295. package/dist/esm/components/atoms/Label/Label.css.map +0 -1
  296. package/dist/esm/components/atoms/MessageIcon/MessageIcon.css +0 -12
  297. package/dist/esm/components/atoms/MessageIcon/MessageIcon.css.map +0 -1
  298. package/dist/esm/components/atoms/Poster/Poster.css +0 -31
  299. package/dist/esm/components/atoms/Poster/Poster.css.map +0 -1
  300. package/dist/esm/components/atoms/ProgressBar/ProgressBar.css +0 -68
  301. package/dist/esm/components/atoms/ProgressBar/ProgressBar.css.map +0 -1
  302. package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.css +0 -46
  303. package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.css.map +0 -1
  304. package/dist/esm/components/atoms/RadioButton/RadioButton.css +0 -41
  305. package/dist/esm/components/atoms/RadioButton/RadioButton.css.map +0 -1
  306. package/dist/esm/components/atoms/Skeleton/Skeleton.css +0 -35
  307. package/dist/esm/components/atoms/Skeleton/Skeleton.css.map +0 -1
  308. package/dist/esm/components/atoms/SkeletonText/SkeletonText.css +0 -29
  309. package/dist/esm/components/atoms/SkeletonText/SkeletonText.css.map +0 -1
  310. package/dist/esm/components/atoms/Spinner/Spinner.css +0 -82
  311. package/dist/esm/components/atoms/Spinner/Spinner.css.map +0 -1
  312. package/dist/esm/components/atoms/Switch/Switch.css +0 -54
  313. package/dist/esm/components/atoms/Switch/Switch.css.map +0 -1
  314. package/dist/esm/components/atoms/TabularText/TabularText.css +0 -27
  315. package/dist/esm/components/atoms/TabularText/TabularText.css.map +0 -1
  316. package/dist/esm/components/molecules/Alert/Alert.css +0 -38
  317. package/dist/esm/components/molecules/Alert/Alert.css.map +0 -1
  318. package/dist/esm/components/molecules/Ballot/Ballot.css +0 -88
  319. package/dist/esm/components/molecules/Ballot/Ballot.css.map +0 -1
  320. package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.css +0 -7
  321. package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.css.map +0 -1
  322. package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css +0 -81
  323. package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css.map +0 -1
  324. package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.css +0 -6
  325. package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.css.map +0 -1
  326. package/dist/esm/components/molecules/FieldFile/FieldFile.css +0 -29
  327. package/dist/esm/components/molecules/FieldFile/FieldFile.css.map +0 -1
  328. package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.css +0 -49
  329. package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.css.map +0 -1
  330. package/dist/esm/components/molecules/FieldMoney/FieldMoney.css +0 -6
  331. package/dist/esm/components/molecules/FieldMoney/FieldMoney.css.map +0 -1
  332. package/dist/esm/components/molecules/FieldNumber/FieldNumber.css +0 -6
  333. package/dist/esm/components/molecules/FieldNumber/FieldNumber.css.map +0 -1
  334. package/dist/esm/components/molecules/FieldPassword/FieldPassword.css +0 -14
  335. package/dist/esm/components/molecules/FieldPassword/FieldPassword.css.map +0 -1
  336. package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css +0 -6
  337. package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css.map +0 -1
  338. package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css +0 -15
  339. package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css.map +0 -1
  340. package/dist/esm/components/molecules/FieldText/FieldText.css +0 -6
  341. package/dist/esm/components/molecules/FieldText/FieldText.css.map +0 -1
  342. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css +0 -54
  343. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css.map +0 -1
  344. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css +0 -57
  345. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css.map +0 -1
  346. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css +0 -53
  347. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css.map +0 -1
  348. package/dist/esm/components/molecules/Pagination/Pagination.css +0 -92
  349. package/dist/esm/components/molecules/Pagination/Pagination.css.map +0 -1
  350. package/dist/esm/components/molecules/PickerDay/PickerDay.css +0 -94
  351. package/dist/esm/components/molecules/PickerDay/PickerDay.css.map +0 -1
  352. package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css +0 -86
  353. package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css.map +0 -1
  354. package/dist/esm/components/molecules/PickerMonth/PickerMonth.css +0 -51
  355. package/dist/esm/components/molecules/PickerMonth/PickerMonth.css.map +0 -1
  356. package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css +0 -40
  357. package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css.map +0 -1
  358. package/dist/esm/components/molecules/PickerYear/PickerYear.css +0 -90
  359. package/dist/esm/components/molecules/PickerYear/PickerYear.css.map +0 -1
  360. package/dist/esm/components/molecules/Slider/Slider.css +0 -60
  361. package/dist/esm/components/molecules/Slider/Slider.css.map +0 -1
  362. package/dist/esm/components/molecules/Tabs/Tabs.css +0 -39
  363. package/dist/esm/components/molecules/Tabs/Tabs.css.map +0 -1
  364. package/dist/esm/components/molecules/Toolbar/Toolbar.css +0 -40
  365. package/dist/esm/components/molecules/Toolbar/Toolbar.css.map +0 -1
  366. package/dist/esm/components/organisms/BottomSheet/BottomSheet.css +0 -89
  367. package/dist/esm/components/organisms/BottomSheet/BottomSheet.css.map +0 -1
  368. package/dist/esm/components/organisms/Card/Card.css +0 -25
  369. package/dist/esm/components/organisms/Card/Card.css.map +0 -1
  370. package/dist/esm/components/organisms/Confirmation/Confirmation.css +0 -155
  371. package/dist/esm/components/organisms/Confirmation/Confirmation.css.map +0 -1
  372. package/dist/esm/components/organisms/Dropdown/Dropdown.css +0 -31
  373. package/dist/esm/components/organisms/Dropdown/Dropdown.css.map +0 -1
  374. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css +0 -61
  375. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css.map +0 -1
  376. package/dist/esm/components/organisms/FieldClock/FieldClock.css +0 -72
  377. package/dist/esm/components/organisms/FieldClock/FieldClock.css.map +0 -1
  378. package/dist/esm/components/organisms/FieldDate/FieldDate.css +0 -71
  379. package/dist/esm/components/organisms/FieldDate/FieldDate.css.map +0 -1
  380. package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css +0 -71
  381. package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css.map +0 -1
  382. package/dist/esm/components/organisms/FieldSelect/FieldSelect.css +0 -9
  383. package/dist/esm/components/organisms/FieldSelect/FieldSelect.css.map +0 -1
  384. package/dist/esm/components/organisms/FormNavigation/FormNavigation.css +0 -35
  385. package/dist/esm/components/organisms/FormNavigation/FormNavigation.css.map +0 -1
  386. package/dist/esm/components/organisms/ImageChooser/ImageChooser.css +0 -36
  387. package/dist/esm/components/organisms/ImageChooser/ImageChooser.css.map +0 -1
  388. package/dist/esm/components/organisms/ImageEditor/ImageEditor.css +0 -97
  389. package/dist/esm/components/organisms/ImageEditor/ImageEditor.css.map +0 -1
  390. package/dist/esm/components/organisms/ImageEditorModal/ImageEditorModal.css +0 -13
  391. package/dist/esm/components/organisms/ImageEditorModal/ImageEditorModal.css.map +0 -1
  392. package/dist/esm/components/organisms/Modal/Modal.css +0 -61
  393. package/dist/esm/components/organisms/Modal/Modal.css.map +0 -1
  394. package/dist/esm/components/organisms/ModalSheet/ModalSheet.css +0 -114
  395. package/dist/esm/components/organisms/ModalSheet/ModalSheet.css.map +0 -1
  396. package/dist/esm/components/organisms/PickerClock/PickerClock.css +0 -116
  397. package/dist/esm/components/organisms/PickerClock/PickerClock.css.map +0 -1
  398. package/dist/esm/components/organisms/PickerDate/PickerDate.css +0 -65
  399. package/dist/esm/components/organisms/PickerDate/PickerDate.css.map +0 -1
  400. package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css +0 -62
  401. package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css.map +0 -1
  402. package/dist/esm/components/organisms/Snackbar/Snackbar.css +0 -74
  403. package/dist/esm/components/organisms/Snackbar/Snackbar.css.map +0 -1
@@ -1,3642 +0,0 @@
1
- .rls-tabular-text {
2
- --pvt-char-font-size: var(
3
- --rlc-tabular-text-font-size,
4
- var(--rls-body-font-size)
5
- );
6
- --pvt-char-font-weight: var(--rlc-tabular-text-font-weight, inherit);
7
- --pvt-char-height: var(--pvt-char-font-size);
8
- --pvt-char-width: var(--rlc-tabular-text-char-width, 5.5rem);
9
- --pvt-pointer-width: var(--rlc-tabular-text-pointer-width, 2rem);
10
- display: flex;
11
- width: auto;
12
- height: var(--pvt-char-height);
13
- line-height: var(--pvt-char-height);
14
- font-size: var(--pvt-char-font-size);
15
- font-weight: var(--pvt-char-font-weight);
16
- justify-content: var(--rlc-tabular-text-align, flex-start);
17
- }
18
- .rls-tabular-text__char {
19
- display: block;
20
- width: var(--pvt-char-width);
21
- text-align: center;
22
- }
23
- .rls-tabular-text__pointer {
24
- display: block;
25
- width: var(--pvt-pointer-width);
26
- text-align: center;
27
- } /*# sourceMappingURL=TabularText.css.map */
28
-
29
- .rls-amount {
30
- --pvt-font-size: var(--rlc-amount-font-size, inherit);
31
- --pvt-font-weight: var(--rlc-amount-font-weight, inherit);
32
- --pvt-decimal-width: var(--rlc-amount-decimal-width, 0.5);
33
- --pvt-decimal-size: var(--rlc-amount-decimal-size, 0.6);
34
- --pvt-width-separator: var(--rlc-amount-separator, 1.25);
35
- --rlc-tabular-text-font-size: var(--pvt-font-size);
36
- --rlc-tabular-text-font-weight: var(--pvt-font-weight);
37
- --rlc-tabular-text-char-width: calc(
38
- var(--pvt-font-size) / var(--pvt-width-separator)
39
- );
40
- display: flex;
41
- width: var(--rlc-amount-width, auto);
42
- height: var(--rlc-amount-height, auto);
43
- justify-content: var(--rlc-amount-text-align, flex-start);
44
- align-items: var(--rlc-amount-align-items, initial);
45
- column-gap: var(--rls-sizing-x2);
46
- font-size: var(--pvt-font-size);
47
- font-weight: var(--pvt-font-weight);
48
- color: var(--rlc-amount-font-color, inherit);
49
- }
50
- .rls-amount[rls-theme] {
51
- color: var(--rls-theme-color-500);
52
- }
53
- .rls-amount__symbol {
54
- display: block;
55
- line-height: calc(var(--pvt-font-size) + 1rem);
56
- height: calc(var(--pvt-font-size) + 1rem);
57
- }
58
- .rls-amount__content {
59
- display: flex;
60
- justify-content: var(--rlc-amount-text-align, flex-start);
61
- align-items: var(--rlc-amount-align-items, center);
62
- }
63
- .rls-amount__decimal {
64
- --rlc-tabular-text-char-width: calc(
65
- var(--pvt-font-size) * var(--pvt-decimal-width)
66
- );
67
- --rlc-tabular-text-font-size: calc(
68
- var(--pvt-font-size) * var(--pvt-decimal-size)
69
- );
70
- align-self: flex-end;
71
- } /*# sourceMappingURL=Amount.css.map */
72
-
73
- .rls-avatar {
74
- --rlc-image-width: var(--rlc-avatar-width);
75
- --rlc-image-height: var(--rlc-avatar-height);
76
- position: relative;
77
- display: flex;
78
- width: var(--rlc-avatar-width, var(--rls-sizing-x24));
79
- height: var(--rlc-avatar-height, var(--rls-sizing-x24));
80
- justify-content: center;
81
- align-items: center;
82
- border-radius: var(--rlc-avatar-radius, var(--rls-sizing-x4));
83
- font-size: var(--rlc-avatar-font-size, var(--rls-title-font-size));
84
- color: var(--rlc-avatar-color, var(--rls-theme-color-050));
85
- background: var(--rlc-avatar-background, var(--rls-theme-gradient-500));
86
- overflow: hidden;
87
- }
88
- .rls-avatar--skeleton {
89
- background: var(--rls-theme-color-200);
90
- }
91
- .rls-avatar--skeleton > * {
92
- display: none;
93
- }
94
- .rls-avatar--rounded {
95
- border-radius: 50%;
96
- }
97
- .rls-avatar--contrasted {
98
- color: var(--rlc-avatar-color, var(--rls-theme-color-500));
99
- background: var(--rlc-avatar-background, var(--rls-theme-color-100));
100
- }
101
- .rls-avatar > span {
102
- font-size: inherit;
103
- }
104
- .rls-avatar > img {
105
- width: 100%;
106
- object-fit: cover;
107
- } /*# sourceMappingURL=Avatar.css.map */
108
-
109
- .rls-badge {
110
- --pvt-dimension: var(--rlc-badge-dimension, var(--rls-sizing-x12));
111
- --pvt-font-color: var(--rls-app-color-050);
112
- --pvt-background: var(--rls-app-color-700);
113
- --pvt-contrasted-font-color: var(--rls-app-color-600);
114
- --pvt-contrasted-background: var(--rls-app-color-200);
115
- position: relative;
116
- display: inline-block;
117
- width: auto;
118
- min-width: var(--pvt-dimension);
119
- height: var(--pvt-dimension);
120
- line-height: var(--pvt-dimension);
121
- padding: var(--rlc-badge-padding, 0rem var(--rls-sizing-x2));
122
- box-sizing: var(--rlc-badge-box-sizing, border-box);
123
- font-size: var(--rlc-badge-font-size, var(--rls-smalltext-font-size));
124
- font-weight: var(--rlc-badge-font-weight, var(--rls-font-weight-regular));
125
- text-align: center;
126
- letter-spacing: var(
127
- --rlc-badge-letter-spacing,
128
- var(--rls-smalltext-letter-spacing)
129
- );
130
- color: var(--pvt-font-color);
131
- background: var(--pvt-background);
132
- border-radius: var(--rlc-badge-radius, calc(var(--pvt-dimension) / 2));
133
- }
134
- .rls-badge--contrasted {
135
- color: var(--pvt-contrasted-font-color);
136
- background: var(--pvt-contrasted-background);
137
- }
138
- .rls-badge[rls-theme] {
139
- --pvt-font-color: var(--rls-theme-color-050);
140
- --pvt-background: var(--rls-theme-color-500);
141
- --pvt-contrasted-font-color: var(--rls-theme-color-700);
142
- --pvt-contrasted-background: var(--rls-theme-color-100);
143
- }
144
- .rls-badge > span {
145
- font-size: inherit;
146
- letter-spacing: inherit;
147
- line-height: inherit;
148
- } /*# sourceMappingURL=Badge.css.map */
149
-
150
- .rls-breadcrumb {
151
- --pvt-height: var(--rlc-breadcrumb-height, var(--rls-sizing-x18));
152
- --pvt-link-font-color: var(--rls-app-color-600);
153
- --pvt-label-font-size: var(
154
- --rlc-breadcrumb-font-size,
155
- var(--rls-body-font-size)
156
- );
157
- --pvt-label-font-weight: var(--rlc-breadcrumb-font-weight, inherit);
158
- --pvt-label-letter-spacing: var(
159
- --rlc-breadcrumb-letter-spacing,
160
- var(--rls-body-letter-spacing)
161
- );
162
- display: -webkit-box;
163
- width: 100%;
164
- height: var(--pvt-height);
165
- line-height: var(--pvt-height);
166
- padding: 0rem var(--rls-sizing-x8);
167
- box-sizing: border-box;
168
- user-select: none;
169
- overflow: auto;
170
- overflow-y: hidden;
171
- color: var(--rls-app-color-600);
172
- font-weight: var(--rls-font-weight-medium);
173
- }
174
- .rls-breadcrumb::-webkit-scrollbar {
175
- width: 0rem;
176
- height: 0rem;
177
- }
178
- .rls-breadcrumb__label {
179
- display: block;
180
- height: inherit;
181
- color: inherit;
182
- line-height: inherit;
183
- font-weight: var(--pvt-label-font-weight);
184
- font-size: var(--pvt-label-font-size);
185
- letter-spacing: var(--pvt-label-letter-spacing);
186
- }
187
- .rls-breadcrumb__label:first-child::before {
188
- display: none;
189
- }
190
- .rls-breadcrumb__label::before {
191
- font-family: -rolster-icons;
192
- display: inline-block;
193
- content: '';
194
- margin: 0rem var(--rls-sizing-x2);
195
- cursor: default;
196
- color: inherit;
197
- font-size: var(--rls-sizing-x12);
198
- font-weight: normal;
199
- font-style: normal;
200
- letter-spacing: normal;
201
- vertical-align: top;
202
- -webkit-font-smoothing: antialiased;
203
- }
204
- .rls-breadcrumb__label__a {
205
- display: inline-block;
206
- }
207
- .rls-breadcrumb__label__a[rls-theme] {
208
- color: var(--rls-theme-color-500);
209
- }
210
- .rls-breadcrumb__label__a--actionable {
211
- cursor: pointer;
212
- }
213
- .rls-breadcrumb__label__a--actionable:hover {
214
- text-decoration: underline;
215
- } /*# sourceMappingURL=Breadcrumb.css.map */
216
-
217
- .rls-icon {
218
- --pvt-icon-dimension: var(--rlc-icon-dimension, var(--rls-sizing-x12));
219
- --pvt-icon-display: block;
220
- --pvt-icon-color: var(--rlc-icon-color);
221
- position: relative;
222
- font-size: var(--pvt-icon-dimension);
223
- width: var(--pvt-icon-dimension);
224
- height: var(--pvt-icon-dimension);
225
- line-height: var(--pvt-icon-dimension);
226
- }
227
- .rls-icon--skeleton {
228
- --pvt-icon-display: none;
229
- background: var(--rls-theme-color-300);
230
- border-radius: var(--rls-sizing-x2);
231
- }
232
- .rls-icon[rls-theme] {
233
- --pvt-icon-color: var(--rls-theme-color-500);
234
- }
235
- .rls-icon > i {
236
- display: var(--pvt-icon-display);
237
- color: var(--pvt-icon-color, inherit);
238
- width: 100%;
239
- height: 100%;
240
- line-height: inherit;
241
- font-size: inherit;
242
- } /*# sourceMappingURL=Icon.css.map */
243
-
244
- .rls-spinner {
245
- position: relative;
246
- display: block;
247
- width: var(--rlc-spinner-dimension, var(--rls-sizing-x12));
248
- height: var(--rlc-spinner-dimension, var(--rls-sizing-x12));
249
- fill: var(--rlc-spinner-color, var(--rls-app-color-800));
250
- }
251
- .rls-spinner__svg {
252
- position: absolute;
253
- width: 100%;
254
- height: 100%;
255
- fill: inherit;
256
- transform-origin: center center;
257
- transform: translateZ(0px);
258
- animation: 1s linear 0s infinite normal none running rls-spinner-scale-out;
259
- }
260
- .rls-spinner__svg > circle {
261
- r: 5;
262
- transform: translate(32px, 32px);
263
- }
264
- .rls-spinner__svg--1 {
265
- top: 0px;
266
- left: 9px;
267
- animation-delay: -1000ms;
268
- animation-duration: 1000ms;
269
- }
270
- .rls-spinner__svg--2 {
271
- top: 5.78509px;
272
- left: 6.8944px;
273
- animation-delay: -888.889ms;
274
- animation-duration: 1000ms;
275
- }
276
- .rls-spinner__svg--3 {
277
- top: 8.86327px;
278
- left: 1.56283px;
279
- animation-delay: -777.778ms;
280
- animation-duration: 1000ms;
281
- }
282
- .rls-spinner__svg--4 {
283
- top: 7.79423px;
284
- left: -4.5px;
285
- animation-delay: -666.667ms;
286
- animation-duration: 1000ms;
287
- }
288
- .rls-spinner__svg--5 {
289
- top: 3.07818px;
290
- left: -8.45723px;
291
- animation-delay: -555.556ms;
292
- animation-duration: 1000ms;
293
- }
294
- .rls-spinner__svg--6 {
295
- top: -3.07818px;
296
- left: -8.45723px;
297
- animation-delay: -444.444ms;
298
- animation-duration: 1000ms;
299
- }
300
- .rls-spinner__svg--7 {
301
- top: -7.79423px;
302
- left: -4.5px;
303
- animation-delay: -333.333ms;
304
- animation-duration: 1000ms;
305
- }
306
- .rls-spinner__svg--8 {
307
- top: -8.86327px;
308
- left: 1.56283px;
309
- animation-delay: -222.222ms;
310
- animation-duration: 1000ms;
311
- }
312
- .rls-spinner__svg--9 {
313
- top: -5.78509px;
314
- left: 6.8944px;
315
- animation-delay: -111.111ms;
316
- animation-duration: 1000ms;
317
- }
318
- @keyframes rls-spinner-scale-out {
319
- 0% {
320
- transform: scale(1, 1);
321
- }
322
- 100% {
323
- transform: scale(0, 0);
324
- }
325
- } /*# sourceMappingURL=Spinner.css.map */
326
-
327
- .rls-button {
328
- --pvt-button-content-background: none;
329
- --pvt-button-content-border: none;
330
- --pvt-button-content-box-shadow: var(--rlc-button-content-box-shadow, none);
331
- --pvt-button-content-font-color: var(--rls-theme-color-500);
332
- --pvt-button-content-animation: none;
333
- --pvt-button-content-visibility: hidden;
334
- --pvt-button-ripple-background: var(--rls-theme-color-700);
335
- --pvt-ghost-background: none;
336
- --pvt-ghost-font-color: var(--rls-theme-color-500);
337
- --pvt-ghost-border: none;
338
- --pvt-outline-background: var(--rls-app-color-050);
339
- --pvt-outline-font-color: var(--rls-app-color-500);
340
- --pvt-outline-border: var(--rls-app-border-1-300);
341
- --pvt-flat-background: var(--rls-theme-color-100);
342
- --pvt-flat-font-color: var(--rls-theme-color-500);
343
- --pvt-flat-border: none;
344
- --pvt-stroked-background: var(--rls-app-color-050);
345
- --pvt-stroked-font-color: var(--rls-theme-color-500);
346
- --pvt-stroked-border: var(--rls-theme-border-1-300);
347
- --pvt-classic-background: var(--rls-theme-color-050);
348
- --pvt-classic-font-color: var(--rls-theme-color-500);
349
- --pvt-classic-border: var(--rls-theme-border-1-300);
350
- --pvt-raised-background: var(--rls-theme-color-500);
351
- --pvt-raised-font-color: var(--rls-theme-color-050);
352
- --pvt-raised-border: none;
353
- --pvt-gradient-background: var(--rls-theme-gradient-500);
354
- --pvt-gradient-font-color: var(--rls-theme-color-050);
355
- --pvt-gradient-border: none;
356
- position: relative;
357
- padding: 0rem;
358
- width: var(--rlc-button-width, auto);
359
- outline: none;
360
- background: rgba(0, 0, 0, 0);
361
- }
362
- .rls-button:not(:disabled):not(:active) {
363
- --pvt-button-content-animation: ripple-squarecenter 1000ms
364
- var(--rls-standard-curve);
365
- }
366
- .rls-button:not(:disabled):focus {
367
- --pvt-button-content-visibility: visible;
368
- }
369
- .rls-button:not(:disabled):hover {
370
- --pvt-ghost-background: var(--rls-theme-color-200);
371
- --pvt-ghost-font-color: var(--rls-theme-font-100);
372
- --pvt-ghost-border: none;
373
- --pvt-outline-background: transparent;
374
- --pvt-outline-font-color: var(--rls-theme-color-500);
375
- --pvt-outline-border: var(--rls-theme-border-1-500);
376
- --pvt-stroked-background: var(--rls-theme-color-100);
377
- --pvt-stroked-font-color: var(--rls-theme-color-700);
378
- --pvt-stroked-border: var(--rls-theme-border-1-700);
379
- --pvt-classic-background: var(--rls-theme-color-100);
380
- --pvt-classic-font-color: var(--rls-theme-color-700);
381
- --pvt-classic-border: var(--rls-theme-border-1-700);
382
- --pvt-flat-background: var(--rls-theme-color-200);
383
- --pvt-flat-font-color: var(--rls-theme-color-700);
384
- --pvt-flat-border: none;
385
- --pvt-raised-background: var(--rls-theme-color-700);
386
- --pvt-raised-font-color: var(--rls-theme-font-900);
387
- --pvt-raised-border: none;
388
- --pvt-gradient-background: var(--rls-theme-color-700);
389
- --pvt-gradient-font-color: var(--rls-theme-font-900);
390
- --pvt-gradient-border: none;
391
- }
392
- .rls-button:disabled {
393
- --pvt-button-content-box-shadow: none;
394
- --pvt-ghost-background: transparent;
395
- --pvt-ghost-font-color: var(--rls-app-color-400);
396
- --pvt-ghost-border: none;
397
- --pvt-outline-background: transparent;
398
- --pvt-outline-font-color: var(--rls-app-color-400);
399
- --pvt-outline-border: var(--rls-app-border-1-300);
400
- --pvt-stroked-background: transparent;
401
- --pvt-stroked-font-color: var(--rls-app-color-400);
402
- --pvt-stroked-border: var(--rls-app-border-1-300);
403
- --pvt-classic-background: var(--rls-app-color-100);
404
- --pvt-classic-font-color: var(--rls-app-color-400);
405
- --pvt-classic-border: var(--rls-app-border-1-300);
406
- --pvt-flat-background: var(--rls-app-color-100);
407
- --pvt-flat-font-color: var(--rls-app-color-400);
408
- --pvt-flat-border: none;
409
- --pvt-raised-background: var(--rls-app-color-100);
410
- --pvt-raised-font-color: var(--rls-app-color-400);
411
- --pvt-raised-border: none;
412
- --pvt-gradient-background: var(--rls-app-color-100);
413
- --pvt-gradient-font-color: var(--rls-app-color-400);
414
- --pvt-gradient-border: none;
415
- pointer-events: none;
416
- }
417
- .rls-button__content {
418
- display: flex;
419
- justify-content: center;
420
- align-items: center;
421
- overflow: hidden;
422
- column-gap: var(--rlc-button-content-gap, var(--rls-sizing-x2));
423
- line-height: var(--rls-sizing-x20);
424
- height: var(--rls-sizing-x20);
425
- padding: var(--rlc-button-content-padding, 0rem var(--rls-sizing-x4));
426
- box-sizing: border-box;
427
- border-radius: var(--rlc-button-content-radius, var(--rls-sizing-x2));
428
- box-shadow: var(--pvt-button-content-box-shadow);
429
- color: var(--pvt-button-content-font-color);
430
- border: var(--pvt-button-content-border);
431
- background: var(--pvt-button-content-background);
432
- pointer-events: none;
433
- }
434
- .rls-button__content::before {
435
- position: absolute;
436
- display: block;
437
- content: '';
438
- top: 50%;
439
- left: 50%;
440
- padding-top: calc(100% - var(--rls-sizing-x8));
441
- padding-left: calc(100% - var(--rls-sizing-x8));
442
- margin-top: calc(-50% + var(--rls-sizing-x4));
443
- margin-left: calc(-50% + var(--rls-sizing-x4));
444
- border-radius: 50%;
445
- opacity: 0.26;
446
- transform: scale(0);
447
- z-index: var(--rls-z-index-2);
448
- background: var(--pvt-button-ripple-background);
449
- animation: var(--pvt-button-content-animation);
450
- visibility: var(--pvt-button-content-visibility);
451
- }
452
- .rls-button__content--ghost {
453
- --rlc-spinner-color: var(--pvt-ghost-font-color);
454
- --pvt-button-content-font-color: var(--pvt-ghost-font-color);
455
- --pvt-button-content-background: var(--pvt-ghost-background);
456
- --pvt-button-content-border: var(--pvt-ghost-border);
457
- }
458
- .rls-button__content--outline {
459
- --rlc-spinner-color: var(--pvt-outline-font-color);
460
- --pvt-button-content-font-color: var(--pvt-outline-font-color);
461
- --pvt-button-content-background: var(--pvt-outline-background);
462
- --pvt-button-content-border: var(--pvt-outline-border);
463
- }
464
- .rls-button__content--stroked {
465
- --rlc-spinner-color: var(--pvt-stroked-font-color);
466
- --pvt-button-content-font-color: var(--pvt-stroked-font-color);
467
- --pvt-button-content-background: var(--pvt-stroked-background);
468
- --pvt-button-content-border: var(--pvt-stroked-border);
469
- }
470
- .rls-button__content--classic {
471
- --rlc-spinner-color: var(--pvt-classic-font-color);
472
- --pvt-button-content-font-color: var(--pvt-classic-font-color);
473
- --pvt-button-content-background: var(--pvt-classic-background);
474
- --pvt-button-content-border: var(--pvt-classic-border);
475
- --pvt-button-ripple-background: var(--rls-theme-font-100);
476
- }
477
- .rls-button__content--flat {
478
- --rlc-spinner-color: var(--pvt-flat-font-color);
479
- --pvt-button-content-font-color: var(--pvt-flat-font-color);
480
- --pvt-button-content-background: var(--pvt-flat-background);
481
- --pvt-button-content-border: var(--pvt-flat-border);
482
- --pvt-button-ripple-background: var(--rls-theme-font-100);
483
- }
484
- .rls-button__content--raised {
485
- --rlc-spinner-color: var(--pvt-raised-font-color);
486
- --pvt-button-content-font-color: var(--pvt-raised-font-color);
487
- --pvt-button-content-background: var(--pvt-raised-background);
488
- --pvt-button-content-border: var(--pvt-raised-border);
489
- --pvt-button-ripple-background: var(--rls-theme-font-900);
490
- }
491
- .rls-button__content--gradient {
492
- --rlc-spinner-color: var(--pvt-gradient-font-color);
493
- --pvt-button-content-font-color: var(--pvt-gradient-font-color);
494
- --pvt-button-content-background: var(--pvt-gradient-background);
495
- --pvt-button-content-border: var(--pvt-gradient-border);
496
- --pvt-button-ripple-background: var(--rls-theme-font-900);
497
- }
498
- .rls-button__description {
499
- display: flex;
500
- width: auto;
501
- align-items: center;
502
- column-gap: var(--rlc-button-description-gap, var(--rls-sizing-x2));
503
- padding: 0rem var(--rls-sizing-x2);
504
- line-height: initial;
505
- font-size: var(--rls-button-font-size);
506
- letter-spacing: var(--rls-button-letter-spacing);
507
- font-weight: var(--rlc-button-font-weight, var(--rls-font-weight-medium));
508
- text-transform: var(--rlc-button-label-text-transform, uppercase);
509
- text-overflow: ellipsis;
510
- overflow: hidden;
511
- white-space: nowrap;
512
- }
513
- .rls-button__description a {
514
- text-decoration: none;
515
- color: inherit;
516
- }
517
- @keyframes ripple-squarecenter {
518
- 0% {
519
- transform: scale(0);
520
- }
521
- 20% {
522
- transform: scale(1);
523
- }
524
- 100% {
525
- opacity: 0;
526
- transform: scale(1);
527
- }
528
- } /*# sourceMappingURL=Button.css.map */
529
-
530
- .rls-button-action {
531
- --pvt-ripple-dimension: var(
532
- --rlc-action-ripple-dimension,
533
- var(--rls-sizing-x18)
534
- );
535
- --pvt-ripple-position: var(--rlc-action-ripple-position, -9rem);
536
- --pvt-ripple-color: var(--rlc-action-ripple-color, var(--rls-app-color-600));
537
- --pvt-tooltip-transition-delay: 0ms;
538
- --pvt-tooltip-opacity: 0;
539
- position: relative;
540
- width: var(--rls-sizing-x16);
541
- height: var(--rls-sizing-x16);
542
- border: none;
543
- outline: none;
544
- padding: var(--rls-sizing-x2);
545
- box-sizing: border-box;
546
- user-select: none;
547
- cursor: default;
548
- border-radius: var(--rlc-action-radius, 50%);
549
- color: var(--rlc-action-color, var(--rls-app-color-600));
550
- background: var(--rlc-action-background, transparent);
551
- }
552
- .rls-button-action::before {
553
- position: absolute;
554
- display: block;
555
- content: '';
556
- top: 50%;
557
- left: 50%;
558
- opacity: 0.32;
559
- visibility: hidden;
560
- border-radius: 50%;
561
- transform: scale(0);
562
- background: var(--pvt-ripple-color);
563
- padding-top: calc(120% - var(--rls-sizing-x4));
564
- padding-left: calc(120% - var(--rls-sizing-x4));
565
- margin-top: calc(-60% + var(--rls-sizing-x2));
566
- margin-left: calc(-60% + var(--rls-sizing-x2));
567
- }
568
- .rls-button-action:not(:active)::before {
569
- animation: ripple-button-action 1000ms var(--rls-standard-curve);
570
- }
571
- .rls-button-action:focus::before {
572
- visibility: visible;
573
- }
574
- .rls-button-action::after {
575
- position: absolute;
576
- content: '';
577
- top: 50%;
578
- left: 50%;
579
- opacity: 0.24;
580
- width: var(--pvt-ripple-dimension);
581
- height: var(--pvt-ripple-dimension);
582
- margin-top: var(--pvt-ripple-position);
583
- margin-left: var(--pvt-ripple-position);
584
- border-radius: 50%;
585
- background: var(--pvt-ripple-color);
586
- transform: scale(0);
587
- transition: transform 160ms 0ms var(--rls-sharp-curve);
588
- }
589
- .rls-button-action:not(:disabled):hover {
590
- --pvt-tooltip-opacity: 1;
591
- --pvt-tooltip-transition-delay: 480ms;
592
- }
593
- .rls-button-action:not(:disabled):hover::after {
594
- transform: scale(1);
595
- }
596
- .rls-button-action:disabled {
597
- opacity: 0.5;
598
- pointer-events: none;
599
- }
600
- .rls-button-action__content {
601
- pointer-events: none;
602
- }
603
- .rls-button-action__tooltip {
604
- position: absolute;
605
- top: calc(100% + var(--rls-sizing-x6));
606
- left: 50%;
607
- width: auto;
608
- float: initial;
609
- padding: var(--rls-sizing-x4);
610
- border-radius: var(--rls-sizing-x2);
611
- white-space: nowrap;
612
- pointer-events: none;
613
- transform: translateX(-50%);
614
- background: var(--rls-app-color-900);
615
- color: var(--rls-app-color-050);
616
- transition: opacity 200ms 0ms var(--rls-deceleration-curve);
617
- opacity: var(--pvt-tooltip-opacity);
618
- transition-delay: var(--pvt-tooltip-transition-delay);
619
- }
620
- @keyframes ripple-button-action {
621
- 0% {
622
- transform: scale(0);
623
- }
624
- 20% {
625
- transform: scale(1);
626
- }
627
- 100% {
628
- opacity: 0;
629
- transform: scale(1);
630
- }
631
- } /*# sourceMappingURL=ButtonAction.css.map */
632
-
633
- .rls-button-option {
634
- --pvt-span-color: var(--rls-app-color-800);
635
- --pvt-background-hover: var(--rls-theme-color-100);
636
- --rlc-icon-color: var(--rls-app-color-600);
637
- display: flex;
638
- width: var(--rlc-button-option, auto);
639
- flex-direction: column;
640
- row-gap: var(--rls-sizing-x3);
641
- align-items: center;
642
- padding: var(--rls-sizing-x4) var(--rls-sizing-x3);
643
- box-sizing: border-box;
644
- outline: none;
645
- background: rgba(0, 0, 0, 0);
646
- border: var(--rls-app-border-1-300);
647
- border-radius: var(--rls-sizing-x4);
648
- overflow: hidden;
649
- }
650
- .rls-button-option:not(:disabled):hover {
651
- background: var(--pvt-background-hover);
652
- }
653
- .rls-button-option:disabled {
654
- opacity: 0.5;
655
- }
656
- .rls-button-option--checked {
657
- --pvt-background-hover: var(--rls-theme-color-800);
658
- --pvt-span-color: var(--rls-theme-color-050);
659
- --rlc-icon-color: var(--rls-theme-color-050);
660
- background: var(--rls-theme-gradient-500);
661
- border: var(--rls-theme-border-1-500);
662
- }
663
- .rls-button-option > span {
664
- font-size: var(--rls-span-font-size);
665
- letter-spacing: var(--rls-span-letter-spacing);
666
- color: var(--pvt-span-color);
667
- font-weight: var(--rls-font-weight-medium);
668
- } /*# sourceMappingURL=ButtonOption.css.map */
669
-
670
- .rls-checkbox {
671
- --rlc-icon-color: transparent;
672
- --pvt-dimension: var(--rlc-checkbox-dimension, var(--rls-sizing-x12));
673
- --rlc-icon-dimension: calc(var(--pvt-dimension) - 2rem);
674
- --pvt-component-background: transparent;
675
- position: relative;
676
- display: flex;
677
- width: var(--pvt-dimension);
678
- height: var(--pvt-dimension);
679
- justify-content: center;
680
- align-items: center;
681
- box-sizing: border-box;
682
- outline: none;
683
- border-radius: var(--rls-sizing-x3);
684
- background: rgba(0, 0, 0, 0);
685
- border: var(--rls-app-border-1-400);
686
- transition: all 160ms 0ms var(--rls-standard-curve);
687
- }
688
- .rls-checkbox:hover {
689
- cursor: var(--rlc-checkbox-cursor, initial);
690
- }
691
- .rls-checkbox--checked {
692
- --rlc-icon-color: var(--rls-app-color-050);
693
- --pvt-component-background: var(--rls-theme-color-200);
694
- background: var(--rls-theme-gradient-500);
695
- border: var(--rls-theme-border-1-500);
696
- }
697
- .rls-checkbox--disabled {
698
- opacity: 0.5;
699
- pointer-events: none;
700
- background: var(--rls-app-color-300);
701
- border: none;
702
- }
703
- .rls-checkbox--disabled.rls-checkbox--checked {
704
- --rlc-icon-color: var(--rls-app-color-500);
705
- } /*# sourceMappingURL=CheckBox.css.map */
706
-
707
- .rls-skeleton {
708
- --pvt-height: var(--rlc-skeleton-height, inherit);
709
- --pvt-max-height: var(--rlc-skeleton-max-height, inherit);
710
- --pvt-min-height: var(--rlc-skeleton-min-height, inherit);
711
- --pvt-color-primary: var(--rls-app-color-100);
712
- --pvt-color-secondary: var(--rls-app-color-200);
713
- position: relative;
714
- width: 100%;
715
- height: var(--pvt-height);
716
- max-height: var(--pvt-max-height);
717
- min-height: var(--pvt-min-height);
718
- line-height: var(--pvt-height);
719
- background: linear-gradient(
720
- 90deg,
721
- var(--pvt-color-primary) 25%,
722
- var(--pvt-color-secondary) 50%,
723
- var(--pvt-color-primary) 75%
724
- );
725
- overflow: hidden;
726
- background-size: 200% 100%;
727
- animation: skeleton-animation 1600ms infinite;
728
- border-radius: var(--rls-sizing-x2);
729
- }
730
- .rls-skeleton[rls-theme] {
731
- --pvt-color-primary: var(--rls-theme-color-100);
732
- --pvt-color-secondary: var(--rls-theme-color-200);
733
- }
734
- @keyframes skeleton-animation {
735
- 0% {
736
- background-position: 200% 0;
737
- }
738
- 100% {
739
- background-position: -200% 0;
740
- }
741
- } /*# sourceMappingURL=Skeleton.css.map */
742
-
743
- .rls-image {
744
- --pvt-background: transparent;
745
- --pvt-width: var(--rlc-image-width, 100%);
746
- --pvt-height: var(--rlc-image-height, 100%);
747
- --pvt-img-display: none;
748
- --rlc-skeleton-width: var(--pvt-width);
749
- --rlc-skeleton-height: var(--pvt-height);
750
- width: var(--pvt-width);
751
- height: var(--pvt-height);
752
- overflow: hidden;
753
- }
754
- .rls-image--complet {
755
- --pvt-img-display: block;
756
- background: var(--pvt-background);
757
- }
758
- .rls-image[rls-theme] {
759
- --pvt-background: var(--rls-theme-color-600);
760
- }
761
- .rls-image > img {
762
- display: var(--pvt-img-display);
763
- width: var(--pvt-width);
764
- height: var(--pvt-height);
765
- content-visibility: auto;
766
- } /*# sourceMappingURL=Image.css.map */
767
-
768
- .rls-input {
769
- --pvt-font-color: var(--rlc-input-font-color, var(--rls-app-color-900));
770
- --pvt-font-size: var(--rlc-input-font-size, var(--rls-input-font-size));
771
- --pvt-letter-spacing: var(
772
- --rlc-input-letter-spacing,
773
- var(--rls-input-letter-spacing)
774
- );
775
- --pvt-height: var(--rlc-input-height, var(--rls-sizing-x12));
776
- --pvt-text-align: var(--rlc-input-text-align, left);
777
- --pvt-value-font-color: var(--pvt-font-color);
778
- --pvt-value-opacity: 1;
779
- --pvt-component-font-color: transparent;
780
- --rlc-amount-height: var(--pvt-height);
781
- --rlc-amount-align-items: center;
782
- position: relative;
783
- width: var(--rlc-input-width, 100%);
784
- }
785
- .rls-input--focused {
786
- --pvt-component-font-color: var(--pvt-font-color);
787
- --pvt-value-font-color: transparent;
788
- }
789
- .rls-input--disabled {
790
- --pvt-value-opacity: 0.5;
791
- }
792
- .rls-input__component {
793
- position: relative;
794
- width: 100%;
795
- height: var(--pvt-height);
796
- line-height: var(--pvt-height);
797
- padding: 0rem;
798
- cursor: text;
799
- border: none;
800
- outline: none;
801
- background: rgba(0, 0, 0, 0);
802
- color: var(--pvt-component-font-color);
803
- font-weight: var(--rls-font-weight-medium);
804
- font-size: var(--pvt-font-size);
805
- text-align: var(--pvt-text-align);
806
- letter-spacing: var(--pvt-letter-spacing);
807
- }
808
- .rls-input__component::-webkit-outer-spin-button,
809
- .rls-input__component::-webkit-inner-spin-button {
810
- margin: 0rem;
811
- -webkit-appearance: none;
812
- }
813
- .rls-input__component::placeholder {
814
- color: var(--rls-app-color-400);
815
- }
816
- .rls-input__component::selection {
817
- background: var(--rls-theme-color-700);
818
- color: var(--rls-app-color-050);
819
- }
820
- .rls-input__component:read-only {
821
- pointer-events: none;
822
- }
823
- .rls-input__component:disabled {
824
- opacity: 0.5;
825
- }
826
- .rls-input__value {
827
- position: absolute;
828
- top: 0rem;
829
- left: 0rem;
830
- width: 100%;
831
- height: var(--pvt-height);
832
- line-height: var(--pvt-height);
833
- background: rgba(0, 0, 0, 0);
834
- pointer-events: none;
835
- overflow: hidden;
836
- white-space: nowrap;
837
- opacity: var(--pvt-value-opacity);
838
- color: var(--pvt-value-font-color);
839
- font-weight: var(--rls-font-weight-medium);
840
- font-size: var(--pvt-font-size);
841
- text-align: var(--pvt-text-align);
842
- letter-spacing: var(--pvt-letter-spacing);
843
- } /*# sourceMappingURL=Input.css.map */
844
-
845
- .rls-input-decimal {
846
- --rlc-tabular-text-font-size: var(--rls-input-font-size);
847
- --rlc-tabular-text-char-width: 5.25rem;
848
- position: relative;
849
- width: 100%;
850
- box-sizing: border-box;
851
- } /*# sourceMappingURL=InputDecimal.css.map */
852
-
853
- .rls-input-money {
854
- --rlc-tabular-text-font-size: var(--rls-input-font-size);
855
- --rlc-tabular-text-char-width: 5.25rem;
856
- position: relative;
857
- width: 100%;
858
- box-sizing: border-box;
859
- } /*# sourceMappingURL=InputMoney.css.map */
860
-
861
- .rls-input-number {
862
- position: relative;
863
- width: 100%;
864
- box-sizing: border-box;
865
- } /*# sourceMappingURL=InputNumber.css.map */
866
-
867
- .rls-input-password {
868
- position: relative;
869
- width: var(--rlc-input-password-width, 100%);
870
- box-sizing: border-box;
871
- }
872
- .rls-input-password__component {
873
- position: relative;
874
- float: left;
875
- width: 100%;
876
- height: var(--rls-sizing-x12);
877
- line-height: var(--rls-sizing-x12);
878
- padding: 0rem;
879
- cursor: text;
880
- border: none;
881
- outline: none;
882
- background: rgba(0, 0, 0, 0);
883
- color: var(--rlc-input-font-color);
884
- font-weight: var(--rls-font-weight-medium);
885
- font-size: var(--rls-input-font-size);
886
- letter-spacing: var(--rls-input-letter-spacing);
887
- }
888
- .rls-input-password__component::-webkit-outer-spin-button,
889
- .rls-input-password__component::-webkit-inner-spin-button {
890
- margin: 0rem;
891
- -webkit-appearance: none;
892
- }
893
- .rls-input-password__component::placeholder {
894
- color: var(--rls-app-color-400);
895
- }
896
- .rls-input-password__component::selection {
897
- background: var(--rls-theme-color-700);
898
- color: var(--rls-app-color-050);
899
- }
900
- .rls-input-password__component:disabled {
901
- opacity: 0.5;
902
- } /*# sourceMappingURL=InputPassword.css.map */
903
-
904
- .rls-input-percentage {
905
- position: relative;
906
- width: 100%;
907
- box-sizing: border-box;
908
- } /*# sourceMappingURL=InputPercentage.css.map */
909
-
910
- .rls-input-search {
911
- --rlc-input-height: var(--rls-sizing-x14);
912
- position: relative;
913
- display: flex;
914
- align-items: center;
915
- padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
916
- box-sizing: border-box;
917
- background: var(--rlc-input-search-background, transparent);
918
- border-radius: var(--rls-sizing-x4);
919
- border: var(--rls-app-border-1-200);
920
- }
921
- .rls-input-search--disabled {
922
- opacity: 0.5;
923
- }
924
- .rls-input-search .rls-input__component:disabled,
925
- .rls-input-search .rls-button-action:disabled {
926
- opacity: 1 !important;
927
- } /*# sourceMappingURL=InputSearch.css.map */
928
-
929
- .rls-input-text {
930
- position: relative;
931
- width: 100%;
932
- box-sizing: border-box;
933
- } /*# sourceMappingURL=InputText.css.map */
934
-
935
- .rls-label {
936
- font-size: var(--rlc-label-font-size, var(--rls-smalltext-font-size));
937
- letter-spacing: var(
938
- --rlc-label-letter-spacing,
939
- var(--rls-smalltext-letter-spacing)
940
- );
941
- line-height: var(--rlc-label-height, var(--rls-smalltext-line-height));
942
- font-weight: inherit;
943
- }
944
- .rls-label[rls-theme] {
945
- color: var(--rls-theme-color-500);
946
- } /*# sourceMappingURL=Label.css.map */
947
-
948
- .rls-message-icon {
949
- --rlc-icon-color: var(--rls-theme-color-500);
950
- --rlc-icon-dimension: var(--rls-sizing-x8);
951
- display: flex;
952
- align-items: center;
953
- column-gap: var(--rls-sizing-x2);
954
- }
955
- .rls-message-icon span {
956
- font-size: var(--rls-caption-font-size);
957
- letter-spacing: var(--rls-caption-letter-spacing);
958
- color: var(--rls-app-color-600);
959
- } /*# sourceMappingURL=MessageIcon.css.map */
960
-
961
- .rls-poster {
962
- --pvt-height: var(--rlc-poster-height, var(--rls-smalltext-line-height));
963
- position: relative;
964
- display: block;
965
- width: var(--rlc-poster-width, auto);
966
- font-weight: inherit;
967
- font-size: var(--rlc-poster-font-size, var(--rls-smalltext-font-size));
968
- letter-spacing: var(
969
- --rlc-poster-letter-spacing,
970
- var(--rls-body-letter-spacing)
971
- );
972
- height: var(--pvt-height);
973
- line-height: var(--pvt-height);
974
- padding: var(--rlc-poster-padding, var(--rls-sizing-x2) var(--rls-sizing-x4));
975
- text-align: var(--rlc-poster-text-align, center);
976
- border-radius: var(--rlc-poster-radius, var(--rls-sizing-x4));
977
- color: var(--rls-app-color-050);
978
- background: var(--rls-app-color-600);
979
- }
980
- .rls-poster[rls-theme] {
981
- color: var(--rls-theme-color-050);
982
- background: var(--rls-theme-color-500);
983
- }
984
- .rls-poster--contrasted {
985
- color: var(--rls-app-color-700);
986
- background: var(--rls-app-color-200);
987
- }
988
- .rls-poster--contrasted[rls-theme] {
989
- color: var(--rls-theme-color-700);
990
- background: var(--rls-theme-color-100);
991
- } /*# sourceMappingURL=Poster.css.map */
992
-
993
- .rls-progress-bar {
994
- --pvt-component-display: block;
995
- --pvt-component-height: var(--rlc-progress-bar-height, var(--rls-sizing-x2));
996
- --pvt-component-radius: var(--rlc-progress-bar-radius, 0rem);
997
- position: relative;
998
- width: 100%;
999
- height: var(--pvt-component-height);
1000
- overflow: hidden;
1001
- background: var(--rlc-progress-bar-background, var(--rls-theme-color-100));
1002
- border-radius: var(--pvt-component-radius);
1003
- }
1004
- .rls-progress-bar--indeterminate {
1005
- --pvt-component-display: none;
1006
- }
1007
- .rls-progress-bar--indeterminate::after,
1008
- .rls-progress-bar--indeterminate::before {
1009
- position: absolute;
1010
- content: '';
1011
- top: 0rem;
1012
- width: 0%;
1013
- height: var(--pvt-component-height);
1014
- background: var(--rls-theme-gradient-500);
1015
- border-radius: var(--pvt-component-radius);
1016
- }
1017
- .rls-progress-bar--indeterminate::after {
1018
- animation: progress-bar-indeterminate-after 2000ms infinite;
1019
- }
1020
- .rls-progress-bar--indeterminate::before {
1021
- animation: progress-bar-indeterminate-before 2000ms infinite;
1022
- }
1023
- .rls-progress-bar__component {
1024
- position: absolute;
1025
- display: var(--pvt-component-display);
1026
- top: 0rem;
1027
- width: 0%;
1028
- height: var(--pvt-component-height);
1029
- background: var(--rls-theme-gradient-500);
1030
- transition: width 320ms 0ms var(--rls-standard-curve);
1031
- border-radius: var(--pvt-component-radius);
1032
- }
1033
- @keyframes progress-bar-indeterminate-before {
1034
- 0% {
1035
- width: 100%;
1036
- left: -125%;
1037
- }
1038
- 20% {
1039
- width: 100%;
1040
- left: -125%;
1041
- }
1042
- 100% {
1043
- width: 12.5%;
1044
- left: 100%;
1045
- }
1046
- }
1047
- @keyframes progress-bar-indeterminate-after {
1048
- 0% {
1049
- width: 12.5%;
1050
- left: -12.5%;
1051
- }
1052
- 80% {
1053
- width: 100%;
1054
- left: 125%;
1055
- }
1056
- 100% {
1057
- width: 100%;
1058
- left: 125%;
1059
- }
1060
- } /*# sourceMappingURL=ProgressBar.css.map */
1061
-
1062
- .rls-progress-circular {
1063
- --pvt-dimension: var(
1064
- --rlc-progress-circular-dimension,
1065
- var(--rls-sizing-x28)
1066
- );
1067
- position: relative;
1068
- width: var(--pvt-dimension);
1069
- height: var(--pvt-dimension);
1070
- padding: var(--rls-sizing-x2);
1071
- box-sizing: border-box;
1072
- stroke: var(--rls-theme-color-500);
1073
- }
1074
- .rls-progress-circular__svg {
1075
- height: 100%;
1076
- width: 100%;
1077
- transform: rotate(990deg);
1078
- animation: progress-circular-svg 3500ms linear infinite;
1079
- }
1080
- .rls-progress-circular__circle {
1081
- fill: none;
1082
- stroke-width: 4px;
1083
- stroke: inherit;
1084
- stroke-dasharray: 65;
1085
- stroke-dashoffset: 65;
1086
- opacity: 1;
1087
- animation: progress-circular-circle 1750ms var(--rls-standard-curve) infinite;
1088
- }
1089
- @keyframes progress-circular-svg {
1090
- 0% {
1091
- transform: rotate(0deg);
1092
- }
1093
- 50% {
1094
- transform: rotate(180deg);
1095
- }
1096
- 100% {
1097
- transform: rotate(360deg);
1098
- }
1099
- }
1100
- @keyframes progress-circular-circle {
1101
- 50% {
1102
- stroke-dashoffset: 0;
1103
- }
1104
- 100% {
1105
- stroke-dashoffset: -65;
1106
- }
1107
- } /*# sourceMappingURL=ProgressCircular.css.map */
1108
-
1109
- .rls-radiobutton {
1110
- --pvt-dimension: var(--rlc-radiobutton-dimension, var(--rls-sizing-x12));
1111
- --pvt-component-dimension: calc(var(--pvt-dimension) / 2);
1112
- --pvt-component-background: transparent;
1113
- position: relative;
1114
- display: flex;
1115
- width: var(--pvt-dimension);
1116
- height: var(--pvt-dimension);
1117
- justify-content: center;
1118
- align-items: center;
1119
- outline: none;
1120
- border-radius: 50%;
1121
- box-sizing: border-box;
1122
- background: rgba(0, 0, 0, 0);
1123
- border: var(--rls-app-border-1-400);
1124
- transition: all 160ms 0ms var(--rls-standard-curve);
1125
- }
1126
- .rls-radiobutton:hover {
1127
- cursor: var(--rlc-radiobutton-cursor, initial);
1128
- }
1129
- .rls-radiobutton--checked {
1130
- --pvt-component-background: var(--rls-app-color-050);
1131
- background: var(--rls-theme-gradient-500);
1132
- border: var(--rls-theme-border-1-500);
1133
- }
1134
- .rls-radiobutton--disabled {
1135
- opacity: 0.5;
1136
- pointer-events: none;
1137
- background: var(--rls-app-color-300);
1138
- border: none;
1139
- }
1140
- .rls-radiobutton--disabled.rls-radiobutton--checked {
1141
- --pvt-component-background: var(--rls-app-color-500);
1142
- }
1143
- .rls-radiobutton__component {
1144
- width: var(--pvt-component-dimension);
1145
- height: var(--pvt-component-dimension);
1146
- border-radius: 50%;
1147
- background: var(--pvt-component-background);
1148
- transition: all 160ms 0ms var(--rls-standard-curve);
1149
- } /*# sourceMappingURL=RadioButton.css.map */
1150
-
1151
- .rls-skeleton-text {
1152
- --pvt-height: var(--rlc-skeleton-text-height, var(--rls-body-line-height));
1153
- --rlc-skeleton-height: var(--pvt-height);
1154
- position: relative;
1155
- display: block;
1156
- overflow: inherit;
1157
- font-weight: inherit;
1158
- font-size: var(--rlc-skeleton-text-font-size, var(--rls-body-font-size));
1159
- letter-spacing: var(
1160
- --rlc-skeleton-text-letter-spacing,
1161
- var(--rls-body-letter-spacing)
1162
- );
1163
- line-height: var(--pvt-height);
1164
- }
1165
- .rls-skeleton-text__value {
1166
- display: flex;
1167
- column-gap: var(--rlc-skeleton-text-column-gap, var(--rls-sizing-x4));
1168
- align-items: center;
1169
- font-weight: inherit;
1170
- font-size: inherit;
1171
- line-height: inherit;
1172
- letter-spacing: inherit;
1173
- }
1174
- .rls-skeleton-text__value > span {
1175
- display: block;
1176
- overflow: hidden;
1177
- text-overflow: ellipsis;
1178
- white-space: nowrap;
1179
- } /*# sourceMappingURL=SkeletonText.css.map */
1180
-
1181
- .rls-switch {
1182
- --pvt-component-background: var(--rls-app-color-400);
1183
- --pvt-component-height: var(
1184
- --rlc-switch-component-height,
1185
- var(--rls-sizing-x12)
1186
- );
1187
- --pvt-element-left: var(--rls-sizing-x2);
1188
- --pvt-element-width: var(--rlc-switch-element-width, var(--rls-sizing-x8));
1189
- --pvt-element-height: var(--rlc-switch-element-height, var(--rls-sizing-x8));
1190
- --pvt-element-radius: var(--rlc-switch-element-radius, 50%);
1191
- max-width: var(--rlc-switch-max-width, var(--rls-sizing-x20));
1192
- }
1193
- .rls-switch:hover {
1194
- cursor: var(--rlc-switch-cursor, initial);
1195
- }
1196
- .rls-switch--capsule {
1197
- --pvt-component-height: var(--rls-sizing-x8);
1198
- --pvt-element-height: var(--rls-sizing-x4);
1199
- --pvt-element-radius: var(--rls-sizing-x4);
1200
- }
1201
- .rls-switch--checked {
1202
- --pvt-component-background: var(--rls-theme-gradient-500);
1203
- --pvt-element-left: calc(
1204
- 100% - var(--pvt-element-width) - var(--rls-sizing-x2)
1205
- );
1206
- }
1207
- .rls-switch--disabled {
1208
- --pvt-component-background: var(--rls-app-color-300);
1209
- opacity: 0.5;
1210
- pointer-events: none;
1211
- }
1212
- .rls-switch--disabled.rls-switch--checked {
1213
- --pvt-component-background: var(--rls-theme-color-400);
1214
- }
1215
- .rls-switch__component {
1216
- position: relative;
1217
- width: 100%;
1218
- height: var(--pvt-component-height);
1219
- background: var(--pvt-component-background);
1220
- border-radius: var(--rls-sizing-x6);
1221
- }
1222
- .rls-switch__component__element {
1223
- position: absolute;
1224
- top: var(--rls-sizing-x2);
1225
- left: var(--pvt-element-left);
1226
- width: var(--pvt-element-width);
1227
- height: var(--pvt-element-height);
1228
- border-radius: var(--pvt-element-radius);
1229
- padding: var(--rls-sizing-x2);
1230
- box-sizing: border-box;
1231
- z-index: var(--rls-z-index-2);
1232
- background: var(--rls-app-color-050);
1233
- transition: all 160ms var(--rls-standard-curve);
1234
- } /*# sourceMappingURL=Switch.css.map */
1235
-
1236
- .rls-alert {
1237
- --pvt-icon-background: var(--rls-app-color-600);
1238
- --pvt-icon-color: var(--rls-app-color-050);
1239
- --pvt-content-font-color: var(--rls-app-color-500);
1240
- position: relative;
1241
- display: flex;
1242
- align-items: var(--rlc-alert-align-items, flex-start);
1243
- column-gap: var(--rls-sizing-x6);
1244
- padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
1245
- box-sizing: border-box;
1246
- background: var(--rls-app-color-100);
1247
- border: var(--rls-app-border-1-300);
1248
- border-radius: var(--rls-sizing-x4);
1249
- }
1250
- .rls-alert[rls-theme] {
1251
- --pvt-icon-background: var(--rls-theme-color-500);
1252
- --pvt-icon-color: var(--rls-theme-color-050);
1253
- --pvt-content-font-color: var(--rls-theme-color-700);
1254
- background: var(--rls-theme-color-050);
1255
- border: var(--rls-theme-border-1-200);
1256
- }
1257
- .rls-alert__icon {
1258
- --rlc-icon-color: var(--pvt-icon-color);
1259
- display: flex;
1260
- width: var(--rls-sizing-x16);
1261
- height: var(--rls-sizing-x16);
1262
- align-items: center;
1263
- justify-content: center;
1264
- border-radius: 50%;
1265
- background: var(--pvt-icon-background);
1266
- }
1267
- .rls-alert__icon + .rls-alert__content {
1268
- max-width: calc(100% - 22rem);
1269
- }
1270
- .rls-alert__content {
1271
- width: auto;
1272
- color: var(--pvt-content-font-color);
1273
- } /*# sourceMappingURL=Alert.css.map */
1274
-
1275
- .rls-ballot {
1276
- --rlc-avatar-width: var(--rls-sizing-x20);
1277
- --rlc-avatar-height: var(--rls-sizing-x20);
1278
- --pvt-title-font-size: var(
1279
- --rlc-ballot-title-font-size,
1280
- var(--rls-label-font-size)
1281
- );
1282
- --pvt-title-letter-spacing: var(
1283
- --rlc-ballot-title-letter-spacing,
1284
- var(--rls-label-letter-spacing)
1285
- );
1286
- --pvt-title-line-height: var(
1287
- --rlc-ballot-title-line-height,
1288
- var(--rls-label-line-height)
1289
- );
1290
- --pvt-subtitle-font-size: var(
1291
- --rlc-ballot-subtitle-font-size,
1292
- var(--rls-smalltext-font-size)
1293
- );
1294
- --pvt-subtitle-letter-spacing: var(
1295
- --rlc-ballot-subtitle-letter-spacing,
1296
- var(--rls-smalltext-letter-spacing)
1297
- );
1298
- --pvt-subtitle-line-height: var(
1299
- --rlc-ballot-subtitle-line-height,
1300
- var(--rls-smalltext-line-height)
1301
- );
1302
- position: relative;
1303
- display: flex;
1304
- width: var(--rlc-ballot-width, 100%);
1305
- align-items: center;
1306
- column-gap: var(--rls-sizing-x4);
1307
- padding: var(--rlc-ballot-padding, var(--rls-sizing-x4));
1308
- box-sizing: border-box;
1309
- overflow: hidden;
1310
- }
1311
- .rls-ballot--bordered {
1312
- border-radius: var(--rls-sizing-x4);
1313
- border: var(--rls-app-border-2-100);
1314
- }
1315
- .rls-ballot--skeleton {
1316
- --rls-subtitle-width: 60%;
1317
- }
1318
- .rls-ballot__component {
1319
- display: flex;
1320
- overflow: hidden;
1321
- flex-direction: column;
1322
- row-gap: var(--rlc-ballot-component-row-gap, var(--rls-sizing-x1));
1323
- }
1324
- .rls-ballot .rls-avatar + .rls-ballot__component {
1325
- width: calc(100% - var(--rlc-avatar-width) - var(--rls-sizing-x4));
1326
- }
1327
- .rls-ballot__title {
1328
- --rlc-skeleton-text-font-size: var(--pvt-title-font-size);
1329
- --rlc-skeleton-text-height: auto;
1330
- --rlc-skeleton-text-letter-spacing: var(--pvt-title-letter-spacing);
1331
- position: relative;
1332
- width: 100%;
1333
- color: var(--rls-app-color-900);
1334
- overflow: hidden;
1335
- white-space: nowrap;
1336
- text-overflow: ellipsis;
1337
- font-weight: var(
1338
- --rlc-ballot-title-font-weight,
1339
- var(--rls-font-weight-medium)
1340
- );
1341
- font-size: var(--pvt-title-font-size);
1342
- letter-spacing: var(--pvt-title-letter-spacing);
1343
- line-height: var(--pvt-title-line-height);
1344
- }
1345
- .rls-ballot__subtitle {
1346
- --rlc-skeleton-text-font-size: var(--pvt-subtitle-font-size);
1347
- --rlc-skeleton-text-height: auto;
1348
- --rlc-skeleton-text-letter-spacing: var(--pvt-subtitle-letter-spacing);
1349
- position: relative;
1350
- width: var(--rlc-ballot-subtitle-width, 100%);
1351
- color: var(--rls-app-color-500);
1352
- font-weight: var(
1353
- --rlc-ballot-subtitle-font-weight,
1354
- var(--rls-font-weight-medium)
1355
- );
1356
- font-size: var(--pvt-subtitle-font-size);
1357
- letter-spacing: var(--pvt-subtitle-letter-spacing);
1358
- line-height: var(--pvt-subtitle-line-height);
1359
- overflow: var(--rlc-ballot-subtitle-overflow, initial);
1360
- text-overflow: var(--rlc-ballot-subtitle-text-overflow, initial);
1361
- white-space: var(--rlc-ballot-subtitle-white-space, initial);
1362
- } /*# sourceMappingURL=Ballot.css.map */
1363
-
1364
- .rls-button-progress {
1365
- --rlc-progress-circular-dimension: var(--rls-sizing-x16);
1366
- position: relative;
1367
- display: flex;
1368
- justify-content: center;
1369
- align-items: center;
1370
- } /*# sourceMappingURL=ButtonProgress.css.map */
1371
-
1372
- .rls-button-toggle {
1373
- width: auto;
1374
- }
1375
- .rls-button-toggle__content {
1376
- display: flex;
1377
- justify-content: center;
1378
- }
1379
- .rls-button-toggle__action {
1380
- --rlc-button-content-radius: var(--rls-sizing-x2) 0rem 0rem
1381
- var(--rls-sizing-x2);
1382
- width: auto;
1383
- }
1384
- .rls-button-toggle__icon {
1385
- --rlc-button-content-radius: 0rem var(--rls-sizing-x2) var(--rls-sizing-x2)
1386
- 0rem;
1387
- --rlc-button-content-padding: var(--rls-sizing-x2);
1388
- width: auto;
1389
- }
1390
- .rls-button-toggle__list {
1391
- --rlc-button-toggle-ul-height: 0rem;
1392
- --rlc-button-toggle-ul-opacity: 0;
1393
- --rlc-button-toggle-ul-transform: none;
1394
- position: absolute;
1395
- top: 22.5rem;
1396
- left: 0rem;
1397
- width: 100%;
1398
- height: 0rem;
1399
- overflow: hidden;
1400
- z-index: var(--rls-z-index-4);
1401
- }
1402
- .rls-button-toggle__list--hide {
1403
- --rlc-button-toggle-ul-opacity: 0;
1404
- --rlc-button-toggle-ul-transform: scale(0, 0);
1405
- }
1406
- .rls-button-toggle__list--visible {
1407
- --rlc-button-toggle-ul-height: auto;
1408
- --rlc-button-toggle-ul-opacity: 1;
1409
- --rlc-button-toggle-ul-transform: scale(1, 1);
1410
- overflow: initial;
1411
- opacity: 1;
1412
- height: auto;
1413
- }
1414
- .rls-button-toggle__list ul {
1415
- position: relative;
1416
- display: flex;
1417
- flex-direction: column;
1418
- float: left;
1419
- width: 100%;
1420
- height: var(--rlc-button-toggle-ul-height);
1421
- opacity: var(--rlc-button-toggle-ul-opacity);
1422
- padding: var(--rls-sizing-x4) 0rem;
1423
- border-radius: var(--rls-sizing-x4);
1424
- box-sizing: border-box;
1425
- overflow-y: auto;
1426
- overflow-x: hidden;
1427
- z-index: var(--rls-z-index-2);
1428
- background: var(--rls-app-color-050);
1429
- border: var(--rls-theme-border-1-500);
1430
- transform: var(--rlc-button-toggle-ul-transform);
1431
- transform-origin: 0% 0%;
1432
- box-shadow: var(--rls-theme-shadow-500);
1433
- transition:
1434
- transform 240ms 0ms var(--rls-standard-curve),
1435
- opacity 240ms 0ms var(--rls-standard-curve);
1436
- }
1437
- .rls-button-toggle__list ul li {
1438
- padding: 0rem var(--rls-sizing-x6);
1439
- box-sizing: border-box;
1440
- height: var(--rls-sizing-x20);
1441
- line-height: var(--rls-sizing-x20);
1442
- cursor: default;
1443
- font-weight: var(--rls-font-weight-semibold);
1444
- font-size: var(--rls-smalltext-font-size);
1445
- letter-spacing: var(--rls-smalltext-letter-spacing);
1446
- text-transform: uppercase;
1447
- color: var(--rls-app-color-600);
1448
- }
1449
- .rls-button-toggle__list ul li:hover {
1450
- background: var(--rls-app-color-100);
1451
- color: var(--rls-app-color-900);
1452
- } /*# sourceMappingURL=ButtonToggle.css.map */
1453
-
1454
- .rls-field-decimal {
1455
- --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
1456
- position: relative;
1457
- width: 100%;
1458
- box-sizing: border-box;
1459
- } /*# sourceMappingURL=FieldDecimal.css.map */
1460
-
1461
- .rls-field-file {
1462
- --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
1463
- --rlc-action-ripple-dimension: var(--rls-sizing-x12);
1464
- --rlc-action-ripple-position: -6rem;
1465
- --pvt-font-color: var(--rlc-input-font-color, var(--rls-app-color-900));
1466
- --pvt-font-size: var(--rlc-input-font-size, var(--rls-input-font-size));
1467
- --pvt-letter-spacing: var(
1468
- --rlc-input-letter-spacing,
1469
- var(--rls-input-letter-spacing)
1470
- );
1471
- --pvt-height: var(--rlc-input-height, var(--rls-sizing-x12));
1472
- --pvt-text-align: var(--rlc-input-text-align, left);
1473
- --pvt-component-font-color: var(--pvt-font-color);
1474
- position: relative;
1475
- width: 100%;
1476
- box-sizing: border-box;
1477
- }
1478
- .rls-field-file .rls-field-file__input {
1479
- display: none;
1480
- }
1481
- .rls-field-file .rls-input__component {
1482
- cursor: pointer;
1483
- }
1484
- .rls-field-file .rls-button-action {
1485
- padding: 0rem;
1486
- width: var(--rls-sizing-x12);
1487
- height: var(--rls-sizing-x12);
1488
- z-index: 2;
1489
- } /*# sourceMappingURL=FieldFile.css.map */
1490
-
1491
- .rls-field-list__ul__search {
1492
- display: flex;
1493
- align-items: center;
1494
- width: 100%;
1495
- margin-top: var(--rls-sizing-x2);
1496
- margin-bottom: var(--rls-sizing-x6);
1497
- background: var(--rls-app-color-100);
1498
- border-radius: var(--rls-sizing-x4);
1499
- padding: var(--rls-sizing-x4);
1500
- box-sizing: border-box;
1501
- }
1502
- .rls-field-list__ul__search button {
1503
- color: var(--rls-app-color-600);
1504
- background: rgba(0, 0, 0, 0);
1505
- }
1506
- .rls-field-list__ul__search button:not(:disabled):hover {
1507
- color: var(--rls-theme-color-300);
1508
- }
1509
- .rls-field-list__ul__search button:disabled {
1510
- opacity: 0.5;
1511
- }
1512
- .rls-field-list__ul__control {
1513
- width: 100%;
1514
- height: var(--rls-sizing-x12);
1515
- line-height: var(--rls-sizing-x12);
1516
- padding: 0rem;
1517
- cursor: text;
1518
- border: none;
1519
- outline: none;
1520
- background: rgba(0, 0, 0, 0);
1521
- color: var(--rls-app-color-900);
1522
- font-size: var(--rls-input-font-size);
1523
- font-weight: var(--rls-font-weight-medium);
1524
- letter-spacing: var(--rls-input-letter-spacing);
1525
- }
1526
- .rls-field-list__ul__control::placeholder {
1527
- color: var(--rls-app-color-400);
1528
- }
1529
- .rls-field-list__ul__control::selection {
1530
- background: var(--rls-theme-color-700);
1531
- color: var(--rls-app-color-050);
1532
- }
1533
- .rls-field-list__ul__control:disabled {
1534
- opacity: 0.5;
1535
- pointer-events: none;
1536
- }
1537
- .rls-field-list__ul .rls-progress-bar {
1538
- margin-bottom: var(--rls-sizing-x8);
1539
- } /*# sourceMappingURL=FieldListSuggestions.css.map */
1540
-
1541
- .rls-field-money {
1542
- --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
1543
- position: relative;
1544
- width: 100%;
1545
- box-sizing: border-box;
1546
- } /*# sourceMappingURL=FieldMoney.css.map */
1547
-
1548
- .rls-field-number {
1549
- --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
1550
- position: relative;
1551
- width: 100%;
1552
- box-sizing: border-box;
1553
- } /*# sourceMappingURL=FieldNumber.css.map */
1554
-
1555
- .rls-field-password {
1556
- --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
1557
- --rlc-action-ripple-dimension: var(--rls-sizing-x12);
1558
- --rlc-action-ripple-position: -6rem;
1559
- position: relative;
1560
- width: 100%;
1561
- box-sizing: border-box;
1562
- }
1563
- .rls-field-password .rls-button-action {
1564
- padding: 0rem;
1565
- width: var(--rls-sizing-x12);
1566
- height: var(--rls-sizing-x12);
1567
- z-index: 2;
1568
- } /*# sourceMappingURL=FieldPassword.css.map */
1569
-
1570
- .rls-field-percentage {
1571
- --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
1572
- position: relative;
1573
- width: 100%;
1574
- box-sizing: border-box;
1575
- } /*# sourceMappingURL=FieldPercentage.css.map */
1576
-
1577
- .rls-field-readonly {
1578
- --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
1579
- --pvt-font-color: var(--rlc-input-font-color, var(--rls-app-color-600));
1580
- --pvt-font-size: var(--rlc-input-font-size, var(--rls-input-font-size));
1581
- --pvt-letter-spacing: var(
1582
- --rlc-input-letter-spacing,
1583
- var(--rls-input-letter-spacing)
1584
- );
1585
- --pvt-height: var(--rlc-input-height, var(--rls-sizing-x12));
1586
- --pvt-text-align: var(--rlc-input-text-align, left);
1587
- --pvt-component-font-color: var(--pvt-font-color);
1588
- position: relative;
1589
- width: 100%;
1590
- box-sizing: border-box;
1591
- } /*# sourceMappingURL=FieldReadonly.css.map */
1592
-
1593
- .rls-field-text {
1594
- --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
1595
- position: relative;
1596
- width: 100%;
1597
- box-sizing: border-box;
1598
- } /*# sourceMappingURL=FieldText.css.map */
1599
-
1600
- .rls-label-checkbox {
1601
- --pvt-dimension: var(--rlc-label-checkbox-dimension, var(--rls-sizing-x12));
1602
- --pvt-label-font-size: var(
1603
- --rlc-label-checkbox-font-size,
1604
- var(--rls-label-font-size)
1605
- );
1606
- --pvt-label-letter-spacing: var(
1607
- --rlc-label-checkbox-letter-spacing,
1608
- var(--rls-label-letter-spacing)
1609
- );
1610
- --rlc-checkbox-dimension: var(--pvt-dimension);
1611
- --rlc-checkbox-cursor: pointer;
1612
- --rlc-ballot-padding: 0rem;
1613
- --pvt-text-opacity: 1;
1614
- --pvt-text-overflow: hidden;
1615
- --pvt-text-white-space: nowrap;
1616
- --pvt-text-text-overflow: ellipsis;
1617
- display: flex;
1618
- column-gap: var(--rls-sizing-x4);
1619
- align-items: center;
1620
- }
1621
- .rls-label-checkbox--disabled {
1622
- --pvt-text-opacity: 0.5;
1623
- pointer-events: none;
1624
- }
1625
- .rls-label-checkbox--reverse {
1626
- flex-direction: row-reverse;
1627
- }
1628
- .rls-label-checkbox--extended {
1629
- --pvt-text-text-overflow: initial;
1630
- --pvt-text-overflow: initial;
1631
- --pvt-text-white-space: initial;
1632
- }
1633
- .rls-label-checkbox__component {
1634
- width: var(--pvt-dimension);
1635
- flex: 0 0 auto;
1636
- }
1637
- .rls-label-checkbox__text {
1638
- flex: 1 1 auto;
1639
- font-size: var(--pvt-label-font-size);
1640
- font-weight: var(--rls-font-weight-medium);
1641
- letter-spacing: var(--pvt-label-letter-spacing);
1642
- line-height: var(--rlc-label-checkbox-line-height, var(--rls-sizing-x12));
1643
- color: var(--rlc-label-checkbox-font-color, var(--rls-app-color-500));
1644
- user-select: none;
1645
- opacity: var(--pvt-text-opacity);
1646
- overflow: hidden;
1647
- }
1648
- .rls-label-checkbox__text > p {
1649
- height: initial;
1650
- overflow: initial;
1651
- text-overflow: initial;
1652
- white-space: initial;
1653
- } /*# sourceMappingURL=LabelCheckBox.css.map */
1654
-
1655
- .rls-label-radiobutton {
1656
- --pvt-dimension: var(
1657
- --rlc-label-radiobutton-dimension,
1658
- var(--rls-sizing-x12)
1659
- );
1660
- --pvt-label-font-size: var(
1661
- --rlc-label-radiobutton-font-size,
1662
- var(--rls-label-font-size)
1663
- );
1664
- --pvt-label-letter-spacing: var(
1665
- --rlc-label-radiobutton-letter-spacing,
1666
- var(--rls-label-letter-spacing)
1667
- );
1668
- --rlc-radiobutton-dimension: var(--pvt-dimension);
1669
- --rlc-radiobutton-cursor: pointer;
1670
- --rlc-ballot-padding: 0rem;
1671
- --pvt-text-opacity: 1;
1672
- --pvt-text-overflow: hidden;
1673
- --pvt-text-white-space: nowrap;
1674
- --pvt-text-text-overflow: ellipsis;
1675
- display: flex;
1676
- column-gap: var(--rls-sizing-x4);
1677
- align-items: center;
1678
- }
1679
- .rls-label-radiobutton--disabled {
1680
- --pvt-text-opacity: 0.5;
1681
- pointer-events: none;
1682
- }
1683
- .rls-label-radiobutton--reverse {
1684
- flex-direction: row-reverse;
1685
- }
1686
- .rls-label-radiobutton--extended {
1687
- --pvt-text-text-overflow: initial;
1688
- --pvt-text-overflow: initial;
1689
- --pvt-text-white-space: initial;
1690
- }
1691
- .rls-label-radiobutton__component {
1692
- width: var(--pvt-dimension);
1693
- flex: 0 0 auto;
1694
- }
1695
- .rls-label-radiobutton__text {
1696
- flex: 1 1 auto;
1697
- font-size: var(--pvt-label-font-size);
1698
- font-weight: var(--rls-font-weight-medium);
1699
- letter-spacing: var(--pvt-label-letter-spacing);
1700
- line-height: var(--rlc-label-radiobutton-line-height, var(--rls-sizing-x12));
1701
- color: var(--rlc-label-radiobutton-font-color, var(--rls-app-color-500));
1702
- user-select: none;
1703
- opacity: var(--pvt-text-opacity);
1704
- overflow: hidden;
1705
- }
1706
- .rls-label-radiobutton__text > p {
1707
- height: initial;
1708
- overflow: initial;
1709
- text-overflow: initial;
1710
- white-space: initial;
1711
- } /*# sourceMappingURL=LabelRadioButton.css.map */
1712
-
1713
- .rls-label-switch {
1714
- --rlc-switch-cursor: pointer;
1715
- --rlc-ballot-padding: 0rem;
1716
- --pvt-label-font-size: var(
1717
- --rlc-label-switch-font-size,
1718
- var(--rls-label-font-size)
1719
- );
1720
- --pvt-label-letter-spacing: var(
1721
- --rlc-label-switch-letter-spacing,
1722
- var(--rls-label-letter-spacing)
1723
- );
1724
- --pvt-text-opacity: 1;
1725
- --pvt-text-overflow: hidden;
1726
- --pvt-text-white-space: nowrap;
1727
- --pvt-text-text-overflow: ellipsis;
1728
- display: flex;
1729
- column-gap: var(--rls-sizing-x4);
1730
- align-items: center;
1731
- }
1732
- .rls-label-switch--disabled {
1733
- --pvt-text-opacity: 0.5;
1734
- pointer-events: none;
1735
- }
1736
- .rls-label-switch--reverse {
1737
- flex-direction: row-reverse;
1738
- }
1739
- .rls-label-switch--extended {
1740
- --pvt-text-text-overflow: initial;
1741
- --pvt-text-overflow: initial;
1742
- --pvt-text-white-space: initial;
1743
- --pvt-text-height: auto;
1744
- }
1745
- .rls-label-switch__component {
1746
- width: var(--rlc-switch-max-width, var(--rls-sizing-x20));
1747
- flex: 0 0 auto;
1748
- }
1749
- .rls-label-switch__text {
1750
- flex: 1 1 auto;
1751
- font-size: var(--pvt-label-font-size);
1752
- font-weight: var(--rls-font-weight-medium);
1753
- letter-spacing: var(--pvt-label-letter-spacing);
1754
- line-height: var(--rlc-label-switch-line-height, var(--rls-sizing-x12));
1755
- color: var(--rlc-label-switch-font-color, var(--rls-app-color-500));
1756
- user-select: none;
1757
- opacity: var(--pvt-text-opacity);
1758
- overflow: hidden;
1759
- }
1760
- .rls-label-switch__text > p {
1761
- height: initial;
1762
- overflow: initial;
1763
- text-overflow: initial;
1764
- white-space: initial;
1765
- } /*# sourceMappingURL=LabelSwitch.css.map */
1766
-
1767
- .rls-pagination {
1768
- --pvt-dimension: var(--rlc-pagination-dimension, var(--rls-sizing-x16));
1769
- --pvt-description-display: block;
1770
- --pvt-count-display: none;
1771
- position: relative;
1772
- display: flex;
1773
- width: 100%;
1774
- column-gap: var(--rlc-pagination-column-gap, var(--rls-sizing-x4));
1775
- justify-content: center;
1776
- align-items: center;
1777
- overflow: hidden;
1778
- height: var(
1779
- --rlc-pagination-height,
1780
- calc(var(--pvt-dimension) + var(--rls-sizing-x4))
1781
- );
1782
- padding: var(--rlc-pagination-padding, 0rem var(--rls-sizing-x6));
1783
- box-sizing: border-box;
1784
- }
1785
- .rls-pagination__body {
1786
- display: flex;
1787
- width: auto;
1788
- column-gap: var(--rls-sizing-x8);
1789
- align-items: center;
1790
- }
1791
- .rls-pagination__pages {
1792
- display: flex;
1793
- width: auto;
1794
- column-gap: var(--rls-sizing-x4);
1795
- align-items: center;
1796
- }
1797
- .rls-pagination__page {
1798
- background: var(--rls-app-color-200);
1799
- color: var(--rls-app-color-900);
1800
- cursor: default;
1801
- text-align: center;
1802
- width: var(--pvt-dimension);
1803
- height: var(--pvt-dimension);
1804
- line-height: var(--pvt-dimension);
1805
- border-radius: var(--rls-sizing-x2);
1806
- font-size: var(--rls-body-font-size);
1807
- letter-spacing: var(--rls-body-letter-spacing);
1808
- }
1809
- .rls-pagination__page:hover {
1810
- background: var(--rls-theme-color-300);
1811
- color: var(--rls-theme-color-900);
1812
- }
1813
- .rls-pagination__page--active {
1814
- background: var(--rls-theme-gradient-500);
1815
- color: var(--rls-app-color-050);
1816
- }
1817
- .rls-pagination__description {
1818
- display: var(--pvt-description-display);
1819
- width: auto;
1820
- font-size: var(--rls-body-font-size);
1821
- font-weight: var(--rls-font-weight-bold);
1822
- letter-spacing: var(--rls-body-letter-spacing);
1823
- color: var(--rls-app-color-900);
1824
- }
1825
- .rls-pagination__count {
1826
- display: var(--pvt-count-display);
1827
- font-size: var(--rls-body-font-size);
1828
- font-weight: var(--rls-font-weight-bold);
1829
- letter-spacing: var(--rls-body-letter-spacing);
1830
- color: var(--rls-app-color-900);
1831
- }
1832
- .rls-pagination__actions {
1833
- display: flex;
1834
- width: auto;
1835
- column-gap: var(--rls-sizing-x2);
1836
- }
1837
- .rls-pagination__action {
1838
- --rlc-icon-dimension: calc(var(--pvt-dimension) - var(--rls-sizing-x4));
1839
- background: none;
1840
- outline: none;
1841
- color: var(--rls-app-color-600);
1842
- padding: var(--rls-sizing-x2);
1843
- }
1844
- .rls-pagination__action:hover {
1845
- color: var(--rls-theme-color-300);
1846
- cursor: pointer;
1847
- }
1848
- .rls-pagination__action:disabled {
1849
- pointer-events: none;
1850
- opacity: 0.5;
1851
- }
1852
- @media screen and (max-width: 640px) {
1853
- .rls-pagination {
1854
- --pvt-description-display: none;
1855
- --pvt-count-display: block;
1856
- padding: 0rem;
1857
- }
1858
- } /*# sourceMappingURL=Pagination.css.map */
1859
-
1860
- .rls-picker-day {
1861
- --pvt-span-background: transparent;
1862
- --pvt-span-font-color: var(--rls-app-color-900);
1863
- --pvt-span-border: var(--rls-app-border-1-transparent);
1864
- --pvt-span-box-shadow: none;
1865
- position: relative;
1866
- display: var(--rlc-picker-day-display, flex);
1867
- width: 100%;
1868
- max-width: 140rem;
1869
- flex-direction: column;
1870
- row-gap: var(--rls-sizing-x2);
1871
- box-sizing: border-box;
1872
- user-select: none;
1873
- }
1874
- .rls-picker-day__header {
1875
- display: flex;
1876
- }
1877
- .rls-picker-day__label {
1878
- width: 100%;
1879
- height: var(--rls-sizing-x20);
1880
- line-height: var(--rls-sizing-x20);
1881
- text-align: center;
1882
- font-size: var(--rls-caption-font-size);
1883
- color: var(--rls-app-color-600);
1884
- font-weight: var(--rls-font-weight-regular);
1885
- letter-spacing: var(--rls-caption-letter-spacing);
1886
- }
1887
- .rls-picker-day__component {
1888
- display: flex;
1889
- flex-direction: column;
1890
- row-gap: var(--rls-sizing-x3);
1891
- }
1892
- .rls-picker-day__week {
1893
- display: flex;
1894
- }
1895
- .rls-picker-day__element {
1896
- text-align: center;
1897
- padding: var(--rls-sizing-x1);
1898
- box-sizing: border-box;
1899
- }
1900
- .rls-picker-day__element--today {
1901
- --pvt-span-background: transparent;
1902
- --pvt-span-font-color: var(--rls-theme-color-500);
1903
- --pvt-span-border: none;
1904
- --pvt-span-box-shadow: var(--rls-theme-shadow-500);
1905
- }
1906
- .rls-picker-day__element--selected {
1907
- --pvt-span-background: var(--rls-theme-color-200);
1908
- --pvt-span-font-color: var(--rls-theme-color-600);
1909
- --pvt-span-border: none;
1910
- --pvt-span-box-shadow: none;
1911
- }
1912
- .rls-picker-day__element--focused {
1913
- --pvt-span-background: var(--rls-theme-gradient-500);
1914
- --pvt-span-font-color: var(--rls-theme-color-050);
1915
- --pvt-span-border: none;
1916
- --pvt-span-box-shadow: none;
1917
- }
1918
- .rls-picker-day__element--forbidden {
1919
- --pvt-span-background: var(--rls-app-color-100);
1920
- --pvt-span-font-color: var(--rls-app-color-400);
1921
- --pvt-span-border: var(--rls-app-border-1-100);
1922
- --pvt-span-box-shadow: none;
1923
- pointer-events: none;
1924
- }
1925
- .rls-picker-day__element--disabled {
1926
- --pvt-span-background: transparent;
1927
- --pvt-span-font-color: var(--rls-app-color-400);
1928
- --pvt-span-border: var(--rls-app-border-1-transparent);
1929
- --pvt-span-box-shadow: none;
1930
- pointer-events: none;
1931
- }
1932
- .rls-picker-day__element__span {
1933
- position: relative;
1934
- display: block;
1935
- font-size: var(--rls-paragraph-font-size);
1936
- font-weight: var(--rls-font-weight-semibold);
1937
- border-radius: var(--rls-sizing-x4);
1938
- height: var(--rls-sizing-x18);
1939
- line-height: var(--rls-sizing-x18);
1940
- box-sizing: border-box;
1941
- letter-spacing: var(--rls-paragraph-letter-spacing);
1942
- box-shadow: var(--pvt-span-box-shadow);
1943
- }
1944
- .rls-picker-day__element__span:not(:hover) {
1945
- color: var(--pvt-span-font-color);
1946
- border: var(--pvt-span-border);
1947
- background: var(--pvt-span-background);
1948
- }
1949
- .rls-picker-day__element__span:hover {
1950
- background: var(--rls-theme-color-800);
1951
- color: var(--rls-theme-color-050);
1952
- border: var(--rls-theme-border-1-800);
1953
- } /*# sourceMappingURL=PickerDay.css.map */
1954
-
1955
- .rls-picker-day-range {
1956
- --pvt-span-nothover-background: transparent;
1957
- --pvt-span-nothover-font-color: inherit;
1958
- --pvt-span-background: transparent;
1959
- position: relative;
1960
- display: var(--rlc-picker-day-range-display, flex);
1961
- width: 100%;
1962
- max-width: 140rem;
1963
- flex-direction: column;
1964
- row-gap: var(--rls-sizing-x4);
1965
- box-sizing: border-box;
1966
- user-select: none;
1967
- }
1968
- .rls-picker-day-range__title {
1969
- color: var(--rls-app-color-600);
1970
- text-align: center;
1971
- font-size: var(--rls-body-font-size);
1972
- letter-spacing: var(--rls-body-letter-spacing);
1973
- line-height: var(--rls-body-line-height);
1974
- font-weight: var(--rls-font-weight-bold);
1975
- }
1976
- .rls-picker-day-range__header {
1977
- display: flex;
1978
- }
1979
- .rls-picker-day-range__label {
1980
- width: 100%;
1981
- height: var(--rls-sizing-x20);
1982
- line-height: var(--rls-sizing-x20);
1983
- text-align: center;
1984
- font-size: var(--rls-caption-font-size);
1985
- color: var(--rls-app-color-600);
1986
- font-weight: var(--rls-font-weight-regular);
1987
- letter-spacing: var(--rls-caption-letter-spacing);
1988
- }
1989
- .rls-picker-day-range__component {
1990
- display: flex;
1991
- flex-direction: column;
1992
- row-gap: var(--rls-sizing-x3);
1993
- }
1994
- .rls-picker-day-range__week {
1995
- display: flex;
1996
- }
1997
- .rls-picker-day-range__element {
1998
- text-align: center;
1999
- padding: var(--rls-sizing-x1);
2000
- box-sizing: border-box;
2001
- }
2002
- .rls-picker-day-range__element--ranged {
2003
- --pvt-span-nothover-background: var(--rls-theme-color-100);
2004
- }
2005
- .rls-picker-day-range__element--end {
2006
- --pvt-span-nothover-background: var(--rls-app-color-900);
2007
- --pvt-span-nothover-font-color: var(--rls-app-color-050);
2008
- }
2009
- .rls-picker-day-range__element--source {
2010
- --pvt-span-nothover-background: var(--rls-theme-color-500);
2011
- --pvt-span-nothover-font-color: var(--rls-app-color-050);
2012
- }
2013
- .rls-picker-day-range__element--forbidden {
2014
- --pvt-span-background: var(--rls-app-color-200);
2015
- pointer-events: none;
2016
- opacity: 0.5;
2017
- }
2018
- .rls-picker-day-range__element--disabled {
2019
- pointer-events: none;
2020
- opacity: 0.5;
2021
- }
2022
- .rls-picker-day-range__element__span {
2023
- position: relative;
2024
- display: block;
2025
- font-size: var(--rls-paragraph-font-size);
2026
- font-weight: var(--rls-font-weight-semibold);
2027
- border-radius: var(--rls-sizing-x4);
2028
- height: var(--rls-sizing-x18);
2029
- line-height: var(--rls-sizing-x18);
2030
- box-sizing: border-box;
2031
- letter-spacing: var(--rls-paragraph-letter-spacing);
2032
- }
2033
- .rls-picker-day-range__element__span:not(:hover) {
2034
- background: var(--pvt-span-nothover-background);
2035
- color: var(--pvt-span-nothover-font-color);
2036
- }
2037
- .rls-picker-day-range__element__span:hover {
2038
- color: var(--rls-app-color-050);
2039
- background: var(--rls-theme-color-900);
2040
- } /*# sourceMappingURL=PickerDayRange.css.map */
2041
-
2042
- .rls-picker-month {
2043
- --pvt-component-background: transparent;
2044
- --pvt-component-font-color: var(--rls-app-color-900);
2045
- position: relative;
2046
- display: var(--rlc-picker-month-display, grid);
2047
- grid-template-columns: repeat(3, 1fr);
2048
- width: 100%;
2049
- max-width: 140rem;
2050
- column-gap: var(--rls-sizing-x2);
2051
- row-gap: var(--rls-sizing-x4);
2052
- padding: var(--rls-sizing-x1);
2053
- box-sizing: border-box;
2054
- }
2055
- .rls-picker-month__component {
2056
- position: relative;
2057
- display: flex;
2058
- box-sizing: border-box;
2059
- justify-content: center;
2060
- align-items: center;
2061
- height: var(--rls-sizing-x20);
2062
- border-radius: var(--rls-sizing-x4);
2063
- box-sizing: border-box;
2064
- }
2065
- .rls-picker-month__component:not(:hover) {
2066
- color: var(--pvt-component-font-color);
2067
- background: var(--pvt-component-background);
2068
- }
2069
- .rls-picker-month__component:hover {
2070
- background: var(--rls-theme-color-900);
2071
- color: var(--rls-theme-font-900);
2072
- }
2073
- .rls-picker-month__component--selected {
2074
- --pvt-component-background: var(--rls-theme-color-200);
2075
- --pvt-component-font-color: var(--rls-theme-color-600);
2076
- }
2077
- .rls-picker-month__component--focused {
2078
- --pvt-component-background: var(--rls-theme-gradient-500);
2079
- --pvt-component-font-color: var(--rls-theme-color-050);
2080
- }
2081
- .rls-picker-month__component--disabled {
2082
- --pvt-component-background: transparent;
2083
- --pvt-component-font-color: var(--rls-app-color-400);
2084
- pointer-events: none;
2085
- }
2086
- .rls-picker-month__span {
2087
- font-weight: var(--rls-font-weight-semibold);
2088
- font-size: var(--rls-caption-font-size);
2089
- cursor: default;
2090
- pointer-events: none;
2091
- letter-spacing: 0.325rem;
2092
- } /*# sourceMappingURL=PickerMonth.css.map */
2093
-
2094
- .rls-picker-selector-title {
2095
- display: flex;
2096
- justify-content: space-between;
2097
- align-items: center;
2098
- padding: var(--rlc-picker-selector-title-padding, 0rem);
2099
- box-sizing: border-box;
2100
- border-radius: var(--rlc-picker-selector-title-radius, 0rem);
2101
- background: var(--rlc-picker-selector-title-background, transparent);
2102
- }
2103
- .rls-picker-selector-title__label {
2104
- display: flex;
2105
- column-gap: var(--rls-sizing-x3);
2106
- justify-content: center;
2107
- }
2108
- .rls-picker-selector-title__label > span {
2109
- font-size: var(--rls-body-font-size);
2110
- font-weight: var(--rls-font-weight-bold);
2111
- cursor: default;
2112
- height: var(--rls-sizing-x14);
2113
- line-height: var(--rls-sizing-x14);
2114
- }
2115
- .rls-picker-selector-title__label > span:hover {
2116
- color: var(--rls-theme-color-500);
2117
- }
2118
- .rls-picker-selector-title > button {
2119
- --rlc-icon-dimension: var(--rls-sizing-x10);
2120
- background: var(--rls-app-color-050);
2121
- outline: none;
2122
- padding: var(--rls-sizing-x2);
2123
- border-radius: var(--rls-sizing-x4);
2124
- color: var(--rls-app-color-900);
2125
- }
2126
- .rls-picker-selector-title > button:hover {
2127
- background: var(--rls-app-color-300);
2128
- }
2129
- .rls-picker-selector-title > button:disabled {
2130
- opacity: 0.5;
2131
- background: rgba(0, 0, 0, 0);
2132
- color: var(--rls-app-color-600);
2133
- } /*# sourceMappingURL=PickerSelectorTitle.css.map */
2134
-
2135
- .rls-picker-year {
2136
- --pvt-component-background: transparent;
2137
- --pvt-component-font-color: var(--rls-app-color-600);
2138
- position: relative;
2139
- display: var(--rlc-picker-year-display, block);
2140
- width: 100%;
2141
- max-width: 140rem;
2142
- box-sizing: border-box;
2143
- overflow: hidden;
2144
- user-select: none;
2145
- }
2146
- .rls-picker-year__header {
2147
- display: flex;
2148
- justify-content: space-between;
2149
- align-items: center;
2150
- box-sizing: border-box;
2151
- padding: var(--rls-sizing-x4);
2152
- border-radius: var(--rls-sizing-x4);
2153
- }
2154
- .rls-picker-year__header > span {
2155
- font-size: var(--rls-body-font-size);
2156
- font-weight: var(--rls-font-weight-semibold);
2157
- letter-spacing: 0.325rem;
2158
- color: var(--rls-app-color-900);
2159
- }
2160
- .rls-picker-year__action {
2161
- --rlc-icon-dimension: var(--rls-sizing-x10);
2162
- background: var(--rls-theme-color-100);
2163
- color: var(--rls-theme-color-600);
2164
- outline: none;
2165
- padding: var(--rls-sizing-x2);
2166
- border-radius: var(--rls-sizing-x4);
2167
- }
2168
- .rls-picker-year__action:not(:disabled):hover {
2169
- color: var(--rls-theme-color-500);
2170
- }
2171
- .rls-picker-year__action:disabled {
2172
- opacity: 0.5;
2173
- background: rgba(0, 0, 0, 0);
2174
- color: var(--rls-theme-color-300);
2175
- }
2176
- .rls-picker-year__component {
2177
- position: relative;
2178
- display: grid;
2179
- width: 100%;
2180
- grid-template-columns: repeat(3, 1fr);
2181
- padding: var(--rls-sizing-x4);
2182
- box-sizing: border-box;
2183
- row-gap: var(--rls-sizing-x6);
2184
- column-gap: var(--rls-sizing-x8);
2185
- }
2186
- .rls-picker-year__element {
2187
- position: relative;
2188
- display: flex;
2189
- height: var(--rls-sizing-x20);
2190
- align-items: center;
2191
- justify-content: center;
2192
- box-sizing: border-box;
2193
- text-align: center;
2194
- border-radius: var(--rls-sizing-x4);
2195
- box-shadow: none;
2196
- }
2197
- .rls-picker-year__element:not(:hover) {
2198
- color: var(--pvt-component-font-color);
2199
- background: var(--pvt-component-background);
2200
- }
2201
- .rls-picker-year__element:hover {
2202
- background: var(--rls-theme-color-900);
2203
- color: var(--rls-theme-color-050);
2204
- }
2205
- .rls-picker-year__element--selected {
2206
- --pvt-component-background: var(--rls-theme-color-200);
2207
- --pvt-component-font-color: var(--rls-theme-color-600);
2208
- }
2209
- .rls-picker-year__element--focused {
2210
- --pvt-component-background: var(--rls-theme-gradient-500);
2211
- --pvt-component-font-color: var(--rls-theme-color-050);
2212
- }
2213
- .rls-picker-year__element--disabled {
2214
- --pvt-span-background: var(--rls-app-color-100);
2215
- --pvt-component-font-color: var(--rls-app-color-400);
2216
- pointer-events: none;
2217
- }
2218
- .rls-picker-year__span {
2219
- font-size: var(--rls-body-font-size);
2220
- letter-spacing: var(--rls-body-letter-spacing);
2221
- font-weight: var(--rls-font-weight-medium);
2222
- cursor: default;
2223
- pointer-events: none;
2224
- } /*# sourceMappingURL=PickerYear.css.map */
2225
-
2226
- .rls-slider {
2227
- --pvt-track-height: var(--rls-sizing-x3);
2228
- --pvt-thumb-background: var(--rls-theme-color-600);
2229
- --pvt-thumb-color: var(--rls-theme-color-050);
2230
- }
2231
- .rls-slider--empty {
2232
- --pvt-thumb-background: var(--rls-app-color-300);
2233
- --pvt-thumb-color: var(--rls-app-color-900);
2234
- }
2235
- .rls-slider__component {
2236
- position: relative;
2237
- width: calc(100% - var(--rls-sizing-x10));
2238
- margin: 0rem 5rem;
2239
- padding: var(--rls-sizing-x4) 0rem;
2240
- box-sizing: border-box;
2241
- }
2242
- .rls-slider__body {
2243
- display: flex;
2244
- column-gap: var(--rls-sizing-x4);
2245
- align-items: center;
2246
- }
2247
- .rls-slider__body .rls-icon {
2248
- padding: var(--rls-sizing-x4);
2249
- border-radius: 50%;
2250
- background: var(--rls-app-color-300);
2251
- }
2252
- .rls-slider__track {
2253
- position: relative;
2254
- width: 100%;
2255
- height: var(--pvt-track-height);
2256
- cursor: pointer;
2257
- background: var(--rls-app-color-300);
2258
- }
2259
- .rls-slider__track__on {
2260
- position: absolute;
2261
- width: 0%;
2262
- height: var(--pvt-track-height);
2263
- overflow: hidden;
2264
- z-index: var(--rls-z-index-4);
2265
- transition: width 200ms 0ms var(--rls-standard-curve);
2266
- background: var(--rls-theme-color-600);
2267
- }
2268
- .rls-slider__thumb {
2269
- position: absolute;
2270
- top: 0.5rem;
2271
- left: 0rem;
2272
- cursor: pointer;
2273
- width: var(--rls-sizing-x10);
2274
- height: var(--rls-sizing-x10);
2275
- line-height: var(--rls-sizing-x10);
2276
- text-align: center;
2277
- font-size: var(--rls-tiny-font-size);
2278
- font-weight: var(--rls-font-weight-medium);
2279
- color: var(--pvt-thumb-color);
2280
- z-index: var(--rls-z-index-4);
2281
- border-radius: 50%;
2282
- background: var(--pvt-thumb-background);
2283
- transform: translateX(-50%);
2284
- transition: left 200ms 0ms var(--rls-standard-curve);
2285
- } /*# sourceMappingURL=Slider.css.map */
2286
-
2287
- .rls-tabs {
2288
- --pvt-background: var(--rls-app-color-100);
2289
- --pvt-border: var(--rls-app-border-1-200);
2290
- --pvt-children-font-color: var(--rls-app-color-800);
2291
- display: flex;
2292
- background: var(--pvt-background);
2293
- padding: var(--rls-sizing-x2);
2294
- box-sizing: border-box;
2295
- border-radius: var(--rls-sizing-x4);
2296
- border: var(--pvt-border);
2297
- }
2298
- .rls-tabs__children {
2299
- height: var(--rls-sizing-x12);
2300
- line-height: var(--rls-sizing-x12);
2301
- border-radius: var(--rls-sizing-x4);
2302
- color: var(--rls-app-color-500);
2303
- font-size: var(--rls-smalltext-font-size);
2304
- font-weight: var(--rls-font-weight-medium);
2305
- letter-spacing: var(--rls-smalltext-letter-spacing);
2306
- text-align: center;
2307
- cursor: pointer;
2308
- transition: all 240ms var(--rls-standard-curve);
2309
- }
2310
- .rls-tabs__children--active {
2311
- color: var(--pvt-children-font-color);
2312
- font-weight: var(--rls-font-weight-bold);
2313
- background: var(--rls-app-color-050);
2314
- }
2315
- .rls-tabs__children--disabled {
2316
- color: var(--rls-app-color-400);
2317
- font-weight: var(--rls-font-weight-regular);
2318
- background: rgba(0, 0, 0, 0);
2319
- cursor: not-allowed;
2320
- }
2321
- .rls-tabs[rls-theme] {
2322
- --pvt-background: var(--rls-theme-color-050);
2323
- --pvt-border: var(--rls-theme-border-1-200);
2324
- --pvt-children-font-color: var(--rls-theme-color-600);
2325
- } /*# sourceMappingURL=Tabs.css.map */
2326
-
2327
- .rls-toolbar {
2328
- display: flex;
2329
- justify-content: space-between;
2330
- align-items: center;
2331
- column-gap: var(--rls-sizing-x6);
2332
- height: var(--rlc-toolbar-height, var(--rls-sizing-x28));
2333
- }
2334
- .rls-toolbar > * {
2335
- width: auto;
2336
- }
2337
- .rls-toolbar__description {
2338
- display: flex;
2339
- flex-direction: column;
2340
- row-gap: var(--rls-sizing-x2);
2341
- overflow: hidden;
2342
- }
2343
- .rls-toolbar__description > label {
2344
- position: relative;
2345
- width: 100%;
2346
- overflow: hidden;
2347
- text-overflow: ellipsis;
2348
- white-space: nowrap;
2349
- }
2350
- .rls-toolbar__title {
2351
- color: var(--rls-app-color-900);
2352
- height: var(--rls-sizing-x12);
2353
- line-height: var(--rls-sizing-x12);
2354
- font-size: var(--rls-body-font-size);
2355
- letter-spacing: var(--rls-label-letter-spacing);
2356
- font-weight: var(--rls-font-weight-bold);
2357
- }
2358
- .rls-toolbar__subtitle {
2359
- color: var(--rls-app-color-600);
2360
- }
2361
- .rls-toolbar__actions {
2362
- display: flex;
2363
- box-sizing: border-box;
2364
- column-gap: var(--rls-sizing-x8);
2365
- align-items: center;
2366
- } /*# sourceMappingURL=Toolbar.css.map */
2367
-
2368
- .rls-bottom-sheet {
2369
- --pvt-component-transform: translateY(100%);
2370
- --pvt-component-height: 0rem;
2371
- --pvt-component-max-height: 75%;
2372
- --pvt-component-opacity: 0;
2373
- --pvt-component-visibility: hidden;
2374
- --pvt-component-transition: 320ms;
2375
- --pvt-backdrop-opacity: 0;
2376
- --pvt-backdrop-bottom: initial;
2377
- position: fixed;
2378
- display: flex;
2379
- top: 0rem;
2380
- left: 0rem;
2381
- width: 100%;
2382
- height: 100%;
2383
- justify-content: center;
2384
- z-index: var(--rls-z-index-24);
2385
- visibility: hidden;
2386
- }
2387
- .rls-bottom-sheet--visible {
2388
- --pvt-component-visibility: visible;
2389
- --pvt-component-height: auto;
2390
- --pvt-component-opacity: 1;
2391
- --pvt-component-transform: translateY(0);
2392
- --pvt-backdrop-bottom: 0rem;
2393
- --pvt-backdrop-opacity: 1;
2394
- visibility: visible;
2395
- }
2396
- .rls-bottom-sheet__component {
2397
- position: absolute;
2398
- display: flex;
2399
- bottom: 0px;
2400
- width: 100%;
2401
- max-width: 240rem;
2402
- max-height: var(--pvt-component-max-height);
2403
- flex-direction: column;
2404
- opacity: var(--pvt-component-opacity);
2405
- visibility: var(--pvt-component-visibility);
2406
- z-index: var(--rls-z-index-2);
2407
- border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem 0rem;
2408
- background: var(--rlc-bottom-sheet-background, var(--rls-app-color-050));
2409
- transform: var(--pvt-component-transform);
2410
- transition:
2411
- opacity var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
2412
- transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
2413
- visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
2414
- }
2415
- .rls-bottom-sheet__component::before {
2416
- display: block;
2417
- content: '';
2418
- width: var(--rls-sizing-x24);
2419
- height: var(--rls-sizing-x2);
2420
- border-radius: var(--rls-sizing-x2);
2421
- background: var(--rls-app-color-300);
2422
- margin: var(--rls-sizing-x3) auto;
2423
- }
2424
- .rls-bottom-sheet__backdrop {
2425
- position: absolute;
2426
- display: block;
2427
- top: 0rem;
2428
- left: 0rem;
2429
- right: 0rem;
2430
- bottom: var(--pvt-backdrop-bottom);
2431
- opacity: var(--pvt-backdrop-opacity);
2432
- z-index: var(--rls-z-index-1);
2433
- background: var(
2434
- --rlc-bottom-sheet-backdrop-color,
2435
- var(--rls-theme-backdrop-400)
2436
- );
2437
- backdrop-filter: var(--rlc-bottom-sheet-backdrop-filter, blur(2px));
2438
- transition:
2439
- opacity 120ms 0ms var(--rls-deceleration-curve),
2440
- bottom 120ms 0ms var(--rls-deceleration-curve);
2441
- }
2442
- @media screen and (max-height: 960px) {
2443
- .rls-bottom-sheet {
2444
- --pvt-component-max-height: calc(100% - 32rem);
2445
- }
2446
- }
2447
- @media screen and (max-height: 720px) {
2448
- .rls-bottom-sheet {
2449
- --pvt-component-max-height: calc(100% - 24rem);
2450
- }
2451
- }
2452
- @media screen and (max-height: 560px) {
2453
- .rls-bottom-sheet {
2454
- --pvt-component-max-height: calc(100% - 16rem);
2455
- }
2456
- } /*# sourceMappingURL=BottomSheet.css.map */
2457
-
2458
- .rls-card {
2459
- --rlc-divider-background: var(--rls-app-color-300);
2460
- --pvt-background: var(--rls-app-color-050);
2461
- --pvt-border: var(--rlc-card-border, var(--rls-app-border-1-300));
2462
- --pvt-box-shadow: var(--rlc-card-box-shadow, var(--rls-app-shadow-center-6));
2463
- background: var(--pvt-background);
2464
- border-radius: var(--rls-sizing-x4);
2465
- box-shadow: var(--pvt-box-shadow);
2466
- }
2467
- .rls-card[rls-theme] {
2468
- --rlc-divider-background: var(--rls-theme-color-200);
2469
- --pvt-background: var(--rls-theme-color-050);
2470
- --pvt-border: var(--rlc-card-border, var(--rls-theme-border-1-200));
2471
- }
2472
- .rls-card--outline {
2473
- border: var(--pvt-border);
2474
- box-sizing: border-box;
2475
- }
2476
- .rls-card__content {
2477
- display: flex;
2478
- flex-direction: column;
2479
- row-gap: var(--rlc-card-content-gap, var(--rls-sizing-x4));
2480
- padding: var(--rlc-card-content-padding, var(--rls-sizing-x8));
2481
- box-sizing: border-box;
2482
- } /*# sourceMappingURL=Card.css.map */
2483
-
2484
- .rls-confirmation {
2485
- --pvt-component-transform: translateY(150px) scale(0.6);
2486
- --pvt-component-height: 0rem;
2487
- --pvt-component-opacity: 0;
2488
- --pvt-component-visibility: hidden;
2489
- --pvt-title-font-size: var(--rls-heading5-font-size);
2490
- --pvt-title-letter-spacing: var(--rls-heading5-letter-spacing);
2491
- --pvt-title-line-height: var(--rls-heading5-line-height);
2492
- --pvt-title-text-transform: initial;
2493
- --pvt-subtitle-font-size: var(--rls-body-font-size);
2494
- --pvt-subtitle-letter-spacing: var(--rls-body-letter-spacing);
2495
- --pvt-subtitle-line-height: var(--rls-body-line-height);
2496
- --pvt-subtitle-text-transform: initial;
2497
- --pvt-content-font-size: var(--rls-input-font-size);
2498
- --pvt-content-letter-spacing: var(--rls-input-letter-spacing);
2499
- --pvt-content-line-height: var(--rls-input-line-height);
2500
- --pvt-backdrop-opacity: 0;
2501
- --pvt-backdrop-bottom: initial;
2502
- position: fixed;
2503
- display: flex;
2504
- top: 0rem;
2505
- left: 0rem;
2506
- width: var(--rls-html-max-width);
2507
- height: var(--rls-html-max-height);
2508
- justify-content: center;
2509
- align-items: center;
2510
- z-index: var(--rls-z-index-24);
2511
- visibility: hidden;
2512
- }
2513
- .rls-confirmation--visible {
2514
- --pvt-component-visibility: visible;
2515
- --pvt-component-height: auto;
2516
- --pvt-component-opacity: 1;
2517
- --pvt-component-transform: translateY(0) scale(1);
2518
- --pvt-backdrop-bottom: 0rem;
2519
- --pvt-backdrop-opacity: 1;
2520
- visibility: visible;
2521
- }
2522
- .rls-confirmation__component {
2523
- position: absolute;
2524
- display: flex;
2525
- width: calc(100% - var(--rls-sizing-x16));
2526
- max-width: 180rem;
2527
- height: var(--pvt-component-height);
2528
- flex-direction: column;
2529
- row-gap: var(--rls-sizing-x8);
2530
- opacity: var(--pvt-component-opacity);
2531
- visibility: var(--pvt-component-visibility);
2532
- padding: var(--rls-sizing-x8) 0rem;
2533
- box-sizing: border-box;
2534
- z-index: var(--rls-z-index-4);
2535
- border-radius: var(--rls-sizing-x4);
2536
- background: var(--rls-app-color-050);
2537
- box-shadow: var(--rls-app-shadow-4);
2538
- transform: var(--pvt-component-transform);
2539
- transition:
2540
- opacity 125ms 0ms var(--rls-deceleration-curve),
2541
- transform 125ms 0ms var(--rls-deceleration-curve),
2542
- visibility 125ms 0ms var(--rls-deceleration-curve);
2543
- }
2544
- .rls-confirmation__header {
2545
- position: relative;
2546
- display: flex;
2547
- width: 100%;
2548
- flex-direction: column;
2549
- row-gap: var(--rls-sizing-x4);
2550
- padding: 0rem var(--rls-sizing-x8);
2551
- box-sizing: border-box;
2552
- }
2553
- .rls-confirmation__title {
2554
- text-align: center;
2555
- color: var(--rls-app-color-900);
2556
- font-weight: var(--rls-font-weight-bold);
2557
- font-size: var(--pvt-title-font-size);
2558
- line-height: var(--pvt-title-line-height);
2559
- letter-spacing: var(--pvt-title-letter-spacing);
2560
- text-transform: var(--pvt-title-text-transform);
2561
- }
2562
- .rls-confirmation__subtitle {
2563
- text-align: center;
2564
- color: var(--rls-theme-color-400);
2565
- font-weight: var(--rls-font-weight-bold);
2566
- font-size: var(--pvt-subtitle-font-size);
2567
- line-height: var(--pvt-subtitle-line-height);
2568
- letter-spacing: var(--pvt-subtitle-letter-spacing);
2569
- text-transform: var(--pvt-subtitle-text-transform);
2570
- }
2571
- .rls-confirmation__body {
2572
- position: relative;
2573
- width: 100%;
2574
- padding: 0rem var(--rls-sizing-x8);
2575
- box-sizing: border-box;
2576
- }
2577
- .rls-confirmation__content {
2578
- display: flex;
2579
- flex-direction: column;
2580
- row-gap: var(--rls-sizing-x8);
2581
- }
2582
- .rls-confirmation__content > p {
2583
- font-weight: var(--rls-font-weight-medium);
2584
- font-size: var(--pvt-content-font-size);
2585
- line-height: var(--pvt-content-line-height);
2586
- letter-spacing: var(--pvt-content-letter-spacing);
2587
- text-align: center;
2588
- color: var(--rls-app-color-600);
2589
- }
2590
- .rls-confirmation__footer {
2591
- position: relative;
2592
- width: 100%;
2593
- padding: var(--rls-sizing-x4) var(--rls-sizing-x12) 0rem var(--rls-sizing-x12);
2594
- box-sizing: border-box;
2595
- }
2596
- .rls-confirmation__actions {
2597
- --rlc-button-width: 100%;
2598
- position: relative;
2599
- display: flex;
2600
- width: 100%;
2601
- flex-direction: row-reverse;
2602
- justify-content: center;
2603
- column-gap: var(--rls-sizing-x8);
2604
- }
2605
- .rls-confirmation__backdrop {
2606
- position: absolute;
2607
- display: block;
2608
- top: 0px;
2609
- left: 0px;
2610
- right: 0px;
2611
- bottom: var(--pvt-backdrop-bottom);
2612
- opacity: var(--pvt-backdrop-opacity);
2613
- z-index: var(--rls-z-index-2);
2614
- background: var(--rlc-modal-backdrop-color, var(--rls-theme-backdrop-400));
2615
- backdrop-filter: var(--rlc-modal-backdrop-filter, blur(2px));
2616
- transition:
2617
- opacity 120ms 0ms var(--rls-deceleration-curve),
2618
- bottom 120ms 0ms var(--rls-deceleration-curve);
2619
- }
2620
- @media screen and (max-width: 480px) {
2621
- .rls-confirmation {
2622
- --pvt-title-font-size: var(--rls-title-font-size);
2623
- --pvt-title-letter-spacing: var(--rls-title-letter-spacing);
2624
- --pvt-title-line-height: var(--rls-title-line-height);
2625
- --pvt-subtitle-font-size: var(--rls-smalltext-font-size);
2626
- --pvt-subtitle-letter-spacing: var(--rls-smalltext-letter-spacing);
2627
- --pvt-subtitle-line-height: var(--rls-smalltext-line-height);
2628
- --pvt-content-font-size: var(--rls-paragraph-font-size);
2629
- }
2630
- .rls-confirmation__header {
2631
- row-gap: var(--rls-sizing-x2);
2632
- }
2633
- .rls-confirmation__actions {
2634
- flex-direction: column-reverse;
2635
- column-gap: 0rem;
2636
- row-gap: var(--rls-sizing-x4);
2637
- }
2638
- } /*# sourceMappingURL=Confirmation.css.map */
2639
-
2640
- .rls-dropdown {
2641
- --pvt-content-opacity: 0;
2642
- --pvt-content-transform: scale(0, 0);
2643
- position: var(--rlc-dropdown-position, absolute);
2644
- display: block;
2645
- opacity: 0;
2646
- width: auto;
2647
- z-index: -16;
2648
- transition: opacity 240ms 0ms var(--rls-standard-curve);
2649
- }
2650
- .rls-dropdown--visible {
2651
- --pvt-content-opacity: 1;
2652
- --pvt-content-transform: scale(1, 1);
2653
- opacity: 1;
2654
- z-index: var(--rlc-dropdown-z-index, var(--rls-z-index-4));
2655
- }
2656
- .rls-dropdown__content {
2657
- display: block;
2658
- width: auto;
2659
- max-width: var(--rlc-dropdown-max-width, 150rem);
2660
- border-radius: var(--rlc-dropdown-radius, var(--rls-sizing-x6));
2661
- padding: var(--rlc-dropdown-padding, var(--rls-sizing-x6));
2662
- box-sizing: border-box;
2663
- border: var(--rlc-dropdown-border, var(--rls-app-border-1-200));
2664
- background: var(--rlc-dropdown-background, var(--rls-app-color-050));
2665
- opacity: var(--pvt-content-opacity);
2666
- transform: var(--pvt-content-transform);
2667
- transition:
2668
- transform 240ms 0ms var(--rls-standard-curve),
2669
- opacity 240ms 0ms var(--rls-standard-curve);
2670
- } /*# sourceMappingURL=Dropdown.css.map */
2671
-
2672
- .rls-field-autocomplete {
2673
- --pvt-control-width: 100%;
2674
- --pvt-control-opacity: 1;
2675
- }
2676
- .rls-field-autocomplete.rls-field-box--selected {
2677
- --pvt-control-width: calc(100% - var(--pvt-action-dimension));
2678
- }
2679
- .rls-field-autocomplete.rls-field-box--disabled {
2680
- --pvt-control-opacity: 0.5;
2681
- }
2682
- .rls-field-autocomplete .rls-field-list__ul__search {
2683
- display: flex;
2684
- align-items: center;
2685
- width: 100%;
2686
- margin-top: var(--rls-sizing-x2);
2687
- margin-bottom: var(--rls-sizing-x6);
2688
- background: var(--rls-app-color-100);
2689
- border-radius: var(--rls-sizing-x4);
2690
- padding: var(--rls-sizing-x4);
2691
- box-sizing: border-box;
2692
- }
2693
- .rls-field-autocomplete .rls-field-list__ul__search button {
2694
- color: var(--rls-app-color-600);
2695
- background: rgba(0, 0, 0, 0);
2696
- }
2697
- .rls-field-autocomplete
2698
- .rls-field-list__ul__search
2699
- button:not(:disabled):hover {
2700
- color: var(--rls-theme-color-300);
2701
- }
2702
- .rls-field-autocomplete .rls-field-list__ul__search button:disabled {
2703
- opacity: 0.5;
2704
- }
2705
- .rls-field-autocomplete .rls-field-list__ul__control {
2706
- width: 100%;
2707
- height: var(--rls-sizing-x12);
2708
- line-height: var(--rls-sizing-x12);
2709
- padding: 0rem;
2710
- cursor: text;
2711
- border: none;
2712
- outline: none;
2713
- background: rgba(0, 0, 0, 0);
2714
- color: var(--rls-app-color-900);
2715
- font-size: var(--rls-input-font-size);
2716
- font-weight: var(--rls-font-weight-medium);
2717
- letter-spacing: var(--rls-input-letter-spacing);
2718
- }
2719
- .rls-field-autocomplete .rls-field-list__ul__control::placeholder {
2720
- color: var(--rls-app-color-400);
2721
- }
2722
- .rls-field-autocomplete .rls-field-list__ul__control::selection {
2723
- background: var(--rls-theme-color-700);
2724
- color: var(--rls-app-color-050);
2725
- }
2726
- .rls-field-autocomplete .rls-field-list__ul__control:disabled {
2727
- opacity: 0.5;
2728
- pointer-events: none;
2729
- }
2730
- .rls-field-autocomplete .rls-field-list__ul .rls-progress-bar {
2731
- margin-bottom: var(--rls-sizing-x8);
2732
- } /*# sourceMappingURL=FieldAutocomplete.css.map */
2733
-
2734
- .rls-modal {
2735
- --pvt-component-transform: translateY(150px) scale(0.6);
2736
- --pvt-component-height: 0rem;
2737
- --pvt-component-opacity: 0;
2738
- --pvt-component-visibility: hidden;
2739
- --pvt-component-transition: 160ms;
2740
- --pvt-backdrop-opacity: 0;
2741
- --pvt-backdrop-bottom: initial;
2742
- position: fixed;
2743
- display: flex;
2744
- top: 0rem;
2745
- left: 0rem;
2746
- width: 100%;
2747
- height: 100%;
2748
- z-index: var(--rls-z-index-24);
2749
- visibility: hidden;
2750
- align-items: center;
2751
- justify-content: center;
2752
- }
2753
- .rls-modal--visible {
2754
- --pvt-component-visibility: visible;
2755
- --pvt-component-height: auto;
2756
- --pvt-component-opacity: 1;
2757
- --pvt-component-transform: translateY(0) scale(1);
2758
- --pvt-backdrop-bottom: 0rem;
2759
- --pvt-backdrop-opacity: 1;
2760
- visibility: visible;
2761
- }
2762
- .rls-modal__component {
2763
- position: absolute;
2764
- display: flex;
2765
- max-width: var(--rlc-modal-max-width, calc(100% - var(--rls-sizing-x8)));
2766
- height: var(--pvt-component-height);
2767
- max-height: calc(100% - var(--rls-sizing-x12));
2768
- flex-direction: column;
2769
- opacity: var(--pvt-component-opacity);
2770
- visibility: var(--pvt-component-visibility);
2771
- z-index: var(--rls-z-index-2);
2772
- border-radius: var(--rls-sizing-x4);
2773
- background: var(--rlc-modal-background, var(--rls-app-color-050));
2774
- transform: var(--pvt-component-transform);
2775
- transition:
2776
- opacity var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
2777
- transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
2778
- visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
2779
- }
2780
- .rls-modal__backdrop {
2781
- position: absolute;
2782
- display: block;
2783
- top: 0rem;
2784
- left: 0rem;
2785
- right: 0rem;
2786
- bottom: var(--pvt-backdrop-bottom);
2787
- opacity: var(--pvt-backdrop-opacity);
2788
- z-index: var(--rls-z-index-1);
2789
- background: var(--rlc-modal-backdrop-color, var(--rls-theme-backdrop-400));
2790
- backdrop-filter: var(--rlc-modal-backdrop-filter, blur(2px));
2791
- transition:
2792
- opacity 120ms 0ms var(--rls-deceleration-curve),
2793
- bottom 120ms 0ms var(--rls-deceleration-curve);
2794
- } /*# sourceMappingURL=Modal.css.map */
2795
-
2796
- .rls-picker-clock {
2797
- position: relative;
2798
- display: flex;
2799
- width: 150rem;
2800
- flex-direction: column;
2801
- row-gap: var(--rls-sizing-x8);
2802
- overflow: hidden;
2803
- user-select: none;
2804
- padding: var(--rlc-picker-clock-padding, 0rem);
2805
- box-sizing: border-box;
2806
- border-radius: var(--rlc-picker-clock-radius, 0rem);
2807
- background: var(--rlc-picker-clock-background, transparent);
2808
- }
2809
- .rls-picker-clock__header {
2810
- display: flex;
2811
- column-gap: var(--rls-sizing-x8);
2812
- padding: var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem var(--rls-sizing-x4);
2813
- box-sizing: border-box;
2814
- justify-content: center;
2815
- }
2816
- .rls-picker-clock__title {
2817
- display: flex;
2818
- width: auto;
2819
- column-gap: var(--rls-sizing-x2);
2820
- align-items: center;
2821
- }
2822
- .rls-picker-clock__title__value {
2823
- width: 16rem;
2824
- text-align: center;
2825
- font-size: var(--rls-heading4-font-size);
2826
- font-weight: var(--rls-font-weight-semibold);
2827
- color: var(--rls-app-color-600);
2828
- }
2829
- .rls-picker-clock__title__value--active {
2830
- color: var(--rls-theme-color-500);
2831
- }
2832
- .rls-picker-clock__title__value:hover {
2833
- color: var(--rls-app-color-900);
2834
- }
2835
- .rls-picker-clock__title__separator {
2836
- font-size: var(--rls-title-font-size);
2837
- font-weight: var(--rls-font-weight-semibold);
2838
- }
2839
- .rls-picker-clock__zone {
2840
- display: flex;
2841
- width: auto;
2842
- column-gap: var(--rls-sizing-x4);
2843
- align-items: center;
2844
- }
2845
- .rls-picker-clock__zone__value {
2846
- width: 18rem;
2847
- text-align: center;
2848
- padding: var(--rls-sizing-x1) var(--rls-sizing-x2);
2849
- border-radius: var(--rls-sizing-x2);
2850
- font-size: var(--rls-body-font-size);
2851
- font-weight: var(--rls-font-weight-semibold);
2852
- background: var(--rls-app-color-200);
2853
- }
2854
- .rls-picker-clock__zone__value--active {
2855
- background: var(--rls-theme-gradient-500);
2856
- color: var(--rls-theme-color-050);
2857
- }
2858
- .rls-picker-clock__body {
2859
- display: flex;
2860
- justify-content: center;
2861
- }
2862
- .rls-picker-clock__plate {
2863
- width: 120rem;
2864
- height: 120rem;
2865
- border-radius: 50%;
2866
- border: var(--rls-app-border-2-200);
2867
- box-sizing: border-box;
2868
- overflow: hidden;
2869
- }
2870
- .rls-picker-clock__canvas {
2871
- position: absolute;
2872
- }
2873
- .rls-picker-clock__canvas__line {
2874
- stroke: var(--rls-theme-color-500);
2875
- stroke-width: var(--rls-sizing-x1);
2876
- }
2877
- .rls-picker-clock__canvas__center {
2878
- fill: var(--rls-theme-color-500);
2879
- }
2880
- .rls-picker-clock__canvas__indicator {
2881
- fill: var(--rls-theme-color-300);
2882
- }
2883
- .rls-picker-clock__canvas__point {
2884
- fill: var(--rls-theme-color-050);
2885
- }
2886
- .rls-picker-clock__tick {
2887
- position: absolute;
2888
- width: var(--rls-sizing-x14);
2889
- height: var(--rls-sizing-x14);
2890
- line-height: var(--rls-sizing-x14);
2891
- text-align: center;
2892
- cursor: pointer;
2893
- font-size: var(--rls-paragraph-font-size);
2894
- font-weight: var(--rls-font-weight-semibold);
2895
- }
2896
- .rls-picker-clock__footer {
2897
- --rlc-button-width: 100%;
2898
- display: flex;
2899
- column-gap: var(--rls-sizing-x6);
2900
- align-items: center;
2901
- padding: var(--rls-sizing-x4) var(--rls-sizing-x8) var(--rls-sizing-x6)
2902
- var(--rls-sizing-x8);
2903
- overflow: hidden;
2904
- box-sizing: border-box;
2905
- }
2906
- .rls-picker-clock__footer--today {
2907
- display: flex;
2908
- width: var(--rls-sizing-x16);
2909
- align-items: center;
2910
- justify-content: center;
2911
- } /*# sourceMappingURL=PickerClock.css.map */
2912
-
2913
- .rls-field-clock {
2914
- --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
2915
- --pvt-font-size: var(--rlc-field-clock-font-size, var(--rls-input-font-size));
2916
- --pvt-letter-spacing: var(
2917
- --rlc-field-clock-letter-spacing,
2918
- var(--rls-input-letter-spacing)
2919
- );
2920
- --pvt-action-dimension: var(
2921
- --rlc-field-box-action-dimension,
2922
- var(--rls-sizing-x12)
2923
- );
2924
- --pvt-action-background: var(
2925
- --rlc-field-box-action-background,
2926
- var(--rls-app-color-200)
2927
- );
2928
- --pvt-control-width: calc(100% - var(--pvt-action-dimension));
2929
- position: relative;
2930
- width: 100%;
2931
- box-sizing: border-box;
2932
- }
2933
- .rls-field-clock .rls-field-box--readonly {
2934
- --pvt-control-width: 100%;
2935
- }
2936
- .rls-field-clock .rls-field-box__body {
2937
- column-gap: var(--rls-sizing-x2);
2938
- }
2939
- .rls-field-clock__control {
2940
- position: relative;
2941
- width: var(--pvt-control-width);
2942
- height: var(--rls-sizing-x12);
2943
- line-height: var(--rls-sizing-x12);
2944
- padding: 0rem;
2945
- cursor: default;
2946
- border: none;
2947
- outline: none;
2948
- background: rgba(0, 0, 0, 0);
2949
- color: var(--rls-app-color-900);
2950
- font-weight: var(--rls-font-weight-medium);
2951
- font-size: var(--pvt-font-size);
2952
- letter-spacing: var(--pvt-letter-spacing);
2953
- }
2954
- .rls-field-clock__control::placeholder {
2955
- color: var(--rls-app-color-400);
2956
- }
2957
- .rls-field-clock__control:disabled {
2958
- opacity: 0.5;
2959
- cursor: not-allowed;
2960
- }
2961
- .rls-field-clock__action {
2962
- --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
2963
- width: var(--pvt-action-dimension);
2964
- height: var(--pvt-action-dimension);
2965
- color: var(--rls-app-color-600);
2966
- padding: 0rem;
2967
- outline: none;
2968
- border-radius: var(--rlc-field-box-action-radius, var(--rls-sizing-x2));
2969
- background: var(--pvt-action-background);
2970
- }
2971
- .rls-field-clock__action:disabled {
2972
- opacity: 0.5;
2973
- background: rgba(0, 0, 0, 0);
2974
- }
2975
- .rls-field-clock__action .rls-icon {
2976
- margin: 1rem;
2977
- }
2978
- .rls-field-clock-modal {
2979
- --rlc-modal-background: transparent;
2980
- --rlc-modal-max-width: 150rem;
2981
- --rlc-picker-clock-radius: var(--rls-sizing-x4);
2982
- --rlc-picker-clock-background: var(--rls-app-color-050);
2983
- --rlc-picker-clock-padding: var(--rls-sizing-x4) 0rem;
2984
- } /*# sourceMappingURL=FieldClock.css.map */
2985
-
2986
- .rls-picker-date {
2987
- position: relative;
2988
- display: flex;
2989
- width: 150rem;
2990
- flex-direction: column;
2991
- row-gap: var(--rls-sizing-x4);
2992
- overflow: hidden;
2993
- user-select: none;
2994
- border-radius: var(--rlc-picker-date-radius, 0rem);
2995
- background: var(--rlc-picker-date-background, transparent);
2996
- }
2997
- .rls-picker-date__header {
2998
- --rlc-picker-selector-title-padding: var(--rls-sizing-x4);
2999
- --rlc-picker-selector-title-radius: var(--rls-sizing-x4);
3000
- --rlc-picker-selector-title-background: var(--rls-app-color-200);
3001
- display: flex;
3002
- flex-direction: column;
3003
- row-gap: var(--rls-sizing-x4);
3004
- padding: var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem var(--rls-sizing-x4);
3005
- box-sizing: border-box;
3006
- }
3007
- .rls-picker-date__title {
3008
- height: var(--rls-sizing-x14);
3009
- line-height: var(--rls-sizing-x14);
3010
- color: var(--rls-app-color-700);
3011
- text-align: center;
3012
- cursor: default;
3013
- font-weight: var(--rls-font-weight-bold);
3014
- font-size: var(--rls-paragraph-font-size);
3015
- }
3016
- .rls-picker-date__title:hover {
3017
- color: var(--rls-theme-color-500);
3018
- }
3019
- .rls-picker-date__component {
3020
- --rlc-picker-day-display: none;
3021
- --rlc-picker-month-display: none;
3022
- --rlc-picker-year-display: none;
3023
- display: flex;
3024
- justify-content: center;
3025
- }
3026
- .rls-picker-date__component--day {
3027
- --rlc-picker-day-display: flex;
3028
- }
3029
- .rls-picker-date__component--month {
3030
- --rlc-picker-month-display: grid;
3031
- }
3032
- .rls-picker-date__component--year {
3033
- --rlc-picker-year-display: block;
3034
- }
3035
- .rls-picker-date__actions {
3036
- --rlc-button-width: 100%;
3037
- display: flex;
3038
- column-gap: var(--rls-sizing-x6);
3039
- align-items: center;
3040
- padding: var(--rls-sizing-x4) var(--rls-sizing-x8) var(--rls-sizing-x6)
3041
- var(--rls-sizing-x8);
3042
- overflow: hidden;
3043
- box-sizing: border-box;
3044
- }
3045
- .rls-picker-date__actions--today {
3046
- display: flex;
3047
- width: var(--rls-sizing-x16);
3048
- align-items: center;
3049
- justify-content: center;
3050
- } /*# sourceMappingURL=PickerDate.css.map */
3051
-
3052
- .rls-field-date {
3053
- --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
3054
- --pvt-font-size: var(--rlc-field-date-font-size, var(--rls-input-font-size));
3055
- --pvt-letter-spacing: var(
3056
- --rlc-field-date-letter-spacing,
3057
- var(--rls-input-letter-spacing)
3058
- );
3059
- --pvt-action-dimension: var(
3060
- --rlc-field-box-action-dimension,
3061
- var(--rls-sizing-x12)
3062
- );
3063
- --pvt-action-background: var(
3064
- --rlc-field-box-action-background,
3065
- var(--rls-app-color-200)
3066
- );
3067
- --pvt-control-width: calc(100% - var(--pvt-action-dimension));
3068
- position: relative;
3069
- width: 100%;
3070
- box-sizing: border-box;
3071
- }
3072
- .rls-field-date .rls-field-box--readonly {
3073
- --pvt-control-width: 100%;
3074
- }
3075
- .rls-field-date .rls-field-box__body {
3076
- column-gap: var(--rls-sizing-x2);
3077
- }
3078
- .rls-field-date__control {
3079
- position: relative;
3080
- width: var(--pvt-control-width);
3081
- height: var(--rls-sizing-x12);
3082
- line-height: var(--rls-sizing-x12);
3083
- padding: 0rem;
3084
- cursor: default;
3085
- border: none;
3086
- outline: none;
3087
- background: rgba(0, 0, 0, 0);
3088
- color: var(--rls-app-color-900);
3089
- font-weight: var(--rls-font-weight-medium);
3090
- font-size: var(--pvt-font-size);
3091
- letter-spacing: var(--pvt-letter-spacing);
3092
- }
3093
- .rls-field-date__control::placeholder {
3094
- color: var(--rls-app-color-400);
3095
- }
3096
- .rls-field-date__control:disabled {
3097
- opacity: 0.5;
3098
- cursor: not-allowed;
3099
- }
3100
- .rls-field-date__action {
3101
- --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
3102
- width: var(--pvt-action-dimension);
3103
- height: var(--pvt-action-dimension);
3104
- color: var(--rls-app-color-600);
3105
- padding: 0rem;
3106
- outline: none;
3107
- border-radius: var(--rlc-field-box-action-radius, var(--rls-sizing-x2));
3108
- background: var(--pvt-action-background);
3109
- }
3110
- .rls-field-date__action:disabled {
3111
- opacity: 0.5;
3112
- background: rgba(0, 0, 0, 0);
3113
- }
3114
- .rls-field-date__action .rls-icon {
3115
- margin: 1rem;
3116
- }
3117
- .rls-field-date-modal {
3118
- --rlc-modal-background: transparent;
3119
- --rlc-modal-max-width: 150rem;
3120
- --rlc-picker-date-radius: var(--rls-sizing-x4);
3121
- --rlc-picker-date-background: var(--rls-app-color-050);
3122
- } /*# sourceMappingURL=FieldDate.css.map */
3123
-
3124
- .rls-picker-date-range {
3125
- position: relative;
3126
- display: flex;
3127
- flex-direction: column;
3128
- width: 150rem;
3129
- row-gap: var(--rls-sizing-x4);
3130
- overflow: hidden;
3131
- border-radius: var(--rlc-picker-date-range-radius, 0rem);
3132
- background: var(--rlc-picker-date-range-background, transparent);
3133
- }
3134
- .rls-picker-date-range__header {
3135
- --rlc-picker-selector-title-padding: var(--rls-sizing-x4);
3136
- --rlc-picker-selector-title-radius: var(--rls-sizing-x4);
3137
- --rlc-picker-selector-title-background: var(--rls-app-color-200);
3138
- display: flex;
3139
- flex-direction: column;
3140
- row-gap: var(--rls-sizing-x4);
3141
- padding: var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem var(--rls-sizing-x4);
3142
- box-sizing: border-box;
3143
- }
3144
- .rls-picker-date-range__title {
3145
- height: var(--rls-sizing-x14);
3146
- line-height: var(--rls-sizing-x14);
3147
- color: var(--rls-app-color-700);
3148
- text-align: center;
3149
- cursor: default;
3150
- font-weight: var(--rls-font-weight-bold);
3151
- font-size: var(--rls-paragraph-font-size);
3152
- }
3153
- .rls-picker-date-range__title:hover {
3154
- color: var(--rls-theme-color-500);
3155
- }
3156
- .rls-picker-date-range__component {
3157
- --rlc-picker-day-range-display: none;
3158
- --rlc-picker-month-display: none;
3159
- --rlc-picker-year-display: none;
3160
- display: flex;
3161
- justify-content: center;
3162
- width: 150rem;
3163
- padding: 0rem var(--rls-sizing-x2);
3164
- box-sizing: border-box;
3165
- }
3166
- .rls-picker-date-range__component--day {
3167
- --rlc-picker-day-range-display: flex;
3168
- }
3169
- .rls-picker-date-range__component--month {
3170
- --rlc-picker-month-display: grid;
3171
- }
3172
- .rls-picker-date-range__component--year {
3173
- --rlc-picker-year-display: block;
3174
- }
3175
- .rls-picker-date-range__footer--hidden {
3176
- display: none;
3177
- }
3178
- .rls-picker-date-range__actions {
3179
- --rlc-button-width: 100%;
3180
- display: flex;
3181
- column-gap: var(--rls-sizing-x4);
3182
- padding: var(--rls-sizing-x6) var(--rls-sizing-x8);
3183
- overflow: hidden;
3184
- box-sizing: border-box;
3185
- } /*# sourceMappingURL=PickerDateRange.css.map */
3186
-
3187
- .rls-field-date-range {
3188
- --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
3189
- --pvt-font-size: var(
3190
- --rlc-field-date-range-font-size,
3191
- var(--rls-input-font-size)
3192
- );
3193
- --pvt-letter-spacing: var(
3194
- --rlc-field-date-range-letter-spacing,
3195
- var(--rls-input-letter-spacing)
3196
- );
3197
- --pvt-action-dimension: var(
3198
- --rlc-field-box-action-dimension,
3199
- var(--rls-sizing-x12)
3200
- );
3201
- --pvt-action-background: var(
3202
- --rlc-field-box-action-background,
3203
- var(--rls-app-color-200)
3204
- );
3205
- --pvt-control-width: calc(100% - var(--pvt-action-dimension));
3206
- position: relative;
3207
- width: 100%;
3208
- box-sizing: border-box;
3209
- }
3210
- .rls-field-date-range .rls-field-box--readonly {
3211
- --pvt-control-width: 100%;
3212
- }
3213
- .rls-field-date-range__control {
3214
- position: relative;
3215
- width: var(--pvt-control-width);
3216
- height: var(--rls-sizing-x12);
3217
- line-height: var(--rls-sizing-x12);
3218
- padding: 0rem;
3219
- cursor: default;
3220
- border: none;
3221
- outline: none;
3222
- background: rgba(0, 0, 0, 0);
3223
- color: var(--rls-app-color-900);
3224
- font-weight: var(--rls-font-weight-medium);
3225
- font-size: var(--pvt-font-size);
3226
- letter-spacing: var(--pvt-letter-spacing);
3227
- }
3228
- .rls-field-date-range__control::placeholder {
3229
- color: var(--rls-app-color-400);
3230
- }
3231
- .rls-field-date-range__control:disabled {
3232
- opacity: 0.5;
3233
- cursor: not-allowed;
3234
- }
3235
- .rls-field-date-range__action {
3236
- --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
3237
- width: var(--pvt-action-dimension);
3238
- height: var(--pvt-action-dimension);
3239
- color: var(--rls-app-color-600);
3240
- padding: 0rem;
3241
- outline: none;
3242
- border-radius: var(--rlc-field-box-action-radius, var(--rls-sizing-x2));
3243
- background: var(--pvt-action-background);
3244
- }
3245
- .rls-field-date-range__action:disabled {
3246
- opacity: 0.5;
3247
- background: rgba(0, 0, 0, 0);
3248
- }
3249
- .rls-field-date-range__action .rls-icon {
3250
- margin: 1rem;
3251
- }
3252
- .rls-field-date-range-modal {
3253
- --rlc-modal-background: transparent;
3254
- --rlc-modal-max-width: 150rem;
3255
- --rlc-picker-date-range-radius: var(--rls-sizing-x4);
3256
- --rlc-picker-date-range-background: var(--rls-app-color-050);
3257
- } /*# sourceMappingURL=FieldDateRange.css.map */
3258
-
3259
- .rls-field-select {
3260
- --rlc-field-list-control-cursor: pointer;
3261
- }
3262
- .rls-field-select .rls-field-list__action {
3263
- transition: transform 160ms 0ms var(--rls-sharp-curve);
3264
- }
3265
- .rls-field-select .rls-field-list__action--visible {
3266
- transform: rotate(180deg);
3267
- } /*# sourceMappingURL=FieldSelect.css.map */
3268
-
3269
- .rls-form-navigation {
3270
- --rlc-field-box-body-background: var(
3271
- --rlc-form-navigation-field-box-background,
3272
- var(--rls-app-color-050)
3273
- );
3274
- --pvt-component-transition: 160ms;
3275
- position: fixed;
3276
- display: flex;
3277
- top: 0rem;
3278
- right: 0rem;
3279
- width: calc(100% - var(--rls-sizing-x16));
3280
- max-width: var(--rlc-form-navigation-max-width, 160rem);
3281
- height: 100%;
3282
- justify-content: flex-end;
3283
- visibility: hidden;
3284
- transform: translateX(100%);
3285
- transition:
3286
- opacity var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
3287
- transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
3288
- visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
3289
- z-index: var(--rls-z-index-16);
3290
- }
3291
- .rls-form-navigation--visible {
3292
- visibility: visible;
3293
- transform: translateX(0%);
3294
- }
3295
- .rls-form-navigation__component {
3296
- position: absolute;
3297
- display: flex;
3298
- width: 100%;
3299
- height: 100%;
3300
- flex-direction: column;
3301
- background: var(--rlc-form-navigation-background, var(--rls-app-color-100));
3302
- border-left: var(--rlc-form-navigation-border, var(--rls-app-border-1-200));
3303
- } /*# sourceMappingURL=FormNavigation.css.map */
3304
-
3305
- .rls-image-editor {
3306
- --pvt-overlay-background: var(--rls-theme-backdrop-900);
3307
- --pvt-sliders-padding: 0rem var(--rls-sizing-x8);
3308
- --pvt-actions-direction: row;
3309
- --pvt-actions-row-gap: 0rem;
3310
- --pvt-actions-column-gap: var(--rls-sizing-x8);
3311
- position: relative;
3312
- display: flex;
3313
- height: 100%;
3314
- flex-direction: column;
3315
- row-gap: var(--rls-sizing-x12);
3316
- }
3317
- .rls-image-editor__body {
3318
- position: relative;
3319
- display: flex;
3320
- height: 100%;
3321
- justify-content: center;
3322
- background: var(--rls-app-color-900);
3323
- }
3324
- .rls-image-editor__body__image {
3325
- overflow: hidden;
3326
- }
3327
- .rls-image-editor__body__selection {
3328
- position: absolute;
3329
- cursor: move;
3330
- box-sizing: border-box;
3331
- z-index: var(--rls-z-index-4);
3332
- border: var(
3333
- --rlc-image-editor-selection-border,
3334
- 2px dashed var(--rls-app-color-050)
3335
- );
3336
- user-select: none;
3337
- }
3338
- .rls-image-editor__body__overlay--top {
3339
- position: absolute;
3340
- top: 0rem;
3341
- z-index: var(--rls-z-index-2);
3342
- background: var(--pvt-overlay-background);
3343
- }
3344
- .rls-image-editor__body__overlay--right {
3345
- position: absolute;
3346
- right: 0rem;
3347
- height: 100%;
3348
- z-index: var(--rls-z-index-2);
3349
- background: var(--pvt-overlay-background);
3350
- }
3351
- .rls-image-editor__body__overlay--bottom {
3352
- position: absolute;
3353
- bottom: 0rem;
3354
- z-index: var(--rls-z-index-2);
3355
- background: var(--pvt-overlay-background);
3356
- }
3357
- .rls-image-editor__body__overlay--left {
3358
- position: absolute;
3359
- right: 0rem;
3360
- height: 100%;
3361
- z-index: var(--rls-z-index-2);
3362
- background: var(--pvt-overlay-background);
3363
- }
3364
- .rls-image-editor__footer {
3365
- display: flex;
3366
- flex-direction: column;
3367
- row-gap: var(--rls-sizing-x12);
3368
- padding: var(--rlc-image-editor-footer-padding, 0rem);
3369
- box-sizing: border-box;
3370
- }
3371
- .rls-image-editor__sliders {
3372
- display: flex;
3373
- flex-direction: column;
3374
- row-gap: var(--rls-sizing-x6);
3375
- padding: var(--pvt-sliders-padding);
3376
- box-sizing: border-box;
3377
- }
3378
- .rls-image-editor__actions {
3379
- display: flex;
3380
- flex-direction: var(--pvt-actions-direction);
3381
- justify-content: center;
3382
- row-gap: var(--pvt-actions-row-gap);
3383
- column-gap: var(--pvt-actions-column-gap);
3384
- }
3385
- .rls-image-editor > canvas {
3386
- position: absolute;
3387
- top: 0rem;
3388
- left: 0rem;
3389
- z-index: -1;
3390
- visibility: hidden;
3391
- pointer-events: none;
3392
- }
3393
- @media only screen and (max-width: 420px) {
3394
- .rls-image-editor {
3395
- --pvt-sliders-padding: 0rem;
3396
- --pvt-actions-direction: column;
3397
- --pvt-actions-row-gap: var(--rls-sizing-x6);
3398
- --pvt-actions-column-gap: 0rem;
3399
- row-gap: var(--rls-sizing-x8);
3400
- }
3401
- } /*# sourceMappingURL=ImageEditor.css.map */
3402
-
3403
- .rls-image-editor-modal {
3404
- --rlc-image-editor-footer-padding: 0rem var(--rls-sizing-x12)
3405
- var(--rls-sizing-x12) var(--rls-sizing-x12);
3406
- --rlc-modal-max-width: calc(250rem - var(--rls-sizing-x16));
3407
- width: 100%;
3408
- }
3409
- @media only screen and (max-width: 480px) {
3410
- .rls-image-editor-modal {
3411
- --rlc-image-editor-footer-padding: 0rem var(--rls-sizing-x8)
3412
- var(--rls-sizing-x8) var(--rls-sizing-x8);
3413
- --rlc-modal-max-width: 160rem;
3414
- }
3415
- } /*# sourceMappingURL=ImageEditorModal.css.map */
3416
-
3417
- .rls-image-chooser {
3418
- position: relative;
3419
- width: var(--rlc-image-chooser-width, 48rem);
3420
- height: var(--rlc-image-chooser-height, 48rem);
3421
- border-radius: var(--rlc-image-chooser-radius, 50%);
3422
- overflow: hidden;
3423
- }
3424
- .rls-image-chooser__avatar {
3425
- display: flex;
3426
- width: 100%;
3427
- height: 100%;
3428
- justify-content: center;
3429
- align-items: center;
3430
- background: var(--rls-theme-color-600);
3431
- }
3432
- .rls-image-chooser__avatar img {
3433
- width: 100%;
3434
- }
3435
- .rls-image-chooser > input[type='file'] {
3436
- position: absolute;
3437
- z-index: -1;
3438
- visibility: hidden;
3439
- }
3440
- .rls-image-chooser__modal {
3441
- --rlc-image-editor-footer-padding: 0rem var(--rls-sizing-x12)
3442
- var(--rls-sizing-x12) var(--rls-sizing-x12);
3443
- --rlc-modal-max-width: calc(250rem - var(--rls-sizing-x16));
3444
- width: 100%;
3445
- }
3446
- @media only screen and (max-width: 480px) {
3447
- .rls-image-chooser__modal {
3448
- --rlc-image-editor-footer-padding: 0rem var(--rls-sizing-x8)
3449
- var(--rls-sizing-x8) var(--rls-sizing-x8);
3450
- --rlc-modal-max-width: 160rem;
3451
- }
3452
- } /*# sourceMappingURL=ImageChooser.css.map */
3453
-
3454
- .rls-modal-sheet {
3455
- --pvt-component-transform: translateY(150px) scale(0.6);
3456
- --pvt-component-bottom: initial;
3457
- --pvt-component-max-width: var(
3458
- --rlc-modal-sheet-max-width,
3459
- calc(100% - var(--rls-sizing-x8))
3460
- );
3461
- --pvt-component-height: 0rem;
3462
- --pvt-component-max-height: calc(100% - var(--rls-sizing-x12));
3463
- --pvt-component-border-radius: var(
3464
- --rlc-modal-sheet-border-radius,
3465
- var(--rls-sizing-x4)
3466
- );
3467
- --pvt-component-opacity: 0;
3468
- --pvt-component-visibility: hidden;
3469
- --pvt-component-transition: 160ms;
3470
- --pvt-backdrop-opacity: 0;
3471
- --pvt-backdrop-bottom: initial;
3472
- position: fixed;
3473
- display: flex;
3474
- top: 0rem;
3475
- left: 0rem;
3476
- width: 100%;
3477
- height: 100%;
3478
- z-index: var(--rls-z-index-24);
3479
- visibility: hidden;
3480
- align-items: center;
3481
- justify-content: center;
3482
- }
3483
- .rls-modal-sheet--visible {
3484
- --pvt-component-visibility: visible;
3485
- --pvt-component-height: auto;
3486
- --pvt-component-opacity: 1;
3487
- --pvt-component-transform: translateY(0) scale(1);
3488
- --pvt-backdrop-bottom: 0rem;
3489
- --pvt-backdrop-opacity: 1;
3490
- visibility: visible;
3491
- }
3492
- .rls-modal-sheet__component {
3493
- position: absolute;
3494
- display: flex;
3495
- bottom: var(--pvt-component-bottom);
3496
- max-width: var(--pvt-component-max-width);
3497
- height: var(--pvt-component-height);
3498
- max-height: var(--pvt-component-max-height);
3499
- flex-direction: column;
3500
- opacity: var(--pvt-component-opacity);
3501
- visibility: var(--pvt-component-visibility);
3502
- z-index: var(--rls-z-index-2);
3503
- border-radius: var(--pvt-component-border-radius);
3504
- background: var(--rlc-modal-sheet-background, var(--rls-app-color-050));
3505
- transform: var(--pvt-component-transform);
3506
- transition:
3507
- opacity var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
3508
- transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
3509
- visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
3510
- }
3511
- .rls-modal-sheet__backdrop {
3512
- position: absolute;
3513
- display: block;
3514
- top: 0rem;
3515
- left: 0rem;
3516
- right: 0rem;
3517
- bottom: var(--pvt-backdrop-bottom);
3518
- opacity: var(--pvt-backdrop-opacity);
3519
- z-index: var(--rls-z-index-1);
3520
- background: var(
3521
- --rlc-modal-sheet-backdrop-color,
3522
- var(--rls-theme-backdrop-400)
3523
- );
3524
- backdrop-filter: var(--rlc-modal-sheet-backdrop-filter, blur(2px));
3525
- transition:
3526
- opacity 120ms 0ms var(--rls-deceleration-curve),
3527
- bottom 120ms 0ms var(--rls-deceleration-curve);
3528
- }
3529
- @media screen and (max-width: 640px) {
3530
- .rls-modal-sheet {
3531
- --pvt-component-transform: translateY(100%);
3532
- --pvt-component-bottom: 0px;
3533
- --pvt-component-max-width: 240rem;
3534
- --pvt-component-max-height: 75%;
3535
- --pvt-component-border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4)
3536
- 0rem 0rem;
3537
- --pvt-component-transition: 320ms;
3538
- align-items: initial;
3539
- }
3540
- .rls-modal-sheet--visible {
3541
- --pvt-component-transform: translateY(0);
3542
- }
3543
- .rls-modal-sheet__component::before {
3544
- display: block;
3545
- content: '';
3546
- width: var(--rls-sizing-x24);
3547
- height: var(--rls-sizing-x2);
3548
- border-radius: var(--rls-sizing-x2);
3549
- background: var(--rls-app-color-300);
3550
- margin: var(--rls-sizing-x3) auto;
3551
- }
3552
- }
3553
- @media screen and (max-width: 640px) and (max-height: 960px) {
3554
- .rls-modal-sheet {
3555
- --pvt-component-max-height: calc(100% - 32rem);
3556
- }
3557
- }
3558
- @media screen and (max-width: 640px) and (max-height: 720px) {
3559
- .rls-modal-sheet {
3560
- --pvt-component-max-height: calc(100% - 24rem);
3561
- }
3562
- }
3563
- @media screen and (max-width: 640px) and (max-height: 560px) {
3564
- .rls-modal-sheet {
3565
- --pvt-component-max-height: calc(100% - 16rem);
3566
- }
3567
- } /*# sourceMappingURL=ModalSheet.css.map */
3568
-
3569
- .rls-snackbar {
3570
- position: fixed;
3571
- display: flex;
3572
- left: var(--rlc-snackbar-left, 50%);
3573
- width: auto;
3574
- max-width: 240rem;
3575
- height: auto;
3576
- bottom: 0rem;
3577
- column-gap: var(--rls-sizing-x6);
3578
- padding: var(--rls-sizing-x6);
3579
- box-sizing: border-box;
3580
- border-radius: var(--rls-sizing-x6);
3581
- background: var(--rls-app-color-050);
3582
- border-left: var(--rls-theme-border-4-400);
3583
- transform: translate(-50%, calc(100% + var(--rls-sizing-x4)));
3584
- transition: all 160ms 0ms var(--rls-standard-curve);
3585
- box-shadow: var(--rls-app-shadow-center-8);
3586
- z-index: var(--rls-z-index-32);
3587
- }
3588
- .rls-snackbar--visible {
3589
- transform: translate(-50%, calc(0% - var(--rls-sizing-x8)));
3590
- }
3591
- .rls-snackbar__avatar {
3592
- --rlc-icon-color: var(--rls-theme-color-050);
3593
- display: flex;
3594
- justify-content: center;
3595
- align-items: center;
3596
- overflow: hidden;
3597
- background: var(--rls-theme-color-500);
3598
- width: var(--rls-sizing-x18);
3599
- height: var(--rls-sizing-x18);
3600
- border-radius: var(--rls-sizing-x4);
3601
- }
3602
- .rls-snackbar__avatar + .rls-snackbar__component {
3603
- width: calc(100% - var(--rls-sizing-x18));
3604
- }
3605
- .rls-snackbar__component {
3606
- display: flex;
3607
- flex-direction: column;
3608
- row-gap: var(--rls-sizing-x2);
3609
- }
3610
- .rls-snackbar__header {
3611
- display: flex;
3612
- align-items: center;
3613
- justify-content: space-between;
3614
- column-gap: var(--rls-sizing-x4);
3615
- }
3616
- .rls-snackbar__header > button {
3617
- background: rgba(0, 0, 0, 0);
3618
- padding: 0rem;
3619
- cursor: pointer;
3620
- color: var(--rls-theme-color-700);
3621
- }
3622
- .rls-snackbar__title {
3623
- white-space: nowrap;
3624
- overflow: hidden;
3625
- text-overflow: ellipsis;
3626
- color: var(--rls-theme-color-500);
3627
- font-size: var(--rls-body-font-size);
3628
- font-weight: var(--rls-font-weight-bold);
3629
- letter-spacing: var(--rls-body-letter-spacing);
3630
- }
3631
- .rls-snackbar__content p {
3632
- line-height: var(--rls-sizing-x10);
3633
- color: var(--rls-app-color-600);
3634
- font-size: var(--rls-label-font-size);
3635
- font-weight: var(--rls-font-weight-medium);
3636
- letter-spacing: var(--rls-label-letter-spacing);
3637
- }
3638
- @media only screen and (max-width: 375px) {
3639
- .rls-snackbar {
3640
- width: calc(100% - var(--rls-sizing-x12));
3641
- }
3642
- } /*# sourceMappingURL=Snackbar.css.map */