@artsy/palette 40.1.0 → 40.2.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.
Files changed (6) hide show
  1. package/dist/Theme.d.ts +1 -0
  2. package/dist/elements/BaseTabs/BaseTab.d.ts +1 -1
  3. package/dist/elements/Sup/Sup.d.ts +1 -1
  4. package/dist/styles.css +11 -3
  5. package/dist/tokens.json +2 -1
  6. package/package.json +3 -3
package/dist/Theme.d.ts CHANGED
@@ -44,6 +44,7 @@ export declare const useTheme: <T extends {
44
44
  orange10: string;
45
45
  red150: string;
46
46
  red100: string;
47
+ red50: string;
47
48
  red10: string;
48
49
  };
49
50
  effects: {
package/dist/elements/BaseTabs/BaseTab.d.ts CHANGED
@@ -21,7 +21,7 @@ export declare const BaseTab: import("styled-components/dist/types").IStyledComp
21
21
  ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
22
22
  }, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
23
23
  variant?: import("styled-system").ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
24
- textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
24
+ textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red50" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
25
25
  lineClamp?: number | undefined;
26
26
  } & import("..").BoxProps & {
27
27
  hyphenate?: boolean | undefined;
package/dist/elements/Sup/Sup.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare const Sup: import("styled-components/dist/types").IStyledComponen
5
5
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
6
6
  }, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
7
7
  variant?: import("styled-system").ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
8
- textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
8
+ textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red50" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
9
9
  lineClamp?: number | undefined;
10
10
  } & import("..").BoxProps & {
11
11
  hyphenate?: boolean | undefined;
package/dist/styles.css CHANGED
@@ -28,7 +28,8 @@
28
28
  --color-orange100: #da6722;
29
29
  --color-orange10: #fcf7f3;
30
30
  --color-red150: #510b0b;
31
- --color-red100: #bb392d;
31
+ --color-red100: #d71023;
32
+ --color-red50: #ff1023;
32
33
  --color-red10: #fef2ef;
33
34
  }
34
35
  .m-1 {
@@ -469,10 +470,17 @@
469
470
  }
470
471
 
471
472
  .color-red100 {
472
- color: #bb392d;
473
+ color: #d71023;
473
474
  }
474
475
  .bg-color-red100 {
475
- background: #bb392d;
476
+ background: #d71023;
477
+ }
478
+
479
+ .color-red50 {
480
+ color: #ff1023;
481
+ }
482
+ .bg-color-red50 {
483
+ background: #ff1023;
476
484
  }
477
485
 
478
486
  .color-red10 {
package/dist/tokens.json CHANGED
@@ -30,7 +30,8 @@
30
30
  "orange100": "#DA6722",
31
31
  "orange10": "#FCF7F3",
32
32
  "red150": "#510B0B",
33
- "red100": "#BB392D",
33
+ "red100": "#D71023",
34
+ "red50": "#FF1023",
34
35
  "red10": "#FEF2EF"
35
36
  },
36
37
  "effects": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@artsy/palette",
3
- "version": "40.1.0",
3
+ "version": "40.2.0",
4
4
  "description": "Design system library for react components",
5
5
  "main": "dist/index.js",
6
6
  "publishConfig": {
@@ -119,7 +119,7 @@
119
119
  },
120
120
  "dependencies": {
121
121
  "@artsy/icons": "^3.2.2",
122
- "@artsy/palette-tokens": "^6.1.0",
122
+ "@artsy/palette-tokens": "^6.2.0",
123
123
  "@seznam/compose-react-refs": "^1.0.6",
124
124
  "@styled-system/theme-get": "^5.1.2",
125
125
  "es-toolkit": "^1.16.0",
@@ -189,5 +189,5 @@
189
189
  "url": "http://localhost"
190
190
  }
191
191
  },
192
- "gitHead": "ded06f2ad4829e135a8694e7b0aecaf8a65c0a0d"
192
+ "gitHead": "ac61a49fefdec3156f58534ce36469e5c277f650"
193
193
  }