@designsystem-se/af 31.3.0

package/dist/cjs/digi-badge-status.cjs.entry.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-cfa8e9be.js');
+const badgeStatusVariation_enum = require('./badge-status-variation.enum-0a5adc21.js');
+
+const badgeStatusCss = ".digi--util--fs--xs.sc-digi-badge-status{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-badge-status{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-badge-status{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-badge-status{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-badge-status{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-badge-status{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-badge-status{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-badge-status{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-badge-status{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-badge-status{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-badge-status{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-badge-status{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-badge-status{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-badge-status{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-badge-status{padding-top:5rem !important}.digi--util--pb--1.sc-digi-badge-status{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-badge-status{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-badge-status{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-badge-status{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-badge-status{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-badge-status{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-badge-status{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-badge-status{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-badge-status{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-badge-status{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-badge-status{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-badge-status{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-badge-status{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-badge-status{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-badge-status{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-badge-status{padding:2.5rem !important}.digi--util--p--60.sc-digi-badge-status{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-badge-status{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-badge-status{padding:4.5rem !important}.digi--util--p--90.sc-digi-badge-status{padding:5rem !important}.digi--util--ptb--1.sc-digi-badge-status{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-badge-status{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-badge-status{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-badge-status{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-badge-status{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-badge-status{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-badge-status{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-badge-status{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-badge-status{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-badge-status{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-badge-status{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-badge-status{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-badge-status{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-badge-status{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-badge-status{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-badge-status{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-badge-status{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-badge-status{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-badge-status{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-badge-status{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-badge-status{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-badge-status{display:none}.sc-digi-badge-status-h{--digi--badge-status--color--primary:var(--digi--color--text--inverted);--digi--badge-status--color--secondary:var(--digi--global--color--neutral--grayscale--darkest-6);--digi--badge-status--background-color--approved--primary:var(--digi--global--color--function--success--dark);--digi--badge-status--background-color--approved--secondary:var(--digi--global--color--function--success--lightest-2);--digi--badge-status--background-color--denied--primary:var(--digi--global--color--function--danger--dark);--digi--badge-status--background-color--denied--secondary:var(--digi--global--color--function--danger--lightest-2);--digi--badge-status--background-color--missing--primary:var(--digi--global--color--function--warning--dark);--digi--badge-status--background-color--missing--secondary:var(--digi--global--color--function--warning--lightest);--digi--badge-status--color--missing:var(--digi--amber-900);--digi--badge-status--background-color--prompt--primary:var(--digi--color--background--inverted-6);--digi--badge-status--background-color--prompt--secondary:#e9e9ff;--digi--badge-status--background-color--beta--primary:var(--digi--color--background--complementary-2);--digi--badge-status--background-color--beta--secondary:var(--digi--global--color--neutral--grayscale--lightest);--digi--badge-status--background-color--neutral--primary:var(--digi--color--background--neutral-4);--digi--badge-status--background-color--neutral--secondary:#DDDDDD;--BORDER:var(--digi--border-width--secondary) solid transparent}.sc-digi-badge-status-h .digi-badge-status.sc-digi-badge-status{display:inline-flex;align-items:center;height:1.5rem;border-radius:var(--digi--global--border-radius--base);padding-left:0.5rem;padding-right:0.5rem;font-size:var(--digi--global--typography--font-size--small);font-weight:600;border:var(--BORDER);color:var(--COLOR);background-color:var(--BACKGROUND-COLOR);box-sizing:border-box}.sc-digi-badge-status-h .digi-badge-status--approved--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(\n    --digi--badge-status--background-color--approved--primary\n  );--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--approved--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(\n    --digi--badge-status--background-color--approved--secondary\n  );--COLOR:var(--digi--badge-status--background-color--approved--primary)}.sc-digi-badge-status-h .digi-badge-status--denied--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(\n    --digi--badge-status--background-color--denied--primary\n  );--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--denied--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(\n    --digi--badge-status--background-color--denied--secondary\n  );--COLOR:var(--digi--global--color--function--danger--dark)}.sc-digi-badge-status-h .digi-badge-status--missing--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(\n    --digi--badge-status--background-color--missing--primary\n  );--COLOR:var(--digi--grayscale-900)}.sc-digi-badge-status-h .digi-badge-status--missing--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(\n    --digi--badge-status--background-color--missing--secondary\n  );--COLOR:var(--digi--badge-status--color--missing)}.sc-digi-badge-status-h .digi-badge-status--prompt--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(\n    --digi--badge-status--background-color--prompt--primary\n  );--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--prompt--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(\n    --digi--badge-status--background-color--prompt--secondary\n  );--COLOR:var(--digi--color--background--inverted-6)}.sc-digi-badge-status-h .digi-badge-status--beta--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(\n    --digi--badge-status--background-color--beta--primary\n  );--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--beta--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(\n    --digi--global--color--complementary--cerise--lightest-2\n  );--COLOR:var(--digi--badge-status--background-color--beta--primary)}.sc-digi-badge-status-h .digi-badge-status--neutral--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(\n    --digi--badge-status--background-color--neutral--primary\n  );--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--neutral--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(\n    --digi--badge-status--background-color--neutral--secondary\n  );--COLOR:var(--digi--badge-status--background-color--neutral--primary)}.sc-digi-badge-status-h .digi-badge-status__text.sc-digi-badge-status{text-align:center;font-family:var(--digi--global--typography--font-family--default)}.sc-digi-badge-status-h .digi-badge-status--small.sc-digi-badge-status{height:1.25rem;padding-left:0.4375rem;padding-right:0.4375rem;font-size:var(--digi--global--typography--font-size--smaller)}";
+const DigiBadgeStatusStyle0 = badgeStatusCss;
+
+const BadgeStatus = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afText = undefined;
+        this.afType = badgeStatusVariation_enum.BadgeStatusType.NEUTRAL;
+        this.afSize = badgeStatusVariation_enum.BadgeStatusSize.LARGE;
+        this.afVariation = badgeStatusVariation_enum.BadgeStatusVariation.PRIMARY;
+        this.afAriaLabel = undefined;
+    }
+    get cssModifiers() {
+        return {
+            [`digi-badge-status--${this.afType}--${this.afVariation}`]: !!this.afVariation,
+            [`digi-badge-status--${this.afSize}`]: !!this.afSize
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: '1d40b541fb0af83bd5a9556ea868bc3f0748dc3a' }, index.h("div", { key: 'ab8eeadaf141d519ac5816605bf0a6832579fce6', class: Object.assign({ 'digi-badge-status': true }, this.cssModifiers), "aria-label": this.afAriaLabel }, index.h("span", { key: '39d8f58959f911573668f14b9157f5408ac90b49', class: "digi-badge-status__text" }, this.afText))));
+    }
+};
+BadgeStatus.style = DigiBadgeStatusStyle0;
+
+exports.digi_badge_status = BadgeStatus;