@foxford/ui 2.8.0-beta-b32a5c6-20230828 → 2.8.0-beta-aad81f2-20230829
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import r,{css as o}from'styled-components';import{display as a}from'../../mixins/display.js';import n from'./images/arrow.module.svg.js';import t from'./images/tail.module.svg.js';var
|
|
1
|
+
import r,{css as o}from'styled-components';import{display as a}from'../../mixins/display.js';import n from'./images/arrow.module.svg.js';import t from'./images/tail.module.svg.js';var i='xl';var s={s:20,m:24,l:40,xl:48};var e={s:10,m:14,l:22,xl:28};var c={s:6,m:8,l:13,xl:16};var l=o(["",""],(r=>{var{theme:o,secondary:a,third:n,fourth:t,small:i=!1}=r;return i?o.colors['content-onmain-primary']:a?o.colors['mother'===o.name?'content-brand-secondary':'content-onmain-primary']:n||t?o.colors['content-onmain-primary']:o.colors['content-brand-primary']}));var d=o(["",""],(r=>{var{theme:o,secondary:a,third:n,fourth:t}=r;return a?o.colors['bg-brand-secondary-100']:n?o.colors['bg-brand-tertiary-200']:t?o.colors['bg-brand-quaternary-200']:o.colors['bg-brand-primary-200']}));var m=r.div.withConfig({shouldForwardProp:r=>['children','className','style'].includes(r)}).withConfig({componentId:"fox-ui__sc-gzccd8-0"})(["",";"],(r=>r.display?a(r.display):null));var p=r.div.withConfig({componentId:"fox-ui__sc-gzccd8-1"})(["",""],(r=>{var{size:a=i,small:n=!1}=r;return o(["display:flex;height:","px;"],n?32:s[a])}));var f=r.div.withConfig({componentId:"fox-ui__sc-gzccd8-2"})(["",""],(r=>{var{size:a=i}=r;return o(["width:","px;background-color:",";"],c[a],d)}));var g=r(n).withConfig({componentId:"fox-ui__sc-gzccd8-3"})(["color:",";transform:",";"],d,"translateX(0.3px)");var h=r(g).withConfig({componentId:"fox-ui__sc-gzccd8-4"})(["transform:scaleX(-1) ",";"],"translateX(0.3px)");var x=r(t).withConfig({componentId:"fox-ui__sc-gzccd8-5"})(["color:",";transform:",";"],d,"translateX(0.3px)");var u=r(x).withConfig({componentId:"fox-ui__sc-gzccd8-6"})(["transform:scaleX(-1) ",";"],"translateX(0.3px)");var v=r.div.withConfig({componentId:"fox-ui__sc-gzccd8-7"})(["",""],(r=>{var{size:a=i,small:n=!1}=r;return o(["position:relative;color:",";background-color:",";font-size:","px;line-height:","px;z-index:1;",";"],l,d,n?14:e[a],n?32:s[a],n?null:"\n font-family: 'TT Foxford';\n text-transform: uppercase;\n font-weight: 800;\n ")}));export{p as Inner,g as LeftArrowShape,x as LeftTailShape,h as RightArrowShape,u as RightTailShape,m as Root,f as SquareShape,v as Text};
|
|
2
2
|
//# sourceMappingURL=style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/ArrowBadge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from '../../mixins/display'\nimport { ArrowBadgeProps, ArrowBadgeSize, SideShapeProps } from './types'\nimport Arrow from './images/arrow.module.svg'\nimport Tail from './images/tail.module.svg'\n\nconst DEFAULT_SIZE: ArrowBadgeSize = 'xl'\n\nconst HEIGHT: Record<ArrowBadgeSize, number> = {\n s:
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../../src/components/ArrowBadge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from '../../mixins/display'\nimport { ArrowBadgeProps, ArrowBadgeSize, SideShapeProps } from './types'\nimport Arrow from './images/arrow.module.svg'\nimport Tail from './images/tail.module.svg'\n\nconst DEFAULT_SIZE: ArrowBadgeSize = 'xl'\n\nconst HEIGHT: Record<ArrowBadgeSize, number> = {\n s: 20,\n m: 24,\n l: 40,\n xl: 48,\n}\n\nconst SMALL_HEIGHT = 32\n\nconst TEXT_SIZES: Record<ArrowBadgeSize, number> = {\n s: 10,\n m: 14,\n l: 22,\n xl: 28,\n}\n\nconst SMALL_TEXT_SIZE = 14\n\nconst SQUARE_SHAPE_SIZES: Record<ArrowBadgeSize, number> = {\n s: 6,\n m: 8,\n l: 13,\n xl: 16,\n}\n\nconst textColor = css<ArrowBadgeProps>`\n ${({ theme, secondary, third, fourth, small = false }) => {\n const isMotherTheme = theme.name === 'mother'\n\n if (small) return theme.colors['content-onmain-primary']\n if (secondary) return theme.colors[isMotherTheme ? 'content-brand-secondary' : 'content-onmain-primary']\n if (third) return theme.colors['content-onmain-primary']\n if (fourth) return theme.colors['content-onmain-primary']\n\n return theme.colors['content-brand-primary']\n }}\n`\n\nconst backgroundColor = css<ArrowBadgeProps>`\n ${({ theme, secondary, third, fourth }) => {\n if (secondary) return theme.colors['bg-brand-secondary-100']\n if (third) return theme.colors['bg-brand-tertiary-200']\n if (fourth) return theme.colors['bg-brand-quaternary-200']\n\n return theme.colors['bg-brand-primary-200']\n }}\n`\n\nexport const Root = styled.div.withConfig<ArrowBadgeProps>({\n shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n ${(props) => (props.display ? display(props.display) : null)};\n`\n\nexport const Inner = styled.div<ArrowBadgeProps>`\n ${({ size = DEFAULT_SIZE, small = false }) => {\n const height = small ? SMALL_HEIGHT : HEIGHT[size]\n\n return css`\n display: flex;\n height: ${height}px;\n `\n }}\n`\n\nexport const SquareShape = styled.div<SideShapeProps>`\n ${({ size = DEFAULT_SIZE }) => {\n const currentSize = SQUARE_SHAPE_SIZES[size]\n\n return css`\n width: ${currentSize}px;\n background-color: ${backgroundColor};\n `\n }}\n`\n\n// hack to cover gap between text block and SVG shapes when scaling page\nconst SVG_SHAPE_TRANSLATE_X = 'translateX(0.3px)'\n\nexport const LeftArrowShape = styled(Arrow)<SideShapeProps>`\n color: ${backgroundColor};\n transform: ${SVG_SHAPE_TRANSLATE_X};\n`\n\nexport const RightArrowShape = styled(LeftArrowShape)<SideShapeProps>`\n transform: scaleX(-1) ${SVG_SHAPE_TRANSLATE_X};\n`\n\nexport const LeftTailShape = styled(Tail)<SideShapeProps>`\n color: ${backgroundColor};\n transform: ${SVG_SHAPE_TRANSLATE_X};\n`\n\nexport const RightTailShape = styled(LeftTailShape)<SideShapeProps>`\n transform: scaleX(-1) ${SVG_SHAPE_TRANSLATE_X};\n`\n\nexport const Text = styled.div<ArrowBadgeProps>`\n ${({ size = DEFAULT_SIZE, small = false }) => {\n const fontSize: number = small ? SMALL_TEXT_SIZE : TEXT_SIZES[size]\n const lineHeight: number = small ? SMALL_HEIGHT : HEIGHT[size]\n\n return css`\n position: relative;\n color: ${textColor};\n background-color: ${backgroundColor};\n font-size: ${fontSize}px;\n line-height: ${lineHeight}px;\n z-index: 1;\n\n ${!small\n ? `\n font-family: 'TT Foxford';\n text-transform: uppercase;\n font-weight: 800;\n `\n : null};\n `\n }}\n`\n"],"names":["DEFAULT_SIZE","HEIGHT","s","m","l","xl","TEXT_SIZES","SQUARE_SHAPE_SIZES","textColor","css","_ref","theme","secondary","third","fourth","small","colors","name","backgroundColor","_ref2","Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","props","display","Inner","_ref3","size","SquareShape","_ref4","LeftArrowShape","Arrow","RightArrowShape","LeftTailShape","Tail","RightTailShape","Text","_ref5"],"mappings":"oLAMA,IAAMA,EAA+B,KAErC,IAAMC,EAAyC,CAC7CC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,IAKN,IAAMC,EAA6C,CACjDJ,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,IAKN,IAAME,EAAqD,CACzDL,EAAG,EACHC,EAAG,EACHC,EAAG,GACHC,GAAI,IAGN,IAAMG,EAAYC,EAAH,CAAA,GAAA,KACXC,IAAwD,IAAvDC,MAAEA,EAAFC,UAASA,EAATC,MAAoBA,EAApBC,OAA2BA,EAA3BC,MAAmCA,GAAQ,GAAYL,EAGxD,OAAIK,EAAcJ,EAAMK,OAAO,0BAC3BJ,EAAkBD,EAAMK,OAHS,WAAfL,EAAMM,KAGuB,0BAA4B,0BAC3EJ,GACAC,EADcH,EAAMK,OAAO,0BAGxBL,EAAMK,OAAO,4BAIxB,IAAME,EAAkBT,EAAH,CAAA,GAAA,KACjBU,IAAyC,IAAxCR,MAAEA,EAAFC,UAASA,EAATC,MAAoBA,EAApBC,OAA2BA,GAAaK,EACzC,OAAIP,EAAkBD,EAAMK,OAAO,0BAC/BH,EAAcF,EAAMK,OAAO,yBAC3BF,EAAeH,EAAMK,OAAO,2BAEzBL,EAAMK,OAAO,2BAIjB,IAAMI,EAAOC,EAAOC,IAAIC,WAA4B,CACzDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KAD1DF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,GAAA,MAGZO,GAAWA,EAAMC,QAAUA,EAAQD,EAAMC,SAAW,OAG5CC,IAAAA,EAAQT,EAAOC,IAAVC,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,GAAA,KACdU,IAA4C,IAA3CC,KAAEA,EAAOhC,EAATe,MAAuBA,MAAoBgB,EAG5C,OAAOtB,iCAFQM,EAjDE,GAiDqBd,EAAO+B,OASpCC,IAAAA,EAAcZ,EAAOC,IAAVC,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,GAAA,KACpBa,IAA6B,IAA5BF,KAAEA,EAAOhC,GAAmBkC,EAG7B,OAAOzB,EAAP,CAAA,SAAA,uBAAA,KAFoBF,EAAmByB,GAIjBd,UAQbiB,EAAiBd,EAAOe,GAAVb,WAAA,CAAAI,YAAA,uBAAGN,CACnBH,CAAAA,SAAAA,cAAAA,KAAAA,EAHmB,yBAOjBmB,EAAkBhB,EAAOc,GAAVZ,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,wBAAA,KAPE,yBAWjBiB,EAAgBjB,EAAOkB,GAAVhB,WAAA,CAAAI,YAAA,uBAAGN,CAClBH,CAAAA,SAAAA,cAAAA,KAAAA,EAZmB,yBAgBjBsB,EAAiBnB,EAAOiB,GAAVf,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,wBAAA,KAhBG,qBAoBjBoB,IAAAA,EAAOpB,EAAOC,IAAVC,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,GAAA,KACbqB,IAA4C,IAA3CV,KAAEA,EAAOhC,EAATe,MAAuBA,MAAoB2B,EAI5C,OAAOjC,EAAP,CAAA,2BAAA,qBAAA,cAAA,kBAAA,gBAAA,KAEWD,EACWU,EANGH,EAnFL,GAmF+BT,EAAW0B,GACnCjB,EA7FV,GA6FiCd,EAAO+B,GAUpDjB,EAMC"}
|