Skip to content

Commit d14dca4

Browse files
dragosctdragosct
committed
feat: typescript docs pages update
1 parent 09b3735 commit d14dca4

17 files changed

Lines changed: 1405 additions & 82 deletions

‎components/stepper/stepper-custom-styles.html‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,47 @@
11

2-
<div data-stepper-container data-initial-step="1" class="w-full">
2+
<div data-dui-stepper-container data-dui-initial-step="1" class="w-full">
33
<div class="flex w-full items-center bg-stone-800 p-2 rounded-full">
4-
<div aria-disabled="false" data-step class="group w-full flex items-center">
4+
<div aria-disabled="false" data-dui-step class="group w-full flex items-center">
55
<div class="relative">
66
<span class="relative grid h-4 w-4 place-items-center rounded-full bg-stone-600 group-data-[active=true]:bg-stone-50 group-data-[active=true]:text-stone-800 group-data-[completed=true]:bg-stone-50 group-data-[completed=true]:text-stone-800"></span></div>
77
<div class="flex-1 h-0.5 bg-stone-600 group-data-[completed=true]:bg-stone-50"></div>
88
</div>
9-
<div aria-disabled="true" data-step class="group w-full flex items-center">
9+
<div aria-disabled="true" data-dui-step class="group w-full flex items-center">
1010
<div class="relative">
1111
<span class="relative grid h-4 w-4 place-items-center rounded-full bg-stone-600 group-data-[active=true]:bg-stone-50 group-data-[active=true]:text-stone-800 group-data-[completed=true]:bg-stone-50 group-data-[completed=true]:text-stone-800"></span>
1212
</div>
1313
<div class="flex-1 h-0.5 bg-stone-600 group-data-[completed=true]:bg-stone-50"></div>
1414
</div>
15-
<div aria-disabled="true" data-step class="group flex items-center">
15+
<div aria-disabled="true" data-dui-step class="group flex items-center">
1616
<div class="relative">
1717
<span class="relative grid h-4 w-4 place-items-center rounded-full bg-stone-600 group-data-[active=true]:bg-stone-50 group-data-[active=true]:text-stone-800 group-data-[completed=true]:bg-stone-50 group-data-[completed=true]:text-stone-800"></span>
1818
</div>
1919
</div>
2020
</div>
2121

2222
<div class="mt-8">
23-
<div data-step-content="1" class="step-content hidden">
23+
<div data-dui-step-content="1" class="step-content hidden">
2424
<p class="text-xl font-semibold mb-4">Step 1 Content</p>
2525
<p class="text-stone-500">This is the content for step 1. Add whatever content you need here.</p>
2626
</div>
27-
<div data-step-content="2" class="step-content">
27+
<div data-dui-step-content="2" class="step-content">
2828
<p class="text-xl font-semibold mb-4">Step 2 Content</p>
2929
<p class="text-stone-500">This is the content for step 2. Add whatever content you need here.</p>
3030
</div>
31-
<div data-step-content="3" class="step-content hidden">
31+
<div data-dui-step-content="3" class="step-content hidden">
3232
<p class="text-xl font-semibold mb-4">Step 3 Content</p>
3333
<p class="text-stone-500">This is the content for step 3. Add whatever content you need here.</p>
3434
</div>
3535
</div>
3636

3737
<div class="mt-6 flex w-full justify-between gap-4">
3838
<button
39-
data-stepper-prev
39+
data-dui-stepper-prev
4040
class="inline-flex items-center justify-center border align-middle select-none font-sans font-medium text-center duration-300 ease-in disabled:opacity-50 disabled:shadow-none disabled:cursor-not-allowed focus:shadow-none text-sm py-2 px-4 shadow-sm hover:shadow-md bg-stone-800 hover:bg-stone-700 relative bg-gradient-to-b from-stone-700 to-stone-800 border-stone-900 text-stone-50 rounded-lg hover:bg-gradient-to-b hover:from-stone-800 hover:to-stone-800 hover:border-stone-900 after:absolute after:inset-0 after:rounded-[inherit] after:box-shadow after:shadow-[inset_0_1px_0px_rgba(255,255,255,0.25),inset_0_-2px_0px_rgba(0,0,0,0.35)] after:pointer-events-none transition antialiased">
4141
Previous
4242
</button>
4343
<button
44-
data-stepper-next
44+
data-dui-stepper-next
4545
class="inline-flex items-center justify-center border align-middle select-none font-sans font-medium text-center duration-300 ease-in disabled:opacity-50 disabled:shadow-none disabled:cursor-not-allowed focus:shadow-none text-sm py-2 px-4 shadow-sm hover:shadow-md bg-stone-800 hover:bg-stone-700 relative bg-gradient-to-b from-stone-700 to-stone-800 border-stone-900 text-stone-50 rounded-lg hover:bg-gradient-to-b hover:from-stone-800 hover:to-stone-800 hover:border-stone-900 after:absolute after:inset-0 after:rounded-[inherit] after:box-shadow after:shadow-[inset_0_1px_0px_rgba(255,255,255,0.25),inset_0_-2px_0px_rgba(0,0,0,0.35)] after:pointer-events-none transition antialiased">
4646
Next
4747
</button>

‎components/stepper/stepper-demo.html‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
11

2-
<div data-stepper-container data-initial-step="1" class="w-full">
2+
<div data-dui-stepper-container data-dui-initial-step="1" class="w-full">
33
<div class="flex w-full items-center justify-between">
4-
<div aria-disabled="false" data-step class="group w-full flex items-center">
4+
<div aria-disabled="false" data-dui-step class="group w-full flex items-center">
55
<div class="relative">
66
<span class="relative grid h-10 w-10 place-items-center rounded-full bg-stone-200 group-data-[active=true]:bg-stone-800 group-data-[active=true]:text-white group-data-[completed=true]:bg-stone-800 group-data-[completed=true]:text-white">
77
1
88
</span>
99
</div>
1010
<div class="flex-1 h-1 bg-stone-200 group-data-[completed=true]:bg-stone-800"></div>
1111
</div>
12-
<div aria-disabled="true" data-step class="group w-full flex items-center">
12+
<div aria-disabled="true" data-dui-step class="group w-full flex items-center">
1313
<div class="relative">
1414
<span class="relative grid h-10 w-10 place-items-center rounded-full bg-stone-200 group-data-[active=true]:bg-stone-800 group-data-[active=true]:text-white group-data-[completed=true]:bg-stone-800 group-data-[completed=true]:text-white">
1515
2
1616
</span>
1717
</div>
1818
<div class="flex-1 h-1 bg-stone-200 group-data-[completed=true]:bg-stone-800"></div>
1919
</div>
20-
<div aria-disabled="true" data-step class="group flex items-center">
20+
<div aria-disabled="true" data-dui-step class="group flex items-center">
2121
<div class="relative">
2222
<span class="relative grid h-10 w-10 place-items-center rounded-full bg-stone-200 group-data-[active=true]:bg-stone-800 group-data-[active=true]:text-white group-data-[completed=true]:bg-stone-800 group-data-[completed=true]:text-white">
2323
3
@@ -27,28 +27,28 @@
2727
</div>
2828

2929
<div class="mt-8">
30-
<div data-step-content="1" class="step-content hidden">
30+
<div data-dui-step-content="1" class="step-content hidden">
3131
<p class="text-xl font-semibold mb-4">Step 1 Content</p>
3232
<p class="text-stone-500">This is the content for step 1. Add whatever content you need here.</p>
3333
</div>
34-
<div data-step-content="2" class="step-content">
34+
<div data-dui-step-content="2" class="step-content">
3535
<p class="text-xl font-semibold mb-4">Step 2 Content</p>
3636
<p class="text-stone-500">This is the content for step 2. Add whatever content you need here.</p>
3737
</div>
38-
<div data-step-content="3" class="step-content hidden">
38+
<div data-dui-step-content="3" class="step-content hidden">
3939
<p class="text-xl font-semibold mb-4">Step 3 Content</p>
4040
<p class="text-stone-500">This is the content for step 3. Add whatever content you need here.</p>
4141
</div>
4242
</div>
4343

4444
<div class="mt-6 flex w-full justify-between gap-4">
4545
<button
46-
data-stepper-prev
46+
data-dui-stepper-prev
4747
class="inline-flex items-center justify-center border align-middle select-none font-sans font-medium text-center duration-300 ease-in disabled:opacity-50 disabled:shadow-none disabled:cursor-not-allowed focus:shadow-none text-sm py-2 px-4 shadow-sm hover:shadow-md bg-stone-800 hover:bg-stone-700 relative bg-gradient-to-b from-stone-700 to-stone-800 border-stone-900 text-stone-50 rounded-lg hover:bg-gradient-to-b hover:from-stone-800 hover:to-stone-800 hover:border-stone-900 after:absolute after:inset-0 after:rounded-[inherit] after:box-shadow after:shadow-[inset_0_1px_0px_rgba(255,255,255,0.25),inset_0_-2px_0px_rgba(0,0,0,0.35)] after:pointer-events-none transition antialiased">
4848
Previous
4949
</button>
5050
<button
51-
data-stepper-next
51+
data-dui-stepper-next
5252
class="inline-flex items-center justify-center border align-middle select-none font-sans font-medium text-center duration-300 ease-in disabled:opacity-50 disabled:shadow-none disabled:cursor-not-allowed focus:shadow-none text-sm py-2 px-4 shadow-sm hover:shadow-md bg-stone-800 hover:bg-stone-700 relative bg-gradient-to-b from-stone-700 to-stone-800 border-stone-900 text-stone-50 rounded-lg hover:bg-gradient-to-b hover:from-stone-800 hover:to-stone-800 hover:border-stone-900 after:absolute after:inset-0 after:rounded-[inherit] after:box-shadow after:shadow-[inset_0_1px_0px_rgba(255,255,255,0.25),inset_0_-2px_0px_rgba(0,0,0,0.35)] after:pointer-events-none transition antialiased">
5353
Next
5454
</button>

‎components/stepper/stepper-with-content.html‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11

2-
<div data-stepper-container data-initial-step="1" class="w-full">
2+
<div data-dui-stepper-container data-dui-initial-step="1" class="w-full">
33
<div class="flex w-full items-center justify-between">
4-
<div aria-disabled="false" data-step class="group w-full flex items-center">
4+
<div aria-disabled="false" data-dui-step class="group w-full flex items-center">
55
<div class="relative">
66
<span class="relative grid h-10 w-10 place-items-center rounded-full bg-stone-200 group-data-[active=true]:bg-stone-800 group-data-[active=true]:text-white group-data-[completed=true]:bg-stone-800 group-data-[completed=true]:text-white">
77
<svg width="1.5em" height="1.5em" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor" class="h-6 w-6">
@@ -13,7 +13,7 @@
1313
</div>
1414
<div class="flex-1 h-1 bg-stone-200 group-data-[completed=true]:bg-stone-800"></div>
1515
</div>
16-
<div aria-disabled="true" data-step class="group w-full flex items-center">
16+
<div aria-disabled="true" data-dui-step class="group w-full flex items-center">
1717
<div class="relative">
1818
<span class="relative grid h-10 w-10 place-items-center rounded-full bg-stone-200 group-data-[active=true]:bg-stone-800 group-data-[active=true]:text-white group-data-[completed=true]:bg-stone-800 group-data-[completed=true]:text-white">
1919
<svg width="1.5em" height="1.5em" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor" class="h-6 w-6">
@@ -26,7 +26,7 @@
2626
</div>
2727
<div class="flex-1 h-1 bg-stone-200 group-data-[completed=true]:bg-stone-800"></div>
2828
</div>
29-
<div aria-disabled="true" data-step class="group flex items-center">
29+
<div aria-disabled="true" data-dui-step class="group flex items-center">
3030
<div class="relative">
3131
<span class="relative grid h-10 w-10 place-items-center rounded-full bg-stone-200 group-data-[active=true]:bg-stone-800 group-data-[active=true]:text-white group-data-[completed=true]:bg-stone-800 group-data-[completed=true]:text-white">
3232
<svg width="1.5em" height="1.5em" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor" class="h-6 w-6">
@@ -40,25 +40,25 @@
4040
</div>
4141

4242
<div class="mt-12">
43-
<div data-step-content="1" class="step-content hidden">
43+
<div data-dui-step-content="1" class="step-content hidden">
4444
<p class="text-stone-500">This is the content for step 1. Add whatever content you need here.</p>
4545
</div>
46-
<div data-step-content="2" class="step-content">
46+
<div data-dui-step-content="2" class="step-content">
4747
<p class="text-stone-500">This is the content for step 2. Add whatever content you need here.</p>
4848
</div>
49-
<div data-step-content="3" class="step-content hidden">
49+
<div data-dui-step-content="3" class="step-content hidden">
5050
<p class="text-stone-500">This is the content for step 3. Add whatever content you need here.</p>
5151
</div>
5252
</div>
5353

5454
<div class="mt-6 flex w-full justify-between gap-4">
5555
<button
56-
data-stepper-prev
56+
data-dui-stepper-prev
5757
class="inline-flex items-center justify-center border align-middle select-none font-sans font-medium text-center duration-300 ease-in disabled:opacity-50 disabled:shadow-none disabled:cursor-not-allowed focus:shadow-none text-sm py-2 px-4 shadow-sm hover:shadow-md bg-stone-800 hover:bg-stone-700 relative bg-gradient-to-b from-stone-700 to-stone-800 border-stone-900 text-stone-50 rounded-lg hover:bg-gradient-to-b hover:from-stone-800 hover:to-stone-800 hover:border-stone-900 after:absolute after:inset-0 after:rounded-[inherit] after:box-shadow after:shadow-[inset_0_1px_0px_rgba(255,255,255,0.25),inset_0_-2px_0px_rgba(0,0,0,0.35)] after:pointer-events-none transition antialiased">
5858
Previous
5959
</button>
6060
<button
61-
data-stepper-next
61+
data-dui-stepper-next
6262
class="inline-flex items-center justify-center border align-middle select-none font-sans font-medium text-center duration-300 ease-in disabled:opacity-50 disabled:shadow-none disabled:cursor-not-allowed focus:shadow-none text-sm py-2 px-4 shadow-sm hover:shadow-md bg-stone-800 hover:bg-stone-700 relative bg-gradient-to-b from-stone-700 to-stone-800 border-stone-900 text-stone-50 rounded-lg hover:bg-gradient-to-b hover:from-stone-800 hover:to-stone-800 hover:border-stone-900 after:absolute after:inset-0 after:rounded-[inherit] after:box-shadow after:shadow-[inset_0_1px_0px_rgba(255,255,255,0.25),inset_0_-2px_0px_rgba(0,0,0,0.35)] after:pointer-events-none transition antialiased">
6363
Next
6464
</button>

‎components/stepper/stepper-with-dots.html‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,48 @@
11

2-
<div data-stepper-container data-initial-step="1" class="w-full">
2+
<div data-dui-stepper-container data-dui-initial-step="1" class="w-full">
33
<div class="flex w-full items-center">
4-
<div aria-disabled="false" data-step class="group w-full flex items-center">
4+
<div aria-disabled="false" data-dui-step class="group w-full flex items-center">
55
<div class="relative">
66
<span class="relative grid h-4 w-4 place-items-center rounded-full bg-stone-200 group-data-[active=true]:bg-stone-800 group-data-[active=true]:text-white group-data-[completed=true]:bg-stone-800 group-data-[completed=true]:text-white"></span>
77
</div>
88
<div class="flex-1 h-0.5 bg-stone-200 group-data-[completed=true]:bg-stone-800"></div>
99
</div>
10-
<div aria-disabled="true" data-step class="group w-full flex items-center">
10+
<div aria-disabled="true" data-dui-step class="group w-full flex items-center">
1111
<div class="relative">
1212
<span class="relative grid h-4 w-4 place-items-center rounded-full bg-stone-200 group-data-[active=true]:bg-stone-800 group-data-[active=true]:text-white group-data-[completed=true]:bg-stone-800 group-data-[completed=true]:text-white"></span>
1313
</div>
1414
<div class="flex-1 h-0.5 bg-stone-200 group-data-[completed=true]:bg-stone-800"></div>
1515
</div>
16-
<div aria-disabled="true" data-step class="group flex items-center">
16+
<div aria-disabled="true" data-dui-step class="group flex items-center">
1717
<div class="relative">
1818
<span class="relative grid h-4 w-4 place-items-center rounded-full bg-stone-200 group-data-[active=true]:bg-stone-800 group-data-[active=true]:text-white group-data-[completed=true]:bg-stone-800 group-data-[completed=true]:text-white"></span>
1919
</div>
2020
</div>
2121
</div>
2222

2323
<div class="mt-8">
24-
<div data-step-content="1" class="step-content hidden">
24+
<div data-dui-step-content="1" class="step-content hidden">
2525
<p class="text-xl font-semibold mb-4">Step 1 Content</p>
2626
<p class="text-stone-500">This is the content for step 1. Add whatever content you need here.</p>
2727
</div>
28-
<div data-step-content="2" class="step-content">
28+
<div data-dui-step-content="2" class="step-content">
2929
<p class="text-xl font-semibold mb-4">Step 2 Content</p>
3030
<p class="text-stone-500">This is the content for step 2. Add whatever content you need here.</p>
3131
</div>
32-
<div data-step-content="3" class="step-content hidden">
32+
<div data-dui-step-content="3" class="step-content hidden">
3333
<p class="text-xl font-semibold mb-4">Step 3 Content</p>
3434
<p class="text-stone-500">This is the content for step 3. Add whatever content you need here.</p>
3535
</div>
3636
</div>
3737

3838
<div class="mt-6 flex w-full justify-between gap-4">
3939
<button
40-
data-stepper-prev
40+
data-dui-stepper-prev
4141
class="inline-flex items-center justify-center border align-middle select-none font-sans font-medium text-center duration-300 ease-in disabled:opacity-50 disabled:shadow-none disabled:cursor-not-allowed focus:shadow-none text-sm py-2 px-4 shadow-sm hover:shadow-md bg-stone-800 hover:bg-stone-700 relative bg-gradient-to-b from-stone-700 to-stone-800 border-stone-900 text-stone-50 rounded-lg hover:bg-gradient-to-b hover:from-stone-800 hover:to-stone-800 hover:border-stone-900 after:absolute after:inset-0 after:rounded-[inherit] after:box-shadow after:shadow-[inset_0_1px_0px_rgba(255,255,255,0.25),inset_0_-2px_0px_rgba(0,0,0,0.35)] after:pointer-events-none transition antialiased">
4242
Previous
4343
</button>
4444
<button
45-
data-stepper-next
45+
data-dui-stepper-next
4646
class="inline-flex items-center justify-center border align-middle select-none font-sans font-medium text-center duration-300 ease-in disabled:opacity-50 disabled:shadow-none disabled:cursor-not-allowed focus:shadow-none text-sm py-2 px-4 shadow-sm hover:shadow-md bg-stone-800 hover:bg-stone-700 relative bg-gradient-to-b from-stone-700 to-stone-800 border-stone-900 text-stone-50 rounded-lg hover:bg-gradient-to-b hover:from-stone-800 hover:to-stone-800 hover:border-stone-900 after:absolute after:inset-0 after:rounded-[inherit] after:box-shadow after:shadow-[inset_0_1px_0px_rgba(255,255,255,0.25),inset_0_-2px_0px_rgba(0,0,0,0.35)] after:pointer-events-none transition antialiased">
4747
Next
4848
</button>

0 commit comments

Comments
 (0)