@grantbii/design-system 1.0.65 → 1.0.66

package/core/atoms/Badge.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import { Colors, Icons } from "../foundations";

package/core/atoms/BrandLogo.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import Image from "next/image";
 import darkLogo from "../assets/logos/brand_logo-dark.webp";

package/core/atoms/Button.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { BaseButton as ButtonContent } from "./shared";
 import styled from "styled-components";

package/core/atoms/Checkbox.js

@@ -1,3 +1,4 @@
+"use client";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/core/atoms/LinkButton.js

@@ -1,3 +1,4 @@
+"use client";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/core/atoms/PageLoader.js

@@ -1,3 +1,4 @@
+"use client";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/core/atoms/RadioButton.js

@@ -1,3 +1,4 @@
+"use client";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/core/atoms/Textarea.js

@@ -1,3 +1,4 @@
+"use client";
 import styled from "styled-components";
 import { Colors } from "../foundations";
 const Textarea = styled.textarea `

package/core/foundations/index.d.ts

@@ -3,3 +3,4 @@ export * as Colors from "./colors";
 export * as Flags from "./flags";
 export * as Icons from "./icons";
 export type * from "./types";
+export * as Typography from "./typography";

package/core/foundations/index.js

@@ -2,3 +2,4 @@ export * as Breakpoints from "./breakpoints";
 export * as Colors from "./colors";
 export * as Flags from "./flags";
 export * as Icons from "./icons";
+export * as Typography from "./typography";

package/core/foundations/typography.d.ts

@@ -0,0 +1,14 @@
+export declare const FONT_SIZE_PIXELS_DESKTOP: {
+    title: string;
+    header: string;
+    subheader: string;
+    body: string;
+    helper: string;
+};
+export declare const FONT_SIZE_PIXELS_MOBILE: {
+    title: string;
+    header: string;
+    subheader: string;
+    body: string;
+    helper: string;
+};

package/core/foundations/typography.js

@@ -0,0 +1,14 @@
+export const FONT_SIZE_PIXELS_DESKTOP = {
+    title: "24px",
+    header: "22px",
+    subheader: "20px",
+    body: "16px",
+    helper: "14px",
+};
+export const FONT_SIZE_PIXELS_MOBILE = {
+    title: "22px",
+    header: "20px",
+    subheader: "18px",
+    body: "14px",
+    helper: "12px",
+};

package/core/global/GlobalStyle.js

@@ -1,7 +1,6 @@
 "use client";
 import { createGlobalStyle } from "styled-components";
 import "../assets/fonts/satoshi/css/satoshi.css";
-import { LAPTOP_WIDTH_PIXELS } from "../foundations/breakpoints";
 import * as Colors from "../foundations/colors";
 const GlobalStyle = createGlobalStyle `
   html,
@@ -62,13 +61,5 @@ const GlobalStyle = createGlobalStyle `
     -moz-appearance: textfield;
     appearance: textfield;
   }
-
-  @media (width < ${LAPTOP_WIDTH_PIXELS}px) {
-    font-size: 14px;
-  }
-
-  @media (width >= ${LAPTOP_WIDTH_PIXELS}px) {
-    font-size: 16px;
-  }
 `;
 export default GlobalStyle;

package/core/global/index.d.ts

@@ -0,0 +1 @@
+export { default as GlobalStyle } from "./GlobalStyle";

package/core/global/index.js

@@ -0,0 +1 @@
+export { default as GlobalStyle } from "./GlobalStyle";

package/core/molecules/FileDrop.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { useDropzone } from "react-dropzone";

package/core/molecules/Modal.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
 import styled, { css } from "styled-components";

package/core/molecules/RadioButtons.js

@@ -1,3 +1,4 @@
+"use client";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/core/organisms/GrantMatch.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { isGrantMatchActive } from "@grantbii/ui-base/match/mappings";
 import { useState } from "react";

package/core/organisms/TallyModal.js

@@ -1,3 +1,4 @@
+"use client";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/core/organisms/YesNoOptions.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { LogicOption } from "@grantbii/ui-base/grant/enums";
 import styled from "styled-components";

package/index.d.ts

@@ -1,6 +1,6 @@
 export * from "./core/atoms";
 export * from "./core/foundations";
-export { default as GlobalStyle } from "./core/global/GlobalStyle";
+export * from "./core/global";
 export * from "./core/integrations";
 export * from "./core/molecules";
 export * from "./core/organisms";

package/index.js

@@ -1,6 +1,6 @@
 export * from "./core/atoms";
 export * from "./core/foundations";
-export { default as GlobalStyle } from "./core/global/GlobalStyle";
+export * from "./core/global";
 export * from "./core/integrations";
 export * from "./core/molecules";
 export * from "./core/organisms";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grantbii/design-system",
-  "version": "1.0.65",
+  "version": "1.0.66",
   "description": "Grantbii's Design System",
   "homepage": "https://design.grantbii.com",
   "repository": {