Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@indoqa/style-system

Package Overview
Dependencies
Maintainers
4
Versions
46
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@indoqa/style-system - npm Package Compare versions

Comparing version 1.4.1-alpha.0 to 1.4.1-alpha.1

6

CHANGELOG.md

@@ -0,4 +1,8 @@

# v1.4.1 | TBD
* Add Spacing enum values for 5, 6, 7, 8 and 9
* Export Typescript types
# v1.4.0 | 2020-01-26
* Add properties `display`, `maxWidth`, `minWidth`, `maxHeight`, `minHeight` to `Flex`and `Box`.
* Add properties properties `uppercase`, `wordBreakAll`, `wordWrapAll` to `Flex`, `Box' and `Text`.
* Add properties properties `uppercase`, `wordBreakAll`, `wordWrapAll` to `Flex`, `Box' and `Text`.
* Add properties for shadows (`shadow`) and radius (`r`, `rt`, `rb`, `rl`, `rr`, `rtl`, `rtr`, `rbl`, `rbr`) to `Flex` and `Box`.

@@ -5,0 +9,0 @@ * Add often used event props onClick, onMouseDown, onMouseOut, onMouseOver, onScroll to Flex, Box and Text.

3

dist/components/grid/Grid.d.ts
import * as React from 'react';
import { BaseTheme } from '../../theming/baseTheme';
import { BoxModelProps, MarginProps, PaddingProps, ResponsiveProps, StylingProps, WithStyle } from '../types';
import { Spacing } from './GridContext';
interface GridContainerStyleProps<T extends BaseTheme> extends WithStyle<T>, ResponsiveProps<PaddingProps>, StylingProps<T>, ResponsiveProps<BoxModelProps>, ResponsiveProps<MarginProps> {

@@ -13,3 +12,3 @@ children?: React.ReactNode;

interface Props<T extends BaseTheme> extends GridContainerStyleProps<T> {
spacing: Spacing;
spacing: string | number;
}

@@ -16,0 +15,0 @@ export declare class Grid<T extends BaseTheme> extends React.Component<Props<T>> {

import * as React from 'react';
export declare type Spacing = number | string;
declare type Context = {
spacing: Spacing;
spacing: string | number;
};
export declare const GridContext: React.Context<Context>;
export {};
import * as React from 'react';
import { Spacing } from './GridContext';
export declare const testGridContext: (spacing: Spacing, child: React.ReactNode) => {} | null | undefined;
export declare const testGridContext: (spacing: string | number, child: React.ReactNode) => {} | null | undefined;

@@ -111,3 +111,3 @@ import { BaseTheme } from '@indoqa/style-system';

export declare type JustifyContent = 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
export declare type Spacing = 0 | 1 | 2 | 3 | 4;
export declare type Spacing = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
export declare type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'initial' | 'inherit';

@@ -114,0 +114,0 @@ export declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;

@@ -5,2 +5,3 @@ export * from './components/extendBox';

export * from './components/Text';
export * from './components/types';
export * from './components/grid/Col';

@@ -7,0 +8,0 @@ export * from './components/grid/ColRow';

@@ -761,2 +761,12 @@ import { FelaComponent, createComponentWithProxy, RendererContext } from 'react-fela';

return theme.spacing.space4;
case 5:
return theme.spacing.space5;
case 6:
return theme.spacing.space6;
case 7:
return theme.spacing.space7;
case 8:
return theme.spacing.space8;
case 9:
return theme.spacing.space9;
default:

@@ -1489,6 +1499,11 @@ return theme.spacing.space0;

space0: 0,
space1: '0.5rem',
space2: '1rem',
space3: '2rem',
space4: '4rem',
space1: '0.25rem',
space2: '0.5rem',
space3: '0.75rem',
space4: '1rem',
space5: '1.5rem',
space6: '2rem',
space7: '2.5rem',
space8: '3rem',
space9: '4rem',
},

@@ -1495,0 +1510,0 @@ zIndexes: {

@@ -23,2 +23,7 @@ import { IStyle } from 'fela';

readonly space4: number | string;
readonly space5: number | string;
readonly space6: number | string;
readonly space7: number | string;
readonly space8: number | string;
readonly space9: number | string;
}

@@ -25,0 +30,0 @@ export interface BaseZIndexes {

{
"name": "@indoqa/style-system",
"version": "1.4.1-alpha.0",
"version": "1.4.1-alpha.1",
"author": "Indoqa Software Design und Beratung GmbH (https://www.indoqa.com)",

@@ -41,13 +41,13 @@ "description": "A style system for React with Typescript typed theme support and several base components.",

"dependencies": {
"fela": "^11.4.0",
"fela-monolithic": "^11.4.0",
"fela-plugin-named-keys": "^11.4.0",
"fela-preset-web": "^11.4.0",
"fela-sort-media-query-mobile-first": "^11.4.0",
"fela": "^11.5.0",
"fela-monolithic": "^11.5.0",
"fela-plugin-named-keys": "^11.5.0",
"fela-preset-web": "^11.5.0",
"fela-sort-media-query-mobile-first": "^11.5.0",
"lodash": "^4.17.20",
"react": "^17.0.1",
"react-fela": "^11.4.0",
"react-fela": "^11.5.0",
"tslib": "^2.0.3"
},
"gitHead": "3c76f0e4f0c290eee0ca8890455d9c09bc56b2c9"
"gitHead": "1c5a56e14838675e28731dd05b4ef42c9f48762f"
}

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

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc