flowbite-svelte 0.25.12 → 0.25.13
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.
- package/CHANGELOG.md +9 -0
- package/forms/Iconinput.svelte +5 -3
- package/forms/Iconinput.svelte.d.ts +1 -2
- package/icons/Figma.svelte +34 -0
- package/icons/Figma.svelte.d.ts +19 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/package.json +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.25.13](https://github.com/themesberg/flowbite-svelte/compare/v0.25.12...v0.25.13) (2022-08-23)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* add bind:value to Iconinput ([87616e2](https://github.com/themesberg/flowbite-svelte/commit/87616e2222611bfabd77c3f7699c5f716015e420))
|
|
11
|
+
* add link examples ([b129251](https://github.com/themesberg/flowbite-svelte/commit/b12925106d6ffe482dfbde5623925f72abe8a577))
|
|
12
|
+
* add links page ([cdb2566](https://github.com/themesberg/flowbite-svelte/commit/cdb2566640bc5153e4d310dc2306aaafe432f5de))
|
|
13
|
+
|
|
5
14
|
### [0.25.12](https://github.com/themesberg/flowbite-svelte/compare/v0.25.11...v0.25.12) (2022-08-22)
|
|
6
15
|
|
|
7
16
|
|
package/forms/Iconinput.svelte
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
<script>import classNames from 'classnames';
|
|
2
|
-
|
|
2
|
+
// import type { InputType } from '../types';
|
|
3
|
+
// export let type: InputType = 'text';
|
|
4
|
+
export let value = '';
|
|
3
5
|
export let size = 'md';
|
|
4
6
|
export let icon;
|
|
5
7
|
export let noBorder = false;
|
|
@@ -37,7 +39,7 @@ export let iconClass = 'mr-2';
|
|
|
37
39
|
</span>
|
|
38
40
|
<input
|
|
39
41
|
{...$$restProps}
|
|
40
|
-
|
|
42
|
+
bind:value
|
|
41
43
|
class={classNames(
|
|
42
44
|
noBorderInputClass,
|
|
43
45
|
{
|
|
@@ -65,7 +67,7 @@ export let iconClass = 'mr-2';
|
|
|
65
67
|
</div>
|
|
66
68
|
<input
|
|
67
69
|
{...$$restProps}
|
|
68
|
-
|
|
70
|
+
bind:value
|
|
69
71
|
class={classNames(
|
|
70
72
|
inputClass,
|
|
71
73
|
{
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { SvelteComponentTyped } from "svelte";
|
|
2
2
|
import type { SvelteComponent } from 'svelte';
|
|
3
|
-
import type { InputType } from '../types';
|
|
4
3
|
declare const __propDef: {
|
|
5
4
|
props: {
|
|
6
5
|
[x: string]: any;
|
|
7
|
-
|
|
6
|
+
value?: string;
|
|
8
7
|
size?: 'sm' | 'md' | 'lg';
|
|
9
8
|
icon: typeof SvelteComponent;
|
|
10
9
|
noBorder?: boolean;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<svg
|
|
2
|
+
aria-hidden="true"
|
|
3
|
+
class="mr-3 w-5 h-5"
|
|
4
|
+
viewBox="0 0 22 31"
|
|
5
|
+
fill="none"
|
|
6
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
><g clip-path="url(#clip0_4151_63004)"
|
|
8
|
+
><path
|
|
9
|
+
d="M5.50085 30.1242C8.53625 30.1242 10.9998 27.8749 10.9998 25.1035V20.0828H5.50085C2.46546 20.0828 0.00195312 22.332 0.00195312 25.1035C0.00195312 27.8749 2.46546 30.1242 5.50085 30.1242Z"
|
|
10
|
+
fill="#0ACF83"
|
|
11
|
+
/><path
|
|
12
|
+
d="M0.00195312 15.062C0.00195312 12.2905 2.46546 10.0413 5.50085 10.0413H10.9998V20.0827H5.50085C2.46546 20.0827 0.00195312 17.8334 0.00195312 15.062Z"
|
|
13
|
+
fill="#A259FF"
|
|
14
|
+
/><path
|
|
15
|
+
d="M0.00195312 5.02048C0.00195312 2.24904 2.46546 -0.000244141 5.50085 -0.000244141H10.9998V10.0412H5.50085C2.46546 10.0412 0.00195312 7.79193 0.00195312 5.02048Z"
|
|
16
|
+
fill="#F24E1E"
|
|
17
|
+
/><path
|
|
18
|
+
d="M11 -0.000244141H16.4989C19.5343 -0.000244141 21.9978 2.24904 21.9978 5.02048C21.9978 7.79193 19.5343 10.0412 16.4989 10.0412H11V-0.000244141Z"
|
|
19
|
+
fill="#FF7262"
|
|
20
|
+
/><path
|
|
21
|
+
d="M21.9978 15.062C21.9978 17.8334 19.5343 20.0827 16.4989 20.0827C13.4635 20.0827 11 17.8334 11 15.062C11 12.2905 13.4635 10.0413 16.4989 10.0413C19.5343 10.0413 21.9978 12.2905 21.9978 15.062Z"
|
|
22
|
+
fill="#1ABCFE"
|
|
23
|
+
/></g
|
|
24
|
+
><defs
|
|
25
|
+
><clipPath id="clip0_4151_63004"
|
|
26
|
+
><rect
|
|
27
|
+
width="22"
|
|
28
|
+
height="30.1244"
|
|
29
|
+
fill="white"
|
|
30
|
+
transform="translate(0 -0.000244141)"
|
|
31
|
+
/></clipPath
|
|
32
|
+
></defs
|
|
33
|
+
></svg
|
|
34
|
+
>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/** @typedef {typeof __propDef.props} FigmaProps */
|
|
2
|
+
/** @typedef {typeof __propDef.events} FigmaEvents */
|
|
3
|
+
/** @typedef {typeof __propDef.slots} FigmaSlots */
|
|
4
|
+
export default class Figma extends SvelteComponentTyped<{}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> {
|
|
7
|
+
}
|
|
8
|
+
export type FigmaProps = typeof __propDef.props;
|
|
9
|
+
export type FigmaEvents = typeof __propDef.events;
|
|
10
|
+
export type FigmaSlots = typeof __propDef.slots;
|
|
11
|
+
import { SvelteComponentTyped } from "svelte";
|
|
12
|
+
declare const __propDef: {
|
|
13
|
+
props: {};
|
|
14
|
+
events: {
|
|
15
|
+
[evt: string]: CustomEvent<any>;
|
|
16
|
+
};
|
|
17
|
+
slots: {};
|
|
18
|
+
};
|
|
19
|
+
export {};
|
package/index.d.ts
CHANGED
|
@@ -41,6 +41,7 @@ export { default as Textarea } from './forms/Textarea.svelte';
|
|
|
41
41
|
export { default as Toggle } from './forms/Toggle.svelte';
|
|
42
42
|
export { default as VoiceSearch } from './forms/VoiceSearch.svelte';
|
|
43
43
|
export { default as QuoteLeft } from './icons/QuoteLeft.svelte';
|
|
44
|
+
export { default as Figma } from './icons/Figma.svelte';
|
|
44
45
|
export { default as Kbd } from './kbd/Kbd.svelte';
|
|
45
46
|
export { default as ArrowKeyDown } from './kbd/ArrowKeyDown.svelte';
|
|
46
47
|
export { default as ArrowKeyLeft } from './kbd/ArrowKeyLeft.svelte';
|
package/index.js
CHANGED
|
@@ -57,6 +57,7 @@ export { default as Toggle } from './forms/Toggle.svelte';
|
|
|
57
57
|
export { default as VoiceSearch } from './forms/VoiceSearch.svelte';
|
|
58
58
|
// Icons
|
|
59
59
|
export { default as QuoteLeft } from './icons/QuoteLeft.svelte';
|
|
60
|
+
export { default as Figma } from './icons/Figma.svelte';
|
|
60
61
|
// Kbd
|
|
61
62
|
export { default as Kbd } from './kbd/Kbd.svelte';
|
|
62
63
|
export { default as ArrowKeyDown } from './kbd/ArrowKeyDown.svelte';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "flowbite-svelte",
|
|
3
|
-
"version": "0.25.
|
|
3
|
+
"version": "0.25.13",
|
|
4
4
|
"description": "Flowbite components for Svelte",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"author": {
|
|
@@ -149,6 +149,7 @@
|
|
|
149
149
|
"./forms/Textarea.svelte": "./forms/Textarea.svelte",
|
|
150
150
|
"./forms/Toggle.svelte": "./forms/Toggle.svelte",
|
|
151
151
|
"./forms/VoiceSearch.svelte": "./forms/VoiceSearch.svelte",
|
|
152
|
+
"./icons/Figma.svelte": "./icons/Figma.svelte",
|
|
152
153
|
"./icons/QuoteLeft.svelte": "./icons/QuoteLeft.svelte",
|
|
153
154
|
".": "./index.js",
|
|
154
155
|
"./kbd/ArrowKeyDown.svelte": "./kbd/ArrowKeyDown.svelte",
|