@ngxviewbuilder/runtime 0.11.0 → 0.12.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 (63) hide show
  1. package/LICENSE.md +1 -1
  2. package/fesm2022/ngxviewbuilder-runtime-autocomplete-element-D627PmE6.mjs +1 -0
  3. package/fesm2022/ngxviewbuilder-runtime-avatar-element-Bq1dfv2w.mjs +1 -0
  4. package/fesm2022/ngxviewbuilder-runtime-badge-element-C2f14QNw.mjs +1 -0
  5. package/fesm2022/ngxviewbuilder-runtime-breadcrumbs-element-DUD-zxsq.mjs +1 -0
  6. package/fesm2022/ngxviewbuilder-runtime-button-element-DLKWXLDr.mjs +1 -0
  7. package/fesm2022/ngxviewbuilder-runtime-chart-element-B8SBRRoW.mjs +1 -0
  8. package/fesm2022/ngxviewbuilder-runtime-checkbox-element-BUc3LIZY.mjs +1 -0
  9. package/fesm2022/ngxviewbuilder-runtime-column-CQL6_3oR.mjs +43 -0
  10. package/fesm2022/ngxviewbuilder-runtime-custom-html-element-BBZi5m3e.mjs +3 -0
  11. package/fesm2022/ngxviewbuilder-runtime-date-range-element-Dh0iamQ0.mjs +1 -0
  12. package/fesm2022/ngxviewbuilder-runtime-datepicker-element-BzrNzV5m.mjs +1 -0
  13. package/fesm2022/ngxviewbuilder-runtime-divider-element-DaWflvFL.mjs +1 -0
  14. package/fesm2022/ngxviewbuilder-runtime-dropdown-coordinator.service-CDJcQkrB.mjs +1 -0
  15. package/fesm2022/ngxviewbuilder-runtime-dynamic-text.pipe-DJNHX-1z.mjs +1 -0
  16. package/fesm2022/ngxviewbuilder-runtime-element-identity-host-Dh5Xi4Nx.mjs +1 -0
  17. package/fesm2022/ngxviewbuilder-runtime-element-wrapper-FxbwPLem.mjs +4 -0
  18. package/fesm2022/ngxviewbuilder-runtime-file-upload-element-CVmIguAo.mjs +1 -0
  19. package/fesm2022/ngxviewbuilder-runtime-icon-element-D1RfF2C0.mjs +1 -0
  20. package/fesm2022/ngxviewbuilder-runtime-iframe-element-DeU-ENc8.mjs +1 -0
  21. package/fesm2022/ngxviewbuilder-runtime-image-element-9xxf0IfB.mjs +1 -0
  22. package/fesm2022/ngxviewbuilder-runtime-input-mask.service-WZEF2C2_.mjs +1 -0
  23. package/fesm2022/ngxviewbuilder-runtime-list-box-element-BDz4--85.mjs +1 -0
  24. package/fesm2022/ngxviewbuilder-runtime-list-grid-element-BIyp-dce.mjs +1 -0
  25. package/fesm2022/ngxviewbuilder-runtime-message-card-element-D0JmZyvI.mjs +1 -0
  26. package/fesm2022/ngxviewbuilder-runtime-multi-select-element-kVcNNhEt.mjs +1 -0
  27. package/fesm2022/ngxviewbuilder-runtime-number-element-DctiWuS1.mjs +1 -0
  28. package/fesm2022/ngxviewbuilder-runtime-number-stepper-element-iBpT-zsi.mjs +1 -0
  29. package/fesm2022/ngxviewbuilder-runtime-nvb-select-BEN_kxMD.mjs +1 -0
  30. package/fesm2022/ngxviewbuilder-runtime-nvb-style-outlet-CVovePT_.mjs +1 -0
  31. package/fesm2022/ngxviewbuilder-runtime-page-title-element-CYS9yCvk.mjs +1 -0
  32. package/fesm2022/ngxviewbuilder-runtime-phone-input-element-D4rPIZgc.mjs +1 -0
  33. package/fesm2022/ngxviewbuilder-runtime-progress-bar-element-D780Bz4H.mjs +1 -0
  34. package/fesm2022/ngxviewbuilder-runtime-radio-element-CMnPn8dr.mjs +1 -0
  35. package/fesm2022/ngxviewbuilder-runtime-rich-text-element-jeeNhKfo.mjs +2 -0
  36. package/fesm2022/ngxviewbuilder-runtime-rolldown-runtime-DpJrqANO.mjs +1 -0
  37. package/fesm2022/ngxviewbuilder-runtime-router-outlet-element-DSIY_9ES.mjs +1 -0
  38. package/fesm2022/ngxviewbuilder-runtime-select-button-element-D3ECf6NN.mjs +1 -0
  39. package/fesm2022/ngxviewbuilder-runtime-select-element-CL95ygLj.mjs +1 -0
  40. package/fesm2022/ngxviewbuilder-runtime-signature-pad-element-DNWzJf8n.mjs +1 -0
  41. package/fesm2022/ngxviewbuilder-runtime-single-checkbox-element-CwUV4QeU.mjs +1 -0
  42. package/fesm2022/ngxviewbuilder-runtime-slider-element-DG3yzEol.mjs +1 -0
  43. package/fesm2022/ngxviewbuilder-runtime-spacer-element-DmK0-mBg.mjs +1 -0
  44. package/fesm2022/ngxviewbuilder-runtime-stats-card-element-BwF1DgRq.mjs +1 -0
  45. package/fesm2022/ngxviewbuilder-runtime-table-element-DEQz2d-s.mjs +1 -0
  46. package/fesm2022/ngxviewbuilder-runtime-text-element-CMGjmapD.mjs +1 -0
  47. package/fesm2022/ngxviewbuilder-runtime-textarea-element-BXIAOW-5.mjs +1 -0
  48. package/fesm2022/ngxviewbuilder-runtime-time-picker-element-DcaL0iul.mjs +1 -0
  49. package/fesm2022/ngxviewbuilder-runtime-toast-element-Dz0k7DJQ.mjs +1 -0
  50. package/fesm2022/ngxviewbuilder-runtime-toggle-switch-element-D2X34AZt.mjs +1 -0
  51. package/fesm2022/ngxviewbuilder-runtime-video-element-Cn45kYTv.mjs +1 -0
  52. package/fesm2022/ngxviewbuilder-runtime-viewport-breakpoints-CnsMrbX1.mjs +1 -0
  53. package/fesm2022/ngxviewbuilder-runtime.mjs +1 -1
  54. package/package.json +1 -1
  55. package/styles/components.css +3 -3
  56. package/styles/element.css +8 -8
  57. package/styles/tokens.css +6 -4
  58. package/types/ngxviewbuilder-runtime.d.ts +10147 -9171
  59. package/fesm2022/ngxviewbuilder-runtime-avatar-element-CinoDWeT.mjs +0 -1
  60. package/fesm2022/ngxviewbuilder-runtime-breadcrumbs-element-DbY1LinO.mjs +0 -1
  61. package/fesm2022/ngxviewbuilder-runtime-icon-element-BDOiPmS_.mjs +0 -1
  62. package/fesm2022/ngxviewbuilder-runtime-ngxviewbuilder-runtime-C9Kow4Ye.mjs +0 -49
  63. package/fesm2022/ngxviewbuilder-runtime-toast-element-CRVkV1HD.mjs +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ngxviewbuilder/runtime",
3
- "version": "0.11.0",
3
+ "version": "0.12.0",
4
4
  "description": "Native Angular runtime for NGX View Builder: renders forms, dashboards, data tables and guided flows defined as JSON.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "homepage": "https://ngxviewbuilder.io",
@@ -36,12 +36,12 @@
36
36
  --nvb-shadow-16:
37
37
  0 8px 16px color-mix(in oklab, var(--nvb-color-neutral-950) 12%, transparent),
38
38
  0 24px 48px color-mix(in oklab, var(--nvb-color-neutral-950) 14%, transparent);
39
- --nvb-dialog-radius: var(--nvb-radius-lg);
40
- --nvb-menu-radius: var(--nvb-input-radius, var(--nvb-radius-md));
39
+ --nvb-dialog-radius: var(--nvb-radius-xl);
40
+ --nvb-menu-radius: var(--nvb-radius-lg);
41
41
  --nvb-tablist-height: 40px;
42
42
  --nvb-card-bg: var(--nvb-color-neutral-000);
43
43
  --nvb-card-border-color: var(--nvb-color-neutral-200);
44
- --nvb-card-radius: var(--nvb-radius-md);
44
+ --nvb-card-radius: var(--nvb-radius-lg);
45
45
  --nvb-card-shadow: var(--nvb-shadow-2);
46
46
  --nvb-card-padding: 12px;
47
47
  }
@@ -475,12 +475,12 @@
475
475
  margin-top: -1px;
476
476
  }
477
477
 
478
- .nvb-root .nvb-select-button--buttons.nvb-select-button--horizontal .nvb-select-button__option:first-child { border-radius: 6px 0 0 6px; }
479
- .nvb-root .nvb-select-button--buttons.nvb-select-button--horizontal .nvb-select-button__option:last-child { border-radius: 0 6px 6px 0; }
480
- .nvb-root .nvb-select-button--buttons.nvb-select-button--horizontal .nvb-select-button__option:first-child:last-child { border-radius: 6px; }
481
- .nvb-root .nvb-select-button--buttons.nvb-select-button--vertical .nvb-select-button__option:first-child { border-radius: 6px 6px 0 0; }
482
- .nvb-root .nvb-select-button--buttons.nvb-select-button--vertical .nvb-select-button__option:last-child { border-radius: 0 0 6px 6px; }
483
- .nvb-root .nvb-select-button--buttons.nvb-select-button--vertical .nvb-select-button__option:first-child:last-child { border-radius: 6px; }
478
+ .nvb-root .nvb-select-button--buttons.nvb-select-button--horizontal .nvb-select-button__option:first-child { border-radius: var(--nvb-radius-md) 0 0 var(--nvb-radius-md); }
479
+ .nvb-root .nvb-select-button--buttons.nvb-select-button--horizontal .nvb-select-button__option:last-child { border-radius: 0 var(--nvb-radius-md) var(--nvb-radius-md) 0; }
480
+ .nvb-root .nvb-select-button--buttons.nvb-select-button--horizontal .nvb-select-button__option:first-child:last-child { border-radius: var(--nvb-radius-md); }
481
+ .nvb-root .nvb-select-button--buttons.nvb-select-button--vertical .nvb-select-button__option:first-child { border-radius: var(--nvb-radius-md) var(--nvb-radius-md) 0 0; }
482
+ .nvb-root .nvb-select-button--buttons.nvb-select-button--vertical .nvb-select-button__option:last-child { border-radius: 0 0 var(--nvb-radius-md) var(--nvb-radius-md); }
483
+ .nvb-root .nvb-select-button--buttons.nvb-select-button--vertical .nvb-select-button__option:first-child:last-child { border-radius: var(--nvb-radius-md); }
484
484
 
485
485
  .nvb-root .nvb-select-button--buttons .nvb-select-button__option:hover:not(:disabled) {
486
486
  background: color-mix(in oklab, var(--nvb-color-neutral-100) 80%, var(--nvb-color-neutral-000));
@@ -554,7 +554,7 @@
554
554
  width: fit-content;
555
555
  max-width: 100%;
556
556
  padding: 3px;
557
- border-radius: 999px;
557
+ border-radius: var(--nvb-radius-full);
558
558
  background: color-mix(in oklab, var(--nvb-color-neutral-100) 85%, var(--nvb-color-neutral-000));
559
559
  border: 1px solid color-mix(in oklab, var(--nvb-color-neutral-300) 55%, transparent);
560
560
  }
@@ -573,7 +573,7 @@
573
573
  min-height: var(--nvb-control-height, 36px);
574
574
  padding: 0 16px;
575
575
  border: 0;
576
- border-radius: 999px;
576
+ border-radius: var(--nvb-radius-full);
577
577
  background: transparent;
578
578
  color: var(--nvb-color-neutral-600);
579
579
  font-size: 14px;
package/styles/tokens.css CHANGED
@@ -105,10 +105,11 @@
105
105
  --nvb-color-text-800: oklch(27.53% 0.0364 259.7);
106
106
  --nvb-color-text-900: oklch(20.64% 0.0388 265.55);
107
107
  --nvb-color-text-950: oklch(12.92% 0.0415 265.15);
108
- --nvb-radius-sm: 2px;
109
- --nvb-radius-md: 4px;
108
+ --nvb-radius-sm: 4px;
109
+ --nvb-radius-md: 6px;
110
110
  --nvb-radius-lg: 8px;
111
111
  --nvb-radius-xl: 12px;
112
+ --nvb-radius-full: 999px;
112
113
  --nvb-space-0: 2px;
113
114
  --nvb-space-1: 4px;
114
115
  --nvb-space-2: 6px;
@@ -245,10 +246,11 @@
245
246
  --nvb-color-text-800: oklch(88.00% 0.0040 286.00);
246
247
  --nvb-color-text-900: oklch(93.00% 0.0030 286.00);
247
248
  --nvb-color-text-950: oklch(97.00% 0.0020 286.00);
248
- --nvb-radius-sm: 2px;
249
- --nvb-radius-md: 4px;
249
+ --nvb-radius-sm: 4px;
250
+ --nvb-radius-md: 6px;
250
251
  --nvb-radius-lg: 8px;
251
252
  --nvb-radius-xl: 12px;
253
+ --nvb-radius-full: 999px;
252
254
  --nvb-space-0: 2px;
253
255
  --nvb-space-1: 4px;
254
256
  --nvb-space-2: 6px;