@odx/foundation 1.0.0-beta.7 → 1.0.0-beta.71

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 (234) hide show
  1. package/README.md +7 -8
  2. package/custom-elements.json +12162 -0
  3. package/dist/_virtual_class-decorator-runtime.js +13 -0
  4. package/dist/components/accordion/accordion.d.ts +11 -1
  5. package/dist/components/accordion-item/accordion-item.d.ts +16 -0
  6. package/dist/components/action-button/action-button.d.ts +26 -0
  7. package/dist/components/anchor-navigation/anchor-navigation.d.ts +3 -3
  8. package/dist/components/area-header/area-header.d.ts +11 -4
  9. package/dist/components/avatar/avatar.d.ts +28 -6
  10. package/dist/components/avatar-group/avatar-group.d.ts +3 -3
  11. package/dist/components/badge/badge.d.ts +14 -5
  12. package/dist/components/breadcrumbs/breadcrumbs-item.d.ts +1 -1
  13. package/dist/components/breadcrumbs/breadcrumbs.d.ts +1 -2
  14. package/dist/components/breadcrumbs/index.d.ts +1 -1
  15. package/dist/components/button/button.d.ts +31 -20
  16. package/dist/components/checkbox/checkbox.d.ts +2 -2
  17. package/dist/components/checkbox-group/checkbox-group.d.ts +8 -3
  18. package/dist/components/chip/chip.d.ts +14 -5
  19. package/dist/components/circular-progress-bar/circular-progress-bar.d.ts +12 -5
  20. package/dist/components/combobox/autocomplete.d.ts +23 -0
  21. package/dist/components/dropdown/dropdown.d.ts +10 -9
  22. package/dist/components/format/format-bytes.d.ts +1 -1
  23. package/dist/components/format/format-number.d.ts +1 -1
  24. package/dist/components/format/relative-time.d.ts +2 -2
  25. package/dist/components/header/index.d.ts +1 -1
  26. package/dist/components/headline/headline.d.ts +14 -5
  27. package/dist/components/highlight/highlight.d.ts +14 -5
  28. package/dist/components/icon-button/icon-button.d.ts +4 -15
  29. package/dist/components/image/image.d.ts +4 -4
  30. package/dist/components/inline-message/inline-message.d.ts +15 -5
  31. package/dist/components/input/input.d.ts +14 -8
  32. package/dist/components/kpi/kpi.d.ts +36 -0
  33. package/dist/components/line-clamp/line-clamp.d.ts +2 -2
  34. package/dist/components/link/link.d.ts +3 -3
  35. package/dist/components/list/list.d.ts +3 -0
  36. package/dist/components/{list → list-item}/list-item.d.ts +7 -6
  37. package/dist/components/loader.d.ts +2 -0
  38. package/dist/components/loading-overlay/loading-overlay.d.ts +2 -3
  39. package/dist/components/loading-spinner/loading-spinner.d.ts +1 -2
  40. package/dist/components/logo/logo.d.ts +11 -3
  41. package/dist/components/main-menu/index.d.ts +1 -1
  42. package/dist/components/main-menu/main-menu-link.d.ts +2 -2
  43. package/dist/components/main-menu/main-menu.d.ts +0 -1
  44. package/dist/components/main.d.ts +61 -54
  45. package/dist/components/menu/index.d.ts +1 -1
  46. package/dist/components/menu/menu.d.ts +4 -7
  47. package/dist/components/menu-item/menu-item.d.ts +5 -6
  48. package/dist/components/modal/modal.d.ts +8 -6
  49. package/dist/components/navigation-item/navigation-item.d.ts +15 -7
  50. package/dist/components/option/option.d.ts +0 -1
  51. package/dist/components/page/page.d.ts +16 -6
  52. package/dist/components/popover/popover-host.d.ts +31 -0
  53. package/dist/components/popover/popover-observer.d.ts +11 -0
  54. package/dist/{cdk → components}/popover/popover.d.ts +1 -0
  55. package/dist/components/progress-bar/progress-bar.d.ts +12 -6
  56. package/dist/components/radio-group/radio-group.d.ts +8 -3
  57. package/dist/components/search-bar/index.d.ts +0 -1
  58. package/dist/components/search-bar/search-bar.d.ts +8 -3
  59. package/dist/components/select/select.d.ts +11 -7
  60. package/dist/components/separator/separator.d.ts +9 -4
  61. package/dist/components/skeleton/skeleton.d.ts +21 -6
  62. package/dist/components/slider/index.d.ts +2 -2
  63. package/dist/components/slider/slider-handle.d.ts +5 -6
  64. package/dist/components/slider/slider-marks.d.ts +1 -1
  65. package/dist/components/slider/slider.d.ts +2 -3
  66. package/dist/components/slider/slider.models.d.ts +3 -2
  67. package/dist/components/spinbox/spinbox.d.ts +12 -11
  68. package/dist/components/stack/stack.d.ts +26 -6
  69. package/dist/components/status/status.d.ts +23 -0
  70. package/dist/components/table/index.d.ts +3 -3
  71. package/dist/components/table/table-header.d.ts +1 -1
  72. package/dist/components/table/table-row.d.ts +1 -1
  73. package/dist/components/text/text.d.ts +23 -4
  74. package/dist/components/title/title.d.ts +14 -5
  75. package/dist/components/toast/toast.d.ts +14 -3
  76. package/dist/components/toggle-content/toggle-content.d.ts +2 -2
  77. package/dist/components/tooltip/tooltip.d.ts +24 -7
  78. package/dist/components.js +2792 -3622
  79. package/dist/i18n/{lib/config.d.ts → config.d.ts} +4 -3
  80. package/dist/i18n/{lib/is-localized.d.ts → is-localized.d.ts} +2 -2
  81. package/dist/i18n/{lib/localization.d.ts → localization.d.ts} +1 -1
  82. package/dist/i18n/main.d.ts +6 -6
  83. package/dist/i18n/{lib/translate.d.ts → translate.d.ts} +1 -1
  84. package/dist/i18n.js +23 -26
  85. package/dist/lib/{facade → control}/checkbox-form-control.d.ts +3 -4
  86. package/dist/lib/{facade → control}/checkbox-group-form-control.d.ts +2 -4
  87. package/dist/lib/control/form-control.d.ts +29 -0
  88. package/dist/lib/control/listbox-form-control.d.ts +24 -0
  89. package/dist/lib/control/number-form-control.d.ts +12 -0
  90. package/dist/lib/control/option-control.d.ts +24 -0
  91. package/dist/lib/{facade → control}/radio-group-form-control.d.ts +2 -4
  92. package/dist/lib/controllers/active-descendants-controller.d.ts +29 -0
  93. package/dist/{cdk/drag-drop → lib/controllers}/drag.controller.d.ts +3 -1
  94. package/dist/lib/controllers/expandable-controller.d.ts +4 -4
  95. package/dist/lib/custom-element.d.ts +12 -5
  96. package/dist/lib/interactive/interactive-element.d.ts +23 -0
  97. package/dist/lib/interactive/interactive-link.d.ts +21 -0
  98. package/dist/lib/main.d.ts +21 -29
  99. package/dist/lib/mixins/can-be-disabled.d.ts +1 -9
  100. package/dist/lib/mixins/can-be-expanded.d.ts +5 -7
  101. package/dist/lib/mixins/is-draggable.d.ts +16 -0
  102. package/dist/{cdk/drag-drop/drag-events.d.ts → lib/models/drag-event.d.ts} +1 -1
  103. package/dist/lib/models/placement.d.ts +17 -0
  104. package/dist/lib/models/shape.d.ts +7 -0
  105. package/dist/lib/models/size.d.ts +11 -0
  106. package/dist/lib/models/variant.d.ts +12 -0
  107. package/dist/lib/utils/compute-popover-placement.d.ts +14 -0
  108. package/dist/lib/utils/dom.d.ts +24 -14
  109. package/dist/lib/utils/get-unique-id.d.ts +6 -23
  110. package/dist/lib/utils/lit.d.ts +4 -0
  111. package/dist/lib/utils/shared-resize-observer.d.ts +0 -7
  112. package/dist/lib/utils/{a11y.d.ts → types.d.ts} +3 -5
  113. package/dist/loader.js +6 -11
  114. package/dist/main.js +848 -829
  115. package/dist/styles.css +1 -1
  116. package/dist/vendor.js +1982 -0
  117. package/package.json +50 -29
  118. package/dist/cdk/drag-drop/is-draggable.d.ts +0 -18
  119. package/dist/cdk/main.d.ts +0 -7
  120. package/dist/cdk/popover/popover-host.d.ts +0 -19
  121. package/dist/cdk/popover/popover.models.d.ts +0 -34
  122. package/dist/cdk/popover/popover.utils.d.ts +0 -5
  123. package/dist/cdk.js +0 -357
  124. package/dist/components/accordion/accordion-header.d.ts +0 -18
  125. package/dist/components/accordion/index.d.ts +0 -4
  126. package/dist/components/action-group/action-group.d.ts +0 -24
  127. package/dist/components/action-group/index.d.ts +0 -2
  128. package/dist/components/area-header/area-header.models.d.ts +0 -12
  129. package/dist/components/area-header/index.d.ts +0 -3
  130. package/dist/components/avatar/avatar.models.d.ts +0 -13
  131. package/dist/components/avatar/index.d.ts +0 -3
  132. package/dist/components/avatar-group/index.d.ts +0 -2
  133. package/dist/components/badge/badge.models.d.ts +0 -14
  134. package/dist/components/badge/index.d.ts +0 -3
  135. package/dist/components/button/base-button.d.ts +0 -30
  136. package/dist/components/button/button.models.d.ts +0 -26
  137. package/dist/components/button/index.d.ts +0 -4
  138. package/dist/components/button-group/index.d.ts +0 -2
  139. package/dist/components/card/index.d.ts +0 -2
  140. package/dist/components/checkbox/index.d.ts +0 -2
  141. package/dist/components/checkbox-group/checkbox-group.models.d.ts +0 -6
  142. package/dist/components/checkbox-group/index.d.ts +0 -3
  143. package/dist/components/chip/chip.models.d.ts +0 -10
  144. package/dist/components/chip/index.d.ts +0 -3
  145. package/dist/components/circular-progress-bar/circular-progress-bar.models.d.ts +0 -7
  146. package/dist/components/circular-progress-bar/index.d.ts +0 -3
  147. package/dist/components/content-box/content-box.models.d.ts +0 -2
  148. package/dist/components/content-box/index.d.ts +0 -2
  149. package/dist/components/dropdown/dropdown.models.d.ts +0 -6
  150. package/dist/components/dropdown/index.d.ts +0 -3
  151. package/dist/components/form-field/index.d.ts +0 -2
  152. package/dist/components/headline/headline.models.d.ts +0 -8
  153. package/dist/components/headline/index.d.ts +0 -3
  154. package/dist/components/highlight/index.d.ts +0 -2
  155. package/dist/components/icon-button/index.d.ts +0 -2
  156. package/dist/components/image/index.d.ts +0 -2
  157. package/dist/components/inline-message/index.d.ts +0 -3
  158. package/dist/components/inline-message/inline-message.models.d.ts +0 -12
  159. package/dist/components/input/index.d.ts +0 -3
  160. package/dist/components/input/input.models.d.ts +0 -7
  161. package/dist/components/line-clamp/index.d.ts +0 -2
  162. package/dist/components/link/base-link.d.ts +0 -15
  163. package/dist/components/link/index.d.ts +0 -3
  164. package/dist/components/list/index.d.ts +0 -3
  165. package/dist/components/loading-overlay/index.d.ts +0 -2
  166. package/dist/components/loading-spinner/index.d.ts +0 -2
  167. package/dist/components/logo/index.d.ts +0 -3
  168. package/dist/components/logo/logo.models.d.ts +0 -9
  169. package/dist/components/menu-item/index.d.ts +0 -2
  170. package/dist/components/modal/index.d.ts +0 -3
  171. package/dist/components/modal/modal.models.d.ts +0 -5
  172. package/dist/components/navigation-item/index.d.ts +0 -3
  173. package/dist/components/navigation-item/navigation-item.models.d.ts +0 -6
  174. package/dist/components/option/index.d.ts +0 -2
  175. package/dist/components/page/index.d.ts +0 -3
  176. package/dist/components/page/page.models.d.ts +0 -10
  177. package/dist/components/page-layout/index.d.ts +0 -2
  178. package/dist/components/pagination/index.d.ts +0 -2
  179. package/dist/components/progress-bar/index.d.ts +0 -3
  180. package/dist/components/progress-bar/progress-bar.models.d.ts +0 -7
  181. package/dist/components/radio-button/index.d.ts +0 -2
  182. package/dist/components/radio-group/index.d.ts +0 -3
  183. package/dist/components/radio-group/radio-group.models.d.ts +0 -6
  184. package/dist/components/rail-navigation/index.d.ts +0 -2
  185. package/dist/components/search-bar/search-bar.models.d.ts +0 -6
  186. package/dist/components/select/index.d.ts +0 -2
  187. package/dist/components/separator/index.d.ts +0 -3
  188. package/dist/components/separator/separator.models.d.ts +0 -6
  189. package/dist/components/skeleton/index.d.ts +0 -3
  190. package/dist/components/skeleton/skeleton.models.d.ts +0 -13
  191. package/dist/components/spacer/index.d.ts +0 -2
  192. package/dist/components/spacer/spacer.models.d.ts +0 -7
  193. package/dist/components/spinbox/index.d.ts +0 -2
  194. package/dist/components/stack/index.d.ts +0 -3
  195. package/dist/components/stack/stack.models.d.ts +0 -25
  196. package/dist/components/switch/index.d.ts +0 -2
  197. package/dist/components/text/index.d.ts +0 -3
  198. package/dist/components/text/text.models.d.ts +0 -14
  199. package/dist/components/title/index.d.ts +0 -3
  200. package/dist/components/title/title.models.d.ts +0 -10
  201. package/dist/components/toast/index.d.ts +0 -3
  202. package/dist/components/toast/toast.models.d.ts +0 -5
  203. package/dist/components/toggle-button/index.d.ts +0 -2
  204. package/dist/components/toggle-content/index.d.ts +0 -2
  205. package/dist/components/tooltip/index.d.ts +0 -3
  206. package/dist/components/tooltip/tooltip.models.d.ts +0 -8
  207. package/dist/components/translate/index.d.ts +0 -2
  208. package/dist/components/visually-hidden/index.d.ts +0 -2
  209. package/dist/lib/controllers/focus-trap.controller.d.ts +0 -13
  210. package/dist/lib/decorators/request-update-on-aria-change.d.ts +0 -4
  211. package/dist/lib/directives/optional-attr.d.ts +0 -2
  212. package/dist/lib/directives/optional-slot.d.ts +0 -3
  213. package/dist/lib/directives/slot-fallback.d.ts +0 -8
  214. package/dist/lib/facade/option-control.d.ts +0 -16
  215. package/dist/lib/facade/select-form-control.d.ts +0 -19
  216. package/dist/lib/mixins/can-be-readonly.d.ts +0 -7
  217. package/dist/lib/mixins/can-be-required.d.ts +0 -7
  218. package/dist/lib/mixins/can-be-selected.d.ts +0 -9
  219. package/dist/lib/mixins/can-be-validated.d.ts +0 -12
  220. package/dist/lib/mixins/dedupe-mixin.d.ts +0 -3
  221. package/dist/lib/mixins/form-control.d.ts +0 -17
  222. package/dist/lib/mixins/number-control.d.ts +0 -12
  223. package/dist/lib/mixins/with-loading-state.d.ts +0 -8
  224. package/dist/lib/utils/date.d.ts +0 -2
  225. package/dist/lib/utils/keyboard-events.d.ts +0 -43
  226. package/dist/lib/utils/object.d.ts +0 -2
  227. package/dist/lib/utils/search-text-content.d.ts +0 -7
  228. package/dist/lib/utils/shared-intersection-observer.d.ts +0 -18
  229. package/dist/lib/utils/transformers.d.ts +0 -5
  230. package/dist/loader/main.d.ts +0 -2
  231. package/dist/vendor-BpQeSxmW.js +0 -3680
  232. /package/dist/components/{accordion → accordion-panel}/accordion-panel.d.ts +0 -0
  233. /package/dist/i18n/{lib/format.d.ts → format.d.ts} +0 -0
  234. /package/dist/i18n/{lib/models.d.ts → models.d.ts} +0 -0
package/README.md CHANGED
@@ -1,26 +1,25 @@
1
1
 
2
2
  # @odx/foundation
3
3
 
4
- The `@odx/foundation` package is an integral element of the ODX Design System, offering essential building blocks for developing consistent and cohesive user interfaces. This package provides foundational styles for layout, typography, and global styles, ensuring a unified design across all ODX projects.
4
+ The `@odx/foundation` package is a core part of the ODX Design System, providing essential building blocks for creating consistent and cohesive user interfaces. This package includes foundational components, styles, and utilities to ensure a unified design across all ODX projects.
5
5
 
6
6
  ### Features
7
7
 
8
- - **Layout Styles**: Standardized layout styles to maintain consistency across different pages and elements.
9
- - **Typography**: Predefined typography styles for headers, paragraphs, and other text elements to ensure a cohesive look and feel.
10
- - **Global Styles**: Comprehensive global styles that set the base for your application's design, including colors, spacing, and more.
11
-
12
- ### Prequisites
8
+ - **Components**: Reusable web components, including buttons, tables, headers, and more.
9
+ - **i18n**: Internationalization utilities for building multilingual applications, with support for locale changes and translations.
10
+ - **Global Styles**: Comprehensive global styles, including colors, spacing, and themes.
13
11
 
12
+ ### Prerequisites
14
13
 
15
14
  ### Install
16
15
 
17
16
  [<img alt="NPM Version (with dist tag)" src="https://img.shields.io/npm/v/%40odx%2Ffoundation/latest?style=flat-square">](https://npmjs.org/package/@odx/foundation)
18
17
 
19
18
 
20
- To install `@odx/foundation` in your project, run the following command:
19
+ To install `@odx/foundation` and it's peer dependencies in your project, run the following command:
21
20
 
22
21
  ```bash
23
- npm install @odx/foundation @odx/icons@next --save
22
+ npm install @odx/design-tokens @odx/foundation @odx/icons@next --save
24
23
  ```
25
24
 
26
25
  > We depend on the <a href="https://lit.dev" target="_blank" rel="noopener">**Lit package**</a> for building web elements because it offers a lightweight, efficient framework with a simple syntax for creating fast, reusable elements. Its powerful templating system ensures high performance and seamless user experience. Lit is also highly interoperable, making it easy to integrate with other frameworks and libraries.