@artsy/palette 24.4.0 → 24.5.0
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/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v24.5.0 (Mon Oct 17 2022)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- fix(Box): add gridArea mixin [#1211](https://github.com/artsy/palette/pull/1211) ([@laurabeth](https://github.com/laurabeth))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Laura Bhayani ([@laurabeth](https://github.com/laurabeth))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v24.4.0 (Thu Oct 13 2022)
|
|
2
14
|
|
|
3
15
|
#### 🚀 Enhancement
|
|
@@ -57,6 +57,7 @@ export declare const BorderedRadio: import("styled-components").StyledComponentC
|
|
|
57
57
|
justifySelf?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
58
58
|
alignSelf?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
59
59
|
order?: import("styled-system").ResponsiveValue<import("csstype").GlobalsNumber, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
60
|
+
gridArea?: import("styled-system").ResponsiveValue<import("csstype").GridAreaProperty, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
60
61
|
width?: import("styled-system").ResponsiveValue<import("csstype").WidthProperty<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
61
62
|
height?: import("styled-system").ResponsiveValue<import("csstype").HeightProperty<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
62
63
|
minWidth?: import("styled-system").ResponsiveValue<import("csstype").MinWidthProperty<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { BackgroundProps, BorderProps, ColorProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TextAlignProps } from "styled-system";
|
|
3
|
-
export interface BoxProps extends BackgroundProps, BorderProps, Omit<ColorProps, "color">, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TextAlignProps {
|
|
2
|
+
import { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridAreaProps, LayoutProps, PositionProps, SpaceProps, TextAlignProps } from "styled-system";
|
|
3
|
+
export interface BoxProps extends BackgroundProps, BorderProps, Omit<ColorProps, "color">, FlexboxProps, GridAreaProps, LayoutProps, PositionProps, SpaceProps, TextAlignProps {
|
|
4
4
|
}
|
|
5
5
|
/**
|
|
6
6
|
* All the system functions for Box
|
package/dist/elements/Box/Box.js
CHANGED
|
@@ -16,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
16
16
|
/**
|
|
17
17
|
* All the system functions for Box
|
|
18
18
|
*/
|
|
19
|
-
var boxMixin = (0, _styledSystem.compose)(_styledSystem.background, _styledSystem.border, _styledSystem.color, _styledSystem.flexbox, _styledSystem.layout, _styledSystem.position, _styledSystem.space, _styledSystem.textAlign);
|
|
19
|
+
var boxMixin = (0, _styledSystem.compose)(_styledSystem.background, _styledSystem.border, _styledSystem.color, _styledSystem.flexbox, _styledSystem.gridArea, _styledSystem.layout, _styledSystem.position, _styledSystem.space, _styledSystem.textAlign);
|
|
20
20
|
/**
|
|
21
21
|
* Box is just a `View` or `div` (depending on the platform) with common styled-systems
|
|
22
22
|
* hooks.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/elements/Box/Box.tsx"],"names":["boxMixin","background","border","color","flexbox","layout","position","space","textAlign","Box","styled","div","displayName","splitBoxProps"],"mappings":";;;;;;;AAAA;;AACA;;
|
|
1
|
+
{"version":3,"sources":["../../../src/elements/Box/Box.tsx"],"names":["boxMixin","background","border","color","flexbox","gridArea","layout","position","space","textAlign","Box","styled","div","displayName","splitBoxProps"],"mappings":";;;;;;;AAAA;;AACA;;AAqBA;;;;AAaA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,2BACtBC,wBADsB,EAEtBC,oBAFsB,EAGtBC,mBAHsB,EAItBC,qBAJsB,EAKtBC,sBALsB,EAMtBC,oBANsB,EAOtBC,sBAPsB,EAQtBC,mBARsB,EAStBC,uBATsB,CAAjB;AAYP;AACA;AACA;AACA;;;;AACO,IAAMC,GAAG,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,aACZZ,QADY,CAAT;;;AAIPU,GAAG,CAACG,WAAJ,GAAkB,KAAlB;AAEA;;AACO,IAAMC,aAAa,GAAG,4BAAqBd,QAArB,CAAtB","sourcesContent":["import styled from \"styled-components\"\nimport {\n background,\n BackgroundProps,\n border,\n BorderProps,\n color,\n ColorProps,\n compose,\n flexbox,\n FlexboxProps,\n gridArea,\n GridAreaProps,\n layout,\n LayoutProps,\n position,\n PositionProps,\n space,\n SpaceProps,\n textAlign,\n TextAlignProps,\n} from \"styled-system\"\nimport { splitProps } from \"../../utils/splitProps\"\n\nexport interface BoxProps\n extends BackgroundProps,\n BorderProps,\n Omit<ColorProps, \"color\">,\n FlexboxProps,\n GridAreaProps,\n LayoutProps,\n PositionProps,\n SpaceProps,\n TextAlignProps {}\n\n/**\n * All the system functions for Box\n */\nexport const boxMixin = compose(\n background,\n border,\n color,\n flexbox,\n gridArea,\n layout,\n position,\n space,\n textAlign\n)\n\n/**\n * Box is just a `View` or `div` (depending on the platform) with common styled-systems\n * hooks.\n */\nexport const Box = styled.div<BoxProps>`\n ${boxMixin}\n`\n\nBox.displayName = \"Box\"\n\n/** Splits out props into valid and invalid BoxProps */\nexport const splitBoxProps = splitProps<BoxProps>(boxMixin)\n"],"file":"Box.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@artsy/palette",
|
|
3
|
-
"version": "24.
|
|
3
|
+
"version": "24.5.0",
|
|
4
4
|
"description": "Design system library for react components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"publishConfig": {
|
|
@@ -176,5 +176,5 @@
|
|
|
176
176
|
"<rootDir>/www/"
|
|
177
177
|
]
|
|
178
178
|
},
|
|
179
|
-
"gitHead": "
|
|
179
|
+
"gitHead": "e27dddb055e3271636872cf63d3bf3e603f97494"
|
|
180
180
|
}
|