(#0) npm publish (0.0.191)

thebbodek · Mar 11, 2024 · d0bd1b2 · d0bd1b2
1 parent 4b6003d
commit d0bd1b2
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "bbodek-ui",
- "version": "0.0.190",
+ "version": "0.0.191",
  "type": "module",
  "author": "Bbodek",
  "license": "MIT",

diff --git a/src/core/components/Toggle/Toggle.stories.tsx b/src/core/components/Toggle/Toggle.stories.tsx
@@ -24,6 +24,10 @@ const meta = {
  control: "boolean",
  description: "Toggle Reverse",
  },
+ disabled: {
+ control: "boolean",
+ description: "Toggle Disabled",
+ },
  },
 } satisfies Meta<typeof Toggle>;
 

diff --git a/src/core/components/Toggle/index.tsx b/src/core/components/Toggle/index.tsx
@@ -9,6 +9,7 @@ const Toggle = ({
  className,
  onChange,
  checked,
+ disabled = false,
  reverse = false,
 }: ToggleProps) => {
  const id = useId();
@@ -29,8 +30,9 @@ const Toggle = ({
  className = 'peer hidden'
  checked = {checked}
  onChange = {onChange}
+ disabled = {disabled}
  />
- <div className = 'relative h-[2rem] w-[3.5rem] cursor-pointer rounded-full bg-gray-03 transition-all peer-checked:bg-primary-03 peer-checked:[&>.circle]:-left-[0.125rem] peer-checked:[&>.circle]:translate-x-full'>
+ <div className = 'relative h-[2rem] w-[3.5rem] cursor-pointer rounded-full bg-gray-03 transition-all peer-disabled:bg-gray-09 peer-checked:bg-primary-03 peer-checked:[&>.circle]:-left-[0.125rem] peer-checked:[&>.circle]:translate-x-full peer-disabled:cursor-not-allowed'>
  <div className = 'circle absolute left-[0.125rem] top-1/2 h-[1.75rem] w-[1.75rem] -translate-y-1/2 translate-x-0 transform rounded-full border border-solid border-gray-03 bg-white transition-all' />
  </div>
  </label>

diff --git a/src/core/components/Toggle/types/index.ts b/src/core/components/Toggle/types/index.ts
@@ -1,7 +1,7 @@
 export interface ToggleProps
  extends Pick<
  React.InputHTMLAttributes<HTMLInputElement>,
- "onChange" | "className" | "checked"
+ "onChange" | "className" | "checked" | "disabled"
  > {
  label: string;
  reverse?: boolean;