@re-code/ui-components 0.0.1

package/dist/components/ui-label.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UiLabel extends Components.UiLabel, HTMLElement {}
+export const UiLabel: {
+    prototype: UiLabel;
+    new (): UiLabel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ui-label.js

@@ -0,0 +1,51 @@
+import { p as proxyCustomElement, H, h, d as Host, t as transformTag } from './index2.js';
+
+const uiLabelCss = () => `:host{display:inline-block;font-family:"Roboto", system-ui, -apple-system, sans-serif;color:#1D1B20;transition:all 0.2s ease-in-out}:host(.ui-label--display-large){font-size:57px;line-height:64px;font-weight:400;letter-spacing:-0.25px}:host(.ui-label--display-medium){font-size:45px;line-height:52px;font-weight:400;letter-spacing:0px}:host(.ui-label--display-small){font-size:36px;line-height:44px;font-weight:400;letter-spacing:0px}:host(.ui-label--headline-large){font-size:32px;line-height:40px;font-weight:400;letter-spacing:0px}:host(.ui-label--headline-medium){font-size:28px;line-height:36px;font-weight:400;letter-spacing:0px}:host(.ui-label--headline-small){font-size:24px;line-height:32px;font-weight:400;letter-spacing:0px}:host(.ui-label--title-large){font-size:22px;line-height:28px;font-weight:400;letter-spacing:0px}:host(.ui-label--title-medium){font-size:16px;line-height:24px;font-weight:500;letter-spacing:0.15px}:host(.ui-label--title-small){font-size:14px;line-height:20px;font-weight:500;letter-spacing:0.1px}:host(.ui-label--body-large){font-size:16px;line-height:24px;font-weight:400;letter-spacing:0.5px}:host(.ui-label--body-medium){font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.25px}:host(.ui-label--body-small){font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.4px}:host(.ui-label--label-large){font-size:14px;line-height:20px;font-weight:500;letter-spacing:0.1px}:host(.ui-label--label-medium){font-size:12px;line-height:16px;font-weight:500;letter-spacing:0.5px}:host(.ui-label--label-small){font-size:11px;line-height:16px;font-weight:500;letter-spacing:0.5px}:host(.ui-label--color-primary){color:#6750A4}:host(.ui-label--color-on-primary){color:#FFFFFF}:host(.ui-label--color-primary-container){color:#EADDFF}:host(.ui-label--color-on-primary-container){color:#21005D}:host(.ui-label--color-secondary){color:#625B71}:host(.ui-label--color-on-secondary){color:#FFFFFF}:host(.ui-label--color-secondary-container){color:#E8DEF8}:host(.ui-label--color-on-secondary-container){color:#1D192B}:host(.ui-label--color-tertiary){color:#7D5260}:host(.ui-label--color-on-tertiary){color:#FFFFFF}:host(.ui-label--color-tertiary-container){color:#FFD8E4}:host(.ui-label--color-on-tertiary-container){color:#31111D}:host(.ui-label--color-error){color:#B3261E}:host(.ui-label--color-on-error){color:#FFFFFF}:host(.ui-label--color-surface){color:#FEF7FF}:host(.ui-label--color-on-surface){color:#1D1B20}:host(.ui-label--color-on-surface-variant){color:#49454F}:host(.ui-label--color-outline){color:#79747E}:host(.ui-label--weight-normal){font-weight:400}:host(.ui-label--weight-medium){font-weight:500}:host(.ui-label--weight-bold){font-weight:700}:host(.ui-label--italic){font-style:italic !important}`;
+
+const UiLabel$1 = /*@__PURE__*/ proxyCustomElement(class UiLabel extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.variant = 'body-medium';
+        this.color = 'on-surface';
+        this.italic = false;
+    }
+    render() {
+        const classMap = {
+            [`ui-label--${this.variant}`]: true,
+            [`ui-label--color-${this.color}`]: true,
+            [`ui-label--weight-${this.weight}`]: !!this.weight,
+            'ui-label--italic': this.italic
+        };
+        return (h(Host, { key: 'aa90dba620bb302ef1f8d2d9452eab3cb1c993db', class: classMap }, h("span", { key: '09e6a2daad525a3946a4d926799e866970a70fc3' }, this.label, " ", h("slot", { key: '972f325c8826a2bc3f7d1a36bf5adb4335285904' }))));
+    }
+    static get style() { return uiLabelCss(); }
+}, [257, "ui-label", {
+        "label": [1],
+        "variant": [1],
+        "color": [1],
+        "weight": [1],
+        "italic": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ui-label"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ui-label":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), UiLabel$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1(UiLabel$1);
+
+const UiLabel = UiLabel$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { UiLabel, defineCustomElement };