@pop-ui/foundation 1.0.0 → 1.1.0-beta

package/dist/types-native/tokens/colors.d.ts

@@ -0,0 +1,185 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const SemanticColorPrimary = "#0fd3d8";
+export declare const SemanticColorPrimaryHover = "#11badd";
+export declare const SemanticColorPrimaryPressed = "#07a3c6";
+export declare const SemanticColorPrimaryFocused = "#11badd";
+export declare const SemanticColorTextWhite = "#ffffff";
+export declare const SemanticColorBgDisabled = "#b0b0b0";
+export declare const SemanticColorBgWhite = "#ffffff";
+export declare const SemanticColorBgWhiteHover = "#e7e7e7";
+export declare const SemanticColorBgWhitePressed = "#cdcdcd";
+export declare const SemanticColorBgWhiteFocused = "#e7e7e7";
+export declare const SemanticColorTextDisabled = "#ffffff";
+export declare const SemanticColorTextDarkgray03 = "#4a4a4a";
+export declare const SemanticColorBorderLightgray01 = "#b0b0b0";
+export declare const SemanticColorWarning = "#fa5252";
+export declare const SemanticColorWarningHover = "#e03131";
+export declare const SemanticColorWarningPressed = "#c92a2a";
+export declare const SemanticColorWarningFocused = "#e03131";
+export declare const SemanticColorSetting = "#9b9b9b";
+export declare const SemanticColorSettingHover = "#808080";
+export declare const SemanticColorSettingPressed = "#666666";
+export declare const SemanticColorSettingFocused = "#808080";
+export declare const BgColorButtonBgPrimaryDefault = "#0fd3d8";
+export declare const BgColorButtonBgPrimaryHover = "#11badd";
+export declare const BgColorButtonBgPrimaryPressed = "#07a3c6";
+export declare const BgColorButtonBgPrimaryFocused = "#11badd";
+export declare const BgColorButtonBgPrimaryDisabled = "#b0b0b0";
+export declare const BgColorButtonBgPrimarylineDefault = "#ffffff";
+export declare const BgColorButtonBgPrimarylineHover = "#e7e7e7";
+export declare const BgColorButtonBgPrimarylinePressed = "#cdcdcd";
+export declare const BgColorButtonBgPrimarylineFocused = "#e7e7e7";
+export declare const BgColorButtonBgPrimarylineDisabled = "#b0b0b0";
+export declare const BgColorButtonBgBasicDefault = "#ffffff";
+export declare const BgColorButtonBgBasicHover = "#e7e7e7";
+export declare const BgColorButtonBgBasicPreseed = "#cdcdcd";
+export declare const BgColorButtonBgBasicFocused = "#e7e7e7";
+export declare const BgColorButtonBgBasicDisabled = "#b0b0b0";
+export declare const BgColorButtonBgWarningDefault = "#fa5252";
+export declare const BgColorButtonBgWarningHover = "#e03131";
+export declare const BgColorButtonBgWarningPressed = "#c92a2a";
+export declare const BgColorButtonBgWarningFocused = "#e03131";
+export declare const BgColorButtonBgWarningDisabled = "#b0b0b0";
+export declare const BgColorButtonBgSettingDefault = "#9b9b9b";
+export declare const BgColorButtonBgSettingHover = "#808080";
+export declare const BgColorButtonBgSettingPressed = "#666666";
+export declare const BgColorButtonBgSettingFocused = "#808080";
+export declare const BgColorButtonBgSettingDisabled = "#b0b0b0";
+export declare const TextColorButtonTextPrimaryDefault = "#ffffff";
+export declare const TextColorButtonTextPrimaryHover = "#ffffff";
+export declare const TextColorButtonTextPrimaryPressed = "#ffffff";
+export declare const TextColorButtonTextPrimaryFocused = "#ffffff";
+export declare const TextColorButtonTextPrimaryDisabled = "#ffffff";
+export declare const TextColorButtonTextPrimarylineDefault = "#0fd3d8";
+export declare const TextColorButtonTextPrimarylineHover = "#11badd";
+export declare const TextColorButtonTextPrimarylinePressed = "#07a3c6";
+export declare const TextColorButtonTextPrimarylineFocused = "#11badd";
+export declare const TextColorButtonTextPrimarylineDisabled = "#ffffff";
+export declare const TextColorButtonTextBasicDefault = "#4a4a4a";
+export declare const TextColorButtonTextBasicHover = "#4a4a4a";
+export declare const TextColorButtonTextBasicPressed = "#4a4a4a";
+export declare const TextColorButtonTextBasicFocused = "#4a4a4a";
+export declare const TextColorButtonTextBasicDisabled = "#ffffff";
+export declare const TextColorButtonTextWarningDefault = "#ffffff";
+export declare const TextColorButtonTextWarningHover = "#ffffff";
+export declare const TextColorButtonTextWarningPressed = "#ffffff";
+export declare const TextColorButtonTextWarningFocused = "#ffffff";
+export declare const TextColorButtonTextWarningDisabled = "#ffffff";
+export declare const TextColorButtonTextSettingDefault = "#ffffff";
+export declare const TextColorButtonTextSettingHover = "#ffffff";
+export declare const TextColorButtonTextSettingPressed = "#ffffff";
+export declare const TextColorButtonTextSettingFocused = "#ffffff";
+export declare const TextColorButtonTextSettingDisabled = "#ffffff";
+export declare const BorderColorButtonBorderPrimarylineDefault = "#0fd3d8";
+export declare const BorderColorButtonBorderPrimarylineHover = "#11badd";
+export declare const BorderColorButtonBorderPrimarylinePressed = "#07a3c6";
+export declare const BorderColorButtonBorderPrimarylineFocused = "#11badd";
+export declare const BorderColorButtonBorderBasicDefault = "#b0b0b0";
+export declare const BorderColorButtonBorderBasicHover = "#b0b0b0";
+export declare const BorderColorButtonBorderBasicPressed = "#b0b0b0";
+export declare const BorderColorButtonBorderBasicFocused = "#b0b0b0";
+export declare const ButtonBorderButtonPrimarylineDefaultColor = "#0fd3d8";
+export declare const ButtonBorderButtonPrimarylineHoverColor = "#11badd";
+export declare const ButtonBorderButtonPrimarylinePressedColor = "#07a3c6";
+export declare const ButtonBorderButtonPrimarylineFocusedColor = "#11badd";
+export declare const ButtonBorderButtonBasicDefaultColor = "#b0b0b0";
+export declare const ButtonBorderButtonBasicHoverColor = "#b0b0b0";
+export declare const ButtonBorderButtonBasicPressedColor = "#b0b0b0";
+export declare const ButtonBorderButtonBasicFocusedColor = "#b0b0b0";
+export declare const ColorGray0 = "#ffffff";
+export declare const ColorGray25 = "#fbfbfb";
+export declare const ColorGray50 = "#f6f6f6";
+export declare const ColorGray100 = "#e7e7e7";
+export declare const ColorGray200 = "#d8d8d8";
+export declare const ColorGray300 = "#cdcdcd";
+export declare const ColorGray400 = "#b0b0b0";
+export declare const ColorGray500 = "#9b9b9b";
+export declare const ColorGray600 = "#808080";
+export declare const ColorGray700 = "#666666";
+export declare const ColorGray800 = "#4a4a4a";
+export declare const ColorGray900 = "#333333";
+export declare const ColorGray1000 = "#000000";
+export declare const ColorAqua50 = "#edfcff";
+export declare const ColorAqua75 = "#d5f8ff";
+export declare const ColorAqua100 = "#c8fdff";
+export declare const ColorAqua200 = "#98f4f6";
+export declare const ColorAqua300 = "#72eef1";
+export declare const ColorAqua400 = "#49e5e9";
+export declare const ColorAqua500 = "#0fd3d8";
+export declare const ColorAqua600 = "#11badd";
+export declare const ColorAqua700 = "#07a3c6";
+export declare const ColorAqua800 = "#00759a";
+export declare const ColorAqua900 = "#006180";
+export declare const ColorRed50 = "#fef3f2";
+export declare const ColorRed100 = "#fee4e2";
+export declare const ColorRed200 = "#fecdca";
+export declare const ColorRed300 = "#fda29b";
+export declare const ColorRed400 = "#ff8a8a";
+export declare const ColorRed500 = "#fa5252";
+export declare const ColorRed600 = "#f03e3e";
+export declare const ColorRed700 = "#e03131";
+export declare const ColorRed800 = "#c92a2a";
+export declare const ColorRed900 = "#ab1313";
+export declare const ColorOrange50 = "#fff4e6";
+export declare const ColorOrange100 = "#ffe8cc";
+export declare const ColorOrange200 = "#ffd8a8";
+export declare const ColorOrange300 = "#ffc078";
+export declare const ColorOrange400 = "#ffa94d";
+export declare const ColorOrange500 = "#ff922b";
+export declare const ColorOrange600 = "#fd7e14";
+export declare const ColorOrange700 = "#f76707";
+export declare const ColorOrange800 = "#e8590c";
+export declare const ColorOrange900 = "#d9480f";
+export declare const ColorYellow50 = "#fbffbf";
+export declare const ColorYellow100 = "#ffff9f";
+export declare const ColorYellow200 = "#fdff78";
+export declare const ColorYellow300 = "#fffc33";
+export declare const ColorYellow400 = "#fff200";
+export declare const ColorYellow500 = "#ffe500";
+export declare const ColorYellow600 = "#fcc419";
+export declare const ColorYellow700 = "#f59f00";
+export declare const ColorYellow800 = "#f08c00";
+export declare const ColorYellow900 = "#e27500";
+export declare const ColorGreen50 = "#efffef";
+export declare const ColorGreen100 = "#d1fcd3";
+export declare const ColorGreen200 = "#a5f8a9";
+export declare const ColorGreen300 = "#8bed90";
+export declare const ColorGreen400 = "#6de372";
+export declare const ColorGreen500 = "#30cc37";
+export declare const ColorGreen600 = "#0f8c14";
+export declare const ColorGreen700 = "#027a48";
+export declare const ColorGreen800 = "#05603a";
+export declare const ColorGreen900 = "#054f31";
+export declare const ColorBlue50 = "#eff8ff";
+export declare const ColorBlue100 = "#d8f0ff";
+export declare const ColorBlue200 = "#b2ddff";
+export declare const ColorBlue300 = "#84caff";
+export declare const ColorBlue400 = "#53b1fd";
+export declare const ColorBlue500 = "#2e90fa";
+export declare const ColorBlue600 = "#1570ef";
+export declare const ColorBlue700 = "#175cd3";
+export declare const ColorBlue800 = "#1849a9";
+export declare const ColorBlue900 = "#194185";
+export declare const ColorPurple50 = "#f3f0ff";
+export declare const ColorPurple100 = "#e5dbff";
+export declare const ColorPurple200 = "#d0bfff";
+export declare const ColorPurple300 = "#b197fc";
+export declare const ColorPurple400 = "#9775fa";
+export declare const ColorPurple500 = "#845ef7";
+export declare const ColorPurple600 = "#7248ef";
+export declare const ColorPurple700 = "#5f36da";
+export declare const ColorPurple800 = "#5730cc";
+export declare const ColorPurple900 = "#4827ab";
+export declare const ColorGrape50 = "#f8f0fc";
+export declare const ColorGrape100 = "#f3d9fa";
+export declare const ColorGrape200 = "#eebefa";
+export declare const ColorGrape300 = "#e599f7";
+export declare const ColorGrape400 = "#da77f2";
+export declare const ColorGrape500 = "#cc5de8";
+export declare const ColorGrape600 = "#be4bdb";
+export declare const ColorGrape700 = "#ae3ec9";
+export declare const ColorGrape800 = "#9c36b5";
+export declare const ColorGrape900 = "#862e9c";
+export declare const ShadowDashboardCardColor = "#0000000a";

package/dist/types-native/types/icon.native.d.ts

@@ -0,0 +1,15 @@
+import type { SvgProps } from 'react-native-svg';
+interface IIconBaseProps extends SvgProps {
+    size?: number;
+    color?: string;
+}
+export interface IIconProps extends IIconBaseProps {
+    variant?: 'line' | 'filled';
+}
+export interface IIconFilledOnlyProps extends IIconBaseProps {
+    variant?: 'filled';
+}
+export interface IIconLineOnlyProps extends IIconBaseProps {
+    variant?: 'line';
+}
+export {};

package/dist/types-native/types/illustration.native.d.ts

@@ -0,0 +1,4 @@
+import type { SvgProps } from 'react-native-svg';
+export interface IIllustrationProps extends SvgProps {
+    size?: number;
+}

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "@pop-ui/foundation",
   "type": "module",
-  "version": "1.0.0",
+  "version": "1.1.0-beta",
   "main": "./dist/foundation.umd.cjs",
   "module": "./dist/foundation.js",
   "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
+      "react-native": {
+        "types": "./dist/types-native/index.native.d.ts",
+        "default": "./dist/native/index.native.js"
+      },
       "import": {
         "types": "./dist/types/index.d.ts",
         "default": "./dist/foundation.js"
@@ -31,18 +35,30 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "vite build && yarn build:native",
+    "build:native": "tsc -p tsconfig.native.json",
+    "generate:native": "tsx scripts/generate-native.ts",
     "typecheck": "tsc",
     "token-transform": "token-transformer token.json transformed-token.json --expandTypography --expandShadow --expandCompotision --expandBorder",
     "token-build": "style-dictionary build --config config.json"
   },
   "peerDependencies": {
+    "@mantine/core": "^8.3.6",
+    "@mantine/hooks": "^8.3.6",
     "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "react-dom": "^19.2.0",
+    "react-native-svg": ">=13.0.0"
   },
-  "dependencies": {
-    "@mantine/core": "^8.3.6",
-    "@mantine/hooks": "^8.3.6"
+  "peerDependenciesMeta": {
+    "@mantine/core": {
+      "optional": true
+    },
+    "@mantine/hooks": {
+      "optional": true
+    },
+    "react-native-svg": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@mantine/core": "^8.3.6",
@@ -53,8 +69,10 @@
     "@vitejs/plugin-react": "^5.1.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
+    "react-native-svg": "^15.0.0",
     "style-dictionary": "^5.1.1",
     "token-transformer": "^0.0.33",
+    "tsx": "^4.19.1",
     "typescript": "^5.9.3",
     "vite": "^7.1.12",
     "vite-plugin-dts": "^4.5.4"