@central-design-system/components 3.0.0-beta.8 → 3.0.0-rc.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 (246) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.d.ts +9 -2
  3. package/dist/cds.es.js +18620 -13172
  4. package/dist/cds.umd.js +7 -3
  5. package/dist/components/CdsAutocomplete/CdsAutocomplete.vue.d.ts +93 -89
  6. package/dist/components/CdsBadge/CdsBadge.vue.d.ts +27 -12
  7. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbs.vue.d.ts +11 -0
  8. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.vue.d.ts +14 -3
  9. package/dist/components/CdsButton/CdsButton.vue.d.ts +40 -29
  10. package/dist/components/CdsButton/CdsFunctionalButton.vue.d.ts +73 -0
  11. package/dist/components/CdsButton/index.d.ts +1 -0
  12. package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +19 -0
  13. package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +13 -0
  14. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +326 -213
  15. package/dist/components/CdsContainer/CdsContainer.vue.d.ts +43 -26
  16. package/dist/components/CdsContainer/context.d.ts +1 -1
  17. package/dist/components/CdsContentSwitcher/CdsContentSwitcher.vue.d.ts +11 -0
  18. package/dist/components/CdsContentSwitcher/CdsContentSwitcherItem.vue.d.ts +27 -27
  19. package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +12 -1
  20. package/dist/components/CdsDatePicker/composable/calendar.d.ts +4 -4
  21. package/dist/components/CdsDivider/CdsDivider.vue.d.ts +45 -0
  22. package/dist/components/CdsDivider/index.d.ts +1 -0
  23. package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +70 -4
  24. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +248 -177
  25. package/dist/components/CdsEmptyState/CdsEmptyState.vue.d.ts +4 -4
  26. package/dist/components/CdsExpandablePanel/CdsExpandablePanel.vue.d.ts +13 -13
  27. package/dist/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue.d.ts +10 -10
  28. package/dist/components/CdsExpandablePanel/CdsExpandablePanels.vue.d.ts +19 -8
  29. package/dist/components/CdsExpandablePanel/composable/expandablePanelTitleProps.d.ts +3 -3
  30. package/dist/components/CdsFooter/CdsFooter.vue.d.ts +23 -3
  31. package/dist/components/CdsForm/CdsForm.vue.d.ts +11 -0
  32. package/dist/components/CdsGrid/composable/column.d.ts +1 -1
  33. package/dist/components/CdsGrid/composable/subgrid.d.ts +1 -1
  34. package/dist/components/CdsGrid/mode/CSSGrid.d.ts +1 -1
  35. package/dist/components/CdsGrid/mode/FlexGrid.d.ts +1 -1
  36. package/dist/components/CdsHeader/CdsHeader.vue.d.ts +23 -3
  37. package/dist/components/CdsIcon/CdsIcon.vue.d.ts +33 -3
  38. package/dist/components/CdsImage/CdsImage.vue.d.ts +264 -0
  39. package/dist/components/CdsImage/components/CdsResponsive.vue.d.ts +87 -0
  40. package/dist/components/CdsImage/components/index.d.ts +1 -0
  41. package/dist/components/CdsImage/composable/image.d.ts +134 -0
  42. package/dist/components/CdsImage/composable/index.d.ts +2 -0
  43. package/dist/components/CdsImage/composable/responsive.d.ts +35 -0
  44. package/dist/components/CdsImage/index.d.ts +2 -0
  45. package/dist/components/CdsInput/CdsInput.vue.d.ts +27 -22
  46. package/dist/components/CdsInput/CdsInputDescription.vue.d.ts +3 -3
  47. package/dist/components/CdsInput/CdsInputLabel.vue.d.ts +15 -4
  48. package/dist/components/CdsLayout/CdsLayout.vue.d.ts +12 -1
  49. package/dist/components/CdsLayout/context.d.ts +1 -1
  50. package/dist/components/CdsLink/CdsLink.vue.d.ts +13 -11
  51. package/dist/components/CdsList/CdsList.vue.d.ts +22 -40
  52. package/dist/components/CdsList/CdsListGroup.vue.d.ts +7 -7
  53. package/dist/components/CdsList/CdsListItem.vue.d.ts +12 -12
  54. package/dist/components/CdsList/composable/list.d.ts +1 -1
  55. package/dist/components/CdsLoader/CdsLoader.vue.d.ts +12 -0
  56. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +59 -14
  57. package/dist/components/CdsModal/CdsModal.vue.d.ts +41 -8
  58. package/dist/components/CdsNotification/CdsNotification.vue.d.ts +34 -27
  59. package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +53 -24
  60. package/dist/components/CdsNotification/composable/notification.d.ts +4 -4
  61. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +35 -3
  62. package/dist/components/CdsOverlay/composable/activator.d.ts +19 -6
  63. package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +6 -5
  64. package/dist/components/CdsOverlay/composable/scrollStrategies.d.ts +1 -1
  65. package/dist/components/CdsOverlay/composable/teleport.d.ts +25 -1
  66. package/dist/components/CdsOverlay/constants.d.ts +2 -0
  67. package/dist/components/CdsPagination/CdsPagination.vue.d.ts +37 -2
  68. package/dist/components/CdsProgress/CdsProgress.vue.d.ts +11 -0
  69. package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +27 -12
  70. package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +13 -0
  71. package/dist/components/CdsSelect/CdsSelect.vue.d.ts +93 -63
  72. package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +15 -7
  73. package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.vue.d.ts +14 -3
  74. package/dist/components/CdsSlideGroup/CdsSlideGroup.vue.d.ts +19 -19
  75. package/dist/components/CdsStages/CdsStages.vue.d.ts +13 -1
  76. package/dist/components/CdsStatus/CdsStatus.vue.d.ts +38 -19
  77. package/dist/components/CdsSteps/CdsSteps.vue.d.ts +12 -65
  78. package/dist/components/CdsSteps/CdsStepsItem.vue.d.ts +5 -5
  79. package/dist/components/CdsSteps/context.d.ts +3 -2
  80. package/dist/components/CdsTable/CdsTable.vue.d.ts +108 -31
  81. package/dist/components/CdsTable/components/Footer/Footer.d.ts +1 -1
  82. package/dist/components/CdsTable/components/Header/DragHandle.d.ts +1 -1
  83. package/dist/components/CdsTable/components/Icons/ExpandIcon.d.ts +2 -1
  84. package/dist/components/CdsTable/components/Table/InternalTable.d.ts +98 -23
  85. package/dist/components/CdsTable/components/TableProvider.d.ts +110 -24
  86. package/dist/components/CdsTable/composable/filter.d.ts +1 -1
  87. package/dist/components/CdsTable/composable/flat.d.ts +1 -1
  88. package/dist/components/CdsTable/composable/pagination.d.ts +4 -2
  89. package/dist/components/CdsTable/composable/scroll.d.ts +1 -1
  90. package/dist/components/CdsTable/composable/selection.d.ts +1 -1
  91. package/dist/components/CdsTable/composable/sorter.d.ts +1 -1
  92. package/dist/components/CdsTable/composable/sticky.d.ts +1 -1
  93. package/dist/components/CdsTable/composable/table.d.ts +56 -10
  94. package/dist/components/CdsTable/constants.d.ts +1 -0
  95. package/dist/components/CdsTable/context/summary.d.ts +1 -1
  96. package/dist/components/CdsTable/context/table.d.ts +1 -1
  97. package/dist/components/CdsTable/interface.d.ts +11 -7
  98. package/dist/components/CdsTable/utils/column.d.ts +1 -3
  99. package/dist/components/CdsTable/utils/index.d.ts +1 -1
  100. package/dist/components/CdsTable/utils/vnode.d.ts +10 -0
  101. package/dist/components/CdsTabs/CdsTab.vue.d.ts +14 -14
  102. package/dist/components/CdsTabs/CdsTabs.vue.d.ts +38 -32
  103. package/dist/components/CdsTag/CdsTag.vue.d.ts +55 -39
  104. package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +105 -87
  105. package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +101 -63
  106. package/dist/components/CdsTimePicker/CdsTimePicker.vue.d.ts +11 -0
  107. package/dist/components/CdsTimePicker/composable/time.d.ts +2 -2
  108. package/dist/components/CdsToggle/CdsToggle.vue.d.ts +13 -8
  109. package/dist/components/CdsToolbar/CdsToolbar.vue.d.ts +53 -0
  110. package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +39 -10
  111. package/dist/components/CdsTree/CdsTree.vue.d.ts +708 -0
  112. package/dist/components/CdsTree/CdsTreeDirectory.vue.d.ts +446 -0
  113. package/dist/components/CdsTree/CdsTreeNode.vue.d.ts +119 -0
  114. package/dist/components/CdsTree/components/DropIndicator.d.ts +9 -0
  115. package/dist/components/CdsTree/components/Indent.d.ts +10 -0
  116. package/dist/components/CdsTree/components/MotionTreeNode.d.ts +128 -0
  117. package/dist/components/CdsTree/components/NodeList.d.ts +191 -0
  118. package/dist/components/CdsTree/components/SwitcherIcon.d.ts +12 -0
  119. package/dist/components/CdsTree/components/TreeContext.d.ts +81 -0
  120. package/dist/components/CdsTree/components/TreeProvider.d.ts +619 -0
  121. package/dist/components/CdsTree/components/VirtualList/Filler.d.ts +12 -0
  122. package/dist/components/CdsTree/components/VirtualList/Item.d.ts +6 -0
  123. package/dist/components/CdsTree/components/VirtualList/ScrollBar.d.ts +33 -0
  124. package/dist/components/CdsTree/components/VirtualList/VirtualList.d.ts +84 -0
  125. package/dist/components/CdsTree/components/VirtualList/features/index.d.ts +5 -0
  126. package/dist/components/CdsTree/components/VirtualList/features/useFrameWheel.d.ts +10 -0
  127. package/dist/components/CdsTree/components/VirtualList/features/useHeights.d.ts +9 -0
  128. package/dist/components/CdsTree/components/VirtualList/features/useMobileTouchMove.d.ts +2 -0
  129. package/dist/components/CdsTree/components/VirtualList/features/useOriginScroll.d.ts +2 -0
  130. package/dist/components/CdsTree/components/VirtualList/features/useScrollTo.d.ts +4 -0
  131. package/dist/components/CdsTree/components/VirtualList/index.d.ts +2 -0
  132. package/dist/components/CdsTree/components/VirtualList/interface.d.ts +10 -0
  133. package/dist/components/CdsTree/composable/events.d.ts +133 -0
  134. package/dist/components/CdsTree/composable/index.d.ts +2 -0
  135. package/dist/components/CdsTree/composable/tree.d.ts +273 -0
  136. package/dist/components/CdsTree/composable/treeNode.d.ts +75 -0
  137. package/dist/components/CdsTree/index.d.ts +5 -0
  138. package/dist/components/CdsTree/interface.d.ts +104 -4
  139. package/dist/components/CdsTree/utils/conduct.d.ts +1 -1
  140. package/dist/components/CdsTree/utils/data.d.ts +70 -0
  141. package/dist/components/CdsTree/utils/diff.d.ts +6 -0
  142. package/dist/components/CdsTree/utils/directory.d.ts +9 -0
  143. package/dist/components/CdsTree/utils/index.d.ts +2 -0
  144. package/dist/components/CdsUploader/CdsUploader.vue.d.ts +642 -39
  145. package/dist/components/CdsUploader/components/AjaxUploader.d.ts +603 -15
  146. package/dist/components/CdsUploader/components/UploadList/ListItem.d.ts +37 -19
  147. package/dist/components/CdsUploader/components/UploadList/UploadList.d.ts +36 -18
  148. package/dist/components/CdsUploader/composable/upload.d.ts +221 -9
  149. package/dist/components/CdsUploader/index.d.ts +1 -0
  150. package/dist/components/CdsUploader/interface.d.ts +1 -1
  151. package/dist/components/index.d.ts +10 -1
  152. package/dist/composable/appearance.d.ts +4 -4
  153. package/dist/composable/color.d.ts +17 -6
  154. package/dist/composable/datetime.d.ts +4 -4
  155. package/dist/composable/delay.d.ts +3 -2
  156. package/dist/composable/direction.d.ts +1 -1
  157. package/dist/composable/display.d.ts +2 -0
  158. package/dist/composable/domObserver.d.ts +5 -0
  159. package/dist/composable/field.d.ts +17 -5
  160. package/dist/composable/filter.d.ts +30 -0
  161. package/dist/composable/form.d.ts +2 -2
  162. package/dist/composable/group.d.ts +3 -3
  163. package/dist/composable/icon.d.ts +3 -3
  164. package/dist/composable/index.d.ts +5 -1
  165. package/dist/composable/invertColor.d.ts +19 -0
  166. package/dist/composable/layout.d.ts +20 -20
  167. package/dist/composable/loading.d.ts +2 -2
  168. package/dist/composable/menu.d.ts +3 -1
  169. package/dist/composable/nested/nested.d.ts +2 -2
  170. package/dist/composable/overlay.d.ts +9 -1
  171. package/dist/{components/CdsDropdown/composable → composable}/scrolling.d.ts +2 -2
  172. package/dist/composable/select.d.ts +18 -21
  173. package/dist/composable/size.d.ts +1 -1
  174. package/dist/composable/text.d.ts +2 -2
  175. package/dist/composable/theme.d.ts +73 -0
  176. package/dist/composable/transition.d.ts +2 -0
  177. package/dist/composable/transparent.d.ts +19 -0
  178. package/dist/composable/validation.d.ts +2 -2
  179. package/dist/composable/variant.d.ts +2 -5
  180. package/dist/create.d.ts +7 -1
  181. package/dist/globals.d.ts +7 -0
  182. package/dist/locale/index.d.ts +4 -1
  183. package/dist/themes/b2bDark.d.ts +190 -0
  184. package/dist/themes/b2bLight.d.ts +190 -0
  185. package/dist/themes/cdsDark.d.ts +190 -0
  186. package/dist/themes/cdsLight.d.ts +190 -0
  187. package/dist/themes/colors.d.ts +458 -0
  188. package/dist/themes/index.d.ts +6 -0
  189. package/dist/themes/themes.d.ts +10 -0
  190. package/dist/transitions/collapseTransition.d.ts +11 -0
  191. package/dist/transitions/index.d.ts +1 -0
  192. package/dist/utils/colorsUtils/APCA.d.ts +7 -0
  193. package/dist/utils/colorsUtils/index.d.ts +1 -0
  194. package/dist/utils/colorsUtils/transformCIELAB.d.ts +3 -0
  195. package/dist/utils/colorsUtils/transformSRGB.d.ts +3 -0
  196. package/dist/utils/colorsUtils/utils.d.ts +42 -0
  197. package/dist/utils/date/date.d.ts +1 -0
  198. package/dist/utils/dom/bindProps.d.ts +2 -0
  199. package/dist/utils/dom/box.d.ts +1 -0
  200. package/dist/utils/helpers.d.ts +31 -6
  201. package/dist/utils/index.d.ts +4 -0
  202. package/dist/utils/propsFactory.d.ts +1 -1
  203. package/dist/utils/use/flattenChildren.d.ts +3 -0
  204. package/nuxt.js +2 -1
  205. package/package.json +5 -1
  206. package/src/scss/index.scss +0 -2
  207. package/src/scss/mixins/layout/_shadow.scss +43 -2
  208. package/src/scss/mixins/layout/_spacing.scss +13 -12
  209. package/src/scss/mixins/layout/index.scss +1 -0
  210. package/src/scss/mixins/typo.scss +261 -58
  211. package/src/scss/modules/_reset.scss +5 -4
  212. package/src/scss/modules/_transition.scss +31 -0
  213. package/src/scss/modules/_typography.scss +6 -2
  214. package/src/scss/modules/grid/_css-grid.scss +12 -19
  215. package/src/scss/modules/grid/_flex-grid.scss +9 -5
  216. package/src/scss/modules/grid/_mixins.scss +23 -31
  217. package/src/scss/themes/.deprecated +1 -0
  218. package/src/scss/themes/b2b/tokens.json +104 -104
  219. package/src/scss/themes/b2b/variables.css +142 -0
  220. package/src/scss/themes/cds/tokens.json +104 -104
  221. package/src/scss/themes/cds/variables.css +173 -31
  222. package/src/scss/themes/index.ts +1 -1
  223. package/src/scss/utility/index.scss +1 -0
  224. package/src/scss/utility/lists.scss +1 -1
  225. package/src/scss/utility/typography.scss +63 -0
  226. package/src/scss/utility/variables/exports/_display.scss +4 -4
  227. package/src/scss/utility/variables/exports/_typography.scss +22 -0
  228. package/src/scss/utility/variables/index.scss +1 -0
  229. package/src/scss/utility/variables/typography.scss +93 -0
  230. package/src/themes/b2bDark.ts +191 -0
  231. package/src/themes/b2bLight.ts +191 -0
  232. package/src/themes/cdsDark.ts +191 -0
  233. package/src/themes/cdsLight.ts +191 -0
  234. package/src/themes/colors.ts +492 -0
  235. package/src/themes/css/b2bDark.css +184 -0
  236. package/src/themes/css/b2bLight.css +184 -0
  237. package/src/themes/css/cdsDark.css +184 -0
  238. package/src/themes/css/cdsLight.css +184 -0
  239. package/src/themes/index.ts +8 -0
  240. package/src/themes/themes.d.ts +10 -0
  241. package/dist/components/CdsDropdown/composable/index.d.ts +0 -1
  242. package/dist/components/CdsSteps/svg/_CdsStepCurrentIcon.vue.d.ts +0 -2
  243. package/dist/components/CdsSteps/svg/_CdsStepsIconIncomplete.vue.d.ts +0 -2
  244. package/dist/composable/dark.d.ts +0 -19
  245. package/dist/plugins/index.d.ts +0 -2
  246. /package/dist/{components/CdsTable/utils → utils/use}/listener.d.ts +0 -0
package/src/themes/css/b2bLight.css ADDED
@@ -0,0 +1,184 @@
1
+ :root {
2
+ --cds-spacing-900: 4rem;
3
+ --cds-spacing-800: 3rem;
4
+ --cds-spacing-700: 2.5rem;
5
+ --cds-spacing-600: 2rem;
6
+ --cds-spacing-500: 1.5rem;
7
+ --cds-spacing-50: 0.125rem;
8
+ --cds-spacing-400: 1rem;
9
+ --cds-spacing-300: 0.75rem;
10
+ --cds-spacing-200: 0.5rem;
11
+ --cds-spacing-1100: 6rem;
12
+ --cds-spacing-1000: 5rem;
13
+ --cds-spacing-100: 0.25rem;
14
+ --cds-shadow-y-minus-400: -0.5rem;
15
+ --cds-shadow-y-minus-300: -0.375rem;
16
+ --cds-shadow-y-minus-200: -0.25rem;
17
+ --cds-shadow-y-minus-100: -0.125rem;
18
+ --cds-shadow-y-400: 0.5rem;
19
+ --cds-shadow-y-300: 0.375rem;
20
+ --cds-shadow-y-200: 0.25rem;
21
+ --cds-shadow-y-100: 0.125rem;
22
+ --cds-shadow-x-minus-400: -0.5rem;
23
+ --cds-shadow-x-minus-300: -0.375rem;
24
+ --cds-shadow-x-minus-200: -0.25rem;
25
+ --cds-shadow-x-minus-100: -0.125rem;
26
+ --cds-shadow-x-400: 0.5rem;
27
+ --cds-shadow-x-300: 0.375rem;
28
+ --cds-shadow-x-200: 0.25rem;
29
+ --cds-shadow-x-100: 0.125rem;
30
+ --cds-shadow-blur-400: 0.75rem;
31
+ --cds-shadow-blur-300: 0.5rem;
32
+ --cds-shadow-blur-200: 0.25rem;
33
+ --cds-shadow-blur-100: 0.125rem;
34
+ --cds-font-weight-regular: 400;
35
+ --cds-font-weight-bold: 700;
36
+ --cds-font-size-900: 3.25rem;
37
+ --cds-font-size-800: 2.75rem;
38
+ --cds-font-size-700: 2.25rem;
39
+ --cds-font-size-600: 1.75rem;
40
+ --cds-font-size-500: 1.5rem;
41
+ --cds-font-size-50: 0.625rem;
42
+ --cds-font-size-400: 1.25rem;
43
+ --cds-font-size-300: 1rem;
44
+ --cds-font-size-200: 0.875rem;
45
+ --cds-font-size-1100: 4.5rem;
46
+ --cds-font-size-1000: 3.75rem;
47
+ --cds-font-size-100: 0.75rem;
48
+ --cds-font-line-height-900: 4rem;
49
+ --cds-font-line-height-800: 3rem;
50
+ --cds-font-line-height-700: 2.5rem;
51
+ --cds-font-line-height-600: 2rem;
52
+ --cds-font-line-height-500: 1.75rem;
53
+ --cds-font-line-height-50: 0.75rem;
54
+ --cds-font-line-height-400: 1.5rem;
55
+ --cds-font-line-height-300: 1.25rem;
56
+ --cds-font-line-height-200: 1rem;
57
+ --cds-font-line-height-1100: 5.5rem;
58
+ --cds-font-line-height-1000: 4.5rem;
59
+ --cds-font-line-height-100: 0.875rem;
60
+ --cds-font-letter-spacing-500: 0.0625rem;
61
+ --cds-font-family: Arial;
62
+ --cds-border-radius-300: 0.5rem;
63
+ --cds-border-radius-200: 0.25rem;
64
+ --cds-border-radius-100: 0.125rem;
65
+ --cds-border-200: 0.125rem;
66
+ --cds-border-100: 0.0625rem;
67
+ --cds-base-unit: 16px;
68
+ --cds-color-surface-secondary: 255, 255, 255;
69
+ --cds-color-surface-primary: 255, 255, 255;
70
+ --cds-color-surface-overlay: 39, 42, 48, 0.5;
71
+ --cds-color-surface-inverse: 64, 70, 83;
72
+ --cds-color-surface-elevated: 255, 255, 255;
73
+ --cds-color-status-warning-surface: 166, 132, 10;
74
+ --cds-color-status-warning-line: 182, 146, 16;
75
+ --cds-color-status-warning-fill-hover: 222, 192, 72;
76
+ --cds-color-status-warning-fill: 242, 219, 130;
77
+ --cds-color-status-warning-content: 88, 64, 1;
78
+ --cds-color-status-success-surface: 60, 156, 44;
79
+ --cds-color-status-success-line: 80, 169, 70;
80
+ --cds-color-status-success-fill-hover: 151, 210, 131;
81
+ --cds-color-status-success-fill: 188, 232, 171;
82
+ --cds-color-status-success-content: 0, 80, 5;
83
+ --cds-color-status-progress-surface: 25, 143, 216;
84
+ --cds-color-status-progress-line: 43, 157, 233;
85
+ --cds-color-status-progress-fill-hover: 144, 200, 255;
86
+ --cds-color-status-progress-fill: 195, 223, 255;
87
+ --cds-color-status-progress-content: 0, 72, 113;
88
+ --cds-color-status-info-surface: 130, 138, 151;
89
+ --cds-color-status-info-line: 146, 152, 164;
90
+ --cds-color-status-info-fill-hover: 192, 195, 203;
91
+ --cds-color-status-info-fill: 218, 221, 226;
92
+ --cds-color-status-info-content: 64, 70, 83;
93
+ --cds-color-status-indication-surface: 209, 69, 63;
94
+ --cds-color-status-indication-line: 209, 69, 63;
95
+ --cds-color-status-indication-fill-hover: 255, 174, 158;
96
+ --cds-color-status-indication-fill: 255, 209, 198;
97
+ --cds-color-status-indication-content: 131, 17, 24;
98
+ --cds-color-status-danger-surface: 209, 69, 63;
99
+ --cds-color-status-danger-line: 209, 69, 63;
100
+ --cds-color-status-danger-fill-hover: 255, 174, 158;
101
+ --cds-color-status-danger-fill: 255, 209, 198;
102
+ --cds-color-status-danger-content: 131, 17, 24;
103
+ --cds-color-page-primary: 236, 238, 242;
104
+ --cds-color-other-teal-surface: 58, 150, 158;
105
+ --cds-color-other-teal-line: 60, 165, 173;
106
+ --cds-color-other-teal-fill-hover: 72, 214, 219;
107
+ --cds-color-other-teal-fill: 161, 233, 233;
108
+ --cds-color-other-teal-content: 2, 43, 47;
109
+ --cds-color-other-purple-surface: 169, 111, 222;
110
+ --cds-color-other-purple-line: 179, 129, 225;
111
+ --cds-color-other-purple-fill-hover: 214, 184, 239;
112
+ --cds-color-other-purple-fill: 232, 213, 246;
113
+ --cds-color-other-purple-content: 47, 15, 80;
114
+ --cds-color-other-pink-surface: 210, 92, 184;
115
+ --cds-color-other-pink-line: 219, 112, 196;
116
+ --cds-color-other-pink-fill-hover: 243, 172, 231;
117
+ --cds-color-other-pink-fill: 248, 209, 242;
118
+ --cds-color-other-pink-content: 66, 13, 53;
119
+ --cds-color-other-lime-surface: 120, 146, 44;
120
+ --cds-color-other-lime-line: 133, 161, 45;
121
+ --cds-color-other-lime-fill-hover: 182, 204, 101;
122
+ --cds-color-other-lime-fill: 212, 228, 144;
123
+ --cds-color-other-lime-content: 32, 41, 1;
124
+ --cds-color-other-lemon-surface: 142, 140, 35;
125
+ --cds-color-other-lemon-line: 157, 155, 37;
126
+ --cds-color-other-lemon-fill-hover: 203, 198, 95;
127
+ --cds-color-other-lemon-fill: 230, 223, 131;
128
+ --cds-color-other-lemon-content: 40, 38, 1;
129
+ --cds-color-other-indigo-surface: 128, 126, 236;
130
+ --cds-color-other-indigo-line: 145, 141, 236;
131
+ --cds-color-other-indigo-fill-hover: 195, 189, 249;
132
+ --cds-color-other-indigo-fill: 221, 217, 252;
133
+ --cds-color-other-indigo-content: 31, 31, 85;
134
+ --cds-color-other-cyan-surface: 67, 151, 134;
135
+ --cds-color-other-cyan-line: 72, 166, 146;
136
+ --cds-color-other-cyan-fill-hover: 88, 216, 190;
137
+ --cds-color-other-cyan-fill: 159, 235, 216;
138
+ --cds-color-other-cyan-content: 5, 43, 36;
139
+ --cds-color-other-chocolate-surface: 172, 127, 88;
140
+ --cds-color-other-chocolate-line: 183, 143, 109;
141
+ --cds-color-other-chocolate-fill-hover: 216, 190, 169;
142
+ --cds-color-other-chocolate-fill: 231, 217, 204;
143
+ --cds-color-other-chocolate-content: 54, 29, 1;
144
+ --cds-color-line-tertiary-hover: 175, 179, 189;
145
+ --cds-color-line-tertiary: 204, 207, 214;
146
+ --cds-color-line-selected-hover: 41, 120, 212;
147
+ --cds-color-line-selected: 77, 152, 249;
148
+ --cds-color-line-secondary-hover: 146, 152, 164;
149
+ --cds-color-line-secondary: 175, 179, 189;
150
+ --cds-color-line-primary-hover: 114, 121, 135;
151
+ --cds-color-line-primary: 146, 152, 164;
152
+ --cds-color-line-focus-outline: 164, 197, 254;
153
+ --cds-color-line-focus: 77, 152, 249;
154
+ --cds-color-line-elevated: 255, 255, 255;
155
+ --cds-color-line-disable: 192, 195, 203;
156
+ --cds-color-fill-selected-hover: 41, 120, 212;
157
+ --cds-color-fill-selected: 77, 152, 249;
158
+ --cds-color-fill-secondary-hover: 204, 207, 214;
159
+ --cds-color-fill-secondary-active: 192, 195, 203;
160
+ --cds-color-fill-secondary: 218, 221, 226;
161
+ --cds-color-fill-primary-hover: 218, 221, 226;
162
+ --cds-color-fill-primary-active: 204, 207, 214;
163
+ --cds-color-fill-primary: 255, 255, 255;
164
+ --cds-color-fill-elevated: 255, 255, 255;
165
+ --cds-color-fill-disable: 218, 221, 226;
166
+ --cds-color-content-tertiary: 114, 121, 135;
167
+ --cds-color-content-secondary: 79, 86, 102;
168
+ --cds-color-content-primary: 33, 38, 49;
169
+ --cds-color-content-placeholder: 130, 138, 151;
170
+ --cds-color-content-on-dark: 255, 255, 255;
171
+ --cds-color-content-link-visited: 189, 73, 162;
172
+ --cds-color-content-link: 41, 120, 212;
173
+ --cds-color-content-inverse: 255, 255, 255;
174
+ --cds-color-content-disable: 146, 152, 164;
175
+ --cds-color-brand-secondary-hover: 169, 211, 255;
176
+ --cds-color-brand-secondary-border: 195, 223, 255;
177
+ --cds-color-brand-secondary-active: 144, 200, 255;
178
+ --cds-color-brand-secondary: 195, 223, 255;
179
+ --cds-color-brand-primary-hover: 25, 143, 216;
180
+ --cds-color-brand-primary-content: 0, 72, 113;
181
+ --cds-color-brand-primary-border: 29, 125, 188;
182
+ --cds-color-brand-primary-active: 43, 157, 233;
183
+ --cds-color-brand-primary: 29, 125, 188;
184
+ }
package/src/themes/css/cdsDark.css ADDED
@@ -0,0 +1,184 @@
1
+ :root {
2
+ --cds-spacing-900: 4rem;
3
+ --cds-spacing-800: 3rem;
4
+ --cds-spacing-700: 2.5rem;
5
+ --cds-spacing-600: 2rem;
6
+ --cds-spacing-500: 1.5rem;
7
+ --cds-spacing-50: 0.125rem;
8
+ --cds-spacing-400: 1rem;
9
+ --cds-spacing-300: 0.75rem;
10
+ --cds-spacing-200: 0.5rem;
11
+ --cds-spacing-1100: 6rem;
12
+ --cds-spacing-1000: 5rem;
13
+ --cds-spacing-100: 0.25rem;
14
+ --cds-shadow-y-minus-400: 0rem;
15
+ --cds-shadow-y-minus-300: 0rem;
16
+ --cds-shadow-y-minus-200: 0rem;
17
+ --cds-shadow-y-minus-100: 0rem;
18
+ --cds-shadow-y-400: 0rem;
19
+ --cds-shadow-y-300: 0rem;
20
+ --cds-shadow-y-200: 0rem;
21
+ --cds-shadow-y-100: 0rem;
22
+ --cds-shadow-x-minus-400: 0rem;
23
+ --cds-shadow-x-minus-300: 0rem;
24
+ --cds-shadow-x-minus-200: 0rem;
25
+ --cds-shadow-x-minus-100: 0rem;
26
+ --cds-shadow-x-400: 0rem;
27
+ --cds-shadow-x-300: 0rem;
28
+ --cds-shadow-x-200: 0rem;
29
+ --cds-shadow-x-100: 0rem;
30
+ --cds-shadow-blur-400: 0rem;
31
+ --cds-shadow-blur-300: 0rem;
32
+ --cds-shadow-blur-200: 0rem;
33
+ --cds-shadow-blur-100: 0rem;
34
+ --cds-font-weight-regular: 400;
35
+ --cds-font-weight-bold: 700;
36
+ --cds-font-size-900: 3.25rem;
37
+ --cds-font-size-800: 2.75rem;
38
+ --cds-font-size-700: 2.25rem;
39
+ --cds-font-size-600: 1.75rem;
40
+ --cds-font-size-500: 1.5rem;
41
+ --cds-font-size-50: 0.625rem;
42
+ --cds-font-size-400: 1.25rem;
43
+ --cds-font-size-300: 1rem;
44
+ --cds-font-size-200: 0.875rem;
45
+ --cds-font-size-1100: 4.5rem;
46
+ --cds-font-size-1000: 3.75rem;
47
+ --cds-font-size-100: 0.75rem;
48
+ --cds-font-line-height-900: 4rem;
49
+ --cds-font-line-height-800: 3rem;
50
+ --cds-font-line-height-700: 2.5rem;
51
+ --cds-font-line-height-600: 2rem;
52
+ --cds-font-line-height-500: 1.75rem;
53
+ --cds-font-line-height-50: 0.75rem;
54
+ --cds-font-line-height-400: 1.5rem;
55
+ --cds-font-line-height-300: 1.25rem;
56
+ --cds-font-line-height-200: 1rem;
57
+ --cds-font-line-height-1100: 5.5rem;
58
+ --cds-font-line-height-1000: 4.5rem;
59
+ --cds-font-line-height-100: 0.875rem;
60
+ --cds-font-letter-spacing-500: 0.0625rem;
61
+ --cds-font-family: Arial;
62
+ --cds-border-radius-300: 0.5rem;
63
+ --cds-border-radius-200: 0.25rem;
64
+ --cds-border-radius-100: 0.125rem;
65
+ --cds-border-200: 0.125rem;
66
+ --cds-border-100: 0.0625rem;
67
+ --cds-base-unit: 16px;
68
+ --cds-color-surface-secondary: 51, 55, 63;
69
+ --cds-color-surface-primary: 39, 42, 48;
70
+ --cds-color-surface-overlay: 39, 42, 48, 0.8;
71
+ --cds-color-surface-inverse: 220, 221, 227;
72
+ --cds-color-surface-elevated: 51, 55, 63;
73
+ --cds-color-status-warning-surface: 201, 164, 73;
74
+ --cds-color-status-warning-line: 190, 151, 55;
75
+ --cds-color-status-warning-fill-hover: 138, 101, 2;
76
+ --cds-color-status-warning-fill: 97, 67, 1;
77
+ --cds-color-status-warning-content: 234, 219, 186;
78
+ --cds-color-status-success-surface: 110, 186, 102;
79
+ --cds-color-status-success-line: 93, 175, 85;
80
+ --cds-color-status-success-fill-hover: 31, 124, 34;
81
+ --cds-color-status-success-fill: 13, 85, 18;
82
+ --cds-color-status-success-content: 202, 228, 196;
83
+ --cds-color-status-progress-surface: 77, 177, 255;
84
+ --cds-color-status-progress-line: 14, 164, 248;
85
+ --cds-color-status-progress-fill-hover: 1, 114, 172;
86
+ --cds-color-status-progress-fill: 1, 79, 119;
87
+ --cds-color-status-progress-content: 199, 224, 255;
88
+ --cds-color-status-info-surface: 165, 169, 178;
89
+ --cds-color-status-info-line: 152, 157, 168;
90
+ --cds-color-status-info-fill-hover: 102, 108, 121;
91
+ --cds-color-status-info-fill: 69, 73, 81;
92
+ --cds-color-status-info-content: 220, 221, 227;
93
+ --cds-color-status-indication-surface: 255, 158, 146;
94
+ --cds-color-status-indication-line: 255, 158, 146;
95
+ --cds-color-status-indication-fill-hover: 184, 66, 61;
96
+ --cds-color-status-indication-fill: 130, 40, 37;
97
+ --cds-color-status-indication-content: 255, 210, 204;
98
+ --cds-color-status-danger-surface: 255, 158, 146;
99
+ --cds-color-status-danger-line: 255, 158, 146;
100
+ --cds-color-status-danger-fill-hover: 184, 66, 61;
101
+ --cds-color-status-danger-fill: 130, 40, 37;
102
+ --cds-color-status-danger-content: 255, 210, 204;
103
+ --cds-color-page-primary: 26, 26, 26;
104
+ --cds-color-other-teal-surface: 10, 186, 206;
105
+ --cds-color-other-teal-line: 1, 172, 191;
106
+ --cds-color-other-teal-fill-hover: 0, 120, 134;
107
+ --cds-color-other-teal-fill: 4, 82, 91;
108
+ --cds-color-other-teal-content: 212, 242, 247;
109
+ --cds-color-other-purple-surface: 183, 154, 245;
110
+ --cds-color-other-purple-line: 174, 139, 238;
111
+ --cds-color-other-purple-fill-hover: 132, 87, 184;
112
+ --cds-color-other-purple-fill: 94, 56, 130;
113
+ --cds-color-other-purple-content: 243, 233, 254;
114
+ --cds-color-other-pink-surface: 232, 137, 209;
115
+ --cds-color-other-pink-line: 224, 120, 199;
116
+ --cds-color-other-pink-fill-hover: 172, 66, 150;
117
+ --cds-color-other-pink-fill: 122, 40, 105;
118
+ --cds-color-other-pink-content: 253, 230, 246;
119
+ --cds-color-other-lime-surface: 155, 178, 77;
120
+ --cds-color-other-lime-line: 141, 166, 59;
121
+ --cds-color-other-lime-fill-hover: 91, 116, 0;
122
+ --cds-color-other-lime-fill: 61, 79, 0;
123
+ --cds-color-other-lime-content: 235, 238, 216;
124
+ --cds-color-other-lemon-surface: 171, 174, 72;
125
+ --cds-color-other-lemon-line: 157, 162, 53;
126
+ --cds-color-other-lemon-fill-hover: 106, 113, 0;
127
+ --cds-color-other-lemon-fill: 72, 76, 1;
128
+ --cds-color-other-lemon-content: 238, 238, 217;
129
+ --cds-color-other-indigo-surface: 150, 164, 255;
130
+ --cds-color-other-indigo-line: 139, 149, 249;
131
+ --cds-color-other-indigo-fill-hover: 99, 98, 197;
132
+ --cds-color-other-indigo-fill: 64, 66, 141;
133
+ --cds-color-other-indigo-content: 235, 235, 255;
134
+ --cds-color-other-cyan-surface: 10, 190, 163;
135
+ --cds-color-other-cyan-line: 10, 176, 152;
136
+ --cds-color-other-cyan-fill-hover: 6, 122, 105;
137
+ --cds-color-other-cyan-fill: 0, 83, 72;
138
+ --cds-color-other-cyan-content: 213, 243, 235;
139
+ --cds-color-other-chocolate-surface: 212, 158, 109;
140
+ --cds-color-other-chocolate-line: 202, 145, 92;
141
+ --cds-color-other-chocolate-fill-hover: 152, 94, 31;
142
+ --cds-color-other-chocolate-fill: 110, 59, 1;
143
+ --cds-color-other-chocolate-content: 250, 234, 219;
144
+ --cds-color-line-tertiary-hover: 122, 128, 142;
145
+ --cds-color-line-tertiary: 86, 93, 103;
146
+ --cds-color-line-selected-hover: 146, 186, 254;
147
+ --cds-color-line-selected: 93, 157, 252;
148
+ --cds-color-line-secondary-hover: 152, 157, 168;
149
+ --cds-color-line-secondary: 122, 128, 142;
150
+ --cds-color-line-primary-hover: 181, 183, 192;
151
+ --cds-color-line-primary: 152, 157, 168;
152
+ --cds-color-line-focus-outline: 17, 89, 181;
153
+ --cds-color-line-focus: 93, 157, 252;
154
+ --cds-color-line-elevated: 130, 138, 151, 0.4;
155
+ --cds-color-line-disable: 102, 108, 121;
156
+ --cds-color-fill-selected-hover: 146, 186, 254;
157
+ --cds-color-fill-selected: 93, 157, 252;
158
+ --cds-color-fill-secondary-hover: 86, 93, 103;
159
+ --cds-color-fill-secondary-active: 102, 108, 121;
160
+ --cds-color-fill-secondary: 69, 73, 81;
161
+ --cds-color-fill-primary-hover: 69, 73, 81;
162
+ --cds-color-fill-primary-active: 86, 93, 103;
163
+ --cds-color-fill-primary: 39, 42, 48;
164
+ --cds-color-fill-elevated: 122, 128, 142;
165
+ --cds-color-fill-disable: 69, 73, 81;
166
+ --cds-color-content-tertiary: 181, 183, 192;
167
+ --cds-color-content-secondary: 207, 210, 215;
168
+ --cds-color-content-primary: 236, 236, 239;
169
+ --cds-color-content-placeholder: 165, 169, 178;
170
+ --cds-color-content-on-dark: 249, 249, 252;
171
+ --cds-color-content-link-visited: 192, 174, 248;
172
+ --cds-color-content-link: 146, 186, 254;
173
+ --cds-color-content-inverse: 26, 26, 26;
174
+ --cds-color-content-disable: 152, 157, 168;
175
+ --cds-color-brand-secondary-hover: 29, 71, 144;
176
+ --cds-color-brand-secondary-border: 17, 89, 181;
177
+ --cds-color-brand-secondary-active: 17, 89, 181;
178
+ --cds-color-brand-secondary: 20, 41, 85;
179
+ --cds-color-brand-primary-hover: 17, 89, 181;
180
+ --cds-color-brand-primary-content: 205, 222, 255;
181
+ --cds-color-brand-primary-border: 65, 127, 225;
182
+ --cds-color-brand-primary-active: 29, 71, 144;
183
+ --cds-color-brand-primary: 65, 127, 225;
184
+ }
package/src/themes/css/cdsLight.css ADDED
@@ -0,0 +1,184 @@
1
+ :root {
2
+ --cds-spacing-900: 4rem;
3
+ --cds-spacing-800: 3rem;
4
+ --cds-spacing-700: 2.5rem;
5
+ --cds-spacing-600: 2rem;
6
+ --cds-spacing-500: 1.5rem;
7
+ --cds-spacing-50: 0.125rem;
8
+ --cds-spacing-400: 1rem;
9
+ --cds-spacing-300: 0.75rem;
10
+ --cds-spacing-200: 0.5rem;
11
+ --cds-spacing-1100: 6rem;
12
+ --cds-spacing-1000: 5rem;
13
+ --cds-spacing-100: 0.25rem;
14
+ --cds-shadow-y-minus-400: -0.5rem;
15
+ --cds-shadow-y-minus-300: -0.375rem;
16
+ --cds-shadow-y-minus-200: -0.25rem;
17
+ --cds-shadow-y-minus-100: -0.125rem;
18
+ --cds-shadow-y-400: 0.5rem;
19
+ --cds-shadow-y-300: 0.375rem;
20
+ --cds-shadow-y-200: 0.25rem;
21
+ --cds-shadow-y-100: 0.125rem;
22
+ --cds-shadow-x-minus-400: -0.5rem;
23
+ --cds-shadow-x-minus-300: -0.375rem;
24
+ --cds-shadow-x-minus-200: -0.25rem;
25
+ --cds-shadow-x-minus-100: -0.125rem;
26
+ --cds-shadow-x-400: 0.5rem;
27
+ --cds-shadow-x-300: 0.375rem;
28
+ --cds-shadow-x-200: 0.25rem;
29
+ --cds-shadow-x-100: 0.125rem;
30
+ --cds-shadow-blur-400: 0.75rem;
31
+ --cds-shadow-blur-300: 0.5rem;
32
+ --cds-shadow-blur-200: 0.25rem;
33
+ --cds-shadow-blur-100: 0.125rem;
34
+ --cds-font-weight-regular: 400;
35
+ --cds-font-weight-bold: 700;
36
+ --cds-font-size-900: 3.25rem;
37
+ --cds-font-size-800: 2.75rem;
38
+ --cds-font-size-700: 2.25rem;
39
+ --cds-font-size-600: 1.75rem;
40
+ --cds-font-size-500: 1.5rem;
41
+ --cds-font-size-50: 0.625rem;
42
+ --cds-font-size-400: 1.25rem;
43
+ --cds-font-size-300: 1rem;
44
+ --cds-font-size-200: 0.875rem;
45
+ --cds-font-size-1100: 4.5rem;
46
+ --cds-font-size-1000: 3.75rem;
47
+ --cds-font-size-100: 0.75rem;
48
+ --cds-font-line-height-900: 4rem;
49
+ --cds-font-line-height-800: 3rem;
50
+ --cds-font-line-height-700: 2.5rem;
51
+ --cds-font-line-height-600: 2rem;
52
+ --cds-font-line-height-500: 1.75rem;
53
+ --cds-font-line-height-50: 0.75rem;
54
+ --cds-font-line-height-400: 1.5rem;
55
+ --cds-font-line-height-300: 1.25rem;
56
+ --cds-font-line-height-200: 1rem;
57
+ --cds-font-line-height-1100: 5.5rem;
58
+ --cds-font-line-height-1000: 4.5rem;
59
+ --cds-font-line-height-100: 0.875rem;
60
+ --cds-font-letter-spacing-500: 0.0625rem;
61
+ --cds-font-family: Arial;
62
+ --cds-border-radius-300: 0.5rem;
63
+ --cds-border-radius-200: 0.25rem;
64
+ --cds-border-radius-100: 0.125rem;
65
+ --cds-border-200: 0.125rem;
66
+ --cds-border-100: 0.0625rem;
67
+ --cds-base-unit: 16px;
68
+ --cds-color-surface-secondary: 236, 238, 242;
69
+ --cds-color-surface-primary: 255, 255, 255;
70
+ --cds-color-surface-overlay: 39, 42, 48, 0.5;
71
+ --cds-color-surface-inverse: 64, 70, 83;
72
+ --cds-color-surface-elevated: 255, 255, 255;
73
+ --cds-color-status-warning-surface: 166, 132, 10;
74
+ --cds-color-status-warning-line: 182, 146, 16;
75
+ --cds-color-status-warning-fill-hover: 222, 192, 72;
76
+ --cds-color-status-warning-fill: 242, 219, 130;
77
+ --cds-color-status-warning-content: 88, 64, 1;
78
+ --cds-color-status-success-surface: 60, 156, 44;
79
+ --cds-color-status-success-line: 80, 169, 70;
80
+ --cds-color-status-success-fill-hover: 151, 210, 131;
81
+ --cds-color-status-success-fill: 188, 232, 171;
82
+ --cds-color-status-success-content: 0, 80, 5;
83
+ --cds-color-status-progress-surface: 25, 143, 216;
84
+ --cds-color-status-progress-line: 43, 157, 233;
85
+ --cds-color-status-progress-fill-hover: 144, 200, 255;
86
+ --cds-color-status-progress-fill: 195, 223, 255;
87
+ --cds-color-status-progress-content: 0, 72, 113;
88
+ --cds-color-status-info-surface: 130, 138, 151;
89
+ --cds-color-status-info-line: 146, 152, 164;
90
+ --cds-color-status-info-fill-hover: 192, 195, 203;
91
+ --cds-color-status-info-fill: 218, 221, 226;
92
+ --cds-color-status-info-content: 64, 70, 83;
93
+ --cds-color-status-indication-surface: 209, 69, 63;
94
+ --cds-color-status-indication-line: 209, 69, 63;
95
+ --cds-color-status-indication-fill-hover: 255, 174, 158;
96
+ --cds-color-status-indication-fill: 255, 209, 198;
97
+ --cds-color-status-indication-content: 131, 17, 24;
98
+ --cds-color-status-danger-surface: 209, 69, 63;
99
+ --cds-color-status-danger-line: 209, 69, 63;
100
+ --cds-color-status-danger-fill-hover: 255, 174, 158;
101
+ --cds-color-status-danger-fill: 255, 209, 198;
102
+ --cds-color-status-danger-content: 131, 17, 24;
103
+ --cds-color-page-primary: 236, 238, 242;
104
+ --cds-color-other-teal-surface: 58, 150, 158;
105
+ --cds-color-other-teal-line: 60, 165, 173;
106
+ --cds-color-other-teal-fill-hover: 72, 214, 219;
107
+ --cds-color-other-teal-fill: 161, 233, 233;
108
+ --cds-color-other-teal-content: 2, 43, 47;
109
+ --cds-color-other-purple-surface: 169, 111, 222;
110
+ --cds-color-other-purple-line: 179, 129, 225;
111
+ --cds-color-other-purple-fill-hover: 214, 184, 239;
112
+ --cds-color-other-purple-fill: 232, 213, 246;
113
+ --cds-color-other-purple-content: 47, 15, 80;
114
+ --cds-color-other-pink-surface: 210, 92, 184;
115
+ --cds-color-other-pink-line: 219, 112, 196;
116
+ --cds-color-other-pink-fill-hover: 243, 172, 231;
117
+ --cds-color-other-pink-fill: 248, 209, 242;
118
+ --cds-color-other-pink-content: 66, 13, 53;
119
+ --cds-color-other-lime-surface: 120, 146, 44;
120
+ --cds-color-other-lime-line: 133, 161, 45;
121
+ --cds-color-other-lime-fill-hover: 182, 204, 101;
122
+ --cds-color-other-lime-fill: 212, 228, 144;
123
+ --cds-color-other-lime-content: 32, 41, 1;
124
+ --cds-color-other-lemon-surface: 142, 140, 35;
125
+ --cds-color-other-lemon-line: 157, 155, 37;
126
+ --cds-color-other-lemon-fill-hover: 203, 198, 95;
127
+ --cds-color-other-lemon-fill: 230, 223, 131;
128
+ --cds-color-other-lemon-content: 40, 38, 1;
129
+ --cds-color-other-indigo-surface: 128, 126, 236;
130
+ --cds-color-other-indigo-line: 145, 141, 236;
131
+ --cds-color-other-indigo-fill-hover: 195, 189, 249;
132
+ --cds-color-other-indigo-fill: 221, 217, 252;
133
+ --cds-color-other-indigo-content: 31, 31, 85;
134
+ --cds-color-other-cyan-surface: 67, 151, 134;
135
+ --cds-color-other-cyan-line: 72, 166, 146;
136
+ --cds-color-other-cyan-fill-hover: 88, 216, 190;
137
+ --cds-color-other-cyan-fill: 159, 235, 216;
138
+ --cds-color-other-cyan-content: 5, 43, 36;
139
+ --cds-color-other-chocolate-surface: 172, 127, 88;
140
+ --cds-color-other-chocolate-line: 183, 143, 109;
141
+ --cds-color-other-chocolate-fill-hover: 216, 190, 169;
142
+ --cds-color-other-chocolate-fill: 231, 217, 204;
143
+ --cds-color-other-chocolate-content: 54, 29, 1;
144
+ --cds-color-line-tertiary-hover: 175, 179, 189;
145
+ --cds-color-line-tertiary: 204, 207, 214;
146
+ --cds-color-line-selected-hover: 41, 120, 212;
147
+ --cds-color-line-selected: 77, 152, 249;
148
+ --cds-color-line-secondary-hover: 146, 152, 164;
149
+ --cds-color-line-secondary: 175, 179, 189;
150
+ --cds-color-line-primary-hover: 114, 121, 135;
151
+ --cds-color-line-primary: 146, 152, 164;
152
+ --cds-color-line-focus-outline: 164, 197, 254;
153
+ --cds-color-line-focus: 77, 152, 249;
154
+ --cds-color-line-elevated: 255, 255, 255;
155
+ --cds-color-line-disable: 192, 195, 203;
156
+ --cds-color-fill-selected-hover: 41, 120, 212;
157
+ --cds-color-fill-selected: 77, 152, 249;
158
+ --cds-color-fill-secondary-hover: 204, 207, 214;
159
+ --cds-color-fill-secondary-active: 192, 195, 203;
160
+ --cds-color-fill-secondary: 218, 221, 226;
161
+ --cds-color-fill-primary-hover: 218, 221, 226;
162
+ --cds-color-fill-primary-active: 204, 207, 214;
163
+ --cds-color-fill-primary: 255, 255, 255;
164
+ --cds-color-fill-elevated: 255, 255, 255;
165
+ --cds-color-fill-disable: 218, 221, 226;
166
+ --cds-color-content-tertiary: 114, 121, 135;
167
+ --cds-color-content-secondary: 79, 86, 102;
168
+ --cds-color-content-primary: 33, 38, 49;
169
+ --cds-color-content-placeholder: 130, 138, 151;
170
+ --cds-color-content-on-dark: 255, 255, 255;
171
+ --cds-color-content-link-visited: 149, 94, 200;
172
+ --cds-color-content-link: 41, 120, 212;
173
+ --cds-color-content-inverse: 255, 255, 255;
174
+ --cds-color-content-disable: 146, 152, 164;
175
+ --cds-color-brand-secondary-hover: 182, 208, 253;
176
+ --cds-color-brand-secondary-border: 203, 221, 253;
177
+ --cds-color-brand-secondary-active: 164, 197, 254;
178
+ --cds-color-brand-secondary: 203, 221, 253;
179
+ --cds-color-brand-primary-hover: 61, 138, 236;
180
+ --cds-color-brand-primary-content: 17, 68, 125;
181
+ --cds-color-brand-primary-border: 41, 120, 212;
182
+ --cds-color-brand-primary-active: 77, 152, 249;
183
+ --cds-color-brand-primary: 41, 120, 212;
184
+ }
package/src/themes/index.ts ADDED
@@ -0,0 +1,8 @@
1
+ export * from './themes.d';
2
+
3
+ export { default as cdsLight } from './cdsLight';
4
+ export { default as cdsDark } from './cdsDark';
5
+ export { default as b2bLight } from './b2bLight';
6
+ export { default as b2bDark } from './b2bDark';
7
+
8
+ export { default as colors } from './colors';
package/src/themes/themes.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import type { ThemeDefinition } from '@components/composable';
2
+
3
+ export interface IThemes {
4
+ cdsLight: ThemeDefinition;
5
+ cdsDark: ThemeDefinition;
6
+ b2bLight: ThemeDefinition;
7
+ b2bDark: ThemeDefinition;
8
+ }
9
+
10
+ export type TThemes = keyof IThemes;
package/dist/components/CdsDropdown/composable/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './scrolling';
package/dist/components/CdsSteps/svg/_CdsStepCurrentIcon.vue.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
- export default _default;
package/dist/components/CdsSteps/svg/_CdsStepsIconIncomplete.vue.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
- export default _default;
package/dist/composable/dark.d.ts DELETED
@@ -1,19 +0,0 @@
1
- import type { ComputedRef, PropType } from 'vue';
2
- export interface IDarkProps {
3
- dark: boolean;
4
- }
5
- export interface IUseDark {
6
- darkClasses: ComputedRef<string | undefined>;
7
- }
8
- export declare const makeDarkProps: <Defaults extends {
9
- dark?: unknown;
10
- } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
11
- /**
12
- * Темная тема
13
- */
14
- dark: {
15
- type: PropType<boolean>;
16
- default: boolean;
17
- };
18
- }, Defaults>;
19
- export declare function useDark(props: IDarkProps, name: string): IUseDark;
package/dist/plugins/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: {};
2
- export default _default;