@politiet/sheriff-web-components 2.8.0 → 2.10.0

package/dist/skill/references/components.md

@@ -211,7 +211,7 @@ Modal/dialog wrapping native `<dialog>`.
 
 **Props:** `open`, `modal`, `closedby` (`"none"` | `"closerequest"` | `"any"`, default `"closerequest"`), `close-button-label` (default `"Lukk dialogvindu"`, empty string hides button)
 **Slots:** `header`, default (body), `footer`
-**Events:** `sds-close`
+**Events:** `close`
 **Methods:** `show()`, `showModal()`, `close()`
 **Note:** `data-command="close"` on any inner button closes the dialog.
 

package/dist/skill/references/react-wrappers.md

@@ -62,5 +62,5 @@ More React-y event handling in that names follow React naming/idioms:
 -   `SDSTextFieldWrapper`: `onInput` → `input`, `onSelect` → `select`, `onFocus` → `focus`, `onBlur` → `blur`, `onKeydown` → `keydown`
 -   `SDSAlertWrapper`: `onSdsRemove` → `sds-remove`
 -   `SDSDetailsWrapper`: `onSdsToggle` → `sds-toggle`
--   `SDSDialogWrapper`: `onSdsClose` → `sds-close`
+-   `SDSDialogWrapper`: `onClose` → `close`
 -   `SDSCheckboxGroupWrapper` / `SDSRadioGroupWrapper`: `onSdsUpdate` → `sds-update`

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@politiet/sheriff-web-components",
-	"version": "2.8.0",
+	"version": "2.10.0",
 	"description": "Sheriff Design System Web Components Library",
 	"author": "Politiets IT-enhet",
 	"license": "ISC",
@@ -75,6 +75,10 @@
 			"import": "./dist/sds-dialog/sds-dialog.js",
 			"types": "./dist/sds-dialog/sds-dialog.d.ts"
 		},
+		"./sds-environment-banner": {
+			"import": "./dist/sds-environment-banner/sds-environment-banner.js",
+			"types": "./dist/sds-environment-banner/sds-environment-banner.d.ts"
+		},
 		"./sds-heading": {
 			"import": "./dist/sds-heading/sds-heading.js",
 			"types": "./dist/sds-heading/sds-heading.d.ts"
@@ -168,10 +172,10 @@
 	},
 	"optionalDependencies": {
 		"@lit/react": "^1.0.8",
-		"@politiet/sheriff-icons": "^2.0.2"
+		"@politiet/sheriff-icons": "^2.1.0"
 	},
 	"peerDependencies": {
-		"@politiet/sheriff-css-framework": "^2.3.2",
+		"@politiet/sheriff-css-framework": "^2.5.0",
 		"typescript": ">=3.8.0"
 	},
 	"peerDependenciesMeta": {
@@ -180,13 +184,18 @@
 		}
 	},
 	"devDependencies": {
+		"@axe-core/playwright": "^4.11.3",
 		"@custom-elements-manifest/analyzer": "^0.11.0",
 		"@digdir/designsystemet-css": "^1.12.1",
 		"@digdir/designsystemet-web": "^1.12.1",
 		"@rollup/plugin-node-resolve": "^16.0.3",
 		"@rollup/plugin-terser": "^1.0.0",
 		"lit-web-types": "^0.1.5",
+		"preact": "^10.26.1",
 		"rollup": "^4.59.0",
+		"solid-js": "^1.9.4",
+		"ts-lit-plugin": "^2.0.2",
+		"vue": "^3.5.13",
 		"web-component-analyzer-webtypes": "^2.0.12"
 	},
 	"wca": {

package/web-types.json

@@ -1,7 +1,7 @@
 {
     "$schema": "http://json.schemastore.org/web-types",
     "name": "@politiet/sheriff-web-components",
-    "version": "2.8.0",
+    "version": "2.10.0",
     "framework": "web-components",
     "description-markup": "markdown",
     "contributions": {
@@ -775,7 +775,7 @@
                                 "value": {
                                     "type": "(event: MouseEvent) => void",
                                     "required": true,
-                                    "default": "\"(event: MouseEvent) => {\\n\\t\\t// For popover triggers, let the browser handle the toggle natively.\\n\\t\\t// Stop propagation and re-dispatch a composed click for listeners on the host.\\n\\t\\tif (this.popoverTarget) {\\n\\t\\t\\tevent.stopImmediatePropagation();\\n\\t\\t\\tif (!this.disabled) {\\n\\t\\t\\t\\tthis.dispatchSheriffEvent('click');\\n\\t\\t\\t}\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\t// For dialog commands, emulate the native commandfor/command behavior on the host.\\n\\t\\t// Stop propagation and re-dispatch a composed click for listeners on the host.\\n\\t\\tif (this.effectiveCommandFor && this.effectiveCommand) {\\n\\t\\t\\tevent.preventDefault();\\n\\t\\t\\tevent.stopImmediatePropagation();\\n\\t\\t\\tif (!this.disabled) {\\n\\t\\t\\t\\tthis.runDialogCommand();\\n\\t\\t\\t\\tthis.dispatchSheriffEvent('click');\\n\\t\\t\\t}\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tevent.preventDefault();\\n\\t\\tevent.stopImmediatePropagation();\\n\\n\\t\\tif (!this.disabled) {\\n\\t\\t\\tswitch (this.type) {\\n\\t\\t\\t\\tcase 'submit': {\\n\\t\\t\\t\\t\\tconst shouldSubmit = this.dispatchSheriffEvent('submit');\\n\\n\\t\\t\\t\\t\\tif (shouldSubmit) {\\n\\t\\t\\t\\t\\t\\tif (this.form) {\\n\\t\\t\\t\\t\\t\\t\\tconst root = this.getRootNode() as Document | ShadowRoot;\\n\\t\\t\\t\\t\\t\\t\\tconst formElement: HTMLFormElement | null = root.querySelector(`form#${this.form}`);\\n\\t\\t\\t\\t\\t\\t\\tformElement?.requestSubmit();\\n\\t\\t\\t\\t\\t\\t} else if (this.internals.form) {\\n\\t\\t\\t\\t\\t\\t\\tthis.internals.form.requestSubmit();\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\t}\\n\\n\\t\\t\\t\\tcase 'reset': {\\n\\t\\t\\t\\t\\tconst shouldReset = this.dispatchSheriffEvent('reset');\\n\\n\\t\\t\\t\\t\\tif (shouldReset) {\\n\\t\\t\\t\\t\\t\\tif (this.form) {\\n\\t\\t\\t\\t\\t\\t\\tconst root = this.getRootNode() as Document | ShadowRoot;\\n\\t\\t\\t\\t\\t\\t\\tconst formElement: HTMLFormElement | null = root.querySelector(`form#${this.form}`);\\n\\t\\t\\t\\t\\t\\t\\tformElement?.reset();\\n\\t\\t\\t\\t\\t\\t} else if (this.internals.form) {\\n\\t\\t\\t\\t\\t\\t\\tthis.internals.form.reset();\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\t}\\n\\n\\t\\t\\t\\tdefault:\\n\\t\\t\\t\\t\\tthis.dispatchSheriffEvent('click');\\n\\t\\t\\t}\\n\\t\\t}\\n\\t}\""
+                                    "default": "\"(event: MouseEvent) => {\\n\\t\\tif (this.popoverTarget) {\\n\\t\\t\\tthis._handlePopoverClick(event);\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tevent.preventDefault();\\n\\t\\tevent.stopImmediatePropagation();\\n\\t\\tif (this.disabled) {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tif (this.effectiveCommandFor && this.effectiveCommand) {\\n\\t\\t\\tthis._handleDialogCommandClick();\\n\\t\\t\\treturn;\\n\\t\\t} else if (this.type === 'submit') {\\n\\t\\t\\tthis._handleSubmitClick();\\n\\t\\t} else if (this.type === 'reset') {\\n\\t\\t\\tthis._handleResetClick();\\n\\t\\t} else {\\n\\t\\t\\tthis.dispatchSheriffEvent('click');\\n\\t\\t}\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-button/sds-button.ts",
@@ -1070,6 +1070,20 @@
                                     "symbol": "SDSCard.textSlot"
                                 }
                             },
+                            {
+                                "name": "_textSlotEmpty",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "source": {
+                                    "module": "./src/sds-card/sds-card.ts",
+                                    "symbol": "SDSCard._textSlotEmpty"
+                                }
+                            },
                             {
                                 "name": "_contentWarning",
                                 "required": false,
@@ -1119,7 +1133,7 @@
                                 "value": {
                                     "type": "() => void",
                                     "required": true,
-                                    "default": "\"() => {\\n\\t\\tvalidateSlotContent(this.textSlot, ['P'], false, this._contentWarning);\\n\\t}\""
+                                    "default": "\"() => {\\n\\t\\tvalidateSlotContent(this.textSlot, ['P'], false, this._contentWarning);\\n\\t\\tthis._textSlotEmpty = this.textSlot.assignedElements({ flatten: true }).length === 0;\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-card/sds-card.ts",
@@ -1714,6 +1728,20 @@
                                     "symbol": "SDSCheckbox.control"
                                 }
                             },
+                            {
+                                "name": "_hasSlottedLabel",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "source": {
+                                    "module": "./src/sds-checkbox/sds-checkbox.ts",
+                                    "symbol": "SDSCheckbox._hasSlottedLabel"
+                                }
+                            },
                             {
                                 "name": "_disabled",
                                 "required": false,
@@ -1842,6 +1870,20 @@
                                     "symbol": "SDSCheckbox.type"
                                 }
                             },
+                            {
+                                "name": "_handleLabelSlotChange",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "(event: Event) => void",
+                                    "required": true,
+                                    "default": "\"(event: Event) => {\\n\\t\\tthis._hasSlottedLabel = (event.target as HTMLSlotElement).assignedNodes().length > 0;\\n\\t}\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-checkbox/sds-checkbox.ts",
+                                    "symbol": "SDSCheckbox._handleLabelSlotChange"
+                                }
+                            },
                             {
                                 "name": "formAssociated",
                                 "required": false,
@@ -2224,6 +2266,19 @@
                                     "symbol": "SDSChip.readonly"
                                 }
                             },
+                            {
+                                "name": "type",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": "string",
+                                    "required": true
+                                },
+                                "source": {
+                                    "module": "./src/sds-chip/sds-chip.ts",
+                                    "symbol": "SDSChip.type"
+                                }
+                            },
                             {
                                 "name": "_handleSlotChange",
                                 "required": false,
@@ -2845,7 +2900,7 @@
                                 "value": {
                                     "type": "() => void",
                                     "required": true,
-                                    "default": "\"(): void => {\\n\\t\\tthis.open = false;\\n\\t\\tthis.dispatchSheriffEvent('sds-close');\\n\\t}\""
+                                    "default": "\"(): void => {\\n\\t\\tthis.open = false;\\n\\t\\tthis.dispatchSheriffEvent('close');\\n\\n\\t\\t// Deprecated: remove in next major release\\n\\t\\tthis.dispatchSheriffEvent('sds-close');\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-dialog/sds-dialog.ts",
@@ -2939,6 +2994,97 @@
                         ]
                     }
                 },
+                {
+                    "name": "sds-environment-banner",
+                    "source": {
+                        "module": "./src/sds-environment-banner/sds-environment-banner.ts",
+                        "symbol": "SDSEnvironmentBanner"
+                    },
+                    "attributes": [
+                        {
+                            "name": "env",
+                            "required": false,
+                            "priority": "normal",
+                            "value": {
+                                "type": [
+                                    "EnvironmentBannerEnv",
+                                    "undefined"
+                                ],
+                                "required": true
+                            },
+                            "source": {
+                                "module": "./src/sds-environment-banner/sds-environment-banner.ts",
+                                "symbol": "SDSEnvironmentBanner.env"
+                            }
+                        },
+                        {
+                            "name": "build",
+                            "required": false,
+                            "priority": "normal",
+                            "value": {
+                                "type": [
+                                    "string",
+                                    "undefined"
+                                ],
+                                "required": true
+                            },
+                            "source": {
+                                "module": "./src/sds-environment-banner/sds-environment-banner.ts",
+                                "symbol": "SDSEnvironmentBanner.build"
+                            }
+                        }
+                    ],
+                    "js": {
+                        "properties": [
+                            {
+                                "name": "styles",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": "CSSResult[]",
+                                    "required": true,
+                                    "default": "[\"styles\"]"
+                                },
+                                "source": {
+                                    "module": "./src/sds-environment-banner/sds-environment-banner.ts",
+                                    "symbol": "SDSEnvironmentBanner.styles"
+                                }
+                            },
+                            {
+                                "name": "env",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": [
+                                        "EnvironmentBannerEnv",
+                                        "undefined"
+                                    ],
+                                    "required": true
+                                },
+                                "source": {
+                                    "module": "./src/sds-environment-banner/sds-environment-banner.ts",
+                                    "symbol": "SDSEnvironmentBanner.env"
+                                }
+                            },
+                            {
+                                "name": "build",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": [
+                                        "string",
+                                        "undefined"
+                                    ],
+                                    "required": true
+                                },
+                                "source": {
+                                    "module": "./src/sds-environment-banner/sds-environment-banner.ts",
+                                    "symbol": "SDSEnvironmentBanner.build"
+                                }
+                            }
+                        ]
+                    }
+                },
                 {
                     "name": "sds-heading",
                     "source": {
@@ -4491,6 +4637,20 @@
                                     "symbol": "SDSRadio.control"
                                 }
                             },
+                            {
+                                "name": "_hasSlottedLabel",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "source": {
+                                    "module": "./src/sds-radio/sds-radio.ts",
+                                    "symbol": "SDSRadio._hasSlottedLabel"
+                                }
+                            },
                             {
                                 "name": "_disabled",
                                 "required": false,
@@ -4571,7 +4731,7 @@
                                 "value": {
                                     "type": "(event: KeyboardEvent) => void",
                                     "required": true,
-                                    "default": "\"(event: KeyboardEvent) => {\\n\\t\\tif (!this.name || this.disabled || this.readOnly) return;\\n\\n\\t\\tconst root = this.getRootNode() as Document | ShadowRoot;\\n\\t\\tconst radios = Array.from(root.querySelectorAll<SDSRadio>(`sds-radio[name=\\\"${this.name}\\\"]`));\\n\\t\\tconst currentIndex = radios.indexOf(this);\\n\\n\\t\\tif (currentIndex === -1) return;\\n\\n\\t\\tlet targetIndex: number | null = null;\\n\\n\\t\\tswitch (event.key) {\\n\\t\\t\\tcase 'ArrowUp':\\n\\t\\t\\tcase 'ArrowLeft':\\n\\t\\t\\t\\ttargetIndex = currentIndex > 0 ? currentIndex - 1 : radios.length - 1;\\n\\t\\t\\t\\tbreak;\\n\\t\\t\\tcase 'ArrowDown':\\n\\t\\t\\tcase 'ArrowRight':\\n\\t\\t\\t\\ttargetIndex = currentIndex < radios.length - 1 ? currentIndex + 1 : 0;\\n\\t\\t\\t\\tbreak;\\n\\t\\t\\tdefault:\\n\\t\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tconst targetRadio = radios[targetIndex];\\n\\t\\ttargetRadio?.focus();\\n\\t\\ttargetRadio?.click();\\n\\t\\tevent.preventDefault();\\n\\t}\""
+                                    "default": "\"(event: KeyboardEvent) => {\\n\\t\\tif (!this.name || this.disabled || this.readOnly) return;\\n\\n\\t\\t// If modifier keys are in play no changes should be applied\\n\\t\\tif (event.altKey || event.ctrlKey || event.shiftKey || event.metaKey) {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tconst root = this.getRootNode() as Document | ShadowRoot;\\n\\t\\tconst radios = Array.from(root.querySelectorAll<SDSRadio>(`sds-radio[name=\\\"${this.name}\\\"]`));\\n\\t\\tconst currentIndex = radios.indexOf(this);\\n\\n\\t\\tif (currentIndex === -1) return;\\n\\n\\t\\tlet targetIndex: number | null = null;\\n\\n\\t\\tswitch (event.key) {\\n\\t\\t\\tcase 'ArrowUp':\\n\\t\\t\\tcase 'ArrowLeft':\\n\\t\\t\\t\\ttargetIndex = currentIndex > 0 ? currentIndex - 1 : radios.length - 1;\\n\\t\\t\\t\\tbreak;\\n\\t\\t\\tcase 'ArrowDown':\\n\\t\\t\\tcase 'ArrowRight':\\n\\t\\t\\t\\ttargetIndex = currentIndex < radios.length - 1 ? currentIndex + 1 : 0;\\n\\t\\t\\t\\tbreak;\\n\\t\\t\\tdefault:\\n\\t\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tconst targetRadio = radios[targetIndex];\\n\\t\\ttargetRadio?.focus();\\n\\t\\ttargetRadio?.click();\\n\\t\\tevent.preventDefault();\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-radio/sds-radio.ts",
@@ -4672,6 +4832,20 @@
                                     "symbol": "SDSRadio.willValidate"
                                 }
                             },
+                            {
+                                "name": "_handleLabelSlotChange",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "(event: Event) => void",
+                                    "required": true,
+                                    "default": "\"(event: Event) => {\\n\\t\\tthis._hasSlottedLabel = (event.target as HTMLSlotElement).assignedNodes().length > 0;\\n\\t}\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-radio/sds-radio.ts",
+                                    "symbol": "SDSRadio._handleLabelSlotChange"
+                                }
+                            },
                             {
                                 "name": "formAssociated",
                                 "required": false,
@@ -5073,6 +5247,20 @@
                                     "symbol": "SDSSelect.control"
                                 }
                             },
+                            {
+                                "name": "_hasSlottedLabel",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "source": {
+                                    "module": "./src/sds-select/sds-select.ts",
+                                    "symbol": "SDSSelect._hasSlottedLabel"
+                                }
+                            },
                             {
                                 "name": "_defaultValue",
                                 "required": false,
@@ -5135,6 +5323,20 @@
                                     "symbol": "SDSSelect._handleSlotChange"
                                 }
                             },
+                            {
+                                "name": "_handleLabelSlotChange",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "(event: Event) => void",
+                                    "required": true,
+                                    "default": "\"(event: Event) => {\\n\\t\\tthis._hasSlottedLabel = (event.target as HTMLSlotElement).assignedNodes().length > 0;\\n\\t}\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-select/sds-select.ts",
+                                    "symbol": "SDSSelect._handleLabelSlotChange"
+                                }
+                            },
                             {
                                 "name": "_handleChange",
                                 "required": false,
@@ -5184,7 +5386,7 @@
                                 "value": {
                                     "type": "(event: KeyboardEvent) => void",
                                     "required": true,
-                                    "default": "\"(event: KeyboardEvent) => {\\n\\t\\tif (!this.readOnly) return;\\n\\n\\t\\tconst keysThatChange = new Set(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End', 'PageUp', 'PageDown', ' ', 'Enter']);\\n\\n\\t\\tif (keysThatChange.has(event.key)) {\\n\\t\\t\\tevent.preventDefault();\\n\\t\\t\\tevent.stopImmediatePropagation();\\n\\t\\t}\\n\\t}\""
+                                    "default": "\"(event: KeyboardEvent) => {\\n\\t\\tif (!this.readOnly) return;\\n\\n\\t\\t// If modifier keys are in play no changes should be applied\\n\\t\\tif (event.altKey || event.ctrlKey || event.shiftKey || event.metaKey) {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tconst keysThatChange = new Set(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End', 'PageUp', 'PageDown', ' ', 'Enter']);\\n\\n\\t\\tif (keysThatChange.has(event.key)) {\\n\\t\\t\\tevent.preventDefault();\\n\\t\\t\\tevent.stopImmediatePropagation();\\n\\t\\t}\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-select/sds-select.ts",
@@ -5825,6 +6027,21 @@
                                     "symbol": "SDSSwitch.control"
                                 }
                             },
+                            {
+                                "name": "_hasSlottedLabel",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "description": "Tracks whether the `label` slot has assigned content.",
+                                "source": {
+                                    "module": "./src/sds-switch/sds-switch.ts",
+                                    "symbol": "SDSSwitch._hasSlottedLabel"
+                                }
+                            },
                             {
                                 "name": "_initialChecked",
                                 "required": false,
@@ -5908,6 +6125,33 @@
                                     "symbol": "SDSSwitch.value"
                                 }
                             },
+                            {
+                                "name": "type",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": "string",
+                                    "required": true
+                                },
+                                "source": {
+                                    "module": "./src/sds-switch/sds-switch.ts",
+                                    "symbol": "SDSSwitch.type"
+                                }
+                            },
+                            {
+                                "name": "_handleLabelSlotChange",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "(event: Event) => void",
+                                    "required": true,
+                                    "default": "\"(event: Event) => {\\n\\t\\tthis._hasSlottedLabel = (event.target as HTMLSlotElement).assignedNodes().length > 0;\\n\\t}\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-switch/sds-switch.ts",
+                                    "symbol": "SDSSwitch._handleLabelSlotChange"
+                                }
+                            },
                             {
                                 "name": "formAssociated",
                                 "required": false,
@@ -6707,6 +6951,21 @@
                                     "symbol": "SDSTextArea.control"
                                 }
                             },
+                            {
+                                "name": "_hasSlottedLabel",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "description": "Tracks whether the `label` slot has assigned content.",
+                                "source": {
+                                    "module": "./src/sds-textarea/sds-textarea.ts",
+                                    "symbol": "SDSTextArea._hasSlottedLabel"
+                                }
+                            },
                             {
                                 "name": "_defaultValue",
                                 "required": false,
@@ -6812,6 +7071,20 @@
                                     "symbol": "SDSTextArea.selectionEnd"
                                 }
                             },
+                            {
+                                "name": "_handleLabelSlotChange",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "(event: Event) => void",
+                                    "required": true,
+                                    "default": "\"(event: Event) => {\\n\\t\\tthis._hasSlottedLabel = (event.target as HTMLSlotElement).assignedNodes().length > 0;\\n\\t}\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-textarea/sds-textarea.ts",
+                                    "symbol": "SDSTextArea._handleLabelSlotChange"
+                                }
+                            },
                             {
                                 "name": "formAssociated",
                                 "required": false,
@@ -7456,6 +7729,21 @@
                                     "symbol": "SDSTextField.hasIcon"
                                 }
                             },
+                            {
+                                "name": "_hasSlottedLabel",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "description": "Tracks whether the `label` slot has assigned content.",
+                                "source": {
+                                    "module": "./src/sds-textfield/sds-textfield.ts",
+                                    "symbol": "SDSTextField._hasSlottedLabel"
+                                }
+                            },
                             {
                                 "name": "control",
                                 "required": false,
@@ -7500,6 +7788,20 @@
                                     "symbol": "SDSTextField.handleSlotChange"
                                 }
                             },
+                            {
+                                "name": "_handleLabelSlotChange",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "(e: Event) => void",
+                                    "required": true,
+                                    "default": "\"(e: Event) => {\\n\\t\\tthis._hasSlottedLabel = (e.target as HTMLSlotElement).assignedNodes().length > 0;\\n\\t}\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-textfield/sds-textfield.ts",
+                                    "symbol": "SDSTextField._handleLabelSlotChange"
+                                }
+                            },
                             {
                                 "name": "_handleInputChange",
                                 "required": false,