@getvitops/create 0.9.0-alpha.3 → 0.9.0-alpha.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.
@@ -23,14 +23,27 @@
23
23
  }
24
24
  },
25
25
  "roles": {
26
- "neutral": { "hue": "ink", "kind": "surface" },
27
- "surface": { "hue": "ink", "kind": "surface" },
26
+ "neutral": {
27
+ "hue": "ink",
28
+ "kind": "surface"
29
+ },
30
+ "surface": {
31
+ "hue": "ink",
32
+ "kind": "surface"
33
+ },
28
34
  "ui-primary": "brand",
29
35
  "brand-primary": "brand",
30
- "info": "sky",
36
+ "info": {
37
+ "hue": "sky",
38
+ "solid": 700
39
+ },
31
40
  "success": "brand",
32
41
  "warning": "sun",
33
- "danger": "rose"
42
+ "danger": {
43
+ "hue": "rose",
44
+ "solid": 700
45
+ },
46
+ "ui-accent": "sun"
34
47
  },
35
48
  "utilities": ["bg", "text", "icon", "border"]
36
49
  },
@@ -100,6 +113,13 @@
100
113
  "br": "0.25rem",
101
114
  "p": "0.25em 0.5em",
102
115
  "fs": "0.75rem"
116
+ },
117
+ "content": {
118
+ "ds": "var(--ds-default)",
119
+ "b": "var(--b-default)",
120
+ "br": "0.5rem",
121
+ "p": "1rem",
122
+ "fs": "var(--fs-default)"
103
123
  }
104
124
  },
105
125
  "z": {
@@ -109,22 +129,77 @@
109
129
  "top": 1000
110
130
  },
111
131
  "items": {
112
- "button": {
132
+ "btn": {
113
133
  "group": "control",
114
134
  "element": "button",
115
- "default_role": "brand-primary",
135
+ "class": "btn",
136
+ "fill": false,
137
+ "overrides": {
138
+ "b": "1px solid transparent",
139
+ "fs": "inherit"
140
+ },
141
+ "base": {
142
+ "display": "inline-flex",
143
+ "align-items": "center",
144
+ "justify-content": "center",
145
+ "gap": "0.4em",
146
+ "padding": "var(--p-btn-group)",
147
+ "border-radius": "var(--br-btn-group)",
148
+ "border": "var(--b-btn-group)",
149
+ "box-shadow": "var(--ds-btn-group)",
150
+ "background": "transparent",
151
+ "color": "inherit",
152
+ "font-family": "inherit",
153
+ "font-size": "var(--fs-btn-group)",
154
+ "font-weight": "inherit",
155
+ "text-decoration": "none",
156
+ "cursor": "pointer"
157
+ },
158
+ "states": {
159
+ "hover": {
160
+ "step": 1,
161
+ "css": {
162
+ "background-color": "var(--color-bg-surface-muted)"
163
+ }
164
+ },
165
+ "focus-visible": {
166
+ "ring": true
167
+ }
168
+ },
169
+ "roles": []
170
+ },
171
+ "cta": {
172
+ "group": "control",
173
+ "class": "cta",
174
+ "fill": true,
175
+ "default_role": "ui-primary",
176
+ "overrides": {
177
+ "p": "0.75em 1.5em",
178
+ "b": "none",
179
+ "ds": "var(--shadow-sm)",
180
+ "fs": "inherit"
181
+ },
116
182
  "base": {
117
- "padding": "0.6em 1.2em",
118
- "border-radius": "var(--br-control, 0.25rem)",
119
- "border": "none",
183
+ "display": "inline-flex",
184
+ "align-items": "center",
185
+ "justify-content": "center",
186
+ "gap": "0.5em",
187
+ "padding": "var(--p-cta-group)",
188
+ "border-radius": "var(--br-cta-group)",
189
+ "border": "var(--b-cta-group)",
190
+ "font-family": "inherit",
191
+ "font-size": "var(--fs-cta-group)",
120
192
  "font-weight": "600",
121
- "color": "#fff",
193
+ "line-height": "inherit",
194
+ "text-decoration": "none",
122
195
  "cursor": "pointer",
123
- "box-shadow": "var(--shadow-sm)"
196
+ "color": "var(--color-text-on-ui-primary)",
197
+ "box-shadow": "var(--ds-cta-group)"
124
198
  },
125
199
  "states": {
126
200
  "hover": {
127
- "step": 1
201
+ "step": 1,
202
+ "lift": "1px"
128
203
  },
129
204
  "active": {
130
205
  "scale": 0.97
@@ -133,8 +208,27 @@
133
208
  "ring": true
134
209
  }
135
210
  },
136
- "roles": ["success", "danger", "warning", "info"],
137
- "class": "btn"
211
+ "roles": ["success", "danger", "warning", "info"]
212
+ },
213
+ "link": {
214
+ "group": "control",
215
+ "element": "a",
216
+ "class": "link",
217
+ "default_role": "ui-primary",
218
+ "base": {
219
+ "color": "var(--color-text-ui-primary)",
220
+ "text-decoration": "underline",
221
+ "text-underline-offset": "0.15em"
222
+ },
223
+ "states": {
224
+ "hover": {
225
+ "step": 1
226
+ },
227
+ "focus-visible": {
228
+ "ring": true
229
+ }
230
+ },
231
+ "roles": []
138
232
  },
139
233
  "card": {
140
234
  "group": "panel",
@@ -193,6 +287,23 @@
193
287
  },
194
288
  "states": {},
195
289
  "roles": ["success", "danger", "warning", "info"]
290
+ },
291
+ "details": {
292
+ "group": "content"
293
+ },
294
+ "steps": {
295
+ "group": "content",
296
+ "class": "steps",
297
+ "overrides": {
298
+ "b": "1px solid var(--color-border-surface-muted)",
299
+ "br": "0.75rem",
300
+ "p": "1.5rem",
301
+ "ds": "none"
302
+ },
303
+ "base": {
304
+ "--steps-marker-size": "2.5rem",
305
+ "--steps-line-width": "2px"
306
+ }
196
307
  }
197
308
  }
198
309
  },