@reapit/elements 5.0.0-beta.5 → 5.0.0-beta.7

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 (94) hide show
  1. package/README.md +1 -0
  2. package/dist/cjs/components/avatar/__styles__/index.d.ts +2 -2
  3. package/dist/cjs/components/avatar/avatar.d.ts +1 -0
  4. package/dist/cjs/components/breadcrumb/breadcrumb.d.ts +1 -1
  5. package/dist/cjs/components/button/__styles__/index.d.ts +0 -5
  6. package/dist/cjs/components/button/button.d.ts +3 -1
  7. package/dist/cjs/components/button/button.stories.d.ts +1 -0
  8. package/dist/cjs/components/card/__styles__/index.d.ts +2 -2
  9. package/dist/cjs/components/card/card-components.d.ts +1 -2
  10. package/dist/cjs/components/drawer/drawer.d.ts +2 -1
  11. package/dist/cjs/components/drawer/drawer.stories.d.ts +3 -0
  12. package/dist/cjs/components/file-input/file-input.d.ts +1 -1
  13. package/dist/cjs/components/form-layout/__styles__/index.d.ts +1 -0
  14. package/dist/cjs/components/form-layout/form-layout.d.ts +1 -0
  15. package/dist/cjs/components/icon/__styles__/index.d.ts +0 -1
  16. package/dist/cjs/components/icon/icon-component.d.ts +0 -1
  17. package/dist/cjs/components/input-group/input-group.stories.d.ts +0 -6
  18. package/dist/cjs/components/modal/modal.d.ts +2 -1
  19. package/dist/cjs/components/multi-select/multi-select.d.ts +2 -1
  20. package/dist/cjs/components/nav/nav-responsive.d.ts +2 -2
  21. package/dist/cjs/components/pagination/pagination.d.ts +1 -1
  22. package/dist/cjs/components/searchable-dropdown/__styles__/index.d.ts +5 -5
  23. package/dist/cjs/components/searchable-dropdown/searchable-dropdown.d.ts +2 -2
  24. package/dist/cjs/components/select/select.stories.d.ts +0 -4
  25. package/dist/cjs/components/steps/steps.d.ts +1 -0
  26. package/dist/cjs/components/table/molecules.d.ts +1 -0
  27. package/dist/cjs/components/tabs/tabs.d.ts +2 -1
  28. package/dist/cjs/components/toggle/toggle.d.ts +3 -0
  29. package/dist/cjs/components/typography/__styles__/index.d.ts +4 -5
  30. package/dist/cjs/hooks/use-media-query/index.d.ts +3 -2
  31. package/dist/cjs/hooks/use-media-query/media.stories.d.ts +1 -3
  32. package/dist/cjs/hooks/use-nav-state/index.d.ts +3 -2
  33. package/dist/cjs/hooks/use-snack/index.d.ts +3 -2
  34. package/dist/cjs/hooks/use-theme/index.d.ts +2 -2
  35. package/dist/cjs/index.js +11 -4
  36. package/dist/cjs/index.js.map +1 -1
  37. package/dist/cjs/storybook/deprecate-var.d.ts +0 -2
  38. package/dist/cjs/storybook/docs-helpers.d.ts +2 -0
  39. package/dist/cjs/storybook/handle-keyboard-event.d.ts +4 -0
  40. package/dist/cjs/storybook/random-id.d.ts +1 -0
  41. package/dist/cjs/storybook/welcome.d.ts +2 -2
  42. package/dist/cjs/styles/__tests__/theme-provider.test.d.ts +1 -0
  43. package/dist/cjs/styles/borders.d.ts +7 -7
  44. package/dist/cjs/styles/theme-provider.d.ts +9 -0
  45. package/dist/cjs/styles/theming.stories.d.ts +1 -1
  46. package/dist/cjs/types/core.d.ts +3 -0
  47. package/dist/esm/components/avatar/__styles__/index.d.ts +2 -2
  48. package/dist/esm/components/avatar/avatar.d.ts +1 -0
  49. package/dist/esm/components/breadcrumb/breadcrumb.d.ts +1 -1
  50. package/dist/esm/components/button/__styles__/index.d.ts +0 -5
  51. package/dist/esm/components/button/button.d.ts +3 -1
  52. package/dist/esm/components/button/button.stories.d.ts +1 -0
  53. package/dist/esm/components/card/__styles__/index.d.ts +2 -2
  54. package/dist/esm/components/card/card-components.d.ts +1 -2
  55. package/dist/esm/components/drawer/drawer.d.ts +2 -1
  56. package/dist/esm/components/drawer/drawer.stories.d.ts +3 -0
  57. package/dist/esm/components/file-input/file-input.d.ts +1 -1
  58. package/dist/esm/components/form-layout/__styles__/index.d.ts +1 -0
  59. package/dist/esm/components/form-layout/form-layout.d.ts +1 -0
  60. package/dist/esm/components/icon/__styles__/index.d.ts +0 -1
  61. package/dist/esm/components/icon/icon-component.d.ts +0 -1
  62. package/dist/esm/components/input-group/input-group.stories.d.ts +0 -6
  63. package/dist/esm/components/modal/modal.d.ts +2 -1
  64. package/dist/esm/components/multi-select/multi-select.d.ts +2 -1
  65. package/dist/esm/components/nav/nav-responsive.d.ts +2 -2
  66. package/dist/esm/components/pagination/pagination.d.ts +1 -1
  67. package/dist/esm/components/searchable-dropdown/__styles__/index.d.ts +5 -5
  68. package/dist/esm/components/searchable-dropdown/searchable-dropdown.d.ts +2 -2
  69. package/dist/esm/components/select/select.stories.d.ts +0 -4
  70. package/dist/esm/components/steps/steps.d.ts +1 -0
  71. package/dist/esm/components/table/molecules.d.ts +1 -0
  72. package/dist/esm/components/tabs/tabs.d.ts +2 -1
  73. package/dist/esm/components/toggle/toggle.d.ts +3 -0
  74. package/dist/esm/components/typography/__styles__/index.d.ts +4 -5
  75. package/dist/esm/hooks/use-media-query/index.d.ts +3 -2
  76. package/dist/esm/hooks/use-media-query/media.stories.d.ts +1 -3
  77. package/dist/esm/hooks/use-nav-state/index.d.ts +3 -2
  78. package/dist/esm/hooks/use-snack/index.d.ts +3 -2
  79. package/dist/esm/hooks/use-theme/index.d.ts +2 -2
  80. package/dist/esm/index.js +11 -4
  81. package/dist/esm/index.js.map +1 -1
  82. package/dist/esm/storybook/deprecate-var.d.ts +0 -2
  83. package/dist/esm/storybook/docs-helpers.d.ts +2 -0
  84. package/dist/esm/storybook/handle-keyboard-event.d.ts +4 -0
  85. package/dist/esm/storybook/random-id.d.ts +1 -0
  86. package/dist/esm/storybook/welcome.d.ts +2 -2
  87. package/dist/esm/styles/__tests__/theme-provider.test.d.ts +1 -0
  88. package/dist/esm/styles/borders.d.ts +7 -7
  89. package/dist/esm/styles/theme-provider.d.ts +9 -0
  90. package/dist/esm/styles/theming.stories.d.ts +1 -1
  91. package/dist/esm/types/core.d.ts +3 -0
  92. package/dist/index.css +460 -465
  93. package/package.json +71 -64
  94. /package/dist/esm/assets/{asset-5a3e61e0 → asset-BDb_LRz7} +0 -0
@@ -1,6 +1,4 @@
1
- import { IconNames } from '../components/icon';
2
1
  export declare const deprecateVar: (variables: Object, component: string) => void;
3
2
  export declare const useDeprecateVar: (variables: Object, component: string) => void;
4
3
  export declare const useDeprecateComponent: (component: string) => void;
5
- export declare const useDeprecateIcon: (icon: IconNames) => void;
6
4
  export declare const deprecateFunction: (functionName: string) => void;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const IconSpanFix: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
@@ -0,0 +1,4 @@
1
+ import { KeyboardEvent } from 'react';
2
+ export type KeyCode = 'Escape' | 'Tab' | 'ArrowUp' | 'ArrowDown' | 'Enter';
3
+ export declare const handleKeyboardEvent: (keyCode: KeyCode, callback: () => void) => (event: KeyboardEvent<HTMLElement>) => void;
4
+ export declare const useKeyboard: (keyCode: KeyCode, callback: () => void) => void;
@@ -1 +1,2 @@
1
1
  export declare const generateRandomId: () => string;
2
+ export declare const useId: (id?: string) => string;
@@ -1,3 +1,3 @@
1
- import React, { FC } from 'react';
2
- export declare const WelcomeFooterTitle: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
1
+ import { FC } from 'react';
2
+ export declare const WelcomeFooterTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
3
3
  export declare const Welcome: FC;
@@ -0,0 +1 @@
1
+ export {};
@@ -5,13 +5,13 @@ export declare const elBorderGreyL: import("@linaria/core").LinariaClassName;
5
5
  export declare const elBorderGreyR: import("@linaria/core").LinariaClassName;
6
6
  export declare const elBorderGreyX: import("@linaria/core").LinariaClassName;
7
7
  export declare const elBorderGreyY: import("@linaria/core").LinariaClassName;
8
- export declare const elBorderBlue: import("@linaria/core").LinariaClassName;
9
- export declare const elBorderBlueT: import("@linaria/core").LinariaClassName;
10
- export declare const elBorderBlueB: import("@linaria/core").LinariaClassName;
11
- export declare const elBorderBlueL: import("@linaria/core").LinariaClassName;
12
- export declare const elBorderBlueR: import("@linaria/core").LinariaClassName;
13
- export declare const elBorderBlueX: import("@linaria/core").LinariaClassName;
14
- export declare const elBorderBlueY: import("@linaria/core").LinariaClassName;
8
+ export declare const elBorderPurple: import("@linaria/core").LinariaClassName;
9
+ export declare const elBorderPurpleT: import("@linaria/core").LinariaClassName;
10
+ export declare const elBorderPurpleB: import("@linaria/core").LinariaClassName;
11
+ export declare const elBorderPurpleL: import("@linaria/core").LinariaClassName;
12
+ export declare const elBorderPurpleR: import("@linaria/core").LinariaClassName;
13
+ export declare const elBorderPurpleX: import("@linaria/core").LinariaClassName;
14
+ export declare const elBorderPurpleY: import("@linaria/core").LinariaClassName;
15
15
  export declare const elBorderRadius: import("@linaria/core").LinariaClassName;
16
16
  export declare const elBorderRadiusTL: import("@linaria/core").LinariaClassName;
17
17
  export declare const elBorderRadiusTR: import("@linaria/core").LinariaClassName;
@@ -0,0 +1,9 @@
1
+ import { FC } from 'react';
2
+ import { PropsWithChildren } from '../types/core';
3
+ export interface ElementsThemeProviderProps extends PropsWithChildren {
4
+ theme: {
5
+ [key: string]: string;
6
+ };
7
+ }
8
+ export declare const toKebabCase: (theme: string) => string;
9
+ export declare const ElementsThemeProvider: FC<ElementsThemeProviderProps>;
@@ -2,6 +2,6 @@ declare const _default: {
2
2
  title: string;
3
3
  };
4
4
  export default _default;
5
- export declare const BasicExample: {
5
+ export declare const ThemingProvider: {
6
6
  render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
7
7
  };
@@ -1,3 +1,6 @@
1
1
  export interface StringMap {
2
2
  [key: string]: string;
3
3
  }
4
+ export interface PropsWithChildren {
5
+ children?: any;
6
+ }