@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
@@ -10,7 +10,7 @@ forge-table {
10
10
 
11
11
  .forge-table {
12
12
  width: 100%;
13
- border-collapse: collapse;
13
+ border-spacing: 0;
14
14
  }
15
15
  .forge-table--dense .forge-table-row {
16
16
  height: 36px;
@@ -261,7 +261,7 @@ forge-table {
261
261
 
262
262
  .forge-data-table {
263
263
  width: 100%;
264
- border-collapse: collapse;
264
+ border-spacing: 0;
265
265
  }
266
266
  .forge-data-table thead tr {
267
267
  height: 48px;
@@ -68,108 +68,108 @@
68
68
  "values": [{ "name": "string" }]
69
69
  },
70
70
  {
71
- "name": "--forge-badge-background",
72
- "description": "The background color.",
71
+ "name": "--forge-banner-background",
72
+ "description": "The background color of the banner.",
73
73
  "values": []
74
74
  },
75
75
  {
76
- "name": "--forge-badge-color",
77
- "description": "The text color.",
76
+ "name": "--forge-banner-color",
77
+ "description": "The text color of the banner.",
78
78
  "values": []
79
79
  },
80
80
  {
81
- "name": "--forge-badge-shape",
82
- "description": "The shape radius.",
81
+ "name": "--forge-banner-icon-color",
82
+ "description": "The color of the icon.",
83
83
  "values": []
84
84
  },
85
85
  {
86
- "name": "--forge-badge-padding-inline",
87
- "description": "The inline padding.",
86
+ "name": "--forge-banner-gap",
87
+ "description": "The gap between the contents.",
88
88
  "values": []
89
89
  },
90
90
  {
91
- "name": "--forge-badge-padding-block",
92
- "description": "The block padding.",
91
+ "name": "--forge-banner-padding-inline",
92
+ "description": "The inline padding.",
93
93
  "values": []
94
94
  },
95
95
  {
96
- "name": "--forge-badge-border-width",
97
- "description": "The border width.",
96
+ "name": "--forge-banner-padding-block",
97
+ "description": "The block padding.",
98
98
  "values": []
99
99
  },
100
100
  {
101
- "name": "--forge-badge-border-color",
102
- "description": "The border color.",
101
+ "name": "--forge-banner-transition-duration",
102
+ "description": "The transition duration.",
103
103
  "values": []
104
104
  },
105
105
  {
106
- "name": "--forge-badge-border-style",
107
- "description": "The border style.",
106
+ "name": "--forge-banner-transition-easing",
107
+ "description": "The transition easing function.",
108
108
  "values": []
109
109
  },
110
110
  {
111
- "name": "--forge-badge-gap",
112
- "description": "The spacing between the content within the badge.",
111
+ "name": "--forge-bottom-sheet-desktop-max-width",
112
+ "description": "The maximum width of the bottom sheet on desktop.",
113
113
  "values": []
114
114
  },
115
115
  {
116
- "name": "--forge-banner-background",
117
- "description": "The background color of the banner.",
116
+ "name": "--forge-bottom-sheet-desktop-min-width",
117
+ "description": "The minimum width of the bottom sheet on desktop.",
118
118
  "values": []
119
119
  },
120
120
  {
121
- "name": "--forge-banner-color",
122
- "description": "The text color of the banner.",
121
+ "name": "--forge-bottom-sheet-animation-duration",
122
+ "description": "The duration of the bottom sheet animation to fullscreen.",
123
123
  "values": []
124
124
  },
125
125
  {
126
- "name": "--forge-banner-icon-color",
127
- "description": "The color of the icon.",
126
+ "name": "--forge-bottom-sheet-animation-timing",
127
+ "description": "The timing function of the bottom sheet animation to fullscreen.",
128
128
  "values": []
129
129
  },
130
130
  {
131
- "name": "--forge-banner-gap",
132
- "description": "The gap between the contents.",
131
+ "name": "--forge-badge-background",
132
+ "description": "The background color.",
133
133
  "values": []
134
134
  },
135
135
  {
136
- "name": "--forge-banner-padding-inline",
137
- "description": "The inline padding.",
136
+ "name": "--forge-badge-color",
137
+ "description": "The text color.",
138
138
  "values": []
139
139
  },
140
140
  {
141
- "name": "--forge-banner-padding-block",
142
- "description": "The block padding.",
141
+ "name": "--forge-badge-shape",
142
+ "description": "The shape radius.",
143
143
  "values": []
144
144
  },
145
145
  {
146
- "name": "--forge-banner-transition-duration",
147
- "description": "The transition duration.",
146
+ "name": "--forge-badge-padding-inline",
147
+ "description": "The inline padding.",
148
148
  "values": []
149
149
  },
150
150
  {
151
- "name": "--forge-banner-transition-easing",
152
- "description": "The transition easing function.",
151
+ "name": "--forge-badge-padding-block",
152
+ "description": "The block padding.",
153
153
  "values": []
154
154
  },
155
155
  {
156
- "name": "--forge-bottom-sheet-desktop-max-width",
157
- "description": "The maximum width of the bottom sheet on desktop.",
156
+ "name": "--forge-badge-border-width",
157
+ "description": "The border width.",
158
158
  "values": []
159
159
  },
160
160
  {
161
- "name": "--forge-bottom-sheet-desktop-min-width",
162
- "description": "The minimum width of the bottom sheet on desktop.",
161
+ "name": "--forge-badge-border-color",
162
+ "description": "The border color.",
163
163
  "values": []
164
164
  },
165
165
  {
166
- "name": "--forge-bottom-sheet-animation-duration",
167
- "description": "The duration of the bottom sheet animation to fullscreen.",
166
+ "name": "--forge-badge-border-style",
167
+ "description": "The border style.",
168
168
  "values": []
169
169
  },
170
170
  {
171
- "name": "--forge-bottom-sheet-animation-timing",
172
- "description": "The timing function of the bottom sheet animation to fullscreen.",
171
+ "name": "--forge-badge-gap",
172
+ "description": "The spacing between the content within the badge.",
173
173
  "values": []
174
174
  },
175
175
  {
@@ -2033,98 +2033,98 @@
2033
2033
  "values": []
2034
2034
  },
2035
2035
  {
2036
- "name": "--forge-linear-progress-height",
2037
- "description": "The height of the element.",
2036
+ "name": "--forge-label-value-align",
2037
+ "description": "Aligns the label and value. Possible values: `start` (default), `center`, `end`.",
2038
2038
  "values": []
2039
2039
  },
2040
2040
  {
2041
- "name": "--forge-linear-progress-track-color",
2042
- "description": "The background color of the indicator.",
2041
+ "name": "--forge-label-value-label-spacing",
2042
+ "description": "The spacing between the label and value.",
2043
2043
  "values": []
2044
2044
  },
2045
2045
  {
2046
- "name": "--forge-linear-progress-track-shape",
2047
- "description": "The shape of the indicator.",
2046
+ "name": "--forge-label-value-label-block-start-spacing",
2047
+ "description": "The block start spacing for the label.",
2048
2048
  "values": []
2049
2049
  },
2050
2050
  {
2051
- "name": "--forge-linear-progress-indicator-color",
2052
- "description": "The color of the indicator.",
2051
+ "name": "--forge-label-value-label-block-end-spacing",
2052
+ "description": "The block end spacing for the label.",
2053
2053
  "values": []
2054
2054
  },
2055
2055
  {
2056
- "name": "--forge-linear-progress-indicator-height",
2057
- "description": "The height of the indicator only.",
2056
+ "name": "--forge-label-value-label-color",
2057
+ "description": "The color to apply to the label.",
2058
2058
  "values": []
2059
2059
  },
2060
2060
  {
2061
- "name": "--forge-linear-progress-determinate-duration",
2062
- "description": "The duration of the determinate animation.",
2061
+ "name": "--forge-label-value-icon-spacing",
2062
+ "description": "The spacing between the icon and the label.",
2063
2063
  "values": []
2064
2064
  },
2065
2065
  {
2066
- "name": "--forge-linear-progress-indeterminate-duration",
2067
- "description": "The duration of the indeterminate animation.",
2066
+ "name": "--forge-label-value-inline-label-spacing",
2067
+ "description": "The spacing between the label and value when displayed inline.",
2068
2068
  "values": []
2069
2069
  },
2070
2070
  {
2071
- "name": "--forge-linear-progress-determinate-easing",
2072
- "description": "The easing function to use for the determinate animation.",
2071
+ "name": "--forge-label-value-empty-color",
2072
+ "description": "The color to apply to the value when empty.",
2073
2073
  "values": []
2074
2074
  },
2075
2075
  {
2076
- "name": "--forge-linear-progress-theme-transition-duration",
2077
- "description": "The duration of the theme transition.",
2076
+ "name": "--forge-label-value-empty-style",
2077
+ "description": "The font-style to apply to the value when empty.",
2078
2078
  "values": []
2079
2079
  },
2080
2080
  {
2081
- "name": "--forge-linear-progress-theme-transition-timing",
2082
- "description": "The easing function to use for the theme transition.",
2081
+ "name": "--forge-linear-progress-height",
2082
+ "description": "The height of the element.",
2083
2083
  "values": []
2084
2084
  },
2085
2085
  {
2086
- "name": "--forge-label-value-align",
2087
- "description": "Aligns the label and value. Possible values: `start` (default), `center`, `end`.",
2086
+ "name": "--forge-linear-progress-track-color",
2087
+ "description": "The background color of the indicator.",
2088
2088
  "values": []
2089
2089
  },
2090
2090
  {
2091
- "name": "--forge-label-value-label-spacing",
2092
- "description": "The spacing between the label and value.",
2091
+ "name": "--forge-linear-progress-track-shape",
2092
+ "description": "The shape of the indicator.",
2093
2093
  "values": []
2094
2094
  },
2095
2095
  {
2096
- "name": "--forge-label-value-label-block-start-spacing",
2097
- "description": "The block start spacing for the label.",
2096
+ "name": "--forge-linear-progress-indicator-color",
2097
+ "description": "The color of the indicator.",
2098
2098
  "values": []
2099
2099
  },
2100
2100
  {
2101
- "name": "--forge-label-value-label-block-end-spacing",
2102
- "description": "The block end spacing for the label.",
2101
+ "name": "--forge-linear-progress-indicator-height",
2102
+ "description": "The height of the indicator only.",
2103
2103
  "values": []
2104
2104
  },
2105
2105
  {
2106
- "name": "--forge-label-value-label-color",
2107
- "description": "The color to apply to the label.",
2106
+ "name": "--forge-linear-progress-determinate-duration",
2107
+ "description": "The duration of the determinate animation.",
2108
2108
  "values": []
2109
2109
  },
2110
2110
  {
2111
- "name": "--forge-label-value-icon-spacing",
2112
- "description": "The spacing between the icon and the label.",
2111
+ "name": "--forge-linear-progress-indeterminate-duration",
2112
+ "description": "The duration of the indeterminate animation.",
2113
2113
  "values": []
2114
2114
  },
2115
2115
  {
2116
- "name": "--forge-label-value-inline-label-spacing",
2117
- "description": "The spacing between the label and value when displayed inline.",
2116
+ "name": "--forge-linear-progress-determinate-easing",
2117
+ "description": "The easing function to use for the determinate animation.",
2118
2118
  "values": []
2119
2119
  },
2120
2120
  {
2121
- "name": "--forge-label-value-empty-color",
2122
- "description": "The color to apply to the value when empty.",
2121
+ "name": "--forge-linear-progress-theme-transition-duration",
2122
+ "description": "The duration of the theme transition.",
2123
2123
  "values": []
2124
2124
  },
2125
2125
  {
2126
- "name": "--forge-label-value-empty-style",
2127
- "description": "The font-style to apply to the value when empty.",
2126
+ "name": "--forge-linear-progress-theme-transition-timing",
2127
+ "description": "The easing function to use for the theme transition.",
2128
2128
  "values": []
2129
2129
  },
2130
2130
  {
@@ -3697,6 +3697,16 @@
3697
3697
  "description": "The text color of the app bar.",
3698
3698
  "values": []
3699
3699
  },
3700
+ {
3701
+ "name": "--forge-app-bar-theme-foreground",
3702
+ "description": "The text color of the app bar when using the **scoped theme mode**.",
3703
+ "values": []
3704
+ },
3705
+ {
3706
+ "name": "--forge-app-bar-theme-foreground-muted",
3707
+ "description": "The muted text color of the app bar when using the **scoped theme mode**.",
3708
+ "values": []
3709
+ },
3700
3710
  {
3701
3711
  "name": "--forge-app-bar-z-index",
3702
3712
  "description": "The `z-index` of the app bar.",
@@ -5599,10 +5609,6 @@
5599
5609
  "name": "::part(container)",
5600
5610
  "description": "The container element for the title and message content."
5601
5611
  },
5602
- {
5603
- "name": "::part(progressbar)",
5604
- "description": "Styles the progress bar container element"
5605
- },
5606
5612
  {
5607
5613
  "name": "::part(root)",
5608
5614
  "description": "The root layout container element."
@@ -5610,6 +5616,10 @@
5610
5616
  { "name": "::part(label)", "description": "The label container element." },
5611
5617
  { "name": "::part(value)", "description": "The value container element." },
5612
5618
  { "name": "::part(icon)", "description": "The icon container element." },
5619
+ {
5620
+ "name": "::part(progressbar)",
5621
+ "description": "Styles the progress bar container element"
5622
+ },
5613
5623
  { "name": "::part(root)", "description": "The root element of the icon." },
5614
5624
  { "name": "::part(icon)", "description": "The icon element." },
5615
5625
  { "name": "::part(root)", "description": "The component's root element." },