sit-onyx 1.0.0-beta.98 → 1.0.0-dev-20250912111044

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 (367) hide show
  1. package/README.md +1 -5
  2. package/dist/components/OnyxAccordion/OnyxAccordion.d.vue.ts +26 -0
  3. package/dist/components/OnyxAccordion/types.d.ts +45 -0
  4. package/dist/components/OnyxAccordionItem/OnyxAccordionItem.d.vue.ts +37 -0
  5. package/dist/components/OnyxAccordionItem/types.d.ts +17 -0
  6. package/dist/components/OnyxAlertModal/OnyxAlertModal.d.vue.ts +69 -0
  7. package/dist/components/OnyxAlertModal/types.d.ts +8 -0
  8. package/dist/components/OnyxAppLayout/OnyxAppLayout.d.vue.ts +50 -0
  9. package/dist/components/OnyxAppLayout/types.d.ts +3 -1
  10. package/dist/components/OnyxAvatar/OnyxAvatar.d.vue.ts +5 -0
  11. package/dist/components/OnyxAvatar/types.d.ts +16 -4
  12. package/dist/components/OnyxAvatarStack/{OnyxAvatarStack.vue.d.ts → OnyxAvatarStack.d.vue.ts} +1 -1
  13. package/dist/components/OnyxBadge/{OnyxBadge.vue.d.ts → OnyxBadge.d.vue.ts} +4 -4
  14. package/dist/components/OnyxBadge/types.d.ts +2 -2
  15. package/dist/components/{OnyxDialog/OnyxDialog.vue.d.ts → OnyxBasicDialog/OnyxBasicDialog.d.vue.ts} +12 -7
  16. package/dist/components/OnyxBasicDialog/types.d.ts +35 -0
  17. package/dist/components/OnyxBasicPopover/OnyxBasicPopover.d.vue.ts +64 -0
  18. package/dist/components/OnyxBasicPopover/types.d.ts +37 -0
  19. package/dist/components/OnyxBottomBar/OnyxBottomBar.d.vue.ts +36 -0
  20. package/dist/components/OnyxBottomBar/types.d.ts +7 -0
  21. package/dist/components/OnyxBreadcrumb/OnyxBreadcrumb.d.vue.ts +32 -0
  22. package/dist/components/OnyxBreadcrumb/types.d.ts +32 -0
  23. package/dist/components/OnyxBreadcrumbItem/OnyxBreadcrumbItem.d.vue.ts +33 -0
  24. package/dist/components/OnyxBreadcrumbItem/types.d.ts +15 -0
  25. package/dist/components/OnyxButton/ButtonOrLinkLayout.d.vue.ts +33 -0
  26. package/dist/components/OnyxButton/OnyxButton.d.vue.ts +26 -0
  27. package/dist/components/OnyxButton/types.d.ts +14 -4
  28. package/dist/components/{OnyxHeadline/OnyxHeadline.vue.d.ts → OnyxCard/OnyxCard.d.vue.ts} +6 -4
  29. package/dist/components/OnyxCard/types.d.ts +9 -0
  30. package/dist/components/OnyxCheckbox/{OnyxCheckbox.vue.d.ts → OnyxCheckbox.d.vue.ts} +7 -7
  31. package/dist/components/OnyxCheckbox/types.d.ts +3 -5
  32. package/dist/components/OnyxCheckboxGroup/{OnyxCheckboxGroup.vue.d.ts → OnyxCheckboxGroup.d.vue.ts} +7 -7
  33. package/dist/components/OnyxCheckboxGroup/types.d.ts +9 -20
  34. package/dist/components/OnyxDataGrid/OnyxDataGrid.d.vue.ts +16 -0
  35. package/dist/components/OnyxDataGrid/OnyxDataGridRenderer/{OnyxDataGridRenderer.vue.d.ts → OnyxDataGridRenderer.d.vue.ts} +6 -8
  36. package/dist/components/OnyxDataGrid/OnyxDataGridRenderer/types.d.ts +34 -14
  37. package/dist/components/OnyxDataGrid/features/{HeaderCell.vue.d.ts → HeaderCell.d.vue.ts} +1 -1
  38. package/dist/components/OnyxDataGrid/features/all.d.ts +15 -2
  39. package/dist/components/OnyxDataGrid/features/base/base.d.ts +52 -0
  40. package/dist/components/OnyxDataGrid/features/base/types.d.ts +8 -0
  41. package/dist/components/OnyxDataGrid/features/filtering/filtering.d.ts +31 -0
  42. package/dist/components/OnyxDataGrid/features/filtering/types.d.ts +66 -0
  43. package/dist/components/OnyxDataGrid/features/hideColumns/hideColumns.d.ts +43 -0
  44. package/dist/components/OnyxDataGrid/features/hideColumns/types.d.ts +13 -0
  45. package/dist/components/OnyxDataGrid/features/index.d.ts +225 -15
  46. package/dist/components/OnyxDataGrid/features/pagination/pagination.d.ts +28 -0
  47. package/dist/components/OnyxDataGrid/features/pagination/types.d.ts +51 -0
  48. package/dist/components/OnyxDataGrid/features/renderer.d.ts +71 -0
  49. package/dist/components/OnyxDataGrid/features/resizing/resizing.d.ts +51 -0
  50. package/dist/components/OnyxDataGrid/features/resizing/types.d.ts +7 -0
  51. package/dist/components/OnyxDataGrid/features/selection/selection.d.ts +17 -0
  52. package/dist/components/OnyxDataGrid/features/selection/types.d.ts +39 -0
  53. package/dist/components/OnyxDataGrid/features/sorting/{SortAction.vue.d.ts → SortAction.d.vue.ts} +2 -2
  54. package/dist/components/OnyxDataGrid/features/sorting/defaults.d.ts +9 -0
  55. package/dist/components/OnyxDataGrid/features/sorting/sorting.d.ts +34 -4
  56. package/dist/components/OnyxDataGrid/features/sorting/types.d.ts +13 -18
  57. package/dist/components/OnyxDataGrid/features/stickyColumns/stickyColumns.d.ts +13 -0
  58. package/dist/components/OnyxDataGrid/features/stickyColumns/types.d.ts +14 -0
  59. package/dist/components/OnyxDataGrid/types.d.ts +79 -5
  60. package/dist/components/OnyxDataGrid/types.spec-d.d.ts +1 -0
  61. package/dist/components/OnyxDatePicker/OnyxDatePicker.d.vue.ts +20 -0
  62. package/dist/components/OnyxDatePicker/types.d.ts +3 -2
  63. package/dist/components/OnyxDialog/OnyxDialog.d.vue.ts +68 -0
  64. package/dist/components/OnyxDialog/types.d.ts +4 -24
  65. package/dist/components/OnyxEmpty/{OnyxEmpty.vue.d.ts → OnyxEmpty.d.vue.ts} +10 -2
  66. package/dist/components/OnyxErrorTooltip/{OnyxErrorTooltip.vue.d.ts → OnyxErrorTooltip.d.vue.ts} +7 -3
  67. package/dist/components/OnyxExternalLinkIcon/OnyxExternalLinkIcon.d.vue.ts +5 -0
  68. package/dist/components/OnyxExternalLinkIcon/types.d.ts +2 -5
  69. package/dist/components/OnyxFAB/OnyxFAB.d.vue.ts +34 -0
  70. package/dist/components/OnyxFAB/types.d.ts +13 -0
  71. package/dist/components/OnyxFABButton/OnyxFABButton.d.vue.ts +5 -0
  72. package/dist/components/OnyxFABButton/types.d.ts +22 -0
  73. package/dist/components/OnyxFABItem/OnyxFABItem.d.vue.ts +3 -0
  74. package/dist/components/OnyxFABItem/types.d.ts +17 -0
  75. package/dist/components/OnyxFileCard/OnyxFileCard.d.vue.ts +34 -0
  76. package/dist/components/OnyxFileCard/types.d.ts +49 -0
  77. package/dist/components/OnyxFileTypeIcon/OnyxFileTypeIcon.d.vue.ts +3 -0
  78. package/dist/components/OnyxFileTypeIcon/types.d.ts +13 -0
  79. package/dist/components/OnyxFileUpload/OnyxFileUpload.d.vue.ts +40 -0
  80. package/dist/components/OnyxFileUpload/types.d.ts +91 -0
  81. package/dist/components/OnyxFilterTag/OnyxFilterTag.d.vue.ts +10 -0
  82. package/dist/components/OnyxFilterTag/types.d.ts +8 -0
  83. package/dist/components/OnyxForm/OnyxForm.core.d.ts +46 -17
  84. package/dist/components/OnyxForm/{OnyxForm.vue.d.ts → OnyxForm.d.vue.ts} +4 -4
  85. package/dist/components/OnyxForm/types.d.ts +3 -3
  86. package/dist/components/OnyxFormElement/FormMessage.d.vue.ts +13 -0
  87. package/dist/components/OnyxFormElement/OnyxFormElement.ct-utils.d.ts +2 -2
  88. package/dist/components/OnyxFormElement/OnyxFormElement.d.vue.ts +27 -0
  89. package/dist/components/OnyxFormElement/types.d.ts +22 -19
  90. package/dist/components/OnyxGlobalFAB/OnyxGlobalFAB.d.vue.ts +2 -0
  91. package/dist/components/OnyxGlobalFAB/useGlobalFAB.d.ts +56 -0
  92. package/dist/components/OnyxHeadline/OnyxHeadline.d.vue.ts +28 -0
  93. package/dist/components/OnyxHeadline/types.d.ts +18 -2
  94. package/dist/components/OnyxIcon/OnyxIcon.d.vue.ts +3 -0
  95. package/dist/components/OnyxIcon/types.d.ts +5 -1
  96. package/dist/components/OnyxIconButton/OnyxIconButton.d.vue.ts +27 -0
  97. package/dist/components/OnyxIconButton/types.d.ts +6 -6
  98. package/dist/components/OnyxImage/OnyxImage.d.vue.ts +6 -0
  99. package/dist/components/OnyxImage/types.d.ts +43 -0
  100. package/dist/components/OnyxInfoCard/OnyxInfoCard.d.vue.ts +42 -0
  101. package/dist/components/OnyxInfoCard/types.d.ts +21 -0
  102. package/dist/components/OnyxInfoTooltip/OnyxInfoTooltip.d.vue.ts +12 -0
  103. package/dist/components/OnyxInfoTooltip/types.d.ts +2 -2
  104. package/dist/components/OnyxInput/OnyxInput.d.vue.ts +62 -0
  105. package/dist/components/OnyxInput/types.d.ts +5 -64
  106. package/dist/components/OnyxLink/{OnyxLink.vue.d.ts → OnyxLink.d.vue.ts} +4 -4
  107. package/dist/components/OnyxLink/types.d.ts +3 -10
  108. package/dist/components/OnyxListItem/{OnyxListItem.vue.d.ts → OnyxListItem.d.vue.ts} +4 -4
  109. package/dist/components/OnyxListItem/types.d.ts +2 -2
  110. package/dist/components/OnyxLoadingIndicator/OnyxCircleSpinner.d.vue.ts +2 -0
  111. package/dist/components/OnyxLoadingIndicator/OnyxLoadingDots.d.vue.ts +2 -0
  112. package/dist/components/OnyxLoadingIndicator/OnyxLoadingIndicator.d.vue.ts +5 -0
  113. package/dist/components/OnyxMiniSearch/OnyxMiniSearch.d.vue.ts +16 -0
  114. package/dist/components/OnyxMiniSearch/types.d.ts +5 -3
  115. package/dist/components/OnyxMobileNavButton/{OnyxMobileNavButton.vue.d.ts → OnyxMobileNavButton.d.vue.ts} +4 -4
  116. package/dist/components/OnyxMobileNavButton/types.d.ts +4 -0
  117. package/dist/components/OnyxModal/OnyxModal.d.vue.ts +57 -0
  118. package/dist/components/OnyxModal/types.d.ts +2 -0
  119. package/dist/components/OnyxMoreList/{OnyxMoreList.vue.d.ts → OnyxMoreList.d.vue.ts} +11 -6
  120. package/dist/components/OnyxMoreList/types.d.ts +12 -3
  121. package/dist/components/OnyxNavAppArea/{OnyxNavAppArea.vue.d.ts → OnyxNavAppArea.d.vue.ts} +5 -3
  122. package/dist/components/OnyxNavAppArea/types.d.ts +2 -1
  123. package/dist/components/OnyxNavBar/OnyxNavBar.d.vue.ts +44 -0
  124. package/dist/components/OnyxNavBar/modules/OnyxColorSchemeDialog/OnyxColorSchemeDialog.d.vue.ts +12 -0
  125. package/dist/components/OnyxNavBar/modules/OnyxColorSchemeDialog/types.d.ts +3 -3
  126. package/dist/components/OnyxNavBar/modules/OnyxColorSchemeMenuItem/OnyxColorSchemeMenuItem.d.vue.ts +8 -0
  127. package/dist/components/OnyxNavBar/modules/OnyxColorSchemeMenuItem/types.d.ts +1 -1
  128. package/dist/components/OnyxNavBar/modules/OnyxFlyoutMenu/{OnyxFlyoutMenu.vue.d.ts → OnyxFlyoutMenu.d.vue.ts} +9 -12
  129. package/dist/components/OnyxNavBar/modules/OnyxFlyoutMenu/types.d.ts +11 -7
  130. package/dist/components/OnyxNavBar/modules/OnyxLanguageMenuItem/OnyxLanguageMenuItem.d.vue.ts +16 -0
  131. package/dist/components/OnyxNavBar/modules/OnyxLanguageMenuItem/types.d.ts +11 -0
  132. package/dist/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.d.vue.ts +427 -0
  133. package/dist/components/OnyxNavBar/modules/OnyxMenuItem/types.d.ts +13 -9
  134. package/dist/components/OnyxNavBar/modules/OnyxNavItem/OnyxNavItem.d.vue.ts +185 -0
  135. package/dist/components/OnyxNavBar/modules/OnyxNavItem/types.d.ts +19 -2
  136. package/dist/components/OnyxNavBar/modules/OnyxNavItemFacade/OnyxNavItemFacade.d.vue.ts +41 -0
  137. package/dist/components/OnyxNavBar/modules/OnyxTimer/OnyxTimer.d.vue.ts +12 -0
  138. package/dist/components/OnyxNavBar/modules/OnyxUserMenu/{OnyxUserMenu.vue.d.ts → OnyxUserMenu.d.vue.ts} +7 -7
  139. package/dist/components/OnyxNavBar/modules/OnyxUserMenu/{UserMenuLayout.vue.d.ts → UserMenuLayout.d.vue.ts} +13 -13
  140. package/dist/components/OnyxNavBar/modules/OnyxUserMenu/types.d.ts +13 -7
  141. package/dist/components/OnyxNavBar/modules/index.d.ts +17 -17
  142. package/dist/components/OnyxNavBar/types.d.ts +53 -12
  143. package/dist/components/OnyxNotificationCard/OnyxNotificationCard.d.vue.ts +48 -0
  144. package/dist/components/OnyxNotificationCard/types.d.ts +25 -0
  145. package/dist/components/OnyxNotificationDot/OnyxNotificationDot.d.vue.ts +29 -0
  146. package/dist/components/OnyxNotificationDot/types.d.ts +11 -0
  147. package/dist/components/OnyxNotificationMessage/OnyxNotificationMessage.d.vue.ts +40 -0
  148. package/dist/components/OnyxNotificationMessage/types.d.ts +17 -0
  149. package/dist/components/OnyxNotifications/OnyxNotifications.d.vue.ts +2 -0
  150. package/dist/components/OnyxNotifications/useNotification.d.ts +60 -0
  151. package/dist/components/OnyxPageLayout/OnyxPageLayout.d.vue.ts +66 -0
  152. package/dist/components/OnyxPageLayout/types.d.ts +11 -8
  153. package/dist/components/OnyxPagination/OnyxPagination.d.vue.ts +10 -0
  154. package/dist/components/OnyxPagination/OnyxSelectPagination.d.vue.ts +9 -0
  155. package/dist/components/OnyxPagination/types.d.ts +6 -1
  156. package/dist/components/OnyxProgressItem/OnyxProgressItem.d.vue.ts +31 -0
  157. package/dist/components/OnyxProgressItem/types.d.ts +31 -0
  158. package/dist/components/OnyxProgressSteps/OnyxProgressSteps.d.vue.ts +41 -0
  159. package/dist/components/OnyxProgressSteps/types.d.ts +30 -0
  160. package/dist/components/OnyxRadioButton/{OnyxRadioButton.vue.d.ts → OnyxRadioButton.d.vue.ts} +7 -7
  161. package/dist/components/OnyxRadioButton/types.d.ts +2 -10
  162. package/dist/components/OnyxRadioGroup/{OnyxRadioGroup.vue.d.ts → OnyxRadioGroup.d.vue.ts} +9 -9
  163. package/dist/components/OnyxRadioGroup/types.d.ts +6 -19
  164. package/dist/components/OnyxResizeHandle/OnyxResizeHandle.d.vue.ts +16 -0
  165. package/dist/components/OnyxResizeHandle/types.d.ts +23 -0
  166. package/dist/components/OnyxRipple/OnyxRipple.d.vue.ts +6 -0
  167. package/dist/components/OnyxRouterLink/OnyxRouterLink.d.vue.ts +21 -0
  168. package/dist/components/OnyxRouterLink/types.d.ts +22 -0
  169. package/dist/components/OnyxSegmentedControl/OnyxSegmentedControl.d.vue.ts +17 -0
  170. package/dist/components/OnyxSegmentedControl/types.d.ts +28 -0
  171. package/dist/components/OnyxSegmentedControlElement/OnyxSegmentedControlElement.d.vue.ts +7 -0
  172. package/dist/components/OnyxSegmentedControlElement/types.d.ts +5 -0
  173. package/dist/components/OnyxSelect/{OnyxSelect.vue.d.ts → OnyxSelect.d.vue.ts} +13 -12
  174. package/dist/components/OnyxSelect/types.d.ts +34 -47
  175. package/dist/components/OnyxSelectDialog/OnyxSelectDialog.d.vue.ts +28 -0
  176. package/dist/components/OnyxSelectDialog/types.d.ts +30 -0
  177. package/dist/components/OnyxSelectInput/{OnyxSelectInput.vue.d.ts → OnyxSelectInput.d.vue.ts} +6 -8
  178. package/dist/components/OnyxSelectInput/types.d.ts +2 -24
  179. package/dist/components/OnyxSelectOption/{OnyxSelectOption.vue.d.ts → OnyxSelectOption.d.vue.ts} +5 -5
  180. package/dist/components/OnyxSelectOption/types.d.ts +2 -2
  181. package/dist/components/OnyxSeparator/OnyxSeparator.d.vue.ts +5 -0
  182. package/dist/components/OnyxSeparator/types.d.ts +7 -0
  183. package/dist/components/OnyxSidebar/OnyxSidebar.d.vue.ts +190 -0
  184. package/dist/components/OnyxSidebar/modules/OnyxSidebarItem/OnyxSidebarItem.d.vue.ts +28 -0
  185. package/dist/components/OnyxSidebar/modules/OnyxSidebarItem/types.d.ts +9 -0
  186. package/dist/components/OnyxSidebar/modules/index.d.ts +2 -0
  187. package/dist/components/OnyxSidebar/types.d.ts +40 -0
  188. package/dist/components/OnyxSkeleton/OnyxSkeleton.d.vue.ts +2 -0
  189. package/dist/components/OnyxStepper/OnyxStepper.d.vue.ts +22 -0
  190. package/dist/components/OnyxStepper/types.d.ts +26 -32
  191. package/dist/components/OnyxSwitch/OnyxSwitch.d.vue.ts +22 -0
  192. package/dist/components/OnyxSwitch/types.d.ts +3 -29
  193. package/dist/components/OnyxSystemButton/OnyxSystemButton.d.vue.ts +8 -0
  194. package/dist/components/OnyxSystemButton/types.d.ts +2 -2
  195. package/dist/components/OnyxTab/{OnyxTab.vue.d.ts → OnyxTab.d.vue.ts} +4 -4
  196. package/dist/components/OnyxTab/types.d.ts +2 -2
  197. package/dist/components/OnyxTable/OnyxTable.d.vue.ts +24 -0
  198. package/dist/components/OnyxTable/types.d.ts +43 -1
  199. package/dist/components/OnyxTabs/{OnyxTabs.vue.d.ts → OnyxTabs.d.vue.ts} +4 -6
  200. package/dist/components/OnyxTabs/types.d.ts +6 -6
  201. package/dist/components/OnyxTag/OnyxTag.d.vue.ts +6 -0
  202. package/dist/components/OnyxTag/types.d.ts +25 -2
  203. package/dist/components/OnyxTextarea/OnyxTextarea.d.vue.ts +22 -0
  204. package/dist/components/OnyxTextarea/types.d.ts +2 -5
  205. package/dist/components/OnyxToast/OnyxToast.d.vue.ts +2 -0
  206. package/dist/components/OnyxToast/useToast.d.ts +2 -2
  207. package/dist/components/OnyxToastMessage/OnyxToastMessage.d.vue.ts +12 -0
  208. package/dist/components/OnyxToastMessage/types.d.ts +2 -2
  209. package/dist/components/OnyxTooltip/OnyxTooltip.ct-utils.d.ts +1 -1
  210. package/dist/components/OnyxTooltip/{OnyxTooltip.vue.d.ts → OnyxTooltip.d.vue.ts} +22 -12
  211. package/dist/components/OnyxTooltip/types.d.ts +31 -15
  212. package/dist/components/OnyxVisuallyHidden/{OnyxVisuallyHidden.vue.d.ts → OnyxVisuallyHidden.d.vue.ts} +3 -3
  213. package/dist/components/examples/ComponentShowcase/ComponentShowcase.d.vue.ts +9 -0
  214. package/dist/components/illustrations/OnyxErrorSVG/OnyxErrorSVG.d.vue.ts +2 -0
  215. package/dist/components/illustrations/OnyxFileUploadSVG/OnyxFileUploadSVG.d.vue.ts +3 -0
  216. package/dist/components/illustrations/OnyxFileUploadSVG/types.d.ts +10 -0
  217. package/dist/components/illustrations/index.d.ts +3 -0
  218. package/dist/composables/animation.d.ts +5 -0
  219. package/dist/composables/checkAll.d.ts +3 -3
  220. package/dist/composables/density.d.ts +1 -1
  221. package/dist/composables/required.d.ts +6 -12
  222. package/dist/composables/scrollEnd.d.ts +2 -2
  223. package/dist/composables/themeTransition.d.ts +2 -2
  224. package/dist/composables/useAnchorPositionPolyfill.d.ts +20 -0
  225. package/dist/composables/useAutoFocus.d.ts +5 -0
  226. package/dist/composables/useCustomValidity.d.ts +21 -13
  227. package/dist/composables/useErrorClass.d.ts +2 -2
  228. package/dist/composables/useFileSize.d.ts +10 -0
  229. package/dist/composables/useIntersectionObserver.d.ts +25 -0
  230. package/dist/composables/useLenientMaxLengthValidation.ct-utils.d.ts +3 -0
  231. package/dist/composables/useLenientMaxLengthValidation.d.ts +93 -0
  232. package/dist/composables/useLink.d.ts +29 -0
  233. package/dist/composables/useLink.spec-d.d.ts +1 -0
  234. package/dist/composables/useMoreList.d.ts +15 -7
  235. package/dist/composables/useOpenAlignment.d.ts +13 -0
  236. package/dist/composables/useOpenDirection.d.ts +5 -5
  237. package/dist/composables/useRelativeTimeFormat.d.ts +23 -0
  238. package/dist/composables/useResizeObserver.d.ts +6 -2
  239. package/dist/composables/useRipple.d.ts +5 -5
  240. package/dist/composables/useSkeletonState.d.ts +1 -1
  241. package/dist/composables/useTimer.d.ts +3 -3
  242. package/dist/composables/useVModel.d.ts +34 -0
  243. package/dist/composables/useVModel.spec-d.d.ts +1 -0
  244. package/dist/i18n/datetime-formats.d.ts +22 -0
  245. package/dist/i18n/index.d.ts +24 -12
  246. package/dist/i18n/locales/de-DE.json +96 -2
  247. package/dist/i18n/locales/en-US.json +94 -9
  248. package/{src/i18n/locales/en-US.json → dist/i18n/locales/en-US.json.d.ts} +98 -10
  249. package/dist/i18n/number-formats.d.ts +6 -0
  250. package/dist/index.d.ts +176 -106
  251. package/dist/index.esm-bundler.js +13471 -0
  252. package/dist/index.esm-bundler.js.map +1 -0
  253. package/dist/index.js +9618 -4746
  254. package/dist/style.css +1 -1
  255. package/dist/types/components.d.ts +7 -9
  256. package/dist/types/index.d.ts +7 -8
  257. package/dist/types/utils.d.ts +66 -1
  258. package/dist/types/utils.spec-d.d.ts +1 -0
  259. package/dist/utils/attrs.d.ts +35 -4
  260. package/dist/utils/breakpoints.d.ts +17 -0
  261. package/dist/utils/console.d.ts +11 -0
  262. package/dist/utils/dom.d.ts +5 -0
  263. package/dist/utils/feature.d.ts +15 -0
  264. package/dist/utils/file.d.ts +10 -0
  265. package/dist/utils/numbers.d.ts +29 -9
  266. package/dist/utils/objects.d.ts +18 -0
  267. package/dist/utils/plugin.d.ts +11 -2
  268. package/dist/utils/router.d.ts +9 -0
  269. package/dist/utils/storybook.d.ts +43 -2
  270. package/dist/utils/strings.d.ts +13 -0
  271. package/package.json +34 -24
  272. package/src/styles/breakpoints.scss +14 -10
  273. package/src/styles/fonts.scss +7 -7
  274. package/src/styles/global.css +3 -3
  275. package/src/styles/grid.ct.tsx +186 -73
  276. package/src/styles/grid.scss +139 -38
  277. package/src/styles/index.scss +1 -2
  278. package/src/styles/layers.scss +1 -1
  279. package/src/styles/mixins/checkbox.scss +18 -4
  280. package/src/styles/mixins/input.scss +24 -5
  281. package/src/styles/mixins/layers.scss +6 -0
  282. package/src/styles/mixins/list.scss +1 -1
  283. package/src/styles/mixins/sizes.scss +12 -8
  284. package/src/styles/mixins/visibility.scss +11 -0
  285. package/src/styles/root.scss +7 -2
  286. package/src/styles/variables/density-compact.css +2 -2
  287. package/src/styles/variables/density-cozy.css +2 -2
  288. package/src/styles/variables/density-default.css +2 -2
  289. package/src/styles/variables/spacing.css +1 -1
  290. package/src/styles/variables/themes/onyx.css +387 -0
  291. package/src/styles/variables/themes/value.css +217 -159
  292. package/dist/components/OnyxAlertDialog/OnyxAlertDialog.vue.d.ts +0 -58
  293. package/dist/components/OnyxAlertDialog/types.d.ts +0 -8
  294. package/dist/components/OnyxAppLayout/OnyxAppLayout.vue.d.ts +0 -36
  295. package/dist/components/OnyxAvatar/OnyxAvatar.vue.d.ts +0 -28
  296. package/dist/components/OnyxButton/OnyxButton.vue.d.ts +0 -10
  297. package/dist/components/OnyxDataGrid/OnyxDataGrid.vue.d.ts +0 -17
  298. package/dist/components/OnyxDataGrid/features/sorting/TestCase.vue.d.ts +0 -9
  299. package/dist/components/OnyxDatePicker/OnyxDatePicker.vue.d.ts +0 -17
  300. package/dist/components/OnyxExternalLinkIcon/OnyxExternalLinkIcon.vue.d.ts +0 -5
  301. package/dist/components/OnyxFormElement/FormMessage.vue.d.ts +0 -13
  302. package/dist/components/OnyxFormElement/OnyxFormElement.vue.d.ts +0 -29
  303. package/dist/components/OnyxIcon/OnyxIcon.vue.d.ts +0 -3
  304. package/dist/components/OnyxIconButton/OnyxIconButton.vue.d.ts +0 -27
  305. package/dist/components/OnyxInfoTooltip/OnyxInfoTooltip.vue.d.ts +0 -6
  306. package/dist/components/OnyxInput/OnyxInput.vue.d.ts +0 -24
  307. package/dist/components/OnyxLoadingIndicator/OnyxCircleSpinner.vue.d.ts +0 -2
  308. package/dist/components/OnyxLoadingIndicator/OnyxLoadingDots.vue.d.ts +0 -2
  309. package/dist/components/OnyxLoadingIndicator/OnyxLoadingIndicator.vue.d.ts +0 -5
  310. package/dist/components/OnyxMiniSearch/OnyxMiniSearch.vue.d.ts +0 -14
  311. package/dist/components/OnyxModalDialog/OnyxModalDialog.vue.d.ts +0 -46
  312. package/dist/components/OnyxModalDialog/types.d.ts +0 -2
  313. package/dist/components/OnyxNavBar/OnyxNavBar.vue.d.ts +0 -91
  314. package/dist/components/OnyxNavBar/modules/OnyxColorSchemeDialog/OnyxColorSchemeDialog.vue.d.ts +0 -11
  315. package/dist/components/OnyxNavBar/modules/OnyxColorSchemeMenuItem/OnyxColorSchemeMenuItem.vue.d.ts +0 -8
  316. package/dist/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.vue.d.ts +0 -28
  317. package/dist/components/OnyxNavBar/modules/OnyxNavButton/NavButtonLayout.vue.d.ts +0 -48
  318. package/dist/components/OnyxNavBar/modules/OnyxNavButton/OnyxNavButton.vue.d.ts +0 -122
  319. package/dist/components/OnyxNavBar/modules/OnyxNavButton/types.d.ts +0 -19
  320. package/dist/components/OnyxNavBar/modules/OnyxNavItem/OnyxNavItem.vue.d.ts +0 -31
  321. package/dist/components/OnyxNavBar/modules/OnyxNavSeparator/OnyxNavSeparator.vue.d.ts +0 -5
  322. package/dist/components/OnyxNavBar/modules/OnyxNavSeparator/types.d.ts +0 -3
  323. package/dist/components/OnyxNavBar/modules/OnyxTimer/OnyxTimer.vue.d.ts +0 -7
  324. package/dist/components/OnyxPageLayout/OnyxPageLayout.vue.d.ts +0 -30
  325. package/dist/components/OnyxPagination/OnyxPagination.vue.d.ts +0 -9
  326. package/dist/components/OnyxPagination/OnyxSelectPagination.vue.d.ts +0 -7
  327. package/dist/components/OnyxRipple/OnyxRipple.vue.d.ts +0 -4
  328. package/dist/components/OnyxSkeleton/OnyxSkeleton.vue.d.ts +0 -2
  329. package/dist/components/OnyxStepper/OnyxStepper.vue.d.ts +0 -21
  330. package/dist/components/OnyxSwitch/OnyxSwitch.vue.d.ts +0 -15
  331. package/dist/components/OnyxSystemButton/OnyxSystemButton.vue.d.ts +0 -8
  332. package/dist/components/OnyxSystemButton/examples/WithFlyoutMenu.vue.d.ts +0 -2
  333. package/dist/components/OnyxSystemButton/examples/WithTooltip.vue.d.ts +0 -2
  334. package/dist/components/OnyxTable/OnyxTable.vue.d.ts +0 -57
  335. package/dist/components/OnyxTag/OnyxTag.vue.d.ts +0 -5
  336. package/dist/components/OnyxTextarea/OnyxTextarea.vue.d.ts +0 -17
  337. package/dist/components/OnyxToast/OnyxToast.vue.d.ts +0 -2
  338. package/dist/components/OnyxToast/StorybookExample.vue.d.ts +0 -2
  339. package/dist/components/OnyxToastMessage/OnyxToastMessage.vue.d.ts +0 -12
  340. package/dist/components/examples/ComponentShowcase/ComponentShowcase.vue.d.ts +0 -9
  341. package/dist/components/examples/DataGrid/SortingDataGrid.vue.d.ts +0 -26
  342. package/dist/components/examples/FormExample/FormExample.vue.d.ts +0 -3
  343. package/dist/components/examples/GridPlayground/EditGridElementDialog/EditGridElementDialog.vue.d.ts +0 -26
  344. package/dist/components/examples/GridPlayground/GridBadge/GridBadge.vue.d.ts +0 -17
  345. package/dist/components/examples/GridPlayground/GridElement/GridElement.vue.d.ts +0 -42
  346. package/dist/components/examples/GridPlayground/GridOverlay/GridOverlay.vue.d.ts +0 -10
  347. package/dist/components/examples/GridPlayground/GridPlayground.vue.d.ts +0 -2
  348. package/dist/composables/asymmetricComputed.d.ts +0 -13
  349. package/dist/composables/useManagedState.d.ts +0 -31
  350. package/dist/composables/useWedgePosition.d.ts +0 -13
  351. package/dist/index.cjs +0 -183
  352. package/dist/playwright/a11y.d.ts +0 -28
  353. package/dist/playwright/screenshots.d.ts +0 -33
  354. package/dist/types/themes.d.ts +0 -2
  355. package/dist/utils/index.d.ts +0 -4
  356. package/src/i18n/locales/de-DE.json +0 -135
  357. package/src/i18n/locales/ko-KR.json +0 -27
  358. package/src/styles/variables/themes/digits-dark.css +0 -129
  359. package/src/styles/variables/themes/digits-light.css +0 -129
  360. package/src/styles/variables/themes/kaufland-dark.css +0 -129
  361. package/src/styles/variables/themes/kaufland-light.css +0 -129
  362. package/src/styles/variables/themes/lidl-dark.css +0 -129
  363. package/src/styles/variables/themes/lidl-light.css +0 -129
  364. package/src/styles/variables/themes/onyx-dark.css +0 -129
  365. package/src/styles/variables/themes/onyx-light.css +0 -129
  366. package/src/styles/variables/themes/schwarz-dark.css +0 -129
  367. package/src/styles/variables/themes/schwarz-light.css +0 -129
package/src/styles/variables/themes/kaufland-light.css DELETED
@@ -1,129 +0,0 @@
1
- /**
2
- * Do not edit directly.
3
- * This file contains the specific variables for the "kaufland-light" theme.
4
- * Imported from Figma API on Mon, 16 Dec 2024 14:51:18 GMT
5
- */
6
- :where(:root),
7
- .onyx-theme-kaufland-light {
8
- --onyx-color-base-background-blank: var(--onyx-color-grayscale-white);
9
- --onyx-color-base-background-tinted: var(--onyx-color-stone-100);
10
- --onyx-color-base-danger-100: var(--onyx-color-red-100);
11
- --onyx-color-base-danger-200: var(--onyx-color-red-200);
12
- --onyx-color-base-danger-300: var(--onyx-color-red-300);
13
- --onyx-color-base-danger-400: var(--onyx-color-red-400);
14
- --onyx-color-base-danger-500: var(--onyx-color-red-500);
15
- --onyx-color-base-danger-600: var(--onyx-color-red-600);
16
- --onyx-color-base-danger-700: var(--onyx-color-red-700);
17
- --onyx-color-base-danger-800: var(--onyx-color-red-800);
18
- --onyx-color-base-danger-900: var(--onyx-color-red-900);
19
- --onyx-color-base-grayscale-black: var(--onyx-color-grayscale-black);
20
- --onyx-color-base-grayscale-white: var(--onyx-color-grayscale-white);
21
- --onyx-color-base-info-100: var(--onyx-color-purple-100);
22
- --onyx-color-base-info-200: var(--onyx-color-purple-200);
23
- --onyx-color-base-info-300: var(--onyx-color-purple-300);
24
- --onyx-color-base-info-400: var(--onyx-color-purple-400);
25
- --onyx-color-base-info-500: var(--onyx-color-purple-500);
26
- --onyx-color-base-info-600: var(--onyx-color-purple-600);
27
- --onyx-color-base-info-700: var(--onyx-color-purple-700);
28
- --onyx-color-base-info-800: var(--onyx-color-purple-800);
29
- --onyx-color-base-info-900: var(--onyx-color-purple-900);
30
- --onyx-color-base-neutral-100: var(--onyx-color-stone-100);
31
- --onyx-color-base-neutral-200: var(--onyx-color-stone-200);
32
- --onyx-color-base-neutral-300: var(--onyx-color-stone-300);
33
- --onyx-color-base-neutral-400: var(--onyx-color-stone-400);
34
- --onyx-color-base-neutral-500: var(--onyx-color-stone-500);
35
- --onyx-color-base-neutral-600: var(--onyx-color-stone-600);
36
- --onyx-color-base-neutral-700: var(--onyx-color-stone-700);
37
- --onyx-color-base-neutral-800: var(--onyx-color-stone-800);
38
- --onyx-color-base-neutral-900: var(--onyx-color-stone-900);
39
- --onyx-color-base-primary-100: var(--onyx-color-kl-100);
40
- --onyx-color-base-primary-200: var(--onyx-color-kl-200);
41
- --onyx-color-base-primary-300: var(--onyx-color-kl-300);
42
- --onyx-color-base-primary-400: var(--onyx-color-kl-400);
43
- --onyx-color-base-primary-500: var(--onyx-color-kl-500);
44
- --onyx-color-base-primary-600: var(--onyx-color-kl-600);
45
- --onyx-color-base-primary-700: var(--onyx-color-kl-700);
46
- --onyx-color-base-primary-800: var(--onyx-color-kl-800);
47
- --onyx-color-base-primary-900: var(--onyx-color-kl-900);
48
- --onyx-color-base-quantitatives-100: var(--onyx-color-quantitatives-100);
49
- --onyx-color-base-quantitatives-200: var(--onyx-color-quantitatives-200);
50
- --onyx-color-base-quantitatives-300: var(--onyx-color-quantitatives-300);
51
- --onyx-color-base-quantitatives-400: var(--onyx-color-quantitatives-400);
52
- --onyx-color-base-quantitatives-500: var(--onyx-color-quantitatives-500);
53
- --onyx-color-base-quantitatives-600: var(--onyx-color-quantitatives-600);
54
- --onyx-color-base-quantitatives-700: var(--onyx-color-quantitatives-700);
55
- --onyx-color-base-quantitatives-800: var(--onyx-color-quantitatives-800);
56
- --onyx-color-base-quantitatives-900: var(--onyx-color-quantitatives-900);
57
- --onyx-color-base-quantitatives-1000: var(--onyx-color-quantitatives-1000);
58
- --onyx-color-base-quantitatives-1100: var(--onyx-color-quantitatives-1100);
59
- --onyx-color-base-quantitatives-1200: var(--onyx-color-quantitatives-1200);
60
- --onyx-color-base-success-100: var(--onyx-color-green-100);
61
- --onyx-color-base-success-200: var(--onyx-color-green-200);
62
- --onyx-color-base-success-300: var(--onyx-color-green-300);
63
- --onyx-color-base-success-400: var(--onyx-color-green-400);
64
- --onyx-color-base-success-500: var(--onyx-color-green-500);
65
- --onyx-color-base-success-600: var(--onyx-color-green-600);
66
- --onyx-color-base-success-700: var(--onyx-color-green-700);
67
- --onyx-color-base-success-800: var(--onyx-color-green-800);
68
- --onyx-color-base-success-900: var(--onyx-color-green-900);
69
- --onyx-color-base-warning-100: var(--onyx-color-orange-100);
70
- --onyx-color-base-warning-200: var(--onyx-color-orange-200);
71
- --onyx-color-base-warning-300: var(--onyx-color-orange-300);
72
- --onyx-color-base-warning-400: var(--onyx-color-orange-400);
73
- --onyx-color-base-warning-500: var(--onyx-color-orange-500);
74
- --onyx-color-base-warning-600: var(--onyx-color-orange-600);
75
- --onyx-color-base-warning-700: var(--onyx-color-orange-700);
76
- --onyx-color-base-warning-800: var(--onyx-color-orange-800);
77
- --onyx-color-base-warning-900: var(--onyx-color-orange-900);
78
- --onyx-color-component-border-danger: var(--onyx-color-base-danger-500);
79
- --onyx-color-component-border-danger-hover: var(--onyx-color-base-danger-400);
80
- --onyx-color-component-border-disabled: var(--onyx-color-base-neutral-200);
81
- --onyx-color-component-border-neutral: var(--onyx-color-base-neutral-300);
82
- --onyx-color-component-border-neutral-hover: var(--onyx-color-base-neutral-400);
83
- --onyx-color-component-border-primary: var(--onyx-color-base-primary-700);
84
- --onyx-color-component-border-primary-hover: var(--onyx-color-base-primary-600);
85
- --onyx-color-component-border-success: var(--onyx-color-base-success-500);
86
- --onyx-color-component-border-success-hover: var(--onyx-color-base-success-400);
87
- --onyx-color-component-cta-danger: var(--onyx-color-base-danger-500);
88
- --onyx-color-component-cta-danger-hover: var(--onyx-color-base-danger-400);
89
- --onyx-color-component-cta-default: var(--onyx-color-base-primary-800);
90
- --onyx-color-component-cta-default-hover: var(--onyx-color-base-primary-600);
91
- --onyx-color-component-cta-disabled: var(--onyx-color-base-neutral-200);
92
- --onyx-color-component-focus-danger: var(--onyx-color-base-danger-300);
93
- --onyx-color-component-focus-neutral: var(--onyx-color-base-neutral-200);
94
- --onyx-color-component-focus-primary: var(--onyx-color-base-primary-400);
95
- --onyx-color-component-focus-success: var(--onyx-color-base-success-200);
96
- --onyx-color-component-focus-warning: var(--onyx-color-base-warning-200);
97
- --onyx-color-component-opacity-backdrop: var(--onyx-color-opacity-soft);
98
- --onyx-color-text-icons-danger-bold: var(--onyx-color-red-700);
99
- --onyx-color-text-icons-danger-intense: var(--onyx-color-red-500);
100
- --onyx-color-text-icons-danger-medium: var(--onyx-color-red-300);
101
- --onyx-color-text-icons-danger-soft: var(--onyx-color-red-200);
102
- --onyx-color-text-icons-info-bold: var(--onyx-color-purple-700);
103
- --onyx-color-text-icons-info-intense: var(--onyx-color-purple-500);
104
- --onyx-color-text-icons-info-medium: var(--onyx-color-purple-300);
105
- --onyx-color-text-icons-info-soft: var(--onyx-color-purple-200);
106
- --onyx-color-text-icons-neutral-button: var(--onyx-color-grayscale-white);
107
- --onyx-color-text-icons-neutral-intense: var(--onyx-color-stone-900);
108
- --onyx-color-text-icons-neutral-inverted: var(--onyx-color-grayscale-white);
109
- --onyx-color-text-icons-neutral-medium: var(--onyx-color-stone-600);
110
- --onyx-color-text-icons-neutral-soft: var(--onyx-color-stone-500);
111
- --onyx-color-text-icons-primary-bold: var(--onyx-color-kl-900);
112
- --onyx-color-text-icons-primary-intense: var(--onyx-color-kl-700);
113
- --onyx-color-text-icons-primary-medium: var(--onyx-color-kl-600);
114
- --onyx-color-text-icons-primary-soft: var(--onyx-color-kl-500);
115
- --onyx-color-text-icons-success-bold: var(--onyx-color-green-700);
116
- --onyx-color-text-icons-success-intense: var(--onyx-color-green-500);
117
- --onyx-color-text-icons-success-medium: var(--onyx-color-green-300);
118
- --onyx-color-text-icons-success-soft: var(--onyx-color-green-200);
119
- --onyx-color-text-icons-warning-bold: var(--onyx-color-orange-700);
120
- --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500);
121
- --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-300);
122
- --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-200);
123
- --onyx-radius-full: var(--onyx-number-radius-600);
124
- --onyx-radius-lg: var(--onyx-number-radius-400);
125
- --onyx-radius-md: var(--onyx-number-radius-300);
126
- --onyx-radius-sm: var(--onyx-number-radius-200);
127
- --onyx-radius-xl: var(--onyx-number-radius-500);
128
- --onyx-radius-xs: var(--onyx-number-radius-100);
129
- }
package/src/styles/variables/themes/lidl-dark.css DELETED
@@ -1,129 +0,0 @@
1
- /**
2
- * Do not edit directly.
3
- * This file contains the specific variables for the "lidl-dark" theme.
4
- * Imported from Figma API on Mon, 16 Dec 2024 14:51:26 GMT
5
- */
6
- .dark,
7
- .onyx-theme-lidl-dark {
8
- --onyx-color-base-background-blank: var(--onyx-color-stone-1100);
9
- --onyx-color-base-background-tinted: var(--onyx-color-stone-1200);
10
- --onyx-color-base-danger-100: var(--onyx-color-red-1100);
11
- --onyx-color-base-danger-200: var(--onyx-color-red-1000);
12
- --onyx-color-base-danger-300: var(--onyx-color-red-900);
13
- --onyx-color-base-danger-400: var(--onyx-color-red-800);
14
- --onyx-color-base-danger-500: var(--onyx-color-red-700);
15
- --onyx-color-base-danger-600: var(--onyx-color-red-600);
16
- --onyx-color-base-danger-700: var(--onyx-color-red-500);
17
- --onyx-color-base-danger-800: var(--onyx-color-red-400);
18
- --onyx-color-base-danger-900: var(--onyx-color-red-300);
19
- --onyx-color-base-grayscale-black: var(--onyx-color-grayscale-black);
20
- --onyx-color-base-grayscale-white: var(--onyx-color-grayscale-white);
21
- --onyx-color-base-info-100: var(--onyx-color-purple-1100);
22
- --onyx-color-base-info-200: var(--onyx-color-purple-1000);
23
- --onyx-color-base-info-300: var(--onyx-color-purple-900);
24
- --onyx-color-base-info-400: var(--onyx-color-purple-800);
25
- --onyx-color-base-info-500: var(--onyx-color-purple-700);
26
- --onyx-color-base-info-600: var(--onyx-color-purple-600);
27
- --onyx-color-base-info-700: var(--onyx-color-purple-500);
28
- --onyx-color-base-info-800: var(--onyx-color-purple-400);
29
- --onyx-color-base-info-900: var(--onyx-color-purple-300);
30
- --onyx-color-base-neutral-100: var(--onyx-color-stone-1100);
31
- --onyx-color-base-neutral-200: var(--onyx-color-stone-1000);
32
- --onyx-color-base-neutral-300: var(--onyx-color-stone-900);
33
- --onyx-color-base-neutral-400: var(--onyx-color-stone-800);
34
- --onyx-color-base-neutral-500: var(--onyx-color-stone-700);
35
- --onyx-color-base-neutral-600: var(--onyx-color-stone-600);
36
- --onyx-color-base-neutral-700: var(--onyx-color-stone-500);
37
- --onyx-color-base-neutral-800: var(--onyx-color-stone-400);
38
- --onyx-color-base-neutral-900: var(--onyx-color-stone-300);
39
- --onyx-color-base-primary-100: var(--onyx-color-lidl-1100);
40
- --onyx-color-base-primary-200: var(--onyx-color-lidl-1000);
41
- --onyx-color-base-primary-300: var(--onyx-color-lidl-900);
42
- --onyx-color-base-primary-400: var(--onyx-color-lidl-800);
43
- --onyx-color-base-primary-500: var(--onyx-color-lidl-700);
44
- --onyx-color-base-primary-600: var(--onyx-color-lidl-600);
45
- --onyx-color-base-primary-700: var(--onyx-color-lidl-500);
46
- --onyx-color-base-primary-800: var(--onyx-color-lidl-400);
47
- --onyx-color-base-primary-900: var(--onyx-color-lidl-300);
48
- --onyx-color-base-quantitatives-100: var(--onyx-color-quantitatives-150);
49
- --onyx-color-base-quantitatives-200: var(--onyx-color-quantitatives-250);
50
- --onyx-color-base-quantitatives-300: var(--onyx-color-quantitatives-350);
51
- --onyx-color-base-quantitatives-400: var(--onyx-color-quantitatives-450);
52
- --onyx-color-base-quantitatives-500: var(--onyx-color-quantitatives-550);
53
- --onyx-color-base-quantitatives-600: var(--onyx-color-quantitatives-650);
54
- --onyx-color-base-quantitatives-700: var(--onyx-color-quantitatives-750);
55
- --onyx-color-base-quantitatives-800: var(--onyx-color-quantitatives-850);
56
- --onyx-color-base-quantitatives-900: var(--onyx-color-quantitatives-950);
57
- --onyx-color-base-quantitatives-1000: var(--onyx-color-quantitatives-1050);
58
- --onyx-color-base-quantitatives-1100: var(--onyx-color-quantitatives-1150);
59
- --onyx-color-base-quantitatives-1200: var(--onyx-color-quantitatives-1250);
60
- --onyx-color-base-success-100: var(--onyx-color-green-1100);
61
- --onyx-color-base-success-200: var(--onyx-color-green-1000);
62
- --onyx-color-base-success-300: var(--onyx-color-green-900);
63
- --onyx-color-base-success-400: var(--onyx-color-green-800);
64
- --onyx-color-base-success-500: var(--onyx-color-green-700);
65
- --onyx-color-base-success-600: var(--onyx-color-green-600);
66
- --onyx-color-base-success-700: var(--onyx-color-green-500);
67
- --onyx-color-base-success-800: var(--onyx-color-green-400);
68
- --onyx-color-base-success-900: var(--onyx-color-green-300);
69
- --onyx-color-base-warning-100: var(--onyx-color-orange-1100);
70
- --onyx-color-base-warning-200: var(--onyx-color-orange-1000);
71
- --onyx-color-base-warning-300: var(--onyx-color-orange-900);
72
- --onyx-color-base-warning-400: var(--onyx-color-orange-800);
73
- --onyx-color-base-warning-500: var(--onyx-color-orange-700);
74
- --onyx-color-base-warning-600: var(--onyx-color-orange-600);
75
- --onyx-color-base-warning-700: var(--onyx-color-orange-500);
76
- --onyx-color-base-warning-800: var(--onyx-color-orange-400);
77
- --onyx-color-base-warning-900: var(--onyx-color-orange-300);
78
- --onyx-color-component-border-danger: var(--onyx-color-base-danger-500);
79
- --onyx-color-component-border-danger-hover: var(--onyx-color-base-danger-400);
80
- --onyx-color-component-border-disabled: var(--onyx-color-base-neutral-200);
81
- --onyx-color-component-border-neutral: var(--onyx-color-base-neutral-300);
82
- --onyx-color-component-border-neutral-hover: var(--onyx-color-base-neutral-400);
83
- --onyx-color-component-border-primary: var(--onyx-color-base-primary-500);
84
- --onyx-color-component-border-primary-hover: var(--onyx-color-base-primary-400);
85
- --onyx-color-component-border-success: var(--onyx-color-base-success-500);
86
- --onyx-color-component-border-success-hover: var(--onyx-color-base-success-400);
87
- --onyx-color-component-cta-danger: var(--onyx-color-base-danger-500);
88
- --onyx-color-component-cta-danger-hover: var(--onyx-color-base-danger-400);
89
- --onyx-color-component-cta-default: var(--onyx-color-base-primary-500);
90
- --onyx-color-component-cta-default-hover: var(--onyx-color-base-primary-400);
91
- --onyx-color-component-cta-disabled: var(--onyx-color-base-neutral-200);
92
- --onyx-color-component-focus-danger: var(--onyx-color-base-danger-300);
93
- --onyx-color-component-focus-neutral: var(--onyx-color-base-neutral-500);
94
- --onyx-color-component-focus-primary: var(--onyx-color-base-primary-200);
95
- --onyx-color-component-focus-success: var(--onyx-color-base-success-200);
96
- --onyx-color-component-focus-warning: var(--onyx-color-base-warning-200);
97
- --onyx-color-component-opacity-backdrop: var(--onyx-color-opacity-medium);
98
- --onyx-color-text-icons-danger-bold: var(--onyx-color-red-400);
99
- --onyx-color-text-icons-danger-intense: var(--onyx-color-red-500);
100
- --onyx-color-text-icons-danger-medium: var(--onyx-color-red-700);
101
- --onyx-color-text-icons-danger-soft: var(--onyx-color-red-900);
102
- --onyx-color-text-icons-info-bold: var(--onyx-color-purple-400);
103
- --onyx-color-text-icons-info-intense: var(--onyx-color-purple-500);
104
- --onyx-color-text-icons-info-medium: var(--onyx-color-purple-700);
105
- --onyx-color-text-icons-info-soft: var(--onyx-color-purple-900);
106
- --onyx-color-text-icons-neutral-button: var(--onyx-color-grayscale-white);
107
- --onyx-color-text-icons-neutral-intense: var(--onyx-color-stone-200);
108
- --onyx-color-text-icons-neutral-inverted: var(--onyx-color-stone-1200);
109
- --onyx-color-text-icons-neutral-medium: var(--onyx-color-stone-400);
110
- --onyx-color-text-icons-neutral-soft: var(--onyx-color-stone-600);
111
- --onyx-color-text-icons-primary-bold: var(--onyx-color-lidl-400);
112
- --onyx-color-text-icons-primary-intense: var(--onyx-color-lidl-500);
113
- --onyx-color-text-icons-primary-medium: var(--onyx-color-lidl-700);
114
- --onyx-color-text-icons-primary-soft: var(--onyx-color-lidl-900);
115
- --onyx-color-text-icons-success-bold: var(--onyx-color-green-400);
116
- --onyx-color-text-icons-success-intense: var(--onyx-color-green-500);
117
- --onyx-color-text-icons-success-medium: var(--onyx-color-green-700);
118
- --onyx-color-text-icons-success-soft: var(--onyx-color-green-900);
119
- --onyx-color-text-icons-warning-bold: var(--onyx-color-orange-400);
120
- --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500);
121
- --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-700);
122
- --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-900);
123
- --onyx-radius-full: var(--onyx-number-radius-600);
124
- --onyx-radius-lg: var(--onyx-number-radius-400);
125
- --onyx-radius-md: var(--onyx-number-radius-300);
126
- --onyx-radius-sm: var(--onyx-number-radius-200);
127
- --onyx-radius-xl: var(--onyx-number-radius-500);
128
- --onyx-radius-xs: var(--onyx-number-radius-100);
129
- }
package/src/styles/variables/themes/lidl-light.css DELETED
@@ -1,129 +0,0 @@
1
- /**
2
- * Do not edit directly.
3
- * This file contains the specific variables for the "lidl-light" theme.
4
- * Imported from Figma API on Mon, 16 Dec 2024 14:51:18 GMT
5
- */
6
- :where(:root),
7
- .onyx-theme-lidl-light {
8
- --onyx-color-base-background-blank: var(--onyx-color-grayscale-white);
9
- --onyx-color-base-background-tinted: var(--onyx-color-stone-100);
10
- --onyx-color-base-danger-100: var(--onyx-color-red-100);
11
- --onyx-color-base-danger-200: var(--onyx-color-red-200);
12
- --onyx-color-base-danger-300: var(--onyx-color-red-300);
13
- --onyx-color-base-danger-400: var(--onyx-color-red-400);
14
- --onyx-color-base-danger-500: var(--onyx-color-red-500);
15
- --onyx-color-base-danger-600: var(--onyx-color-red-600);
16
- --onyx-color-base-danger-700: var(--onyx-color-red-700);
17
- --onyx-color-base-danger-800: var(--onyx-color-red-800);
18
- --onyx-color-base-danger-900: var(--onyx-color-red-900);
19
- --onyx-color-base-grayscale-black: var(--onyx-color-grayscale-black);
20
- --onyx-color-base-grayscale-white: var(--onyx-color-grayscale-white);
21
- --onyx-color-base-info-100: var(--onyx-color-purple-100);
22
- --onyx-color-base-info-200: var(--onyx-color-purple-200);
23
- --onyx-color-base-info-300: var(--onyx-color-purple-300);
24
- --onyx-color-base-info-400: var(--onyx-color-purple-400);
25
- --onyx-color-base-info-500: var(--onyx-color-purple-500);
26
- --onyx-color-base-info-600: var(--onyx-color-purple-600);
27
- --onyx-color-base-info-700: var(--onyx-color-purple-700);
28
- --onyx-color-base-info-800: var(--onyx-color-purple-800);
29
- --onyx-color-base-info-900: var(--onyx-color-purple-900);
30
- --onyx-color-base-neutral-100: var(--onyx-color-stone-100);
31
- --onyx-color-base-neutral-200: var(--onyx-color-stone-200);
32
- --onyx-color-base-neutral-300: var(--onyx-color-stone-300);
33
- --onyx-color-base-neutral-400: var(--onyx-color-stone-400);
34
- --onyx-color-base-neutral-500: var(--onyx-color-stone-500);
35
- --onyx-color-base-neutral-600: var(--onyx-color-stone-600);
36
- --onyx-color-base-neutral-700: var(--onyx-color-stone-700);
37
- --onyx-color-base-neutral-800: var(--onyx-color-stone-800);
38
- --onyx-color-base-neutral-900: var(--onyx-color-stone-900);
39
- --onyx-color-base-primary-100: var(--onyx-color-lidl-100);
40
- --onyx-color-base-primary-200: var(--onyx-color-lidl-200);
41
- --onyx-color-base-primary-300: var(--onyx-color-lidl-300);
42
- --onyx-color-base-primary-400: var(--onyx-color-lidl-400);
43
- --onyx-color-base-primary-500: var(--onyx-color-lidl-500);
44
- --onyx-color-base-primary-600: var(--onyx-color-lidl-600);
45
- --onyx-color-base-primary-700: var(--onyx-color-lidl-700);
46
- --onyx-color-base-primary-800: var(--onyx-color-lidl-800);
47
- --onyx-color-base-primary-900: var(--onyx-color-lidl-900);
48
- --onyx-color-base-quantitatives-100: var(--onyx-color-quantitatives-100);
49
- --onyx-color-base-quantitatives-200: var(--onyx-color-quantitatives-200);
50
- --onyx-color-base-quantitatives-300: var(--onyx-color-quantitatives-300);
51
- --onyx-color-base-quantitatives-400: var(--onyx-color-quantitatives-400);
52
- --onyx-color-base-quantitatives-500: var(--onyx-color-quantitatives-500);
53
- --onyx-color-base-quantitatives-600: var(--onyx-color-quantitatives-600);
54
- --onyx-color-base-quantitatives-700: var(--onyx-color-quantitatives-700);
55
- --onyx-color-base-quantitatives-800: var(--onyx-color-quantitatives-800);
56
- --onyx-color-base-quantitatives-900: var(--onyx-color-quantitatives-900);
57
- --onyx-color-base-quantitatives-1000: var(--onyx-color-quantitatives-1000);
58
- --onyx-color-base-quantitatives-1100: var(--onyx-color-quantitatives-1100);
59
- --onyx-color-base-quantitatives-1200: var(--onyx-color-quantitatives-1200);
60
- --onyx-color-base-success-100: var(--onyx-color-green-100);
61
- --onyx-color-base-success-200: var(--onyx-color-green-200);
62
- --onyx-color-base-success-300: var(--onyx-color-green-300);
63
- --onyx-color-base-success-400: var(--onyx-color-green-400);
64
- --onyx-color-base-success-500: var(--onyx-color-green-500);
65
- --onyx-color-base-success-600: var(--onyx-color-green-600);
66
- --onyx-color-base-success-700: var(--onyx-color-green-700);
67
- --onyx-color-base-success-800: var(--onyx-color-green-800);
68
- --onyx-color-base-success-900: var(--onyx-color-green-900);
69
- --onyx-color-base-warning-100: var(--onyx-color-orange-100);
70
- --onyx-color-base-warning-200: var(--onyx-color-orange-200);
71
- --onyx-color-base-warning-300: var(--onyx-color-orange-300);
72
- --onyx-color-base-warning-400: var(--onyx-color-orange-400);
73
- --onyx-color-base-warning-500: var(--onyx-color-orange-500);
74
- --onyx-color-base-warning-600: var(--onyx-color-orange-600);
75
- --onyx-color-base-warning-700: var(--onyx-color-orange-700);
76
- --onyx-color-base-warning-800: var(--onyx-color-orange-800);
77
- --onyx-color-base-warning-900: var(--onyx-color-orange-900);
78
- --onyx-color-component-border-danger: var(--onyx-color-base-danger-500);
79
- --onyx-color-component-border-danger-hover: var(--onyx-color-base-danger-400);
80
- --onyx-color-component-border-disabled: var(--onyx-color-base-neutral-200);
81
- --onyx-color-component-border-neutral: var(--onyx-color-base-neutral-300);
82
- --onyx-color-component-border-neutral-hover: var(--onyx-color-base-neutral-400);
83
- --onyx-color-component-border-primary: var(--onyx-color-base-primary-500);
84
- --onyx-color-component-border-primary-hover: var(--onyx-color-base-primary-400);
85
- --onyx-color-component-border-success: var(--onyx-color-base-success-500);
86
- --onyx-color-component-border-success-hover: var(--onyx-color-base-success-400);
87
- --onyx-color-component-cta-danger: var(--onyx-color-base-danger-500);
88
- --onyx-color-component-cta-danger-hover: var(--onyx-color-base-danger-400);
89
- --onyx-color-component-cta-default: var(--onyx-color-base-primary-500);
90
- --onyx-color-component-cta-default-hover: var(--onyx-color-base-primary-300);
91
- --onyx-color-component-cta-disabled: var(--onyx-color-base-neutral-200);
92
- --onyx-color-component-focus-danger: var(--onyx-color-base-danger-300);
93
- --onyx-color-component-focus-neutral: var(--onyx-color-base-neutral-200);
94
- --onyx-color-component-focus-primary: var(--onyx-color-base-primary-200);
95
- --onyx-color-component-focus-success: var(--onyx-color-base-success-200);
96
- --onyx-color-component-focus-warning: var(--onyx-color-base-warning-200);
97
- --onyx-color-component-opacity-backdrop: var(--onyx-color-opacity-soft);
98
- --onyx-color-text-icons-danger-bold: var(--onyx-color-red-700);
99
- --onyx-color-text-icons-danger-intense: var(--onyx-color-red-500);
100
- --onyx-color-text-icons-danger-medium: var(--onyx-color-red-300);
101
- --onyx-color-text-icons-danger-soft: var(--onyx-color-red-200);
102
- --onyx-color-text-icons-info-bold: var(--onyx-color-purple-700);
103
- --onyx-color-text-icons-info-intense: var(--onyx-color-purple-500);
104
- --onyx-color-text-icons-info-medium: var(--onyx-color-purple-300);
105
- --onyx-color-text-icons-info-soft: var(--onyx-color-purple-200);
106
- --onyx-color-text-icons-neutral-button: var(--onyx-color-grayscale-white);
107
- --onyx-color-text-icons-neutral-intense: var(--onyx-color-stone-900);
108
- --onyx-color-text-icons-neutral-inverted: var(--onyx-color-grayscale-white);
109
- --onyx-color-text-icons-neutral-medium: var(--onyx-color-stone-600);
110
- --onyx-color-text-icons-neutral-soft: var(--onyx-color-stone-500);
111
- --onyx-color-text-icons-primary-bold: var(--onyx-color-lidl-700);
112
- --onyx-color-text-icons-primary-intense: var(--onyx-color-lidl-500);
113
- --onyx-color-text-icons-primary-medium: var(--onyx-color-lidl-300);
114
- --onyx-color-text-icons-primary-soft: var(--onyx-color-lidl-200);
115
- --onyx-color-text-icons-success-bold: var(--onyx-color-green-700);
116
- --onyx-color-text-icons-success-intense: var(--onyx-color-green-500);
117
- --onyx-color-text-icons-success-medium: var(--onyx-color-green-300);
118
- --onyx-color-text-icons-success-soft: var(--onyx-color-green-200);
119
- --onyx-color-text-icons-warning-bold: var(--onyx-color-orange-700);
120
- --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500);
121
- --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-300);
122
- --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-200);
123
- --onyx-radius-full: var(--onyx-number-radius-600);
124
- --onyx-radius-lg: var(--onyx-number-radius-400);
125
- --onyx-radius-md: var(--onyx-number-radius-300);
126
- --onyx-radius-sm: var(--onyx-number-radius-200);
127
- --onyx-radius-xl: var(--onyx-number-radius-500);
128
- --onyx-radius-xs: var(--onyx-number-radius-100);
129
- }
package/src/styles/variables/themes/onyx-dark.css DELETED
@@ -1,129 +0,0 @@
1
- /**
2
- * Do not edit directly.
3
- * This file contains the specific variables for the "onyx-dark" theme.
4
- * Imported from Figma API on Mon, 16 Dec 2024 14:51:10 GMT
5
- */
6
- .dark,
7
- .onyx-theme-default-dark {
8
- --onyx-color-base-background-blank: var(--onyx-color-steel-1100);
9
- --onyx-color-base-background-tinted: var(--onyx-color-steel-1200);
10
- --onyx-color-base-danger-100: var(--onyx-color-red-1100);
11
- --onyx-color-base-danger-200: var(--onyx-color-red-1000);
12
- --onyx-color-base-danger-300: var(--onyx-color-red-900);
13
- --onyx-color-base-danger-400: var(--onyx-color-red-800);
14
- --onyx-color-base-danger-500: var(--onyx-color-red-700);
15
- --onyx-color-base-danger-600: var(--onyx-color-red-600);
16
- --onyx-color-base-danger-700: var(--onyx-color-red-500);
17
- --onyx-color-base-danger-800: var(--onyx-color-red-400);
18
- --onyx-color-base-danger-900: var(--onyx-color-red-300);
19
- --onyx-color-base-grayscale-black: var(--onyx-color-grayscale-black);
20
- --onyx-color-base-grayscale-white: var(--onyx-color-grayscale-white);
21
- --onyx-color-base-info-100: var(--onyx-color-purple-1100);
22
- --onyx-color-base-info-200: var(--onyx-color-purple-1000);
23
- --onyx-color-base-info-300: var(--onyx-color-purple-900);
24
- --onyx-color-base-info-400: var(--onyx-color-purple-800);
25
- --onyx-color-base-info-500: var(--onyx-color-purple-700);
26
- --onyx-color-base-info-600: var(--onyx-color-purple-600);
27
- --onyx-color-base-info-700: var(--onyx-color-purple-500);
28
- --onyx-color-base-info-800: var(--onyx-color-purple-400);
29
- --onyx-color-base-info-900: var(--onyx-color-purple-300);
30
- --onyx-color-base-neutral-100: var(--onyx-color-steel-1100);
31
- --onyx-color-base-neutral-200: var(--onyx-color-steel-1000);
32
- --onyx-color-base-neutral-300: var(--onyx-color-steel-900);
33
- --onyx-color-base-neutral-400: var(--onyx-color-steel-800);
34
- --onyx-color-base-neutral-500: var(--onyx-color-steel-700);
35
- --onyx-color-base-neutral-600: var(--onyx-color-steel-600);
36
- --onyx-color-base-neutral-700: var(--onyx-color-steel-500);
37
- --onyx-color-base-neutral-800: var(--onyx-color-steel-400);
38
- --onyx-color-base-neutral-900: var(--onyx-color-steel-300);
39
- --onyx-color-base-primary-100: var(--onyx-color-onyx-1100);
40
- --onyx-color-base-primary-200: var(--onyx-color-onyx-1000);
41
- --onyx-color-base-primary-300: var(--onyx-color-onyx-900);
42
- --onyx-color-base-primary-400: var(--onyx-color-onyx-800);
43
- --onyx-color-base-primary-500: var(--onyx-color-onyx-700);
44
- --onyx-color-base-primary-600: var(--onyx-color-onyx-600);
45
- --onyx-color-base-primary-700: var(--onyx-color-onyx-500);
46
- --onyx-color-base-primary-800: var(--onyx-color-onyx-400);
47
- --onyx-color-base-primary-900: var(--onyx-color-onyx-300);
48
- --onyx-color-base-quantitatives-100: var(--onyx-color-quantitatives-150);
49
- --onyx-color-base-quantitatives-200: var(--onyx-color-quantitatives-250);
50
- --onyx-color-base-quantitatives-300: var(--onyx-color-quantitatives-350);
51
- --onyx-color-base-quantitatives-400: var(--onyx-color-quantitatives-450);
52
- --onyx-color-base-quantitatives-500: var(--onyx-color-quantitatives-550);
53
- --onyx-color-base-quantitatives-600: var(--onyx-color-quantitatives-650);
54
- --onyx-color-base-quantitatives-700: var(--onyx-color-quantitatives-750);
55
- --onyx-color-base-quantitatives-800: var(--onyx-color-quantitatives-850);
56
- --onyx-color-base-quantitatives-900: var(--onyx-color-quantitatives-950);
57
- --onyx-color-base-quantitatives-1000: var(--onyx-color-quantitatives-1050);
58
- --onyx-color-base-quantitatives-1100: var(--onyx-color-quantitatives-1150);
59
- --onyx-color-base-quantitatives-1200: var(--onyx-color-quantitatives-1250);
60
- --onyx-color-base-success-100: var(--onyx-color-green-1100);
61
- --onyx-color-base-success-200: var(--onyx-color-green-1000);
62
- --onyx-color-base-success-300: var(--onyx-color-green-900);
63
- --onyx-color-base-success-400: var(--onyx-color-green-800);
64
- --onyx-color-base-success-500: var(--onyx-color-green-700);
65
- --onyx-color-base-success-600: var(--onyx-color-green-600);
66
- --onyx-color-base-success-700: var(--onyx-color-green-500);
67
- --onyx-color-base-success-800: var(--onyx-color-green-400);
68
- --onyx-color-base-success-900: var(--onyx-color-green-300);
69
- --onyx-color-base-warning-100: var(--onyx-color-orange-1100);
70
- --onyx-color-base-warning-200: var(--onyx-color-orange-1000);
71
- --onyx-color-base-warning-300: var(--onyx-color-orange-900);
72
- --onyx-color-base-warning-400: var(--onyx-color-orange-800);
73
- --onyx-color-base-warning-500: var(--onyx-color-orange-700);
74
- --onyx-color-base-warning-600: var(--onyx-color-orange-600);
75
- --onyx-color-base-warning-700: var(--onyx-color-orange-500);
76
- --onyx-color-base-warning-800: var(--onyx-color-orange-400);
77
- --onyx-color-base-warning-900: var(--onyx-color-orange-300);
78
- --onyx-color-component-border-danger: var(--onyx-color-base-danger-500);
79
- --onyx-color-component-border-danger-hover: var(--onyx-color-base-danger-400);
80
- --onyx-color-component-border-disabled: var(--onyx-color-base-neutral-200);
81
- --onyx-color-component-border-neutral: var(--onyx-color-base-neutral-300);
82
- --onyx-color-component-border-neutral-hover: var(--onyx-color-base-neutral-400);
83
- --onyx-color-component-border-primary: var(--onyx-color-base-primary-500);
84
- --onyx-color-component-border-primary-hover: var(--onyx-color-base-primary-400);
85
- --onyx-color-component-border-success: var(--onyx-color-base-success-500);
86
- --onyx-color-component-border-success-hover: var(--onyx-color-base-success-400);
87
- --onyx-color-component-cta-danger: var(--onyx-color-base-danger-500);
88
- --onyx-color-component-cta-danger-hover: var(--onyx-color-base-danger-400);
89
- --onyx-color-component-cta-default: var(--onyx-color-base-primary-500);
90
- --onyx-color-component-cta-default-hover: var(--onyx-color-base-primary-400);
91
- --onyx-color-component-cta-disabled: var(--onyx-color-base-neutral-200);
92
- --onyx-color-component-focus-danger: var(--onyx-color-base-danger-300);
93
- --onyx-color-component-focus-neutral: var(--onyx-color-base-neutral-500);
94
- --onyx-color-component-focus-primary: var(--onyx-color-base-primary-200);
95
- --onyx-color-component-focus-success: var(--onyx-color-base-success-200);
96
- --onyx-color-component-focus-warning: var(--onyx-color-base-warning-200);
97
- --onyx-color-component-opacity-backdrop: var(--onyx-color-opacity-medium);
98
- --onyx-color-text-icons-danger-bold: var(--onyx-color-red-400);
99
- --onyx-color-text-icons-danger-intense: var(--onyx-color-red-500);
100
- --onyx-color-text-icons-danger-medium: var(--onyx-color-red-700);
101
- --onyx-color-text-icons-danger-soft: var(--onyx-color-red-900);
102
- --onyx-color-text-icons-info-bold: var(--onyx-color-purple-400);
103
- --onyx-color-text-icons-info-intense: var(--onyx-color-purple-500);
104
- --onyx-color-text-icons-info-medium: var(--onyx-color-purple-700);
105
- --onyx-color-text-icons-info-soft: var(--onyx-color-purple-900);
106
- --onyx-color-text-icons-neutral-button: var(--onyx-color-grayscale-white);
107
- --onyx-color-text-icons-neutral-intense: var(--onyx-color-stone-200);
108
- --onyx-color-text-icons-neutral-inverted: var(--onyx-color-stone-1200);
109
- --onyx-color-text-icons-neutral-medium: var(--onyx-color-stone-400);
110
- --onyx-color-text-icons-neutral-soft: var(--onyx-color-stone-600);
111
- --onyx-color-text-icons-primary-bold: var(--onyx-color-onyx-400);
112
- --onyx-color-text-icons-primary-intense: var(--onyx-color-onyx-500);
113
- --onyx-color-text-icons-primary-medium: var(--onyx-color-onyx-700);
114
- --onyx-color-text-icons-primary-soft: var(--onyx-color-onyx-900);
115
- --onyx-color-text-icons-success-bold: var(--onyx-color-green-400);
116
- --onyx-color-text-icons-success-intense: var(--onyx-color-green-500);
117
- --onyx-color-text-icons-success-medium: var(--onyx-color-green-700);
118
- --onyx-color-text-icons-success-soft: var(--onyx-color-green-900);
119
- --onyx-color-text-icons-warning-bold: var(--onyx-color-orange-400);
120
- --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500);
121
- --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-700);
122
- --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-900);
123
- --onyx-radius-full: var(--onyx-number-radius-600);
124
- --onyx-radius-lg: var(--onyx-number-radius-400);
125
- --onyx-radius-md: var(--onyx-number-radius-300);
126
- --onyx-radius-sm: var(--onyx-number-radius-200);
127
- --onyx-radius-xl: var(--onyx-number-radius-500);
128
- --onyx-radius-xs: var(--onyx-number-radius-100);
129
- }
package/src/styles/variables/themes/onyx-light.css DELETED
@@ -1,129 +0,0 @@
1
- /**
2
- * Do not edit directly.
3
- * This file contains the specific variables for the "onyx-light" theme.
4
- * Imported from Figma API on Mon, 16 Dec 2024 14:51:03 GMT
5
- */
6
- :where(:root),
7
- .onyx-theme-default {
8
- --onyx-color-base-background-blank: var(--onyx-color-grayscale-white);
9
- --onyx-color-base-background-tinted: var(--onyx-color-steel-100);
10
- --onyx-color-base-danger-100: var(--onyx-color-red-100);
11
- --onyx-color-base-danger-200: var(--onyx-color-red-200);
12
- --onyx-color-base-danger-300: var(--onyx-color-red-300);
13
- --onyx-color-base-danger-400: var(--onyx-color-red-400);
14
- --onyx-color-base-danger-500: var(--onyx-color-red-500);
15
- --onyx-color-base-danger-600: var(--onyx-color-red-600);
16
- --onyx-color-base-danger-700: var(--onyx-color-red-700);
17
- --onyx-color-base-danger-800: var(--onyx-color-red-800);
18
- --onyx-color-base-danger-900: var(--onyx-color-red-900);
19
- --onyx-color-base-grayscale-black: var(--onyx-color-grayscale-black);
20
- --onyx-color-base-grayscale-white: var(--onyx-color-grayscale-white);
21
- --onyx-color-base-info-100: var(--onyx-color-purple-100);
22
- --onyx-color-base-info-200: var(--onyx-color-purple-200);
23
- --onyx-color-base-info-300: var(--onyx-color-purple-300);
24
- --onyx-color-base-info-400: var(--onyx-color-purple-400);
25
- --onyx-color-base-info-500: var(--onyx-color-purple-500);
26
- --onyx-color-base-info-600: var(--onyx-color-purple-600);
27
- --onyx-color-base-info-700: var(--onyx-color-purple-700);
28
- --onyx-color-base-info-800: var(--onyx-color-purple-800);
29
- --onyx-color-base-info-900: var(--onyx-color-purple-900);
30
- --onyx-color-base-neutral-100: var(--onyx-color-steel-100);
31
- --onyx-color-base-neutral-200: var(--onyx-color-steel-200);
32
- --onyx-color-base-neutral-300: var(--onyx-color-steel-300);
33
- --onyx-color-base-neutral-400: var(--onyx-color-steel-400);
34
- --onyx-color-base-neutral-500: var(--onyx-color-steel-500);
35
- --onyx-color-base-neutral-600: var(--onyx-color-steel-600);
36
- --onyx-color-base-neutral-700: var(--onyx-color-steel-700);
37
- --onyx-color-base-neutral-800: var(--onyx-color-steel-800);
38
- --onyx-color-base-neutral-900: var(--onyx-color-steel-900);
39
- --onyx-color-base-primary-100: var(--onyx-color-onyx-100);
40
- --onyx-color-base-primary-200: var(--onyx-color-onyx-200);
41
- --onyx-color-base-primary-300: var(--onyx-color-onyx-300);
42
- --onyx-color-base-primary-400: var(--onyx-color-onyx-400);
43
- --onyx-color-base-primary-500: var(--onyx-color-onyx-500);
44
- --onyx-color-base-primary-600: var(--onyx-color-onyx-600);
45
- --onyx-color-base-primary-700: var(--onyx-color-onyx-700);
46
- --onyx-color-base-primary-800: var(--onyx-color-onyx-800);
47
- --onyx-color-base-primary-900: var(--onyx-color-onyx-900);
48
- --onyx-color-base-quantitatives-100: var(--onyx-color-quantitatives-100);
49
- --onyx-color-base-quantitatives-200: var(--onyx-color-quantitatives-200);
50
- --onyx-color-base-quantitatives-300: var(--onyx-color-quantitatives-300);
51
- --onyx-color-base-quantitatives-400: var(--onyx-color-quantitatives-400);
52
- --onyx-color-base-quantitatives-500: var(--onyx-color-quantitatives-500);
53
- --onyx-color-base-quantitatives-600: var(--onyx-color-quantitatives-600);
54
- --onyx-color-base-quantitatives-700: var(--onyx-color-quantitatives-700);
55
- --onyx-color-base-quantitatives-800: var(--onyx-color-quantitatives-800);
56
- --onyx-color-base-quantitatives-900: var(--onyx-color-quantitatives-900);
57
- --onyx-color-base-quantitatives-1000: var(--onyx-color-quantitatives-1000);
58
- --onyx-color-base-quantitatives-1100: var(--onyx-color-quantitatives-1100);
59
- --onyx-color-base-quantitatives-1200: var(--onyx-color-quantitatives-1200);
60
- --onyx-color-base-success-100: var(--onyx-color-green-100);
61
- --onyx-color-base-success-200: var(--onyx-color-green-200);
62
- --onyx-color-base-success-300: var(--onyx-color-green-300);
63
- --onyx-color-base-success-400: var(--onyx-color-green-400);
64
- --onyx-color-base-success-500: var(--onyx-color-green-500);
65
- --onyx-color-base-success-600: var(--onyx-color-green-600);
66
- --onyx-color-base-success-700: var(--onyx-color-green-700);
67
- --onyx-color-base-success-800: var(--onyx-color-green-800);
68
- --onyx-color-base-success-900: var(--onyx-color-green-900);
69
- --onyx-color-base-warning-100: var(--onyx-color-orange-100);
70
- --onyx-color-base-warning-200: var(--onyx-color-orange-200);
71
- --onyx-color-base-warning-300: var(--onyx-color-orange-300);
72
- --onyx-color-base-warning-400: var(--onyx-color-orange-400);
73
- --onyx-color-base-warning-500: var(--onyx-color-orange-500);
74
- --onyx-color-base-warning-600: var(--onyx-color-orange-600);
75
- --onyx-color-base-warning-700: var(--onyx-color-orange-700);
76
- --onyx-color-base-warning-800: var(--onyx-color-orange-800);
77
- --onyx-color-base-warning-900: var(--onyx-color-orange-900);
78
- --onyx-color-component-border-danger: var(--onyx-color-base-danger-500);
79
- --onyx-color-component-border-danger-hover: var(--onyx-color-base-danger-400);
80
- --onyx-color-component-border-disabled: var(--onyx-color-base-neutral-200);
81
- --onyx-color-component-border-neutral: var(--onyx-color-base-neutral-300);
82
- --onyx-color-component-border-neutral-hover: var(--onyx-color-base-neutral-400);
83
- --onyx-color-component-border-primary: var(--onyx-color-base-primary-500);
84
- --onyx-color-component-border-primary-hover: var(--onyx-color-base-primary-400);
85
- --onyx-color-component-border-success: var(--onyx-color-base-success-500);
86
- --onyx-color-component-border-success-hover: var(--onyx-color-base-success-400);
87
- --onyx-color-component-cta-danger: var(--onyx-color-base-danger-500);
88
- --onyx-color-component-cta-danger-hover: var(--onyx-color-base-danger-400);
89
- --onyx-color-component-cta-default: var(--onyx-color-base-primary-500);
90
- --onyx-color-component-cta-default-hover: var(--onyx-color-base-primary-300);
91
- --onyx-color-component-cta-disabled: var(--onyx-color-base-neutral-200);
92
- --onyx-color-component-focus-danger: var(--onyx-color-base-danger-300);
93
- --onyx-color-component-focus-neutral: var(--onyx-color-base-neutral-200);
94
- --onyx-color-component-focus-primary: var(--onyx-color-base-primary-200);
95
- --onyx-color-component-focus-success: var(--onyx-color-base-success-200);
96
- --onyx-color-component-focus-warning: var(--onyx-color-base-warning-200);
97
- --onyx-color-component-opacity-backdrop: var(--onyx-color-opacity-soft);
98
- --onyx-color-text-icons-danger-bold: var(--onyx-color-red-700);
99
- --onyx-color-text-icons-danger-intense: var(--onyx-color-red-500);
100
- --onyx-color-text-icons-danger-medium: var(--onyx-color-red-300);
101
- --onyx-color-text-icons-danger-soft: var(--onyx-color-red-200);
102
- --onyx-color-text-icons-info-bold: var(--onyx-color-purple-700);
103
- --onyx-color-text-icons-info-intense: var(--onyx-color-purple-500);
104
- --onyx-color-text-icons-info-medium: var(--onyx-color-purple-300);
105
- --onyx-color-text-icons-info-soft: var(--onyx-color-purple-200);
106
- --onyx-color-text-icons-neutral-button: var(--onyx-color-grayscale-white);
107
- --onyx-color-text-icons-neutral-intense: var(--onyx-color-stone-900);
108
- --onyx-color-text-icons-neutral-inverted: var(--onyx-color-grayscale-white);
109
- --onyx-color-text-icons-neutral-medium: var(--onyx-color-stone-600);
110
- --onyx-color-text-icons-neutral-soft: var(--onyx-color-stone-500);
111
- --onyx-color-text-icons-primary-bold: var(--onyx-color-onyx-700);
112
- --onyx-color-text-icons-primary-intense: var(--onyx-color-onyx-500);
113
- --onyx-color-text-icons-primary-medium: var(--onyx-color-onyx-300);
114
- --onyx-color-text-icons-primary-soft: var(--onyx-color-onyx-200);
115
- --onyx-color-text-icons-success-bold: var(--onyx-color-green-700);
116
- --onyx-color-text-icons-success-intense: var(--onyx-color-green-500);
117
- --onyx-color-text-icons-success-medium: var(--onyx-color-green-300);
118
- --onyx-color-text-icons-success-soft: var(--onyx-color-green-200);
119
- --onyx-color-text-icons-warning-bold: var(--onyx-color-orange-700);
120
- --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500);
121
- --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-300);
122
- --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-200);
123
- --onyx-radius-full: var(--onyx-number-radius-600);
124
- --onyx-radius-lg: var(--onyx-number-radius-400);
125
- --onyx-radius-md: var(--onyx-number-radius-300);
126
- --onyx-radius-sm: var(--onyx-number-radius-200);
127
- --onyx-radius-xl: var(--onyx-number-radius-500);
128
- --onyx-radius-xs: var(--onyx-number-radius-100);
129
- }