mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
v2.8.1 (#5488)
* fix(date-picker): error state (#5317) * fix(date-range-picker): fixed the error state in preset * Update giant-sloths-shop.md * Removed if statement * chore(date-picker): prettier --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(theme): clear button in mobile (#5252) * fix(toast): fixed close button hover position * fix(input): fixed the clear button rendering on smaller devices * Delete .changeset/soft-spoons-march.md * Update input.ts * Undo unrelated toast changes * fix(toast): icons (#5246) * feat(shared-icons): add loading icon * fix(toast): icons * chore(toast): revise types for icons * chore(changeset): add changeset * refactor: migrate eslint to v9 (#5267) * refactor: migrate eslint to v9 * chore: lint * chore: update eslint command * chore: fix lint warnings * chore: separate lint and lint:fix * chore: exclude contentlayer generated code * fix(scripts): add missing await * fix(autocomplete): persist last selected item position (#5286) * refactor(select): remove unnecessary code * fix(autocomplete): persist last selected item position * chore(changeset): add changeset * chore(deps): bump framer-motion version (#5287) * chore(deps): bump framer-motion version * fix: typing issues * chore(changeset): add changeset --------- Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): supplement onAction & selectionBehavior (#5289) * fix(autocomplete): ensure focused item matches selected item after filter, selection (#5290) * fix(autocomplete): ensure focused item matches selected item after filter, selection * chore: apply type and default value * chore: add perpose coment in updated code * test: add focuskey management testcode * docs: add changeset * docs: update changeset * chore: remove comment * fix: broken components in stories (#5291) * chore(switch): remove xl size * chore(docs): remove xl size * chore(system-rsc): remove xl size * chore(circular-progress): remove xl size * chore: undo * chore(deps): bump RA versions (#5310) * chore(deps): ra version bump * chore(changeset): add changeset * fix(scripts): incorrect docs path --------- Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): update meta data (#5311) * docs(layout.tsx): added text-foreground (#5316) * feat(tabs): add click handling for tab items in tests and implementation (#3917) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix issues in tabs examples (#2405) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore(docs): add missing onValueChange in CheckboxGroup (#5332) * ci(changesets): version packages (#5323) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(deps): bump RA versions (#5361) * chore(deps): bump RA versions * chore(deps): bump RA versions * chore(deps): bump RA versions * chore: changeset * refactor(listbox): already extends in AriaListBoxProps * chore(docs): remove herohack announcement (#5363) * chore: remove herohack announcement * Update carbon-ad.tsx * chore(docs): fixed lint errors * chore(docs): requested changes * Update carbon-ad.tsx * Update carbon-ad.tsx * fix(theme): consistent faded styling for isInvalid in InputOtp and DateInput (#5349) * fix(input-otp): remove bg and border styles from faded variant when isInvalid * fix(date-input): remove bg styles from faded variant when isInvalid * chore(changeset): add changeset * chore: bump theme peerDependencies * chore: bump theme peerDependencies * fix: wrong version * chore: extra line --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(theme): helperWrapper padding (#5350) * fix(number-input): decreased helperWrapper padding to maintain consistency * Update beige-laws-heal.md * chore(theme): change to p-1 * chore(deps): bump peerDependencies for theme pkg * fix(number-input): incorrect versions * chore(changeset): include number input --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(autocomplete): onClear (#5365) * fix(autocomplete): add onClear * feat(autocomplete): add test case for onClear * chore(changeset): add changeset * fix(number-input): only allow number type (#5368) * refactor(number-input): avoid non number type passing to number input * chore(changeset): add changeset * refactor: optimization (#5362) * chore(deps): bump RA versions * chore(deps): bump RA versions * chore(deps): bump RA versions * chore: changeset * chore(deps): remove unnecessary dependencies * fix(calendar): typing issue * refactor(system): remove unused SupportedCalendars * refactor(system): move I18nProviderProps to type * refactor: use `spectrumCalendarProps<DateValue>["createCalendar"]` * feat: add consistent-type-imports * fix: eslint * chore: add changeset * refactor: remove unused deps * ci(changesets): version packages (#5364) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(deps): bump RA versions (#5382) * fix(tabs): onClick (#5378) * fix(tabs): handleClick * chore(changeset): add changeset * refactor: remove `@interationalized/date` from system (#5374) * refactor(calendar): createCalendar typing * refactor(system): ditch `@react-types/calendar` * feat(system): include the required types or interfaces * chore(deps): pnpm-lock.yaml * fix: cast DateValue * fix: minValue & maxValue typing * chore(changeset): add changeset * refactor(system): abstract class * chore(deps): bump system peer dependency * chore(changeset): add changeset * fix(docs): correct display of the "Toast" component in the Safari browser (#5400) * ci(changesets): version packages (#5394) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * docs: replace invalid yarn command (#5422) * chore: remove ph banner (#5437) * feat: 2.8.0 beta changes (#5473) * ci(changesets): 📦 version packages (beta) (#5254) * chore(pre-release): enter pre-release mode * feat: support tailwindcss v4 (#4656) * feat: upgrade tailwindcssv4 * feat: upgrade tailwindcssv4 * feat: update config * feat: first init tailwindcss v4 * fix: update shadow xs to sm * fix: update rounded xs to sm * fix: variant issues * fix: variant shadow etc issues * fix: variant shadow issues * fix: redundant shadow issues * fix: redundant blur-sm issues * fix: redundant blur-sm issues * fix: redundant blur-sm shadow issues * fix: remove redundant rename * fix: role button issues * fix: role button issues * fix: font size * fix: alpha color value * fix: support text utilities in plugin * feat: upgrade tailwind-merge * fix: pkg package scope (cherry picked from commit 6e823233fca0e920336ec32dda6d1d1d845ed0d2) * fix: button base ui add cursor pointer * fix: tailwindcss experimental * feat: upgrade tailwindcss version * fix: input step 1 * fix: input transition issue * fix: theme to var function * ci: run QA in beta branch * fix: var to the theme and incorrect var usage MER-3261 * feat: upgrade tailwind-variants --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * feat: changeset for tailwindcss v4 * fix: changeset * fix: changeset * ci(changesets): version packages (beta) (#5008) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore: tw 4 docs * fix: select tests * chore: timeout * ci(changesets): version packages (beta) * ci(changesets): version packages (beta) * fix: deployment * ci(changesets): version packages (beta) (#5009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore: add the cli to upgrade the packages to beta * fix: cli command * fix: revert to use previous version (#5012) * fix: revert to use previous version * fix: revert to use previous version * fix: revert * fix: revert to use previous tailwind-merge version * ci(changesets): version packages (beta) (#5015) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix: adapt tailwind merger config (#5016) * Revert "fix: revert to use previous version (#5012)" This reverts commit 1d01df254d6df9bc524d29d767236823b33a96fd. * fix: adapt tailwind merge config * fix: adapt tailwind merge config * fix: adapt tailwind merge config * fix: changeset * ci(changesets): version packages (beta) * fix(tailwind): add missing values config for bg-grid plugin * fix: remove useless tw config * fix: add default styles * docs: changeset * docs: typo * chore: merge origin canary to beta * ci(changesets): version packages (beta) * chore: remove changeset & pre.json * chore: change to minor * chore(pre-release): enter pre-release mode * chore(deps): fix versions * chore(deps): revise changed packages * chore(deps): update tailwindcss version * ci(changesets): 📦 version packages (beta) (#5166) * ci(changesets): version packages (beta) * fix: add missing delimiter --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: winches <329487092@qq.com> * fix(docs): add missing semicolon * fix: animate about skeleton (#5198) * chore: pre release * ci(changesets): version packages (beta) (#5199) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * docs: blurred hover button style * fix: language selector blur (#5208) * fix: skeleton animate translate value (#5207) * fix: open in remote repo (#5214) * chore: upgrade tw version * fix: open in remote repo * fix: update lock * fix: select translate styles (#5219) * chore: pre release * ci(changesets): version packages (beta) (#5222) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * chore: remove changeset * chore(pre-release): enter pre-release mode * chore(react): continue from 2.8.0-beta.2 * chore(changeset): add changeset * fix(changeset): use patch * ci(changesets): version packages (beta) * fix(docs): beta docs --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: winches <329487092@qq.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Charlotte21110 <hejianer9@163.com> * fix(workflow): check_if_pre_json_exists order * chore(changeset): redeploy * chore(changeset): changeset (#5263) * ci(changesets): version packages (beta) (#5264) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix(docs): mdx in beta (#5261) * chore(docs): add lint:fix * fix(docs): slug requires promise in next 15 * fix(docs): useMDXComponent * fix(docs): typing issue * docs: typography style error (#5274) * chore(pre-release): enter pre-release mode * feat: support tailwindcss v4 (#4656) * feat: upgrade tailwindcssv4 * feat: upgrade tailwindcssv4 * feat: update config * feat: first init tailwindcss v4 * fix: update shadow xs to sm * fix: update rounded xs to sm * fix: variant issues * fix: variant shadow etc issues * fix: variant shadow issues * fix: redundant shadow issues * fix: redundant blur-sm issues * fix: redundant blur-sm issues * fix: redundant blur-sm shadow issues * fix: remove redundant rename * fix: role button issues * fix: role button issues * fix: font size * fix: alpha color value * fix: support text utilities in plugin * feat: upgrade tailwind-merge * fix: pkg package scope (cherry picked from commit 6e823233fca0e920336ec32dda6d1d1d845ed0d2) * fix: button base ui add cursor pointer * fix: tailwindcss experimental * feat: upgrade tailwindcss version * fix: input step 1 * fix: input transition issue * fix: theme to var function * ci: run QA in beta branch * fix: var to the theme and incorrect var usage MER-3261 * feat: upgrade tailwind-variants --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * feat: changeset for tailwindcss v4 * fix: changeset * fix: changeset * ci(changesets): version packages (beta) (#5008) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore: tw 4 docs * fix: select tests * chore: timeout * ci(changesets): version packages (beta) * ci(changesets): version packages (beta) * fix: deployment * ci(changesets): version packages (beta) (#5009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore: add the cli to upgrade the packages to beta * fix: cli command * fix: revert to use previous version (#5012) * fix: revert to use previous version * fix: revert to use previous version * fix: revert * fix: revert to use previous tailwind-merge version * ci(changesets): version packages (beta) (#5015) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix: adapt tailwind merger config (#5016) * Revert "fix: revert to use previous version (#5012)" This reverts commit 1d01df254d6df9bc524d29d767236823b33a96fd. * fix: adapt tailwind merge config * fix: adapt tailwind merge config * fix: adapt tailwind merge config * fix: changeset * ci(changesets): version packages (beta) * fix(tailwind): add missing values config for bg-grid plugin * fix: remove useless tw config * fix: add default styles * docs: changeset * docs: typo * chore: merge origin canary to beta * ci(changesets): version packages (beta) * chore: remove changeset & pre.json * chore: change to minor * chore(pre-release): enter pre-release mode * chore(deps): fix versions * chore(deps): revise changed packages * chore(deps): update tailwindcss version * ci(changesets): 📦 version packages (beta) (#5166) * ci(changesets): version packages (beta) * fix: add missing delimiter --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: winches <329487092@qq.com> * fix(docs): add missing semicolon * fix: animate about skeleton (#5198) * chore: pre release * ci(changesets): version packages (beta) (#5199) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * docs: blurred hover button style * fix: language selector blur (#5208) * fix: skeleton animate translate value (#5207) * fix: open in remote repo (#5214) * chore: upgrade tw version * fix: open in remote repo * fix: update lock * fix: select translate styles * Merge branch beta/release-next of github.com:heroui-inc/heroui into beta/release-next-original --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Charlotte21110 <hejianer9@163.com> * fix: transition scale (#5284) * feat(toast): enable programatically closing a toast with a specific key (#5125) * feat(toast): add closeToast method * docs(toast): add example for programmatically closing toast * refactor: change button title in doc * refactor: add type for key * test: sync storybook example with the one in docs * chore: add changeset * refactor: fix grammar * chore: update toast package version change to patch * Merge branch 'canary' into pr/5125 * chore(changeset): add ref number * refactor(toast): export hooks * chore(docs): use flat buttons --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#5285) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix(input): prevent accessibility label duplication (#5161) * fix(input): prevent accessibility label duplication * chore(chageset): add changeset * chore(changeset): include issue number --------- Co-authored-by: WK <wingkwong.code@gmail.com> * refactor: overlay & interactOutside (#5100) * fix: remove ariaShouldCloseOnInteractOutside usage * feat: add `@heroui/use-aria-overlay` * chore(popover): remove ariaHideOutside * fix(use-aria-modal-overlay): use useAriaOverlay instead * fix(use-aira-overlay): revise onInteractOutside * chore(deps): pnpm-lock.yaml * feat(modal): add ModalWithAutocompleteTemplate * chore(modal): remove state.close as handled by useInteractOutside * fix(use-aria-multiselect): add menuTriggerProps.onPressStart and change domProps to triggerProps * chore(use-aria-button): support onPressUp * chore(deps): pnpm-lock.yaml * chore(use-aria-multiselect): join by commas * fix(tooltip): use useAriaOverlay instead * fix(autocomplete): jest timeout issue * chore(deps): pnpm-lock.yaml * chore(changset): add changeset * chore(deps): bump versions * refactor(tooltip): move to type * chore(deps): bump RA versions (#5315) * chore(deps): bump RA versions * fix(scripts): incorrect docs path * chore(changeset): add changeset for bumping RA versions * fix(docs): incorrect import path * refactor(modal): use a simple example * ci(changesets): version packages (beta) (#5303) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * feat(input): adding outside-top prop (#4775) * feat(input): adding outside-top prop * chore(input): add outside-top to use-label-placement hook * refactor(input): use old method for computing labelPlacement in 'use-input' * fix(input): fix focus behaviouir and alignment for 'outside-top' * Merge branch 'canary' into pr/4775 * chore(changeset): include issue number * feat(system): useInputLabelPlacement * refactor(input): use useInputLabelPlacement * chore(changeset): add changeset --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore: sync latest changes to beta (#5347) * chore: add herohack announcement * fix(date-picker): error state (#5317) * fix(date-range-picker): fixed the error state in preset * Update giant-sloths-shop.md * Removed if statement * chore(date-picker): prettier --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore: banner replacement * fix(theme): clear button in mobile (#5252) * fix(toast): fixed close button hover position * fix(input): fixed the clear button rendering on smaller devices * Delete .changeset/soft-spoons-march.md * Update input.ts * Undo unrelated toast changes * fix(toast): icons (#5246) * feat(shared-icons): add loading icon * fix(toast): icons * chore(toast): revise types for icons * chore(changeset): add changeset * refactor: migrate eslint to v9 (#5267) * refactor: migrate eslint to v9 * chore: lint * chore: update eslint command * chore: fix lint warnings * chore: separate lint and lint:fix * chore: exclude contentlayer generated code * fix(scripts): add missing await * fix(autocomplete): persist last selected item position (#5286) * refactor(select): remove unnecessary code * fix(autocomplete): persist last selected item position * chore(changeset): add changeset * chore(deps): bump framer-motion version (#5287) * chore(deps): bump framer-motion version * fix: typing issues * chore(changeset): add changeset --------- Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): supplement onAction & selectionBehavior (#5289) * fix(autocomplete): ensure focused item matches selected item after filter, selection (#5290) * fix(autocomplete): ensure focused item matches selected item after filter, selection * chore: apply type and default value * chore: add perpose coment in updated code * test: add focuskey management testcode * docs: add changeset * docs: update changeset * chore: remove comment * fix: broken components in stories (#5291) * chore(switch): remove xl size * chore(docs): remove xl size * chore(system-rsc): remove xl size * chore(circular-progress): remove xl size * chore: undo * chore(deps): bump RA versions (#5310) * chore(deps): ra version bump * chore(changeset): add changeset * fix(scripts): incorrect docs path --------- Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): update meta data (#5311) * docs(layout.tsx): added text-foreground (#5316) * feat(tabs): add click handling for tab items in tests and implementation (#3917) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix issues in tabs examples (#2405) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore(docs): add missing onValueChange in CheckboxGroup (#5332) * ci(changesets): version packages (#5323) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore: remove pre.json --------- Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> Co-authored-by: Vishv Salvi <82429084+Vishvsalvi@users.noreply.github.com> Co-authored-by: KumJungMin <37934668+KumJungMin@users.noreply.github.com> Co-authored-by: liaoyinglong <vigossliao@gmail.com> Co-authored-by: zhengjitf <zhengjitf@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * chore(pre-release): enter pre-release mode * chore: update changesets * chore: remove changesets * chore: add changeset * chore: update `@heroui/react` pre version * fix(deps): add missing `@heroui/use-aria-overlay` import * fix: lock file (#5351) * ci(changesets): 📦 version packages (beta) (#5348) * ci(changesets): version packages (beta) * Merge branch 'beta/release-next' into changeset-release/beta/release-next --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore: sync 2.8.0 to beta (#5388) * chore: remove outdated changeset * chore(pre-release): enter pre-release mode * chore(deps): bump RA versions (beta) (#5392) * chore(deps): bump RA versions * chore: add changeset * ci(changesets): version packages (beta) (#5393) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * refactor: remove RA dependencies (overaly & utils) (#5398) * refactor(system): remove `@react-aria/utils` package * refactor(system): remove `@react-aria/overlays` package * ci(changesets): version packages (beta) (#5399) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * refactor: RA optimization (#5401) * refactor(shared-utils): add common functions from `@react-aria/utils` * feat(system): add shouldClientNavigate & useRouter * refactor(deps): remove `@react-aria/utils` * feat(shared-utils): include common functions from RA * refactor: import functions from `@heroui/shared-utils` instead * chore(deps): pnpm-lock.yaml * chore: add changeset * chore(shared-utils): update directory * fix(shared-utils): add use client directive * feat: add `@heroui/use-viewport-size` * feat: add `@heroui/use-form-reset` * feat(use-resize): add hasResizeObserver & RefObject * feat(form): add useObjectRef * chore: update import * chore(deps): update dependencies * refactor(shared-utils): only keep utils * chore(deps): pnpm-lock.yaml * chore(changeset): add changeset * ci(changesets): version packages (beta) (#5406) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix: transitions (#5409) * chore(changeset): add changeset * fix: outline style (#5421) * fix: outline style * chore(changeset): add changeset --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(toast): Renaming the loadingIcon to loadingComponent (#4919) * fix: toast should be above the modal * fix: renaming the loadingIcon to loadingComponent * chore: adding changeset * chore: fixing conflicts * chore: adding the region props * fix: adding Marcus' suggestions * fix: marcus' suggestions * Revert all commits except 4c6bf32 * chore(toast): bump `@heroui/theme` in peerDependencies * chore: nits * chore: applying marcus' suggestions * chore(toast): update story --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore: use beta version * chore: delete pre.json * chore(pre-release): enter pre-release mode * chore(changeset): trigger release * chore(changeset): trigger release * chore: keep previous changesets * ci(changesets): version packages (beta) (#5429) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix(table): header and isStriped missing radius (#5062) * fix(table): tableheader and isStriped missing radius * chore: add changeset * fix: fix missing radius styles * chore(changeset): update message * fix(theme): reorder radius --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(slider): prevent NaN error for equal min / max values (#5044) * fix(slider): prevent NaN error for equal min/max values * fix: restore isdisabled code * fix(slider): perf prevent NaN error for equal min max values * refactor: slider code * fix(slider): prevent NaN error for equal min max values & add test * fix(slider): perf prevent NaN error for equal min max values * fix: remove redundant code * chore: add changeset * Revert "chore: add changeset" This reverts commit f31de4ac859e48eb09c8a14a546fed9e5197eccd. * chore(slider): add missing warn * refactor(slider): remove unnecessary line --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix: double fetch img src (#5417) * fix(image): double fetch when using custom image component * fix(avatar): avoid passing disableAnimation to dom & double fetch source * chore(changeset): include avatar * fix(autocomplete): empty button when selectorIcon is null (#5427) * fix(toast): Toast items close in reverse order (#5405) * fix(toast): correct closing order to implement proper FIFO behavior * chore(changeset): add changeset * fix(changeset): update issue number * chore(toast): use `!==` instead * feat(toast): apply exit animation to auto-close timeout --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(table): remove removeWrapper on virtualized table (#5428) * fix(table): remove `removeWrapper` for virtualized table * chore(docs): update description for removeWrapper * chore(changeset): add changeset * fix(toast): fixed close button hover position (#5245) * fix(toast): fixed close button hover position * Update soft-spoons-march.md * Update toast.ts * chore(theme): prettier * Using "placement" to apply the top and bottom extension * fix(toast): modified hover for expanded region * update dependancy array * lint fix * Merge branch 'canary' into pr/5245 * chore(theme): remove line breaks * chore(changeset): add missing package * static extension size * fix(toast): static extension fix --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * feat(table): support custom sort icon (#5243) * feat(shared-icons): add SortIcon * feat(table): add CustomSortIcon story * feat(table): support custom sort icon * fix(table): handle functional sortIcon * chore(changeset): add changeset * chore(table): update type * feat(docs): add sortIcon to table * fix(docs): broken object * chore(shared-icons): lint * feat(docs): add example for sort icon * chore: bump pnpm & node version (#5442) * refactor: bump pnpm & node version * chore(deps): bump `@types/node` * fix(calendar): improve month and year picker selection for different zoom levels (#5151) * fix(calendar): improve month and year picker selection for different zoom levels * fix(calendar): improve month and year picker selection for different zoom levels * fix(calendar): prevent stale values while scrolling both year and month pickers simultaneously * docs: replace invalid yarn command (#5422) * chore: remove ph banner (#5437) * chore(changeset): update changeset message * chore: add line breaks --------- Co-authored-by: Nicolas Cappabianca <nicolas.cappabianca@gmail.com> Co-authored-by: WK <wingkwong.code@gmail.com> * feat(select): adding isClearable to select (#4785) * feat(select): adding isClearable to select * chore(select): add changeset * test(select): add tests for isClearable * chore(select): add theme package patch, improve the testcase, rename nextui package to heroui * fix(select): fixing alignment for clear button for different cases * Merge branch 'canary' into pr/4785 * Merge branch 'canary' into pr/4785 * fix(select): remove component level styling * fix(select): fix the alignment and focus behaviour * fix(select): shift clear buttojn close to trigger * fix(select): fix alignment for different variants * feat(select): add data-has-end-content * fix(theme): revise select styles with clear button and end content * feat(docs): add end content --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(select): use span instead as trigger is button * fix(docs): add ToastProvider for blog post * ci(changesets): version packages (beta) (#5430) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix(select): clear button test cases * fix(modal): draggable modal, scrollable on mobile (#5444) Co-authored-by: Vishv Salvi <vishvsalvi@Vishvs-MacBook-Air.local> * chore: trigger release * ci(changesets): version packages (beta) (#5445) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix(theme): table header sorting icon transition (#5449) * fix: table header sorcting icon transition * chore(changeset): add changeset --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(table): allow text selection with cursor in table cells (#5454) * fix(table): allow text selection with cursor in table cells * chore(changeset): add changeset --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#5450) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * chore: add back RA deps (#5466) * chore(deps): bump testing-library & jest versions (#5468) * refactor: revise test cases * chore(deps): bump testing-library & jest versions * ci(changesets): version packages (beta) (#5467) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * refactor(autocomplete): test cases * fix(use-theme): incorrect target theme * ci(changesets): version packages (beta) (#5470) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix(use-theme): remove all theme values and add the new one * ci(changesets): version packages (beta) (#5472) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * docs: 2.8.0 (#5443) * chore(docs): update routes.json * chore(docs): bump versions * chore(docs): initial draft * chore(docs): add examples * chore(Docs): update credits and community * chore(docs): update date & what's next * chore(docs): update meta data * chore(docs): add update tags * chore(docs): add tableSortIcon example * chore(docs): revise sidebar width * chore(docs): remove package size optimization * chore(docs): update meta * ci(changesets): exit pre-release mode * chore: update package versions * chore(changeset): remove unrelated changeset * chore(deps): remove unused autoprefixer * chore(docs): update tailwind v4 content * chore(docs): update template doc content * chore(docs): update formatting * chore(toast): export getToastQueue (#5476) * chore(docs): add hydration issue handling to page router example (#5474) * docs(dark-mode): add hydration handling to page router example * chore(docs): format --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore(deps): bump tw4 versions * fix: handle files with paths containing empty space (#5478) * chore(docs): revise wordings in 2.8.0 blog * feat(slider): add getTooltipValue prop for custom tooltip value (#5384) * feat(slider): add getTooltipValue prop for custom tooltip value * feat(slider): fix coderabbit highlights * feat(slider): fixed wingkwong highlights * feat(slider): added custom-tooltip.raw.tsx?raw * feat(slider): improved custom-tooltip.raw.tsx * chore: undo README.md * chore(slider): use normal $ sign * chore(changeset): add changeset * chore(docs): formatting --------- Co-authored-by: andartadev1 <andartadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore(docs): revise custom tooltip example * chore(docs): add custom tooltip example for slider * chore(deps): bump contentlayer2 & next-contentlayer2 * chore(docs): fix formatting * chore(docs): update metadata * chore: add v2.8.0 image --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: winches <329487092@qq.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Charlotte21110 <hejianer9@163.com> Co-authored-by: Feiyu Zheng <67126194+ChaserZ98@users.noreply.github.com> Co-authored-by: Dmytro Klymenko <dmytro@klymenko.xyz> Co-authored-by: Abhinav Agarwal <78839973+abhinav700@users.noreply.github.com> Co-authored-by: Vishv Salvi <82429084+Vishvsalvi@users.noreply.github.com> Co-authored-by: KumJungMin <37934668+KumJungMin@users.noreply.github.com> Co-authored-by: liaoyinglong <vigossliao@gmail.com> Co-authored-by: zhengjitf <zhengjitf@gmail.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Yohan <58714229+kaishuige@users.noreply.github.com> Co-authored-by: Aditya Ray <96347576+adi-ray@users.noreply.github.com> Co-authored-by: Aakash Patel <ap0524@srmist.edu.in> Co-authored-by: Nicolas Cappabianca <nicolas.cappabianca@gmail.com> Co-authored-by: Vishv Salvi <vishvsalvi@Vishvs-MacBook-Air.local> Co-authored-by: Priyadharshini S <priyadharshinis5102@gmail.com> Co-authored-by: arar <77303253+ararTP@users.noreply.github.com> Co-authored-by: andartadev1 <andartadev@gmail.com> * chore: consolidated version part 2 * ci(changesets): version packages (#5482) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix(theme): use `outline-hidden` which is equivalent to `outline-none` (#5486) * fix: use `outline-hidden` which is equivalent to `outline-none` in v3 * chore: add changeset * ci(changesets): version packages (#5487) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> --------- Co-authored-by: Vishv Salvi <82429084+Vishvsalvi@users.noreply.github.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> Co-authored-by: KumJungMin <37934668+KumJungMin@users.noreply.github.com> Co-authored-by: liaoyinglong <vigossliao@gmail.com> Co-authored-by: zhengjitf <zhengjitf@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Anuj Kuralkar <76731106+anuj-kuralkar@users.noreply.github.com> Co-authored-by: Poli Sour <57824881+novsource@users.noreply.github.com> Co-authored-by: Nicolas Cappabianca <nicolas.cappabianca@gmail.com> Co-authored-by: winches <329487092@qq.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Charlotte21110 <hejianer9@163.com> Co-authored-by: Feiyu Zheng <67126194+ChaserZ98@users.noreply.github.com> Co-authored-by: Dmytro Klymenko <dmytro@klymenko.xyz> Co-authored-by: Abhinav Agarwal <78839973+abhinav700@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Yohan <58714229+kaishuige@users.noreply.github.com> Co-authored-by: Aditya Ray <96347576+adi-ray@users.noreply.github.com> Co-authored-by: Aakash Patel <ap0524@srmist.edu.in> Co-authored-by: Vishv Salvi <vishvsalvi@Vishvs-MacBook-Air.local> Co-authored-by: Priyadharshini S <priyadharshinis5102@gmail.com> Co-authored-by: arar <77303253+ararTP@users.noreply.github.com> Co-authored-by: andartadev1 <andartadev@gmail.com>
This commit is contained in:
Junior Garcia
GitHub
parent
9803aef296
commit
5f2bec5b65
@ -467,7 +467,7 @@ export default function Page() {
|
||||
<label className="flex items-center text-default-400 text-small">
|
||||
Rows per page:
|
||||
<select
|
||||
className="bg-transparent outline-solid outline-transparent text-default-400 text-small"
|
||||
className="bg-transparent outline-hidden text-default-400 text-small"
|
||||
onChange={onRowsPerPageChange}
|
||||
>
|
||||
<option value="5">5</option>
|
||||
|
||||
@ -459,7 +459,7 @@ export default function Page() {
|
||||
<label className="flex items-center text-default-400 text-small">
|
||||
Rows per page:
|
||||
<select
|
||||
className="bg-transparent outline-solid outline-transparent text-default-400 text-small"
|
||||
className="bg-transparent outline-hidden text-default-400 text-small"
|
||||
onChange={onRowsPerPageChange}
|
||||
>
|
||||
<option value="5">5</option>
|
||||
|
||||
@ -63,7 +63,7 @@ const cmdk = tv({
|
||||
"h-14",
|
||||
"font-sans",
|
||||
"text-lg",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"rounded-none",
|
||||
"bg-transparent",
|
||||
"text-default-700",
|
||||
|
||||
@ -196,7 +196,7 @@ function TreeItem<T>(props: TreeItemProps<T>) {
|
||||
aria-expanded={dataAttr(hasChildNodes ? isExpanded : undefined)}
|
||||
aria-selected={dataAttr(isSelected)}
|
||||
className={clsx(
|
||||
"flex flex-col outline-solid outline-transparent w-full tap-highlight-transparent",
|
||||
"flex flex-col outline-hidden w-full tap-highlight-transparent",
|
||||
hasChildNodes ? "mb-4" : "first:mt-4",
|
||||
// focus ring
|
||||
...dataFocusVisibleClasses,
|
||||
|
||||
@ -33,7 +33,7 @@ export const FbRoadmapLink = ({className, innerClassName}: Props) => {
|
||||
<div className={clsx("relative", innerClassName)}>
|
||||
Roadmap
|
||||
<Icon
|
||||
className="absolute right-[-10px] top-0 outline-solid outline-transparent transition-transform group-data-[hover=true]:translate-y-0.5 [&>path]:stroke-[2.5px]"
|
||||
className="absolute right-[-10px] top-0 outline-hidden transition-transform group-data-[hover=true]:translate-y-0.5 [&>path]:stroke-[2.5px]"
|
||||
icon={arrowRightUpIcon}
|
||||
width={10}
|
||||
/>
|
||||
|
||||
@ -80,7 +80,7 @@ export const HeroUIChatBanner = () => {
|
||||
HeroUI Chat
|
||||
<Icon
|
||||
aria-hidden="true"
|
||||
className="outline-solid outline-transparent transition-transform group-hover:translate-x-0.5 [&>path]:stroke-[2px]"
|
||||
className="outline-hidden transition-transform group-hover:translate-x-0.5 [&>path]:stroke-[2px]"
|
||||
icon={arrowRightIcon}
|
||||
width={16}
|
||||
/>
|
||||
|
||||
@ -59,7 +59,7 @@ export const shopCartStyles = tv({
|
||||
"text-sm",
|
||||
"rounded-full",
|
||||
// focus ring
|
||||
"group-data-[focus-visible=true]:outline-solid outline-transparent",
|
||||
"group-data-[focus-visible=true]:outline-hidden",
|
||||
"group-data-[focus-visible=true]:ring-2",
|
||||
"group-data-[focus-visible=true]:ring-focus",
|
||||
"group-data-[focus-visible=true]:ring-offset-2",
|
||||
|
||||
@ -67,7 +67,7 @@ export const Hero = () => {
|
||||
color="primary"
|
||||
endContent={
|
||||
<ArrowRightIcon
|
||||
className="group-data-[hover=true]:translate-x-0.5 outline-solid outline-transparent transition-transform"
|
||||
className="group-data-[hover=true]:translate-x-0.5 outline-hidden transition-transform"
|
||||
strokeWidth={2}
|
||||
/>
|
||||
}
|
||||
|
||||
@ -66,7 +66,7 @@ export const InstallBanner = () => {
|
||||
color="secondary"
|
||||
endContent={
|
||||
<ArrowRightIcon
|
||||
className="group-data-[hover=true]:translate-x-0.5 outline-solid outline-transparent transition-transform"
|
||||
className="group-data-[hover=true]:translate-x-0.5 outline-hidden transition-transform"
|
||||
strokeWidth={2}
|
||||
/>
|
||||
}
|
||||
|
||||
@ -275,7 +275,7 @@ export const APITable: React.FC<APITableProps> = ({data}) => {
|
||||
{/* Mobile popover */}
|
||||
<Components.Popover placement="top">
|
||||
<Components.PopoverTrigger>
|
||||
<button className="flex items-center gap-1 sm:hidden outline-solid outline-transparent">
|
||||
<button className="flex items-center gap-1 sm:hidden outline-hidden">
|
||||
<InfoCircle className="text-default-400" size={16} />
|
||||
</button>
|
||||
</Components.PopoverTrigger>
|
||||
|
||||
@ -227,7 +227,7 @@ export const Navbar: FC<NavbarProps> = ({children, routes, mobileRoutes = [], sl
|
||||
<NavbarItem className="flex h-full items-center">
|
||||
<button
|
||||
className={clsx(
|
||||
"transition-opacity p-1 hover:opacity-80 rounded-full cursor-pointer outline-solid outline-transparent",
|
||||
"transition-opacity p-1 hover:opacity-80 rounded-full cursor-pointer outline-hidden",
|
||||
// focus ring
|
||||
...dataFocusVisibleClasses,
|
||||
)}
|
||||
|
||||
@ -97,7 +97,7 @@ export const PhBanner = () => {
|
||||
Get 30% off
|
||||
<Icon
|
||||
aria-hidden="true"
|
||||
className="outline-solid outline-transparent transition-transform group-hover:translate-x-0.5 [&>path]:stroke-[2px]"
|
||||
className="outline-hidden transition-transform group-hover:translate-x-0.5 [&>path]:stroke-[2px]"
|
||||
icon={arrowRightIcon}
|
||||
width={16}
|
||||
/>
|
||||
|
||||
@ -105,7 +105,7 @@ export const ProBanner = () => {
|
||||
HeroUI Pro
|
||||
<Icon
|
||||
aria-hidden="true"
|
||||
className="outline-solid outline-transparent transition-transform group-hover:translate-x-0.5 [&>path]:stroke-[2px]"
|
||||
className="outline-hidden transition-transform group-hover:translate-x-0.5 [&>path]:stroke-[2px]"
|
||||
icon={arrowRightIcon}
|
||||
width={16}
|
||||
/>
|
||||
|
||||
@ -15,7 +15,7 @@ export const CustomCheckbox = (props) => {
|
||||
},
|
||||
isFocusVisible: {
|
||||
true: {
|
||||
base: "outline-solid outline-transparent ring-2 ring-focus ring-offset-2 ring-offset-background",
|
||||
base: "outline-hidden ring-2 ring-focus ring-offset-2 ring-offset-background",
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
@ -40,7 +40,7 @@ export default function App() {
|
||||
},
|
||||
isFocusVisible: {
|
||||
true: {
|
||||
base: "outline-solid outline-transparent ring-2 ring-focus ring-offset-2 ring-offset-background",
|
||||
base: "outline-hidden ring-2 ring-focus ring-offset-2 ring-offset-background",
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
@ -99,7 +99,7 @@ export default function App() {
|
||||
className="cursor-default"
|
||||
endContent={
|
||||
<select
|
||||
className="z-10 outline-solid outline-transparent w-16 py-0.5 rounded-md text-tiny group-data-[hover=true]:border-default-500 border-small border-default-300 dark:border-default-200 bg-transparent text-default-500"
|
||||
className="z-10 outline-hidden w-16 py-0.5 rounded-md text-tiny group-data-[hover=true]:border-default-500 border-small border-default-300 dark:border-default-200 bg-transparent text-default-500"
|
||||
id="theme"
|
||||
name="theme"
|
||||
>
|
||||
|
||||
@ -71,7 +71,7 @@ export default function App() {
|
||||
endContent={
|
||||
<button
|
||||
aria-label="toggle password visibility"
|
||||
className="focus:outline-solid outline-transparent"
|
||||
className="focus:outline-hidden"
|
||||
type="button"
|
||||
onClick={toggleVisibility}
|
||||
>
|
||||
|
||||
@ -110,7 +110,7 @@ export default function App() {
|
||||
Currency
|
||||
</label>
|
||||
<select
|
||||
className="outline-solid outline-transparent border-0 bg-transparent text-default-400 text-small"
|
||||
className="outline-hidden border-0 bg-transparent text-default-400 text-small"
|
||||
id="currency"
|
||||
name="currency"
|
||||
>
|
||||
|
||||
@ -21,7 +21,7 @@ export default function App() {
|
||||
</label>
|
||||
<select
|
||||
aria-label="Select currency"
|
||||
className="outline-solid outline-transparent border-0 bg-transparent text-default-400 text-small"
|
||||
className="outline-hidden border-0 bg-transparent text-default-400 text-small"
|
||||
defaultValue="USD"
|
||||
id="currency"
|
||||
name="currency"
|
||||
|
||||
@ -31,7 +31,7 @@ export default function App() {
|
||||
>
|
||||
<input
|
||||
aria-label="Temperature value"
|
||||
className="px-1 py-0.5 w-12 text-right text-small text-default-700 font-medium bg-default-100 outline-solid outline-transparent transition-colors rounded-small border-medium border-transparent hover:border-primary focus:border-primary"
|
||||
className="px-1 py-0.5 w-12 text-right text-small text-default-700 font-medium bg-default-100 outline-hidden transition-colors rounded-small border-medium border-transparent hover:border-primary focus:border-primary"
|
||||
type="text"
|
||||
value={inputValue}
|
||||
onChange={(e) => {
|
||||
|
||||
@ -34,7 +34,7 @@ export default function App() {
|
||||
>
|
||||
<input
|
||||
aria-label="Temperature value"
|
||||
className="px-1 py-0.5 w-12 text-right text-small text-default-700 font-medium bg-default-100 outline-solid outline-transparent transition-colors rounded-small border-medium border-transparent hover:border-primary focus:border-primary"
|
||||
className="px-1 py-0.5 w-12 text-right text-small text-default-700 font-medium bg-default-100 outline-hidden transition-colors rounded-small border-medium border-transparent hover:border-primary focus:border-primary"
|
||||
type="text"
|
||||
value={inputValue}
|
||||
onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
|
||||
|
||||
@ -554,7 +554,7 @@ export default function App() {
|
||||
<label className="flex items-center text-default-400 text-small">
|
||||
Rows per page:
|
||||
<select
|
||||
className="bg-transparent outline-solid outline-transparent text-default-400 text-small"
|
||||
className="bg-transparent outline-hidden text-default-400 text-small"
|
||||
onChange={onRowsPerPageChange}
|
||||
>
|
||||
<option value="5">5</option>
|
||||
|
||||
@ -566,7 +566,7 @@ export default function App() {
|
||||
<label className="flex items-center text-default-400 text-small">
|
||||
Rows per page:
|
||||
<select
|
||||
className="bg-transparent outline-solid outline-transparent text-default-400 text-small"
|
||||
className="bg-transparent outline-hidden text-default-400 text-small"
|
||||
onChange={onRowsPerPageChange}
|
||||
>
|
||||
<option value="5">5</option>
|
||||
|
||||
@ -550,7 +550,7 @@ export default function App() {
|
||||
<label className="flex items-center text-default-400 text-small">
|
||||
Rows per page:
|
||||
<select
|
||||
className="bg-transparent outline-solid outline-transparent text-default-400 text-small"
|
||||
className="bg-transparent outline-hidden text-default-400 text-small"
|
||||
onChange={onRowsPerPageChange}
|
||||
>
|
||||
<option value="5">5</option>
|
||||
|
||||
@ -563,7 +563,7 @@ export default function App() {
|
||||
<label className="flex items-center text-default-400 text-small">
|
||||
Rows per page:
|
||||
<select
|
||||
className="bg-transparent outline-solid outline-transparent text-default-400 text-small"
|
||||
className="bg-transparent outline-hidden text-default-400 text-small"
|
||||
onChange={onRowsPerPageChange}
|
||||
>
|
||||
<option value="5">5</option>
|
||||
|
||||
@ -1,5 +1,17 @@
|
||||
# @heroui/autocomplete
|
||||
|
||||
## 2.3.25
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies []:
|
||||
- @heroui/button@2.2.23
|
||||
- @heroui/form@2.1.23
|
||||
- @heroui/input@2.4.24
|
||||
- @heroui/listbox@2.3.22
|
||||
- @heroui/popover@2.3.23
|
||||
- @heroui/scroll-shadow@2.3.16
|
||||
|
||||
## 2.3.24
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@heroui/autocomplete",
|
||||
"version": "2.3.24",
|
||||
"version": "2.3.25",
|
||||
"description": "An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.",
|
||||
"keywords": [
|
||||
"autocomplete"
|
||||
|
||||
@ -1,5 +1,12 @@
|
||||
# @heroui/checkbox
|
||||
|
||||
## 2.3.23
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies []:
|
||||
- @heroui/form@2.1.23
|
||||
|
||||
## 2.3.22
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@heroui/checkbox",
|
||||
"version": "2.3.22",
|
||||
"version": "2.3.23",
|
||||
"description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
|
||||
"keywords": [
|
||||
"checkbox"
|
||||
|
||||
@ -1,5 +1,12 @@
|
||||
# @heroui/date-input
|
||||
|
||||
## 2.3.23
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies []:
|
||||
- @heroui/form@2.1.23
|
||||
|
||||
## 2.3.22
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@heroui/date-input",
|
||||
"version": "2.3.22",
|
||||
"version": "2.3.23",
|
||||
"description": "A date input allows users to enter and edit date and time values using a keyboard.",
|
||||
"keywords": [
|
||||
"date-field"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @heroui/date-picker
|
||||
|
||||
## 2.3.24
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies []:
|
||||
- @heroui/button@2.2.23
|
||||
- @heroui/calendar@2.2.23
|
||||
- @heroui/date-input@2.3.23
|
||||
- @heroui/form@2.1.23
|
||||
- @heroui/popover@2.3.23
|
||||
|
||||
## 2.3.23
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@heroui/date-picker",
|
||||
"version": "2.3.23",
|
||||
"version": "2.3.24",
|
||||
"description": "A date picker combines a DateInput and a Calendar popover to allow users to enter or select a date and time value.",
|
||||
"keywords": [
|
||||
"date-picker"
|
||||
|
||||
@ -1,5 +1,12 @@
|
||||
# @heroui/form
|
||||
|
||||
## 2.1.23
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies [[`8ddc6e7`](https://github.com/heroui-inc/heroui/commit/8ddc6e795e56b7ecaac94bb0bbf99a7147dc027b)]:
|
||||
- @heroui/theme@2.4.19
|
||||
|
||||
## 2.1.22
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@heroui/form",
|
||||
"version": "2.1.22",
|
||||
"version": "2.1.23",
|
||||
"description": "A form is a group of inputs that allows users submit data to a server and supports field validation errors.",
|
||||
"keywords": [
|
||||
"form"
|
||||
|
||||
@ -1,5 +1,12 @@
|
||||
# @heroui/input-otp
|
||||
|
||||
## 2.1.23
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies []:
|
||||
- @heroui/form@2.1.23
|
||||
|
||||
## 2.1.22
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@heroui/input-otp",
|
||||
"version": "2.1.22",
|
||||
"version": "2.1.23",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"input-otp"
|
||||
|
||||
@ -1,5 +1,12 @@
|
||||
# @heroui/input
|
||||
|
||||
## 2.4.24
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies []:
|
||||
- @heroui/form@2.1.23
|
||||
|
||||
## 2.4.23
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@heroui/input",
|
||||
"version": "2.4.23",
|
||||
"version": "2.4.24",
|
||||
"description": "The input component is designed for capturing user input within a text field.",
|
||||
"keywords": [
|
||||
"input"
|
||||
|
||||
@ -300,7 +300,7 @@ const StartAndEndContentTemplate = (args) => (
|
||||
Currency
|
||||
</label>
|
||||
<select
|
||||
className="outline-solid outline-transparent border-0 bg-transparent text-default-400 text-sm"
|
||||
className="outline-hidden border-0 bg-transparent text-default-400 text-sm"
|
||||
id="currency"
|
||||
name="currency"
|
||||
>
|
||||
|
||||
@ -1,5 +1,13 @@
|
||||
# @heroui/number-input
|
||||
|
||||
## 2.0.14
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies []:
|
||||
- @heroui/button@2.2.23
|
||||
- @heroui/form@2.1.23
|
||||
|
||||
## 2.0.13
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@heroui/number-input",
|
||||
"version": "2.0.13",
|
||||
"version": "2.0.14",
|
||||
"description": "The numeric input component is designed for users to enter a number, and increase or decrease the value using stepper buttons",
|
||||
"keywords": [
|
||||
"input",
|
||||
|
||||
@ -372,7 +372,7 @@ export const StartAndEndContent = {
|
||||
Currency
|
||||
</label>
|
||||
<select
|
||||
className="outline-solid outline-transparent border-0 bg-transparent text-default-400 text-sm"
|
||||
className="outline-hidden border-0 bg-transparent text-default-400 text-sm"
|
||||
id="currency"
|
||||
name="currency"
|
||||
>
|
||||
|
||||
@ -1,5 +1,12 @@
|
||||
# @heroui/radio
|
||||
|
||||
## 2.3.23
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies []:
|
||||
- @heroui/form@2.1.23
|
||||
|
||||
## 2.3.22
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@heroui/radio",
|
||||
"version": "2.3.22",
|
||||
"version": "2.3.23",
|
||||
"description": "Radios allow users to select a single option from a list of mutually exclusive options.",
|
||||
"keywords": [
|
||||
"radio"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @heroui/select
|
||||
|
||||
## 2.4.24
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies []:
|
||||
- @heroui/form@2.1.23
|
||||
- @heroui/listbox@2.3.22
|
||||
- @heroui/popover@2.3.23
|
||||
- @heroui/scroll-shadow@2.3.16
|
||||
- @heroui/spinner@2.2.20
|
||||
|
||||
## 2.4.23
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@heroui/select",
|
||||
"version": "2.4.23",
|
||||
"version": "2.4.24",
|
||||
"description": "A select displays a collapsible list of options and allows a user to select one of them.",
|
||||
"keywords": [
|
||||
"select"
|
||||
|
||||
@ -165,7 +165,7 @@ const CustomValueTemplate = (args: SliderProps) => {
|
||||
>
|
||||
<input
|
||||
aria-label="Temperature"
|
||||
className="px-1 py-0.5 w-12 text-right text-small text-default-700 font-medium bg-default-100 outline-solid outline-transparent transition-colors rounded-small border-medium border-transparent hover:border-primary focus:border-primary"
|
||||
className="px-1 py-0.5 w-12 text-right text-small text-default-700 font-medium bg-default-100 outline-hidden transition-colors rounded-small border-medium border-transparent hover:border-primary focus:border-primary"
|
||||
type="text"
|
||||
value={inputValue}
|
||||
onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
|
||||
|
||||
@ -1,5 +1,13 @@
|
||||
# @heroui/table
|
||||
|
||||
## 2.2.23
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies []:
|
||||
- @heroui/checkbox@2.3.23
|
||||
- @heroui/spacer@2.2.17
|
||||
|
||||
## 2.2.22
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@heroui/table",
|
||||
"version": "2.2.22",
|
||||
"version": "2.2.23",
|
||||
"description": "Tables are used to display tabular data using rows and columns. ",
|
||||
"keywords": [
|
||||
"table"
|
||||
|
||||
@ -1,5 +1,58 @@
|
||||
# @heroui/react
|
||||
|
||||
## 2.8.1
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies [[`8ddc6e7`](https://github.com/heroui-inc/heroui/commit/8ddc6e795e56b7ecaac94bb0bbf99a7147dc027b)]:
|
||||
- @heroui/theme@2.4.19
|
||||
- @heroui/accordion@2.2.20
|
||||
- @heroui/alert@2.2.23
|
||||
- @heroui/autocomplete@2.3.25
|
||||
- @heroui/avatar@2.2.19
|
||||
- @heroui/badge@2.2.15
|
||||
- @heroui/breadcrumbs@2.2.19
|
||||
- @heroui/button@2.2.23
|
||||
- @heroui/calendar@2.2.23
|
||||
- @heroui/card@2.2.22
|
||||
- @heroui/checkbox@2.3.23
|
||||
- @heroui/chip@2.2.19
|
||||
- @heroui/code@2.2.17
|
||||
- @heroui/date-input@2.3.23
|
||||
- @heroui/date-picker@2.3.24
|
||||
- @heroui/divider@2.2.16
|
||||
- @heroui/drawer@2.2.20
|
||||
- @heroui/dropdown@2.3.23
|
||||
- @heroui/form@2.1.23
|
||||
- @heroui/image@2.2.15
|
||||
- @heroui/input@2.4.24
|
||||
- @heroui/input-otp@2.1.23
|
||||
- @heroui/kbd@2.2.18
|
||||
- @heroui/link@2.2.20
|
||||
- @heroui/listbox@2.3.22
|
||||
- @heroui/menu@2.2.22
|
||||
- @heroui/modal@2.2.20
|
||||
- @heroui/navbar@2.2.21
|
||||
- @heroui/number-input@2.0.14
|
||||
- @heroui/pagination@2.2.21
|
||||
- @heroui/popover@2.3.23
|
||||
- @heroui/progress@2.2.19
|
||||
- @heroui/radio@2.3.23
|
||||
- @heroui/ripple@2.2.18
|
||||
- @heroui/scroll-shadow@2.3.16
|
||||
- @heroui/select@2.4.24
|
||||
- @heroui/skeleton@2.2.15
|
||||
- @heroui/slider@2.4.20
|
||||
- @heroui/snippet@2.2.24
|
||||
- @heroui/spacer@2.2.17
|
||||
- @heroui/spinner@2.2.20
|
||||
- @heroui/switch@2.2.21
|
||||
- @heroui/table@2.2.23
|
||||
- @heroui/tabs@2.2.20
|
||||
- @heroui/toast@2.0.13
|
||||
- @heroui/tooltip@2.2.20
|
||||
- @heroui/user@2.2.19
|
||||
|
||||
## 2.8.0
|
||||
|
||||
### Minor Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@heroui/react",
|
||||
"version": "2.8.0",
|
||||
"version": "2.8.1",
|
||||
"description": "🚀 Beautiful and modern React UI library.",
|
||||
"author": "HeroUI <support@heroui.com>",
|
||||
"homepage": "https://heroui.com",
|
||||
|
||||
@ -19,7 +19,7 @@ const card = tv({
|
||||
"relative",
|
||||
"overflow-hidden",
|
||||
"h-auto",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"text-foreground",
|
||||
"box-border",
|
||||
"bg-content1",
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @heroui/theme
|
||||
|
||||
## 2.4.19
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- [#5486](https://github.com/heroui-inc/heroui/pull/5486) [`8ddc6e7`](https://github.com/heroui-inc/heroui/commit/8ddc6e795e56b7ecaac94bb0bbf99a7147dc027b) Thanks [@wingkwong](https://github.com/wingkwong)! - use `outline-hidden` which is equivalent to `outline-none` in v3 (#5485)
|
||||
|
||||
## 2.4.18
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@heroui/theme",
|
||||
"version": "2.4.18",
|
||||
"version": "2.4.19",
|
||||
"description": "The default theme for HeroUI components",
|
||||
"keywords": [
|
||||
"theme",
|
||||
|
||||
@ -59,7 +59,7 @@ const accordionItem = tv({
|
||||
base: "",
|
||||
heading: "",
|
||||
trigger: [
|
||||
"flex py-4 w-full h-full gap-3 outline-solid outline-transparent items-center tap-highlight-transparent",
|
||||
"flex py-4 w-full h-full gap-3 outline-hidden items-center tap-highlight-transparent",
|
||||
// focus ring
|
||||
...dataFocusVisibleClasses,
|
||||
],
|
||||
|
||||
@ -17,8 +17,7 @@ const breadcrumbItem = tv({
|
||||
"flex gap-1 items-center",
|
||||
"cursor-pointer",
|
||||
"whitespace-nowrap",
|
||||
"line-clamp-1",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"tap-highlight-transparent",
|
||||
// focus ring
|
||||
...dataFocusVisibleClasses,
|
||||
|
||||
@ -29,7 +29,7 @@ const button = tv({
|
||||
"justify-center",
|
||||
"box-border",
|
||||
"appearance-none",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"select-none",
|
||||
"whitespace-nowrap",
|
||||
"min-w-max",
|
||||
|
||||
@ -25,7 +25,7 @@ const card = tv({
|
||||
"relative",
|
||||
"overflow-hidden",
|
||||
"h-auto",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"text-foreground",
|
||||
"box-border",
|
||||
"bg-content1",
|
||||
|
||||
@ -38,7 +38,7 @@ const chip = tv({
|
||||
closeButton: [
|
||||
"z-10",
|
||||
"appearance-none",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"select-none",
|
||||
"transition-opacity",
|
||||
"opacity-70",
|
||||
|
||||
@ -29,7 +29,7 @@ const dateInput = tv({
|
||||
], // this wraps the input and the start/end content
|
||||
segment: [
|
||||
"group first:-ml-0.5 [&:not(:first-child)]:-ml-1 px-0.5 my-auto box-content tabular-nums text-start",
|
||||
"inline-block outline-solid outline-transparent focus:shadow-xs rounded-md",
|
||||
"inline-block outline-hidden focus:shadow-xs rounded-md",
|
||||
"text-foreground-500 data-[editable=true]:text-foreground",
|
||||
"data-[editable=true]:data-[placeholder=true]:text-foreground-500",
|
||||
// isInvalid=true
|
||||
|
||||
@ -58,7 +58,7 @@ const dropdownItem = tv({
|
||||
"h-full",
|
||||
"box-border",
|
||||
"rounded-small",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"cursor-pointer",
|
||||
"tap-highlight-transparent",
|
||||
"data-[pressed=true]:opacity-70",
|
||||
|
||||
@ -11,7 +11,7 @@ const inputOtp = tv({
|
||||
"absolute",
|
||||
"inset-0",
|
||||
"border-none",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"bg-transparent",
|
||||
"text-transparent",
|
||||
],
|
||||
|
||||
@ -42,7 +42,7 @@ const input = tv({
|
||||
"relative w-full inline-flex tap-highlight-transparent flex-row items-center shadow-xs px-3 gap-3",
|
||||
innerWrapper: "inline-flex w-full items-center h-full box-border",
|
||||
input: [
|
||||
"w-full font-normal bg-transparent !outline-solid outline-transparent placeholder:text-foreground-500 focus-visible:outline-solid outline-transparent",
|
||||
"w-full font-normal bg-transparent !outline-hidden placeholder:text-foreground-500 focus-visible:outline-hidden",
|
||||
"data-[has-start-content=true]:ps-1.5",
|
||||
"data-[has-end-content=true]:pe-1.5",
|
||||
"data-[type=color]:rounded-none",
|
||||
@ -58,7 +58,7 @@ const input = tv({
|
||||
"start-auto",
|
||||
"pointer-events-none",
|
||||
"appearance-none",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"select-none",
|
||||
"opacity-0",
|
||||
"cursor-pointer",
|
||||
|
||||
@ -11,7 +11,7 @@ import {dataFocusVisibleClasses} from "../utils";
|
||||
*/
|
||||
const link = tv({
|
||||
base: [
|
||||
"relative inline-flex items-center outline-solid outline-transparent tap-highlight-transparent",
|
||||
"relative inline-flex items-center outline-hidden tap-highlight-transparent",
|
||||
// focus ring
|
||||
...dataFocusVisibleClasses,
|
||||
],
|
||||
|
||||
@ -12,7 +12,7 @@ import {dataFocusVisibleClasses} from "../utils";
|
||||
const menu = tv({
|
||||
slots: {
|
||||
base: "w-full relative flex flex-col gap-1 p-1 overflow-clip",
|
||||
list: "w-full flex flex-col gap-0.5 outline-solid outline-transparent",
|
||||
list: "w-full flex flex-col gap-0.5 outline-hidden",
|
||||
emptyContent: [
|
||||
"h-10",
|
||||
"px-2",
|
||||
@ -63,7 +63,7 @@ const menuItem = tv({
|
||||
"box-border",
|
||||
"rounded-small",
|
||||
"subpixel-antialiased",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"cursor-pointer",
|
||||
"tap-highlight-transparent",
|
||||
// focus ring
|
||||
|
||||
@ -43,7 +43,7 @@ const modal = tv({
|
||||
"w-full",
|
||||
"box-border",
|
||||
"bg-content1",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"mx-1",
|
||||
"my-1",
|
||||
"sm:mx-6",
|
||||
@ -56,7 +56,7 @@ const modal = tv({
|
||||
closeButton: [
|
||||
"absolute",
|
||||
"appearance-none",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"select-none",
|
||||
"top-1",
|
||||
"end-1",
|
||||
|
||||
@ -77,7 +77,7 @@ const navbar = tv({
|
||||
"justify-center",
|
||||
"w-6",
|
||||
"h-full",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"rounded-small",
|
||||
"tap-highlight-transparent",
|
||||
// focus ring
|
||||
|
||||
@ -42,7 +42,7 @@ const numberInput = tv({
|
||||
"relative w-full inline-flex tap-highlight-transparent flex-row items-center shadow-sm px-3 gap-3",
|
||||
innerWrapper: "inline-flex w-full items-center h-full box-border",
|
||||
input: [
|
||||
"w-full font-normal bg-transparent !outline-solid outline-transparent placeholder:text-foreground-500 focus-visible:outline-solid outline-transparent",
|
||||
"w-full font-normal bg-transparent !outline-hidden placeholder:text-foreground-500 focus-visible:outline-hidden",
|
||||
"data-[has-start-content=true]:ps-1.5",
|
||||
"data-[has-end-content=true]:pe-1.5",
|
||||
"autofill:bg-transparent bg-clip-text",
|
||||
@ -55,7 +55,7 @@ const numberInput = tv({
|
||||
"start-auto",
|
||||
"pointer-events-none",
|
||||
"appearance-none",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"select-none",
|
||||
"opacity-0",
|
||||
"hover:!opacity-100",
|
||||
|
||||
@ -344,7 +344,7 @@ const pagination = tv({
|
||||
"flex-wrap",
|
||||
"truncate",
|
||||
"box-border",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"items-center",
|
||||
"justify-center",
|
||||
"text-default-foreground",
|
||||
|
||||
@ -81,7 +81,7 @@ const popover = tv({
|
||||
"justify-center",
|
||||
"box-border",
|
||||
"subpixel-antialiased",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"box-border",
|
||||
],
|
||||
trigger: ["z-10"],
|
||||
|
||||
@ -22,7 +22,7 @@ const select = tv({
|
||||
],
|
||||
mainWrapper: "w-full flex flex-col",
|
||||
trigger:
|
||||
"relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-xs outline-solid outline-transparent tap-highlight-transparent",
|
||||
"relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-xs outline-hidden tap-highlight-transparent",
|
||||
innerWrapper:
|
||||
"inline-flex h-fit w-[calc(100%_-theme(spacing.6))] min-h-4 items-center gap-1.5 box-border",
|
||||
selectorIcon: "absolute end-3 w-4 h-4",
|
||||
|
||||
@ -56,7 +56,7 @@ const table = tv({
|
||||
table: "min-w-full h-auto",
|
||||
thead: "[&>tr]:first:rounded-lg",
|
||||
tbody: "after:block",
|
||||
tr: ["group/tr", "outline-solid outline-transparent", ...dataFocusVisibleClasses],
|
||||
tr: ["group/tr", "outline-hidden", ...dataFocusVisibleClasses],
|
||||
th: [
|
||||
"group/th",
|
||||
"px-3",
|
||||
@ -70,7 +70,7 @@ const table = tv({
|
||||
"font-semibold",
|
||||
"first:rounded-s-lg",
|
||||
"last:rounded-e-lg",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"data-[sortable=true]:cursor-pointer",
|
||||
"data-[hover=true]:text-foreground-400",
|
||||
...dataFocusVisibleClasses,
|
||||
@ -83,7 +83,7 @@ const table = tv({
|
||||
"whitespace-normal",
|
||||
"text-small",
|
||||
"font-normal",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"[&>*]:z-1",
|
||||
"[&>*]:relative",
|
||||
...dataFocusVisibleClasses,
|
||||
|
||||
@ -44,7 +44,7 @@ const tabs = tv({
|
||||
"relative",
|
||||
"justify-center",
|
||||
"items-center",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"cursor-pointer",
|
||||
"transition-opacity",
|
||||
"tap-highlight-transparent",
|
||||
@ -67,7 +67,7 @@ const tabs = tv({
|
||||
panel: [
|
||||
"py-3",
|
||||
"px-1",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"data-[inert=true]:hidden",
|
||||
// focus ring
|
||||
...dataFocusVisibleClasses,
|
||||
|
||||
@ -38,7 +38,7 @@ const toast = tv({
|
||||
"relative",
|
||||
"z-50",
|
||||
"box-border",
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"p-3 sm:mx-1",
|
||||
"my-1",
|
||||
"w-full sm:w-[356px]",
|
||||
|
||||
@ -18,7 +18,7 @@ import {dataFocusVisibleClasses} from "../utils";
|
||||
const user = tv({
|
||||
slots: {
|
||||
base: [
|
||||
"inline-flex items-center justify-center gap-2 rounded-small outline-solid outline-transparent",
|
||||
"inline-flex items-center justify-center gap-2 rounded-small outline-hidden",
|
||||
// focus ring
|
||||
...dataFocusVisibleClasses,
|
||||
],
|
||||
|
||||
@ -18,7 +18,7 @@ export const focusVisibleClasses = [
|
||||
];
|
||||
|
||||
export const dataFocusVisibleClasses = [
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"data-[focus-visible=true]:z-10",
|
||||
"data-[focus-visible=true]:outline-2",
|
||||
"data-[focus-visible=true]:outline-focus",
|
||||
@ -26,7 +26,7 @@ export const dataFocusVisibleClasses = [
|
||||
];
|
||||
|
||||
export const groupDataFocusVisibleClasses = [
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"group-data-[focus-visible=true]:z-10",
|
||||
"group-data-[focus-visible=true]:ring-2",
|
||||
"group-data-[focus-visible=true]:ring-focus",
|
||||
@ -35,7 +35,7 @@ export const groupDataFocusVisibleClasses = [
|
||||
];
|
||||
|
||||
export const ringClasses = [
|
||||
"outline-solid outline-transparent",
|
||||
"outline-hidden",
|
||||
"ring-2",
|
||||
"ring-focus",
|
||||
"ring-offset-2",
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user