@platformatic/ui-components 0.8.3 → 0.8.5
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/dist/assets/index-Bj5xxPry.css +1 -0
- package/dist/assets/index-C8-hJodH.js +40 -0
- package/dist/index.html +2 -2
- package/dist/main.css +110 -110
- package/package.json +1 -1
- package/src/components/Button.module.css +12 -0
- package/src/components/ButtonOnlyIcon.module.css +12 -0
- package/src/components/Common.module.css +73 -1
- package/src/components/DropDown.jsx +26 -4
- package/src/components/constants.js +5 -3
- package/src/components/icons/ArrowRightIcon.jsx +15 -1
- package/src/components/icons/EnvVariableszIcon.jsx +112 -0
- package/src/components/icons/Icons.module.css +40 -0
- package/src/components/icons/index.js +2 -0
- package/src/stories/ButtonFullRounded.stories.jsx +6 -1
- package/tailwind.config.cjs +3 -1
- package/dist/assets/index-DFooB5Gh.js +0 -40
- package/dist/assets/index-UjO_DhXJ.css +0 -1
|
@@ -127,6 +127,40 @@
|
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
|
|
130
|
+
.giants-orange > circle,
|
|
131
|
+
.giants-orange > ellipse,
|
|
132
|
+
.giants-orange > rect,
|
|
133
|
+
.giants-orange > line,
|
|
134
|
+
.giants-orange > path {
|
|
135
|
+
@apply stroke-giants-orange;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.important-giants-orange > circle,
|
|
139
|
+
.important-giants-orange > ellipse,
|
|
140
|
+
.important-giants-orange > rect,
|
|
141
|
+
.important-giants-orange > line,
|
|
142
|
+
.important-giants-orange > path {
|
|
143
|
+
@apply !stroke-giants-orange;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
.electric-purple > circle,
|
|
148
|
+
.electric-purple > ellipse,
|
|
149
|
+
.electric-purple > rect,
|
|
150
|
+
.electric-purple > line,
|
|
151
|
+
.electric-purple > path {
|
|
152
|
+
@apply stroke-electric-purple;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.important-electric-purple > circle,
|
|
156
|
+
.important-electric-purple > ellipse,
|
|
157
|
+
.important-electric-purple > rect,
|
|
158
|
+
.important-electric-purple > line,
|
|
159
|
+
.important-electric-purple > path {
|
|
160
|
+
@apply !stroke-electric-purple;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
|
|
130
164
|
.filled-rich-black {
|
|
131
165
|
@apply fill-rich-black;
|
|
132
166
|
}
|
|
@@ -151,6 +185,12 @@
|
|
|
151
185
|
.filled-fluorescent-cyan {
|
|
152
186
|
@apply fill-fluorescent-cyan;
|
|
153
187
|
}
|
|
188
|
+
.filled-giants-orange {
|
|
189
|
+
@apply fill-giants-orange;
|
|
190
|
+
}
|
|
191
|
+
.filled-electric-purple {
|
|
192
|
+
@apply fill-electric-purple;
|
|
193
|
+
}
|
|
154
194
|
|
|
155
195
|
|
|
156
196
|
.fill-circle-green > circle {
|
|
@@ -85,6 +85,7 @@ import EditIcon from './EditIcon'
|
|
|
85
85
|
import EntrypointIcon from './EntrypointIcon'
|
|
86
86
|
import EnlargeIcon from './EnlargeIcon'
|
|
87
87
|
import EntryIcon from './EntryIcon'
|
|
88
|
+
import EnvVariableszIcon from './EnvVariableszIcon'
|
|
88
89
|
import ExpandIcon from './ExpandIcon'
|
|
89
90
|
import ExploreDocIcon from './ExploreDocIcon'
|
|
90
91
|
import EyeClosedIcon from './EyeClosedIcon'
|
|
@@ -294,6 +295,7 @@ export default {
|
|
|
294
295
|
ExploreDocIcon,
|
|
295
296
|
EnlargeIcon,
|
|
296
297
|
EntryIcon,
|
|
298
|
+
EnvVariableszIcon,
|
|
297
299
|
FailureRateIcon,
|
|
298
300
|
FolderIcon,
|
|
299
301
|
FoldersIcon,
|
|
@@ -5,7 +5,8 @@ import {
|
|
|
5
5
|
SIZES,
|
|
6
6
|
SMALL,
|
|
7
7
|
MEDIUM,
|
|
8
|
-
LARGE
|
|
8
|
+
LARGE,
|
|
9
|
+
HOVER_EFFECTS_BUTTONS
|
|
9
10
|
} from '../components/constants'
|
|
10
11
|
import Icons from '../components/icons'
|
|
11
12
|
|
|
@@ -54,6 +55,10 @@ export default {
|
|
|
54
55
|
options: SIZES
|
|
55
56
|
}
|
|
56
57
|
},
|
|
58
|
+
hoverEffect: {
|
|
59
|
+
type: 'radio',
|
|
60
|
+
options: HOVER_EFFECTS_BUTTONS
|
|
61
|
+
},
|
|
57
62
|
selected: {
|
|
58
63
|
type: 'boolean'
|
|
59
64
|
}
|
package/tailwind.config.cjs
CHANGED
|
@@ -52,7 +52,9 @@ module.exports = {
|
|
|
52
52
|
'anti-flash-white': '#EDEDED',
|
|
53
53
|
'fire-engine-red': '#D71919',
|
|
54
54
|
'alternate-rich-black': '#12171D',
|
|
55
|
-
'fluorescent-cyan': '#44FFEC'
|
|
55
|
+
'fluorescent-cyan': '#44FFEC',
|
|
56
|
+
'giants-orange': '#FA6221'
|
|
57
|
+
|
|
56
58
|
},
|
|
57
59
|
fontFamily: {
|
|
58
60
|
sans: ['Montserrat'],
|