@birdapi/velinstyle 1.2.1 → 1.2.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.
Files changed (67) hide show
  1. package/README.de.md +134 -11
  2. package/README.md +139 -16
  3. package/cli/__fixtures__/atelier-library/showcases/01-login/app.css +1 -0
  4. package/cli/__fixtures__/atelier-library/showcases/01-login/app.js +2 -0
  5. package/cli/__fixtures__/atelier-library/showcases/01-login/index.html +5 -0
  6. package/cli/__fixtures__/atelier-library/showcases/04-pricing/app.css +1 -0
  7. package/cli/__fixtures__/atelier-library/showcases/04-pricing/app.js +2 -0
  8. package/cli/__fixtures__/atelier-library/showcases/04-pricing/index.html +5 -0
  9. package/cli/__fixtures__/atelier-library/showcases/36-calendar/app.css +1 -0
  10. package/cli/__fixtures__/atelier-library/showcases/36-calendar/app.js +2 -0
  11. package/cli/__fixtures__/atelier-library/showcases/36-calendar/index.html +5 -0
  12. package/cli/atelier-catalog.json +1267 -0
  13. package/cli/atelier-formats.js +159 -0
  14. package/cli/atelier.js +382 -0
  15. package/cli/blueprints/empty-state.html +3 -5
  16. package/cli/cli-manifest.json +23 -10
  17. package/cli/docgen/extract-cli.js +1 -1
  18. package/cli/index.js +149 -3
  19. package/cli/production/component-graph.json +166 -0
  20. package/cli/production/explain.js +52 -0
  21. package/cli/production/extract.js +238 -0
  22. package/cli/production/graph.js +102 -0
  23. package/cli/production/report.js +78 -0
  24. package/cli/production/run.js +312 -0
  25. package/cli/production/trim-css.js +177 -0
  26. package/cli/production/trim-fonts.js +23 -0
  27. package/cli/production/trim-icons.js +38 -0
  28. package/cli/production/trim-js.js +48 -0
  29. package/cli/production/trim-motion.js +22 -0
  30. package/cli/production/trim-themes.js +50 -0
  31. package/cli/production/watch.js +38 -0
  32. package/cli/review.js +48 -1
  33. package/cli/scripts/write-atelier-fixtures.mjs +33 -0
  34. package/components/index.js +3 -0
  35. package/components/runtime/component-loaders.js +3 -0
  36. package/components/velin-drawer.js +43 -4
  37. package/components/velin-empty-state.js +83 -0
  38. package/components/velin-modal.js +76 -15
  39. package/components/velin-otp-input.js +220 -0
  40. package/components/velin-password-strength.js +147 -0
  41. package/components/velin-sheet.js +49 -4
  42. package/core/a11y/component-contracts.json +23 -4
  43. package/core/meta/knowledge/components.json +75 -3
  44. package/dist/chunks/attributes-2ORR27KA.js +404 -0
  45. package/dist/chunks/chunk-Y6HN7HWX.js +116 -0
  46. package/dist/chunks/runtime-entry.js +1 -1
  47. package/dist/chunks/velin-drawer-A7Q7EBOS.js +162 -0
  48. package/dist/chunks/velin-empty-state-3NTUH2RF.js +81 -0
  49. package/dist/chunks/velin-modal-3MV4FYBK.js +231 -0
  50. package/dist/chunks/velin-otp-input-PSK42MM6.js +207 -0
  51. package/dist/chunks/velin-password-strength-TAXMLSED.js +136 -0
  52. package/dist/chunks/velin-sheet-N2VVYXFP.js +157 -0
  53. package/dist/llms.txt +3 -3
  54. package/dist/search-index.json +68 -5
  55. package/dist/velin-agent.json +283 -20
  56. package/dist/velinstyle-components.iife.js +2716 -2138
  57. package/dist/velinstyle-components.js +2772 -2190
  58. package/dist/velinstyle-components.min.js +254 -112
  59. package/dist/velinstyle.css +54 -6
  60. package/dist/velinstyle.d.ts +3 -0
  61. package/dist/velinstyle.min.css +1 -1
  62. package/package.json +143 -143
  63. package/packages/velinstyle-skills/catalog.json +1 -1
  64. package/src/components/data-table.css +19 -0
  65. package/src/components/empty-auth.css +33 -0
  66. package/src/components/table.css +16 -6
  67. package/src/velinstyle.css +1 -0
package/dist/velinstyle.css CHANGED
@@ -3176,30 +3176,35 @@
3176
3176
  font-size: var(--velin-text-sm);
3177
3177
  }
3178
3178
 
3179
- .velin-table-primary {
3179
+ .velin-table-primary, .velin-table--primary {
3180
3180
  background-color: color-mix(in oklch, var(--velin-color-primary) 10%, transparent);
3181
3181
  }
3182
3182
 
3183
- .velin-table-secondary {
3183
+ .velin-table-secondary, .velin-table--secondary {
3184
3184
  background-color: color-mix(in oklch, var(--velin-color-secondary) 10%, transparent);
3185
3185
  }
3186
3186
 
3187
- .velin-table-success {
3187
+ .velin-table-success, .velin-table--success {
3188
3188
  background-color: color-mix(in oklch, var(--velin-color-success) 10%, transparent);
3189
3189
  }
3190
3190
 
3191
- .velin-table-warning {
3191
+ .velin-table-warning, .velin-table--warning {
3192
3192
  background-color: color-mix(in oklch, var(--velin-color-warning) 10%, transparent);
3193
3193
  }
3194
3194
 
3195
- .velin-table-danger {
3195
+ .velin-table-danger, .velin-table--danger {
3196
3196
  background-color: color-mix(in oklch, var(--velin-color-danger) 10%, transparent);
3197
3197
  }
3198
3198
 
3199
- .velin-table-info {
3199
+ .velin-table-info, .velin-table--info {
3200
3200
  background-color: color-mix(in oklch, var(--velin-color-info) 10%, transparent);
3201
3201
  }
3202
3202
 
3203
+ .velin-table--selected {
3204
+ background-color: color-mix(in oklch, var(--velin-color-primary) 12%, transparent);
3205
+ box-shadow: inset 3px 0 0 var(--velin-color-primary);
3206
+ }
3207
+
3203
3208
  .velin-table .velin-caption-top {
3204
3209
  caption-side: top;
3205
3210
  padding-block: var(--velin-space-2);
@@ -3306,6 +3311,21 @@
3306
3311
  text-align: center;
3307
3312
  }
3308
3313
 
3314
+ .velin-data-table__row--danger, .velin-data-table tr[data-severity="danger"] {
3315
+ background-color: color-mix(in oklch, var(--velin-color-danger) 12%, transparent);
3316
+ box-shadow: inset 3px 0 0 var(--velin-color-danger);
3317
+ }
3318
+
3319
+ .velin-data-table__row--warning, .velin-data-table tr[data-severity="warning"] {
3320
+ background-color: color-mix(in oklch, var(--velin-color-warning) 12%, transparent);
3321
+ box-shadow: inset 3px 0 0 var(--velin-color-warning);
3322
+ }
3323
+
3324
+ .velin-data-table__row--selected, .velin-data-table tr[data-severity="selected"] {
3325
+ background-color: color-mix(in oklch, var(--velin-color-primary) 12%, transparent);
3326
+ box-shadow: inset 3px 0 0 var(--velin-color-primary);
3327
+ }
3328
+
3309
3329
  .velin-data-table__pagination {
3310
3330
  justify-content: space-between;
3311
3331
  align-items: center;
@@ -5222,6 +5242,34 @@
5222
5242
  inset-block-start: var(--velin-space-2);
5223
5243
  inset-inline-end: var(--velin-space-2);
5224
5244
  }
5245
+
5246
+ .velin-otp-input, .velin-password-strength {
5247
+ display: block;
5248
+ }
5249
+
5250
+ .velin-empty-state {
5251
+ text-align: center;
5252
+ padding: var(--velin-space-8) var(--velin-space-4);
5253
+ display: block;
5254
+ }
5255
+
5256
+ .velin-empty-state__title {
5257
+ margin: 0 0 var(--velin-space-2);
5258
+ font-size: var(--velin-text-xl);
5259
+ font-weight: var(--velin-weight-bold);
5260
+ }
5261
+
5262
+ .velin-empty-state__description {
5263
+ margin: 0 0 var(--velin-space-4);
5264
+ color: var(--velin-color-text-muted);
5265
+ }
5266
+
5267
+ .velin-empty-state__actions {
5268
+ gap: var(--velin-space-3);
5269
+ flex-wrap: wrap;
5270
+ justify-content: center;
5271
+ display: flex;
5272
+ }
5225
5273
  }
5226
5274
 
5227
5275
  @layer utilities {
package/dist/velinstyle.d.ts CHANGED
@@ -29,6 +29,7 @@ declare global {
29
29
  'velin-drawer': HTMLElement;
30
30
  'velin-dropdown': HTMLElement;
31
31
  'velin-email': HTMLElement;
32
+ 'velin-empty-state': HTMLElement;
32
33
  'velin-file-dropzone': HTMLElement;
33
34
  'velin-form-summary': HTMLElement;
34
35
  'velin-icon': HTMLElement;
@@ -36,6 +37,8 @@ declare global {
36
37
  'velin-live-dot': HTMLElement;
37
38
  'velin-menubar': HTMLElement;
38
39
  'velin-modal': HTMLElement;
40
+ 'velin-otp-input': HTMLElement;
41
+ 'velin-password-strength': HTMLElement;
39
42
  'velin-persist': HTMLElement;
40
43
  'velin-popover': HTMLElement;
41
44
  'velin-progress-ring': HTMLElement;