@next-degree/pickle-shared-js 0.12.2 → 0.12.3
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.
- package/dist/components/ui/StepTabs.cjs +21 -4
- package/dist/components/ui/StepTabs.cjs.map +1 -1
- package/dist/components/ui/StepTabs.d.cts +2 -2
- package/dist/components/ui/StepTabs.d.ts +2 -2
- package/dist/components/ui/StepTabs.js +21 -4
- package/dist/components/ui/StepTabs.js.map +1 -1
- package/dist/index.cjs +21 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +21 -4
- package/dist/index.js.map +1 -1
- package/dist/styles/globals.css +23 -0
- package/dist/styles/globals.css.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1978,7 +1978,20 @@ var tabParentVariants = cva11("flex flex-col", {
|
|
|
1978
1978
|
variants: {
|
|
1979
1979
|
variant: {
|
|
1980
1980
|
primary: "rounded-lg border shadow-sm",
|
|
1981
|
-
neutral: ""
|
|
1981
|
+
neutral: "",
|
|
1982
|
+
minimal: "relative overflow-x-auto"
|
|
1983
|
+
}
|
|
1984
|
+
},
|
|
1985
|
+
defaultVariants: {
|
|
1986
|
+
variant: "primary"
|
|
1987
|
+
}
|
|
1988
|
+
});
|
|
1989
|
+
var headerVariants = cva11("flex shrink-0 border-b border-grey-20", {
|
|
1990
|
+
variants: {
|
|
1991
|
+
variant: {
|
|
1992
|
+
primary: "",
|
|
1993
|
+
neutral: "",
|
|
1994
|
+
minimal: "w-fit relative border-none"
|
|
1982
1995
|
}
|
|
1983
1996
|
},
|
|
1984
1997
|
defaultVariants: {
|
|
@@ -1991,7 +2004,8 @@ var singleTabVariants = cva11(
|
|
|
1991
2004
|
variants: {
|
|
1992
2005
|
variant: {
|
|
1993
2006
|
primary: "first:rounded-tl-md last:rounded-tr-md hover:text-purple-100 data-[state=active]:text-purple-100 data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative data-[state=active]:focus:shadow-[0_0_0_2px] data-[state=active]:focus:shadow-black",
|
|
1994
|
-
neutral: "first:rounded-tl-md last:rounded-tr-md hover:text-black data-[state=active]:text-black data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative"
|
|
2007
|
+
neutral: "first:rounded-tl-md last:rounded-tr-md hover:text-black data-[state=active]:text-black data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative",
|
|
2008
|
+
minimal: "whitespace-nowrap flex-none first:rounded-tl-md last:rounded-tr-md hover:text-black data-[state=active]:font-bold data-[state=active]:text-black data-[state=active]:shadow-[inset_0_-2px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative"
|
|
1995
2009
|
}
|
|
1996
2010
|
},
|
|
1997
2011
|
defaultVariants: {
|
|
@@ -2019,7 +2033,7 @@ function StepTabs({
|
|
|
2019
2033
|
className: cn(tabParentVariants({ variant }), className),
|
|
2020
2034
|
...props,
|
|
2021
2035
|
children: [
|
|
2022
|
-
/* @__PURE__ */ jsx32(Tabs.List, { className:
|
|
2036
|
+
/* @__PURE__ */ jsx32(Tabs.List, { className: cn(headerVariants({ variant })), children: list.length > 1 && list.map((item, index) => /* @__PURE__ */ jsx32(
|
|
2023
2037
|
Tabs.Trigger,
|
|
2024
2038
|
{
|
|
2025
2039
|
className: cn(singleTabVariants({ variant }), classNameTab),
|
|
@@ -2031,7 +2045,10 @@ function StepTabs({
|
|
|
2031
2045
|
children && children.map((child, index) => /* @__PURE__ */ jsx32(
|
|
2032
2046
|
Tabs.Content,
|
|
2033
2047
|
{
|
|
2034
|
-
className:
|
|
2048
|
+
className: cn(
|
|
2049
|
+
"grow rounded-b-md bg-white p-5 outline-none",
|
|
2050
|
+
variant === "minimal" && "border-t"
|
|
2051
|
+
),
|
|
2035
2052
|
value: index.toString(),
|
|
2036
2053
|
children: child
|
|
2037
2054
|
},
|