forked from dimitropoulos/react-ui-roundup
-
Notifications
You must be signed in to change notification settings - Fork 0
/
carbonDesign.ts
133 lines (131 loc) · 3.51 KB
/
carbonDesign.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
import { Framework } from '../frameworks';
const frameworkHomepage = 'http://react.carbondesignsystem.com';
export const carbonDesign: Framework = {
components: [
{
componentId: 'button',
componentName: 'Button',
componentURL: `${frameworkHomepage}/?path=/story/components-button--default`,
options: {
disabled: true,
groupable: true,
icon: ['right', 'only'],
loading: true,
sizes: ['default', 'field', 'small'],
},
},
{
componentId: 'checkbox',
componentName: 'Checkbox',
componentURL: `${frameworkHomepage}/?path=/story/components-checkbox--default`,
options: {
customIcon: false,
disabled: true,
indeterminate: true,
invalid: false,
labelPlacement: ['right'],
},
},
{
componentId: 'pagination',
componentName: 'PaginationNav',
componentURL: `${frameworkHomepage}/?path=/story/components-paginationnav--default`,
options: {
compact: false,
edgePages: false,
firstLast: false,
numPages: true,
pageSize: true,
style: ['items'],
},
},
{
componentId: 'stepper',
componentName: 'ProgressIndicator',
componentURL: `${frameworkHomepage}/?path=/story/components-progressindicator--default`,
options: {
canBeVertical: true,
clickable: true,
stepDescription: true,
stepError: true,
stepIcon: false,
},
},
{
componentId: 'select',
componentName: 'Select',
componentURL: `${frameworkHomepage}/?path=/story/components-select--default`,
options: {
async: false,
disabled: true,
disabledOptions: true,
filterable: false,
groupable: true,
icons: [],
virtual: false,
},
},
{
componentId: 'switch',
componentName: 'Switch',
componentURL: `${frameworkHomepage}/?path=/story/components-toggle--default`,
options: {
disabled: true,
indeterminate: false,
internalIcons: false,
internalText: false,
labelPlacement: ['right'],
loading: false,
sizes: ['default', 'small'],
},
},
{
componentId: 'datePicker',
componentName: 'DatePicker',
componentURL: `${frameworkHomepage}/?path=/story/components-datepicker--simple`,
options: {
clearable: false,
customLocale: false,
minMax: true,
modes: ['day', 'year'],
presets: false,
range: true,
time: true,
},
},
{
componentId: 'errorBoundary',
componentName: 'ErrorBoundary',
componentURL: `${frameworkHomepage}/?path=/story/components-errorboundary--default`,
options: {
customText: false,
dropInFallback: true,
wrapperFallback: false,
},
},
{
componentId: 'tabs',
componentName: 'Tabs',
componentURL: `${frameworkHomepage}/?path=/story/components-tabs--default`,
options: {
canBeVertical: false,
},
},
],
frameworkFeaturesById: {
darkMode: true,
designKits: [
{
href: 'https://www.carbondesignsystem.com/resources#theme-libraries',
type: 'Sketch',
},
],
rtlSupport: true,
themer: 'https://themes.carbondesignsystem.com/?nav=button',
typeScript: false,
},
frameworkHomepage,
frameworkId: 'carbonDesign',
frameworkName: 'Carbon Design',
repoURL: 'https://github.com/carbon-design-system/carbon',
};