@purr-react-styled-components/services.styled-theme 0.0.7 → 0.0.9

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),l=require("styled-components"),x={light:{id:"T_001",name:"Light",colors:{body:"#FFFFFF",text:"#222222",button:{text:"#FFFFFF",background:"#000000"},link:{text:"teal",opacity:1}},font:"Tinos"},dark:{id:"T_007",name:"Dark",colors:{body:"#222222",text:"#c5cbce",button:{text:"#ffffff",background:"#0d47a1"},link:{text:"#0d47a1",opacity:.8}},font:"Ubuntu"}},F={data:x},u=n.createContext({theme:"dark",setTheme:()=>""}),T=({schema:t=F,defaultTheme:e="dark",children:s})=>{const[o,a]=n.useState(e),c=n.useMemo(()=>{var r,d;return o?(r=t==null?void 0:t.data)==null?void 0:r[o]:(d=t==null?void 0:t.data)==null?void 0:d[e]},[e,t==null?void 0:t.data,o]);return i.jsxs(u.Provider,{value:{theme:o,setTheme:a},children:[i.jsx(l.ThemeProvider,{theme:c,children:s}),";"]})},b=()=>{const{setTheme:t,theme:e}=n.useContext(u);return{setTheme:t,theme:e}};exports.ThemesProvider=T;exports.useTheme=b;
+'use strict';var m=require('react'),styledComponents=require('styled-components');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var m__default=/*#__PURE__*/_interopDefault(m);var r={data:{light:{id:"T_001",name:"Light",colors:{body:"#FFFFFF",text:"#222222",button:{text:"#FFFFFF",background:"#000000"},link:{text:"teal",opacity:1}},font:"Tinos"},dark:{id:"T_007",name:"Dark",colors:{body:"#222222",text:"#c5cbce",button:{text:"#ffffff",background:"#0d47a1"},link:{text:"#0d47a1",opacity:.8}},font:"Ubuntu"}}};var d=m.createContext({theme:"dark",setTheme:()=>""}),y=({schema:e=r,defaultTheme:t="dark",children:n})=>{let[o,a]=m.useState(t),T=m.useMemo(()=>o?e?.data?.[o]:e?.data?.[t],[t,e?.data,o]);return m__default.default.createElement(d.Provider,{value:{theme:o,setTheme:a}},m__default.default.createElement(styledComponents.ThemeProvider,{theme:T},n),";")},S=()=>{let{setTheme:e,theme:t}=m.useContext(d);return {setTheme:e,theme:t}};exports.ThemesProvider=y;exports.useTheme=S;

package/dist/index.d.cts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from 'react';
+import { TAny } from '@purr-core/utils.definitions';
+
+type TStyledTheme = "light" | "dark";
+type TStyledThemeContext = {
+    theme: TStyledTheme;
+    setTheme: (theme: TStyledTheme) => void;
+};
+interface IStyledThemeProps {
+    schema?: TAny;
+    defaultTheme?: TStyledTheme;
+    children?: ReactNode;
+}
+
+declare const ThemesProvider: ({ schema, defaultTheme, children, }: IStyledThemeProps) => React.JSX.Element;
+declare const useTheme: () => {
+    setTheme: (theme: TStyledTheme) => void;
+    theme: TStyledTheme;
+};
+
+export { type IStyledThemeProps, type TStyledTheme, type TStyledThemeContext, ThemesProvider, useTheme };

package/dist/index.d.ts

@@ -1,2 +1,21 @@
-export * from './_components';
-export * from './_types';
+import React, { ReactNode } from 'react';
+import { TAny } from '@purr-core/utils.definitions';
+
+type TStyledTheme = "light" | "dark";
+type TStyledThemeContext = {
+    theme: TStyledTheme;
+    setTheme: (theme: TStyledTheme) => void;
+};
+interface IStyledThemeProps {
+    schema?: TAny;
+    defaultTheme?: TStyledTheme;
+    children?: ReactNode;
+}
+
+declare const ThemesProvider: ({ schema, defaultTheme, children, }: IStyledThemeProps) => React.JSX.Element;
+declare const useTheme: () => {
+    setTheme: (theme: TStyledTheme) => void;
+    theme: TStyledTheme;
+};
+
+export { type IStyledThemeProps, type TStyledTheme, type TStyledThemeContext, ThemesProvider, useTheme };

package/dist/index.js

@@ -1,67 +1 @@
-import { jsxs as x, jsx as F } from "react/jsx-runtime";
-import { createContext as f, useState as s, useMemo as b, useContext as c } from "react";
-import { ThemeProvider as k } from "styled-components";
-const l = {
-  light: {
-    id: "T_001",
-    name: "Light",
-    colors: {
-      body: "#FFFFFF",
-      text: "#222222",
-      button: {
-        text: "#FFFFFF",
-        background: "#000000"
-      },
-      link: {
-        text: "teal",
-        opacity: 1
-      }
-    },
-    font: "Tinos"
-  },
-  dark: {
-    id: "T_007",
-    name: "Dark",
-    colors: {
-      body: "#222222",
-      text: "#c5cbce",
-      button: {
-        text: "#ffffff",
-        background: "#0d47a1"
-      },
-      link: {
-        text: "#0d47a1",
-        opacity: 0.8
-      }
-    },
-    font: "Ubuntu"
-  }
-}, T = {
-  data: l
-}, d = f({
-  theme: "dark",
-  setTheme: () => ""
-}), v = ({
-  schema: t = T,
-  defaultTheme: e = "dark",
-  children: i
-}) => {
-  const [o, a] = s(e), u = b(
-    () => {
-      var r, n;
-      return o ? (r = t == null ? void 0 : t.data) == null ? void 0 : r[o] : (n = t == null ? void 0 : t.data) == null ? void 0 : n[e];
-    },
-    [e, t == null ? void 0 : t.data, o]
-  );
-  return /* @__PURE__ */ x(d.Provider, { value: { theme: o, setTheme: a }, children: [
-    /* @__PURE__ */ F(k, { theme: u, children: i }),
-    ";"
-  ] });
-}, y = () => {
-  const { setTheme: t, theme: e } = c(d);
-  return { setTheme: t, theme: e };
-};
-export {
-  v as ThemesProvider,
-  y as useTheme
-};
+import m,{createContext,useState,useMemo,useContext}from'react';import {ThemeProvider}from'styled-components';var r={data:{light:{id:"T_001",name:"Light",colors:{body:"#FFFFFF",text:"#222222",button:{text:"#FFFFFF",background:"#000000"},link:{text:"teal",opacity:1}},font:"Tinos"},dark:{id:"T_007",name:"Dark",colors:{body:"#222222",text:"#c5cbce",button:{text:"#ffffff",background:"#0d47a1"},link:{text:"#0d47a1",opacity:.8}},font:"Ubuntu"}}};var d=createContext({theme:"dark",setTheme:()=>""}),y=({schema:e=r,defaultTheme:t="dark",children:n})=>{let[o,a]=useState(t),T=useMemo(()=>o?e?.data?.[o]:e?.data?.[t],[t,e?.data,o]);return m.createElement(d.Provider,{value:{theme:o,setTheme:a}},m.createElement(ThemeProvider,{theme:T},n),";")},S=()=>{let{setTheme:e,theme:t}=useContext(d);return {setTheme:e,theme:t}};export{y as ThemesProvider,S as useTheme};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-styled-components/services.styled-theme",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -24,7 +24,7 @@
     "typescript": "*",
     "react": "*",
     "styled-components": "*",
-    "@purr-core/utils.definitions": "0.0.10"
+    "@purr-core/utils.definitions": "0.0.12"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",
@@ -33,6 +33,8 @@
   "scripts": {
     "dev": "vite build --watch",
     "build": "tsc && vite build",
+    "build:vite": "tsc && vite build",
+    "build:tsup": "tsup",
     "lint": "eslint . --ext ts,tsx --max-warnings 0"
   }
 }

package/dist/_components.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-import { IStyledThemeProps, TStyledTheme } from './_types';
-
-export declare const ThemesProvider: ({ schema, defaultTheme, children, }: IStyledThemeProps) => React.JSX.Element;
-export declare const useTheme: () => {
-    setTheme: (theme: TStyledTheme) => void;
-    theme: TStyledTheme;
-};

package/dist/_schema.json.d.ts

@@ -1,41 +0,0 @@
-declare const _default: {
-  "data": {
-    "light": {
-      "id": "T_001",
-      "name": "Light",
-      "colors": {
-        "body": "#FFFFFF",
-        "text": "#222222",
-        "button": {
-          "text": "#FFFFFF",
-          "background": "#000000"
-        },
-        "link": {
-          "text": "teal",
-          "opacity": 1
-        }
-      },
-      "font": "Tinos"
-    },
-    "dark": {
-      "id": "T_007",
-      "name": "Dark",
-      "colors": {
-        "body": "#222222",
-        "text": "#c5cbce",
-        "button": {
-          "text": "#ffffff",
-          "background": "#0d47a1"
-        },
-        "link": {
-          "text": "#0d47a1",
-          "opacity": 0.8
-        }
-      },
-      "font": "Ubuntu"
-    }
-  }
-}
-;
-
-export default _default;

package/dist/_types.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-import { TAny } from '@purr-core/utils.definitions';
-
-export type TStyledTheme = "light" | "dark";
-export type TStyledThemeContext = {
-    theme: TStyledTheme;
-    setTheme: (theme: TStyledTheme) => void;
-};
-export interface IStyledThemeProps {
-    schema?: TAny;
-    defaultTheme?: TStyledTheme;
-    children?: ReactNode;
-}