@likable-hair/svelte 0.0.9 → 0.0.12

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 (7) hide show
  1. package/buttons/Button.svelte +0 -1
  2. package/buttons/Button.svelte.d.ts +0 -1
  3. package/index.d.ts +8 -8
  4. package/index.js +8 -8
  5. package/media/Icon.svelte +2 -9
  6. package/media/Icon.svelte.d.ts +0 -1
  7. package/package.json +1 -1
package/buttons/Button.svelte CHANGED
@@ -13,7 +13,6 @@ $: cssVariables = Object.entries({
13
13
  return `${css}${key}: ${value};`;
14
14
  }, '');
15
15
  import Icon from '../media/Icon.svelte';
16
- import '$lib/common/tailwind.css';
17
16
  </script>
18
17
 
19
18
  <div
package/buttons/Button.svelte.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { SvelteComponentTyped } from "svelte";
2
- import '$lib/common/tailwind.css';
3
2
  declare const __propDef: {
4
3
  props: {
5
4
  type?: 'default' | 'text' | 'icon';
package/index.d.ts CHANGED
@@ -3,14 +3,14 @@ export { default as Card } from './common/Card.svelte';
3
3
  export { default as Gesture } from './common/Gesture.svelte';
4
4
  export { default as IntersectionObserver } from './common/IntersectionObserver.svelte';
5
5
  export { default as TextField } from './forms/TextField.svelte';
6
- export { default as Skeleton } from './forms/Skeleton.svelte';
7
- export { default as AttachmentDownloader } from './forms/AttachmentDownloader.svelte';
8
- export { default as Avatar } from './forms/Avatar.svelte';
9
- export { default as Carousel } from './forms/Carousel.svelte';
10
- export { default as DescriptiveAvatar } from './forms/DescriptiveAvatar.svelte';
11
- export { default as Icon } from './forms/Icon.svelte';
12
- export { default as Image } from './forms/Image.svelte';
13
- export { default as ImageGrid } from './forms/ImageGrid.svelte';
6
+ export { default as Skeleton } from './loaders/Skeleton.svelte';
7
+ export { default as AttachmentDownloader } from './media/AttachmentDownloader.svelte';
8
+ export { default as Avatar } from './media/Avatar.svelte';
9
+ export { default as Carousel } from './media/Carousel.svelte';
10
+ export { default as DescriptiveAvatar } from './media/DescriptiveAvatar.svelte';
11
+ export { default as Icon } from './media/Icon.svelte';
12
+ export { default as Image } from './media/Image.svelte';
13
+ export { default as ImageGrid } from './media/ImageGrid.svelte';
14
14
  export { default as BreadCrumb } from './navigation/BreadCrumb.svelte';
15
15
  export { default as HeaderMenu } from './navigation/HeaderMenu.svelte';
16
16
  export { default as Navigator } from './navigation/Navigator.svelte';
package/index.js CHANGED
@@ -7,15 +7,15 @@ export { default as IntersectionObserver } from './common/IntersectionObserver.s
7
7
  // forms
8
8
  export { default as TextField } from './forms/TextField.svelte';
9
9
  // loaders
10
- export { default as Skeleton } from './forms/Skeleton.svelte';
10
+ export { default as Skeleton } from './loaders/Skeleton.svelte';
11
11
  // media
12
- export { default as AttachmentDownloader } from './forms/AttachmentDownloader.svelte';
13
- export { default as Avatar } from './forms/Avatar.svelte';
14
- export { default as Carousel } from './forms/Carousel.svelte';
15
- export { default as DescriptiveAvatar } from './forms/DescriptiveAvatar.svelte';
16
- export { default as Icon } from './forms/Icon.svelte';
17
- export { default as Image } from './forms/Image.svelte';
18
- export { default as ImageGrid } from './forms/ImageGrid.svelte';
12
+ export { default as AttachmentDownloader } from './media/AttachmentDownloader.svelte';
13
+ export { default as Avatar } from './media/Avatar.svelte';
14
+ export { default as Carousel } from './media/Carousel.svelte';
15
+ export { default as DescriptiveAvatar } from './media/DescriptiveAvatar.svelte';
16
+ export { default as Icon } from './media/Icon.svelte';
17
+ export { default as Image } from './media/Image.svelte';
18
+ export { default as ImageGrid } from './media/ImageGrid.svelte';
19
19
  // navigation
20
20
  export { default as BreadCrumb } from './navigation/BreadCrumb.svelte';
21
21
  export { default as HeaderMenu } from './navigation/HeaderMenu.svelte';
package/media/Icon.svelte CHANGED
@@ -1,15 +1,7 @@
1
1
  <script >export let name, size = 15, color = '';
2
2
  let clazz = '';
3
3
  export { clazz as class };
4
- $: cssVariables = Object.entries({
5
- '--size': size + 'pt',
6
- '--color': color
7
- }).filter(([key]) => key.startsWith('--'))
8
- .reduce((css, [key, value]) => {
9
- return `${css}${key}: ${value};`;
10
- }, '');
11
4
  import '../common/materialDesign.css';
12
- import '$lib/common/tailwind.css';
13
5
  </script>
14
6
 
15
7
  <style>
@@ -20,7 +12,8 @@ import '$lib/common/tailwind.css';
20
12
  </style>
21
13
 
22
14
  <span
23
- style={cssVariables}
15
+ style:font-size={size + 'pt'}
16
+ style:color={color}
24
17
  class="icon mdi {name} {clazz}"
25
18
  ></span>
26
19
 
package/media/Icon.svelte.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import { SvelteComponentTyped } from "svelte";
2
2
  import '../common/materialDesign.css';
3
- import '$lib/common/tailwind.css';
4
3
  declare const __propDef: {
5
4
  props: {
6
5
  name: string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@likable-hair/svelte",
3
3
  "description": "A Svelte component for likablehair",
4
- "version": "0.0.9",
4
+ "version": "0.0.12",
5
5
  "devDependencies": {
6
6
  "@sveltejs/adapter-auto": "next",
7
7
  "@sveltejs/kit": "next",