diff --git a/src/docs/src/components/Component.svelte b/src/docs/src/components/Component.svelte index 59881ea9908..27edeac136e 100644 --- a/src/docs/src/components/Component.svelte +++ b/src/docs/src/components/Component.svelte @@ -14,6 +14,7 @@ let wrapper let showContent = "preview" let htmlSlot + let reactSlot let isClipboardButtonPressed = false const copyText = (text) => { @@ -58,6 +59,7 @@
+
@@ -92,6 +94,29 @@
{/if} + {#if onMount && showContent == "react"} +
+ +
+ + + +
+
+
+ +
+
+
+ {/if} diff --git a/src/docs/src/routes/components/alert.svelte.md b/src/docs/src/routes/components/alert.svelte.md index 0ec5a34b236..a257fdfbfb9 100644 --- a/src/docs/src/routes/components/alert.svelte.md +++ b/src/docs/src/routes/components/alert.svelte.md @@ -36,6 +36,14 @@ data="{[ ` } +
{
+`
+
+ + 12 unread messages. Tap to see. +
+
` +}
@@ -53,6 +61,14 @@ data="{[ ` } +
{
+`
+
+ + New software update available. +
+
` +}
@@ -70,6 +86,14 @@ data="{[ ` } +
{
+`
+
+ + Your purchase has been confirmed! +
+
` +}
@@ -87,6 +111,14 @@ data="{[ ` } +
{
+`
+
+ + Warning: Invalid email address! +
+
` +}
@@ -104,6 +136,14 @@ data="{[ ` } +
{
+`
+
+ + Error! Task failed successfully. +
+
` +}
@@ -129,6 +169,18 @@ data="{[ ` } +
{
+`
+
+ + we use cookies for no reason. +
+
+ + +
+
` +}
@@ -158,4 +210,18 @@ data="{[ ` } +
{
+`
+
+ +
+

New message!

+
You have 1 unread message
+
+
+
+ +
+
` +}
diff --git a/src/docs/src/routes/components/artboard.svelte.md b/src/docs/src/routes/components/artboard.svelte.md index 95c13e5890a..fd3a051a0ff 100644 --- a/src/docs/src/routes/components/artboard.svelte.md +++ b/src/docs/src/routes/components/artboard.svelte.md @@ -30,6 +30,9 @@ data="{[
{
 `
320×568
` }
+
{
+`
320×568
` +}
@@ -37,6 +40,9 @@ data="{[
{
 `
375×667
` }
+
{
+`
375×667
` +}
@@ -44,6 +50,9 @@ data="{[
{
 `
414×736
` }
+
{
+`
414×736
` +}
@@ -51,6 +60,9 @@ data="{[
{
 `
375×812
` }
+
{
+`
375×812
` +}
@@ -58,6 +70,9 @@ data="{[
{
 `
414×896
` }
+
{
+`
414×896
` +}
@@ -65,6 +80,9 @@ data="{[
{
 `
320×1024
` }
+
{
+`
320×1024
` +}
@@ -72,6 +90,9 @@ data="{[
{
 `
568×320
` }
+
{
+`
568×320
` +}
@@ -79,6 +100,9 @@ data="{[
{
 `
667×375
` }
+
{
+`
667×375
` +}
@@ -86,6 +110,9 @@ data="{[
{
 `
736×414
` }
+
{
+`
736×414
` +}
@@ -93,6 +120,9 @@ data="{[
{
 `
812×375
` }
+
{
+`
812×375
` +}
@@ -100,6 +130,9 @@ data="{[
{
 `
896×414
` }
+
{
+`
896×414
` +}
@@ -107,4 +140,7 @@ data="{[
{
 `
1024×320
` }
+
{
+`
1024×320
` +}
diff --git a/src/docs/src/routes/components/avatar.svelte.md b/src/docs/src/routes/components/avatar.svelte.md index 0aa89e26b0e..b86e598688b 100644 --- a/src/docs/src/routes/components/avatar.svelte.md +++ b/src/docs/src/routes/components/avatar.svelte.md @@ -34,6 +34,13 @@ data="{[ ` } +
{
+`
+
+ +
+
` +}
@@ -79,6 +86,28 @@ data="{[ ` } +
{
+`
+
+ +
+
+
+
+ Tailwind-CSS-Avatar-component +
+
+
+
+ Tailwind-CSS-Avatar-component +
+
+
+
+ Tailwind-CSS-Avatar-component +
+
` +}
@@ -104,6 +133,18 @@ data="{[ ` } +
{
+`
+
+ +
+
+
+
+ +
+
` +}
@@ -139,6 +180,23 @@ data="{[ ` } +
{
+`
+
+ +
+
+
+
+ +
+
+
+
+ +
+
` +}
@@ -188,6 +246,30 @@ data="{[ ` } +
{
+`
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
` +}
@@ -237,6 +319,30 @@ data="{[ ` } +
{
+`
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +99 +
+
+
` +}
@@ -252,6 +358,13 @@ data="{[ ` } +
{
+`
+
+ +
+
` +}
@@ -277,6 +390,18 @@ data="{[ ` } +
{
+`
+
+ +
+
+
+
+ +
+
` +}
@@ -322,4 +447,26 @@ data="{[ ` } +
{
+`
+
+ K +
+
+
+
+ JO +
+
+
+
+ MX +
+
+
+
+ AA +
+
` +}
diff --git a/src/docs/src/routes/components/badge.svelte.md b/src/docs/src/routes/components/badge.svelte.md index 3b17319d9a1..6972650bc61 100644 --- a/src/docs/src/routes/components/badge.svelte.md +++ b/src/docs/src/routes/components/badge.svelte.md @@ -35,6 +35,9 @@ data="{[
{
 `Badge`
 }
+
{
+`Badge`
+}
@@ -50,6 +53,13 @@ data="{[
accent
ghost
` } +
{
+`
neutral
+
primary
+
secondary
+
accent
+
ghost
` +}
@@ -63,6 +73,12 @@ data="{[
secondary
accent
` } +
{
+`
neutral
+
primary
+
secondary
+
accent
` +}
@@ -76,6 +92,12 @@ data="{[
987,654
987,654
` } +
{
+`
987,654
+
987,654
+
987,654
+
987,654
` +}
@@ -89,6 +111,12 @@ data="{[
` } +
{
+`
+
+
+
` +}
@@ -126,6 +154,24 @@ data="{[ error ` } +
{
+`
+ + info +
+
+ + success +
+
+ + warning +
+
+ + error +
` +}
@@ -163,6 +209,24 @@ data="{[ NEW ` } +
{
+`

+ Heading + NEW +

+

+ Heading + NEW +

+

+ Heading + NEW +

+
+ Heading + NEW +
` +}
@@ -184,4 +248,14 @@ data="{[
+99
` } +
{
+`
+`
+}
diff --git a/src/docs/src/routes/components/bottom-navigation.svelte.md b/src/docs/src/routes/components/bottom-navigation.svelte.md index ea58ce10ee8..629c887b231 100644 --- a/src/docs/src/routes/components/bottom-navigation.svelte.md +++ b/src/docs/src/routes/components/bottom-navigation.svelte.md @@ -48,6 +48,19 @@ data="{[ ` } +
{
+`
+ + + +
` +}
@@ -119,6 +132,41 @@ data="{[ ` } +
{
+`
+ + + +
+
+ + + +
+
+ + + +
` +}
@@ -212,6 +260,52 @@ data="{[ ` } +
{
+`
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
` +}
@@ -245,6 +339,22 @@ data="{[ ` } +
{
+`
+ + + +
` +}
@@ -278,6 +388,22 @@ data="{[ ` } +
{
+`
+ + + +
` +}
@@ -375,6 +501,56 @@ data="{[ ` } +
{
+`
+
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
` +}
@@ -424,4 +600,28 @@ data="{[ ` } +
{
+`
+ + + +
+
+ + + +
` +}
diff --git a/src/docs/src/routes/components/breadcrumbs.svelte.md b/src/docs/src/routes/components/breadcrumbs.svelte.md index 0716799b827..079e307cae2 100644 --- a/src/docs/src/routes/components/breadcrumbs.svelte.md +++ b/src/docs/src/routes/components/breadcrumbs.svelte.md @@ -38,6 +38,15 @@ data="{[ ` } +
{
+`
+ +
` +}
@@ -83,6 +92,28 @@ data="{[ ` } +
{
+`
+ +
` +}
@@ -106,4 +137,15 @@ data="{[ ` } +
{
+`
+
    +
  • Long text 1
  • +
  • Long text 2
  • +
  • Long text 3
  • +
  • Long text 4
  • +
  • Long text 5
  • +
+
` +}
diff --git a/src/docs/src/routes/components/button-group.svelte.md b/src/docs/src/routes/components/button-group.svelte.md index 43e55b1887e..f621e2638d0 100644 --- a/src/docs/src/routes/components/button-group.svelte.md +++ b/src/docs/src/routes/components/button-group.svelte.md @@ -31,6 +31,13 @@ data="{[ ` } +
{
+`
+ + + +
` +}
@@ -46,6 +53,13 @@ data="{[ ` } +
{
+`
+ + + +
` +}
@@ -63,4 +77,12 @@ data="{[ ` } +
{
+`
+ + + + +
` +}
diff --git a/src/docs/src/routes/components/button.svelte.md b/src/docs/src/routes/components/button.svelte.md index d002f5d5184..9f7755ba329 100644 --- a/src/docs/src/routes/components/button.svelte.md +++ b/src/docs/src/routes/components/button.svelte.md @@ -45,6 +45,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -62,6 +65,14 @@ data="{[ ` } +
{
+`
+
+
+
+
+`
+}
@@ -79,6 +90,14 @@ data="{[ ` } +
{
+`
+
+
+
+
+`
+}
@@ -92,6 +111,12 @@ data="{[ ` } +
{
+`
+
+
+`
+}
@@ -105,6 +130,12 @@ data="{[ ` } +
{
+`
+
+
+`
+}
@@ -118,6 +149,12 @@ data="{[ ` } +
{
+`
+
+
+`
+}
@@ -131,6 +168,12 @@ data="{[ ` } +
{
+`
+
+
+`
+}
@@ -138,6 +181,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -145,6 +191,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -152,6 +201,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -167,6 +219,13 @@ data="{[ ` } +
{
+`Link
+
+
+
+`
+}
@@ -176,6 +235,10 @@ data="{[ ` ` } +
{
+`
+`
+}
@@ -193,6 +256,14 @@ data="{[ ` } +
{
+`
+`
+}
@@ -210,6 +281,14 @@ data="{[ ` } +
{
+`
+`
+}
@@ -223,6 +302,12 @@ data="{[ Button ` } +
{
+``
+}
@@ -236,6 +321,12 @@ data="{[ ` } +
{
+``
+}
@@ -243,6 +334,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -250,6 +344,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -257,6 +354,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -264,4 +364,7 @@ data="{[
{
 ``
 }
+
{
+``
+}
diff --git a/src/docs/src/routes/components/card.svelte.md b/src/docs/src/routes/components/card.svelte.md index 58f0cdc20a3..393567f8e24 100644 --- a/src/docs/src/routes/components/card.svelte.md +++ b/src/docs/src/routes/components/card.svelte.md @@ -48,6 +48,18 @@ data="{[ ` } +
{
+`
+
Shoes
+
+

Shoes!

+

If a dog chews shoes whose shoes does he choose?

+
+ +
+
+
` +}
@@ -73,6 +85,18 @@ data="{[ ` } +
{
+`
+
Shoes
+
+

Shoes!

+

If a dog chews shoes whose shoes does he choose?

+
+ +
+
+
` +}
@@ -106,6 +130,22 @@ data="{[ ` } +
{
+`
+
Shoes
+
+

+ Shoes! +
NEW
+

+

If a dog chews shoes whose shoes does he choose?

+
+
Fashion
+
Products
+
+
+
` +}
@@ -125,6 +165,15 @@ data="{[
Shoes
` } +
{
+`
+
+

Shoes!

+

If a dog chews shoes whose shoes does he choose?

+
+
Shoes
+
` +}
@@ -154,6 +203,20 @@ data="{[ ` } +
{
+`
+
+ Shoes +
+
+

Shoes!

+

If a dog chews shoes whose shoes does he choose?

+
+ +
+
+
` +}
@@ -179,6 +242,18 @@ data="{[ ` } +
{
+`
+
Shoes
+
+

Shoes!

+

If a dog chews shoes whose shoes does he choose?

+
+ +
+
+
` +}
@@ -202,6 +277,17 @@ data="{[ ` } +
{
+`
+
+

Card title!

+

If a dog chews shoes whose shoes does he choose?

+
+ +
+
+
` +}
@@ -225,6 +311,17 @@ data="{[ ` } +
{
+`
+
+

Card title!

+

If a dog chews shoes whose shoes does he choose?

+
+ +
+
+
` +}
@@ -250,6 +347,18 @@ data="{[ ` } +
{
+`
+
+

Cookies!

+

We are using cookies for no reason.

+
+ + +
+
+
` +}
@@ -275,6 +384,18 @@ data="{[ ` } +
{
+`
+
+
+ +
+

We are using cookies for no reason.

+
+
` +}
@@ -300,6 +421,18 @@ data="{[ ` } +
{
+`
+
car!
+
+

Life hack

+

How to park your car at your garage?

+
+ +
+
+
` +}
@@ -325,6 +458,18 @@ data="{[ ` } +
{
+`
+
Movie
+
+

New movie is released!

+

Click the button to watch on Jetflix app.

+
+ +
+
+
` +}
@@ -350,4 +495,16 @@ data="{[ ` } +
{
+`
+
Album
+
+

New album is released!

+

Click the button to listen on Spotiwhy app.

+
+ +
+
+
` +}
diff --git a/src/docs/src/routes/components/carousel.svelte.md b/src/docs/src/routes/components/carousel.svelte.md index aa9f16e4692..3f1fcdb428d 100644 --- a/src/docs/src/routes/components/carousel.svelte.md +++ b/src/docs/src/routes/components/carousel.svelte.md @@ -70,6 +70,31 @@ data="{[ ` } +
{
+`
+
+ Burger +
+
+ Burger +
+
+ Burger +
+
+ Burger +
+
+ Burger +
+
+ Burger +
+
+ Burger +
+
` +}
@@ -121,6 +146,31 @@ data="{[ ` } +
{
+`
+
+ Pizza +
+
+ Pizza +
+
+ Pizza +
+
+ Pizza +
+
+ Pizza +
+
+ Pizza +
+
+ Pizza +
+
` +}
@@ -172,6 +222,31 @@ data="{[ ` } +
{
+`
+
+ Drink +
+
+ Drink +
+
+ Drink +
+
+ Drink +
+
+ Drink +
+
+ Drink +
+
+ Drink +
+
` +}
@@ -223,6 +298,31 @@ data="{[ ` } +
{
+`
+
+ Tailwind CSS Carousel component +
+
+ Tailwind CSS Carousel component +
+
+ Tailwind CSS Carousel component +
+
+ Tailwind CSS Carousel component +
+
+ Tailwind CSS Carousel component +
+
+ Tailwind CSS Carousel component +
+
+ Tailwind CSS Carousel component +
+
` +}
@@ -274,6 +374,31 @@ data="{[ ` } +
{
+`
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
` +}
@@ -325,6 +450,31 @@ data="{[ ` } +
{
+`
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
` +}
@@ -376,6 +526,31 @@ data="{[ ` } +
{
+`
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
` +}
@@ -421,6 +596,28 @@ data="{[ 4 ` } +
{
+`
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ 1 + 2 + 3 + 4 +
` +}
@@ -486,4 +683,36 @@ data="{[ ` } +
{
+`
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
` +}
diff --git a/src/docs/src/routes/components/checkbox.svelte.md b/src/docs/src/routes/components/checkbox.svelte.md index 30ce544539c..b1e0e6e49dc 100644 --- a/src/docs/src/routes/components/checkbox.svelte.md +++ b/src/docs/src/routes/components/checkbox.svelte.md @@ -31,6 +31,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -48,6 +51,14 @@ data="{[ ` } +
{
+`
+ +
` +}
@@ -65,6 +76,14 @@ data="{[ ` } +
{
+`
+ +
` +}
@@ -82,6 +101,14 @@ data="{[ ` } +
{
+`
+ +
` +}
@@ -99,6 +126,14 @@ data="{[ ` } +
{
+`
+ +
` +}
@@ -114,6 +149,12 @@ data="{[ ` } +
{
+` 
+ 
+ 
+`
+}
@@ -121,6 +162,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -128,6 +172,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -139,4 +186,11 @@ data="{[ ` } +
{
+`
+
+`
+}
diff --git a/src/docs/src/routes/components/collapse.svelte.md b/src/docs/src/routes/components/collapse.svelte.md index f6c1e62b8ae..053bad43d5a 100644 --- a/src/docs/src/routes/components/collapse.svelte.md +++ b/src/docs/src/routes/components/collapse.svelte.md @@ -42,6 +42,16 @@ data="{[ ` } +
{
+`
+
+ Focus me to see content +
+
+

tabindex={0} attribute is necessary to make the div focusable

+
+
` +}
@@ -65,6 +75,17 @@ data="{[ ` } +
{
+`
+ +
+ Click me to show/hide content +
+
+

hello

+
+
` +}
@@ -86,6 +107,16 @@ data="{[ ` } +
{
+`
+
+ Focus me to see content +
+
+

tabindex={0} attribute is necessary to make the div focusable

+
+
` +}
@@ -107,6 +138,16 @@ data="{[ ` } +
{
+`
+
+ Focus me to see content +
+
+

tabindex={0} attribute is necessary to make the div focusable

+
+
` +}
@@ -128,6 +169,16 @@ data="{[ ` } +
{
+`
+
+ Focus me to see content +
+
+

tabindex={0} attribute is necessary to make the div focusable

+
+
` +}
@@ -149,6 +200,16 @@ data="{[ ` } +
{
+`
+
+ I have collapse-open className +
+
+

tabindex={0} attribute is necessary to make the div focusable

+
+
` +}
@@ -170,6 +231,16 @@ data="{[ ` } +
{
+`
+
+ I have collapse-close className +
+
+

tabindex={0} attribute is necessary to make the div focusable

+
+
` +}
@@ -191,6 +262,16 @@ data="{[ ` } +
{
+`
+
+ Focus me to see content +
+
+

tabindex={0} attribute is necessary to make the div focusable

+
+
` +}
@@ -214,4 +295,15 @@ data="{[ ` } +
{
+`
+ +
+ Click me to show/hide content +
+
+

hello

+
+
` +}
diff --git a/src/docs/src/routes/components/countdown.svelte.md b/src/docs/src/routes/components/countdown.svelte.md index b9e7f2cb7bd..f54cec15305 100644 --- a/src/docs/src/routes/components/countdown.svelte.md +++ b/src/docs/src/routes/components/countdown.svelte.md @@ -43,6 +43,11 @@ data="{[ ` } +
{
+`
+  
+`
+}
@@ -54,6 +59,11 @@ data="{[ ` } +
{
+`
+  
+`
+}
@@ -69,6 +79,13 @@ data="{[ s ` } +
{
+`
+  h
+  m
+  s
+`
+}
@@ -84,6 +101,13 @@ data="{[ ` } +
{
+`
+  :
+  :
+  
+`
+}
@@ -141,6 +165,34 @@ data="{[ ` } +
{
+`
+
+ + + + days +
+
+ + + + hours +
+
+ + + + min +
+
+ + + + sec +
+
` +}
@@ -198,6 +250,34 @@ data="{[ ` } +
{
+`
+
+ + + + days +
+
+ + + + hours +
+
+ + + + min +
+
+ + + + sec +
+
` +}
@@ -255,4 +335,32 @@ data="{[ ` } +
{
+`
+
+ + + + days +
+
+ + + + hours +
+
+ + + + min +
+
+ + + + sec +
+
` +}
diff --git a/src/docs/src/routes/components/divider.svelte.md b/src/docs/src/routes/components/divider.svelte.md index 385988bc539..2bd9a6c45c3 100644 --- a/src/docs/src/routes/components/divider.svelte.md +++ b/src/docs/src/routes/components/divider.svelte.md @@ -32,6 +32,13 @@ data="{[
content
` } +
{
+`
+
content
+
OR
+
content
+
` +}
@@ -47,6 +54,13 @@ data="{[
content
` } +
{
+`
+
content
+
OR
+
content
+
` +}
@@ -62,6 +76,13 @@ data="{[
content
` } +
{
+`
+
content
+
+
content
+
` +}
@@ -77,4 +98,11 @@ data="{[
content
` } +
{
+`
+
content
+
OR
+
content
+
` +}
diff --git a/src/docs/src/routes/components/drawer.svelte.md b/src/docs/src/routes/components/drawer.svelte.md index 0adcce3f350..9c8eae41d1a 100644 --- a/src/docs/src/routes/components/drawer.svelte.md +++ b/src/docs/src/routes/components/drawer.svelte.md @@ -74,6 +74,25 @@ You can check/uncheck the checkbox using JavaScript or using ` ` } +
{
+`
+ + +
` +}
@@ -66,6 +77,17 @@ data="{[ ` } +
{
+`
+ + +
` +}
@@ -91,6 +113,18 @@ data="{[ ` } +
{
+`
+ + +
` +}
@@ -114,6 +148,17 @@ data="{[ ` } +
{
+`
+ + +
` +}
@@ -169,6 +214,32 @@ data="{[ ` } +
{
+`
+ +
+
+ +
+
+ +
+
+ +
` +}
@@ -190,6 +261,16 @@ data="{[ ` } +
{
+`
+
+ + +
+
` +}
@@ -215,4 +296,16 @@ data="{[ ` } +
{
+`
+
+ + +
+
` +}
diff --git a/src/docs/src/routes/components/input.svelte.md b/src/docs/src/routes/components/input.svelte.md index 8f9c360bafe..8aad496fa33 100644 --- a/src/docs/src/routes/components/input.svelte.md +++ b/src/docs/src/routes/components/input.svelte.md @@ -37,6 +37,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -44,6 +47,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -51,6 +57,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -78,6 +87,19 @@ data="{[ ` } +
{
+`
+ + + +
` +}
@@ -85,6 +107,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -92,6 +117,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -99,6 +127,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -106,6 +137,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -113,6 +147,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -120,6 +157,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -127,6 +167,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -147,6 +190,17 @@ data="{[ ` } +
{
+`
+
+
+
+
+
+
+
+`
+}
@@ -154,4 +208,7 @@ data="{[
{
 ``
 }
+
{
+``
+}
diff --git a/src/docs/src/routes/components/kbd.svelte.md b/src/docs/src/routes/components/kbd.svelte.md index 8e69bad50d2..4d72a173e3d 100644 --- a/src/docs/src/routes/components/kbd.svelte.md +++ b/src/docs/src/routes/components/kbd.svelte.md @@ -26,6 +26,9 @@ data="{[
{
 `A`
 }
+
{
+`A`
+}
@@ -39,6 +42,12 @@ data="{[ Shift Shift` } +
{
+`Shift
+Shift
+Shift
+Shift`
+}
@@ -46,6 +55,9 @@ Press F to pay respects.
{
 `Press F to pay respects.`
 }
+
{
+`Press F to pay respects.`
+}
@@ -61,6 +73,13 @@ Press F to pay respects. + del` } +
{
+`ctrl
++
+shift
++
+del`
+}
@@ -74,6 +93,12 @@ Press F to pay respects. ` } +
{
+`
+
+
+`
+}
@@ -147,6 +172,41 @@ Press F to pay respects. / ` } +
{
+`
+ q + w + e + r + t + y + u + i + o + p +
+
+ a + s + d + f + g + h + j + k + l +
+
+ z + x + c + v + b + n + m + / +
` +}
@@ -172,4 +232,16 @@ Press F to pay respects. ` } +
{
+`
+ +
+
+ ◀︎ + ▶︎ +
+
+ +
` +}
diff --git a/src/docs/src/routes/components/link.svelte.md b/src/docs/src/routes/components/link.svelte.md index 12c7cb70f51..1c4d9ce2339 100644 --- a/src/docs/src/routes/components/link.svelte.md +++ b/src/docs/src/routes/components/link.svelte.md @@ -27,6 +27,9 @@ data="{[
{
 `I'm a simple link`
 }
+
{
+`I'm a simple link`
+}
@@ -42,6 +45,13 @@ data="{[ normal link again.

` } +
{
+`

Tailwind CSS resets the style of links by default. +
+ Add "link" className to make it look like a + normal link again. +

` +}
@@ -49,6 +59,9 @@ data="{[
{
 `I'm a simple link`
 }
+
{
+`I'm a simple link`
+}
@@ -56,6 +69,9 @@ data="{[
{
 `I'm a simple link`
 }
+
{
+`I'm a simple link`
+}
@@ -63,6 +79,9 @@ data="{[
{
 `I'm a simple link`
 }
+
{
+`I'm a simple link`
+}
@@ -70,6 +89,9 @@ data="{[
{
 `I'm a simple link`
 }
+
{
+`I'm a simple link`
+}
@@ -77,4 +99,7 @@ data="{[
{
 `I'm a simple link`
 }
+
{
+`I'm a simple link`
+}
diff --git a/src/docs/src/routes/components/mask.svelte.md b/src/docs/src/routes/components/mask.svelte.md index 874f90356ca..f6c54e6b085 100644 --- a/src/docs/src/routes/components/mask.svelte.md +++ b/src/docs/src/routes/components/mask.svelte.md @@ -43,6 +43,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -50,6 +53,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -57,6 +63,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -64,6 +73,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -71,6 +83,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -78,6 +93,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -85,6 +103,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -92,6 +113,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -99,6 +123,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -106,6 +133,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -113,6 +143,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -120,6 +153,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -127,6 +163,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -134,6 +173,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -141,6 +183,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -148,6 +193,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -155,6 +203,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -162,6 +213,9 @@ data="{[
{
 ``
 }
+
{
+``
+}
@@ -169,4 +223,7 @@ data="{[
{
 ``
 }
+
{
+``
+}
diff --git a/src/docs/src/routes/components/menu.svelte.md b/src/docs/src/routes/components/menu.svelte.md index f983dfb04b9..7c97a1d0d9c 100644 --- a/src/docs/src/routes/components/menu.svelte.md +++ b/src/docs/src/routes/components/menu.svelte.md @@ -37,6 +37,13 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -52,6 +59,13 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -67,6 +81,13 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -82,6 +103,13 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -111,6 +139,20 @@ data="{[
  • Item 2
  • ` } +
    {
    +``
    +}
    @@ -126,6 +168,13 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -141,6 +190,13 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -156,6 +212,13 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -171,6 +234,13 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -186,6 +256,13 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -201,6 +278,13 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -216,6 +300,13 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -261,6 +352,28 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -300,6 +413,25 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -339,6 +471,25 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -378,6 +529,25 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -410,6 +580,21 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -442,6 +627,21 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -474,6 +674,21 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -506,6 +721,21 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    @@ -572,6 +802,38 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -587,4 +849,11 @@ data="{[
  • Item 3
  • ` } +
    {
    +``
    +}
    diff --git a/src/docs/src/routes/components/mockup-code.svelte.md b/src/docs/src/routes/components/mockup-code.svelte.md index 9055947feba..484e3562f91 100644 --- a/src/docs/src/routes/components/mockup-code.svelte.md +++ b/src/docs/src/routes/components/mockup-code.svelte.md @@ -26,6 +26,11 @@ data="{[
    npm i daisyui
    ` } +
    {
    +`
    +
    npm i daisyui
    +
    ` +}
    @@ -41,6 +46,13 @@ data="{[
    Done!
    ` } +
    {
    +`
    +
    npm i daisyui
    +
    installing...
    +
    Done!
    +
    ` +}
    @@ -56,6 +68,13 @@ data="{[
    Error!
    ` } +
    {
    +`
    +
    npm i daisyui
    +
    installing...
    +
    Error!
    +
    ` +}
    @@ -67,6 +86,11 @@ data="{[
    Magnam dolore beatae necessitatibus nemopsum itaque sit. Et porro quae qui et et dolore ratione.
    ` } +
    {
    +`
    +
    Magnam dolore beatae necessitatibus nemopsum itaque sit. Et porro quae qui et et dolore ratione.
    +
    ` +}
    @@ -78,6 +102,11 @@ data="{[
    without prefix
    ` } +
    {
    +`
    +
    without prefix
    +
    ` +}
    @@ -89,4 +118,9 @@ data="{[
    can be any color!
    ` } +
    {
    +`
    +
    can be any color!
    +
    ` +}
    diff --git a/src/docs/src/routes/components/mockup-phone.svelte.md b/src/docs/src/routes/components/mockup-phone.svelte.md index cafd2f20999..de0ae04ea1e 100644 --- a/src/docs/src/routes/components/mockup-phone.svelte.md +++ b/src/docs/src/routes/components/mockup-phone.svelte.md @@ -32,6 +32,14 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    Hi.
    +
    +
    ` +}
    @@ -49,4 +57,12 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    Hi.
    +
    +
    ` +}
    diff --git a/src/docs/src/routes/components/mockup-window.svelte.md b/src/docs/src/routes/components/mockup-window.svelte.md index 6f4d72a8de5..5edc2892f14 100644 --- a/src/docs/src/routes/components/mockup-window.svelte.md +++ b/src/docs/src/routes/components/mockup-window.svelte.md @@ -26,6 +26,11 @@ data="{[
    Hello!
    ` } +
    {
    +`
    +
    Hello!
    +
    ` +}
    @@ -37,4 +42,9 @@ data="{[
    Hello!
    ` } +
    {
    +`
    +
    Hello!
    +
    ` +}
    diff --git a/src/docs/src/routes/components/modal.svelte.md b/src/docs/src/routes/components/modal.svelte.md index 2700cf63c74..68de4a7d488 100644 --- a/src/docs/src/routes/components/modal.svelte.md +++ b/src/docs/src/routes/components/modal.svelte.md @@ -43,6 +43,22 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    +
    +
    +
    +

    Congratulations random Internet user!

    +

    You've been selected for a chance to get one year of subscription to use Wikipedia for free!

    +
    + +
    +
    +
    ` +}
    @@ -62,6 +78,21 @@ data="{[ ` } +
    {
    +`
    +open modal
    +
    +
    +
    +
    +

    Congratulations random Internet user!

    +

    You've been selected for a chance to get one year of subscription to use Wikipedia for free!

    +
    + Yay! +
    +
    +
    ` +}
    @@ -81,6 +112,20 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    +
    +
    +
    + +

    Congratulations random Internet user!

    +

    You've been selected for a chance to get one year of subscription to use Wikipedia for free!

    +
    +
    ` +}
    @@ -99,6 +144,19 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    +
    +`
    +}
    @@ -120,6 +178,22 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    +
    +
    +
    +

    Congratulations random Internet user!

    +

    You've been selected for a chance to get one year of subscription to use Wikipedia for free!

    +
    + +
    +
    +
    ` +}
    @@ -141,4 +215,20 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    +
    +
    +
    +

    Congratulations random Internet user!

    +

    You've been selected for a chance to get one year of subscription to use Wikipedia for free!

    +
    + +
    +
    +
    ` +}
    diff --git a/src/docs/src/routes/components/navbar.svelte.md b/src/docs/src/routes/components/navbar.svelte.md index 83ec4ab9d0f..dd3c38986b7 100644 --- a/src/docs/src/routes/components/navbar.svelte.md +++ b/src/docs/src/routes/components/navbar.svelte.md @@ -29,6 +29,11 @@ data="{[ daisyUI ` } +
    {
    +`
    + daisyUI +
    ` +}
    @@ -54,6 +59,18 @@ data="{[ ` } +
    {
    +`
    +
    + daisyUI +
    +
    + +
    +
    ` +}
    @@ -89,6 +106,23 @@ data="{[ ` } +
    {
    +`
    +
    + +
    +
    + daisyUI +
    +
    + +
    +
    ` +}
    @@ -136,6 +170,29 @@ data="{[ ` } +
    {
    +`
    +
    + daisyUI +
    +
    + +
    +
    ` +}
    @@ -195,6 +252,35 @@ data="{[ ` } +
    {
    +`
    +
    + daisyUI +
    +
    +
    + +
    +
    + + +
    +
    +
    ` +}
    @@ -282,6 +368,49 @@ data="{[ ` } +
    {
    +`
    +
    + daisyUI +
    +
    +
    + +
    +
    + 8 Items + Subtotal: $999 +
    + +
    +
    +
    +
    +
    + + +
    +
    +
    ` +}
    @@ -343,6 +472,36 @@ data="{[ ` } +
    {
    +`
    +
    +
    + + +
    +
    +
    + daisyUI +
    +
    + + +
    +
    ` +}
    @@ -434,6 +593,51 @@ data="{[ ` } +
    {
    +`
    +
    +
    + + +
    + daisyUI +
    +
    + +
    +
    + Get started +
    +
    ` +}
    @@ -457,4 +661,15 @@ data="{[ daisyUI ` } +
    {
    +`
    + daisyUI +
    +
    + daisyUI +
    +
    + daisyUI +
    ` +}
    diff --git a/src/docs/src/routes/components/pagination.svelte.md b/src/docs/src/routes/components/pagination.svelte.md index 0581de56481..2f2f059069f 100644 --- a/src/docs/src/routes/components/pagination.svelte.md +++ b/src/docs/src/routes/components/pagination.svelte.md @@ -32,6 +32,14 @@ data="{[ ` } +
    {
    +`
    + + + + +
    ` +}
    @@ -87,6 +95,32 @@ data="{[ ` } +
    {
    +`
    + + + + +
    +
    + + + + +
    +
    + + + + +
    +
    + + + + +
    ` +}
    @@ -106,6 +140,15 @@ data="{[ ` } +
    {
    +`
    + + + + + +
    ` +}
    @@ -121,6 +164,13 @@ data="{[ ` } +
    {
    +`
    + + + +
    ` +}
    @@ -134,4 +184,10 @@ data="{[ ` } +
    {
    +`
    + + +
    ` +}
    diff --git a/src/docs/src/routes/components/progress.svelte.md b/src/docs/src/routes/components/progress.svelte.md index bfeb34602f8..582d0f7533b 100644 --- a/src/docs/src/routes/components/progress.svelte.md +++ b/src/docs/src/routes/components/progress.svelte.md @@ -39,6 +39,13 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    +`
    +}
    @@ -56,6 +63,13 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    +`
    +}
    @@ -73,6 +87,13 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    +`
    +}
    @@ -90,6 +111,13 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    +`
    +}
    @@ -107,6 +135,13 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    +`
    +}
    @@ -124,6 +159,13 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    +`
    +}
    @@ -141,6 +183,13 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    +`
    +}
    @@ -158,6 +207,13 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    +`
    +}
    @@ -165,4 +221,7 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    diff --git a/src/docs/src/routes/components/radial-progress.svelte.md b/src/docs/src/routes/components/radial-progress.svelte.md index d4e231977b8..866320af3f6 100644 --- a/src/docs/src/routes/components/radial-progress.svelte.md +++ b/src/docs/src/routes/components/radial-progress.svelte.md @@ -33,6 +33,9 @@ data="{[
    {
     `
    70%
    ` }
    +
    {
    +`
    70%
    ` +}
    @@ -48,6 +51,13 @@ data="{[
    80%
    100%
    ` } +
    {
    +`
    0%
    +
    20%
    +
    60%
    +
    80%
    +
    100%
    ` +}
    @@ -55,6 +65,9 @@ data="{[
    {
     `
    70%
    ` }
    +
    {
    +`
    70%
    ` +}
    @@ -62,13 +75,20 @@ data="{[
    {
     `
    70%
    ` }
    +
    {
    +`
    70%
    ` +}
    70%
    -
    80%
    +
    70%
    {
     `
    70%
    -
    80%
    ` +
    70%
    ` +}
    +
    {
    +`
    70%
    +
    70%
    ` }
    diff --git a/src/docs/src/routes/components/radio.svelte.md b/src/docs/src/routes/components/radio.svelte.md index 4b4e7ad74ad..18399c54c39 100644 --- a/src/docs/src/routes/components/radio.svelte.md +++ b/src/docs/src/routes/components/radio.svelte.md @@ -32,6 +32,10 @@ data="{[ ` ` } +
    {
    +`
    +`
    +}
    @@ -41,6 +45,10 @@ data="{[ ` ` } +
    {
    +`
    +`
    +}
    @@ -50,6 +58,10 @@ data="{[ ` ` } +
    {
    +`
    +`
    +}
    @@ -59,6 +71,10 @@ data="{[ ` ` } +
    {
    +`
    +`
    +}
    @@ -68,6 +84,10 @@ data="{[ ` ` } +
    {
    +`
    +`
    +}
    @@ -99,4 +119,18 @@ data="{[ ` } +
    {
    +`
    + +
    +
    + +
    ` +}
    diff --git a/src/docs/src/routes/components/range.svelte.md b/src/docs/src/routes/components/range.svelte.md index c19b2f4a1e7..f818e151525 100644 --- a/src/docs/src/routes/components/range.svelte.md +++ b/src/docs/src/routes/components/range.svelte.md @@ -29,6 +29,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -52,6 +55,16 @@ data="{[ | ` } +
    {
    +`
    +
    + | + | + | + | + | +
    ` +}
    @@ -59,6 +72,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -66,6 +82,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -73,6 +92,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -88,4 +110,10 @@ data="{[ ` } +
    {
    +` 
    + 
    + 
    +`
    +}
    diff --git a/src/docs/src/routes/components/rating.svelte.md b/src/docs/src/routes/components/rating.svelte.md index 41e91fa4dca..0a694314a02 100644 --- a/src/docs/src/routes/components/rating.svelte.md +++ b/src/docs/src/routes/components/rating.svelte.md @@ -40,6 +40,15 @@ data="{[ ` } +
    {
    +`
    + + + + + +
    ` +}
    @@ -59,6 +68,15 @@ data="{[ ` } +
    {
    +`
    + + + + + +
    ` +}
    @@ -78,6 +96,15 @@ data="{[ ` } +
    {
    +`
    + + + + + +
    ` +}
    @@ -97,6 +124,15 @@ data="{[ ` } +
    {
    +`
    + + + + + +
    ` +}
    @@ -164,6 +200,40 @@ data="{[ ` } +
    {
    +`
    +
    + + + + + +
    + +
    + + + + + +
    + +
    + + + + + +
    + +
    + + + + + +
    ` +}
    @@ -185,6 +255,16 @@ data="{[ ` } +
    {
    +`
    + + + + + + +
    ` +}
    @@ -216,4 +296,19 @@ data="{[ ` } +
    {
    +`
    + + + + + + + + + + + +
    ` +}
    diff --git a/src/docs/src/routes/components/select.svelte.md b/src/docs/src/routes/components/select.svelte.md index c75f6188015..2901b0b69d1 100644 --- a/src/docs/src/routes/components/select.svelte.md +++ b/src/docs/src/routes/components/select.svelte.md @@ -51,6 +51,16 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -66,6 +76,13 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -83,6 +100,14 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -124,6 +149,26 @@ data="{[ ` } +
    {
    +`
    + + + +
    ` +}
    @@ -143,6 +188,15 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -170,6 +224,19 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -187,6 +254,14 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -204,6 +279,14 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -229,6 +312,18 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -250,6 +345,16 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -269,6 +374,15 @@ data="{[ ` } +
    {
    +``
    +}
    @@ -328,6 +442,36 @@ data="{[ ` } +
    {
    +`
    +
    +
    +
    +
    +
    +
    +`
    +}
    @@ -339,4 +483,9 @@ data="{[ ` } +
    {
    +``
    +}
    diff --git a/src/docs/src/routes/components/stack.svelte.md b/src/docs/src/routes/components/stack.svelte.md index fbba2ed72bc..64755d79017 100644 --- a/src/docs/src/routes/components/stack.svelte.md +++ b/src/docs/src/routes/components/stack.svelte.md @@ -30,6 +30,13 @@ data="{[
    3
    ` } +
    {
    +`
    +
    1
    +
    2
    +
    3
    +
    ` +}
    @@ -45,6 +52,13 @@ data="{[
    3
    ` } +
    {
    +`
    +
    1
    +
    2
    +
    3
    +
    ` +}
    @@ -60,6 +74,13 @@ data="{[ Image 3 ` } +
    {
    +`
    + Image 1 + Image 2 + Image 3 +
    ` +}
    @@ -87,6 +108,19 @@ data="{[ ` } +
    {
    +`
    +
    +
    A
    +
    +
    +
    B
    +
    +
    +
    C
    +
    +
    ` +}
    @@ -114,6 +148,19 @@ data="{[ ` } +
    {
    +`
    +
    +
    A
    +
    +
    +
    B
    +
    +
    +
    C
    +
    +
    ` +}
    @@ -159,4 +206,26 @@ data="{[ ` } +
    {
    +`
    +
    +
    +

    Notification 1

    +

    You have 3 unread messages. Tap here to see.

    +
    +
    +
    +
    +

    Notification 2

    +

    You have 3 unread messages. Tap here to see.

    +
    +
    +
    +
    +

    Notification 3

    +

    You have 3 unread messages. Tap here to see.

    +
    +
    +
    ` +}
    diff --git a/src/docs/src/routes/components/stat.svelte.md b/src/docs/src/routes/components/stat.svelte.md index 77aad3ea36b..97aaf6ca426 100644 --- a/src/docs/src/routes/components/stat.svelte.md +++ b/src/docs/src/routes/components/stat.svelte.md @@ -41,6 +41,17 @@ data="{[
    21% more than last month
    +` +} +
    {
    +`
    + +
    +
    Total Page Views
    +
    89,400
    +
    21% more than last month
    +
    +
    ` }
    @@ -110,6 +121,42 @@ data="{[
    31 tasks remaining
    +` +} +
    {
    +`
    + +
    +
    + +
    +
    Total Likes
    +
    25.6K
    +
    21% more than last month
    +
    + +
    +
    + +
    +
    Page Views
    +
    2.6M
    +
    21% more than last month
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    86%
    +
    Tasks done
    +
    31 tasks remaining
    +
    +
    ` }
    @@ -171,6 +218,38 @@ data="{[
    ↘︎ 90 (14%)
    +` +} +
    {
    +`
    + +
    +
    + +
    +
    Downloads
    +
    31K
    +
    Jan 1st - Feb 1st
    +
    + +
    +
    + +
    +
    New Users
    +
    4,200
    +
    ↗︎ 400 (22%)
    +
    + +
    +
    + +
    +
    New Registers
    +
    1,200
    +
    ↘︎ 90 (14%)
    +
    +
    ` }
    @@ -214,6 +293,29 @@ data="{[
    ↘︎ 90 (14%)
    +` +} +
    {
    +`
    + +
    +
    Downloads
    +
    31K
    +
    From January 1st to February 1st
    +
    + +
    +
    Users
    +
    4,200
    +
    ↗︎ 40 (2%)
    +
    + +
    +
    New Registers
    +
    1,200
    +
    ↘︎ 90 (14%)
    +
    +
    ` }
    @@ -257,6 +359,29 @@ data="{[
    ↘︎ 90 (14%)
    +` +} +
    {
    +`
    + +
    +
    Downloads
    +
    31K
    +
    Jan 1st - Feb 1st
    +
    + +
    +
    New Users
    +
    4,200
    +
    ↗︎ 400 (22%)
    +
    + +
    +
    New Registers
    +
    1,200
    +
    ↘︎ 90 (14%)
    +
    +
    ` }
    @@ -300,6 +425,29 @@ data="{[
    ↘︎ 90 (14%)
    +` +} +
    {
    +`
    + +
    +
    Downloads
    +
    31K
    +
    Jan 1st - Feb 1st
    +
    + +
    +
    New Users
    +
    4,200
    +
    ↗︎ 400 (22%)
    +
    + +
    +
    New Registers
    +
    1,200
    +
    ↘︎ 90 (14%)
    +
    +
    ` }
    @@ -342,6 +490,28 @@ data="{[ +` +} +
    {
    +`
    + +
    +
    Account balance
    +
    $89,400
    +
    + +
    +
    + +
    +
    Current balance
    +
    $89,400
    +
    + + +
    +
    +
    ` }
    diff --git a/src/docs/src/routes/components/steps.svelte.md b/src/docs/src/routes/components/steps.svelte.md index 91290ffc7e6..bb459d21583 100644 --- a/src/docs/src/routes/components/steps.svelte.md +++ b/src/docs/src/routes/components/steps.svelte.md @@ -42,6 +42,14 @@ data="{[
  • Receive Product
  • ` } +
    {
    +``
    +}
    @@ -59,6 +67,14 @@ data="{[
  • Receive Product
  • ` } +
    {
    +``
    +}
    @@ -76,6 +92,14 @@ data="{[
  • Receive Product
  • ` } +
    {
    +``
    +}
    @@ -99,6 +123,17 @@ data="{[
  • Step 7
  • ` } +
    {
    +``
    +}
    @@ -116,6 +151,14 @@ data="{[
  • Sit on toilet
  • ` } +
    {
    +``
    +}
    @@ -177,4 +220,34 @@ data="{[ ` } +
    {
    +`
    +
      +
    • start
    • +
    • 2
    • +
    • 3
    • +
    • 4
    • +
    • 5
    • +
    • 6
    • +
    • 7
    • +
    • 8
    • +
    • 9
    • +
    • 10
    • +
    • 11
    • +
    • 12
    • +
    • 13
    • +
    • 14
    • +
    • 15
    • +
    • 16
    • +
    • 17
    • +
    • 18
    • +
    • 19
    • +
    • 20
    • +
    • 21
    • +
    • 22
    • +
    • 23
    • +
    • end
    • +
    +
    ` +}
    diff --git a/src/docs/src/routes/components/swap.svelte.md b/src/docs/src/routes/components/swap.svelte.md index b0c6e79e59e..046d169eb41 100644 --- a/src/docs/src/routes/components/swap.svelte.md +++ b/src/docs/src/routes/components/swap.svelte.md @@ -36,6 +36,13 @@ data="{[
    OFF
    ` } +
    {
    +``
    +}
    @@ -56,6 +63,20 @@ data="{[ +` +} +
    {
    +``
     }
    @@ -78,6 +99,20 @@ data="{[ +` +} +
    {
    +``
     }
    @@ -100,6 +135,20 @@ data="{[ +` +} +
    {
    +``
     }
    @@ -119,6 +168,17 @@ data="{[
    😈
    😇
    +` +} +
    {
    +``
     }
    @@ -142,4 +202,14 @@ data="{[
    😭
    ` } +
    {
    +`
    +`
    +}
    diff --git a/src/docs/src/routes/components/tab.svelte.md b/src/docs/src/routes/components/tab.svelte.md index a560db6f325..e8722bbb149 100644 --- a/src/docs/src/routes/components/tab.svelte.md +++ b/src/docs/src/routes/components/tab.svelte.md @@ -39,6 +39,13 @@ data="{[ Tab 3 ` } +
    {
    +`
    + Tab 1 + Tab 2 + Tab 3 +
    ` +}
    @@ -54,6 +61,13 @@ data="{[ Tab 3 ` } +
    {
    +`
    + Tab 1 + Tab 2 + Tab 3 +
    ` +}
    @@ -69,6 +83,13 @@ data="{[ Tab 3 ` } +
    {
    +`
    + Tab 1 + Tab 2 + Tab 3 +
    ` +}
    @@ -84,6 +105,13 @@ data="{[ Tab 3 ` } +
    {
    +`
    + Tab 1 + Tab 2 + Tab 3 +
    ` +}
    @@ -135,4 +163,30 @@ data="{[ Large ` } +
    {
    +`
    +
    + Tiny + Tiny + Tiny +
    + +
    + Small + Small + Small +
    + +
    + Normal + Normal + Normal +
    + +
    + Large + Large + Large +
    ` +}
    diff --git a/src/docs/src/routes/components/table.svelte.md b/src/docs/src/routes/components/table.svelte.md index d3743756bb9..2eb889200f4 100644 --- a/src/docs/src/routes/components/table.svelte.md +++ b/src/docs/src/routes/components/table.svelte.md @@ -93,6 +93,44 @@ data="{[ ` } +
    {
    +`
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameJobFavorite Color
    1Cy GandertonQuality Control SpecialistBlue
    2Hart HagertyDesktop Support TechnicianPurple
    3Brice SwyreTax AccountantRed
    +
    ` +}
    @@ -166,6 +204,44 @@ data="{[ ` } +
    {
    +`
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameJobFavorite Color
    1Cy GandertonQuality Control SpecialistBlue
    2Hart HagertyDesktop Support TechnicianPurple
    3Brice SwyreTax AccountantRed
    +
    ` +}
    @@ -239,6 +315,44 @@ data="{[ ` } +
    {
    +`
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameJobFavorite Color
    1Cy GandertonQuality Control SpecialistBlue
    2Hart HagertyDesktop Support TechnicianPurple
    3Brice SwyreTax AccountantRed
    +
    ` +}
    @@ -312,6 +426,44 @@ data="{[ ` } +
    {
    +`
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameJobFavorite Color
    1Cy GandertonQuality Control SpecialistBlue
    2Hart HagertyDesktop Support TechnicianPurple
    3Brice SwyreTax AccountantRed
    +
    ` +}
    @@ -612,6 +764,159 @@ data="{[ ` } +
    {
    +`
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + NameJobFavorite Color
    + + +
    +
    +
    + Avatar Tailwind CSS Component +
    +
    +
    +
    Hart Hagerty
    +
    United States
    +
    +
    +
    + Zemlak, Daniel and Leannon +
    + Desktop Support Technician +
    Purple + +
    + + +
    +
    +
    + Avatar Tailwind CSS Component +
    +
    +
    +
    Brice Swyre
    +
    China
    +
    +
    +
    + Carroll Group +
    + Tax Accountant +
    Red + +
    + + +
    +
    +
    + Avatar Tailwind CSS Component +
    +
    +
    +
    Marjy Ferencz
    +
    Russia
    +
    +
    +
    + Rowe-Schoen +
    + Office Assistant I +
    Crimson + +
    + + +
    +
    +
    + Avatar Tailwind CSS Component +
    +
    +
    +
    Yancy Tear
    +
    Brazil
    +
    +
    +
    + Wyman-Ledner +
    + Community Outreach Specialist +
    Indigo + +
    NameJobFavorite Color
    +
    ` +}
    @@ -1033,4 +1338,214 @@ data="{[ ` } +
    {
    +`
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameJobcompanylocationLast LoginFavorite Color
    1Cy GandertonQuality Control SpecialistLittel, Schaden and VandervortCanada12/16/2020Blue
    2Hart HagertyDesktop Support TechnicianZemlak, Daniel and LeannonUnited States12/5/2020Purple
    3Brice SwyreTax AccountantCarroll GroupChina8/15/2020Red
    4Marjy FerenczOffice Assistant IRowe-SchoenRussia3/25/2021Crimson
    5Yancy TearCommunity Outreach SpecialistWyman-LednerBrazil5/22/2020Indigo
    6Irma VasilikEditorWiza, Bins and EmardVenezuela12/8/2020Purple
    7Meghann DurtnalStaff Accountant IVSchuster-SchimmelPhilippines2/17/2021Yellow
    8Sammy SestonAccountant IO'Hara, Welch and KeeblerIndonesia5/23/2020Crimson
    9Lesya TinhamSafety Technician IVTurner-KuhlmanPhilippines2/21/2021Maroon
    10Zaneta TewkesburyVP MarketingSauer LLCChad6/23/2020Green
    11Andy TippleLibrarianHilpert GroupPoland7/9/2020Indigo
    12Sophi BilesRecruiting ManagerGutmann IncIndonesia2/12/2021Maroon
    13Florida GarcesWeb Developer IVGaylord, Pacocha and BaumbachPoland5/31/2020Purple
    14Maribeth PoppingAnalyst ProgrammerDeckow-PourosPortugal4/27/2021Aquamarine
    15Moritz DryburghDental HygienistSchiller, Cole and HackettSri Lanka8/8/2020Crimson
    16Reid SemirasTeacherSporer, Sipes and RogahnPoland7/30/2020Green
    17Alec LethbyTeacherReichel, Glover and HamillChina2/28/2021Khaki
    18Aland WilberQuality Control SpecialistKshlerin, Rogahn and SwaniawskiCzech Republic9/29/2020Purple
    19Teddie DuerdenStaff Accountant IIIPouros, Ullrich and WindlerFrance10/27/2020Aquamarine
    20Lorelei BlackstoneData CoordiatorWitting, Kutch and GreenfelderKazakhstan6/3/2020Red
    NameJobcompanylocationLast LoginFavorite Color
    +
    ` +}
    diff --git a/src/docs/src/routes/components/textarea.svelte.md b/src/docs/src/routes/components/textarea.svelte.md index 8f155996a4e..4d4419cac04 100644 --- a/src/docs/src/routes/components/textarea.svelte.md +++ b/src/docs/src/routes/components/textarea.svelte.md @@ -33,6 +33,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -40,6 +43,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -47,6 +53,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -74,6 +83,19 @@ data="{[ ` } +
    {
    +`
    + + + +
    ` +}
    @@ -81,6 +103,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -88,6 +113,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -95,6 +123,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -102,6 +133,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -109,6 +143,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -116,6 +153,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -123,6 +163,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -130,4 +173,7 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    diff --git a/src/docs/src/routes/components/toast.svelte.md b/src/docs/src/routes/components/toast.svelte.md index d0127b236bc..e4cfe60a503 100644 --- a/src/docs/src/routes/components/toast.svelte.md +++ b/src/docs/src/routes/components/toast.svelte.md @@ -42,6 +42,15 @@ data="{[ ` } +
    {
    +`
    +
    +
    + New message arrived. +
    +
    +
    ` +}
    @@ -74,6 +83,20 @@ data="{[ ` } +
    {
    +`
    +
    +
    + New mail arrived. +
    +
    +
    +
    + Message sent successfully. +
    +
    +
    ` +}
    @@ -106,6 +129,20 @@ data="{[ ` } +
    {
    +`
    +
    +
    + New mail arrived. +
    +
    +
    +
    + Message sent successfully. +
    +
    +
    ` +}
    @@ -138,6 +175,20 @@ data="{[ ` } +
    {
    +`
    +
    +
    + New mail arrived. +
    +
    +
    +
    + Message sent successfully. +
    +
    +
    ` +}
    @@ -170,6 +221,20 @@ data="{[ ` } +
    {
    +`
    +
    +
    + New mail arrived. +
    +
    +
    +
    + Message sent successfully. +
    +
    +
    ` +}
    @@ -202,6 +267,20 @@ data="{[ ` } +
    {
    +`
    +
    +
    + New mail arrived. +
    +
    +
    +
    + Message sent successfully. +
    +
    +
    ` +}
    @@ -234,6 +313,20 @@ data="{[ ` } +
    {
    +`
    +
    +
    + New mail arrived. +
    +
    +
    +
    + Message sent successfully. +
    +
    +
    ` +}
    @@ -266,6 +359,20 @@ data="{[ ` } +
    {
    +`
    +
    +
    + New mail arrived. +
    +
    +
    +
    + Message sent successfully. +
    +
    +
    ` +}
    @@ -298,6 +405,20 @@ data="{[ ` } +
    {
    +`
    +
    +
    + New mail arrived. +
    +
    +
    +
    + Message sent successfully. +
    +
    +
    ` +}
    @@ -330,5 +451,19 @@ data="{[ ` } +
    {
    +`
    +
    +
    + New mail arrived. +
    +
    +
    +
    + Message sent successfully. +
    +
    +
    ` +}
    diff --git a/src/docs/src/routes/components/toggle.svelte.md b/src/docs/src/routes/components/toggle.svelte.md index 5a4e8a15d4f..74d442cf333 100644 --- a/src/docs/src/routes/components/toggle.svelte.md +++ b/src/docs/src/routes/components/toggle.svelte.md @@ -31,6 +31,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -48,6 +51,14 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -65,6 +76,14 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -82,6 +101,14 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -99,6 +126,14 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -114,6 +149,12 @@ data="{[ ` } +
    {
    +`
    +
    +
    +`
    +}
    @@ -121,6 +162,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -128,6 +172,9 @@ data="{[
    {
     ``
     }
    +
    {
    +``
    +}
    @@ -139,4 +186,11 @@ data="{[ ` } +
    {
    +`
    +
    +`
    +}
    diff --git a/src/docs/src/routes/components/tooltip.svelte.md b/src/docs/src/routes/components/tooltip.svelte.md index 8a24183fe67..04b7c5d33ed 100644 --- a/src/docs/src/routes/components/tooltip.svelte.md +++ b/src/docs/src/routes/components/tooltip.svelte.md @@ -39,6 +39,11 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -52,6 +57,11 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -65,6 +75,11 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -78,6 +93,11 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -91,6 +111,11 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -104,6 +129,11 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -117,6 +147,11 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -130,6 +165,11 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -143,6 +183,11 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -156,6 +201,11 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -169,6 +219,11 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}
    @@ -182,4 +237,9 @@ data="{[ ` } +
    {
    +`
    + +
    ` +}