Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
55 changes: 27 additions & 28 deletions packages/react/src/drafts/Skeleton/SkeletonAvatar.docs.json
Original file line number Diff line number Diff line change
@@ -1,29 +1,28 @@
{
"id": "skeleton_avatar",
"name": "SkeletonAvatar",
"status": "draft",
"a11yReviewed": false,
"stories": [],
"importPath": "@primer/react/drafts",
"props": [
{
"name": "size",
"type": "number | { narrow?: number; regular?: number; wide?: number; }",
"defaultValue": "20",
"description": "The size of the avatar in pixels."
},
{
"name": "square",
"type": "boolean",
"defaultValue": "false",
"description": "If true, the avatar will be square instead of circular."
},
{
"name": "className",
"type": "string",
"description": "Class name for custom styling."
}
],
"subcomponents": []
}

"id": "skeleton_avatar",
"name": "SkeletonAvatar",
"status": "draft",
"a11yReviewed": false,
"stories": [],
"importPath": "@primer/react/experimental",
"props": [
{
"name": "size",
"type": "number | { narrow?: number; regular?: number; wide?: number; }",
"defaultValue": "20",
"description": "The size of the avatar in pixels."
},
{
"name": "square",
"type": "boolean",
"defaultValue": "false",
"description": "If true, the avatar will be square instead of circular."
},
{
"name": "className",
"type": "string",
"description": "Class name for custom styling."
}
],
"subcomponents": []
}
51 changes: 25 additions & 26 deletions packages/react/src/drafts/Skeleton/SkeletonBox.docs.json
Original file line number Diff line number Diff line change
@@ -1,27 +1,26 @@
{
"id": "skeleton_box",
"name": "SkeletonBox",
"status": "draft",
"a11yReviewed": false,
"stories": [],
"importPath": "@primer/react/drafts",
"props": [
{
"name": "width",
"type": "string",
"description": "Width of the skeleton box. Accepts any valid CSS `width` value."
},
{
"name": "height",
"defaultValue": "1rem",
"type": "string",
"description": "Height of the skeleton box. Accepts any valid CSS `height` value."
},
{
"name": "sx",
"type": "SystemStyleObject"
}
],
"subcomponents": []
}

"id": "skeleton_box",
"name": "SkeletonBox",
"status": "draft",
"a11yReviewed": false,
"stories": [],
"importPath": "@primer/react/experimental",
"props": [
{
"name": "width",
"type": "string",
"description": "Width of the skeleton box. Accepts any valid CSS `width` value."
},
{
"name": "height",
"defaultValue": "1rem",
"type": "string",
"description": "Height of the skeleton box. Accepts any valid CSS `height` value."
},
{
"name": "sx",
"type": "SystemStyleObject"
}
],
"subcomponents": []
}
65 changes: 32 additions & 33 deletions packages/react/src/drafts/Skeleton/SkeletonText.docs.json
Original file line number Diff line number Diff line change
@@ -1,34 +1,33 @@
{
"id": "skeleton_text",
"name": "SkeletonText",
"status": "draft",
"a11yReviewed": false,
"stories": [],
"importPath": "@primer/react/drafts",
"props": [
{
"name": "size",
"defaultValue": "'bodyMedium'",
"type": "'display' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'subtitle'",
"description": "Size of the text that the skeleton is replacing."
},
{
"name": "lines",
"defaultValue": "1",
"type": "number",
"description": "Number of lines of skeleton text to render."
},
{
"name": "maxWidth",
"type": "string",
"description": "Maximum width that the line(s) of skeleton text can take up. Accepts any valid CSS `max-width` value."
},
{
"name": "className",
"type": "string",
"description": "Class name for custom styling."
}
],
"subcomponents": []
}

"id": "skeleton_text",
"name": "SkeletonText",
"status": "draft",
"a11yReviewed": false,
"stories": [],
"importPath": "@primer/react/experimental",
"props": [
{
"name": "size",
"defaultValue": "'bodyMedium'",
"type": "'display' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'subtitle'",
"description": "Size of the text that the skeleton is replacing."
},
{
"name": "lines",
"defaultValue": "1",
"type": "number",
"description": "Number of lines of skeleton text to render."
},
{
"name": "maxWidth",
"type": "string",
"description": "Maximum width that the line(s) of skeleton text can take up. Accepts any valid CSS `max-width` value."
},
{
"name": "className",
"type": "string",
"description": "Class name for custom styling."
}
],
"subcomponents": []
}