@revotech-group/revotech-ui-kit 0.2.4 → 0.2.6

package/dist/src/components/ui/typography/_typography-blockquote.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled `<blockquote>` element.
+ *
+ * @element rtg-typography-blockquote
+ * @slot typography-blockquote
+ */
+export declare class TypographyBlockquote extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography blockquote.
+     */
+    private get _blockquoteSlot();
+    /**
+     * Appends children to the typography blockquote slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-code.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled inline `<code>` element.
+ *
+ * @element rtg-typography-code
+ * @slot typography-code
+ */
+export declare class TypographyCode extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography code.
+     */
+    private get _codeSlot();
+    /**
+     * Appends children to the typography code slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-h.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+import { TypographyHLevel, TypographyHProps } from './typography.defs';
+/**
+ * Renders a styled heading (`<h1>`, `<h2>`, `<h3>`, or `<h4>`) element.
+ *
+ * @element rtg-typography-h
+ * @slot typography-h
+ */
+export declare class TypographyH extends LitElement implements TypographyHProps {
+    /**
+     * The level of the heading.
+     */
+    level: TypographyHLevel;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography h.
+     */
+    private get _hSlot();
+    /**
+     * Appends children to the typography h slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-large.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled large text element.
+ *
+ * @element rtg-typography-large
+ * @slot typography-large
+ */
+export declare class TypographyLarge extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography large.
+     */
+    private get _largeSlot();
+    /**
+     * Appends children to the typography large slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-lead.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled lead text element.
+ *
+ * @element rtg-typography-lead
+ * @slot typography-lead
+ */
+export declare class TypographyLead extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography lead.
+     */
+    private get _leadSlot();
+    /**
+     * Appends children to the typography lead slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-list.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled `<ul>` element, styling `<li>` children as well.
+ *
+ * @element rtg-typography-list
+ * @slot typography-list
+ */
+export declare class TypographyList extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography list.
+     */
+    private get _listSlot();
+    /**
+     * Appends children to the typography list slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-muted.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled muted text element.
+ *
+ * @element rtg-typography-muted
+ * @slot typography-muted
+ */
+export declare class TypographyMuted extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography muted.
+     */
+    private get _mutedSlot();
+    /**
+     * Appends children to the typography muted slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-p.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled `<p>` element.
+ *
+ * @element rtg-typography-p
+ * @slot typography-p
+ */
+export declare class TypographyP extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography p.
+     */
+    private get _pSlot();
+    /**
+     * Appends children to the typography p slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-small.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled `<small>` element.
+ *
+ * @element rtg-typography-small
+ * @slot typography-small
+ */
+export declare class TypographySmall extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography small.
+     */
+    private get _smallSlot();
+    /**
+     * Appends children to the typography small slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-table.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a table wrapper, styling the `<table>` child element, as well as its
+ * subchildren (`<thead>`, `<tbody>`, `<tr>`, `<th>`, and `<td>`).
+ *
+ * @element rtg-typography-table
+ */
+export declare class TypographyTable extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+}

package/dist/src/components/ui/typography/typography.d.ts

@@ -0,0 +1,28 @@
+import { TypographyBlockquote } from './_typography-blockquote';
+import { TypographyCode } from './_typography-code';
+import { TypographyH } from './_typography-h';
+import { TypographyLarge } from './_typography-large';
+import { TypographyLead } from './_typography-lead';
+import { TypographyList } from './_typography-list';
+import { TypographyMuted } from './_typography-muted';
+import { TypographyP } from './_typography-p';
+import { TypographySmall } from './_typography-small';
+import { TypographyTable } from './_typography-table';
+export { TypographyBlockquote, TypographyCode, TypographyH, TypographyLarge, TypographyLead, TypographyList, TypographyMuted, TypographyP, TypographySmall, TypographyTable, };
+/**
+ * Styles for headings, paragraphs, lists, etc.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-typography-h': TypographyH;
+        'rtg-typography-p': TypographyP;
+        'rtg-typography-blockquote': TypographyBlockquote;
+        'rtg-typography-table': TypographyTable;
+        'rtg-typography-list': TypographyList;
+        'rtg-typography-code': TypographyCode;
+        'rtg-typography-lead': TypographyLead;
+        'rtg-typography-large': TypographyLarge;
+        'rtg-typography-small': TypographySmall;
+        'rtg-typography-muted': TypographyMuted;
+    }
+}

package/dist/src/components/ui/typography/typography.defs.d.ts

@@ -0,0 +1,4 @@
+export type TypographyHLevel = 'h1' | 'h2' | 'h3' | 'h4';
+export interface TypographyHProps {
+    level: TypographyHLevel;
+}

package/dist/src/components/ui/typography/typography.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Demo: Story;
+export declare const Heading1: Story;
+export declare const Heading2: Story;
+export declare const Heading3: Story;
+export declare const Heading4: Story;
+export declare const Paragraph: Story;
+export declare const Blockquote: Story;
+export declare const Table: Story;
+export declare const List: Story;
+export declare const Code: Story;
+export declare const Lead: Story;
+export declare const Large: Story;
+export declare const Small: Story;
+export declare const Muted: Story;

package/dist/src/components/widgets/light-sample-demo/light-sample.demo.d.ts

@@ -1,5 +1,4 @@
 import { BaseElement } from '../../../helpers';
-
 export declare class LightSampleDemo extends BaseElement {
     constructor();
     protected getAttributesToExclude(): string[];

package/dist/src/helpers/base-element.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare abstract class BaseElement extends LitElement {
     customClass: string;
     customStyle: string;

package/dist/src/helpers/mouse-conroller.helper.d.ts

@@ -1,5 +1,4 @@
 import { ReactiveControllerHost } from 'lit';
-
 export declare class MouseController {
     private host;
     pos: {

package/dist/src/helpers/shadow-wrapper.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class ShadowWrapper extends LitElement {
     static styles: import('lit').CSSResult;
     constructor();

package/dist/src/helpers/style.helpers.d.ts

@@ -1,3 +1,2 @@
 import { ClassValue } from 'clsx';
-
 export declare function cn(...inputs: ClassValue[]): string;

package/dist/src/helpers/widget-controller.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class WidgetController {
     protected values: Record<string, string>;
     protected errors: Record<string, string>;

package/dist/src/interfaces/actionable.interface.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export type ActionableProps = Partial<{
     onClick: (event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     onSubmit: (event?: React.FormEvent<HTMLFormElement>) => void;

package/dist/src/interfaces/changeable.interface.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IntractableProps } from './intractable.interface';
-
 export type ChangeableProps<T = React.ChangeEvent<HTMLInputElement> | string | number, K = unknown> = Partial<IntractableProps & {
     onChange: (event?: T, value?: K) => void;
     onBlur: (event?: T) => void;

package/dist/src/interfaces/child-support-atomic.interface.d.ts

@@ -1,5 +1,4 @@
 import { AtomicProps } from './atomic.interface';
-
 export type AtomicComponentWithChildren = {
     children: React.ReactNode;
 } & AtomicProps;

package/dist/src/lib/react/react.lib.d.ts

@@ -1,5 +1,4 @@
 import { Button, Checkbox } from '../../components';
-
 declare const ButtonReact: import('@lit-labs/react').ReactWebComponent<Button, {}>;
 declare const CheckboxReact: import('@lit-labs/react').ReactWebComponent<Checkbox, {}>;
 export { ButtonReact, CheckboxReact };

package/dist/src/tokens/tailwind/border-radius.d.ts

@@ -7,12 +7,10 @@ export declare const borderRadius: {
     'combo-box-trigger-radius': string;
     'combo-box-item-radius': string;
     'carousel-button-radius': string;
-    'textarea-radius': string;
     'toast-viewport-item-radius': string;
     'toast-action-radius': string;
     'toggle-group-item-radius': string;
     'toggle-radius': string;
-    'scrollarea-radius': string;
     'switch-radius': string;
     'switch-thumb-radius': string;
     'skeleton-radius': string;
@@ -47,6 +45,5 @@ export declare const borderRadius: {
     'calendar-weekday-radius': string;
     'calendar-day-radius': string;
     'button-radius': string;
-    'badge-radius': string;
     'accordion-trigger-radius': string;
 };

package/dist/src/tokens/tailwind/border-width.d.ts

@@ -22,7 +22,6 @@ export declare const borderWidth: {
     'button-width-border-focus': string;
     'button-width-border-invalid': string;
     'button-outline-width-border': string;
-    'badge-width-border': string;
     'accordion-item-width-border': string;
     'accordion-trigger-width-border-focus': string;
 };

package/dist/src/tokens/tailwind/box-shadow.d.ts

@@ -1,14 +1,9 @@
 export declare const boxShadow: {
-    'navigation-menu-item-shadow-focus': string;
     'navigation-menu-content-container-shadow': string;
     'combo-box-group-shadow': string;
     'toast-viewport-item-shadow': string;
-    'switch-shadow': string;
-    'select-trigger-shadow': string;
     'select-content-shadow': string;
-    'radio-group-item-shadow': string;
     'popover-content-shadow': string;
-    'menubar-shadow': string;
     'menubar-content-shadow': string;
     'hover-card-content-shadow': string;
     'dropdown-menu-content-shadow': string;

package/dist/src/tokens/tailwind/color.d.ts

@@ -30,12 +30,6 @@ export declare const color: {
     'table-footer-color-border': string;
     'table-footer-color-bg': string;
     'table-footer-row-color-bg-hover': string;
-    'textarea-color-bg': string;
-    'textarea-color-border': string;
-    'textarea-color-border-focus': string;
-    'textarea-color-text': string;
-    'textarea-color-ring-focus': string;
-    'textarea-color-text-placeholder': string;
     'toast-viewport-default-color-bg': string;
     'toast-viewport-default-color-text': string;
     'toast-viewport-destructive-color-bg': string;
@@ -231,29 +225,6 @@ export declare const color: {
     'breadcrumb-list-color-text': string;
     'breadcrumb-link-color-text-hover': string;
     'breadcrumb-page-color-text': string;
-    'badge-color-border-focus': string;
-    'badge-color-border-invalid': string;
-    'badge-color-ring-invalid': string;
-    'badge-default-color-border': string;
-    'badge-default-color-bg': string;
-    'badge-default-color-text': string;
-    'badge-default-color-bg-hover': string;
-    'badge-default-color-ring-focus': string;
-    'badge-secondary-color-border': string;
-    'badge-secondary-color-bg': string;
-    'badge-secondary-color-text': string;
-    'badge-secondary-color-bg-hover': string;
-    'badge-secondary-color-ring-focus': string;
-    'badge-outline-color-border': string;
-    'badge-outline-color-text': string;
-    'badge-outline-color-bg-hover': string;
-    'badge-outline-color-text-hover': string;
-    'badge-outline-color-ring-focus': string;
-    'badge-destructive-color-border': string;
-    'badge-destructive-color-bg': string;
-    'badge-destructive-color-text': string;
-    'badge-destructive-color-bg-hover': string;
-    'badge-destructive-color-ring-focus': string;
     'accordion-item-color-border': string;
     'accordion-trigger-color-border-focus': string;
     'accordion-trigger-color-ring-focus': string;

package/dist/src/tokens/tailwind/font-size.d.ts

@@ -19,10 +19,6 @@ export declare const fontSize: {
     'table-caption-font': (string | {
         lineHeight: string;
     })[];
-    'textarea-font': (string | {
-        lineHeight: string;
-        letterSpacing: string;
-    })[];
     'toast-title-font': (string | {
         lineHeight: string;
         letterSpacing: string;
@@ -89,10 +85,6 @@ export declare const fontSize: {
     'calendar-day-button-span-font': string[];
     'button-font-size': string[];
     'breadcrumb-list-font': string[];
-    'badge-font-size': (string | {
-        lineHeight: string;
-        letterSpacing: string;
-    })[];
     'accordion-trigger-font': string[];
     'accordion-content-font': string[];
 };

package/dist/src/tokens/tailwind/font-weight.d.ts

@@ -22,7 +22,6 @@ export declare const fontWeight: {
     'button-font-weight': string;
     'breadcrumb-list-font-weight': string;
     'breadcrumb-page-font-weight': string;
-    'badge-font-weight': string;
     'accordion-trigger-font-weight': string;
     'accordion-content-font-weight': string;
 };