Skip to content

Commit

Permalink
docs: update docs registry
Browse files Browse the repository at this point in the history
  • Loading branch information
@malangcat
malangcat committed Dec 9, 2024
1 parent f2f45d6 commit 5e4459a
Show file tree
Hide file tree
Showing 4 changed files with 108 additions and 43 deletions.
119 changes: 89 additions & 30 deletions docs/public/__registry__/ui/index.json
View file
Original file line number Diff line number Diff line change
@@ -1,23 +1,39 @@
[
{
"name": "alert-dialog",
"innerDependencies": ["action-button"],
"files": ["ui:alert-dialog.tsx"]
"innerDependencies": [
"action-button"
],
"files": [
"ui:alert-dialog.tsx"
]
},
{
"name": "action-button",
"dependencies": ["@radix-ui/react-slot"],
"files": ["ui:action-button.tsx"]
"dependencies": [
"@radix-ui/react-slot"
],
"files": [
"ui:action-button.tsx"
]
},
{
"name": "action-chip",
"dependencies": ["@radix-ui/react-slot"],
"files": ["ui:action-chip.tsx"]
"dependencies": [
"@radix-ui/react-slot"
],
"files": [
"ui:action-chip.tsx"
]
},
{
"name": "badge",
"dependencies": ["@radix-ui/react-slot"],
"files": ["ui:badge.tsx"]
"dependencies": [
"@radix-ui/react-slot"
],
"files": [
"ui:badge.tsx"
]
},
{
"name": "callout",
Expand All @@ -26,17 +42,28 @@
"@seed-design/react-dismissible",
"@daangn/react-monochrome-icon"
],
"files": ["ui:callout.tsx"]
"files": [
"ui:callout.tsx"
]
},
{
"name": "control-chip",
"dependencies": ["@radix-ui/react-slot"],
"files": ["ui:control-chip.tsx"]
"dependencies": [
"@radix-ui/react-slot"
],
"files": [
"ui:control-chip.tsx"
]
},
{
"name": "checkbox",
"dependencies": ["@seed-design/react-checkbox@alpha", "@daangn/react-monochrome-icon"],
"files": ["ui:checkbox.tsx"]
"dependencies": [
"@seed-design/react-checkbox@alpha",
"@daangn/react-monochrome-icon"
],
"files": [
"ui:checkbox.tsx"
]
},
{
"name": "inline-banner",
Expand All @@ -45,27 +72,45 @@
"@seed-design/react-dismissible",
"@daangn/react-monochrome-icon"
],
"files": ["ui:inline-banner.tsx"]
"files": [
"ui:inline-banner.tsx"
]
},
{
"name": "tabs",
"dependencies": ["@seed-design/react-tabs@alpha"],
"files": ["ui:tabs.tsx"]
"dependencies": [
"@seed-design/react-tabs@alpha"
],
"files": [
"ui:tabs.tsx"
]
},
{
"name": "chip-tabs",
"dependencies": ["@seed-design/react-tabs@alpha"],
"files": ["ui:chip-tabs.tsx"]
"dependencies": [
"@seed-design/react-tabs@alpha"
],
"files": [
"ui:chip-tabs.tsx"
]
},
{
"name": "expand-button",
"dependencies": ["@radix-ui/react-slot"],
"files": ["ui:expand-button.tsx"]
"dependencies": [
"@radix-ui/react-slot"
],
"files": [
"ui:expand-button.tsx"
]
},
{
"name": "progress-circle",
"dependencies": ["@seed-design/react-progress"],
"files": ["ui:progress-circle.tsx"]
"dependencies": [
"@seed-design/react-progress"
],
"files": [
"ui:progress-circle.tsx"
]
},
{
"name": "select-box-group",
Expand All @@ -74,21 +119,35 @@
"@seed-design/react-radio-group",
"@daangn/react-monochrome-icon"
],
"files": ["ui:select-box-group.tsx"]
"files": [
"ui:select-box-group.tsx"
]
},
{
"name": "segmented-control",
"dependencies": ["@seed-design/react-segmented-control"],
"files": ["ui:segmented-control.tsx"]
"dependencies": [
"@seed-design/react-segmented-control"
],
"files": [
"ui:segmented-control.tsx"
]
},
{
"name": "switch",
"dependencies": ["@seed-design/react-switch@alpha"],
"files": ["ui:switch.tsx"]
"dependencies": [
"@seed-design/react-switch@alpha"
],
"files": [
"ui:switch.tsx"
]
},
{
"name": "text-button",
"dependencies": ["@radix-ui/react-slot"],
"files": ["ui:text-button.tsx"]
"dependencies": [
"@radix-ui/react-slot"
],
"files": [
"ui:text-button.tsx"
]
}
]
]
2 changes: 1 addition & 1 deletion docs/public/__registry__/ui/progress-circle.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
{
"name": "progress-circle.tsx",
"type": "ui",
"content": "\"use client\";\n\nimport \"@seed-design/stylesheet/progressCircle.css\";\n\nimport {\n useProgress,\n useProgressCircle,\n type UseProgressProps,\n} from \"@seed-design/react-progress\";\nimport {\n progressCircle,\n type ProgressCircleVariant,\n} from \"@seed-design/recipe/progressCircle\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\n\nexport interface ProgressCircleProps\n extends Omit<React.SVGAttributes<SVGSVGElement>, \"children\">,\n UseProgressProps,\n Omit<ProgressCircleVariant, \"isIndeterminate\"> {}\n\n/**\n * @see https://v3.seed-design.io/docs/react/components/progress-circle\n */\nconst ProgressCircle = React.forwardRef<SVGSVGElement, ProgressCircleProps>(\n (props, ref) => {\n const { className, style, size = \"40\", ...otherProps } = props;\n const { value, percent, indeterminate, progressProps } =\n useProgress(otherProps);\n const classNames = progressCircle({ size, indeterminate });\n const { rootProps, trackProps, rangeProps } = useProgressCircle({\n value,\n percent,\n indeterminate,\n });\n\n const ariaLabel =\n otherProps[\"aria-label\"] || indeterminate\n ? \"loading...\"\n : `${percent} percent`;\n\n return (\n <svg\n ref={ref}\n {...progressProps}\n aria-label={ariaLabel}\n className={clsx(classNames.root, className)}\n style={{ ...style, ...rootProps.style }}\n >\n <circle className={classNames.track} {...trackProps} />\n <circle className={classNames.range} {...rangeProps} />\n </svg>\n );\n },\n);\n\nProgressCircle.displayName = \"ProgressCircle\";\n"
"content": "\"use client\";\n\nimport \"@seed-design/stylesheet/progressCircle.css\";\n\nimport {\n useProgress,\n useProgressCircle,\n type UseProgressProps,\n} from \"@seed-design/react-progress\";\nimport {\n progressCircle,\n type ProgressCircleVariantProps,\n} from \"@seed-design/recipe/progressCircle\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\n\nexport interface ProgressCircleProps\n extends Omit<React.SVGAttributes<SVGSVGElement>, \"children\">,\n UseProgressProps,\n Omit<ProgressCircleVariantProps, \"isIndeterminate\"> {}\n\n/**\n * @see https://v3.seed-design.io/docs/react/components/progress-circle\n */\nexport const ProgressCircle = React.forwardRef<\n SVGSVGElement,\n ProgressCircleProps\n>((props, ref) => {\n const {\n className,\n style,\n size = \"40\",\n tone = \"neutral\",\n ...otherProps\n } = props;\n const { value, percent, indeterminate, progressProps } =\n useProgress(otherProps);\n const classNames = progressCircle({ size, tone, indeterminate });\n const { rootProps, trackProps, rangeProps } = useProgressCircle({\n value,\n percent,\n indeterminate,\n });\n\n const ariaLabel =\n otherProps[\"aria-label\"] || indeterminate\n ? \"loading...\"\n : `${percent} percent`;\n\n return (\n <svg\n ref={ref}\n {...progressProps}\n aria-label={ariaLabel}\n className={clsx(classNames.root, className)}\n style={{ ...style, ...rootProps.style }}\n >\n <circle className={classNames.track} {...trackProps} />\n <circle className={classNames.range} {...rangeProps} />\n </svg>\n );\n});\n\nProgressCircle.displayName = \"ProgressCircle\";\n"
}
]
}
18 changes: 12 additions & 6 deletions docs/public/rootage/color.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -219,13 +219,13 @@
},
"$color.palette.red-600": {
"values": {
"theme-light": "#ff412d",
"theme-light": "#ff3b2d",
"theme-dark": "#f73526"
}
},
"$color.palette.red-700": {
"values": {
"theme-light": "#ea230e",
"theme-light": "#ef1f10",
"theme-dark": "#f2796d"
}
},
Expand Down Expand Up @@ -475,6 +475,12 @@
"theme-dark": "#dde3ed"
}
},
"$color.palette.static-white-alpha-200": {
"values": {
"theme-light": "#ffffff33",
"theme-dark": "#ffffff33"
}
},
"$color.fg.static-white": {
"values": {
"theme-light": "$color.palette.static-white",
Expand Down Expand Up @@ -621,13 +627,13 @@
},
"$color.bg.danger-solid": {
"values": {
"theme-light": "$color.palette.red-700",
"theme-light": "$color.palette.red-600",
"theme-dark": "$color.palette.red-600"
}
},
"$color.bg.danger-solid-pressed": {
"values": {
"theme-light": "$color.palette.red-800",
"theme-light": "$color.palette.red-700",
"theme-dark": "$color.palette.red-700"
}
},
Expand Down Expand Up @@ -817,7 +823,7 @@
"theme-dark": "$color.palette.purple-200"
}
},
"$color.bg.neutral-muted": {
"$color.bg.neutral-solid-muted": {
"values": {
"theme-light": "$color.palette.slate-800",
"theme-dark": "$color.palette.gray-400"
Expand All @@ -829,7 +835,7 @@
"theme-dark": "$color.palette.gray-300"
}
},
"$color.bg.neutral-muted-pressed": {
"$color.bg.neutral-solid-muted-pressed": {
"values": {
"theme-light": "$color.palette.slate-900",
"theme-dark": "$color.palette.gray-500"
Expand Down
12 changes: 6 additions & 6 deletions docs/public/rootage/components/progress-circle.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -72,17 +72,17 @@
}
}
},
"variant=neutral": {
"tone=neutral": {
"enabled": {
"track": {
"color": "$color.palette.gray-300"
"color": "$color.palette.gray-200"
},
"range": {
"color": "$color.palette.gray-600"
"color": "$color.palette.gray-500"
}
}
},
"variant=brand": {
"tone=brand": {
"enabled": {
"track": {
"color": "$color.palette.carrot-200"
Expand All @@ -92,10 +92,10 @@
}
}
},
"variant=static white": {
"tone=static white": {
"enabled": {
"track": {
"color": "$color.palette.gray-600"
"color": "$color.palette.static-white-alpha-200"
},
"range": {
"color": "$color.bg.static-white"
Expand Down

0 comments on commit 5e4459a

Please sign in to comment.