Socket
Socket
Sign inDemoInstall

@tedconf/monterey

Package Overview
Dependencies
Maintainers
9
Versions
66
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@tedconf/monterey - npm Package Compare versions

Comparing version 2.0.0 to 3.0.0

dist/components/capsize.d.ts
dist/src/components/capsize.d.ts
src/components/capsize.ts

14

.storybook/docs-components.jsx

@@ -25,3 +25,3 @@ import * as React from 'react';

<View sx={{ marginBottom: 6 }}>
<Text as="h2" variant="3" color="gray.1" {...props} />
<Text as="h2" variant="3" color="black" {...props} />
</View>

@@ -34,3 +34,3 @@ </ThemeProvider>

<View sx={{ marginBottom: 6 }}>
<Text as="h3" variant="2b" color="gray.2" {...props} />
<Text as="h3" variant="2b" color="black" {...props} />
</View>

@@ -46,6 +46,6 @@ </ThemeProvider>

paddingLeft: 2,
boxShadow: `-${theme.space[1]} 0 0 0 ${theme.colors.gray[6]}`,
boxShadow: `-${theme.space[1]} 0 0 0 ${theme.colors.gray[3]}`,
}}
>
<Text as="h4" variant="2r" color="gray.2" {...props} />
<Text as="h4" variant="2r" color="black" {...props} />
</View>

@@ -58,3 +58,3 @@ </ThemeProvider>

<View sx={{ marginBottom: 6 }}>
<Text as="h5" variant="1b" color="gray.2" {...props} />
<Text as="h5" variant="1b" color="black" {...props} />
</View>

@@ -67,3 +67,3 @@ </ThemeProvider>

<View sx={{ marginBottom: 6 }}>
<Text as="p" color="gray.1" {...props} />
<Text as="p" color="black" {...props} />
</View>

@@ -77,3 +77,3 @@ </ThemeProvider>

sx={{
backgroundColor: 'gray.0',
backgroundColor: 'black',
paddingY: 1,

@@ -80,0 +80,0 @@ paddingX: 2,

21

CHANGELOG.md

@@ -0,1 +1,22 @@

# [3.0.0](https://github.com/tedconf/monterey/compare/v2.0.0...v3.0.0) (2020-09-01)
### Bug Fixes
* **docs:** darken text to black ([0e662d4](https://github.com/tedconf/monterey/commit/0e662d4cf814956d630ccf555efb45d3a2271fa3))
### Features
* update text styles ([0e9807a](https://github.com/tedconf/monterey/commit/0e9807a4d6691d8e441672a7cbca7169e1de5736))
### BREAKING CHANGES
* - remove -2r|- remove -2u|- add -1m|- add -1u|- remove -1b|- add 1rserif|- remove 3r|- add 3r|- add
3b|- remove 4|- add 4b|- add 5b|- add 7||These text style changes span font size and line height,
which may result in some changes in the appearance of elements which depend on the size of the text
inside of it. We recommend perusing your app for such situations and fixing any holes that this
exposes
# [2.0.0](https://github.com/tedconf/monterey/compare/v2.0.0-alpha.2...v2.0.0) (2020-08-19)

@@ -2,0 +23,0 @@

14

dist/components/input/shared.d.ts

@@ -38,6 +38,18 @@ import { Theme } from '../theme';

};
fontSize: number;
letterSpacing: string;
fontWeight: number;
fontSize: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
export declare const inputVariant: any;

313

dist/components/text/index.d.ts

@@ -1,92 +0,325 @@

/// <reference types="@emotion/core" />
import { HTMLAttributes } from 'react';
import { ThemeColors } from 'components/theme';
/// <reference types="react" />
import { Pseudos } from 'csstype';
import { Theme } from '../theme';
import { ResponsiveValue } from 'styled-system';
import { TextColorProps, TextAlignProps, TextShadowProps, TextStyleProps } from 'styled-system';
declare const styles: {
'6': {
fontSize: number;
'-1m': {
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
letterSpacing: string;
fontWeight: number;
};
'-1r': {
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
letterSpacing: string;
fontWeight: number;
};
'5': {
fontSize: number;
'-1u': {
letterSpacing: string;
fontWeight: number;
textTransform: string;
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'1rserif': {
letterSpacing: string;
fontWeight: number;
fontFamily: string;
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'4': {
fontSize: number;
'1r': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'1b': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'3': {
fontSize: number;
'2r': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
fontWeight: number;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'2b': {
fontSize: number;
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'3r': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'2r': {
fontSize: number;
'3b': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
fontWeight: number;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'1b': {
fontSize: number;
'3serif': {
letterSpacing: string;
fontWeight: number;
fontFamily: string;
fontSize: string;
lineHeight: string;
fontWeight: number;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'1r': {
fontSize: number;
'4b': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
fontWeight: number;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'-1r': {
fontSize: number;
'5': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
fontWeight: number;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'-1b': {
fontSize: number;
'5b': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
fontWeight: number;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'-2r': {
fontSize: number;
'6': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
fontWeight: number;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'-2u': {
fontSize: number;
'7': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
fontWeight: number;
textTransform: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
};
declare type TextVariant = '1r' | '1b' | '2r' | '2b' | '3' | 3 | '4' | 4 | '5' | 5 | '6' | 6 | '-1r' | '-1b' | '-2r' | '-2u';
declare type TextVariant = '1r' | '1rserif' | '1b' | '2r' | '2b' | '3b' | '3r' | '3serif' | '4' | 4 | '4b' | '5' | 5 | '5b' | '6' | 6 | '7' | 7 | '-1m' | '-1r' | '-1b' | '-1u';
declare type BaseTextProps = TextColorProps & TextAlignProps & TextShadowProps & TextStyleProps;
export declare type TextProps = Partial<Omit<React.HTMLProps<HTMLSpanElement>, 'color'>> & {
export declare type TextProps = Partial<Omit<React.HTMLAttributes<any>, 'color'>> & {
key?: any;
as?: any;
variant?: ResponsiveValue<TextVariant>;
color?: ResponsiveValue<ThemeColors> | string | string[];
variant?: ResponsiveValue<TextVariant | null>;
color?: ResponsiveValue<Pick<Theme, 'colors'> | string>;
sx?: BaseTextProps & Partial<Record<Pseudos, BaseTextProps>>;
};
declare const Text: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TextProps, import("../tokens").Theme>;
declare const Text: any;
export { Text as default, styles };

3

dist/components/tokens/type/index.d.ts
declare const _default: () => {
'-2': string;
'-1': string;

@@ -11,3 +10,5 @@ '0': string;

'6': string;
'7': string;
root: string;
};
export default _default;

3

dist/src/components/button/ghost.d.ts
/// <reference types="react" />
/// <reference types="@emotion/core" />
import { ButtonProps } from './base';
declare type GhostButtonVariants = 'default' | 'primary' | 'alt' | 'light';
declare const Ghost: import("@emotion/styled-base").StyledComponent<Pick<import("react").PropsWithChildren<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLElement> & {

@@ -12,3 +13,3 @@ disabled?: boolean;

ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, ButtonProps<"default" | "light" | "primary" | "alt">, import("../tokens").Theme>;
}, ButtonProps<GhostButtonVariants>, import("../tokens").Theme>;
export default Ghost;

3

dist/src/components/button/link.d.ts
/// <reference types="react" />
/// <reference types="@emotion/core" />
import { ButtonProps } from './base';
declare type ButtonVariants = 'default' | 'primary' | 'alt' | 'light';
declare const Link: import("@emotion/styled-base").StyledComponent<Pick<import("react").PropsWithChildren<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLElement> & {

@@ -13,3 +12,3 @@ disabled?: boolean;

ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, ButtonProps<ButtonVariants>, import("../tokens").Theme>;
}, ButtonProps<"default" | "light" | "primary" | "alt">, import("../tokens").Theme>;
export default Link;

14

dist/src/components/input/shared.d.ts

@@ -39,5 +39,17 @@ import { Theme } from '../theme';

};
fontSize: number;
letterSpacing: string;
fontWeight: number;
fontSize: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};

@@ -44,0 +56,0 @@ displayName: string;

313

dist/src/components/text/index.d.ts

@@ -1,92 +0,325 @@

/// <reference types="@emotion/core" />
import { HTMLAttributes } from 'react';
import { ThemeColors } from 'components/theme';
/// <reference types="react" />
import { Pseudos } from 'csstype';
import { Theme } from '../theme';
import { ResponsiveValue } from 'styled-system';
import { TextColorProps, TextAlignProps, TextShadowProps, TextStyleProps } from 'styled-system';
declare const styles: {
'6': {
fontSize: number;
'-1m': {
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
letterSpacing: string;
fontWeight: number;
};
'-1r': {
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
letterSpacing: string;
fontWeight: number;
};
'5': {
fontSize: number;
'-1u': {
letterSpacing: string;
fontWeight: number;
textTransform: string;
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'1rserif': {
letterSpacing: string;
fontWeight: number;
fontFamily: string;
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'4': {
fontSize: number;
'1r': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'1b': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'3': {
fontSize: number;
'2r': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
fontWeight: number;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'2b': {
fontSize: number;
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'3r': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'2r': {
fontSize: number;
'3b': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
fontWeight: number;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'1b': {
fontSize: number;
'3serif': {
letterSpacing: string;
fontWeight: number;
fontFamily: string;
fontSize: string;
lineHeight: string;
fontWeight: number;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'1r': {
fontSize: number;
'4b': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
fontWeight: number;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'-1r': {
fontSize: number;
'5': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
fontWeight: number;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'-1b': {
fontSize: number;
'5b': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
fontWeight: number;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'-2r': {
fontSize: number;
'6': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
fontWeight: number;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
'-2u': {
fontSize: number;
'7': {
letterSpacing: string;
fontWeight: number;
fontSize: string;
lineHeight: string;
fontWeight: number;
textTransform: string;
padding: string;
'::before': {
content: string;
marginTop: string;
display: string;
height: number;
};
'::after': {
content: string;
marginBottom: string;
display: string;
height: number;
};
};
};
declare type TextVariant = '1r' | '1b' | '2r' | '2b' | '3' | 3 | '4' | 4 | '5' | 5 | '6' | 6 | '-1r' | '-1b' | '-2r' | '-2u';
declare type TextVariant = '1r' | '1rserif' | '1b' | '2r' | '2b' | '3b' | '3r' | '3serif' | '4' | 4 | '4b' | '5' | 5 | '5b' | '6' | 6 | '7' | 7 | '-1m' | '-1r' | '-1b' | '-1u';
declare type BaseTextProps = TextColorProps & TextAlignProps & TextShadowProps & TextStyleProps;
export declare type TextProps = Partial<Omit<React.HTMLProps<HTMLSpanElement>, 'color'>> & {
export declare type TextProps = Partial<Omit<React.HTMLAttributes<any>, 'color'>> & {
key?: any;
as?: any;
variant?: ResponsiveValue<TextVariant>;
color?: ResponsiveValue<ThemeColors> | string | string[];
variant?: ResponsiveValue<TextVariant | null>;
color?: ResponsiveValue<Pick<Theme, 'colors'> | string>;
sx?: BaseTextProps & Partial<Record<Pseudos, BaseTextProps>>;
};
declare const Text: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TextProps, import("../tokens").Theme>;
declare const Text: any;
export { Text as default, styles };

3

dist/src/components/tokens/type/index.d.ts
declare const _default: () => {
'-2': string;
'-1': string;

@@ -11,3 +10,5 @@ '0': string;

'6': string;
'7': string;
root: string;
};
export default _default;

3

package.json
{
"name": "@tedconf/monterey",
"version": "2.0.0",
"version": "3.0.0",
"main": "dist/index.min.js",

@@ -99,2 +99,3 @@ "module": "dist/index.esm.min.js",

"@styled-system/variant": "5.1.5",
"capsize": "1.1.0",
"styled-system": "5.1.5",

@@ -101,0 +102,0 @@ "theme-ui": "0.3.1"

dist/index.esm.min.js

Sorry, the diff of this file is too big to display

dist/index.esm.min.js.map

Sorry, the diff of this file is not supported yet

dist/index.min.js

Sorry, the diff of this file is too big to display

dist/index.min.js.map

Sorry, the diff of this file is not supported yet

src/components/input/index.tsx

Sorry, the diff of this file is not supported yet

src/components/selectable/selectable.stories.mdx

Sorry, the diff of this file is not supported yet

src/components/text/index.tsx

Sorry, the diff of this file is not supported yet

src/components/text/text.stories.mdx

Sorry, the diff of this file is not supported yet

src/components/tokens/type/index.tsx

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc