From 294df5f30523324fdd4c6abdd0f6ef01d024a3c7 Mon Sep 17 00:00:00 2001 From: christopherkindl <53372002+christopherkindl@users.noreply.github.com> Date: Tue, 10 Sep 2024 12:23:56 +0200 Subject: [PATCH 1/4] styling: change color in button, calendar --- src/components/Button/Button.tsx | 12 ++++++------ src/components/Calendar/Calendar.tsx | 18 +++++++++--------- 2 files changed, 15 insertions(+), 15 deletions(-) diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx index fea785b..91e01b2 100644 --- a/src/components/Button/Button.tsx +++ b/src/components/Button/Button.tsx @@ -23,14 +23,14 @@ const buttonVariants = tv({ // border "border-transparent", // text color - "text-white dark:text-gray-900", + "text-white dark:text-white", // background color - "bg-gray-900 dark:bg-gray-50", + "bg-blue-500 dark:bg-blue-500", // hover color - "hover:bg-gray-800 dark:hover:bg-gray-200", + "hover:bg-blue-600 dark:hover:bg-blue-600", // disabled - "disabled:bg-gray-100 disabled:text-gray-400", - "disabled:dark:bg-gray-800 disabled:dark:text-gray-600", + 'disabled:bg-blue-300 disabled:text-white', + 'disabled:dark:bg-blue-800 disabled:dark:text-blue-400', ], secondary: [ // border @@ -95,7 +95,7 @@ const buttonVariants = tv({ interface ButtonProps extends React.ComponentPropsWithoutRef<"button">, - VariantProps { + VariantProps { asChild?: boolean isLoading?: boolean loadingText?: string diff --git a/src/components/Calendar/Calendar.tsx b/src/components/Calendar/Calendar.tsx index f6e81b9..f169dbf 100644 --- a/src/components/Calendar/Calendar.tsx +++ b/src/components/Calendar/Calendar.tsx @@ -83,14 +83,14 @@ type RangeProps = OmitKeys type CalendarProps = | ({ - mode: "single" - } & SingleProps) + mode: "single" + } & SingleProps) | ({ - mode?: undefined - } & SingleProps) + mode?: undefined + } & SingleProps) | ({ - mode: "range" - } & RangeProps) + mode: "range" + } & RangeProps) const Calendar = ({ mode = "single", @@ -132,8 +132,8 @@ const Calendar = ({ day_today: "font-semibold", day_selected: cx( "rounded", - "aria-selected:bg-gray-900 aria-selected:text-gray-50", - "dark:aria-selected:bg-gray-50 dark:aria-selected:text-gray-900", + "aria-selected:bg-blue-500 aria-selected:text-white", + "dark:aria-selected:bg-blue-500 dark:aria-selected:text-white", ), day_disabled: "!text-gray-300 dark:!text-gray-700 line-through disabled:hover:bg-transparent", @@ -204,7 +204,7 @@ const Calendar = ({ !previousMonth || (fromDate && addYears(currentMonth, -1).getTime() < - fromDate.getTime()) + fromDate.getTime()) } aria-label="Go to previous year" onClick={goToPreviousYear} From 552919d44609dda265b4d8cc82fe23443d8f801e Mon Sep 17 00:00:00 2001 From: christopherkindl <53372002+christopherkindl@users.noreply.github.com> Date: Tue, 10 Sep 2024 12:32:56 +0200 Subject: [PATCH 2/4] styling: change tab color --- src/components/Slider/Slider.tsx | 2 +- src/components/Tabs/Tabs.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/Slider/Slider.tsx b/src/components/Slider/Slider.tsx index ebd95f8..bb081e5 100644 --- a/src/components/Slider/Slider.tsx +++ b/src/components/Slider/Slider.tsx @@ -46,7 +46,7 @@ const Slider = React.forwardRef< Date: Tue, 10 Sep 2024 12:35:13 +0200 Subject: [PATCH 3/4] styling: change tabsNavigation color --- src/components/TabNavigation/TabNavigation.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/TabNavigation/TabNavigation.tsx b/src/components/TabNavigation/TabNavigation.tsx index d764493..b0e40a6 100644 --- a/src/components/TabNavigation/TabNavigation.tsx +++ b/src/components/TabNavigation/TabNavigation.tsx @@ -67,7 +67,7 @@ const TabNavigationLink = React.forwardRef< disabled ? "pointer-events-none" : "", )} ref={forwardedRef} - onSelect={() => {}} + onSelect={() => { }} asChild={asChild} {...props} > @@ -83,8 +83,8 @@ const TabNavigationLink = React.forwardRef< // border hover "group-hover:border-gray-300 group-hover:dark:border-gray-400", // selected - "group-data-[active]:border-gray-900 group-data-[active]:text-gray-900", - "group-data-[active]:dark:border-gray-50 group-data-[active]:dark:text-gray-50", + "group-data-[active]:border-blue-500 group-data-[active]:text-blue-500", + "group-data-[active]:dark:border-blue-500 group-data-[active]:dark:text-blue-500", // disabled disabled ? "pointer-events-none text-gray-300 dark:text-gray-700" From ee3960f4733a4802f7f3f8d4d61f2ec809b1697a Mon Sep 17 00:00:00 2001 From: severinlandolt Date: Tue, 10 Sep 2024 13:38:54 +0200 Subject: [PATCH 4/4] update base colors changelog --- src/components/Button/Button.tsx | 8 ++++---- src/components/Button/changelog.md | 6 ++++++ src/components/Calendar/Calendar.tsx | 16 ++++++++-------- src/components/Calendar/changelog.md | 6 ++++++ src/components/Slider/Slider.tsx | 2 +- src/components/Slider/changelog.md | 6 ++++++ src/components/TabNavigation/TabNavigation.tsx | 4 ++-- src/components/TabNavigation/changelog.md | 6 ++++++ src/components/Tabs/Tabs.tsx | 2 +- src/components/Tabs/changelog.md | 6 ++++++ 10 files changed, 46 insertions(+), 16 deletions(-) diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx index 91e01b2..b7f6f93 100644 --- a/src/components/Button/Button.tsx +++ b/src/components/Button/Button.tsx @@ -1,4 +1,4 @@ -// Tremor Button [v0.1.2] +// Tremor Button [v0.2.0] import React from "react" import { Slot } from "@radix-ui/react-slot" @@ -29,8 +29,8 @@ const buttonVariants = tv({ // hover color "hover:bg-blue-600 dark:hover:bg-blue-600", // disabled - 'disabled:bg-blue-300 disabled:text-white', - 'disabled:dark:bg-blue-800 disabled:dark:text-blue-400', + "disabled:bg-blue-300 disabled:text-white", + "disabled:dark:bg-blue-800 disabled:dark:text-blue-400", ], secondary: [ // border @@ -95,7 +95,7 @@ const buttonVariants = tv({ interface ButtonProps extends React.ComponentPropsWithoutRef<"button">, - VariantProps { + VariantProps { asChild?: boolean isLoading?: boolean loadingText?: string diff --git a/src/components/Button/changelog.md b/src/components/Button/changelog.md index 21d5fcd..27d0e87 100644 --- a/src/components/Button/changelog.md +++ b/src/components/Button/changelog.md @@ -1,5 +1,11 @@ # Tremor Button Changelog +## 0.2.0 + +### Changes + +- Feat: Update base color + ## 0.1.2 ### Changes diff --git a/src/components/Calendar/Calendar.tsx b/src/components/Calendar/Calendar.tsx index f169dbf..0e4ad9b 100644 --- a/src/components/Calendar/Calendar.tsx +++ b/src/components/Calendar/Calendar.tsx @@ -1,4 +1,4 @@ -// Tremor Calendar [v0.0.5] +// Tremor Calendar [v0.1.0] "use client" @@ -83,14 +83,14 @@ type RangeProps = OmitKeys type CalendarProps = | ({ - mode: "single" - } & SingleProps) + mode: "single" + } & SingleProps) | ({ - mode?: undefined - } & SingleProps) + mode?: undefined + } & SingleProps) | ({ - mode: "range" - } & RangeProps) + mode: "range" + } & RangeProps) const Calendar = ({ mode = "single", @@ -204,7 +204,7 @@ const Calendar = ({ !previousMonth || (fromDate && addYears(currentMonth, -1).getTime() < - fromDate.getTime()) + fromDate.getTime()) } aria-label="Go to previous year" onClick={goToPreviousYear} diff --git a/src/components/Calendar/changelog.md b/src/components/Calendar/changelog.md index 5dcb650..0867866 100644 --- a/src/components/Calendar/changelog.md +++ b/src/components/Calendar/changelog.md @@ -1,5 +1,11 @@ # Tremor Calendar Changelog +## 0.1.0 + +### Changes + +- Feat: Update base color + ## 0.0.5 ### Changes diff --git a/src/components/Slider/Slider.tsx b/src/components/Slider/Slider.tsx index bb081e5..4203127 100644 --- a/src/components/Slider/Slider.tsx +++ b/src/components/Slider/Slider.tsx @@ -1,4 +1,4 @@ -// Tremor Slider [v0.0.1] +// Tremor Slider [v0.1.0] "use client" diff --git a/src/components/Slider/changelog.md b/src/components/Slider/changelog.md index 6c2a51f..7fe2a44 100644 --- a/src/components/Slider/changelog.md +++ b/src/components/Slider/changelog.md @@ -1,5 +1,11 @@ # Tremor Slider Changelog +## 0.1.0 + +### Changes + +- Feat: Update base color + ## 0.0.1 ### Changes diff --git a/src/components/TabNavigation/TabNavigation.tsx b/src/components/TabNavigation/TabNavigation.tsx index b0e40a6..ae8c13a 100644 --- a/src/components/TabNavigation/TabNavigation.tsx +++ b/src/components/TabNavigation/TabNavigation.tsx @@ -1,4 +1,4 @@ -// Tremor TabNavigation [v0.0.2] +// Tremor TabNavigation [v0.1.0] import React from "react" import * as NavigationMenuPrimitives from "@radix-ui/react-navigation-menu" @@ -67,7 +67,7 @@ const TabNavigationLink = React.forwardRef< disabled ? "pointer-events-none" : "", )} ref={forwardedRef} - onSelect={() => { }} + onSelect={() => {}} asChild={asChild} {...props} > diff --git a/src/components/TabNavigation/changelog.md b/src/components/TabNavigation/changelog.md index 024eeb0..fcfc34a 100644 --- a/src/components/TabNavigation/changelog.md +++ b/src/components/TabNavigation/changelog.md @@ -1,5 +1,11 @@ # Tremor TabNavigation Changelog +## 0.1.0 + +### Changes + +- Feat: Update base color + ## 0.0.2 ### Changes diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx index bf99928..b8ac726 100644 --- a/src/components/Tabs/Tabs.tsx +++ b/src/components/Tabs/Tabs.tsx @@ -1,4 +1,4 @@ -// Tremor Tabs [v0.0.1] +// Tremor Tabs [v0.1.0] import React from "react" import * as TabsPrimitives from "@radix-ui/react-tabs" diff --git a/src/components/Tabs/changelog.md b/src/components/Tabs/changelog.md index 476a18e..dc448fb 100644 --- a/src/components/Tabs/changelog.md +++ b/src/components/Tabs/changelog.md @@ -1,5 +1,11 @@ # Tremor Tabs Changelog +## 0.1.0 + +### Changes + +- Feat: Update base color + ## 0.0.1 ### Changes