@sparkux/themes 0.0.0-stage → 2.0.3

package/types/galleria/index.d.ts

@@ -0,0 +1,550 @@
+/**
+ *
+ * Galleria Design Tokens
+ *
+ * @module galleria
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace GalleriaTokenSections {
+    interface Root {
+        /**
+         * Border width of root
+         *
+         * @designToken galleria.border.width
+         */
+        borderWidth?: string;
+        /**
+         * Border color of root
+         *
+         * @designToken galleria.border.color
+         */
+        borderColor?: string;
+        /**
+         * Border radius of root
+         *
+         * @designToken galleria.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken galleria.transition.duration
+         */
+        transitionDuration?: string;
+    }
+
+    interface NavButton {
+        /**
+         * Background of nav button
+         *
+         * @designToken galleria.nav.button.background
+         */
+        background?: string;
+        /**
+         * Hover background of nav button
+         *
+         * @designToken galleria.nav.button.hover.background
+         */
+        hoverBackground?: string;
+        /**
+         * Color of nav button
+         *
+         * @designToken galleria.nav.button.color
+         */
+        color?: string;
+        /**
+         * Hover color of nav button
+         *
+         * @designToken galleria.nav.button.hover.color
+         */
+        hoverColor?: string;
+        /**
+         * Size of nav button
+         *
+         * @designToken galleria.nav.button.size
+         */
+        size?: string;
+        /**
+         * Gutter of nav button
+         *
+         * @designToken galleria.nav.button.gutter
+         */
+        gutter?: string;
+        /**
+         * Prev of nav button
+         */
+        prev?: {
+            /**
+             * Prev border radius of nav button
+             *
+             * @designToken galleria.nav.button.prev.border.radius
+             */
+            borderRadius?: string;
+        };
+        /**
+         * Next of nav button
+         */
+        next?: {
+            /**
+             * Next border radius of nav button
+             *
+             * @designToken galleria.nav.button.next.border.radius
+             */
+            borderRadius?: string;
+        };
+        /**
+         * Focus ring of nav button
+         */
+        focusRing?: {
+            /**
+             * Focus ring width of nav button
+             *
+             * @designToken galleria.nav.button.focus.ring.width
+             */
+            width?: string;
+            /**
+             * Focus ring style of nav button
+             *
+             * @designToken galleria.nav.button.focus.ring.style
+             */
+            style?: string;
+            /**
+             * Focus ring color of nav button
+             *
+             * @designToken galleria.nav.button.focus.ring.color
+             */
+            color?: string;
+            /**
+             * Focus ring offset of nav button
+             *
+             * @designToken galleria.nav.button.focus.ring.offset
+             */
+            offset?: string;
+            /**
+             * Focus ring shadow of nav button
+             *
+             * @designToken galleria.nav.button.focus.ring.shadow
+             */
+            shadow?: string;
+        };
+    }
+
+    interface NavIcon {
+        /**
+         * Size of nav icon
+         *
+         * @designToken galleria.nav.icon.size
+         */
+        size?: string;
+    }
+
+    interface ThumbnailsContent {
+        /**
+         * Background of thumbnails content
+         *
+         * @designToken galleria.thumbnails.content.background
+         */
+        background?: string;
+        /**
+         * Padding of thumbnails content
+         *
+         * @designToken galleria.thumbnails.content.padding
+         */
+        padding?: string;
+    }
+
+    interface ThumbnailNavButton {
+        /**
+         * Size of thumbnail nav button
+         *
+         * @designToken galleria.thumbnail.nav.button.size
+         */
+        size?: string;
+        /**
+         * Border radius of thumbnail nav button
+         *
+         * @designToken galleria.thumbnail.nav.button.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Gutter of thumbnail nav button
+         *
+         * @designToken galleria.thumbnail.nav.button.gutter
+         */
+        gutter?: string;
+        /**
+         * Focus ring of thumbnail nav button
+         */
+        focusRing?: {
+            /**
+             * Focus ring width of thumbnail nav button
+             *
+             * @designToken galleria.thumbnail.nav.button.focus.ring.width
+             */
+            width?: string;
+            /**
+             * Focus ring style of thumbnail nav button
+             *
+             * @designToken galleria.thumbnail.nav.button.focus.ring.style
+             */
+            style?: string;
+            /**
+             * Focus ring color of thumbnail nav button
+             *
+             * @designToken galleria.thumbnail.nav.button.focus.ring.color
+             */
+            color?: string;
+            /**
+             * Focus ring offset of thumbnail nav button
+             *
+             * @designToken galleria.thumbnail.nav.button.focus.ring.offset
+             */
+            offset?: string;
+            /**
+             * Focus ring shadow of thumbnail nav button
+             *
+             * @designToken galleria.thumbnail.nav.button.focus.ring.shadow
+             */
+            shadow?: string;
+        };
+        /**
+         * Hover background of thumbnail nav button
+         *
+         * @designToken galleria.thumbnail.nav.button.hover.background
+         */
+        hoverBackground?: string;
+        /**
+         * Color of thumbnail nav button
+         *
+         * @designToken galleria.thumbnail.nav.button.color
+         */
+        color?: string;
+        /**
+         * Hover color of thumbnail nav button
+         *
+         * @designToken galleria.thumbnail.nav.button.hover.color
+         */
+        hoverColor?: string;
+    }
+
+    interface ThumbnailNavButtonIcon {
+        /**
+         * Size of thumbnail nav button icon
+         *
+         * @designToken galleria.thumbnail.nav.button.icon.size
+         */
+        size?: string;
+    }
+
+    interface Caption {
+        /**
+         * Background of caption
+         *
+         * @designToken galleria.caption.background
+         */
+        background?: string;
+        /**
+         * Color of caption
+         *
+         * @designToken galleria.caption.color
+         */
+        color?: string;
+        /**
+         * Padding of caption
+         *
+         * @designToken galleria.caption.padding
+         */
+        padding?: string;
+    }
+
+    interface IndicatorList {
+        /**
+         * Gap of indicator list
+         *
+         * @designToken galleria.indicator.list.gap
+         */
+        gap?: string;
+        /**
+         * Padding of indicator list
+         *
+         * @designToken galleria.indicator.list.padding
+         */
+        padding?: string;
+    }
+
+    interface IndicatorButton {
+        /**
+         * Width of indicator button
+         *
+         * @designToken galleria.indicator.button.width
+         */
+        width?: string;
+        /**
+         * Height of indicator button
+         *
+         * @designToken galleria.indicator.button.height
+         */
+        height?: string;
+        /**
+         * Active background of indicator button
+         *
+         * @designToken galleria.indicator.button.active.background
+         */
+        activeBackground?: string;
+        /**
+         * Border radius of indicator button
+         *
+         * @designToken galleria.indicator.button.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Focus ring of indicator button
+         */
+        focusRing?: {
+            /**
+             * Focus ring width of indicator button
+             *
+             * @designToken galleria.indicator.button.focus.ring.width
+             */
+            width?: string;
+            /**
+             * Focus ring style of indicator button
+             *
+             * @designToken galleria.indicator.button.focus.ring.style
+             */
+            style?: string;
+            /**
+             * Focus ring color of indicator button
+             *
+             * @designToken galleria.indicator.button.focus.ring.color
+             */
+            color?: string;
+            /**
+             * Focus ring offset of indicator button
+             *
+             * @designToken galleria.indicator.button.focus.ring.offset
+             */
+            offset?: string;
+            /**
+             * Focus ring shadow of indicator button
+             *
+             * @designToken galleria.indicator.button.focus.ring.shadow
+             */
+            shadow?: string;
+        };
+        /**
+         * Background of indicator button
+         *
+         * @designToken galleria.indicator.button.background
+         */
+        background?: string;
+        /**
+         * Hover background of indicator button
+         *
+         * @designToken galleria.indicator.button.hover.background
+         */
+        hoverBackground?: string;
+    }
+
+    interface InsetIndicatorList {
+        /**
+         * Background of inset indicator list
+         *
+         * @designToken galleria.inset.indicator.list.background
+         */
+        background?: string;
+    }
+
+    interface InsetIndicatorButton {
+        /**
+         * Background of inset indicator button
+         *
+         * @designToken galleria.inset.indicator.button.background
+         */
+        background?: string;
+        /**
+         * Hover background of inset indicator button
+         *
+         * @designToken galleria.inset.indicator.button.hover.background
+         */
+        hoverBackground?: string;
+        /**
+         * Active background of inset indicator button
+         *
+         * @designToken galleria.inset.indicator.button.active.background
+         */
+        activeBackground?: string;
+    }
+
+    interface CloseButton {
+        /**
+         * Size of close button
+         *
+         * @designToken galleria.close.button.size
+         */
+        size?: string;
+        /**
+         * Gutter of close button
+         *
+         * @designToken galleria.close.button.gutter
+         */
+        gutter?: string;
+        /**
+         * Background of close button
+         *
+         * @designToken galleria.close.button.background
+         */
+        background?: string;
+        /**
+         * Hover background of close button
+         *
+         * @designToken galleria.close.button.hover.background
+         */
+        hoverBackground?: string;
+        /**
+         * Color of close button
+         *
+         * @designToken galleria.close.button.color
+         */
+        color?: string;
+        /**
+         * Hover color of close button
+         *
+         * @designToken galleria.close.button.hover.color
+         */
+        hoverColor?: string;
+        /**
+         * Border radius of close button
+         *
+         * @designToken galleria.close.button.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Focus ring of close button
+         */
+        focusRing?: {
+            /**
+             * Focus ring width of close button
+             *
+             * @designToken galleria.close.button.focus.ring.width
+             */
+            width?: string;
+            /**
+             * Focus ring style of close button
+             *
+             * @designToken galleria.close.button.focus.ring.style
+             */
+            style?: string;
+            /**
+             * Focus ring color of close button
+             *
+             * @designToken galleria.close.button.focus.ring.color
+             */
+            color?: string;
+            /**
+             * Focus ring offset of close button
+             *
+             * @designToken galleria.close.button.focus.ring.offset
+             */
+            offset?: string;
+            /**
+             * Focus ring shadow of close button
+             *
+             * @designToken galleria.close.button.focus.ring.shadow
+             */
+            shadow?: string;
+        };
+    }
+
+    interface CloseButtonIcon {
+        /**
+         * Size of close button icon
+         *
+         * @designToken galleria.close.button.icon.size
+         */
+        size?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<GalleriaDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _Galleria Design Tokens_
+ *
+ * @group components
+ * @module galleria
+ * @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 GalleriaDesignTokens extends DesignTokens<GalleriaDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: GalleriaTokenSections.Root;
+    /**
+     * Used to pass tokens of the nav button section
+     */
+    navButton?: GalleriaTokenSections.NavButton;
+    /**
+     * Used to pass tokens of the nav icon section
+     */
+    navIcon?: GalleriaTokenSections.NavIcon;
+    /**
+     * Used to pass tokens of the thumbnails content section
+     */
+    thumbnailsContent?: GalleriaTokenSections.ThumbnailsContent;
+    /**
+     * Used to pass tokens of the thumbnail nav button section
+     */
+    thumbnailNavButton?: GalleriaTokenSections.ThumbnailNavButton;
+    /**
+     * Used to pass tokens of the thumbnail nav button icon section
+     */
+    thumbnailNavButtonIcon?: GalleriaTokenSections.ThumbnailNavButtonIcon;
+    /**
+     * Used to pass tokens of the caption section
+     */
+    caption?: GalleriaTokenSections.Caption;
+    /**
+     * Used to pass tokens of the indicator list section
+     */
+    indicatorList?: GalleriaTokenSections.IndicatorList;
+    /**
+     * Used to pass tokens of the indicator button section
+     */
+    indicatorButton?: GalleriaTokenSections.IndicatorButton;
+    /**
+     * Used to pass tokens of the inset indicator list section
+     */
+    insetIndicatorList?: GalleriaTokenSections.InsetIndicatorList;
+    /**
+     * Used to pass tokens of the inset indicator button section
+     */
+    insetIndicatorButton?: GalleriaTokenSections.InsetIndicatorButton;
+    /**
+     * Used to pass tokens of the close button section
+     */
+    closeButton?: GalleriaTokenSections.CloseButton;
+    /**
+     * Used to pass tokens of the close button icon section
+     */
+    closeButtonIcon?: GalleriaTokenSections.CloseButtonIcon;
+}

package/types/iconfield/index.d.ts

@@ -0,0 +1,52 @@
+/**
+ *
+ * IconField Design Tokens
+ *
+ * @module iconfield
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace IconFieldTokenSections {
+    interface Icon {
+        /**
+         * Color of icon
+         *
+         * @designToken iconfield.icon.color
+         */
+        color?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<IconFieldDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _IconField Design Tokens_
+ *
+ * @group components
+ * @module iconfield
+ * @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 IconFieldDesignTokens extends DesignTokens<IconFieldDesignTokens> {
+    /**
+     * Used to pass tokens of the icon section
+     */
+    icon?: IconFieldTokenSections.Icon;
+}

package/types/iftalabel/index.d.ts

@@ -0,0 +1,113 @@
+/**
+ *
+ * IftaLabel Design Tokens
+ *
+ * @module iftalabel
+ *
+ */
+
+import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace IftaLabelTokenSections {
+    interface Root {
+        /**
+         * Color of root
+         *
+         * @designToken iftalabel.color
+         */
+        color?: string;
+        /**
+         * Focus color of root
+         *
+         * @designToken iftalabel.focus.color
+         */
+        focusColor?: string;
+        /**
+         * Invalid color of root
+         *
+         * @designToken iftalabel.invalid.color
+         */
+        invalidColor?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken iftalabel.transition.duration
+         */
+        transitionDuration?: string;
+        /**
+         * Position x of root
+         *
+         * @designToken iftalabel.position.x
+         */
+        positionX?: string;
+        /**
+         * Top of root
+         *
+         * @designToken iftalabel.top
+         */
+        top?: string;
+        /**
+         * Font size of root
+         *
+         * @designToken iftalabel.font.size
+         */
+        fontSize?: string;
+        /**
+         * Font weight of root
+         *
+         * @designToken iftalabel.font.weight
+         */
+        fontWeight?: string;
+    }
+
+    interface Input {
+        /**
+         * Padding top of input
+         *
+         * @designToken iftalabel.input.padding.top
+         */
+        paddingTop?: string;
+        /**
+         * Padding bottom of input
+         *
+         * @designToken iftalabel.input.padding.bottom
+         */
+        paddingBottom?: string;
+    }
+
+    /* Static Sections */
+    type ColorScheme = CS<IftaLabelDesignTokens>;
+    type CSS = ExtendedCSS;
+    type Extend = ExtendedTokens;
+}
+
+/**
+ *
+ * _IftaLabel Design Tokens_
+ *
+ * @group components
+ * @module iftalabel
+ * @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 IftaLabelDesignTokens extends DesignTokens<IftaLabelDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: IftaLabelTokenSections.Root;
+    /**
+     * Used to pass tokens of the input section
+     */
+    input?: IftaLabelTokenSections.Input;
+}