gd-design-library 1.7.1 → 1.7.2
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/package.json
CHANGED
|
@@ -1,7 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "gd-design-library",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.2",
|
|
4
4
|
"license": "MIT",
|
|
5
|
+
"repository": {
|
|
6
|
+
"type": "git",
|
|
7
|
+
"url": "git+https://github.com/griddynamics/cto-rnd-system-design.git"
|
|
8
|
+
},
|
|
9
|
+
"publishConfig": {
|
|
10
|
+
"provenance": true
|
|
11
|
+
},
|
|
5
12
|
"type": "module",
|
|
6
13
|
"main": "./index.js",
|
|
7
14
|
"types": "./index.d.ts",
|
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
# Molecular Component Testing Prompts
|
|
2
|
-
|
|
3
|
-
## PROMPT FOR ACCORDION
|
|
4
|
-
|
|
5
|
-
Generate default Accordion with 2 titles: one already opened with title = 'Cappuccino', the second closed with title = 'Latte' containing 1–2 sentences about coffee.
|
|
6
|
-
|
|
7
|
-
---
|
|
8
|
-
|
|
9
|
-
## PROMPT FOR BREADCRUMBS
|
|
10
|
-
|
|
11
|
-
Generate breadcrumbs with string separator = `|`, content = 'product', 'home', 'category', and with an information icon at the end, colored with border.
|
|
12
|
-
|
|
13
|
-
---
|
|
14
|
-
|
|
15
|
-
## PROMPT FOR COUNTER
|
|
16
|
-
|
|
17
|
-
Generate 2 different counters:
|
|
18
|
-
|
|
19
|
-
1. Simple counter with initial value = 5, min = 0, and max = 20
|
|
20
|
-
2. Disabled counter with initial value = 25
|
|
21
|
-
|
|
22
|
-
---
|
|
23
|
-
|
|
24
|
-
## PROMPT FOR DROPDOWN
|
|
25
|
-
|
|
26
|
-
Generate 2 different dropdowns:
|
|
27
|
-
|
|
28
|
-
1. Simple dropdown with 2 options: 'drop' and 'down'
|
|
29
|
-
2. Dropdown with checkboxes: 'drop' and 'up'
|
|
30
|
-
|
|
31
|
-
---
|
|
32
|
-
|
|
33
|
-
## PROMPT FOR FORM
|
|
34
|
-
|
|
35
|
-
Generate a complete form containing the following components:
|
|
36
|
-
|
|
37
|
-
- Input with email variant/type
|
|
38
|
-
- Input with password variant/type
|
|
39
|
-
- Checkbox input with label = 'Remember me'
|
|
40
|
-
- Radio input group with options = 'yes', 'no', 'maybe'
|
|
41
|
-
- Submit button with text = 'Submit data'
|
|
42
|
-
|
|
43
|
-
---
|
|
44
|
-
|
|
45
|
-
## PROMPT FOR INLINE NOTIFICATION
|
|
46
|
-
|
|
47
|
-
Generate 3 types of inline notifications:
|
|
48
|
-
|
|
49
|
-
1. Default inline notification with text: 'Default InlineNotification'
|
|
50
|
-
2. Inline notification with text: 'Info InlineNotification'
|
|
51
|
-
3. Warning inline notification
|
|
52
|
-
|
|
53
|
-
---
|
|
54
|
-
|
|
55
|
-
## PROMPT FOR LIST
|
|
56
|
-
|
|
57
|
-
Generate list component with 3 list items: 'Item1', 'Item2', 'Item3'.
|
|
58
|
-
|
|
59
|
-
---
|
|
60
|
-
|
|
61
|
-
## PROMPT FOR MENU
|
|
62
|
-
|
|
63
|
-
Generate menu component with 3 items inside it: 'Open', 'Close', 'Profile'.
|
|
64
|
-
|
|
65
|
-
---
|
|
66
|
-
|
|
67
|
-
## PROMPT FOR PRICE
|
|
68
|
-
|
|
69
|
-
Generate 3 different types of price:
|
|
70
|
-
|
|
71
|
-
1. Default price = 50 with decimals, size small
|
|
72
|
-
2. With old price: new = 120, old = 300, European convention, size medium
|
|
73
|
-
3. Free price, old one is 300, size large
|
|
74
|
-
|
|
75
|
-
---
|
|
76
|
-
|
|
77
|
-
## PROMPT FOR PROGRESSBAR
|
|
78
|
-
|
|
79
|
-
Generate 2 different types of progress bar:
|
|
80
|
-
|
|
81
|
-
1. Default progress bar with value = 20 and percentage text displayed on it
|
|
82
|
-
2. Progress bar with value = 50, no percentage displayed
|
|
83
|
-
|
|
84
|
-
---
|
|
85
|
-
|
|
86
|
-
## PROMPT FOR RADIOGROUP
|
|
87
|
-
|
|
88
|
-
Generate 3 different radio groups:
|
|
89
|
-
|
|
90
|
-
1. Default radio group with 5 basic options, where the second option is disabled and with a pre-selected `defaultValue` = 3
|
|
91
|
-
2. Color picker using the 'grid' variant with `gridColumns` = 3 and `gridColumnGutter`
|
|
92
|
-
3. Visual image picker where options contain an `image` URL and `tooltip`
|
|
93
|
-
|
|
94
|
-
---
|
|
95
|
-
|
|
96
|
-
## PROMPT FOR RATING
|
|
97
|
-
|
|
98
|
-
Generate 3 different ratings:
|
|
99
|
-
|
|
100
|
-
1. Default interactive rating with a pre-selected `defaultValue` = 3
|
|
101
|
-
2. Read-only rating with a fractional value = 4.5 and size = 'lg'
|
|
102
|
-
3. Rating with max = 10, value = 7, size = 'sm', with custom color = #FF0000
|
|
103
|
-
|
|
104
|
-
---
|
|
105
|
-
|
|
106
|
-
## PROMPT FOR SNACKBAR
|
|
107
|
-
|
|
108
|
-
Generate a component with 4 buttons that trigger different snackbars using the `showSnackbar` function:
|
|
109
|
-
|
|
110
|
-
1. Success snackbar with title = 'Saved' and a short duration of 3000ms
|
|
111
|
-
2. Persistent error snackbar (duration = 0, dismissOnClick = false) containing an 'action' button 'Retry'
|
|
112
|
-
3. Warning snackbar with the 'colored' property enabled (filled background)
|
|
113
|
-
4. Info snackbar that overrides the default icon with a custom icon
|
|
114
|
-
|
|
115
|
-
---
|
|
116
|
-
|
|
117
|
-
## PROMPT FOR STEPPER
|
|
118
|
-
|
|
119
|
-
Generate 3 different steppers:
|
|
120
|
-
|
|
121
|
-
1. Default checkout stepper with 4 steps ('Cart', 'Shipping', 'Payment', 'Review') where activeStep = 1
|
|
122
|
-
2. Stepper displaying validation states: first step has validationStatus = 'success', second step has validationStatus = 'error', and activeStep = 2
|
|
123
|
-
3. Icons view stepper (`isIconsView` = true) with 3 steps
|
|
124
|
-
|
|
125
|
-
---
|
|
126
|
-
|
|
127
|
-
## PROMPT FOR TABLE
|
|
128
|
-
|
|
129
|
-
Generate 4 different tables:
|
|
130
|
-
|
|
131
|
-
1. Basic table where the first column has a fixed width of '200px' and the second has a width of '15%', using a small dataset
|
|
132
|
-
2. Table with expandable rows (`expandableRows` = true) that renders a custom Box with text inside `renderExpandedContent`
|
|
133
|
-
3. Table with stickyHeader and sticky footer including a generated large dataset of 30 items
|
|
134
|
-
4. Table in a loading state (`loading` = true) that displays a custom `loadingState` using Skeleton components instead of data
|
|
135
|
-
|
|
136
|
-
---
|
|
137
|
-
|
|
138
|
-
## PROMPT FOR TABS
|
|
139
|
-
|
|
140
|
-
Generate 3 different tabs:
|
|
141
|
-
|
|
142
|
-
1. Default tabs with 3 items ('Overview', 'Details', 'Reviews') where activeTab = 1
|
|
143
|
-
2. Tabs where one of the items has a noticeCounter = 3
|
|
144
|
-
3. Tabs where the last item is disabled
|
|
145
|
-
|
|
146
|
-
---
|
|
147
|
-
|
|
148
|
-
## PROMPT FOR TOOLTIP
|
|
149
|
-
|
|
150
|
-
Generate 2 different tooltips:
|
|
151
|
-
|
|
152
|
-
1. Default tooltip with content = 'Save your changes' wrapping a standard Button
|
|
153
|
-
2. Tooltip with rich content (using a Typography component inside the content prop)
|
|
154
|
-
|
|
155
|
-
---
|
|
File without changes
|