@artsy/palette 20.0.0 → 20.0.1
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 +13 -0
- package/dist/elements/Text/Text.js +1 -1
- package/dist/elements/Text/Text.js.map +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
# v20.0.1 (Fri May 20 2022)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- fix(text): updates default variant to v3 [#1165](https://github.com/artsy/palette/pull/1165) ([@dzucconi](https://github.com/dzucconi))
|
|
6
|
+
- fix(text): updates default variant to v3 ([@dzucconi](https://github.com/dzucconi))
|
|
7
|
+
|
|
8
|
+
#### Authors: 1
|
|
9
|
+
|
|
10
|
+
- Damon ([@dzucconi](https://github.com/dzucconi))
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
1
14
|
# v20.0.0 (Thu May 19 2022)
|
|
2
15
|
|
|
3
16
|
#### 💥 Breaking Change
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/elements/Text/Text.tsx"],"names":["textColor","prop","cssProperty","key","textTransform","textMixin","typography","color","overflowEllipsisMixin","css","Text","Box","props","v2","variants","V2_TEXT_VARIANTS","small","large","v3","V3_TEXT_VARIANTS","overflowEllipsis","lineClamp","displayName","defaultProps","fontFamily","variant"],"mappings":";;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AAWA;;AACA;;;;;;AAwBA,IAAMA,SAAS,GAAG,yBAAM;AACtBC,EAAAA,IAAI,EAAE,WADgB;AAEtBC,EAAAA,WAAW,EAAE,OAFS;AAGtBC,EAAAA,GAAG,EAAE;AAHiB,CAAN,CAAlB;AAcA,IAAMC,aAAa,GAAG,0BAAO;AAAEA,EAAAA,aAAa,EAAE;AAAjB,CAAP,CAAtB;AAEA;;AACO,IAAMC,SAAS,GAAG,2BAAQC,wBAAR,EAAoBC,mBAApB,EAA2BP,SAA3B,EAAsCI,aAAtC,CAAlB;AAEP;;;AACO,IAAMI,qBAAqB,OAAGC,qBAAH,iEAA3B;AAMP;;;;AAQA;AACO,IAAMC,IAAI,GAAG,+BAAOC,QAAP,CAAH;AAAA;AAAA;AAAA,sBAEX,UAACC,KAAD,EAAW;AACX,SAAO,2BAAeA,KAAf,EAAsB;AAC3BC,IAAAA,EAAE,MAAEJ,qBAAF,oDACE,2BAAQ;AAAEK,MAAAA,QAAQ,EAAEC,iBAAiBC;AAA7B,KAAR,CADF,EAEEX,SAFF,EAImB,wBAAS,eAAT,CAJnB,EAKI,2BAAQ;AAAES,MAAAA,QAAQ,EAAEC,iBAAiBE;AAA7B,KAAR,CALJ,EAMIZ,SANJ,CADyB;AAU3Ba,IAAAA,EAAE,MAAET,qBAAF,iBACE,2BAAQ;AAAEK,MAAAA,QAAQ,EAAEK;AAAZ,KAAR,CADF,EAEEd,SAFF;AAVyB,GAAtB,CAAP;AAeD,CAlBY,EAoBX,UAACO,KAAD,EAAW;AACX,aAAOH,qBAAP,iBACIG,KAAK,CAACQ,gBAAN,IAA0BZ,qBAD9B,EAEII,KAAK,CAACS,SAAN,QACFZ,qBADE,gHAIsBG,KAAK,CAACS,SAJ5B,EAKcT,KAAK,CAACS,SALpB,CAFJ;AAWD,CAhCY,CAAV;;AAoCPX,IAAI,CAACY,WAAL,GAAmB,MAAnB;AAEAZ,IAAI,CAACa,YAAL,GAAoB;AAClBC,EAAAA,UAAU,EAAE,MADM;AAElBC,EAAAA,OAAO,EAAE;AAFS,CAApB","sourcesContent":["import { TextVariant } from \"@artsy/palette-tokens/dist/typography/types\"\nimport { TEXT_VARIANTS as V2_TEXT_VARIANTS } from \"@artsy/palette-tokens/dist/typography/v2\"\nimport { TEXT_VARIANTS as V3_TEXT_VARIANTS } from \"@artsy/palette-tokens/dist/typography/v3\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport styled, { css } from \"styled-components\"\nimport {\n color,\n ColorProps,\n compose,\n ResponsiveValue,\n style,\n system,\n typography,\n TypographyProps,\n variant,\n} from \"styled-system\"\nimport { Color, getThemeConfig } from \"../../Theme\"\nimport { Box, BoxProps } from \"../Box\"\n\n/** BaseTextProps */\nexport type BaseTextProps = TypographyProps &\n Omit<ColorProps, \"color\"> & {\n /**\n * @description\n * Variants of the text. Possible to pass an array that\n * behaves accordingly to the media breakpoints [\"sm\", \"md\", \"lg\", \"xl\"]\n * @example\n * \"sm\"\n * \"md\"\n * [\"md\", \"sm\"]\n * @see {@link TextVariant}\n */\n variant?: ResponsiveValue<TextVariant>\n textColor?: ResponsiveValue<Color>\n /**\n * Max number of lines before truncating the content with an ellipsis at the end of the last line.\n * Overwriting display is required for this.\n */\n lineClamp?: number\n }\n\nconst textColor = style({\n prop: \"textColor\",\n cssProperty: \"color\",\n key: \"colors\",\n})\n\nexport type TextTransform =\n | \"none\"\n | \"capitalize\"\n | \"uppercase\"\n | \"lowercase\"\n | \"initial\"\n | \"inherit\"\n\nconst textTransform = system({ textTransform: true })\n\n/** styled functions for Text */\nexport const textMixin = compose(typography, color, textColor, textTransform)\n\n/** Adds ellipsis to overflowing text */\nexport const overflowEllipsisMixin = css`\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`\n\n/** TextProps */\nexport type TextProps = BaseTextProps &\n BoxProps & {\n overflowEllipsis?: boolean\n textTransform?: ResponsiveValue<TextTransform>\n lineClamp?: ResponsiveValue<number>\n }\n\n/** Text */\nexport const Text = styled(Box)<TextProps>`\n && {\n ${(props) => {\n return getThemeConfig(props, {\n v2: css`\n ${variant({ variants: V2_TEXT_VARIANTS.small })}\n ${textMixin}\n\n @media (min-width: ${themeGet(\"breakpoints.0\")}) {\n ${variant({ variants: V2_TEXT_VARIANTS.large })}\n ${textMixin}\n }\n `,\n v3: css`\n ${variant({ variants: V3_TEXT_VARIANTS })}\n ${textMixin}\n `,\n })\n }}\n\n ${(props) => {\n return css`\n ${props.overflowEllipsis && overflowEllipsisMixin}\n ${props.lineClamp &&\n css`\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ${props.lineClamp};\n line-clamp: ${props.lineClamp};\n overflow: hidden;\n `}\n `\n }}\n }\n`\n\nText.displayName = \"Text\"\n\nText.defaultProps = {\n fontFamily: \"sans\",\n variant: \"
|
|
1
|
+
{"version":3,"sources":["../../../src/elements/Text/Text.tsx"],"names":["textColor","prop","cssProperty","key","textTransform","textMixin","typography","color","overflowEllipsisMixin","css","Text","Box","props","v2","variants","V2_TEXT_VARIANTS","small","large","v3","V3_TEXT_VARIANTS","overflowEllipsis","lineClamp","displayName","defaultProps","fontFamily","variant"],"mappings":";;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AAWA;;AACA;;;;;;AAwBA,IAAMA,SAAS,GAAG,yBAAM;AACtBC,EAAAA,IAAI,EAAE,WADgB;AAEtBC,EAAAA,WAAW,EAAE,OAFS;AAGtBC,EAAAA,GAAG,EAAE;AAHiB,CAAN,CAAlB;AAcA,IAAMC,aAAa,GAAG,0BAAO;AAAEA,EAAAA,aAAa,EAAE;AAAjB,CAAP,CAAtB;AAEA;;AACO,IAAMC,SAAS,GAAG,2BAAQC,wBAAR,EAAoBC,mBAApB,EAA2BP,SAA3B,EAAsCI,aAAtC,CAAlB;AAEP;;;AACO,IAAMI,qBAAqB,OAAGC,qBAAH,iEAA3B;AAMP;;;;AAQA;AACO,IAAMC,IAAI,GAAG,+BAAOC,QAAP,CAAH;AAAA;AAAA;AAAA,sBAEX,UAACC,KAAD,EAAW;AACX,SAAO,2BAAeA,KAAf,EAAsB;AAC3BC,IAAAA,EAAE,MAAEJ,qBAAF,oDACE,2BAAQ;AAAEK,MAAAA,QAAQ,EAAEC,iBAAiBC;AAA7B,KAAR,CADF,EAEEX,SAFF,EAImB,wBAAS,eAAT,CAJnB,EAKI,2BAAQ;AAAES,MAAAA,QAAQ,EAAEC,iBAAiBE;AAA7B,KAAR,CALJ,EAMIZ,SANJ,CADyB;AAU3Ba,IAAAA,EAAE,MAAET,qBAAF,iBACE,2BAAQ;AAAEK,MAAAA,QAAQ,EAAEK;AAAZ,KAAR,CADF,EAEEd,SAFF;AAVyB,GAAtB,CAAP;AAeD,CAlBY,EAoBX,UAACO,KAAD,EAAW;AACX,aAAOH,qBAAP,iBACIG,KAAK,CAACQ,gBAAN,IAA0BZ,qBAD9B,EAEII,KAAK,CAACS,SAAN,QACFZ,qBADE,gHAIsBG,KAAK,CAACS,SAJ5B,EAKcT,KAAK,CAACS,SALpB,CAFJ;AAWD,CAhCY,CAAV;;AAoCPX,IAAI,CAACY,WAAL,GAAmB,MAAnB;AAEAZ,IAAI,CAACa,YAAL,GAAoB;AAClBC,EAAAA,UAAU,EAAE,MADM;AAElBC,EAAAA,OAAO,EAAE;AAFS,CAApB","sourcesContent":["import { TextVariant } from \"@artsy/palette-tokens/dist/typography/types\"\nimport { TEXT_VARIANTS as V2_TEXT_VARIANTS } from \"@artsy/palette-tokens/dist/typography/v2\"\nimport { TEXT_VARIANTS as V3_TEXT_VARIANTS } from \"@artsy/palette-tokens/dist/typography/v3\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport styled, { css } from \"styled-components\"\nimport {\n color,\n ColorProps,\n compose,\n ResponsiveValue,\n style,\n system,\n typography,\n TypographyProps,\n variant,\n} from \"styled-system\"\nimport { Color, getThemeConfig } from \"../../Theme\"\nimport { Box, BoxProps } from \"../Box\"\n\n/** BaseTextProps */\nexport type BaseTextProps = TypographyProps &\n Omit<ColorProps, \"color\"> & {\n /**\n * @description\n * Variants of the text. Possible to pass an array that\n * behaves accordingly to the media breakpoints [\"sm\", \"md\", \"lg\", \"xl\"]\n * @example\n * \"sm\"\n * \"md\"\n * [\"md\", \"sm\"]\n * @see {@link TextVariant}\n */\n variant?: ResponsiveValue<TextVariant>\n textColor?: ResponsiveValue<Color>\n /**\n * Max number of lines before truncating the content with an ellipsis at the end of the last line.\n * Overwriting display is required for this.\n */\n lineClamp?: number\n }\n\nconst textColor = style({\n prop: \"textColor\",\n cssProperty: \"color\",\n key: \"colors\",\n})\n\nexport type TextTransform =\n | \"none\"\n | \"capitalize\"\n | \"uppercase\"\n | \"lowercase\"\n | \"initial\"\n | \"inherit\"\n\nconst textTransform = system({ textTransform: true })\n\n/** styled functions for Text */\nexport const textMixin = compose(typography, color, textColor, textTransform)\n\n/** Adds ellipsis to overflowing text */\nexport const overflowEllipsisMixin = css`\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`\n\n/** TextProps */\nexport type TextProps = BaseTextProps &\n BoxProps & {\n overflowEllipsis?: boolean\n textTransform?: ResponsiveValue<TextTransform>\n lineClamp?: ResponsiveValue<number>\n }\n\n/** Text */\nexport const Text = styled(Box)<TextProps>`\n && {\n ${(props) => {\n return getThemeConfig(props, {\n v2: css`\n ${variant({ variants: V2_TEXT_VARIANTS.small })}\n ${textMixin}\n\n @media (min-width: ${themeGet(\"breakpoints.0\")}) {\n ${variant({ variants: V2_TEXT_VARIANTS.large })}\n ${textMixin}\n }\n `,\n v3: css`\n ${variant({ variants: V3_TEXT_VARIANTS })}\n ${textMixin}\n `,\n })\n }}\n\n ${(props) => {\n return css`\n ${props.overflowEllipsis && overflowEllipsisMixin}\n ${props.lineClamp &&\n css`\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ${props.lineClamp};\n line-clamp: ${props.lineClamp};\n overflow: hidden;\n `}\n `\n }}\n }\n`\n\nText.displayName = \"Text\"\n\nText.defaultProps = {\n fontFamily: \"sans\",\n variant: \"sm\",\n}\n"],"file":"Text.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@artsy/palette",
|
|
3
|
-
"version": "20.0.
|
|
3
|
+
"version": "20.0.1",
|
|
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": "
|
|
181
|
+
"gitHead": "e7c43cc99dd63fce7028b113ac37dbf3d0c279d7"
|
|
182
182
|
}
|