@politiet/sheriff-web-components 2.8.0 → 2.10.0

package/dist/sds-environment-banner/sds-environment-banner.js

@@ -0,0 +1,15 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { guardedCustomElement } from '../utils/guarded-custom-element';
+import { SDSEnvironmentBannerComponent } from './sds-environment-banner.component';
+let SDSEnvironmentBanner = class SDSEnvironmentBanner extends SDSEnvironmentBannerComponent {
+};
+SDSEnvironmentBanner = __decorate([
+    guardedCustomElement('sds-environment-banner')
+], SDSEnvironmentBanner);
+export { SDSEnvironmentBanner };
+//# sourceMappingURL=sds-environment-banner.js.map

package/dist/sds-environment-banner/sds-environment-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-environment-banner.js","sourceRoot":"","sources":["../../src/sds-environment-banner/sds-environment-banner.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAG5E,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,6BAA6B;CAAG,CAAA;AAA7D,oBAAoB;IADhC,oBAAoB,CAAC,wBAAwB,CAAC;GAClC,oBAAoB,CAAyC","sourcesContent":["import { guardedCustomElement } from '../utils/guarded-custom-element';\nimport { SDSEnvironmentBannerComponent } from './sds-environment-banner.component';\n\n@guardedCustomElement('sds-environment-banner')\nexport class SDSEnvironmentBanner extends SDSEnvironmentBannerComponent {}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sds-environment-banner': SDSEnvironmentBanner;\n\t}\n}\n"]}

package/dist/sds-environment-banner/sds-environment-banner.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=sds-environment-banner.styles.d.ts.map

package/dist/sds-environment-banner/sds-environment-banner.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-environment-banner.styles.d.ts","sourceRoot":"","sources":["../../src/sds-environment-banner/sds-environment-banner.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA+FlB,CAAC"}

package/dist/sds-environment-banner/sds-environment-banner.styles.js

@@ -0,0 +1,98 @@
+import { css } from 'lit';
+export const styles = css `
+	:host {
+		--_sds-env-banner-background-color: var(--sds-env-banner-background-color, var(--sds-color-alert-info-surface-active));
+		--_sds-env-banner-text-color: var(--sds-env-banner-text-color, var(--sds-color-alert-info-text-default));
+		--_sds-env-banner-display: var(--sds-env-banner-display, grid);
+		--_sds-env-banner-grid-template-columns: var(--sds-env-banner-grid-template-columns, auto 1fr);
+		--_sds-env-banner-font-family: var(--sds-env-banner-font-family, var(--sds-typography-font-family));
+		--_sds-env-banner-font-size: var(--sds-env-banner-font-size, var(--sds-typography-body-md-mobile-font-size));
+		--_sds-env-banner-font-weight: var(--sds-env-banner-font-weight, var(--sds-typography-body-md-mobile-font-weight));
+		--_sds-env-banner-line-height: var(--sds-env-banner-line-height, var(--sds-typography-body-md-mobile-line-height));
+		--_sds-env-banner-text-transform: var(--sds-env-banner-text-transform, uppercase);
+		--_sds-env-banner-padding: var(--sds-env-banner-padding, var(--sds-spacing-4xs) var(--sds-spacing-sm));
+
+		--_sds-env-banner-build-font-size: var(--sds-env-banner-build-font-size, var(--sds-typography-detail-xs-mobile-font-size));
+		--_sds-env-banner-build-font-weight: var(--sds-env-banner-build-font-weight, var(--sds-typography-detail-xs-mobile-font-weight));
+		--_sds-env-banner-build-line-height: var(--sds-env-banner-build-line-height, var(--sds-typography-detail-xs-mobile-line-height));
+		--_sds-env-banner-build-grid-column: var(--sds-env-banner-build-grid-column, 2 / 3);
+
+		--_sds-env-banner-env-label: var(--sds-env-banner-env-label, 'ENV – ');
+		--_sds-env-banner-env-grid-column: var(--sds-env-banner-env-grid-column, 1 / 2);
+
+		display: block;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	:host([env='dev']) {
+		--_sds-env-banner-background-color: var(--sds-env-banner-background-color, var(--sds-color-alert-success-surface-active));
+		--_sds-env-banner-text-color: var(--sds-env-banner-text-color, var(--sds-color-alert-success-text-default));
+	}
+
+	:host([env='test']) {
+		--_sds-env-banner-background-color: var(--sds-env-banner-background-color, var(--sds-color-alert-warning-surface-active));
+		--_sds-env-banner-text-color: var(--sds-env-banner-text-color, var(--sds-color-alert-warning-text-default));
+	}
+
+	:host([env='opplaering']) {
+		--_sds-env-banner-background-color: var(--sds-env-banner-background-color, var(--sds-color-alert-attention-surface-active));
+		--_sds-env-banner-text-color: var(--sds-env-banner-text-color, var(--sds-color-alert-attention-text-default));
+	}
+
+	:host([env='stage']) {
+		--_sds-env-banner-background-color: var(--sds-env-banner-background-color, var(--sds-color-alert-danger-surface-active));
+		--_sds-env-banner-text-color: var(--sds-env-banner-text-color, var(--sds-color-alert-danger-text-default));
+	}
+
+	:host([env='prod']) {
+		display: none;
+	}
+
+	.sds-env-banner {
+		display: var(--_sds-env-banner-display);
+		grid-template-columns: var(--_sds-env-banner-grid-template-columns);
+		gap: var(--sds-spacing-2xs);
+		padding: var(--_sds-env-banner-padding);
+		background-color: var(--_sds-env-banner-background-color);
+		color: var(--_sds-env-banner-text-color);
+		font-family: var(--_sds-env-banner-font-family);
+		font-size: var(--_sds-env-banner-font-size);
+		font-weight: var(--_sds-env-banner-font-weight);
+		line-height: var(--_sds-env-banner-line-height);
+		text-transform: var(--_sds-env-banner-text-transform);
+		box-sizing: border-box;
+
+		@media (width >= 640px) {
+			--_sds-env-banner-grid-template-columns: var(--sds-env-banner-grid-template-columns, 1fr auto 1fr);
+		}
+	}
+
+	.sds-env-banner__env {
+		grid-column: var(--_sds-env-banner-env-grid-column);
+
+		@media (width >= 640px) {
+			--_sds-env-banner-env-grid-column: var(--sds-env-banner-env-grid-column, 2 / 3);
+		}
+
+		&::before {
+			content: var(--_sds-env-banner-env-label);
+		}
+	}
+
+	.sds-env-banner__build {
+		font-size: var(--_sds-env-banner-build-font-size);
+		font-weight: var(--_sds-env-banner-build-font-weight);
+		line-height: var(--_sds-env-banner-build-line-height);
+		grid-column: var(--_sds-env-banner-build-grid-column);
+		text-align: right;
+		align-self: center;
+
+		@media (width >= 640px) {
+			--_sds-env-banner-build-grid-column: var(--sds-env-banner-build-grid-column, 3 / 4);
+		}
+	}
+`;
+//# sourceMappingURL=sds-environment-banner.styles.js.map

package/dist/sds-environment-banner/sds-environment-banner.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-environment-banner.styles.js","sourceRoot":"","sources":["../../src/sds-environment-banner/sds-environment-banner.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+FxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n\t:host {\n\t\t--_sds-env-banner-background-color: var(--sds-env-banner-background-color, var(--sds-color-alert-info-surface-active));\n\t\t--_sds-env-banner-text-color: var(--sds-env-banner-text-color, var(--sds-color-alert-info-text-default));\n\t\t--_sds-env-banner-display: var(--sds-env-banner-display, grid);\n\t\t--_sds-env-banner-grid-template-columns: var(--sds-env-banner-grid-template-columns, auto 1fr);\n\t\t--_sds-env-banner-font-family: var(--sds-env-banner-font-family, var(--sds-typography-font-family));\n\t\t--_sds-env-banner-font-size: var(--sds-env-banner-font-size, var(--sds-typography-body-md-mobile-font-size));\n\t\t--_sds-env-banner-font-weight: var(--sds-env-banner-font-weight, var(--sds-typography-body-md-mobile-font-weight));\n\t\t--_sds-env-banner-line-height: var(--sds-env-banner-line-height, var(--sds-typography-body-md-mobile-line-height));\n\t\t--_sds-env-banner-text-transform: var(--sds-env-banner-text-transform, uppercase);\n\t\t--_sds-env-banner-padding: var(--sds-env-banner-padding, var(--sds-spacing-4xs) var(--sds-spacing-sm));\n\n\t\t--_sds-env-banner-build-font-size: var(--sds-env-banner-build-font-size, var(--sds-typography-detail-xs-mobile-font-size));\n\t\t--_sds-env-banner-build-font-weight: var(--sds-env-banner-build-font-weight, var(--sds-typography-detail-xs-mobile-font-weight));\n\t\t--_sds-env-banner-build-line-height: var(--sds-env-banner-build-line-height, var(--sds-typography-detail-xs-mobile-line-height));\n\t\t--_sds-env-banner-build-grid-column: var(--sds-env-banner-build-grid-column, 2 / 3);\n\n\t\t--_sds-env-banner-env-label: var(--sds-env-banner-env-label, 'ENV – ');\n\t\t--_sds-env-banner-env-grid-column: var(--sds-env-banner-env-grid-column, 1 / 2);\n\n\t\tdisplay: block;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t:host([env='dev']) {\n\t\t--_sds-env-banner-background-color: var(--sds-env-banner-background-color, var(--sds-color-alert-success-surface-active));\n\t\t--_sds-env-banner-text-color: var(--sds-env-banner-text-color, var(--sds-color-alert-success-text-default));\n\t}\n\n\t:host([env='test']) {\n\t\t--_sds-env-banner-background-color: var(--sds-env-banner-background-color, var(--sds-color-alert-warning-surface-active));\n\t\t--_sds-env-banner-text-color: var(--sds-env-banner-text-color, var(--sds-color-alert-warning-text-default));\n\t}\n\n\t:host([env='opplaering']) {\n\t\t--_sds-env-banner-background-color: var(--sds-env-banner-background-color, var(--sds-color-alert-attention-surface-active));\n\t\t--_sds-env-banner-text-color: var(--sds-env-banner-text-color, var(--sds-color-alert-attention-text-default));\n\t}\n\n\t:host([env='stage']) {\n\t\t--_sds-env-banner-background-color: var(--sds-env-banner-background-color, var(--sds-color-alert-danger-surface-active));\n\t\t--_sds-env-banner-text-color: var(--sds-env-banner-text-color, var(--sds-color-alert-danger-text-default));\n\t}\n\n\t:host([env='prod']) {\n\t\tdisplay: none;\n\t}\n\n\t.sds-env-banner {\n\t\tdisplay: var(--_sds-env-banner-display);\n\t\tgrid-template-columns: var(--_sds-env-banner-grid-template-columns);\n\t\tgap: var(--sds-spacing-2xs);\n\t\tpadding: var(--_sds-env-banner-padding);\n\t\tbackground-color: var(--_sds-env-banner-background-color);\n\t\tcolor: var(--_sds-env-banner-text-color);\n\t\tfont-family: var(--_sds-env-banner-font-family);\n\t\tfont-size: var(--_sds-env-banner-font-size);\n\t\tfont-weight: var(--_sds-env-banner-font-weight);\n\t\tline-height: var(--_sds-env-banner-line-height);\n\t\ttext-transform: var(--_sds-env-banner-text-transform);\n\t\tbox-sizing: border-box;\n\n\t\t@media (width >= 640px) {\n\t\t\t--_sds-env-banner-grid-template-columns: var(--sds-env-banner-grid-template-columns, 1fr auto 1fr);\n\t\t}\n\t}\n\n\t.sds-env-banner__env {\n\t\tgrid-column: var(--_sds-env-banner-env-grid-column);\n\n\t\t@media (width >= 640px) {\n\t\t\t--_sds-env-banner-env-grid-column: var(--sds-env-banner-env-grid-column, 2 / 3);\n\t\t}\n\n\t\t&::before {\n\t\t\tcontent: var(--_sds-env-banner-env-label);\n\t\t}\n\t}\n\n\t.sds-env-banner__build {\n\t\tfont-size: var(--_sds-env-banner-build-font-size);\n\t\tfont-weight: var(--_sds-env-banner-build-font-weight);\n\t\tline-height: var(--_sds-env-banner-build-line-height);\n\t\tgrid-column: var(--_sds-env-banner-build-grid-column);\n\t\ttext-align: right;\n\t\talign-self: center;\n\n\t\t@media (width >= 640px) {\n\t\t\t--_sds-env-banner-build-grid-column: var(--sds-env-banner-build-grid-column, 3 / 4);\n\t\t}\n\t}\n`;\n"]}