@tylertech/forge 3.14.0-dev.3 → 3.14.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 +1485 -1485
- package/esm/split-view/split-view-panel/split-view-panel.scss.js +1 -1
- package/package.json +2 -2
- package/sass/calendar/_mixins.scss +4 -4
- package/sass/calendar/calendar-menu/_mixins.scss +2 -2
- package/sass/core/styles/_utils.scss +4 -5
- package/sass/core/styles/theme/_color-utils.scss +1 -1
- package/sass/core/styles/theme/_utils.scss +2 -4
- package/sass/core/styles/typography/index.scss +1 -1
- package/sass/focus-indicator/_core.scss +1 -3
- package/sass/linear-progress/_animations.scss +2 -6
- package/sass/meter/meter/_core.scss +5 -8
- package/vscode.css-custom-data.json +116 -116
- package/vscode.html-custom-data.json +73 -73
|
@@ -2,18 +2,6 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
|
|
3
3
|
"version": 1.1,
|
|
4
4
|
"tags": [
|
|
5
|
-
{
|
|
6
|
-
"name": "forge-accordion",
|
|
7
|
-
"description": "Accordions wrap a collection of expansion panels to ensure that only one panel is expanded at a time.\n---\n\n\n### **Events:**\n - **forge-accordion-toggle** - Dispatched when a child expansion panel is toggled. Includes the related expansion panel element in the event detail.",
|
|
8
|
-
"attributes": [
|
|
9
|
-
{
|
|
10
|
-
"name": "panel-selector",
|
|
11
|
-
"description": "Gets/sets the selector to use for finding the child expansion panels. Defaults to searching the direct children for `<forge-expansion-panel>` elements.\nUse this if you need to scope this accordion to a specific set of expansion panels, or your expansion panels are not direct children of the accordion.",
|
|
12
|
-
"values": []
|
|
13
|
-
}
|
|
14
|
-
],
|
|
15
|
-
"references": []
|
|
16
|
-
},
|
|
17
5
|
{
|
|
18
6
|
"name": "forge-avatar",
|
|
19
7
|
"description": "Avatars represent an entity via text or image. Use avatars to visually represent users, objects, or identifiers in your application.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for avatar content if not provided via text/imageUrl.\n\n### **CSS Properties:**\n - **--forge-avatar-background** - The background color of the avatar. _(default: undefined)_\n- **--forge-avatar-shape** - The border radius of the avatar, defaults to 50%. _(default: undefined)_\n- **--forge-avatar-color** - The text color of the avatar. _(default: undefined)_\n- **--forge-avatar-size** - The height and width of the avatar. _(default: undefined)_\n- **--forge-avatar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-avatar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.",
|
|
@@ -159,9 +147,15 @@
|
|
|
159
147
|
"references": []
|
|
160
148
|
},
|
|
161
149
|
{
|
|
162
|
-
"name": "forge-
|
|
163
|
-
"description": "
|
|
164
|
-
"attributes": [
|
|
150
|
+
"name": "forge-accordion",
|
|
151
|
+
"description": "Accordions wrap a collection of expansion panels to ensure that only one panel is expanded at a time.\n---\n\n\n### **Events:**\n - **forge-accordion-toggle** - Dispatched when a child expansion panel is toggled. Includes the related expansion panel element in the event detail.",
|
|
152
|
+
"attributes": [
|
|
153
|
+
{
|
|
154
|
+
"name": "panel-selector",
|
|
155
|
+
"description": "Gets/sets the selector to use for finding the child expansion panels. Defaults to searching the direct children for `<forge-expansion-panel>` elements.\nUse this if you need to scope this accordion to a specific set of expansion panels, or your expansion panels are not direct children of the accordion.",
|
|
156
|
+
"values": []
|
|
157
|
+
}
|
|
158
|
+
],
|
|
165
159
|
"references": []
|
|
166
160
|
},
|
|
167
161
|
{
|
|
@@ -182,50 +176,56 @@
|
|
|
182
176
|
"references": []
|
|
183
177
|
},
|
|
184
178
|
{
|
|
185
|
-
"name": "forge-
|
|
186
|
-
"description": "
|
|
179
|
+
"name": "forge-badge",
|
|
180
|
+
"description": "Badges display small amounts of non-interactive information like counts, status indicators, or notifications.\n---\n\n\n### **Slots:**\n - _default_ - Default content placed inside the badge.\n- **start** - Content placed before the default content.\n- **end** - Content placed after the default content.\n\n### **CSS Properties:**\n - **--forge-badge-background** - The background color. _(default: undefined)_\n- **--forge-badge-color** - The text color. _(default: undefined)_\n- **--forge-badge-shape** - The shape radius. _(default: undefined)_\n- **--forge-badge-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-badge-padding-block** - The block padding. _(default: undefined)_\n- **--forge-badge-border-width** - The border width. _(default: undefined)_\n- **--forge-badge-border-color** - The border color. _(default: undefined)_\n- **--forge-badge-border-style** - The border style. _(default: undefined)_\n- **--forge-badge-gap** - The spacing between the content within the badge. _(default: undefined)_",
|
|
181
|
+
"attributes": [],
|
|
182
|
+
"references": []
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"name": "forge-banner",
|
|
186
|
+
"description": "Banners are used to inform users of important information, such as errors, warnings, or success messages. Use banners for non-critical messages that require user attention but do not interrupt workflow.\n---\n\n\n### **Events:**\n - **forge-banner-before-dismiss** - Dispatched before the banner is dismissed. Cancelable to prevent dismissal.\n- **forge-banner-dismissed** - Dispatched when the banner is dismissed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **icon** - The icon to display.\n- **button** - The optional button to display.\n\n### **CSS Properties:**\n - **--forge-banner-background** - The background color of the banner. _(default: undefined)_\n- **--forge-banner-color** - The text color of the banner. _(default: undefined)_\n- **--forge-banner-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-banner-gap** - The gap between the contents. _(default: undefined)_\n- **--forge-banner-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-banner-padding-block** - The block padding. _(default: undefined)_\n- **--forge-banner-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-banner-transition-easing** - The transition easing function. _(default: undefined)_",
|
|
187
187
|
"attributes": [
|
|
188
188
|
{
|
|
189
|
-
"name": "
|
|
190
|
-
"description": "
|
|
189
|
+
"name": "dismissed",
|
|
190
|
+
"description": "Controls the visibility of the banner.",
|
|
191
191
|
"values": []
|
|
192
192
|
},
|
|
193
|
-
{
|
|
194
|
-
"name": "mode",
|
|
195
|
-
"description": "The mode of the bottom sheet.",
|
|
196
|
-
"values": [{ "name": "BottomSheetMode" }]
|
|
197
|
-
},
|
|
198
193
|
{
|
|
199
194
|
"name": "persistent",
|
|
200
|
-
"description": "
|
|
195
|
+
"description": "Controls the visibility of the built-in dismiss button.",
|
|
201
196
|
"values": []
|
|
202
197
|
},
|
|
203
198
|
{
|
|
204
|
-
"name": "
|
|
205
|
-
"description": "
|
|
206
|
-
"values": []
|
|
199
|
+
"name": "theme",
|
|
200
|
+
"description": "The theme of the banner.",
|
|
201
|
+
"values": [{ "name": "BannerTheme" }]
|
|
207
202
|
}
|
|
208
203
|
],
|
|
209
204
|
"references": []
|
|
210
205
|
},
|
|
211
206
|
{
|
|
212
|
-
"name": "forge-
|
|
213
|
-
"description": "
|
|
207
|
+
"name": "forge-bottom-sheet",
|
|
208
|
+
"description": "Bottom sheets slide up from the bottom of the screen to reveal more content and/or actions that the user can take.\n---\n\n\n### **Events:**\n - **forge-bottom-sheet-before-close** - Fires before the bottom sheet closes.\n- **forge-bottom-sheet-close** - Fires after the bottom sheet closes.\n- **forge-bottom-sheet-open** - Fires after the bottom sheet opens.\n- **forge-bottom-sheet-drag-start** - Fires when the bottom sheet starts to be dragged.\n- **forge-bottom-sheet-dragged** - Fires when the bottom sheet is dragged.\n- **forge-bottom-sheet-drag-end** - Fires when the bottom sheet drag ends.\n- **forge-bottom-sheet-drag-cancel** - Fires when the bottom sheet drag is cancelled.\n- **forge-bottom-sheet-fullscreen** - Fires when the bottom sheet is toggled to fullscreen.\n\n### **Slots:**\n - _default_ - The content of the bottom sheet. This is a passthrough slot to the dialog surface.\n\n### **CSS Properties:**\n - **--forge-bottom-sheet-desktop-max-width** - The maximum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-desktop-min-width** - The minimum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-animation-duration** - The duration of the bottom sheet animation to fullscreen. _(default: undefined)_\n- **--forge-bottom-sheet-animation-timing** - The timing function of the bottom sheet animation to fullscreen. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the bottom sheet.\n- **surface** - The surface element of the bottom sheet within th dialog.",
|
|
214
209
|
"attributes": [
|
|
215
210
|
{
|
|
216
|
-
"name": "
|
|
217
|
-
"description": "
|
|
211
|
+
"name": "open",
|
|
212
|
+
"description": "Whether the bottom sheet is open.",
|
|
218
213
|
"values": []
|
|
219
214
|
},
|
|
215
|
+
{
|
|
216
|
+
"name": "mode",
|
|
217
|
+
"description": "The mode of the bottom sheet.",
|
|
218
|
+
"values": [{ "name": "BottomSheetMode" }]
|
|
219
|
+
},
|
|
220
220
|
{
|
|
221
221
|
"name": "persistent",
|
|
222
|
-
"description": "
|
|
222
|
+
"description": "Whether the bottom sheet is persistent.",
|
|
223
223
|
"values": []
|
|
224
224
|
},
|
|
225
225
|
{
|
|
226
|
-
"name": "
|
|
227
|
-
"description": "
|
|
228
|
-
"values": [
|
|
226
|
+
"name": "fullscreen",
|
|
227
|
+
"description": "Whether the bottom sheet is fullscreen.",
|
|
228
|
+
"values": []
|
|
229
229
|
}
|
|
230
230
|
],
|
|
231
231
|
"references": []
|
|
@@ -1820,43 +1820,6 @@
|
|
|
1820
1820
|
],
|
|
1821
1821
|
"references": []
|
|
1822
1822
|
},
|
|
1823
|
-
{
|
|
1824
|
-
"name": "forge-skip-link",
|
|
1825
|
-
"description": "The Forge Skip Link component is used to provide an accessible way for users to skip repetitive content and navigate directly to a section of the page. This is used for screen reader and keyboard users to improve the overall accessibility of web applications.\n---\n\n\n### **Slots:**\n - _default_ - The default/unnamed slot for link text.\n\n### **CSS Properties:**\n - **--forge-skip-link-background** - The background color of the skip link. _(default: undefined)_\n- **--forge-skip-link-color** - The text color of the skip link. _(default: undefined)_\n- **--forge-skip-link-shape** - The border radius of the skip link. _(default: undefined)_\n- **--forge-skip-link-inset** - The skip link's inset from the edge of the viewport. _(default: undefined)_\n- **--forge-skip-link-z-index** - The z-index of the skip link. _(default: undefined)_\n- **--forge-skip-link-elevation** - The box shadow of the skip link. _(default: undefined)_\n- **--forge-skip-link-padding-block** - The interior padding of the skip link along the block axis. _(default: undefined)_\n- **--forge-skip-link-padding-inline** - The interior padding of the skip link along the inline axis. _(default: undefined)_\n- **--forge-skip-link-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n- **--forge-skip-link-transition-duration** - The duration of the skip link's animations. _(default: undefined)_\n- **--forge-skip-link-transition-timing-function** - The timing function of the skip link's animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **anchor** - The root anchor element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer element.",
|
|
1826
|
-
"attributes": [
|
|
1827
|
-
{
|
|
1828
|
-
"name": "target",
|
|
1829
|
-
"description": "The IDREF of the element to which the skip link should navigate.",
|
|
1830
|
-
"values": []
|
|
1831
|
-
},
|
|
1832
|
-
{
|
|
1833
|
-
"name": "theme",
|
|
1834
|
-
"description": "The theme applied to the skip link.",
|
|
1835
|
-
"values": [{ "name": "SkipLinkTheme" }]
|
|
1836
|
-
},
|
|
1837
|
-
{
|
|
1838
|
-
"name": "muted",
|
|
1839
|
-
"description": "Whether or not the skip link uses a muted color scheme.",
|
|
1840
|
-
"values": []
|
|
1841
|
-
},
|
|
1842
|
-
{
|
|
1843
|
-
"name": "persistent",
|
|
1844
|
-
"description": "Whether or not the skip link should remain visible when not focused.",
|
|
1845
|
-
"values": []
|
|
1846
|
-
},
|
|
1847
|
-
{
|
|
1848
|
-
"name": "inline",
|
|
1849
|
-
"description": "Whether or not the skip link renders within its container.",
|
|
1850
|
-
"values": []
|
|
1851
|
-
},
|
|
1852
|
-
{
|
|
1853
|
-
"name": "skip-url-change",
|
|
1854
|
-
"description": "Sets the skip link to skip browser navigation and scroll to the target element.",
|
|
1855
|
-
"values": []
|
|
1856
|
-
}
|
|
1857
|
-
],
|
|
1858
|
-
"references": []
|
|
1859
|
-
},
|
|
1860
1823
|
{
|
|
1861
1824
|
"name": "forge-slider",
|
|
1862
1825
|
"description": "Sliders allow users to make selections from a range of values. You can use sliders for selecting values from either a continuous or discrete range, and they can also be used for selecting a single value or a range of values.\n---\n\n\n### **Events:**\n - **forge-slider-input** - Dispatches when the slider value changes.\n- **forge-slider-change** - Dispatches when the slider value changes and the value has been committed.\n- **forge-slider-range-input** - Dispatches when the slider range values change.\n- **forge-slider-range-change** - Dispatches when the slider range values change and the values have been committed.\n\n### **CSS Properties:**\n - **--forge-theme-primary** - The primary color of the slider. _(default: undefined)_\n- **--forge-theme-on-primary** - The color of elements placed on top of the primary color (the label text for example). _(default: undefined)_\n- **--forge-slider-track-height** - The height of the track. _(default: undefined)_\n- **--forge-slider-active-track-color** - The color of the active track. _(default: undefined)_\n- **--forge-slider-active-track-height** - The height of the active track. _(default: undefined)_\n- **--forge-slider-active-track-shape** - The shape of the active track. _(default: undefined)_\n- **--forge-slider-disabled-active-track-color** - The color of the active track when disabled. _(default: undefined)_\n- **--forge-slider-disabled-active-track-opacity** - The opacity of the active track when disabled. _(default: undefined)_\n- **--forge-slider-disabled-handle-color** - The color of the slider handle when disabled. _(default: undefined)_\n- **--forge-slider-disabled-inactive-track-color** - The color of the inactive track when disabled. _(default: undefined)_\n- **--forge-slider-disabled-inactive-track-opacity** - The opacity of the inactive track when disabled. _(default: undefined)_\n- **--forge-slider-focus-handle-color** - The color of the slider handle when focused. _(default: undefined)_\n- **--forge-slider-handle-color** - The color of the slider handle. _(default: undefined)_\n- **--forge-slider-handle-height** - The height of the slider handle. _(default: undefined)_\n- **--forge-slider-handle-width** - The width of the slider handle. _(default: undefined)_\n- **--forge-slider-handle-shape** - The shape of the slider handle. _(default: undefined)_\n- **--forge-slider-hover-handle-color** - The color of the slider handle when hovered. _(default: undefined)_\n- **--forge-slider-inactive-track-color** - The color of the inactive track. _(default: undefined)_\n- **--forge-slider-inactive-track-height** - The height of the inactive track. _(default: undefined)_\n- **--forge-slider-inactive-track-shape** - The shape of the inactive track. _(default: undefined)_\n- **--forge-slider-label-container-shape** - The shape of the label container. _(default: undefined)_\n- **--forge-slider-label-container-color** - The color of the label container. _(default: undefined)_\n- **--forge-slider-label-container-height** - The height of the label container. _(default: undefined)_\n- **--forge-slider-label-text-color** - The color of the label text. _(default: undefined)_\n- **--forge-slider-pressed-handle-color** - The color of the slider handle when pressed. _(default: undefined)_\n- **--forge-slider-state-layer-size** - The size of the state layer. _(default: undefined)_\n- **--forge-slider-with-overlap-handle-outline-color** - The color of the slider handle outline when overlapping. _(default: undefined)_\n- **--forge-slider-with-overlap-handle-outline-width** - The width of the slider handle outline when overlapping. _(default: undefined)_\n- **--forge-slider-with-tick-marks-active-container-color** - The color of the active tick mark container when tick marks are visible. _(default: undefined)_\n- **--forge-slider-with-tick-marks-container-size** - The size of the tick mark container when tick marks are visible. _(default: undefined)_\n- **--forge-slider-with-tick-marks-disabled-active-container-color** - The color of the active tick mark container when tick marks are visible and disabled. _(default: undefined)_\n- **--forge-slider-with-tick-marks-disabled-inactive-container-color** - The color of the inactive tick mark container when tick marks are visible and disabled. _(default: undefined)_\n- **--forge-slider-with-tick-marks-inactive-container-color** - The color of the inactive tick mark container when tick marks are visible. _(default: undefined)_\n\n### **CSS Parts:**\n - **slider** - Styles the slider container element.\n- **track** - Styles the track element.\n- **handle-end** - Styles the end handle element.\n- **handle-end-thumb** - Styles the end handle thumb element.\n- **handle-end-label** - Styles the end handle label element.\n- **handle-end-label-content** - Styles the end handle label content element.\n- **handle-start** - Styles the start handle element.\n- **handle-start-thumb** - Styles the start handle thumb element.\n- **handle-start-label** - Styles the start handle label element.\n- **handle-start-label-content** - Styles the start handle label content element.",
|
|
@@ -1964,6 +1927,43 @@
|
|
|
1964
1927
|
],
|
|
1965
1928
|
"references": []
|
|
1966
1929
|
},
|
|
1930
|
+
{
|
|
1931
|
+
"name": "forge-skip-link",
|
|
1932
|
+
"description": "The Forge Skip Link component is used to provide an accessible way for users to skip repetitive content and navigate directly to a section of the page. This is used for screen reader and keyboard users to improve the overall accessibility of web applications.\n---\n\n\n### **Slots:**\n - _default_ - The default/unnamed slot for link text.\n\n### **CSS Properties:**\n - **--forge-skip-link-background** - The background color of the skip link. _(default: undefined)_\n- **--forge-skip-link-color** - The text color of the skip link. _(default: undefined)_\n- **--forge-skip-link-shape** - The border radius of the skip link. _(default: undefined)_\n- **--forge-skip-link-inset** - The skip link's inset from the edge of the viewport. _(default: undefined)_\n- **--forge-skip-link-z-index** - The z-index of the skip link. _(default: undefined)_\n- **--forge-skip-link-elevation** - The box shadow of the skip link. _(default: undefined)_\n- **--forge-skip-link-padding-block** - The interior padding of the skip link along the block axis. _(default: undefined)_\n- **--forge-skip-link-padding-inline** - The interior padding of the skip link along the inline axis. _(default: undefined)_\n- **--forge-skip-link-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n- **--forge-skip-link-transition-duration** - The duration of the skip link's animations. _(default: undefined)_\n- **--forge-skip-link-transition-timing-function** - The timing function of the skip link's animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **anchor** - The root anchor element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer element.",
|
|
1933
|
+
"attributes": [
|
|
1934
|
+
{
|
|
1935
|
+
"name": "target",
|
|
1936
|
+
"description": "The IDREF of the element to which the skip link should navigate.",
|
|
1937
|
+
"values": []
|
|
1938
|
+
},
|
|
1939
|
+
{
|
|
1940
|
+
"name": "theme",
|
|
1941
|
+
"description": "The theme applied to the skip link.",
|
|
1942
|
+
"values": [{ "name": "SkipLinkTheme" }]
|
|
1943
|
+
},
|
|
1944
|
+
{
|
|
1945
|
+
"name": "muted",
|
|
1946
|
+
"description": "Whether or not the skip link uses a muted color scheme.",
|
|
1947
|
+
"values": []
|
|
1948
|
+
},
|
|
1949
|
+
{
|
|
1950
|
+
"name": "persistent",
|
|
1951
|
+
"description": "Whether or not the skip link should remain visible when not focused.",
|
|
1952
|
+
"values": []
|
|
1953
|
+
},
|
|
1954
|
+
{
|
|
1955
|
+
"name": "inline",
|
|
1956
|
+
"description": "Whether or not the skip link renders within its container.",
|
|
1957
|
+
"values": []
|
|
1958
|
+
},
|
|
1959
|
+
{
|
|
1960
|
+
"name": "skip-url-change",
|
|
1961
|
+
"description": "Sets the skip link to skip browser navigation and scroll to the target element.",
|
|
1962
|
+
"values": []
|
|
1963
|
+
}
|
|
1964
|
+
],
|
|
1965
|
+
"references": []
|
|
1966
|
+
},
|
|
1967
1967
|
{
|
|
1968
1968
|
"name": "forge-split-button",
|
|
1969
1969
|
"description": "Split buttons are used for splitting an action into two parts, typically a primary action and a secondary action that opens a menu or performs an alternative action. Split buttons expect child Forge buttons as their content.\n---\n\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot.\n\n### **CSS Properties:**\n - **--forge-split-button-min-width** - The minimum width of the slotted buttons. _(default: undefined)_\n- **--forge-split-button-gap** - The gap between the slotted buttons. _(default: undefined)_\n- **--forge-split-button-focus-indicator-offset** - The offset of the focus indicator around the buttons. _(default: undefined)_\n- **--forge-split-button-focus-indicator-divider-offset** - The offset of the focus indicator divider when using outlined buttons. _(default: undefined)_",
|