@northlight/ui 2.34.3 → 2.35.1

package/dist/es/northlight.d.ts

@@ -700,7 +700,7 @@ declare const ColorPicker: ({ onChange, clearable, colors, expandedColors, value
 declare const ColorPickerField: ({ name, label, direction, isRequired, validate, ...rest }: ColorPickerFieldProps) => JSX.Element;
 
 type FlipButtonSize = 'xs' | 'sm' | 'md' | 'lg';
-type FlipButtonVariant = 'default' | 'brand';
+type FlipButtonVariant = 'default' | 'brand' | 'light';
 type StyleType = {
     opacity: '0';
     width: '0';
@@ -907,9 +907,9 @@ interface DatePickerSettings {
     isClearable?: boolean;
     variant?: 'outline' | 'filled';
 }
-interface DatePickerProps extends AriaDatePickerProps<DateValue>, DatePickerSettings {
+interface DatePickerProps extends Omit<AriaDatePickerProps<DateValue>, 'firstDayOfWeek'>, DatePickerSettings {
 }
-interface DateRangePickerProps extends Omit<AriaDateRangePickerProps<DateValue>, 'onChange' | 'value' | 'minValue' | 'maxValue'>, DatePickerSettings {
+interface DateRangePickerProps extends Omit<AriaDateRangePickerProps<DateValue>, 'firstDayOfWeek' | 'onChange' | 'value' | 'minValue' | 'maxValue'>, DatePickerSettings {
     onChange?: (date: null | DateRange) => void;
     onSave?: () => void;
     value: DateRange | null;

package/dist/es/northlight.js

@@ -2148,6 +2148,24 @@ const FlipButton$1 = {
         }
       }
     }),
+    light: ({ theme: { colors: color }, sx }) => ({
+      container: merge({
+        bgColor: color["base-alt"]
+      }, sx),
+      button: {
+        bgColor: "mono.transparent",
+        _hover: {
+          bgColor: color.background.button["ghost-hover"]
+        },
+        _checked: {
+          color: color.text["flip-button"].default,
+          bgColor: "bg.base",
+          _hover: {
+            bgColor: "bg.base"
+          }
+        }
+      }
+    }),
     ai: ({ theme: { colors: color }, sx }) => ({
       container: merge({
         bgColor: color.background["flip-button"]["default-deselected-brand"]