@loadsmart/loadsmart-ui 8.0.7 → 8.1.0-beta.1

package/dist/styles/font.d.ts

@@ -1,5 +1,5 @@
-import { FlattenInterpolation } from 'styled-components';
-import { ThemedProps, ThemeToken } from '../theming';
+import { RuleSet } from 'styled-components';
+import { ThemeToken } from '../theming';
 interface FontStyleOptions {
     size?: ThemeToken;
     family?: ThemeToken;
@@ -11,5 +11,5 @@ interface FontStyleOptions {
 /**
  * Add basic CSS style for default font
  */
-declare function fontStyle({ color, weight, size, family, height, transform, }: FontStyleOptions): FlattenInterpolation<ThemedProps>;
+declare function fontStyle({ color, weight, size, family, height, transform, }: FontStyleOptions): RuleSet;
 export default fontStyle;

package/dist/styles/typography.d.ts

@@ -1,5 +1,5 @@
 import { ThemeToken } from '../theming';
-import { FlattenInterpolation, ThemeProps } from 'styled-components';
+import { RuleSet } from 'styled-components';
 export interface TypographyOptions {
     italic?: boolean;
     color?: ThemeToken;
@@ -20,5 +20,5 @@ export declare const typographyProperties: TypographyProperties;
  * @param variant Name of the variant
  * @param options Add boldness, italics and color
  */
-declare function typography<P>(variant?: TypographyVariants | ((props: P) => string), options?: TypographyOptions): ((props: P) => FlattenInterpolation<ThemeProps<any>> | ((props: unknown) => FlattenInterpolation<ThemeProps<any>> | /*elided*/ any)) | FlattenInterpolation<ThemeProps<any>>;
+declare function typography<P>(variant?: TypographyVariants | ((props: P) => string), options?: TypographyOptions): ((props: P) => RuleSet<object> | ((props: unknown) => RuleSet<object> | /*elided*/ any)) | RuleSet<object>;
 export default typography;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loadsmart/loadsmart-ui",
-  "version": "8.0.7",
+  "version": "8.1.0-beta.1",
   "description": "Miranda UI, a React UI library",
   "type": "module",
   "main": "dist/index.js",
@@ -8,6 +8,20 @@
     "dist"
   ],
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./theming": {
+      "import": "./dist/theming/index.js",
+      "types": "./dist/theming/index.d.ts"
+    },
+    "./testing": {
+      "import": "./dist/testing/index.js",
+      "types": "./dist/testing/index.d.ts"
+    }
+  },
   "scripts": {
     "start": "yarn dev",
     "dev": "storybook dev -p 6006",
@@ -58,7 +72,6 @@
     "@types/node": "^24.12.0",
     "@types/react": "^18.3.28",
     "@types/react-dom": "^18.3.7",
-    "@types/styled-components": "^5.1.36",
     "@vitejs/plugin-react": "^6.0.1",
     "babel-plugin-styled-components": "^2.1.4",
     "chance": "^1.1.13",
@@ -92,7 +105,7 @@
     "react-is": "^18.3.1",
     "semantic-release": "^25.0.3",
     "storybook": "^10.3.3",
-    "styled-components": "^5.3.11",
+    "styled-components": "^6.3.11",
     "tailwindcss": "^4.2.2",
     "ts-toolbelt": "^9.6.0",
     "typescript": "^6.0.2",
@@ -106,7 +119,7 @@
     "@testing-library/react": ">=11.2.6",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": ">=5.3.0"
+    "styled-components": ">=6.0.0"
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.8",