@weing-dev/ui-kit-primitive 0.0.4 → 0.0.6

package/dist/static/icon/density_medium_Round.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 5H20C20.55 5 21 4.55 21 4C21 3.45 20.55 3 20 3H4C3.45 3 3 3.45 3 4C3 4.55 3.45 5 4 5Z" fill="#1C252E"/>
+<path d="M20 19H4C3.45 19 3 19.45 3 20C3 20.55 3.45 21 4 21H20C20.55 21 21 20.55 21 20C21 19.45 20.55 19 20 19Z" fill="#1C252E"/>
+<path d="M20 11H4C3.45 11 3 11.45 3 12C3 12.55 3.45 13 4 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11Z" fill="#1C252E"/>
+</svg>

package/dist/static/icon/feedback_Outlined.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 2H4C2.9 2 2.01 2.9 2.01 4L2 22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2ZM20 16H5.17L4 17.17V4H20V16ZM11 12H13V14H11V12ZM11 6H13V10H11V6Z" fill="#1C252E"/>
+</svg>

package/dist/static/icon/file_download_Outlined.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 15V18H6V15H4V18C4 19.1 4.9 20 6 20H18C19.1 20 20 19.1 20 18V15H18ZM17 11L15.59 9.59L13 12.17V4H11V12.17L8.41 9.59L7 11L12 16L17 11Z" fill="#1C252E"/>
+</svg>

package/dist/static/icon/file_download_done_Filled.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.33594 12.0003H12.6693V13.3337H3.33594V12.0003ZM6.4026 10.2003L3.33594 7.13366L4.66927 5.86699L6.4026 7.60033L11.3359 2.66699L12.6693 4.00033L6.4026 10.2003Z" fill="#919EAB"/>
+</svg>

package/dist/static/icon/schedule_Round.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20ZM11.78 7H11.72C11.32 7 11 7.32 11 7.72V12.44C11 12.79 11.18 13.12 11.49 13.3L15.64 15.79C15.98 15.99 16.42 15.89 16.62 15.55C16.83 15.21 16.72 14.76 16.37 14.56L12.5 12.26V7.72C12.5 7.32 12.18 7 11.78 7Z" fill="#1C252E"/>
+</svg>

package/dist/styles/color.d.ts

@@ -1,6 +1,102 @@
-export declare const variableLight: ColorType;
+export declare const colorThemes: {
+    light: {
+        textPrimary: "#1c252e";
+        textSecondary: "#637381";
+        textTertiary: "#919eab";
+        textDisabled: "#c4cdd5";
+        backgroundDefault: "#ffffff";
+        backgroundPaper: "#ffffff";
+        backgroundSecond: string;
+        backgroundNeutral: "#f9fafb";
+        shadow8: string;
+        shadow12: string;
+        shadow20: string;
+        componentTextfieldFilled: string;
+        componentTextfieldUnderline: string;
+        componentTextfieldOutline: string;
+        actionHover: string;
+        actionDisabled: string;
+        actionDisabledBackground: string;
+        actionSelected: string;
+        actionFocus: string;
+        textError: "#f5222d";
+        textSuccess: "#1cc95c";
+        actionAction: "#919eab";
+        textWarning: "#ffab00";
+        textContrast: "#ffffff";
+        inheritColor: "#ffffff";
+        inheritBgcolor: "#1c252e";
+        inheritHover: "#454f5b";
+        swapDarkLightRed: "#b71d18";
+        swapDarkLightLightGreen: "#118d57";
+        swapDarkLightDeepGreen: "#007867";
+        swapDarkLightCyanBlue: "#006c9c";
+        swapDarkLightPurple: "#5119b7";
+        swapDarkLightGold: "#b76e00";
+        swapDarkLightBlue: "#063ba7";
+        swapDarkLightPrimary: "#007867";
+    };
+    dark: {
+        textPrimary: "#ffffff";
+        textSecondary: "#c4cdd5";
+        textTertiary: "#919eab";
+        textDisabled: "#637381";
+        backgroundDefault: "#141a21";
+        backgroundPaper: "#1c252e";
+        backgroundSecond: "#454f5b";
+        backgroundNeutral: string;
+        shadow8: string;
+        shadow12: string;
+        shadow20: string;
+        componentTextfieldFilled: string;
+        componentTextfieldUnderline: string;
+        componentTextfieldOutline: string;
+        actionHover: string;
+        actionDisabled: string;
+        actionDisabledBackground: string;
+        actionSelected: string;
+        actionFocus: string;
+        textError: "#f5222d";
+        textSuccess: "#1cc95c";
+        actionAction: "#c4cdd5";
+        textWarning: "#ffab00";
+        textContrast: "#000000";
+        inheritColor: "#1c252e";
+        inheritBgcolor: "#ffffff";
+        inheritHover: "#c4cdd5";
+        swapDarkLightRed: "#ff8587";
+        swapDarkLightLightGreen: "#77ed8b";
+        swapDarkLightDeepGreen: "#5be49b";
+        swapDarkLightCyanBlue: "#61f3f3";
+        swapDarkLightPurple: "#c684ff";
+        swapDarkLightGold: "#ffd666";
+        swapDarkLightBlue: "#6bb1f8";
+        swapDarkLightPrimary: "#5be49b";
+    };
+    primary: {
+        pLighter: "#c8fad6";
+        pLight: "#5be49b";
+        pMain: "#00a76f";
+        pDark: "#007867";
+        pDarker: "#00373b";
+        p4: string;
+        p8: string;
+        p12: string;
+        p16: string;
+        p20: string;
+        p24: string;
+        p32: string;
+        p40: string;
+        p48: string;
+        pContrastText: "#ffffff";
+    };
+};
 export declare const themes: {
-    readonly light: string;
-    readonly dark: string;
+    readonly light: any;
+    readonly dark: any;
+    readonly primary: any;
+    readonly base: any;
+    readonly simentic: any;
+    readonly transparent: any;
 };
-export declare const themedPalette: ColorType;
+export declare const themedPalette: any;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@weing-dev/ui-kit-primitive",
   "private": false,
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "sideEffects": [
     "**/*.css"

package/dist/hooks/useColorScheme.d.ts

@@ -1,4 +0,0 @@
-export default function useColorScheme(colorScheme?: string): {
-    backgroundColor: string;
-    tintColor: string;
-} | undefined;

package/dist/styles/color2.d.ts

@@ -1,102 +0,0 @@
-export declare const colorThemes: {
-    light: {
-        textPrimary: "#1c252e";
-        textSecondary: "#637381";
-        textTertiary: "#919eab";
-        textDisabled: "#c4cdd5";
-        backgroundDefault: "#ffffff";
-        backgroundPaper: "#ffffff";
-        backgroundSecond: string;
-        backgroundNeutral: "#f9fafb";
-        shadow8: string;
-        shadow12: string;
-        shadow20: string;
-        componentTextfieldFilled: string;
-        componentTextfieldUnderline: string;
-        componentTextfieldOutline: string;
-        actionHover: string;
-        actionDisabled: string;
-        actionDisabledBackground: string;
-        actionSelected: string;
-        actionFocus: string;
-        textError: "#f5222d";
-        textSuccess: "#1cc95c";
-        actionAction: "#919eab";
-        textWarning: "#ffab00";
-        textContrast: "#ffffff";
-        inheritColor: "#ffffff";
-        inheritBgcolor: "#1c252e";
-        inheritHover: "#454f5b";
-        swapDarkLightRed: "#b71d18";
-        swapDarkLightLightGreen: "#118d57";
-        swapDarkLightDeepGreen: "#007867";
-        swapDarkLightCyanBlue: "#006c9c";
-        swapDarkLightPurple: "#5119b7";
-        swapDarkLightGold: "#b76e00";
-        swapDarkLightBlue: "#063ba7";
-        swapDarkLightPrimary: "#007867";
-    };
-    dark: {
-        textPrimary: "#ffffff";
-        textSecondary: "#c4cdd5";
-        textTertiary: "#919eab";
-        textDisabled: "#637381";
-        backgroundDefault: "#141a21";
-        backgroundPaper: "#1c252e";
-        backgroundSecond: "#454f5b";
-        backgroundNeutral: string;
-        shadow8: string;
-        shadow12: string;
-        shadow20: string;
-        componentTextfieldFilled: string;
-        componentTextfieldUnderline: string;
-        componentTextfieldOutline: string;
-        actionHover: string;
-        actionDisabled: string;
-        actionDisabledBackground: string;
-        actionSelected: string;
-        actionFocus: string;
-        textError: "#f5222d";
-        textSuccess: "#1cc95c";
-        actionAction: "#c4cdd5";
-        textWarning: "#ffab00";
-        textContrast: "#000000";
-        inheritColor: "#1c252e";
-        inheritBgcolor: "#ffffff";
-        inheritHover: "#c4cdd5";
-        swapDarkLightRed: "#ff8587";
-        swapDarkLightLightGreen: "#77ed8b";
-        swapDarkLightDeepGreen: "#5be49b";
-        swapDarkLightCyanBlue: "#61f3f3";
-        swapDarkLightPurple: "#c684ff";
-        swapDarkLightGold: "#ffd666";
-        swapDarkLightBlue: "#6bb1f8";
-        swapDarkLightPrimary: "#5be49b";
-    };
-    primary: {
-        pLighter: "#c8fad6";
-        pLight: "#5be49b";
-        pMain: "#00a76f";
-        pDark: "#007867";
-        pDarker: "#00373b";
-        p4: string;
-        p8: string;
-        p12: string;
-        p16: string;
-        p20: string;
-        p24: string;
-        p32: string;
-        p40: string;
-        p48: string;
-        pContrastText: "#ffffff";
-    };
-};
-export declare const themes: {
-    readonly light: any;
-    readonly dark: any;
-    readonly primary: any;
-    readonly base: any;
-    readonly simentic: any;
-    readonly transparent: any;
-};
-export declare const themedPalette: any;