@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.
Files changed (120) hide show
  1. package/dist/cjs/index.js +2 -2
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/components/_internal/form-parts.d.ts +3 -3
  4. package/dist/cjs/types/components/avatar/avatar.d.ts +1 -1
  5. package/dist/cjs/types/components/button/button-icon.d.ts +1 -1
  6. package/dist/cjs/types/components/button/button-styles.d.ts +4 -2
  7. package/dist/cjs/types/components/button/button.d.ts +2 -2
  8. package/dist/cjs/types/components/checkbox/checkbox.d.ts +1 -1
  9. package/dist/cjs/types/components/display-text/display-text.d.ts +5 -5
  10. package/dist/cjs/types/components/dropdown-menu/dropdown-menu-content.d.ts +1 -1
  11. package/dist/cjs/types/components/dropdown-menu/dropdown-menu-divider.d.ts +2 -2
  12. package/dist/cjs/types/components/dropdown-menu/dropdown-menu-trigger.d.ts +2 -2
  13. package/dist/cjs/types/components/dropdown-menu/dropdown-menu.d.ts +3 -3
  14. package/dist/cjs/types/components/heading/heading.d.ts +4 -4
  15. package/dist/cjs/types/components/hint-box/hint-box.d.ts +4 -4
  16. package/dist/cjs/types/components/icon/icon.types.d.ts +3 -3
  17. package/dist/cjs/types/components/icon-button/icon-button-styles.d.ts +2 -0
  18. package/dist/cjs/types/components/icon-button/icon-button.d.ts +4 -4
  19. package/dist/cjs/types/components/label/label.d.ts +5 -4
  20. package/dist/cjs/types/components/link/link.d.ts +2 -2
  21. package/dist/cjs/types/components/loading-dots/loading-dots.d.ts +2 -1
  22. package/dist/cjs/types/components/paragraph/paragraph.d.ts +5 -4
  23. package/dist/cjs/types/components/primitives/input-base/input-base.d.ts +1 -1
  24. package/dist/cjs/types/components/primitives/select-base/select-base.d.ts +1 -1
  25. package/dist/cjs/types/components/primitives/textarea-base/textarea-base.d.ts +3 -3
  26. package/dist/cjs/types/components/radio-group/radio-group-context.d.ts +1 -1
  27. package/dist/cjs/types/components/radio-group/radio-group-label.d.ts +2 -2
  28. package/dist/cjs/types/components/radio-group/radio-group.d.ts +1 -1
  29. package/dist/cjs/types/components/radio-group/radio-indicator.d.ts +1 -1
  30. package/dist/cjs/types/components/select/select-option.d.ts +1 -1
  31. package/dist/cjs/types/components/select/select.d.ts +1 -1
  32. package/dist/cjs/types/components/stack/stack.d.ts +3 -3
  33. package/dist/cjs/types/components/stack/stack.types.d.ts +4 -4
  34. package/dist/cjs/types/components/text-field/text-field.d.ts +1 -1
  35. package/dist/cjs/types/components/textarea/textarea.d.ts +1 -1
  36. package/dist/cjs/types/components/toast/toast-provider.d.ts +1 -1
  37. package/dist/cjs/types/components/toast/toast-store.d.ts +2 -2
  38. package/dist/cjs/types/components/toast/toast-styles.d.ts +2 -1
  39. package/dist/cjs/types/components/toast/toast.d.ts +2 -3
  40. package/dist/cjs/types/hooks/use-breakpoint-value.d.ts +3 -3
  41. package/dist/cjs/types/hooks/use-form-field.d.ts +4 -4
  42. package/dist/cjs/types/hooks/use-image.d.ts +1 -1
  43. package/dist/cjs/types/hooks/use-responsive-prop.d.ts +3 -3
  44. package/dist/cjs/types/i18n/locale-context.d.ts +1 -1
  45. package/dist/cjs/types/i18n/locales.d.ts +1 -1
  46. package/dist/cjs/types/i18n/use-translation.d.ts +1 -1
  47. package/dist/cjs/types/qds-provider.d.ts +1 -1
  48. package/dist/cjs/types/styles/common-styles.d.ts +1 -0
  49. package/dist/cjs/types/styles/css-reset.d.ts +1 -2
  50. package/dist/cjs/types/styles/css-utils.d.ts +3 -3
  51. package/dist/cjs/types/styles/global-styles.d.ts +1 -2
  52. package/dist/cjs/types/theme/foundations/index.d.ts +1 -0
  53. package/dist/cjs/types/theme/foundations/radius.d.ts +2 -0
  54. package/dist/cjs/types/theme/theme-tools.d.ts +3 -2
  55. package/dist/cjs/types/theme/theme.d.ts +2 -1
  56. package/dist/cjs/types/types.d.ts +4 -4
  57. package/dist/cjs/types/utils/html-attributes.d.ts +1 -1
  58. package/dist/cjs/types/utils/merge-refs.d.ts +2 -2
  59. package/dist/cjs/types/utils/polymorphic.d.ts +4 -4
  60. package/dist/esm/index.js +2 -2
  61. package/dist/esm/index.js.map +1 -1
  62. package/dist/esm/types/components/_internal/form-parts.d.ts +3 -3
  63. package/dist/esm/types/components/avatar/avatar.d.ts +1 -1
  64. package/dist/esm/types/components/button/button-icon.d.ts +1 -1
  65. package/dist/esm/types/components/button/button-styles.d.ts +4 -2
  66. package/dist/esm/types/components/button/button.d.ts +2 -2
  67. package/dist/esm/types/components/checkbox/checkbox.d.ts +1 -1
  68. package/dist/esm/types/components/display-text/display-text.d.ts +5 -5
  69. package/dist/esm/types/components/dropdown-menu/dropdown-menu-content.d.ts +1 -1
  70. package/dist/esm/types/components/dropdown-menu/dropdown-menu-divider.d.ts +2 -2
  71. package/dist/esm/types/components/dropdown-menu/dropdown-menu-trigger.d.ts +2 -2
  72. package/dist/esm/types/components/dropdown-menu/dropdown-menu.d.ts +3 -3
  73. package/dist/esm/types/components/heading/heading.d.ts +4 -4
  74. package/dist/esm/types/components/hint-box/hint-box.d.ts +4 -4
  75. package/dist/esm/types/components/icon/icon.types.d.ts +3 -3
  76. package/dist/esm/types/components/icon-button/icon-button-styles.d.ts +2 -0
  77. package/dist/esm/types/components/icon-button/icon-button.d.ts +4 -4
  78. package/dist/esm/types/components/label/label.d.ts +5 -4
  79. package/dist/esm/types/components/link/link.d.ts +2 -2
  80. package/dist/esm/types/components/loading-dots/loading-dots.d.ts +2 -1
  81. package/dist/esm/types/components/paragraph/paragraph.d.ts +5 -4
  82. package/dist/esm/types/components/primitives/input-base/input-base.d.ts +1 -1
  83. package/dist/esm/types/components/primitives/select-base/select-base.d.ts +1 -1
  84. package/dist/esm/types/components/primitives/textarea-base/textarea-base.d.ts +3 -3
  85. package/dist/esm/types/components/radio-group/radio-group-context.d.ts +1 -1
  86. package/dist/esm/types/components/radio-group/radio-group-label.d.ts +2 -2
  87. package/dist/esm/types/components/radio-group/radio-group.d.ts +1 -1
  88. package/dist/esm/types/components/radio-group/radio-indicator.d.ts +1 -1
  89. package/dist/esm/types/components/select/select-option.d.ts +1 -1
  90. package/dist/esm/types/components/select/select.d.ts +1 -1
  91. package/dist/esm/types/components/stack/stack.d.ts +3 -3
  92. package/dist/esm/types/components/stack/stack.types.d.ts +4 -4
  93. package/dist/esm/types/components/text-field/text-field.d.ts +1 -1
  94. package/dist/esm/types/components/textarea/textarea.d.ts +1 -1
  95. package/dist/esm/types/components/toast/toast-provider.d.ts +1 -1
  96. package/dist/esm/types/components/toast/toast-store.d.ts +2 -2
  97. package/dist/esm/types/components/toast/toast-styles.d.ts +2 -1
  98. package/dist/esm/types/components/toast/toast.d.ts +2 -3
  99. package/dist/esm/types/hooks/use-breakpoint-value.d.ts +3 -3
  100. package/dist/esm/types/hooks/use-form-field.d.ts +4 -4
  101. package/dist/esm/types/hooks/use-image.d.ts +1 -1
  102. package/dist/esm/types/hooks/use-responsive-prop.d.ts +3 -3
  103. package/dist/esm/types/i18n/locale-context.d.ts +1 -1
  104. package/dist/esm/types/i18n/locales.d.ts +1 -1
  105. package/dist/esm/types/i18n/use-translation.d.ts +1 -1
  106. package/dist/esm/types/qds-provider.d.ts +1 -1
  107. package/dist/esm/types/styles/common-styles.d.ts +1 -0
  108. package/dist/esm/types/styles/css-reset.d.ts +1 -2
  109. package/dist/esm/types/styles/css-utils.d.ts +3 -3
  110. package/dist/esm/types/styles/global-styles.d.ts +1 -2
  111. package/dist/esm/types/theme/foundations/index.d.ts +1 -0
  112. package/dist/esm/types/theme/foundations/radius.d.ts +2 -0
  113. package/dist/esm/types/theme/theme-tools.d.ts +3 -2
  114. package/dist/esm/types/theme/theme.d.ts +2 -1
  115. package/dist/esm/types/types.d.ts +4 -4
  116. package/dist/esm/types/utils/html-attributes.d.ts +1 -1
  117. package/dist/esm/types/utils/merge-refs.d.ts +2 -2
  118. package/dist/esm/types/utils/polymorphic.d.ts +4 -4
  119. package/dist/index.d.ts +101 -90
  120. package/package.json +19 -22
@@ -1,5 +1,5 @@
1
1
  declare const SUPPORTED_LANGUAGE_CODES: readonly ["en", "sv", "fi", "fr"];
2
- export declare type LanguageCode = typeof SUPPORTED_LANGUAGE_CODES[number];
2
+ export type LanguageCode = (typeof SUPPORTED_LANGUAGE_CODES)[number];
3
3
  export interface Resource {
4
4
  close: string;
5
5
  optional: string;
@@ -1,5 +1,5 @@
1
1
  import type { Resource } from './locales';
2
- declare type I18nKey = keyof Resource;
2
+ type I18nKey = keyof Resource;
3
3
  export declare function useTranslation(): {
4
4
  t: (key: I18nKey) => string;
5
5
  };
@@ -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 {};
@@ -198,6 +198,7 @@ export declare const getFormFieldBaseStyles: (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: {
@@ -1,5 +1,4 @@
1
- /// <reference types="react" />
2
1
  /**
3
2
  * A CSS Reset (opinionated)
4
3
  */
5
- export declare function CSSReset(): JSX.Element;
4
+ export declare function CSSReset(): import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import type { CSSObject } from '@emotion/react';
2
2
  import type { Theme } from '../theme';
3
- declare type NamedStyles = Record<string, CSSObject>;
4
- declare type StyleInterpolation<T> = (theme: Theme) => T;
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 declare type VariantProps<T extends ReturnType<typeof createStyle | typeof createStyleVariants>> = keyof ReturnType<T>;
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,5 +1,4 @@
1
- /// <reference types="react" />
2
1
  /**
3
2
  * Adds some global opinionated styles.
4
3
  */
5
- export declare function GlobalStyles(): JSX.Element;
4
+ export declare function GlobalStyles(): import("react/jsx-runtime").JSX.Element;
@@ -203,6 +203,7 @@ export declare const foundations: {
203
203
  md: string;
204
204
  lg: string;
205
205
  xl: string;
206
+ '2xl': string;
206
207
  full: string;
207
208
  };
208
209
  shadows: {
@@ -13,6 +13,8 @@ export declare const radii: {
13
13
  lg: string;
14
14
  /** 32px */
15
15
  xl: string;
16
+ /** 48px */
17
+ '2xl': string;
16
18
  /** 9999px */
17
19
  full: string;
18
20
  };
@@ -1,13 +1,13 @@
1
1
  import type { PartialRecord } from '../types';
2
2
  import type { Theme } from './theme';
3
- declare type DeepPartial<T> = {
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
- declare type TypographyOverrides = PartialRecord<keyof Theme['typography'], TypographyOverride>;
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 declare type Theme = typeof theme;
401
+ export type Theme = typeof theme;
@@ -1,5 +1,5 @@
1
1
  import type { ComponentPropsWithoutRef, ElementType } from 'react';
2
- export declare type LegitimateAny = any;
3
- export declare type PartialRecord<K extends string | number | symbol, T> = Partial<Record<K, T>>;
4
- export declare type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
5
- export declare type HTMLQdsProps<T extends ElementType> = ComponentPropsWithoutRef<T>;
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
- declare type Booleanish = boolean | 'true' | 'false';
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
- declare type ReactRef<T> = RefCallback<T> | MutableRefObject<T>;
3
- declare type Maybe<T> = T | null | undefined;
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
- declare type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
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
- declare type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
17
- declare type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
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
- declare type PropsOf<E> = E extends React.ComponentType<infer P> ? P : never;
40
+ type PropsOf<E> = E extends React.ComponentType<infer P> ? P : never;
41
41
  export type { ForwardRefComponent, OwnProps, IntrinsicElement, PropsOf };