@websolutespa/bom-mixer-ui 0.4.2 → 0.4.3

package/dist/esm/components/text/text.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { withSchema, getClassNames } from '@websolutespa/bom-core';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { eachMedia, getCssResponsive } from '../utils.js';
+import { getFontVariantResponsive, getCssResponsive } from '../utils.js';
 import { CssDefault, CssButtonNavInverted } from '../button/button.variants.js';
 
 const CssH = css`
@@ -37,25 +37,17 @@ const CssUl = css`
   }
 `;
 const StyledText = styled.div`
-  ${props => {
-  const variant = props.variant;
-  const font = variant && props.theme.font[variant];
-  // console.log(props.children, variant, size);
-  return css`
-      ${font ? css`
-        font-family: var(--font-${variant}-family, var(--base-font-family));
-        // font-size: var(--font-${variant}-size, 1rem);
-        ${font.size && typeof font.size === 'object' ? eachMedia(props, key => `font-size: var(--font-${variant}-size-${key});`) : `font-size: var(--font-${variant}-size, 1rem)`};
-        font-weight: var(--font-${variant}-font-weight, inherit);
-        line-height: var(--font-${variant}-line-height, 1);
-      ` : ''}
-      ${props.gradient ? css`
-        background: -webkit-linear-gradient(0deg, var(--color-secondary-500), var(--color-primary-500));
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-      ` : ''}
-    `;
-}}
+  ${props => getFontVariantResponsive(props, (variant, font) => css`
+    ${font.family ? css`font-family: var(--font-${variant}-family, var(--base-font-family));` : ''}
+    ${font.size ? css`font-size: var(--font-${variant}-size, 1rem);` : ''}
+    ${font.lineHeight ? css`line-height: var(--font-${variant}-line-height, 1);` : ''}
+    ${font.fontWeight ? css`font-weight: var(--font-${variant}-font-weight, inherit);` : ''}
+  `)};
+  ${props => props.gradient ? css`
+    background: -webkit-linear-gradient(0deg, var(--color-secondary-500), var(--color-primary-500));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  ` : ''}
   ${CssH}
   ${CssA}
   ${CssP}

package/dist/esm/components/text/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../src/components/text/text.tsx"],"sourcesContent":[null],"names":["CssH","css","CssA","CssDefault","CssButtonNavInverted","CssP","CssUl","StyledText","styled","div","props","variant","font","theme","size","eachMedia","key","gradient","getCssResponsive","TextBase","forwardRef","_a","ref","children","className","as","__rest","classNames","getClassNames","_jsx","Object","assign","displayName","TextSROnly","Text","withSchema","SROnly"],"mappings":";;;;;;;;AAQA,MAAMA,IAAI,GAAGC,GAAG,CAAA;;;;;;;;CAQf,CAAA;AAED,MAAMC,IAAI,GAAGD,GAAG,CAAA;;MAEVE,UAAU,CAAA;MACVC,oBAAoB,CAAA;;CAEzB,CAAA;AAED,MAAMC,IAAI,GAAGJ,GAAG,CAAA;;;;CAIf,CAAA;AAED,MAAMK,KAAK,GAAGL,GAAG,CAAA;;;;;;;;;CAShB,CAAA;AAWD,MAAMM,UAAU,GAAGC,MAAM,CAACC,GAAc,CAAA;AACpC,EAAA,EAAAC,KAAK,IAAG;AACR,EAAA,MAAMC,OAAO,GAAGD,KAAK,CAACC,OAAO,CAAA;EAC7B,MAAMC,IAAI,GAAGD,OAAO,IAAID,KAAK,CAACG,KAAK,CAACD,IAAI,CAACD,OAAO,CAAC,CAAA;AACjD;AACA,EAAA,OAAOV,GAAG,CAAA;AACN,MAAAW,EAAAA,IAAI,GAAGX,GAAG,CAAA;kCACgBU,OAAO,CAAA;mCACNA,OAAO,CAAA;AAChC,QAAAC,EAAAA,IAAI,CAACE,IAAI,IAAI,OAAOF,IAAI,CAACE,IAAI,KAAK,QAAQ,GAAGC,SAAS,CAACL,KAAK,EAAGM,GAAW,IAAK,CAAA,sBAAA,EAAyBL,OAAgB,CAAA,MAAA,EAAAK,GAAO,CAAA,EAAA,CAAA,CAAC,GAAG,CAAyBL,sBAAAA,EAAAA,OAAqB,CAAA,YAAA,CAAA,CAAA;kCACzJA,OAAO,CAAA;kCACPA,OAAO,CAAA;OAClC,GAAE,EAAE,CAAA;AACH,MAAA,EAAAD,KAAK,CAACO,QAAQ,GAAGhB,GAAG,CAAA;;;;OAIrB,GAAG,EAAE,CAAA;IACP,CAAA,CAAA;AACH,CAAC,CAAA;IACCD,IAAI,CAAA;IACJE,IAAI,CAAA;IACJG,IAAI,CAAA;IACJC,KAAK,CAAA;AACL,EAAA,EAAAI,KAAK,IAAIQ,gBAAgB,CAACR,KAAK,CAAC,CAAA;CACnC,CAAA;AAEM,MAAMS,QAAQ,gBAAkBC,UAAU,CAAC,CAACC,EAA6C,EAAEC,GAAG,KAAI;EAAtD,IAAA;MAAEC,QAAQ;MAAEC,SAAS;AAAEC,MAAAA,EAAE,GAAG,KAAA;AAAK,KAAA,GAAAJ,EAAY;AAAPX,IAAAA,KAAK,GAA3CgB,MAAA,CAAAL,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,IAAA,CAA6C,CAAF,CAAA;EAC5F,MAAMM,UAAU,GAAGC,aAAa,CAAC,MAAM,EAAEJ,SAAS,EAAEd,KAAK,CAACC,OAAO,CAAC,CAAA;AAClE,EAAA,OAAQkB,IAACtB,UAAU,EAAAuB,MAAA,CAAAC,MAAA,CAAA;AAACP,IAAAA,SAAS,EAAEG,UAAU;AAAEL,IAAAA,GAAG,EAAEA,GAAG;AAAEG,IAAAA,EAAE,EAAEA,EAAAA;GAAE,EAAMf,KAAK,EAAG;AAAAa,IAAAA,QAAA,EAAAA,QAAAA;AAAsB,GAAA,CAAA,CAAA,CAAA;AACjG,CAAC,EAAC;AAEFJ,QAAQ,CAACa,WAAW,GAAG,MAAM,CAAA;AAE7B,MAAMC,UAAU,GAAGzB,MAAM,CAACC,GAAc,CAAA;;;;;;;;;;CAUvC,CAAA;MAEYyB,IAAI,GAAGC,UAAU,CAAChB,QAAQ,EAAE;AACvCiB,EAAAA,MAAM,EAAEH,UAAU;AAClBD,EAAAA,WAAW,EAAE,MAAA;AACd,CAAA;;;;"}
+{"version":3,"file":"text.js","sources":["../../../../src/components/text/text.tsx"],"sourcesContent":[null],"names":["CssH","css","CssA","CssDefault","CssButtonNavInverted","CssP","CssUl","StyledText","styled","div","props","getFontVariantResponsive","variant","font","family","size","lineHeight","fontWeight","gradient","getCssResponsive","TextBase","forwardRef","_a","ref","children","className","as","__rest","classNames","getClassNames","_jsx","Object","assign","displayName","TextSROnly","Text","withSchema","SROnly"],"mappings":";;;;;;;;AAQA,MAAMA,IAAI,GAAGC,GAAG,CAAA;;;;;;;;CAQf,CAAA;AAED,MAAMC,IAAI,GAAGD,GAAG,CAAA;;MAEVE,UAAU,CAAA;MACVC,oBAAoB,CAAA;;CAEzB,CAAA;AAED,MAAMC,IAAI,GAAGJ,GAAG,CAAA;;;;CAIf,CAAA;AAED,MAAMK,KAAK,GAAGL,GAAG,CAAA;;;;;;;;;CAShB,CAAA;AAUD,MAAMM,UAAU,GAAGC,MAAM,CAACC,GAAc,CAAA;AACpC,EAAAC,EAAAA,KAAK,IAAIC,wBAAwB,CAACD,KAAK,EAAE,CAACE,OAAO,EAAEC,IAAI,KAAKZ,GAAG,CAAA;AAC7D,IAAAY,EAAAA,IAAI,CAACC,MAAM,GAAGb,GAAG,CAA2BW,wBAAAA,EAAAA,OAAO,CAAoC,kCAAA,CAAA,GAAG,EAAE,CAAA;AAC5F,IAAAC,EAAAA,IAAI,CAACE,IAAI,GAAGd,GAAG,CAAyBW,sBAAAA,EAAAA,OAAO,CAAe,aAAA,CAAA,GAAG,EAAE,CAAA;AACnE,IAAAC,EAAAA,IAAI,CAACG,UAAU,GAAGf,GAAG,CAA2BW,wBAAAA,EAAAA,OAAO,CAAmB,iBAAA,CAAA,GAAG,EAAE,CAAA;AAC/E,IAAAC,EAAAA,IAAI,CAACI,UAAU,GAAGhB,GAAG,CAA2BW,wBAAAA,EAAAA,OAAO,CAAyB,uBAAA,CAAA,GAAG,EAAE,CAAA;GACxF,CAAC,CAAA;IACAF,KAAK,IAAIA,KAAK,CAACQ,QAAQ,GAAGjB,GAAG,CAAA;;;;GAI9B,GAAG,EAAE,CAAA;IACJD,IAAI,CAAA;IACJE,IAAI,CAAA;IACJG,IAAI,CAAA;IACJC,KAAK,CAAA;AACL,EAAA,EAAAI,KAAK,IAAIS,gBAAgB,CAACT,KAAK,CAAC,CAAA;CACnC,CAAA;AAEM,MAAMU,QAAQ,gBAAkBC,UAAU,CAAC,CAACC,EAA6C,EAAEC,GAAG,KAAI;EAAtD,IAAA;MAAEC,QAAQ;MAAEC,SAAS;AAAEC,MAAAA,EAAE,GAAG,KAAA;AAAK,KAAA,GAAAJ,EAAY;AAAPZ,IAAAA,KAAK,GAA3CiB,MAAA,CAAAL,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,IAAA,CAA6C,CAAF,CAAA;EAC5F,MAAMM,UAAU,GAAGC,aAAa,CAAC,MAAM,EAAEJ,SAAS,EAAEf,KAAK,CAACE,OAAO,CAAC,CAAA;AAClE,EAAA,OAAQkB,IAACvB,UAAU,EAAAwB,MAAA,CAAAC,MAAA,CAAA;AAACP,IAAAA,SAAS,EAAEG,UAAU;AAAEL,IAAAA,GAAG,EAAEA,GAAG;AAAEG,IAAAA,EAAE,EAAEA,EAAAA;GAAE,EAAMhB,KAAK,EAAG;AAAAc,IAAAA,QAAA,EAAAA,QAAAA;AAAsB,GAAA,CAAA,CAAA,CAAA;AACjG,CAAC,EAAC;AAEFJ,QAAQ,CAACa,WAAW,GAAG,MAAM,CAAA;AAE7B,MAAMC,UAAU,GAAG1B,MAAM,CAACC,GAAc,CAAA;;;;;;;;;;CAUvC,CAAA;MAEY0B,IAAI,GAAGC,UAAU,CAAChB,QAAQ,EAAE;AACvCiB,EAAAA,MAAM,EAAEH,UAAU;AAClBD,EAAAA,WAAW,EAAE,MAAA;AACd,CAAA;;;;"}

package/dist/esm/components/utils.js

@@ -97,6 +97,34 @@ function getCssResponsive(props, defaultValue) {
   }
   return rules;
 }
+function getVariantResponsive(props, callback) {
+  const keys = ['variant', 'variantSm', 'variantMd', 'variantLg', 'variantXl'];
+  const theme = props.theme;
+  const mediaQuery = theme.mediaQuery;
+  return keys.map(key => {
+    const value = props[key];
+    if (value) {
+      const rule = callback(value, theme);
+      if (key !== 'variant') {
+        const size = key.replace('variant', '').toLowerCase();
+        // console.log('size', size, 'rule', rule);
+        return css`@media(min-width: ${mediaQuery[size]}) {
+            ${rule}
+          }`;
+      } else {
+        return rule;
+      }
+    } else {
+      return undefined;
+    }
+  }).filter(Boolean);
+}
+function getFontVariantResponsive(props, callback) {
+  return getVariantResponsive(props, (key, theme) => {
+    const font = theme.font[key];
+    return font ? callback(key, font) : '';
+  });
+}
 function getAspectResponsive(props, defaultValue) {
   if (defaultValue === void 0) {
     defaultValue = {};
@@ -217,5 +245,5 @@ function camelize(text) {
   return text.replace(/(^[a-z])|-([a-z0-9])/gi, ($0, $1, $2) => $2 ? $2.toUpperCase() : $1.toUpperCase());
 }
 
-export { ObjectKeys, camelize, eachMedia, getAspectResponsive, getChildsByType, getContainer, getCssResponsive, getGrid, getVariant, hasChildOfType, hypenize, isChildElement, mapChildsByType, mediaBetween, mediaDown, mediaMax, mediaMin, mediaOnly, mediaUp };
+export { ObjectKeys, camelize, eachMedia, getAspectResponsive, getChildsByType, getContainer, getCssResponsive, getFontVariantResponsive, getGrid, getVariant, getVariantResponsive, hasChildOfType, hypenize, isChildElement, mapChildsByType, mediaBetween, mediaDown, mediaMax, mediaMin, mediaOnly, mediaUp };
 //# sourceMappingURL=utils.js.map

package/dist/esm/components/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/utils.ts"],"sourcesContent":[null],"names":["ObjectKeys","Object","keys","eachMedia","props","callback","theme","mediaQuery","map","key","value","rule","join","mediaMin","mediaMax","index","indexOf","nextKey","length","undefined","parseInt","String","mediaUp","min","mediaDown","max","mediaBetween","minKey","maxKey","mediaOnly","getContainer","variant","container","maxWidth","getCssResponsive","defaultValue","assign","rules","entries","replace","m","g1","g2","prop","CssMap","has","get","size","toLowerCase","getAspectResponsive","getGrid","css","columns","columnGap","rowGap","getVariant","variants","type","isChildElement","parent","child","node","parentNode","mapChildsByType","children","mapMethod","React","Children","isValidElement","cloneElement","getChildsByType","items","others","item","push","childs","hasChildOfType","foundChildren","otherChildren","hypenize","text","camelize","$0","$1","$2","toUpperCase"],"mappings":";;;;AAQaA,MAAAA,UAAU,GAAGC,MAAM,CAACC,KAAiD;AAElE,SAAAC,SAASA,CAACC,KAAiB,EAAEC,QAAwC,EAAA;AACnF,EAAA,MAAMC,KAAK,GAAGF,KAAK,CAACE,KAAK,CAAA;EACzB,IAAIA,KAAK,CAACC,UAAU,IAAI,OAAOF,QAAQ,KAAK,UAAU,EAAE;IACtD,OAAOL,UAAU,CAACM,KAAK,CAACC,UAAU,CAAC,CAACC,GAAG,CAACC,GAAG,IAAG;AAC5C,MAAA,MAAMC,KAAK,GAAGJ,KAAK,CAACC,UAAU,CAACE,GAAG,CAAC,CAAA;AACnC,MAAA,MAAME,IAAI,GAAGN,QAAQ,CAACI,GAAG,CAAC,CAAA;MAC1B,OAAOE,IAAI,GAAwB,CAAAD,kBAAAA,EAAAA,KAAY,OAAAC,IAAQ,CAAA,EAAA,CAAA,GAAG,EAAE,CAAA;AAC9D,KAAC,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,CAAA;AACd,GAAA,MAAM;AACL,IAAA,OAAO,EAAE,CAAA;AACV,GAAA;AACH,CAAA;AAEgB,SAAAC,QAAQA,CAACT,KAAiB,EAAEK,GAAwC,EAAA;AAClF,EAAA,OAAOL,KAAK,CAACE,KAAK,CAACC,UAAU,CAACE,GAAG,CAAC,CAAA;AACpC,CAAA;AAEgB,SAAAK,QAAQA,CAACV,KAAiB,EAAEK,GAAwC,EAAA;EAClF,MAAMP,IAAI,GAAGD,MAAM,CAACC,IAAI,CAACE,KAAK,CAACE,KAAK,CAACC,UAAU,CAAC,CAAA;AAChD,EAAA,MAAMQ,KAAK,GAAGb,IAAI,CAACc,OAAO,CAACP,GAAG,CAAC,CAAA;EAC/B,MAAMQ,OAAO,GAAGF,KAAK,KAAK,CAAC,CAAC,IAAIA,KAAK,GAAGb,IAAI,CAACgB,MAAM,GAAG,CAAC,GAAGhB,IAAI,CAACa,KAAK,GAAG,CAAC,CAAC,GAAGI,SAAS,CAAA;EACrF,OAAOF,OAAO,KAAKE,SAAS,GAAM,GAACC,QAAQ,CAACC,MAAM,CAACjB,KAAK,CAACE,KAAK,CAACC,UAAU,CAACU,OAAO,CAAC,CAAC,CAAC,GAAG,GAAQ,CAAA,EAAA,CAAA,GAAGE,SAAS,CAAA;AAC7G,CAAA;SAEgBG,OAAOA,CAAClB,KAAiB,EAAEK,GAAwC,EAAEE,IAAyC,EAAA;AAC5H,EAAA,MAAMY,GAAG,GAAGV,QAAQ,CAACT,KAAK,EAAEK,GAAG,CAAC,CAAA;EAChC,OAAOc,GAAG,wBAAwBA,GAAG,CAAA;EACrCZ,IAAI,CAAA;EACJ,GAAG,EAAE,CAAA;AACP,CAAA;SAEgBa,SAASA,CAACpB,KAAiB,EAAEK,GAAwC,EAAEE,IAAyC,EAAA;AAC9H,EAAA,MAAMc,GAAG,GAAGX,QAAQ,CAACV,KAAK,EAAEK,GAAG,CAAC,CAAA;EAChC,OAAOgB,GAAG,wBAAwBA,GAAG,CAAA;EACrCd,IAAI,CAAA;EACJ,GAAGA,IAAI,CAAA;AACT,CAAA;AAEM,SAAUe,YAAYA,CAACtB,KAAiB,EAAEuB,MAA2C,EAAEC,MAA2C,EAAEjB,IAAyC,EAAA;AACjL,EAAA,MAAMY,GAAG,GAAGV,QAAQ,CAACT,KAAK,EAAEuB,MAAM,CAAC,CAAA;AACnC,EAAA,MAAMF,GAAG,GAAGX,QAAQ,CAACV,KAAK,EAAEwB,MAAM,CAAC,CAAA;EACnC,IAAIL,GAAG,IAAIE,GAAG,EAAE;IACd,OAAO,CAAA,mBAAA,EAAsBF,GAAG,CAAA,kBAAA,EAAqBE,GAAG,CAAA;EAC1Dd,IAAI,CAAA;CACJ,CAAA,CAAA;AACC,GAAA,MAAM,IAAI,CAACc,GAAG,EAAE;AACf,IAAA,4BAA4BF,GAAG,CAAA;EACjCZ,IAAI,CAAA;CACJ,CAAA,CAAA;AACC,GAAA,MAAM;AACL,IAAA,4BAA4Bc,GAAG,CAAA;EACjCd,IAAI,CAAA;CACJ,CAAA,CAAA;AACC,GAAA;AACH,CAAA;SAEgBkB,SAASA,CAACzB,KAAiB,EAAEK,GAAwC,EAAEE,IAAyC,EAAA;EAC9H,OAAOe,YAAY,CAACtB,KAAK,EAAEK,GAAG,EAAEA,GAAG,EAAEE,IAAI,CAAC,CAAA;AAC5C,CAAA;AAEM,SAAUmB,YAAYA,CAAC1B,KAAsC,EAAA;AACjE,EAAA,MAAME,KAAK,GAAGF,KAAK,CAACE,KAAK,CAAA;AACzB,EAAA,MAAMyB,OAAO,GAA2B3B,KAAK,CAAC2B,OAAO,IAAI,SAAS,CAAA;AAClE,EAAA,MAAMC,SAAS,GAAG1B,KAAK,CAAC0B,SAAS,CAACD,OAAO,CAAC,CAAA;AAC1C,EAAA,IAAIC,SAAS,IAAIA,SAAS,CAACC,QAAQ,EAAE;AACnC,IAAA,OAAO9B,SAAS,CAACC,KAAK,EAAGK,GAAW,IAAmB,CAAA,WAAA,EAAAuB,SAAS,CAACC,QAAQ,CAACxB,GAAG,CAAC,EAAE,CAAC,CAAA;AAClF,GAAA,MAAM;AACL,IAAA,OAAO,EAAE,CAAA;AACV,GAAA;AACH,CAAA;SAEgByB,gBAAgBA,CAAC9B,KAAsC,EAAE+B,cAAqC;AAAA,EAAA,IAArCA;IAAAA,eAAmC,EAAE,CAAA;AAAA,GAAA;AAC5G/B,EAAAA,KAAK,GAAQH,MAAA,CAAAmC,MAAA,CAAAnC,MAAA,CAAAmC,MAAA,CAAA,EAAA,EAAAD,YAAY,CAAK,EAAA/B,KAAK,CAAE,CAAA;EACrC,IAAIiC,KAAK,GAAG,EAAE,CAAA;AACd,EAAA,KAAK,MAAM,CAAC5B,GAAG,EAAEC,KAAK,CAAC,IAAIT,MAAM,CAACqC,OAAO,CAAClC,KAAK,CAAC,EAAE;AAChD;AACA,IAAA,MAAMO,IAAI,GAAGF,GAAG,CAAC8B,OAAO,CAAC,sBAAsB,EAAE,UAAUC,CAAC,EAAEC,EAAE,EAAEC,EAAE,EAAA;MAClE,MAAMC,IAAI,GAAWF,EAAE,CAAA;AACvB,MAAA,IAAIG,MAAM,CAACC,GAAG,CAACF,IAAI,CAAC,EAAE;AACpB;QACA,MAAMhC,IAAI,GAAM,CAAA,EAAAiC,MAAM,CAACE,GAAG,CAACH,IAAI,CAAC,CAAKjC,EAAAA,EAAAA,KAAK,CAAG,CAAA,CAAA,CAAA;AAC7C,QAAA,IAAIgC,EAAE,EAAE;AACN,UAAA,MAAMK,IAAI,GAAwCL,EAAE,CAACM,WAAW,EAAE,CAAA;AAClE;UACA,OAAO,CAAA,kBAAA,EAAqB5C,KAAK,CAACE,KAAK,CAACC,UAAU,CAACwC,IAAI,CAAC,CAAA;gBAClDpC,IAAI,CAAA;aACN,CAAA,CAAA;AACL,SAAA,MAAM;AACL;AACA,UAAA,OAAOA,IAAI,CAAA;AACZ,SAAA;AACF,OAAA,MAAM;AACL,QAAA,OAAO,EAAE,CAAA;AACV,OAAA;AACH,KAAC,CAAC,CAAA;IACF0B,KAAK,IAAI1B,IAAI,GAAG,IAAI,CAAA;AACrB,GAAA;AACD,EAAA,OAAO0B,KAAK,CAAA;AACd,CAAA;SAEgBY,mBAAmBA,CAAC7C,KAAsC,EAAE+B,cAAqC;AAAA,EAAA,IAArCA;IAAAA,eAAmC,EAAE,CAAA;AAAA,GAAA;AAC/G/B,EAAAA,KAAK,GAAQH,MAAA,CAAAmC,MAAA,CAAAnC,MAAA,CAAAmC,MAAA,CAAA,EAAA,EAAAD,YAAY,CAAK,EAAA/B,KAAK,CAAE,CAAA;EACrC,IAAIiC,KAAK,GAAG,EAAE,CAAA;AACd,EAAA,KAAK,MAAM,CAAC5B,GAAG,EAAEC,KAAK,CAAC,IAAIT,MAAM,CAACqC,OAAO,CAAClC,KAAK,CAAC,EAAE;AAChD,IAAA,MAAMO,IAAI,GAAGF,GAAG,CAAC8B,OAAO,CAAC,sBAAsB,EAAE,UAAUC,CAAC,EAAEC,EAAE,EAAEC,EAAE,EAAA;MAClE,MAAMC,IAAI,GAAGF,EAAE,CAAA;MACf,IAAIE,IAAI,KAAK,aAAa,EAAE;AAC1B,QAAA,MAAMhC,IAAI,GAAG,CAAA;;;QAGZ,CAAA,CAAA;AACD,QAAA,IAAI+B,EAAE,EAAE;AACN,UAAA,MAAMK,IAAI,GAAwCL,EAAE,CAACM,WAAW,EAAE,CAAA;AAClE;UACA,OAAO,CAAA,kBAAA,EAAqB5C,KAAK,CAACE,KAAK,CAACC,UAAU,CAACwC,IAAI,CAAC,CAAA;gBAClDpC,IAAI,CAAA;aACN,CAAA,CAAA;AACL,SAAA,MAAM;AACL;AACA,UAAA,OAAOA,IAAI,CAAA;AACZ,SAAA;AACF,OAAA,MAAM;AACL,QAAA,OAAO,EAAE,CAAA;AACV,OAAA;AACH,KAAC,CAAC,CAAA;IACF0B,KAAK,IAAI1B,IAAI,GAAG,IAAI,CAAA;AACrB,GAAA;AACD,EAAA,OAAO0B,KAAK,CAAA;AACd,CAAA;SAEgBa,OAAOA,CAAC9C,KAAoC,EAAE+B,cAAmC;AAAA,EAAA,IAAnCA;IAAAA,eAAiC,EAAE,CAAA;AAAA,GAAA;AAC/F/B,EAAAA,KAAK,GAAQH,MAAA,CAAAmC,MAAA,CAAAnC,MAAA,CAAAmC,MAAA,CAAA,EAAA,EAAAD,YAAY,CAAK,EAAA/B,KAAK,CAAE,CAAA;AACrC,EAAA,MAAM2B,OAAO,GAAsB3B,KAAK,CAAC2B,OAAO,IAAI,SAAS,CAAA;AAC7D,EAAA,OAAOoB,GAAG,CAAA;MACL/C,KAAK,CAACgD,OAAO,GAAID,GAAG,CAAA;AACH,sBAAA/C,EAAAA,KAAK,CAACgD,OAAO,CAAA;KAChC,GAAED,GAAG,CAAA;mCACyBpB,OAAO,CAAA;AACrC,IAAA,CAAA,CAAA;MACE3B,KAAK,CAAC2C,IAAI,GAAII,GAAG,CAAA;AACH,mBAAA/C,EAAAA,KAAK,CAAC2C,IAAI,CAAA;KAC1B,GAAEI,GAAG,CAAA;gCACsBpB,OAAO,CAAA;AAClC,IAAA,CAAA,CAAA;MACE3B,KAAK,CAACiD,SAAS,GAAIF,GAAG,CAAA;AACF,yBAAA/C,EAAAA,KAAK,CAACiD,SAAS,CAAA;AACrC,IAAA,CAAA,GAAElD,SAAS,CAACC,KAAK,EAAGK,GAAW,IAAsC,CAAA,8BAAA,EAAAsB,OAAsB,CAAA,YAAA,EAAAtB,UAAU,CAAC,CAAA;MACpGL,KAAK,CAACkD,MAAM,GAAIH,GAAG,CAAA;AACF,sBAAA/C,EAAAA,KAAK,CAACkD,MAAM,CAAA;AAC/B,IAAA,CAAA,GAAEnD,SAAS,CAACC,KAAK,EAAGK,GAAW,IAAmC,CAAA,2BAAA,EAAAsB,OAAmB,CAAA,SAAA,EAAAtB,UAAU,CAAC,CAAA;;;;;EAKlG,CAAA,CAAA;AACH,CAAA;AAEgB,SAAA8C,UAAUA,CAAmBC,QAAyD,EAAEC,IAAQ,EAAA;AAC9G,EAAA,OAAQA,IAAI,IAAID,QAAQ,IAAIA,QAAQ,CAACC,IAAI,CAAC,GAAKD,QAAQ,CAACC,IAAI,CAAC,IAAI,EAAE,GAAI,EAAE,CAAA;AAC3E,CAAA;AAEgB,SAAAC,cAAcA,CAACC,MAAkC,EAAEC,KAAiC,EAAA;AAClG,EAAA,IAAI,CAACD,MAAM,IAAI,CAACC,KAAK,EAAE;AACrB,IAAA,OAAO,KAAK,CAAA;AACb,GAAA;EACD,IAAIC,IAAI,GAA+BD,KAAK,CAAA;AAC5C,EAAA,OAAOC,IAAI,EAAE;IACX,IAAIA,IAAI,KAAKF,MAAM,EAAE;AACnB,MAAA,OAAO,IAAI,CAAA;AACZ,KAAA;IACDE,IAAI,GAAGA,IAAI,CAACC,UAAU,CAAA;AACvB,GAAA;AACD,EAAA,OAAO,KAAK,CAAA;AACd,CAAA;SAEgBC,eAAeA,CAC7BC,QAA+B,EAC/BP,IAAuB,EACvBQ,SAA0C,EAAA;EAE1C,OAAOC,KAAK,CAACC,QAAQ,CAAC3D,GAAG,CAACwD,QAAQ,EAAGJ,KAAK,IAAI;AAC5C,IAAA,IAAI,eAACM,KAAK,CAACE,cAAc,CAACR,KAAK,CAAC,EAAE;AAChC,MAAA,OAAOA,KAAK,CAAA;AACb,KAAA;AACD,IAAA,IAAIA,KAAK,CAACH,IAAI,KAAKA,IAAI,EAAE;MACvB,OAAOQ,SAAS,CAACL,KAAK,CAAC,CAAA;AACxB,KAAA,MAAM,IAAIA,KAAK,CAACxD,KAAK,CAAC4D,QAAQ,EAAE;MAC/BJ,KAAK,gBAAGM,KAAK,CAACG,YAAY,CAACT,KAAK,EAAA3D,MAAA,CAAAmC,MAAA,CAAAnC,MAAA,CAAAmC,MAAA,CAAA,EAAA,EAC3BwB,KAAK,CAACxD,KAAK,CAAA,EAAA;QACd4D,QAAQ,EAAED,eAAe,CAACH,KAAK,CAACxD,KAAK,CAAC4D,QAAQ,EAAEP,IAAI,EAAEQ,SAAS,CAAA;AAAC,OAAA,CAAA,CAChE,CAAA;AACH,KAAA;AACD,IAAA,OAAOL,KAAK,CAAA;AACd,GAAC,CAAC,CAAA;AACJ,CAAA;AAEgB,SAAAU,eAAeA,CAACN,QAA+B,EAAEP,IAAuB,EAAA;EACtF,MAAMc,KAAK,GAAgB,EAAE,CAAA;EAC7B,MAAMC,MAAM,GAAGN,KAAK,CAACC,QAAQ,CAAC3D,GAAG,CAACwD,QAAQ,EAAGS,IAAI,IAAI;AACnD,IAAA,IAAI,eAACP,KAAK,CAACE,cAAc,CAACK,IAAI,CAAC,EAAE;AAC/B,MAAA,OAAOA,IAAI,CAAA;AACZ,KAAA;AACD,IAAA,IAAIA,IAAI,CAAChB,IAAI,KAAKA,IAAI,EAAE;AACtBc,MAAAA,KAAK,CAACG,IAAI,CAACD,IAAI,CAAC,CAAA;AAChB,MAAA,OAAO,IAAI,CAAA;AACZ,KAAA;AACD,IAAA,OAAOA,IAAI,CAAA;AACb,GAAC,CAAC,CAAA;AACF;EACA,MAAME,MAAM,GAAGJ,KAAK,CAACrD,MAAM,GAAG,CAAC,GAAGqD,KAAK,GAAGpD,SAAS,CAAA;AACnD,EAAA,OAAO,CAACwD,MAAM,EAAEH,MAAM,CAAC,CAAA;AACzB,CAAA;AAEgB,SAAAI,cAAcA,CAACZ,QAA+B,EAAEP,IAAuB,EAAA;EACrF,MAAM,CAACoB,aAAa,EAAEC,aAAa,CAAC,GAAGR,eAAe,CAACN,QAAQ,EAAEP,IAAI,CAAC,CAAA;AACtE,EAAA,MAAMmB,cAAc,GAAGC,aAAa,KAAK1D,SAAS,CAAA;AAClD,EAAA,OAAOyD,cAAc,CAAA;AACvB,CAAA;AAEM,SAAUG,QAAQA,CAACC,IAAY,EAAA;AACnC,EAAA,OAAOA,IAAI,CAACzC,OAAO,CAAC,oCAAoC,EAAEC,CAAC,IAAI,GAAG,GAAGA,CAAC,CAACQ,WAAW,EAAE,CAAC,CAAA;AACvF,CAAA;AAEM,SAAUiC,QAAQA,CAACD,IAAY,EAAA;EACnC,OAAOA,IAAI,CAACzC,OAAO,CAAC,wBAAwB,EAAE,CAAC2C,EAAE,EAAEC,EAAE,EAAEC,EAAE,KAAKA,EAAE,GAAGA,EAAE,CAACC,WAAW,EAAE,GAAGF,EAAE,CAACE,WAAW,EAAE,CAAC,CAAA;AACzG;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/utils.ts"],"sourcesContent":[null],"names":["ObjectKeys","Object","keys","eachMedia","props","callback","theme","mediaQuery","map","key","value","rule","join","mediaMin","mediaMax","index","indexOf","nextKey","length","undefined","parseInt","String","mediaUp","min","mediaDown","max","mediaBetween","minKey","maxKey","mediaOnly","getContainer","variant","container","maxWidth","getCssResponsive","defaultValue","assign","rules","entries","replace","m","g1","g2","prop","CssMap","has","get","size","toLowerCase","getVariantResponsive","css","filter","Boolean","getFontVariantResponsive","font","getAspectResponsive","getGrid","columns","columnGap","rowGap","getVariant","variants","type","isChildElement","parent","child","node","parentNode","mapChildsByType","children","mapMethod","React","Children","isValidElement","cloneElement","getChildsByType","items","others","item","push","childs","hasChildOfType","foundChildren","otherChildren","hypenize","text","camelize","$0","$1","$2","toUpperCase"],"mappings":"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"}

package/dist/esm/index.js

@@ -45,7 +45,7 @@ export { Tabs } from './components/tabs/tabs.js';
 export { Text, TextBase } from './components/text/text.js';
 export { Tooltip } from './components/tooltip/tooltip.js';
 export { Transition } from './components/transition/transition.js';
-export { ObjectKeys, camelize, eachMedia, getAspectResponsive, getChildsByType, getContainer, getCssResponsive, getGrid, getVariant, hasChildOfType, hypenize, isChildElement, mapChildsByType, mediaBetween, mediaDown, mediaMax, mediaMin, mediaOnly, mediaUp } from './components/utils.js';
+export { ObjectKeys, camelize, eachMedia, getAspectResponsive, getChildsByType, getContainer, getCssResponsive, getFontVariantResponsive, getGrid, getVariant, getVariantResponsive, hasChildOfType, hypenize, isChildElement, mapChildsByType, mediaBetween, mediaDown, mediaMax, mediaMin, mediaOnly, mediaUp } from './components/utils.js';
 export { FieldAccept } from './fields/field-accept.js';
 export { FieldAutocomplete } from './fields/field-autocomplete.js';
 export { FieldCard } from './fields/field-card.js';

package/dist/types/components/text/text.d.ts

@@ -1,15 +1,16 @@
 /// <reference types="react" />
-import { UIComponentWithRef, UIStyledComponentProps } from '../../components/types';
+import { IResponsiveVariant, UIComponentWithRef, UIStyledComponentProps } from '../../components/types';
 import { IThemeFontVariant } from '../../theme';
-export type ITextProps = {
-    variant?: IThemeFontVariant;
+export type ITextProps = IResponsiveVariant<IThemeFontVariant> & {
     gradient?: boolean;
 };
 export type TextProps = UIStyledComponentProps<ITextProps>;
 export type TextComponent<C extends React.ElementType = 'div'> = UIComponentWithRef<C, ITextProps>;
 export declare const TextBase: TextComponent;
 export declare const Text: (<C extends import("react").ElementType<any> = "div">(props: import("../../components/types").UIComponentPropsWithRef<C, UIStyledComponentProps<ITextProps, C, import("../../components/types").UIStyledProps<ITextProps>>>) => import("react").ReactElement<C, string | import("react").JSXElementConstructor<any>> | null) & import("../../components/types").UIDevProps & {
-    SROnly: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITextProps & import("../css").PropertyOfProps<import("../css").CssProps> & import("../css").PropertyOfPropsSm<import("../css").CssProps> & import("../css").PropertyOfPropsMd<import("../css").CssProps> & import("../css").PropertyOfPropsLg<import("../css").CssProps> & import("../css").PropertyOfPropsXl<import("../css").CssProps> & import("../../components/types").NativeAttrs<"div", import("../../components/types").UIStyledProps<ITextProps>>, never>;
+    SROnly: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IResponsiveVariant<IThemeFontVariant> & {
+        gradient?: boolean | undefined;
+    } & import("../css").PropertyOfProps<import("../css").CssProps> & import("../css").PropertyOfPropsSm<import("../css").CssProps> & import("../css").PropertyOfPropsMd<import("../css").CssProps> & import("../css").PropertyOfPropsLg<import("../css").CssProps> & import("../css").PropertyOfPropsXl<import("../css").CssProps> & import("../../components/types").NativeAttrs<"div", import("../../components/types").UIStyledProps<ITextProps>>, never>;
     displayName: string;
 };
 //# sourceMappingURL=text.d.ts.map

package/dist/types/components/text/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAqChD,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,kBAAkB,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;AA6BnG,eAAO,MAAM,QAAQ,EAAE,aAGrB,CAAC;AAgBH,eAAO,MAAM,IAAI;;;CAGf,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAExG,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAqChD,MAAM,MAAM,UAAU,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,kBAAkB,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;AAqBnG,eAAO,MAAM,QAAQ,EAAE,aAGrB,CAAC;AAgBH,eAAO,MAAM,IAAI;;;;;CAGf,CAAC"}

package/dist/types/components/types.d.ts

@@ -25,6 +25,13 @@ export type IArray = Array<IObject | string>;
 export type IObject = {
     [key: string]: IObject | IArray | string;
 };
+export type IResponsiveVariant<T extends (string & {}) = (string & {})> = {
+    variant?: T;
+    variantSm?: T;
+    variantMd?: T;
+    variantLg?: T;
+    variantXl?: T;
+};
 export type ThemeProps = {
     theme: ITheme;
     className?: string;

package/dist/types/components/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/types.ts"],"names":[],"mappings":"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"}

package/dist/types/components/utils.d.ts

@@ -1,9 +1,10 @@
 import React, { CSSProperties, ReactNode } from 'react';
 import { FlattenInterpolation, FlattenSimpleInterpolation } from 'styled-components';
+import { ITheme, IThemeFont, IThemeFontVariant } from '../theme';
 import { ContainerBaseProps } from './container/container';
 import { CssResponsiveProps } from './css';
 import { GridRowBaseProps } from './grid/grid-row';
-import { ThemeProps } from './types';
+import { IResponsiveVariant, ThemeProps } from './types';
 export declare const ObjectKeys: <T>(o: T) => Extract<keyof T, string>[];
 export declare function eachMedia(props: ThemeProps, callback: (key: string) => string | void): string;
 export declare function mediaMin(props: ThemeProps, key: keyof typeof props.theme.mediaQuery): CSSProperties['width'] | undefined;
@@ -14,6 +15,8 @@ export declare function mediaBetween(props: ThemeProps, minKey: keyof typeof pro
 export declare function mediaOnly(props: ThemeProps, key: keyof typeof props.theme.mediaQuery, rule: FlattenSimpleInterpolation | string): FlattenSimpleInterpolation | string;
 export declare function getContainer(props: ContainerBaseProps & ThemeProps): string;
 export declare function getCssResponsive(props: CssResponsiveProps & ThemeProps, defaultValue?: CssResponsiveProps): string;
+export declare function getVariantResponsive<T extends (string & {}) = (string & {})>(props: IResponsiveVariant<T> & ThemeProps, callback: (key: T, theme: ITheme) => FlattenSimpleInterpolation | string): (string | FlattenSimpleInterpolation | undefined)[];
+export declare function getFontVariantResponsive(props: IResponsiveVariant<IThemeFontVariant> & ThemeProps, callback: (key: IThemeFontVariant, font: IThemeFont) => FlattenSimpleInterpolation | string): (string | FlattenSimpleInterpolation | undefined)[];
 export declare function getAspectResponsive(props: CssResponsiveProps & ThemeProps, defaultValue?: CssResponsiveProps): string;
 export declare function getGrid(props: GridRowBaseProps & ThemeProps, defaultValue?: GridRowBaseProps): FlattenSimpleInterpolation;
 export declare function getVariant<T extends string>(variants?: {

package/dist/types/components/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/utils.ts"],"names":[],"mappings":"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"}

package/dist/types/theme/types.d.ts

@@ -4,10 +4,13 @@ export type IThemeDisplay = IVariant<'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
 export type IThemeResponsive<T> = Record<IThemeDisplay, T>;
 export type IThemeFont = {
     family?: CSSProperties['fontFamily'];
-    size?: CSSProperties['fontSize'] | IThemeResponsive<CSSProperties['fontSize']>;
+    size?: CSSProperties['fontSize'];
     weight?: CSSProperties['fontWeight'];
     lineHeight?: CSSProperties['lineHeight'];
 } & CSSProperties;
+export type IThemeFontBase = Omit<IThemeFont, 'size'> & {
+    size?: CSSProperties['fontSize'] | IThemeResponsive<CSSProperties['fontSize']>;
+};
 type D1 = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
 type D2 = '0';
 export type IThemeFontSize = `${D1}${D2}`;
@@ -32,7 +35,7 @@ export type IThemeColor = Record<IThemeColorKey, CSSProperties['color']>;
 export type IThemeColorVariant = IVariant<'neutral'>;
 export type IThemeColors = Record<IThemeColorVariant, IThemeColor>;
 export type ITheme = Record<string, any> & {
-    fontBase: IThemeFont;
+    fontBase: IThemeFontBase;
     font: IThemeFonts;
     grid: IThemeGrids;
     mediaQuery: IThemeResponsive<CSSProperties['width']>;

package/dist/types/theme/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websolutespa/bom-mixer-ui",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "Mixer UI module of the BOM Repository",
   "keywords": [
     "bom",

package/src/components/text/text.tsx

@@ -1,8 +1,8 @@
 import { getClassNames, withSchema } from '@websolutespa/bom-core';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { UIComponentWithRef, UIStyledComponentProps } from '../../components/types';
-import { eachMedia, getCssResponsive } from '../../components/utils';
+import { IResponsiveVariant, UIComponentWithRef, UIStyledComponentProps } from '../../components/types';
+import { getCssResponsive, getFontVariantResponsive } from '../../components/utils';
 import { IThemeFontVariant } from '../../theme';
 import { CssButtonNavInverted, CssDefault } from '../button/button.variants';
 
@@ -40,8 +40,7 @@ const CssUl = css`
   }
 `;
 
-export type ITextProps = {
-  variant?: IThemeFontVariant;
+export type ITextProps = IResponsiveVariant<IThemeFontVariant> & {
   gradient?: boolean;
 };
 
@@ -50,25 +49,17 @@ export type TextProps = UIStyledComponentProps<ITextProps>;
 export type TextComponent<C extends React.ElementType = 'div'> = UIComponentWithRef<C, ITextProps>;
 
 const StyledText = styled.div<TextProps>`
-  ${props => {
-    const variant = props.variant;
-    const font = variant && props.theme.font[variant];
-    // console.log(props.children, variant, size);
-    return css`
-      ${font ? css`
-        font-family: var(--font-${variant}-family, var(--base-font-family));
-        // font-size: var(--font-${variant}-size, 1rem);
-        ${font.size && typeof font.size === 'object' ? eachMedia(props, (key: string) => `font-size: var(--font-${variant}-size-${key});`) : `font-size: var(--font-${variant}-size, 1rem)`};
-        font-weight: var(--font-${variant}-font-weight, inherit);
-        line-height: var(--font-${variant}-line-height, 1);
-      `: ''}
-      ${props.gradient ? css`
-        background: -webkit-linear-gradient(0deg, var(--color-secondary-500), var(--color-primary-500));
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-      ` : ''}
-    `;
-  }}
+  ${props => getFontVariantResponsive(props, (variant, font) => css`
+    ${font.family ? css`font-family: var(--font-${variant}-family, var(--base-font-family));` : ''}
+    ${font.size ? css`font-size: var(--font-${variant}-size, 1rem);` : ''}
+    ${font.lineHeight ? css`line-height: var(--font-${variant}-line-height, 1);` : ''}
+    ${font.fontWeight ? css`font-weight: var(--font-${variant}-font-weight, inherit);` : ''}
+  `)};
+  ${props => props.gradient ? css`
+    background: -webkit-linear-gradient(0deg, var(--color-secondary-500), var(--color-primary-500));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  ` : ''}
   ${CssH}
   ${CssA}
   ${CssP}

package/src/components/types.ts

@@ -27,6 +27,14 @@ export type IObject = {
   [key: string]: IObject | IArray | string;
 };
 
+export type IResponsiveVariant<T extends (string & {}) = (string & {})> = {
+  variant?: T;
+  variantSm?: T;
+  variantMd?: T;
+  variantLg?: T;
+  variantXl?: T;
+};
+
 export type ThemeProps = {
   theme: ITheme;
   className?: string;

package/src/components/utils.ts

@@ -1,10 +1,10 @@
 import React, { CSSProperties, ReactNode } from 'react';
 import { FlattenInterpolation, FlattenSimpleInterpolation, css } from 'styled-components';
-import { IThemeContainerVariant, IThemeGridVariant } from '../theme';
+import { ITheme, IThemeContainerVariant, IThemeFont, IThemeFontVariant, IThemeGridVariant } from '../theme';
 import { ContainerBaseProps } from './container/container';
 import { CssMap, CssResponsiveProps } from './css';
 import { GridRowBaseProps } from './grid/grid-row';
-import { ThemeProps } from './types';
+import { IResponsiveVariant, ThemeProps } from './types';
 
 export const ObjectKeys = Object.keys as <T>(o: T) => (Extract<keyof T, string>)[];
 
@@ -108,6 +108,36 @@ export function getCssResponsive(props: CssResponsiveProps & ThemeProps, default
   return rules;
 }
 
+export function getVariantResponsive<T extends (string & {}) = (string & {})>(props: IResponsiveVariant<T> & ThemeProps, callback: (key: T, theme: ITheme) => FlattenSimpleInterpolation | string) {
+  const keys: (keyof IResponsiveVariant)[] = ['variant', 'variantSm', 'variantMd', 'variantLg', 'variantXl'];
+  const theme = props.theme;
+  const mediaQuery = theme.mediaQuery;
+  return keys.map(key => {
+    const value = props[key];
+    if (value) {
+      const rule = callback(value, theme);
+      if (key !== 'variant') {
+        const size: keyof typeof mediaQuery = key.replace('variant', '').toLowerCase();
+        // console.log('size', size, 'rule', rule);
+        return css`@media(min-width: ${mediaQuery[size]}) {
+            ${rule}
+          }`;
+      } else {
+        return rule;
+      }
+    } else {
+      return undefined;
+    }
+  }).filter(Boolean);
+}
+
+export function getFontVariantResponsive(props: IResponsiveVariant<IThemeFontVariant> & ThemeProps, callback: (key: IThemeFontVariant, font: IThemeFont) => FlattenSimpleInterpolation | string) {
+  return getVariantResponsive<IThemeFontVariant>(props, (key, theme) => {
+    const font = theme.font[key];
+    return font ? callback(key, font) : '';
+  });
+}
+
 export function getAspectResponsive(props: CssResponsiveProps & ThemeProps, defaultValue: CssResponsiveProps = {}) {
   props = { ...defaultValue, ...props };
   let rules = '';

package/src/theme/types.ts

@@ -8,11 +8,15 @@ export type IThemeResponsive<T> = Record<IThemeDisplay, T>;
 
 export type IThemeFont = {
   family?: CSSProperties['fontFamily'];
-  size?: CSSProperties['fontSize'] | IThemeResponsive<CSSProperties['fontSize']>;
+  size?: CSSProperties['fontSize'];
   weight?: CSSProperties['fontWeight'];
   lineHeight?: CSSProperties['lineHeight'];
 } & CSSProperties;
 
+export type IThemeFontBase = Omit<IThemeFont, 'size'> & {
+  size?: CSSProperties['fontSize'] | IThemeResponsive<CSSProperties['fontSize']>;
+};
+
 type D1 = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
 type D2 = '0';
 // type D3 = '1';
@@ -53,7 +57,7 @@ export type IThemeColorVariant = IVariant<'neutral'>; // | 'primary' | 'success'
 export type IThemeColors = Record<IThemeColorVariant, IThemeColor>;
 
 export type ITheme = Record<string, any> & {
-  fontBase: IThemeFont,
+  fontBase: IThemeFontBase,
   font: IThemeFonts,
   grid: IThemeGrids,
   mediaQuery: IThemeResponsive<CSSProperties['width']>;