@rolster/react-components 19.4.8 → 19.5.1

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