From 6493687fdf7430cdc68f3e5f7aeee1f74026babc Mon Sep 17 00:00:00 2001 From: doryan04 Date: Mon, 12 Feb 2024 21:55:58 +0400 Subject: [PATCH] RENAMED: From checkbox-layout -> input-layout ADDED: Slider componnet (without styles and functionality) CHANGED: segmented-button styles --- app/page.tsx | 2 ++ .../input-components/checkbox/checkbox.tsx | 4 +-- .../input-layout.tsx} | 6 ++--- .../input-layout.types.ts} | 2 +- .../input-components/radio/radio.tsx | 4 +-- .../input-components/slider/slider.tsx | 9 +++++++ .../input-components/switch/switch.tsx | 6 ++--- .../button-styles/segmented-button.sass | 27 +++++++++---------- src/styles/generics.css | 22 +++++++-------- src/styles/generics.css.map | 2 +- 10 files changed, 44 insertions(+), 40 deletions(-) rename src/primitive-components/input-components/{checkbox-layout/check-box-layout.tsx => input-layout/input-layout.tsx} (84%) rename src/primitive-components/input-components/{checkbox-layout/checkbox-layout.types.ts => input-layout/input-layout.types.ts} (87%) create mode 100644 src/primitive-components/input-components/slider/slider.tsx diff --git a/app/page.tsx b/app/page.tsx index ef1a949..208d801 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -11,6 +11,7 @@ import { CardActionArea } from '../src/primitive-components/card/card-action-are import { Button } from '../src/primitive-components/button-components/button/button'; import { SegmentButton } from '../src/primitive-components/button-components/segmented-buttons/segment-button'; import { SegmentedButtons } from '../src/primitive-components/button-components/segmented-buttons/segmented-buttons'; +import {Slider} from "../src/primitive-components/input-components/slider/slider"; export default function Page() { return ( @@ -69,6 +70,7 @@ export default function Page() { Label 3 + diff --git a/src/primitive-components/input-components/checkbox/checkbox.tsx b/src/primitive-components/input-components/checkbox/checkbox.tsx index ca12e94..2680c53 100644 --- a/src/primitive-components/input-components/checkbox/checkbox.tsx +++ b/src/primitive-components/input-components/checkbox/checkbox.tsx @@ -4,7 +4,7 @@ import { bool } from 'prop-types'; import { CheckboxProps } from './checkbox.types'; import { RippleEffect } from '../../ripple/ripple-effect'; import useRippleEffect from '../../ripple/hooks/useRippleEffect'; -import { CheckBoxLayout } from '../checkbox-layout/check-box-layout'; +import { InputLayout } from '../input-layout/input-layout'; import { forwardRef, useEffect, @@ -37,7 +37,7 @@ export const Checkbox = forwardRef( return (