@tylertech/forge 3.8.0-dev.3 → 3.8.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 (78) hide show
  1. package/custom-elements.json +3948 -3215
  2. package/dist/app-bar/forge-app-bar.css +20 -11
  3. package/dist/forge.css +2 -2
  4. package/dist/lib.js +14 -14
  5. package/dist/lib.js.map +4 -4
  6. package/dist/table/forge-table.css +2 -2
  7. package/dist/vscode.css-custom-data.json +218 -208
  8. package/dist/vscode.html-custom-data.json +370 -245
  9. package/esm/app-bar/app-bar/app-bar-constants.d.ts +2 -0
  10. package/esm/app-bar/app-bar/app-bar-constants.js +2 -1
  11. package/esm/app-bar/app-bar/app-bar-core.d.ts +5 -1
  12. package/esm/app-bar/app-bar/app-bar-core.js +10 -0
  13. package/esm/app-bar/app-bar/app-bar.d.ts +9 -1
  14. package/esm/app-bar/app-bar/app-bar.js +15 -2
  15. package/esm/app-bar/help-button/app-bar-help-button.js +1 -1
  16. package/esm/app-bar/menu-button/app-bar-menu-button.js +1 -1
  17. package/esm/app-bar/notification-button/app-bar-notification-button.js +1 -1
  18. package/esm/app-bar/profile-button/app-bar-profile-button.d.ts +1 -1
  19. package/esm/app-bar/profile-button/app-bar-profile-button.js +13 -10
  20. package/esm/app-bar/search/app-bar-search.js +1 -1
  21. package/esm/autocomplete/autocomplete-core.js +5 -0
  22. package/esm/avatar/avatar.d.ts +4 -4
  23. package/esm/avatar/avatar.js +5 -6
  24. package/esm/badge/badge.d.ts +4 -3
  25. package/esm/badge/badge.js +5 -4
  26. package/esm/button/button-constants.d.ts +1 -1
  27. package/esm/button/button.js +1 -1
  28. package/esm/card/card.d.ts +4 -3
  29. package/esm/card/card.js +3 -2
  30. package/esm/core/base/base-lit-element.d.ts +9 -0
  31. package/esm/core/base/base-lit-element.js +12 -0
  32. package/esm/core/utils/lit-utils.d.ts +11 -0
  33. package/esm/core/utils/lit-utils.js +31 -0
  34. package/esm/dialog/dialog-adapter.d.ts +0 -1
  35. package/esm/dialog/dialog-adapter.js +4 -39
  36. package/esm/dialog/dialog-constants.d.ts +6 -2
  37. package/esm/dialog/dialog-constants.js +4 -4
  38. package/esm/dialog/dialog-core.d.ts +3 -3
  39. package/esm/dialog/dialog-core.js +8 -7
  40. package/esm/dialog/dialog.d.ts +3 -3
  41. package/esm/dialog/dialog.js +4 -4
  42. package/esm/icon-button/icon-button-constants.d.ts +1 -1
  43. package/esm/icon-button/icon-button.js +1 -1
  44. package/esm/key/key/key.d.ts +3 -2
  45. package/esm/key/key/key.js +3 -2
  46. package/esm/key/key-item/key-item.d.ts +3 -2
  47. package/esm/key/key-item/key-item.js +3 -2
  48. package/esm/list-dropdown/list-dropdown-aware-core.d.ts +22 -0
  49. package/esm/list-dropdown/list-dropdown-aware-core.js +30 -0
  50. package/esm/list-dropdown/list-dropdown-aware.d.ts +35 -0
  51. package/esm/list-dropdown/list-dropdown-aware.js +35 -16
  52. package/esm/list-dropdown/list-dropdown-constants.d.ts +22 -3
  53. package/esm/list-dropdown/list-dropdown-constants.js +9 -1
  54. package/esm/list-dropdown/list-dropdown-utils.js +6 -0
  55. package/esm/menu/menu-core.js +2 -0
  56. package/esm/menu/menu.js +1 -0
  57. package/esm/meter/meter/meter.d.ts +4 -2
  58. package/esm/meter/meter/meter.js +4 -2
  59. package/esm/meter/meter-group/meter-group.d.ts +3 -2
  60. package/esm/meter/meter-group/meter-group.js +3 -2
  61. package/esm/overlay/base/overlay-aware.d.ts +4 -4
  62. package/esm/overlay/base/overlay-aware.js +3 -3
  63. package/esm/select/core/base-select-core.js +5 -0
  64. package/esm/select/select/select.d.ts +25 -1
  65. package/esm/select/select/select.js +26 -1
  66. package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
  67. package/esm/tabs/tab-bar/tab-bar.js +1 -1
  68. package/package.json +2 -2
  69. package/sass/app-bar/app-bar/_core.scss +0 -1
  70. package/sass/app-bar/app-bar/app-bar.scss +57 -23
  71. package/sass/app-bar/forge-app-bar.scss +41 -11
  72. package/sass/app-bar/search/app-bar-search.scss +3 -0
  73. package/sass/button/button.scss +24 -0
  74. package/sass/core/styles/scrollbar/index.scss +14 -0
  75. package/sass/core/styles/tokens/app-bar/app-bar/_tokens.scss +2 -8
  76. package/sass/icon-button/icon-button.scss +8 -9
  77. package/sass/table/_core.scss +1 -1
  78. package/sass/tabs/tab-bar/tab-bar.scss +24 -0
package/dist/app-bar/forge-app-bar.css CHANGED
@@ -45,14 +45,12 @@
45
45
  --_app-bar-columns: var(--forge-app-bar-columns, 1fr 1fr 1fr);
46
46
  --_app-bar-transition-duration: var(--forge-app-bar-transition-duration, var(--forge-animation-duration-short4, 200ms));
47
47
  --_app-bar-transition-timing: var(--forge-app-bar-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));
48
- --_app-bar-theme-primary: var(--forge-app-bar-theme-primary, var(--_app-bar-foreground));
49
- --_app-bar-theme-on-primary: var(--forge-app-bar-theme-on-primary, rgba(0, 0, 0, 0.87));
50
- --_app-bar-theme-text-high: var(--forge-app-bar-theme-text-high, rgba(255, 255, 255, 0.87));
51
- --_app-bar-theme-text-medium: var(--forge-app-bar-theme-text-medium, rgba(255, 255, 255, 0.54));
52
- --_app-bar-theme-text-low: var(--forge-app-bar-theme-text-low, rgba(255, 255, 255, 0.38));
53
- --_app-bar-theme-outline-high: var(--forge-app-bar-theme-outline-high, rgba(255, 255, 255, 0.87));
54
- --_app-bar-theme-outline-medium: var(--forge-app-bar-theme-outline-medium, rgba(255, 255, 255, 0.54));
55
- --_app-bar-theme-outline-low: var(--forge-app-bar-theme-outline-low, rgba(255, 255, 255, 0.38));
48
+ --_app-bar-theme-foreground: var(--forge-app-bar-theme-foreground, var(--_app-bar-foreground));
49
+ --_app-bar-theme-foreground-muted: var(--forge-app-bar-theme-foreground-muted, rgba(255, 255, 255, 0.54));
50
+ --forge-app-bar-theme-foreground: var(--_app-bar-foreground);
51
+ --forge-app-bar-theme-foreground-muted: rgba(255, 255, 255, 0.54);
52
+ }
53
+ .forge-app-bar:not(.forge-app-bar--scoped) {
56
54
  --forge-theme-primary: var(--_app-bar-foreground);
57
55
  --forge-theme-on-primary: rgba(0, 0, 0, 0.87);
58
56
  --forge-theme-text-high: rgba(255, 255, 255, 0.87);
@@ -92,13 +90,20 @@
92
90
  grid-template-columns: 1fr auto;
93
91
  grid-template-areas: "start end";
94
92
  }
93
+ .forge-app-bar--scoped {
94
+ color: inherit;
95
+ }
96
+ .forge-app-bar--scoped .forge-app-bar__logo,
97
+ .forge-app-bar--scoped .forge-app-bar__title h1,
98
+ .forge-app-bar--scoped .forge-app-bar__logo-title-container {
99
+ color: var(--_app-bar-foreground);
100
+ }
95
101
  .forge-app-bar--raised {
96
102
  box-shadow: var(--_app-bar-elevation);
97
103
  }
98
104
  .forge-app-bar__logo {
99
105
  font-size: var(--_app-bar-logo-font-size);
100
106
  height: 1em;
101
- width: 1em;
102
107
  --forge-icon-font-size: var(--_app-bar-logo-font-size);
103
108
  }
104
109
  .forge-app-bar__title,
@@ -128,7 +133,7 @@
128
133
  box-sizing: border-box;
129
134
  height: 100%;
130
135
  outline: none;
131
- --forge-focus-indicator-color: currentColor;
136
+ --forge-focus-indicator-color: var(--_app-bar-foreground);
132
137
  --forge-focus-indicator-offset-block: var(--forge-spacing-xxsmall, 4px);
133
138
  --forge-focus-indicator-shape: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));
134
139
  }
@@ -216,7 +221,7 @@
216
221
  --_state-layer-hover-duration: var(--forge-state-layer-hover-duration, 15ms);
217
222
  --_state-layer-pressed-duration: var(--forge-state-layer-pressed-duration, 105ms);
218
223
  --_state-layer-animation-duration: var(--forge-state-layer-animation-duration, 375ms);
219
- --forge-state-layer-color: currentColor;
224
+ --forge-state-layer-color: var(--_app-bar-foreground);
220
225
  }
221
226
  .forge-app-bar__logo-title-container:has(a.forge-app-bar__title)::before {
222
227
  opacity: 0;
@@ -270,4 +275,8 @@
270
275
  .forge-app-bar__section-end {
271
276
  grid-area: end;
272
277
  justify-content: end;
278
+ }
279
+ .forge-app-bar .forge-app-bar-theme {
280
+ color: var(--_app-bar-theme-foreground);
281
+ --forge-focus-indicator-color: var(--_app-bar-theme-foreground);
273
282
  }
package/dist/forge.css CHANGED
@@ -1518,7 +1518,7 @@ forge-table {
1518
1518
 
1519
1519
  .forge-table {
1520
1520
  width: 100%;
1521
- border-collapse: collapse;
1521
+ border-spacing: 0;
1522
1522
  }
1523
1523
  .forge-table--dense .forge-table-row {
1524
1524
  height: 36px;
@@ -1769,7 +1769,7 @@ forge-table {
1769
1769
 
1770
1770
  .forge-data-table {
1771
1771
  width: 100%;
1772
- border-collapse: collapse;
1772
+ border-spacing: 0;
1773
1773
  }
1774
1774
  .forge-data-table thead tr {
1775
1775
  height: 48px;