@grantbii/design-system 1.0.31 → 1.0.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/foundations/breakpoints.d.ts +1 -0
- package/core/foundations/breakpoints.js +1 -0
- package/core/global/GlobalStyle.js +10 -1
- package/index.d.ts +3 -2
- package/index.js +3 -2
- package/package.json +1 -1
- package/tsconfig.tsbuildinfo +1 -1
- /package/core/{foundation → foundations}/colors.d.ts +0 -0
- /package/core/{foundation → foundations}/colors.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const LAPTOP_WIDTH_PIXELS = 1024;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const LAPTOP_WIDTH_PIXELS = 1024;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createGlobalStyle } from "styled-components";
|
|
3
3
|
import "../../public/fonts/satoshi/css/satoshi.css";
|
|
4
|
-
import
|
|
4
|
+
import { LAPTOP_WIDTH_PIXELS } from "../foundations/breakpoints";
|
|
5
|
+
import * as Colors from "../foundations/colors";
|
|
5
6
|
const GlobalStyle = createGlobalStyle `
|
|
6
7
|
html,
|
|
7
8
|
body {
|
|
@@ -61,5 +62,13 @@ const GlobalStyle = createGlobalStyle `
|
|
|
61
62
|
-moz-appearance: textfield;
|
|
62
63
|
appearance: textfield;
|
|
63
64
|
}
|
|
65
|
+
|
|
66
|
+
@media (width < ${LAPTOP_WIDTH_PIXELS}px) {
|
|
67
|
+
font-size: 14px;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
@media (width >= ${LAPTOP_WIDTH_PIXELS}px) {
|
|
71
|
+
font-size: 16px;
|
|
72
|
+
}
|
|
64
73
|
`;
|
|
65
74
|
export default GlobalStyle;
|
package/index.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
export * as Icons from "@phosphor-icons/react";
|
|
2
2
|
export * as Flags from "country-flag-icons/react/3x2";
|
|
3
|
+
export { default as Badge } from "./core/atoms/Badge";
|
|
3
4
|
export { default as BrandLogo } from "./core/atoms/BrandLogo";
|
|
4
5
|
export { default as LinkButton } from "./core/atoms/LinkButton";
|
|
5
|
-
export * as
|
|
6
|
+
export * as Breakpoints from "./core/foundations/breakpoints";
|
|
7
|
+
export * as Colors from "./core/foundations/colors";
|
|
6
8
|
export { default as GlobalStyle } from "./core/global/GlobalStyle";
|
|
7
9
|
export { default as StyledComponentsRegistry } from "./core/integrations/StyledComponentsRegistry";
|
|
8
|
-
export { default as Badge } from "./core/atoms/Badge";
|
package/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
export * as Icons from "@phosphor-icons/react";
|
|
2
2
|
export * as Flags from "country-flag-icons/react/3x2";
|
|
3
|
+
export { default as Badge } from "./core/atoms/Badge";
|
|
3
4
|
export { default as BrandLogo } from "./core/atoms/BrandLogo";
|
|
4
5
|
export { default as LinkButton } from "./core/atoms/LinkButton";
|
|
5
|
-
export * as
|
|
6
|
+
export * as Breakpoints from "./core/foundations/breakpoints";
|
|
7
|
+
export * as Colors from "./core/foundations/colors";
|
|
6
8
|
export { default as GlobalStyle } from "./core/global/GlobalStyle";
|
|
7
9
|
export { default as StyledComponentsRegistry } from "./core/integrations/StyledComponentsRegistry";
|
|
8
|
-
export { default as Badge } from "./core/atoms/Badge";
|