@qasa/qds-ui 0.10.0-next.15 → 0.10.0-next.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/_internal/form-parts.d.ts +3 -3
- package/dist/cjs/types/components/avatar/avatar.d.ts +1 -1
- package/dist/cjs/types/components/button/button-icon.d.ts +1 -1
- package/dist/cjs/types/components/button/button-styles.d.ts +4 -2
- package/dist/cjs/types/components/button/button.d.ts +2 -2
- package/dist/cjs/types/components/checkbox/checkbox.d.ts +1 -1
- package/dist/cjs/types/components/display-text/display-text.d.ts +5 -5
- package/dist/cjs/types/components/dropdown-menu/dropdown-menu-content.d.ts +1 -1
- package/dist/cjs/types/components/dropdown-menu/dropdown-menu-divider.d.ts +2 -2
- package/dist/cjs/types/components/dropdown-menu/dropdown-menu-trigger.d.ts +2 -2
- package/dist/cjs/types/components/dropdown-menu/dropdown-menu.d.ts +3 -3
- package/dist/cjs/types/components/heading/heading.d.ts +4 -4
- package/dist/cjs/types/components/hint-box/hint-box.d.ts +4 -4
- package/dist/cjs/types/components/icon/icon.types.d.ts +3 -3
- package/dist/cjs/types/components/icon-button/icon-button-styles.d.ts +2 -0
- package/dist/cjs/types/components/icon-button/icon-button.d.ts +4 -4
- package/dist/cjs/types/components/label/label.d.ts +5 -4
- package/dist/cjs/types/components/link/link.d.ts +2 -2
- package/dist/cjs/types/components/loading-dots/loading-dots.d.ts +2 -1
- package/dist/cjs/types/components/paragraph/paragraph.d.ts +5 -4
- package/dist/cjs/types/components/primitives/input-base/input-base.d.ts +1 -1
- package/dist/cjs/types/components/primitives/select-base/select-base.d.ts +1 -1
- package/dist/cjs/types/components/primitives/textarea-base/textarea-base.d.ts +3 -3
- package/dist/cjs/types/components/radio-group/radio-group-context.d.ts +1 -1
- package/dist/cjs/types/components/radio-group/radio-group-label.d.ts +2 -2
- package/dist/cjs/types/components/radio-group/radio-group.d.ts +1 -1
- package/dist/cjs/types/components/radio-group/radio-indicator.d.ts +1 -1
- package/dist/cjs/types/components/select/select-option.d.ts +1 -1
- package/dist/cjs/types/components/select/select.d.ts +1 -1
- package/dist/cjs/types/components/stack/stack.d.ts +3 -3
- package/dist/cjs/types/components/stack/stack.types.d.ts +4 -4
- package/dist/cjs/types/components/text-field/text-field.d.ts +1 -1
- package/dist/cjs/types/components/textarea/textarea.d.ts +1 -1
- package/dist/cjs/types/components/toast/toast-provider.d.ts +1 -1
- package/dist/cjs/types/components/toast/toast-store.d.ts +2 -2
- package/dist/cjs/types/components/toast/toast-styles.d.ts +2 -1
- package/dist/cjs/types/components/toast/toast.d.ts +2 -3
- package/dist/cjs/types/hooks/use-breakpoint-value.d.ts +3 -3
- package/dist/cjs/types/hooks/use-form-field.d.ts +4 -4
- package/dist/cjs/types/hooks/use-image.d.ts +1 -1
- package/dist/cjs/types/hooks/use-responsive-prop.d.ts +3 -3
- package/dist/cjs/types/i18n/locale-context.d.ts +1 -1
- package/dist/cjs/types/i18n/locales.d.ts +1 -1
- package/dist/cjs/types/i18n/use-translation.d.ts +1 -1
- package/dist/cjs/types/qds-provider.d.ts +1 -1
- package/dist/cjs/types/styles/common-styles.d.ts +1 -0
- package/dist/cjs/types/styles/css-reset.d.ts +1 -2
- package/dist/cjs/types/styles/css-utils.d.ts +3 -3
- package/dist/cjs/types/styles/global-styles.d.ts +1 -2
- package/dist/cjs/types/theme/foundations/index.d.ts +1 -0
- package/dist/cjs/types/theme/foundations/radius.d.ts +2 -0
- package/dist/cjs/types/theme/theme-tools.d.ts +3 -2
- package/dist/cjs/types/theme/theme.d.ts +2 -1
- package/dist/cjs/types/types.d.ts +4 -4
- package/dist/cjs/types/utils/html-attributes.d.ts +1 -1
- package/dist/cjs/types/utils/merge-refs.d.ts +2 -2
- package/dist/cjs/types/utils/polymorphic.d.ts +4 -4
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/_internal/form-parts.d.ts +3 -3
- package/dist/esm/types/components/avatar/avatar.d.ts +1 -1
- package/dist/esm/types/components/button/button-icon.d.ts +1 -1
- package/dist/esm/types/components/button/button-styles.d.ts +4 -2
- package/dist/esm/types/components/button/button.d.ts +2 -2
- package/dist/esm/types/components/checkbox/checkbox.d.ts +1 -1
- package/dist/esm/types/components/display-text/display-text.d.ts +5 -5
- package/dist/esm/types/components/dropdown-menu/dropdown-menu-content.d.ts +1 -1
- package/dist/esm/types/components/dropdown-menu/dropdown-menu-divider.d.ts +2 -2
- package/dist/esm/types/components/dropdown-menu/dropdown-menu-trigger.d.ts +2 -2
- package/dist/esm/types/components/dropdown-menu/dropdown-menu.d.ts +3 -3
- package/dist/esm/types/components/heading/heading.d.ts +4 -4
- package/dist/esm/types/components/hint-box/hint-box.d.ts +4 -4
- package/dist/esm/types/components/icon/icon.types.d.ts +3 -3
- package/dist/esm/types/components/icon-button/icon-button-styles.d.ts +2 -0
- package/dist/esm/types/components/icon-button/icon-button.d.ts +4 -4
- package/dist/esm/types/components/label/label.d.ts +5 -4
- package/dist/esm/types/components/link/link.d.ts +2 -2
- package/dist/esm/types/components/loading-dots/loading-dots.d.ts +2 -1
- package/dist/esm/types/components/paragraph/paragraph.d.ts +5 -4
- package/dist/esm/types/components/primitives/input-base/input-base.d.ts +1 -1
- package/dist/esm/types/components/primitives/select-base/select-base.d.ts +1 -1
- package/dist/esm/types/components/primitives/textarea-base/textarea-base.d.ts +3 -3
- package/dist/esm/types/components/radio-group/radio-group-context.d.ts +1 -1
- package/dist/esm/types/components/radio-group/radio-group-label.d.ts +2 -2
- package/dist/esm/types/components/radio-group/radio-group.d.ts +1 -1
- package/dist/esm/types/components/radio-group/radio-indicator.d.ts +1 -1
- package/dist/esm/types/components/select/select-option.d.ts +1 -1
- package/dist/esm/types/components/select/select.d.ts +1 -1
- package/dist/esm/types/components/stack/stack.d.ts +3 -3
- package/dist/esm/types/components/stack/stack.types.d.ts +4 -4
- package/dist/esm/types/components/text-field/text-field.d.ts +1 -1
- package/dist/esm/types/components/textarea/textarea.d.ts +1 -1
- package/dist/esm/types/components/toast/toast-provider.d.ts +1 -1
- package/dist/esm/types/components/toast/toast-store.d.ts +2 -2
- package/dist/esm/types/components/toast/toast-styles.d.ts +2 -1
- package/dist/esm/types/components/toast/toast.d.ts +2 -3
- package/dist/esm/types/hooks/use-breakpoint-value.d.ts +3 -3
- package/dist/esm/types/hooks/use-form-field.d.ts +4 -4
- package/dist/esm/types/hooks/use-image.d.ts +1 -1
- package/dist/esm/types/hooks/use-responsive-prop.d.ts +3 -3
- package/dist/esm/types/i18n/locale-context.d.ts +1 -1
- package/dist/esm/types/i18n/locales.d.ts +1 -1
- package/dist/esm/types/i18n/use-translation.d.ts +1 -1
- package/dist/esm/types/qds-provider.d.ts +1 -1
- package/dist/esm/types/styles/common-styles.d.ts +1 -0
- package/dist/esm/types/styles/css-reset.d.ts +1 -2
- package/dist/esm/types/styles/css-utils.d.ts +3 -3
- package/dist/esm/types/styles/global-styles.d.ts +1 -2
- package/dist/esm/types/theme/foundations/index.d.ts +1 -0
- package/dist/esm/types/theme/foundations/radius.d.ts +2 -0
- package/dist/esm/types/theme/theme-tools.d.ts +3 -2
- package/dist/esm/types/theme/theme.d.ts +2 -1
- package/dist/esm/types/types.d.ts +4 -4
- package/dist/esm/types/utils/html-attributes.d.ts +1 -1
- package/dist/esm/types/utils/merge-refs.d.ts +2 -2
- package/dist/esm/types/utils/polymorphic.d.ts +4 -4
- package/dist/index.d.ts +101 -90
- package/package.json +19 -22
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
declare const SUPPORTED_LANGUAGE_CODES: readonly ["en", "sv", "fi", "fr"];
|
|
2
|
-
export
|
|
2
|
+
export type LanguageCode = (typeof SUPPORTED_LANGUAGE_CODES)[number];
|
|
3
3
|
export interface Resource {
|
|
4
4
|
close: string;
|
|
5
5
|
optional: string;
|
|
@@ -8,5 +8,5 @@ interface QdsProviderProps {
|
|
|
8
8
|
cacheOptions?: Partial<EmotionCacheOptions>;
|
|
9
9
|
locale: LanguageCode;
|
|
10
10
|
}
|
|
11
|
-
export declare function QdsProvider({ children, themeOverrides, cacheOptions, locale }: QdsProviderProps): JSX.Element;
|
|
11
|
+
export declare function QdsProvider({ children, themeOverrides, cacheOptions, locale }: QdsProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CSSObject } from '@emotion/react';
|
|
2
2
|
import type { Theme } from '../theme';
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
type NamedStyles = Record<string, CSSObject>;
|
|
4
|
+
type StyleInterpolation<T> = (theme: Theme) => T;
|
|
5
5
|
/**
|
|
6
6
|
* Creates a collection of named style rules.
|
|
7
7
|
*/
|
|
@@ -10,7 +10,7 @@ export declare function createStyleVariants<T extends NamedStyles>(styles: Style
|
|
|
10
10
|
* Create a style object. Useful for creating styles that depend on the theme.
|
|
11
11
|
*/
|
|
12
12
|
export declare function createStyle<T extends CSSObject>(styles: StyleInterpolation<T>): (theme: Theme) => T;
|
|
13
|
-
export
|
|
13
|
+
export type VariantProps<T extends ReturnType<typeof createStyle | typeof createStyleVariants>> = keyof ReturnType<T>;
|
|
14
14
|
/**
|
|
15
15
|
* Converts css `px` unit to `rem`.
|
|
16
16
|
* Assumes the root font size is 16px.
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import type { PartialRecord } from '../types';
|
|
2
2
|
import type { Theme } from './theme';
|
|
3
|
-
|
|
3
|
+
type DeepPartial<T> = {
|
|
4
4
|
[P in keyof T]?: DeepPartial<T[P]>;
|
|
5
5
|
};
|
|
6
6
|
interface TypographyOverride {
|
|
7
7
|
fontFamily?: string;
|
|
8
8
|
fontWeight?: '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
|
|
9
9
|
}
|
|
10
|
-
|
|
10
|
+
type TypographyOverrides = PartialRecord<keyof Theme['typography'], TypographyOverride>;
|
|
11
11
|
export interface ThemeOverrides {
|
|
12
12
|
colors?: DeepPartial<Theme['colors']>;
|
|
13
13
|
typography?: TypographyOverrides;
|
|
@@ -401,6 +401,7 @@ export declare const overrideTheme: (overrides: ThemeOverrides) => {
|
|
|
401
401
|
md: string;
|
|
402
402
|
lg: string;
|
|
403
403
|
xl: string;
|
|
404
|
+
'2xl': string;
|
|
404
405
|
full: string;
|
|
405
406
|
};
|
|
406
407
|
shadows: {
|
|
@@ -198,6 +198,7 @@ export declare const theme: {
|
|
|
198
198
|
md: string;
|
|
199
199
|
lg: string;
|
|
200
200
|
xl: string;
|
|
201
|
+
'2xl': string;
|
|
201
202
|
full: string;
|
|
202
203
|
};
|
|
203
204
|
shadows: {
|
|
@@ -397,4 +398,4 @@ export declare const theme: {
|
|
|
397
398
|
};
|
|
398
399
|
};
|
|
399
400
|
};
|
|
400
|
-
export
|
|
401
|
+
export type Theme = typeof theme;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ComponentPropsWithoutRef, ElementType } from 'react';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
2
|
+
export type LegitimateAny = any;
|
|
3
|
+
export type PartialRecord<K extends string | number | symbol, T> = Partial<Record<K, T>>;
|
|
4
|
+
export type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
|
|
5
|
+
export type HTMLQdsProps<T extends ElementType> = ComponentPropsWithoutRef<T>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
type Booleanish = boolean | 'true' | 'false';
|
|
2
2
|
export declare const dataAttr: (condition: boolean | undefined) => Booleanish;
|
|
3
3
|
export declare const ariaAttr: (condition: boolean | undefined) => Booleanish;
|
|
4
4
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { MutableRefObject, RefCallback } from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
type ReactRef<T> = RefCallback<T> | MutableRefObject<T>;
|
|
3
|
+
type Maybe<T> = T | null | undefined;
|
|
4
4
|
export declare const mergeRefs: <T>(...refs: Maybe<ReactRef<T>>[]) => (node: T | null) => void;
|
|
5
5
|
export {};
|
|
@@ -9,12 +9,12 @@ import type { Merge } from '../types';
|
|
|
9
9
|
/**
|
|
10
10
|
* Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
|
|
11
11
|
*/
|
|
12
|
-
|
|
12
|
+
type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
|
|
13
13
|
/**
|
|
14
14
|
* Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
|
|
15
15
|
*/
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
|
|
17
|
+
type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
|
|
18
18
|
as?: E;
|
|
19
19
|
}>>;
|
|
20
20
|
interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
|
|
@@ -37,5 +37,5 @@ interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends For
|
|
|
37
37
|
/**
|
|
38
38
|
* Infers the props of a React component
|
|
39
39
|
*/
|
|
40
|
-
|
|
40
|
+
type PropsOf<E> = E extends React.ComponentType<infer P> ? P : never;
|
|
41
41
|
export type { ForwardRefComponent, OwnProps, IntrinsicElement, PropsOf };
|