lapikit 0.0.0-insiders.f0512a6 → 0.0.0-insiders.f325e60

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 (82) hide show
  1. package/bin/configuration.js +7 -3
  2. package/bin/presets.js +1 -0
  3. package/dist/actions/index.d.ts +0 -1
  4. package/dist/actions/index.js +0 -1
  5. package/dist/colors.css +0 -0
  6. package/dist/components/accordion/accordion.svelte +118 -0
  7. package/dist/components/alert/alert.svelte +122 -0
  8. package/dist/components/app/app.svelte +18 -0
  9. package/dist/components/appbar/appbar.css +4 -4
  10. package/dist/components/appbar/appbar.svelte +45 -0
  11. package/dist/components/aspect-ratio/aspect-ratio.svelte +23 -4
  12. package/dist/components/avatar/avatar.svelte +114 -0
  13. package/dist/components/button/button.css +14 -14
  14. package/dist/components/button/button.svelte +230 -0
  15. package/dist/components/card/card.css +4 -4
  16. package/dist/components/card/card.svelte +108 -0
  17. package/dist/components/chip/chip.css +9 -9
  18. package/dist/components/chip/chip.svelte +211 -0
  19. package/dist/components/dialog/dialog.svelte +144 -0
  20. package/dist/components/dropdown/dropdown.svelte +24 -0
  21. package/dist/components/icon/icon.css +5 -3
  22. package/dist/components/icon/icon.svelte +89 -0
  23. package/dist/components/list/list.css +8 -8
  24. package/dist/components/list/list.svelte +199 -0
  25. package/dist/components/list/modules/list-item.svelte +199 -0
  26. package/dist/components/modal/modal.svelte +135 -0
  27. package/dist/components/popover/popover.svelte +24 -0
  28. package/dist/components/separator/separator.svelte +48 -0
  29. package/dist/components/spacer/spacer.svelte +5 -0
  30. package/dist/components/textfield/textfield.css +8 -8
  31. package/dist/components/textfield/textfield.svelte +270 -0
  32. package/dist/components/toolbar/toolbar.css +9 -9
  33. package/dist/components/toolbar/toolbar.svelte +135 -0
  34. package/dist/components/tooltip/tooltip.svelte +127 -0
  35. package/dist/internal/config/presets.d.ts +125 -0
  36. package/dist/internal/config/presets.js +138 -0
  37. package/dist/internal/config/variables.d.ts +6 -0
  38. package/dist/internal/config/variables.js +6 -0
  39. package/dist/internal/core/formatter/component.d.ts +5 -0
  40. package/dist/internal/core/formatter/component.js +63 -0
  41. package/dist/internal/core/formatter/device.d.ts +5 -0
  42. package/dist/internal/core/formatter/device.js +65 -0
  43. package/dist/internal/core/formatter/index.d.ts +7 -0
  44. package/dist/internal/core/formatter/index.js +35 -0
  45. package/dist/internal/core/formatter/style.d.ts +4 -0
  46. package/dist/internal/core/formatter/style.js +15 -0
  47. package/dist/internal/core/formatter/theme.d.ts +5 -0
  48. package/dist/internal/core/formatter/theme.js +28 -0
  49. package/dist/internal/core/formatter/typography.d.ts +5 -0
  50. package/dist/internal/core/formatter/typography.js +12 -0
  51. package/dist/internal/helpers/parser.d.ts +10 -0
  52. package/dist/internal/helpers/parser.js +92 -0
  53. package/dist/internal/plugins/vite.d.ts +8 -0
  54. package/dist/internal/plugins/vite.js +31 -0
  55. package/dist/internal/ripple.js +3 -3
  56. package/dist/internal/types/configuration.d.ts +40 -0
  57. package/dist/internal/types/configuration.js +1 -0
  58. package/dist/internal/types/index.d.ts +1 -0
  59. package/dist/internal/types/index.js +1 -0
  60. package/dist/labs/index.d.ts +4 -0
  61. package/dist/labs/index.js +5 -0
  62. package/dist/labs/my-component-style-global.svelte +6 -0
  63. package/dist/labs/my-component-style-global.svelte.d.ts +18 -0
  64. package/dist/labs/my-component-style-import.svelte +15 -0
  65. package/dist/labs/my-component-style-import.svelte.d.ts +18 -0
  66. package/dist/labs/my-component-style-mixed.svelte +23 -0
  67. package/dist/labs/my-component-style-mixed.svelte.d.ts +18 -0
  68. package/dist/labs/my-component.svelte +16 -0
  69. package/dist/labs/my-component.svelte.d.ts +18 -0
  70. package/dist/labs/style-mixed.css +7 -0
  71. package/dist/labs/style.css +7 -0
  72. package/dist/labs.css +1 -0
  73. package/dist/plugin/css.d.ts +1 -0
  74. package/dist/plugin/css.js +73 -0
  75. package/dist/plugin/preset-v2.d.ts +108 -0
  76. package/dist/plugin/preset-v2.js +126 -0
  77. package/dist/plugin/vitejs.d.ts +1 -2
  78. package/dist/plugin/vitejs.js +31 -7
  79. package/dist/styles/animation.css +33 -0
  80. package/dist/styles/keyframes.css +30 -0
  81. package/dist/styles/reset.css +131 -0
  82. package/package.json +10 -2
@@ -0,0 +1,33 @@
1
+ .kit-ripple {
2
+ background-color: currentColor;
3
+ opacity: 0.1;
4
+ position: absolute;
5
+ border-radius: 50%;
6
+ pointer-events: none;
7
+ -webkit-transition: 0.6s;
8
+ transition: 0.6s;
9
+ -webkit-animation: animation-l-ripple var(--system-animation-ripple-duration, 0.4s)
10
+ cubic-bezier(0.4, 0, 0.2, 1);
11
+ animation: animation-l-ripple var(--system-animation-ripple-duration, 0.4s)
12
+ cubic-bezier(0.4, 0, 0.2, 1);
13
+ border-radius: var(--system-ripple-radius);
14
+ }
15
+
16
+ .kit-ripple--center {
17
+ top: 50% !important;
18
+ left: 50% !important;
19
+ translate: -50% -50% !important;
20
+ }
21
+
22
+ .kit-ripple--effect {
23
+ position: absolute;
24
+ left: 0;
25
+ right: 0;
26
+ top: 0;
27
+ bottom: 0;
28
+ overflow: hidden;
29
+ background: none;
30
+ pointer-events: none;
31
+ z-index: 999;
32
+ border-radius: var(--system-ripple-radius);
33
+ }
@@ -0,0 +1,30 @@
1
+ @keyframes button-click {
2
+ 0% {
3
+ transform: scale(0.98);
4
+ }
5
+ 40% {
6
+ transform: scale(1.02);
7
+ }
8
+ 100% {
9
+ transform: scale(1);
10
+ }
11
+ }
12
+
13
+ @keyframes icon-rotate {
14
+ 0% {
15
+ transform: rotate(10deg);
16
+ }
17
+ 100% {
18
+ transform: rotate(380deg);
19
+ }
20
+ }
21
+
22
+ @keyframes animation-l-ripple {
23
+ from {
24
+ scale: 0;
25
+ }
26
+
27
+ to {
28
+ scale: 1;
29
+ }
30
+ }
@@ -0,0 +1,131 @@
1
+ html {
2
+ -webkit-text-size-adjust: 100%;
3
+ tab-size: 4;
4
+ line-height: 1.5;
5
+ font-family: var(--kit-font-sans);
6
+ background-color: var(--system-background);
7
+ color: var(--system-label);
8
+ }
9
+
10
+ pre,
11
+ code {
12
+ font-family: var(--kit-font-mono);
13
+ }
14
+
15
+ body {
16
+ margin: 0;
17
+ -webkit-font-smoothing: antialiased;
18
+ }
19
+
20
+ main {
21
+ display: block;
22
+ }
23
+
24
+ button,
25
+ input,
26
+ optgroup,
27
+ select,
28
+ textarea {
29
+ font: inherit;
30
+ }
31
+
32
+ button {
33
+ overflow: visible;
34
+ }
35
+
36
+ button,
37
+ [type='button'],
38
+ [type='reset'],
39
+ [type='submit'],
40
+ [role='button'] {
41
+ cursor: pointer;
42
+ color: inherit;
43
+ }
44
+
45
+ *:not(body) {
46
+ outline: none;
47
+ }
48
+
49
+ *,
50
+ ::after,
51
+ ::before,
52
+ ::backdrop {
53
+ box-sizing: border-box;
54
+ margin: 0;
55
+ padding: 0;
56
+ border: 0 solid;
57
+ }
58
+
59
+ *,
60
+ ::before,
61
+ ::after {
62
+ background-repeat: no-repeat;
63
+ box-sizing: inherit;
64
+ }
65
+
66
+ ::before,
67
+ ::after {
68
+ text-decoration: inherit;
69
+ vertical-align: inherit;
70
+ }
71
+
72
+ [type='search'] {
73
+ -webkit-appearance: textfield;
74
+ appearance: textfield;
75
+ outline-offset: -2px;
76
+ }
77
+
78
+ ol,
79
+ ul,
80
+ menu {
81
+ list-style: initial;
82
+ margin-left: calc(var(--system-spacing) * 5);
83
+ }
84
+
85
+ ol ul,
86
+ ol ol,
87
+ ul ul,
88
+ ul ol {
89
+ padding-left: 1rem;
90
+ }
91
+
92
+ code {
93
+ border-radius: 0.25rem;
94
+ padding-block: 0.125rem;
95
+ padding-inline: 0.375rem;
96
+ position: relative;
97
+ }
98
+
99
+ sub,
100
+ sup {
101
+ font-size: 75%;
102
+ line-height: 0;
103
+ position: relative;
104
+ vertical-align: baseline;
105
+ }
106
+
107
+ sup {
108
+ top: -0.5em;
109
+ }
110
+
111
+ sub {
112
+ bottom: -0.25em;
113
+ }
114
+
115
+ img {
116
+ border-style: none;
117
+ }
118
+
119
+ button,
120
+ input,
121
+ select,
122
+ textarea {
123
+ background-color: transparent;
124
+ border-style: none;
125
+ }
126
+
127
+ @media (prefers-reduced-motion: no-preference) {
128
+ html {
129
+ interpolate-size: allow-keywords;
130
+ }
131
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lapikit",
3
- "version": "0.0.0-insiders.f0512a6",
3
+ "version": "0.0.0-insiders.f325e60",
4
4
  "license": "MIT",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -50,6 +50,10 @@
50
50
  "svelte": "./dist/components/index.js",
51
51
  "default": "./dist/components/index.js"
52
52
  },
53
+ "./labs": {
54
+ "svelte": "./dist/labs/index.js",
55
+ "default": "./dist/labs/index.js"
56
+ },
53
57
  "./vite": {
54
58
  "default": "./dist/plugin/vitejs.js"
55
59
  },
@@ -59,7 +63,11 @@
59
63
  "./actions": {
60
64
  "default": "./dist/actions/index.js"
61
65
  },
62
- "./css": "./dist/styles.css"
66
+ "./css": "./dist/styles.css",
67
+ "./styles": "./dist/labs.css",
68
+ "./viteLab": {
69
+ "default": "./dist/internal/plugins/vite.js"
70
+ }
63
71
  },
64
72
  "peerDependencies": {
65
73
  "svelte": "^5.0.0"