@re-code/ui-components 0.0.1

package/dist/esm/index.js

@@ -0,0 +1 @@
+//! Autogenerated index

package/dist/esm/loader.js

@@ -0,0 +1,10 @@
+import { g as globalScripts, b as bootstrapLazy } from './index-CDwILsz8.js';
+export { s as setNonce } from './index-CDwILsz8.js';
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await globalScripts();
+  return bootstrapLazy([["ui-label",[[257,"ui-label",{"label":[1],"variant":[1],"color":[1],"weight":[1],"italic":[4]}]]]], options);
+};
+
+export { defineCustomElements };

package/dist/esm/ui-components.js

@@ -0,0 +1,47 @@
+import { B as BUILD, c as consoleDevInfo, H, w as win, N as NAMESPACE, p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-CDwILsz8.js';
+export { s as setNonce } from './index-CDwILsz8.js';
+
+/*
+ Stencil Client Patch Browser v4.41.2 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  if (BUILD.isDev && !BUILD.isTesting) {
+    consoleDevInfo("Running in development mode.");
+  }
+  if (BUILD.cloneNodeFix) {
+    patchCloneNodeFix(H.prototype);
+  }
+  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll("script")).find(
+    (s) => new RegExp(`/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) || s.getAttribute("data-stencil-namespace") === NAMESPACE
+  ) : null;
+  const importMeta = import.meta.url;
+  const opts = BUILD.scriptDataOpts ? (scriptElm || {})["data-opts"] || {} : {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+var patchCloneNodeFix = (HTMLElementPrototype) => {
+  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+  HTMLElementPrototype.cloneNode = function(deep) {
+    if (this.nodeName === "TEMPLATE") {
+      return nativeCloneNodeFn.call(this, deep);
+    }
+    const clonedNode = nativeCloneNodeFn.call(this, false);
+    const srcChildNodes = this.childNodes;
+    if (deep) {
+      for (let i = 0; i < srcChildNodes.length; i++) {
+        if (srcChildNodes[i].nodeType !== 2) {
+          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+        }
+      }
+    }
+    return clonedNode;
+  };
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy([["ui-label",[[257,"ui-label",{"label":[1],"variant":[1],"color":[1],"weight":[1],"italic":[4]}]]]], options);
+});

package/dist/esm/ui-label.entry.js

@@ -0,0 +1,24 @@
+import { r as registerInstance, h, a as Host } from './index-CDwILsz8.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 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        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' }))));
+    }
+};
+UiLabel.style = uiLabelCss();
+
+export { UiLabel as ui_label };

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

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

@@ -0,0 +1,9 @@
+import { TypographyVariant, ColorVariant, FontWeight } from '../../global/types';
+export declare class UiLabel {
+    label: string;
+    variant: TypographyVariant;
+    color: ColorVariant;
+    weight?: FontWeight;
+    italic: boolean;
+    render(): any;
+}

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

@@ -0,0 +1,4 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Playground: StoryObj;

package/dist/types/components.d.ts

@@ -0,0 +1,67 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { ColorVariant, FontWeight, TypographyVariant } from "./global/types";
+export { ColorVariant, FontWeight, TypographyVariant } from "./global/types";
+export namespace Components {
+    interface UiLabel {
+        /**
+          * @default 'on-surface'
+         */
+        "color": ColorVariant;
+        /**
+          * @default false
+         */
+        "italic": boolean;
+        "label": string;
+        /**
+          * @default 'body-medium'
+         */
+        "variant": TypographyVariant;
+        "weight"?: FontWeight;
+    }
+}
+declare global {
+    interface HTMLUiLabelElement extends Components.UiLabel, HTMLStencilElement {
+    }
+    var HTMLUiLabelElement: {
+        prototype: HTMLUiLabelElement;
+        new (): HTMLUiLabelElement;
+    };
+    interface HTMLElementTagNameMap {
+        "ui-label": HTMLUiLabelElement;
+    }
+}
+declare namespace LocalJSX {
+    interface UiLabel {
+        /**
+          * @default 'on-surface'
+         */
+        "color"?: ColorVariant;
+        /**
+          * @default false
+         */
+        "italic"?: boolean;
+        "label": string;
+        /**
+          * @default 'body-medium'
+         */
+        "variant"?: TypographyVariant;
+        "weight"?: FontWeight;
+    }
+    interface IntrinsicElements {
+        "ui-label": UiLabel;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "ui-label": LocalJSX.UiLabel & JSXBase.HTMLAttributes<HTMLUiLabelElement>;
+        }
+    }
+}

package/dist/types/global/types.d.ts

@@ -0,0 +1,3 @@
+export type TypographyVariant = 'display-large' | 'display-medium' | 'display-small' | 'headline-large' | 'headline-medium' | 'headline-small' | 'title-large' | 'title-medium' | 'title-small' | 'body-large' | 'body-medium' | 'body-small' | 'label-large' | 'label-medium' | 'label-small';
+export type ColorVariant = 'primary' | 'on-primary' | 'primary-container' | 'on-primary-container' | 'secondary' | 'on-secondary' | 'secondary-container' | 'on-secondary-container' | 'tertiary' | 'on-tertiary' | 'tertiary-container' | 'on-tertiary-container' | 'error' | 'on-error' | 'surface' | 'on-surface' | 'on-surface-variant' | 'outline';
+export type FontWeight = 'normal' | 'medium' | 'bold';