@qasa/qds-ui 0.27.2 → 0.29.0

package/README.md

@@ -6,11 +6,8 @@ QDS UI is a React component library used internally for [Qasa](https://qasa.se)
 
 ## 📖 Documentation
 
-All documentation is hosted on our [documentation site](https://qasa.supernova-docs.io/qds/latest).
+All documentation is hosted on our [documentation site](https://qds.qasa.com).
 
 ## ⚙️ Installation
 
-To install the library run:  
-`yarn add @qasa/qds-ui @emotion/react @emotion/styled`
-
-For a full guide on how to get started, [see the docs](https://qasa.supernova-docs.io/qds/latest/getting-started/overview.html).
+To install the library, see the [installation guide](https://qds.qasa.com/docs/getting-started/developers#setup-qds-in-your-react-app).

package/dist/index.d.ts

@@ -3,13 +3,9 @@ import * as _emotion_react from '@emotion/react';
 import { EmotionCache, CSSObject } from '@emotion/react';
 import * as react from 'react';
 import { ElementType, ComponentPropsWithoutRef, ReactNode, SVGAttributes, ReactElement, useLayoutEffect } from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as DropdownPrimitive from '@radix-ui/react-dropdown-menu';
+import { Checkbox as Checkbox$1, DropdownMenu as DropdownMenu$1, RadioGroup as RadioGroup$1, Switch as Switch$1, Toast as Toast$1 } from 'radix-ui';
 import * as _emotion_styled from '@emotion/styled';
 import { LucideIcon } from 'lucide-react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import * as RadixSwitch from '@radix-ui/react-switch';
-import * as ToastPrimitive from '@radix-ui/react-toast';
 
 declare const theme: {
     mediaQueries: {
@@ -433,16 +429,12 @@ type PartialRecord<K extends string | number | symbol, T> = Partial<Record<K, T>
 type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
 type HTMLQdsProps<T extends ElementType> = ComponentPropsWithoutRef<T>;
 
-type DeepPartial<T> = {
-    [P in keyof T]?: DeepPartial<T[P]>;
-};
 interface TypographyOverride {
     fontFamily?: string;
     fontWeight?: '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 }
 type TypographyOverrides = PartialRecord<keyof Theme['typography'], TypographyOverride>;
 interface ThemeOverrides {
-    colors?: DeepPartial<Theme['colors']>;
     typography?: TypographyOverrides;
 }
 declare const overrideTheme: (overrides: ThemeOverrides) => {
@@ -643,6 +635,52 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
             };
         };
     };
+    mediaQueries: {
+        readonly smUp: "@media(min-width: 480px)";
+        readonly mdUp: "@media(min-width: 768px)";
+        readonly lgUp: "@media(min-width: 1024px)";
+        readonly xlUp: "@media(min-width: 1280px)";
+        readonly '2xlUp': "@media(min-width: 1536px)";
+    };
+    spacing: {
+        '0x': string;
+        '1x': string;
+        '2x': string;
+        '3x': string;
+        '4x': string;
+        '5x': string;
+        '6x': string;
+        '8x': string;
+        '10x': string;
+        '12x': string;
+        '14x': string;
+        '16x': string;
+        '20x': string;
+        '24x': string;
+    };
+    breakpoints: {
+        readonly base: 0;
+        readonly sm: 480;
+        readonly md: 768;
+        readonly lg: 1024;
+        readonly xl: 1280;
+        readonly '2xl': 1536;
+    };
+    zIndices: {
+        hide: number;
+        auto: string;
+        base: number;
+        docked: number;
+        dropdown: number;
+        sticky: number;
+        banner: number;
+        overlay: number;
+        modal: number;
+        popover: number;
+        skipLink: number;
+        toast: number;
+        tooltip: number;
+    };
     colors: {
         core: {
             black: string;
@@ -761,52 +799,6 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
             positive: string;
         };
     };
-    mediaQueries: {
-        readonly smUp: "@media(min-width: 480px)";
-        readonly mdUp: "@media(min-width: 768px)";
-        readonly lgUp: "@media(min-width: 1024px)";
-        readonly xlUp: "@media(min-width: 1280px)";
-        readonly '2xlUp': "@media(min-width: 1536px)";
-    };
-    spacing: {
-        '0x': string;
-        '1x': string;
-        '2x': string;
-        '3x': string;
-        '4x': string;
-        '5x': string;
-        '6x': string;
-        '8x': string;
-        '10x': string;
-        '12x': string;
-        '14x': string;
-        '16x': string;
-        '20x': string;
-        '24x': string;
-    };
-    breakpoints: {
-        readonly base: 0;
-        readonly sm: 480;
-        readonly md: 768;
-        readonly lg: 1024;
-        readonly xl: 1280;
-        readonly '2xl': 1536;
-    };
-    zIndices: {
-        hide: number;
-        auto: string;
-        base: number;
-        docked: number;
-        dropdown: number;
-        sticky: number;
-        banner: number;
-        overlay: number;
-        modal: number;
-        popover: number;
-        skipLink: number;
-        toast: number;
-        tooltip: number;
-    };
     sizes: {
         112: string;
         128: string;
@@ -1363,8 +1355,8 @@ interface CheckboxOptions {
      */
     value?: string;
 }
-type CheckboxProps = Omit<CheckboxPrimitive.CheckboxProps, 'asChild' | 'children' | 'checked' | 'defaultChecked' | keyof CheckboxOptions> & CheckboxOptions;
-declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps, "children" | "asChild" | keyof CheckboxOptions> & CheckboxOptions & react.RefAttributes<HTMLButtonElement>>;
+type CheckboxProps = Omit<Checkbox$1.CheckboxProps, 'asChild' | 'children' | 'checked' | 'defaultChecked' | keyof CheckboxOptions> & CheckboxOptions;
+declare const Checkbox: react.ForwardRefExoticComponent<Omit<Checkbox$1.CheckboxProps, "children" | "asChild" | keyof CheckboxOptions> & CheckboxOptions & react.RefAttributes<HTMLButtonElement>>;
 
 interface DividerOptions {
     /**
@@ -1378,7 +1370,7 @@ interface DividerProps extends HTMLQdsProps<'span'>, DividerOptions {
 }
 declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
 
-type PrimitiveContentProps = DropdownPrimitive.DropdownMenuContentProps;
+type PrimitiveContentProps = DropdownMenu$1.DropdownMenuContentProps;
 interface DropdownMenuContentOptions {
     /**
      * Event handler called when focus moves to the trigger after closing.
@@ -1464,7 +1456,7 @@ interface DropdownMenuItemOptions {
      */
     icon?: ElementType<IconProps>;
 }
-interface DropdownMenuItemProps extends Omit<DropdownPrimitive.DropdownMenuItemProps, 'asChild' | keyof DropdownMenuItemOptions>, DropdownMenuItemOptions {
+interface DropdownMenuItemProps extends Omit<DropdownMenu$1.DropdownMenuItemProps, 'asChild' | keyof DropdownMenuItemOptions>, DropdownMenuItemOptions {
 }
 
 type DropdownTriggerComponent = ForwardRefComponent<'button'>;
@@ -1901,7 +1893,7 @@ interface RadioCardOptions {
      */
     isDisabled?: boolean;
 }
-interface RadioCardProps extends Omit<RadioGroupPrimitive.RadioGroupItemProps, 'asChild' | keyof RadioCardOptions>, RadioCardOptions {
+interface RadioCardProps extends Omit<RadioGroup$1.RadioGroupItemProps, 'asChild' | keyof RadioCardOptions>, RadioCardOptions {
 }
 
 interface RadioButtonOptions {
@@ -1920,7 +1912,7 @@ interface RadioButtonOptions {
      */
     isDisabled?: boolean;
 }
-interface RadioButtonProps extends Omit<RadioGroupPrimitive.RadioGroupItemProps, 'asChild' | keyof RadioButtonOptions>, RadioButtonOptions {
+interface RadioButtonProps extends Omit<RadioGroup$1.RadioGroupItemProps, 'asChild' | keyof RadioButtonOptions>, RadioButtonOptions {
 }
 
 type RadioGroupLabelProps = HTMLQdsProps<'span'>;
@@ -1964,7 +1956,7 @@ interface RadioGroupOptions {
      */
     errorMessage?: string;
 }
-interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProps, 'asChild' | keyof RadioGroupOptions>, RadioGroupOptions {
+interface RadioGroupProps extends Omit<RadioGroup$1.RadioGroupProps, 'asChild' | keyof RadioGroupOptions>, RadioGroupOptions {
 }
 declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroupProps & react.RefAttributes<HTMLDivElement>> & {
     Card: react.ForwardRefExoticComponent<RadioCardProps & react.RefAttributes<HTMLButtonElement>>;
@@ -2087,7 +2079,7 @@ interface SwitchOptions {
     isRequired?: boolean;
     onCheckedChange?: (isChecked: boolean) => void;
 }
-interface SwitchProps extends Omit<RadixSwitch.SwitchProps, 'asChild' | keyof SwitchOptions>, SwitchOptions {
+interface SwitchProps extends Omit<Switch$1.SwitchProps, 'asChild' | keyof SwitchOptions>, SwitchOptions {
 }
 declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
 
@@ -2149,7 +2141,7 @@ interface ToastOptions {
 type OmittedProps$1 = 'children';
 interface ToastProps extends Omit<HTMLQdsProps<'div'>, OmittedProps$1>, ToastOptions {
 }
-declare function Toast(props: ToastProps & ToastPrimitive.ToastProps): react_jsx_runtime.JSX.Element;
+declare function Toast(props: ToastProps & Toast$1.ToastProps): react_jsx_runtime.JSX.Element;
 
 interface UseBreakpointOptions {
     /**