@tylertech/forge 3.8.0-dev.2 → 3.8.0-dev.4

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 (80) hide show
  1. package/custom-elements.json +1725 -928
  2. package/dist/app-bar/forge-app-bar.css +20 -3
  3. package/dist/forge.css +2 -2
  4. package/dist/lib.js +20 -20
  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 +94 -84
  8. package/dist/vscode.html-custom-data.json +190 -65
  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.js +1 -1
  19. package/esm/app-bar/search/app-bar-search.js +1 -1
  20. package/esm/autocomplete/autocomplete-core.js +5 -0
  21. package/esm/avatar/avatar.d.ts +7 -4
  22. package/esm/avatar/avatar.js +10 -6
  23. package/esm/badge/badge.d.ts +7 -3
  24. package/esm/badge/badge.js +9 -4
  25. package/esm/button/button-constants.d.ts +1 -1
  26. package/esm/button/button.js +1 -1
  27. package/esm/card/card.d.ts +7 -3
  28. package/esm/card/card.js +8 -3
  29. package/esm/core/base/base-lit-element.d.ts +9 -0
  30. package/esm/core/base/base-lit-element.js +12 -0
  31. package/esm/core/utils/lit-utils.d.ts +11 -0
  32. package/esm/core/utils/lit-utils.js +31 -0
  33. package/esm/dialog/dialog-adapter.d.ts +0 -1
  34. package/esm/dialog/dialog-adapter.js +4 -39
  35. package/esm/dialog/dialog-constants.d.ts +6 -2
  36. package/esm/dialog/dialog-constants.js +4 -4
  37. package/esm/dialog/dialog-core.d.ts +3 -3
  38. package/esm/dialog/dialog-core.js +8 -7
  39. package/esm/dialog/dialog.d.ts +3 -3
  40. package/esm/dialog/dialog.js +3 -3
  41. package/esm/icon-button/icon-button-constants.d.ts +1 -1
  42. package/esm/icon-button/icon-button.js +1 -1
  43. package/esm/key/key/index.js +2 -2
  44. package/esm/key/key/key.d.ts +7 -2
  45. package/esm/key/key/key.js +10 -3
  46. package/esm/key/key-item/index.js +2 -2
  47. package/esm/key/key-item/key-item.d.ts +7 -2
  48. package/esm/key/key-item/key-item.js +10 -3
  49. package/esm/list-dropdown/list-dropdown-aware-core.d.ts +22 -0
  50. package/esm/list-dropdown/list-dropdown-aware-core.js +30 -0
  51. package/esm/list-dropdown/list-dropdown-aware.d.ts +35 -0
  52. package/esm/list-dropdown/list-dropdown-aware.js +35 -16
  53. package/esm/list-dropdown/list-dropdown-constants.d.ts +22 -3
  54. package/esm/list-dropdown/list-dropdown-constants.js +9 -1
  55. package/esm/list-dropdown/list-dropdown-utils.js +6 -0
  56. package/esm/menu/menu-core.js +2 -0
  57. package/esm/menu/menu.js +1 -0
  58. package/esm/meter/meter/meter.d.ts +7 -2
  59. package/esm/meter/meter/meter.js +10 -3
  60. package/esm/meter/meter-group/index.js +2 -2
  61. package/esm/meter/meter-group/meter-group.d.ts +7 -2
  62. package/esm/meter/meter-group/meter-group.js +10 -4
  63. package/esm/overlay/base/overlay-aware.d.ts +4 -4
  64. package/esm/overlay/base/overlay-aware.js +3 -3
  65. package/esm/select/core/base-select-core.js +5 -0
  66. package/esm/select/select/select.d.ts +25 -1
  67. package/esm/select/select/select.js +26 -1
  68. package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
  69. package/esm/tabs/tab-bar/tab-bar.js +1 -1
  70. package/package.json +1 -1
  71. package/sass/app-bar/app-bar/_core.scss +0 -1
  72. package/sass/app-bar/app-bar/app-bar.scss +51 -7
  73. package/sass/app-bar/forge-app-bar.scss +41 -11
  74. package/sass/app-bar/search/app-bar-search.scss +3 -0
  75. package/sass/button/button.scss +24 -0
  76. package/sass/core/styles/scrollbar/index.scss +14 -0
  77. package/sass/core/styles/tokens/app-bar/app-bar/_tokens.scss +4 -1
  78. package/sass/icon-button/icon-button.scss +14 -0
  79. package/sass/table/_core.scss +1 -1
  80. package/sass/tabs/tab-bar/tab-bar.scss +24 -0
package/dist/app-bar/forge-app-bar.css CHANGED
@@ -45,6 +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-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) {
48
54
  --forge-theme-primary: var(--_app-bar-foreground);
49
55
  --forge-theme-on-primary: rgba(0, 0, 0, 0.87);
50
56
  --forge-theme-text-high: rgba(255, 255, 255, 0.87);
@@ -84,13 +90,20 @@
84
90
  grid-template-columns: 1fr auto;
85
91
  grid-template-areas: "start end";
86
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
+ }
87
101
  .forge-app-bar--raised {
88
102
  box-shadow: var(--_app-bar-elevation);
89
103
  }
90
104
  .forge-app-bar__logo {
91
105
  font-size: var(--_app-bar-logo-font-size);
92
106
  height: 1em;
93
- width: 1em;
94
107
  --forge-icon-font-size: var(--_app-bar-logo-font-size);
95
108
  }
96
109
  .forge-app-bar__title,
@@ -120,7 +133,7 @@
120
133
  box-sizing: border-box;
121
134
  height: 100%;
122
135
  outline: none;
123
- --forge-focus-indicator-color: currentColor;
136
+ --forge-focus-indicator-color: var(--_app-bar-foreground);
124
137
  --forge-focus-indicator-offset-block: var(--forge-spacing-xxsmall, 4px);
125
138
  --forge-focus-indicator-shape: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));
126
139
  }
@@ -208,7 +221,7 @@
208
221
  --_state-layer-hover-duration: var(--forge-state-layer-hover-duration, 15ms);
209
222
  --_state-layer-pressed-duration: var(--forge-state-layer-pressed-duration, 105ms);
210
223
  --_state-layer-animation-duration: var(--forge-state-layer-animation-duration, 375ms);
211
- --forge-state-layer-color: currentColor;
224
+ --forge-state-layer-color: var(--_app-bar-foreground);
212
225
  }
213
226
  .forge-app-bar__logo-title-container:has(a.forge-app-bar__title)::before {
214
227
  opacity: 0;
@@ -262,4 +275,8 @@
262
275
  .forge-app-bar__section-end {
263
276
  grid-area: end;
264
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);
265
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;