@discourser/design-system 0.11.0 → 0.13.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.
- package/dist/{chunk-GUJTU4IH.js → chunk-BQAXPMOR.js} +12 -8
- package/dist/chunk-BQAXPMOR.js.map +1 -0
- package/dist/{chunk-X4PNKWSA.cjs → chunk-MIBEMJNS.cjs} +12 -8
- package/dist/chunk-MIBEMJNS.cjs.map +1 -0
- package/dist/{chunk-ESTQ62GZ.cjs → chunk-XSX6TKJZ.cjs} +211 -3
- package/dist/chunk-XSX6TKJZ.cjs.map +1 -0
- package/dist/{chunk-GMAXQBON.js → chunk-ZNAYN5UV.js} +211 -3
- package/dist/chunk-ZNAYN5UV.js.map +1 -0
- package/dist/components/Stepper/Stepper.d.ts +5 -1
- package/dist/components/Stepper/Stepper.d.ts.map +1 -1
- package/dist/components/index.cjs +33 -33
- package/dist/components/index.js +1 -1
- package/dist/index.cjs +37 -638
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -598
- package/dist/index.js.map +1 -1
- package/dist/preset/index.cjs +2 -2
- package/dist/preset/index.d.ts.map +1 -1
- package/dist/preset/index.js +1 -1
- package/dist/{recipes/stepper.recipe.d.ts → preset/recipes/stepper.d.ts} +2 -2
- package/dist/preset/recipes/stepper.d.ts.map +1 -0
- package/package.json +7 -2
- package/src/components/Stepper/Stepper.tsx +12 -2
- package/src/index.ts +0 -3
- package/src/preset/index.ts +6 -0
- package/src/{recipes/stepper.recipe.ts → preset/recipes/stepper.ts} +16 -2
- package/dist/chunk-ESTQ62GZ.cjs.map +0 -1
- package/dist/chunk-GMAXQBON.js.map +0 -1
- package/dist/chunk-GUJTU4IH.js.map +0 -1
- package/dist/chunk-X4PNKWSA.cjs.map +0 -1
- package/dist/recipes/button.recipe.d.ts +0 -2
- package/dist/recipes/button.recipe.d.ts.map +0 -1
- package/dist/recipes/card.recipe.d.ts +0 -2
- package/dist/recipes/card.recipe.d.ts.map +0 -1
- package/dist/recipes/dialog.recipe.d.ts +0 -2
- package/dist/recipes/dialog.recipe.d.ts.map +0 -1
- package/dist/recipes/icon-button.recipe.d.ts +0 -2
- package/dist/recipes/icon-button.recipe.d.ts.map +0 -1
- package/dist/recipes/index.d.ts +0 -7
- package/dist/recipes/index.d.ts.map +0 -1
- package/dist/recipes/input.recipe.d.ts +0 -2
- package/dist/recipes/input.recipe.d.ts.map +0 -1
- package/dist/recipes/stepper.recipe.d.ts.map +0 -1
- package/dist/recipes/switch.recipe.d.ts +0 -2
- package/dist/recipes/switch.recipe.d.ts.map +0 -1
- package/src/recipes/button.recipe.ts +0 -120
- package/src/recipes/card.recipe.ts +0 -50
- package/src/recipes/dialog.recipe.ts +0 -130
- package/src/recipes/icon-button.recipe.ts +0 -96
- package/src/recipes/index.ts +0 -6
- package/src/recipes/input.recipe.ts +0 -93
- package/src/recipes/switch.recipe.ts +0 -117
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/recipes/button.recipe.ts","../src/recipes/card.recipe.ts","../src/recipes/icon-button.recipe.ts","../src/recipes/input.recipe.ts","../src/recipes/dialog.recipe.ts","../src/recipes/switch.recipe.ts","../src/utils/cn.ts"],"names":["defineRecipe","defineSlotRecipe"],"mappings":"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","file":"index.js","sourcesContent":["import { defineRecipe } from '@pandacss/dev';\n\nexport const buttonRecipe = defineRecipe({\n className: 'button',\n description: 'Material Design 3 button component',\n base: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: 'sm',\n fontFamily: 'body',\n fontWeight: '500',\n borderRadius: 'full',\n cursor: 'pointer',\n transition: 'all',\n transitionDuration: 'fast',\n transitionTimingFunction: 'standard',\n outline: 'none',\n border: 'none',\n textDecoration: 'none',\n _disabled: {\n opacity: 0.38,\n cursor: 'not-allowed',\n pointerEvents: 'none'\n },\n _focusVisible: {\n outline: '2px solid',\n outlineColor: 'primary',\n outlineOffset: '2px'\n }\n },\n variants: {\n variant: {\n filled: {\n bg: 'primary',\n color: 'onPrimary',\n _hover: {\n opacity: 0.92,\n shadow: 'level1'\n },\n _active: {\n opacity: 0.88\n }\n },\n outlined: {\n bg: 'transparent',\n color: 'primary',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: 'outline',\n _hover: {\n bg: 'primary',\n bgOpacity: 0.08\n },\n _active: {\n bg: 'primary',\n bgOpacity: 0.12\n }\n },\n text: {\n bg: 'transparent',\n color: 'primary',\n _hover: {\n bg: 'primary',\n bgOpacity: 0.08\n },\n _active: {\n bg: 'primary',\n bgOpacity: 0.12\n }\n },\n elevated: {\n bg: 'surfaceContainerLow',\n color: 'primary',\n shadow: 'level1',\n _hover: {\n shadow: 'level2',\n bg: 'surfaceContainerLow'\n },\n _active: {\n shadow: 'level1'\n }\n },\n tonal: {\n bg: 'secondaryContainer',\n color: 'onSecondaryContainer',\n _hover: {\n shadow: 'level1'\n },\n _active: {\n shadow: 'none'\n }\n }\n },\n size: {\n sm: {\n height: '32px',\n px: 'md',\n fontSize: 'labelMedium',\n lineHeight: 'labelMedium'\n },\n md: {\n height: '40px',\n px: 'lg',\n fontSize: 'labelLarge',\n lineHeight: 'labelLarge'\n },\n lg: {\n height: '48px',\n px: 'xl',\n fontSize: 'labelLarge',\n lineHeight: 'labelLarge'\n }\n }\n },\n defaultVariants: {\n variant: 'filled',\n size: 'md'\n }\n});","import { defineRecipe } from '@pandacss/dev';\n\nexport const cardRecipe = defineRecipe({\n className: 'card',\n description: 'Material Design 3 card component',\n base: {\n display: 'flex',\n flexDirection: 'column',\n borderRadius: 'medium',\n overflow: 'hidden',\n transition: 'all',\n transitionDuration: 'fast',\n transitionTimingFunction: 'standard'\n },\n variants: {\n variant: {\n elevated: {\n bg: 'surfaceContainerLow',\n shadow: 'level1',\n _hover: {\n shadow: 'level2'\n }\n },\n filled: {\n bg: 'surfaceContainerHighest'\n },\n outlined: {\n bg: 'surface',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: 'outlineVariant'\n }\n },\n interactive: {\n true: {\n cursor: 'pointer',\n _hover: {\n opacity: 0.96\n },\n _active: {\n opacity: 0.92\n }\n }\n }\n },\n defaultVariants: {\n variant: 'elevated',\n interactive: false\n }\n});","import { defineRecipe } from '@pandacss/dev';\n\nexport const iconButtonRecipe = defineRecipe({\n className: 'icon-button',\n description: 'Material Design 3 icon button component',\n base: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 'full',\n cursor: 'pointer',\n transition: 'all',\n transitionDuration: 'fast',\n transitionTimingFunction: 'standard',\n outline: 'none',\n border: 'none',\n p: '0',\n _disabled: {\n opacity: 0.38,\n cursor: 'not-allowed',\n pointerEvents: 'none'\n },\n _focusVisible: {\n outline: '2px solid',\n outlineColor: 'primary',\n outlineOffset: '2px'\n }\n },\n variants: {\n variant: {\n standard: {\n bg: 'transparent',\n color: 'onSurfaceVariant',\n _hover: {\n bg: 'onSurfaceVariant',\n bgOpacity: 0.08\n }\n },\n filled: {\n bg: 'primary',\n color: 'onPrimary',\n _hover: {\n opacity: 0.92\n }\n },\n tonal: {\n bg: 'secondaryContainer',\n color: 'onSecondaryContainer',\n _hover: {\n opacity: 0.92\n }\n },\n outlined: {\n bg: 'transparent',\n color: 'onSurfaceVariant',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: 'outline',\n _hover: {\n bg: 'onSurfaceVariant',\n bgOpacity: 0.08\n }\n }\n },\n size: {\n sm: {\n width: '32px',\n height: '32px',\n '& svg': {\n width: '18px',\n height: '18px'\n }\n },\n md: {\n width: '40px',\n height: '40px',\n '& svg': {\n width: '24px',\n height: '24px'\n }\n },\n lg: {\n width: '48px',\n height: '48px',\n '& svg': {\n width: '24px',\n height: '24px'\n }\n }\n }\n },\n defaultVariants: {\n variant: 'standard',\n size: 'md'\n }\n});","import { defineRecipe } from '@pandacss/dev';\n\nexport const inputRecipe = defineRecipe({\n className: 'input',\n description: 'Material Design 3 text field component',\n base: {\n width: '100%',\n fontFamily: 'body',\n fontSize: 'bodyLarge',\n lineHeight: 'bodyLarge',\n color: 'onSurface',\n bg: 'transparent',\n borderRadius: 'extraSmall',\n px: 'md',\n transition: 'all',\n transitionDuration: 'fast',\n outline: 'none',\n _placeholder: {\n color: 'onSurfaceVariant',\n opacity: 0.6,\n },\n _focus: {\n outline: 'none',\n },\n _disabled: {\n opacity: 0.38,\n cursor: 'not-allowed',\n },\n },\n variants: {\n variant: {\n filled: {\n bg: 'surfaceContainerHighest',\n borderBottomWidth: '1px',\n borderBottomStyle: 'solid',\n borderBottomColor: 'onSurfaceVariant',\n borderTopLeftRadius: 'extraSmall',\n borderTopRightRadius: 'extraSmall',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n _hover: {\n bg: 'surfaceContainerHigh',\n },\n _focus: {\n borderBottomWidth: '2px',\n borderBottomColor: 'primary',\n },\n },\n outlined: {\n bg: 'transparent',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: 'outline',\n _hover: {\n borderColor: 'onSurface',\n },\n _focus: {\n borderWidth: '2px',\n borderColor: 'primary',\n },\n },\n },\n size: {\n sm: {\n height: '40px',\n fontSize: 'bodySmall',\n lineHeight: 'bodySmall',\n },\n md: {\n height: '56px',\n fontSize: 'bodyLarge',\n lineHeight: 'bodyLarge',\n },\n },\n state: {\n error: {\n borderColor: 'error',\n _focus: {\n borderColor: 'error',\n },\n },\n disabled: {\n opacity: 0.38,\n cursor: 'not-allowed',\n pointerEvents: 'none',\n },\n },\n },\n defaultVariants: {\n variant: 'outlined',\n size: 'md',\n },\n});\n","import { defineSlotRecipe } from '@pandacss/dev';\n\nexport const dialogRecipe = defineSlotRecipe({\n className: 'dialog',\n description: 'Material Design 3 dialog component',\n slots: ['backdrop', 'positioner', 'content', 'title', 'description', 'closeTrigger'],\n base: {\n backdrop: {\n position: 'fixed',\n inset: '0',\n bg: 'scrim',\n opacity: 0.4,\n zIndex: 'modal',\n animation: 'fadeIn',\n _open: {\n animation: 'fadeIn',\n },\n _closed: {\n animation: 'fadeOut',\n },\n },\n positioner: {\n position: 'fixed',\n inset: '0',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n zIndex: 'modal',\n p: 'lg',\n },\n content: {\n position: 'relative',\n bg: 'surfaceContainerHigh',\n color: 'onSurface',\n borderRadius: 'extraLarge',\n boxShadow: 'level3',\n display: 'flex',\n flexDirection: 'column',\n maxWidth: '90vw',\n maxHeight: '90vh',\n overflow: 'hidden',\n animation: 'scaleIn',\n _open: {\n animation: 'scaleIn',\n },\n _closed: {\n animation: 'scaleOut',\n },\n },\n title: {\n fontFamily: 'headline',\n fontSize: 'headlineSmall',\n fontWeight: 'regular',\n color: 'onSurface',\n px: 'xl',\n pt: 'xl',\n pb: 'md',\n },\n description: {\n fontFamily: 'body',\n fontSize: 'bodyMedium',\n color: 'onSurfaceVariant',\n px: 'xl',\n pb: 'xl',\n flex: '1',\n overflow: 'auto',\n },\n closeTrigger: {\n position: 'absolute',\n top: 'md',\n right: 'md',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '40px',\n height: '40px',\n borderRadius: 'full',\n cursor: 'pointer',\n color: 'onSurfaceVariant',\n bg: 'transparent',\n border: 'none',\n transition: 'all',\n transitionDuration: 'fast',\n _hover: {\n bg: 'surfaceContainerHighest',\n },\n _focus: {\n outline: 'none',\n bg: 'surfaceContainerHighest',\n },\n },\n },\n variants: {\n size: {\n sm: {\n content: {\n width: '280px',\n minHeight: '140px',\n },\n },\n md: {\n content: {\n width: '560px',\n minHeight: '200px',\n },\n },\n lg: {\n content: {\n width: '800px',\n minHeight: '300px',\n },\n },\n fullscreen: {\n content: {\n width: '100vw',\n height: '100vh',\n maxWidth: '100vw',\n maxHeight: '100vh',\n borderRadius: 'none',\n },\n positioner: {\n p: '0',\n },\n },\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n","import { defineSlotRecipe } from '@pandacss/dev';\n\nexport const switchRecipe = defineSlotRecipe({\n className: 'switchControl',\n description: 'Material Design 3 switch component',\n slots: ['root', 'control', 'thumb', 'label'],\n base: {\n root: {\n display: 'inline-flex',\n alignItems: 'center',\n gap: 'sm',\n cursor: 'pointer',\n userSelect: 'none',\n _disabled: {\n cursor: 'not-allowed',\n opacity: 0.38,\n },\n },\n control: {\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n width: '52px',\n height: '32px',\n borderRadius: 'full',\n bg: 'surfaceContainerHighest',\n border: '2px solid',\n borderColor: 'outline',\n transition: 'all',\n transitionDuration: 'fast',\n flexShrink: 0,\n _checked: {\n bg: 'primary',\n borderColor: 'primary',\n },\n _disabled: {\n bg: 'surfaceVariant',\n borderColor: 'onSurface',\n opacity: 0.12,\n },\n },\n thumb: {\n position: 'absolute',\n left: '4px',\n width: '16px',\n height: '16px',\n borderRadius: 'full',\n bg: 'outline',\n transition: 'all',\n transitionDuration: 'fast',\n _checked: {\n left: '28px',\n width: '24px',\n height: '24px',\n bg: 'onPrimary',\n },\n _disabled: {\n bg: 'onSurface',\n opacity: 0.38,\n },\n },\n label: {\n fontFamily: 'body',\n fontSize: 'bodyMedium',\n color: 'onSurface',\n userSelect: 'none',\n _disabled: {\n opacity: 0.38,\n },\n },\n },\n variants: {\n size: {\n sm: {\n control: {\n width: '44px',\n height: '24px',\n },\n thumb: {\n width: '12px',\n height: '12px',\n left: '4px',\n _checked: {\n left: '24px',\n width: '16px',\n height: '16px',\n },\n },\n label: {\n fontSize: 'bodySmall',\n },\n },\n md: {\n control: {\n width: '52px',\n height: '32px',\n },\n thumb: {\n width: '16px',\n height: '16px',\n left: '4px',\n _checked: {\n left: '28px',\n width: '24px',\n height: '24px',\n },\n },\n label: {\n fontSize: 'bodyMedium',\n },\n },\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n","import { clsx, type ClassValue } from 'clsx';\n\n/**\n * Utility function to merge class names\n */\nexport function cn(...inputs: ClassValue[]) {\n return clsx(inputs);\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/utils/cn.ts"],"names":[],"mappings":";;;;;AAKO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,KAAK,MAAM,CAAA;AACpB","file":"index.js","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\n\n/**\n * Utility function to merge class names\n */\nexport function cn(...inputs: ClassValue[]) {\n return clsx(inputs);\n}\n"]}
|
package/dist/preset/index.cjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkXSX6TKJZ_cjs = require('../chunk-XSX6TKJZ.cjs');
|
|
4
4
|
require('../chunk-EARF7VDF.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
Object.defineProperty(exports, "discourserPandaPreset", {
|
|
9
9
|
enumerable: true,
|
|
10
|
-
get: function () { return
|
|
10
|
+
get: function () { return chunkXSX6TKJZ_cjs.discourserPandaPreset; }
|
|
11
11
|
});
|
|
12
12
|
//# sourceMappingURL=index.cjs.map
|
|
13
13
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/preset/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/preset/index.ts"],"names":[],"mappings":"AAsDA,eAAO,MAAM,qBAAqB,gCAgJhC,CAAC"}
|
package/dist/preset/index.js
CHANGED
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
* - colorPalette.subtle.* for secondary/completed state
|
|
13
13
|
* - neutral.subtle.* and fg.muted for default/upcoming state
|
|
14
14
|
*/
|
|
15
|
-
export declare const
|
|
16
|
-
//# sourceMappingURL=stepper.
|
|
15
|
+
export declare const stepper: import("@pandacss/dev").SlotRecipeConfig;
|
|
16
|
+
//# sourceMappingURL=stepper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/preset/recipes/stepper.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,OAAO,0CAsOlB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@discourser/design-system",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.13.0",
|
|
4
4
|
"description": "Aesthetic-agnostic design system with Panda CSS and Ark UI",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"publishConfig": {
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
],
|
|
158
158
|
"scripts": {
|
|
159
159
|
"dev": "pnpm docs:generate && storybook dev -p 6006",
|
|
160
|
-
"build": "pnpm build:panda && pnpm build:lib && pnpm build:types",
|
|
160
|
+
"build": "pnpm build:panda && pnpm typecheck && pnpm build:lib && pnpm build:types",
|
|
161
161
|
"build:panda": "panda codegen",
|
|
162
162
|
"build:css": "panda cssgen --outfile dist/styles.css",
|
|
163
163
|
"build:lib": "tsup",
|
|
@@ -177,6 +177,11 @@
|
|
|
177
177
|
"transform:contract-to-dtcg": "tsx scripts/design-language-to-dtcg.ts",
|
|
178
178
|
"docs:generate": "tsx scripts/generate-storybook-docs.ts",
|
|
179
179
|
"typecheck": "tsc --noEmit",
|
|
180
|
+
"verify": "bash scripts/verify.sh",
|
|
181
|
+
"verify:types": "pnpm build:panda && pnpm typecheck",
|
|
182
|
+
"verify:lint": "pnpm lint",
|
|
183
|
+
"verify:test": "pnpm test run",
|
|
184
|
+
"verify:build": "pnpm build",
|
|
180
185
|
"changeset": "changeset",
|
|
181
186
|
"version": "changeset version",
|
|
182
187
|
"ci:version": "pnpm exec changeset version",
|
|
@@ -23,7 +23,7 @@ export interface StepperRootProps
|
|
|
23
23
|
extends
|
|
24
24
|
Omit<
|
|
25
25
|
React.ComponentPropsWithoutRef<typeof Steps.Root>,
|
|
26
|
-
'count' | 'size' | 'orientation'
|
|
26
|
+
'count' | 'size' | 'orientation' | 'step' | 'defaultStep'
|
|
27
27
|
>,
|
|
28
28
|
Omit<StepperVariantProps, 'colorPalette'> {
|
|
29
29
|
/** Array of step configurations */
|
|
@@ -38,6 +38,10 @@ export interface StepperRootProps
|
|
|
38
38
|
prevLabel?: string;
|
|
39
39
|
/** Next button label */
|
|
40
40
|
nextLabel?: string;
|
|
41
|
+
/** Current step (controlled mode) */
|
|
42
|
+
step?: number;
|
|
43
|
+
/** Default step (uncontrolled mode) */
|
|
44
|
+
defaultStep?: number;
|
|
41
45
|
/** Custom class name */
|
|
42
46
|
className?: string;
|
|
43
47
|
}
|
|
@@ -113,6 +117,8 @@ export const StepperRoot = forwardRef<HTMLDivElement, StepperRootProps>(
|
|
|
113
117
|
nextLabel = 'Next',
|
|
114
118
|
className,
|
|
115
119
|
children,
|
|
120
|
+
step,
|
|
121
|
+
defaultStep,
|
|
116
122
|
...props
|
|
117
123
|
},
|
|
118
124
|
ref,
|
|
@@ -126,6 +132,8 @@ export const StepperRoot = forwardRef<HTMLDivElement, StepperRootProps>(
|
|
|
126
132
|
count={steps.length}
|
|
127
133
|
orientation={stepOrientation as 'horizontal' | 'vertical'}
|
|
128
134
|
className={cx(classes.root, css({ colorPalette }), className)}
|
|
135
|
+
step={step}
|
|
136
|
+
defaultStep={defaultStep}
|
|
129
137
|
{...props}
|
|
130
138
|
>
|
|
131
139
|
<Steps.List className={classes.list}>
|
|
@@ -135,7 +143,9 @@ export const StepperRoot = forwardRef<HTMLDivElement, StepperRootProps>(
|
|
|
135
143
|
<Steps.Indicator className={classes.indicator}>
|
|
136
144
|
{index + 1}
|
|
137
145
|
</Steps.Indicator>
|
|
138
|
-
{step.title &&
|
|
146
|
+
{step.title && (
|
|
147
|
+
<span className={classes.label}>{step.title}</span>
|
|
148
|
+
)}
|
|
139
149
|
</Steps.Trigger>
|
|
140
150
|
{index < steps.length - 1 && (
|
|
141
151
|
<CustomSeparator index={index} className={classes.separator} />
|
package/src/index.ts
CHANGED
package/src/preset/index.ts
CHANGED
|
@@ -41,6 +41,10 @@ import { tooltip } from './recipes/tooltip';
|
|
|
41
41
|
|
|
42
42
|
// Park UI recipes - Typography
|
|
43
43
|
import { heading } from './recipes/heading';
|
|
44
|
+
|
|
45
|
+
// Custom Components
|
|
46
|
+
import { stepper } from './recipes/stepper';
|
|
47
|
+
|
|
44
48
|
// Park UI theme extensions
|
|
45
49
|
import { layerStyles } from './layer-styles';
|
|
46
50
|
import { textStyles as parkTextStyles } from './text-styles';
|
|
@@ -170,6 +174,8 @@ export const discourserPandaPreset = definePreset({
|
|
|
170
174
|
dialog,
|
|
171
175
|
popover,
|
|
172
176
|
tooltip,
|
|
177
|
+
// Custom Components
|
|
178
|
+
stepper,
|
|
173
179
|
},
|
|
174
180
|
},
|
|
175
181
|
},
|
|
@@ -14,7 +14,7 @@ import { defineSlotRecipe } from '@pandacss/dev';
|
|
|
14
14
|
* - colorPalette.subtle.* for secondary/completed state
|
|
15
15
|
* - neutral.subtle.* and fg.muted for default/upcoming state
|
|
16
16
|
*/
|
|
17
|
-
export const
|
|
17
|
+
export const stepper = defineSlotRecipe({
|
|
18
18
|
className: 'stepper',
|
|
19
19
|
description: 'Multi-step progress indicator for guided workflows',
|
|
20
20
|
|
|
@@ -24,6 +24,7 @@ export const stepperRecipe = defineSlotRecipe({
|
|
|
24
24
|
'item',
|
|
25
25
|
'trigger',
|
|
26
26
|
'indicator',
|
|
27
|
+
'label',
|
|
27
28
|
'separator',
|
|
28
29
|
'content',
|
|
29
30
|
'progress',
|
|
@@ -68,6 +69,7 @@ export const stepperRecipe = defineSlotRecipe({
|
|
|
68
69
|
padding: '0',
|
|
69
70
|
position: 'relative',
|
|
70
71
|
zIndex: '2',
|
|
72
|
+
flexShrink: '0',
|
|
71
73
|
|
|
72
74
|
_disabled: {
|
|
73
75
|
cursor: 'not-allowed',
|
|
@@ -117,10 +119,22 @@ export const stepperRecipe = defineSlotRecipe({
|
|
|
117
119
|
},
|
|
118
120
|
},
|
|
119
121
|
|
|
122
|
+
label: {
|
|
123
|
+
whiteSpace: 'nowrap',
|
|
124
|
+
textAlign: 'center',
|
|
125
|
+
fontSize: 'sm',
|
|
126
|
+
fontWeight: 'medium',
|
|
127
|
+
color: 'fg.default',
|
|
128
|
+
maxWidth: '120px',
|
|
129
|
+
overflow: 'hidden',
|
|
130
|
+
textOverflow: 'ellipsis',
|
|
131
|
+
},
|
|
132
|
+
|
|
120
133
|
separator: {
|
|
121
134
|
flex: '1',
|
|
135
|
+
minWidth: '40px',
|
|
122
136
|
height: '2px',
|
|
123
|
-
bg: 'border',
|
|
137
|
+
bg: 'neutral.surface.border',
|
|
124
138
|
transition: 'background',
|
|
125
139
|
transitionDuration: 'normal',
|
|
126
140
|
marginInline: '4',
|