@artsy/palette 18.15.2 → 18.16.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,19 @@
1
+ # v18.16.0 (Thu Jan 27 2022)
2
+
3
+ #### 🚀 Enhancement
4
+
5
+ - fix(button): Alias size=large to medium [#1110](https://github.com/artsy/palette/pull/1110) ([@damassi](https://github.com/damassi))
6
+
7
+ #### 🐛 Bug Fix
8
+
9
+ - fix(button): Alias size=large to medium ([@damassi](https://github.com/damassi))
10
+
11
+ #### Authors: 1
12
+
13
+ - Christopher Pappas ([@damassi](https://github.com/damassi))
14
+
15
+ ---
16
+
1
17
  # v18.15.2 (Tue Jan 25 2022)
2
18
 
3
19
  #### 🐛 Bug Fix
@@ -14,6 +14,11 @@ export declare const BUTTON_SIZES: {
14
14
  readonly borderRadius: "25px";
15
15
  readonly px: 4;
16
16
  };
17
+ readonly large: {
18
+ readonly height: "50px";
19
+ readonly borderRadius: "25px";
20
+ readonly px: 4;
21
+ };
17
22
  };
18
23
  /** Text sizes associated with available button sizes */
19
24
  export declare const BUTTON_TEXT_SIZES: Record<ButtonSize, TextProps["variant"]>;
@@ -166,6 +166,12 @@ var BUTTON_SIZES = {
166
166
  height: "50px",
167
167
  borderRadius: "25px",
168
168
  px: 4
169
+ },
170
+ // Aliased to medium, for backwards compatability with v2
171
+ large: {
172
+ height: "50px",
173
+ borderRadius: "25px",
174
+ px: 4
169
175
  }
170
176
  };
171
177
  /** Text sizes associated with available button sizes */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/elements/Button/v3/tokens.ts"],"names":["BUTTON_VARIANTS","default","primaryBlack","backgroundColor","borderColor","color","primaryWhite","secondaryGray","secondaryOutline","noOutline","hover","textDecoration","focus","loading","disabled","BUTTON_SIZES","small","height","borderRadius","px","medium","BUTTON_TEXT_SIZES","large"],"mappings":"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","sourcesContent":["import { TextProps } from \"../../Text\"\nimport { ButtonSize, ButtonState, ButtonVariant } from \"../types\"\n\n/** Available button variants */\nexport const BUTTON_VARIANTS: Record<\n ButtonState,\n Record<ButtonVariant, any>\n> = {\n default: {\n primaryBlack: {\n backgroundColor: \"black100\",\n borderColor: \"black100\",\n color: \"white100\",\n },\n primaryWhite: {\n backgroundColor: \"white100\",\n borderColor: \"white100\",\n color: \"black100\",\n },\n secondaryGray: {\n backgroundColor: \"black10\",\n borderColor: \"black10\",\n color: \"black100\",\n },\n secondaryOutline: {\n backgroundColor: \"transparent\",\n borderColor: \"black60\",\n color: \"black100\",\n },\n noOutline: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: \"black100\",\n },\n },\n hover: {\n primaryBlack: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n primaryWhite: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n secondaryGray: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n secondaryOutline: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n noOutline: {\n backgroundColor: \"blue10\",\n borderColor: \"blue10\",\n color: \"blue100\",\n textDecoration: \"underline\",\n },\n },\n focus: {\n primaryBlack: {\n backgroundColor: \"black100\",\n borderColor: \"blue100\",\n color: \"white100\",\n },\n primaryWhite: {\n backgroundColor: \"white100\",\n borderColor: \"blue100\",\n color: \"black100\",\n },\n secondaryGray: {\n backgroundColor: \"black10\",\n borderColor: \"blue100\",\n color: \"black100\",\n },\n secondaryOutline: {\n backgroundColor: \"transparent\",\n borderColor: \"blue100\",\n color: \"black100\",\n },\n noOutline: {\n backgroundColor: \"black10\",\n borderColor: \"blue100\",\n color: \"black100\",\n },\n },\n loading: {\n primaryBlack: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n primaryWhite: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n secondaryGray: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n secondaryOutline: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n noOutline: {\n backgroundColor: \"blue10\",\n borderColor: \"blue10\",\n color: \"blue100\",\n textDecoration: \"underline\",\n },\n },\n disabled: {\n primaryBlack: {\n backgroundColor: \"black30\",\n borderColor: \"black30\",\n color: \"white100\",\n },\n primaryWhite: {\n backgroundColor: \"black30\",\n borderColor: \"black30\",\n color: \"white100\",\n },\n secondaryGray: {\n backgroundColor: \"black30\",\n borderColor: \"black30\",\n color: \"white100\",\n },\n secondaryOutline: {\n backgroundColor: \"transparent\",\n borderColor: \"black30\",\n color: \"black30\",\n },\n noOutline: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: \"black30\",\n },\n },\n}\n\n/** Available button sizes */\nexport const BUTTON_SIZES = {\n small: {\n height: \"30px\",\n borderRadius: \"15px\",\n px: 2,\n },\n medium: {\n height: \"50px\",\n borderRadius: \"25px\",\n px: 4,\n },\n} as const\n\n/** Text sizes associated with available button sizes */\nexport const BUTTON_TEXT_SIZES: Record<ButtonSize, TextProps[\"variant\"]> = {\n small: \"xs\",\n medium: \"sm\",\n large: \"sm\",\n}\n"],"file":"tokens.js"}
1
+ {"version":3,"sources":["../../../../src/elements/Button/v3/tokens.ts"],"names":["BUTTON_VARIANTS","default","primaryBlack","backgroundColor","borderColor","color","primaryWhite","secondaryGray","secondaryOutline","noOutline","hover","textDecoration","focus","loading","disabled","BUTTON_SIZES","small","height","borderRadius","px","medium","large","BUTTON_TEXT_SIZES"],"mappings":"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","sourcesContent":["import { TextProps } from \"../../Text\"\nimport { ButtonSize, ButtonState, ButtonVariant } from \"../types\"\n\n/** Available button variants */\nexport const BUTTON_VARIANTS: Record<\n ButtonState,\n Record<ButtonVariant, any>\n> = {\n default: {\n primaryBlack: {\n backgroundColor: \"black100\",\n borderColor: \"black100\",\n color: \"white100\",\n },\n primaryWhite: {\n backgroundColor: \"white100\",\n borderColor: \"white100\",\n color: \"black100\",\n },\n secondaryGray: {\n backgroundColor: \"black10\",\n borderColor: \"black10\",\n color: \"black100\",\n },\n secondaryOutline: {\n backgroundColor: \"transparent\",\n borderColor: \"black60\",\n color: \"black100\",\n },\n noOutline: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: \"black100\",\n },\n },\n hover: {\n primaryBlack: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n primaryWhite: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n secondaryGray: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n secondaryOutline: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n noOutline: {\n backgroundColor: \"blue10\",\n borderColor: \"blue10\",\n color: \"blue100\",\n textDecoration: \"underline\",\n },\n },\n focus: {\n primaryBlack: {\n backgroundColor: \"black100\",\n borderColor: \"blue100\",\n color: \"white100\",\n },\n primaryWhite: {\n backgroundColor: \"white100\",\n borderColor: \"blue100\",\n color: \"black100\",\n },\n secondaryGray: {\n backgroundColor: \"black10\",\n borderColor: \"blue100\",\n color: \"black100\",\n },\n secondaryOutline: {\n backgroundColor: \"transparent\",\n borderColor: \"blue100\",\n color: \"black100\",\n },\n noOutline: {\n backgroundColor: \"black10\",\n borderColor: \"blue100\",\n color: \"black100\",\n },\n },\n loading: {\n primaryBlack: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n primaryWhite: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n secondaryGray: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n secondaryOutline: {\n backgroundColor: \"blue100\",\n borderColor: \"blue100\",\n color: \"white100\",\n textDecoration: \"underline\",\n },\n noOutline: {\n backgroundColor: \"blue10\",\n borderColor: \"blue10\",\n color: \"blue100\",\n textDecoration: \"underline\",\n },\n },\n disabled: {\n primaryBlack: {\n backgroundColor: \"black30\",\n borderColor: \"black30\",\n color: \"white100\",\n },\n primaryWhite: {\n backgroundColor: \"black30\",\n borderColor: \"black30\",\n color: \"white100\",\n },\n secondaryGray: {\n backgroundColor: \"black30\",\n borderColor: \"black30\",\n color: \"white100\",\n },\n secondaryOutline: {\n backgroundColor: \"transparent\",\n borderColor: \"black30\",\n color: \"black30\",\n },\n noOutline: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: \"black30\",\n },\n },\n}\n\n/** Available button sizes */\nexport const BUTTON_SIZES = {\n small: {\n height: \"30px\",\n borderRadius: \"15px\",\n px: 2,\n },\n medium: {\n height: \"50px\",\n borderRadius: \"25px\",\n px: 4,\n },\n // Aliased to medium, for backwards compatability with v2\n large: {\n height: \"50px\",\n borderRadius: \"25px\",\n px: 4,\n },\n} as const\n\n/** Text sizes associated with available button sizes */\nexport const BUTTON_TEXT_SIZES: Record<ButtonSize, TextProps[\"variant\"]> = {\n small: \"xs\",\n medium: \"sm\",\n large: \"sm\",\n}\n"],"file":"tokens.js"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@artsy/palette",
3
- "version": "18.15.2",
3
+ "version": "18.16.0",
4
4
  "description": "Design system library for react components",
5
5
  "main": "dist/index.js",
6
6
  "publishConfig": {
@@ -178,5 +178,5 @@
178
178
  "<rootDir>/www/"
179
179
  ]
180
180
  },
181
- "gitHead": "6f8ca7b79e77299705fe1131986a5ca38455942a"
181
+ "gitHead": "110f3a2ac2a41f3ce85bcf9150e5b729549d149f"
182
182
  }