@workday/canvas-kit-react 12.4.19 → 12.4.21

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 (255) hide show
  1. package/collection/index.ts +12 -3
  2. package/dist/commonjs/action-bar/lib/ActionBar.d.ts +348 -348
  3. package/dist/commonjs/action-bar/lib/ActionBarItem.d.ts +13 -13
  4. package/dist/commonjs/action-bar/lib/ActionBarList.d.ts +13 -13
  5. package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.d.ts +18 -18
  6. package/dist/commonjs/action-bar/lib/useActionBarModel.d.ts +217 -217
  7. package/dist/commonjs/avatar/lib/Avatar.js +21 -21
  8. package/dist/commonjs/badge/lib/CountBadge.js +3 -3
  9. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts +357 -357
  10. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts.map +1 -1
  11. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts +18 -18
  12. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.d.ts +13 -13
  13. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.d.ts +9 -9
  14. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.d.ts +124 -124
  15. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts +18 -18
  16. package/dist/commonjs/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts +217 -217
  17. package/dist/commonjs/button/lib/BaseButton.js +21 -21
  18. package/dist/commonjs/button/lib/DeleteButton.js +1 -1
  19. package/dist/commonjs/button/lib/Hyperlink.js +2 -2
  20. package/dist/commonjs/button/lib/PrimaryButton.js +2 -2
  21. package/dist/commonjs/button/lib/SecondaryButton.js +2 -2
  22. package/dist/commonjs/button/lib/TertiaryButton.js +18 -18
  23. package/dist/commonjs/card/lib/Card.js +1 -1
  24. package/dist/commonjs/card/lib/CardBody.js +1 -1
  25. package/dist/commonjs/card/lib/CardHeading.js +1 -1
  26. package/dist/commonjs/checkbox/lib/CheckBackground.js +3 -3
  27. package/dist/commonjs/checkbox/lib/CheckboxCheck.js +5 -5
  28. package/dist/commonjs/checkbox/lib/CheckboxContainer.js +1 -1
  29. package/dist/commonjs/checkbox/lib/CheckboxInput.js +5 -5
  30. package/dist/commonjs/checkbox/lib/CheckboxRipple.js +1 -1
  31. package/dist/commonjs/collection/index.d.ts +5 -4
  32. package/dist/commonjs/collection/index.d.ts.map +1 -1
  33. package/dist/commonjs/collection/lib/ListBox.js +3 -3
  34. package/dist/commonjs/collection/lib/useListItemAllowChildStrings.d.ts +4 -4
  35. package/dist/commonjs/combobox/lib/Combobox.d.ts +124 -124
  36. package/dist/commonjs/combobox/lib/ComboboxCard.d.ts +8 -8
  37. package/dist/commonjs/combobox/lib/ComboboxInput.d.ts +4 -4
  38. package/dist/commonjs/combobox/lib/ComboboxMenu.d.ts +20 -20
  39. package/dist/commonjs/combobox/lib/ComboboxMenuItem.d.ts +4 -4
  40. package/dist/commonjs/combobox/lib/ComboboxMenuList.d.ts +8 -8
  41. package/dist/commonjs/combobox/lib/ComboboxMenuList.js +1 -1
  42. package/dist/commonjs/combobox/lib/ComboboxPopper.d.ts +4 -4
  43. package/dist/commonjs/combobox/lib/hooks/useComboboxInput.d.ts +4 -4
  44. package/dist/commonjs/combobox/lib/hooks/useComboboxInputArbitrary.d.ts +4 -4
  45. package/dist/commonjs/combobox/lib/hooks/useComboboxInputConstrained.d.ts +4 -4
  46. package/dist/commonjs/combobox/lib/hooks/useComboboxInputOpenWithArrowKeys.d.ts +4 -4
  47. package/dist/commonjs/combobox/lib/hooks/useComboboxKeyboardTypeAhead.d.ts +4 -4
  48. package/dist/commonjs/combobox/lib/hooks/useComboboxListKeyboardHandler.d.ts +4 -4
  49. package/dist/commonjs/combobox/lib/hooks/useComboboxModel.d.ts +110 -110
  50. package/dist/commonjs/combobox/lib/hooks/useComboboxMoveCursorToSelected.d.ts +4 -4
  51. package/dist/commonjs/combobox/lib/hooks/useComboboxResetCursorToSelected.d.ts +4 -4
  52. package/dist/commonjs/combobox/lib/hooks/useSetPopupWidth.d.ts +4 -4
  53. package/dist/commonjs/common/lib/AccessibleHide.js +1 -1
  54. package/dist/commonjs/common/lib/CanvasProvider.js +1 -1
  55. package/dist/commonjs/form-field/lib/FormFieldContainer.js +1 -1
  56. package/dist/commonjs/form-field/lib/FormFieldField.js +1 -1
  57. package/dist/commonjs/form-field/lib/FormFieldGroupLabel.js +5 -5
  58. package/dist/commonjs/form-field/lib/FormFieldGroupList.js +3 -3
  59. package/dist/commonjs/form-field/lib/FormFieldHint.js +3 -3
  60. package/dist/commonjs/form-field/lib/FormFieldLabel.js +6 -6
  61. package/dist/commonjs/form-field/lib/formFieldStencil.js +8 -8
  62. package/dist/commonjs/icon/lib/AccentIcon.js +2 -2
  63. package/dist/commonjs/icon/lib/AppletIcon.js +1 -1
  64. package/dist/commonjs/icon/lib/Graphic.js +2 -2
  65. package/dist/commonjs/icon/lib/Svg.js +2 -2
  66. package/dist/commonjs/icon/lib/SystemIcon.js +1 -1
  67. package/dist/commonjs/icon/lib/SystemIconCircle.js +1 -1
  68. package/dist/commonjs/loading-dots/lib/LoadingDots.js +2 -2
  69. package/dist/commonjs/menu/lib/Menu.d.ts +124 -124
  70. package/dist/commonjs/menu/lib/MenuCard.d.ts +8 -8
  71. package/dist/commonjs/menu/lib/MenuCard.js +1 -1
  72. package/dist/commonjs/menu/lib/MenuContextTarget.d.ts +12 -12
  73. package/dist/commonjs/menu/lib/MenuItem.d.ts +8 -8
  74. package/dist/commonjs/menu/lib/MenuItem.js +1 -1
  75. package/dist/commonjs/menu/lib/MenuList.d.ts +8 -8
  76. package/dist/commonjs/menu/lib/MenuList.js +3 -3
  77. package/dist/commonjs/menu/lib/MenuOption.d.ts +8 -8
  78. package/dist/commonjs/menu/lib/MenuOption.js +1 -1
  79. package/dist/commonjs/menu/lib/MenuPopper.d.ts +4 -4
  80. package/dist/commonjs/menu/lib/MenuTarget.d.ts +20 -20
  81. package/dist/commonjs/menu/lib/useMenuModel.d.ts +106 -106
  82. package/dist/commonjs/modal/lib/ModalBody.js +1 -1
  83. package/dist/commonjs/modal/lib/ModalCard.js +1 -1
  84. package/dist/commonjs/modal/lib/ModalHeading.js +1 -1
  85. package/dist/commonjs/modal/lib/ModalOverflowOverlay.js +1 -1
  86. package/dist/commonjs/modal/lib/ModalOverlay.js +2 -2
  87. package/dist/commonjs/popup/lib/PopupBody.js +1 -1
  88. package/dist/commonjs/popup/lib/PopupCard.js +2 -2
  89. package/dist/commonjs/popup/lib/PopupCloseIcon.js +1 -1
  90. package/dist/commonjs/popup/lib/PopupHeading.js +1 -1
  91. package/dist/commonjs/select/lib/Select.d.ts +128 -128
  92. package/dist/commonjs/select/lib/SelectCard.d.ts +8 -8
  93. package/dist/commonjs/select/lib/SelectCard.js +1 -1
  94. package/dist/commonjs/select/lib/SelectInput.d.ts +4 -4
  95. package/dist/commonjs/select/lib/SelectInput.js +3 -3
  96. package/dist/commonjs/select/lib/SelectItem.d.ts +8 -8
  97. package/dist/commonjs/select/lib/hooks/useSelectCard.d.ts +4 -4
  98. package/dist/commonjs/select/lib/hooks/useSelectInput.d.ts +4 -4
  99. package/dist/commonjs/select/lib/hooks/useSelectModel.d.ts +110 -110
  100. package/dist/commonjs/switch/lib/Switch.js +7 -7
  101. package/dist/commonjs/table/lib/Table.js +1 -1
  102. package/dist/commonjs/table/lib/TableBody.js +1 -1
  103. package/dist/commonjs/table/lib/TableCaption.js +1 -1
  104. package/dist/commonjs/table/lib/TableCell.js +1 -1
  105. package/dist/commonjs/table/lib/TableFooter.js +1 -1
  106. package/dist/commonjs/table/lib/TableHead.js +1 -1
  107. package/dist/commonjs/table/lib/TableHeader.js +1 -1
  108. package/dist/commonjs/table/lib/TableRow.js +1 -1
  109. package/dist/commonjs/tabs/lib/Tabs.d.ts +470 -470
  110. package/dist/commonjs/tabs/lib/TabsItem.d.ts +18 -18
  111. package/dist/commonjs/tabs/lib/TabsList.d.ts +18 -18
  112. package/dist/commonjs/tabs/lib/TabsMenuPopper.d.ts +4 -4
  113. package/dist/commonjs/tabs/lib/TabsOverflowButton.d.ts +18 -18
  114. package/dist/commonjs/tabs/lib/TabsPanel.d.ts +18 -18
  115. package/dist/commonjs/tabs/lib/TabsPanels.d.ts +9 -9
  116. package/dist/commonjs/tabs/lib/useTabsModel.d.ts +405 -405
  117. package/dist/commonjs/text/lib/LabelText.js +6 -6
  118. package/dist/commonjs/text/lib/Text.js +16 -16
  119. package/dist/commonjs/text/lib/TypeLevelComponents.js +4 -4
  120. package/dist/commonjs/text-area/lib/TextArea.js +5 -5
  121. package/dist/commonjs/text-input/lib/InputGroup.js +6 -6
  122. package/dist/commonjs/text-input/lib/TextInput.js +5 -5
  123. package/dist/commonjs/toast/lib/Toast.js +1 -1
  124. package/dist/commonjs/toast/lib/ToastBody.js +1 -1
  125. package/dist/commonjs/toast/lib/ToastCloseIcon.js +1 -1
  126. package/dist/commonjs/toast/lib/ToastIcon.js +1 -1
  127. package/dist/commonjs/toast/lib/ToastMessage.js +1 -1
  128. package/dist/es6/action-bar/lib/ActionBar.d.ts +348 -348
  129. package/dist/es6/action-bar/lib/ActionBarItem.d.ts +13 -13
  130. package/dist/es6/action-bar/lib/ActionBarList.d.ts +13 -13
  131. package/dist/es6/action-bar/lib/ActionBarOverflowButton.d.ts +18 -18
  132. package/dist/es6/action-bar/lib/useActionBarModel.d.ts +217 -217
  133. package/dist/es6/avatar/lib/Avatar.js +21 -21
  134. package/dist/es6/badge/lib/CountBadge.js +3 -3
  135. package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts +357 -357
  136. package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts.map +1 -1
  137. package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts +18 -18
  138. package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.d.ts +13 -13
  139. package/dist/es6/breadcrumbs/lib/BreadcrumbsList.d.ts +9 -9
  140. package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.d.ts +124 -124
  141. package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts +18 -18
  142. package/dist/es6/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts +217 -217
  143. package/dist/es6/button/lib/BaseButton.js +21 -21
  144. package/dist/es6/button/lib/DeleteButton.js +1 -1
  145. package/dist/es6/button/lib/Hyperlink.js +2 -2
  146. package/dist/es6/button/lib/PrimaryButton.js +2 -2
  147. package/dist/es6/button/lib/SecondaryButton.js +2 -2
  148. package/dist/es6/button/lib/TertiaryButton.js +18 -18
  149. package/dist/es6/card/lib/Card.js +1 -1
  150. package/dist/es6/card/lib/CardBody.js +1 -1
  151. package/dist/es6/card/lib/CardHeading.js +1 -1
  152. package/dist/es6/checkbox/lib/CheckBackground.js +3 -3
  153. package/dist/es6/checkbox/lib/CheckboxCheck.js +5 -5
  154. package/dist/es6/checkbox/lib/CheckboxContainer.js +1 -1
  155. package/dist/es6/checkbox/lib/CheckboxInput.js +5 -5
  156. package/dist/es6/checkbox/lib/CheckboxRipple.js +1 -1
  157. package/dist/es6/collection/index.d.ts +5 -4
  158. package/dist/es6/collection/index.d.ts.map +1 -1
  159. package/dist/es6/collection/index.js +1 -1
  160. package/dist/es6/collection/lib/ListBox.js +3 -3
  161. package/dist/es6/collection/lib/useListItemAllowChildStrings.d.ts +4 -4
  162. package/dist/es6/combobox/lib/Combobox.d.ts +124 -124
  163. package/dist/es6/combobox/lib/ComboboxCard.d.ts +8 -8
  164. package/dist/es6/combobox/lib/ComboboxInput.d.ts +4 -4
  165. package/dist/es6/combobox/lib/ComboboxMenu.d.ts +20 -20
  166. package/dist/es6/combobox/lib/ComboboxMenuItem.d.ts +4 -4
  167. package/dist/es6/combobox/lib/ComboboxMenuList.d.ts +8 -8
  168. package/dist/es6/combobox/lib/ComboboxMenuList.js +1 -1
  169. package/dist/es6/combobox/lib/ComboboxPopper.d.ts +4 -4
  170. package/dist/es6/combobox/lib/hooks/useComboboxInput.d.ts +4 -4
  171. package/dist/es6/combobox/lib/hooks/useComboboxInputArbitrary.d.ts +4 -4
  172. package/dist/es6/combobox/lib/hooks/useComboboxInputConstrained.d.ts +4 -4
  173. package/dist/es6/combobox/lib/hooks/useComboboxInputOpenWithArrowKeys.d.ts +4 -4
  174. package/dist/es6/combobox/lib/hooks/useComboboxKeyboardTypeAhead.d.ts +4 -4
  175. package/dist/es6/combobox/lib/hooks/useComboboxListKeyboardHandler.d.ts +4 -4
  176. package/dist/es6/combobox/lib/hooks/useComboboxModel.d.ts +110 -110
  177. package/dist/es6/combobox/lib/hooks/useComboboxMoveCursorToSelected.d.ts +4 -4
  178. package/dist/es6/combobox/lib/hooks/useComboboxResetCursorToSelected.d.ts +4 -4
  179. package/dist/es6/combobox/lib/hooks/useSetPopupWidth.d.ts +4 -4
  180. package/dist/es6/common/lib/AccessibleHide.js +1 -1
  181. package/dist/es6/common/lib/CanvasProvider.js +1 -1
  182. package/dist/es6/form-field/lib/FormFieldContainer.js +1 -1
  183. package/dist/es6/form-field/lib/FormFieldField.js +1 -1
  184. package/dist/es6/form-field/lib/FormFieldGroupLabel.js +5 -5
  185. package/dist/es6/form-field/lib/FormFieldGroupList.js +3 -3
  186. package/dist/es6/form-field/lib/FormFieldHint.js +3 -3
  187. package/dist/es6/form-field/lib/FormFieldLabel.js +6 -6
  188. package/dist/es6/form-field/lib/formFieldStencil.js +8 -8
  189. package/dist/es6/icon/lib/AccentIcon.js +2 -2
  190. package/dist/es6/icon/lib/AppletIcon.js +1 -1
  191. package/dist/es6/icon/lib/Graphic.js +2 -2
  192. package/dist/es6/icon/lib/Svg.js +2 -2
  193. package/dist/es6/icon/lib/SystemIcon.js +1 -1
  194. package/dist/es6/icon/lib/SystemIconCircle.js +1 -1
  195. package/dist/es6/loading-dots/lib/LoadingDots.js +2 -2
  196. package/dist/es6/menu/lib/Menu.d.ts +124 -124
  197. package/dist/es6/menu/lib/MenuCard.d.ts +8 -8
  198. package/dist/es6/menu/lib/MenuCard.js +1 -1
  199. package/dist/es6/menu/lib/MenuContextTarget.d.ts +12 -12
  200. package/dist/es6/menu/lib/MenuItem.d.ts +8 -8
  201. package/dist/es6/menu/lib/MenuItem.js +1 -1
  202. package/dist/es6/menu/lib/MenuList.d.ts +8 -8
  203. package/dist/es6/menu/lib/MenuList.js +3 -3
  204. package/dist/es6/menu/lib/MenuOption.d.ts +8 -8
  205. package/dist/es6/menu/lib/MenuOption.js +1 -1
  206. package/dist/es6/menu/lib/MenuPopper.d.ts +4 -4
  207. package/dist/es6/menu/lib/MenuTarget.d.ts +20 -20
  208. package/dist/es6/menu/lib/useMenuModel.d.ts +106 -106
  209. package/dist/es6/modal/lib/ModalBody.js +1 -1
  210. package/dist/es6/modal/lib/ModalCard.js +1 -1
  211. package/dist/es6/modal/lib/ModalHeading.js +1 -1
  212. package/dist/es6/modal/lib/ModalOverflowOverlay.js +1 -1
  213. package/dist/es6/modal/lib/ModalOverlay.js +2 -2
  214. package/dist/es6/popup/lib/PopupBody.js +1 -1
  215. package/dist/es6/popup/lib/PopupCard.js +2 -2
  216. package/dist/es6/popup/lib/PopupCloseIcon.js +1 -1
  217. package/dist/es6/popup/lib/PopupHeading.js +1 -1
  218. package/dist/es6/select/lib/Select.d.ts +128 -128
  219. package/dist/es6/select/lib/SelectCard.d.ts +8 -8
  220. package/dist/es6/select/lib/SelectCard.js +1 -1
  221. package/dist/es6/select/lib/SelectInput.d.ts +4 -4
  222. package/dist/es6/select/lib/SelectInput.js +3 -3
  223. package/dist/es6/select/lib/SelectItem.d.ts +8 -8
  224. package/dist/es6/select/lib/hooks/useSelectCard.d.ts +4 -4
  225. package/dist/es6/select/lib/hooks/useSelectInput.d.ts +4 -4
  226. package/dist/es6/select/lib/hooks/useSelectModel.d.ts +110 -110
  227. package/dist/es6/switch/lib/Switch.js +7 -7
  228. package/dist/es6/table/lib/Table.js +1 -1
  229. package/dist/es6/table/lib/TableBody.js +1 -1
  230. package/dist/es6/table/lib/TableCaption.js +1 -1
  231. package/dist/es6/table/lib/TableCell.js +1 -1
  232. package/dist/es6/table/lib/TableFooter.js +1 -1
  233. package/dist/es6/table/lib/TableHead.js +1 -1
  234. package/dist/es6/table/lib/TableHeader.js +1 -1
  235. package/dist/es6/table/lib/TableRow.js +1 -1
  236. package/dist/es6/tabs/lib/Tabs.d.ts +470 -470
  237. package/dist/es6/tabs/lib/TabsItem.d.ts +18 -18
  238. package/dist/es6/tabs/lib/TabsList.d.ts +18 -18
  239. package/dist/es6/tabs/lib/TabsMenuPopper.d.ts +4 -4
  240. package/dist/es6/tabs/lib/TabsOverflowButton.d.ts +18 -18
  241. package/dist/es6/tabs/lib/TabsPanel.d.ts +18 -18
  242. package/dist/es6/tabs/lib/TabsPanels.d.ts +9 -9
  243. package/dist/es6/tabs/lib/useTabsModel.d.ts +405 -405
  244. package/dist/es6/text/lib/LabelText.js +6 -6
  245. package/dist/es6/text/lib/Text.js +16 -16
  246. package/dist/es6/text/lib/TypeLevelComponents.js +4 -4
  247. package/dist/es6/text-area/lib/TextArea.js +5 -5
  248. package/dist/es6/text-input/lib/InputGroup.js +6 -6
  249. package/dist/es6/text-input/lib/TextInput.js +5 -5
  250. package/dist/es6/toast/lib/Toast.js +1 -1
  251. package/dist/es6/toast/lib/ToastBody.js +1 -1
  252. package/dist/es6/toast/lib/ToastCloseIcon.js +1 -1
  253. package/dist/es6/toast/lib/ToastIcon.js +1 -1
  254. package/dist/es6/toast/lib/ToastMessage.js +1 -1
  255. package/package.json +4 -4
@@ -18,35 +18,35 @@ export const avatarStencil = createStencil({
18
18
  vars: {
19
19
  size: '',
20
20
  },
21
- base: { name: "yhud2u", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-bg-caution-default);position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:0;overflow:hidden;cursor:default;border-radius:var(--cnvs-sys-shape-round);width:var(--size-avatar-69cee0);height:var(--size-avatar-69cee0);&:focus-visible:not([disabled]), &.focus:not([disabled]){outline:none;box-shadow:0 0 0 2px var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1)), 0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}:is(button){cursor:pointer;}& > [data-part=\"avatar-icon\"]{transition:opacity 150ms linear;display:flex;align-items:center;justify-content:center;--size-svg-a30d66:calc(var(--size-avatar-69cee0) * 0.625);}& > [data-part=\"avatar-image\"]{position:absolute;width:100%;height:100%;border-radius:999px;transition:opacity 150ms linear;}" },
21
+ base: { name: "v5kd2u", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-bg-caution-default);position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:0;overflow:hidden;cursor:default;border-radius:var(--cnvs-sys-shape-round);width:var(--size-avatar-69cee0);height:var(--size-avatar-69cee0);&:focus-visible:not([disabled]), &.focus:not([disabled]){outline:none;box-shadow:0 0 0 2px var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1)), 0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}:is(button){cursor:pointer;}& > [data-part=\"avatar-icon\"]{transition:opacity 150ms linear;display:flex;align-items:center;justify-content:center;--size-svg-a30d66:calc(var(--size-avatar-69cee0) * 0.625);}& > [data-part=\"avatar-image\"]{position:absolute;width:100%;height:100%;border-radius:999px;transition:opacity 150ms linear;}" },
22
22
  modifiers: {
23
23
  variant: {
24
- light: { name: "yhud2v", styles: "background-color:var(--cnvs-sys-color-bg-alt-default);& [data-part=\"avatar-icon\"]{--color-system-icon-212f69:var(--cnvs-sys-color-fg-default);}" },
25
- dark: { name: "yhud2w", styles: "background-color:var(--cnvs-sys-color-bg-primary-default);& [data-part=\"avatar-icon\"]{--color-system-icon-212f69:var(--cnvs-sys-color-fg-inverse);}" }
24
+ light: { name: "v5kd2v", styles: "background-color:var(--cnvs-sys-color-bg-alt-default);& [data-part=\"avatar-icon\"]{--color-system-icon-212f69:var(--cnvs-sys-color-fg-default);}" },
25
+ dark: { name: "v5kd2w", styles: "background-color:var(--cnvs-sys-color-bg-primary-default);& [data-part=\"avatar-icon\"]{--color-system-icon-212f69:var(--cnvs-sys-color-fg-inverse);}" }
26
26
  },
27
27
  size: {
28
- extraSmall: { name: "yhud2x", styles: "width:var(--cnvs-sys-space-x4);height:var(--cnvs-sys-space-x4);& [data-part=\"avatar-icon\"]{--size-svg-a30d66:calc(var(--cnvs-sys-space-x4) * 0.625);}" },
29
- small: { name: "yhud2y", styles: "width:var(--cnvs-sys-space-x6);height:var(--cnvs-sys-space-x6);& [data-part=\"avatar-icon\"]{--size-svg-a30d66:calc(var(--cnvs-sys-space-x6) * 0.625);}" },
30
- medium: { name: "yhud2z", styles: "width:var(--cnvs-sys-space-x8);height:var(--cnvs-sys-space-x8);& [data-part=\"avatar-icon\"]{--size-svg-a30d66:calc(var(--cnvs-sys-space-x8) * 0.625);}" },
31
- large: { name: "yhud30", styles: "width:var(--cnvs-sys-space-x10);height:var(--cnvs-sys-space-x10);& [data-part=\"avatar-icon\"]{--size-svg-a30d66:calc(var(--cnvs-sys-space-x10) * 0.625);}" },
32
- extraLarge: { name: "yhud31", styles: "width:var(--cnvs-sys-space-x16);height:var(--cnvs-sys-space-x16);& [data-part=\"avatar-icon\"]{--size-svg-a30d66:calc(var(--cnvs-sys-space-x16) * 0.625);}" },
33
- extraExtraLarge: { name: "yhud32", styles: "width:calc(var(--cnvs-sys-space-x10) * 3);height:calc(var(--cnvs-sys-space-x10) * 3);& [data-part=\"avatar-icon\"]{--size-svg-a30d66:calc(calc(var(--cnvs-sys-space-x10) * 3) * 0.625);}" }
28
+ extraSmall: { name: "v5kd2x", styles: "width:var(--cnvs-sys-space-x4);height:var(--cnvs-sys-space-x4);& [data-part=\"avatar-icon\"]{--size-svg-a30d66:calc(var(--cnvs-sys-space-x4) * 0.625);}" },
29
+ small: { name: "v5kd2y", styles: "width:var(--cnvs-sys-space-x6);height:var(--cnvs-sys-space-x6);& [data-part=\"avatar-icon\"]{--size-svg-a30d66:calc(var(--cnvs-sys-space-x6) * 0.625);}" },
30
+ medium: { name: "v5kd2z", styles: "width:var(--cnvs-sys-space-x8);height:var(--cnvs-sys-space-x8);& [data-part=\"avatar-icon\"]{--size-svg-a30d66:calc(var(--cnvs-sys-space-x8) * 0.625);}" },
31
+ large: { name: "v5kd30", styles: "width:var(--cnvs-sys-space-x10);height:var(--cnvs-sys-space-x10);& [data-part=\"avatar-icon\"]{--size-svg-a30d66:calc(var(--cnvs-sys-space-x10) * 0.625);}" },
32
+ extraLarge: { name: "v5kd31", styles: "width:var(--cnvs-sys-space-x16);height:var(--cnvs-sys-space-x16);& [data-part=\"avatar-icon\"]{--size-svg-a30d66:calc(var(--cnvs-sys-space-x16) * 0.625);}" },
33
+ extraExtraLarge: { name: "v5kd32", styles: "width:calc(var(--cnvs-sys-space-x10) * 3);height:calc(var(--cnvs-sys-space-x10) * 3);& [data-part=\"avatar-icon\"]{--size-svg-a30d66:calc(calc(var(--cnvs-sys-space-x10) * 3) * 0.625);}" }
34
34
  },
35
35
  objectFit: {
36
- contain: { name: "yhud33", styles: "& [data-part=\"avatar-image\"]{object-fit:contain;}" },
37
- fill: { name: "yhud34", styles: "& [data-part=\"avatar-image\"]{object-fit:fill;}" },
38
- cover: { name: "yhud35", styles: "& [data-part=\"avatar-image\"]{object-fit:cover;}" },
39
- ['scale-down']: { name: "yhud36", styles: "& [data-part=\"avatar-image\"]{object-fit:scale-down;}" },
40
- none: { name: "yhud37", styles: "& [data-part=\"avatar-image\"]{object-fit:none;}" },
41
- ['-moz-initial']: { name: "yhud38", styles: "& [data-part=\"avatar-image\"]{object-fit:-moz-initial;}" },
42
- ['initial']: { name: "yhud39", styles: "& [data-part=\"avatar-image\"]{object-fit:initial;}" },
43
- ['inherit']: { name: "yhud3a", styles: "& [data-part=\"avatar-image\"]{object-fit:inherit;}" },
44
- ['revert']: { name: "yhud3b", styles: "& [data-part=\"avatar-image\"]{object-fit:revert;}" },
45
- ['unset']: { name: "yhud3c", styles: "& [data-part=\"avatar-image\"]{object-fit:unset;}" }
36
+ contain: { name: "v5kd33", styles: "& [data-part=\"avatar-image\"]{object-fit:contain;}" },
37
+ fill: { name: "v5kd34", styles: "& [data-part=\"avatar-image\"]{object-fit:fill;}" },
38
+ cover: { name: "v5kd35", styles: "& [data-part=\"avatar-image\"]{object-fit:cover;}" },
39
+ ['scale-down']: { name: "v5kd36", styles: "& [data-part=\"avatar-image\"]{object-fit:scale-down;}" },
40
+ none: { name: "v5kd37", styles: "& [data-part=\"avatar-image\"]{object-fit:none;}" },
41
+ ['-moz-initial']: { name: "v5kd38", styles: "& [data-part=\"avatar-image\"]{object-fit:-moz-initial;}" },
42
+ ['initial']: { name: "v5kd39", styles: "& [data-part=\"avatar-image\"]{object-fit:initial;}" },
43
+ ['inherit']: { name: "v5kd3a", styles: "& [data-part=\"avatar-image\"]{object-fit:inherit;}" },
44
+ ['revert']: { name: "v5kd3b", styles: "& [data-part=\"avatar-image\"]{object-fit:revert;}" },
45
+ ['unset']: { name: "v5kd3c", styles: "& [data-part=\"avatar-image\"]{object-fit:unset;}" }
46
46
  },
47
47
  isImageLoaded: {
48
- true: { name: "yhud3d", styles: "& [data-part=\"avatar-icon\"]{opacity:0;}& [data-part=\"avatar-image\"]{opacity:1;}" },
49
- false: { name: "yhud3e", styles: "& [data-part=\"avatar-icon\"]{opacity:1;}& [data-part=\"avatar-image\"]{opacity:0;}" }
48
+ true: { name: "v5kd3d", styles: "& [data-part=\"avatar-icon\"]{opacity:0;}& [data-part=\"avatar-image\"]{opacity:1;}" },
49
+ false: { name: "v5kd3e", styles: "& [data-part=\"avatar-icon\"]{opacity:1;}& [data-part=\"avatar-image\"]{opacity:0;}" }
50
50
  }
51
51
  },
52
52
  defaultModifiers: {
@@ -2,14 +2,14 @@ import * as React from 'react';
2
2
  import { createComponent } from '@workday/canvas-kit-react/common';
3
3
  import { handleCsProp, createStencil, px2rem, keyframes } from '@workday/canvas-kit-styling';
4
4
  import { system } from '@workday/canvas-tokens-web';
5
- const grow = keyframes({ name: "yhud3f", styles: "from{transform:scale(0.85);}to{transform:scale(1.0);}" });
5
+ const grow = keyframes({ name: "v5kd3f", styles: "from{transform:scale(0.85);}to{transform:scale(1.0);}" });
6
6
  // .cnvs-count-badge
7
7
  const countBadgeStencil = createStencil({
8
- base: { name: "yhud3g", styles: "box-sizing:border-box;align-items:center;animation:animation-yhud3f 0.2s ease;background:var(--cnvs-sys-color-static-red-default);border-radius:var(--cnvs-sys-shape-round);color:var(--cnvs-sys-color-text-inverse);display:inline-flex;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-medium);font-weight:var(--cnvs-sys-font-weight-bold);height:1.25rem;justify-content:center;line-height:1.25rem;min-width:1.25rem;padding:0 0.40625rem;text-shadow:0 0 0.0625rem rgba(0,0,0, 0.35);" },
8
+ base: { name: "v5kd3g", styles: "box-sizing:border-box;align-items:center;animation:animation-v5kd3f 0.2s ease;background:var(--cnvs-sys-color-static-red-default);border-radius:var(--cnvs-sys-shape-round);color:var(--cnvs-sys-color-text-inverse);display:inline-flex;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-medium);font-weight:var(--cnvs-sys-font-weight-bold);height:1.25rem;justify-content:center;line-height:1.25rem;min-width:1.25rem;padding:0 0.40625rem;text-shadow:0 0 0.0625rem rgba(0,0,0, 0.35);" },
9
9
  modifiers: {
10
10
  variant: {
11
11
  // .cnvs-count-badge--variant-inverse
12
- inverse: { name: "yhud3h", styles: "background:var(--cnvs-sys-color-bg-default);box-shadow:0 0.0625rem 0.125rem rgba(0,0,0, 0.25);color:var(--cnvs-sys-color-text-primary-default);text-shadow:none;" }
12
+ inverse: { name: "v5kd3h", styles: "background:var(--cnvs-sys-color-bg-default);box-shadow:0 0.0625rem 0.125rem rgba(0,0,0, 0.25);color:var(--cnvs-sys-color-text-primary-default);text-shadow:none;" }
13
13
  }
14
14
  }
15
15
  }, "count-badge-183e28");