@sk-web-gui/react 1.2.16 → 1.2.17

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 (272) hide show
  1. package/dist/cjs/index.js.map +1 -1
  2. package/dist/esm/index.js.map +1 -1
  3. package/dist/types/accordion/index.d.ts +1 -0
  4. package/dist/types/accordion/src/accordion/accordion-item.d.ts +1 -1
  5. package/dist/types/accordion/src/index.d.ts +2 -0
  6. package/dist/types/accordion/stories/accordion.stories.d.ts +8 -0
  7. package/dist/types/accordion/stories/disclosure.stories.d.ts +9 -0
  8. package/dist/types/avatar/index.d.ts +2 -0
  9. package/dist/types/avatar/src/avatar.d.ts +17 -0
  10. package/dist/types/avatar/src/index.d.ts +8 -0
  11. package/dist/types/avatar/stories/avatar.stories.d.ts +8 -0
  12. package/dist/types/badge/index.d.ts +2 -0
  13. package/dist/types/badge/src/badge.d.ts +12 -0
  14. package/dist/types/badge/src/index.d.ts +8 -0
  15. package/dist/types/badge/stories/badge.stories.d.ts +8 -0
  16. package/dist/types/breadcrumb/index.d.ts +1 -0
  17. package/dist/types/breadcrumb/stories/breadcrumb.stories.d.ts +7 -0
  18. package/dist/types/button/index.d.ts +1 -0
  19. package/dist/types/button/stories/announcement.d.ts +5 -0
  20. package/dist/types/button/stories/button-group.stories.d.ts +8 -0
  21. package/dist/types/button/stories/button.stories.d.ts +7 -0
  22. package/dist/types/card/index.d.ts +1 -0
  23. package/dist/types/card/stories/card.stories.d.ts +4 -0
  24. package/dist/types/card/stories/meta-card.stories.d.ts +4 -0
  25. package/dist/types/chip/index.d.ts +2 -0
  26. package/dist/types/chip/src/chip.d.ts +7 -0
  27. package/dist/types/chip/src/index.d.ts +4 -0
  28. package/dist/types/chip/stories/chip.stories.d.ts +12 -0
  29. package/dist/types/cookie-consent/index.d.ts +1 -0
  30. package/dist/types/cookie-consent/stories/cookie-consent.stories.d.ts +7 -0
  31. package/dist/types/core/src/aria-plugin.d.ts +4 -0
  32. package/dist/types/core/src/base.d.ts +53 -0
  33. package/dist/types/core/src/colors.d.ts +643 -0
  34. package/dist/types/core/src/components/accordion.d.ts +164 -0
  35. package/dist/types/core/src/components/alert.d.ts +21 -0
  36. package/dist/types/core/src/components/avatar.d.ts +26 -0
  37. package/dist/types/core/src/components/badge.d.ts +21 -0
  38. package/dist/types/core/src/components/breadcrumb.d.ts +28 -0
  39. package/dist/types/core/src/components/button-group.d.ts +25 -0
  40. package/dist/types/core/src/components/button.d.ts +201 -0
  41. package/dist/types/core/src/components/card.d.ts +135 -0
  42. package/dist/types/core/src/components/checkbox.d.ts +108 -0
  43. package/dist/types/core/src/components/chip.d.ts +34 -0
  44. package/dist/types/core/src/components/code.d.ts +8 -0
  45. package/dist/types/core/src/components/combobox.d.ts +72 -0
  46. package/dist/types/core/src/components/cookie-consent.d.ts +35 -0
  47. package/dist/types/core/src/components/dialog.d.ts +5 -0
  48. package/dist/types/core/src/components/divider.d.ts +50 -0
  49. package/dist/types/core/src/components/dot.d.ts +43 -0
  50. package/dist/types/core/src/components/filter.d.ts +14 -0
  51. package/dist/types/core/src/components/footer.d.ts +27 -0
  52. package/dist/types/core/src/components/forms.d.ts +24 -0
  53. package/dist/types/core/src/components/header.d.ts +28 -0
  54. package/dist/types/core/src/components/icon.d.ts +38 -0
  55. package/dist/types/core/src/components/input.d.ts +214 -0
  56. package/dist/types/core/src/components/kbd.d.ts +7 -0
  57. package/dist/types/core/src/components/label.d.ts +27 -0
  58. package/dist/types/core/src/components/link.d.ts +43 -0
  59. package/dist/types/core/src/components/list.d.ts +52 -0
  60. package/dist/types/core/src/components/logo.d.ts +48 -0
  61. package/dist/types/core/src/components/menu-vertical.d.ts +215 -0
  62. package/dist/types/core/src/components/menubar.d.ts +35 -0
  63. package/dist/types/core/src/components/modal.d.ts +45 -0
  64. package/dist/types/core/src/components/pagination.d.ts +101 -0
  65. package/dist/types/core/src/components/popup-menu.d.ts +138 -0
  66. package/dist/types/core/src/components/progress-bar.d.ts +13 -0
  67. package/dist/types/core/src/components/progress-stepper.d.ts +60 -0
  68. package/dist/types/core/src/components/radio.d.ts +125 -0
  69. package/dist/types/core/src/components/search-field.d.ts +34 -0
  70. package/dist/types/core/src/components/select.d.ts +141 -0
  71. package/dist/types/core/src/components/snackbar.d.ts +30 -0
  72. package/dist/types/core/src/components/spinner.d.ts +10 -0
  73. package/dist/types/core/src/components/switch.d.ts +64 -0
  74. package/dist/types/core/src/components/table-autotable.d.ts +221 -0
  75. package/dist/types/core/src/components/table.d.ts +11 -0
  76. package/dist/types/core/src/components/tabs.d.ts +14 -0
  77. package/dist/types/core/src/components/tooltip.d.ts +53 -0
  78. package/dist/types/core/src/components/user-menu.d.ts +14 -0
  79. package/dist/types/core/src/data-plugin.d.ts +4 -0
  80. package/dist/types/core/src/index.d.ts +6 -0
  81. package/dist/types/core/src/plugin.d.ts +12 -0
  82. package/dist/types/core/src/preset.d.ts +18 -0
  83. package/dist/types/core/src/theme.d.ts +4 -0
  84. package/dist/types/core/src/units.d.ts +251 -0
  85. package/dist/types/core/src/with-opacity.d.ts +4 -0
  86. package/dist/types/divider/index.d.ts +2 -0
  87. package/dist/types/divider/src/divider-section.d.ts +12 -0
  88. package/dist/types/divider/src/divider.d.ts +8 -0
  89. package/dist/types/divider/src/index.d.ts +10 -0
  90. package/dist/types/divider/src/styles.d.ts +1 -0
  91. package/dist/types/divider/stories/divider-section.stories.d.ts +8 -0
  92. package/dist/types/divider/stories/divider.stories.d.ts +8 -0
  93. package/dist/types/filter/index.d.ts +2 -0
  94. package/dist/types/filter/src/filter-item.d.ts +7 -0
  95. package/dist/types/filter/src/filter-label.d.ts +7 -0
  96. package/dist/types/filter/src/filter.d.ts +6 -0
  97. package/dist/types/filter/src/index.d.ts +12 -0
  98. package/dist/types/filter/stories/filter.stories.d.ts +7 -0
  99. package/dist/types/forms/index.d.ts +2 -0
  100. package/dist/types/forms/src/checkbox/checkbox-group.d.ts +46 -0
  101. package/dist/types/forms/src/checkbox/checkbox.d.ts +39 -0
  102. package/dist/types/forms/src/checkbox/index.d.ts +10 -0
  103. package/dist/types/forms/src/checkbox/styles.d.ts +2 -0
  104. package/dist/types/forms/src/combobox/combobox-context.d.ts +42 -0
  105. package/dist/types/forms/src/combobox/combobox-input.d.ts +44 -0
  106. package/dist/types/forms/src/combobox/combobox-list.d.ts +8 -0
  107. package/dist/types/forms/src/combobox/combobox-option.d.ts +11 -0
  108. package/dist/types/forms/src/combobox/combobox.d.ts +6 -0
  109. package/dist/types/forms/src/combobox/index.d.ts +15 -0
  110. package/dist/types/forms/src/combobox/styles.d.ts +1 -0
  111. package/dist/types/forms/src/date-picker/date-picker.d.ts +7 -0
  112. package/dist/types/forms/src/date-picker/index.d.ts +8 -0
  113. package/dist/types/forms/src/form-control/index.d.ts +40 -0
  114. package/dist/types/forms/src/form-error-message/index.d.ts +8 -0
  115. package/dist/types/forms/src/form-helper-text/index.d.ts +8 -0
  116. package/dist/types/forms/src/form-label/index.d.ts +20 -0
  117. package/dist/types/forms/src/index.d.ts +26 -0
  118. package/dist/types/forms/src/input/index.d.ts +13 -0
  119. package/dist/types/forms/src/input/input.d.ts +26 -0
  120. package/dist/types/forms/src/input/styles.d.ts +1 -0
  121. package/dist/types/forms/src/input-addin/index.d.ts +12 -0
  122. package/dist/types/forms/src/input-group/index.d.ts +11 -0
  123. package/dist/types/forms/src/input-group/styles.d.ts +1 -0
  124. package/dist/types/forms/src/radio/index.d.ts +10 -0
  125. package/dist/types/forms/src/radio/radio-group.d.ts +48 -0
  126. package/dist/types/forms/src/radio/radio.d.ts +32 -0
  127. package/dist/types/forms/src/radio/styles.d.ts +3 -0
  128. package/dist/types/forms/src/select/index.d.ts +18 -0
  129. package/dist/types/forms/src/select/styles.d.ts +1 -0
  130. package/dist/types/forms/src/switch/index.d.ts +8 -0
  131. package/dist/types/forms/src/switch/switchcomponent.d.ts +9 -0
  132. package/dist/types/forms/src/text-field/index.d.ts +8 -0
  133. package/dist/types/forms/src/text-field/text-field.d.ts +6 -0
  134. package/dist/types/forms/src/textarea/index.d.ts +12 -0
  135. package/dist/types/forms/stories/check.d.ts +5 -0
  136. package/dist/types/forms/stories/checkbox-group.stories.d.ts +11 -0
  137. package/dist/types/forms/stories/checkbox.stories.d.ts +8 -0
  138. package/dist/types/forms/stories/combobox.stories.d.ts +19 -0
  139. package/dist/types/forms/stories/date-picker.stories.d.ts +21 -0
  140. package/dist/types/forms/stories/form-control.stories.d.ts +10 -0
  141. package/dist/types/forms/stories/input.stories.d.ts +21 -0
  142. package/dist/types/forms/stories/radio-group.stories.d.ts +11 -0
  143. package/dist/types/forms/stories/radio.stories.d.ts +14 -0
  144. package/dist/types/forms/stories/select.stories.d.ts +10 -0
  145. package/dist/types/forms/stories/switch.stories.d.ts +8 -0
  146. package/dist/types/forms/stories/text-field.stories.d.ts +18 -0
  147. package/dist/types/forms/stories/textarea.stories.d.ts +42 -0
  148. package/dist/types/icon/index.d.ts +2 -0
  149. package/dist/types/icon/src/icon-padded.d.ts +4 -0
  150. package/dist/types/icon/src/icon.d.ts +20 -0
  151. package/dist/types/icon/src/index.d.ts +10 -0
  152. package/dist/types/icon/stories/icon-padded.stories.d.ts +8 -0
  153. package/dist/types/icon/stories/icon.stories.d.ts +8 -0
  154. package/dist/types/image/index.d.ts +2 -0
  155. package/dist/types/image/src/image.d.ts +28 -0
  156. package/dist/types/image/src/index.d.ts +4 -0
  157. package/dist/types/image/src/use-image.d.ts +52 -0
  158. package/dist/types/image/stories/image.stories.d.ts +8 -0
  159. package/dist/types/label/index.d.ts +2 -0
  160. package/dist/types/label/src/index.d.ts +8 -0
  161. package/dist/types/label/src/label.d.ts +8 -0
  162. package/dist/types/label/stories/label.stories.d.ts +8 -0
  163. package/dist/types/layout/index.d.ts +1 -0
  164. package/dist/types/layout/src/index.d.ts +2 -0
  165. package/dist/types/layout/stories/footer.stories.d.ts +7 -0
  166. package/dist/types/layout/stories/header.stories.d.ts +5 -0
  167. package/dist/types/link/index.d.ts +1 -0
  168. package/dist/types/link/stories/link.stories.d.ts +12 -0
  169. package/dist/types/list/index.d.ts +1 -0
  170. package/dist/types/list/stories/list.stories.d.ts +7 -0
  171. package/dist/types/logo/index.d.ts +2 -0
  172. package/dist/types/logo/src/assets/index.d.ts +2 -0
  173. package/dist/types/logo/src/assets/logo-svg.d.ts +2 -0
  174. package/dist/types/logo/src/assets/symbol-svg.d.ts +2 -0
  175. package/dist/types/logo/src/index.d.ts +4 -0
  176. package/dist/types/logo/src/logo.d.ts +38 -0
  177. package/dist/types/logo/stories/logo.stories.d.ts +8 -0
  178. package/dist/types/menu-vertical/index.d.ts +1 -0
  179. package/dist/types/menu-vertical/stories/menu-vertical-sidebar.stories.d.ts +8 -0
  180. package/dist/types/menu-vertical/stories/menu-vertical.stories.d.ts +8 -0
  181. package/dist/types/menubar/index.d.ts +1 -0
  182. package/dist/types/menubar/stories/menubar.stories.d.ts +7 -0
  183. package/dist/types/modal/index.d.ts +1 -0
  184. package/dist/types/modal/src/dialog/dialog.d.ts +1 -1
  185. package/dist/types/modal/src/index.d.ts +3 -0
  186. package/dist/types/modal/stories/confirm.stories.d.ts +10 -0
  187. package/dist/types/modal/stories/dialog.stories.d.ts +6 -0
  188. package/dist/types/modal/stories/modal.stories.d.ts +7 -0
  189. package/dist/types/pagination/index.d.ts +1 -0
  190. package/dist/types/pagination/stories/pagination.stories.d.ts +8 -0
  191. package/dist/types/popup-menu/index.d.ts +1 -0
  192. package/dist/types/popup-menu/src/popup-menu-button.d.ts +1 -1
  193. package/dist/types/popup-menu/src/styles.d.ts +1 -0
  194. package/dist/types/popup-menu/stories/popup-menu.stories.d.ts +9 -0
  195. package/dist/types/progress-bar/index.d.ts +2 -0
  196. package/dist/types/progress-bar/src/index.d.ts +8 -0
  197. package/dist/types/progress-bar/src/progress-bar.d.ts +18 -0
  198. package/dist/types/progress-bar/src/styles.d.ts +0 -0
  199. package/dist/types/progress-bar/stories/progress-bar.stories.d.ts +8 -0
  200. package/dist/types/progress-stepper/index.d.ts +2 -0
  201. package/dist/types/progress-stepper/src/index.d.ts +8 -0
  202. package/dist/types/progress-stepper/src/progress-step.d.ts +13 -0
  203. package/dist/types/progress-stepper/src/progress-stepper.d.ts +12 -0
  204. package/dist/types/progress-stepper/stories/progress-stepper.stories.d.ts +8 -0
  205. package/dist/types/react/index.d.ts +2 -0
  206. package/dist/types/react/src/index.d.ts +35 -0
  207. package/dist/types/searchfield/index.d.ts +1 -0
  208. package/dist/types/searchfield/src/searchfield-suggestions-list.d.ts +3 -1
  209. package/dist/types/searchfield/src/searchfield-suggestions-option.d.ts +3 -1
  210. package/dist/types/searchfield/src/searchfield-suggestions.d.ts +3 -1
  211. package/dist/types/searchfield/src/searchfield.d.ts +2 -2
  212. package/dist/types/searchfield/stories/searchfield-suggestions.stories.d.ts +8 -0
  213. package/dist/types/searchfield/stories/searchfield.stories.d.ts +6 -0
  214. package/dist/types/snackbar/index.d.ts +1 -0
  215. package/dist/types/snackbar/stories/snackbar.stories.d.ts +8 -0
  216. package/dist/types/spinner/index.d.ts +2 -0
  217. package/dist/types/spinner/src/assets/spinner-square.d.ts +265 -0
  218. package/dist/types/spinner/src/index.d.ts +4 -0
  219. package/dist/types/spinner/src/spinner.d.ts +14 -0
  220. package/dist/types/spinner/stories/spinner.stories.d.ts +8 -0
  221. package/dist/types/table/index.d.ts +1 -0
  222. package/dist/types/table/stories/autotable.stories.d.ts +10 -0
  223. package/dist/types/table/stories/table.stories.d.ts +11 -0
  224. package/dist/types/tabs/index.d.ts +1 -0
  225. package/dist/types/tabs/stories/tabs.stories.d.ts +12 -0
  226. package/dist/types/text/index.d.ts +1 -0
  227. package/dist/types/text/stories/text.stories.d.ts +7 -0
  228. package/dist/types/theme/index.d.ts +2 -0
  229. package/dist/types/theme/src/colors.d.ts +1410 -0
  230. package/dist/types/theme/src/create-memo-class.d.ts +1 -0
  231. package/dist/types/theme/src/create-theme-vars/calc.d.ts +19 -0
  232. package/dist/types/theme/src/create-theme-vars/create-theme-vars.d.ts +9 -0
  233. package/dist/types/theme/src/create-theme-vars/css-var.d.ts +7 -0
  234. package/dist/types/theme/src/create-theme-vars/index.d.ts +4 -0
  235. package/dist/types/theme/src/create-theme-vars/theme-tokens.d.ts +8 -0
  236. package/dist/types/theme/src/create-theme-vars/to-css-var.d.ts +2 -0
  237. package/dist/types/theme/src/default-theme.d.ts +4 -0
  238. package/dist/types/theme/src/gui-provider.d.ts +34 -0
  239. package/dist/types/theme/src/index.d.ts +14 -0
  240. package/dist/types/theme/src/types.d.ts +54 -0
  241. package/dist/types/theme/src/units.d.ts +226 -0
  242. package/dist/types/theme/src/use-safe-effect.d.ts +2 -0
  243. package/dist/types/theme/src/utils.d.ts +1 -0
  244. package/dist/types/toast/index.d.ts +2 -0
  245. package/dist/types/toast/src/index.d.ts +7 -0
  246. package/dist/types/toast/src/toast.d.ts +62 -0
  247. package/dist/types/toasted-notes/index.d.ts +2 -0
  248. package/dist/types/toasted-notes/src/Alert.d.ts +8 -0
  249. package/dist/types/toasted-notes/src/Message.d.ts +26 -0
  250. package/dist/types/toasted-notes/src/Positions.d.ts +9 -0
  251. package/dist/types/toasted-notes/src/Toast.d.ts +13 -0
  252. package/dist/types/toasted-notes/src/ToastManager.d.ts +45 -0
  253. package/dist/types/toasted-notes/src/index.d.ts +4 -0
  254. package/dist/types/toasted-notes/src/useTimeout.d.ts +3 -0
  255. package/dist/types/tooltip/index.d.ts +2 -0
  256. package/dist/types/tooltip/src/index.d.ts +8 -0
  257. package/dist/types/tooltip/src/tooltip.d.ts +14 -0
  258. package/dist/types/tooltip/stories/tooltip.stories.d.ts +9 -0
  259. package/dist/types/user-menu/index.d.ts +1 -0
  260. package/dist/types/user-menu/stories/user-menu.stories.d.ts +8 -0
  261. package/dist/types/utils/index.d.ts +2 -0
  262. package/dist/types/utils/src/assertion.d.ts +6 -0
  263. package/dist/types/utils/src/children.d.ts +8 -0
  264. package/dist/types/utils/src/color.d.ts +10 -0
  265. package/dist/types/utils/src/index.d.ts +20 -0
  266. package/dist/types/utils/src/object.d.ts +6 -0
  267. package/dist/types/utils/src/refs.d.ts +5 -0
  268. package/dist/types/utils/src/slug.d.ts +1 -0
  269. package/dist/types/utils/src/types.d.ts +56 -0
  270. package/dist/types/utils/src/use-on-element-outside.d.ts +39 -0
  271. package/dist/types/utils/src/walk-object.d.ts +5 -0
  272. package/package.json +37 -37
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { IconProps } from '../src/icon';
3
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<IconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
4
+ export default _default;
5
+ export declare const Template: {
6
+ (props: IconProps): import("react/jsx-runtime").JSX.Element;
7
+ storyName: string;
8
+ };
@@ -0,0 +1,2 @@
1
+ export * from './src';
2
+ export type * from './src';
@@ -0,0 +1,28 @@
1
+ import { DefaultProps } from '@sk-web-gui/utils';
2
+ import React from 'react';
3
+ import { UseImageProps } from './use-image';
4
+ interface INativeImageProps extends DefaultProps {
5
+ /**
6
+ * The native HTML `width` attribute to the passed to the `img`
7
+ */
8
+ htmlWidth?: string | number;
9
+ /**
10
+ * The native HTML `height` attribute to the passed to the `img`
11
+ */
12
+ htmlHeight?: string | number;
13
+ }
14
+ interface NativeImageProps extends React.ImgHTMLAttributes<HTMLImageElement>, INativeImageProps {
15
+ }
16
+ export declare const NativeImage: React.ForwardRefExoticComponent<NativeImageProps & React.RefAttributes<any>>;
17
+ interface IImageProps extends Omit<NativeImageProps, 'onError'> {
18
+ fallbackSrc?: string;
19
+ fallback?: React.ReactElement;
20
+ loading?: 'eager' | 'lazy';
21
+ ignoreFallback?: boolean;
22
+ as?: React.ElementType;
23
+ }
24
+ interface ImageProps extends UseImageProps, IImageProps {
25
+ }
26
+ export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<unknown>>;
27
+ export type { ImageProps, NativeImageProps };
28
+ export default Image;
@@ -0,0 +1,4 @@
1
+ export * from './image';
2
+ export type * from './image';
3
+ export * from './use-image';
4
+ export type * from './use-image';
@@ -0,0 +1,52 @@
1
+ import { ImgHTMLAttributes } from 'react';
2
+ export interface UseImageProps {
3
+ /**
4
+ * The image `src` attribute
5
+ */
6
+ src?: string;
7
+ /**
8
+ * The image `srcset` attribute
9
+ */
10
+ srcSet?: string;
11
+ /**
12
+ * The image `sizes` attribute
13
+ */
14
+ sizes?: string;
15
+ /**
16
+ * A callback for when the image `src` has been loaded
17
+ */
18
+ onLoad?(event: React.SyntheticEvent<HTMLImageElement, Event>): void;
19
+ /**
20
+ * A callback for when there was an error loading the image `src`
21
+ */
22
+ onError?(error: string | React.SyntheticEvent<HTMLImageElement, Event>): void;
23
+ /**
24
+ * If `true`, opt out of the `fallbackSrc` logic and use as `img`
25
+ */
26
+ ignoreFallback?: boolean;
27
+ /**
28
+ * The key used to set the crossOrigin on the HTMLImageElement into which the image will be loaded.
29
+ * This tells the browser to request cross-origin access when trying to download the image data.
30
+ */
31
+ crossOrigin?: ImgHTMLAttributes<any>['crossOrigin'];
32
+ }
33
+ type Status = 'loading' | 'failed' | 'pending' | 'loaded';
34
+ /**
35
+ * React hook that loads an image in the browser,
36
+ * and let's us know the `status` so we can show image
37
+ * fallback if it is still `pending`
38
+ *
39
+ * @returns the status of the image loading progress
40
+ *
41
+ * @example
42
+ *
43
+ * ```jsx
44
+ * function App(){
45
+ * const status = useImage({ src: "image.png" })
46
+ * return status === "loaded" ? <img src="image.png" /> : <Placeholder />
47
+ * }
48
+ * ```
49
+ */
50
+ export declare function useImage(props: UseImageProps): Status;
51
+ export type UseImageReturn = ReturnType<typeof useImage>;
52
+ export {};
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { ImageProps } from '../src';
3
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, ImageProps & React.RefAttributes<unknown>>;
4
+ export default _default;
5
+ export declare const Template: {
6
+ (args: ImageProps): import("react/jsx-runtime").JSX.Element;
7
+ storyName: string;
8
+ };
@@ -0,0 +1,2 @@
1
+ export * from './src';
2
+ export type * from './src';
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { Label, LabelProps } from './label';
3
+ export { Label };
4
+ export type { LabelProps };
5
+ declare const _default: {
6
+ Label: import("react").ForwardRefExoticComponent<Omit<LabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
7
+ };
8
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import { DefaultProps } from '@sk-web-gui/utils';
2
+ import React from 'react';
3
+ export interface LabelProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
4
+ color?: string;
5
+ rounded?: boolean;
6
+ inverted?: boolean;
7
+ }
8
+ export declare const Label: React.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { LabelProps } from '../src';
3
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<LabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ export default _default;
5
+ export declare const Template: {
6
+ (args: LabelProps): import("react/jsx-runtime").JSX.Element;
7
+ storyName: string;
8
+ };
@@ -1 +1,2 @@
1
1
  export * from './src';
2
+ export type * from './src';
@@ -1,2 +1,4 @@
1
1
  export * from './footer';
2
+ export type * from './footer';
2
3
  export * from './header';
4
+ export type * from './header';
@@ -0,0 +1,7 @@
1
+ import { FooterProps } from '../src';
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/footer/footer").FooterProps>;
3
+ export default _default;
4
+ export declare const Template: {
5
+ ({ ...args }: FooterProps): import("react/jsx-runtime").JSX.Element;
6
+ storyName: string;
7
+ };
@@ -0,0 +1,5 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ import { Header } from '../src';
3
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/header/header").HeaderComponentProps>;
4
+ export default _default;
5
+ export declare const Template: StoryObj<typeof Header>;
@@ -1 +1,2 @@
1
1
  export * from './src';
2
+ export type * from './src';
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import { LinkProps } from '../src';
3
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<LinkProps & {
4
+ as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
5
+ } & Omit<Omit<any, "ref">, "as" | keyof LinkProps> & {
6
+ ref?: any;
7
+ }, "ref"> & React.RefAttributes<unknown>>;
8
+ export default _default;
9
+ export declare const Template: {
10
+ (args: LinkProps): import("react/jsx-runtime").JSX.Element;
11
+ storyName: string;
12
+ };
@@ -1 +1,2 @@
1
1
  export * from './src';
2
+ export type * from './src';
@@ -0,0 +1,7 @@
1
+ import { ListProps } from '../src';
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/list").ListProps>;
3
+ export default _default;
4
+ export declare const Template: {
5
+ (args: ListProps): import("react/jsx-runtime").JSX.Element;
6
+ storyName: string;
7
+ };
@@ -0,0 +1,2 @@
1
+ export * from './src';
2
+ export type * from './src';
@@ -0,0 +1,2 @@
1
+ export * from './logo-svg';
2
+ export * from './symbol-svg';
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const Logo: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const Symbol: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -0,0 +1,4 @@
1
+ import { LogoProps, Logo } from './logo';
2
+ export type { LogoProps };
3
+ export { Logo };
4
+ export default Logo;
@@ -0,0 +1,38 @@
1
+ import { DefaultProps } from '@sk-web-gui/utils';
2
+ import React from 'react';
3
+ interface ILogoProps extends DefaultProps, Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {
4
+ /**
5
+ * Controls alert appearance
6
+ * @default 'logo'
7
+ */
8
+ variant?: 'logo' | 'symbol' | 'service';
9
+ /**
10
+ * Adds a title next to the logo.
11
+ * Switches variant to 'service' if set and variant is unset.
12
+ * Uses the symbol version of the logotype.
13
+ * Will not show if variant is set to 'logo' or 'symbol'
14
+ * Is required if variant is set to 'service'
15
+ */
16
+ title?: string;
17
+ /**
18
+ * Adds a subtitle below the title.
19
+ * Will only be shown if variant is 'service'
20
+ */
21
+ subtitle?: string;
22
+ /**
23
+ * Inverts the colors of the logo
24
+ */
25
+ inverted?: boolean;
26
+ }
27
+ interface LogoWithoutText extends ILogoProps {
28
+ variant?: 'logo' | 'symbol' | undefined;
29
+ title?: string;
30
+ }
31
+ interface LogoWithText extends ILogoProps {
32
+ variant: 'service';
33
+ title: string;
34
+ subtitle?: string;
35
+ }
36
+ export type LogoProps = LogoWithText | LogoWithoutText;
37
+ export declare const Logo: React.ForwardRefExoticComponent<LogoProps & React.RefAttributes<HTMLDivElement>>;
38
+ export {};
@@ -0,0 +1,8 @@
1
+ import { LogoProps } from '../src';
2
+ import React from 'react';
3
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, LogoProps & React.RefAttributes<HTMLDivElement>>;
4
+ export default _default;
5
+ export declare const Template: {
6
+ (args: LogoProps): import("react/jsx-runtime").JSX.Element;
7
+ storyName: string;
8
+ };
@@ -1 +1,2 @@
1
1
  export * from './src';
2
+ export type * from './src';
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { MenuVerticalProps } from '../src';
3
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/menu-vertical").MenuVerticalComponentProps & React.RefAttributes<HTMLElement>>;
4
+ export default _default;
5
+ export declare const Template: {
6
+ (args: MenuVerticalProps): import("react/jsx-runtime").JSX.Element;
7
+ storyName: string;
8
+ };
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { MenuVerticalProps } from '../src';
3
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/menu-vertical").MenuVerticalComponentProps & React.RefAttributes<HTMLElement>>;
4
+ export default _default;
5
+ export declare const Template: {
6
+ (args: MenuVerticalProps): import("react/jsx-runtime").JSX.Element;
7
+ storyName: string;
8
+ };
@@ -1 +1,2 @@
1
1
  export * from './src';
2
+ export type * from './src';
@@ -0,0 +1,7 @@
1
+ import { MenuBarProps } from '../src';
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/menubar").MenuBarComponentProps>;
3
+ export default _default;
4
+ export declare const Template: {
5
+ (args: MenuBarProps): import("react/jsx-runtime").JSX.Element;
6
+ storyName: string;
7
+ };
@@ -1 +1,2 @@
1
1
  export * from './src';
2
+ export type * from './src';
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Modal } from '../modal';
3
- export interface InternalDialogProps extends Omit<React.ComponentProps<typeof Modal.Component>, 'onClose'>, React.ComponentPropsWithRef<'div'> {
3
+ export interface InternalDialogProps extends Omit<React.ComponentProps<typeof Modal.Component>, 'onClose'> {
4
4
  onClose?: (data?: boolean | string | undefined) => void;
5
5
  }
6
6
  export declare const DialogComponent: React.ForwardRefExoticComponent<Omit<InternalDialogProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -1,3 +1,6 @@
1
1
  export * from './modal';
2
+ export type * from './modal';
2
3
  export * from './dialog';
4
+ export type * from './dialog';
3
5
  export * from './confirm';
6
+ export type * from './confirm';
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, {
3
+ children: React.ReactNode;
4
+ }>;
5
+ export default _default;
6
+ export declare const Template: {
7
+ ({ ...args }: any): import("react/jsx-runtime").JSX.Element;
8
+ storyName: string;
9
+ };
10
+ export declare const ConfirmWithType: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/dialog/dialog").InternalDialogProps>;
2
+ export default _default;
3
+ export declare const Template: {
4
+ ({ ...args }: any): import("react/jsx-runtime").JSX.Element;
5
+ storyName: string;
6
+ };
@@ -0,0 +1,7 @@
1
+ import { ModalProps } from '../src/modal';
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/modal/modal").ModalComponentProps>;
3
+ export default _default;
4
+ export declare const Template: {
5
+ ({ ...args }: ModalProps): import("react/jsx-runtime").JSX.Element;
6
+ storyName: string;
7
+ };
@@ -1 +1,2 @@
1
1
  export * from './src';
2
+ export type * from './src';
@@ -0,0 +1,8 @@
1
+ import { PaginationProps } from '../src';
2
+ import React from 'react';
3
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ export default _default;
5
+ export declare const Template: {
6
+ (args: PaginationProps): import("react/jsx-runtime").JSX.Element;
7
+ storyName: string;
8
+ };
@@ -1 +1,2 @@
1
1
  export * from './src';
2
+ export type * from './src';
@@ -1,2 +1,2 @@
1
1
  import React from 'react';
2
- export declare const PopupMenuButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("../../button/src/button").IButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>, "ref">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
2
+ export declare const PopupMenuButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@sk-web-gui/button/src/button").IButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>, "ref">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1 @@
1
+ export declare const useButtonClass: (args?: any) => string;
@@ -0,0 +1,9 @@
1
+ import { PopupMenuProps } from '../src';
2
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/popup-menu").PopupMenuComponentProps>;
3
+ export default _default;
4
+ export declare const Template: {
5
+ (args: PopupMenuProps): import("react/jsx-runtime").JSX.Element;
6
+ storyName: string;
7
+ };
8
+ export declare const CheckboxesAndFilter: () => import("react/jsx-runtime").JSX.Element;
9
+ export declare const PopupMenuAsDialog: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export * from './src';
2
+ export type * from './src';
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { ProgressBar, ProgressBarProps } from './progress-bar';
3
+ export { ProgressBar };
4
+ export type { ProgressBarProps };
5
+ declare const _default: {
6
+ ProgressBar: import("react").ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
7
+ };
8
+ export default _default;
@@ -0,0 +1,18 @@
1
+ import { DefaultProps } from '@sk-web-gui/utils';
2
+ import React from 'react';
3
+ export interface ProgressBarProps extends DefaultProps, Omit<React.ComponentPropsWithRef<'div'>, 'color'> {
4
+ /** @default 100 */
5
+ steps?: number;
6
+ /** Current step
7
+ * @default 0
8
+ */
9
+ current?: number;
10
+ /** Set the bar color
11
+ * @default tertiary
12
+ */
13
+ color?: 'tertiary' | 'vattjom' | 'gronsta' | 'bjornstigen' | 'juniskar';
14
+ /** @default false */
15
+ accent?: boolean;
16
+ }
17
+ export declare const ProgressBar: React.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
+ export default ProgressBar;
File without changes
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { ProgressBarProps } from '../src';
3
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<ProgressBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ export default _default;
5
+ export declare const Template: {
6
+ (args: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
7
+ storyName: string;
8
+ };
@@ -0,0 +1,2 @@
1
+ export * from './src';
2
+ export type * from './src';
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { ProgressStepper, ProgressStepperProps } from './progress-stepper';
3
+ export { ProgressStepper };
4
+ export type { ProgressStepperProps };
5
+ declare const _default: {
6
+ ProgressStepper: import("react").ForwardRefExoticComponent<Omit<ProgressStepperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
7
+ };
8
+ export default _default;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ interface ProgressStepProps {
3
+ first?: boolean;
4
+ last?: boolean;
5
+ number: number;
6
+ label: string;
7
+ current?: boolean;
8
+ done?: boolean;
9
+ rounded?: boolean;
10
+ size?: 'sm' | 'md';
11
+ }
12
+ export declare const ProgressStep: React.FC<ProgressStepProps>;
13
+ export default ProgressStep;
@@ -0,0 +1,12 @@
1
+ import { DefaultProps } from '@sk-web-gui/utils';
2
+ import React from 'react';
3
+ export interface ProgressStepperProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
4
+ /** Array of labels */
5
+ steps: string[];
6
+ /** Index of current step */
7
+ current?: number;
8
+ rounded?: boolean;
9
+ size?: 'sm' | 'md';
10
+ }
11
+ export declare const ProgressStepper: React.ForwardRefExoticComponent<Omit<ProgressStepperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
+ export default ProgressStepper;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { ProgressStepperProps } from '../src';
3
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<ProgressStepperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ export default _default;
5
+ export declare const Template: {
6
+ (args: ProgressStepperProps): import("react/jsx-runtime").JSX.Element;
7
+ storyName: string;
8
+ };
@@ -0,0 +1,2 @@
1
+ export * from './src';
2
+ export type * from './src';
@@ -1,35 +1,70 @@
1
1
  export * from '@sk-web-gui/accordion';
2
+ export type * from '@sk-web-gui/accordion';
2
3
  export * from '@sk-web-gui/avatar';
4
+ export type * from '@sk-web-gui/avatar';
3
5
  export * from '@sk-web-gui/badge';
6
+ export type * from '@sk-web-gui/badge';
4
7
  export * from '@sk-web-gui/breadcrumb';
8
+ export type * from '@sk-web-gui/breadcrumb';
5
9
  export * from '@sk-web-gui/button';
10
+ export type * from '@sk-web-gui/button';
6
11
  export * from '@sk-web-gui/card';
12
+ export type * from '@sk-web-gui/card';
7
13
  export * from '@sk-web-gui/chip';
14
+ export type * from '@sk-web-gui/chip';
8
15
  export * from '@sk-web-gui/cookie-consent';
16
+ export type * from '@sk-web-gui/cookie-consent';
9
17
  export * from '@sk-web-gui/divider';
18
+ export type * from '@sk-web-gui/divider';
10
19
  export * from '@sk-web-gui/filter';
20
+ export type * from '@sk-web-gui/filter';
11
21
  export * from '@sk-web-gui/forms';
22
+ export type * from '@sk-web-gui/forms';
12
23
  export * from '@sk-web-gui/icon';
24
+ export type * from '@sk-web-gui/icon';
13
25
  export * from '@sk-web-gui/image';
26
+ export type * from '@sk-web-gui/image';
14
27
  export * from '@sk-web-gui/label';
28
+ export type * from '@sk-web-gui/label';
15
29
  export * from '@sk-web-gui/layout';
30
+ export type * from '@sk-web-gui/layout';
16
31
  export * from '@sk-web-gui/link';
32
+ export type * from '@sk-web-gui/link';
17
33
  export * from '@sk-web-gui/menu-vertical';
34
+ export type * from '@sk-web-gui/menu-vertical';
18
35
  export * from '@sk-web-gui/menubar';
36
+ export type * from '@sk-web-gui/menubar';
19
37
  export * from '@sk-web-gui/modal';
38
+ export type * from '@sk-web-gui/modal';
20
39
  export * from '@sk-web-gui/pagination';
40
+ export type * from '@sk-web-gui/pagination';
21
41
  export * from '@sk-web-gui/popup-menu';
42
+ export type * from '@sk-web-gui/popup-menu';
22
43
  export * from '@sk-web-gui/progress-bar';
44
+ export type * from '@sk-web-gui/progress-bar';
23
45
  export * from '@sk-web-gui/progress-stepper';
46
+ export type * from '@sk-web-gui/progress-stepper';
24
47
  export * from '@sk-web-gui/searchfield';
48
+ export type * from '@sk-web-gui/searchfield';
25
49
  export * from '@sk-web-gui/snackbar';
50
+ export type * from '@sk-web-gui/snackbar';
26
51
  export * from '@sk-web-gui/spinner';
52
+ export type * from '@sk-web-gui/spinner';
27
53
  export * from '@sk-web-gui/table';
54
+ export type * from '@sk-web-gui/table';
28
55
  export * from '@sk-web-gui/tabs';
56
+ export type * from '@sk-web-gui/tabs';
29
57
  export * from '@sk-web-gui/text';
58
+ export type * from '@sk-web-gui/text';
30
59
  export * from '@sk-web-gui/theme';
60
+ export type * from '@sk-web-gui/theme';
31
61
  export * from '@sk-web-gui/tooltip';
62
+ export type * from '@sk-web-gui/tooltip';
32
63
  export * from '@sk-web-gui/user-menu';
64
+ export type * from '@sk-web-gui/user-menu';
33
65
  export * from '@sk-web-gui/utils';
66
+ export type * from '@sk-web-gui/utils';
34
67
  export * from '@sk-web-gui/logo';
68
+ export type * from '@sk-web-gui/logo';
35
69
  export * from '@sk-web-gui/list';
70
+ export type * from '@sk-web-gui/list';
@@ -1 +1,2 @@
1
1
  export * from './src';
2
+ export type * from './src';
@@ -1,3 +1,5 @@
1
1
  import React from 'react';
2
- export declare const SearchFieldSuggestionsList: React.ForwardRefExoticComponent<Omit<Omit<import("../../forms/dist/types/combobox/combobox-list").ComboboxListProps, "ref"> & React.RefAttributes<HTMLFieldSetElement>, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
2
+ export declare const SearchFieldSuggestionsList: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@sk-web-gui/forms/src/combobox/combobox-list").ComboboxListProps, "ref"> & React.RefAttributes<HTMLFieldSetElement>, "ref"> & {
3
+ ref?: ((instance: HTMLFieldSetElement | null) => void) | React.RefObject<HTMLFieldSetElement> | null | undefined;
4
+ }, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
3
5
  export default SearchFieldSuggestionsList;
@@ -1,3 +1,5 @@
1
1
  import React from 'react';
2
- export declare const SearchFieldSuggestionsOption: React.ForwardRefExoticComponent<Omit<Omit<import("../../forms/dist/types/combobox/combobox-option").ComboboxOptionProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
2
+ export declare const SearchFieldSuggestionsOption: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@sk-web-gui/forms/src/combobox/combobox-option").ComboboxOptionProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & {
3
+ ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
4
+ }, "ref"> & React.RefAttributes<HTMLInputElement>>;
3
5
  export default SearchFieldSuggestionsOption;
@@ -1,3 +1,5 @@
1
1
  import React from 'react';
2
- export declare const SearchFeildSuggestionsBase: React.ForwardRefExoticComponent<Omit<Omit<import("../../forms/dist/types/combobox/combobox").ComboboxBaseProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
2
+ export declare const SearchFeildSuggestionsBase: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@sk-web-gui/forms/src/combobox/combobox").ComboboxBaseProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & {
3
+ ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
4
+ }, "ref"> & React.RefAttributes<HTMLInputElement>>;
3
5
  export default SearchFeildSuggestionsBase;