@14ch/svelte-ui 0.0.41 → 0.0.43

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 (51) hide show
  1. package/dist/assets/styles/import.css +900 -0
  2. package/dist/assets/styles/variables.scss +5 -0
  3. package/dist/components/Checkbox.svelte +12 -8
  4. package/dist/components/Checkbox.svelte.d.ts +8 -5
  5. package/dist/components/CheckboxGroup.svelte +5 -6
  6. package/dist/components/CheckboxGroup.svelte.d.ts +2 -1
  7. package/dist/components/ColorPicker.svelte +4 -3
  8. package/dist/components/ColorPicker.svelte.d.ts +3 -3
  9. package/dist/components/Combobox.svelte +4 -3
  10. package/dist/components/Datepicker.svelte +2 -1
  11. package/dist/components/Dialog.svelte +1 -1
  12. package/dist/components/Drawer.svelte +1 -1
  13. package/dist/components/FileUploader.svelte +2 -8
  14. package/dist/components/ImageUploader.svelte +2 -8
  15. package/dist/components/ImageUploaderPreview.svelte +1 -0
  16. package/dist/components/Input.svelte +8 -2
  17. package/dist/components/Input.svelte.d.ts +2 -0
  18. package/dist/components/LoadingSpinner.svelte +3 -3
  19. package/dist/components/Modal.svelte +7 -7
  20. package/dist/components/Modal.svelte.d.ts +1 -1
  21. package/dist/components/MultiSelect.svelte +2 -2
  22. package/dist/components/Nav.svelte +15 -0
  23. package/dist/components/Nav.svelte.d.ts +6 -0
  24. package/dist/components/NavItem.svelte +22 -4
  25. package/dist/components/NavItem.svelte.d.ts +6 -0
  26. package/dist/components/Pagination.svelte +3 -2
  27. package/dist/components/Pagination.svelte.d.ts +2 -1
  28. package/dist/components/Popup.svelte +1 -0
  29. package/dist/components/PopupMenu.svelte +1 -0
  30. package/dist/components/PopupMenuButton.svelte +6 -6
  31. package/dist/components/PopupMenuButton.svelte.d.ts +1 -1
  32. package/dist/components/Radio.svelte +9 -4
  33. package/dist/components/Radio.svelte.d.ts +6 -3
  34. package/dist/components/RadioGroup.svelte +5 -6
  35. package/dist/components/RadioGroup.svelte.d.ts +2 -1
  36. package/dist/components/SegmentedControl.svelte +5 -3
  37. package/dist/components/SegmentedControl.svelte.d.ts +4 -3
  38. package/dist/components/Select.svelte +0 -1
  39. package/dist/components/Slider.svelte +4 -3
  40. package/dist/components/Slider.svelte.d.ts +3 -3
  41. package/dist/components/SnackbarItem.svelte +3 -3
  42. package/dist/components/Switch.svelte +12 -6
  43. package/dist/components/Switch.svelte.d.ts +7 -4
  44. package/dist/components/Tab.svelte +4 -7
  45. package/dist/components/Textarea.svelte +23 -18
  46. package/dist/components/Textarea.svelte.d.ts +5 -3
  47. package/dist/index.d.ts +4 -1
  48. package/dist/index.js +3 -0
  49. package/dist/types/propOptions.d.ts +7 -2
  50. package/dist/utils/formatText.js +1 -1
  51. package/package.json +3 -3
package/dist/index.d.ts CHANGED
@@ -32,6 +32,9 @@ export { default as Skeleton } from './components/skeleton/Skeleton.svelte';
32
32
  export { default as SkeletonText } from './components/skeleton/SkeletonText.svelte';
33
33
  export { default as SkeletonBox } from './components/skeleton/SkeletonBox.svelte';
34
34
  export { default as SkeletonAvatar } from './components/skeleton/SkeletonAvatar.svelte';
35
+ export { default as SkeletonButton } from './components/skeleton/SkeletonButton.svelte';
36
+ export { default as SkeletonHeading } from './components/skeleton/SkeletonHeading.svelte';
37
+ export { default as SkeletonMedia } from './components/skeleton/SkeletonMedia.svelte';
35
38
  export { default as Switch } from './components/Switch.svelte';
36
39
  export { default as Nav } from './components/Nav.svelte';
37
40
  export { default as NavItem } from './components/NavItem.svelte';
@@ -80,7 +83,7 @@ export type { NavProps } from './components/Nav.svelte';
80
83
  export type { NavItemProps, NavItemSelectedVariant } from './components/NavItem.svelte';
81
84
  export type { TabProps } from './components/Tab.svelte';
82
85
  export type { TextareaProps } from './components/Textarea.svelte';
83
- export type { PopupPosition, SnackbarPosition, FabPosition, ButtonVariant, ButtonSize, SnackbarType, SnackbarVariant, BadgeVariant, DatepickerMode, FocusStyle, NavVariant, ChildrenVariant } from './types/propOptions';
86
+ export type { PopupPosition, SnackbarPosition, FabPosition, ButtonVariant, ButtonSize, ComponentSize, SnackbarType, SnackbarVariant, BadgeVariant, DatepickerMode, FocusStyle, NavVariant, ChildrenVariant } from './types/propOptions';
84
87
  export type { MenuItem } from './types/menuItem';
85
88
  export type { SegmentedControlItem } from './types/segmentedControlItem';
86
89
  export type { Option, OptionValue } from './types/options';
package/dist/index.js CHANGED
@@ -33,6 +33,9 @@ export { default as Skeleton } from './components/skeleton/Skeleton.svelte';
33
33
  export { default as SkeletonText } from './components/skeleton/SkeletonText.svelte';
34
34
  export { default as SkeletonBox } from './components/skeleton/SkeletonBox.svelte';
35
35
  export { default as SkeletonAvatar } from './components/skeleton/SkeletonAvatar.svelte';
36
+ export { default as SkeletonButton } from './components/skeleton/SkeletonButton.svelte';
37
+ export { default as SkeletonHeading } from './components/skeleton/SkeletonHeading.svelte';
38
+ export { default as SkeletonMedia } from './components/skeleton/SkeletonMedia.svelte';
36
39
  export { default as Switch } from './components/Switch.svelte';
37
40
  export { default as Nav } from './components/Nav.svelte';
38
41
  export { default as NavItem } from './components/NavItem.svelte';
@@ -22,11 +22,16 @@ export type FabPosition = 'left' | 'center' | 'right';
22
22
  * Used by Button, IconButton, Fab components
23
23
  */
24
24
  export type ButtonVariant = 'ghost' | 'filled' | 'outlined' | 'glass';
25
+ /**
26
+ * Common component size type
27
+ * Used by Button, Checkbox, CheckboxGroup, Radio, RadioGroup, SegmentedControl, Switch
28
+ */
29
+ export type ComponentSize = 'small' | 'medium' | 'large';
25
30
  /**
26
31
  * Button size type
27
- * Used by Button component
32
+ * Alias of ComponentSize, kept for backward compatibility
28
33
  */
29
- export type ButtonSize = 'small' | 'medium' | 'large';
34
+ export type ButtonSize = ComponentSize;
30
35
  /**
31
36
  * Snackbar type
32
37
  * Used by SnackbarItem component
@@ -18,7 +18,7 @@ export const convertToHtml = (value) => {
18
18
  };
19
19
  export const convertToLink = (str) => {
20
20
  let text = str;
21
- text = text.replace(/((http|https|ftp):\/\/[\w?=&./#~%-;,*!$'():@+]+(?![\w\s?&./#~%";,=*'()-]*>))/g, '<a href="$1" target="_blank" rel="noopener noreferrer">$1</a> ');
21
+ text = text.replace(/((http|https|ftp):\/\/[\w?=&./#~%-;,*!$'():@+]+(?![\w\s?&./#~%";,=*'()-]*>))/g, '<a href="$1" target="_blank" rel="noopener noreferrer">$1</a>');
22
22
  return text;
23
23
  };
24
24
  export const escapeHtml = (value) => {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@14ch/svelte-ui",
3
3
  "description": "Modern Svelte UI components library with TypeScript support",
4
4
  "private": false,
5
- "version": "0.0.41",
5
+ "version": "0.0.43",
6
6
  "type": "module",
7
7
  "keywords": [
8
8
  "svelte",
@@ -31,7 +31,7 @@
31
31
  "import": "./dist/index.js",
32
32
  "require": "./dist/index.js"
33
33
  },
34
- "./styles": "./dist/assets/styles/import.scss",
34
+ "./styles": "./dist/assets/styles/import.css",
35
35
  "./styles/*": "./dist/assets/styles/*"
36
36
  },
37
37
  "files": [
@@ -51,7 +51,7 @@
51
51
  "scripts": {
52
52
  "dev": "vite dev",
53
53
  "build": "vite build",
54
- "package": "svelte-package",
54
+ "package": "svelte-package && sass src/lib/assets/styles/import.scss dist/assets/styles/import.css --no-source-map",
55
55
  "preview": "vite preview",
56
56
  "prepare": "svelte-kit sync || echo ''",
57
57
  "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",