@gobolt/genesis 0.2.4 → 0.2.5

package/dist/components/Tile/styles.js

@@ -1,4 +1,4 @@
-import { styled as s } from "../../utils/styled.js";
+import s from "styled-components";
 const l = ({ sizing: e }, i = !1) => `
     display: flex;
     flex-direction: ${i ? "row" : "column"};

package/dist/components/Toast/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../utils/styled.cjs"),i=require("../../constants/index.cjs"),n=s.styled.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),n=require("../../constants/index.cjs"),a=i.div`
   display: flex;
   align-items: center;
   gap: ${({theme:e})=>e.sizing.Size4}px;
@@ -12,13 +12,13 @@
   width: ${({theme:e,state:t,size:o})=>o==="standard"?"340px":"240px"};
   background-color: ${({theme:e,state:t})=>e.colors.surface.default};
   box-shadow: 0px 4px 16px 0px #00000026;
-`,a=s.styled.button`
+`,s=i.button`
   text-decoration: underline;
   border: none;
   background: none;
   cursor: pointer;
   pointer-events: all;
-`,r=s.styled.div`
+`,r=i.div`
   display: flex;
   align-items: center;
   gap: ${({theme:e})=>e.sizing.Size2}px;
@@ -33,6 +33,6 @@
     text-overflow: ellipsis;
     font-size: 16px;
     font-family: ${({theme:e})=>e.typography.fontFamily};
-    line-height: ${({theme:e,size:t})=>t===i.SIZE.standard?e.typography.lineHeight:"16px"};
+    line-height: ${({theme:e,size:t})=>t===n.SIZE.standard?e.typography.lineHeight:"16px"};
   }
-`;exports.ToastCloseButton=a;exports.ToastContent=r;exports.ToastRow=n;
+`;exports.ToastCloseButton=s;exports.ToastContent=r;exports.ToastRow=a;

package/dist/components/Toast/styles.d.ts

@@ -1,3 +1,9 @@
-export declare const ToastRow: any;
-export declare const ToastCloseButton: any;
-export declare const ToastContent: any;
+export declare const ToastRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    state: string;
+    size: string;
+}>> & string;
+export declare const ToastCloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ToastContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    state: string;
+    size: string;
+}>> & string;

package/dist/components/Toast/styles.js

@@ -1,4 +1,4 @@
-import { styled as i } from "../../utils/styled.js";
+import i from "styled-components";
 import { SIZE as r } from "../../constants/index.js";
 const s = i.div`
   display: flex;

package/dist/components/Tooltip/styles.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../utils/styled.cjs"),r=require("../../node_modules/antd/es/tooltip/index.cjs"),i=({colors:e,borderRadius:t,sizing:s},l="primary",a="active")=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),r=require("../../node_modules/antd/es/tooltip/index.cjs"),i=({colors:e,borderRadius:t,sizing:s},l="primary",a="active")=>`
   
- `,n=o.styled(r)`
+ `,n=o(r)`
   ${({theme:e,type:t,state:s})=>i(e,t,s)}
 `;exports.Tooltip=n;exports.getGenesisClass=i;

package/dist/components/Tooltip/styles.d.ts

@@ -1,6 +1,19 @@
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+interface StyledTooltipProps {
+    theme?: GenesisTheme;
+    type?: "primary" | "secondary";
+    state?: "active" | "disabled";
+}
 export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
     colors: any;
     borderRadius: any;
     sizing: any;
 }, type?: string, state?: string) => string;
-export declare const Tooltip: any;
+export declare const Tooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<(Omit<import('antd/es/tooltip').TooltipPropsWithTitle & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>, "ref"> & {
+    ref?: import('react').Ref<import('antd/es/tooltip').TooltipRef>;
+}) | (Omit<import('antd/es/tooltip').TooltipPropsWithOverlay & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>, "ref"> & {
+    ref?: import('react').Ref<import('antd/es/tooltip').TooltipRef>;
+}), StyledTooltipProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').TooltipProps & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>> & {
+    _InternalPanelDoNotUseOrYouWillBeFired: import('react').FC<import('antd/es/tooltip/PurePanel').PurePanelProps>;
+}, keyof import('react').Component<any, {}, any>>;
+export {};

package/dist/components/Tooltip/styles.js

@@ -1,4 +1,4 @@
-import { styled as s } from "../../utils/styled.js";
+import s from "styled-components";
 import e from "../../node_modules/antd/es/tooltip/index.js";
 const i = ({ colors: o, borderRadius: t, sizing: r }, p = "primary", a = "active") => `
   

package/dist/components/Typography/styles.cjs

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../utils/styled.cjs"),a=require("../../node_modules/antd/es/typography/index.cjs"),u=(t,e,n)=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),l=require("../../node_modules/antd/es/typography/index.cjs"),g=(t,e,n)=>`
         font-size: ${t[n][e].fontSize}px !important;
         line-height: ${t[n][e].lineHeight};
         letter-spacing: ${t[n][e].letterSpacing}px;
         font-weight: ${t[n][e].fontWeight};
-      `,g=(t,e,n)=>t||e[n].active.color,$=t=>`
+      `,d=(t,e,n)=>t||e[n].active.color,$=t=>`
     ${t.includes("digits")?"'Roboto Mono', sans-serif":"'Inter', sans-serif"} !important;
-  `,c=({colors:t,typography:e},n,r,i,o,s,d)=>`
+  `,c=({colors:t,typography:e},n,r,s,o,i,u)=>`
     &.ant-typography {
       font-family: ${$(r)};
-      color: ${g(s,t,n)} !important;
-      ${u(e,r,o)}
+      color: ${d(i,t,n)} !important;
+      ${g(e,r,o)}
       margin-bottom: 0 !important;
-      width: ${d?"100%":"auto"};
+      width: ${u?"100%":"auto"};
       line-height: 1;
 
       &:disabled {
@@ -20,10 +20,10 @@
         cursor: not-allowed;
       }
     } 
-`,f=l.styled(a.Title)`
-  ${({theme:t,$themeType:e,variant:n,state:r,breakpoint:i,color:o,$isFullWidth:s})=>c(t,e,n,r,i,o,s)}
-`,h=l.styled(a.Paragraph)`
-  ${({theme:t,$themeType:e,variant:n,state:r,breakpoint:i,color:o,$isFullWidth:s})=>c(t,e,n,r,i,o,s)}
-`,m=l.styled(a.Text)`
-  ${({theme:t,$themeType:e,variant:n,state:r,breakpoint:i,color:o,$isFullWidth:s})=>c(t,e,n,r,i,o,s)}
+`,f=a(l.Title)`
+  ${({theme:t,$themeType:e,variant:n,state:r,breakpoint:s,color:o,$isFullWidth:i})=>c(t,e,n,r,s,o,i)}
+`,h=a(l.Paragraph)`
+  ${({theme:t,$themeType:e,variant:n,state:r,breakpoint:s,color:o,$isFullWidth:i})=>c(t,e,n,r,s,o,i)}
+`,m=a(l.Text)`
+  ${({theme:t,$themeType:e,variant:n,state:r,breakpoint:s,color:o,$isFullWidth:i})=>c(t,e,n,r,s,o,i)}
 `;exports.Headline=f;exports.Paragraph=h;exports.Text=m;

package/dist/components/Typography/styles.d.ts

@@ -1,3 +1,21 @@
-export declare const Headline: any;
-export declare const Paragraph: any;
-export declare const Text: any;
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+import { TYPE, STATE } from '../../constants';
+interface TypographyStyledProps {
+    theme: GenesisTheme;
+    $themeType?: keyof typeof TYPE;
+    variant?: string;
+    state?: keyof typeof STATE;
+    breakpoint?: string;
+    color?: string;
+    $isFullWidth?: boolean;
+}
+export declare const Headline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLElement>;
+}, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const Paragraph: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Paragraph').ParagraphProps & import('react').RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLElement>;
+}, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Paragraph').ParagraphProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const Text: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLSpanElement>;
+}, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>>, keyof import('react').Component<any, {}, any>>;
+export {};

package/dist/components/Typography/styles.js

@@ -1,4 +1,4 @@
-import { styled as a } from "../../utils/styled.js";
+import a from "styled-components";
 import l from "../../node_modules/antd/es/typography/index.js";
 const m = (t, e, n) => `
         font-size: ${t[n][e].fontSize}px !important;

package/dist/genesis/styles.d.ts

@@ -1,2 +1,11 @@
-export declare const Card: any;
-export declare const Headline: any;
+import { DefaultTheme } from 'styled-components';
+interface StyledProps {
+    theme: DefaultTheme;
+}
+export declare const Card: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').CardProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, StyledProps>> & string & Omit<import('antd/es/card').CardInterface, keyof import('react').Component<any, {}, any>>;
+export declare const Headline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLElement>;
+}, StyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+export {};

package/dist/node_modules/antd/es/typography/hooks/useCopyClick.cjs

@@ -1 +1 @@
-"use strict";const v=require("react"),m=require("../../../../../_virtual/index6.cjs"),x=require("../../../../rc-util/es/hooks/useEvent.cjs"),C=require("../../_util/toList.cjs");function _(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const d=_(v);var h=function(o,t,e,c){function s(u){return u instanceof e?u:new e(function(r){r(u)})}return new(e||(e=Promise))(function(u,r){function f(i){try{a(c.next(i))}catch(n){r(n)}}function l(i){try{a(c.throw(i))}catch(n){r(n)}}function a(i){i.done?u(i.value):s(i.value).then(f,l)}a((c=c.apply(o,t||[])).next())})};const w=o=>{let{copyConfig:t,children:e}=o;const[c,s]=d.useState(!1),[u,r]=d.useState(!1),f=d.useRef(null),l=()=>{f.current&&clearTimeout(f.current)},a={};t.format&&(a.format=t.format),d.useEffect(()=>l,[]);const i=x(n=>h(void 0,void 0,void 0,function*(){var p;n==null||n.preventDefault(),n==null||n.stopPropagation(),r(!0);try{const y=typeof t.text=="function"?yield t.text():t.text;m(y||C(e,!0).join("")||"",a),r(!1),s(!0),l(),f.current=setTimeout(()=>{s(!1)},3e3),(p=t.onCopy)===null||p===void 0||p.call(t,n)}catch(y){throw r(!1),y}}));return{copied:c,copyLoading:u,onClick:i}};module.exports=w;
+"use strict";const v=require("react"),m=require("../../../../../_virtual/index5.cjs"),x=require("../../../../rc-util/es/hooks/useEvent.cjs"),C=require("../../_util/toList.cjs");function _(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const d=_(v);var h=function(o,t,e,c){function s(u){return u instanceof e?u:new e(function(r){r(u)})}return new(e||(e=Promise))(function(u,r){function f(i){try{a(c.next(i))}catch(n){r(n)}}function l(i){try{a(c.throw(i))}catch(n){r(n)}}function a(i){i.done?u(i.value):s(i.value).then(f,l)}a((c=c.apply(o,t||[])).next())})};const w=o=>{let{copyConfig:t,children:e}=o;const[c,s]=d.useState(!1),[u,r]=d.useState(!1),f=d.useRef(null),l=()=>{f.current&&clearTimeout(f.current)},a={};t.format&&(a.format=t.format),d.useEffect(()=>l,[]);const i=x(n=>h(void 0,void 0,void 0,function*(){var p;n==null||n.preventDefault(),n==null||n.stopPropagation(),r(!0);try{const y=typeof t.text=="function"?yield t.text():t.text;m(y||C(e,!0).join("")||"",a),r(!1),s(!0),l(),f.current=setTimeout(()=>{s(!1)},3e3),(p=t.onCopy)===null||p===void 0||p.call(t,n)}catch(y){throw r(!1),y}}));return{copied:c,copyLoading:u,onClick:i}};module.exports=w;

package/dist/node_modules/antd/es/typography/hooks/useCopyClick.js

@@ -1,5 +1,5 @@
 import * as d from "react";
-import m from "../../../../../_virtual/index6.js";
+import m from "../../../../../_virtual/index5.js";
 import v from "../../../../rc-util/es/hooks/useEvent.js";
 import C from "../../_util/toList.js";
 var h = function(l, o, c, f) {

package/dist/styles/global-styles.d.ts

@@ -1 +1 @@
-export declare const GlobalStyles: any;
+export declare const GlobalStyles: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;

package/dist/utils/styled.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components");function i(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(l,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return l.default=t,Object.freeze(l)}const n=i(s),a=typeof navigator<"u"&&navigator.product==="ReactNative";let e;if(a)try{e=require("styled-components/native")}catch{console.warn("Failed to load styled-components/native, falling back to web"),e=n}else e=n;const c=e.default,u=e.ThemeProvider,d=e.useTheme;e.css;const f=a?()=>null:n.createGlobalStyle;exports.ThemeProvider=u;exports.createGlobalStyle=f;exports.default=c;exports.styled=c;exports.useTheme=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),t=e.createGlobalStyle,l=e.ThemeProvider,r=e.useTheme;exports.default=e;exports.ThemeProvider=l;exports.createGlobalStyle=t;exports.useTheme=r;

package/dist/utils/styled.d.ts

@@ -1,7 +1,6 @@
-import * as styledComponents from "styled-components";
-export declare const styled: any;
-export declare const ThemeProvider: any;
-export declare const useTheme: any;
-export declare const css: any;
-export declare const createGlobalStyle: (() => any) | typeof styledComponents.createGlobalStyle;
+import { default as styled, createGlobalStyle as styledCreateGlobalStyle, ThemeProvider as styledThemeProvider, useTheme as styledUseTheme, css as styledCss } from 'styled-components';
+export declare const createGlobalStyle: typeof styledCreateGlobalStyle;
+export declare const ThemeProvider: typeof styledThemeProvider;
+export declare const useTheme: typeof styledUseTheme;
+export declare const css: typeof styledCss;
 export default styled;

package/dist/utils/styled.js

@@ -1,23 +1,9 @@
-import * as t from "styled-components";
-const o = typeof navigator < "u" && navigator.product === "ReactNative";
-let e;
-if (o)
-  try {
-    e = require("styled-components/native");
-  } catch {
-    console.warn(
-      "Failed to load styled-components/native, falling back to web"
-    ), e = t;
-  }
-else
-  e = t;
-const l = e.default, s = e.ThemeProvider, n = e.useTheme;
-e.css;
-const r = o ? () => null : t.createGlobalStyle;
+import { useTheme as e, ThemeProvider as o, createGlobalStyle as r } from "styled-components";
+import { default as T } from "styled-components";
+const a = r, s = o, m = e;
 export {
   s as ThemeProvider,
-  r as createGlobalStyle,
-  l as default,
-  l as styled,
-  n as useTheme
+  a as createGlobalStyle,
+  T as default,
+  m as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",
@@ -70,15 +70,11 @@
   "peerDependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-native": ">=0.70.0",
     "styled-components": "^6.0.0"
   },
   "peerDependenciesMeta": {
     "react-dom": {
       "optional": true
-    },
-    "react-native": {
-      "optional": true
     }
   },
   "devDependencies": {
@@ -152,7 +148,6 @@
     "debounce": "^2.2.0",
     "react-error-boundary": "^4.0.11",
     "react-icons": "^5.5.0",
-    "react-native-web": "^0.19.13",
     "react-router-dom": "^7.2.0",
     "react-toastify": "^11.0.3",
     "recharts": "^2.15.1",

package/dist/components/Button/Button.native.d.ts

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-export interface ButtonProps {
-    children: React.ReactNode;
-    type?: "primary" | "secondary" | "tertiary" | "utility" | "icon";
-    size?: "small" | "normal" | "large";
-    disabled?: boolean;
-    loading?: boolean;
-    onClick?: () => void;
-    isIconButton?: boolean;
-}
-declare const Button: React.FC<ButtonProps>;
-export default Button;

package/dist/components/Button/__stories__/Button.native.stories.d.ts

@@ -1,8 +0,0 @@
-import { default as Button } from '../Button.native';
-import { Meta, StoryObj } from '@storybook/react';
-declare const ButtonMeta: Meta<typeof Button>;
-export default ButtonMeta;
-type ButtonStory = StoryObj<typeof Button>;
-export declare const Default: ButtonStory;
-export declare const Primary: ButtonStory;
-export declare const Secondary: ButtonStory;

package/dist/components/Button/styles.native.d.ts

@@ -1,2 +0,0 @@
-export declare const Button: any;
-export declare const ButtonText: any;