genesys-spark-components 4.0.0-beta.27 → 4.0.0-beta.29

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 (390) hide show
  1. package/dist/cjs/genesys-webcomponents.cjs.js +1 -1
  2. package/dist/cjs/gux-accordion-section.cjs.entry.js +1 -1
  3. package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
  5. package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +2 -2
  6. package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +2 -2
  7. package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-badge.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-button-multi.cjs.entry.js +2 -3
  12. package/dist/cjs/gux-button-slot.cjs.entry.js +2 -2
  13. package/dist/cjs/gux-button.cjs.entry.js +2 -2
  14. package/dist/cjs/gux-calendar.cjs.entry.js +2 -2
  15. package/dist/cjs/gux-card.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-column-manager-item.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
  18. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-create-option.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-dropdown_3.cjs.entry.js +5 -10
  29. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-form-field-color.cjs.entry.js +2 -2
  32. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +2 -2
  33. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-form-field-number_3.cjs.entry.js +2 -2
  35. package/dist/cjs/gux-form-field-phone.cjs.entry.js +2 -2
  36. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-range.cjs.entry.js +2 -2
  38. package/dist/cjs/gux-form-field-search.cjs.entry.js +2 -2
  39. package/dist/cjs/gux-form-field-select.cjs.entry.js +2 -2
  40. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +2 -2
  41. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +2 -2
  42. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +2 -2
  43. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-list-item.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-listbox-multi.cjs.entry.js +5 -5
  48. package/dist/cjs/gux-loading-message.cjs.entry.js +3 -47
  49. package/dist/cjs/gux-modal.cjs.entry.js +2 -2
  50. package/dist/cjs/gux-month-calendar.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +2 -2
  53. package/dist/cjs/gux-option-multi.cjs.entry.js +8 -2
  54. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-radial-loading.cjs.entry.js +22 -3
  61. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-switch-item.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-switch.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-tab-panel.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-table-select-menu.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-table.cjs.entry.js +2 -2
  78. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-tag.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  82. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  83. package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
  84. package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
  85. package/dist/cjs/gux-toast.cjs.entry.js +1 -1
  86. package/dist/cjs/gux-toggle-slider.cjs.entry.js +1 -1
  87. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  88. package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
  89. package/dist/cjs/loader.cjs.js +1 -1
  90. package/dist/cjs/{usage-8d342ca0.js → usage-9037f66c.js} +2 -1
  91. package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.css +2 -2
  92. package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.css +3 -3
  93. package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.js +1 -1
  94. package/dist/collection/components/legacy/gux-action-toast-legacy/gux-action-toast.css +30 -134
  95. package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.css +22 -125
  96. package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.css +26 -129
  97. package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.css +43 -140
  98. package/dist/collection/components/stable/gux-button/gux-button.css +43 -3
  99. package/dist/collection/components/stable/gux-button-multi/gux-button-multi.js +1 -19
  100. package/dist/collection/components/stable/gux-button-slot/gux-button-slot.css +43 -3
  101. package/dist/collection/components/stable/gux-calendar/gux-calendar.css +3 -3
  102. package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.css +25 -127
  103. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.css +1 -1
  104. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.css +1 -1
  105. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.css +147 -50
  106. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.js +1 -1
  107. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.css +1 -1
  108. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css +32 -135
  109. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.css +147 -49
  110. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.js +1 -1
  111. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.css +109 -70
  112. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.js +1 -1
  113. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.css +43 -140
  114. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.css +43 -140
  115. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.css +1 -1
  116. package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.css +1 -0
  117. package/dist/collection/components/stable/gux-listbox/gux-listbox.css +1 -8
  118. package/dist/collection/components/stable/gux-listbox/gux-listbox.js +1 -4
  119. package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.css +28 -21
  120. package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js +2 -1
  121. package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.css +17 -13
  122. package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.js +8 -8
  123. package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.css +45 -31
  124. package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js +10 -3
  125. package/dist/collection/components/stable/gux-loading-message/gux-loading-message.css +87 -192
  126. package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js +2 -49
  127. package/dist/collection/components/stable/gux-modal/gux-modal.css +1 -1
  128. package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.css +188 -31
  129. package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.functional.js +11 -0
  130. package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js +2 -1
  131. package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.service.js +4 -0
  132. package/dist/collection/components/stable/gux-switch/gux-switch-item/gux-switch-item.css +32 -136
  133. package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.css +21 -15
  134. package/dist/collection/components/stable/gux-table/gux-table.css +26 -130
  135. package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.css +25 -18
  136. package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.css +1 -1
  137. package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.css +25 -18
  138. package/dist/component-specs.json +1 -2
  139. package/dist/deploy-info.json +3 -3
  140. package/dist/esm/genesys-webcomponents.js +1 -1
  141. package/dist/esm/gux-accordion-section.entry.js +1 -1
  142. package/dist/esm/gux-accordion.entry.js +1 -1
  143. package/dist/esm/gux-action-button.entry.js +1 -1
  144. package/dist/esm/gux-action-toast-legacy.entry.js +2 -2
  145. package/dist/esm/gux-advanced-dropdown-legacy.entry.js +2 -2
  146. package/dist/esm/gux-announce-beta.entry.js +1 -1
  147. package/dist/esm/gux-badge.entry.js +1 -1
  148. package/dist/esm/gux-blank-state.entry.js +1 -1
  149. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  150. package/dist/esm/gux-button-multi.entry.js +2 -3
  151. package/dist/esm/gux-button-slot.entry.js +2 -2
  152. package/dist/esm/gux-button.entry.js +2 -2
  153. package/dist/esm/gux-calendar.entry.js +2 -2
  154. package/dist/esm/gux-card.entry.js +1 -1
  155. package/dist/esm/gux-column-manager-item.entry.js +1 -1
  156. package/dist/esm/gux-column-manager.entry.js +1 -1
  157. package/dist/esm/gux-content-search.entry.js +1 -1
  158. package/dist/esm/gux-context-menu.entry.js +1 -1
  159. package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
  160. package/dist/esm/gux-create-option.entry.js +1 -1
  161. package/dist/esm/gux-date-beta.entry.js +1 -1
  162. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  163. package/dist/esm/gux-datepicker.entry.js +1 -1
  164. package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
  165. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  166. package/dist/esm/gux-dropdown-multi-beta.entry.js +1 -1
  167. package/dist/esm/gux-dropdown_3.entry.js +5 -10
  168. package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
  169. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  170. package/dist/esm/gux-form-field-color.entry.js +2 -2
  171. package/dist/esm/gux-form-field-dropdown.entry.js +2 -2
  172. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  173. package/dist/esm/gux-form-field-number_3.entry.js +2 -2
  174. package/dist/esm/gux-form-field-phone.entry.js +2 -2
  175. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  176. package/dist/esm/gux-form-field-range.entry.js +2 -2
  177. package/dist/esm/gux-form-field-search.entry.js +2 -2
  178. package/dist/esm/gux-form-field-select.entry.js +2 -2
  179. package/dist/esm/gux-form-field-text-like.entry.js +2 -2
  180. package/dist/esm/gux-form-field-textarea.entry.js +2 -2
  181. package/dist/esm/gux-form-field-time-picker.entry.js +2 -2
  182. package/dist/esm/gux-icon.entry.js +1 -1
  183. package/dist/esm/gux-inline-alert.entry.js +1 -1
  184. package/dist/esm/gux-list-item.entry.js +1 -1
  185. package/dist/esm/gux-list.entry.js +1 -1
  186. package/dist/esm/gux-listbox-multi.entry.js +5 -5
  187. package/dist/esm/gux-loading-message.entry.js +4 -48
  188. package/dist/esm/gux-modal.entry.js +2 -2
  189. package/dist/esm/gux-month-calendar.entry.js +1 -1
  190. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  191. package/dist/esm/gux-notification-toast-legacy.entry.js +2 -2
  192. package/dist/esm/gux-option-multi.entry.js +8 -2
  193. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  194. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  195. package/dist/esm/gux-pagination-legacy.entry.js +1 -1
  196. package/dist/esm/gux-pagination.entry.js +1 -1
  197. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  198. package/dist/esm/gux-popover-list.entry.js +1 -1
  199. package/dist/esm/gux-radial-loading.entry.js +23 -4
  200. package/dist/esm/gux-radial-progress.entry.js +1 -1
  201. package/dist/esm/gux-rating.entry.js +1 -1
  202. package/dist/esm/gux-region-icon.entry.js +1 -1
  203. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  204. package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
  205. package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
  206. package/dist/esm/gux-sort-control.entry.js +1 -1
  207. package/dist/esm/gux-switch-item.entry.js +1 -1
  208. package/dist/esm/gux-switch.entry.js +1 -1
  209. package/dist/esm/gux-tab-advanced-list.entry.js +1 -1
  210. package/dist/esm/gux-tab-panel.entry.js +1 -1
  211. package/dist/esm/gux-table-select-menu.entry.js +1 -1
  212. package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
  213. package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
  214. package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
  215. package/dist/esm/gux-table-toolbar.entry.js +1 -1
  216. package/dist/esm/gux-table.entry.js +2 -2
  217. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  218. package/dist/esm/gux-tabs.entry.js +1 -1
  219. package/dist/esm/gux-tag.entry.js +1 -1
  220. package/dist/esm/gux-text-highlight.entry.js +1 -1
  221. package/dist/esm/gux-time-beta.entry.js +1 -1
  222. package/dist/esm/gux-time-picker.entry.js +1 -1
  223. package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
  224. package/dist/esm/gux-toast.entry.js +1 -1
  225. package/dist/esm/gux-toggle-slider.entry.js +1 -1
  226. package/dist/esm/gux-toggle.entry.js +1 -1
  227. package/dist/esm/gux-tooltip.entry.js +1 -1
  228. package/dist/esm/loader.js +1 -1
  229. package/dist/esm/{usage-4e7ef844.js → usage-775c758f.js} +2 -1
  230. package/dist/genesys-webcomponents/genesys-webcomponents.css +3 -3
  231. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  232. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.en.json +1 -1
  233. package/dist/genesys-webcomponents/p-00ee9185.entry.js +1 -0
  234. package/dist/genesys-webcomponents/p-0731b5ab.entry.js +1 -0
  235. package/dist/genesys-webcomponents/{p-77f1232b.entry.js → p-096a8642.entry.js} +1 -1
  236. package/dist/genesys-webcomponents/p-09830c56.entry.js +1 -0
  237. package/dist/genesys-webcomponents/p-0a6e80c8.entry.js +1 -0
  238. package/dist/genesys-webcomponents/{p-0076f3f5.entry.js → p-0eb24603.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/{p-46108dd5.entry.js → p-120ba166.entry.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-ceed21c7.entry.js → p-17fed5ad.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/p-1890b2d6.entry.js +1 -0
  242. package/dist/genesys-webcomponents/{p-adbed625.js → p-19a7df84.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-b9a86ebe.entry.js → p-1accd06e.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-d253461a.entry.js → p-22dbcef7.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-41f2ecb4.entry.js → p-237aa911.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/p-25cbbd7d.entry.js +1 -0
  247. package/dist/genesys-webcomponents/{p-213cdf2c.entry.js → p-2ac5f1ed.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-c6fc2a5d.entry.js → p-2f6a16bc.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/p-3031a578.entry.js +1 -0
  250. package/dist/genesys-webcomponents/p-31c644b4.entry.js +1 -0
  251. package/dist/genesys-webcomponents/{p-d91f695d.entry.js → p-3231101a.entry.js} +1 -1
  252. package/dist/genesys-webcomponents/p-391d2c94.entry.js +1 -0
  253. package/dist/genesys-webcomponents/p-39aef491.entry.js +1 -0
  254. package/dist/genesys-webcomponents/p-39e12286.entry.js +1 -0
  255. package/dist/genesys-webcomponents/{p-d3a0a97b.entry.js → p-3d6b25da.entry.js} +1 -1
  256. package/dist/genesys-webcomponents/{p-103ad753.entry.js → p-3eae9bb3.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/{p-d339fb99.entry.js → p-41d752de.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/{p-6a31fb7e.entry.js → p-4a64f632.entry.js} +1 -1
  259. package/dist/genesys-webcomponents/{p-c7631270.entry.js → p-4ada7287.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-0f33f457.entry.js → p-4b538970.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-ecb4b661.entry.js → p-4d0dd9f8.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/{p-8e14e2ff.entry.js → p-4f070177.entry.js} +1 -1
  263. package/dist/genesys-webcomponents/p-4fc8b44e.entry.js +1 -0
  264. package/dist/genesys-webcomponents/{p-c4547d4a.entry.js → p-5285168c.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/p-5676eed0.entry.js +1 -0
  266. package/dist/genesys-webcomponents/p-57dce400.entry.js +1 -0
  267. package/dist/genesys-webcomponents/{p-9daee752.entry.js → p-5adbe8ab.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-0a1cc254.entry.js → p-60208c67.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/{p-5a22f1f6.entry.js → p-631fca69.entry.js} +1 -1
  270. package/dist/genesys-webcomponents/p-68203e47.entry.js +1 -0
  271. package/dist/genesys-webcomponents/{p-4d623f46.entry.js → p-7048200c.entry.js} +1 -1
  272. package/dist/genesys-webcomponents/{p-642c5650.entry.js → p-741cf5fa.entry.js} +1 -1
  273. package/dist/genesys-webcomponents/{p-78159639.entry.js → p-75c58b14.entry.js} +1 -1
  274. package/dist/genesys-webcomponents/p-7a24829d.entry.js +1 -0
  275. package/dist/genesys-webcomponents/{p-f5b1fc27.entry.js → p-7a470ab8.entry.js} +1 -1
  276. package/dist/genesys-webcomponents/p-7c5d3642.entry.js +1 -0
  277. package/dist/genesys-webcomponents/{p-8d5f3368.entry.js → p-7dd91f38.entry.js} +1 -1
  278. package/dist/genesys-webcomponents/{p-ea2177b4.entry.js → p-7e8613ef.entry.js} +1 -1
  279. package/dist/genesys-webcomponents/{p-31082d48.entry.js → p-84322c12.entry.js} +1 -1
  280. package/dist/genesys-webcomponents/{p-e01e8b11.entry.js → p-84b02f9a.entry.js} +1 -1
  281. package/dist/genesys-webcomponents/p-8988c6ea.entry.js +1 -0
  282. package/dist/genesys-webcomponents/p-8e23c28c.entry.js +1 -0
  283. package/dist/genesys-webcomponents/{p-3ef0a725.entry.js → p-90485aff.entry.js} +1 -1
  284. package/dist/genesys-webcomponents/{p-68ebbf22.entry.js → p-90fce0e4.entry.js} +1 -1
  285. package/dist/genesys-webcomponents/{p-83f11efa.entry.js → p-96f0be69.entry.js} +1 -1
  286. package/dist/genesys-webcomponents/{p-362129ec.entry.js → p-973325c9.entry.js} +1 -1
  287. package/dist/genesys-webcomponents/{p-2498b2e3.entry.js → p-9b5ec2bd.entry.js} +1 -1
  288. package/dist/genesys-webcomponents/{p-2afda1fa.entry.js → p-a26af641.entry.js} +1 -1
  289. package/dist/genesys-webcomponents/{p-924c1da2.entry.js → p-a70ecdb7.entry.js} +1 -1
  290. package/dist/genesys-webcomponents/{p-cb46759e.entry.js → p-a7112589.entry.js} +1 -1
  291. package/dist/genesys-webcomponents/{p-30a59436.entry.js → p-a865c24e.entry.js} +1 -1
  292. package/dist/genesys-webcomponents/{p-287495ec.entry.js → p-b28635c6.entry.js} +1 -1
  293. package/dist/genesys-webcomponents/p-b365e09b.entry.js +1 -0
  294. package/dist/genesys-webcomponents/p-b36d383b.entry.js +1 -0
  295. package/dist/genesys-webcomponents/{p-8b9f4bd0.entry.js → p-bbe6fe3f.entry.js} +1 -1
  296. package/dist/genesys-webcomponents/{p-4412b9b1.entry.js → p-bcea8f49.entry.js} +1 -1
  297. package/dist/genesys-webcomponents/{p-777735a1.entry.js → p-bd0759a5.entry.js} +1 -1
  298. package/dist/genesys-webcomponents/p-bd803de8.entry.js +1 -0
  299. package/dist/genesys-webcomponents/{p-3e9d0c7b.entry.js → p-bdd7db66.entry.js} +1 -1
  300. package/dist/genesys-webcomponents/{p-f4af5f6b.entry.js → p-beefc3de.entry.js} +1 -1
  301. package/dist/genesys-webcomponents/{p-4d250c8c.entry.js → p-c1b368fa.entry.js} +1 -1
  302. package/dist/genesys-webcomponents/{p-34b96434.entry.js → p-c909a96c.entry.js} +1 -1
  303. package/dist/genesys-webcomponents/{p-501d06d9.entry.js → p-cd08cdda.entry.js} +1 -1
  304. package/dist/genesys-webcomponents/{p-7b0db5cc.entry.js → p-d2e07ae1.entry.js} +1 -1
  305. package/dist/genesys-webcomponents/{p-b005c9ec.entry.js → p-d326ca91.entry.js} +1 -1
  306. package/dist/genesys-webcomponents/{p-40d1b7d6.entry.js → p-d4286397.entry.js} +1 -1
  307. package/dist/genesys-webcomponents/{p-11b420ed.entry.js → p-d48fa55a.entry.js} +1 -1
  308. package/dist/genesys-webcomponents/p-d5e44599.entry.js +1 -0
  309. package/dist/genesys-webcomponents/{p-44aed7b3.entry.js → p-d77d2752.entry.js} +1 -1
  310. package/dist/genesys-webcomponents/{p-1ce5509b.entry.js → p-d8b0b0d9.entry.js} +1 -1
  311. package/dist/genesys-webcomponents/{p-13b39caa.entry.js → p-d9afb24f.entry.js} +1 -1
  312. package/dist/genesys-webcomponents/{p-6002a77c.entry.js → p-e74ce003.entry.js} +1 -1
  313. package/dist/genesys-webcomponents/{p-a06dceae.entry.js → p-e7fe9d85.entry.js} +1 -1
  314. package/dist/genesys-webcomponents/p-ef910e9b.entry.js +1 -0
  315. package/dist/genesys-webcomponents/{p-9d2abb9e.entry.js → p-f2081d0c.entry.js} +1 -1
  316. package/dist/genesys-webcomponents/p-f758da43.entry.js +1 -0
  317. package/dist/genesys-webcomponents/{p-164fd006.entry.js → p-f9dbe1b4.entry.js} +1 -1
  318. package/dist/genesys-webcomponents/{p-87093380.entry.js → p-fd11ab49.entry.js} +1 -1
  319. package/dist/genesys-webcomponents/{p-51c934c5.entry.js → p-fd1e28c6.entry.js} +1 -1
  320. package/dist/genesys-webcomponents/{p-322710bc.entry.js → p-ff9e713f.entry.js} +1 -1
  321. package/dist/genesys-webcomponents/scss/focus.scss +48 -0
  322. package/dist/genesys-webcomponents/scss/style-reset-focusable.scss +23 -0
  323. package/dist/genesys-webcomponents/scss/style-reset-typography.scss +26 -0
  324. package/dist/genesys-webcomponents/scss/typography.scss +127 -0
  325. package/dist/stencil-wrapper.js +1 -1
  326. package/dist/types/components/stable/gux-button-multi/gux-button-multi.d.ts +0 -4
  327. package/dist/types/components/stable/gux-listbox-multi/gux-listbox-multi.d.ts +1 -1
  328. package/dist/types/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.d.ts +1 -0
  329. package/dist/types/components/stable/gux-loading-message/gux-loading-message.d.ts +0 -10
  330. package/dist/types/components/stable/gux-radial-loading/gux-radial-loading.functional.d.ts +8 -0
  331. package/dist/types/components/stable/gux-radial-loading/gux-radial-loading.service.d.ts +4 -0
  332. package/dist/types/components/stable/gux-radial-progress/gux-radial-progress.functional.d.ts +0 -3
  333. package/dist/types/components.d.ts +0 -8
  334. package/dist/types/stencil-wrapper.d.ts +1 -1
  335. package/package.json +2 -1
  336. package/dist/collection/components/stable/gux-loading-message/gux-loading-message-constants.js +0 -5
  337. package/dist/collection/components/stable/gux-loading-message/gux-loading-message-size.types.js +0 -1
  338. package/dist/collection/style/fonts/roboto-v20-latin-300.svg +0 -1
  339. package/dist/collection/style/fonts/roboto-v20-latin-700.svg +0 -309
  340. package/dist/collection/style/fonts/roboto-v20-latin-italic.svg +0 -323
  341. package/dist/collection/style/fonts/roboto-v20-latin-regular.svg +0 -308
  342. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-300.eot +0 -0
  343. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-300.svg +0 -1
  344. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-300.ttf +0 -0
  345. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-300.woff +0 -0
  346. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-300.woff2 +0 -0
  347. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-700.eot +0 -0
  348. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-700.svg +0 -309
  349. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-700.ttf +0 -0
  350. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-700.woff +0 -0
  351. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-700.woff2 +0 -0
  352. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-italic.eot +0 -0
  353. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-italic.svg +0 -323
  354. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-italic.ttf +0 -0
  355. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-italic.woff +0 -0
  356. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-italic.woff2 +0 -0
  357. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-regular.eot +0 -0
  358. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-regular.svg +0 -308
  359. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-regular.ttf +0 -0
  360. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-regular.woff +0 -0
  361. package/dist/genesys-webcomponents/fonts/roboto-v20-latin-regular.woff2 +0 -0
  362. package/dist/genesys-webcomponents/less/focus.less +0 -46
  363. package/dist/genesys-webcomponents/less/typography.less +0 -160
  364. package/dist/genesys-webcomponents/p-04e0fe86.entry.js +0 -1
  365. package/dist/genesys-webcomponents/p-12e01c6c.entry.js +0 -1
  366. package/dist/genesys-webcomponents/p-1aab5a86.entry.js +0 -1
  367. package/dist/genesys-webcomponents/p-1be0f29e.entry.js +0 -1
  368. package/dist/genesys-webcomponents/p-235edbf8.entry.js +0 -1
  369. package/dist/genesys-webcomponents/p-24c0304b.entry.js +0 -1
  370. package/dist/genesys-webcomponents/p-38d60100.entry.js +0 -1
  371. package/dist/genesys-webcomponents/p-3dde3588.entry.js +0 -1
  372. package/dist/genesys-webcomponents/p-6b929d2d.entry.js +0 -1
  373. package/dist/genesys-webcomponents/p-6e161af6.entry.js +0 -1
  374. package/dist/genesys-webcomponents/p-71739e39.entry.js +0 -1
  375. package/dist/genesys-webcomponents/p-844dfb88.entry.js +0 -1
  376. package/dist/genesys-webcomponents/p-8fcf1744.entry.js +0 -1
  377. package/dist/genesys-webcomponents/p-9046d865.entry.js +0 -1
  378. package/dist/genesys-webcomponents/p-9512246a.entry.js +0 -1
  379. package/dist/genesys-webcomponents/p-99e5fc7e.entry.js +0 -1
  380. package/dist/genesys-webcomponents/p-a1795d44.entry.js +0 -1
  381. package/dist/genesys-webcomponents/p-a81c0565.entry.js +0 -1
  382. package/dist/genesys-webcomponents/p-ab3e0cf2.entry.js +0 -1
  383. package/dist/genesys-webcomponents/p-bcba8202.entry.js +0 -1
  384. package/dist/genesys-webcomponents/p-c1314b3a.entry.js +0 -1
  385. package/dist/genesys-webcomponents/p-d4bae794.entry.js +0 -1
  386. package/dist/genesys-webcomponents/p-e1b518fb.entry.js +0 -1
  387. package/dist/genesys-webcomponents/p-e82dbae5.entry.js +0 -1
  388. package/dist/genesys-webcomponents/p-fdc9e35c.entry.js +0 -1
  389. package/dist/types/components/stable/gux-loading-message/gux-loading-message-constants.d.ts +0 -5
  390. package/dist/types/components/stable/gux-loading-message/gux-loading-message-size.types.d.ts +0 -1
@@ -0,0 +1,11 @@
1
+ import { h } from '@stencil/core';
2
+ import { largeSpinner, largeBorder, smallSpinner, smallBorder } from './gux-radial-loading.service';
3
+ export const GuxSpinnerState = ({ context = 'modal', screenreaderText }) => {
4
+ let size = largeSpinner;
5
+ let radius = largeSpinner * 0.5 - largeBorder * 0.5;
6
+ if (context === 'input') {
7
+ size = smallSpinner;
8
+ radius = smallSpinner * 0.5 - smallBorder * 0.5;
9
+ }
10
+ return (h("div", { class: `gux-${context}`, role: "progressbar", "aria-label": screenreaderText }, h("svg", { class: "gux-svg-container", viewBox: `0 0 ${size} ${size}`, role: "presentation" }, h("circle", { cx: "50%", cy: "50%", r: radius, class: "gux-static-circle" }), h("circle", { cx: "50%", cy: "50%", r: radius, class: "gux-dynamic-circle", "stroke-linecap": "round" }), h("circle", { cx: "50%", cy: "50%", r: radius, class: "gux-dynamic-circle-mask", "stroke-linecap": "round" }))));
11
+ };
@@ -1,6 +1,7 @@
1
1
  import { h } from '@stencil/core';
2
2
  import { buildI18nForComponent } from '../../../i18n';
3
3
  import { trackComponent } from '@utils/tracking/usage';
4
+ import { GuxSpinnerState } from './gux-radial-loading.functional';
4
5
  import modalComponentResources from './i18n/en.json';
5
6
  export class GuxRadialLoading {
6
7
  constructor() {
@@ -12,7 +13,7 @@ export class GuxRadialLoading {
12
13
  this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
13
14
  }
14
15
  render() {
15
- return (h("div", { role: "progressbar", "aria-label": this.screenreaderText || this.getI18nValue('loading'), class: `gux-spinner-container gux-${this.context}` }, h("div", { role: "presentation", class: "gux-spin-circle" })));
16
+ return (h(GuxSpinnerState, { context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
16
17
  }
17
18
  static get is() { return "gux-radial-loading"; }
18
19
  static get encapsulation() { return "shadow"; }
@@ -0,0 +1,4 @@
1
+ export const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
2
+ export const largeBorder = 4; // Linked to --gse-ui-progressAndLoading-largeBorder
3
+ export const smallSpinner = 16; // Linked to --gse-ui-progressAndLoading-spinner-large
4
+ export const smallBorder = 2; // Linked to --gse-ui-progressAndLoading-largeBorder
@@ -1,162 +1,59 @@
1
1
  .gux-focus-ring-focused:focus {
2
- outline: 3px solid #aac9ff;
3
- outline-offset: 1px;
4
- box-shadow: 0 0 0 1px #fdfdfd;
2
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
3
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
4
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
5
+ outline-offset: var(--gse-semantic-focusRing-offset);
5
6
  }
6
7
 
7
8
  .gux-focus-ring-focused-within:focus-within {
8
- outline: 3px solid #aac9ff;
9
- outline-offset: 1px;
10
- box-shadow: 0 0 0 1px #fdfdfd;
9
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
10
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
11
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
12
+ outline-offset: var(--gse-semantic-focusRing-offset);
11
13
  }
12
14
 
13
15
  .gux-focus-ring-focused-visible:focus-visible {
14
- outline: 3px solid #aac9ff;
15
- outline-offset: 1px;
16
- box-shadow: 0 0 0 1px #fdfdfd;
16
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
17
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
18
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
19
+ outline-offset: var(--gse-semantic-focusRing-offset);
17
20
  }
18
21
 
19
22
  .gux-focus-ring-small-focused:focus {
20
- outline: 2px solid #aac9ff;
21
- outline-offset: 0;
23
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
24
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
25
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
22
26
  }
23
27
 
24
28
  .gux-focus-ring-small-focused-within:focus-within {
25
- outline: 2px solid #aac9ff;
26
- outline-offset: 0;
29
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
30
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
31
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
27
32
  }
28
33
 
29
34
  .gux-focus-ring-small-focused-visible:focus-visible {
30
- outline: 2px solid #aac9ff;
31
- outline-offset: 0;
35
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
36
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
37
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
32
38
  }
33
39
 
34
- /* Font Definitions. */
35
- /* From: https://google-webfonts-helper.herokuapp.com */
36
- /* roboto-300 - latin */
37
- @font-face {
38
- font-family: Roboto;
39
- font-style: normal;
40
- font-weight: 300;
41
- src: url("./fonts/roboto-v20-latin-300.eot"); /* IE9 Compat Modes */
42
- src: local("Roboto Light"), local("Roboto-Light"), url("./fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-300.woff2") format("woff2"), url("./fonts/roboto-v20-latin-300.woff") format("woff"), url("./fonts/roboto-v20-latin-300.ttf") format("truetype"), url("./fonts/roboto-v20-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
43
- }
44
- /* roboto-regular - latin */
45
- @font-face {
46
- font-family: Roboto;
47
- font-style: normal;
48
- font-weight: 400;
49
- src: url("./fonts/roboto-v20-latin-regular.eot"); /* IE9 Compat Modes */
50
- src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-regular.woff") format("woff"), url("./fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("./fonts/roboto-v20-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
51
- }
52
- /* roboto-italic - latin */
53
- @font-face {
54
- font-family: Roboto;
55
- font-style: italic;
56
- font-weight: 400;
57
- src: url("./fonts/roboto-v20-latin-italic.eot"); /* IE9 Compat Modes */
58
- src: local("Roboto Italic"), local("Roboto-Italic"), url("./fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("./fonts/roboto-v20-latin-italic.woff") format("woff"), url("./fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("./fonts/roboto-v20-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */
59
- }
60
- /* roboto-700 - latin */
61
- @font-face {
62
- font-family: Roboto;
63
- font-style: normal;
64
- font-weight: 700;
65
- src: url("./fonts/roboto-v20-latin-700.eot"); /* IE9 Compat Modes */
66
- src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-700.woff") format("woff"), url("./fonts/roboto-v20-latin-700.ttf") format("truetype"), url("./fonts/roboto-v20-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
67
- }
68
40
  /*
69
41
  * Typography styles and mixins.
70
42
  */
71
43
  /* Helpers */
72
44
  /* Base typography */
73
- body {
74
- font-family: Roboto, sans-serif;
75
- font-weight: 400;
76
- font-size: 12px;
77
- line-height: 20px;
78
- }
79
-
80
45
  /* Headings */
81
- h1 {
82
- font-family: Roboto, sans-serif;
83
- font-weight: 400;
84
- font-weight: 300;
85
- font-size: 24px;
86
- line-height: 32px;
87
- }
88
-
89
- h2 {
90
- font-family: Roboto, sans-serif;
91
- font-weight: 400;
92
- font-weight: 300;
93
- font-size: 18px;
94
- line-height: 24px;
95
- }
96
-
97
- h3 {
98
- font-family: Roboto, sans-serif;
99
- font-weight: 400;
100
- font-weight: 700;
101
- font-size: 14px;
102
- line-height: 20px;
103
- }
104
-
105
- h4,
106
- h5,
107
- h6 {
108
- font-family: Roboto, sans-serif;
109
- font-weight: 400;
110
- font-size: 14px;
111
- line-height: 20px;
112
- }
113
-
114
46
  /* Anchor */
115
47
  .gux-icon-anchor gux-icon {
116
- padding-right: 2px;
117
- }
118
-
119
- a {
120
- color: #2a60c8;
121
- text-decoration: underline;
122
- border-radius: 2px;
123
- }
124
- a:hover {
125
- color: #2754ac;
126
- }
127
- a:active {
128
- color: #23478f;
129
- }
130
- a:focus-visible {
131
- outline: 3px solid #aac9ff;
132
- outline-offset: 1px;
133
- box-shadow: 0 0 0 1px #fdfdfd;
134
- }
135
-
136
- table a {
137
- color: #2a60c8;
138
- text-decoration: underline;
139
- border-radius: 2px;
140
- text-decoration: none;
141
- }
142
- table a:hover {
143
- color: #2754ac;
144
- }
145
- table a:active {
146
- color: #23478f;
147
- }
148
- table a:focus-visible {
149
- outline: 3px solid #aac9ff;
150
- outline-offset: 1px;
151
- box-shadow: 0 0 0 1px #fdfdfd;
48
+ padding-right: var(--gse-ui-links-inLine-padding);
152
49
  }
153
50
 
154
51
  /* Custom Styles */
155
52
  gux-switch-item > .gux-switch-item {
156
- font-family: Roboto, sans-serif;
157
- font-weight: 400;
158
- font-size: 12px;
159
- line-height: 20px;
53
+ font-family: var(--gse-core-fontFamily-body), sans-serif;
54
+ font-weight: var(--gse-core-fontWeight-regular);
55
+ font-size: var(--gse-core-fontSize-xs);
56
+ line-height: var(--gse-core-lineHeight-xs);
160
57
  font: unset;
161
58
  color: #2e394c;
162
59
  text-align: center;
@@ -172,9 +69,8 @@ gux-switch-item[disabled] {
172
69
  opacity: 0.5;
173
70
  }
174
71
  gux-switch-item.gux-selected {
175
- font-family: Roboto, sans-serif;
176
- font-weight: 400;
177
- font-weight: 700;
72
+ font-family: var(--gse-core-fontFamily-body), sans-serif;
73
+ font-weight: var(--gse-core-fontWeight-bold);
178
74
  }
179
75
 
180
76
  gux-switch > gux-switch-item .gux-switch-item {
@@ -201,10 +97,10 @@ gux-switch > gux-switch-item.gux-selected .gux-switch-item > gux-icon svg {
201
97
  fill: #2e394c;
202
98
  }
203
99
  gux-switch.gux-small > gux-switch-item .gux-switch-item {
204
- font-family: Roboto, sans-serif;
205
- font-weight: 400;
206
- font-size: 11px;
207
- line-height: 16px;
100
+ font-family: var(--gse-core-fontFamily-body), sans-serif;
101
+ font-weight: var(--gse-core-fontWeight-regular);
102
+ font-size: var(--gse-core-fontSize-xs);
103
+ line-height: var(--gse-core-lineHeight-xs);
208
104
  padding: 0 4px;
209
105
  border-bottom: 1px solid #e2e6ee;
210
106
  }
@@ -1,34 +1,40 @@
1
1
  .gux-focus-ring-focused:focus {
2
- outline: 3px solid #aac9ff;
3
- outline-offset: 1px;
4
- box-shadow: 0 0 0 1px #fdfdfd;
2
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
3
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
4
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
5
+ outline-offset: var(--gse-semantic-focusRing-offset);
5
6
  }
6
7
 
7
8
  .gux-focus-ring-focused-within:focus-within {
8
- outline: 3px solid #aac9ff;
9
- outline-offset: 1px;
10
- box-shadow: 0 0 0 1px #fdfdfd;
9
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
10
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
11
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
12
+ outline-offset: var(--gse-semantic-focusRing-offset);
11
13
  }
12
14
 
13
15
  .gux-focus-ring-focused-visible:focus-visible {
14
- outline: 3px solid #aac9ff;
15
- outline-offset: 1px;
16
- box-shadow: 0 0 0 1px #fdfdfd;
16
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
17
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
18
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
19
+ outline-offset: var(--gse-semantic-focusRing-offset);
17
20
  }
18
21
 
19
22
  .gux-focus-ring-small-focused:focus {
20
- outline: 2px solid #aac9ff;
21
- outline-offset: 0;
23
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
24
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
25
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
22
26
  }
23
27
 
24
28
  .gux-focus-ring-small-focused-within:focus-within {
25
- outline: 2px solid #aac9ff;
26
- outline-offset: 0;
29
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
30
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
31
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
27
32
  }
28
33
 
29
34
  .gux-focus-ring-small-focused-visible:focus-visible {
30
- outline: 2px solid #aac9ff;
31
- outline-offset: 0;
35
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
36
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
37
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
32
38
  }
33
39
 
34
40
  gux-table-select-menu {
@@ -1,154 +1,51 @@
1
1
  .gux-focus-ring-focused:focus {
2
- outline: 3px solid #aac9ff;
3
- outline-offset: 1px;
4
- box-shadow: 0 0 0 1px #fdfdfd;
2
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
3
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
4
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
5
+ outline-offset: var(--gse-semantic-focusRing-offset);
5
6
  }
6
7
 
7
8
  .gux-focus-ring-focused-within:focus-within {
8
- outline: 3px solid #aac9ff;
9
- outline-offset: 1px;
10
- box-shadow: 0 0 0 1px #fdfdfd;
9
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
10
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
11
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
12
+ outline-offset: var(--gse-semantic-focusRing-offset);
11
13
  }
12
14
 
13
15
  .gux-focus-ring-focused-visible:focus-visible {
14
- outline: 3px solid #aac9ff;
15
- outline-offset: 1px;
16
- box-shadow: 0 0 0 1px #fdfdfd;
16
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
17
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
18
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
19
+ outline-offset: var(--gse-semantic-focusRing-offset);
17
20
  }
18
21
 
19
22
  .gux-focus-ring-small-focused:focus {
20
- outline: 2px solid #aac9ff;
21
- outline-offset: 0;
23
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
24
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
25
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
22
26
  }
23
27
 
24
28
  .gux-focus-ring-small-focused-within:focus-within {
25
- outline: 2px solid #aac9ff;
26
- outline-offset: 0;
29
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
30
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
31
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
27
32
  }
28
33
 
29
34
  .gux-focus-ring-small-focused-visible:focus-visible {
30
- outline: 2px solid #aac9ff;
31
- outline-offset: 0;
35
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
36
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
37
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
32
38
  }
33
39
 
34
- /* Font Definitions. */
35
- /* From: https://google-webfonts-helper.herokuapp.com */
36
- /* roboto-300 - latin */
37
- @font-face {
38
- font-family: Roboto;
39
- font-style: normal;
40
- font-weight: 300;
41
- src: url("./fonts/roboto-v20-latin-300.eot"); /* IE9 Compat Modes */
42
- src: local("Roboto Light"), local("Roboto-Light"), url("./fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-300.woff2") format("woff2"), url("./fonts/roboto-v20-latin-300.woff") format("woff"), url("./fonts/roboto-v20-latin-300.ttf") format("truetype"), url("./fonts/roboto-v20-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
43
- }
44
- /* roboto-regular - latin */
45
- @font-face {
46
- font-family: Roboto;
47
- font-style: normal;
48
- font-weight: 400;
49
- src: url("./fonts/roboto-v20-latin-regular.eot"); /* IE9 Compat Modes */
50
- src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-regular.woff") format("woff"), url("./fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("./fonts/roboto-v20-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
51
- }
52
- /* roboto-italic - latin */
53
- @font-face {
54
- font-family: Roboto;
55
- font-style: italic;
56
- font-weight: 400;
57
- src: url("./fonts/roboto-v20-latin-italic.eot"); /* IE9 Compat Modes */
58
- src: local("Roboto Italic"), local("Roboto-Italic"), url("./fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("./fonts/roboto-v20-latin-italic.woff") format("woff"), url("./fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("./fonts/roboto-v20-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */
59
- }
60
- /* roboto-700 - latin */
61
- @font-face {
62
- font-family: Roboto;
63
- font-style: normal;
64
- font-weight: 700;
65
- src: url("./fonts/roboto-v20-latin-700.eot"); /* IE9 Compat Modes */
66
- src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-700.woff") format("woff"), url("./fonts/roboto-v20-latin-700.ttf") format("truetype"), url("./fonts/roboto-v20-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
67
- }
68
40
  /*
69
41
  * Typography styles and mixins.
70
42
  */
71
43
  /* Helpers */
72
44
  /* Base typography */
73
- body {
74
- font-family: Roboto, sans-serif;
75
- font-weight: 400;
76
- font-size: 12px;
77
- line-height: 20px;
78
- }
79
-
80
45
  /* Headings */
81
- h1 {
82
- font-family: Roboto, sans-serif;
83
- font-weight: 400;
84
- font-weight: 300;
85
- font-size: 24px;
86
- line-height: 32px;
87
- }
88
-
89
- h2 {
90
- font-family: Roboto, sans-serif;
91
- font-weight: 400;
92
- font-weight: 300;
93
- font-size: 18px;
94
- line-height: 24px;
95
- }
96
-
97
- h3 {
98
- font-family: Roboto, sans-serif;
99
- font-weight: 400;
100
- font-weight: 700;
101
- font-size: 14px;
102
- line-height: 20px;
103
- }
104
-
105
- h4,
106
- h5,
107
- h6 {
108
- font-family: Roboto, sans-serif;
109
- font-weight: 400;
110
- font-size: 14px;
111
- line-height: 20px;
112
- }
113
-
114
46
  /* Anchor */
115
47
  .gux-icon-anchor gux-icon {
116
- padding-right: 2px;
117
- }
118
-
119
- a {
120
- color: #2a60c8;
121
- text-decoration: underline;
122
- border-radius: 2px;
123
- }
124
- a:hover {
125
- color: #2754ac;
126
- }
127
- a:active {
128
- color: #23478f;
129
- }
130
- a:focus-visible {
131
- outline: 3px solid #aac9ff;
132
- outline-offset: 1px;
133
- box-shadow: 0 0 0 1px #fdfdfd;
134
- }
135
-
136
- table a {
137
- color: #2a60c8;
138
- text-decoration: underline;
139
- border-radius: 2px;
140
- text-decoration: none;
141
- }
142
- table a:hover {
143
- color: #2754ac;
144
- }
145
- table a:active {
146
- color: #23478f;
147
- }
148
- table a:focus-visible {
149
- outline: 3px solid #aac9ff;
150
- outline-offset: 1px;
151
- box-shadow: 0 0 0 1px #fdfdfd;
48
+ padding-right: var(--gse-ui-links-inLine-padding);
152
49
  }
153
50
 
154
51
  /* Custom Styles */
@@ -176,9 +73,8 @@ table a:focus-visible {
176
73
  height: calc(100% - var(--gse-ui-dataTableItems-header-default-height));
177
74
  color: #596373;
178
75
  background: #fdfdfd;
179
- font-family: Roboto, sans-serif;
180
- font-weight: 400;
181
- font-weight: 300;
182
- font-size: 18px;
183
- line-height: 24px;
76
+ font-family: var(--gse-core-fontFamily-heading), var(--gse-core-fontFamily-body), sans-serif;
77
+ font-weight: var(--gse-core-fontWeight-semiBold);
78
+ font-size: var(--gse-core-fontSize-lg);
79
+ line-height: var(--gse-lineHeight-md);
184
80
  }
@@ -1,34 +1,40 @@
1
1
  .gux-focus-ring-focused:focus {
2
- outline: 3px solid #aac9ff;
3
- outline-offset: 1px;
4
- box-shadow: 0 0 0 1px #fdfdfd;
2
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
3
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
4
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
5
+ outline-offset: var(--gse-semantic-focusRing-offset);
5
6
  }
6
7
 
7
8
  .gux-focus-ring-focused-within:focus-within {
8
- outline: 3px solid #aac9ff;
9
- outline-offset: 1px;
10
- box-shadow: 0 0 0 1px #fdfdfd;
9
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
10
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
11
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
12
+ outline-offset: var(--gse-semantic-focusRing-offset);
11
13
  }
12
14
 
13
15
  .gux-focus-ring-focused-visible:focus-visible {
14
- outline: 3px solid #aac9ff;
15
- outline-offset: 1px;
16
- box-shadow: 0 0 0 1px #fdfdfd;
16
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
17
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
18
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
19
+ outline-offset: var(--gse-semantic-focusRing-offset);
17
20
  }
18
21
 
19
22
  .gux-focus-ring-small-focused:focus {
20
- outline: 2px solid #aac9ff;
21
- outline-offset: 0;
23
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
24
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
25
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
22
26
  }
23
27
 
24
28
  .gux-focus-ring-small-focused-within:focus-within {
25
- outline: 2px solid #aac9ff;
26
- outline-offset: 0;
29
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
30
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
31
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
27
32
  }
28
33
 
29
34
  .gux-focus-ring-small-focused-visible:focus-visible {
30
- outline: 2px solid #aac9ff;
31
- outline-offset: 0;
35
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
36
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
37
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
32
38
  }
33
39
 
34
40
  :host {
@@ -45,7 +51,8 @@
45
51
  }
46
52
 
47
53
  :host(:focus-visible) {
48
- outline: 3px solid #aac9ff;
49
- outline-offset: 1px;
50
- box-shadow: 0 0 0 1px #fdfdfd;
54
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
55
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
56
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
57
+ outline-offset: var(--gse-semantic-focusRing-offset);
51
58
  }
@@ -32,7 +32,7 @@ gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-butto
32
32
  white-space: nowrap;
33
33
  font-size: 12px;
34
34
  line-height: 20px;
35
- font-family: Roboto, sans-serif;
35
+ font-family: sans-serif;
36
36
  font-weight: 400;
37
37
  font-weight: 700;
38
38
  }
@@ -1,34 +1,40 @@
1
1
  .gux-focus-ring-focused:focus {
2
- outline: 3px solid #aac9ff;
3
- outline-offset: 1px;
4
- box-shadow: 0 0 0 1px #fdfdfd;
2
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
3
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
4
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
5
+ outline-offset: var(--gse-semantic-focusRing-offset);
5
6
  }
6
7
 
7
8
  .gux-focus-ring-focused-within:focus-within {
8
- outline: 3px solid #aac9ff;
9
- outline-offset: 1px;
10
- box-shadow: 0 0 0 1px #fdfdfd;
9
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
10
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
11
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
12
+ outline-offset: var(--gse-semantic-focusRing-offset);
11
13
  }
12
14
 
13
15
  .gux-focus-ring-focused-visible:focus-visible {
14
- outline: 3px solid #aac9ff;
15
- outline-offset: 1px;
16
- box-shadow: 0 0 0 1px #fdfdfd;
16
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
17
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
18
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
19
+ outline-offset: var(--gse-semantic-focusRing-offset);
17
20
  }
18
21
 
19
22
  .gux-focus-ring-small-focused:focus {
20
- outline: 2px solid #aac9ff;
21
- outline-offset: 0;
23
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
24
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
25
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
22
26
  }
23
27
 
24
28
  .gux-focus-ring-small-focused-within:focus-within {
25
- outline: 2px solid #aac9ff;
26
- outline-offset: 0;
29
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
30
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
31
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
27
32
  }
28
33
 
29
34
  .gux-focus-ring-small-focused-visible:focus-visible {
30
- outline: 2px solid #aac9ff;
31
- outline-offset: 0;
35
+ outline-width: var(--gse-semantic-focusRing-small-border-width);
36
+ outline-style: var(--gse-semantic-focusRing-small-border-style);
37
+ outline-color: var(--gse-semantic-focusRing-small-border-color);
32
38
  }
33
39
 
34
40
  gux-toggle-slider {
@@ -54,9 +60,10 @@ gux-toggle-slider .gux-toggle-slider.gux-disabled {
54
60
  }
55
61
  gux-toggle-slider .gux-toggle-slider:focus-visible {
56
62
  outline: none;
57
- outline: 3px solid #aac9ff;
58
- outline-offset: 1px;
59
- box-shadow: 0 0 0 1px #fdfdfd;
63
+ outline-width: var(--gse-semantic-focusRing-default-border-width);
64
+ outline-style: var(--gse-semantic-focusRing-default-border-style);
65
+ outline-color: var(--gse-semantic-focusRing-default-border-color);
66
+ outline-offset: var(--gse-semantic-focusRing-offset);
60
67
  }
61
68
  gux-toggle-slider .gux-toggle-slider .gux-slider {
62
69
  position: absolute;
@@ -1185,8 +1185,7 @@
1185
1185
  "tertiary"
1186
1186
  ],
1187
1187
  "disabled": "checkbox",
1188
- "is-open": "checkbox",
1189
- "text": "text"
1188
+ "is-open": "checkbox"
1190
1189
  },
1191
1190
  "events": {
1192
1191
  "close": "Triggered when the menu is close",