@hermes-ui/angular 0.1.4

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 (539) hide show
  1. package/README.md +52 -0
  2. package/accordion/_accordion.clarity.scss +81 -0
  3. package/accordion/_properties.accordion.scss +45 -0
  4. package/accordion/_variables.accordion.scss +91 -0
  5. package/addons/a11y/README.md +157 -0
  6. package/addons/a11y/forms/required-field-legend.component.scss +17 -0
  7. package/addons/card-container/card/appfx-card.component.scss +137 -0
  8. package/addons/card-container/container/appfx-card-container.component.scss +17 -0
  9. package/addons/card-container/settings/appfx-card-container-settings.component.scss +62 -0
  10. package/addons/certificate-viewer/certificate-viewer/certificate-viewer.component.scss +69 -0
  11. package/addons/certificate-viewer/certificate-viewer-details/certificate-viewer-details.component.scss +49 -0
  12. package/addons/certificate-viewer/certificate-viewer-general/certificate-viewer-general.component.scss +38 -0
  13. package/addons/datagrid/README.md +289 -0
  14. package/addons/datagrid/addons/action-bar/datagrid-action-bar.component.scss +81 -0
  15. package/addons/datagrid/addons/column-toggle/datagrid-column-toggle.component.scss +99 -0
  16. package/addons/datagrid/addons/export/export-datagrid.component.scss +9 -0
  17. package/addons/datagrid/datagrid.component.scss +339 -0
  18. package/addons/datagrid-filters/README.md +223 -0
  19. package/addons/datagrid-filters/advanced-filters/date-time-filter.component.scss +10 -0
  20. package/addons/datagrid-filters/advanced-filters/enum-filter.component.scss +40 -0
  21. package/addons/datagrid-filters/advanced-filters/users-filter.component.scss +11 -0
  22. package/addons/datagrid-filters/common-styles.scss +98 -0
  23. package/addons/datagrid-filters/composite-filters.component.scss +26 -0
  24. package/addons/datagrid-filters/datagrid-filters.component.scss +22 -0
  25. package/addons/datagrid-filters/manage-filters/manage-filter.component.scss +42 -0
  26. package/addons/dialog/README.md +112 -0
  27. package/addons/dialog/multi-page-dialog.a11y.scss +203 -0
  28. package/addons/dialog/multi-page-dialog.component.scss +102 -0
  29. package/addons/dialog/toggle-component/toggle.component.scss +15 -0
  30. package/addons/drag-and-drop/README.md +48 -0
  31. package/addons/menu/menu.component.scss +120 -0
  32. package/addons/property-view/components/property-view-category.component.scss +38 -0
  33. package/addons/property-view/components/property-view-message.component.scss +48 -0
  34. package/addons/property-view/components/property-view-property.component.scss +122 -0
  35. package/addons/property-view/components/property-view-section.component.scss +59 -0
  36. package/addons/property-view/components/property-view.component.scss +23 -0
  37. package/addons/stepper/stepper.component.scss +53 -0
  38. package/addons/tabs/tab-links/tab-links.component.scss +61 -0
  39. package/addons/tabs/tabs.a11y.scss +26 -0
  40. package/addons/tabs/tabs.component.scss +95 -0
  41. package/addons/theme-builder/README.md +70 -0
  42. package/addons/theme-builder/theme-builder.component.scss +194 -0
  43. package/addons/translate/README.md +124 -0
  44. package/addons/var/debug/workflow-model-monitor.component.scss +50 -0
  45. package/addons/var/error/error.component.scss +38 -0
  46. package/addons/var/spinner/spinner.component.scss +33 -0
  47. package/addons/wizard/summary/summary.component.scss +22 -0
  48. package/addons/wizard/wizard.component.scss +251 -0
  49. package/button/_buttons.clarity.scss +388 -0
  50. package/button/_mixins.buttons.scss +241 -0
  51. package/button/_properties.buttons.scss +387 -0
  52. package/button/_properties.toggles.scss +35 -0
  53. package/button/_variables.buttons.scss +905 -0
  54. package/button/_variables.toggles.scss +41 -0
  55. package/button/button-group/_button-group.clarity.scss +202 -0
  56. package/collapsible-panel/_mixins.collapsible-panel.scss +189 -0
  57. package/collapsible-panel/_properties.collapsible-panel.scss +42 -0
  58. package/collapsible-panel/_variables.collapsible-panel.scss +40 -0
  59. package/data/_mixins.tables.scss +114 -0
  60. package/data/_properties.tables.scss +77 -0
  61. package/data/_tables.clarity.scss +120 -0
  62. package/data/_variables.tables.scss +42 -0
  63. package/data/datagrid/_datagrid.clarity.scss +1871 -0
  64. package/data/datagrid/_mixins.datagrid.scss +102 -0
  65. package/data/datagrid/_properties.datagrid.scss +98 -0
  66. package/data/datagrid/_variables.datagrid.scss +98 -0
  67. package/data/stack-view/_properties.stack-view.scss +50 -0
  68. package/data/stack-view/_stack-view.clarity.scss +267 -0
  69. package/data/stack-view/_variables.stack-view.scss +32 -0
  70. package/data/tree-view/_properties.tree-view.scss +41 -0
  71. package/data/tree-view/_tree-view.clarity.scss +281 -0
  72. package/data/tree-view/_variables.tree-view.scss +51 -0
  73. package/emphasis/alert/_alert.clarity.scss +467 -0
  74. package/emphasis/alert/_mixins.alert.scss +96 -0
  75. package/emphasis/alert/_properties.alert.scss +183 -0
  76. package/emphasis/alert/_variables.alert.scss +502 -0
  77. package/emphasis/badge/_badges.clarity.scss +61 -0
  78. package/emphasis/badge/_mixins.bades.scss +34 -0
  79. package/emphasis/badge/_properties.badges.scss +82 -0
  80. package/emphasis/badge/_variables.badges.scss +160 -0
  81. package/emphasis/label/_labels.clarity.scss +179 -0
  82. package/emphasis/label/_mixins.label.scss +77 -0
  83. package/emphasis/label/_properties.label.scss +105 -0
  84. package/emphasis/label/_variables.label.scss +181 -0
  85. package/fesm2022/hermes-ui-angular-accordion.mjs +355 -0
  86. package/fesm2022/hermes-ui-angular-accordion.mjs.map +1 -0
  87. package/fesm2022/hermes-ui-angular-addons-a11y.mjs +544 -0
  88. package/fesm2022/hermes-ui-angular-addons-a11y.mjs.map +1 -0
  89. package/fesm2022/hermes-ui-angular-addons-card-container.mjs +1082 -0
  90. package/fesm2022/hermes-ui-angular-addons-card-container.mjs.map +1 -0
  91. package/fesm2022/hermes-ui-angular-addons-certificate-viewer.mjs +2520 -0
  92. package/fesm2022/hermes-ui-angular-addons-certificate-viewer.mjs.map +1 -0
  93. package/fesm2022/hermes-ui-angular-addons-datagrid-filters.mjs +2818 -0
  94. package/fesm2022/hermes-ui-angular-addons-datagrid-filters.mjs.map +1 -0
  95. package/fesm2022/hermes-ui-angular-addons-datagrid.mjs +3131 -0
  96. package/fesm2022/hermes-ui-angular-addons-datagrid.mjs.map +1 -0
  97. package/fesm2022/hermes-ui-angular-addons-dialog.mjs +386 -0
  98. package/fesm2022/hermes-ui-angular-addons-dialog.mjs.map +1 -0
  99. package/fesm2022/hermes-ui-angular-addons-drag-and-drop.mjs +78 -0
  100. package/fesm2022/hermes-ui-angular-addons-drag-and-drop.mjs.map +1 -0
  101. package/fesm2022/hermes-ui-angular-addons-menu.mjs +559 -0
  102. package/fesm2022/hermes-ui-angular-addons-menu.mjs.map +1 -0
  103. package/fesm2022/hermes-ui-angular-addons-property-view.mjs +1142 -0
  104. package/fesm2022/hermes-ui-angular-addons-property-view.mjs.map +1 -0
  105. package/fesm2022/hermes-ui-angular-addons-stepper.mjs +716 -0
  106. package/fesm2022/hermes-ui-angular-addons-stepper.mjs.map +1 -0
  107. package/fesm2022/hermes-ui-angular-addons-tabs.mjs +539 -0
  108. package/fesm2022/hermes-ui-angular-addons-tabs.mjs.map +1 -0
  109. package/fesm2022/hermes-ui-angular-addons-testing.mjs +2010 -0
  110. package/fesm2022/hermes-ui-angular-addons-testing.mjs.map +1 -0
  111. package/fesm2022/hermes-ui-angular-addons-theme-builder.mjs +922 -0
  112. package/fesm2022/hermes-ui-angular-addons-theme-builder.mjs.map +1 -0
  113. package/fesm2022/hermes-ui-angular-addons-translate.mjs +295 -0
  114. package/fesm2022/hermes-ui-angular-addons-translate.mjs.map +1 -0
  115. package/fesm2022/hermes-ui-angular-addons-var.mjs +2028 -0
  116. package/fesm2022/hermes-ui-angular-addons-var.mjs.map +1 -0
  117. package/fesm2022/hermes-ui-angular-addons-wizard.mjs +610 -0
  118. package/fesm2022/hermes-ui-angular-addons-wizard.mjs.map +1 -0
  119. package/fesm2022/hermes-ui-angular-addons-workflow-strings.mjs +121 -0
  120. package/fesm2022/hermes-ui-angular-addons-workflow-strings.mjs.map +1 -0
  121. package/fesm2022/hermes-ui-angular-addons-workflow.mjs +88 -0
  122. package/fesm2022/hermes-ui-angular-addons-workflow.mjs.map +1 -0
  123. package/fesm2022/hermes-ui-angular-button.mjs +719 -0
  124. package/fesm2022/hermes-ui-angular-button.mjs.map +1 -0
  125. package/fesm2022/hermes-ui-angular-collapsible-panel.mjs +201 -0
  126. package/fesm2022/hermes-ui-angular-collapsible-panel.mjs.map +1 -0
  127. package/fesm2022/hermes-ui-angular-data-datagrid.mjs +8045 -0
  128. package/fesm2022/hermes-ui-angular-data-datagrid.mjs.map +1 -0
  129. package/fesm2022/hermes-ui-angular-data-stack-view.mjs +442 -0
  130. package/fesm2022/hermes-ui-angular-data-stack-view.mjs.map +1 -0
  131. package/fesm2022/hermes-ui-angular-data-tree-view.mjs +1106 -0
  132. package/fesm2022/hermes-ui-angular-data-tree-view.mjs.map +1 -0
  133. package/fesm2022/hermes-ui-angular-data.mjs +40 -0
  134. package/fesm2022/hermes-ui-angular-data.mjs.map +1 -0
  135. package/fesm2022/hermes-ui-angular-emphasis-alert.mjs +624 -0
  136. package/fesm2022/hermes-ui-angular-emphasis-alert.mjs.map +1 -0
  137. package/fesm2022/hermes-ui-angular-emphasis-badge.mjs +69 -0
  138. package/fesm2022/hermes-ui-angular-emphasis-badge.mjs.map +1 -0
  139. package/fesm2022/hermes-ui-angular-emphasis-common.mjs +25 -0
  140. package/fesm2022/hermes-ui-angular-emphasis-common.mjs.map +1 -0
  141. package/fesm2022/hermes-ui-angular-emphasis-label.mjs +105 -0
  142. package/fesm2022/hermes-ui-angular-emphasis-label.mjs.map +1 -0
  143. package/fesm2022/hermes-ui-angular-emphasis.mjs +41 -0
  144. package/fesm2022/hermes-ui-angular-emphasis.mjs.map +1 -0
  145. package/fesm2022/hermes-ui-angular-forms-checkbox.mjs +279 -0
  146. package/fesm2022/hermes-ui-angular-forms-checkbox.mjs.map +1 -0
  147. package/fesm2022/hermes-ui-angular-forms-combobox.mjs +1775 -0
  148. package/fesm2022/hermes-ui-angular-forms-combobox.mjs.map +1 -0
  149. package/fesm2022/hermes-ui-angular-forms-common.mjs +1251 -0
  150. package/fesm2022/hermes-ui-angular-forms-common.mjs.map +1 -0
  151. package/fesm2022/hermes-ui-angular-forms-datalist.mjs +263 -0
  152. package/fesm2022/hermes-ui-angular-forms-datalist.mjs.map +1 -0
  153. package/fesm2022/hermes-ui-angular-forms-datepicker.mjs +3274 -0
  154. package/fesm2022/hermes-ui-angular-forms-datepicker.mjs.map +1 -0
  155. package/fesm2022/hermes-ui-angular-forms-file-input.mjs +826 -0
  156. package/fesm2022/hermes-ui-angular-forms-file-input.mjs.map +1 -0
  157. package/fesm2022/hermes-ui-angular-forms-input.mjs +153 -0
  158. package/fesm2022/hermes-ui-angular-forms-input.mjs.map +1 -0
  159. package/fesm2022/hermes-ui-angular-forms-native-select.mjs +153 -0
  160. package/fesm2022/hermes-ui-angular-forms-native-select.mjs.map +1 -0
  161. package/fesm2022/hermes-ui-angular-forms-number-input.mjs +236 -0
  162. package/fesm2022/hermes-ui-angular-forms-number-input.mjs.map +1 -0
  163. package/fesm2022/hermes-ui-angular-forms-password.mjs +233 -0
  164. package/fesm2022/hermes-ui-angular-forms-password.mjs.map +1 -0
  165. package/fesm2022/hermes-ui-angular-forms-radio.mjs +224 -0
  166. package/fesm2022/hermes-ui-angular-forms-radio.mjs.map +1 -0
  167. package/fesm2022/hermes-ui-angular-forms-range.mjs +186 -0
  168. package/fesm2022/hermes-ui-angular-forms-range.mjs.map +1 -0
  169. package/fesm2022/hermes-ui-angular-forms-select.mjs +606 -0
  170. package/fesm2022/hermes-ui-angular-forms-select.mjs.map +1 -0
  171. package/fesm2022/hermes-ui-angular-forms-textarea.mjs +136 -0
  172. package/fesm2022/hermes-ui-angular-forms-textarea.mjs.map +1 -0
  173. package/fesm2022/hermes-ui-angular-forms.mjs +105 -0
  174. package/fesm2022/hermes-ui-angular-forms.mjs.map +1 -0
  175. package/fesm2022/hermes-ui-angular-icon.mjs +7413 -0
  176. package/fesm2022/hermes-ui-angular-icon.mjs.map +1 -0
  177. package/fesm2022/hermes-ui-angular-layout-breadcrumbs.mjs +120 -0
  178. package/fesm2022/hermes-ui-angular-layout-breadcrumbs.mjs.map +1 -0
  179. package/fesm2022/hermes-ui-angular-layout-main-container.mjs +100 -0
  180. package/fesm2022/hermes-ui-angular-layout-main-container.mjs.map +1 -0
  181. package/fesm2022/hermes-ui-angular-layout-nav.mjs +582 -0
  182. package/fesm2022/hermes-ui-angular-layout-nav.mjs.map +1 -0
  183. package/fesm2022/hermes-ui-angular-layout-tabs.mjs +807 -0
  184. package/fesm2022/hermes-ui-angular-layout-tabs.mjs.map +1 -0
  185. package/fesm2022/hermes-ui-angular-layout-vertical-nav.mjs +507 -0
  186. package/fesm2022/hermes-ui-angular-layout-vertical-nav.mjs.map +1 -0
  187. package/fesm2022/hermes-ui-angular-layout.mjs +44 -0
  188. package/fesm2022/hermes-ui-angular-layout.mjs.map +1 -0
  189. package/fesm2022/hermes-ui-angular-modal.mjs +619 -0
  190. package/fesm2022/hermes-ui-angular-modal.mjs.map +1 -0
  191. package/fesm2022/hermes-ui-angular-popover-common.mjs +1371 -0
  192. package/fesm2022/hermes-ui-angular-popover-common.mjs.map +1 -0
  193. package/fesm2022/hermes-ui-angular-popover-dropdown.mjs +492 -0
  194. package/fesm2022/hermes-ui-angular-popover-dropdown.mjs.map +1 -0
  195. package/fesm2022/hermes-ui-angular-popover-signpost.mjs +494 -0
  196. package/fesm2022/hermes-ui-angular-popover-signpost.mjs.map +1 -0
  197. package/fesm2022/hermes-ui-angular-popover-tooltip.mjs +293 -0
  198. package/fesm2022/hermes-ui-angular-popover-tooltip.mjs.map +1 -0
  199. package/fesm2022/hermes-ui-angular-popover.mjs +41 -0
  200. package/fesm2022/hermes-ui-angular-popover.mjs.map +1 -0
  201. package/fesm2022/hermes-ui-angular-progress-progress-bars.mjs +217 -0
  202. package/fesm2022/hermes-ui-angular-progress-progress-bars.mjs.map +1 -0
  203. package/fesm2022/hermes-ui-angular-progress-spinner.mjs +132 -0
  204. package/fesm2022/hermes-ui-angular-progress-spinner.mjs.map +1 -0
  205. package/fesm2022/hermes-ui-angular-stepper.mjs +694 -0
  206. package/fesm2022/hermes-ui-angular-stepper.mjs.map +1 -0
  207. package/fesm2022/hermes-ui-angular-timeline.mjs +316 -0
  208. package/fesm2022/hermes-ui-angular-timeline.mjs.map +1 -0
  209. package/fesm2022/hermes-ui-angular-toast.mjs +373 -0
  210. package/fesm2022/hermes-ui-angular-toast.mjs.map +1 -0
  211. package/fesm2022/hermes-ui-angular-utils-conditional.mjs +351 -0
  212. package/fesm2022/hermes-ui-angular-utils-conditional.mjs.map +1 -0
  213. package/fesm2022/hermes-ui-angular-utils-loading.mjs +107 -0
  214. package/fesm2022/hermes-ui-angular-utils-loading.mjs.map +1 -0
  215. package/fesm2022/hermes-ui-angular-utils.mjs +2086 -0
  216. package/fesm2022/hermes-ui-angular-utils.mjs.map +1 -0
  217. package/fesm2022/hermes-ui-angular-wizard.mjs +3074 -0
  218. package/fesm2022/hermes-ui-angular-wizard.mjs.map +1 -0
  219. package/fesm2022/hermes-ui-angular.mjs +130 -0
  220. package/fesm2022/hermes-ui-angular.mjs.map +1 -0
  221. package/forms/combobox/_combobox.clarity.scss +330 -0
  222. package/forms/combobox/_properties.combobox.scss +46 -0
  223. package/forms/combobox/_variables.combobox.scss +32 -0
  224. package/forms/datepicker/_datepicker.clarity.scss +259 -0
  225. package/forms/datepicker/_mixins.datepicker.scss +89 -0
  226. package/forms/datepicker/_properties.datepicker.scss +46 -0
  227. package/forms/datepicker/_variables.datepicker.scss +74 -0
  228. package/forms/styles/_checkbox.clarity.scss +193 -0
  229. package/forms/styles/_containers.clarity.scss +230 -0
  230. package/forms/styles/_datalist.clarity.scss +47 -0
  231. package/forms/styles/_file-input.clarity.scss +134 -0
  232. package/forms/styles/_file.clarity.scss +52 -0
  233. package/forms/styles/_form.clarity.scss +87 -0
  234. package/forms/styles/_input-group.clarity.scss +126 -0
  235. package/forms/styles/_input.clarity.scss +83 -0
  236. package/forms/styles/_mixins.forms.scss +193 -0
  237. package/forms/styles/_native-select.clarity.scss +178 -0
  238. package/forms/styles/_number-input.clarity.scss +58 -0
  239. package/forms/styles/_password.clarity.scss +26 -0
  240. package/forms/styles/_properties.forms.scss +180 -0
  241. package/forms/styles/_radio.clarity.scss +120 -0
  242. package/forms/styles/_range.clarity.scss +124 -0
  243. package/forms/styles/_select.clarity.scss +158 -0
  244. package/forms/styles/_textarea.clarity.scss +71 -0
  245. package/forms/styles/_toggles.clarity.scss +209 -0
  246. package/forms/styles/_variables.forms.scss +156 -0
  247. package/hermes-ui.scss +7 -0
  248. package/icon/icon.component.scss +247 -0
  249. package/image/_icons.clarity.scss +101 -0
  250. package/image/_images.clarity.scss +42 -0
  251. package/image/_mixins.images.scss +11 -0
  252. package/layout/_card.clarity.scss +318 -0
  253. package/layout/_login.clarity.scss +240 -0
  254. package/layout/_properties.card.scss +39 -0
  255. package/layout/_properties.login.scss +32 -0
  256. package/layout/_variables.card.scss +24 -0
  257. package/layout/_variables.login.scss +22 -0
  258. package/layout/breadcrumbs/_breadcrumbs.clarity.scss +60 -0
  259. package/layout/breadcrumbs/_properties.breadcrumbs.scss +18 -0
  260. package/layout/breadcrumbs/_variables.breadcrumbs.scss +11 -0
  261. package/layout/grid/_grid.scss +23 -0
  262. package/layout/grid/grid/_grid.scss +39 -0
  263. package/layout/grid/mixins/_breakpoint.scss +83 -0
  264. package/layout/grid/mixins/_clearfix.scss +13 -0
  265. package/layout/grid/mixins/_grid-framework.scss +91 -0
  266. package/layout/grid/mixins/_grid.scss +39 -0
  267. package/layout/grid/utilities/_align.scss +30 -0
  268. package/layout/grid/utilities/_clearfix.scss +12 -0
  269. package/layout/grid/utilities/_display.scss +18 -0
  270. package/layout/grid/utilities/_flex.scss +222 -0
  271. package/layout/grid/utilities/_float.scss +26 -0
  272. package/layout/grid/utilities/_visibility.scss +60 -0
  273. package/layout/main-container/_layout.clarity.scss +87 -0
  274. package/layout/main-container/_properties.header.scss +55 -0
  275. package/layout/main-container/_variables.header.scss +32 -0
  276. package/layout/nav/_header.clarity.scss +40 -0
  277. package/layout/nav/_links.clarity.scss +84 -0
  278. package/layout/nav/_mixins.header.scss +332 -0
  279. package/layout/nav/_mixins.responsive-nav.scss +75 -0
  280. package/layout/nav/_nav.clarity.scss +100 -0
  281. package/layout/nav/_properties.nav.scss +27 -0
  282. package/layout/nav/_properties.responsive-nav.scss +23 -0
  283. package/layout/nav/_properties.subnav.scss +19 -0
  284. package/layout/nav/_responsive-nav.clarity.scss +490 -0
  285. package/layout/nav/_subnav.clarity.scss +48 -0
  286. package/layout/nav/_variables.nav.scss +13 -0
  287. package/layout/nav/_variables.responsive-nav.scss +28 -0
  288. package/layout/nav/_variables.subnav.scss +21 -0
  289. package/layout/tabs/_mixins.tabs.scss +41 -0
  290. package/layout/tabs/_properties.tabs.scss +25 -0
  291. package/layout/tabs/_tabs.clarity.scss +110 -0
  292. package/layout/tabs/_variables.tabs.scss +17 -0
  293. package/layout/vertical-nav/_mixins.vertical-nav.scss +52 -0
  294. package/layout/vertical-nav/_properties.vertical-nav.scss +73 -0
  295. package/layout/vertical-nav/_variables.vertical-nav.scss +52 -0
  296. package/layout/vertical-nav/_vertical-nav.clarity.scss +469 -0
  297. package/main.scss +14 -0
  298. package/modal/_modal.clarity.scss +379 -0
  299. package/modal/_properties.modal.scss +57 -0
  300. package/modal/_variables.modal.scss +41 -0
  301. package/package.json +325 -0
  302. package/popover/common/README.md +112 -0
  303. package/popover/common/_popover.clarity.scss +28 -0
  304. package/popover/dropdown/_dropdown.clarity.scss +326 -0
  305. package/popover/dropdown/_menu-mixins.clarity.scss +132 -0
  306. package/popover/dropdown/_properties.dropdown.scss +50 -0
  307. package/popover/dropdown/_variables.dropdown.scss +36 -0
  308. package/popover/signpost/_properties.signpost.scss +34 -0
  309. package/popover/signpost/_signposts.clarity.scss +414 -0
  310. package/popover/signpost/_variables.signpost.scss +21 -0
  311. package/popover/tooltip/_mixins.tooltip.scss +186 -0
  312. package/popover/tooltip/_properties.tooltip.scss +28 -0
  313. package/popover/tooltip/_tooltips.clarity.scss +122 -0
  314. package/popover/tooltip/_variables.tooltip.scss +20 -0
  315. package/progress/progress-bars/_progress-bars.clarity.scss +616 -0
  316. package/progress/progress-bars/_properties.progress-bars.scss +24 -0
  317. package/progress/progress-bars/_variables.progress-bars.scss +15 -0
  318. package/progress/progress-bars/utils/_mixins.clarity.scss +18 -0
  319. package/progress/spinner/_mixins.spinner.scss +30 -0
  320. package/progress/spinner/_properties.spinner.scss +37 -0
  321. package/progress/spinner/_spinner.clarity.scss +148 -0
  322. package/progress/spinner/_variables.spinner.scss +25 -0
  323. package/schematics/collection.json +14 -0
  324. package/stepper/_properties.stepper.scss +29 -0
  325. package/stepper/_stepper.clarity.scss +184 -0
  326. package/stepper/_variables.stepper.scss +13 -0
  327. package/styles/_a11y.scss +14 -0
  328. package/styles/_close.clarity.scss +60 -0
  329. package/styles/_components.clarity.scss +189 -0
  330. package/styles/_mixins.scss +460 -0
  331. package/styles/_normalize.scss +292 -0
  332. package/styles/_reboot.clarity.scss +374 -0
  333. package/styles/_variables.clarity.scss +139 -0
  334. package/styles/core/base/base.element.scss +97 -0
  335. package/styles/core/global.scss +12 -0
  336. package/styles/core/layout/_alignments.scss +18 -0
  337. package/styles/core/layout/_container.scss +29 -0
  338. package/styles/core/layout/_display.scss +58 -0
  339. package/styles/core/layout/_optimize.scss +60 -0
  340. package/styles/core/layout/_shadow-dom.scss +47 -0
  341. package/styles/core/layout/_spacing.scss +31 -0
  342. package/styles/core/layout/_type-grid.scss +66 -0
  343. package/styles/core/layout/_type-horizontal.scss +33 -0
  344. package/styles/core/layout/_type-vertical.scss +26 -0
  345. package/styles/core/layout/mixins/_mixins.alignment.scss +35 -0
  346. package/styles/core/layout/mixins/_mixins.display.scss +23 -0
  347. package/styles/core/layout/mixins/_mixins.grid.scss +105 -0
  348. package/styles/core/layout/mixins/_mixins.scss +106 -0
  349. package/styles/core/layout/mixins/_mixins.shadow-dom.scss +106 -0
  350. package/styles/core/layout/mixins/_mixins.type-horizontal.scss +113 -0
  351. package/styles/core/layout/mixins/_mixins.type-vertical.scss +108 -0
  352. package/styles/core/module.layout.scss +22 -0
  353. package/styles/core/module.reset.scss +48 -0
  354. package/styles/core/module.typography.scss +9 -0
  355. package/styles/core/theme.dark.scss +298 -0
  356. package/styles/core/theme.high-contrast.scss +42 -0
  357. package/styles/core/theme.low-motion.scss +20 -0
  358. package/styles/core/tokens/_alias-interaction.scss +74 -0
  359. package/styles/core/tokens/_alias-object-background.scss +29 -0
  360. package/styles/core/tokens/_alias-object-border.scss +21 -0
  361. package/styles/core/tokens/_alias-object-container.scss +20 -0
  362. package/styles/core/tokens/_alias-object-opacity.scss +15 -0
  363. package/styles/core/tokens/_alias-object-shadow.scss +17 -0
  364. package/styles/core/tokens/_alias-primary.scss +21 -0
  365. package/styles/core/tokens/_alias-status.scss +40 -0
  366. package/styles/core/tokens/_alias-typography.scss +107 -0
  367. package/styles/core/tokens/_alias-utility.scss +42 -0
  368. package/styles/core/tokens/_alias-viz-colors.scss +170 -0
  369. package/styles/core/tokens/_global-animation.scss +32 -0
  370. package/styles/core/tokens/_global-colors.scss +249 -0
  371. package/styles/core/tokens/_global-space.scss +52 -0
  372. package/styles/core/tokens/_internal-scale.scss +14 -0
  373. package/styles/core/tokens/_properties.tokens.scss +22 -0
  374. package/styles/core/tokens/_variables.tokens.scss +787 -0
  375. package/styles/core/typography/_legacy-typography.scss +328 -0
  376. package/styles/core/typography/_mixins.typography.scss +18 -0
  377. package/styles/core/typography/_typography.scss +328 -0
  378. package/styles/variables/_properties.density.scss +225 -0
  379. package/styles/variables/_properties.global.scss +51 -0
  380. package/styles/variables/_properties.layout.scss +21 -0
  381. package/styles/variables/_properties.scss +11 -0
  382. package/styles/variables/_properties.typography.scss +164 -0
  383. package/styles/variables/_variables.density.scss +116 -0
  384. package/styles/variables/_variables.global.scss +87 -0
  385. package/styles/variables/_variables.layout.scss +37 -0
  386. package/styles/variables/_variables.scss +11 -0
  387. package/styles/variables/_variables.typography.scss +156 -0
  388. package/timeline/_properties.timeline.scss +38 -0
  389. package/timeline/_timeline.clarity.scss +172 -0
  390. package/timeline/_variables.timeline.scss +29 -0
  391. package/toast/README.md +65 -0
  392. package/toast/_properties.toast.scss +56 -0
  393. package/toast/_toast.clarity.scss +190 -0
  394. package/toast/_variables.toast.scss +33 -0
  395. package/types/hermes-ui-angular-accordion.d.ts +101 -0
  396. package/types/hermes-ui-angular-accordion.d.ts.map +1 -0
  397. package/types/hermes-ui-angular-addons-a11y.d.ts +187 -0
  398. package/types/hermes-ui-angular-addons-a11y.d.ts.map +1 -0
  399. package/types/hermes-ui-angular-addons-card-container.d.ts +482 -0
  400. package/types/hermes-ui-angular-addons-card-container.d.ts.map +1 -0
  401. package/types/hermes-ui-angular-addons-certificate-viewer.d.ts +404 -0
  402. package/types/hermes-ui-angular-addons-certificate-viewer.d.ts.map +1 -0
  403. package/types/hermes-ui-angular-addons-datagrid-filters.d.ts +911 -0
  404. package/types/hermes-ui-angular-addons-datagrid-filters.d.ts.map +1 -0
  405. package/types/hermes-ui-angular-addons-datagrid.d.ts +1529 -0
  406. package/types/hermes-ui-angular-addons-datagrid.d.ts.map +1 -0
  407. package/types/hermes-ui-angular-addons-dialog.d.ts +233 -0
  408. package/types/hermes-ui-angular-addons-dialog.d.ts.map +1 -0
  409. package/types/hermes-ui-angular-addons-drag-and-drop.d.ts +35 -0
  410. package/types/hermes-ui-angular-addons-drag-and-drop.d.ts.map +1 -0
  411. package/types/hermes-ui-angular-addons-menu.d.ts +197 -0
  412. package/types/hermes-ui-angular-addons-menu.d.ts.map +1 -0
  413. package/types/hermes-ui-angular-addons-property-view.d.ts +387 -0
  414. package/types/hermes-ui-angular-addons-property-view.d.ts.map +1 -0
  415. package/types/hermes-ui-angular-addons-stepper.d.ts +298 -0
  416. package/types/hermes-ui-angular-addons-stepper.d.ts.map +1 -0
  417. package/types/hermes-ui-angular-addons-tabs.d.ts +173 -0
  418. package/types/hermes-ui-angular-addons-tabs.d.ts.map +1 -0
  419. package/types/hermes-ui-angular-addons-testing.d.ts +592 -0
  420. package/types/hermes-ui-angular-addons-testing.d.ts.map +1 -0
  421. package/types/hermes-ui-angular-addons-theme-builder.d.ts +200 -0
  422. package/types/hermes-ui-angular-addons-theme-builder.d.ts.map +1 -0
  423. package/types/hermes-ui-angular-addons-translate.d.ts +149 -0
  424. package/types/hermes-ui-angular-addons-translate.d.ts.map +1 -0
  425. package/types/hermes-ui-angular-addons-var.d.ts +923 -0
  426. package/types/hermes-ui-angular-addons-var.d.ts.map +1 -0
  427. package/types/hermes-ui-angular-addons-wizard.d.ts +241 -0
  428. package/types/hermes-ui-angular-addons-wizard.d.ts.map +1 -0
  429. package/types/hermes-ui-angular-addons-workflow-strings.d.ts +124 -0
  430. package/types/hermes-ui-angular-addons-workflow-strings.d.ts.map +1 -0
  431. package/types/hermes-ui-angular-addons-workflow.d.ts +15 -0
  432. package/types/hermes-ui-angular-addons-workflow.d.ts.map +1 -0
  433. package/types/hermes-ui-angular-button.d.ts +170 -0
  434. package/types/hermes-ui-angular-button.d.ts.map +1 -0
  435. package/types/hermes-ui-angular-collapsible-panel.d.ts +74 -0
  436. package/types/hermes-ui-angular-collapsible-panel.d.ts.map +1 -0
  437. package/types/hermes-ui-angular-data-datagrid.d.ts +1938 -0
  438. package/types/hermes-ui-angular-data-datagrid.d.ts.map +1 -0
  439. package/types/hermes-ui-angular-data-stack-view.d.ts +88 -0
  440. package/types/hermes-ui-angular-data-stack-view.d.ts.map +1 -0
  441. package/types/hermes-ui-angular-data-tree-view.d.ts +230 -0
  442. package/types/hermes-ui-angular-data-tree-view.d.ts.map +1 -0
  443. package/types/hermes-ui-angular-data.d.ts +16 -0
  444. package/types/hermes-ui-angular-data.d.ts.map +1 -0
  445. package/types/hermes-ui-angular-emphasis-alert.d.ts +176 -0
  446. package/types/hermes-ui-angular-emphasis-alert.d.ts.map +1 -0
  447. package/types/hermes-ui-angular-emphasis-badge.d.ts +26 -0
  448. package/types/hermes-ui-angular-emphasis-badge.d.ts.map +1 -0
  449. package/types/hermes-ui-angular-emphasis-common.d.ts +7 -0
  450. package/types/hermes-ui-angular-emphasis-common.d.ts.map +1 -0
  451. package/types/hermes-ui-angular-emphasis-label.d.ts +30 -0
  452. package/types/hermes-ui-angular-emphasis-label.d.ts.map +1 -0
  453. package/types/hermes-ui-angular-emphasis.d.ts +16 -0
  454. package/types/hermes-ui-angular-emphasis.d.ts.map +1 -0
  455. package/types/hermes-ui-angular-forms-checkbox.d.ts +73 -0
  456. package/types/hermes-ui-angular-forms-checkbox.d.ts.map +1 -0
  457. package/types/hermes-ui-angular-forms-combobox.d.ts +354 -0
  458. package/types/hermes-ui-angular-forms-combobox.d.ts.map +1 -0
  459. package/types/hermes-ui-angular-forms-common.d.ts +340 -0
  460. package/types/hermes-ui-angular-forms-common.d.ts.map +1 -0
  461. package/types/hermes-ui-angular-forms-datalist.d.ts +60 -0
  462. package/types/hermes-ui-angular-forms-datalist.d.ts.map +1 -0
  463. package/types/hermes-ui-angular-forms-datepicker.d.ts +987 -0
  464. package/types/hermes-ui-angular-forms-datepicker.d.ts.map +1 -0
  465. package/types/hermes-ui-angular-forms-file-input.d.ts +194 -0
  466. package/types/hermes-ui-angular-forms-file-input.d.ts.map +1 -0
  467. package/types/hermes-ui-angular-forms-input.d.ts +30 -0
  468. package/types/hermes-ui-angular-forms-input.d.ts.map +1 -0
  469. package/types/hermes-ui-angular-forms-native-select.d.ts +37 -0
  470. package/types/hermes-ui-angular-forms-native-select.d.ts.map +1 -0
  471. package/types/hermes-ui-angular-forms-number-input.d.ts +44 -0
  472. package/types/hermes-ui-angular-forms-number-input.d.ts.map +1 -0
  473. package/types/hermes-ui-angular-forms-password.d.ts +53 -0
  474. package/types/hermes-ui-angular-forms-password.d.ts.map +1 -0
  475. package/types/hermes-ui-angular-forms-radio.d.ts +50 -0
  476. package/types/hermes-ui-angular-forms-radio.d.ts.map +1 -0
  477. package/types/hermes-ui-angular-forms-range.d.ts +38 -0
  478. package/types/hermes-ui-angular-forms-range.d.ts.map +1 -0
  479. package/types/hermes-ui-angular-forms-select.d.ts +211 -0
  480. package/types/hermes-ui-angular-forms-select.d.ts.map +1 -0
  481. package/types/hermes-ui-angular-forms-textarea.d.ts +30 -0
  482. package/types/hermes-ui-angular-forms-textarea.d.ts.map +1 -0
  483. package/types/hermes-ui-angular-forms.d.ts +39 -0
  484. package/types/hermes-ui-angular-forms.d.ts.map +1 -0
  485. package/types/hermes-ui-angular-icon.d.ts +1504 -0
  486. package/types/hermes-ui-angular-icon.d.ts.map +1 -0
  487. package/types/hermes-ui-angular-layout-breadcrumbs.d.ts +46 -0
  488. package/types/hermes-ui-angular-layout-breadcrumbs.d.ts.map +1 -0
  489. package/types/hermes-ui-angular-layout-main-container.d.ts +29 -0
  490. package/types/hermes-ui-angular-layout-main-container.d.ts.map +1 -0
  491. package/types/hermes-ui-angular-layout-nav.d.ts +143 -0
  492. package/types/hermes-ui-angular-layout-nav.d.ts.map +1 -0
  493. package/types/hermes-ui-angular-layout-tabs.d.ts +159 -0
  494. package/types/hermes-ui-angular-layout-tabs.d.ts.map +1 -0
  495. package/types/hermes-ui-angular-layout-vertical-nav.d.ts +129 -0
  496. package/types/hermes-ui-angular-layout-vertical-nav.d.ts.map +1 -0
  497. package/types/hermes-ui-angular-layout.d.ts +20 -0
  498. package/types/hermes-ui-angular-layout.d.ts.map +1 -0
  499. package/types/hermes-ui-angular-modal.d.ts +161 -0
  500. package/types/hermes-ui-angular-modal.d.ts.map +1 -0
  501. package/types/hermes-ui-angular-popover-common.d.ts +317 -0
  502. package/types/hermes-ui-angular-popover-common.d.ts.map +1 -0
  503. package/types/hermes-ui-angular-popover-dropdown.d.ts +124 -0
  504. package/types/hermes-ui-angular-popover-dropdown.d.ts.map +1 -0
  505. package/types/hermes-ui-angular-popover-signpost.d.ts +158 -0
  506. package/types/hermes-ui-angular-popover-signpost.d.ts.map +1 -0
  507. package/types/hermes-ui-angular-popover-tooltip.d.ts +84 -0
  508. package/types/hermes-ui-angular-popover-tooltip.d.ts.map +1 -0
  509. package/types/hermes-ui-angular-popover.d.ts +17 -0
  510. package/types/hermes-ui-angular-popover.d.ts.map +1 -0
  511. package/types/hermes-ui-angular-progress-progress-bars.d.ts +58 -0
  512. package/types/hermes-ui-angular-progress-progress-bars.d.ts.map +1 -0
  513. package/types/hermes-ui-angular-progress-spinner.d.ts +45 -0
  514. package/types/hermes-ui-angular-progress-spinner.d.ts.map +1 -0
  515. package/types/hermes-ui-angular-stepper.d.ts +180 -0
  516. package/types/hermes-ui-angular-stepper.d.ts.map +1 -0
  517. package/types/hermes-ui-angular-timeline.d.ts +87 -0
  518. package/types/hermes-ui-angular-timeline.d.ts.map +1 -0
  519. package/types/hermes-ui-angular-toast.d.ts +131 -0
  520. package/types/hermes-ui-angular-toast.d.ts.map +1 -0
  521. package/types/hermes-ui-angular-utils-conditional.d.ts +133 -0
  522. package/types/hermes-ui-angular-utils-conditional.d.ts.map +1 -0
  523. package/types/hermes-ui-angular-utils-loading.d.ts +39 -0
  524. package/types/hermes-ui-angular-utils-loading.d.ts.map +1 -0
  525. package/types/hermes-ui-angular-utils.d.ts +914 -0
  526. package/types/hermes-ui-angular-utils.d.ts.map +1 -0
  527. package/types/hermes-ui-angular-wizard.d.ts +1509 -0
  528. package/types/hermes-ui-angular-wizard.d.ts.map +1 -0
  529. package/types/hermes-ui-angular.d.ts +44 -0
  530. package/types/hermes-ui-angular.d.ts.map +1 -0
  531. package/typography/_code.scss +36 -0
  532. package/typography/_font-metropolis.scss +45 -0
  533. package/typography/_lists.scss +81 -0
  534. package/typography/_typography.scss +322 -0
  535. package/utils/animations/_animations.clarity.scss +44 -0
  536. package/utils/animations/_mixins.animations.scss +33 -0
  537. package/wizard/_properties.wizard.scss +54 -0
  538. package/wizard/_variables.wizard.scss +59 -0
  539. package/wizard/_wizard.clarity.scss +692 -0
package/styles/core/tokens/_alias-typography.scss ADDED
@@ -0,0 +1,107 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use '../../variables/variables.density' as density;
9
+ @use '../../mixins';
10
+
11
+ @include mixins.root-or-host() {
12
+ &,
13
+ & [hermes-theme] {
14
+ --hermes-alias-typography-primary-hover: var(--hermes-alias-primary-shade);
15
+ --hermes-alias-typography-info-hover: var(--hermes-global-color-blue-800);
16
+ --hermes-alias-typography-success-hover: var(--hermes-global-color-green-800);
17
+ --hermes-alias-typography-warning-hover: var(--hermes-global-color-ochre-900);
18
+ --hermes-alias-typography-danger-hover: var(--hermes-global-color-red-800);
19
+ --hermes-alias-typography-link-color: var(--hermes-alias-primary-shade);
20
+ --hermes-alias-typography-link-color-hover: var(--hermes-alias-primary-dark);
21
+ --hermes-alias-typography-color-100: var(--hermes-global-color-white);
22
+ --hermes-alias-typography-color-200: var(--hermes-global-color-construction-600);
23
+ --hermes-alias-typography-color-300: var(--hermes-global-color-construction-800);
24
+ --hermes-alias-typography-color-400: var(--hermes-global-color-construction-900);
25
+ --hermes-alias-typography-color-450: var(--hermes-global-color-construction-1000);
26
+ --hermes-alias-typography-color-500: var(--hermes-global-color-black);
27
+ --hermes-alias-typography-color-black: var(--hermes-global-color-black);
28
+ }
29
+
30
+ --hermes-alias-typography-font-weight-light: 300;
31
+ --hermes-alias-typography-font-weight-regular: 400;
32
+ --hermes-alias-typography-font-weight-medium: 500;
33
+ --hermes-alias-typography-font-weight-semibold: 600;
34
+ --hermes-alias-typography-font-weight-bold: 600;
35
+ --hermes-alias-typography-font-weight-extrabold: 600;
36
+ --hermes-alias-typography-font-size-0: calc(10 * var(--hermes-internal-scale-3));
37
+ --hermes-alias-typography-font-size-1: calc(11 * var(--hermes-internal-scale-3));
38
+ --hermes-alias-typography-font-size-2: calc(12 * var(--hermes-internal-scale-3));
39
+ --hermes-alias-typography-font-size-3: calc(13 * var(--hermes-internal-scale-3));
40
+ --hermes-alias-typography-font-size-4: calc(14 * var(--hermes-internal-scale-3));
41
+ --hermes-alias-typography-font-size-5: calc(16 * var(--hermes-internal-scale-3));
42
+ --hermes-alias-typography-font-size-6: calc(20 * var(--hermes-internal-scale-3));
43
+ --hermes-alias-typography-font-size-7: calc(24 * var(--hermes-internal-scale-3));
44
+ --hermes-alias-typography-font-size-8: calc(32 * var(--hermes-internal-scale-3));
45
+ --hermes-alias-typography-font-size-9: calc(40 * var(--hermes-internal-scale-3));
46
+ --hermes-alias-typography-font-family: 'Geist', 'Avenir Next', sans-serif;
47
+ --hermes-alias-typography-header-font-family: 'Geist', 'Avenir Next', sans-serif;
48
+ --hermes-alias-typography-monospace-font-family: 'Geist Mono', ui-monospace, Consolas, Menlo, Monaco, monospace;
49
+ --hermes-alias-typography-top-gap-height: 0.1475em;
50
+ --hermes-alias-typography-ascender-height: 0.1703em;
51
+ --hermes-alias-typography-x-height: 0.517em;
52
+ --hermes-alias-typography-link-color-active: var(--hermes-global-color-red-700);
53
+ --hermes-alias-typography-link-color-visited: var(--hermes-global-color-violet-700);
54
+ --hermes-alias-typography-link-color-visited-hover: var(--hermes-global-color-violet-1000);
55
+ --hermes-alias-typography-link-on-colorbg: var(--hermes-global-color-black);
56
+ --hermes-alias-typography-body-letter-spacing: -0.00714286em;
57
+ --hermes-alias-typography-body-font-weight: 400;
58
+ --hermes-alias-typography-display-letter-spacing: -0.0125em;
59
+ --hermes-alias-typography-display-font-weight: 500;
60
+ --hermes-alias-typography-heading-letter-spacing: -0.0125em; // deprecated. TO be removed in v18.0
61
+ --hermes-alias-typography-heading-font-weight: 500; // deprecated. TO be removed in v18.0
62
+ --hermes-alias-typography-headline-letter-spacing: -0.0125em;
63
+ --hermes-alias-typography-headline-font-weight: 500;
64
+ --hermes-alias-typography-title-letter-spacing: -0.00833333em;
65
+ --hermes-alias-typography-title-font-weight: 500;
66
+ --hermes-alias-typography-section-letter-spacing: -0.01em;
67
+ --hermes-alias-typography-section-font-weight: 500;
68
+ --hermes-alias-typography-subsection-letter-spacing: -0.0125em;
69
+ --hermes-alias-typography-subsection-font-weight: 500;
70
+ --hermes-alias-typography-message-letter-spacing: -0.0125em;
71
+ --hermes-alias-typography-message-font-weight: calc(400 * (1rem / var(--hermes-global-base)));
72
+ --hermes-alias-typography-secondary-letter-spacing: -0.007692em;
73
+ --hermes-alias-typography-secondary-font-weight: 400;
74
+ --hermes-alias-typography-caption-letter-spacing: 0.018182em;
75
+ --hermes-alias-typography-caption-font-weight: 400;
76
+ --hermes-alias-typography-smallcaption-letter-spacing: 0.05em;
77
+ --hermes-alias-typography-smallcaption-font-weight: 500;
78
+ --hermes-alias-typography-neutral-hover: var(--hermes-global-color-construction-700);
79
+ --hermes-alias-typography-disabled: var(--hermes-global-color-construction-500);
80
+ --hermes-alias-typography-disabled-button: var(--hermes-global-color-construction-500);
81
+
82
+ &,
83
+ & [hermes-density] {
84
+ --hermes-alias-typography-body-font-size: #{density.$hermes-base-typography-font-size-default};
85
+ --hermes-alias-typography-body-line-height: #{density.$hermes-base-typography-line-height-20};
86
+ --hermes-alias-typography-display-font-size: #{density.$hermes-base-typography-font-size-display};
87
+ --hermes-alias-typography-display-line-height: #{density.$hermes-base-typography-line-height-44};
88
+ --hermes-alias-typography-heading-font-size: #{density.$hermes-base-typography-font-size-heading}; // deprecated. TO be removed in v18.0
89
+ --hermes-alias-typography-heading-line-height: #{density.$hermes-base-typography-line-height-32}; // deprecated. TO be removed in v18.0
90
+ --hermes-alias-typography-headline-font-size: #{density.$hermes-base-typography-font-size-headline};
91
+ --hermes-alias-typography-headline-line-height: #{density.$hermes-base-typography-line-height-36};
92
+ --hermes-alias-typography-title-font-size: #{density.$hermes-base-typography-font-size-title};
93
+ --hermes-alias-typography-title-line-height: #{density.$hermes-base-typography-line-height-32};
94
+ --hermes-alias-typography-section-font-size: #{density.$hermes-base-typography-font-size-section};
95
+ --hermes-alias-typography-section-line-height: #{density.$hermes-base-typography-line-height-24};
96
+ --hermes-alias-typography-subsection-font-size: #{density.$hermes-base-typography-font-size-sub-section};
97
+ --hermes-alias-typography-subsection-line-height: #{density.$hermes-base-typography-line-height-24};
98
+ --hermes-alias-typography-message-font-size: #{density.$hermes-base-typography-font-size-sub-section};
99
+ --hermes-alias-typography-message-line-height: #{density.$hermes-base-typography-line-height-24};
100
+ --hermes-alias-typography-secondary-font-size: #{density.$hermes-base-typography-font-size-inline};
101
+ --hermes-alias-typography-secondary-line-height: #{density.$hermes-base-typography-line-height-16};
102
+ --hermes-alias-typography-caption-font-size: #{density.$hermes-base-typography-font-size-caption};
103
+ --hermes-alias-typography-caption-line-height: #{density.$hermes-base-typography-line-height-16};
104
+ --hermes-alias-typography-smallcaption-font-size: #{density.$hermes-base-typography-font-size-caption-small};
105
+ --hermes-alias-typography-smallcaption-line-height: #{density.$hermes-base-typography-line-height-12};
106
+ }
107
+ }
package/styles/core/tokens/_alias-utility.scss ADDED
@@ -0,0 +1,42 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use '../../mixins';
9
+
10
+ @include mixins.root-or-host() {
11
+ &,
12
+ & [hermes-theme] {
13
+ --hermes-alias-utility-blue: var(--hermes-global-color-blue-700);
14
+ --hermes-alias-utility-blue-tint: var(--hermes-global-color-blue-50);
15
+ --hermes-alias-utility-blue-shade: var(--hermes-global-color-blue-800);
16
+ --hermes-alias-utility-green: var(--hermes-global-color-green-700);
17
+ --hermes-alias-utility-green-tint: var(--hermes-global-color-green-50);
18
+ --hermes-alias-utility-green-shade: var(--hermes-global-color-green-800);
19
+ --hermes-alias-utility-yellow: var(--hermes-global-color-ochre-500);
20
+ --hermes-alias-utility-yellow-tint: var(--hermes-global-color-ochre-100);
21
+ --hermes-alias-utility-yellow-shade: var(--hermes-global-color-ochre-700);
22
+ --hermes-alias-utility-red: var(--hermes-global-color-red-700);
23
+ --hermes-alias-utility-red-tint: var(--hermes-global-color-red-50);
24
+ --hermes-alias-utility-red-shade: var(--hermes-global-color-red-800);
25
+ }
26
+
27
+ --hermes-alias-utility-gray: var(--hermes-global-color-construction-600);
28
+ --hermes-alias-utility-gray-tint: var(--hermes-global-color-construction-50);
29
+ --hermes-alias-utility-gray-shade: var(--hermes-global-color-construction-700);
30
+ --hermes-alias-utility-light-blue: var(--hermes-global-color-blue-300);
31
+ --hermes-alias-utility-light-blue-tint: var(--hermes-global-color-blue-50);
32
+ --hermes-alias-utility-light-blue-shade: var(--hermes-global-color-blue-600);
33
+ --hermes-alias-utility-dark-blue: var(--hermes-global-color-azure-800);
34
+ --hermes-alias-utility-dark-blue-tint: var(--hermes-global-color-azure-50);
35
+ --hermes-alias-utility-dark-blue-shade: var(--hermes-global-color-azure-1000);
36
+ --hermes-alias-utility-tangerine: var(--hermes-global-color-tangerine-400);
37
+ --hermes-alias-utility-tangerine-tint: var(--hermes-global-color-tangerine-50);
38
+ --hermes-alias-utility-tangerine-shade: var(--hermes-global-color-tangerine-600);
39
+ --hermes-alias-utility-violet: var(--hermes-global-color-violet-600);
40
+ --hermes-alias-utility-violet-tint: var(--hermes-global-color-violet-50);
41
+ --hermes-alias-utility-violet-shade: var(--hermes-global-color-violet-800);
42
+ }
package/styles/core/tokens/_alias-viz-colors.scss ADDED
@@ -0,0 +1,170 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use '../../mixins';
9
+
10
+ @include mixins.root-or-host() {
11
+ --hermes-alias-viz-border: var(--hermes-global-color-construction-1100);
12
+ --hermes-alias-viz-general-1: var(--hermes-global-color-blue-600);
13
+ --hermes-alias-viz-general-1-blue: var(--hermes-global-color-blue-600);
14
+ --hermes-alias-viz-general-2: var(--hermes-global-color-violet-700);
15
+ --hermes-alias-viz-general-2-violet: var(--hermes-global-color-violet-600);
16
+ --hermes-alias-viz-general-3: var(--hermes-global-color-aqua-800);
17
+ --hermes-alias-viz-general-3-aqua: var(--hermes-global-color-aqua-800);
18
+ --hermes-alias-viz-general-4: var(--hermes-global-color-lavender-400);
19
+ --hermes-alias-viz-general-4-lime: var(--hermes-global-color-lime-700);
20
+ --hermes-alias-viz-general-5: var(--hermes-global-color-pink-500);
21
+ --hermes-alias-viz-general-5-blue: var(--hermes-global-color-blue-800);
22
+ --hermes-alias-viz-general-6: var(--hermes-global-color-lime-700);
23
+ --hermes-alias-viz-general-6-aqua: var(--hermes-global-color-aqua-1000);
24
+ --hermes-alias-viz-general-7: var(--hermes-global-color-lavender-700);
25
+ --hermes-alias-viz-general-7-violet: var(--hermes-global-color-violet-800);
26
+ --hermes-alias-viz-general-8: var(--hermes-global-color-aqua-600);
27
+ --hermes-alias-viz-general-8-lime: var(--hermes-global-color-lime-900);
28
+ --hermes-alias-viz-general-9: var(--hermes-global-color-lime-800);
29
+ --hermes-alias-viz-general-9-blue: var(--hermes-global-color-blue-700);
30
+ --hermes-alias-viz-general-10: var(--hermes-global-color-violet-600);
31
+ --hermes-alias-viz-general-10-lime: var(--hermes-global-color-lime-1000);
32
+ --hermes-alias-viz-general-11: var(--hermes-global-color-jade-600);
33
+ --hermes-alias-viz-general-11-aqua: var(--hermes-global-color-aqua-600);
34
+ --hermes-alias-viz-general-12: var(--hermes-global-color-azure-800);
35
+ --hermes-alias-viz-general-12-violet: var(--hermes-global-color-violet-1000);
36
+ --hermes-alias-viz-general-13: var(--hermes-global-color-violet-400);
37
+ --hermes-alias-viz-general-13-violet: var(--hermes-global-color-violet-700);
38
+ --hermes-alias-viz-general-14: var(--hermes-global-color-green-700);
39
+ --hermes-alias-viz-general-14-blue: var(--hermes-global-color-blue-1000);
40
+ --hermes-alias-viz-general-15: var(--hermes-global-color-pink-700);
41
+ --hermes-alias-viz-general-15-aqua: var(--hermes-global-color-aqua-700);
42
+ --hermes-alias-viz-general-16: var(--hermes-global-color-azure-600);
43
+ --hermes-alias-viz-general-16-lime: var(--hermes-global-color-lime-800);
44
+ --hermes-alias-viz-severity-neutral: var(--hermes-global-color-construction-600);
45
+ --hermes-alias-viz-severity-success: var(--hermes-global-color-green-700);
46
+ --hermes-alias-viz-severity-warning: var(--hermes-global-color-yellow-700);
47
+ --hermes-alias-viz-severity-warning-light: var(--hermes-global-color-yellow-400);
48
+ --hermes-alias-viz-severity-immediate: var(--hermes-global-color-tangerine-400);
49
+ --hermes-alias-viz-severity-critical: var(--hermes-global-color-red-700);
50
+ --hermes-alias-viz-severity-free-space-fill: var(--hermes-global-color-construction-100);
51
+ --hermes-alias-viz-severity-free-space-border: var(--hermes-global-color-construction-400);
52
+ --hermes-alias-viz-sequential-blue-50: var(--hermes-global-color-blue-50);
53
+ --hermes-alias-viz-sequential-blue-100: var(--hermes-global-color-blue-100);
54
+ --hermes-alias-viz-sequential-blue-200: var(--hermes-global-color-blue-200);
55
+ --hermes-alias-viz-sequential-blue-300: var(--hermes-global-color-blue-300);
56
+ --hermes-alias-viz-sequential-blue-400: var(--hermes-global-color-blue-400);
57
+ --hermes-alias-viz-sequential-blue-500: var(--hermes-global-color-blue-500);
58
+ --hermes-alias-viz-sequential-blue-600: var(--hermes-global-color-blue-600);
59
+ --hermes-alias-viz-sequential-blue-700: var(--hermes-global-color-blue-700);
60
+ --hermes-alias-viz-sequential-blue-800: var(--hermes-global-color-blue-800);
61
+ --hermes-alias-viz-sequential-blue-900: var(--hermes-global-color-blue-900);
62
+ --hermes-alias-viz-sequential-blue-1000: var(--hermes-global-color-blue-1000);
63
+ --hermes-alias-viz-sequential-violet-50: var(--hermes-global-color-violet-50);
64
+ --hermes-alias-viz-sequential-violet-100: var(--hermes-global-color-violet-100);
65
+ --hermes-alias-viz-sequential-violet-200: var(--hermes-global-color-violet-200);
66
+ --hermes-alias-viz-sequential-violet-300: var(--hermes-global-color-violet-300);
67
+ --hermes-alias-viz-sequential-violet-400: var(--hermes-global-color-violet-400);
68
+ --hermes-alias-viz-sequential-violet-500: var(--hermes-global-color-violet-500);
69
+ --hermes-alias-viz-sequential-violet-600: var(--hermes-global-color-violet-600);
70
+ --hermes-alias-viz-sequential-violet-700: var(--hermes-global-color-violet-700);
71
+ --hermes-alias-viz-sequential-violet-800: var(--hermes-global-color-violet-800);
72
+ --hermes-alias-viz-sequential-violet-900: var(--hermes-global-color-violet-900);
73
+ --hermes-alias-viz-sequential-violet-1000: var(--hermes-global-color-violet-1000);
74
+ --hermes-alias-viz-sequential-ochre-50: var(--hermes-global-color-ochre-50);
75
+ --hermes-alias-viz-sequential-ochre-100: var(--hermes-global-color-ochre-100);
76
+ --hermes-alias-viz-sequential-ochre-200: var(--hermes-global-color-ochre-200);
77
+ --hermes-alias-viz-sequential-ochre-300: var(--hermes-global-color-ochre-300);
78
+ --hermes-alias-viz-sequential-ochre-400: var(--hermes-global-color-ochre-400);
79
+ --hermes-alias-viz-sequential-ochre-500: var(--hermes-global-color-ochre-500);
80
+ --hermes-alias-viz-sequential-ochre-600: var(--hermes-global-color-ochre-600);
81
+ --hermes-alias-viz-sequential-ochre-700: var(--hermes-global-color-ochre-700);
82
+ --hermes-alias-viz-sequential-ochre-800: var(--hermes-global-color-ochre-800);
83
+ --hermes-alias-viz-sequential-ochre-900: var(--hermes-global-color-ochre-900);
84
+ --hermes-alias-viz-sequential-ochre-1000: var(--hermes-global-color-ochre-1000);
85
+ --hermes-alias-viz-sequential-aqua-50: var(--hermes-global-color-aqua-50);
86
+ --hermes-alias-viz-sequential-aqua-100: var(--hermes-global-color-aqua-100);
87
+ --hermes-alias-viz-sequential-aqua-200: var(--hermes-global-color-aqua-200);
88
+ --hermes-alias-viz-sequential-aqua-300: var(--hermes-global-color-aqua-300);
89
+ --hermes-alias-viz-sequential-aqua-400: var(--hermes-global-color-aqua-400);
90
+ --hermes-alias-viz-sequential-aqua-500: var(--hermes-global-color-aqua-500);
91
+ --hermes-alias-viz-sequential-aqua-600: var(--hermes-global-color-aqua-600);
92
+ --hermes-alias-viz-sequential-aqua-700: var(--hermes-global-color-aqua-700);
93
+ --hermes-alias-viz-sequential-aqua-800: var(--hermes-global-color-aqua-800);
94
+ --hermes-alias-viz-sequential-aqua-900: var(--hermes-global-color-aqua-900);
95
+ --hermes-alias-viz-sequential-aqua-1000: var(--hermes-global-color-aqua-1000);
96
+ --hermes-alias-viz-sequential-green-50: var(--hermes-global-color-green-50);
97
+ --hermes-alias-viz-sequential-green-100: var(--hermes-global-color-green-100);
98
+ --hermes-alias-viz-sequential-green-200: var(--hermes-global-color-green-200);
99
+ --hermes-alias-viz-sequential-green-300: var(--hermes-global-color-green-300);
100
+ --hermes-alias-viz-sequential-green-400: var(--hermes-global-color-green-400);
101
+ --hermes-alias-viz-sequential-green-500: var(--hermes-global-color-green-500);
102
+ --hermes-alias-viz-sequential-green-600: var(--hermes-global-color-green-600);
103
+ --hermes-alias-viz-sequential-green-700: var(--hermes-global-color-green-700);
104
+ --hermes-alias-viz-sequential-green-800: var(--hermes-global-color-green-800);
105
+ --hermes-alias-viz-sequential-green-900: var(--hermes-global-color-green-900);
106
+ --hermes-alias-viz-sequential-green-1000: var(--hermes-global-color-green-1000);
107
+ --hermes-alias-viz-sequential-red-50: var(--hermes-global-color-red-50);
108
+ --hermes-alias-viz-sequential-red-100: var(--hermes-global-color-red-100);
109
+ --hermes-alias-viz-sequential-red-200: var(--hermes-global-color-red-200);
110
+ --hermes-alias-viz-sequential-red-300: var(--hermes-global-color-red-300);
111
+ --hermes-alias-viz-sequential-red-400: var(--hermes-global-color-red-400);
112
+ --hermes-alias-viz-sequential-red-500: var(--hermes-global-color-red-500);
113
+ --hermes-alias-viz-sequential-red-600: var(--hermes-global-color-red-600);
114
+ --hermes-alias-viz-sequential-red-700: var(--hermes-global-color-red-700);
115
+ --hermes-alias-viz-sequential-red-800: var(--hermes-global-color-red-800);
116
+ --hermes-alias-viz-sequential-red-900: var(--hermes-global-color-red-900);
117
+ --hermes-alias-viz-sequential-red-1000: var(--hermes-global-color-red-1000);
118
+ --hermes-alias-viz-diverging-violet-aqua-v-200: var(--hermes-global-color-violet-200);
119
+ --hermes-alias-viz-diverging-violet-aqua-v-300: var(--hermes-global-color-violet-300);
120
+ --hermes-alias-viz-diverging-violet-aqua-v-400: var(--hermes-global-color-violet-400);
121
+ --hermes-alias-viz-diverging-violet-aqua-v-500: var(--hermes-global-color-violet-500);
122
+ --hermes-alias-viz-diverging-violet-aqua-v-600: var(--hermes-global-color-violet-600);
123
+ --hermes-alias-viz-diverging-violet-aqua-v-700: var(--hermes-global-color-violet-700);
124
+ --hermes-alias-viz-diverging-violet-aqua-neutral: var(--hermes-global-color-violet-50);
125
+ --hermes-alias-viz-diverging-violet-aqua-a-400: var(--hermes-global-color-aqua-400);
126
+ --hermes-alias-viz-diverging-violet-aqua-a-500: var(--hermes-global-color-aqua-500);
127
+ --hermes-alias-viz-diverging-violet-aqua-a-600: var(--hermes-global-color-aqua-600);
128
+ --hermes-alias-viz-diverging-violet-aqua-a-700: var(--hermes-global-color-aqua-700);
129
+ --hermes-alias-viz-diverging-violet-aqua-a-800: var(--hermes-global-color-aqua-800);
130
+ --hermes-alias-viz-diverging-violet-aqua-a-900: var(--hermes-global-color-aqua-900);
131
+ --hermes-alias-viz-diverging-blue-jade-b-300: var(--hermes-global-color-blue-300);
132
+ --hermes-alias-viz-diverging-blue-jade-b-400: var(--hermes-global-color-blue-400);
133
+ --hermes-alias-viz-diverging-blue-jade-b-500: var(--hermes-global-color-blue-500);
134
+ --hermes-alias-viz-diverging-blue-jade-b-600: var(--hermes-global-color-blue-600);
135
+ --hermes-alias-viz-diverging-blue-jade-b-700: var(--hermes-global-color-blue-700);
136
+ --hermes-alias-viz-diverging-blue-jade-b-800: var(--hermes-global-color-blue-800);
137
+ --hermes-alias-viz-diverging-blue-jade-neutral: var(--hermes-global-color-blue-50);
138
+ --hermes-alias-viz-diverging-blue-jade-j-300: var(--hermes-global-color-jade-300);
139
+ --hermes-alias-viz-diverging-blue-jade-j-400: var(--hermes-global-color-jade-400);
140
+ --hermes-alias-viz-diverging-blue-jade-j-500: var(--hermes-global-color-jade-500);
141
+ --hermes-alias-viz-diverging-blue-jade-j-600: var(--hermes-global-color-jade-600);
142
+ --hermes-alias-viz-diverging-blue-jade-j-700: var(--hermes-global-color-jade-700);
143
+ --hermes-alias-viz-diverging-blue-jade-j-800: var(--hermes-global-color-jade-800);
144
+ --hermes-alias-viz-diverging-blue-green-b-300: var(--hermes-global-color-blue-300);
145
+ --hermes-alias-viz-diverging-blue-green-b-400: var(--hermes-global-color-blue-400);
146
+ --hermes-alias-viz-diverging-blue-green-b-500: var(--hermes-global-color-blue-500);
147
+ --hermes-alias-viz-diverging-blue-green-b-600: var(--hermes-global-color-blue-600);
148
+ --hermes-alias-viz-diverging-blue-green-b-700: var(--hermes-global-color-blue-700);
149
+ --hermes-alias-viz-diverging-blue-green-b-800: var(--hermes-global-color-blue-800);
150
+ --hermes-alias-viz-diverging-blue-green-neutral: var(--hermes-global-color-blue-50);
151
+ --hermes-alias-viz-diverging-blue-green-g-300: var(--hermes-global-color-green-300);
152
+ --hermes-alias-viz-diverging-blue-green-g-400: var(--hermes-global-color-green-400);
153
+ --hermes-alias-viz-diverging-blue-green-g-500: var(--hermes-global-color-green-500);
154
+ --hermes-alias-viz-diverging-blue-green-g-600: var(--hermes-global-color-green-600);
155
+ --hermes-alias-viz-diverging-blue-green-g-700: var(--hermes-global-color-green-700);
156
+ --hermes-alias-viz-diverging-blue-green-g-800: var(--hermes-global-color-green-800);
157
+ --hermes-alias-viz-diverging-green-yellow-red-g-200: var(--hermes-global-color-green-200);
158
+ --hermes-alias-viz-diverging-green-yellow-red-g-300: var(--hermes-global-color-green-300);
159
+ --hermes-alias-viz-diverging-green-yellow-red-g-400: var(--hermes-global-color-green-400);
160
+ --hermes-alias-viz-diverging-green-yellow-red-g-500: var(--hermes-global-color-green-500);
161
+ --hermes-alias-viz-diverging-green-yellow-red-g-600: var(--hermes-global-color-green-600);
162
+ --hermes-alias-viz-diverging-green-yellow-red-g-700: var(--hermes-global-color-green-700);
163
+ --hermes-alias-viz-diverging-green-yellow-red-neutral: var(--hermes-global-color-yellow-200);
164
+ --hermes-alias-viz-diverging-green-yellow-red-r-400: var(--hermes-global-color-red-400);
165
+ --hermes-alias-viz-diverging-green-yellow-red-r-500: var(--hermes-global-color-red-500);
166
+ --hermes-alias-viz-diverging-green-yellow-red-r-600: var(--hermes-global-color-red-600);
167
+ --hermes-alias-viz-diverging-green-yellow-red-r-700: var(--hermes-global-color-red-700);
168
+ --hermes-alias-viz-diverging-green-yellow-red-r-800: var(--hermes-global-color-red-800);
169
+ --hermes-alias-viz-diverging-green-yellow-red-r-900: var(--hermes-global-color-red-900);
170
+ }
package/styles/core/tokens/_global-animation.scss ADDED
@@ -0,0 +1,32 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use '../../mixins';
9
+
10
+ @include mixins.root-or-host() {
11
+ --hermes-global-animation-duration-instant: 0s;
12
+ --hermes-global-animation-duration-quickest: 0.1s;
13
+ --hermes-global-animation-duration-quicker: 0.15s;
14
+ --hermes-global-animation-duration-quick: 0.2s;
15
+ --hermes-global-animation-duration-secondary: 0.3s;
16
+ --hermes-global-animation-duration-primary: 0.4s;
17
+ --hermes-global-animation-duration-slow: 0.5s;
18
+ --hermes-global-animation-duration-slower: 0.7s;
19
+ --hermes-global-animation-duration-slowest: 0.8s;
20
+ --hermes-global-animation-easing-primary: cubic-bezier(0, 0.99, 0, 0.99);
21
+ --hermes-global-animation-easing-secondary: cubic-bezier(0, 1.5, 0.5, 1);
22
+ --hermes-global-animation-easing-loop: cubic-bezier(0.17, 0.4, 0.8, 0.79);
23
+ --hermes-global-animation-skeleton-duration: 4s;
24
+ --hermes-global-animation-easing-in-out: cubic-bezier(0.42, 0.01, 0.58, 1); // ease-in-out;
25
+ --hermes-alias-object-skeleton-loading-gradient: linear-gradient(
26
+ 90deg,
27
+ var(--hermes-alias-object-interaction-background) 0%,
28
+ var(--hermes-global-color-construction-200) 35%,
29
+ var(--hermes-global-color-construction-300) 65%,
30
+ var(--hermes-alias-object-interaction-background) 100%
31
+ );
32
+ }
package/styles/core/tokens/_global-colors.scss ADDED
@@ -0,0 +1,249 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use '../../mixins';
9
+
10
+ @include mixins.root-or-host() {
11
+ --hermes-global-color-black: hsl(0deg 0% 0%);
12
+ --hermes-global-color-white: hsl(0deg 0% 100%);
13
+ --hermes-global-color-green-50: hsl(93deg 80% 94%);
14
+ --hermes-global-color-green-100: hsl(93deg 80% 83%);
15
+ --hermes-global-color-green-200: hsl(93deg 80% 70%);
16
+ --hermes-global-color-green-300: hsl(93deg 80% 56%);
17
+ --hermes-global-color-green-400: hsl(93deg 80% 48%);
18
+ --hermes-global-color-green-500: hsl(93deg 80% 44%);
19
+ --hermes-global-color-green-600: hsl(93deg 80% 37%);
20
+ --hermes-global-color-green-700: hsl(93deg 80% 28%);
21
+ --hermes-global-color-green-800: hsl(93deg 80% 23%);
22
+ --hermes-global-color-green-900: hsl(93deg 80% 17%);
23
+ --hermes-global-color-green-1000: hsl(93deg 80% 12%);
24
+ --hermes-global-color-blue-25: hsl(198deg 100% 96%);
25
+ --hermes-global-color-blue-50: hsl(198deg 100% 95%);
26
+ --hermes-global-color-blue-75: hsl(198deg 100% 94%);
27
+ --hermes-global-color-blue-100: hsl(198deg 100% 87%);
28
+ --hermes-global-color-blue-200: hsl(198deg 100% 78%);
29
+ --hermes-global-color-blue-300: hsl(198deg 100% 70%);
30
+ --hermes-global-color-blue-400: hsl(198deg 100% 59%);
31
+ --hermes-global-color-blue-500: hsl(198deg 100% 48%);
32
+ --hermes-global-color-blue-600: hsl(198deg 100% 43%);
33
+ --hermes-global-color-blue-700: hsl(198deg 100% 34%);
34
+ --hermes-global-color-blue-800: hsl(198deg 100% 27%);
35
+ --hermes-global-color-blue-900: hsl(198deg 100% 21%);
36
+ --hermes-global-color-blue-1000: hsl(198deg 100% 15%);
37
+ --hermes-global-color-violet-50: hsl(282deg 100% 97%);
38
+ --hermes-global-color-violet-100: hsl(282deg 80% 91%);
39
+ --hermes-global-color-violet-200: hsl(282deg 73% 83%);
40
+ --hermes-global-color-violet-300: hsl(282deg 66% 74%);
41
+ --hermes-global-color-violet-400: hsl(282deg 60% 65%);
42
+ --hermes-global-color-violet-500: hsl(282deg 60% 57%);
43
+ --hermes-global-color-violet-600: hsl(282deg 60% 49%);
44
+ --hermes-global-color-violet-700: hsl(283deg 80% 36%);
45
+ --hermes-global-color-violet-800: hsl(282deg 100% 26%);
46
+ --hermes-global-color-violet-900: hsl(282deg 100% 19%);
47
+ --hermes-global-color-violet-1000: hsl(282deg 100% 14%);
48
+ --hermes-global-color-red-50: hsl(9deg 100% 97%);
49
+ --hermes-global-color-red-100: hsl(9deg 100% 94%);
50
+ --hermes-global-color-red-200: hsl(9deg 100% 88%);
51
+ --hermes-global-color-red-300: hsl(9deg 100% 79%);
52
+ --hermes-global-color-red-400: hsl(9deg 100% 71%);
53
+ --hermes-global-color-red-500: hsl(9deg 100% 65%);
54
+ --hermes-global-color-red-600: hsl(9deg 100% 59%);
55
+ --hermes-global-color-red-700: hsl(9deg 100% 44%);
56
+ --hermes-global-color-red-800: hsl(9deg 100% 38%);
57
+ --hermes-global-color-red-900: hsl(9deg 100% 28%);
58
+ --hermes-global-color-red-1000: hsl(9deg 100% 22%);
59
+ --hermes-global-color-ochre-50: hsl(41deg 100% 96%);
60
+ --hermes-global-color-ochre-100: hsl(41deg 100% 92%);
61
+ --hermes-global-color-ochre-200: hsl(41deg 100% 86%);
62
+ --hermes-global-color-ochre-300: hsl(41deg 100% 78%);
63
+ --hermes-global-color-ochre-400: hsl(41deg 100% 70%);
64
+ --hermes-global-color-ochre-500: hsl(40deg 100% 59%);
65
+ --hermes-global-color-ochre-600: hsl(39deg 100% 50%);
66
+ --hermes-global-color-ochre-700: hsl(38deg 100% 42%);
67
+ --hermes-global-color-ochre-800: hsl(37deg 100% 32%);
68
+ --hermes-global-color-ochre-900: hsl(36deg 100% 27%);
69
+ --hermes-global-color-ochre-1000: hsl(35deg 100% 19%);
70
+ --hermes-global-color-lavender-50: hsl(238deg 100% 96%);
71
+ --hermes-global-color-lavender-100: hsl(238deg 58% 88%);
72
+ --hermes-global-color-lavender-200: hsl(238deg 53% 79%);
73
+ --hermes-global-color-lavender-300: hsl(238deg 52% 70%);
74
+ --hermes-global-color-lavender-400: hsl(238deg 58% 64%);
75
+ --hermes-global-color-lavender-500: hsl(238deg 59% 58%);
76
+ --hermes-global-color-lavender-600: hsl(238deg 60% 52%);
77
+ --hermes-global-color-lavender-700: hsl(238deg 69% 45%);
78
+ --hermes-global-color-lavender-800: hsl(238deg 100% 32%);
79
+ --hermes-global-color-lavender-900: hsl(238deg 100% 22%);
80
+ --hermes-global-color-lavender-1000: hsl(238deg 100% 14%);
81
+ --hermes-global-color-azure-50: hsl(211deg 100% 95%);
82
+ --hermes-global-color-azure-100: hsl(211deg 100% 88%);
83
+ --hermes-global-color-azure-200: hsl(211deg 100% 81%);
84
+ --hermes-global-color-azure-300: hsl(211deg 100% 70%);
85
+ --hermes-global-color-azure-400: hsl(211deg 100% 62%);
86
+ --hermes-global-color-azure-500: hsl(211deg 100% 54%);
87
+ --hermes-global-color-azure-600: hsl(211deg 100% 46%);
88
+ --hermes-global-color-azure-700: hsl(211deg 100% 37%);
89
+ --hermes-global-color-azure-800: hsl(211deg 100% 26%);
90
+ --hermes-global-color-azure-900: hsl(211deg 100% 18%);
91
+ --hermes-global-color-azure-1000: hsl(211deg 100% 14%);
92
+ --hermes-global-color-aqua-50: hsl(184deg 100% 96%);
93
+ --hermes-global-color-aqua-100: hsl(184deg 100% 86%);
94
+ --hermes-global-color-aqua-200: hsl(184deg 100% 75%);
95
+ --hermes-global-color-aqua-300: hsl(184deg 100% 62%);
96
+ --hermes-global-color-aqua-400: hsl(184deg 100% 48%);
97
+ --hermes-global-color-aqua-500: hsl(184deg 100% 43%);
98
+ --hermes-global-color-aqua-600: hsl(184deg 100% 34%);
99
+ --hermes-global-color-aqua-700: hsl(184deg 100% 25%);
100
+ --hermes-global-color-aqua-800: hsl(184deg 100% 18%);
101
+ --hermes-global-color-aqua-900: hsl(184deg 100% 13%);
102
+ --hermes-global-color-aqua-1000: hsl(184deg 100% 10%);
103
+ --hermes-global-color-jade-50: hsl(160deg 83% 95%);
104
+ --hermes-global-color-jade-100: hsl(160deg 82% 88%);
105
+ --hermes-global-color-jade-200: hsl(160deg 78% 78%);
106
+ --hermes-global-color-jade-300: hsl(160deg 69% 65%);
107
+ --hermes-global-color-jade-400: hsl(160deg 69% 53%);
108
+ --hermes-global-color-jade-500: hsl(160deg 64% 45%);
109
+ --hermes-global-color-jade-600: hsl(160deg 69% 36%);
110
+ --hermes-global-color-jade-700: hsl(160deg 64% 30%);
111
+ --hermes-global-color-jade-800: hsl(160deg 100% 21%);
112
+ --hermes-global-color-jade-900: hsl(160deg 70% 18%);
113
+ --hermes-global-color-jade-1000: hsl(160deg 69% 14%);
114
+ --hermes-global-color-yellow-50: hsl(50deg 100% 95%);
115
+ --hermes-global-color-yellow-100: hsl(50deg 100% 84%);
116
+ --hermes-global-color-yellow-200: hsl(50deg 100% 73%);
117
+ --hermes-global-color-yellow-300: hsl(50deg 100% 57%);
118
+ --hermes-global-color-yellow-400: hsl(46deg 100% 52%);
119
+ --hermes-global-color-yellow-500: hsl(44deg 100% 47%);
120
+ --hermes-global-color-yellow-600: hsl(42deg 100% 42%);
121
+ --hermes-global-color-yellow-700: hsl(40deg 100% 37%);
122
+ --hermes-global-color-yellow-800: hsl(40deg 100% 26%);
123
+ --hermes-global-color-yellow-900: hsl(40deg 100% 18%);
124
+ --hermes-global-color-yellow-1000: hsl(40deg 100% 13%);
125
+ --hermes-global-color-lime-50: hsl(66deg 100% 94%);
126
+ --hermes-global-color-lime-100: hsl(66deg 95% 83%);
127
+ --hermes-global-color-lime-200: hsl(66deg 85% 70%);
128
+ --hermes-global-color-lime-300: hsl(66deg 80% 58%);
129
+ --hermes-global-color-lime-400: hsl(66deg 80% 48%);
130
+ --hermes-global-color-lime-500: hsl(66deg 90% 41%);
131
+ --hermes-global-color-lime-600: hsl(66deg 90% 36%);
132
+ --hermes-global-color-lime-700: hsl(66deg 100% 28%);
133
+ --hermes-global-color-lime-800: hsl(66deg 100% 22%);
134
+ --hermes-global-color-lime-900: hsl(66deg 100% 12%);
135
+ --hermes-global-color-lime-1000: hsl(66deg 100% 7%);
136
+ --hermes-global-color-tangerine-50: hsl(25deg 100% 95%);
137
+ --hermes-global-color-tangerine-100: hsl(25deg 100% 88%);
138
+ --hermes-global-color-tangerine-200: hsl(25deg 94% 78%);
139
+ --hermes-global-color-tangerine-300: hsl(25deg 100% 72%);
140
+ --hermes-global-color-tangerine-400: hsl(25deg 100% 62%);
141
+ --hermes-global-color-tangerine-500: hsl(25deg 100% 48%);
142
+ --hermes-global-color-tangerine-600: hsl(25deg 100% 41%);
143
+ --hermes-global-color-tangerine-700: hsl(25deg 100% 34%);
144
+ --hermes-global-color-tangerine-800: hsl(25deg 100% 25%);
145
+ --hermes-global-color-tangerine-900: hsl(25deg 100% 19%);
146
+ --hermes-global-color-tangerine-1000: hsl(25deg 100% 15%);
147
+ --hermes-global-color-magenta-50: hsl(345deg 100% 95%);
148
+ --hermes-global-color-magenta-100: hsl(345deg 100% 87%);
149
+ --hermes-global-color-magenta-200: hsl(345deg 100% 79%);
150
+ --hermes-global-color-magenta-300: hsl(345deg 100% 70%);
151
+ --hermes-global-color-magenta-400: hsl(345deg 100% 61%);
152
+ --hermes-global-color-magenta-500: hsl(345deg 81% 50%);
153
+ --hermes-global-color-magenta-600: hsl(345deg 83% 40%);
154
+ --hermes-global-color-magenta-700: hsl(345deg 91% 31%);
155
+ --hermes-global-color-magenta-800: hsl(345deg 100% 24%);
156
+ --hermes-global-color-magenta-900: hsl(345deg 100% 19%);
157
+ --hermes-global-color-magenta-1000: hsl(345deg 100% 15%);
158
+ --hermes-global-color-pink-50: hsl(324deg 100% 97%);
159
+ --hermes-global-color-pink-100: hsl(324deg 95% 91%);
160
+ --hermes-global-color-pink-200: hsl(324deg 84% 81%);
161
+ --hermes-global-color-pink-300: hsl(324deg 78% 70%);
162
+ --hermes-global-color-pink-400: hsl(324deg 78% 62%);
163
+ --hermes-global-color-pink-500: hsl(324deg 64% 51%);
164
+ --hermes-global-color-pink-600: hsl(324deg 80% 39%);
165
+ --hermes-global-color-pink-700: hsl(324deg 100% 30%);
166
+ --hermes-global-color-pink-800: hsl(324deg 100% 24%);
167
+ --hermes-global-color-pink-900: hsl(324deg 100% 18%);
168
+ --hermes-global-color-pink-1000: hsl(324deg 100% 15%);
169
+ --hermes-global-color-warm-gray-50: hsl(282deg 3% 97%);
170
+ --hermes-global-color-warm-gray-100: hsl(282deg 3% 92%);
171
+ --hermes-global-color-warm-gray-200: hsl(282deg 3% 84%);
172
+ --hermes-global-color-warm-gray-300: hsl(282deg 3% 74%);
173
+ --hermes-global-color-warm-gray-400: hsl(282deg 3% 63%);
174
+ --hermes-global-color-warm-gray-500: hsl(282deg 3% 54%);
175
+ --hermes-global-color-warm-gray-600: hsl(282deg 3% 43%);
176
+ --hermes-global-color-warm-gray-700: hsl(282deg 3% 35%);
177
+ --hermes-global-color-warm-gray-800: hsl(282deg 3% 28%);
178
+ --hermes-global-color-warm-gray-900: hsl(282deg 3% 20%);
179
+ --hermes-global-color-warm-gray-1000: hsl(282deg 3% 14%);
180
+ --hermes-global-color-slate-50: hsl(238deg 20% 96%);
181
+ --hermes-global-color-slate-100: hsl(238deg 20% 91%);
182
+ --hermes-global-color-slate-200: hsl(238deg 20% 82%);
183
+ --hermes-global-color-slate-300: hsl(238deg 20% 73%);
184
+ --hermes-global-color-slate-400: hsl(238deg 20% 63%);
185
+ --hermes-global-color-slate-500: hsl(238deg 23% 56%);
186
+ --hermes-global-color-slate-600: hsl(238deg 24% 49%);
187
+ --hermes-global-color-slate-700: hsl(238deg 28% 38%);
188
+ --hermes-global-color-slate-800: hsl(238deg 28% 29%);
189
+ --hermes-global-color-slate-900: hsl(238deg 28% 22%);
190
+ --hermes-global-color-slate-1000: hsl(238deg 28% 14%);
191
+ --hermes-global-color-ice-50: hsl(211deg 100% 97%);
192
+ --hermes-global-color-ice-100: hsl(211deg 58% 90%);
193
+ --hermes-global-color-ice-200: hsl(211deg 53% 81%);
194
+ --hermes-global-color-ice-300: hsl(211deg 49% 70%);
195
+ --hermes-global-color-ice-400: hsl(211deg 47% 62%);
196
+ --hermes-global-color-ice-500: hsl(211deg 47% 53%);
197
+ --hermes-global-color-ice-600: hsl(211deg 56% 44%);
198
+ --hermes-global-color-ice-700: hsl(211deg 69% 34%);
199
+ --hermes-global-color-ice-800: hsl(211deg 69% 27%);
200
+ --hermes-global-color-ice-900: hsl(211deg 100% 20%);
201
+ --hermes-global-color-ice-1000: hsl(211deg 100% 14%);
202
+ --hermes-global-color-cool-gray-50: hsl(211deg 20% 96%);
203
+ --hermes-global-color-cool-gray-100: hsl(211deg 20% 90%);
204
+ --hermes-global-color-cool-gray-200: hsl(211deg 20% 81%);
205
+ --hermes-global-color-cool-gray-300: hsl(211deg 20% 72%);
206
+ --hermes-global-color-cool-gray-400: hsl(211deg 20% 61%);
207
+ --hermes-global-color-cool-gray-500: hsl(211deg 20% 53%);
208
+ --hermes-global-color-cool-gray-600: hsl(211deg 20% 44%);
209
+ --hermes-global-color-cool-gray-700: hsl(211deg 23% 36%);
210
+ --hermes-global-color-cool-gray-800: hsl(211deg 30% 28%);
211
+ --hermes-global-color-cool-gray-900: hsl(211deg 40% 22%);
212
+ --hermes-global-color-cool-gray-1000: hsl(211deg 63% 14%);
213
+ --hermes-global-color-tan-50: hsl(41deg 23% 96%);
214
+ --hermes-global-color-tan-100: hsl(41deg 22% 91%);
215
+ --hermes-global-color-tan-200: hsl(41deg 27% 82%);
216
+ --hermes-global-color-tan-300: hsl(41deg 23% 68%);
217
+ --hermes-global-color-tan-400: hsl(41deg 23% 58%);
218
+ --hermes-global-color-tan-500: hsl(41deg 20% 47%);
219
+ --hermes-global-color-tan-600: hsl(41deg 20% 40%);
220
+ --hermes-global-color-tan-700: hsl(41deg 20% 32%);
221
+ --hermes-global-color-tan-800: hsl(41deg 23% 26%);
222
+ --hermes-global-color-tan-900: hsl(41deg 23% 21%);
223
+ --hermes-global-color-tan-1000: hsl(41deg 22% 16%);
224
+ --hermes-global-color-construction-25: hsl(198deg 33% 99%);
225
+ --hermes-global-color-construction-50: hsl(198deg 36% 96%);
226
+ --hermes-global-color-construction-100: hsl(198deg 20% 91%);
227
+ --hermes-global-color-construction-200: hsl(198deg 14% 82%);
228
+ --hermes-global-color-construction-300: hsl(198deg 10% 71%);
229
+ --hermes-global-color-construction-400: hsl(198deg 9% 56%);
230
+ --hermes-global-color-construction-500: hsl(198deg 10% 46%);
231
+ --hermes-global-color-construction-600: hsl(198deg 14% 36%);
232
+ --hermes-global-color-construction-700: hsl(198deg 19% 28%);
233
+ --hermes-global-color-construction-800: hsl(198deg 23% 23%);
234
+ --hermes-global-color-construction-900: hsl(198deg 28% 18%);
235
+ --hermes-global-color-construction-1000: hsl(198deg 30% 15%);
236
+ --hermes-global-color-construction-1100: hsl(200deg 31% 13%);
237
+ --hermes-global-color-gray-0: hsl(0deg 0% 100%);
238
+ --hermes-global-color-gray-50: hsl(0deg 0% 98%);
239
+ --hermes-global-color-gray-100: hsl(0deg 0% 95%);
240
+ --hermes-global-color-gray-200: hsl(0deg 0% 91%);
241
+ --hermes-global-color-gray-300: hsl(0deg 0% 87%);
242
+ --hermes-global-color-gray-400: hsl(0deg 0% 80%);
243
+ --hermes-global-color-gray-500: hsl(0deg 0% 70%);
244
+ --hermes-global-color-gray-600: hsl(0deg 0% 55%);
245
+ --hermes-global-color-gray-700: hsl(0deg 0% 40%);
246
+ --hermes-global-color-gray-800: hsl(0deg 0% 27%);
247
+ --hermes-global-color-gray-900: hsl(0deg 0% 20%);
248
+ --hermes-global-color-gray-1000: hsl(0deg 0% 0%);
249
+ }
package/styles/core/tokens/_global-space.scss ADDED
@@ -0,0 +1,52 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use '../../variables/variables.density' as density;
9
+ @use '../../mixins';
10
+
11
+ @include mixins.root-or-host() {
12
+ --hermes-global-base: 20;
13
+ --hermes-global-scale-space: 1;
14
+ --hermes-global-scale-layout-space: 1;
15
+ --hermes-global-scale-typography: 1;
16
+ --hermes-global-layout-grid-cols: 12;
17
+ --hermes-global-layout-width-xs: 576px;
18
+ --hermes-global-layout-width-sm: 768px;
19
+ --hermes-global-layout-width-md: 992px;
20
+ --hermes-global-layout-width-lg: 1200px;
21
+ --hermes-global-layout-width-xl: 1440px;
22
+
23
+ &,
24
+ & [hermes-density] {
25
+ --hermes-global-layout-space-xxxs: #{density.$hermes-base-layout-space-3xs};
26
+ --hermes-global-layout-space-xxs: #{density.$hermes-base-layout-space-2xs};
27
+ --hermes-global-layout-space-xs: #{density.$hermes-base-layout-space-xs};
28
+ --hermes-global-layout-space-sm: #{density.$hermes-base-layout-space-s};
29
+ --hermes-global-layout-space-md: #{density.$hermes-base-layout-space-m};
30
+ --hermes-global-layout-space-lg: #{density.$hermes-base-layout-space-l};
31
+ --hermes-global-layout-space-xl: #{density.$hermes-base-layout-space-xl};
32
+ --hermes-global-layout-space-xxl: #{density.$hermes-base-layout-space-2xl};
33
+ --hermes-global-layout-space-xxxl: #{density.$hermes-base-layout-space-3xl};
34
+ }
35
+
36
+ --hermes-global-space-0: calc(0 * var(--hermes-internal-scale-2));
37
+ --hermes-global-space-1: calc(1 * var(--hermes-internal-scale-2));
38
+ --hermes-global-space-2: calc(2 * var(--hermes-internal-scale-2));
39
+ --hermes-global-space-3: calc(4 * var(--hermes-internal-scale-2));
40
+ --hermes-global-space-4: calc(6 * var(--hermes-internal-scale-2));
41
+ --hermes-global-space-5: calc(8 * var(--hermes-internal-scale-2));
42
+ --hermes-global-space-6: calc(12 * var(--hermes-internal-scale-2));
43
+ --hermes-global-space-7: calc(16 * var(--hermes-internal-scale-2));
44
+ --hermes-global-space-8: calc(18 * var(--hermes-internal-scale-2));
45
+ --hermes-global-space-9: calc(24 * var(--hermes-internal-scale-2));
46
+ --hermes-global-space-10: calc(32 * var(--hermes-internal-scale-2));
47
+ --hermes-global-space-11: calc(36 * var(--hermes-internal-scale-2));
48
+ --hermes-global-space-12: calc(48 * var(--hermes-internal-scale-2));
49
+ --hermes-global-space-13: calc(64 * var(--hermes-internal-scale-2));
50
+ --hermes-global-space-14: calc(72 * var(--hermes-internal-scale-2));
51
+ --hermes-global-space-15: calc(96 * var(--hermes-internal-scale-2));
52
+ }