sve-ui 0.0.3 → 0.0.5

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 (5) hide show
  1. package/dist/components/Button/Button.svelte +3 -0
  2. package/dist/components/Button/Button.svelte.d.ts +28 -1
  3. package/package.json +66 -66
  4. package/dist/components/Box/Box.svelte +0 -0
  5. package/dist/components/Box/Box.svelte.d.ts +0 -23
package/dist/components/Button/Button.svelte CHANGED
@@ -38,6 +38,9 @@ let props = { ...$$restProps };
38
38
  font-weight: bold;
39
39
  padding: 8px 16px;
40
40
  cursor: pointer;
41
+ display: flex;
42
+ align-items: center;
43
+ justify-content: center;
41
44
  }
42
45
  .blue {
43
46
  background-color: #007bff;
package/dist/components/Button/Button.svelte.d.ts CHANGED
@@ -4,10 +4,32 @@ export type ButtonSize = 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
4
4
  declare const __propDef: {
5
5
  props: {
6
6
  [x: string]: any;
7
+
8
+ /**
9
+ * The button label o title
10
+ * @default "Button"
11
+ */
7
12
  label?: string | undefined;
13
+
14
+ /**
15
+ * The button click handler
16
+ */
8
17
  onClick?: (() => void) | undefined;
18
+
19
+ /**
20
+ * The button color
21
+ */
9
22
  color?: string | undefined;
23
+
24
+ /**
25
+ * The button size (xsm, sm, md, lg, xl, xxl, xxxl)
26
+ */
10
27
  size?: ButtonSize | undefined;
28
+
29
+ /**
30
+ * The button disabled state
31
+ * @default false
32
+ */
11
33
  disabled?: boolean | undefined;
12
34
  };
13
35
  events: {
@@ -20,6 +42,11 @@ declare const __propDef: {
20
42
  export type ButtonProps = typeof __propDef.props;
21
43
  export type ButtonEvents = typeof __propDef.events;
22
44
  export type ButtonSlots = typeof __propDef.slots;
45
+
46
+ /**
47
+ * A button component is used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.
48
+ * @see Docs https://sveui.org/components/button
49
+ */
23
50
  export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
24
51
  }
25
- export {};
52
+ export { Button, ButtonProps };
package/package.json CHANGED
@@ -1,68 +1,68 @@
1
1
  {
2
- "name": "sve-ui",
3
- "version": "0.0.3",
4
- "scripts": {
5
- "dev": "vite dev",
6
- "build": "vite build && npm run package",
7
- "preview": "vite preview",
8
- "package": "svelte-kit sync && svelte-package && publint",
9
- "prepublishOnly": "npm run package",
10
- "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
11
- "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
12
- "test:unit": "vitest",
13
- "lint": "prettier --plugin-search-dir . --check . && eslint .",
14
- "format": "prettier --plugin-search-dir . --write ."
15
- },
16
- "exports": {
17
- ".": {
18
- "types": "./dist/index.d.ts",
19
- "svelte": "./dist/index.js"
20
- }
21
- },
22
- "files": [
23
- "dist"
24
- ],
25
- "peerDependencies": {
26
- "svelte": "^3.54.0"
27
- },
28
- "devDependencies": {
29
- "@sveltejs/adapter-auto": "^2.0.0",
30
- "@sveltejs/kit": "^1.5.0",
31
- "@sveltejs/package": "^2.0.0",
32
- "@typescript-eslint/eslint-plugin": "^5.45.0",
33
- "@typescript-eslint/parser": "^5.45.0",
34
- "eslint": "^8.28.0",
35
- "eslint-config-prettier": "^8.5.0",
36
- "eslint-plugin-svelte3": "^4.0.0",
37
- "prettier": "^2.8.0",
38
- "prettier-plugin-svelte": "^2.8.1",
39
- "publint": "^0.1.9",
40
- "svelte": "^3.54.0",
41
- "svelte-check": "^3.0.1",
42
- "tslib": "^2.4.1",
43
- "typescript": "^5.0.0",
44
- "vite": "^4.2.0",
45
- "vitest": "^0.25.3"
46
- },
47
- "svelte": "./dist/index.js",
48
- "types": "./dist/index.d.ts",
49
- "type": "module",
50
- "license": "MIT",
51
- "author": "Rodrigo Abregu <me@rodriab.io> (https://rodriab.io/)",
52
- "repository": {
53
- "type": "git",
54
- "url": "https://github.com/rodriabregu/sve-ui.git"
55
- },
56
- "bugs": {
57
- "url": "https://github.com/rodriabregu/sve-ui/issues"
58
- },
59
- "description": "Sve-UI is a collection of customizable UI components for Svelte applications. These components are designed to be easy to use and highly flexible, allowing developers to quickly build beautiful interfaces. Sve-UI includes buttons, forms, modals, and other commonly used UI elements, all built with Svelte's lightweight and efficient framework.",
60
- "keywords": [
61
- "components",
62
- "svelte",
63
- "kit",
64
- "ui",
65
- "vite",
66
- "component library"
67
- ]
2
+ "name": "sve-ui",
3
+ "version": "0.0.5",
4
+ "exports": {
5
+ ".": {
6
+ "types": "./dist/index.d.ts",
7
+ "svelte": "./dist/index.js"
8
+ }
9
+ },
10
+ "files": [
11
+ "dist"
12
+ ],
13
+ "peerDependencies": {
14
+ "svelte": "^3.54.0"
15
+ },
16
+ "devDependencies": {
17
+ "@sveltejs/adapter-auto": "^2.0.0",
18
+ "@sveltejs/kit": "^1.5.0",
19
+ "@sveltejs/package": "^2.0.0",
20
+ "@typescript-eslint/eslint-plugin": "^5.45.0",
21
+ "@typescript-eslint/parser": "^5.45.0",
22
+ "eslint": "^8.28.0",
23
+ "eslint-config-prettier": "^8.5.0",
24
+ "eslint-plugin-svelte3": "^4.0.0",
25
+ "prettier": "^2.8.0",
26
+ "prettier-plugin-svelte": "^2.8.1",
27
+ "publint": "^0.1.9",
28
+ "svelte": "^3.54.0",
29
+ "svelte-check": "^3.0.1",
30
+ "tslib": "^2.4.1",
31
+ "typescript": "^5.0.0",
32
+ "vite": "^4.2.0",
33
+ "vitest": "^0.25.3"
34
+ },
35
+ "svelte": "./dist/index.js",
36
+ "types": "./dist/index.d.ts",
37
+ "type": "module",
38
+ "license": "MIT",
39
+ "author": "Rodrigo Abregu <me@rodriab.io> (https://rodriab.io/)",
40
+ "repository": {
41
+ "type": "git",
42
+ "url": "https://github.com/rodriabregu/sve-ui.git"
43
+ },
44
+ "bugs": {
45
+ "url": "https://github.com/rodriabregu/sve-ui/issues"
46
+ },
47
+ "homepage": "https://sveui.org/",
48
+ "description": "Sve-UI is a collection of customizable UI components for Svelte applications. These components are designed to be easy to use and highly flexible, allowing developers to quickly build beautiful interfaces. Sve-UI includes buttons, forms, modals, and other commonly used UI elements, all built with Svelte's lightweight and efficient framework.",
49
+ "keywords": [
50
+ "components",
51
+ "svelte",
52
+ "kit",
53
+ "ui",
54
+ "vite",
55
+ "component library"
56
+ ],
57
+ "scripts": {
58
+ "dev": "vite dev",
59
+ "build": "vite build && npm run package",
60
+ "preview": "vite preview",
61
+ "package": "svelte-kit sync && svelte-package && publint",
62
+ "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
63
+ "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
64
+ "test:unit": "vitest",
65
+ "lint": "prettier --plugin-search-dir . --check . && eslint .",
66
+ "format": "prettier --plugin-search-dir . --write ."
67
+ }
68
68
  }
package/dist/components/Box/Box.svelte DELETED
File without changes
package/dist/components/Box/Box.svelte.d.ts DELETED
@@ -1,23 +0,0 @@
1
- /** @typedef {typeof __propDef.props} BoxProps */
2
- /** @typedef {typeof __propDef.events} BoxEvents */
3
- /** @typedef {typeof __propDef.slots} BoxSlots */
4
- export default class Box extends SvelteComponentTyped<{
5
- [x: string]: never;
6
- }, {
7
- [evt: string]: CustomEvent<any>;
8
- }, {}> {
9
- }
10
- export type BoxProps = typeof __propDef.props;
11
- export type BoxEvents = typeof __propDef.events;
12
- export type BoxSlots = typeof __propDef.slots;
13
- import { SvelteComponentTyped } from "svelte";
14
- declare const __propDef: {
15
- props: {
16
- [x: string]: never;
17
- };
18
- events: {
19
- [evt: string]: CustomEvent<any>;
20
- };
21
- slots: {};
22
- };
23
- export {};