diff --git a/components/Icons/CopyIcon.tsx b/components/Icons/CopyIcon.tsx index 89d1c0a..ecf9ffd 100644 --- a/components/Icons/CopyIcon.tsx +++ b/components/Icons/CopyIcon.tsx @@ -2,13 +2,19 @@ import { createIcon } from "@adaptui/react-tailwind"; export const CopyIcon = createIcon({ displayName: "CopyIcon", - viewBox: "0 0 15 15", + viewBox: "0 0 24 24", path: ( - + <> + + + + ), + defaultProps: { + fill: "none", + stroke: "currentColor", + strokeLinecap: "round", + strokeLinejoin: "round", + strokeWidth: "2", + }, }); diff --git a/package.json b/package.json index cee7909..f803225 100644 --- a/package.json +++ b/package.json @@ -72,6 +72,7 @@ "ariakit": "2.0.0-next.36", "lodash": "4.17.21", "next": "12.2.3", + "next-themes": "^0.2.1", "nextra": "2.0.0-alpha.56", "nextra-theme-docs": "2.0.0-alpha.59", "react": "17.0.2", diff --git a/pages/docs/components/feedback/circular-progress.mdx b/pages/docs/components/feedback/circular-progress.mdx index 631c44d..68b81cf 100644 --- a/pages/docs/components/feedback/circular-progress.mdx +++ b/pages/docs/components/feedback/circular-progress.mdx @@ -28,7 +28,7 @@ import { useCircularProgressState, CircularProgressTrack, CircularProgressTrackWrapper, -} from "@renderlesskit/react-tailwind"; +} from "@adaptui/react-tailwind"; ``` @@ -42,7 +42,7 @@ import { children={({ spreadProps }) => `` } - themeProps={{ size: "circularProgress.barWrapper.common.size" }} + themeProps={{ size: "circularProgress.size" }} /> ## CircularProgress sizes @@ -66,10 +66,7 @@ sizes are: `sm` `md` `lg` `xl` Set the `min` and `max` values of the progress bar. -`} -/> +`} /> ## Indeterminate progress @@ -107,7 +104,7 @@ CircularProgressHint) for more control. data={[ { name: "size", - themeKey: "circularProgress.barWrapper.common.size", + themeKey: "circularProgress.size", default: "md", }, { diff --git a/pages/docs/components/feedback/meter.mdx b/pages/docs/components/feedback/meter.mdx index bd687f1..6f4a2bc 100644 --- a/pages/docs/components/feedback/meter.mdx +++ b/pages/docs/components/feedback/meter.mdx @@ -25,7 +25,7 @@ import { useMeterState, MeterTrack, MeterWrapper, -} from "@renderlesskit/react-tailwind"; +} from "@adaptui/react-tailwind"; ``` @@ -39,7 +39,7 @@ import { children={({ spreadProps }) => `` } - themeProps={{ size: "meter.track.size" }} + themeProps={{ size: "meter.size" }} /> ## Meter sizes @@ -109,7 +109,7 @@ children components (MeterTrack, MeterBar) for more control. @@ -36,7 +36,7 @@ import { ``} - themeProps={{ size: "progress.track.size" }} + themeProps={{ size: "progress.size" }} /> ## Progress sizes @@ -101,7 +101,7 @@ children components (ProgressTrack, ProgressBar) for more control. diff --git a/pages/docs/components/feedback/spinner.mdx b/pages/docs/components/feedback/spinner.mdx index 11c82c6..d5e830f 100644 --- a/pages/docs/components/feedback/spinner.mdx +++ b/pages/docs/components/feedback/spinner.mdx @@ -15,14 +15,14 @@ course of change or a result. ## Imports ```js -import { Spinner } from "@renderlesskit/react-tailwind"; +import { Spinner } from "@adaptui/react-tailwind"; ``` ## Usage ``} - themeProps={{ size: "spinner.size", stroke: "spinner.stroke" }} + themeProps={{ size: "spinner.size", track: "spinner.track" }} /> ## Spinner sizes @@ -43,10 +43,10 @@ sizes are: `xs` `sm` `md` `lg` & `em` `} /> -## Show stroke +## Show track -To show the subtle stroke around the spinner we can use the `stroke` which -accepts `visible` or `transparent` values +To show the subtle track around the spinner we can use the `track` which accepts +`visible` or `transparent` values @@ -44,7 +44,7 @@ import { `} - themeProps={{ size: "checkbox.icon.size" }} + themeProps={{ size: "checkbox.size" }} /> ## CheckboxGroup sizes @@ -141,7 +141,7 @@ render (); `} /> @@ -40,7 +40,7 @@ import { `Label text` } booleanProps={["disabled"]} - themeProps={{ size: "checkbox.icon.size" }} + themeProps={{ size: "checkbox.size" }} choiceProps={{ defaultState: ["true", "false", "'indeterminate'"] }} /> @@ -106,7 +106,7 @@ Uncontrolled checkbox can be used with `defaultState` prop. @@ -35,7 +35,7 @@ import { ``} booleanProps={["disabled", "invalid", "loading"]} - themeProps={{ variant: "input.base.variant", size: "input.base.size" }} + themeProps={{ variant: "input.variant", size: "input.size" }} /> ## Input Variants @@ -94,8 +94,8 @@ Prefix is positioned absolutely within the input. @@ -40,7 +40,7 @@ import { `} - themeProps={{ size: "radio.icon.size" }} + themeProps={{ size: "radio.size" }} /> ## RadioGroup sizes @@ -136,7 +136,7 @@ render (); `} /> @@ -39,7 +39,7 @@ import { `` } booleanProps={["disabled"]} - themeProps={{ size: "radio.icon.size" }} + themeProps={{ size: "radio.size" }} /> ## Radio sizes @@ -101,7 +101,7 @@ Radio can be controlled using `state` prop. @@ -45,7 +45,7 @@ import { `} booleanProps={["disabled", "invalid", "loading"]} - themeProps={{ variant: "select.base.variant", size: "select.base.size" }} + themeProps={{ variant: "select.variant", size: "select.size" }} /> ## Select Variants @@ -145,8 +145,8 @@ can change the default `suffix` component aswell. @@ -43,7 +43,7 @@ import { `` } booleanProps={["tooltip", "isDisabled"]} - themeProps={{ size: "slider.track.base.size" }} + themeProps={{ size: "slider.size" }} /> ## Slider sizes @@ -114,7 +114,7 @@ Single Slider can be converted to a range slider using `range` prop. @@ -37,7 +37,7 @@ import { `Label text`} booleanProps={["disabled"]} - themeProps={{ size: "switch.icon.size" }} + themeProps={{ size: "switch.size" }} /> ## Switch sizes @@ -101,7 +101,7 @@ Uncontrolled switch can be used with `defaultState` prop. @@ -37,7 +37,7 @@ import { `