@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.
- package/custom-elements.json +1725 -928
- package/dist/app-bar/forge-app-bar.css +20 -3
- package/dist/forge.css +2 -2
- package/dist/lib.js +20 -20
- package/dist/lib.js.map +4 -4
- package/dist/table/forge-table.css +2 -2
- package/dist/vscode.css-custom-data.json +94 -84
- package/dist/vscode.html-custom-data.json +190 -65
- package/esm/app-bar/app-bar/app-bar-constants.d.ts +2 -0
- package/esm/app-bar/app-bar/app-bar-constants.js +2 -1
- package/esm/app-bar/app-bar/app-bar-core.d.ts +5 -1
- package/esm/app-bar/app-bar/app-bar-core.js +10 -0
- package/esm/app-bar/app-bar/app-bar.d.ts +9 -1
- package/esm/app-bar/app-bar/app-bar.js +15 -2
- package/esm/app-bar/help-button/app-bar-help-button.js +1 -1
- package/esm/app-bar/menu-button/app-bar-menu-button.js +1 -1
- package/esm/app-bar/notification-button/app-bar-notification-button.js +1 -1
- package/esm/app-bar/profile-button/app-bar-profile-button.js +1 -1
- package/esm/app-bar/search/app-bar-search.js +1 -1
- package/esm/autocomplete/autocomplete-core.js +5 -0
- package/esm/avatar/avatar.d.ts +7 -4
- package/esm/avatar/avatar.js +10 -6
- package/esm/badge/badge.d.ts +7 -3
- package/esm/badge/badge.js +9 -4
- package/esm/button/button-constants.d.ts +1 -1
- package/esm/button/button.js +1 -1
- package/esm/card/card.d.ts +7 -3
- package/esm/card/card.js +8 -3
- package/esm/core/base/base-lit-element.d.ts +9 -0
- package/esm/core/base/base-lit-element.js +12 -0
- package/esm/core/utils/lit-utils.d.ts +11 -0
- package/esm/core/utils/lit-utils.js +31 -0
- package/esm/dialog/dialog-adapter.d.ts +0 -1
- package/esm/dialog/dialog-adapter.js +4 -39
- package/esm/dialog/dialog-constants.d.ts +6 -2
- package/esm/dialog/dialog-constants.js +4 -4
- package/esm/dialog/dialog-core.d.ts +3 -3
- package/esm/dialog/dialog-core.js +8 -7
- package/esm/dialog/dialog.d.ts +3 -3
- package/esm/dialog/dialog.js +3 -3
- package/esm/icon-button/icon-button-constants.d.ts +1 -1
- package/esm/icon-button/icon-button.js +1 -1
- package/esm/key/key/index.js +2 -2
- package/esm/key/key/key.d.ts +7 -2
- package/esm/key/key/key.js +10 -3
- package/esm/key/key-item/index.js +2 -2
- package/esm/key/key-item/key-item.d.ts +7 -2
- package/esm/key/key-item/key-item.js +10 -3
- package/esm/list-dropdown/list-dropdown-aware-core.d.ts +22 -0
- package/esm/list-dropdown/list-dropdown-aware-core.js +30 -0
- package/esm/list-dropdown/list-dropdown-aware.d.ts +35 -0
- package/esm/list-dropdown/list-dropdown-aware.js +35 -16
- package/esm/list-dropdown/list-dropdown-constants.d.ts +22 -3
- package/esm/list-dropdown/list-dropdown-constants.js +9 -1
- package/esm/list-dropdown/list-dropdown-utils.js +6 -0
- package/esm/menu/menu-core.js +2 -0
- package/esm/menu/menu.js +1 -0
- package/esm/meter/meter/meter.d.ts +7 -2
- package/esm/meter/meter/meter.js +10 -3
- package/esm/meter/meter-group/index.js +2 -2
- package/esm/meter/meter-group/meter-group.d.ts +7 -2
- package/esm/meter/meter-group/meter-group.js +10 -4
- package/esm/overlay/base/overlay-aware.d.ts +4 -4
- package/esm/overlay/base/overlay-aware.js +3 -3
- package/esm/select/core/base-select-core.js +5 -0
- package/esm/select/select/select.d.ts +25 -1
- package/esm/select/select/select.js +26 -1
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/tabs/tab-bar/tab-bar.js +1 -1
- package/package.json +1 -1
- package/sass/app-bar/app-bar/_core.scss +0 -1
- package/sass/app-bar/app-bar/app-bar.scss +51 -7
- package/sass/app-bar/forge-app-bar.scss +41 -11
- package/sass/app-bar/search/app-bar-search.scss +3 -0
- package/sass/button/button.scss +24 -0
- package/sass/core/styles/scrollbar/index.scss +14 -0
- package/sass/core/styles/tokens/app-bar/app-bar/_tokens.scss +4 -1
- package/sass/icon-button/icon-button.scss +14 -0
- package/sass/table/_core.scss +1 -1
- 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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
82
|
-
"description": "The
|
|
81
|
+
"name": "--forge-banner-icon-color",
|
|
82
|
+
"description": "The color of the icon.",
|
|
83
83
|
"values": []
|
|
84
84
|
},
|
|
85
85
|
{
|
|
86
|
-
"name": "--forge-
|
|
87
|
-
"description": "The
|
|
86
|
+
"name": "--forge-banner-gap",
|
|
87
|
+
"description": "The gap between the contents.",
|
|
88
88
|
"values": []
|
|
89
89
|
},
|
|
90
90
|
{
|
|
91
|
-
"name": "--forge-
|
|
92
|
-
"description": "The
|
|
91
|
+
"name": "--forge-banner-padding-inline",
|
|
92
|
+
"description": "The inline padding.",
|
|
93
93
|
"values": []
|
|
94
94
|
},
|
|
95
95
|
{
|
|
96
|
-
"name": "--forge-
|
|
97
|
-
"description": "The
|
|
96
|
+
"name": "--forge-banner-padding-block",
|
|
97
|
+
"description": "The block padding.",
|
|
98
98
|
"values": []
|
|
99
99
|
},
|
|
100
100
|
{
|
|
101
|
-
"name": "--forge-
|
|
102
|
-
"description": "The
|
|
101
|
+
"name": "--forge-banner-transition-duration",
|
|
102
|
+
"description": "The transition duration.",
|
|
103
103
|
"values": []
|
|
104
104
|
},
|
|
105
105
|
{
|
|
106
|
-
"name": "--forge-
|
|
107
|
-
"description": "The
|
|
106
|
+
"name": "--forge-banner-transition-easing",
|
|
107
|
+
"description": "The transition easing function.",
|
|
108
108
|
"values": []
|
|
109
109
|
},
|
|
110
110
|
{
|
|
111
|
-
"name": "--forge-
|
|
112
|
-
"description": "The
|
|
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-
|
|
117
|
-
"description": "The
|
|
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-
|
|
122
|
-
"description": "The
|
|
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-
|
|
127
|
-
"description": "The
|
|
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-
|
|
132
|
-
"description": "The
|
|
131
|
+
"name": "--forge-badge-background",
|
|
132
|
+
"description": "The background color.",
|
|
133
133
|
"values": []
|
|
134
134
|
},
|
|
135
135
|
{
|
|
136
|
-
"name": "--forge-
|
|
137
|
-
"description": "The
|
|
136
|
+
"name": "--forge-badge-color",
|
|
137
|
+
"description": "The text color.",
|
|
138
138
|
"values": []
|
|
139
139
|
},
|
|
140
140
|
{
|
|
141
|
-
"name": "--forge-
|
|
142
|
-
"description": "The
|
|
141
|
+
"name": "--forge-badge-shape",
|
|
142
|
+
"description": "The shape radius.",
|
|
143
143
|
"values": []
|
|
144
144
|
},
|
|
145
145
|
{
|
|
146
|
-
"name": "--forge-
|
|
147
|
-
"description": "The
|
|
146
|
+
"name": "--forge-badge-padding-inline",
|
|
147
|
+
"description": "The inline padding.",
|
|
148
148
|
"values": []
|
|
149
149
|
},
|
|
150
150
|
{
|
|
151
|
-
"name": "--forge-
|
|
152
|
-
"description": "The
|
|
151
|
+
"name": "--forge-badge-padding-block",
|
|
152
|
+
"description": "The block padding.",
|
|
153
153
|
"values": []
|
|
154
154
|
},
|
|
155
155
|
{
|
|
156
|
-
"name": "--forge-
|
|
157
|
-
"description": "The
|
|
156
|
+
"name": "--forge-badge-border-width",
|
|
157
|
+
"description": "The border width.",
|
|
158
158
|
"values": []
|
|
159
159
|
},
|
|
160
160
|
{
|
|
161
|
-
"name": "--forge-
|
|
162
|
-
"description": "The
|
|
161
|
+
"name": "--forge-badge-border-color",
|
|
162
|
+
"description": "The border color.",
|
|
163
163
|
"values": []
|
|
164
164
|
},
|
|
165
165
|
{
|
|
166
|
-
"name": "--forge-
|
|
167
|
-
"description": "The
|
|
166
|
+
"name": "--forge-badge-border-style",
|
|
167
|
+
"description": "The border style.",
|
|
168
168
|
"values": []
|
|
169
169
|
},
|
|
170
170
|
{
|
|
171
|
-
"name": "--forge-
|
|
172
|
-
"description": "The
|
|
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-
|
|
2037
|
-
"description": "
|
|
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-
|
|
2042
|
-
"description": "The
|
|
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-
|
|
2047
|
-
"description": "The
|
|
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-
|
|
2052
|
-
"description": "The
|
|
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-
|
|
2057
|
-
"description": "The
|
|
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-
|
|
2062
|
-
"description": "The
|
|
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-
|
|
2067
|
-
"description": "The
|
|
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-
|
|
2072
|
-
"description": "The
|
|
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-
|
|
2077
|
-
"description": "The
|
|
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-
|
|
2082
|
-
"description": "The
|
|
2081
|
+
"name": "--forge-linear-progress-height",
|
|
2082
|
+
"description": "The height of the element.",
|
|
2083
2083
|
"values": []
|
|
2084
2084
|
},
|
|
2085
2085
|
{
|
|
2086
|
-
"name": "--forge-
|
|
2087
|
-
"description": "
|
|
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-
|
|
2092
|
-
"description": "The
|
|
2091
|
+
"name": "--forge-linear-progress-track-shape",
|
|
2092
|
+
"description": "The shape of the indicator.",
|
|
2093
2093
|
"values": []
|
|
2094
2094
|
},
|
|
2095
2095
|
{
|
|
2096
|
-
"name": "--forge-
|
|
2097
|
-
"description": "The
|
|
2096
|
+
"name": "--forge-linear-progress-indicator-color",
|
|
2097
|
+
"description": "The color of the indicator.",
|
|
2098
2098
|
"values": []
|
|
2099
2099
|
},
|
|
2100
2100
|
{
|
|
2101
|
-
"name": "--forge-
|
|
2102
|
-
"description": "The
|
|
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-
|
|
2107
|
-
"description": "The
|
|
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-
|
|
2112
|
-
"description": "The
|
|
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-
|
|
2117
|
-
"description": "The
|
|
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-
|
|
2122
|
-
"description": "The
|
|
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-
|
|
2127
|
-
"description": "The
|
|
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." },
|