asyavee/medusa-store
1
0 Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

chore(docs): Updated UI Reference (automated) (#9726)

Browse Source 
Automated changes by [create-pull-request](https://github.com/peter-evans/create-pull-request) GitHub action

Co-authored-by: Oli Juhl <59018053+olivermrbl@users.noreply.github.com>
Co-authored-by: Shahed Nasser <27354907+shahednasser@users.noreply.github.com>
This commit is contained in:
github-actions[bot]Oli JuhlShahed Nasser
 authored and GitHub committed 2024-10-24 09:38:58 +00:00
1 parent 432af1e2d1
commit e196ad7659
99 files changed
+2962 -2581
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

www/apps/ui/src/specs/Avatar/Avatar.json
-44
View File
@@ -23,20 +23,6 @@
"computed": false
},
"description": "The style of the avatar.",
"tsType": {
"name": "union",
"raw": "\"squared\" \\| \"rounded\"",
"elements": [
{
"name": "literal",
"value": "\"squared\""
},
{
"name": "literal",
"value": "\"rounded\""
}
]
},
"required": false
},
"size": {
@@ -45,36 +31,6 @@
"computed": false
},
"description": "The size of the avatar's border radius.",
"tsType": {
"name": "union",
"raw": "\"2xsmall\" \\| \"xsmall\" \\| \"small\" \\| \"base\" \\| \"large\" \\| \"xlarge\"",
"elements": [
{
"name": "literal",
"value": "\"2xsmall\""
},
{
"name": "literal",
"value": "\"xsmall\""
},
{
"name": "literal",
"value": "\"small\""
},
{
"name": "literal",
"value": "\"base\""
},
{
"name": "literal",
"value": "\"large\""
},
{
"name": "literal",
"value": "\"xlarge\""
}
]
},
"required": false
}
},
www/apps/ui/src/specs/Badge/Badge.json
-70
View File
@@ -20,32 +20,6 @@
"computed": false
},
"description": "The badge's size.",
"tsType": {
"name": "union",
"raw": "\"2xsmall\" \\| \"xsmall\" \\| \"small\" \\| \"base\" \\| \"large\"",
"elements": [
{
"name": "literal",
"value": "\"2xsmall\""
},
{
"name": "literal",
"value": "\"xsmall\""
},
{
"name": "literal",
"value": "\"small\""
},
{
"name": "literal",
"value": "\"base\""
},
{
"name": "literal",
"value": "\"large\""
}
]
},
"required": false
},
"rounded": {
@@ -54,20 +28,6 @@
"computed": false
},
"description": "The style of the badge's border radius.",
"tsType": {
"name": "union",
"raw": "\"base\" \\| \"full\"",
"elements": [
{
"name": "literal",
"value": "\"base\""
},
{
"name": "literal",
"value": "\"full\""
}
]
},
"required": false
},
"color": {
@@ -76,36 +36,6 @@
"computed": false
},
"description": "The badge's color.",
"tsType": {
"name": "union",
"raw": "\"green\" \\| \"red\" \\| \"blue\" \\| \"orange\" \\| \"grey\" \\| \"purple\"",
"elements": [
{
"name": "literal",
"value": "\"green\""
},
{
"name": "literal",
"value": "\"red\""
},
{
"name": "literal",
"value": "\"blue\""
},
{
"name": "literal",
"value": "\"orange\""
},
{
"name": "literal",
"value": "\"grey\""
},
{
"name": "literal",
"value": "\"purple\""
}
]
},
"required": false
}
},
www/apps/ui/src/specs/Button/Button.json
-44
View File
@@ -31,28 +31,6 @@
"computed": false
},
"description": "The button's style.",
"tsType": {
"name": "union",
"raw": "\"primary\" \\| \"transparent\" \\| \"secondary\" \\| \"danger\"",
"elements": [
{
"name": "literal",
"value": "\"primary\""
},
{
"name": "literal",
"value": "\"transparent\""
},
{
"name": "literal",
"value": "\"secondary\""
},
{
"name": "literal",
"value": "\"danger\""
}
]
},
"required": false
},
"size": {
@@ -61,28 +39,6 @@
"computed": false
},
"description": "The button's size.",
"tsType": {
"name": "union",
"raw": "\"small\" \\| \"base\" \\| \"large\" \\| \"xlarge\"",
"elements": [
{
"name": "literal",
"value": "\"small\""
},
{
"name": "literal",
"value": "\"base\""
},
{
"name": "literal",
"value": "\"large\""
},
{
"name": "literal",
"value": "\"xlarge\""
}
]
},
"required": false
}
},
www/apps/ui/src/specs/Calendar/Calendar.json
+89 -262
View File
@@ -1,282 +1,109 @@
{
"description": "This component is based on the [react-date-picker](https://www.npmjs.com/package/react-date-picker) package.",
"description": "",
"methods": [],
"displayName": "Calendar",
"props": {
"mode": {
"defaultValue": {
"value": "\"single\"",
"computed": false
},
"description": "The calendar's mode.",
"value": {
"required": false,
"tsType": {
"name": "union",
"raw": "\"single\" \\| \"range\"",
"raw": "Date | null",
"elements": [
{
"name": "literal",
"value": "\"single\""
"name": "Date"
},
{
"name": "literal",
"value": "\"range\""
"name": "null"
}
]
},
"required": false
"description": ""
},
"showOutsideDays": {
"defaultValue": {
"value": "true",
"computed": false
},
"description": "Whether to show days of previous and next months.",
"defaultValue": {
"required": false,
"tsType": {
"name": "boolean"
},
"required": false
},
"locale": {
"description": "The locale to use for formatting dates. To change the locale pass a date-fns locale object.",
"tsType": {
"name": "Locale",
"name": "union",
"raw": "Date | null",
"elements": [
{
"name": "signature",
"type": "object",
"raw": "&#123; code?: string ; formatDistance?: (...args: any[]) => any ; formatLong?: &#123; date: (...args: any[]) => any ; dateTime: (...args: any[]) => any ; time: (...args: any[]) => any &#125; ; formatRelative?: (...args: any[]) => any ; localize?: &#123; day: (...args: any[]) => any ; dayPeriod: (...args: any[]) => any ; era: (...args: any[]) => any ; month: (...args: any[]) => any ; ordinalNumber: (...args: any[]) => any ; quarter: (...args: any[]) => any &#125; ; match?: &#123; day: (...args: any[]) => any ; dayPeriod: (...args: any[]) => any ; era: (...args: any[]) => any ; month: (...args: any[]) => any ; ordinalNumber: (...args: any[]) => any ; quarter: (...args: any[]) => any &#125; ; options?: &#123; firstWeekContainsDate?: 1 \\| 2 \\| 3 \\| 4 \\| 5 \\| 6 \\| 7 ; weekStartsOn?: 0 \\| 1 \\| 2 \\| 3 \\| 4 \\| 5 \\| 6 &#125; &#125;",
"signature": {
"properties": [
{
"key": "code",
"value": {
"name": "string"
},
"description": ""
},
{
"key": "formatDistance",
"value": {
"name": "signature",
"type": "function",
"raw": "(...args: any[]) => any",
"signature": {
"arguments": [
{
"name": "args",
"type": {
"name": "any[]"
},
"rest": true
}
],
"return": {
"name": "any"
}
}
},
"description": ""
},
{
"key": "formatLong",
"value": {
"name": "signature",
"type": "object",
"raw": "&#123; date: (...args: any[]) => any ; dateTime: (...args: any[]) => any ; time: (...args: any[]) => any &#125;",
"signature": {
"properties": [
{
"key": "date",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
},
{
"key": "dateTime",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
},
{
"key": "time",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
}
]
}
},
"description": ""
},
{
"key": "formatRelative",
"value": {
"name": "signature",
"type": "function",
"raw": "(...args: any[]) => any",
"signature": {
"arguments": [
{
"name": "args",
"type": {
"name": "any[]"
},
"rest": true
}
],
"return": {
"name": "any"
}
}
},
"description": ""
},
{
"key": "localize",
"value": {
"name": "signature",
"type": "object",
"raw": "&#123; day: (...args: any[]) => any ; dayPeriod: (...args: any[]) => any ; era: (...args: any[]) => any ; month: (...args: any[]) => any ; ordinalNumber: (...args: any[]) => any ; quarter: (...args: any[]) => any &#125;",
"signature": {
"properties": [
{
"key": "day",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
},
{
"key": "dayPeriod",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
},
{
"key": "era",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
},
{
"key": "month",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
},
{
"key": "ordinalNumber",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
},
{
"key": "quarter",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
}
]
}
},
"description": ""
},
{
"key": "match",
"value": {
"name": "signature",
"type": "object",
"raw": "&#123; day: (...args: any[]) => any ; dayPeriod: (...args: any[]) => any ; era: (...args: any[]) => any ; month: (...args: any[]) => any ; ordinalNumber: (...args: any[]) => any ; quarter: (...args: any[]) => any &#125;",
"signature": {
"properties": [
{
"key": "day",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
},
{
"key": "dayPeriod",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
},
{
"key": "era",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
},
{
"key": "month",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
},
{
"key": "ordinalNumber",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
},
{
"key": "quarter",
"value": {
"name": "(...args: any[]) => any"
},
"description": ""
}
]
}
},
"description": ""
},
{
"key": "options",
"value": {
"name": "signature",
"type": "object",
"raw": "&#123; firstWeekContainsDate?: 1 \\| 2 \\| 3 \\| 4 \\| 5 \\| 6 \\| 7 ; weekStartsOn?: 0 \\| 1 \\| 2 \\| 3 \\| 4 \\| 5 \\| 6 &#125;",
"signature": {
"properties": [
{
"key": "firstWeekContainsDate",
"value": {
"name": "1 \\| 2 \\| 3 \\| 4 \\| 5 \\| 6 \\| 7"
},
"description": ""
},
{
"key": "weekStartsOn",
"value": {
"name": "0 \\| 1 \\| 2 \\| 3 \\| 4 \\| 5 \\| 6"
},
"description": ""
}
]
}
},
"description": ""
}
]
}
"name": "Date"
},
{
"name": "null"
}
],
"raw": "Locale"
}
]
},
"description": ""
},
"onChange": {
"required": false,
"tsType": {
"name": "signature",
"type": "function",
"raw": "(value: Date | null) => void",
"signature": {
"arguments": [
{
"type": {
"name": "union",
"raw": "Date | null",
"elements": [
{
"name": "Date"
},
{
"name": "null"
}
]
},
"name": "value"
}
],
"return": {
"name": "void"
}
}
},
"description": ""
},
"isDateUnavailable": {
"required": false,
"tsType": {
"name": "signature",
"type": "function",
"raw": "(date: Date) => boolean",
"signature": {
"arguments": [
{
"type": {
"name": "Date"
},
"name": "date"
}
],
"return": {
"name": "boolean"
}
}
},
"description": ""
},
"minValue": {
"required": false,
"tsType": {
"name": "Date"
},
"description": ""
},
"maxValue": {
"required": false,
"tsType": {
"name": "Date"
},
"description": ""
}
}
},
"composes": [
"Omit"
]
}
www/apps/ui/src/specs/Drawer/Drawer.Title.json → www/apps/ui/src/specs/CalendarButton/CalendarButton.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"description": "",
"methods": [],
"displayName": "Drawer.Title",
"displayName": "CalendarButton",
"props": {}
}
www/apps/ui/src/specs/CalendarCell/CalendarCell.json
+21
View File
@@ -0,0 +1,21 @@
{
"description": "",
"methods": [],
"displayName": "CalendarCell",
"props": {
"date": {
"required": true,
"tsType": {
"name": "CalendarDate"
},
"description": ""
},
"state": {
"required": true,
"tsType": {
"name": "CalendarState"
},
"description": ""
}
}
}
www/apps/ui/src/specs/CalendarGrid/CalendarGrid.json
+17
View File
@@ -0,0 +1,17 @@
{
"description": "",
"methods": [],
"displayName": "CalendarGrid",
"props": {
"state": {
"required": true,
"tsType": {
"name": "CalendarState"
},
"description": ""
}
},
"composes": [
"AriaCalendarGridProps"
]
}
www/apps/ui/src/specs/CurrencyInput/CurrencyInput.json
-14
View File
@@ -23,20 +23,6 @@
"computed": false
},
"description": "The input's size.",
"tsType": {
"name": "union",
"raw": "\"small\" \\| \"base\"",
"elements": [
{
"name": "literal",
"value": "\"small\""
},
{
"name": "literal",
"value": "\"base\""
}
]
},
"required": false
}
},
www/apps/ui/src/specs/DatePicker/DatePicker.PresetContainer.json
-64
View File
@@ -1,64 +0,0 @@
{
"description": "",
"methods": [],
"displayName": "DatePicker.PresetContainer",
"props": {
"presets": {
"required": true,
"tsType": {
"name": "union",
"raw": "TPreset[] | TPreset[]",
"elements": [
{
"name": "Array",
"elements": [
{
"name": "TPreset"
}
],
"raw": "TPreset[]"
},
{
"name": "Array",
"elements": [
{
"name": "TPreset"
}
],
"raw": "TPreset[]"
}
]
},
"description": "Selectable preset configurations."
},
"onSelect": {
"required": true,
"tsType": {
"name": "signature",
"type": "function",
"raw": "(value: TValue) => void",
"signature": {
"arguments": [
{
"type": {
"name": "TValue"
},
"name": "value"
}
],
"return": {
"name": "void"
}
}
},
"description": "A function that handles the event when a preset is selected."
},
"currentValue": {
"required": false,
"tsType": {
"name": "TValue"
},
"description": "The currently selected preset."
}
}
}
www/apps/ui/src/specs/DatePicker/DatePicker.json
+10 -362
View File
@@ -1,375 +1,23 @@
{
"description": "This component is based on the [Calendar](https://docs.medusajs.com/ui/components/calendar)\ncomponent and [Radix UI Popover](https://www.radix-ui.com/primitives/docs/components/popover).",
"description": "",
"methods": [],
"displayName": "DatePicker",
"props": {
"fromYear": {
"required": false,
"tsType": {
"name": "number"
},
"description": "The year to start showing the dates from."
},
"toYear": {
"required": false,
"tsType": {
"name": "number"
},
"description": "The year to show dates to."
},
"fromMonth": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The month to start showing dates from."
},
"toMonth": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The month to show dates to."
},
"fromDay": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The day to start showing dates from."
},
"toDay": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The day to show dates to."
},
"fromDate": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The date to show dates from."
},
"toDate": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The date to show dates to."
},
"locale": {
"required": false,
"tsType": {
"name": "Locale"
},
"description": "The locale to use for formatting dates. To change the locale pass a date-fns locale object."
},
"className": {
"required": false,
"tsType": {
"name": "string"
},
"description": "The class name to apply on the date picker."
},
"disabled": {
"required": false,
"tsType": {
"name": "boolean"
},
"description": "Whether the date picker's input is disabled."
},
"required": {
"required": false,
"tsType": {
"name": "boolean"
},
"description": "Whether the date picker's input is required."
},
"placeholder": {
"required": false,
"tsType": {
"name": "string"
},
"description": "The date picker's placeholder."
},
"size": {
"required": false,
"tsType": {
"name": "union",
"raw": "\"small\" | \"base\"",
"elements": [
{
"name": "literal",
"value": "\"small\""
},
{
"name": "literal",
"value": "\"base\""
}
]
},
"description": "The date picker's size."
},
"showTimePicker": {
"required": false,
"tsType": {
"name": "boolean"
},
"description": "Whether to show a time picker along with the date picker."
},
"translations": {
"required": false,
"tsType": {
"name": "signature",
"type": "object",
"raw": "{\n cancel?: string\n apply?: string\n start?: string\n end?: string\n range?: string\n}",
"signature": {
"properties": [
{
"key": "cancel",
"value": {
"name": "string",
"required": false
}
},
{
"key": "apply",
"value": {
"name": "string",
"required": false
}
},
{
"key": "start",
"value": {
"name": "string",
"required": false
}
},
{
"key": "end",
"value": {
"name": "string",
"required": false
}
},
{
"key": "range",
"value": {
"name": "string",
"required": false
}
}
]
}
},
"description": "Translation keys for the date picker. Use this to localize the date picker."
},
"mode": {
"defaultValue": {
"value": "\"single\"",
"value": "\"base\"",
"computed": false
},
"description": "The date picker's mode.",
"tsType": {
"name": "union",
"raw": "\"single\" \\| \"range\"",
"elements": [
{
"name": "literal",
"value": "\"single\""
},
{
"name": "literal",
"value": "\"range\""
}
]
},
"description": "",
"required": false
},
"defaultValue": {
"description": "The date selected by default.",
"required": false,
"tsType": {
"name": "union",
"raw": "Date \\| DateRange",
"elements": [
{
"name": "Date",
"elements": [],
"raw": "Date"
},
{
"name": "DateRange",
"elements": [
{
"name": "signature",
"type": "object",
"raw": "&#123; from: Date \\| undefined ; to?: Date &#125;",
"signature": {
"properties": [
{
"key": "from",
"value": {
"name": "Date \\| undefined"
},
"description": "The range's start date."
},
{
"key": "to",
"value": {
"name": "Date"
},
"description": "The range's end date."
}
]
}
}
],
"raw": "DateRange"
}
]
}
},
"onChange": {
"description": "A function to handle the change in the selected date.",
"required": false,
"tsType": {
"name": "union",
"raw": "(date: undefined \\| Date) => void \\| (dateRange: undefined \\| DateRange) => void",
"elements": [
{
"name": "signature",
"type": "function",
"raw": "(date: undefined \\| Date) => void",
"signature": {
"arguments": [
{
"name": "date",
"type": {
"name": "undefined \\| Date"
},
"rest": false
}
],
"return": {
"name": "void"
}
}
},
{
"name": "signature",
"type": "function",
"raw": "(dateRange: undefined \\| DateRange) => void",
"signature": {
"arguments": [
{
"name": "dateRange",
"type": {
"name": "undefined \\| DateRange"
},
"rest": false
}
],
"return": {
"name": "void"
}
}
}
]
}
},
"presets": {
"description": "Provide selectable preset configurations.",
"required": false,
"tsType": {
"name": "union",
"raw": "DatePreset[] \\| DateRangePreset[]",
"elements": [
{
"name": "Array",
"elements": [
{
"name": "DatePreset",
"elements": [
{
"name": "Date"
},
{
"name": "string"
}
],
"raw": "DatePreset"
}
],
"raw": "DatePreset[]"
},
{
"name": "Array",
"elements": [
{
"name": "DateRangePreset",
"elements": [
{
"name": "DateRange"
},
{
"name": "string"
}
],
"raw": "DateRangePreset"
}
],
"raw": "DateRangePreset[]"
}
]
}
},
"value": {
"description": "The selected date.",
"required": false,
"tsType": {
"name": "union",
"raw": "Date \\| DateRange",
"elements": [
{
"name": "Date",
"elements": [],
"raw": "Date"
},
{
"name": "DateRange",
"elements": [
{
"name": "signature",
"type": "object",
"raw": "&#123; from: Date \\| undefined ; to?: Date &#125;",
"signature": {
"properties": [
{
"key": "from",
"value": {
"name": "Date \\| undefined"
},
"description": "The range's start date."
},
{
"key": "to",
"value": {
"name": "Date"
},
"description": "The range's end date."
}
]
}
}
],
"raw": "DateRange"
}
]
}
"shouldCloseOnSelect": {
"defaultValue": {
"value": "true",
"computed": false
},
"description": "",
"required": false
}
}
}
www/apps/ui/src/specs/DatePickerButton/DatePickerButton.json
+15
View File
@@ -0,0 +1,15 @@
{
"description": "",
"methods": [],
"displayName": "DatePickerButton",
"props": {
"size": {
"defaultValue": {
"value": "\"base\"",
"computed": false
},
"description": "",
"required": false
}
}
}
www/apps/ui/src/specs/DatePickerClearButton/DatePickerClearButton.json
+15
View File
@@ -0,0 +1,15 @@
{
"description": "",
"methods": [],
"displayName": "DatePickerClearButton",
"props": {
"type": {
"defaultValue": {
"value": "\"button\"",
"computed": false
},
"description": "",
"required": false
}
}
}
www/apps/ui/src/specs/DatePicker/DatePicker.Display.json → www/apps/ui/src/specs/DatePickerField/DatePickerField.json
+9 -13
View File
@@ -1,36 +1,32 @@
{
"description": "",
"methods": [],
"displayName": "DatePicker.Display",
"displayName": "DatePickerField",
"props": {
"placeholder": {
"required": false,
"tsType": {
"name": "string"
},
"description": "Placeholder of the date picker's input."
},
"size": {
"required": false,
"tsType": {
"name": "union",
"raw": "\"small\" | \"base\"",
"raw": "\"base\" | \"small\"",
"elements": [
{
"name": "literal",
"value": "\"small\""
"value": "\"base\""
},
{
"name": "literal",
"value": "\"base\""
"value": "\"small\""
}
]
},
"description": "The size of the date picker's input.",
"description": "",
"defaultValue": {
"value": "\"base\"",
"computed": false
}
}
}
},
"composes": [
"AriaDatePickerProps"
]
}
www/apps/ui/src/specs/TimeSegment/TimeSegment.json → www/apps/ui/src/specs/DateSegment/DateSegment.json
+2 -2
View File
@@ -1,12 +1,12 @@
{
"description": "",
"methods": [],
"displayName": "TimeSegment",
"displayName": "DateSegment",
"props": {
"segment": {
"required": true,
"tsType": {
"name": "DateSegment"
"name": "Segment"
},
"description": ""
},
www/apps/ui/src/specs/Day/Day.json
-6
View File
@@ -1,6 +0,0 @@
{
"description": "",
"methods": [],
"displayName": "Day",
"props": {}
}
www/apps/ui/src/specs/Drawer/Drawer.Portal.json
+1 -2
View File
@@ -1,6 +1,5 @@
{
"description": "",
"methods": [],
"displayName": "Drawer.Portal",
"props": {}
"displayName": "Drawer.Portal"
}
www/apps/ui/src/specs/Drawer/Drawer.json
+1 -2
View File
@@ -1,6 +1,5 @@
{
"description": "This component is based on the [Radix UI Dialog](https://www.radix-ui.com/primitives/docs/components/dialog) primitives.",
"methods": [],
"displayName": "Drawer",
"props": {}
"displayName": "Drawer"
}
www/apps/ui/src/specs/DropdownMenu/DropdownMenu.Content.json
+26 -1
View File
@@ -2,5 +2,30 @@
"description": "This component is based on the [Radix UI Dropdown Menu Content](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#content) primitive.",
"methods": [],
"displayName": "DropdownMenu.Content",
"props": {}
"props": {
"sideOffset": {
"defaultValue": {
"value": "8",
"computed": false
},
"description": "",
"required": false
},
"collisionPadding": {
"defaultValue": {
"value": "8",
"computed": false
},
"description": "",
"required": false
},
"align": {
"defaultValue": {
"value": "\"center\"",
"computed": false
},
"description": "",
"required": false
}
}
}
www/apps/ui/src/specs/DropdownMenu/DropdownMenu.Group.json
-6
View File
@@ -1,6 +0,0 @@
{
"description": "This component is based on the [Radix UI Dropdown Menu Group](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#group) primitive.",
"methods": [],
"displayName": "DropdownMenu.Group",
"props": {}
}
www/apps/ui/src/specs/DropdownMenu/DropdownMenu.RadioGroup.json
-6
View File
@@ -1,6 +0,0 @@
{
"description": "This component is based on the [Radix UI Dropdown Menu RadioGroup](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#radiogroup) primitive.",
"methods": [],
"displayName": "DropdownMenu.RadioGroup",
"props": {}
}
www/apps/ui/src/specs/DropdownMenu/DropdownMenu.SubMenu.json
-6
View File
@@ -1,6 +0,0 @@
{
"description": "This component is based on the [Radix UI Dropdown Menu Sub](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#sub) primitive.",
"methods": [],
"displayName": "DropdownMenu.SubMenu",
"props": {}
}
www/apps/ui/src/specs/DropdownMenu/DropdownMenu.SubMenuContent.json
+10 -1
View File
@@ -2,5 +2,14 @@
"description": "This component is based on the [Radix UI Dropdown Menu SubContent](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#subcontent) primitive.",
"methods": [],
"displayName": "DropdownMenu.SubMenuContent",
"props": {}
"props": {
"collisionPadding": {
"defaultValue": {
"value": "8",
"computed": false
},
"description": "",
"required": false
}
}
}
www/apps/ui/src/specs/DropdownMenu/DropdownMenu.Trigger.json
-6
View File
@@ -1,6 +0,0 @@
{
"description": "This component is based on the [Radix UI Dropdown Menu Trigger](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#trigger) primitive.",
"methods": [],
"displayName": "DropdownMenu.Trigger",
"props": {}
}
www/apps/ui/src/specs/DropdownMenu/DropdownMenu.json
-6
View File
@@ -1,6 +0,0 @@
{
"description": "This component is based on the [Radix UI Dropdown Menu](https://www.radix-ui.com/primitives/docs/components/dropdown-menu) primitive.",
"methods": [],
"displayName": "DropdownMenu",
"props": {}
}
www/apps/ui/src/specs/FocusModal/FocusModal.Close.json
-6
View File
@@ -1,6 +0,0 @@
{
"description": "",
"methods": [],
"displayName": "FocusModal.Close",
"props": {}
}
www/apps/ui/src/specs/DatePicker/DatePicker.Flyout.json → www/apps/ui/src/specs/FocusModal/FocusModal.Footer.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"description": "",
"methods": [],
"displayName": "DatePicker.Flyout",
"displayName": "FocusModal.Footer",
"props": {}
}
www/apps/ui/src/specs/FocusModal/FocusModal.Portal.json
+1 -2
View File
@@ -1,6 +1,5 @@
{
"description": "",
"methods": [],
"displayName": "FocusModal.Portal",
"props": {}
"displayName": "FocusModal.Portal"
}
www/apps/ui/src/specs/Prompt/Prompt.Trigger.json → www/apps/ui/src/specs/FocusModal/FocusModal.Title.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"description": "",
"methods": [],
"displayName": "Prompt.Trigger",
"displayName": "FocusModal.Title",
"props": {}
}
www/apps/ui/src/specs/FocusModal/FocusModal.Trigger.json
+1 -2
View File
@@ -1,6 +1,5 @@
{
"description": "",
"methods": [],
"displayName": "FocusModal.Trigger",
"props": {}
"displayName": "FocusModal.Trigger"
}
www/apps/ui/src/specs/FocusModal/FocusModal.json
+1 -40
View File
@@ -1,44 +1,5 @@
{
"description": "This component is based on the [Radix UI Dialog](https://www.radix-ui.com/primitives/docs/components/dialog) primitives.",
"methods": [],
"displayName": "FocusModal",
"props": {
"defaultOpen": {
"description": "Whether the modal is opened by default.",
"required": false,
"tsType": {
"name": "boolean"
}
},
"open": {
"description": "Whether the modal is opened.",
"required": false,
"tsType": {
"name": "boolean"
}
},
"onOpenChange": {
"description": "A function to handle when the modal is opened or closed.",
"required": false,
"tsType": {
"name": "signature",
"type": "function",
"raw": "(open: boolean) => void",
"signature": {
"arguments": [
{
"name": "open",
"type": {
"name": "boolean"
},
"rest": false
}
],
"return": {
"name": "void"
}
}
}
}
}
"displayName": "FocusModal"
}
www/apps/ui/src/specs/Heading/Heading.json
-18
View File
@@ -9,24 +9,6 @@
"computed": false
},
"description": "The heading level which specifies which heading element is used.",
"tsType": {
"name": "union",
"raw": "\"h1\" \\| \"h2\" \\| \"h3\"",
"elements": [
{
"name": "literal",
"value": "\"h1\""
},
{
"name": "literal",
"value": "\"h2\""
},
{
"name": "literal",
"value": "\"h3\""
}
]
},
"required": false
}
},
www/apps/ui/src/specs/Hint/Hint.json
-14
View File
@@ -9,20 +9,6 @@
"computed": false
},
"description": "The hint's style.",
"tsType": {
"name": "union",
"raw": "\"error\" \\| \"info\"",
"elements": [
{
"name": "literal",
"value": "\"error\""
},
{
"name": "literal",
"value": "\"info\""
}
]
},
"required": false
}
},
www/apps/ui/src/specs/I18nProvider/I18nProvider.json
+8
View File
@@ -0,0 +1,8 @@
{
"description": "",
"methods": [],
"displayName": "I18nProvider",
"composes": [
"Props"
]
}
www/apps/ui/src/specs/IconBadge/IconBadge.json
-44
View File
@@ -20,36 +20,6 @@
"computed": false
},
"description": "The badge's color.",
"tsType": {
"name": "union",
"raw": "\"green\" \\| \"red\" \\| \"blue\" \\| \"orange\" \\| \"grey\" \\| \"purple\"",
"elements": [
{
"name": "literal",
"value": "\"green\""
},
{
"name": "literal",
"value": "\"red\""
},
{
"name": "literal",
"value": "\"blue\""
},
{
"name": "literal",
"value": "\"orange\""
},
{
"name": "literal",
"value": "\"grey\""
},
{
"name": "literal",
"value": "\"purple\""
}
]
},
"required": false
},
"size": {
@@ -58,20 +28,6 @@
"computed": false
},
"description": "The badge's size.",
"tsType": {
"name": "union",
"raw": "\"base\" \\| \"large\"",
"elements": [
{
"name": "literal",
"value": "\"base\""
},
{
"name": "literal",
"value": "\"large\""
}
]
},
"required": false
}
},
www/apps/ui/src/specs/IconButton/IconButton.json
-44
View File
@@ -31,20 +31,6 @@
"computed": false
},
"description": "The button's style.",
"tsType": {
"name": "union",
"raw": "\"primary\" \\| \"transparent\"",
"elements": [
{
"name": "literal",
"value": "\"primary\""
},
{
"name": "literal",
"value": "\"transparent\""
}
]
},
"required": false
},
"size": {
@@ -53,36 +39,6 @@
"computed": false
},
"description": "The button's size.",
"tsType": {
"name": "union",
"raw": "\"2xsmall\" \\| \"xsmall\" \\| \"small\" \\| \"base\" \\| \"large\" \\| \"xlarge\"",
"elements": [
{
"name": "literal",
"value": "\"2xsmall\""
},
{
"name": "literal",
"value": "\"xsmall\""
},
{
"name": "literal",
"value": "\"small\""
},
{
"name": "literal",
"value": "\"base\""
},
{
"name": "literal",
"value": "\"large\""
},
{
"name": "literal",
"value": "\"xlarge\""
}
]
},
"required": false
}
},
www/apps/ui/src/specs/Input/Input.json
-14
View File
@@ -9,20 +9,6 @@
"computed": false
},
"description": "The input's size.",
"tsType": {
"name": "union",
"raw": "\"small\" \\| \"base\"",
"elements": [
{
"name": "literal",
"value": "\"small\""
},
{
"name": "literal",
"value": "\"base\""
}
]
},
"required": false
}
},
www/apps/ui/src/specs/InternalCalendar/InternalCalendar.json
+5
View File
@@ -0,0 +1,5 @@
{
"description": "InternalCalendar is the internal implementation of the Calendar component.\nIt's not for public use, but only used for other components like DatePicker.",
"methods": [],
"displayName": "InternalCalendar"
}
www/apps/ui/src/specs/Label/Label.json
-36
View File
@@ -9,28 +9,6 @@
"computed": false
},
"description": "The label's size.",
"tsType": {
"name": "union",
"raw": "\"xsmall\" \\| \"small\" \\| \"base\" \\| \"large\"",
"elements": [
{
"name": "literal",
"value": "\"xsmall\""
},
{
"name": "literal",
"value": "\"small\""
},
{
"name": "literal",
"value": "\"base\""
},
{
"name": "literal",
"value": "\"large\""
}
]
},
"required": false
},
"weight": {
@@ -39,20 +17,6 @@
"computed": false
},
"description": "The label's font weight.",
"tsType": {
"name": "union",
"raw": "\"regular\" \\| \"plus\"",
"elements": [
{
"name": "literal",
"value": "\"regular\""
},
{
"name": "literal",
"value": "\"plus\""
}
]
},
"required": false
}
},
www/apps/ui/src/specs/Popover/Popover.Anchor.json
+1 -2
View File
@@ -1,6 +1,5 @@
{
"description": "",
"methods": [],
"displayName": "Popover.Anchor",
"props": {}
"displayName": "Popover.Anchor"
}
www/apps/ui/src/specs/Popover/Popover.Close.json
+1 -2
View File
@@ -1,6 +1,5 @@
{
"description": "",
"methods": [],
"displayName": "Popover.Close",
"props": {}
"displayName": "Popover.Close"
}
www/apps/ui/src/specs/Popover/Popover.Content.json
-43
View File
@@ -9,9 +9,6 @@
"computed": false
},
"description": "The distance in pixels from the anchor.",
"tsType": {
"name": "number"
},
"required": false
},
"side": {
@@ -20,28 +17,6 @@
"computed": false
},
"description": "The preferred side of the anchor to render against when open.\nWill be reversed when collisions occur and `avoidCollisions` is enabled.",
"tsType": {
"name": "union",
"raw": "\"top\" \\| \"right\" \\| \"bottom\" \\| \"left\"",
"elements": [
{
"name": "literal",
"value": "\"top\""
},
{
"name": "literal",
"value": "\"right\""
},
{
"name": "literal",
"value": "\"bottom\""
},
{
"name": "literal",
"value": "\"left\""
}
]
},
"required": false
},
"align": {
@@ -50,24 +25,6 @@
"computed": false
},
"description": "The preferred alignment against the anchor. May change when collisions occur.",
"tsType": {
"name": "union",
"raw": "\"center\" \\| \"start\" \\| \"end\"",
"elements": [
{
"name": "literal",
"value": "\"center\""
},
{
"name": "literal",
"value": "\"start\""
},
{
"name": "literal",
"value": "\"end\""
}
]
},
"required": false
}
}
www/apps/ui/src/specs/Popover/Popover.Trigger.json
+1 -2
View File
@@ -1,6 +1,5 @@
{
"description": "",
"methods": [],
"displayName": "Popover.Trigger",
"props": {}
"displayName": "Popover.Trigger"
}
www/apps/ui/src/specs/Popover/Popover.json
+1 -2
View File
@@ -1,6 +1,5 @@
{
"description": "This component is based on the [Radix UI Popover](https://www.radix-ui.com/primitives/docs/components/popover) primitves.",
"methods": [],
"displayName": "Popover",
"props": {}
"displayName": "Popover"
}
www/apps/ui/src/specs/ProgressAccordion/ProgressAccordion.Header.json
+1 -16
View File
@@ -6,22 +6,7 @@
"status": {
"required": false,
"tsType": {
"name": "union",
"raw": "\"not-started\" \\| \"in-progress\" \\| \"completed\"",
"elements": [
{
"name": "literal",
"value": "\"not-started\""
},
{
"name": "literal",
"value": "\"in-progress\""
},
{
"name": "literal",
"value": "\"completed\""
}
]
"name": "ProgressStatus"
},
"description": "The current status.",
"defaultValue": {
www/apps/ui/src/specs/ProgressAccordion/ProgressAccordion.ProgressIndicator.json
+1 -16
View File
@@ -6,22 +6,7 @@
"status": {
"required": true,
"tsType": {
"name": "union",
"raw": "\"not-started\" \\| \"in-progress\" \\| \"completed\"",
"elements": [
{
"name": "literal",
"value": "\"not-started\""
},
{
"name": "literal",
"value": "\"in-progress\""
},
{
"name": "literal",
"value": "\"completed\""
}
]
"name": "ProgressStatus"
},
"description": "The current status."
}
www/apps/ui/src/specs/ProgressAccordion/ProgressAccordion.json
+1 -2
View File
@@ -1,6 +1,5 @@
{
"description": "This component is based on the [Radix UI Accordion](https://radix-ui.com/primitives/docs/components/accordion) primitves.",
"methods": [],
"displayName": "ProgressAccordion",
"props": {}
"displayName": "ProgressAccordion"
}
www/apps/ui/src/specs/ProgressTabs/ProgressTabs.ProgressIndicator.json
+1 -16
View File
@@ -6,22 +6,7 @@
"status": {
"required": false,
"tsType": {
"name": "union",
"raw": "\"not-started\" \\| \"in-progress\" \\| \"completed\"",
"elements": [
{
"name": "literal",
"value": "\"not-started\""
},
{
"name": "literal",
"value": "\"in-progress\""
},
{
"name": "literal",
"value": "\"completed\""
}
]
"name": "ProgressStatus"
},
"description": "The current status."
}
www/apps/ui/src/specs/ProgressTabs/ProgressTabs.Trigger.json
+13 -1
View File
@@ -2,7 +2,19 @@
"description": "",
"methods": [],
"displayName": "ProgressTabs.Trigger",
"props": {},
"props": {
"status": {
"required": false,
"tsType": {
"name": "ProgressStatus"
},
"description": "",
"defaultValue": {
"value": "\"not-started\"",
"computed": false
}
}
},
"composes": [
"Omit"
]
www/apps/ui/src/specs/ProgressTabs/ProgressTabs.json
+1 -2
View File
@@ -1,6 +1,5 @@
{
"description": "This component is based on the [Radix UI Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves.",
"methods": [],
"displayName": "ProgressTabs",
"props": {}
"displayName": "ProgressTabs"
}
www/apps/ui/src/specs/Prompt/Prompt.Portal.json
+1 -2
View File
@@ -1,6 +1,5 @@
{
"description": "",
"methods": [],
"displayName": "Prompt.Portal",
"props": {}
"displayName": "Prompt.Portal"
}
www/apps/ui/src/specs/RangeDatePicker/RangeDatePicker.json
-334
View File
@@ -1,334 +0,0 @@
{
"description": "",
"methods": [],
"displayName": "RangeDatePicker",
"props": {
"fromYear": {
"required": false,
"tsType": {
"name": "number"
},
"description": "The year to start showing the dates from."
},
"toYear": {
"required": false,
"tsType": {
"name": "number"
},
"description": "The year to show dates to."
},
"fromMonth": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The month to start showing dates from."
},
"toMonth": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The month to show dates to."
},
"fromDay": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The day to start showing dates from."
},
"toDay": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The day to show dates to."
},
"fromDate": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The date to show dates from."
},
"toDate": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The date to show dates to."
},
"locale": {
"required": false,
"tsType": {
"name": "Locale"
},
"description": "The locale to use for formatting dates. To change the locale pass a date-fns locale object."
},
"className": {
"required": false,
"tsType": {
"name": "string"
},
"description": "The class name to apply on the date picker."
},
"disabled": {
"required": false,
"tsType": {
"name": "boolean"
},
"description": "Whether the date picker's input is disabled."
},
"required": {
"required": false,
"tsType": {
"name": "boolean"
},
"description": "Whether the date picker's input is required."
},
"placeholder": {
"required": false,
"tsType": {
"name": "string"
},
"description": "The date picker's placeholder."
},
"size": {
"required": false,
"tsType": {
"name": "union",
"raw": "\"small\" | \"base\"",
"elements": [
{
"name": "literal",
"value": "\"small\""
},
{
"name": "literal",
"value": "\"base\""
}
]
},
"description": "The date picker's size.",
"defaultValue": {
"value": "\"base\"",
"computed": false
}
},
"showTimePicker": {
"required": false,
"tsType": {
"name": "boolean"
},
"description": "Whether to show a time picker along with the date picker."
},
"translations": {
"required": false,
"tsType": {
"name": "signature",
"type": "object",
"raw": "{\n cancel?: string\n apply?: string\n start?: string\n end?: string\n range?: string\n}",
"signature": {
"properties": [
{
"key": "cancel",
"value": {
"name": "string",
"required": false
}
},
{
"key": "apply",
"value": {
"name": "string",
"required": false
}
},
{
"key": "start",
"value": {
"name": "string",
"required": false
}
},
{
"key": "end",
"value": {
"name": "string",
"required": false
}
},
{
"key": "range",
"value": {
"name": "string",
"required": false
}
}
]
}
},
"description": "Translation keys for the date picker. Use this to localize the date picker."
},
"id": {
"required": false,
"tsType": {
"name": "string"
},
"description": ""
},
"aria-invalid": {
"required": false,
"tsType": {
"name": "boolean"
},
"description": ""
},
"aria-label": {
"required": false,
"tsType": {
"name": "string"
},
"description": ""
},
"aria-labelledby": {
"required": false,
"tsType": {
"name": "string"
},
"description": ""
},
"aria-required": {
"required": false,
"tsType": {
"name": "boolean"
},
"description": ""
},
"presets": {
"required": false,
"tsType": {
"name": "Array",
"elements": [
{
"name": "DateRangePreset"
}
],
"raw": "DateRangePreset[]"
},
"description": "Provide selectable preset configurations."
},
"defaultValue": {
"required": false,
"tsType": {
"name": "signature",
"type": "object",
"raw": "&#123; from: Date \\| undefined ; to?: Date &#125;",
"signature": {
"properties": [
{
"key": "from",
"value": {
"name": "union",
"raw": "Date \\| undefined",
"elements": [
{
"name": "Date",
"elements": [],
"raw": "Date"
},
{
"name": "undefined"
}
]
},
"description": "The range's start date."
},
{
"key": "to",
"value": {
"name": "Date",
"elements": [],
"raw": "Date"
},
"description": "The range's end date."
}
]
}
},
"description": "The date range selected by default."
},
"value": {
"required": false,
"tsType": {
"name": "signature",
"type": "object",
"raw": "&#123; from: Date \\| undefined ; to?: Date &#125;",
"signature": {
"properties": [
{
"key": "from",
"value": {
"name": "union",
"raw": "Date \\| undefined",
"elements": [
{
"name": "Date",
"elements": [],
"raw": "Date"
},
{
"name": "undefined"
}
]
},
"description": "The range's start date."
},
{
"key": "to",
"value": {
"name": "Date",
"elements": [],
"raw": "Date"
},
"description": "The range's end date."
}
]
}
},
"description": "The selected date range."
},
"onChange": {
"required": false,
"tsType": {
"name": "signature",
"type": "function",
"raw": "(dateRange: DateRange | undefined) => void",
"signature": {
"arguments": [
{
"type": {
"name": "union",
"raw": "DateRange | undefined",
"elements": [
{
"name": "DateRange"
},
{
"name": "undefined"
}
]
},
"name": "dateRange"
}
],
"return": {
"name": "void"
}
}
},
"description": "A function to handle the change in the selected date range."
}
}
}
www/apps/ui/src/specs/Select/Select.Content.json
+26 -1
View File
@@ -2,5 +2,30 @@
"description": "",
"methods": [],
"displayName": "Select.Content",
"props": {}
"props": {
"position": {
"defaultValue": {
"value": "\"popper\"",
"computed": false
},
"description": "",
"required": false
},
"sideOffset": {
"defaultValue": {
"value": "8",
"computed": false
},
"description": "",
"required": false
},
"collisionPadding": {
"defaultValue": {
"value": "24",
"computed": false
},
"description": "",
"required": false
}
}
}
www/apps/ui/src/specs/Select/Select.Group.json
-6
View File
@@ -1,6 +0,0 @@
{
"description": "Groups multiple items together.",
"methods": [],
"displayName": "Select.Group",
"props": {}
}
www/apps/ui/src/specs/Select/Select.Value.json
-6
View File
@@ -1,6 +0,0 @@
{
"description": "Displays the selected value, or a placeholder if no value is selected.\nIt's based on [Radix UI Select Value](https://www.radix-ui.com/primitives/docs/components/select#value).",
"methods": [],
"displayName": "Select.Value",
"props": {}
}
www/apps/ui/src/specs/SingleDatePicker/SingleDatePicker.json
-268
View File
@@ -1,268 +0,0 @@
{
"description": "",
"methods": [],
"displayName": "SingleDatePicker",
"props": {
"fromYear": {
"required": false,
"tsType": {
"name": "number"
},
"description": "The year to start showing the dates from."
},
"toYear": {
"required": false,
"tsType": {
"name": "number"
},
"description": "The year to show dates to."
},
"fromMonth": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The month to start showing dates from."
},
"toMonth": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The month to show dates to."
},
"fromDay": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The day to start showing dates from."
},
"toDay": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The day to show dates to."
},
"fromDate": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The date to show dates from."
},
"toDate": {
"required": false,
"tsType": {
"name": "Date"
},
"description": "The date to show dates to."
},
"locale": {
"required": false,
"tsType": {
"name": "Locale"
},
"description": "The locale to use for formatting dates. To change the locale pass a date-fns locale object."
},
"className": {
"required": false,
"tsType": {
"name": "string"
},
"description": "The class name to apply on the date picker."
},
"disabled": {
"required": false,
"tsType": {
"name": "boolean"
},
"description": "Whether the date picker's input is disabled."
},
"required": {
"required": false,
"tsType": {
"name": "boolean"
},
"description": "Whether the date picker's input is required."
},
"placeholder": {
"required": false,
"tsType": {
"name": "string"
},
"description": "The date picker's placeholder."
},
"size": {
"required": false,
"tsType": {
"name": "union",
"raw": "\"small\" | \"base\"",
"elements": [
{
"name": "literal",
"value": "\"small\""
},
{
"name": "literal",
"value": "\"base\""
}
]
},
"description": "The date picker's size.",
"defaultValue": {
"value": "\"base\"",
"computed": false
}
},
"showTimePicker": {
"required": false,
"tsType": {
"name": "boolean"
},
"description": "Whether to show a time picker along with the date picker."
},
"translations": {
"required": false,
"tsType": {
"name": "signature",
"type": "object",
"raw": "{\n cancel?: string\n apply?: string\n start?: string\n end?: string\n range?: string\n}",
"signature": {
"properties": [
{
"key": "cancel",
"value": {
"name": "string",
"required": false
}
},
{
"key": "apply",
"value": {
"name": "string",
"required": false
}
},
{
"key": "start",
"value": {
"name": "string",
"required": false
}
},
{
"key": "end",
"value": {
"name": "string",
"required": false
}
},
{
"key": "range",
"value": {
"name": "string",
"required": false
}
}
]
}
},
"description": "Translation keys for the date picker. Use this to localize the date picker."
},
"id": {
"required": false,
"tsType": {
"name": "string"
},
"description": ""
},
"aria-invalid": {
"required": false,
"tsType": {
"name": "boolean"
},
"description": ""
},
"aria-label": {
"required": false,
"tsType": {
"name": "string"
},
"description": ""
},
"aria-labelledby": {
"required": false,
"tsType": {
"name": "string"
},
"description": ""
},
"aria-required": {
"required": false,
"tsType": {
"name": "boolean"
},
"description": ""
},
"presets": {
"required": false,
"tsType": {
"name": "Array",
"elements": [
{
"name": "DatePreset"
}
],
"raw": "DatePreset[]"
},
"description": ""
},
"defaultValue": {
"required": false,
"tsType": {
"name": "Date"
},
"description": ""
},
"value": {
"required": false,
"tsType": {
"name": "Date"
},
"description": ""
},
"onChange": {
"required": false,
"tsType": {
"name": "signature",
"type": "function",
"raw": "(date: Date | undefined) => void",
"signature": {
"arguments": [
{
"type": {
"name": "union",
"raw": "Date | undefined",
"elements": [
{
"name": "Date"
},
{
"name": "undefined"
}
]
},
"name": "date"
}
],
"return": {
"name": "void"
}
}
},
"description": ""
}
}
}
www/apps/ui/src/specs/StatusBadge/StatusBadge.json
-30
View File
@@ -9,36 +9,6 @@
"computed": false
},
"description": "The status's color.",
"tsType": {
"name": "union",
"raw": "\"green\" \\| \"red\" \\| \"blue\" \\| \"orange\" \\| \"grey\" \\| \"purple\"",
"elements": [
{
"name": "literal",
"value": "\"green\""
},
{
"name": "literal",
"value": "\"red\""
},
{
"name": "literal",
"value": "\"blue\""
},
{
"name": "literal",
"value": "\"orange\""
},
{
"name": "literal",
"value": "\"grey\""
},
{
"name": "literal",
"value": "\"purple\""
}
]
},
"required": false
}
},
www/apps/ui/src/specs/Switch/Switch.json
-14
View File
@@ -9,20 +9,6 @@
"computed": false
},
"description": "The switch's size.",
"tsType": {
"name": "union",
"raw": "\"small\" \\| \"base\"",
"elements": [
{
"name": "literal",
"value": "\"small\""
},
{
"name": "literal",
"value": "\"base\""
}
]
},
"required": false
}
},
www/apps/ui/src/specs/Tabs/Tabs.json
+1 -2
View File
@@ -1,6 +1,5 @@
{
"description": "This component is based on the [Radix UI Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves",
"methods": [],
"displayName": "Tabs",
"props": {}
"displayName": "Tabs"
}
www/apps/ui/src/specs/Text/Text.json
-68
View File
@@ -46,32 +46,6 @@
"computed": false
},
"description": "The text's size.",
"tsType": {
"name": "union",
"raw": "\"xsmall\" \\| \"small\" \\| \"base\" \\| \"large\" \\| \"xlarge\"",
"elements": [
{
"name": "literal",
"value": "\"xsmall\""
},
{
"name": "literal",
"value": "\"small\""
},
{
"name": "literal",
"value": "\"base\""
},
{
"name": "literal",
"value": "\"large\""
},
{
"name": "literal",
"value": "\"xlarge\""
}
]
},
"required": false
},
"weight": {
@@ -80,20 +54,6 @@
"computed": false
},
"description": "The text's font weight.",
"tsType": {
"name": "union",
"raw": "\"regular\" \\| \"plus\"",
"elements": [
{
"name": "literal",
"value": "\"regular\""
},
{
"name": "literal",
"value": "\"plus\""
}
]
},
"required": false
},
"family": {
@@ -102,20 +62,6 @@
"computed": false
},
"description": "The text's font family.",
"tsType": {
"name": "union",
"raw": "\"sans\" \\| \"mono\"",
"elements": [
{
"name": "literal",
"value": "\"sans\""
},
{
"name": "literal",
"value": "\"mono\""
}
]
},
"required": false
},
"leading": {
@@ -124,20 +70,6 @@
"computed": false
},
"description": "The text's line height.",
"tsType": {
"name": "union",
"raw": "\"normal\" \\| \"compact\"",
"elements": [
{
"name": "literal",
"value": "\"normal\""
},
{
"name": "literal",
"value": "\"compact\""
}
]
},
"required": false
}
},
www/apps/ui/src/specs/TimeInput/TimeInput.json
+2 -7
View File
@@ -1,10 +1,5 @@
{
"description": "This component is based on the `div` element and supports all of its props.",
"description": "",
"methods": [],
"displayName": "TimeInput",
"props": {
"hourCycle": {
"description": "The time's format. If no value is specified, the format is\nset based on the user's locale."
}
}
"displayName": "TimeInput"
}
www/apps/ui/src/specs/Toast/Toast.json
+3 -70
View File
@@ -22,84 +22,17 @@
"description": {
"required": false,
"tsType": {
"name": "string"
"name": "ReactReactNode",
"raw": "React.ReactNode"
},
"description": "The toast's text."
},
"action": {
"required": false,
"tsType": {
"name": "signature",
"type": "object",
"raw": "&#123; altText: string ; label: string ; onClick: () => void \\| Promise&#60;void&#62; ; variant?: ToastActionVariant &#125;",
"signature": {
"properties": [
{
"key": "altText",
"value": {
"name": "string"
},
"description": "The button's alt text."
},
{
"key": "label",
"value": {
"name": "string"
},
"description": "The button's text."
},
{
"key": "onClick",
"value": {
"name": "signature",
"type": "function",
"raw": "() => void \\| Promise&#60;void&#62;",
"signature": {
"arguments": [],
"return": {
"name": "void \\| Promise&#60;void&#62;"
}
}
},
"description": "The function to execute when the button is clicked."
},
{
"key": "variant",
"value": {
"name": "ToastActionVariant",
"elements": [
{
"name": "union",
"raw": "\"default\" \\| \"destructive\"",
"elements": [
{
"name": "\"default\""
},
{
"name": "\"destructive\""
}
]
}
],
"raw": "ToastActionVariant"
},
"description": "The button's variant."
}
]
}
"name": "ToastAction"
},
"description": "The toast's action buttons."
},
"dismissLabel": {
"required": false,
"tsType": {
"name": "string"
},
"description": "The label of the dismiss button, if available.",
"defaultValue": {
"value": "\"Close\"",
"computed": false
}
}
}
}
www/apps/ui/src/specs/Toaster/Toaster.json
+1 -59
View File
@@ -9,42 +9,6 @@
"computed": false
},
"description": "The position of the created toasts.",
"tsType": {
"name": "Position",
"elements": [
{
"name": "union",
"raw": "\"top-left\" \\| \"top-right\" \\| \"bottom-left\" \\| \"bottom-right\" \\| \"top-center\" \\| \"bottom-center\"",
"elements": [
{
"name": "literal",
"value": "\"top-left\""
},
{
"name": "literal",
"value": "\"top-right\""
},
{
"name": "literal",
"value": "\"bottom-left\""
},
{
"name": "literal",
"value": "\"bottom-right\""
},
{
"name": "literal",
"value": "\"top-center\""
},
{
"name": "literal",
"value": "\"bottom-center\""
}
]
}
],
"raw": "Position"
},
"required": false
},
"gap": {
@@ -53,9 +17,6 @@
"computed": false
},
"description": "The gap between the toast components.",
"tsType": {
"name": "number"
},
"required": false
},
"offset": {
@@ -64,29 +25,10 @@
"computed": false
},
"description": "The space from the edges of the screen.",
"tsType": {
"name": "union",
"raw": "string \\| number",
"elements": [
{
"name": "string"
},
{
"name": "number"
}
]
},
"required": false
},
"duration": {
"description": "The time in milliseconds that a toast is shown before it's\nautomatically dismissed.\n\n",
"tsType": {
"name": "number"
},
"defaultValue": {
"value": "4000",
"computed": false
}
"description": "The time in milliseconds that a toast is shown before it's\nautomatically dismissed.\n\n@defaultValue 4000"
}
},
"composes": [
www/apps/ui/src/specs/Tooltip/Tooltip.json
+55
View File
@@ -3,6 +3,53 @@
"methods": [],
"displayName": "Tooltip",
"props": {
"content": {
"required": true,
"tsType": {
"name": "ReactReactNode",
"raw": "React.ReactNode"
},
"description": ""
},
"onClick": {
"required": false,
"tsType": {
"name": "ReactMouseEventHandler",
"raw": "React.MouseEventHandler<HTMLButtonElement>",
"elements": [
{
"name": "HTMLButtonElement"
}
]
},
"description": ""
},
"side": {
"required": false,
"tsType": {
"name": "union",
"raw": "\"bottom\" | \"left\" | \"top\" | \"right\"",
"elements": [
{
"name": "literal",
"value": "\"bottom\""
},
{
"name": "literal",
"value": "\"left\""
},
{
"name": "literal",
"value": "\"top\""
},
{
"name": "literal",
"value": "\"right\""
}
]
},
"description": ""
},
"maxWidth": {
"required": false,
"tsType": {
@@ -13,6 +60,14 @@
"value": "220",
"computed": false
}
},
"sideOffset": {
"defaultValue": {
"value": "8",
"computed": false
},
"description": "",
"required": false
}
},
"composes": [
www/apps/ui/src/specs/TooltipProvider/TooltipProvider.json
+23
View File
@@ -0,0 +1,23 @@
{
"description": "",
"methods": [],
"displayName": "TooltipProvider",
"props": {
"delayDuration": {
"defaultValue": {
"value": "100",
"computed": false
},
"description": "",
"required": false
},
"skipDelayDuration": {
"defaultValue": {
"value": "300",
"computed": false
},
"description": "",
"required": false
}
}
}