@sparkux/themes 0.0.0-stage → 2.0.3

package/types/badge/index.d.ts

@@ -0,0 +1,303 @@
+/**
+ *
+ * Badge Design Tokens
+ *
+ * @module badge
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace BadgeTokenSections {
+    interface Root {
+        /**
+         * Border radius of root
+         *
+         * @designToken badge.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Padding of root
+         *
+         * @designToken badge.padding
+         */
+        padding?: string;
+        /**
+         * Font size of root
+         *
+         * @designToken badge.font.size
+         */
+        fontSize?: string;
+        /**
+         * Font weight of root
+         *
+         * @designToken badge.font.weight
+         */
+        fontWeight?: string;
+        /**
+         * Min width of root
+         *
+         * @designToken badge.min.width
+         */
+        minWidth?: string;
+        /**
+         * Height of root
+         *
+         * @designToken badge.height
+         */
+        height?: string;
+    }
+
+    interface Dot {
+        /**
+         * Size of dot
+         *
+         * @designToken badge.dot.size
+         */
+        size?: string;
+    }
+
+    interface Sm {
+        /**
+         * Font size of sm
+         *
+         * @designToken badge.sm.font.size
+         */
+        fontSize?: string;
+        /**
+         * Min width of sm
+         *
+         * @designToken badge.sm.min.width
+         */
+        minWidth?: string;
+        /**
+         * Height of sm
+         *
+         * @designToken badge.sm.height
+         */
+        height?: string;
+    }
+
+    interface Lg {
+        /**
+         * Font size of lg
+         *
+         * @designToken badge.lg.font.size
+         */
+        fontSize?: string;
+        /**
+         * Min width of lg
+         *
+         * @designToken badge.lg.min.width
+         */
+        minWidth?: string;
+        /**
+         * Height of lg
+         *
+         * @designToken badge.lg.height
+         */
+        height?: string;
+    }
+
+    interface Xl {
+        /**
+         * Font size of xl
+         *
+         * @designToken badge.xl.font.size
+         */
+        fontSize?: string;
+        /**
+         * Min width of xl
+         *
+         * @designToken badge.xl.min.width
+         */
+        minWidth?: string;
+        /**
+         * Height of xl
+         *
+         * @designToken badge.xl.height
+         */
+        height?: string;
+    }
+
+    interface Primary {
+        /**
+         * Background of primary
+         *
+         * @designToken badge.primary.background
+         */
+        background?: string;
+        /**
+         * Color of primary
+         *
+         * @designToken badge.primary.color
+         */
+        color?: string;
+    }
+
+    interface Secondary {
+        /**
+         * Background of secondary
+         *
+         * @designToken badge.secondary.background
+         */
+        background?: string;
+        /**
+         * Color of secondary
+         *
+         * @designToken badge.secondary.color
+         */
+        color?: string;
+    }
+
+    interface Success {
+        /**
+         * Background of success
+         *
+         * @designToken badge.success.background
+         */
+        background?: string;
+        /**
+         * Color of success
+         *
+         * @designToken badge.success.color
+         */
+        color?: string;
+    }
+
+    interface Info {
+        /**
+         * Background of info
+         *
+         * @designToken badge.info.background
+         */
+        background?: string;
+        /**
+         * Color of info
+         *
+         * @designToken badge.info.color
+         */
+        color?: string;
+    }
+
+    interface Warn {
+        /**
+         * Background of warn
+         *
+         * @designToken badge.warn.background
+         */
+        background?: string;
+        /**
+         * Color of warn
+         *
+         * @designToken badge.warn.color
+         */
+        color?: string;
+    }
+
+    interface Danger {
+        /**
+         * Background of danger
+         *
+         * @designToken badge.danger.background
+         */
+        background?: string;
+        /**
+         * Color of danger
+         *
+         * @designToken badge.danger.color
+         */
+        color?: string;
+    }
+
+    interface Contrast {
+        /**
+         * Background of contrast
+         *
+         * @designToken badge.contrast.background
+         */
+        background?: string;
+        /**
+         * Color of contrast
+         *
+         * @designToken badge.contrast.color
+         */
+        color?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<BadgeDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _Badge Design Tokens_
+ *
+ * @group components
+ * @module badge
+ * @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 BadgeDesignTokens extends DesignTokens<BadgeDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: BadgeTokenSections.Root;
+    /**
+     * Used to pass tokens of the dot section
+     */
+    dot?: BadgeTokenSections.Dot;
+    /**
+     * Used to pass tokens of the sm section
+     */
+    sm?: BadgeTokenSections.Sm;
+    /**
+     * Used to pass tokens of the lg section
+     */
+    lg?: BadgeTokenSections.Lg;
+    /**
+     * Used to pass tokens of the xl section
+     */
+    xl?: BadgeTokenSections.Xl;
+    /**
+     * Used to pass tokens of the primary section
+     */
+    primary?: BadgeTokenSections.Primary;
+    /**
+     * Used to pass tokens of the secondary section
+     */
+    secondary?: BadgeTokenSections.Secondary;
+    /**
+     * Used to pass tokens of the success section
+     */
+    success?: BadgeTokenSections.Success;
+    /**
+     * Used to pass tokens of the info section
+     */
+    info?: BadgeTokenSections.Info;
+    /**
+     * Used to pass tokens of the warn section
+     */
+    warn?: BadgeTokenSections.Warn;
+    /**
+     * Used to pass tokens of the danger section
+     */
+    danger?: BadgeTokenSections.Danger;
+    /**
+     * Used to pass tokens of the contrast section
+     */
+    contrast?: BadgeTokenSections.Contrast;
+}

package/types/blockui/index.d.ts

@@ -0,0 +1,52 @@
+/**
+ *
+ * BlockUI Design Tokens
+ *
+ * @module blockui
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace BlockUITokenSections {
+    interface Root {
+        /**
+         * Border radius of root
+         *
+         * @designToken blockui.border.radius
+         */
+        borderRadius?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<BlockUIDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _BlockUI Design Tokens_
+ *
+ * @group components
+ * @module blockui
+ * @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 BlockUIDesignTokens extends DesignTokens<BlockUIDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: BlockUITokenSections.Root;
+}

package/types/breadcrumb/index.d.ts

@@ -0,0 +1,166 @@
+/**
+ *
+ * Breadcrumb Design Tokens
+ *
+ * @module breadcrumb
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace BreadcrumbTokenSections {
+    interface Root {
+        /**
+         * Padding of root
+         *
+         * @designToken breadcrumb.padding
+         */
+        padding?: string;
+        /**
+         * Background of root
+         *
+         * @designToken breadcrumb.background
+         */
+        background?: string;
+        /**
+         * Gap of root
+         *
+         * @designToken breadcrumb.gap
+         */
+        gap?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken breadcrumb.transition.duration
+         */
+        transitionDuration?: string;
+    }
+
+    interface Item {
+        /**
+         * Color of item
+         *
+         * @designToken breadcrumb.item.color
+         */
+        color?: string;
+        /**
+         * Hover color of item
+         *
+         * @designToken breadcrumb.item.hover.color
+         */
+        hoverColor?: string;
+        /**
+         * Border radius of item
+         *
+         * @designToken breadcrumb.item.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Gap of item
+         *
+         * @designToken breadcrumb.item.gap
+         */
+        gap?: string;
+        /**
+         * Icon of item
+         */
+        icon?: {
+            /**
+             * Icon color of item
+             *
+             * @designToken breadcrumb.item.icon.color
+             */
+            color?: string;
+            /**
+             * Icon hover color of item
+             *
+             * @designToken breadcrumb.item.icon.hover.color
+             */
+            hoverColor?: string;
+        };
+        /**
+         * Focus ring of item
+         */
+        focusRing?: {
+            /**
+             * Focus ring width of item
+             *
+             * @designToken breadcrumb.item.focus.ring.width
+             */
+            width?: string;
+            /**
+             * Focus ring style of item
+             *
+             * @designToken breadcrumb.item.focus.ring.style
+             */
+            style?: string;
+            /**
+             * Focus ring color of item
+             *
+             * @designToken breadcrumb.item.focus.ring.color
+             */
+            color?: string;
+            /**
+             * Focus ring offset of item
+             *
+             * @designToken breadcrumb.item.focus.ring.offset
+             */
+            offset?: string;
+            /**
+             * Focus ring shadow of item
+             *
+             * @designToken breadcrumb.item.focus.ring.shadow
+             */
+            shadow?: string;
+        };
+    }
+
+    interface Separator {
+        /**
+         * Color of separator
+         *
+         * @designToken breadcrumb.separator.color
+         */
+        color?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<BreadcrumbDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _Breadcrumb Design Tokens_
+ *
+ * @group components
+ * @module breadcrumb
+ * @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 BreadcrumbDesignTokens extends DesignTokens<BreadcrumbDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: BreadcrumbTokenSections.Root;
+    /**
+     * Used to pass tokens of the item section
+     */
+    item?: BreadcrumbTokenSections.Item;
+    /**
+     * Used to pass tokens of the separator section
+     */
+    separator?: BreadcrumbTokenSections.Separator;
+}