lapikit 0.0.0-insiders.f502b02 → 0.0.0-insiders.f7cfacb

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 (84) hide show
  1. package/bin/configuration.js +304 -0
  2. package/bin/helper.js +23 -0
  3. package/bin/index.js +41 -0
  4. package/bin/lapikit.js +37 -5
  5. package/bin/legacy.js +34 -0
  6. package/bin/modules/adapter.js +3 -3
  7. package/bin/modules/plugin.js +223 -0
  8. package/bin/presets.js +26 -0
  9. package/bin/prompts.js +100 -0
  10. package/dist/assets/icons/arrow-down.svelte +2 -0
  11. package/dist/assets/icons/arrow-down.svelte.d.ts +6 -14
  12. package/dist/assets/icons/arrow-up.svelte +2 -0
  13. package/dist/assets/icons/arrow-up.svelte.d.ts +6 -14
  14. package/dist/assets/icons/close-fill.svelte +2 -0
  15. package/dist/assets/icons/close-fill.svelte.d.ts +6 -14
  16. package/dist/assets/icons/loading-fill.svelte +2 -0
  17. package/dist/assets/icons/loading-fill.svelte.d.ts +6 -14
  18. package/dist/colors.css +0 -0
  19. package/dist/components/accordion/accordion.css +6 -6
  20. package/dist/components/alert/alert.css +19 -9
  21. package/dist/components/app/app.css +1 -1
  22. package/dist/components/app/app.svelte +8 -3
  23. package/dist/components/appbar/appbar.css +2 -2
  24. package/dist/components/appbar/appbar.svelte +0 -1
  25. package/dist/components/aspect-ratio/aspect-ratio.svelte +0 -1
  26. package/dist/components/avatar/avatar.css +5 -5
  27. package/dist/components/button/button.css +28 -25
  28. package/dist/components/button/button.svelte +8 -12
  29. package/dist/components/button/types.d.ts +2 -2
  30. package/dist/components/card/card.css +64 -58
  31. package/dist/components/card/card.svelte +14 -1
  32. package/dist/components/card/types.d.ts +1 -1
  33. package/dist/components/chip/chip.css +114 -82
  34. package/dist/components/chip/chip.svelte +21 -8
  35. package/dist/components/chip/types.d.ts +3 -1
  36. package/dist/components/dialog/dialog.css +5 -3
  37. package/dist/components/dropdown/dropdown.css +4 -4
  38. package/dist/components/icon/icon.css +1 -1
  39. package/dist/components/index.d.ts +1 -0
  40. package/dist/components/index.js +1 -0
  41. package/dist/components/list/list.css +145 -119
  42. package/dist/components/list/list.svelte +1 -3
  43. package/dist/components/list/modules/list-item.svelte +9 -1
  44. package/dist/components/list/types.d.ts +2 -5
  45. package/dist/components/modal/modal.css +17 -12
  46. package/dist/components/modal/modal.svelte +1 -0
  47. package/dist/components/popover/popover.css +4 -4
  48. package/dist/components/separator/separator.css +1 -1
  49. package/dist/components/textfield/textfield.css +305 -0
  50. package/dist/components/textfield/textfield.svelte +193 -0
  51. package/dist/components/textfield/textfield.svelte.d.ts +4 -0
  52. package/dist/components/textfield/types.d.ts +37 -0
  53. package/dist/components/textfield/types.js +1 -0
  54. package/dist/components/toolbar/toolbar.css +6 -6
  55. package/dist/components/tooltip/tooltip.css +4 -4
  56. package/dist/index.d.ts +27 -1
  57. package/dist/index.js +27 -3
  58. package/dist/internal/assets.svelte.js +2 -0
  59. package/dist/internal/deepMerge.d.ts +44 -0
  60. package/dist/internal/deepMerge.js +80 -0
  61. package/dist/internal/ripple.d.ts +1 -0
  62. package/dist/internal/ripple.js +3 -0
  63. package/dist/plugin/css.d.ts +1 -0
  64. package/dist/plugin/css.js +55 -0
  65. package/dist/plugin/preset-v2.d.ts +96 -0
  66. package/dist/plugin/preset-v2.js +114 -0
  67. package/dist/plugin/vitejs.d.ts +5 -1
  68. package/dist/plugin/vitejs.js +32 -3
  69. package/dist/stores/breakpoints.d.ts +6 -0
  70. package/dist/stores/breakpoints.js +14 -0
  71. package/dist/stores/components.d.ts +8 -0
  72. package/dist/stores/components.js +26 -0
  73. package/dist/stores/devices.d.ts +6 -0
  74. package/dist/stores/devices.js +9 -0
  75. package/dist/stores/index.d.ts +4 -10
  76. package/dist/stores/index.js +4 -47
  77. package/dist/stores/themes.d.ts +8 -0
  78. package/dist/stores/themes.js +34 -0
  79. package/dist/style/animation.css +2 -0
  80. package/dist/style/normalize.css +2 -0
  81. package/dist/style/parser/color.js +2 -2
  82. package/dist/utils/convert.d.ts +1 -0
  83. package/dist/utils/convert.js +17 -0
  84. package/package.json +9 -4
package/dist/style/animation.css CHANGED
@@ -29,6 +29,7 @@
29
29
  transition: 0.6s;
30
30
  -webkit-animation: lapikit-ripple var(--ripple-duration, 0.4s) cubic-bezier(0.4, 0, 0.2, 1);
31
31
  animation: lapikit-ripple var(--ripple-duration, 0.4s) cubic-bezier(0.4, 0, 0.2, 1);
32
+ border-radius: var(--ripple-radius);
32
33
  }
33
34
 
34
35
  .kit-ripple--center {
@@ -47,6 +48,7 @@
47
48
  background: none;
48
49
  pointer-events: none;
49
50
  z-index: 999;
51
+ border-radius: var(--ripple-radius);
50
52
  }
51
53
 
52
54
  @keyframes lapikit-ripple {
package/dist/style/normalize.css CHANGED
@@ -4,6 +4,8 @@ html {
4
4
  line-height: 1.5;
5
5
  box-sizing: border-box;
6
6
  font-family: var(--kit-font-family-sans);
7
+ background-color: var(--kit-base);
8
+ color: var(--kit-on-base);
7
9
  }
8
10
 
9
11
  pre,
package/dist/style/parser/color.js CHANGED
@@ -38,7 +38,7 @@ export const colors = (config) => {
38
38
  }
39
39
  cssVariables += `}\n`;
40
40
  cssVariables += `.${inversed} {\n`;
41
- cssVariables += `color-scheme: ${used};\n`;
41
+ cssVariables += `color-scheme: ${inversed};\n`;
42
42
  for (const [colorName, colorValue] of Object.entries(schemes[inversed])) {
43
43
  cssVariables += `--kit-${colorName}: ${colorValue};\n`;
44
44
  }
@@ -56,7 +56,7 @@ export const colors = (config) => {
56
56
  }
57
57
  cssVariables += `}\n`;
58
58
  cssVariables += `.${inversed} {\n`;
59
- cssVariables += `color-scheme: ${used};\n`;
59
+ cssVariables += `color-scheme: ${inversed};\n`;
60
60
  for (const [colorName, colorValue] of Object.entries(schemes[inversed])) {
61
61
  cssVariables += `--kit-${colorName}: ${colorValue};\n`;
62
62
  }
package/dist/utils/convert.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function valueToPx(value: string | number): number;
package/dist/utils/convert.js ADDED
@@ -0,0 +1,17 @@
1
+ export function valueToPx(value) {
2
+ if (typeof value === 'number')
3
+ return value;
4
+ if (typeof value === 'string') {
5
+ if (value.endsWith('rem')) {
6
+ return parseFloat(value) * 16;
7
+ }
8
+ if (value.endsWith('em')) {
9
+ return parseFloat(value) * 16;
10
+ }
11
+ if (value.endsWith('px')) {
12
+ return parseFloat(value);
13
+ }
14
+ return parseFloat(value);
15
+ }
16
+ return 0;
17
+ }
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
2
  "name": "lapikit",
3
- "version": "0.0.0-insiders.f502b02",
3
+ "version": "0.0.0-insiders.f7cfacb",
4
4
  "license": "MIT",
5
5
  "publishConfig": {
6
6
  "access": "public"
7
7
  },
8
+ "homepage": "https://lapikit.dev",
8
9
  "repository": {
9
10
  "type": "git",
10
11
  "url": "git+https://github.com/Nycolaide/lapikit.git",
@@ -35,7 +36,7 @@
35
36
  "**/*.css"
36
37
  ],
37
38
  "bin": {
38
- "lapikit": "bin/lapikit.js"
39
+ "lapikit": "bin/index.js"
39
40
  },
40
41
  "svelte": "./dist/index.js",
41
42
  "types": "./dist/index.d.ts",
@@ -58,7 +59,8 @@
58
59
  "./actions": {
59
60
  "default": "./dist/actions/index.js"
60
61
  },
61
- "./css": "./dist/styles.css"
62
+ "./css": "./dist/styles.css",
63
+ "./styles": "./dist/colors.css"
62
64
  },
63
65
  "peerDependencies": {
64
66
  "svelte": "^5.0.0"
@@ -89,5 +91,8 @@
89
91
  },
90
92
  "keywords": [
91
93
  "svelte"
92
- ]
94
+ ],
95
+ "dependencies": {
96
+ "prompts": "^2.4.2"
97
+ }
93
98
  }