@politiet/sheriff-web-components 1.3.0 → 2.0.0-beta.1

package/dist/types.d.ts

@@ -0,0 +1,5 @@
+export type SDS_COLOR_PALETTES = 'neutral' | 'primary' | 'accent' | 'secondary' | 'tertiary' | 'info' | 'success' | 'attention' | 'warning' | 'danger';
+export type SDS_SIZES = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export type SDS_VARIANTS = 'primary' | 'secondary' | 'tertiary';
+export type AutocompleteTypes = 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo';
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AACvJ,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAC1B,KAAK,GACL,IAAI,GACJ,MAAM,GACN,kBAAkB,GAClB,YAAY,GACZ,iBAAiB,GACjB,aAAa,GACb,kBAAkB,GAClB,UAAU,GACV,OAAO,GACP,UAAU,GACV,cAAc,GACd,kBAAkB,GAClB,eAAe,GACf,oBAAoB,GACpB,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,SAAS,GACT,cAAc,GACd,aAAa,GACb,SAAS,GACT,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,WAAW,GACX,QAAQ,GACR,cAAc,GACd,aAAa,GACb,QAAQ,GACR,SAAS,GACT,sBAAsB,GACtB,oBAAoB,GACpB,UAAU,GACV,MAAM,GACN,UAAU,GACV,YAAY,GACZ,WAAW,GACX,KAAK,GACL,KAAK,GACL,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,WAAW,GACX,eAAe,GACf,MAAM,GACN,KAAK,GACL,OAAO,CAAC"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type SDS_COLOR_PALETTES = 'neutral' | 'primary' | 'accent' | 'secondary' | 'tertiary' | 'info' | 'success' | 'attention' | 'warning' | 'danger';\nexport type SDS_SIZES = 'xl' | 'lg' | 'md' | 'sm' | 'xs';\nexport type SDS_VARIANTS = 'primary' | 'secondary' | 'tertiary';\nexport type AutocompleteTypes =\n\t| 'off'\n\t| 'on'\n\t| 'name'\n\t| 'honorific-prefix'\n\t| 'given-name'\n\t| 'additional-name'\n\t| 'family-name'\n\t| 'honorific-suffix'\n\t| 'nickname'\n\t| 'email'\n\t| 'username'\n\t| 'new-password'\n\t| 'current-password'\n\t| 'one-time-code'\n\t| 'organization-title'\n\t| 'organization'\n\t| 'street-address'\n\t| 'address-line1'\n\t| 'address-line2'\n\t| 'address-line3'\n\t| 'address-level4'\n\t| 'address-level3'\n\t| 'address-level2'\n\t| 'address-level1'\n\t| 'country'\n\t| 'country-name'\n\t| 'postal-code'\n\t| 'cc-name'\n\t| 'cc-given-name'\n\t| 'cc-additional-name'\n\t| 'cc-family-name'\n\t| 'cc-number'\n\t| 'cc-exp'\n\t| 'cc-exp-month'\n\t| 'cc-exp-year'\n\t| 'cc-csc'\n\t| 'cc-type'\n\t| 'transaction-currency'\n\t| 'transaction-amount'\n\t| 'language'\n\t| 'bday'\n\t| 'bday-day'\n\t| 'bday-month'\n\t| 'bday-year'\n\t| 'sex'\n\t| 'tel'\n\t| 'tel-country-code'\n\t| 'tel-national'\n\t| 'tel-area-code'\n\t| 'tel-local'\n\t| 'tel-extension'\n\t| 'impp'\n\t| 'url'\n\t| 'photo';\n"]}

package/dist/utils/renderErrorMessage.js

@@ -3,7 +3,7 @@ export const renderErrorMessage = (errorMessage, className, disabled = false) =>
     if (!errorMessage) {
         return nothing;
     }
-    const iconColor = !disabled ? `var(--sds-color-semantic-icon-critical)` : `var(--sds-color-semantic-icon-disabled)`;
+    const iconColor = !disabled ? `var(--sds-color-alert-danger-action-default)` : `var(--sds-color-semantic-icon-disabled)`;
     return html `<p class=${className}><sds-icon name="warning-material-filled" size="m" color=${iconColor}></sds-icon>${errorMessage}</p>`;
 };
 //# sourceMappingURL=renderErrorMessage.js.map

package/dist/utils/slot-validator.d.ts

@@ -0,0 +1,2 @@
+export declare function validateSlotContent(slot: HTMLSlotElement, allowedTags: string[], allowText: boolean, warningMessage: string): void;
+//# sourceMappingURL=slot-validator.d.ts.map

package/dist/utils/slot-validator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-validator.d.ts","sourceRoot":"","sources":["../../src/utils/slot-validator.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,IAAI,CAuBlI"}

package/dist/utils/slot-validator.js

@@ -0,0 +1,24 @@
+export function validateSlotContent(slot, allowedTags, allowText, warningMessage) {
+    const invalid = slot.assignedNodes({ flatten: true }).filter((node) => {
+        if (node.nodeType === Node.TEXT_NODE) {
+            const text = node.textContent?.trim() ?? '';
+            return !allowText && text.length > 0;
+        }
+        if (node.nodeType === Node.ELEMENT_NODE) {
+            const el = node;
+            const tagName = el.tagName.toUpperCase();
+            // Top-level must be an allowed tag
+            if (!allowedTags.includes(tagName)) {
+                return true;
+            }
+            // And it must not contain any nested element children
+            const hasNestedElements = Array.from(el.childNodes).some((child) => child.nodeType === Node.ELEMENT_NODE);
+            return hasNestedElements;
+        }
+        return false;
+    });
+    if (invalid.length > 0) {
+        console.warn(warningMessage, ...invalid);
+    }
+}
+//# sourceMappingURL=slot-validator.js.map

package/dist/utils/slot-validator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-validator.js","sourceRoot":"","sources":["../../src/utils/slot-validator.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CAAC,IAAqB,EAAE,WAAqB,EAAE,SAAkB,EAAE,cAAsB;IAC3H,MAAM,OAAO,GAAW,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,IAAU,EAAE,EAAE;QACnF,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;YACtC,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;YAC5C,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QACtC,CAAC;QACD,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;YACzC,MAAM,EAAE,GAAG,IAAe,CAAC;YAC3B,MAAM,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;YACzC,mCAAmC;YACnC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBACpC,OAAO,IAAI,CAAC;YACb,CAAC;YACD,sDAAsD;YACtD,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC;YAC1G,OAAO,iBAAiB,CAAC;QAC1B,CAAC;QACD,OAAO,KAAK,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxB,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,GAAG,OAAO,CAAC,CAAC;IAC1C,CAAC;AACF,CAAC","sourcesContent":["export function validateSlotContent(slot: HTMLSlotElement, allowedTags: string[], allowText: boolean, warningMessage: string): void {\n\tconst invalid: Node[] = slot.assignedNodes({ flatten: true }).filter((node: Node) => {\n\t\tif (node.nodeType === Node.TEXT_NODE) {\n\t\t\tconst text = node.textContent?.trim() ?? '';\n\t\t\treturn !allowText && text.length > 0;\n\t\t}\n\t\tif (node.nodeType === Node.ELEMENT_NODE) {\n\t\t\tconst el = node as Element;\n\t\t\tconst tagName = el.tagName.toUpperCase();\n\t\t\t// Top-level must be an allowed tag\n\t\t\tif (!allowedTags.includes(tagName)) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\t// And it must not contain any nested element children\n\t\t\tconst hasNestedElements = Array.from(el.childNodes).some((child) => child.nodeType === Node.ELEMENT_NODE);\n\t\t\treturn hasNestedElements;\n\t\t}\n\t\treturn false;\n\t});\n\n\tif (invalid.length > 0) {\n\t\tconsole.warn(warningMessage, ...invalid);\n\t}\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@politiet/sheriff-web-components",
-	"version": "1.3.0",
+	"version": "2.0.0-beta.1",
 	"description": "Sheriff Design System Web Components Library",
 	"main": "dist/index.js",
 	"module": "dist/index.js",
@@ -35,6 +35,11 @@
 			"require": "./dist/react-wrappers/index.js",
 			"types": "./dist/react-wrappers/index.d.ts"
 		},
+		"./sds-alert": {
+			"import": "./dist/sds-alert/sds-alert.js",
+			"require": "./dist/sds-alert/sds-alert.js",
+			"types": "./dist/sds-alert/sds-alert.d.ts"
+		},
 		"./sds-button": {
 			"import": "./dist/sds-button/sds-button.js",
 			"require": "./dist/sds-button/sds-button.js",
@@ -55,11 +60,6 @@
 			"require": "./dist/sds-chip/sds-chip.js",
 			"types": "./dist/sds-chip/sds-chip.d.ts"
 		},
-		"./sds-detail": {
-			"import": "./dist/sds-detail/sds-detail.js",
-			"require": "./dist/sds-detail/sds-detail.js",
-			"types": "./dist/sds-detail/sds-detail.d.ts"
-		},
 		"./sds-heading": {
 			"import": "./dist/sds-heading/sds-heading.js",
 			"require": "./dist/sds-heading/sds-heading.js",
@@ -75,36 +75,21 @@
 			"require": "./dist/sds-icon/sds-icon-loader.js",
 			"types": "./dist/sds-icon/sds-icon-loader.d.ts"
 		},
-		"./sds-label": {
-			"import": "./dist/sds-label/sds-label.js",
-			"require": "./dist/sds-label/sds-label.js",
-			"types": "./dist/sds-label/sds-label.d.ts"
-		},
-		"./sds-link": {
-			"import": "./dist/sds-link/sds-link.js",
-			"require": "./dist/sds-link/sds-link.js",
-			"types": "./dist/sds-link/sds-link.d.ts"
-		},
 		"./sds-loader": {
 			"import": "./dist/sds-loader/sds-loader.js",
 			"require": "./dist/sds-loader/sds-loader.js",
 			"types": "./dist/sds-loader/sds-loader.d.ts"
 		},
-		"./sds-nav-card": {
-			"import": "./dist/sds-nav-card/sds-nav-card.js",
-			"require": "./dist/sds-nav-card/sds-nav-card.js",
-			"types": "./dist/sds-nav-card/sds-nav-card.d.ts"
+		"./sds-card": {
+			"import": "./dist/sds-card/sds-card.js",
+			"require": "./dist/sds-card/sds-card.js",
+			"types": "./dist/sds-card/sds-card.d.ts"
 		},
 		"./sds-notification": {
 			"import": "./dist/sds-notification/sds-notification.js",
 			"require": "./dist/sds-notification/sds-notification.js",
 			"types": "./dist/sds-notification/sds-notification.d.ts"
 		},
-		"./sds-paragraph": {
-			"import": "./dist/sds-paragraph/sds-paragraph.js",
-			"require": "./dist/sds-paragraph/sds-paragraph.js",
-			"types": "./dist/sds-paragraph/sds-paragraph.d.ts"
-		},
 		"./sds-radio": {
 			"import": "./dist/sds-radio/sds-radio.js",
 			"require": "./dist/sds-radio/sds-radio.js",
@@ -120,11 +105,21 @@
 			"require": "./dist/sds-switch/sds-switch.js",
 			"types": "./dist/sds-switch/sds-switch.d.ts"
 		},
+		"./sds-tag": {
+			"import": "./dist/sds-tag/sds-tag.js",
+			"require": "./dist/sds-tag/sds-tag.js",
+			"types": "./dist/sds-tag/sds-tag.d.ts"
+		},
 		"./sds-text": {
 			"import": "./dist/sds-text/sds-text.js",
 			"require": "./dist/sds-text/sds-text.js",
 			"types": "./dist/sds-text/sds-text.d.ts"
 		},
+		"./sds-textarea": {
+			"import": "./dist/sds-textarea/sds-textarea.js",
+			"require": "./dist/sds-textarea/sds-textarea.js",
+			"types": "./dist/sds-textarea/sds-textarea.d.ts"
+		},
 		"./sds-textfield": {
 			"import": "./dist/sds-textfield/sds-textfield.js",
 			"require": "./dist/sds-textfield/sds-textfield.js",
@@ -136,14 +131,14 @@
 		"build-components": "tsc && npm run tidy-frameworks"
 	},
 	"dependencies": {
-		"lit": "^3.2.1"
+		"lit": "^3.3.1"
 	},
 	"optionalDependencies": {
-		"@lit/react": "^1.0.7",
-		"@politiet/sheriff-icons": "^1.0.0"
+		"@lit/react": "^1.0.8",
+		"@politiet/sheriff-icons": "^2.0.0-beta.1"
 	},
 	"peerDependencies": {
-		"@politiet/sheriff-css-framework": "^1.0.0"
+		"@politiet/sheriff-css-framework": "^2.0.0-beta.1"
 	},
 	"author": "Politiets IT-enhet",
 	"license": "ISC"