@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1

package/dist/styles/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireDefault","_breakpoints","_shadowstyles","_typography","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_global","_types","_zIndexes","_focusStyles","_templateObject","scrollBarStyling","size","arguments","length","undefined","Size","Small","css","_taggedTemplateLiteral2","default","Medium","props","COLORS","getColor","theme"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,OAAA,GAAAhB,sBAAA,CAAAF,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AAoCA,IAAAoB,SAAA,GAAApB,OAAA;AAEA,IAAAqB,YAAA,GAAArB,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAc,YAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,YAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,YAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AAA+B,IAAAa,eAAA;AAjCxB,MAAMC,gBAAgB,GAAG,SAAAA,CAAA;EAAA,IAACC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,uBAAA,CAAAC,OAAA,kfAGvER,IAAI,IAAII,WAAI,CAACK,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCT,IAAI,IAAII,WAAI,CAACK,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/BC,KAAK,IAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAMpDH,KAAK,IAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAMpDH,KAAK,IAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAKpDH,KAAK,IAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,CAErE;AAACvB,OAAA,CAAAS,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireDefault","_breakpoints","_shadowstyles","_typography","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_global","_types","_zIndexes","_focusStyles","scrollBarStyling","size","arguments","length","undefined","Size","Small","css","Medium","props","COLORS","getColor","theme"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,OAAA,GAAAhB,sBAAA,CAAAF,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AAoCA,IAAAoB,SAAA,GAAApB,OAAA;AAEA,IAAAqB,YAAA,GAAArB,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAc,YAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,YAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,YAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AAjCO,MAAMa,gBAAgB,GAAG,SAAAA,CAAA;EAAA,IAACC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,WAAI,CAACC,KAAK;EAAA,OAAK,IAAAC,qBAAG;AACpF;AACA;AACA,aAAaN,IAAI,IAAII,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK;AAChD,cAAcP,IAAI,IAAII,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK;AACjD;AACA;AACA;AACA;AACA;AACA,kBAAkBC,KAAK,IAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACtE;AACA;AACA;AACA;AACA;AACA,kBAAkBH,KAAK,IAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACtE;AACA;AACA;AACA;AACA;AACA,kBAAkBH,KAAK,IAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACtE;AACA;AACA;AACA;AACA,kBAAkBH,KAAK,IAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACtE;AACA,CAAC;AAAA;AAACpB,OAAA,CAAAQ,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/styles/index.d.ts

@@ -1,10 +1,10 @@
-import COLORS from './colors';
-import BREAKPOINTS from './breakpoints';
-import { BOXSHADOWS } from './shadowstyles';
-export * from './typography';
-import globalStyles from './global';
-import { Size } from '../types';
-export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
-export declare const scrollBarStyling: (size?: Size.Small | Size.Medium) => import("styled-components").RuleSet<object>;
-export { Z_INDEXES } from './z-indexes';
-export * from './focus-styles';
+import COLORS from './colors';
+import BREAKPOINTS from './breakpoints';
+import { BOXSHADOWS } from './shadowstyles';
+export * from './typography';
+import globalStyles from './global';
+import { Size } from '../types';
+export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
+export declare const scrollBarStyling: (size?: Size.Small | Size.Medium) => import("styled-components").RuleSet<object>;
+export { Z_INDEXES } from './z-indexes';
+export * from './focus-styles';

package/dist/styles/index.js

@@ -1,5 +1,3 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject;
 import { css } from 'styled-components';
 import COLORS from './colors';
 import BREAKPOINTS from './breakpoints';
@@ -10,7 +8,36 @@ import { Size } from '../types';
 export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
 export const scrollBarStyling = function () {
   let size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Size.Small;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  \n  &::-webkit-scrollbar {\n    width: ", ";\n    height: ", ";\n    cursor: pointer;\n  }\n\n  /* Track */\n  &::-webkit-scrollbar-track {\n    background: ", ";\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:active {\n    background: ", ";\n  }\n"])), size == Size.Medium ? '6px' : '4px', size == Size.Medium ? '6px' : '4px', props => COLORS.getColor('neutral_100', props.theme), props => COLORS.getColor('neutral_500', props.theme), props => COLORS.getColor('primary_700', props.theme), props => COLORS.getColor('primary_800', props.theme));
+  return css`
+  
+  &::-webkit-scrollbar {
+    width: ${size == Size.Medium ? '6px' : '4px'};
+    height: ${size == Size.Medium ? '6px' : '4px'};
+    cursor: pointer;
+  }
+
+  /* Track */
+  &::-webkit-scrollbar-track {
+    background: ${props => COLORS.getColor('neutral_100', props.theme)};
+    border-radius: 6px;
+  }
+
+  /* Handle */
+  &::-webkit-scrollbar-thumb {
+    background: ${props => COLORS.getColor('neutral_500', props.theme)};
+    border-radius: 4px;
+  }
+
+  /* Handle on hover */
+  &::-webkit-scrollbar-thumb:hover {
+    background: ${props => COLORS.getColor('primary_700', props.theme)};
+  }
+
+  /* Handle on hover */
+  &::-webkit-scrollbar-thumb:active {
+    background: ${props => COLORS.getColor('primary_800', props.theme)};
+  }
+`;
 };
 export { Z_INDEXES } from './z-indexes';
 export * from './focus-styles';

package/dist/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","arguments","length","undefined","Small","_templateObject","_taggedTemplateLiteral","Medium","props","getColor","theme","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASJ,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEC,YAAY;AAGtD,OAAO,MAAME,gBAAgB,GAAG,SAAAA,CAAA;EAAA,IAACC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,IAAI,CAACM,KAAK;EAAA,OAAKX,GAAG,CAAAY,eAAA,KAAAA,eAAA,GAAAC,sBAAA,ifAGvEN,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCP,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/BC,KAAK,IAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAMpDF,KAAK,IAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAMpDF,KAAK,IAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAKpDF,KAAK,IAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,CAErE;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","arguments","length","undefined","Small","Medium","props","getColor","theme","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASJ,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEC,YAAY;AAGtD,OAAO,MAAME,gBAAgB,GAAG,SAAAA,CAAA;EAAA,IAACC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,IAAI,CAACM,KAAK;EAAA,OAAKX,GAAG;AACpF;AACA;AACA,aAAaO,IAAI,IAAIF,IAAI,CAACO,MAAM,GAAG,KAAK,GAAG,KAAK;AAChD,cAAcL,IAAI,IAAIF,IAAI,CAACO,MAAM,GAAG,KAAK,GAAG,KAAK;AACjD;AACA;AACA;AACA;AACA;AACA,kBAAkBC,KAAK,IAAIZ,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACtE;AACA;AACA;AACA;AACA;AACA,kBAAkBF,KAAK,IAAIZ,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACtE;AACA;AACA;AACA;AACA;AACA,kBAAkBF,KAAK,IAAIZ,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACtE;AACA;AACA;AACA;AACA,kBAAkBF,KAAK,IAAIZ,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACtE;AACA,CAAC;AAAA;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB","ignoreList":[]}

package/dist/styles/shadowstyles.d.ts

@@ -1,7 +1,7 @@
-declare const BOXSHADOWS: {
-    BOXSHADOW_L1: string;
-    BOXSHADOW_L2: string;
-    BOXSHADOW_L3: string;
-    BOXSHADOW_CENTERED: string;
-};
-export { BOXSHADOWS };
+declare const BOXSHADOWS: {
+    BOXSHADOW_L1: string;
+    BOXSHADOW_L2: string;
+    BOXSHADOW_L3: string;
+    BOXSHADOW_CENTERED: string;
+};
+export { BOXSHADOWS };

package/dist/styles/typography.cjs

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.UpperCaseTypography = exports.UpperCase = exports.TypographyBase = exports.Typography = exports.QuoteTypography = exports.Quote = exports.NoteTypography = exports.Note = exports.ComponentXXSStyling = exports.ComponentXXS = exports.ComponentXSStyling = exports.ComponentXS = exports.ComponentXLStyling = exports.ComponentXL = exports.ComponentTextStyle = exports.ComponentSStyling = exports.ComponentS = exports.ComponentResponsive = exports.ComponentMStyling = exports.ComponentM = exports.ComponentLStyling = exports.ComponentL = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
@@ -21,24 +20,19 @@ const _excluded = ["color", "textStyle", "children", "className"],
   _excluded5 = ["color", "textStyle", "children", "className"],
   _excluded6 = ["color", "textStyle", "children", "className"],
   _excluded7 = ["color", "textStyle", "children", "size", "width"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const TypographyBase = exports.TypographyBase = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: ", "px;\n  text-transform: ", ";\n  text-decoration-line: ", ";\n  font-style: ", ";\n  color: ", ";\n"])), props => props.$fontSize, props => props.$fontWeight, props => props.$lineHeight, props => {
-  var _props$$textTransform;
-  return (_props$$textTransform = props.$textTransform) !== null && _props$$textTransform !== void 0 ? _props$$textTransform : 'none';
-}, props => {
-  var _props$$textDecoratio;
-  return (_props$$textDecoratio = props.$textDecorationLine) !== null && _props$$textDecoratio !== void 0 ? _props$$textDecoratio : 'none';
-}, props => {
-  var _props$$fontStyle;
-  return (_props$$fontStyle = props.$fontStyle) !== null && _props$$fontStyle !== void 0 ? _props$$fontStyle : 'normal';
-}, props => {
-  var _props$$color;
-  return (_props$$color = props.$color) !== null && _props$$color !== void 0 ? _props$$color : _.COLORS.getColor('black', props.theme);
-});
+const TypographyBase = exports.TypographyBase = _styledComponents.default.div`
+  font-size: ${props => props.$fontSize}px;
+  font-weight: ${props => props.$fontWeight};
+  line-height: ${props => props.$lineHeight}px;
+  text-transform: ${props => props.$textTransform ?? 'none'};
+  text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};
+  font-style: ${props => props.$fontStyle ?? 'normal'};
+  color: ${props => props.$color ?? _.COLORS.getColor('black', props.theme)};
+`;
 var ComponentTextStyle = exports.ComponentTextStyle = /*#__PURE__*/function (ComponentTextStyle) {
   ComponentTextStyle[ComponentTextStyle["Regular"] = 1] = "Regular";
   ComponentTextStyle[ComponentTextStyle["Bold"] = 2] = "Bold";
@@ -62,7 +56,13 @@ const componentTextTransformation = textStyle => {
   return fontStyle;
 };
 const ComponentStyling = (fontSize, lineHeight, textStyle, color) => {
-  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), props => color === null ? '' : "color: ".concat(color || _.COLORS.getColor('black', props.theme), ";"));
+  return (0, _styledComponents.css)`
+    font-size: ${fontSize};
+    font-weight: ${componentFontWeight(textStyle)};
+    line-height: ${lineHeight};
+    font-style: ${componentFontStyle(textStyle)};
+    ${props => color === null ? '' : `color: ${color || _.COLORS.getColor('black', props.theme)};`}
+  `;
 };
 const ComponentXLStyling = (textStyle, color) => ComponentStyling('24px', '28px', textStyle, color);
 exports.ComponentXLStyling = ComponentXLStyling;
@@ -310,11 +310,109 @@ ComponentResponsive.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
   children: _propTypes.default.node
 };
-const Typography = exports.Typography = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  html {\n    font-size: 100%;\n  }\n\n  @media (min-width: 48rem) {\n    html {\n      font-size: 112.5%;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    html {\n      font-size: 125%;\n    }\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-weight: 700;\n    line-height: 120%;\n    margin: 0;\n  }\n\n  h1 {\n    font-size: 3rem;\n  }\n\n  h2 {\n    font-size: 2.5rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  h4 {\n    font-size: 1.75rem;\n  }\n\n  h5 {\n    font-size: 1.5rem;\n  }\n\n  h6 {\n    font-size: 1.25rem;\n  }\n\n  p {\n    font-size: 1rem;\n    line-height: 150%;\n    margin: 0 0 0.5rem;\n  }\n\n  p:last-of-type {\n    margin-bottom: 0;\n  }\n\n\n  h1, h2, h3, h4, h5, h6, p, span {\n    max-width: 34rem;\n  }\n\n  :lang(ja-jp) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(ko-kr) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(zh-CN) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n"])));
-const QuoteTypography = exports.QuoteTypography = (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 1.5rem;\n  line-height: 150%;\n  margin-bottom: 0.75rem;\n"])));
-const NoteTypography = exports.NoteTypography = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  margin-bottom: 0.375rem;\n"])));
-const UpperCaseTypography = exports.UpperCaseTypography = (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  font-weight: 700;\n  text-transform: uppercase;\n"])));
-const Note = exports.Note = _styledComponents.default.p(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), NoteTypography);
-const Quote = exports.Quote = _styledComponents.default.p(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), QuoteTypography);
-const UpperCase = exports.UpperCase = _styledComponents.default.p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), UpperCaseTypography);
+const Typography = exports.Typography = (0, _styledComponents.css)`
+  html {
+    font-size: 100%;
+  }
+
+  @media (min-width: 48rem) {
+    html {
+      font-size: 112.5%;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    html {
+      font-size: 125%;
+    }
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-weight: 700;
+    line-height: 120%;
+    margin: 0;
+  }
+
+  h1 {
+    font-size: 3rem;
+  }
+
+  h2 {
+    font-size: 2.5rem;
+  }
+
+  h3 {
+    font-size: 2rem;
+  }
+
+  h4 {
+    font-size: 1.75rem;
+  }
+
+  h5 {
+    font-size: 1.5rem;
+  }
+
+  h6 {
+    font-size: 1.25rem;
+  }
+
+  p {
+    font-size: 1rem;
+    line-height: 150%;
+    margin: 0 0 0.5rem;
+  }
+
+  p:last-of-type {
+    margin-bottom: 0;
+  }
+
+
+  h1, h2, h3, h4, h5, h6, p, span {
+    max-width: 34rem;
+  }
+
+  :lang(ja-jp) {
+    h1, h2, h3, h4, h5, h6, p, span {
+      max-width: 30rem;
+    }
+  }
+
+  :lang(ko-kr) {
+    h1, h2, h3, h4, h5, h6, p, span {
+      max-width: 30rem;
+    }
+  }
+
+  :lang(zh-CN) {
+    h1, h2, h3, h4, h5, h6, p, span {
+      max-width: 30rem;
+    }
+  }
+`;
+const QuoteTypography = exports.QuoteTypography = (0, _styledComponents.css)`
+  font-size: 1.5rem;
+  line-height: 150%;
+  margin-bottom: 0.75rem;
+`;
+const NoteTypography = exports.NoteTypography = (0, _styledComponents.css)`
+  font-size: 0.75rem;
+  line-height: 150%;
+  margin-bottom: 0.375rem;
+`;
+const UpperCaseTypography = exports.UpperCaseTypography = (0, _styledComponents.css)`
+  font-size: 0.75rem;
+  line-height: 150%;
+  font-weight: 700;
+  text-transform: uppercase;
+`;
+const Note = exports.Note = _styledComponents.default.p`
+  ${NoteTypography}
+`;
+const Quote = exports.Quote = _styledComponents.default.p`
+  ${QuoteTypography}
+`;
+const UpperCase = exports.UpperCase = _styledComponents.default.p`
+  ${UpperCaseTypography}
+`;
 //# sourceMappingURL=typography.cjs.map

package/dist/styles/typography.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"typography.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_","_types","_jsxRuntime","_excluded","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","TypographyBase","exports","styled","div","_taggedTemplateLiteral2","props","$fontSize","$fontWeight","$lineHeight","_props$$textTransform","$textTransform","_props$$textDecoratio","$textDecorationLine","_props$$fontStyle","$fontStyle","_props$$color","$color","COLORS","getColor","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","css","concat","ComponentXLStyling","ComponentXL","_ref","children","className","rest","_objectWithoutProperties2","jsx","propTypes","_propTypes","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","ComponentMStyling","ComponentM","_ref3","ComponentSStyling","ComponentS","_ref4","ComponentXSStyling","ComponentXS","_ref5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","ComponentResponsive","_ref7","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\nexport const TypographyBase = styled.div<{$color?: string,\r\n  $lineHeight: number,\r\n  $fontSize: number,\r\n  $fontWeight: number,\r\n  $fontStyle?: string,\r\n  $textTransform?: Property.TextTransform,\r\n  $textDecorationLine?: Property.TextDecorationLine,\r\n}>`\r\n  font-size: ${props => props.$fontSize}px;\r\n  font-weight: ${props => props.$fontWeight};\r\n  line-height: ${props => props.$lineHeight}px;\r\n  text-transform: ${props => props.$textTransform ?? 'none' };\r\n  text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};\r\n  font-style: ${props => props.$fontStyle ?? 'normal'};\r\n  color: ${props => props.$color ?? COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width, \r\n                                                                                                         ...rest\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"typography.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_","_types","_jsxRuntime","_excluded","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","TypographyBase","exports","styled","div","props","$fontSize","$fontWeight","$lineHeight","$textTransform","$textDecorationLine","$fontStyle","$color","COLORS","getColor","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","css","ComponentXLStyling","ComponentXL","_ref","children","className","rest","_objectWithoutProperties2","jsx","propTypes","_propTypes","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","ComponentMStyling","ComponentM","_ref3","ComponentSStyling","ComponentS","_ref4","ComponentXSStyling","ComponentXS","_ref5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","ComponentResponsive","_ref7","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\nexport const TypographyBase = styled.div<{$color?: string,\r\n  $lineHeight: number,\r\n  $fontSize: number,\r\n  $fontWeight: number,\r\n  $fontStyle?: string,\r\n  $textTransform?: Property.TextTransform,\r\n  $textDecorationLine?: Property.TextDecorationLine,\r\n}>`\r\n  font-size: ${props => props.$fontSize}px;\r\n  font-weight: ${props => props.$fontWeight};\r\n  line-height: ${props => props.$lineHeight}px;\r\n  text-transform: ${props => props.$textTransform ?? 'none' };\r\n  text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};\r\n  font-style: ${props => props.$fontStyle ?? 'normal'};\r\n  color: ${props => props.$color ?? COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width, \r\n                                                                                                         ...rest\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":"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pE,OAAA,CAAAuE;AAAA;AA4IH,MAAM4B,UAAU,GAAArE,OAAA,CAAAqE,UAAA,GAAG,IAAAzC,qBAAG;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAM0C,eAAe,GAAAtE,OAAA,CAAAsE,eAAA,GAAG,IAAA1C,qBAAG;AAClC;AACA;AACA;AACA,CAAC;AAEM,MAAM2C,cAAc,GAAAvE,OAAA,CAAAuE,cAAA,GAAG,IAAA3C,qBAAG;AACjC;AACA;AACA;AACA,CAAC;AAEM,MAAM4C,mBAAmB,GAAAxE,OAAA,CAAAwE,mBAAA,GAAG,IAAA5C,qBAAG;AACtC;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAM6C,IAAI,GAAAzE,OAAA,CAAAyE,IAAA,GAAGxE,yBAAM,CAACyE,CAAC;AAC5B,IAAIH,cAAc;AAClB,CAAC;AAEM,MAAMI,KAAK,GAAA3E,OAAA,CAAA2E,KAAA,GAAG1E,yBAAM,CAACyE,CAAC;AAC7B,IAAIJ,eAAe;AACnB,CAAC;AAEM,MAAMM,SAAS,GAAA5E,OAAA,CAAA4E,SAAA,GAAG3E,yBAAM,CAACyE,CAAC;AACjC,IAAIF,mBAAmB;AACvB,CAAC","ignoreList":[]}

package/dist/styles/typography.d.ts

@@ -1,49 +1,49 @@
-import React from 'react';
-import { Property } from 'csstype';
-import { Size } from '../types';
-export declare const TypographyBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $color?: string | undefined;
-    $lineHeight: number;
-    $fontSize: number;
-    $fontWeight: number;
-    $fontStyle?: string | undefined;
-    $textTransform?: Property.TextTransform | undefined;
-    $textDecorationLine?: Property.TextDecorationLine | undefined;
-}>> & string;
-declare enum ComponentTextStyle {
-    Regular = 1,
-    Bold = 2,
-    Italic = 3,
-    UppercaseBold = 4
-}
-type ComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {
-    color?: string;
-    className?: string;
-    textStyle?: ComponentTextStyle;
-    children?: React.ReactNode;
-};
-declare const ComponentXLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
-declare const ComponentXL: React.FunctionComponent<ComponentProps>;
-declare const ComponentLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
-declare const ComponentL: React.FunctionComponent<ComponentProps>;
-declare const ComponentMStyling: (textStyle: ComponentTextStyle, color: string | undefined | null) => import("styled-components").RuleSet<object>;
-declare const ComponentM: React.FunctionComponent<ComponentProps>;
-declare const ComponentSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
-declare const ComponentS: React.FunctionComponent<ComponentProps>;
-declare const ComponentXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
-declare const ComponentXS: React.FunctionComponent<ComponentProps>;
-declare const ComponentXXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
-declare const ComponentXXS: React.FunctionComponent<ComponentProps>;
-declare const ComponentResponsive: React.FunctionComponent<ComponentProps & {
-    size?: Size;
-    width: number;
-}>;
-export declare const Typography: import("styled-components").RuleSet<object>;
-export declare const QuoteTypography: import("styled-components").RuleSet<object>;
-export declare const NoteTypography: import("styled-components").RuleSet<object>;
-export declare const UpperCaseTypography: import("styled-components").RuleSet<object>;
-export declare const Note: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const Quote: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const UpperCase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
-export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };
+import React from 'react';
+import { Property } from 'csstype';
+import { Size } from '../types';
+export declare const TypographyBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $color?: string;
+    $lineHeight: number;
+    $fontSize: number;
+    $fontWeight: number;
+    $fontStyle?: string;
+    $textTransform?: Property.TextTransform;
+    $textDecorationLine?: Property.TextDecorationLine;
+}>> & string;
+declare enum ComponentTextStyle {
+    Regular = 1,
+    Bold = 2,
+    Italic = 3,
+    UppercaseBold = 4
+}
+type ComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {
+    color?: string;
+    className?: string;
+    textStyle?: ComponentTextStyle;
+    children?: React.ReactNode;
+};
+declare const ComponentXLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentXL: React.FunctionComponent<ComponentProps>;
+declare const ComponentLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentL: React.FunctionComponent<ComponentProps>;
+declare const ComponentMStyling: (textStyle: ComponentTextStyle, color: string | undefined | null) => import("styled-components").RuleSet<object>;
+declare const ComponentM: React.FunctionComponent<ComponentProps>;
+declare const ComponentSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentS: React.FunctionComponent<ComponentProps>;
+declare const ComponentXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentXS: React.FunctionComponent<ComponentProps>;
+declare const ComponentXXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentXXS: React.FunctionComponent<ComponentProps>;
+declare const ComponentResponsive: React.FunctionComponent<ComponentProps & {
+    size?: Size;
+    width: number;
+}>;
+export declare const Typography: import("styled-components").RuleSet<object>;
+export declare const QuoteTypography: import("styled-components").RuleSet<object>;
+export declare const NoteTypography: import("styled-components").RuleSet<object>;
+export declare const UpperCaseTypography: import("styled-components").RuleSet<object>;
+export declare const Note: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const Quote: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const UpperCase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
+export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };