@birdapi/velinstyle 1.0.0 → 1.1.0

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 (43) hide show
  1. package/README.de.md +12 -8
  2. package/README.md +12 -8
  3. package/cli/cli-manifest.json +1 -1
  4. package/cli/docgen/extract-a11y.js +4 -2
  5. package/cli/index.js +4 -2
  6. package/components/index.js +2 -0
  7. package/components/runtime/component-loaders.js +2 -0
  8. package/components/velin-data-table.js +361 -0
  9. package/components/velin-form-summary.js +348 -0
  10. package/core/a11y/component-contracts.json +18 -1
  11. package/core/highlight/languages/go.js +28 -0
  12. package/core/highlight/languages/python.js +29 -0
  13. package/core/highlight/languages/rust.js +32 -0
  14. package/core/highlight/languages/yaml.js +23 -0
  15. package/core/highlight/registry.js +13 -2
  16. package/core/meta/build.js +1 -1
  17. package/dist/chunks/attributes-353XDOAX.js +391 -0
  18. package/dist/chunks/chunk-ERF5YVP4.js +253 -0
  19. package/dist/chunks/chunk-QVHYL3R4.js +111 -0
  20. package/dist/chunks/go-HZ6XTFCK.js +31 -0
  21. package/dist/chunks/highlight-IBDX4XWS.js +37 -0
  22. package/dist/chunks/python-BMPKDKNO.js +32 -0
  23. package/dist/chunks/runtime-entry.js +1 -1
  24. package/dist/chunks/rust-2BWKI2MN.js +35 -0
  25. package/dist/chunks/velin-code-block-ITCLIC6T.js +132 -0
  26. package/dist/chunks/velin-data-table-KK7IDGTP.js +302 -0
  27. package/dist/chunks/velin-form-summary-XRQ7COQH.js +273 -0
  28. package/dist/chunks/velin-lightbox-NXA3U2FM.js +149 -0
  29. package/dist/chunks/yaml-O67LEQYT.js +26 -0
  30. package/dist/llms.txt +2 -2
  31. package/dist/search-index.json +28 -2
  32. package/dist/velin-agent.json +31 -5
  33. package/dist/velinstyle-components.iife.js +742 -4
  34. package/dist/velinstyle-components.js +744 -4
  35. package/dist/velinstyle-components.min.js +85 -85
  36. package/dist/velinstyle.css +129 -0
  37. package/dist/velinstyle.d.ts +2 -0
  38. package/dist/velinstyle.min.css +1 -1
  39. package/package.json +8 -2
  40. package/src/base/wc-placeholder.css +7 -0
  41. package/src/components/data-table.css +93 -0
  42. package/src/components/form-validation.css +40 -0
  43. package/src/velinstyle.css +1 -0
package/dist/velinstyle.css CHANGED
@@ -427,6 +427,11 @@
427
427
  display: contents;
428
428
  }
429
429
 
430
+ velin-data-table:not(:defined), velin-form-summary:not(:defined) {
431
+ contain: layout style;
432
+ display: block;
433
+ }
434
+
430
435
  :focus-visible {
431
436
  outline: 3px solid var(--velin-color-focus);
432
437
  outline-offset: 2px;
@@ -3014,6 +3019,92 @@
3014
3019
  }
3015
3020
  }
3016
3021
 
3022
+ .velin-data-table {
3023
+ display: block;
3024
+ }
3025
+
3026
+ .velin-data-table tr[hidden] {
3027
+ display: none;
3028
+ }
3029
+
3030
+ .velin-data-table__th {
3031
+ padding: 0;
3032
+ }
3033
+
3034
+ .velin-data-table__sort {
3035
+ align-items: center;
3036
+ gap: var(--velin-space-2);
3037
+ min-block-size: 2.75rem;
3038
+ inline-size: 100%;
3039
+ padding: var(--velin-space-3) var(--velin-space-4);
3040
+ font: inherit;
3041
+ font-weight: var(--velin-weight-semibold);
3042
+ color: inherit;
3043
+ text-align: inherit;
3044
+ cursor: pointer;
3045
+ background: none;
3046
+ border: none;
3047
+ display: flex;
3048
+ }
3049
+
3050
+ .velin-data-table__sort:hover {
3051
+ background-color: var(--velin-color-surface-dim);
3052
+ }
3053
+
3054
+ .velin-data-table__sort-icon {
3055
+ inline-size: .75rem;
3056
+ color: var(--velin-color-text-muted);
3057
+ flex-shrink: 0;
3058
+ }
3059
+
3060
+ .velin-data-table__sort-icon:after {
3061
+ content: "↕";
3062
+ }
3063
+
3064
+ [aria-sort="ascending"] .velin-data-table__sort-icon:after {
3065
+ content: "↑";
3066
+ }
3067
+
3068
+ [aria-sort="descending"] .velin-data-table__sort-icon:after {
3069
+ content: "↓";
3070
+ }
3071
+
3072
+ [aria-sort="ascending"] .velin-data-table__sort-icon, [aria-sort="descending"] .velin-data-table__sort-icon {
3073
+ color: var(--velin-color-primary);
3074
+ }
3075
+
3076
+ .velin-data-table__empty td {
3077
+ padding-block: var(--velin-space-6);
3078
+ color: var(--velin-color-text-muted);
3079
+ text-align: center;
3080
+ }
3081
+
3082
+ .velin-data-table__pagination {
3083
+ justify-content: space-between;
3084
+ align-items: center;
3085
+ gap: var(--velin-space-3);
3086
+ flex-wrap: wrap;
3087
+ margin-block-start: var(--velin-space-4);
3088
+ display: flex;
3089
+ }
3090
+
3091
+ .velin-data-table__page-status {
3092
+ color: var(--velin-color-text-muted);
3093
+ font-size: var(--velin-text-sm);
3094
+ margin: 0;
3095
+ }
3096
+
3097
+ @media (forced-colors: active) {
3098
+ .velin-data-table__sort:hover {
3099
+ color: highlighttext;
3100
+ background-color: highlight;
3101
+ }
3102
+
3103
+ .velin-data-table__sort-icon {
3104
+ color: canvastext;
3105
+ }
3106
+ }
3107
+
3017
3108
  .velin-tooltip {
3018
3109
  display: inline-block;
3019
3110
  position: relative;
@@ -4502,6 +4593,44 @@
4502
4593
  overflow: visible;
4503
4594
  }
4504
4595
 
4596
+ .velin-form-summary {
4597
+ display: block;
4598
+ }
4599
+
4600
+ .velin-form-summary[hidden] {
4601
+ display: none;
4602
+ }
4603
+
4604
+ .velin-form-summary__panel {
4605
+ margin-block-end: var(--velin-space-4);
4606
+ }
4607
+
4608
+ .velin-form-summary__heading {
4609
+ margin: 0 0 var(--velin-space-2);
4610
+ font-weight: var(--velin-weight-semibold);
4611
+ }
4612
+
4613
+ .velin-form-summary__list {
4614
+ margin: 0;
4615
+ padding-inline-start: var(--velin-space-5);
4616
+ }
4617
+
4618
+ .velin-form-summary__list li + li {
4619
+ margin-block-start: var(--velin-space-1);
4620
+ }
4621
+
4622
+ .velin-form-summary__list a {
4623
+ min-block-size: 1.5rem;
4624
+ padding-block: var(--velin-space-1);
4625
+ color: inherit;
4626
+ text-decoration: underline;
4627
+ display: inline-block;
4628
+ }
4629
+
4630
+ .velin-field-error:empty {
4631
+ display: none;
4632
+ }
4633
+
4505
4634
  @supports selector(:user-invalid) {
4506
4635
  .velin-form--validated .velin-input:user-valid, .velin-form--validated .velin-select:user-valid, .velin-form--validated .velin-textarea:user-valid {
4507
4636
  border-color: var(--velin-color-success);
package/dist/velinstyle.d.ts CHANGED
@@ -23,10 +23,12 @@ declare global {
23
23
  'velin-copy': HTMLElement;
24
24
  'velin-countdown': HTMLElement;
25
25
  'velin-counter': HTMLElement;
26
+ 'velin-data-table': HTMLElement;
26
27
  'velin-dialog': HTMLElement;
27
28
  'velin-drawer': HTMLElement;
28
29
  'velin-dropdown': HTMLElement;
29
30
  'velin-email': HTMLElement;
31
+ 'velin-form-summary': HTMLElement;
30
32
  'velin-icon': HTMLElement;
31
33
  'velin-lightbox': HTMLElement;
32
34
  'velin-live-dot': HTMLElement;