@sapudex/web-components 0.111.0

package/config/dist/Wizard.js

@@ -0,0 +1,167 @@
+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 customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import UI5Wizard from "@ui5/webcomponents-fiori/dist/Wizard.js";
+import WizardContentLayout from "@ui5/webcomponents-fiori/dist/types/WizardContentLayout.js";
+import wizardCss from "@ui5/webcomponents-fiori/dist/generated/themes/Wizard.css.js";
+import UDExWizardTab from "./WizardTab.js";
+import UDExWizardStep from "./WizardStep.js";
+import WizardTemplate from "./generated/templates/WizardTemplate.lit.js";
+// Styles
+import WizardCss from "./generated/themes/Wizard.css.js";
+const EXPANDED_STEP = "data-ui5-wizard-expanded-tab";
+const RESPONSIVE_BREAKPOINTS = {
+    "360": "S",
+    "640": "M",
+    "980": "L",
+    "1300": "XL",
+};
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-wizard</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/Wizard.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExWizard
+ * @extends UI5Wizard
+ * @tagname udex-wizard
+ * @public
+ */
+let UDExWizard = class UDExWizard extends UI5Wizard {
+    constructor() {
+        super();
+    }
+    onEnterDOM() {
+        this.contentLayout = WizardContentLayout.SingleStep;
+        this._calcCurrentBreakpoint = () => {
+            const breakpointDimensions = Object.keys(RESPONSIVE_BREAKPOINTS).reverse();
+            const breakpoint = breakpointDimensions.find(size => Number(size) < this.width);
+            this._breakpoint = breakpoint ? RESPONSIVE_BREAKPOINTS[breakpoint] : RESPONSIVE_BREAKPOINTS["360"];
+        };
+        // overriding ui5-wizard behavior for small screens - tabs are not clickable, unless expanded
+        this._adjustHeaderOverflow = () => {
+            const tabs = this.stepsInHeaderDOM;
+            tabs.forEach(step => {
+                step.setAttribute(EXPANDED_STEP, "true");
+            });
+        };
+        this.switchSelectionFromOldToNewStep = (selectedStep, stepToSelect, stepToSelectIndex, changeWithClick) => {
+            if (selectedStep && stepToSelect) {
+                // keep the selection if next step is disabled
+                if (!stepToSelect.disabled) {
+                    selectedStep.selected = false;
+                    selectedStep.completed = true;
+                    stepToSelect.selected = true;
+                }
+                this.fireEvent("step-change", {
+                    step: stepToSelect,
+                    previousStep: selectedStep,
+                    changeWithClick,
+                });
+                this.selectedStepIndex = stepToSelectIndex;
+            }
+        };
+        this.getLastEnabledStepIndex = () => {
+            let lastEnabledStepIndex = 0;
+            this.slottedSteps.forEach((step, idx) => {
+                if (step.selected || step.completed) {
+                    lastEnabledStepIndex = idx;
+                }
+            });
+            return lastEnabledStepIndex;
+        };
+        this.getStepsInfo = () => {
+            const lastEnabledStepIndex = this.getLastEnabledStepIndex();
+            const stepsCount = this.stepsCount;
+            const selectedStepIndex = this.getSelectedStepIndex();
+            let inintialZIndex = this.steps.length + 10;
+            let accInfo;
+            this._adjustHeaderOverflow();
+            return this.steps.map((step, idx) => {
+                const pos = idx + 1;
+                const hideSeparator = idx === stepsCount - 1;
+                const stepStateText = step.disabled
+                    ? this.inactiveStepText
+                    : this.activeStepText;
+                const ariaLabel = (step.titleText
+                    ? `${pos} ${step.titleText} ${stepStateText}`
+                    : `${this.navStepDefaultHeading} ${pos} ${stepStateText}`).trim();
+                const isAfterCurrent = idx > selectedStepIndex;
+                accInfo = {
+                    ariaSetsize: stepsCount,
+                    ariaPosinset: pos,
+                    ariaLabel: this.getStepAriaLabelText(step, ariaLabel),
+                };
+                const stepInfo = {
+                    icon: step.icon,
+                    titleText: step.titleText,
+                    subtitleText: step.subtitleText,
+                    number: pos,
+                    selected: step.selected,
+                    disabled: !step.selected && !step.completed,
+                    completed: step.completed,
+                    hideSeparator,
+                    activeSeparator: idx < lastEnabledStepIndex,
+                    branchingSeparator: step.branching,
+                    pos,
+                    accInfo,
+                    refStepId: step._id,
+                    tabIndex: this.selectedStepIndex === idx ? "0" : "-1",
+                    breakpoint: this._breakpoint,
+                    styles: {
+                        zIndex: isAfterCurrent ? --inintialZIndex : 1,
+                    },
+                };
+                return stepInfo;
+            });
+        };
+    }
+    get slottedSteps() {
+        return this.getSlottedNodes("steps");
+    }
+    get stepsInHeaderDOM() {
+        return Array.from(this.shadowRoot.querySelectorAll("[udex-wizard-tab]"));
+    }
+    get _steps() {
+        const stepsInfo = this.getStepsInfo();
+        return this.steps.map((step, idx) => {
+            step.stepContentAriaLabel = `${this.navStepDefaultHeading} ${stepsInfo[idx].number} ${stepsInfo[idx].titleText}`;
+            return step;
+        });
+    }
+};
+__decorate([
+    slot({
+        "default": true,
+        type: HTMLElement,
+        individualSlots: true,
+        invalidateOnChildChange: true,
+    })
+], UDExWizard.prototype, "steps", void 0);
+UDExWizard = __decorate([
+    customElement({
+        tag: "udex-wizard",
+        renderer: litRender,
+        template: WizardTemplate,
+        styles: [wizardCss, WizardCss],
+        dependencies: [UI5Wizard, UDExWizardTab, UDExWizardStep],
+    })
+], UDExWizard);
+UDExWizard.define();
+export default UDExWizard;
+//# sourceMappingURL=Wizard.js.map

package/config/dist/Wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../src/Wizard.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAChE,OAAO,mBAAmB,MAAM,4DAA4D,CAAC;AAC7F,OAAO,SAAS,MAAM,8DAA8D,CAAC;AACrF,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAE7C,OAAO,cAAc,MAAM,6CAA6C,CAAC;AAEzE,SAAS;AACT,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAMzD,MAAM,aAAa,GAAG,8BAA8B,CAAC;AACrD,MAAM,sBAAsB,GAA0B;IACpD,KAAK,EAAE,GAAG;IACV,KAAK,EAAE,GAAG;IACV,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,IAAI;CACb,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AAQH,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,SAAS;IAShC;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAED,UAAU;QACR,IAAI,CAAC,aAAa,GAAG,mBAAmB,CAAC,UAAU,CAAC;QAEpD,IAAI,CAAC,sBAAsB,GAAG,GAAG,EAAE;YACjC,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,OAAO,EAAE,CAAC;YAC3E,MAAM,UAAU,GAAG,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAM,CAAC,CAAC;YACjF,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QACrG,CAAC,CAAC;QAEF,6FAA6F;QAC7F,IAAI,CAAC,qBAAqB,GAAG,GAAG,EAAE;YAChC,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,CAAC;YACnC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBAClB,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,IAAI,CAAC,+BAA+B,GAAG,CACrC,YAA4B,EAC5B,YAA4B,EAC5B,iBAAiB,EACjB,eAAe,EACf,EAAE;YACF,IAAI,YAAY,IAAI,YAAY,EAAE;gBAChC,8CAA8C;gBAC9C,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE;oBAC1B,YAAY,CAAC,QAAQ,GAAG,KAAK,CAAC;oBAC9B,YAAY,CAAC,SAAS,GAAG,IAAI,CAAC;oBAC9B,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC;iBAC9B;gBACD,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;oBAC5B,IAAI,EAAE,YAAY;oBAClB,YAAY,EAAE,YAAY;oBAC1B,eAAe;iBAChB,CAAC,CAAC;gBACH,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;aAC5C;QACH,CAAC,CAAC;QAEF,IAAI,CAAC,uBAAuB,GAAG,GAAG,EAAE;YAClC,IAAI,oBAAoB,GAAG,CAAC,CAAC;YAC7B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;gBACtC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE;oBACnC,oBAAoB,GAAG,GAAG,CAAC;iBAC5B;YACH,CAAC,CAAC,CAAC;YACH,OAAO,oBAAoB,CAAC;QAC9B,CAAC,CAAC;QAEF,IAAI,CAAC,YAAY,GAAG,GAAG,EAAE;YACvB,MAAM,oBAAoB,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAC5D,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;YACnC,MAAM,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACtD,IAAI,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;YAC5C,IAAI,OAAO,CAAC;YACZ,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;gBAClC,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;gBACpB,MAAM,aAAa,GAAG,GAAG,KAAK,UAAU,GAAG,CAAC,CAAC;gBAC7C,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ;oBACjC,CAAC,CAAC,IAAI,CAAC,gBAAgB;oBACvB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;gBACxB,MAAM,SAAS,GAAG,CAChB,IAAI,CAAC,SAAS;oBACZ,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,SAAS,IAAI,aAAa,EAAE;oBAC7C,CAAC,CAAC,GAAG,IAAI,CAAC,qBAAqB,IAAI,GAAG,IAAI,aAAa,EAAE,CAC5D,CAAC,IAAI,EAAE,CAAC;gBACT,MAAM,cAAc,GAAG,GAAG,GAAG,iBAAiB,CAAC;gBAC/C,OAAO,GAAG;oBACR,WAAW,EAAE,UAAU;oBACvB,YAAY,EAAE,GAAG;oBACjB,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,SAAS,CAAC;iBACtD,CAAC;gBACF,MAAM,QAAQ,GAAG;oBACf,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,SAAS,EAAE,IAAI,CAAC,SAAS;oBACzB,YAAY,EAAE,IAAI,CAAC,YAAY;oBAC/B,MAAM,EAAE,GAAG;oBACX,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS;oBAC3C,SAAS,EAAE,IAAI,CAAC,SAAS;oBACzB,aAAa;oBACb,eAAe,EAAE,GAAG,GAAG,oBAAoB;oBAC3C,kBAAkB,EAAE,IAAI,CAAC,SAAS;oBAClC,GAAG;oBACH,OAAO;oBACP,SAAS,EAAE,IAAI,CAAC,GAAG;oBACnB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;oBACrD,UAAU,EAAE,IAAI,CAAC,WAAW;oBAC5B,MAAM,EAAE;wBACN,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;qBAC9C;iBACF,CAAC;gBACF,OAAO,QAAQ,CAAC;YAClB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC5E,CAAC;IAED,IAAI,MAAM;QACR,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;YAClC,IAAI,CAAC,oBAAoB,GAAG,GAAG,IAAI,CAAC,qBAAqB,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC;YACjH,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAA;AAvHC;IANC,IAAI,CAAC;QACJ,SAAS,EAAE,IAAI;QACf,IAAI,EAAE,WAAW;QACjB,eAAe,EAAE,IAAI;QACrB,uBAAuB,EAAE,IAAI;KAC9B,CAAC;yCACuB;AAPrB,UAAU;IAPf,aAAa,CAAC;QACb,GAAG,EAAE,aAAa;QAClB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,cAAc;QACxB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;QAC9B,YAAY,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,cAAc,CAAC;KACzD,CAAC;GACI,UAAU,CA8Hf;AAED,UAAU,CAAC,MAAM,EAAE,CAAC;AAEpB,eAAe,UAAU,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport UI5Wizard from \"@ui5/webcomponents-fiori/dist/Wizard.js\";\nimport WizardContentLayout from \"@ui5/webcomponents-fiori/dist/types/WizardContentLayout.js\";\nimport wizardCss from \"@ui5/webcomponents-fiori/dist/generated/themes/Wizard.css.js\";\nimport UDExWizardTab from \"./WizardTab.js\";\nimport UDExWizardStep from \"./WizardStep.js\";\n\nimport WizardTemplate from \"./generated/templates/WizardTemplate.lit.js\";\n\n// Styles\nimport WizardCss from \"./generated/themes/Wizard.css.js\";\n\ntype ResponsiveBreakpoints = {\n  [key: string]: string\n}\n\nconst EXPANDED_STEP = \"data-ui5-wizard-expanded-tab\";\nconst RESPONSIVE_BREAKPOINTS: ResponsiveBreakpoints = {\n  \"360\": \"S\",\n  \"640\": \"M\",\n  \"980\": \"L\",\n  \"1300\": \"XL\",\n};\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-wizard</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/Wizard.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.web-components.UDExWizard\n * @extends UI5Wizard\n * @tagname udex-wizard\n * @public\n */\n@customElement({\n  tag: \"udex-wizard\",\n  renderer: litRender,\n  template: WizardTemplate,\n  styles: [wizardCss, WizardCss],\n  dependencies: [UI5Wizard, UDExWizardTab, UDExWizardStep],\n})\nclass UDExWizard extends UI5Wizard {\n  @slot({\n    \"default\": true,\n    type: HTMLElement,\n    individualSlots: true,\n    invalidateOnChildChange: true,\n  })\n  steps!: UDExWizardStep[];\n\n  constructor() {\n    super();\n  }\n\n  onEnterDOM() {\n    this.contentLayout = WizardContentLayout.SingleStep;\n\n    this._calcCurrentBreakpoint = () => {\n      const breakpointDimensions = Object.keys(RESPONSIVE_BREAKPOINTS).reverse();\n      const breakpoint = breakpointDimensions.find(size => Number(size) < this.width!);\n      this._breakpoint = breakpoint ? RESPONSIVE_BREAKPOINTS[breakpoint] : RESPONSIVE_BREAKPOINTS[\"360\"];\n    };\n\n    // overriding ui5-wizard behavior for small screens - tabs are not clickable, unless expanded\n    this._adjustHeaderOverflow = () => {\n      const tabs = this.stepsInHeaderDOM;\n      tabs.forEach(step => {\n        step.setAttribute(EXPANDED_STEP, \"true\");\n      });\n    };\n\n    this.switchSelectionFromOldToNewStep = (\n      selectedStep: UDExWizardStep,\n      stepToSelect: UDExWizardStep,\n      stepToSelectIndex,\n      changeWithClick,\n    ) => {\n      if (selectedStep && stepToSelect) {\n        // keep the selection if next step is disabled\n        if (!stepToSelect.disabled) {\n          selectedStep.selected = false;\n          selectedStep.completed = true;\n          stepToSelect.selected = true;\n        }\n        this.fireEvent(\"step-change\", {\n          step: stepToSelect,\n          previousStep: selectedStep,\n          changeWithClick,\n        });\n        this.selectedStepIndex = stepToSelectIndex;\n      }\n    };\n\n    this.getLastEnabledStepIndex = () => {\n      let lastEnabledStepIndex = 0;\n      this.slottedSteps.forEach((step, idx) => {\n        if (step.selected || step.completed) {\n          lastEnabledStepIndex = idx;\n        }\n      });\n      return lastEnabledStepIndex;\n    };\n\n    this.getStepsInfo = () => {\n      const lastEnabledStepIndex = this.getLastEnabledStepIndex();\n      const stepsCount = this.stepsCount;\n      const selectedStepIndex = this.getSelectedStepIndex();\n      let inintialZIndex = this.steps.length + 10;\n      let accInfo;\n      this._adjustHeaderOverflow();\n      return this.steps.map((step, idx) => {\n        const pos = idx + 1;\n        const hideSeparator = idx === stepsCount - 1;\n        const stepStateText = step.disabled\n          ? this.inactiveStepText\n          : this.activeStepText;\n        const ariaLabel = (\n          step.titleText\n            ? `${pos} ${step.titleText} ${stepStateText}`\n            : `${this.navStepDefaultHeading} ${pos} ${stepStateText}`\n        ).trim();\n        const isAfterCurrent = idx > selectedStepIndex;\n        accInfo = {\n          ariaSetsize: stepsCount,\n          ariaPosinset: pos,\n          ariaLabel: this.getStepAriaLabelText(step, ariaLabel),\n        };\n        const stepInfo = {\n          icon: step.icon,\n          titleText: step.titleText,\n          subtitleText: step.subtitleText,\n          number: pos,\n          selected: step.selected,\n          disabled: !step.selected && !step.completed,\n          completed: step.completed,\n          hideSeparator,\n          activeSeparator: idx < lastEnabledStepIndex,\n          branchingSeparator: step.branching,\n          pos,\n          accInfo,\n          refStepId: step._id,\n          tabIndex: this.selectedStepIndex === idx ? \"0\" : \"-1\",\n          breakpoint: this._breakpoint,\n          styles: {\n            zIndex: isAfterCurrent ? --inintialZIndex : 1,\n          },\n        };\n        return stepInfo;\n      });\n    };\n  }\n\n  get slottedSteps(): UDExWizardStep[] {\n    return this.getSlottedNodes(\"steps\");\n  }\n\n  get stepsInHeaderDOM(): UDExWizardTab[] {\n    return Array.from(this.shadowRoot!.querySelectorAll(\"[udex-wizard-tab]\"));\n  }\n\n  get _steps(): UDExWizardStep[] {\n    const stepsInfo = this.getStepsInfo();\n    return this.steps.map((step, idx) => {\n      step.stepContentAriaLabel = `${this.navStepDefaultHeading} ${stepsInfo[idx].number} ${stepsInfo[idx].titleText}`;\n      return step;\n    });\n  }\n}\n\nUDExWizard.define();\n\nexport default UDExWizard;\n"]}

package/config/dist/WizardStep.d.ts

@@ -0,0 +1,30 @@
+import UI5WizardStep from "@ui5/webcomponents-fiori/dist/WizardStep.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-wizard-step</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/WizardStep.js";</code>
+ *
+ * @constructor
+ * @extends UI5WizardStep
+ * @public
+ */
+declare class UDExWizardStep extends UI5WizardStep {
+    /**
+     * Defines if the Wizard step is completed.
+     *
+     * @type {boolean}
+     * @name udex.components.UDExWizardStep.prototype.completed
+     * @defaultValue false
+     * @public
+     */
+    completed: boolean;
+}
+export default UDExWizardStep;

package/config/dist/WizardStep.js

@@ -0,0 +1,44 @@
+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 customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import UI5WizardStep from "@ui5/webcomponents-fiori/dist/WizardStep.js";
+// Styles
+import wizardStepCss from "@ui5/webcomponents-fiori/dist/generated/themes/Wizard.css.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-wizard-step</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/WizardStep.js";</code>
+ *
+ * @constructor
+ * @extends UI5WizardStep
+ * @public
+ */
+let UDExWizardStep = class UDExWizardStep extends UI5WizardStep {
+};
+__decorate([
+    property({ type: Boolean })
+], UDExWizardStep.prototype, "completed", void 0);
+UDExWizardStep = __decorate([
+    customElement({
+        tag: "udex-wizard-step",
+        renderer: litRender,
+        styles: wizardStepCss,
+    })
+], UDExWizardStep);
+UDExWizardStep.define();
+export default UDExWizardStep;
+//# sourceMappingURL=WizardStep.js.map

package/config/dist/WizardStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../src/WizardStep.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,aAAa,MAAM,6CAA6C,CAAC;AAExE,SAAS;AACT,OAAO,aAAa,MAAM,8DAA8D,CAAC;AAEzF;;;;;;;;;;;;;;;;GAgBG;AAMH,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,aAAa;CAWzC,CAAA;AADC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACR;AAVhB,cAAc;IALnB,aAAa,CAAC;QACb,GAAG,EAAE,kBAAkB;QACvB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,aAAa;KACtB,CAAC;GACI,cAAc,CAWnB;AAED,cAAc,CAAC,MAAM,EAAE,CAAC;AAExB,eAAe,cAAc,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport UI5WizardStep from \"@ui5/webcomponents-fiori/dist/WizardStep.js\";\n\n// Styles\nimport wizardStepCss from \"@ui5/webcomponents-fiori/dist/generated/themes/Wizard.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-wizard-step</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/WizardStep.js\";</code>\n *\n * @constructor\n * @extends UI5WizardStep\n * @public\n */\n@customElement({\n  tag: \"udex-wizard-step\",\n  renderer: litRender,\n  styles: wizardStepCss,\n})\nclass UDExWizardStep extends UI5WizardStep {\n  /**\n   * Defines if the Wizard step is completed.\n   *\n   * @type {boolean}\n   * @name udex.components.UDExWizardStep.prototype.completed\n   * @defaultValue false\n   * @public\n   */\n  @property({ type: Boolean })\n  completed!: boolean;\n}\n\nUDExWizardStep.define();\n\nexport default UDExWizardStep;\n"]}

package/config/dist/WizardTab.d.ts

@@ -0,0 +1,38 @@
+import UI5WizardTab from "@ui5/webcomponents-fiori/dist/WizardTab.js";
+export declare enum WindowSize {
+    S = "S",
+    M = "M",
+    L = "L",
+    XL = "XL"
+}
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-wizard</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/Wizard.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExWizardTab
+ * @extends UI5WizardTab
+ * @tagname udex-wizard-tab
+ * @public
+ */
+declare class UDExWizardTab extends UI5WizardTab {
+    /**
+     * Determines if the title and subtitle should be displayed, based on window size.
+     *
+     * @name sap.ui.webc.web-components.UDExWizardTab.prototype.breakpoint
+     * @defaultvalue "L"
+     * @public
+     */
+    breakpoint: `${WindowSize}`;
+}
+export default UDExWizardTab;

package/config/dist/WizardTab.js

@@ -0,0 +1,56 @@
+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 customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import UI5WizardTab from "@ui5/webcomponents-fiori/dist/WizardTab.js";
+// Styles
+import wizardTabCss from "@ui5/webcomponents-fiori/dist/generated/themes/WizardTab.css.js";
+import WizardTabCss from "./generated/themes/WizardTab.css.js";
+export var WindowSize;
+(function (WindowSize) {
+    WindowSize["S"] = "S";
+    WindowSize["M"] = "M";
+    WindowSize["L"] = "L";
+    WindowSize["XL"] = "XL";
+})(WindowSize || (WindowSize = {}));
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-wizard</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/Wizard.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExWizardTab
+ * @extends UI5WizardTab
+ * @tagname udex-wizard-tab
+ * @public
+ */
+let UDExWizardTab = class UDExWizardTab extends UI5WizardTab {
+};
+__decorate([
+    property({ type: WindowSize, defaultValue: WindowSize.L })
+], UDExWizardTab.prototype, "breakpoint", void 0);
+UDExWizardTab = __decorate([
+    customElement({
+        tag: "udex-wizard-tab",
+        renderer: litRender,
+        styles: [wizardTabCss, WizardTabCss],
+        dependencies: [UI5WizardTab],
+    })
+], UDExWizardTab);
+UDExWizardTab.define();
+export default UDExWizardTab;
+//# sourceMappingURL=WizardTab.js.map

package/config/dist/WizardTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardTab.js","sourceRoot":"","sources":["../src/WizardTab.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,YAAY,MAAM,4CAA4C,CAAC;AAEtE,SAAS;AACT,OAAO,YAAY,MAAM,iEAAiE,CAAC;AAC3F,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAE/D,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,qBAAO,CAAA;IACP,qBAAO,CAAA;IACP,qBAAO,CAAA;IACP,uBAAS,CAAA;AACX,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AAOH,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,YAAY;CAUvC,CAAA;AADC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC;iDAC9B;AATzB,aAAa;IANlB,aAAa,CAAC;QACb,GAAG,EAAE,iBAAiB;QACtB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;QACpC,YAAY,EAAE,CAAC,YAAY,CAAC;KAC7B,CAAC;GACI,aAAa,CAUlB;AAED,aAAa,CAAC,MAAM,EAAE,CAAC;AAEvB,eAAe,aAAa,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport UI5WizardTab from \"@ui5/webcomponents-fiori/dist/WizardTab.js\";\n\n// Styles\nimport wizardTabCss from \"@ui5/webcomponents-fiori/dist/generated/themes/WizardTab.css.js\";\nimport WizardTabCss from \"./generated/themes/WizardTab.css.js\";\n\nexport enum WindowSize {\n  S = \"S\",\n  M = \"M\",\n  L = \"L\",\n  XL = \"XL\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-wizard</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/Wizard.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.web-components.UDExWizardTab\n * @extends UI5WizardTab\n * @tagname udex-wizard-tab\n * @public\n */\n@customElement({\n  tag: \"udex-wizard-tab\",\n  renderer: litRender,\n  styles: [wizardTabCss, WizardTabCss],\n  dependencies: [UI5WizardTab],\n})\nclass UDExWizardTab extends UI5WizardTab {\n  /**\n   * Determines if the title and subtitle should be displayed, based on window size.\n   *\n   * @name sap.ui.webc.web-components.UDExWizardTab.prototype.breakpoint\n   * @defaultvalue \"L\"\n   * @public\n   */\n  @property({ type: WindowSize, defaultValue: WindowSize.L })\n  breakpoint!: `${WindowSize}`;\n}\n\nUDExWizardTab.define();\n\nexport default UDExWizardTab;\n"]}

package/config/dist/css/themes/Accordion.css

@@ -0,0 +1 @@
+:host{--udex-accordion-heading-color: var(--sapTitleColor, var(--udexCoreHeadingDark));font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px)}.udex-accordion__head{display:flex;justify-content:space-between;margin-bottom:var(--udexSpacer16, 16px)}.udex-accordion__headline{font-size:var(--sapFontHeader3Size,var(--udexTypographyHeadingRegularXSFontSize, 24px));font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyHeadingLineHeight, 26px);margin:var(--udexSpacer8, 8px);color:var(--udex-accordion-heading-color)}.udex-accordion__btn{height:42px}.udex-accordion__btn::part(button){padding-inline:var(--udexSpacer12,12px)}.udex-accordion__list{list-style:none;padding:0;margin-inline:var(--udexSpacer8,8px) var(--udexSpacer12,12px)}

package/config/dist/css/themes/AccordionItem.css

@@ -0,0 +1 @@
+:host{--udex-accordion-icon-color: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-accordion-headline-color: var(--sapTextColor, var(--udexCoreTextDark));--udex-accordion-border-color: var(--sapList_BorderColor, var(--udexColorGrey4));--udex-accordion-item-header-padding: 12px 12px 12px 8px;--udex-accordion-item-content-margin: var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapProgress_FontSize, 16px)}.udex-accordion-item{list-style-type:none}.udex-accordion-item__header{align-items:center;color:var(--udex-accordion-headline-color);display:flex;font-size:var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));gap:var(--udexSpacer12, 12px);padding:var(--udex-accordion-item-header-padding);margin-inline-start:calc(var(--udexSpacer8, 8px) * -1);margin-inline-end:calc(var(--udexSpacer12, 12px) * -1);line-height:var(--udexTypographyHeadingLineHeight, 1.1);border-bottom:.5px solid var(--udex-accordion-border-color);cursor:pointer}.udex-accordion-item__header:focus-visible{outline:2px solid #002A86;border-radius:8px}.udex-accordion-item__icon{height:var(--udex-button-icon-l-size, 18px);width:var(--udex-button-icon-l-size, 18px);color:var(--udex-accordion-icon-color);transform:rotate(0)}.udex-accordion-item__icon-wrapper{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center}.rtl .udex-accordion-item__icon{transform:rotate(0)}.active .udex-accordion-item__icon{transform:rotate(90deg)}.rtl.active .udex-accordion-item__icon{transform:rotate(-90deg)}.udex-accordion-item__title{margin:0;font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-accordion-item__content{display:none;margin:var(--udex-accordion-item-content-margin)}.active.udex-accordion-item{border:none}.active .udex-accordion-item__content{display:block}

package/config/dist/css/themes/Avatar.css

@@ -0,0 +1 @@
+:host{--udex-avatar-badge-size-background-xs-and-s-and-m: 18px;--udex-avatar-badge-size-background-l: 20px;--udex-avatar-badge-size-background-xl: 28px;--udex-avatar-badge-size-icon-xs-and-s-and-m: 12px;--udex-avatar-badge-size-icon-l: 14px;--udex-avatar-badge-size-icon-xl: 16px;--udex-avatar-size-xs: 32px;--udex-avatar-size-s: 48px;--udex-avatar-size-m: 64px;--udex-avatar-size-l: 84px;--udex-avatar-size-xl: 120px;--udex-avatar-font-size-xs: 12px;--udex-avatar-font-size-s: 18px;--udex-avatar-font-size-m: 24px;--udex-avatar-font-size-l: 32px;--udex-avatar-font-size-xl: 48px;--udex-avatar-icon-size-xs: 16px;--udex-avatar-icon-size-s: 18px;--udex-avatar-icon-size-m: 24px;--udex-avatar-icon-size-l: 36px;--udex-avatar-icon-size-xl: 52px;--udex-avatar-radius-xs: var(--udexRadiusXS, 4px);--udex-avatar-radius-s: var(--udexRadiusXS, 4px);--udex-avatar-radius-m: var(--udexRadiusM, 8px);--udex-avatar-radius-l: var(--udexRadiusM, 8px);--udex-avatar-radius-xl: var(--udexRadiusXL, 16px);--udex-avatar-image-default-border-color: var(--udexColorGrey2, #EAECEE);--udex-avatar-image-hover-border-color: var(--udexColorGrey7, #475E75);--udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-blue-hover-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-mango-hover-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-red-hover-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-raspberry-hover-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-pink-hover-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-indigo-hover-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-teal-hover-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-green-hover-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-grey-hover-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-backgound-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-hover-border-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-neutral-default-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));--udex-avatar-neutral-default-icon-color: var(--udexColorBlue7, #0070F2);--udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-hover-border-color: var(--sapAvatar_10_TextColor, var(--udexColorGrey5));--udex-avatar-neutral-hover-icon-color: var(--udexColorBlue7, #0070F2);--udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);--udex-avatar-neutral-active-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);display:inline-block}:host([interactive]) .udex-avatar:hover{box-shadow:none}:host([color-scheme]) .udex-avatar.udex-avatar--with-image{background-color:#0000;border-color:var(--udex-avatar-image-default-border-color)}:host([color-scheme][interactive]) .udex-avatar.udex-avatar--with-image:hover{border-color:var(--udex-avatar-image-hover-border-color);background-color:#0000}.udex-avatar ::slotted([slot="badge"]){display:flex;justify-content:center;align-items:center}:host([size="XS"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="S"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="M"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="L"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-l);height:var(--udex-avatar-badge-size-background-l);font-size:var(--udex-avatar-badge-size-icon-l);padding:3px}:host([size="XL"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xl);height:var(--udex-avatar-badge-size-background-xl);font-size:var(--udex-avatar-badge-size-icon-xl);padding:6px}:host([size="XS"]) .udex-avatar{width:var(--udex-avatar-size-xs);height:var(--udex-avatar-size-xs);font-size:var(--udex-avatar-font-size-xs)}:host([size="XS"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-xs)}:host([size="S"]) .udex-avatar{width:var(--udex-avatar-size-s);height:var(--udex-avatar-size-s);font-size:var(--udex-avatar-font-size-s)}:host([size="S"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-s)}:host([size="M"]) .udex-avatar{width:var(--udex-avatar-size-m);height:var(--udex-avatar-size-m);font-size:var(--udex-avatar-font-size-m)}:host([size="M"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-m)}:host([size="L"]) .udex-avatar{width:var(--udex-avatar-size-l);height:var(--udex-avatar-size-l);font-size:var(--udex-avatar-font-size-l)}:host([size="L"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-l)}:host([size="XL"]) .udex-avatar{width:var(--udex-avatar-size-xl);height:var(--udex-avatar-size-xl);font-size:var(--udex-avatar-font-size-xl)}:host([size="XL"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-xl)}:host([size="XS"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xs)}:host([size="XS"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xs)}:host([size="S"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host([size="S"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-s)}:host([size="M"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-m)}:host([size="M"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-m)}:host([size="L"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-l)}:host([size="L"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-l)}:host([size="XL"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xl)}:host([size="XL"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xl)}:host([color-scheme="Blue"]) .udex-avatar{background-color:var(--udex-avatar-blue-default-background-color);color:var(--udex-avatar-blue-default-icon-color);border-color:var(--udex-avatar-blue-default-border-color)}:host([color-scheme="Blue"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-blue-default-background-color);border-color:var(--udex-avatar-blue-hover-border-color);color:var(--udex-avatar-blue-default-icon-color)}:host([color-scheme="Mango"]) .udex-avatar{background-color:var(--udex-avatar-mango-default-background-color);color:var(--udex-avatar-mango-default-icon-color);border-color:var(--udex-avatar-mango-default-border-color)}:host([color-scheme="Mango"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-mango-default-background-color);border-color:var(--udex-avatar-mango-hover-border-color);color:var(--udex-avatar-mango-default-icon-color)}:host([disabled]) .udex-avatar:hover{border:0}:host([color-scheme="Red"]) .udex-avatar{background-color:var(--udex-avatar-red-default-background-color);color:var(--udex-avatar-red-default-icon-color);border-color:var(--udex-avatar-red-default-border-color)}:host([color-scheme="Red"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-red-default-background-color);border-color:var(--udex-avatar-red-hover-border-color);color:var(--udex-avatar-red-default-icon-color)}:host([color-scheme="Raspberry"]) .udex-avatar{background-color:var(--udex-avatar-raspberry-default-background-color);color:var(--udex-avatar-raspberry-default-icon-color);border-color:var(--udex-avatar-raspberry-default-border-color)}:host([color-scheme="Raspberry"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-raspberry-default-background-color);border-color:var(--udex-avatar-raspberry-hover-border-color);color:var(--udex-avatar-raspberry-default-icon-color)}:host([color-scheme="Pink"]) .udex-avatar{background-color:var(--udex-avatar-pink-default-background-color);color:var(--udex-avatar-pink-default-icon-color);border-color:var(--udex-avatar-pink-default-border-color)}:host([color-scheme="Pink"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-pink-default-background-color);border-color:var(--udex-avatar-pink-hover-border-color);color:var(--udex-avatar-pink-default-icon-color)}:host([color-scheme="Indigo"]) .udex-avatar{background-color:var(--udex-avatar-indigo-default-background-color);color:var(--udex-avatar-indigo-default-icon-color);border-color:var(--udex-avatar-indigo-default-border-color)}:host([color-scheme="Indigo"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-indigo-default-background-color);border-color:var(--udex-avatar-indigo-hover-border-color);color:var(--udex-avatar-indigo-default-icon-color)}:host([color-scheme="Teal"]) .udex-avatar{background-color:var(--udex-avatar-teal-default-background-color);color:var(--udex-avatar-teal-default-icon-color);border-color:var(--udex-avatar-teal-default-border-color)}:host([color-scheme="Teal"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-teal-default-background-color);border-color:var(--udex-avatar-teal-hover-border-color);color:var(--udex-avatar-teal-default-icon-color)}:host([color-scheme="Green"]) .udex-avatar{background-color:var(--udex-avatar-green-default-background-color);color:var(--udex-avatar-green-default-icon-color);border-color:var(--udex-avatar-green-default-border-color)}:host([color-scheme="Green"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-green-default-background-color);border-color:var(--udex-avatar-green-hover-border-color);color:var(--udex-avatar-green-default-icon-color)}:host([color-scheme="Grey"]) .udex-avatar{background-color:var(--udex-avatar-grey-default-background-color);color:var(--udex-avatar-grey-default-icon-color);border-color:var(--udex-avatar-grey-default-border-color)}:host([color-scheme="Grey"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-grey-default-background-color);border-color:var(--udex-avatar-grey-hover-border-color);color:var(--udex-avatar-grey-default-icon-color)}:host([color-scheme="Transparent"]) .udex-avatar{background-color:var(--udex-avatar-transparent-default-background-color);color:var(--udex-avatar-transparent-default-icon-color);border-color:var(--udex-avatar-transparent-default-border-color)}:host([color-scheme="Transparent"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-transparent-default-background-color);border-color:var(--udex-avatar-transparent-hover-border-color);color:var(--udex-avatar-transparent-default-icon-color)}:host([color-scheme="Neutral"]) .udex-avatar{background-color:var(--udex-avatar-neutral-default-background-color);color:var(--udex-avatar-neutral-default-icon-color);border-color:var(--udex-avatar-neutral-default-border-color)}:host([color-scheme="Neutral"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-neutral-default-background-color);border-color:var(--udex-avatar-neutral-hover-border-color);color:var(--udex-avatar-neutral-default-icon-color)}:host([interactive]:not([hidden])) .udex-avatar:active,:host([interactive]:not([hidden])) .udex-avatar.udex-avatar--with-image:active{border-color:var(--udex-avatar-neutral-active-border-color);background-color:var(--udex-avatar-neutral-active-background-color);color:var(--udex-avatar-neutral-active-icon-color)}

package/config/dist/css/themes/Badge.css

@@ -0,0 +1 @@
+:host{--udex-info-badge-text-radius: .375rem;--udex-info-badge-number-radius: 1rem;--udex-info-badge-text-border-width: 1px;--udex-info-badge-text-large-font-size: .875rem;--udex-info-badge-text-large-line-height: 1.313rem;--udex-info-badge-text-large-height: 1.813rem;--udex-info-badge-text-large-padding: var(--udexSpacer4) var(--udexSpacer8);--udex-info-badge-text-small-font-size: .75rem;--udex-info-badge-text-small-line-height: 1.125rem;--udex-info-badge-text-small-height: 1.625rem;--udex-info-badge-text-small-padding: var(--udexSpacer4) var(--udexSpacer8);--udex-info-badge-number-large-font-size: .875rem;--udex-info-badge-number-large-line-height: 1.313rem;--udex-info-badge-number-large-height: 1.813rem;--udex-info-badge-number-large-padding: var(--udexSpacer4) var(--udexSpacer8);--udex-info-badge-number-small-font-size: .75rem;--udex-info-badge-number-small-line-height: 1.125rem;--udex-info-badge-number-small-height: 1.625rem;--udex-info-badge-number-small-padding: var(--udexSpacer4) var(--udexSpacer8);--udex-info-badge-color-info-border-color: var( --sapMessage_InformationBorderColor, var(--udexColorBlue7, #0070f2) );--udex-info-badge-color-info-text-color: var( --sapInformationColor, var(--udexColorBlue9, #0040b0) );--udex-info-badge-color-info-background: var( --sapInformationBackground, var(--udexCoreSemanticInfo1, #ebf8ff) );--udex-info-badge-color-success-border-color: var( --sapMessage_SuccessBorderColor, var(--udexCoreSemanticSuccess7, #188918) );--udex-info-badge-color-success-text-color: var(--sapSuccessColor, #1e592f);--udex-info-badge-color-success-background: var( --sapSuccessBackground, var(--udexCoreSemanticSuccess1, #f5fae5) );--udex-info-badge-color-warning-border-color: var( --sapWarningBorderColor, var(--udexCoreSemanticWarning7, #c35500) );--udex-info-badge-color-warning-text-color: var(--sapWarningColor, #8d2a00);--udex-info-badge-color-warning-background: var( --sapWarningBackground, var(--udexCoreSemanticWarning1, #fff8d6) );--udex-info-badge-color-error-border-color: var( --sapErrorBorderColor, var(--udexCoreSemanticError7, #d20a0a) );--udex-info-badge-color-error-text-color: var(--sapErrorColor, #840606);--udex-info-badge-color-error-background: var( --sapErrorBackground, var(--udexCoreSemanticError1, #ffeaf4) );--udex-number-badge-color-blue-text-color: var( --udexColorNeutralWhite, #ffffff );--udex-number-badge-color-blue-background: var(--udexColorBlue7, #0070f2);--udex-number-badge-color-red-text-color: var( --udexColorNeutralWhite, #ffffff );--udex-number-badge-color-red-background: var( --sapNegativeBackgroundColor, #d20a0a );--udex-number-badge-color-white-text-color: var(--udexColorBlue7, #0070f2);--udex-number-badge-color-white-background: var( --udexColorNeutralWhite, #ffffff )}.udex-badge{box-sizing:border-box;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-tags-font-size);display:inline-flex;align-items:center}.udex-badge--text.udex-badge--large{line-height:var(--udex-info-badge-text-large-line-height);height:var(--udex-info-badge-text-large-height);font-size:var(--udex-info-badge-text-large-font-size);padding:var(--udex-info-badge-text-large-padding)}.udex-badge--text.udex-badge--small{line-height:var(--udex-info-badge-text-small-line-height);height:var(--udex-info-badge-text-small-height);font-size:var(--udex-info-badge-text-small-font-size);padding:var(--udex-info-badge-text-small-padding)}.udex-badge--text{border-radius:var(--udex-info-badge-text-radius)}.udex-badge--text.udex-badge--info{background:var(--udex-info-badge-color-info-background);box-shadow:inset 0 0 0 var(--udex-info-badge-text-border-width) var(--udex-info-badge-color-info-border-color);color:var(--udex-info-badge-color-info-text-color)}.udex-badge--text.udex-badge--success{background:var(--udex-info-badge-color-success-background);box-shadow:inset 0 0 0 var(--udex-info-badge-text-border-width) var(--udex-info-badge-color-success-border-color);color:var(--udex-info-badge-color-success-text-color)}.udex-badge--text.udex-badge--error{background:var(--udex-info-badge-color-error-background);box-shadow:inset 0 0 0 var(--udex-info-badge-text-border-width) var(--udex-info-badge-color-error-border-color);color:var(--udex-info-badge-color-error-text-color)}.udex-badge--text.udex-badge--warning{background:var(--udex-info-badge-color-warning-background);box-shadow:inset 0 0 0 var(--udex-info-badge-text-border-width) var(--udex-info-badge-color-warning-border-color);color:var(--udex-info-badge-color-warning-text-color)}.udex-badge--number{border-radius:var(--udex-info-badge-number-radius)}.udex-badge--number.udex-badge--large{padding:0 var(--udexSpacer4);height:1rem;line-height:.938rem;font-size:.875rem}.udex-badge--number.udex-badge--small{padding:0 .1875rem;height:.875rem;font-size:.75rem;line-height:.875rem}.udex-badge--number.udex-badge--blue{color:var(--udex-number-badge-color-blue-text-color);background:var(--udex-number-badge-color-blue-background)}.udex-badge--number.udex-badge--red{color:var(--udex-number-badge-color-red-text-color);background:var(--udex-number-badge-color-red-background)}.udex-badge--number.udex-badge--white{color:var(--udex-number-badge-color-white-text-color);background:var(--udex-number-badge-color-white-background);font-weight:var(--udexTypographyFontWeightMedium)}

package/config/dist/css/themes/Breadcrumbs.css

@@ -0,0 +1 @@
+:host{--udex-breadcrumbs-item-color: var(--sapNeutralElementColor, var(--udexColorGrey6, #5B738B ));--udex-breadcrumbs-item-font-size: var(--udexTypographyBodyXXSFontSize, 12px)}.udex-breadcrumbs{white-space:nowrap;outline:none;margin:var(--_ui5-v0-62-5_breadcrumbs_margin)}.udex-breadcrumbs>ol{margin:0;padding:2px 0;list-style-type:none;display:-webkit-box;display:-webkit-flex;display:flex}.udex-breadcrumbs>ol>li{display:inline-flex}.udex-breadcrumbs__separator:after{content:"/";padding:0 .125rem;color:var(--udex-breadcrumbs-item-color);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--udex-breadcrumbs-item-font-size);line-height:18px}:host([separators="DoubleSlash"]) .udex-breadcrumbs__separator:after{content:"//"}:host([separators="BackSlash"]) .udex-breadcrumbs__separator:after{content:"\\\\"}:host([separators="DoubleBackSlash"]) .udex-breadcrumbs__separator:after{content:"\\\\\\\\"}:host([separators="GreaterThan"]) .udex-breadcrumbs__separator:after{content:">"}:host([separators="DoubleGreaterThan"]) .udex-breadcrumbs__separator:after{content:">>"}.udex-breadcrumbs__trigger,.udex-breadcrumbs__arrow-wrapper [ui5-link][focused] [ui5-icon],.udex-breadcrumbs__item[focused],.udex-breadcrumbs__item{color:var(--udex-breadcrumbs-item-color);--sapLink_Hover_Color: var(--udex-breadcrumbs-item-color);--sapFontSize: var(--udex-breadcrumbs-item-font-size);--sapLinkColor: var(--udex-breadcrumbs-item-color);--sapLink_Active_Color: var(--udex-breadcrumbs-item-color);--udex-link-text-decoration: none;position:relative}.udex-breadcrumbs__item{line-height:18px}.udex-breadcrumbs__trigger{line-height:12px;align-items:center}.udex-breadcrumbs__trigger--opened [ui5-icon]{transform:rotate(180deg)}.udex-breadcrumbs__trigger,[ui5-link].udex-breadcrumbs__item{text-decoration:none;display:inline-flex}[ui5-link]:not([icon]).udex-breadcrumbs__item:hover:after{content:"";position:absolute;height:.0625rem;left:.125rem;right:.125rem;bottom:.125rem;background-color:var(--udex-breadcrumbs-item-color)}.udex-breadcrumbs .udex-breadcrumbs__arrow-wrapper [ui5-icon]:before{content:""}.udex-breadcrumbs .udex-breadcrumbs__arrow-wrapper [ui5-icon]{padding-left:0}.udex-breadcrumbs__arrow-wrapper [ui5-link][focused] [ui5-icon]:after,.udex-breadcrumbs__arrow-wrapper:hover [ui5-icon]:after{border-bottom:0}

package/config/dist/css/themes/BreadcrumbsPopover.css

@@ -0,0 +1 @@
+:host{--udex-breadcrumbs-item-color: var(--sapNeutralElementColor, var(--udexColorGrey6, #5B738B));--udex-breadcrumbs-current-item-color: var(--udexCoreTextDark, #223548);--udex-breadcrumbs-dropdown-item-font-size: 13px}.udex-breadcrumbs__item{font-family:var(--sapFontFamily);color:var(--udex-breadcrumbs-item-color);--sapLink_Hover_Color: var(--udex-breadcrumbs-item-color);--sapFontSize: var(--udex-breadcrumbs-dropdown-item-font-size);--sapLinkColor: var(--udex-breadcrumbs-item-color);--sapLink_Active_Color: var(--udex-breadcrumbs-item-color);--udex-link-text-decoration: none;position:relative}.udex-breadcrumbs__item{line-height:18px}.udex-breadcrumbs__popover{--udex-dropdown-vertical-distance: 4px;--udex-dropdown-box-shadow: var(--sapContent_Shadow2, 0px 10px 30px 0px rgba(34, 54, 73, .25));--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0}[ui5-icon]{width:.75rem;height:.75rem}.udex-breadcrumbs__popover-content{padding:var(--udexSpacer32) 52px var(--udexSpacer32) var(--udexSpacer20);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item{font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:13px;height:17px;--udex-link-icon-height: 12px;--udex-link-icon-width: 12px}.udex-breadcrumb__item--current{color:var(--udex-breadcrumbs-current-item-color);font-weight:500;font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:13px}.udex-breadcrumbs__popover::part(content){padding:0}.udex-breadcrumbs__popover-content:dir(rtl){padding:var(--udexSpacer32) var(--udexSpacer20) var(--udexSpacer32) 52px}.udex-breadcrumbs__item--with-icon:dir(ltr)~.udex-breadcrumbs__item{padding-left:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--with-icon:dir(rtl)~.udex-breadcrumbs__item{padding-right:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--1{margin-left:var(--udexSpacer12)}.udex-breadcrumbs__item--2{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--1:dir(rtl){margin-right:var(--udexSpacer12)}.udex-breadcrumbs__item--2:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}

package/config/dist/css/themes/Button.css

@@ -0,0 +1 @@
+:host{--udex-button-color-transparent: hsla(0, 0%, 0%, 0);--udex-button-padding-small: 5.5px 10px;--udex-button-padding-medium: 9px 10px;--udex-button-padding-large: 12px 14px;--udex-button-small-size: 26px;--udex-button-medium-size: 36px;--udex-button-large-size: 42px;--udex-button-icon-s-size: .875rem;--udex-button-icon-m-size: 1 rem;--udex-button-icon-l-size: 1.125rem;--udexTypographyFontWeightMedium: 500;--udex-button-color-primary-standard-default-background: var(--sapButton_Emphasized_Background, var(--udexCorePrimaryAction));--udex-button-color-primary-standard-default-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-hover-background: var(--sapButton_Emphasized_Hover_Background, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-text-and-icon: var(--sapButton_Emphasized_Hover_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-active-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-standard-active-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-active-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-primary-standard-disabled-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue9));--udex-button-color-primary-standard-disabled-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-toggled-default-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-default-border: var(--udexColorBlue7, #0070F2);--udex-button-color-primary-toggled-default-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue2, #D1EFFF);--udex-button-color-primary-toggled-hover-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-disabled-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-default-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-default-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-default-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-hover-background: var(--sapButton_Hover_Background, var(--udexColorGrey2));--udex-button-color-secondary-standard-hover-border: var(--sapButton_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-hover-text-and-icon: var(--sapButton_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-background: var(--sapButton_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-active-border: var(--sapButton_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-text-and-icon: var(--sapButton_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-disabled-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-disabled-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-disabled-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-secondary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-disabled-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-default-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-hover-background: var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));--udex-button-color-tertiary-standard-hover-border: var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-tertiary-standard-hover-text-and-icon: var(--sapButton_Lite_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-background: var(--sapButton_Lite_Active_Background, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-border: var(--sapButton_Lite_Active_BorderColor, var(--udexColorNeutralWhite));--udex-button-color-tertiary-standard-active-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-disabled-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--sapButton_Lite_Disabled_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-background: var(--sapButton_Lite_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-default-border: var(--sapButton_Lite_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-background: var(--udexColorBlue2, #D1EFFF);--udex-button-color-tertiary-toggled-hover-border: var(--sapButton_Lite_Active_Background, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-background: var(--sapButton_Lite_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-disabled-border: var(--sapButton_Lite_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-positive-standard-default-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-default-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-default-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-standard-hover-background: var(--sapButton_Accept_Hover_Background, var(--udexCoreSemanticSuccess3));--udex-button-color-positive-standard-hover-border: var(--sapButton_Accept_Hover_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-hover-text-and-icon: var(--sapButton_Accept_Hover_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-background: var(--sapButton_Accept_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-standard-active-border: var(--sapButton_Accept_Active_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-text-and-icon: var(--sapButton_Accept_Active_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-disabled-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-disabled-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-disabled-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-default-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-default-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-default-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-hover-background: var(--sapButton_Accept_Selected_Hover_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-toggled-hover-border: var(--sapButton_Accept_Selected_Hover_BorderColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-hover-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-disabled-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-disabled-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-disabled-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-negative-standard-default-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-default-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-default-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-standard-hover-background: var(--sapButton_Reject_Hover_Background, var(--udexCoreSemanticError3));--udex-button-color-negative-standard-hover-border: var(--sapButton_Reject_Hover_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-hover-text-and-icon: var(--sapButton_Reject_Hover_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-background: var(--sapButton_Reject_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-standard-active-border: var(--sapButton_Reject_Active_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-text-and-icon: var(--sapButton_Reject_Active_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-disabled-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-disabled-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-disabled-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-default-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-default-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-default-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-hover-background: var(--sapButton_Reject_Selected_Hover_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-toggled-hover-border: var(--sapButton_Reject_Selected_Hover_BorderColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexCoreSemanticError8, #AA0808);--udex-button-color-negative-toggled-disabled-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-disabled-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-disabled-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-warning-standard-default-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-default-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-default-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-standard-hover-background: var(--sapButton_Attention_Hover_Background, var(--udexCoreSemanticWarning3));--udex-button-color-warning-standard-hover-border: var(--sapButton_Attention_Hover_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-hover-text-and-icon: var(--sapButton_Attention_Hover_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-background: var(--sapButton_Attention_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-standard-active-border: var(--sapButton_Attention_Active_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-text-and-icon: var(--sapButton_Attention_Active_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-disabled-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-disabled-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-disabled-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-default-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-default-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-default-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-hover-background: var(--sapButton_Attention_Selected_Hover_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-toggled-hover-border: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-hover-text-and-icon: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-disabled-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-disabled-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-disabled-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10))}:host{display:inline-block}.udex-button{font-weight:var(--udexTypographyFontWeightMedium)}.udex-button--small{height:var(--udex-button-small-size)}.udex-button--small::part(button){padding:var(--udex-button-padding-small)}.udex-button--medium{font-size:1rem;height:var(--udex-button-medium-size)}.udex-button--medium::part(button){padding:var(--udex-button-padding-medium)}.udex-button--large{font-size:1rem;height:var(--udex-button-large-size)}.udex-button--large::part(button){padding:var(--udex-button-padding-large)}.udex-button--small[icon-only]{min-width:auto;width:26px;height:26px}.udex-button--medium[icon-only]{min-width:auto;width:36px;height:36px}.udex-button--large[icon-only]{min-width:auto;width:42px;height:42px}.udex-button--small[icon-only]::part(button){padding:6px}.udex-button--medium[icon-only]::part(button){padding:10px}.udex-button--large[icon-only]::part(button){padding:12px}:host([icon-only][icon-end]) .udex-button::part(icon){margin:0}:host([icon-end]) .udex-button::part(icon){margin-inline-start:8px}.udex-button--small::part(icon){height:var(--udex-button-icon-s-size, 14px);width:var(--udex-button-icon-s-size, 14px)}.udex-button--medium::part(icon),.udex-button--large::part(icon){height:var(--udex-button-icon-l-size, 18px);width:var(--udex-button-icon-l-size, 18px)}.udex-button[design=Primary]{color:var(--udex-button-color-primary-standard-default-text-and-icon);background-color:var(--udex-button-color-primary-standard-default-background);border:1px solid var(--udex-button-color-primary-standard-default-background)}.udex-button[design=Primary]:hover:not([disabled]){color:var(--udex-button-color-primary-standard-hover-text-and-icon);background-color:var(--udex-button-color-primary-standard-hover-background);border:1px solid var(--udex-button-color-primary-standard-hover-background)}.udex-button[design=Primary]:active:not([disabled]){color:var(--udex-button-color-primary-standard-active-text-and-icon);background-color:var(--udex-button-color-primary-standard-active-background);border:1px solid var(--udex-button-color-primary-standard-active-border)}.udex-button[design=Primary]:disabled{color:var(--udex-button-color-primary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-primary-standard-disabled-background);border:1px solid var(--udex-button-color-primary-standard-disabled-background);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-button[design=Primary][toggled]{color:var(--udex-button-color-primary-toggled-default-text-and-icon);background-color:var(--udex-button-color-primary-toggled-default-background);border:1px solid var(--udex-button-color-primary-toggled-default-border)}.udex-button[design=Primary][toggled]:hover:not([disabled]){color:var(--udex-button-color-primary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-primary-toggled-hover-background);border:1px solid var(--udex-button-color-primary-toggled-hover-border)}.udex-button[design=Primary][toggled]:disabled{color:var(--udex-button-color-primary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-primary-toggled-disabled-background);border:1px solid var(--udex-button-color-primary-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-button[design=Secondary]{color:var(--udex-button-color-secondary-standard-default-text-and-icon);background-color:var(--udex-button-color-secondary-standard-default-background);border:1px solid var(--udex-button-color-secondary-standard-default-border)}.udex-button[design=Secondary]:hover:not([disabled]){color:var(--udex-button-color-secondary-standard-hover-text-and-icon);background-color:var(--udex-button-color-secondary-standard-hover-background);border:1px solid var(--udex-button-color-secondary-standard-hover-border)}.udex-button[design=Secondary]:active:not([disabled]){color:var(--udex-button-color-secondary-standard-active-text-and-icon);background-color:var(--udex-button-color-secondary-standard-active-background);border:1px solid var(--udex-button-color-secondary-standard-active-border)}.udex-button[design=Secondary]:disabled{color:var(--udex-button-color-secondary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-standard-disabled-background);border:1px solid var(--udex-button-color-secondary-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-button[design=Secondary][toggled]{color:var(--udex-button-color-secondary-toggled-default-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-default-background);border:1px solid var(--udex-button-color-secondary-toggled-default-border)}.udex-button[design=Secondary][toggled]:hover:not([disabled]){color:var(--udex-button-color-secondary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-hover-background);border:1px solid var(--sapButton_Selected_Hover_BorderColor)}.udex-button[design=Secondary][toggled]:disabled{color:var(--udex-button-color-secondary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-disabled-background);border:1px solid var(--udex-button-color-secondary-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-button[design=Tertiary]{color:var(--udex-button-color-tertiary-standard-default-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-default-background);border:1px solid var(--udex-button-color-tertiary-standard-default-border)}.udex-button[design=Tertiary]:hover:not([disabled]){color:var(--udex-button-color-tertiary-standard-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-hover-background);border:1px solid var(--udex-button-color-tertiary-standard-hover-border)}.udex-button[design=Tertiary]:active:not([disabled]){color:var(--udex-button-color-tertiary-standard-active-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-active-background);border:1px solid var(--udex-button-color-tertiary-standard-active-border)}.udex-button[design=Tertiary]:disabled{color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-button[design=Tertiary][toggled]{color:var(--udex-button-color-tertiary-toggled-default-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-default-background);border:1px solid var(--udex-button-color-tertiary-toggled-default-border)}.udex-button[design=Tertiary][toggled]:hover:not([disabled]){color:var(--udex-button-color-tertiary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-hover-background);border:1px solid var(--udex-button-color-tertiary-toggled-hover-border)}.udex-button[design=Tertiary][toggled]:disabled{color:var(--udex-button-color-tertiary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-disabled-background);border:1px solid var(--udex-button-color-tertiary-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-button[design=Positive]{color:var(--udex-button-color-positive-standard-default-text-and-icon);background-color:var(--udex-button-color-positive-standard-default-background);border:1px solid var(--udex-button-color-positive-standard-default-border)}.udex-button[design=Positive]:hover:not([disabled]){color:var(--udex-button-color-positive-standard-hover-text-and-icon);background-color:var(--udex-button-color-positive-standard-hover-background);border:1px solid var(--udex-button-color-positive-standard-hover-border)}.udex-button[design=Positive]:active:not([disabled]){color:var(--udex-button-color-positive-standard-active-text-and-icon);background-color:var(--udex-button-color-positive-standard-active-background);border:1px solid var(--udex-button-color-positive-standard-active-border)}.udex-button[design=Positive]:disabled{color:var(--udex-button-color-positive-standard-disabled-text-and-icon);background-color:var(--udex-button-color-positive-standard-disabled-background);border:1px solid var(--udex-button-color-positive-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-button[design=Positive][toggled]{color:var(--udex-button-color-positive-toggled-default-text-and-icon);background-color:var(--udex-button-color-positive-toggled-default-background);border:1px solid var(--udex-button-color-positive-toggled-default-border)}.udex-button[design=Positive][toggled]:hover:not([disabled]){color:var(--udex-button-color-positive-toggled-hover-text-and-icon);background-color:var(--udex-button-color-positive-toggled-hover-background);border:1px solid var(--udex-button-color-positive-toggled-hover-border)}.udex-button[design=Positive][toggled]:disabled{color:var(--udex-button-color-positive-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-positive-toggled-disabled-background);border:1px solid var(--udex-button-color-positive-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-button[design=Negative]{color:var(--udex-button-color-negative-standard-default-text-and-icon);background-color:var(--udex-button-color-negative-standard-default-background);border:1px solid var(--udex-button-color-negative-standard-default-border)}.udex-button[design=Negative]:hover:not([disabled]){color:var(--udex-button-color-negative-standard-hover-text-and-icon);background-color:var(--udex-button-color-negative-standard-hover-background);border:1px solid var(--udex-button-color-negative-standard-hover-border)}.udex-button[design=Negative]:active:not([disabled]){color:var(--udex-button-color-negative-standard-active-text-and-icon);background-color:var(--udex-button-color-negative-standard-active-background);border:1px solid var(--udex-button-color-negative-standard-active-border)}.udex-button[design=Negative]:disabled{color:var(--udex-button-color-negative-standard-disabled-text-and-icon);background-color:var(--udex-button-color-negative-standard-disabled-background);border:1px solid var(--udex-button-color-negative-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-button[design=Negative][toggled]{color:var(--udex-button-color-negative-toggled-default-text-and-icon);background-color:var(--udex-button-color-negative-toggled-default-background);border:1px solid var(--udex-button-color-negative-toggled-default-border)}.udex-button[design=Negative][toggled]:hover:not([disabled]){color:var(--udex-button-color-negative-toggled-hover-text-and-icon);background-color:var(--udex-button-color-negative-toggled-hover-background);border:1px solid var(--udex-button-color-negative-toggled-hover-border)}.udex-button[design=Negative][toggled]:disabled{color:var(--udex-button-color-negative-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-negative-toggled-disabled-background);border:1px solid var(--udex-button-color-negative-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-button[design=Warning]{color:var(--udex-button-color-warning-standard-default-text-and-icon);background-color:var(--udex-button-color-warning-standard-default-background);border:1px solid var(--udex-button-color-warning-standard-default-border)}.udex-button[design=Warning]:hover:not([disabled]){color:var(--udex-button-color-warning-standard-hover-text-and-icon);background-color:var(--udex-button-color-warning-standard-hover-background);border:1px solid var(--udex-button-color-warning-standard-hover-border)}.udex-button[design=Warning]:active:not([disabled]){color:var(--udex-button-color-warning-standard-active-text-and-icon);background-color:var(--udex-button-color-warning-standard-active-background);border:1px solid var(--udex-button-color-warning-standard-active-border)}.udex-button[design=Warning]:disabled{color:var(--udex-button-color-warning-standard-disabled-text-and-icon);background-color:var(--udex-button-color-warning-standard-disabled-background);border:1px solid var(--udex-button-color-warning-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-button[design=Warning][toggled]{color:var(--udex-button-color-warning-toggled-default-text-and-icon);background-color:var(--udex-button-color-warning-toggled-default-background);border:1px solid var(--udex-button-color-warning-toggled-default-border)}.udex-button[design=Warning][toggled]:hover:not([disabled]){color:var(--udex-button-color-warning-toggled-hover-text-and-icon);background-color:var(--udex-button-color-warning-toggled-hover-background);border:1px solid var(--udex-button-color-warning-toggled-hover-border)}.udex-button[design=Warning][toggled]:disabled{color:var(--udex-button-color-warning-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-warning-toggled-disabled-background);border:1px solid var(--udex-button-color-warning-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}

package/config/dist/css/themes/Carousel.css

@@ -0,0 +1 @@
+:host{--sapElement_BorderWidth: 0}.udex-carousel{position:relative}.udex-carousel__navigation--bottom{padding-bottom:6px}.udex-carousel__navigation--bottom ui5-carousel::part(content){padding-bottom:7px}:host([hide-page-indicator]) .udex-carousel__navigation--bottom,:host([hide-page-indicator]) .udex-carousel__navigation--bottom ui5-carousel::part(content){padding-bottom:0}.udex-carousel__navigation-wrapper{height:3.5rem;width:100%;display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box}.udex-carousel__navigation--top .udex-carousel__navigation-wrapper{justify-content:end;margin-bottom:10px}.udex-carousel__navigation--bottom .udex-carousel__navigation-wrapper{justify-content:center;position:absolute;bottom:0;left:0}:host([hide-page-indicator]) .udex-carousel__navigation--bottom .udex-carousel__navigation-wrapper{position:static}.udex-carousel__navigation--top .udex-carousel__navigation-button{margin-inline-start:var(--udexSpacer16, 16px)}.udex-carousel__navigation--bottom .udex-carousel__navigation-button:first-child{margin-inline-end:4.7rem}.udex-carousel__navigation--bottom .udex-carousel__navigation-button:last-child{margin-inline-start:4.7rem}

package/config/dist/css/themes/Checkbox.css

@@ -0,0 +1 @@
+:host([readonly]:not([value-state="Success"]):not([value-state="Error"])){--sapField_TextColor: var(--sapField_ReadOnly_BorderColor)}:host([display-only])::part(icon){height:24px;width:24px}

package/config/dist/css/themes/DatePicker.css

@@ -0,0 +1 @@
+:host{--udex-date-picker-width: 354px;position:relative}.udex-date-picker__container{display:flex;flex-direction:column}.udex-date-picker__calendar{min-width:var(--udex-date-picker-width, 354px);background-color:var(--udexNeutralColorWhite, #ffffff);border-radius:8px;box-shadow:0 2px 8px #2236494d;position:absolute;top:42px;z-index:100}

package/config/dist/css/themes/Divider.css

@@ -0,0 +1 @@
+.udex-divider{border-top:1px solid var(--udexCoreDividerLight, #D5DADD);display:block}.udex-divider-wrapper{padding:2px 0}

package/config/dist/css/themes/Dropdown.css

@@ -0,0 +1 @@
+:host{--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-dropdown-border-color-default: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-dropdown-border-radius: var(--udexRadiusM, 8px);--udex-dropdown-border-width: var(--sapElement_BorderWidth, 1px);--udex-dropdown-default-background-color: var(--udexColorNeutralWhite, #fff);--udex-dropdown-horizontal-distance: 0;--udex-dropdown-vertical-distance: 0}.udex-dropdown__pane{border:var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);box-shadow:var(--udex-dropdown-box-shadow);border-radius:var(--udex-dropdown-border-radius);background:var(--udex-dropdown-default-background-color);min-width:320px;max-width:640px;margin:var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance)}.udex-dropdown__pane::part(content){padding:0}.udex-dropdown__pane::part(footer),.udex-dropdown__pane::part(header){padding:var(--udexSpacer16, 12px) var(--udexSpacer12, 12px)}.udex-dropdown__pane::part(footer){justify-content:flex-start;border-color:var(--udex-dropdown-border-color-default);box-shadow:var(--udex-dropdown-box-shadow)}

package/config/dist/css/themes/DropdownList.css

@@ -0,0 +1 @@
+.udex-dropdown-list{font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);list-style-type:none;padding:0;margin:0}.hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}.udex-dropdown-list-scroll-container{overflow:auto;height:100%}::slotted(udex-dropdown-list-group-header:not(:last-child)){margin-bottom:var(--udexSpacer16, 16px);display:block}

package/config/dist/css/themes/DropdownListGroupHeader.css

@@ -0,0 +1 @@
+:host{--udex-dropdown-list-item-group-header-padding-vertical: var(--udexSpacer8, 8px);--udex-dropdown-list-item-group-header-padding-horizontal: var(--udexSpacer12, 12px);--udex-dropdown-list-item-group-header-supporting-text-color: var(--sapContent_LabelColor, #223548);--udex-dropdown-list-item-group-header-border-color: var(--sapList_BorderColor, #A9B4BE)}.udex-dropdown-list__header{font-weight:var(--udexTypographyFontWeightMedium, 500);padding:var(--udex-dropdown-list-item-group-header-padding-vertical) var(--udex-dropdown-list-item-group-header-padding-horizontal);display:flex;flex-direction:column}.udex-dropdown-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-dropdown-list-item-group-header-supporting-text-color);padding-top:var(--udexSpacer8, 8px)}.udex-dropdown-list__group-list{list-style-type:none;padding:0;margin:0}.udex-dropdown-list__header,.udex-dropdown-list__group-header{font-weight:var(--udexTypographyFontWeightMedium, 500);border-bottom:1px solid var(--udex-dropdown-list-item-group-header-border-color)}

package/config/dist/css/themes/DropdownListItem.css

@@ -0,0 +1 @@
+:host{--udex-dropdown-list-item-padding-vertical: var(--udexSpacer8, 8px);--udex-dropdown-list-item-padding-horizontal: var(--udexSpacer12, 12px);--udex-dropdown-list-item-background-active: var(--sapList_Active_Background, #EAECEE);--udex-dropdown-list-item-border-color-active: var(--sapList_BorderColor, #A9B4BE);--udex-dropdown-list-item-color-active: var(--sapList_Active_TextColor, #000);--udex-dropdown-list-item-supporting-text-color-active: var(--sapContent_LabelColor, #223548);--udex-dropdown-list-item-background-selected-hover: var(--sapButton_Selected_Hover_Background, #D1EFFF);--udex-dropdown-list-item-border-color-selected-hover: var(--udexColorBlue8, #0057D2);--udex-dropdown-list-item-background-default: var(--sapList_Background, #FFF);--udex-dropdown-list-item-color-default: var(--sapList_TextColor, #000);--udex-dropdown-list-item-supporting-text-color-default: var(--sapContent_LabelColor, #223548);--udex-dropdown-list-item-supporting-text-color-hover: var(--sapContent_LabelColor, #223548);--udex-dropdown-list-item-background-hover: var(--sapList_Hover_Background, #F5F6F7);--udex-dropdown-list-item-color-hover: var(--sapList_TextColor, #000);--udex-dropdown-list-item-border-color-selected: var(--sapList_SelectionBorderColor, #0070F2);--udex-dropdown-list-item-background-selected: var(--sapList_SelectionBackgroundColor, #EBF8FF);--udex-dropdown-list-item-color-selected: var(--sapList_TextColor, #000);--udex-dropdown-list-item-supporting-text-color-selected: var(--sapContent_LabelColor, #223548);--udex-dropdown-list-item-divider-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-dropdown-list-item-divider-border-color-hover: var(--sapList_BorderColor, #A9B4BE);--udex-dropdown-list-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-dropdown-list-item-disabled-opacity: var(--sapContent_DisabledOpacity, .4);background:var(--udex-dropdown-list-item-background-default);color:var(--udex-dropdown-list-item-color-default);display:block;border-bottom:1px solid transparent}:host([disabled]){opacity:var(--udex-dropdown-list-item-disabled-opacity)}:host(:not([disabled])){cursor:pointer}:host([active]) .udex-dropdown-list__supporting-text{color:var(--udex-dropdown-list-item-supporting-text-color-active)}:host([active][selected]){background:var(--udex-dropdown-list-item-background-active)}:host(:not([disabled]):not([selected]):hover){background:var(--udex-dropdown-list-item-background-hover);color:var(--udex-dropdown-list-item-color-hover)}:host(:not([disabled]):focus){outline:var(--udexRadiusXXS) solid var(--udex-dropdown-list-item-outline-border-color);outline-offset:-2px;border-radius:var(--udexRadiusM, 8px)}:host([active]){background:var(--udex-dropdown-list-item-background-active);color:var(--udex-dropdown-list-item-color-active)}:host(:hover[active][focused]){background:var(--udex-dropdown-list-item-background-active);border-color:var(--udex-dropdown-list-item-border-color-active);color:var(--udex-dropdown-list-item-color-active)}:host(:not([disabled]):hover) .udex-dropdown-list__supporting-text{color:var(--udex-dropdown-list-item-supporting-text-color-hover)}:host([selected]){background:var(--udex-dropdown-list-item-background-selected);border-color:var(--udex-dropdown-list-item-border-color-selected);color:var(--udex-dropdown-list-item-color-selected)}:host(:hover[selected]:not([disabled])){background:var(--udex-dropdown-list-item-background-selected-hover);border-color:var(--udex-dropdown-list-item-border-color-selected-hover)}:host([selected]) .udex-dropdown-list__supporting-text{color:var(--udex-dropdown-list-item-supporting-text-color-selected)}:host([divider]){border-color:var(--udex-dropdown-list-item-divider-border-color)}:host([divider]):hover{border-color:var(--udex-dropdown-list-item-divider-border-color-hover)}:host::part(checkbox){padding-inline-end:var(--udexSpacer12, 12px);min-width:40px}::slotted(b){display:inherit}.udex-dropdown-list__item:focus-visible{outline:none}.udex-dropdown-list__item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px);display:flex;align-items:center}.udex-dropdown-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-dropdown-list-item-supporting-text-color-default);padding-top:var(--udexSpacer8, 8px)}.udex-dropdown-list__content{display:flex;flex-wrap:wrap}.udex-dropdown-list__text-holder{display:flex;flex-direction:column;flex-basis:100%}.udex-dropdown-list__item.filter-menu__list-item.udex-dropdown-list__item_controlled .udex-dropdown-list__checkbox,.udex-dropdown-list__item.udex-dropdown-list__item_select-all.udex-dropdown-list__item_controlled .udex-dropdown-list__checkbox,.udex-dropdown-list__item .udex-dropdown-list__checkbox{pointer-events:none}.udex-dropdown-list__item.udex-dropdown-list__item_controlled .udex-dropdown-list__checkbox{pointer-events:auto}