@tmorrow/cre8-wc 1.2.4 → 1.2.6

package/lib/components/cre8-form-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cre8-form-element.js","sourceRoot":"","sources":["../../components/cre8-form-element.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js';\nimport { provide } from '@lit/context';\nimport { Cre8Element } from './cre8-element';\nimport {\n    formInternalsContext,\n    formStateContext,\n    type Cre8ElementInternals,\n    type FormElementState\n} from './contexts/form-internals-context';\n\nexport { type Cre8ElementInternals, type FormElementState } from './contexts/form-internals-context';\n\n/**\n * Base class for form-associated custom elements.\n * Provides ElementInternals context to descendant components.\n */\nexport abstract class Cre8FormElement extends Cre8Element {\n    /**\n     * @internal\n     * Tells the browser to treat the element like a form field.\n     * Ties the element to the HTML form it is in.\n     */\n    static formAssociated = true;\n\n    /**\n     * The type of form control (text, checkbox, radio, etc.)\n     */\n    abstract type: string;\n\n    /**\n     * @protected\n     * @internal\n     * Stores the value for the `value` getter and setter.\n     */\n    protected internalValue: string = '';\n\n    /**\n     * The underlying HTML form field element.\n     * Should be implemented with `@query` in extending classes.\n     */\n    protected field?: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement;\n\n    /**\n     * @internal\n     * Stores the initial value for form reset functionality\n     */\n    protected defaultValue: string | boolean = '';\n\n    /**\n     * Provides ElementInternals to descendant components via context.\n     * Descendants can consume this to access form participation APIs.\n     */\n    @provide({ context: formInternalsContext })\n    _internals: Cre8ElementInternals;\n\n    /**\n     * Provides form element state to descendants via context.\n     * Useful for nested components that need to react to form state.\n     */\n    @provide({ context: formStateContext })\n    _formState: FormElementState = {\n        value: '',\n        disabled: false,\n        required: false,\n        isError: false,\n        isSuccess: false,\n    };\n\n    /**\n     * The name of the form field\n     */\n    @property()\n    name?: string;\n\n    /**\n     * Whether the field is disabled\n     */\n    @property({ type: Boolean, reflect: true })\n    disabled?: boolean;\n\n    /**\n     * Whether the field is required\n     */\n    @property({ type: Boolean, reflect: true })\n    required?: boolean;\n\n    /**\n     * Whether the field is in an error state\n     */\n    @property({ type: Boolean, reflect: true })\n    isError?: boolean;\n\n    /**\n     * Whether the field is in a success state\n     */\n    @property({ type: Boolean, reflect: true })\n    isSuccess?: boolean;\n\n    /**\n     * The value of the form field.\n     */\n    @property()\n    get value(): string {\n        return this.internalValue;\n    }\n\n    /**\n     * Sets the value of the form field.\n     * 1. Stores the new value so it can be retrieved by the getter.\n     * 2. Sets the current value of the control via ElementInternals.\n     * 3. Updates the actual field element.\n     * 4. Updates the form state context.\n     * 5. Triggers a re-render.\n     */\n    set value(newValue: string) {\n        const oldValue = this.value;\n        this.internalValue = newValue;\n\n        // Update form value for non-checkbox/radio types\n        if (this.type !== 'checkbox' && this.type !== 'radio') {\n            this._internals?.setFormValue(newValue);\n        }\n\n        this.updateField();\n        this.updateFormState();\n        this.requestUpdate('value', oldValue);\n    }\n\n    /**\n     * Updates the form state context for descendant consumption\n     */\n    protected updateFormState(): void {\n        this._formState = {\n            value: this.internalValue,\n            disabled: this.disabled ?? false,\n            required: this.required ?? false,\n            isError: this.isError ?? false,\n            isSuccess: this.isSuccess ?? false,\n            name: this.name,\n        };\n    }\n\n    /**\n     * Updates the actual field element's value\n     */\n    protected updateField(): void {\n        if (this.field && this.internalValue !== undefined) {\n            this.field.value = this.internalValue ?? '';\n        }\n    }\n\n    /**\n     * Lifecycle hook called after first render\n     */\n    protected firstUpdated(): void {\n        if (this.type !== 'checkbox' && this.type !== 'radio') {\n            this.defaultValue = this.value || this.getAttribute('value') || '';\n        }\n        this.updateField();\n        this.updateFormState();\n    }\n\n    /**\n     * Called when properties change\n     */\n    protected updated(changedProperties: Map<PropertyKey, unknown>): void {\n        super.updated(changedProperties);\n\n        // Update form state context when relevant properties change\n        if (\n            changedProperties.has('disabled') ||\n            changedProperties.has('required') ||\n            changedProperties.has('isError') ||\n            changedProperties.has('isSuccess') ||\n            changedProperties.has('name')\n        ) {\n            this.updateFormState();\n        }\n    }\n\n    /**\n     * Form lifecycle callback - called when the form is reset\n     */\n    formResetCallback(): void {\n        this.value = this.defaultValue as string;\n        this.updateField();\n    }\n\n    /**\n     * Form lifecycle callback - called when the element is disabled via fieldset\n     */\n    formDisabledCallback(disabled: boolean): void {\n        this.disabled = disabled;\n    }\n\n    /**\n     * Form lifecycle callback - called when form state is restored\n     */\n    formStateRestoreCallback(state: string | FormData | null, _mode: 'restore' | 'autocomplete'): void {\n        if (typeof state === 'string') {\n            this.value = state;\n        }\n    }\n\n    /**\n     * Gets the form associated with this element\n     */\n    get form(): HTMLFormElement | null {\n        return this._internals?.form ?? null;\n    }\n\n    /**\n     * Gets the validation message\n     */\n    get validationMessage(): string {\n        return this._internals?.validationMessage ?? '';\n    }\n\n    /**\n     * Gets the validity state\n     */\n    get validity(): ValidityState | undefined {\n        return this._internals?.validity;\n    }\n\n    /**\n     * Gets whether the element will be validated\n     */\n    get willValidate(): boolean {\n        return this._internals?.willValidate ?? false;\n    }\n\n    /**\n     * Checks validity and reports to the user\n     */\n    reportValidity(): boolean {\n        return this._internals?.reportValidity() ?? true;\n    }\n\n    /**\n     * Checks validity without reporting\n     */\n    checkValidity(): boolean {\n        return this._internals?.checkValidity() ?? true;\n    }\n\n    /**\n     * Sets a custom validity message\n     */\n    setCustomValidity(message: string): void {\n        if (this._internals && this.field) {\n            if (message) {\n                this._internals.setValidity({ customError: true }, message, this.field);\n            } else {\n                this._internals.setValidity({});\n            }\n        }\n    }\n\n    constructor() {\n        super();\n        this._internals = this.attachInternals() as Cre8ElementInternals;\n    }\n}\n\nexport default Cre8FormElement;\n"]}

package/lib/components/danger-button/danger-button.d.ts

@@ -0,0 +1,208 @@
+import '../icon/icon';
+import '../loading-spinner/loading-spinner';
+import { Cre8FormElement } from '../cre8-form-element';
+/**
+     * The size and state of buttons on the screen serve as visual cues for the user
+     * about what they can do and what they should do next.
+     * They indicate the availability and priority of the action on the page.
+     *
+     * - Buttons are a single call-to-action where a single click performs that action
+     * - Use Danger Buttons when you are performing an action that is potentially dangerous,
+     * such as permanently deleting information
+     * - Use a link instead of a button when you're navigating to another place
+     *
+     * ## How to Use
+     *
+     * Danger Buttons are distinguished by three key properties:
+     *
+     * - **Visual Priority**: Style and size: Primary, Secondary, or Tertiary styles;
+     *   each with large and small variations
+     * - **State**: Interaction state: hover/click (press), focus, disabled,
+     *   and submitting/loading (only for large buttons)
+     * - **Brand**: Styles determined by the site or component theme
+     *
+     * ### Usage Guidelines
+     *
+     * Primary, Secondary and Tertiary styles emphasize or de-emphasize an action. They also define
+     * background, font style, and border colors. Large and small sizing assists with visual priority by defining button
+     * heights, left and right internal padding, and font-size.
+     *
+     * #### System Feedback
+     * Each button has a default and hover/click (press) state that give the user feedback
+     * that they have successfully interacted with a button.
+     * Button presses should always be combined with other types of timely system feedback.
+     * Examples of system feedback may be a page refresh, exposing additional controls or content,
+     * dialogs, alerts and notifications.
+     * If there is perceived a delay in system response, generally due to technical constraints,
+     * provide a progress or loading indicator.
+     *
+     * #### Button Text
+     *
+     * - Button text should be as short and simple as possible, ideally a maximum of 3 words.
+     * - Use Title Case for readability.
+     * - They should not include punctuation (exception: "Loading...").
+     * - They should not be used as an indicator of what happens on the next page, or as a substitute
+     * for a progress meter.
+     *
+     * #### Button Styling
+     *
+     * - DO use only the styles of the brand you are working on.
+     * - DO NOT combine styles, even if the page is co-branded.
+     *
+     * #### Button Sizes
+     * - DO always pair like sizes together and maintain the hierarchy of Primary and Secondary/Tertiary.
+     * - DO NOT mix sizes of buttons when they are used together as a group.
+     *
+     * #### Input Pairing
+     *
+     * Primary and Secondary buttons may be paired with input fields.
+     * Only one Primary button may appear on each screen.
+     * Use the Secondary button when there are multiple in-context buttons
+     * and/or when there is an emphasized page level button.
+     * When used in a form context, the button's `type` needs to be `submit` to pass along form data.
+     *
+     * - DO use only large buttons with input fields.
+     * - DO NOT use small buttons with input fields.
+     *
+     */
+export declare class Cre8DangerButton extends Cre8FormElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     *
+     * The button text. Should be as short and simple as possible, ideally a maximum of 3 words.
+     * - Use Title Case for readability.
+     * - Should not include punctuation (exception: "Loading...").
+     * - Should not be used as an indicator of what happens on the next page, or as a substitute for a progress meter.
+     */
+    text?: string;
+    /**
+     * Style variant
+     * - **primary** renders the button used for primary actions. Presents highest visual priority.
+     *   When grouped with other buttons, only one primary is allowed
+     * - **secondary** renders a secondary button. Presents a lower visual priority
+     * - **tertiary** renders a tertiary button. Presents the lowest visual priority.
+     *   Should be used in limited amounts - consider if a link (`<a>`) would be more appropriate
+     */
+    variant?: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * Disabled attribute
+     * @attr {boolean}
+     *
+     * **NOTE**: Disabled states are used to indicate that an action is temporarily unavailable.
+     * In general, using disabled states is NOT advised. It should be clear to the user what actions they must
+     * take to activate the button. Real-time, field-level validation can help provide clarity.
+     */
+    disabled?: boolean;
+    /**
+     *
+     * Provide this property if you intend to use button styles for an anchor tag (`<a>`).
+     * This changes the component markup from `<button>` usage to `<a>` instead.
+     */
+    href?: string;
+    /**
+     * Target attribute for a link if providing `href` to style a link as a button
+     * - **_blank** yields a link that opens in a new tab
+     * - **_self** yields a link that loads the URL into the same browsing context as the current one.
+     *   This is the default behavior
+     * - **_parent** yields a link that loads the URL into the parent browsing context of the current one.
+     *   If there is no parent, this behaves the same way as _self
+     * - **_top** yields a link that loads the URL into the top-level browsing context.
+     *   If there is no parent, this behaves the same way as _self.
+     */
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    /**
+     * Type of button.
+     * - **button** (default) button has no default behavior and does nothing unless provided some sort
+     * of client-side trigger
+     * - **submit** button for submitting form data to a server
+     */
+    type: 'button' | 'submit' | 'reset';
+    /**
+     * Rel if this is an <a> element - this swaps <button> for <a>
+     */
+    rel?: string;
+    /**
+     * SVG raw string if including an icon within a button.
+     * Must include the icon's position with `iconPostion`. This prop is used for <cre8-icon>
+     */
+    svg?: string;
+    /**
+     * rotate is used for <cre8-icon> to set the arrow in the correct direction
+     */
+    iconRotateDegree?: number;
+    /**
+     * flip is used for <cre8-icon> to set the icon in the correct direction
+     */
+    iconFlipDirection?: string;
+    /**
+     * Icon position. Must include the name of the icon with `iconName`
+     *
+     * - **before** places the icon before the button text
+     * - **after** places the icon after the button text
+     */
+    iconPosition?: 'before' | 'after';
+    /**
+     * Size variants add another way to increase or decrease visual priority of a button.
+     * - **sm** shrinks the button typography and overall size from the default. Use when vertical space is constrained.
+     * - **lg** increases the button typography and overall size from the default.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Visually hide button text. Text is still accessible to assistive technology.
+     * Use this for icon-only buttons for accessibility
+     */
+    hideText?: boolean;
+    /**
+     * Full width button
+     * @attr {boolean}
+     *
+     */
+    fullWidth?: boolean;
+    /**
+     * * Changes styling to an active state with a spinning icon.
+     * * Adds accessibility treatment by:
+     *   * announcing via voiceover when the loading success/error state via a aria-live region
+     *   * setting `aria-disabled`
+     * * Disables click events / form submitting while allowing focus (for accessibility)
+     * @attr {boolean}
+     *
+     */
+    loading?: boolean;
+    /**
+     * * Variant of the loading button that:
+     *   * Removes loading spinner
+     *   * Informs the SR user that the loading status is now complete, with visually hidden text in the live area
+     * @attr {boolean}
+     *
+     */
+    loadingComplete?: boolean;
+    /**
+     * Inverted colors Danger Button (onDark)
+     */
+    inverted?: boolean;
+    /**
+     * Controls whether your loading status update to voiceover users will occur
+     * immediately (used for more urgently needed updates) using `assertive` or at the next convenient
+     * pause in their navigation using `polite`.
+     */
+    ariaLive: 'polite' | 'assertive';
+    /**
+     * Button aria expanded attribute
+     */
+    buttonAriaExpanded?: boolean;
+    field: HTMLButtonElement;
+    formSubmit(): void;
+    formReset(): void;
+    private renderDangerButtonLink;
+    private renderDangerButtonIconography;
+    private renderDangerButtonLoading;
+    render(): import("lit-html").TemplateResult<1>;
+    _buttonClick(e: MouseEvent | KeyboardEvent): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-danger-button': Cre8DangerButton;
+    }
+}
+export default Cre8DangerButton;
+//# sourceMappingURL=danger-button.d.ts.map

package/lib/components/danger-button/danger-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"danger-button.d.ts","sourceRoot":"","sources":["../../../components/danger-button/danger-button.ts"],"names":[],"mappings":"AAGA,OAAO,cAAc,CAAC;AACtB,OAAO,oCAAoC,CAAC;AAG5C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+DO;AAEP,qBAAa,gBAAiB,SAAQ,eAAe;IACjD,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;;;OAMG;IAEC,IAAI,CAAC,SAAY;IAErB;;;;;;;OAOG;IAEC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAa;IAE/D;;;;;;;OAOG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IAEC,IAAI,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;;;;OASG;IAEC,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAErD;;;;;OAKG;IAEC,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAEnD;;OAEG;IAEC,GAAG,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IAEC,GAAG,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEC,gBAAgB,CAAC,EAAE,MAAM,CAAK;IAElC;;OAEG;IAEC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;;;OAKG;IAEC,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAa;IAElD;;;;OAIG;IAEC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IAEC,SAAS,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;;;;OAQG;IAEC,OAAO,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;;OAMG;IAEC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IAEC,QAAQ,EAAE,QAAQ,GAAG,WAAW,CAAe;IAEnD;;OAEG;IAEC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAG7B,KAAK,EAAG,iBAAiB,CAAC;IAE9B,UAAU;IAOV,SAAS;IAOT,OAAO,CAAC,sBAAsB;IAyB9B,OAAO,CAAC,6BAA6B;IAMrC,OAAO,CAAC,yBAAyB;IAejC,MAAM;IAgDC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,aAAa;CAepD;AAMD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,oBAAoB,EAAE,gBAAgB,CAAC;KAAE;CAAE;AAE9F,eAAe,gBAAgB,CAAC"}