lapikit 0.1.9 → 0.1.11

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 (43) hide show
  1. package/dist/assets/icons/arrow-down.svelte +2 -0
  2. package/dist/assets/icons/arrow-down.svelte.d.ts +6 -14
  3. package/dist/assets/icons/arrow-up.svelte +2 -0
  4. package/dist/assets/icons/arrow-up.svelte.d.ts +6 -14
  5. package/dist/assets/icons/close-fill.svelte +2 -0
  6. package/dist/assets/icons/close-fill.svelte.d.ts +6 -14
  7. package/dist/assets/icons/loading-fill.svelte +2 -0
  8. package/dist/assets/icons/loading-fill.svelte.d.ts +6 -14
  9. package/dist/components/accordion/accordion.css +4 -4
  10. package/dist/components/alert/alert.css +2 -2
  11. package/dist/components/appbar/appbar.css +0 -1
  12. package/dist/components/aspect-ratio/aspect-ratio.svelte +0 -1
  13. package/dist/components/avatar/avatar.css +5 -5
  14. package/dist/components/button/button.css +163 -193
  15. package/dist/components/button/button.svelte +38 -31
  16. package/dist/components/button/button.svelte.d.ts +2 -2
  17. package/dist/components/button/types.d.ts +7 -5
  18. package/dist/components/card/card.css +62 -56
  19. package/dist/components/card/card.svelte +13 -1
  20. package/dist/components/card/types.d.ts +1 -1
  21. package/dist/components/chip/chip.css +111 -81
  22. package/dist/components/chip/chip.svelte +17 -7
  23. package/dist/components/chip/types.d.ts +2 -1
  24. package/dist/components/dialog/dialog.css +2 -2
  25. package/dist/components/dropdown/dropdown.css +2 -2
  26. package/dist/components/icon/icon.css +13 -10
  27. package/dist/components/index.d.ts +1 -1
  28. package/dist/components/index.js +1 -1
  29. package/dist/components/list/list.css +144 -119
  30. package/dist/components/list/list.svelte +1 -3
  31. package/dist/components/list/modules/list-item.svelte +8 -1
  32. package/dist/components/list/types.d.ts +2 -5
  33. package/dist/components/modal/modal.css +9 -6
  34. package/dist/components/popover/popover.css +2 -2
  35. package/dist/components/toolbar/toolbar.css +3 -3
  36. package/dist/components/tooltip/tooltip.css +2 -2
  37. package/dist/internal/assets.svelte.js +2 -0
  38. package/dist/internal/ripple.d.ts +11 -0
  39. package/dist/internal/ripple.js +90 -0
  40. package/dist/preset.js +1 -1
  41. package/dist/style/animation.css +40 -0
  42. package/dist/style/normalize.css +2 -0
  43. package/package.json +1 -1
@@ -1,3 +1,5 @@
1
+ <script lang="ts"></script>
2
+
1
3
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2
4
  ><path
3
5
  fill="none"
@@ -1,18 +1,5 @@
1
- export default ArrowDown;
2
- type ArrowDown = SvelteComponent<{
3
- [x: string]: never;
4
- }, {
5
- [evt: string]: CustomEvent<any>;
6
- }, {}> & {
7
- $$bindings?: string | undefined;
8
- };
9
- declare const ArrowDown: $$__sveltets_2_IsomorphicComponent<{
10
- [x: string]: never;
11
- }, {
12
- [evt: string]: CustomEvent<any>;
13
- }, {}, {}, string>;
14
1
  interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
16
3
  $$bindings?: Bindings;
17
4
  } & Exports;
18
5
  (internal: unknown, props: {
@@ -24,3 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
24
11
  };
25
12
  z_$$bindings?: Bindings;
26
13
  }
14
+ declare const ArrowDown: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
15
+ [evt: string]: CustomEvent<any>;
16
+ }, {}, {}, string>;
17
+ type ArrowDown = InstanceType<typeof ArrowDown>;
18
+ export default ArrowDown;
@@ -1,3 +1,5 @@
1
+ <script lang="ts"></script>
2
+
1
3
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2
4
  ><path
3
5
  fill="none"
@@ -1,18 +1,5 @@
1
- export default ArrowUp;
2
- type ArrowUp = SvelteComponent<{
3
- [x: string]: never;
4
- }, {
5
- [evt: string]: CustomEvent<any>;
6
- }, {}> & {
7
- $$bindings?: string | undefined;
8
- };
9
- declare const ArrowUp: $$__sveltets_2_IsomorphicComponent<{
10
- [x: string]: never;
11
- }, {
12
- [evt: string]: CustomEvent<any>;
13
- }, {}, {}, string>;
14
1
  interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
16
3
  $$bindings?: Bindings;
17
4
  } & Exports;
18
5
  (internal: unknown, props: {
@@ -24,3 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
24
11
  };
25
12
  z_$$bindings?: Bindings;
26
13
  }
14
+ declare const ArrowUp: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
15
+ [evt: string]: CustomEvent<any>;
16
+ }, {}, {}, string>;
17
+ type ArrowUp = InstanceType<typeof ArrowUp>;
18
+ export default ArrowUp;
@@ -1,3 +1,5 @@
1
+ <script lang="ts"></script>
2
+
1
3
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2
4
  ><title>close_fill</title><g id="close_fill" fill="none" fill-rule="evenodd"
3
5
  ><path
@@ -1,18 +1,5 @@
1
- export default CloseFill;
2
- type CloseFill = SvelteComponent<{
3
- [x: string]: never;
4
- }, {
5
- [evt: string]: CustomEvent<any>;
6
- }, {}> & {
7
- $$bindings?: string | undefined;
8
- };
9
- declare const CloseFill: $$__sveltets_2_IsomorphicComponent<{
10
- [x: string]: never;
11
- }, {
12
- [evt: string]: CustomEvent<any>;
13
- }, {}, {}, string>;
14
1
  interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
16
3
  $$bindings?: Bindings;
17
4
  } & Exports;
18
5
  (internal: unknown, props: {
@@ -24,3 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
24
11
  };
25
12
  z_$$bindings?: Bindings;
26
13
  }
14
+ declare const CloseFill: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
15
+ [evt: string]: CustomEvent<any>;
16
+ }, {}, {}, string>;
17
+ type CloseFill = InstanceType<typeof CloseFill>;
18
+ export default CloseFill;
@@ -1,3 +1,5 @@
1
+ <script lang="ts"></script>
2
+
1
3
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2
4
  ><defs
3
5
  ><linearGradient id="a" x1="50%" x2="50%" y1="5.271%" y2="91.793%"
@@ -1,18 +1,5 @@
1
- export default LoadingFill;
2
- type LoadingFill = SvelteComponent<{
3
- [x: string]: never;
4
- }, {
5
- [evt: string]: CustomEvent<any>;
6
- }, {}> & {
7
- $$bindings?: string | undefined;
8
- };
9
- declare const LoadingFill: $$__sveltets_2_IsomorphicComponent<{
10
- [x: string]: never;
11
- }, {
12
- [evt: string]: CustomEvent<any>;
13
- }, {}, {}, string>;
14
1
  interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
16
3
  $$bindings?: Bindings;
17
4
  } & Exports;
18
5
  (internal: unknown, props: {
@@ -24,3 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
24
11
  };
25
12
  z_$$bindings?: Bindings;
26
13
  }
14
+ declare const LoadingFill: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
15
+ [evt: string]: CustomEvent<any>;
16
+ }, {}, {}, string>;
17
+ type LoadingFill = InstanceType<typeof LoadingFill>;
18
+ export default LoadingFill;
@@ -1,6 +1,6 @@
1
1
  .kit-accordion {
2
- --accordion-color: var(--on, var(--kit-on-neutral));
3
- --accordion-background: var(--base, var(--kit-neutral));
2
+ --accordion-color: var(--on, var(--kit-on-container));
3
+ --accordion-background: var(--base, var(--kit-container));
4
4
  --accordion-radius: var(--shape, var(--kit-radius-md));
5
5
 
6
6
  display: flex;
@@ -47,8 +47,8 @@
47
47
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
48
48
  transition-property: margin-top, border-radius, border, max-width;
49
49
  border-radius: var(--shape, var(--accordion-radius, var(--kit-radius-md)));
50
- color: var(--on, var(--accordion-color, var(--kit-on-neutral)));
51
- background-color: var(--base, var(--accordion-background, var(--kit-neutral)));
50
+ color: var(--on, var(--accordion-color, var(--kit-on-container)));
51
+ background-color: var(--base, var(--accordion-background, var(--kit-container)));
52
52
  transition:
53
53
  color 0.5s,
54
54
  background-color 0.5s;
@@ -1,6 +1,6 @@
1
1
  .kit-alert {
2
- --alert-color: var(--on, var(--kit-on-neutral));
3
- --alert-background: var(--base, var(--kit-neutral));
2
+ --alert-color: var(--on, var(--kit-on-container));
3
+ --alert-background: var(--base, var(--kit-container));
4
4
  --alert-radius: var(--shape, var(--kit-radius-md));
5
5
 
6
6
  display: grid;
@@ -9,7 +9,6 @@
9
9
  .kit-appbar {
10
10
  display: flex;
11
11
  align-items: center;
12
- min-width: max-content;
13
12
  border-style: solid;
14
13
  border-width: 1px;
15
14
  border-radius: var(--appbar-radius);
@@ -26,7 +26,6 @@
26
26
 
27
27
  <style>
28
28
  .kit-aspect-ratio {
29
- background-color: aqua;
30
29
  display: flex;
31
30
  flex: 1 0 auto;
32
31
  max-height: 100%;
@@ -1,6 +1,6 @@
1
1
  .kit-avatar {
2
- --avatar-color: var(--on, var(--kit-on-neutral));
3
- --avatar-background: var(--base, var(--kit-neutral));
2
+ --avatar-color: var(--on, var(--kit-on-container));
3
+ --avatar-background: var(--base, var(--kit-container));
4
4
  --avatar-radius: var(--shape, var(--kit-radius-full));
5
5
 
6
6
  display: flex;
@@ -91,19 +91,19 @@
91
91
 
92
92
  /* variant */
93
93
  .kit-avatar[breakpoint]kit-avatar--variant-outline {
94
- --avatar-color: var(--base, var(--kit-neutral));
94
+ --avatar-color: var(--base, var(--kit-container));
95
95
  background-color: transparent;
96
96
  border: 1px solid currentColor;
97
97
  }
98
98
 
99
99
  .kit-avatar[breakpoint]kit-avatar--variant-text {
100
- --avatar-color: var(--base, var(--kit-neutral));
100
+ --avatar-color: var(--base, var(--kit-container));
101
101
  background-color: transparent;
102
102
  border-color: transparent;
103
103
  }
104
104
 
105
105
  .kit-avatar[breakpoint]kit-avatar--variant-dash {
106
- --avatar-color: var(--base, var(--kit-neutral));
106
+ --avatar-color: var(--base, var(--kit-container));
107
107
  background-color: transparent;
108
108
  border: 1px dashed currentColor;
109
109
  }