@central-design-system/components 2.30.0 → 3.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (283) hide show
  1. package/dist/cds.css +1 -111
  2. package/dist/cds.d.ts +31 -0
  3. package/dist/cds.es.js +2159 -0
  4. package/dist/cds.umd.js +1 -0
  5. package/dist/components/CdsBadge/CdsBadge.vue.d.ts +32 -0
  6. package/dist/components/CdsButton/CdsButton.vue.d.ts +140 -0
  7. package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +179 -0
  8. package/dist/components/CdsGrid/CdsCol.vue.d.ts +73 -0
  9. package/dist/components/CdsGrid/CdsGrid.vue.d.ts +55 -0
  10. package/dist/components/CdsGrid/CdsRow.vue.d.ts +37 -0
  11. package/dist/components/CdsGrid/composable/column.d.ts +84 -0
  12. package/dist/components/CdsGrid/composable/grid.d.ts +24 -0
  13. package/dist/components/CdsGrid/composable/index.d.ts +4 -0
  14. package/dist/components/CdsGrid/composable/subgrid.d.ts +20 -0
  15. package/dist/components/CdsGrid/composable/wide.d.ts +12 -0
  16. package/dist/components/CdsGrid/mode/CSSGrid.d.ts +5 -0
  17. package/dist/components/CdsGrid/mode/FlexGrid.d.ts +5 -0
  18. package/dist/components/CdsGrid/types.d.ts +27 -0
  19. package/dist/components/CdsIcon/CdsIcon.vue.d.ts +44 -0
  20. package/dist/components/CdsIcon/index.d.ts +1 -0
  21. package/dist/components/CdsLink/CdsLink.vue.d.ts +50 -0
  22. package/dist/components/CdsList/CdsList.vue.d.ts +170 -0
  23. package/dist/components/CdsList/CdsListGroup.vue.d.ts +125 -0
  24. package/dist/components/CdsList/CdsListItem.vue.d.ts +172 -0
  25. package/dist/components/CdsList/composable/depth.d.ts +3 -0
  26. package/dist/components/CdsList/composable/index.d.ts +2 -0
  27. package/dist/components/CdsList/composable/list.d.ts +19 -0
  28. package/dist/components/CdsList/index.d.ts +3 -0
  29. package/dist/components/CdsLoader/CdsLoader.vue.d.ts +62 -0
  30. package/dist/components/CdsLoader/index.d.ts +1 -0
  31. package/dist/components/CdsStatus/CdsStatus.vue.d.ts +46 -0
  32. package/dist/components/CdsTag/CdsTag.vue.d.ts +96 -0
  33. package/dist/components/index.d.ts +18 -0
  34. package/dist/composable/appearance.d.ts +24 -0
  35. package/dist/composable/color.d.ts +21 -0
  36. package/dist/composable/dark.d.ts +19 -0
  37. package/dist/composable/disabled.d.ts +19 -0
  38. package/dist/composable/focus.d.ts +12 -0
  39. package/dist/composable/icon.d.ts +32 -0
  40. package/dist/composable/index.d.ts +17 -0
  41. package/dist/composable/items.d.ts +78 -0
  42. package/dist/composable/link.d.ts +36 -0
  43. package/dist/composable/loading.d.ts +19 -0
  44. package/dist/composable/nested/nested.d.ts +85 -0
  45. package/dist/composable/nested/openStrategies.d.ts +25 -0
  46. package/dist/composable/nested/selectStrategies.d.ts +21 -0
  47. package/dist/composable/proxyModel.d.ts +8 -0
  48. package/dist/composable/render.d.ts +2 -0
  49. package/dist/composable/size.d.ts +24 -0
  50. package/dist/composable/status.d.ts +21 -0
  51. package/dist/composable/tag.d.ts +16 -0
  52. package/dist/composable/text.d.ts +17 -0
  53. package/dist/composable/toggleScope.d.ts +2 -0
  54. package/dist/directives/index.d.ts +2 -0
  55. package/dist/plugins/index.d.ts +2 -0
  56. package/dist/shims-vue.d.ts +24 -0
  57. package/dist/transitions/createTransition.d.ts +9 -0
  58. package/dist/transitions/expandTransition.d.ts +19 -0
  59. package/dist/transitions/index.d.ts +14 -0
  60. package/dist/types/CdsOptions.d.ts +3 -0
  61. package/dist/utils/changeCase/lowerCase.d.ts +8 -0
  62. package/dist/utils/changeCase/noCase.d.ts +10 -0
  63. package/dist/utils/changeCase/paramCase.d.ts +3 -0
  64. package/dist/utils/changeCase/pascalCase.d.ts +5 -0
  65. package/dist/utils/getCurrentInstance.d.ts +13 -0
  66. package/dist/utils/helpers.d.ts +49 -0
  67. package/dist/utils/index.d.ts +7 -0
  68. package/dist/utils/propsFactory.d.ts +52 -0
  69. package/nuxt.js +13 -0
  70. package/package.json +37 -80
  71. package/src/scss/index.scss +10 -0
  72. package/{dist/mixins/scss → src/scss/mixins}/layout/_convert.scss +4 -2
  73. package/{dist/mixins/scss → src/scss/mixins}/layout/_layout.scss +0 -0
  74. package/{dist/mixins/scss → src/scss/mixins}/layout/_mini-unit.scss +0 -0
  75. package/{dist/mixins/scss → src/scss/mixins}/layout/_spacing.scss +0 -0
  76. package/src/scss/mixins/layout/exports/_mini-unit.module.scss +5 -0
  77. package/src/scss/mixins/layout/exports/_spacing-all.module.scss +3 -0
  78. package/src/scss/mixins/layout/exports/_spacing-fluid.module.scss +8 -0
  79. package/src/scss/mixins/layout/exports/_spacing-layout.module.scss +11 -0
  80. package/src/scss/mixins/layout/exports/_spacing.module.scss +16 -0
  81. package/{dist/mixins/scss → src/scss/mixins}/layout/index.scss +0 -2
  82. package/{dist/mixins/scss → src/scss/mixins}/motion.scss +0 -0
  83. package/{dist/mixins/scss → src/scss/mixins}/typo.scss +0 -67
  84. package/src/scss/modules/_reset.scss +113 -0
  85. package/src/scss/modules/_transition.scss +26 -0
  86. package/src/scss/modules/_typography.scss +36 -0
  87. package/src/scss/modules/_variables.scss +9 -0
  88. package/src/scss/modules/grid/_aspect-ratio.scss +62 -0
  89. package/src/scss/modules/grid/_breakpoint.scss +195 -0
  90. package/src/scss/modules/grid/_config.scss +88 -0
  91. package/src/scss/modules/grid/_css-grid.scss +445 -0
  92. package/src/scss/modules/grid/_flex-grid.scss +39 -0
  93. package/src/scss/modules/grid/_mixins.scss +307 -0
  94. package/src/scss/modules/grid/exports/_config.module.scss +9 -0
  95. package/src/scss/modules/grid/index.scss +5 -0
  96. package/src/scss/themes/b2b/tokens-map.scss +139 -0
  97. package/src/scss/themes/b2b/tokens.json +2190 -0
  98. package/{dist/tokens → src/scss/themes}/b2b/variables.css +0 -0
  99. package/src/scss/themes/cds/tokens-map.scss +138 -0
  100. package/src/scss/themes/cds/tokens.json +2184 -0
  101. package/{dist/tokens → src/scss/themes}/cds/variables.css +0 -1
  102. package/src/scss/themes/index.ts +43 -0
  103. package/src/scss/utility/display.scss +13 -0
  104. package/src/scss/utility/flexbox.scss +37 -0
  105. package/src/scss/utility/generatedFiles/generatedStyles.json +1 -0
  106. package/src/scss/utility/generatedFiles/generatedStyles.scss +300 -0
  107. package/src/scss/utility/index.scss +7 -0
  108. package/src/scss/utility/layout.scss +11 -0
  109. package/src/scss/utility/lists.scss +76 -0
  110. package/src/scss/utility/spacing.scss +89 -0
  111. package/src/scss/utility/typography.scss +16 -0
  112. package/src/scss/utility/variables.scss +116 -0
  113. package/README.md +0 -87
  114. package/build/utils/postInstall.js +0 -20
  115. package/build/utils/print.js +0 -38
  116. package/dist/CdsAccordion/index.js +0 -8
  117. package/dist/CdsAccordion/styles.css +0 -11
  118. package/dist/CdsBadge/index.js +0 -8
  119. package/dist/CdsBadge/styles.css +0 -9
  120. package/dist/CdsBreadcrumbs/index.js +0 -8
  121. package/dist/CdsBreadcrumbs/styles.css +0 -11
  122. package/dist/CdsButton/index.js +0 -8
  123. package/dist/CdsButton/styles.css +0 -11
  124. package/dist/CdsCheckbox/index.js +0 -8
  125. package/dist/CdsCheckbox/styles.css +0 -15
  126. package/dist/CdsCombobox/index.js +0 -8
  127. package/dist/CdsCombobox/styles.css +0 -15
  128. package/dist/CdsContainer/index.js +0 -8
  129. package/dist/CdsContainer/styles.css +0 -11
  130. package/dist/CdsContentSwitcher/index.js +0 -8
  131. package/dist/CdsContentSwitcher/styles.css +0 -15
  132. package/dist/CdsDataTable/index.js +0 -8
  133. package/dist/CdsDataTable/styles.css +0 -21
  134. package/dist/CdsDatePicker/index.js +0 -24
  135. package/dist/CdsDatePicker/styles.css +0 -15
  136. package/dist/CdsDrawer/index.js +0 -8
  137. package/dist/CdsDrawer/styles.css +0 -17
  138. package/dist/CdsDropdown/index.js +0 -8
  139. package/dist/CdsDropdown/styles.css +0 -15
  140. package/dist/CdsEmptyState/index.js +0 -8
  141. package/dist/CdsEmptyState/styles.css +0 -9
  142. package/dist/CdsFooter/index.js +0 -8
  143. package/dist/CdsFooter/styles.css +0 -17
  144. package/dist/CdsForm/index.js +0 -8
  145. package/dist/CdsForm/styles.css +0 -15
  146. package/dist/CdsGrid/index.js +0 -8
  147. package/dist/CdsGrid/styles.css +0 -9
  148. package/dist/CdsHeader/index.js +0 -8
  149. package/dist/CdsHeader/styles.css +0 -11
  150. package/dist/CdsIcon/index.js +0 -8
  151. package/dist/CdsIcon/styles.css +0 -9
  152. package/dist/CdsImage/index.js +0 -8
  153. package/dist/CdsImage/styles.css +0 -9
  154. package/dist/CdsInput/index.js +0 -8
  155. package/dist/CdsInput/styles.css +0 -13
  156. package/dist/CdsLink/index.js +0 -8
  157. package/dist/CdsLink/styles.css +0 -9
  158. package/dist/CdsList/index.js +0 -8
  159. package/dist/CdsList/styles.css +0 -9
  160. package/dist/CdsLoading/index.js +0 -8
  161. package/dist/CdsLoading/styles.css +0 -9
  162. package/dist/CdsModal/index.js +0 -8
  163. package/dist/CdsModal/styles.css +0 -15
  164. package/dist/CdsMultiselect/index.js +0 -8
  165. package/dist/CdsMultiselect/styles.css +0 -17
  166. package/dist/CdsNotification/index.js +0 -8
  167. package/dist/CdsNotification/styles.css +0 -21
  168. package/dist/CdsOverflowMenu/index.js +0 -8
  169. package/dist/CdsOverflowMenu/styles.css +0 -21
  170. package/dist/CdsPagination/index.js +0 -8
  171. package/dist/CdsPagination/styles.css +0 -13
  172. package/dist/CdsRadioButton/index.js +0 -8
  173. package/dist/CdsRadioButton/styles.css +0 -15
  174. package/dist/CdsSearch/index.js +0 -8
  175. package/dist/CdsSearch/styles.css +0 -19
  176. package/dist/CdsSelect/index.js +0 -8
  177. package/dist/CdsSelect/styles.css +0 -15
  178. package/dist/CdsSidebar/index.js +0 -8
  179. package/dist/CdsSidebar/styles.css +0 -15
  180. package/dist/CdsSkeleton/index.js +0 -8
  181. package/dist/CdsSkeleton/styles.css +0 -9
  182. package/dist/CdsStages/index.js +0 -8
  183. package/dist/CdsStages/styles.css +0 -9
  184. package/dist/CdsStatus/index.js +0 -8
  185. package/dist/CdsStatus/styles.css +0 -15
  186. package/dist/CdsSteps/index.js +0 -8
  187. package/dist/CdsSteps/styles.css +0 -19
  188. package/dist/CdsTable/index.js +0 -16
  189. package/dist/CdsTable/styles.css +0 -21
  190. package/dist/CdsTabs/index.js +0 -8
  191. package/dist/CdsTabs/styles.css +0 -9
  192. package/dist/CdsTag/index.js +0 -8
  193. package/dist/CdsTag/styles.css +0 -11
  194. package/dist/CdsTextArea/index.js +0 -8
  195. package/dist/CdsTextArea/styles.css +0 -17
  196. package/dist/CdsTextInput/index.js +0 -8
  197. package/dist/CdsTextInput/styles.css +0 -15
  198. package/dist/CdsToggle/index.js +0 -8
  199. package/dist/CdsToggle/styles.css +0 -9
  200. package/dist/CdsTooltip/index.js +0 -8
  201. package/dist/CdsTooltip/styles.css +0 -13
  202. package/dist/CdsUploader/index.js +0 -14
  203. package/dist/CdsUploader/styles.css +0 -25
  204. package/dist/cds.js +0 -38
  205. package/dist/cds.min.css +0 -7
  206. package/dist/cds.min.js +0 -38
  207. package/dist/index.html +0 -60
  208. package/dist/mixins/scss/layout/_breakpoint.scss +0 -237
  209. package/dist/mixins/scss/layout/_key-height.scss +0 -90
  210. package/dist/mixins/scss/layout/_spacing-export.scss +0 -34
  211. package/dist/mixins/scss/layout/_utilities.scss +0 -33
  212. package/dist/types/CdsAccordion.ts +0 -4
  213. package/dist/types/CdsAccordionItem.ts +0 -10
  214. package/dist/types/CdsBreadcrumbs.ts +0 -11
  215. package/dist/types/CdsBreadcrumbsItem.ts +0 -12
  216. package/dist/types/CdsButton.ts +0 -30
  217. package/dist/types/CdsCheckbox.ts +0 -20
  218. package/dist/types/CdsCheckboxGroup.ts +0 -14
  219. package/dist/types/CdsCol.ts +0 -38
  220. package/dist/types/CdsCombobox.ts +0 -42
  221. package/dist/types/CdsContainer.ts +0 -32
  222. package/dist/types/CdsContentSwitcher.ts +0 -4
  223. package/dist/types/CdsContentSwitcherButton.ts +0 -21
  224. package/dist/types/CdsDataTable.ts +0 -48
  225. package/dist/types/CdsDatePicker.ts +0 -40
  226. package/dist/types/CdsDrawer.ts +0 -25
  227. package/dist/types/CdsDrawerGroup.ts +0 -8
  228. package/dist/types/CdsDrawerItem.ts +0 -12
  229. package/dist/types/CdsDrawerLabel.ts +0 -4
  230. package/dist/types/CdsDropdown.ts +0 -14
  231. package/dist/types/CdsEmptyState.ts +0 -10
  232. package/dist/types/CdsFooter.ts +0 -17
  233. package/dist/types/CdsFooterService.ts +0 -16
  234. package/dist/types/CdsForm.ts +0 -4
  235. package/dist/types/CdsFormGroup.ts +0 -8
  236. package/dist/types/CdsFormItem.ts +0 -4
  237. package/dist/types/CdsGrid.ts +0 -16
  238. package/dist/types/CdsHeader.ts +0 -27
  239. package/dist/types/CdsHeaderService.ts +0 -4
  240. package/dist/types/CdsIcon.ts +0 -6
  241. package/dist/types/CdsLink.ts +0 -22
  242. package/dist/types/CdsList.ts +0 -6
  243. package/dist/types/CdsLoading.ts +0 -14
  244. package/dist/types/CdsModal.ts +0 -17
  245. package/dist/types/CdsMultiselect.ts +0 -33
  246. package/dist/types/CdsNotification.ts +0 -22
  247. package/dist/types/CdsOverflowMenu.ts +0 -16
  248. package/dist/types/CdsPagination.ts +0 -12
  249. package/dist/types/CdsRadioButton.ts +0 -29
  250. package/dist/types/CdsRow.ts +0 -18
  251. package/dist/types/CdsSearch.ts +0 -24
  252. package/dist/types/CdsSelect.ts +0 -37
  253. package/dist/types/CdsSkeleton.ts +0 -14
  254. package/dist/types/CdsStages.ts +0 -10
  255. package/dist/types/CdsStatus.ts +0 -22
  256. package/dist/types/CdsSteps.ts +0 -22
  257. package/dist/types/CdsStepsItem.ts +0 -12
  258. package/dist/types/CdsTable.ts +0 -46
  259. package/dist/types/CdsTabs.ts +0 -19
  260. package/dist/types/CdsTabsItem.ts +0 -18
  261. package/dist/types/CdsTag.ts +0 -20
  262. package/dist/types/CdsTextArea.ts +0 -26
  263. package/dist/types/CdsTextInput.ts +0 -32
  264. package/dist/types/CdsToggle.ts +0 -18
  265. package/dist/types/CdsTooltip.ts +0 -18
  266. package/dist/types/CdsTooltipDefinition.ts +0 -16
  267. package/dist/types/CdsTooltipInteractive.ts +0 -11
  268. package/dist/types/CdsUploader.ts +0 -44
  269. package/dist/types/Sidebar.ts +0 -17
  270. package/dist/types/types.ts +0 -2
  271. package/dist/utils/convertRemToPx.js +0 -9
  272. package/dist/utils/deepFind.js +0 -14
  273. package/dist/utils/expiringStorage.js +0 -28
  274. package/dist/utils/helpers.js +0 -33
  275. package/dist/utils/index.js +0 -1
  276. package/dist/utils/isCorrectTag.js +0 -5
  277. package/dist/utils/isRightProps.js +0 -5
  278. package/dist/utils/memoize.js +0 -8
  279. package/dist/utils/suffixPropName.js +0 -12
  280. package/dist/utils/test/deepFind.test.js +0 -18
  281. package/dist/utils/test/isCorrectTag.test.js +0 -9
  282. package/dist/utils/test/isCorrectTagDataSet.js +0 -51
  283. package/dist/utils/validationProps.js +0 -7
@@ -1,25 +0,0 @@
1
- /*!
2
- * CDS v2.29.1 (https://cds.b2b-center.ru/)
3
- *
4
- * @package @central-design-system/components
5
- * @author Design System Team <cds@b2b-center.ru>
6
- * © 2023, B2B-Center. (https://b2b-center.ru/)
7
- */
8
- .cds-loading{position:absolute;width:5rem;height:5rem;opacity:1}.cds-loading__overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--cds-color-overlay-02);display:flex;justify-content:center;align-items:center;opacity:1}.cds-loading__overlay__fixed{position:fixed}.cds-loading__fixed{position:relative}.cds-loading svg{display:block;-webkit-animation:loader-turn 2s linear infinite;animation:loader-turn 2s linear infinite;width:100%}.cds-loading circle{-webkit-animation:loader-stroke 2s linear infinite;animation:loader-stroke 2s linear infinite;fill:none;stroke-dasharray:60;stroke-dashoffset:60;stroke-width:2;stroke:var(--cds-color-interactive-01-default)}.cds-loading__small{width:1rem;height:1rem}.cds-loading__small svg{width:100%}.cds-loading__small circle{stroke-width:3}@-webkit-keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@-webkit-keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}@keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}.fade-enter-active,.fade-leave-active{transition:200ms cubic-bezier(0.37, 0, 0.63, 1)}.fade-enter,.fade-leave-to{opacity:0}
9
-
10
- .cds-button{cursor:pointer;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;position:relative;outline:var(--cds-border-element-01) transparent;text-align:left;border:var(--cds-border-element-01);border-radius:var(--cds-border-radius-s);height:2rem;margin:0;padding:0 1rem;text-decoration:none;color:var(--cds-color-interactive-01-above);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light);transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}@media (max-width: 41.98rem){.cds-button{font-size:var(--cds-font-body-size-xs)}}.cds-button__primary{border-color:var(--cds-color-interactive-01-default);background-color:var(--cds-color-interactive-01-default)}.cds-button__primary .cds-button__text{color:var(--cds-color-interactive-01-above)}.cds-button__primary svg{fill:var(--cds-color-interactive-01-above)}.cds-button__primary:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-button__primary:active{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__primary.cds-state-loading{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__primary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:var(--cds-color-disabled-01)}.cds-button__primary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__primary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__secondary{border-color:var(--cds-color-interactive-01-default);background-color:transparent}.cds-button__secondary .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__secondary svg{fill:var(--cds-color-interactive-02-above)}.cds-button__secondary:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__secondary:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary:focus:before{border-color:var(--cds-color-interactive-02-focus)}.cds-button__secondary:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__secondary.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__secondary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:transparent}.cds-button__secondary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__secondary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__transparent{border-color:transparent;background-color:transparent}.cds-button__transparent .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__transparent svg{fill:var(--cds-color-interactive-02-above)}.cds-button__transparent:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__transparent:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__transparent:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__transparent.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__transparent.cds-state-disabled{border-color:transparent;background-color:transparent}.cds-button__transparent.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__transparent.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__inverse{background-color:transparent}.cds-button__inverse:not(.cds-button__transparent){border-color:var(--cds-color-border-element-primary)}.cds-button__inverse .cds-button__text{color:var(--cds-color-text-inverse)}.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__inverse:hover{background-color:#464a4d}.cds-button__inverse:active{background-color:#34383d}.cds-button__inverse:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__inverse:focus:after{border-color:transparent}.cds-button__inverse.cds-state-loading{background-color:transparent}.cds-button__inverse.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__inverse.cds-state-disabled{border-color:#383838;background-color:#383838}.cds-button__inverse.cds-state-disabled .cds-button__text{color:#8c8c8c}.cds-button__inverse.cds-state-disabled .cds-loading circle{stroke:#8c8c8c}.cds-button__inverse.cds-state-disabled svg{fill:#8c8c8c}.cds-button__icon{flex-direction:column;border-color:transparent;background-color:transparent;border-radius:0;width:2rem;height:2rem;padding:.5rem}.cds-button__icon .cds-button__text{display:none}.cds-button__icon svg{fill:var(--cds-color-icon-default)}.cds-button__icon:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__icon:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-button__icon:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon:active svg{fill:var(--cds-color-icon-default)}.cds-button__icon:focus:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon:focus:after{border-radius:0;border:0}.cds-button__icon:focus svg{fill:var(--cds-color-icon-default)}.cds-button__icon.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__icon.cds-state-disabled{background-color:transparent;border-color:transparent}.cds-button__icon.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon.cds-button__inverse{background-color:transparent}.cds-button__icon.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__icon.cds-button__inverse:hover svg{fill:var(--cds-color-interactive-02-hover)}.cds-button__icon.cds-button__inverse:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon.cds-button__inverse:active svg{fill:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-button__inverse.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon--slot{margin-left:.5rem}.cds-button__badge{position:absolute;right:-.5rem;top:-.3125rem;z-index:600}.cds-button i+.cds-button__text,.cds-button svg+.cds-button__text{margin-left:.5rem}.cds-button__icon-after{flex-direction:row-reverse}.cds-button__icon-after i+.cds-button__text{margin-left:0;margin-right:.5rem}.cds-button__size--lg{height:3rem;padding:0 1.5rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-m);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}@media (max-width: 41.98rem){.cds-button__size--lg{font-size:var(--cds-font-body-size-s)}}.cds-button__size--lg .cds-ico,.cds-button__size--lg .cds-ico svg,.cds-button__size--lg .cds-loading{width:1.5rem;height:1.5rem}.cds-button__size--xl{height:4rem;padding:0 2rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-l);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-normal)}@media (max-width: 41.98rem){.cds-button__size--xl{font-size:var(--cds-font-body-size-m)}}.cds-button__size--xl .cds-ico,.cds-button__size--xl .cds-ico svg,.cds-button__size--xl .cds-loading{width:2.5rem;height:2.5rem}.cds-button.cds-state-loading{cursor:default}.cds-button.cds-state-loading .cds-button__text{color:transparent;opacity:0;visibility:hidden}.cds-button.cds-state-loading>i{opacity:0;visibility:hidden}.cds-button.cds-state-disabled{cursor:not-allowed}.cds-button__skeleton{padding:0}.cds-button__skeleton .cds-skeleton{border-radius:var(--cds-border-radius-s)}.cds-button i,.cds-button svg,.cds-button .cds-button__text{position:relative}.cds-button__text{display:inline-block;white-space:nowrap}.cds-button:after,.cds-button:before{box-sizing:border-box;border-radius:var(--cds-border-radius-s);position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-button:before{top:-1px;left:-1px;height:calc(100% + 2px);width:calc(100% + 2px);border:var(--cds-border-element-02) transparent}.cds-button:after{top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);border:var(--cds-border-element-01) transparent}.cds-button:hover:not(.cds-state-disabled) .cds-button__tooltip,.cds-button:focus:not(.cds-state-disabled) .cds-button__tooltip{opacity:1;visibility:visible}
11
-
12
- .cds-ico,.cds-ico svg{width:1rem;height:1rem}
13
-
14
- .cds-input{position:relative;display:block}.cds-input input{display:block;outline:none !important;width:100%;background-color:var(--cds-color-background-field-primary);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);height:2rem;border-radius:var(--cds-border-radius-s);padding:0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:50ms cubic-bezier(0.37, 0, 0.63, 1);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-input input::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}@media (max-width: 41.98rem){.cds-input input{font-size:var(--cds-font-body-size-xs)}}.cds-input input:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-input input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-input input:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-input input:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input__prefix{display:flex;align-items:center;position:absolute;left:.5rem;top:0;bottom:0}.cds-input__suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-input__suffix i+button,.cds-input__suffix i+i{margin-left:.5rem}.cds-input--wprefix input{padding-left:2.5rem}.cds-input--wsuffix input{padding-right:2.5rem}.cds-input--max-suffix input{padding-right:4rem}.cds-input__alert-icon{fill:var(--cds-color-feedback-error-100)}.cds-input__counter{position:absolute;top:-1.25rem;right:0;color:var(--cds-color-text-description);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%;width:auto}.cds-input__description{color:var(--cds-color-text-description);margin-bottom:.5rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%}.cds-input__error{margin-top:.25rem;color:var(--cds-color-feedback-error-100);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem;width:75%}.cds-input__label{display:block;cursor:pointer;margin-bottom:.25rem;color:var(--cds-color-text-label);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-state-invalid input{border-color:var(--cds-color-feedback-error-100)}.cds-state-invalid input:hover,.cds-state-invalid input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__label{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__suffix i:not(.cds-input__alert-icon),.cds-state-disabled .cds-input__prefix i:not(.cds-input__alert-icon){fill:var(--cds-color-disabled-02)}
15
-
16
- .cds-text-input__field .cds-skeleton{border-radius:var(--cds-border-radius-s)}
17
-
18
-
19
-
20
- .cds-tooltip{position:relative;align-items:center;display:flex}.cds-tooltip__trigger:not(.cds-state-disabled){cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger:not(.cds-state-disabled):focus{outline:var(--cds-border-element-01) var(--cds-color-interactive-01-focus)}.cds-tooltip__definition{font-style:normal;outline-offset:1px;position:relative}.cds-tooltip__definition:before{position:absolute;content:'';bottom:0;left:0;height:0;width:100%;border-bottom:1px dashed var(--cds-color-link-default);outline:var(--cds-border-element-01) transparent}.cds-tooltip__definition:hover:before{border-color:var(--cds-color-interactive-01-hover)}.cds-tooltip__definition .cds-tooltip__content{padding:1rem}.cds-tooltip__content{display:block;position:absolute;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse);padding:.125rem 1rem;opacity:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:288px;z-index:801;transition:opacity 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tooltip__content:before{position:absolute;background:var(--cds-color-background-inverse);transform:rotate(-135deg);width:.5rem;height:.5rem;content:""}.cds-tooltip__content header h6{margin:0 0 .5rem 0}.cds-tooltip__content p,.cds-tooltip__content footer a{margin:0;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}@media (max-width: 41.98rem){.cds-tooltip__content p,.cds-tooltip__content footer a{font-size:var(--cds-font-body-size-xs)}}.cds-tooltip__content footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cds-tooltip__content.top:before{margin:0 auto;left:0;right:0;bottom:-.25rem}.cds-tooltip__content.top.start:before{margin-left:.75rem}.cds-tooltip__content.top.end:before{margin-right:.75rem}.cds-tooltip__content.bottom:before{margin:0 auto;left:0;right:0;top:-.25rem}.cds-tooltip__content.bottom.start:before{margin-left:.75rem}.cds-tooltip__content.bottom.end:before{margin-right:.75rem}.cds-tooltip__content.right:before{margin:auto 0;left:-.25rem;top:0;bottom:0}.cds-tooltip__content.right.start:before{margin-top:.5rem}.cds-tooltip__content.right.end:before{margin-bottom:.5rem}.cds-tooltip__content.left:before{margin:auto 0;right:-.25rem;top:0;bottom:0}.cds-tooltip__content.left.start:before{margin-top:.5rem}.cds-tooltip__content.left.end:before{margin-bottom:.5rem}.cds-tooltip__content--arrow{display:none}.cds-tooltip__content.cds-state-active{visibility:visible;opacity:1}.cds-tooltip__interactive{padding:1rem;display:block;position:absolute;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse);opacity:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:288px;z-index:800;transition:opacity 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tooltip__interactive:before{position:absolute;background:var(--cds-color-background-inverse);transform:rotate(-135deg);width:1rem;height:1rem;content:""}.cds-tooltip__interactive header h6{margin:0 0 .5rem 0}.cds-tooltip__interactive p,.cds-tooltip__interactive footer a{margin:0;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}@media (max-width: 41.98rem){.cds-tooltip__interactive p,.cds-tooltip__interactive footer a{font-size:var(--cds-font-body-size-xs)}}.cds-tooltip__interactive footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cds-tooltip__interactive.top:before{margin:0 auto;left:0;right:0;bottom:-.125rem}.cds-tooltip__interactive.top.start:before{margin-left:.5rem}.cds-tooltip__interactive.top.end:before{margin-right:.5rem}.cds-tooltip__interactive.bottom:before{margin:0 auto;left:0;right:0;top:-.25rem}.cds-tooltip__interactive.bottom.start:before{margin-left:.5rem}.cds-tooltip__interactive.bottom.end:before{margin-right:.5rem}.cds-tooltip__interactive.right:before{margin:auto 0;left:-.25rem;top:0;bottom:0}.cds-tooltip__interactive.right.start:before{margin-top:.5rem}.cds-tooltip__interactive.right.end:before{margin-bottom:.5rem}.cds-tooltip__interactive.left:before{margin:auto 0;right:-.25rem;top:0;bottom:0}.cds-tooltip__interactive.left.start:before{margin-top:.5rem}.cds-tooltip__interactive.left.end:before{margin-bottom:.5rem}.cds-tooltip__interactive--arrow{display:none}.cds-tooltip__interactive.cds-state-active{visibility:visible;opacity:1}.cds-tooltip__trigger{margin-left:.5rem}.cds-tooltip.cds-tooltip__trigger{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:0}.cds-tooltip.cds-tooltip__trigger:focus{outline:none}.cds-tooltip.cds-tooltip__trigger:focus>i.cds-ico{outline:var(--cds-border-element-01) var(--cds-color-interactive-01-focus)}.cds-tooltip.cds-tooltip__trigger:hover .cds-tooltip__content,.cds-tooltip.cds-tooltip__trigger:focus .cds-tooltip__content,.cds-tooltip.cds-tooltip__trigger.cds-state-active .cds-tooltip__content{opacity:1;visibility:visible}@media (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content{position:fixed;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;max-width:100%;bottom:0;top:initial;left:0;transform:none;padding-top:0;padding-bottom:2rem;z-index:600;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-m);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}}@media (max-width: 41.98rem) and (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content{font-size:var(--cds-font-body-size-s)}}@media (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:before{content:none}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:hover,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:focus{opacity:0;visibility:hidden}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.top,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.bottom,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.right,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.left{margin:0}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content--arrow{display:flex;background:transparent;margin:0 auto}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content--arrow svg{fill:var(--cds-color-neutral-0)}}
21
-
22
- .cds-uploader__container{margin-top:1rem;padding:0}.cds-uploader__container :last-child{margin-bottom:0}.cds-uploader__wrapper{display:flex;align-items:center}.cds-uploader__wrapper span{color:var(--cds-color-text-primary)}.cds-uploader__error--slot{margin-top:1rem}.cds-uploader__filename{margin-right:.125rem}.cds-uploader__upload label,.cds-uploader__upload input{display:none}.cds-uploader__status{margin-right:.5rem}.cds-uploader__icon--check svg{fill:var(--cds-color-feedback-success-100)}.cds-uploader__icon--alert svg{fill:var(--cds-color-feedback-error-100)}.cds-uploader__icon--loader svg{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;fill:var(--cds-color-interactive-01-default)}.cds-uploader.cds-state-disabled label{cursor:default}@-webkit-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.cds-uploader-old__wrapper{margin-bottom:.5rem}.cds-uploader-old__file{height:2rem;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);position:relative;background-color:var(--cds-color-background-field-primary);margin-bottom:.5rem}.cds-uploader-old__file:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-uploader-old__file i{position:absolute;top:.5rem;right:.5rem;cursor:pointer;z-index:3}.cds-uploader-old__file i ~ i{margin-right:1.25rem}.cds-uploader-old__name{color:var(--cds-color-text-primary);padding:.375rem 3rem .5rem 1rem;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}@media (max-width: 41.98rem){.cds-uploader-old__name{font-size:var(--cds-font-body-size-xs)}}.cds-uploader-old__progress{z-index:1;display:block;height:100%;background-color:var(--cds-color-neutral-15);position:absolute;overflow:hidden;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01) transparent;top:0;left:0;opacity:0.4}.cds-uploader-old__loading{top:.5rem;right:.5rem}.cds-uploader-old__upload label,.cds-uploader-old__upload input{display:none}.cds-uploader-old__error{border:var(--cds-border-element-01) var(--cds-color-feedback-error-100)}.cds-uploader-old__error--name{color:var(--cds-color-disabled-02)}.cds-uploader-old__error--text{margin-top:.25rem;color:var(--cds-color-feedback-error-100);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%}.cds-uploader-old__error--icon{fill:var(--cds-color-feedback-error-100)}.cds-uploader-old__error--slot{margin-top:1rem}.cds-uploader-old__success--icon{fill:var(--cds-color-feedback-success-100)}.cds-uploader-old.cds-state-disabled *{color:var(--cds-color-disabled-02)}.cds-uploader-old.cds-state-disabled label{cursor:default}.cds-uploader-old.cds-state-disabled .cds-uploader-old__file-item{cursor:not-allowed;background-color:var(--cds-color-disabled-01)}.cds-uploader-old.cds-state-disabled .cds-uploader-old__file-item:hover{background-color:var(--cds-color-disabled-01)}
23
-
24
- .cds-uploader__skeleton{margin-bottom:1rem}.cds-uploader__skeleton .cds-skeleton{border-radius:var(--cds-border-radius-s)}
25
-