@sanity/ui 0.38.2-next.14 → 0.38.2-next.16
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/README.md +5 -4
- package/dist/sanity-ui.cjs +260 -10107
- package/dist/sanity-ui.cjs.map +1 -1
- package/dist/sanity-ui.js +260 -9983
- package/dist/sanity-ui.js.map +1 -1
- package/dist/types/src/index.d.ts +239 -227
- package/package.json +20 -17
- package/src/__workshop__/color/overview.tsx +1 -1
- package/src/components/autocomplete/__workshop__/async.tsx +1 -1
- package/src/components/autocomplete/__workshop__/constrainedHeight.tsx +1 -1
- package/src/components/autocomplete/__workshop__/custom.tsx +1 -1
- package/src/components/autocomplete/__workshop__/example.tsx +1 -1
- package/src/components/autocomplete/__workshop__/focusAndBlur.tsx +1 -1
- package/src/components/autocomplete/__workshop__/fullscreen.tsx +1 -1
- package/src/components/autocomplete/autocomplete.tsx +1 -1
- package/src/components/autocomplete/autocompleteOption.tsx +1 -1
- package/src/components/breadcrumbs/__workshop__/example.tsx +1 -0
- package/src/components/breadcrumbs/breadcrumbs.tsx +9 -1
- package/src/components/dialog/__workshop__/autoFocus.tsx +1 -0
- package/src/components/dialog/__workshop__/layering.tsx +1 -0
- package/src/components/dialog/__workshop__/nested.tsx +1 -1
- package/src/components/dialog/__workshop__/onScroll.tsx +1 -1
- package/src/components/dialog/__workshop__/position.tsx +1 -0
- package/src/components/dialog/__workshop__/props.tsx +1 -1
- package/src/components/dialog/__workshop__/provider.tsx +1 -0
- package/src/components/dialog/dialog.tsx +1 -1
- package/src/components/dialog/dialogProvider.tsx +1 -1
- package/src/components/hotkeys/__workshop__/plain.tsx +1 -0
- package/src/components/hotkeys/hotkeys.tsx +1 -1
- package/src/components/menu/__workshop__/asComponent.tsx +1 -1
- package/src/components/menu/__workshop__/closableMenuButton.tsx +1 -1
- package/src/components/menu/__workshop__/constrainedInBoundary.tsx +1 -1
- package/src/components/menu/__workshop__/customMenuItem.tsx +1 -0
- package/src/components/menu/__workshop__/disableFocusOnClose.tsx +1 -0
- package/src/components/menu/__workshop__/groups.tsx +1 -0
- package/src/components/menu/__workshop__/menuButton.tsx +1 -0
- package/src/components/menu/__workshop__/menuGroupRight.tsx +1 -0
- package/src/components/menu/__workshop__/nestedMenu.tsx +1 -0
- package/src/components/menu/__workshop__/onCloseMenuButton.tsx +1 -1
- package/src/components/menu/__workshop__/selectedItem.tsx +1 -1
- package/src/components/menu/__workshop__/tones.tsx +1 -0
- package/src/components/menu/__workshop__/withoutArrow.tsx +1 -0
- package/src/components/menu/menu.test.tsx +5 -4
- package/src/components/menu/menu.tsx +1 -1
- package/src/components/menu/menuButton.tsx +9 -1
- package/src/components/menu/menuGroup.tsx +1 -1
- package/src/components/menu/menuItem.tsx +1 -1
- package/src/components/menu/useMenuController.ts +1 -1
- package/src/components/skeleton/__workshop__/delay.tsx +1 -0
- package/src/components/skeleton/__workshop__/skeleton.tsx +1 -0
- package/src/components/skeleton/skeleton.tsx +1 -1
- package/src/components/skeleton/textSkeleton.tsx +1 -1
- package/src/components/tab/__workshop__/example.tsx +1 -1
- package/src/components/tab/tab.tsx +1 -1
- package/src/components/tab/tabList.tsx +1 -1
- package/src/components/tab/tabPanel.tsx +1 -1
- package/src/components/toast/__workshop__/hook.tsx +1 -0
- package/src/components/toast/__workshop__/toast.tsx +1 -0
- package/src/components/toast/toast.test.tsx +5 -3
- package/src/components/toast/toast.tsx +1 -0
- package/src/components/toast/toastProvider.tsx +1 -1
- package/src/components/tree/__workshop__/basic.tsx +1 -1
- package/src/components/tree/tree.tsx +1 -1
- package/src/components/tree/treeGroup.tsx +1 -1
- package/src/components/tree/treeItem.tsx +3 -3
- package/src/hooks/useElementRect/__workshop__/example.tsx +1 -0
- package/src/hooks/useForwardedRef.ts +1 -1
- package/src/hooks/useMediaIndex/__workshop__/test.tsx +1 -0
- package/src/icons/__workshop__/overview.tsx +1 -1
- package/src/primitives/avatar/__workshop__/asButton.tsx +1 -0
- package/src/primitives/avatar/__workshop__/stack.tsx +1 -0
- package/src/primitives/avatar/avatar.tsx +3 -2
- package/src/primitives/avatar/avatarCounter.tsx +1 -1
- package/src/primitives/avatar/avatarStack.tsx +1 -1
- package/src/primitives/badge/__workshop__/props.tsx +1 -0
- package/src/primitives/badge/__workshop__/tones.tsx +1 -0
- package/src/primitives/badge/badge.tsx +1 -1
- package/src/primitives/box/__workshop__/props.tsx +1 -0
- package/src/primitives/box/__workshop__/responsive.tsx +1 -0
- package/src/primitives/box/box.tsx +1 -1
- package/src/primitives/button/__workshop__/custom.tsx +1 -0
- package/src/primitives/button/__workshop__/customIcons.tsx +1 -0
- package/src/primitives/button/__workshop__/mixedChildren.tsx +1 -0
- package/src/primitives/button/__workshop__/props.tsx +1 -0
- package/src/primitives/button/__workshop__/sanityUploadButton.tsx +1 -0
- package/src/primitives/button/__workshop__/stacked.tsx +1 -0
- package/src/primitives/button/__workshop__/styled1.tsx +1 -0
- package/src/primitives/button/__workshop__/styled2.tsx +1 -0
- package/src/primitives/button/__workshop__/uploadButton.tsx +1 -1
- package/src/primitives/button/button.tsx +1 -1
- package/src/primitives/card/__workshop__/allTones.tsx +1 -0
- package/src/primitives/card/__workshop__/asButton.tsx +1 -0
- package/src/primitives/card/__workshop__/asComponent.tsx +1 -1
- package/src/primitives/card/__workshop__/checkered.tsx +1 -0
- package/src/primitives/card/__workshop__/interactive.tsx +1 -0
- package/src/primitives/card/__workshop__/listNavigation.tsx +1 -0
- package/src/primitives/card/__workshop__/props.tsx +1 -0
- package/src/primitives/card/__workshop__/selected.tsx +1 -0
- package/src/primitives/card/__workshop__/styled.tsx +1 -0
- package/src/primitives/card/card.tsx +1 -1
- package/src/primitives/checkbox/__workshop__/example.tsx +1 -1
- package/src/primitives/checkbox/__workshop__/props.tsx +1 -0
- package/src/primitives/checkbox/__workshop__/readOnly.tsx +1 -0
- package/src/primitives/checkbox/__workshop__/tones.tsx +1 -0
- package/src/primitives/checkbox/checkbox.tsx +1 -1
- package/src/primitives/code/__workshop__/opticalAlignment.tsx +1 -0
- package/src/primitives/code/__workshop__/props.tsx +1 -0
- package/src/primitives/code/code.tsx +1 -1
- package/src/primitives/container/__workshop__/example.tsx +1 -0
- package/src/primitives/container/container.tsx +1 -1
- package/src/primitives/flex/__workshop__/example.tsx +1 -0
- package/src/primitives/flex/__workshop__/gap.tsx +1 -0
- package/src/primitives/flex/flex.tsx +1 -1
- package/src/primitives/grid/__workshop__/responsive.tsx +1 -0
- package/src/primitives/grid/grid.tsx +1 -1
- package/src/primitives/heading/__workshop__/opticalAlignment.tsx +1 -0
- package/src/primitives/heading/__workshop__/plain.tsx +1 -0
- package/src/primitives/heading/heading.tsx +1 -1
- package/src/primitives/inline/__workshop__/plain.tsx +1 -0
- package/src/primitives/inline/inline.tsx +1 -1
- package/src/primitives/kbd/__workshop__/plain.tsx +1 -0
- package/src/primitives/kbd/kbd.tsx +1 -1
- package/src/primitives/label/__workshop__/opticalAlignment.tsx +1 -0
- package/src/primitives/label/__workshop__/plain.tsx +1 -0
- package/src/primitives/label/label.tsx +1 -1
- package/src/primitives/popover/__workshop__/MarginsStory.tsx +1 -0
- package/src/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +1 -0
- package/src/primitives/popover/__workshop__/PlainStory.tsx +1 -1
- package/src/primitives/popover/__workshop__/RecursiveStory.tsx +1 -1
- package/src/primitives/popover/__workshop__/RightAlignedStory.tsx +1 -1
- package/src/primitives/popover/__workshop__/TestStory.tsx +1 -1
- package/src/primitives/popover/arrow.tsx +1 -1
- package/src/primitives/popover/popover.tsx +9 -1
- package/src/primitives/radio/__workshop__/example.tsx +1 -1
- package/src/primitives/radio/__workshop__/plain.tsx +1 -0
- package/src/primitives/radio/radio.tsx +1 -1
- package/src/primitives/select/__workshop__/plain.tsx +1 -0
- package/src/primitives/select/__workshop__/readOnly.tsx +1 -0
- package/src/primitives/select/select.tsx +1 -1
- package/src/primitives/spinner/__workshop__/Props.tsx +1 -0
- package/src/primitives/spinner/spinner.tsx +1 -1
- package/src/primitives/stack/__workshop__/plain.tsx +1 -0
- package/src/primitives/stack/stack.tsx +1 -1
- package/src/primitives/switch/__workshop__/example.tsx +1 -1
- package/src/primitives/switch/__workshop__/props.tsx +1 -1
- package/src/primitives/switch/switch.tsx +1 -1
- package/src/primitives/text/__workshop__/colored.tsx +1 -0
- package/src/primitives/text/__workshop__/example.tsx +1 -0
- package/src/primitives/text/__workshop__/opticalAlignment.tsx +1 -0
- package/src/primitives/text/text.tsx +1 -1
- package/src/primitives/textArea/__workshop__/plain.tsx +1 -0
- package/src/primitives/textArea/textArea.tsx +1 -1
- package/src/primitives/textInput/__workshop__/clearButton.tsx +1 -1
- package/src/primitives/textInput/__workshop__/customValidity.tsx +1 -0
- package/src/primitives/textInput/__workshop__/multipleTones.tsx +1 -0
- package/src/primitives/textInput/__workshop__/plain.tsx +1 -1
- package/src/primitives/textInput/__workshop__/readOnly.tsx +1 -0
- package/src/primitives/textInput/__workshop__/states.tsx +1 -0
- package/src/primitives/textInput/__workshop__/tones.tsx +1 -0
- package/src/primitives/textInput/__workshop__/typed.tsx +1 -1
- package/src/primitives/textInput/textInput.tsx +1 -1
- package/src/primitives/tooltip/__workshop__/props.tsx +1 -0
- package/src/primitives/tooltip/tooltip.tsx +1 -1
- package/src/primitives/tooltip/tooltipArrow.tsx +1 -1
- package/src/styles/font/responsiveFont.ts +0 -13
- package/src/styles/helpers.ts +1 -1
- package/src/theme/__workshop__/canvas.tsx +1 -1
- package/src/theme/__workshop__/color.tsx +1 -0
- package/src/theme/__workshop__/layer.tsx +1 -1
- package/src/theme/__workshop__/nestedProvider.tsx +1 -0
- package/src/theme/theme.test.tsx +5 -3
- package/src/theme/themeColorProvider.tsx +1 -0
- package/src/theme/themeProvider.tsx +1 -1
- package/src/utils/boundaryElement/__workshop__/plain.tsx +1 -1
- package/src/utils/boundaryElement/boundaryElement.test.tsx +5 -3
- package/src/utils/boundaryElement/boundaryElementProvider.tsx +1 -1
- package/src/utils/elementQuery/__workshop__/customMedia.tsx +1 -0
- package/src/utils/elementQuery/elementQuery.tsx +1 -1
- package/src/utils/errorBoundary.tsx +4 -4
- package/src/utils/layer/__workshop__/_debug.tsx +1 -0
- package/src/utils/layer/__workshop__/multipleRoots.tsx +1 -0
- package/src/utils/layer/__workshop__/plain.tsx +1 -1
- package/src/utils/layer/__workshop__/responsiveZOffset.tsx +1 -0
- package/src/utils/layer/layer.test.tsx +5 -3
- package/src/utils/layer/layer.tsx +1 -1
- package/src/utils/layer/layerProvider.tsx +1 -1
- package/src/utils/portal/__workshop__/named.tsx +1 -1
- package/src/utils/portal/portal.test.tsx +5 -3
- package/src/utils/portal/portal.ts +3 -2
- package/src/utils/portal/portalProvider.tsx +1 -1
- package/src/utils/srOnly/srOnly.tsx +1 -1
- package/src/utils/virtualList/__workshop__/changingProps.tsx +1 -1
- package/src/utils/virtualList/__workshop__/elementScroll.tsx +1 -1
- package/src/utils/virtualList/__workshop__/infiniteList.tsx +1 -1
- package/src/utils/virtualList/__workshop__/windowScrolll.tsx +1 -1
- package/src/utils/virtualList/virtualList.tsx +1 -1
- package/src/primitives/badge/badge.test.tsx +0 -13
- package/src/primitives/button/button.test.tsx +0 -41
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import {AddIcon} from '@sanity/icons'
|
|
2
|
-
import {screen} from '@testing-library/react'
|
|
3
|
-
import {axe} from 'jest-axe'
|
|
4
|
-
import {render} from '../../../test'
|
|
5
|
-
import {Button, ButtonProps} from './button'
|
|
6
|
-
|
|
7
|
-
describe('atoms/button', () => {
|
|
8
|
-
it('Axe: should have no violations', async () => {
|
|
9
|
-
const lightResult = render(<Button icon={AddIcon} text="Label" tone="positive" />, {
|
|
10
|
-
scheme: 'light',
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
expect(await axe(lightResult.container.outerHTML)).toHaveNoViolations()
|
|
14
|
-
|
|
15
|
-
const darkResult = render(<Button icon={AddIcon} text="Label" tone="positive" />, {
|
|
16
|
-
scheme: 'dark',
|
|
17
|
-
})
|
|
18
|
-
|
|
19
|
-
expect(await axe(darkResult.container.outerHTML)).toHaveNoViolations()
|
|
20
|
-
})
|
|
21
|
-
|
|
22
|
-
it('should render text', () => {
|
|
23
|
-
render(<Button text="Button text" />)
|
|
24
|
-
|
|
25
|
-
expect(screen.getByText('Button text')).toBeInTheDocument()
|
|
26
|
-
})
|
|
27
|
-
|
|
28
|
-
it('should wrap button', () => {
|
|
29
|
-
function WrappedButton({button: buttonProps}: {button: ButtonProps}) {
|
|
30
|
-
return <Button {...buttonProps} />
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
const buttonProps: ButtonProps = {
|
|
34
|
-
text: 'Button text',
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
render(<WrappedButton button={buttonProps} />)
|
|
38
|
-
|
|
39
|
-
expect(screen.getByText('Button text')).toBeInTheDocument()
|
|
40
|
-
})
|
|
41
|
-
})
|