@sparkux/themes 0.0.0-stage → 2.0.3

package/types/panelmenu/index.d.ts

@@ -0,0 +1,227 @@
+/**
+ *
+ * PanelMenu Design Tokens
+ *
+ * @module panelmenu
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace PanelMenuTokenSections {
+    interface Root {
+        /**
+         * Gap of root
+         *
+         * @designToken panelmenu.gap
+         */
+        gap?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken panelmenu.transition.duration
+         */
+        transitionDuration?: string;
+    }
+
+    interface Panel {
+        /**
+         * Background of panel
+         *
+         * @designToken panelmenu.panel.background
+         */
+        background?: string;
+        /**
+         * Border color of panel
+         *
+         * @designToken panelmenu.panel.border.color
+         */
+        borderColor?: string;
+        /**
+         * Border width of panel
+         *
+         * @designToken panelmenu.panel.border.width
+         */
+        borderWidth?: string;
+        /**
+         * Color of panel
+         *
+         * @designToken panelmenu.panel.color
+         */
+        color?: string;
+        /**
+         * Padding of panel
+         *
+         * @designToken panelmenu.panel.padding
+         */
+        padding?: string;
+        /**
+         * Border radius of panel
+         *
+         * @designToken panelmenu.panel.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * First of panel
+         */
+        first?: {
+            /**
+             * First border width of panel
+             *
+             * @designToken panelmenu.panel.first.border.width
+             */
+            borderWidth?: string;
+            /**
+             * First top border radius of panel
+             *
+             * @designToken panelmenu.panel.first.top.border.radius
+             */
+            topBorderRadius?: string;
+        };
+        /**
+         * Last of panel
+         */
+        last?: {
+            /**
+             * Last border width of panel
+             *
+             * @designToken panelmenu.panel.last.border.width
+             */
+            borderWidth?: string;
+            /**
+             * Last bottom border radius of panel
+             *
+             * @designToken panelmenu.panel.last.bottom.border.radius
+             */
+            bottomBorderRadius?: string;
+        };
+    }
+
+    interface Item {
+        /**
+         * Focus background of item
+         *
+         * @designToken panelmenu.item.focus.background
+         */
+        focusBackground?: string;
+        /**
+         * Color of item
+         *
+         * @designToken panelmenu.item.color
+         */
+        color?: string;
+        /**
+         * Focus color of item
+         *
+         * @designToken panelmenu.item.focus.color
+         */
+        focusColor?: string;
+        /**
+         * Gap of item
+         *
+         * @designToken panelmenu.item.gap
+         */
+        gap?: string;
+        /**
+         * Padding of item
+         *
+         * @designToken panelmenu.item.padding
+         */
+        padding?: string;
+        /**
+         * Border radius of item
+         *
+         * @designToken panelmenu.item.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Icon of item
+         */
+        icon?: {
+            /**
+             * Icon color of item
+             *
+             * @designToken panelmenu.item.icon.color
+             */
+            color?: string;
+            /**
+             * Icon focus color of item
+             *
+             * @designToken panelmenu.item.icon.focus.color
+             */
+            focusColor?: string;
+        };
+    }
+
+    interface Submenu {
+        /**
+         * Indent of submenu
+         *
+         * @designToken panelmenu.submenu.indent
+         */
+        indent?: string;
+    }
+
+    interface SubmenuIcon {
+        /**
+         * Color of submenu icon
+         *
+         * @designToken panelmenu.submenu.icon.color
+         */
+        color?: string;
+        /**
+         * Focus color of submenu icon
+         *
+         * @designToken panelmenu.submenu.icon.focus.color
+         */
+        focusColor?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<PanelMenuDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _PanelMenu Design Tokens_
+ *
+ * @group components
+ * @module panelmenu
+ * @see
+ * --- ---
+ * **Compatible Libraries**
+ *
+ * [![PrimeNG](https://i.postimg.cc/63f7jVST/primeng-icon-24.png)](https://primeng.org/theming/styled)
+ * --- ---
+ * **Figma UI Kit**
+ *
+ * [PrimeNG](https://primeng.org/uikit)
+ *
+ */
+export interface PanelMenuDesignTokens extends DesignTokens<PanelMenuDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: PanelMenuTokenSections.Root;
+    /**
+     * Used to pass tokens of the panel section
+     */
+    panel?: PanelMenuTokenSections.Panel;
+    /**
+     * Used to pass tokens of the item section
+     */
+    item?: PanelMenuTokenSections.Item;
+    /**
+     * Used to pass tokens of the submenu section
+     */
+    submenu?: PanelMenuTokenSections.Submenu;
+    /**
+     * Used to pass tokens of the submenu icon section
+     */
+    submenuIcon?: PanelMenuTokenSections.SubmenuIcon;
+}

package/types/password/index.d.ts

@@ -0,0 +1,158 @@
+/**
+ *
+ * Password Design Tokens
+ *
+ * @module password
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace PasswordTokenSections {
+    interface Meter {
+        /**
+         * Background of meter
+         *
+         * @designToken password.meter.background
+         */
+        background?: string;
+        /**
+         * Border radius of meter
+         *
+         * @designToken password.meter.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Height of meter
+         *
+         * @designToken password.meter.height
+         */
+        height?: string;
+    }
+
+    interface Icon {
+        /**
+         * Color of icon
+         *
+         * @designToken password.icon.color
+         */
+        color?: string;
+    }
+
+    interface Overlay {
+        /**
+         * Background of overlay
+         *
+         * @designToken password.overlay.background
+         */
+        background?: string;
+        /**
+         * Border color of overlay
+         *
+         * @designToken password.overlay.border.color
+         */
+        borderColor?: string;
+        /**
+         * Border radius of overlay
+         *
+         * @designToken password.overlay.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Color of overlay
+         *
+         * @designToken password.overlay.color
+         */
+        color?: string;
+        /**
+         * Padding of overlay
+         *
+         * @designToken password.overlay.padding
+         */
+        padding?: string;
+        /**
+         * Shadow of overlay
+         *
+         * @designToken password.overlay.shadow
+         */
+        shadow?: string;
+    }
+
+    interface Content {
+        /**
+         * Gap of content
+         *
+         * @designToken password.content.gap
+         */
+        gap?: string;
+    }
+
+    interface Strength {
+        /**
+         * Weak background of strength
+         *
+         * @designToken password.strength.weak.background
+         */
+        weakBackground?: string;
+        /**
+         * Medium background of strength
+         *
+         * @designToken password.strength.medium.background
+         */
+        mediumBackground?: string;
+        /**
+         * Strong background of strength
+         *
+         * @designToken password.strength.strong.background
+         */
+        strongBackground?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<PasswordDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _Password Design Tokens_
+ *
+ * @group components
+ * @module password
+ * @see
+ * --- ---
+ * **Compatible Libraries**
+ *
+ * [![PrimeNG](https://i.postimg.cc/63f7jVST/primeng-icon-24.png)](https://primeng.org/theming/styled)
+ * --- ---
+ * **Figma UI Kit**
+ *
+ * [PrimeNG](https://primeng.org/uikit)
+ *
+ */
+export interface PasswordDesignTokens extends DesignTokens<PasswordDesignTokens> {
+    /**
+     * Used to pass tokens of the meter section
+     */
+    meter?: PasswordTokenSections.Meter;
+    /**
+     * Used to pass tokens of the icon section
+     */
+    icon?: PasswordTokenSections.Icon;
+    /**
+     * Used to pass tokens of the overlay section
+     */
+    overlay?: PasswordTokenSections.Overlay;
+    /**
+     * Used to pass tokens of the content section
+     */
+    content?: PasswordTokenSections.Content;
+    /**
+     * Used to pass tokens of the strength section
+     */
+    strength?: PasswordTokenSections.Strength;
+}

package/types/picklist/index.d.ts

@@ -0,0 +1,65 @@
+/**
+ *
+ * PickList Design Tokens
+ *
+ * @module picklist
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace PickListTokenSections {
+    interface Root {
+        /**
+         * Gap of root
+         *
+         * @designToken picklist.gap
+         */
+        gap?: string;
+    }
+
+    interface Controls {
+        /**
+         * Gap of controls
+         *
+         * @designToken picklist.controls.gap
+         */
+        gap?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<PickListDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _PickList Design Tokens_
+ *
+ * @group components
+ * @module picklist
+ * @see
+ * --- ---
+ * **Compatible Libraries**
+ *
+ * [![PrimeNG](https://i.postimg.cc/63f7jVST/primeng-icon-24.png)](https://primeng.org/theming/styled)
+ * --- ---
+ * **Figma UI Kit**
+ *
+ * [PrimeNG](https://primeng.org/uikit)
+ *
+ */
+export interface PickListDesignTokens extends DesignTokens<PickListDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: PickListTokenSections.Root;
+    /**
+     * Used to pass tokens of the controls section
+     */
+    controls?: PickListTokenSections.Controls;
+}

package/types/popover/index.d.ts

@@ -0,0 +1,101 @@
+/**
+ *
+ * Popover Design Tokens
+ *
+ * @module popover
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace PopoverTokenSections {
+    interface Root {
+        /**
+         * Background of root
+         *
+         * @designToken popover.background
+         */
+        background?: string;
+        /**
+         * Border color of root
+         *
+         * @designToken popover.border.color
+         */
+        borderColor?: string;
+        /**
+         * Color of root
+         *
+         * @designToken popover.color
+         */
+        color?: string;
+        /**
+         * Border radius of root
+         *
+         * @designToken popover.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Shadow of root
+         *
+         * @designToken popover.shadow
+         */
+        shadow?: string;
+        /**
+         * Gutter of root
+         *
+         * @designToken popover.gutter
+         */
+        gutter?: string;
+        /**
+         * Arrow offset of root
+         *
+         * @designToken popover.arrow.offset
+         */
+        arrowOffset?: string;
+    }
+
+    interface Content {
+        /**
+         * Padding of content
+         *
+         * @designToken popover.content.padding
+         */
+        padding?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<PopoverDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _Popover Design Tokens_
+ *
+ * @group components
+ * @module popover
+ * @see
+ * --- ---
+ * **Compatible Libraries**
+ *
+ * [![PrimeNG](https://i.postimg.cc/63f7jVST/primeng-icon-24.png)](https://primeng.org/theming/styled)
+ * --- ---
+ * **Figma UI Kit**
+ *
+ * [PrimeNG](https://primeng.org/uikit)
+ *
+ */
+export interface PopoverDesignTokens extends DesignTokens<PopoverDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: PopoverTokenSections.Root;
+    /**
+     * Used to pass tokens of the content section
+     */
+    content?: PopoverTokenSections.Content;
+}

package/types/progressbar/index.d.ts

@@ -0,0 +1,102 @@
+/**
+ *
+ * ProgressBar Design Tokens
+ *
+ * @module progressbar
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace ProgressBarTokenSections {
+    interface Root {
+        /**
+         * Background of root
+         *
+         * @designToken progressbar.background
+         */
+        background?: string;
+        /**
+         * Border radius of root
+         *
+         * @designToken progressbar.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Height of root
+         *
+         * @designToken progressbar.height
+         */
+        height?: string;
+    }
+
+    interface Value {
+        /**
+         * Background of value
+         *
+         * @designToken progressbar.value.background
+         */
+        background?: string;
+    }
+
+    interface Label {
+        /**
+         * Color of label
+         *
+         * @designToken progressbar.label.color
+         */
+        color?: string;
+        /**
+         * Font size of label
+         *
+         * @designToken progressbar.label.font.size
+         */
+        fontSize?: string;
+        /**
+         * Font weight of label
+         *
+         * @designToken progressbar.label.font.weight
+         */
+        fontWeight?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<ProgressBarDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _ProgressBar Design Tokens_
+ *
+ * @group components
+ * @module progressbar
+ * @see
+ * --- ---
+ * **Compatible Libraries**
+ *
+ * [![PrimeNG](https://i.postimg.cc/63f7jVST/primeng-icon-24.png)](https://primeng.org/theming/styled)
+ * --- ---
+ * **Figma UI Kit**
+ *
+ * [PrimeNG](https://primeng.org/uikit)
+ *
+ */
+export interface ProgressBarDesignTokens extends DesignTokens<ProgressBarDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: ProgressBarTokenSections.Root;
+    /**
+     * Used to pass tokens of the value section
+     */
+    value?: ProgressBarTokenSections.Value;
+    /**
+     * Used to pass tokens of the label section
+     */
+    label?: ProgressBarTokenSections.Label;
+}

package/types/progressspinner/index.d.ts

@@ -0,0 +1,70 @@
+/**
+ *
+ * ProgressSpinner Design Tokens
+ *
+ * @module progressspinner
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace ProgressSpinnerTokenSections {
+    interface Root {
+        /**
+         * Color one of root
+         *
+         * @designToken progressspinner.color.one
+         */
+        colorOne?: string;
+        /**
+         * Color two of root
+         *
+         * @designToken progressspinner.color.two
+         */
+        colorTwo?: string;
+        /**
+         * Color three of root
+         *
+         * @designToken progressspinner.color.three
+         */
+        colorThree?: string;
+        /**
+         * Color four of root
+         *
+         * @designToken progressspinner.color.four
+         */
+        colorFour?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<ProgressSpinnerDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _ProgressSpinner Design Tokens_
+ *
+ * @group components
+ * @module progressspinner
+ * @see
+ * --- ---
+ * **Compatible Libraries**
+ *
+ * [![PrimeNG](https://i.postimg.cc/63f7jVST/primeng-icon-24.png)](https://primeng.org/theming/styled)
+ * --- ---
+ * **Figma UI Kit**
+ *
+ * [PrimeNG](https://primeng.org/uikit)
+ *
+ */
+export interface ProgressSpinnerDesignTokens extends DesignTokens<ProgressSpinnerDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: ProgressSpinnerTokenSections.Root;
+}