flowbite-svelte 0.21.6 → 0.21.7

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.
 
+### [0.21.7](https://github.com/themesberg/flowbite-svelte/compare/v0.21.6...v0.21.7) (2022-07-17)
+
+
+### Features
+
+* add kbd component and page ([66c1f2e](https://github.com/themesberg/flowbite-svelte/commit/66c1f2ec9c516da147c7eca9e8cb11c3eea2e1e2))
+
 ### [0.21.6](https://github.com/themesberg/flowbite-svelte/compare/v0.21.5...v0.21.6) (2022-07-16)
 
 

package/index.d.ts

@@ -44,6 +44,11 @@ export { default as VoiceSearch } from './forms/VoiceSearch.svelte';
 export { default as Select } from './forms/Select.svelte';
 export { default as Textarea } from './forms/Textarea.svelte';
 export { default as Toggle } from './forms/Toggle.svelte';
+export { default as Kbd } from './kbd/Kbd.svelte';
+export { default as ArrowKeyDown } from './kbd/ArrowKeyDown.svelte';
+export { default as ArrowKeyLeft } from './kbd/ArrowKeyLeft.svelte';
+export { default as ArrowKeyRight } from './kbd/ArrowKeyRight.svelte';
+export { default as ArrowKeyUp } from './kbd/ArrowKeyUp.svelte';
 export { default as List } from './list-group/List.svelte';
 export { modalIdStore } from './modals/modalStores.js';
 export { default as ExtraLargeModal } from './modals/ExtraLargeModal.svelte';

package/index.js

@@ -57,6 +57,12 @@ export { default as VoiceSearch } from './forms/VoiceSearch.svelte';
 export { default as Select } from './forms/Select.svelte';
 export { default as Textarea } from './forms/Textarea.svelte';
 export { default as Toggle } from './forms/Toggle.svelte';
+// Kbd
+export { default as Kbd } from './kbd/Kbd.svelte';
+export { default as ArrowKeyDown } from './kbd/ArrowKeyDown.svelte';
+export { default as ArrowKeyLeft } from './kbd/ArrowKeyLeft.svelte';
+export { default as ArrowKeyRight } from './kbd/ArrowKeyRight.svelte';
+export { default as ArrowKeyUp } from './kbd/ArrowKeyUp.svelte';
 // List
 export { default as List } from './list-group/List.svelte';
 // Modals

package/kbd/ArrowKeyDown.svelte

@@ -0,0 +1,15 @@
+<script>import classNames from 'classnames';
+export let svgClass = 'w-4 h-4';
+</script>
+
+<svg
+	{...$$restProps}
+	class={classNames(svgClass, $$props.class)}
+	aria-hidden="true"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 320 512"
+	><path
+		d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"
+	/></svg
+>

package/kbd/ArrowKeyDown.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        svgClass?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type ArrowKeyDownProps = typeof __propDef.props;
+export declare type ArrowKeyDownEvents = typeof __propDef.events;
+export declare type ArrowKeyDownSlots = typeof __propDef.slots;
+export default class ArrowKeyDown extends SvelteComponentTyped<ArrowKeyDownProps, ArrowKeyDownEvents, ArrowKeyDownSlots> {
+}
+export {};

package/kbd/ArrowKeyLeft.svelte

@@ -0,0 +1,15 @@
+<script>import classNames from 'classnames';
+export let svgClass = 'w-4 h-4';
+</script>
+
+<svg
+	{...$$restProps}
+	class={classNames(svgClass, $$props.class)}
+	aria-hidden="true"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 320 512"
+	><path
+		d="M137.4 406.6l-128-127.1C3.125 272.4 0 264.2 0 255.1s3.125-16.38 9.375-22.63l128-127.1c9.156-9.156 22.91-11.9 34.88-6.943S192 115.1 192 128v255.1c0 12.94-7.781 24.62-19.75 29.58S146.5 415.8 137.4 406.6z"
+	/></svg
+>

package/kbd/ArrowKeyLeft.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        svgClass?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type ArrowKeyLeftProps = typeof __propDef.props;
+export declare type ArrowKeyLeftEvents = typeof __propDef.events;
+export declare type ArrowKeyLeftSlots = typeof __propDef.slots;
+export default class ArrowKeyLeft extends SvelteComponentTyped<ArrowKeyLeftProps, ArrowKeyLeftEvents, ArrowKeyLeftSlots> {
+}
+export {};

package/kbd/ArrowKeyRight.svelte

@@ -0,0 +1,15 @@
+<script>import classNames from 'classnames';
+export let svgClass = 'w-4 h-4';
+</script>
+
+<svg
+	{...$$restProps}
+	class={classNames(svgClass, $$props.class)}
+	aria-hidden="true"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 320 512"
+	><path
+		d="M118.6 105.4l128 127.1C252.9 239.6 256 247.8 256 255.1s-3.125 16.38-9.375 22.63l-128 127.1c-9.156 9.156-22.91 11.9-34.88 6.943S64 396.9 64 383.1V128c0-12.94 7.781-24.62 19.75-29.58S109.5 96.23 118.6 105.4z"
+	/></svg
+>

package/kbd/ArrowKeyRight.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        svgClass?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type ArrowKeyRightProps = typeof __propDef.props;
+export declare type ArrowKeyRightEvents = typeof __propDef.events;
+export declare type ArrowKeyRightSlots = typeof __propDef.slots;
+export default class ArrowKeyRight extends SvelteComponentTyped<ArrowKeyRightProps, ArrowKeyRightEvents, ArrowKeyRightSlots> {
+}
+export {};

package/kbd/ArrowKeyUp.svelte

@@ -0,0 +1,15 @@
+<script>import classNames from 'classnames';
+export let svgClass = 'w-4 h-4';
+</script>
+
+<svg
+	{...$$restProps}
+	class={classNames(svgClass, $$props.class)}
+	aria-hidden="true"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 320 512"
+	><path
+		d="M9.39 265.4l127.1-128C143.6 131.1 151.8 128 160 128s16.38 3.125 22.63 9.375l127.1 128c9.156 9.156 11.9 22.91 6.943 34.88S300.9 320 287.1 320H32.01c-12.94 0-24.62-7.781-29.58-19.75S.2333 274.5 9.39 265.4z"
+	/></svg
+>

package/kbd/ArrowKeyUp.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        svgClass?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type ArrowKeyUpProps = typeof __propDef.props;
+export declare type ArrowKeyUpEvents = typeof __propDef.events;
+export declare type ArrowKeyUpSlots = typeof __propDef.slots;
+export default class ArrowKeyUp extends SvelteComponentTyped<ArrowKeyUpProps, ArrowKeyUpEvents, ArrowKeyUpSlots> {
+}
+export {};

package/kbd/Kbd.svelte

@@ -0,0 +1,7 @@
+<script>import classNames from 'classnames';
+export let kbdClass = 'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500';
+</script>
+
+<kbd class={classNames(kbdClass, $$props.class)}>
+	<slot />
+</kbd>

package/kbd/Kbd.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        kbdClass?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type KbdProps = typeof __propDef.props;
+export declare type KbdEvents = typeof __propDef.events;
+export declare type KbdSlots = typeof __propDef.slots;
+export default class Kbd extends SvelteComponentTyped<KbdProps, KbdEvents, KbdSlots> {
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.21.6",
+  "version": "0.21.7",
   "description": "Flowbite components for Svelte",
   "main": "index.js",
   "author": {
@@ -151,6 +151,11 @@
     "./forms/Toggle.svelte": "./forms/Toggle.svelte",
     "./forms/VoiceSearch.svelte": "./forms/VoiceSearch.svelte",
     ".": "./index.js",
+    "./kbd/ArrowKeyDown.svelte": "./kbd/ArrowKeyDown.svelte",
+    "./kbd/ArrowKeyLeft.svelte": "./kbd/ArrowKeyLeft.svelte",
+    "./kbd/ArrowKeyRight.svelte": "./kbd/ArrowKeyRight.svelte",
+    "./kbd/ArrowKeyUp.svelte": "./kbd/ArrowKeyUp.svelte",
+    "./kbd/Kbd.svelte": "./kbd/Kbd.svelte",
     "./list-group/List.svelte": "./list-group/List.svelte",
     "./modals/ExtraLargeModal.svelte": "./modals/ExtraLargeModal.svelte",
     "./modals/LargeModal.svelte": "./modals/LargeModal.svelte",