flowbite-svelte 0.26.6 → 0.26.7

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 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.26.7](https://github.com/themesberg/flowbite-svelte/compare/v0.26.6...v0.26.7) (2022-09-03)
+
+
+### Features
+
+* add Layout component ([2204586](https://github.com/themesberg/flowbite-svelte/commit/22045861703bf3e46cc7900e15c4db64d5246c50))
+* add paragraphs page ([db973a3](https://github.com/themesberg/flowbite-svelte/commit/db973a3929bfdc8c4dd48338cc114bdc2c808fb8))
+
+
+### Bug Fixes
+
+* add html block to text page ([37e910a](https://github.com/themesberg/flowbite-svelte/commit/37e910ae269099865865580d419b8dd05dccb7a8))
+
 ### [0.26.6](https://github.com/themesberg/flowbite-svelte/compare/v0.26.5...v0.26.6) (2022-09-02)
 
 

package/index.d.ts

@@ -112,6 +112,7 @@ export { default as DescriptionList } from './typography/DescriptionList.svelte'
 export { default as Heading } from './typography/Heading.svelte';
 export { default as Hr } from './typography/Hr.svelte';
 export { default as Img } from './typography/Img.svelte';
+export { default as Layout } from './typography/Layout.svelte';
 export { default as Li } from './typography/Li.svelte';
 export { default as Mark } from './typography/Mark.svelte';
 export { default as List } from './typography/List.svelte';

package/index.js

@@ -145,6 +145,7 @@ export { default as DescriptionList } from './typography/DescriptionList.svelte'
 export { default as Heading } from './typography/Heading.svelte';
 export { default as Hr } from './typography/Hr.svelte';
 export { default as Img } from './typography/Img.svelte';
+export { default as Layout } from './typography/Layout.svelte';
 export { default as Li } from './typography/Li.svelte';
 export { default as Mark } from './typography/Mark.svelte';
 export { default as List } from './typography/List.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.26.6",
+  "version": "0.26.7",
   "description": "Flowbite components for Svelte",
   "main": "index.js",
   "author": {
@@ -224,6 +224,7 @@
     "./typography/Heading.svelte": "./typography/Heading.svelte",
     "./typography/Hr.svelte": "./typography/Hr.svelte",
     "./typography/Img.svelte": "./typography/Img.svelte",
+    "./typography/Layout.svelte": "./typography/Layout.svelte",
     "./typography/Li.svelte": "./typography/Li.svelte",
     "./typography/List.svelte": "./typography/List.svelte",
     "./typography/Mark.svelte": "./typography/Mark.svelte",

package/typography/A.svelte

@@ -2,9 +2,8 @@
 export let href = '#';
 export let textColor = 'text-blue-600 dark:text-blue-500';
 export let aClass = 'inline-flex items-center hover:underline';
-export let textSize = 'text-lg';
 </script>
 
-<a {href} class={classNames(aClass, textColor, textSize, $$props.class)}>
+<a {href} class={classNames(aClass, textColor, $$props.class)}>
   <slot />
 </a>

package/typography/A.svelte.d.ts

@@ -5,7 +5,6 @@ declare const __propDef: {
         href?: string;
         textColor?: string;
         aClass?: string;
-        textSize?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/typography/Layout.svelte

@@ -0,0 +1,10 @@
+<script>import classNames from 'classnames';
+export let divClass = 'grid';
+export let cols = 'grid-cols-1 sm:grid-cols-2';
+export let gap;
+let classDiv = classNames(divClass, 'gap-' + String(gap), cols);
+</script>
+
+<div class={classDiv}>
+  <slot />
+</div>

package/typography/Layout.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        divClass?: string;
+        cols?: string;
+        gap: number;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type LayoutProps = typeof __propDef.props;
+export declare type LayoutEvents = typeof __propDef.events;
+export declare type LayoutSlots = typeof __propDef.slots;
+export default class Layout extends SvelteComponentTyped<LayoutProps, LayoutEvents, LayoutSlots> {
+}
+export {};

package/typography/P.svelte

@@ -4,9 +4,11 @@ export let height = 'normal';
 export let align = 'left';
 export let justify = false;
 export let italic = false;
-export let opacity = 100;
+export let firstupper = false;
+export let upperClass = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:mr-3 first-letter:float-left';
+export let opacity;
 export let whitespace = 'normal';
-export let size = 'lg';
+export let size = 'base';
 export let space;
 export let weight;
 const sizes = {
@@ -67,7 +69,7 @@ let colorAndopacity = color
     .join(' ');
 // console.log('colorArr', colorAndopacity);
 // console.log(typeof colorAndopacity);
-let classP = classNames(size && sizes[size], (opacity && colorAndopacity) || (color && color), height && heights[height], weight && weights[weight], space && spaces[space], align && aligns[align], justify && 'text-justify', italic && 'italic', whitespace && whitespaces[whitespace], $$props.class);
+let classP = classNames(size && sizes[size], (opacity && colorAndopacity) || (color && color), height && heights[height], weight && weights[weight], space && spaces[space], align && aligns[align], justify && 'text-justify', italic && 'italic', firstupper && upperClass, whitespace && whitespaces[whitespace], $$props.class);
 </script>
 
 <p class={classP}>

package/typography/P.svelte.d.ts

@@ -7,7 +7,9 @@ declare const __propDef: {
         align?: 'left' | 'center' | 'right';
         justify?: boolean;
         italic?: boolean;
-        opacity?: number;
+        firstupper?: boolean;
+        upperClass?: string;
+        opacity: number;
         whitespace?: 'normal' | 'nowrap' | 'pre' | 'preline' | 'prewrap';
         size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl';
         space: 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest';