@indoqa/style-system
Advanced tools
Comparing version 1.4.1-alpha.0 to 1.4.1-alpha.1
@@ -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. |
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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
495331
3557
Updatedfela@^11.5.0
Updatedfela-monolithic@^11.5.0
Updatedfela-preset-web@^11.5.0
Updatedreact-fela@^11.5.0