thailife-react 0.0.17 → 0.0.18

package/dist/styles/index.d.ts

@@ -1,4 +1,77 @@
-export { default as theme } from "./theme";
-export { default as ThemeProvider } from "./ThemeProvider";
-export type { Theme } from "./theme";
+export declare const cssClasses: {
+    readonly button: "btn";
+    readonly buttonContained: "btn--contained";
+    readonly buttonOutlined: "btn--outlined";
+    readonly buttonLink: "btn--link";
+    readonly buttonSmall: "btn--sm";
+    readonly buttonMedium: "btn--md";
+    readonly buttonLarge: "btn--lg";
+    readonly buttonError: "btn--error";
+    readonly buttonDark: "btn--dark";
+    readonly buttonLight: "btn--light";
+    readonly buttonFullWidth: "btn--full-width";
+    readonly inputContainer: "input-container";
+    readonly inputContainerFullWidth: "input-container--full-width";
+    readonly inputLabel: "input-label";
+    readonly input: "input";
+    readonly inputError: "input--error";
+    readonly inputFullWidth: "input--full-width";
+    readonly inputHelperText: "input-helper-text";
+    readonly inputHelperTextError: "input-helper-text--error";
+    readonly checkboxContainer: "checkbox-container";
+    readonly checkboxContainerFullWidth: "checkbox-container--full-width";
+    readonly checkboxWrapper: "checkbox-wrapper";
+    readonly checkbox: "checkbox";
+    readonly checkboxError: "checkbox--error";
+    readonly checkboxLabelContainer: "checkbox-label-container";
+    readonly checkboxLabel: "checkbox-label";
+    readonly radioContainer: "radio-container";
+    readonly radioContainerFullWidth: "radio-container--full-width";
+    readonly radioWrapper: "radio-wrapper";
+    readonly radio: "radio";
+    readonly radioError: "radio--error";
+    readonly radioLabelContainer: "radio-label-container";
+    readonly radioLabel: "radio-label";
+    readonly selectContainer: "select-container";
+    readonly selectContainerFullWidth: "select-container--full-width";
+    readonly selectLabel: "select-label";
+    readonly selectWrapper: "select-wrapper";
+    readonly select: "select";
+    readonly selectError: "select--error";
+    readonly selectFullWidth: "select--full-width";
+    readonly selectIcon: "select-icon";
+    readonly textareaContainer: "textarea-container";
+    readonly textareaContainerFullWidth: "textarea-container--full-width";
+    readonly textareaLabel: "textarea-label";
+    readonly textarea: "textarea";
+    readonly textareaError: "textarea--error";
+    readonly textareaFullWidth: "textarea--full-width";
+    readonly inputFileContainer: "input-file-container";
+    readonly inputFileContainerFullWidth: "input-file-container--full-width";
+    readonly inputFileLabel: "input-file-label";
+    readonly inputFileWrapper: "input-file-wrapper";
+    readonly inputFileHidden: "input-file-hidden";
+    readonly inputFileUploadArea: "input-file-upload-area";
+    readonly inputFileUploadAreaError: "input-file-upload-area--error";
+    readonly inputFileUploadAreaFullWidth: "input-file-upload-area--full-width";
+    readonly inputFileButtonText: "input-file-button-text";
+    readonly inputFileMultipleText: "input-file-multiple-text";
+    readonly textCenter: "text-center";
+    readonly textLeft: "text-left";
+    readonly textRight: "text-right";
+    readonly fontBold: "font-bold";
+    readonly fontNormal: "font-normal";
+    readonly fontLight: "font-light";
+    readonly rounded: "rounded";
+    readonly roundedSm: "rounded-sm";
+    readonly roundedLg: "rounded-lg";
+    readonly roundedFull: "rounded-full";
+    readonly shadow: "shadow";
+    readonly shadowSm: "shadow-sm";
+    readonly shadowMd: "shadow-md";
+    readonly shadowLg: "shadow-lg";
+    readonly shadowXl: "shadow-xl";
+};
+export type CSSClasses = typeof cssClasses;
+export default cssClasses;
 //# sourceMappingURL=index.d.ts.map

package/dist/styles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwFb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC;AAC3C,eAAe,UAAU,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "thailife-react",
-  "version": "0.0.17",
-  "description": "A modern UI library built with React and Emotion",
+  "version": "0.0.18",
+  "description": "A modern UI library built with React and CSS",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
@@ -25,7 +25,7 @@
     "react",
     "ui",
     "components",
-    "emotion",
+    "css",
     "typescript"
   ],
   "author": "ThaiLife",
@@ -84,9 +84,5 @@
     "ts-jest": "^29.1.0",
     "typescript": "^5.2.0",
     "vite": "^5.0.0"
-  },
-  "dependencies": {
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.1"
   }
 }

package/dist/styles/ThemeProvider.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface ThemeProviderProps {
-    children: React.ReactNode;
-}
-export declare const ThemeProvider: React.FC<ThemeProviderProps>;
-export default ThemeProvider;
-//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/styles/ThemeProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/styles/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQtD,CAAC;AAEF,eAAe,aAAa,CAAC"}