@cryptlex/web-components 6.0.1 → 6.1.0
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.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function Steps({ ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"steps.js","sources":["../../lib/components/steps.tsx"],"sourcesContent":["export function Steps({ ...props }: React.ComponentProps<'div'>) {\n return <div className=\"steps\" {...props} />\n}"],"names":["Steps","props","jsx"],"mappings":"wCAAO,SAASA,EAAM,CAAE,GAAGC,GAAsC,CAC7D,OAAOC,EAAC,MAAA,CAAI,UAAU,QAAS,GAAGD,EAAO,CAC7C"}
|
package/lib/utilities.css
CHANGED
|
@@ -97,4 +97,31 @@
|
|
|
97
97
|
p, ul, ol, blockquote, pre {
|
|
98
98
|
@apply my-2;
|
|
99
99
|
}
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
@utility steps {
|
|
103
|
+
@apply ps-0;
|
|
104
|
+
> ol {
|
|
105
|
+
@apply list-none ps-0;
|
|
106
|
+
counter-reset: steps-counter;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
> ol > li {
|
|
110
|
+
@apply relative ps-input pb-2 min-h-12;
|
|
111
|
+
counter-increment: steps-counter;
|
|
112
|
+
}
|
|
113
|
+
> ol > li + li {
|
|
114
|
+
@apply mt-0;
|
|
115
|
+
}
|
|
116
|
+
> ol > li::before {
|
|
117
|
+
content: counter(steps-counter);
|
|
118
|
+
@apply absolute top-0 start-0 size-icon leading-icon bg-accent text-accent-foreground text-xs font-semibold text-center rounded-full;
|
|
119
|
+
}
|
|
120
|
+
> ol > li::after {
|
|
121
|
+
content: '';
|
|
122
|
+
@apply absolute bg-border w-[1px] top-5 h-1/2 left-2 py-1;
|
|
123
|
+
}
|
|
124
|
+
> ol > li:last-child::after {
|
|
125
|
+
@apply content-none;
|
|
126
|
+
}
|
|
100
127
|
}
|