@animus-ui/core 0.1.1-beta.18 → 0.1.1-beta.19

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
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.1.1-beta.19](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.18...@animus-ui/core@0.1.1-beta.19) (2022-02-14)
7
+
8
+ **Note:** Version bump only for package @animus-ui/core
9
+
10
+
11
+
12
+
13
+
6
14
  ## [0.1.1-beta.18](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.17...@animus-ui/core@0.1.1-beta.18) (2022-02-11)
7
15
 
8
16
  **Note:** Version bump only for package @animus-ui/core
@@ -6,7 +6,7 @@ export declare const compatTheme: {
6
6
  readonly lg: 1200;
7
7
  readonly xl: 1440;
8
8
  };
9
- readonly space: readonly [0, 4, 8, 12, 16, 24, 32, 40, 48, 64, 96];
9
+ readonly space: readonly [0, 2, 4, 8, 12, 16, 24, 32, 40, 48, 64, 96];
10
10
  readonly fontSizes: readonly [64, 44, 34, 26, 22, 20, 18, 16, 14];
11
11
  readonly lineHeights: ((string & {}) | (number & {}))[];
12
12
  readonly letterSpacings: {};
@@ -16,6 +16,7 @@ export declare const compatTheme: {
16
16
  readonly borders: ((string & {}) | (number & {}))[];
17
17
  readonly borderWidths: ((string & {}) | (number & {}))[];
18
18
  readonly colors: {};
19
+ readonly gradients: {};
19
20
  readonly shadows: {};
20
21
  readonly modes: {};
21
22
  readonly transitions: {};
package/dist/config.d.ts CHANGED
@@ -3,14 +3,14 @@ export declare const color: {
3
3
  readonly property: "color";
4
4
  readonly scale: "colors";
5
5
  };
6
- readonly textColor: {
7
- readonly property: "color";
8
- readonly scale: "colors";
9
- };
10
6
  readonly bg: {
11
7
  readonly property: "backgroundColor";
12
8
  readonly scale: "colors";
13
9
  };
10
+ readonly gradient: {
11
+ readonly property: "backgroundImage";
12
+ readonly scale: "gradients";
13
+ };
14
14
  readonly borderColor: {
15
15
  readonly property: "borderColor";
16
16
  readonly scale: "colors";
@@ -867,14 +867,14 @@ export declare const config: import("./AnimusConfig").AnimusConfig<{
867
867
  readonly property: "color";
868
868
  readonly scale: "colors";
869
869
  };
870
- readonly textColor: {
871
- readonly property: "color";
872
- readonly scale: "colors";
873
- };
874
870
  readonly bg: {
875
871
  readonly property: "backgroundColor";
876
872
  readonly scale: "colors";
877
873
  };
874
+ readonly gradient: {
875
+ readonly property: "backgroundImage";
876
+ readonly scale: "gradients";
877
+ };
878
878
  readonly borderColor: {
879
879
  readonly property: "borderColor";
880
880
  readonly scale: "colors";
@@ -1247,7 +1247,7 @@ export declare const config: import("./AnimusConfig").AnimusConfig<{
1247
1247
  readonly animationPlayState: {
1248
1248
  readonly property: "animationPlayState";
1249
1249
  };
1250
- }, Record<"flex", ("gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "gridArea" | "justifyContent" | "justifyItems" | "alignItems" | "alignContent" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "flexDirection" | "flexWrap" | "flex" | "area")[]> & Record<"grid", ("gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "gridArea" | "justifyContent" | "justifyItems" | "alignItems" | "alignContent" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridRowStart" | "gridColumnEnd" | "gridRowEnd" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridAutoFlow" | "area" | "flow" | "cols" | "rows" | "autoRows" | "autoCols" | "alignAll")[]> & Record<"mode", "mode"[]> & Record<"vars", "vars"[]> & Record<"space", ("px" | "p" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml")[]> & Record<"color", ("color" | "borderColor" | "fill" | "stroke" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[]> & Record<"layout", ("justifySelf" | "alignSelf" | "gridArea" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridRowStart" | "gridColumnEnd" | "gridRowEnd" | "display" | "overflow" | "overflowX" | "overflowY" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "verticalAlign" | "area" | "size")[]> & Record<"borders", ("border" | "borderLeft" | "borderRight" | "borderTop" | "borderBottom" | "borderWidth" | "borderRadius" | "borderStyle" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom")[]> & Record<"shadows", ("boxShadow" | "textShadow")[]> & Record<"background", ("background" | "backgroundImage" | "backgroundSize" | "backgroundRepeat" | "backgroundPosition")[]> & Record<"typography", ("fontFamily" | "fontWeight" | "lineHeight" | "fontSize" | "letterSpacing" | "textAlign" | "fontStyle" | "textDecoration" | "textTransform" | "whiteSpace")[]> & Record<"positioning", ("position" | "inset" | "top" | "right" | "bottom" | "left" | "zIndex" | "opacity")[]> & Record<"transitions", ("transition" | "animation" | "animationPlayState")[]>>;
1250
+ }, Record<"flex", ("gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "gridArea" | "justifyContent" | "justifyItems" | "alignItems" | "alignContent" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "flexDirection" | "flexWrap" | "flex" | "area")[]> & Record<"grid", ("gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "gridArea" | "justifyContent" | "justifyItems" | "alignItems" | "alignContent" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridRowStart" | "gridColumnEnd" | "gridRowEnd" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridAutoFlow" | "area" | "flow" | "cols" | "rows" | "autoRows" | "autoCols" | "alignAll")[]> & Record<"mode", "mode"[]> & Record<"vars", "vars"[]> & Record<"space", ("px" | "p" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml")[]> & Record<"color", ("color" | "borderColor" | "fill" | "stroke" | "bg" | "gradient" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[]> & Record<"layout", ("justifySelf" | "alignSelf" | "gridArea" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridRowStart" | "gridColumnEnd" | "gridRowEnd" | "display" | "overflow" | "overflowX" | "overflowY" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "verticalAlign" | "area" | "size")[]> & Record<"borders", ("border" | "borderLeft" | "borderRight" | "borderTop" | "borderBottom" | "borderWidth" | "borderRadius" | "borderStyle" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom")[]> & Record<"shadows", ("boxShadow" | "textShadow")[]> & Record<"background", ("backgroundImage" | "background" | "backgroundSize" | "backgroundRepeat" | "backgroundPosition")[]> & Record<"typography", ("fontFamily" | "fontWeight" | "lineHeight" | "fontSize" | "letterSpacing" | "textAlign" | "fontStyle" | "textDecoration" | "textTransform" | "whiteSpace")[]> & Record<"positioning", ("position" | "inset" | "top" | "right" | "bottom" | "left" | "zIndex" | "opacity")[]> & Record<"transitions", ("transition" | "animation" | "animationPlayState")[]>>;
1251
1251
  export declare const animus: import("./Animus").Animus<{
1252
1252
  readonly gap: {
1253
1253
  readonly property: "gap";
@@ -1445,14 +1445,14 @@ export declare const animus: import("./Animus").Animus<{
1445
1445
  readonly property: "color";
1446
1446
  readonly scale: "colors";
1447
1447
  };
1448
- readonly textColor: {
1449
- readonly property: "color";
1450
- readonly scale: "colors";
1451
- };
1452
1448
  readonly bg: {
1453
1449
  readonly property: "backgroundColor";
1454
1450
  readonly scale: "colors";
1455
1451
  };
1452
+ readonly gradient: {
1453
+ readonly property: "backgroundImage";
1454
+ readonly scale: "gradients";
1455
+ };
1456
1456
  readonly borderColor: {
1457
1457
  readonly property: "borderColor";
1458
1458
  readonly scale: "colors";
@@ -1782,11 +1782,11 @@ export declare const animus: import("./Animus").Animus<{
1782
1782
  mode: "mode"[];
1783
1783
  vars: "vars"[];
1784
1784
  space: ("px" | "p" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml")[];
1785
- color: ("color" | "borderColor" | "fill" | "stroke" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[];
1785
+ color: ("color" | "borderColor" | "fill" | "stroke" | "bg" | "gradient" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[];
1786
1786
  layout: ("justifySelf" | "alignSelf" | "gridArea" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridRowStart" | "gridColumnEnd" | "gridRowEnd" | "display" | "overflow" | "overflowX" | "overflowY" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "verticalAlign" | "area" | "size")[];
1787
1787
  borders: ("border" | "borderLeft" | "borderRight" | "borderTop" | "borderBottom" | "borderWidth" | "borderRadius" | "borderStyle" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom")[];
1788
1788
  shadows: ("boxShadow" | "textShadow")[];
1789
- background: ("background" | "backgroundImage" | "backgroundSize" | "backgroundRepeat" | "backgroundPosition")[];
1789
+ background: ("backgroundImage" | "background" | "backgroundSize" | "backgroundRepeat" | "backgroundPosition")[];
1790
1790
  typography: ("fontFamily" | "fontWeight" | "lineHeight" | "fontSize" | "letterSpacing" | "textAlign" | "fontStyle" | "textDecoration" | "textTransform" | "whiteSpace")[];
1791
1791
  positioning: ("position" | "inset" | "top" | "right" | "bottom" | "left" | "zIndex" | "opacity")[];
1792
1792
  transitions: ("transition" | "animation" | "animationPlayState")[];
@@ -1987,14 +1987,14 @@ export declare const animus: import("./Animus").Animus<{
1987
1987
  readonly property: "color";
1988
1988
  readonly scale: "colors";
1989
1989
  };
1990
- readonly textColor: {
1991
- readonly property: "color";
1992
- readonly scale: "colors";
1993
- };
1994
1990
  readonly bg: {
1995
1991
  readonly property: "backgroundColor";
1996
1992
  readonly scale: "colors";
1997
1993
  };
1994
+ readonly gradient: {
1995
+ readonly property: "backgroundImage";
1996
+ readonly scale: "gradients";
1997
+ };
1998
1998
  readonly borderColor: {
1999
1999
  readonly property: "borderColor";
2000
2000
  readonly scale: "colors";
package/dist/index.d.ts CHANGED
@@ -208,14 +208,14 @@ export declare const animus: import("./Animus").Animus<{
208
208
  readonly property: "color";
209
209
  readonly scale: "colors";
210
210
  };
211
- readonly textColor: {
212
- readonly property: "color";
213
- readonly scale: "colors";
214
- };
215
211
  readonly bg: {
216
212
  readonly property: "backgroundColor";
217
213
  readonly scale: "colors";
218
214
  };
215
+ readonly gradient: {
216
+ readonly property: "backgroundImage";
217
+ readonly scale: "gradients";
218
+ };
219
219
  readonly borderColor: {
220
220
  readonly property: "borderColor";
221
221
  readonly scale: "colors";
@@ -545,7 +545,7 @@ export declare const animus: import("./Animus").Animus<{
545
545
  mode: "mode"[];
546
546
  vars: "vars"[];
547
547
  space: ("px" | "p" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml")[];
548
- color: ("color" | "borderColor" | "fill" | "stroke" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[];
548
+ color: ("color" | "borderColor" | "fill" | "stroke" | "bg" | "gradient" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[];
549
549
  layout: ("justifySelf" | "alignSelf" | "gridArea" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "display" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflowX" | "overflowY" | "verticalAlign" | "width" | "gridColumn" | "gridRow" | "overflow" | "area" | "size")[];
550
550
  borders: ("border" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom")[];
551
551
  shadows: ("boxShadow" | "textShadow")[];
@@ -750,14 +750,14 @@ export declare const animus: import("./Animus").Animus<{
750
750
  readonly property: "color";
751
751
  readonly scale: "colors";
752
752
  };
753
- readonly textColor: {
754
- readonly property: "color";
755
- readonly scale: "colors";
756
- };
757
753
  readonly bg: {
758
754
  readonly property: "backgroundColor";
759
755
  readonly scale: "colors";
760
756
  };
757
+ readonly gradient: {
758
+ readonly property: "backgroundImage";
759
+ readonly scale: "gradients";
760
+ };
761
761
  readonly borderColor: {
762
762
  readonly property: "borderColor";
763
763
  readonly scale: "colors";
package/dist/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import _styled from '@emotion/styled/base';
2
+ import isPropValid from '@emotion/is-prop-valid';
2
3
  import { isArray, isObject, get, isString, isUndefined, identity, mapValues, omit, intersection, merge, pick, isEmpty, set, isNumber, keys } from 'lodash';
3
4
 
4
5
  function ownKeys(object, enumerableOnly) {
@@ -345,7 +346,7 @@ var compatTheme = {
345
346
  lg: 1200,
346
347
  xl: 1440
347
348
  },
348
- space: [0, 4, 8, 12, 16, 24, 32, 40, 48, 64, 96],
349
+ space: [0, 2, 4, 8, 12, 16, 24, 32, 40, 48, 64, 96],
349
350
  fontSizes: [64, 44, 34, 26, 22, 20, 18, 16, 14],
350
351
  lineHeights: numericOrStringScale,
351
352
  letterSpacings: {},
@@ -355,6 +356,7 @@ var compatTheme = {
355
356
  borders: numericOrStringScale,
356
357
  borderWidths: numericOrStringScale,
357
358
  colors: {},
359
+ gradients: {},
358
360
  shadows: {},
359
361
  modes: {},
360
362
  transitions: {},
@@ -904,10 +906,14 @@ var AnimusWithAll = /*#__PURE__*/function () {
904
906
  key: "asComponent",
905
907
  value: function asComponent(component) {
906
908
  var handler = createStylist(createParser$1(_objectSpread2(_objectSpread2({}, this.parser.config), this.custom), [].concat(_toConsumableArray(Object.keys(this.variants)), _toConsumableArray(Object.keys(this.statesConfig)))), this.baseStyles, this.variants, this.statesConfig);
909
+ var propNames = Object.keys(this.propRegistry);
907
910
  return /*#__PURE__*/_styled(component, {
911
+ shouldForwardProp: function shouldForwardProp(prop) {
912
+ return isPropValid(prop) && !propNames.includes(prop);
913
+ },
908
914
  target: "e19x4vr0",
909
915
  label: "AnimusWithAll"
910
- })(handler, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QmUiLCJmaWxlIjoiQW5pbXVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBtZXJnZSB9IGZyb20gJ2xvZGFzaCc7XHJcbmltcG9ydCB7IGNyZWF0ZVBhcnNlciB9IGZyb20gJy4vc3R5bGVzL2NyZWF0ZVBhcnNlcic7XHJcbmltcG9ydCB7IGNyZWF0ZVN0eWxpc3QgfSBmcm9tICcuL3N0eWxlcy9jcmVhdGVTdHlsaXN0JztcclxuZXhwb3J0IGNsYXNzIEFuaW11c1dpdGhBbGwge1xyXG4gICAgcHJvcFJlZ2lzdHJ5ID0ge307XHJcbiAgICBncm91cFJlZ2lzdHJ5ID0ge307XHJcbiAgICBwYXJzZXIgPSB7fTtcclxuICAgIGJhc2VTdHlsZXMgPSB7fTtcclxuICAgIHN0YXRlc0NvbmZpZyA9IHt9O1xyXG4gICAgdmFyaWFudHMgPSB7fTtcclxuICAgIGFjdGl2ZUdyb3VwcyA9IHt9O1xyXG4gICAgY3VzdG9tID0ge307XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIGFjdGl2ZUdyb3VwcywgY3VzdG9tKSB7XHJcbiAgICAgICAgdGhpcy5wcm9wUmVnaXN0cnkgPSBwcm9wcztcclxuICAgICAgICB0aGlzLmdyb3VwUmVnaXN0cnkgPSBncm91cHM7XHJcbiAgICAgICAgdGhpcy5wYXJzZXIgPSBwYXJzZXI7XHJcbiAgICAgICAgdGhpcy5iYXNlU3R5bGVzID0gYmFzZTtcclxuICAgICAgICB0aGlzLnZhcmlhbnRzID0gdmFyaWFudHM7XHJcbiAgICAgICAgdGhpcy5zdGF0ZXNDb25maWcgPSBzdGF0ZXM7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVHcm91cHMgPSBhY3RpdmVHcm91cHM7XHJcbiAgICAgICAgdGhpcy5jdXN0b20gPSBjdXN0b207XHJcbiAgICB9XHJcbiAgICBhc0NvbXBvbmVudChjb21wb25lbnQpIHtcclxuICAgICAgICBjb25zdCBoYW5kbGVyID0gY3JlYXRlU3R5bGlzdChjcmVhdGVQYXJzZXIoeyAuLi50aGlzLnBhcnNlci5jb25maWcsIC4uLnRoaXMuY3VzdG9tIH0sIFtcclxuICAgICAgICAgICAgLi4uT2JqZWN0LmtleXModGhpcy52YXJpYW50cyksXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMuc3RhdGVzQ29uZmlnKSxcclxuICAgICAgICBdKSwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZyk7XHJcbiAgICAgICAgcmV0dXJuIHN0eWxlZChjb21wb25lbnQpKGhhbmRsZXIpO1xyXG4gICAgfVxyXG4gICAgYnVpbGQoKSB7XHJcbiAgICAgICAgY29uc3QgaGFuZGxlciA9IGNyZWF0ZVN0eWxpc3QoY3JlYXRlUGFyc2VyKHsgLi4udGhpcy5wYXJzZXIuY29uZmlnLCAuLi50aGlzLmN1c3RvbSB9LCBbXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMudmFyaWFudHMpLFxyXG4gICAgICAgICAgICAuLi5PYmplY3Qua2V5cyh0aGlzLnN0YXRlc0NvbmZpZyksXHJcbiAgICAgICAgXSksIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcpO1xyXG4gICAgICAgIHJldHVybiBoYW5kbGVyO1xyXG4gICAgfVxyXG59XHJcbmNsYXNzIEFuaW11c1dpdGhTeXN0ZW0gZXh0ZW5kcyBBbmltdXNXaXRoQWxsIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywgc3RhdGVzLCBhY3RpdmVHcm91cHMsIHt9KTtcclxuICAgIH1cclxuICAgIHByb3BzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aEFsbCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIGNvbmZpZyk7XHJcbiAgICB9XHJcbn1cclxuY2xhc3MgQW5pbXVzV2l0aFN0YXRlcyBleHRlbmRzIEFuaW11c1dpdGhTeXN0ZW0ge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywgc3RhdGVzKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywgc3RhdGVzLCB7fSk7XHJcbiAgICB9XHJcbiAgICBncm91cHMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoU3lzdGVtKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCBjb25maWcpO1xyXG4gICAgfVxyXG59XHJcbmNsYXNzIEFuaW11c1dpdGhWYXJpYW50cyBleHRlbmRzIEFuaW11c1dpdGhTdGF0ZXMge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cykge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHt9KTtcclxuICAgIH1cclxuICAgIHN0YXRlcyhjb25maWcpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhTdGF0ZXModGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgY29uZmlnKTtcclxuICAgIH1cclxuICAgIHZhcmlhbnQob3B0aW9ucykge1xyXG4gICAgICAgIGNvbnN0IHByb3AgPSBvcHRpb25zLnByb3AgfHwgJ3ZhcmlhbnQnO1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aFZhcmlhbnRzKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIG1lcmdlKHRoaXMudmFyaWFudHMsIHsgW3Byb3BdOiBvcHRpb25zIH0pKTtcclxuICAgIH1cclxufVxyXG5jbGFzcyBBbmltdXNXaXRoQmFzZSBleHRlbmRzIEFuaW11c1dpdGhWYXJpYW50cyB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHt9KTtcclxuICAgIH1cclxuICAgIHZhcmlhbnQob3B0aW9ucykge1xyXG4gICAgICAgIGNvbnN0IHByb3AgPSBvcHRpb25zLnByb3AgfHwgJ3ZhcmlhbnQnO1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aFZhcmlhbnRzKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIG1lcmdlKHRoaXMudmFyaWFudHMsIHsgW3Byb3BdOiBvcHRpb25zIH0pKTtcclxuICAgIH1cclxufVxyXG5leHBvcnQgY2xhc3MgQW5pbXVzIGV4dGVuZHMgQW5pbXVzV2l0aEJhc2Uge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3Vwcykge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIGNyZWF0ZVBhcnNlcihwcm9wcyksIHt9KTtcclxuICAgIH1cclxuICAgIHN0eWxlcyhjb25maWcpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhCYXNlKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCBjb25maWcpO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuaW11cy5qcy5tYXAiXX0= */");
916
+ })(handler, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmUiLCJmaWxlIjoiQW5pbXVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gJ0BlbW90aW9uL2lzLXByb3AtdmFsaWQnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IG1lcmdlIH0gZnJvbSAnbG9kYXNoJztcclxuaW1wb3J0IHsgY3JlYXRlUGFyc2VyIH0gZnJvbSAnLi9zdHlsZXMvY3JlYXRlUGFyc2VyJztcclxuaW1wb3J0IHsgY3JlYXRlU3R5bGlzdCB9IGZyb20gJy4vc3R5bGVzL2NyZWF0ZVN0eWxpc3QnO1xyXG5leHBvcnQgY2xhc3MgQW5pbXVzV2l0aEFsbCB7XHJcbiAgICBwcm9wUmVnaXN0cnkgPSB7fTtcclxuICAgIGdyb3VwUmVnaXN0cnkgPSB7fTtcclxuICAgIHBhcnNlciA9IHt9O1xyXG4gICAgYmFzZVN0eWxlcyA9IHt9O1xyXG4gICAgc3RhdGVzQ29uZmlnID0ge307XHJcbiAgICB2YXJpYW50cyA9IHt9O1xyXG4gICAgYWN0aXZlR3JvdXBzID0ge307XHJcbiAgICBjdXN0b20gPSB7fTtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzLCBjdXN0b20pIHtcclxuICAgICAgICB0aGlzLnByb3BSZWdpc3RyeSA9IHByb3BzO1xyXG4gICAgICAgIHRoaXMuZ3JvdXBSZWdpc3RyeSA9IGdyb3VwcztcclxuICAgICAgICB0aGlzLnBhcnNlciA9IHBhcnNlcjtcclxuICAgICAgICB0aGlzLmJhc2VTdHlsZXMgPSBiYXNlO1xyXG4gICAgICAgIHRoaXMudmFyaWFudHMgPSB2YXJpYW50cztcclxuICAgICAgICB0aGlzLnN0YXRlc0NvbmZpZyA9IHN0YXRlcztcclxuICAgICAgICB0aGlzLmFjdGl2ZUdyb3VwcyA9IGFjdGl2ZUdyb3VwcztcclxuICAgICAgICB0aGlzLmN1c3RvbSA9IGN1c3RvbTtcclxuICAgIH1cclxuICAgIGFzQ29tcG9uZW50KGNvbXBvbmVudCkge1xyXG4gICAgICAgIGNvbnN0IGhhbmRsZXIgPSBjcmVhdGVTdHlsaXN0KGNyZWF0ZVBhcnNlcih7IC4uLnRoaXMucGFyc2VyLmNvbmZpZywgLi4udGhpcy5jdXN0b20gfSwgW1xyXG4gICAgICAgICAgICAuLi5PYmplY3Qua2V5cyh0aGlzLnZhcmlhbnRzKSxcclxuICAgICAgICAgICAgLi4uT2JqZWN0LmtleXModGhpcy5zdGF0ZXNDb25maWcpLFxyXG4gICAgICAgIF0pLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnKTtcclxuICAgICAgICBjb25zdCBwcm9wTmFtZXMgPSBPYmplY3Qua2V5cyh0aGlzLnByb3BSZWdpc3RyeSk7XHJcbiAgICAgICAgcmV0dXJuIHN0eWxlZChjb21wb25lbnQsIHtcclxuICAgICAgICAgICAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiAhcHJvcE5hbWVzLmluY2x1ZGVzKHByb3ApLFxyXG4gICAgICAgIH0pKGhhbmRsZXIpO1xyXG4gICAgfVxyXG4gICAgYnVpbGQoKSB7XHJcbiAgICAgICAgY29uc3QgaGFuZGxlciA9IGNyZWF0ZVN0eWxpc3QoY3JlYXRlUGFyc2VyKHsgLi4udGhpcy5wYXJzZXIuY29uZmlnLCAuLi50aGlzLmN1c3RvbSB9LCBbXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMudmFyaWFudHMpLFxyXG4gICAgICAgICAgICAuLi5PYmplY3Qua2V5cyh0aGlzLnN0YXRlc0NvbmZpZyksXHJcbiAgICAgICAgXSksIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcpO1xyXG4gICAgICAgIHJldHVybiBoYW5kbGVyO1xyXG4gICAgfVxyXG59XHJcbmNsYXNzIEFuaW11c1dpdGhTeXN0ZW0gZXh0ZW5kcyBBbmltdXNXaXRoQWxsIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywgc3RhdGVzLCBhY3RpdmVHcm91cHMsIHt9KTtcclxuICAgIH1cclxuICAgIHByb3BzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aEFsbCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIGNvbmZpZyk7XHJcbiAgICB9XHJcbn1cclxuY2xhc3MgQW5pbXVzV2l0aFN0YXRlcyBleHRlbmRzIEFuaW11c1dpdGhTeXN0ZW0ge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywgc3RhdGVzKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywgc3RhdGVzLCB7fSk7XHJcbiAgICB9XHJcbiAgICBncm91cHMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoU3lzdGVtKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCBjb25maWcpO1xyXG4gICAgfVxyXG59XHJcbmNsYXNzIEFuaW11c1dpdGhWYXJpYW50cyBleHRlbmRzIEFuaW11c1dpdGhTdGF0ZXMge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cykge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHt9KTtcclxuICAgIH1cclxuICAgIHN0YXRlcyhjb25maWcpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhTdGF0ZXModGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgY29uZmlnKTtcclxuICAgIH1cclxuICAgIHZhcmlhbnQob3B0aW9ucykge1xyXG4gICAgICAgIGNvbnN0IHByb3AgPSBvcHRpb25zLnByb3AgfHwgJ3ZhcmlhbnQnO1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aFZhcmlhbnRzKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIG1lcmdlKHRoaXMudmFyaWFudHMsIHsgW3Byb3BdOiBvcHRpb25zIH0pKTtcclxuICAgIH1cclxufVxyXG5jbGFzcyBBbmltdXNXaXRoQmFzZSBleHRlbmRzIEFuaW11c1dpdGhWYXJpYW50cyB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHt9KTtcclxuICAgIH1cclxuICAgIHZhcmlhbnQob3B0aW9ucykge1xyXG4gICAgICAgIGNvbnN0IHByb3AgPSBvcHRpb25zLnByb3AgfHwgJ3ZhcmlhbnQnO1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aFZhcmlhbnRzKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIG1lcmdlKHRoaXMudmFyaWFudHMsIHsgW3Byb3BdOiBvcHRpb25zIH0pKTtcclxuICAgIH1cclxufVxyXG5leHBvcnQgY2xhc3MgQW5pbXVzIGV4dGVuZHMgQW5pbXVzV2l0aEJhc2Uge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3Vwcykge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIGNyZWF0ZVBhcnNlcihwcm9wcyksIHt9KTtcclxuICAgIH1cclxuICAgIHN0eWxlcyhjb25maWcpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhCYXNlKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCBjb25maWcpO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuaW11cy5qcy5tYXAiXX0= */");
911
917
  }
912
918
  }, {
913
919
  key: "build",
@@ -1178,14 +1184,14 @@ var color = {
1178
1184
  property: 'color',
1179
1185
  scale: 'colors'
1180
1186
  },
1181
- textColor: {
1182
- property: 'color',
1183
- scale: 'colors'
1184
- },
1185
1187
  bg: {
1186
1188
  property: 'backgroundColor',
1187
1189
  scale: 'colors'
1188
1190
  },
1191
+ gradient: {
1192
+ property: 'backgroundImage',
1193
+ scale: 'gradients'
1194
+ },
1189
1195
  borderColor: {
1190
1196
  property: 'borderColor',
1191
1197
  scale: 'colors'
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@animus-ui/core",
3
3
  "description": "Constraint based CSS in JS Foundations",
4
- "version": "0.1.1-beta.18",
4
+ "version": "0.1.1-beta.19",
5
5
  "keywords": [
6
6
  "emotion",
7
7
  "css",
@@ -36,5 +36,5 @@
36
36
  "dependencies": {
37
37
  "csstype": "^3.0.7"
38
38
  },
39
- "gitHead": "17e860d315d6a4e1a94552cb3e0cc8f535dfdff8"
39
+ "gitHead": "4fd0ab49e1a26529971d61df79ce482aab30c4b1"
40
40
  }