@sparkux/themes 0.0.0-stage → 2.0.3

package/types/inlinemessage/index.d.ts

@@ -0,0 +1,276 @@
+/**
+ *
+ * InlineMessage Design Tokens
+ *
+ * @module inlinemessage
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace InlineMessageTokenSections {
+    interface Root {
+        /**
+         * Padding of root
+         *
+         * @designToken inlinemessage.padding
+         */
+        padding?: string;
+        /**
+         * Border radius of root
+         *
+         * @designToken inlinemessage.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Gap of root
+         *
+         * @designToken inlinemessage.gap
+         */
+        gap?: string;
+    }
+
+    interface Text {
+        /**
+         * Font weight of text
+         *
+         * @designToken inlinemessage.text.font.weight
+         */
+        fontWeight?: string;
+    }
+
+    interface Icon {
+        /**
+         * Size of icon
+         *
+         * @designToken inlinemessage.icon.size
+         */
+        size?: string;
+    }
+
+    interface Info {
+        /**
+         * Background of info
+         *
+         * @designToken inlinemessage.info.background
+         */
+        background?: string;
+        /**
+         * Border color of info
+         *
+         * @designToken inlinemessage.info.border.color
+         */
+        borderColor?: string;
+        /**
+         * Color of info
+         *
+         * @designToken inlinemessage.info.color
+         */
+        color?: string;
+        /**
+         * Shadow of info
+         *
+         * @designToken inlinemessage.info.shadow
+         */
+        shadow?: string;
+    }
+
+    interface Success {
+        /**
+         * Background of success
+         *
+         * @designToken inlinemessage.success.background
+         */
+        background?: string;
+        /**
+         * Border color of success
+         *
+         * @designToken inlinemessage.success.border.color
+         */
+        borderColor?: string;
+        /**
+         * Color of success
+         *
+         * @designToken inlinemessage.success.color
+         */
+        color?: string;
+        /**
+         * Shadow of success
+         *
+         * @designToken inlinemessage.success.shadow
+         */
+        shadow?: string;
+    }
+
+    interface Warn {
+        /**
+         * Background of warn
+         *
+         * @designToken inlinemessage.warn.background
+         */
+        background?: string;
+        /**
+         * Border color of warn
+         *
+         * @designToken inlinemessage.warn.border.color
+         */
+        borderColor?: string;
+        /**
+         * Color of warn
+         *
+         * @designToken inlinemessage.warn.color
+         */
+        color?: string;
+        /**
+         * Shadow of warn
+         *
+         * @designToken inlinemessage.warn.shadow
+         */
+        shadow?: string;
+    }
+
+    interface Error {
+        /**
+         * Background of error
+         *
+         * @designToken inlinemessage.error.background
+         */
+        background?: string;
+        /**
+         * Border color of error
+         *
+         * @designToken inlinemessage.error.border.color
+         */
+        borderColor?: string;
+        /**
+         * Color of error
+         *
+         * @designToken inlinemessage.error.color
+         */
+        color?: string;
+        /**
+         * Shadow of error
+         *
+         * @designToken inlinemessage.error.shadow
+         */
+        shadow?: string;
+    }
+
+    interface Secondary {
+        /**
+         * Background of secondary
+         *
+         * @designToken inlinemessage.secondary.background
+         */
+        background?: string;
+        /**
+         * Border color of secondary
+         *
+         * @designToken inlinemessage.secondary.border.color
+         */
+        borderColor?: string;
+        /**
+         * Color of secondary
+         *
+         * @designToken inlinemessage.secondary.color
+         */
+        color?: string;
+        /**
+         * Shadow of secondary
+         *
+         * @designToken inlinemessage.secondary.shadow
+         */
+        shadow?: string;
+    }
+
+    interface Contrast {
+        /**
+         * Background of contrast
+         *
+         * @designToken inlinemessage.contrast.background
+         */
+        background?: string;
+        /**
+         * Border color of contrast
+         *
+         * @designToken inlinemessage.contrast.border.color
+         */
+        borderColor?: string;
+        /**
+         * Color of contrast
+         *
+         * @designToken inlinemessage.contrast.color
+         */
+        color?: string;
+        /**
+         * Shadow of contrast
+         *
+         * @designToken inlinemessage.contrast.shadow
+         */
+        shadow?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<InlineMessageDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _InlineMessage Design Tokens_
+ *
+ * @group components
+ * @module inlinemessage
+ * @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 InlineMessageDesignTokens extends DesignTokens<InlineMessageDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: InlineMessageTokenSections.Root;
+    /**
+     * Used to pass tokens of the text section
+     */
+    text?: InlineMessageTokenSections.Text;
+    /**
+     * Used to pass tokens of the icon section
+     */
+    icon?: InlineMessageTokenSections.Icon;
+    /**
+     * Used to pass tokens of the info section
+     */
+    info?: InlineMessageTokenSections.Info;
+    /**
+     * Used to pass tokens of the success section
+     */
+    success?: InlineMessageTokenSections.Success;
+    /**
+     * Used to pass tokens of the warn section
+     */
+    warn?: InlineMessageTokenSections.Warn;
+    /**
+     * Used to pass tokens of the error section
+     */
+    error?: InlineMessageTokenSections.Error;
+    /**
+     * Used to pass tokens of the secondary section
+     */
+    secondary?: InlineMessageTokenSections.Secondary;
+    /**
+     * Used to pass tokens of the contrast section
+     */
+    contrast?: InlineMessageTokenSections.Contrast;
+}

package/types/inplace/index.d.ts

@@ -0,0 +1,118 @@
+/**
+ *
+ * Inplace Design Tokens
+ *
+ * @module inplace
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace InplaceTokenSections {
+    interface Root {
+        /**
+         * Padding of root
+         *
+         * @designToken inplace.padding
+         */
+        padding?: string;
+        /**
+         * Border radius of root
+         *
+         * @designToken inplace.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Focus ring of root
+         */
+        focusRing?: {
+            /**
+             * Focus ring width of root
+             *
+             * @designToken inplace.focus.ring.width
+             */
+            width?: string;
+            /**
+             * Focus ring style of root
+             *
+             * @designToken inplace.focus.ring.style
+             */
+            style?: string;
+            /**
+             * Focus ring color of root
+             *
+             * @designToken inplace.focus.ring.color
+             */
+            color?: string;
+            /**
+             * Focus ring offset of root
+             *
+             * @designToken inplace.focus.ring.offset
+             */
+            offset?: string;
+            /**
+             * Focus ring shadow of root
+             *
+             * @designToken inplace.focus.ring.shadow
+             */
+            shadow?: string;
+        };
+        /**
+         * Transition duration of root
+         *
+         * @designToken inplace.transition.duration
+         */
+        transitionDuration?: string;
+    }
+
+    interface Display {
+        /**
+         * Hover background of display
+         *
+         * @designToken inplace.display.hover.background
+         */
+        hoverBackground?: string;
+        /**
+         * Hover color of display
+         *
+         * @designToken inplace.display.hover.color
+         */
+        hoverColor?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<InplaceDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _Inplace Design Tokens_
+ *
+ * @group components
+ * @module inplace
+ * @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 InplaceDesignTokens extends DesignTokens<InplaceDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: InplaceTokenSections.Root;
+    /**
+     * Used to pass tokens of the display section
+     */
+    display?: InplaceTokenSections.Display;
+}

package/types/inputchips/index.d.ts

@@ -0,0 +1,202 @@
+/**
+ *
+ * InputChips Design Tokens
+ *
+ * @module inputchips
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace InputChipsTokenSections {
+    interface Root {
+        /**
+         * Background of root
+         *
+         * @designToken inputchips.background
+         */
+        background?: string;
+        /**
+         * Disabled background of root
+         *
+         * @designToken inputchips.disabled.background
+         */
+        disabledBackground?: string;
+        /**
+         * Filled background of root
+         *
+         * @designToken inputchips.filled.background
+         */
+        filledBackground?: string;
+        /**
+         * Filled focus background of root
+         *
+         * @designToken inputchips.filled.focus.background
+         */
+        filledFocusBackground?: string;
+        /**
+         * Border color of root
+         *
+         * @designToken inputchips.border.color
+         */
+        borderColor?: string;
+        /**
+         * Hover border color of root
+         *
+         * @designToken inputchips.hover.border.color
+         */
+        hoverBorderColor?: string;
+        /**
+         * Focus border color of root
+         *
+         * @designToken inputchips.focus.border.color
+         */
+        focusBorderColor?: string;
+        /**
+         * Invalid border color of root
+         *
+         * @designToken inputchips.invalid.border.color
+         */
+        invalidBorderColor?: string;
+        /**
+         * Color of root
+         *
+         * @designToken inputchips.color
+         */
+        color?: string;
+        /**
+         * Disabled color of root
+         *
+         * @designToken inputchips.disabled.color
+         */
+        disabledColor?: string;
+        /**
+         * Placeholder color of root
+         *
+         * @designToken inputchips.placeholder.color
+         */
+        placeholderColor?: string;
+        /**
+         * Shadow of root
+         *
+         * @designToken inputchips.shadow
+         */
+        shadow?: string;
+        /**
+         * Padding x of root
+         *
+         * @designToken inputchips.padding.x
+         */
+        paddingX?: string;
+        /**
+         * Padding y of root
+         *
+         * @designToken inputchips.padding.y
+         */
+        paddingY?: string;
+        /**
+         * Border radius of root
+         *
+         * @designToken inputchips.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Focus ring of root
+         */
+        focusRing?: {
+            /**
+             * Focus ring width of root
+             *
+             * @designToken inputchips.focus.ring.width
+             */
+            width?: string;
+            /**
+             * Focus ring style of root
+             *
+             * @designToken inputchips.focus.ring.style
+             */
+            style?: string;
+            /**
+             * Focus ring color of root
+             *
+             * @designToken inputchips.focus.ring.color
+             */
+            color?: string;
+            /**
+             * Focus ring offset of root
+             *
+             * @designToken inputchips.focus.ring.offset
+             */
+            offset?: string;
+            /**
+             * Focus ring shadow of root
+             *
+             * @designToken inputchips.focus.ring.shadow
+             */
+            shadow?: string;
+        };
+        /**
+         * Transition duration of root
+         *
+         * @designToken inputchips.transition.duration
+         */
+        transitionDuration?: string;
+    }
+
+    interface Chip {
+        /**
+         * Border radius of chip
+         *
+         * @designToken inputchips.chip.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Focus background of chip
+         *
+         * @designToken inputchips.chip.focus.background
+         */
+        focusBackground?: string;
+        /**
+         * Color of chip
+         *
+         * @designToken inputchips.chip.color
+         */
+        color?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<InputChipsDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _InputChips Design Tokens_
+ *
+ * @group components
+ * @module inputchips
+ * @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 InputChipsDesignTokens extends DesignTokens<InputChipsDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: InputChipsTokenSections.Root;
+    /**
+     * Used to pass tokens of the chip section
+     */
+    chip?: InputChipsTokenSections.Chip;
+}

package/types/inputgroup/index.d.ts

@@ -0,0 +1,82 @@
+/**
+ *
+ * InputGroup Design Tokens
+ *
+ * @module inputgroup
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace InputGroupTokenSections {
+    interface Addon {
+        /**
+         * Background of addon
+         *
+         * @designToken inputgroup.addon.background
+         */
+        background?: string;
+        /**
+         * Border color of addon
+         *
+         * @designToken inputgroup.addon.border.color
+         */
+        borderColor?: string;
+        /**
+         * Color of addon
+         *
+         * @designToken inputgroup.addon.color
+         */
+        color?: string;
+        /**
+         * Border radius of addon
+         *
+         * @designToken inputgroup.addon.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Padding of addon
+         *
+         * @designToken inputgroup.addon.padding
+         */
+        padding?: string;
+        /**
+         * Min width of addon
+         *
+         * @designToken inputgroup.addon.min.width
+         */
+        minWidth?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<InputGroupDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _InputGroup Design Tokens_
+ *
+ * @group components
+ * @module inputgroup
+ * @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 InputGroupDesignTokens extends DesignTokens<InputGroupDesignTokens> {
+    /**
+     * Used to pass tokens of the addon section
+     */
+    addon?: InputGroupTokenSections.Addon;
+}