@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.
- package/collection/index.ts +12 -3
- package/dist/commonjs/action-bar/lib/ActionBar.d.ts +348 -348
- package/dist/commonjs/action-bar/lib/ActionBarItem.d.ts +13 -13
- package/dist/commonjs/action-bar/lib/ActionBarList.d.ts +13 -13
- package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.d.ts +18 -18
- package/dist/commonjs/action-bar/lib/useActionBarModel.d.ts +217 -217
- package/dist/commonjs/avatar/lib/Avatar.js +21 -21
- package/dist/commonjs/badge/lib/CountBadge.js +3 -3
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts +357 -357
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts +18 -18
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.d.ts +13 -13
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.d.ts +9 -9
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.d.ts +124 -124
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts +18 -18
- package/dist/commonjs/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts +217 -217
- package/dist/commonjs/button/lib/BaseButton.js +21 -21
- package/dist/commonjs/button/lib/DeleteButton.js +1 -1
- package/dist/commonjs/button/lib/Hyperlink.js +2 -2
- package/dist/commonjs/button/lib/PrimaryButton.js +2 -2
- package/dist/commonjs/button/lib/SecondaryButton.js +2 -2
- package/dist/commonjs/button/lib/TertiaryButton.js +18 -18
- package/dist/commonjs/card/lib/Card.js +1 -1
- package/dist/commonjs/card/lib/CardBody.js +1 -1
- package/dist/commonjs/card/lib/CardHeading.js +1 -1
- package/dist/commonjs/checkbox/lib/CheckBackground.js +3 -3
- package/dist/commonjs/checkbox/lib/CheckboxCheck.js +5 -5
- package/dist/commonjs/checkbox/lib/CheckboxContainer.js +1 -1
- package/dist/commonjs/checkbox/lib/CheckboxInput.js +5 -5
- package/dist/commonjs/checkbox/lib/CheckboxRipple.js +1 -1
- package/dist/commonjs/collection/index.d.ts +5 -4
- package/dist/commonjs/collection/index.d.ts.map +1 -1
- package/dist/commonjs/collection/lib/ListBox.js +3 -3
- package/dist/commonjs/collection/lib/useListItemAllowChildStrings.d.ts +4 -4
- package/dist/commonjs/combobox/lib/Combobox.d.ts +124 -124
- package/dist/commonjs/combobox/lib/ComboboxCard.d.ts +8 -8
- package/dist/commonjs/combobox/lib/ComboboxInput.d.ts +4 -4
- package/dist/commonjs/combobox/lib/ComboboxMenu.d.ts +20 -20
- package/dist/commonjs/combobox/lib/ComboboxMenuItem.d.ts +4 -4
- package/dist/commonjs/combobox/lib/ComboboxMenuList.d.ts +8 -8
- package/dist/commonjs/combobox/lib/ComboboxMenuList.js +1 -1
- package/dist/commonjs/combobox/lib/ComboboxPopper.d.ts +4 -4
- package/dist/commonjs/combobox/lib/hooks/useComboboxInput.d.ts +4 -4
- package/dist/commonjs/combobox/lib/hooks/useComboboxInputArbitrary.d.ts +4 -4
- package/dist/commonjs/combobox/lib/hooks/useComboboxInputConstrained.d.ts +4 -4
- package/dist/commonjs/combobox/lib/hooks/useComboboxInputOpenWithArrowKeys.d.ts +4 -4
- package/dist/commonjs/combobox/lib/hooks/useComboboxKeyboardTypeAhead.d.ts +4 -4
- package/dist/commonjs/combobox/lib/hooks/useComboboxListKeyboardHandler.d.ts +4 -4
- package/dist/commonjs/combobox/lib/hooks/useComboboxModel.d.ts +110 -110
- package/dist/commonjs/combobox/lib/hooks/useComboboxMoveCursorToSelected.d.ts +4 -4
- package/dist/commonjs/combobox/lib/hooks/useComboboxResetCursorToSelected.d.ts +4 -4
- package/dist/commonjs/combobox/lib/hooks/useSetPopupWidth.d.ts +4 -4
- package/dist/commonjs/common/lib/AccessibleHide.js +1 -1
- package/dist/commonjs/common/lib/CanvasProvider.js +1 -1
- package/dist/commonjs/form-field/lib/FormFieldContainer.js +1 -1
- package/dist/commonjs/form-field/lib/FormFieldField.js +1 -1
- package/dist/commonjs/form-field/lib/FormFieldGroupLabel.js +5 -5
- package/dist/commonjs/form-field/lib/FormFieldGroupList.js +3 -3
- package/dist/commonjs/form-field/lib/FormFieldHint.js +3 -3
- package/dist/commonjs/form-field/lib/FormFieldLabel.js +6 -6
- package/dist/commonjs/form-field/lib/formFieldStencil.js +8 -8
- package/dist/commonjs/icon/lib/AccentIcon.js +2 -2
- package/dist/commonjs/icon/lib/AppletIcon.js +1 -1
- package/dist/commonjs/icon/lib/Graphic.js +2 -2
- package/dist/commonjs/icon/lib/Svg.js +2 -2
- package/dist/commonjs/icon/lib/SystemIcon.js +1 -1
- package/dist/commonjs/icon/lib/SystemIconCircle.js +1 -1
- package/dist/commonjs/loading-dots/lib/LoadingDots.js +2 -2
- package/dist/commonjs/menu/lib/Menu.d.ts +124 -124
- package/dist/commonjs/menu/lib/MenuCard.d.ts +8 -8
- package/dist/commonjs/menu/lib/MenuCard.js +1 -1
- package/dist/commonjs/menu/lib/MenuContextTarget.d.ts +12 -12
- package/dist/commonjs/menu/lib/MenuItem.d.ts +8 -8
- package/dist/commonjs/menu/lib/MenuItem.js +1 -1
- package/dist/commonjs/menu/lib/MenuList.d.ts +8 -8
- package/dist/commonjs/menu/lib/MenuList.js +3 -3
- package/dist/commonjs/menu/lib/MenuOption.d.ts +8 -8
- package/dist/commonjs/menu/lib/MenuOption.js +1 -1
- package/dist/commonjs/menu/lib/MenuPopper.d.ts +4 -4
- package/dist/commonjs/menu/lib/MenuTarget.d.ts +20 -20
- package/dist/commonjs/menu/lib/useMenuModel.d.ts +106 -106
- package/dist/commonjs/modal/lib/ModalBody.js +1 -1
- package/dist/commonjs/modal/lib/ModalCard.js +1 -1
- package/dist/commonjs/modal/lib/ModalHeading.js +1 -1
- package/dist/commonjs/modal/lib/ModalOverflowOverlay.js +1 -1
- package/dist/commonjs/modal/lib/ModalOverlay.js +2 -2
- package/dist/commonjs/popup/lib/PopupBody.js +1 -1
- package/dist/commonjs/popup/lib/PopupCard.js +2 -2
- package/dist/commonjs/popup/lib/PopupCloseIcon.js +1 -1
- package/dist/commonjs/popup/lib/PopupHeading.js +1 -1
- package/dist/commonjs/select/lib/Select.d.ts +128 -128
- package/dist/commonjs/select/lib/SelectCard.d.ts +8 -8
- package/dist/commonjs/select/lib/SelectCard.js +1 -1
- package/dist/commonjs/select/lib/SelectInput.d.ts +4 -4
- package/dist/commonjs/select/lib/SelectInput.js +3 -3
- package/dist/commonjs/select/lib/SelectItem.d.ts +8 -8
- package/dist/commonjs/select/lib/hooks/useSelectCard.d.ts +4 -4
- package/dist/commonjs/select/lib/hooks/useSelectInput.d.ts +4 -4
- package/dist/commonjs/select/lib/hooks/useSelectModel.d.ts +110 -110
- package/dist/commonjs/switch/lib/Switch.js +7 -7
- package/dist/commonjs/table/lib/Table.js +1 -1
- package/dist/commonjs/table/lib/TableBody.js +1 -1
- package/dist/commonjs/table/lib/TableCaption.js +1 -1
- package/dist/commonjs/table/lib/TableCell.js +1 -1
- package/dist/commonjs/table/lib/TableFooter.js +1 -1
- package/dist/commonjs/table/lib/TableHead.js +1 -1
- package/dist/commonjs/table/lib/TableHeader.js +1 -1
- package/dist/commonjs/table/lib/TableRow.js +1 -1
- package/dist/commonjs/tabs/lib/Tabs.d.ts +470 -470
- package/dist/commonjs/tabs/lib/TabsItem.d.ts +18 -18
- package/dist/commonjs/tabs/lib/TabsList.d.ts +18 -18
- package/dist/commonjs/tabs/lib/TabsMenuPopper.d.ts +4 -4
- package/dist/commonjs/tabs/lib/TabsOverflowButton.d.ts +18 -18
- package/dist/commonjs/tabs/lib/TabsPanel.d.ts +18 -18
- package/dist/commonjs/tabs/lib/TabsPanels.d.ts +9 -9
- package/dist/commonjs/tabs/lib/useTabsModel.d.ts +405 -405
- package/dist/commonjs/text/lib/LabelText.js +6 -6
- package/dist/commonjs/text/lib/Text.js +16 -16
- package/dist/commonjs/text/lib/TypeLevelComponents.js +4 -4
- package/dist/commonjs/text-area/lib/TextArea.js +5 -5
- package/dist/commonjs/text-input/lib/InputGroup.js +6 -6
- package/dist/commonjs/text-input/lib/TextInput.js +5 -5
- package/dist/commonjs/toast/lib/Toast.js +1 -1
- package/dist/commonjs/toast/lib/ToastBody.js +1 -1
- package/dist/commonjs/toast/lib/ToastCloseIcon.js +1 -1
- package/dist/commonjs/toast/lib/ToastIcon.js +1 -1
- package/dist/commonjs/toast/lib/ToastMessage.js +1 -1
- package/dist/es6/action-bar/lib/ActionBar.d.ts +348 -348
- package/dist/es6/action-bar/lib/ActionBarItem.d.ts +13 -13
- package/dist/es6/action-bar/lib/ActionBarList.d.ts +13 -13
- package/dist/es6/action-bar/lib/ActionBarOverflowButton.d.ts +18 -18
- package/dist/es6/action-bar/lib/useActionBarModel.d.ts +217 -217
- package/dist/es6/avatar/lib/Avatar.js +21 -21
- package/dist/es6/badge/lib/CountBadge.js +3 -3
- package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts +357 -357
- package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts +18 -18
- package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.d.ts +13 -13
- package/dist/es6/breadcrumbs/lib/BreadcrumbsList.d.ts +9 -9
- package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.d.ts +124 -124
- package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts +18 -18
- package/dist/es6/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts +217 -217
- package/dist/es6/button/lib/BaseButton.js +21 -21
- package/dist/es6/button/lib/DeleteButton.js +1 -1
- package/dist/es6/button/lib/Hyperlink.js +2 -2
- package/dist/es6/button/lib/PrimaryButton.js +2 -2
- package/dist/es6/button/lib/SecondaryButton.js +2 -2
- package/dist/es6/button/lib/TertiaryButton.js +18 -18
- package/dist/es6/card/lib/Card.js +1 -1
- package/dist/es6/card/lib/CardBody.js +1 -1
- package/dist/es6/card/lib/CardHeading.js +1 -1
- package/dist/es6/checkbox/lib/CheckBackground.js +3 -3
- package/dist/es6/checkbox/lib/CheckboxCheck.js +5 -5
- package/dist/es6/checkbox/lib/CheckboxContainer.js +1 -1
- package/dist/es6/checkbox/lib/CheckboxInput.js +5 -5
- package/dist/es6/checkbox/lib/CheckboxRipple.js +1 -1
- package/dist/es6/collection/index.d.ts +5 -4
- package/dist/es6/collection/index.d.ts.map +1 -1
- package/dist/es6/collection/index.js +1 -1
- package/dist/es6/collection/lib/ListBox.js +3 -3
- package/dist/es6/collection/lib/useListItemAllowChildStrings.d.ts +4 -4
- package/dist/es6/combobox/lib/Combobox.d.ts +124 -124
- package/dist/es6/combobox/lib/ComboboxCard.d.ts +8 -8
- package/dist/es6/combobox/lib/ComboboxInput.d.ts +4 -4
- package/dist/es6/combobox/lib/ComboboxMenu.d.ts +20 -20
- package/dist/es6/combobox/lib/ComboboxMenuItem.d.ts +4 -4
- package/dist/es6/combobox/lib/ComboboxMenuList.d.ts +8 -8
- package/dist/es6/combobox/lib/ComboboxMenuList.js +1 -1
- package/dist/es6/combobox/lib/ComboboxPopper.d.ts +4 -4
- package/dist/es6/combobox/lib/hooks/useComboboxInput.d.ts +4 -4
- package/dist/es6/combobox/lib/hooks/useComboboxInputArbitrary.d.ts +4 -4
- package/dist/es6/combobox/lib/hooks/useComboboxInputConstrained.d.ts +4 -4
- package/dist/es6/combobox/lib/hooks/useComboboxInputOpenWithArrowKeys.d.ts +4 -4
- package/dist/es6/combobox/lib/hooks/useComboboxKeyboardTypeAhead.d.ts +4 -4
- package/dist/es6/combobox/lib/hooks/useComboboxListKeyboardHandler.d.ts +4 -4
- package/dist/es6/combobox/lib/hooks/useComboboxModel.d.ts +110 -110
- package/dist/es6/combobox/lib/hooks/useComboboxMoveCursorToSelected.d.ts +4 -4
- package/dist/es6/combobox/lib/hooks/useComboboxResetCursorToSelected.d.ts +4 -4
- package/dist/es6/combobox/lib/hooks/useSetPopupWidth.d.ts +4 -4
- package/dist/es6/common/lib/AccessibleHide.js +1 -1
- package/dist/es6/common/lib/CanvasProvider.js +1 -1
- package/dist/es6/form-field/lib/FormFieldContainer.js +1 -1
- package/dist/es6/form-field/lib/FormFieldField.js +1 -1
- package/dist/es6/form-field/lib/FormFieldGroupLabel.js +5 -5
- package/dist/es6/form-field/lib/FormFieldGroupList.js +3 -3
- package/dist/es6/form-field/lib/FormFieldHint.js +3 -3
- package/dist/es6/form-field/lib/FormFieldLabel.js +6 -6
- package/dist/es6/form-field/lib/formFieldStencil.js +8 -8
- package/dist/es6/icon/lib/AccentIcon.js +2 -2
- package/dist/es6/icon/lib/AppletIcon.js +1 -1
- package/dist/es6/icon/lib/Graphic.js +2 -2
- package/dist/es6/icon/lib/Svg.js +2 -2
- package/dist/es6/icon/lib/SystemIcon.js +1 -1
- package/dist/es6/icon/lib/SystemIconCircle.js +1 -1
- package/dist/es6/loading-dots/lib/LoadingDots.js +2 -2
- package/dist/es6/menu/lib/Menu.d.ts +124 -124
- package/dist/es6/menu/lib/MenuCard.d.ts +8 -8
- package/dist/es6/menu/lib/MenuCard.js +1 -1
- package/dist/es6/menu/lib/MenuContextTarget.d.ts +12 -12
- package/dist/es6/menu/lib/MenuItem.d.ts +8 -8
- package/dist/es6/menu/lib/MenuItem.js +1 -1
- package/dist/es6/menu/lib/MenuList.d.ts +8 -8
- package/dist/es6/menu/lib/MenuList.js +3 -3
- package/dist/es6/menu/lib/MenuOption.d.ts +8 -8
- package/dist/es6/menu/lib/MenuOption.js +1 -1
- package/dist/es6/menu/lib/MenuPopper.d.ts +4 -4
- package/dist/es6/menu/lib/MenuTarget.d.ts +20 -20
- package/dist/es6/menu/lib/useMenuModel.d.ts +106 -106
- package/dist/es6/modal/lib/ModalBody.js +1 -1
- package/dist/es6/modal/lib/ModalCard.js +1 -1
- package/dist/es6/modal/lib/ModalHeading.js +1 -1
- package/dist/es6/modal/lib/ModalOverflowOverlay.js +1 -1
- package/dist/es6/modal/lib/ModalOverlay.js +2 -2
- package/dist/es6/popup/lib/PopupBody.js +1 -1
- package/dist/es6/popup/lib/PopupCard.js +2 -2
- package/dist/es6/popup/lib/PopupCloseIcon.js +1 -1
- package/dist/es6/popup/lib/PopupHeading.js +1 -1
- package/dist/es6/select/lib/Select.d.ts +128 -128
- package/dist/es6/select/lib/SelectCard.d.ts +8 -8
- package/dist/es6/select/lib/SelectCard.js +1 -1
- package/dist/es6/select/lib/SelectInput.d.ts +4 -4
- package/dist/es6/select/lib/SelectInput.js +3 -3
- package/dist/es6/select/lib/SelectItem.d.ts +8 -8
- package/dist/es6/select/lib/hooks/useSelectCard.d.ts +4 -4
- package/dist/es6/select/lib/hooks/useSelectInput.d.ts +4 -4
- package/dist/es6/select/lib/hooks/useSelectModel.d.ts +110 -110
- package/dist/es6/switch/lib/Switch.js +7 -7
- package/dist/es6/table/lib/Table.js +1 -1
- package/dist/es6/table/lib/TableBody.js +1 -1
- package/dist/es6/table/lib/TableCaption.js +1 -1
- package/dist/es6/table/lib/TableCell.js +1 -1
- package/dist/es6/table/lib/TableFooter.js +1 -1
- package/dist/es6/table/lib/TableHead.js +1 -1
- package/dist/es6/table/lib/TableHeader.js +1 -1
- package/dist/es6/table/lib/TableRow.js +1 -1
- package/dist/es6/tabs/lib/Tabs.d.ts +470 -470
- package/dist/es6/tabs/lib/TabsItem.d.ts +18 -18
- package/dist/es6/tabs/lib/TabsList.d.ts +18 -18
- package/dist/es6/tabs/lib/TabsMenuPopper.d.ts +4 -4
- package/dist/es6/tabs/lib/TabsOverflowButton.d.ts +18 -18
- package/dist/es6/tabs/lib/TabsPanel.d.ts +18 -18
- package/dist/es6/tabs/lib/TabsPanels.d.ts +9 -9
- package/dist/es6/tabs/lib/useTabsModel.d.ts +405 -405
- package/dist/es6/text/lib/LabelText.js +6 -6
- package/dist/es6/text/lib/Text.js +16 -16
- package/dist/es6/text/lib/TypeLevelComponents.js +4 -4
- package/dist/es6/text-area/lib/TextArea.js +5 -5
- package/dist/es6/text-input/lib/InputGroup.js +6 -6
- package/dist/es6/text-input/lib/TextInput.js +5 -5
- package/dist/es6/toast/lib/Toast.js +1 -1
- package/dist/es6/toast/lib/ToastBody.js +1 -1
- package/dist/es6/toast/lib/ToastCloseIcon.js +1 -1
- package/dist/es6/toast/lib/ToastIcon.js +1 -1
- package/dist/es6/toast/lib/ToastMessage.js +1 -1
- package/package.json +4 -4
|
@@ -18,35 +18,35 @@ export const avatarStencil = createStencil({
|
|
|
18
18
|
vars: {
|
|
19
19
|
size: '',
|
|
20
20
|
},
|
|
21
|
-
base: { name: "
|
|
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: "
|
|
25
|
-
dark: { name: "
|
|
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: "
|
|
29
|
-
small: { name: "
|
|
30
|
-
medium: { name: "
|
|
31
|
-
large: { name: "
|
|
32
|
-
extraLarge: { name: "
|
|
33
|
-
extraExtraLarge: { name: "
|
|
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: "
|
|
37
|
-
fill: { name: "
|
|
38
|
-
cover: { name: "
|
|
39
|
-
['scale-down']: { name: "
|
|
40
|
-
none: { name: "
|
|
41
|
-
['-moz-initial']: { name: "
|
|
42
|
-
['initial']: { name: "
|
|
43
|
-
['inherit']: { name: "
|
|
44
|
-
['revert']: { name: "
|
|
45
|
-
['unset']: { name: "
|
|
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: "
|
|
49
|
-
false: { name: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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");
|