@react-native-ohos/native-base 3.4.29-rc.1 → 3.4.29-rc.3

package/lib/module/theme/v33x-theme/base/typography.js

@@ -19,7 +19,8 @@ const typography = {
     '4xl': '3em',
     '5xl': '4em'
   },
-  fontConfig: {//   Roboto: {
+  fontConfig: {
+    //   Roboto: {
     //     100: {
     //       normal: 'Roboto-Light',
     //       italic: 'Roboto-LightItalic',
@@ -130,5 +131,8 @@ const typography = {
     '9xl': 128
   }
 };
+
+// export type IFont = typeof typography.fonts;
+
 export default typography;
 //# sourceMappingURL=typography.js.map

package/lib/module/theme/v33x-theme/base/typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["typography.ts"],"names":["typography","letterSpacings","lineHeights","fontConfig","fontWeights","hairline","thin","light","normal","medium","semibold","bold","extrabold","black","extraBlack","fonts","heading","undefined","body","mono","fontSizes"],"mappings":"AAAA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,cAAc,EAAE;AACd,UAAM,SADQ;AAEd,UAAM,UAFQ;AAGd,UAAM,CAHQ;AAId,UAAM,SAJQ;AAKd,UAAM,QALQ;AAMd,WAAO;AANO,GADC;AASjBC,EAAAA,WAAW,EAAE;AACX,WAAO,KADI;AAEX,UAAM,SAFK;AAGX,UAAM,QAHK;AAIX,UAAM,SAJK;AAKX,UAAM,OALK;AAMX,UAAM,QANK;AAOX,WAAO,KAPI;AAQX,WAAO,OARI;AASX,WAAO,KATI;AAUX,WAAO;AAVI,GATI;AAqBjBC,EAAAA,UAAU,EAAE,CACV;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;AA5EU,GArBK;AAmGjBC,EAAAA,WAAW,EAAE;AACXC,IAAAA,QAAQ,EAAE,GADC;AAEXC,IAAAA,IAAI,EAAE,GAFK;AAGXC,IAAAA,KAAK,EAAE,GAHI;AAIXC,IAAAA,MAAM,EAAE,GAJG;AAKXC,IAAAA,MAAM,EAAE,GALG;AAMXC,IAAAA,QAAQ,EAAE,GANC;AAOXC,IAAAA,IAAI,EAAE,GAPK;AAQXC,IAAAA,SAAS,EAAE,GARA;AASXC,IAAAA,KAAK,EAAE,GATI;AAUXC,IAAAA,UAAU,EAAE;AAVD,GAnGI;AA+GjBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEC,SADJ;AAELC,IAAAA,IAAI,EAAED,SAFD;AAGLE,IAAAA,IAAI,EAAEF;AAHD,GA/GU;AAoHjBG,EAAAA,SAAS,EAAE;AACT,WAAO,EADE;AAET,UAAM,EAFG;AAGT,UAAM,EAHG;AAIT,UAAM,EAJG;AAKT,UAAM,EALG;AAMT,UAAM,EANG;AAOT,WAAO,EAPE;AAQT,WAAO,EARE;AAST,WAAO,EATE;AAUT,WAAO,EAVE;AAWT,WAAO,EAXE;AAYT,WAAO,EAZE;AAaT,WAAO,EAbE;AAcT,WAAO;AAdE;AApHM,CAAnB;AAkJA,eAAepB,UAAf","sourcesContent":["const typography = {\r\n  letterSpacings: {\r\n    'xs': '-0.05em',\r\n    'sm': '-0.025em',\r\n    'md': 0,\r\n    'lg': '0.025em',\r\n    'xl': '0.05em',\r\n    '2xl': '0.1em',\r\n  },\r\n  lineHeights: {\r\n    '2xs': '1em',\r\n    'xs': '1.125em',\r\n    'sm': '1.25em',\r\n    'md': '1.375em',\r\n    'lg': '1.5em',\r\n    'xl': '1.75em',\r\n    '2xl': '2em',\r\n    '3xl': '2.5em',\r\n    '4xl': '3em',\r\n    '5xl': '4em',\r\n  },\r\n  fontConfig: {\r\n    //   Roboto: {\r\n    //     100: {\r\n    //       normal: 'Roboto-Light',\r\n    //       italic: 'Roboto-LightItalic',\r\n    //     },\r\n    //     200: {\r\n    //       normal: 'Roboto-Light',\r\n    //       italic: 'Roboto-LightItalic',\r\n    //     },\r\n    //     300: {\r\n    //       normal: 'Roboto-Light',\r\n    //       italic: 'Roboto-LightItalic',\r\n    //     },\r\n    //     400: {\r\n    //       normal: 'Roboto-Regular',\r\n    //       italic: 'Roboto-Italic',\r\n    //     },\r\n    //     500: {\r\n    //       normal: 'Roboto-Medium',\r\n    //       italic: 'Roboto-MediumItalic',\r\n    //     },\r\n    //     600: {\r\n    //       normal: 'Roboto-Medium',\r\n    //       italic: 'Roboto-MediumItalic',\r\n    //     },\r\n    //     700: {\r\n    //       normal: 'Roboto-Bold',\r\n    //       italic: 'Roboto-BoldItalic',\r\n    //     },\r\n    //     800: {\r\n    //       normal: 'Roboto-Bold',\r\n    //       italic: 'Roboto-BoldItalic',\r\n    //     },\r\n    //     900: {\r\n    //       normal: 'Roboto-Bold',\r\n    //       italic: 'Roboto-BoldItalic',\r\n    //     },\r\n    //   },\r\n    //   Montserrat: {\r\n    //     100: {\r\n    //       normal: 'Montserrat-Light',\r\n    //       italic: 'Montserrat-LightItalic',\r\n    //     },\r\n    //     200: {\r\n    //       normal: 'Montserrat-Light',\r\n    //       italic: 'Montserrat-LightItalic',\r\n    //     },\r\n    //     300: {\r\n    //       normal: 'Montserrat-Light',\r\n    //       italic: 'Montserrat-LightItalic',\r\n    //     },\r\n    //     400: {\r\n    //       normal: 'Montserrat-Regular',\r\n    //       italic: 'Montserrat-Italic',\r\n    //     },\r\n    //     500: {\r\n    //       normal: 'Montserrat-Medium',\r\n    //       italic: 'Montserrat-MediumItalic',\r\n    //     },\r\n    //     600: {\r\n    //       normal: 'Montserrat-SemiBold',\r\n    //       italic: 'Montserrat-SemiBoldItalic',\r\n    //     },\r\n    //     700: {\r\n    //       normal: 'Montserrat-Bold',\r\n    //       italic: 'Montserrat-BoldItalic',\r\n    //     },\r\n    //     800: {\r\n    //       normal: 'Montserrat-ExtraBold',\r\n    //       italic: 'Montserrat-ExtraBoldItalic',\r\n    //     },\r\n    //     900: {\r\n    //       normal: 'Montserrat-Black',\r\n    //       italic: 'Montserrat-BlackItalic',\r\n    //     },\r\n    //   },\r\n  },\r\n  fontWeights: {\r\n    hairline: 100,\r\n    thin: 200,\r\n    light: 300,\r\n    normal: 400,\r\n    medium: 500,\r\n    semibold: 600,\r\n    bold: 700,\r\n    extrabold: 800,\r\n    black: 900,\r\n    extraBlack: 950,\r\n  },\r\n  fonts: {\r\n    heading: undefined,\r\n    body: undefined,\r\n    mono: undefined,\r\n  },\r\n  fontSizes: {\r\n    '2xs': 10,\r\n    'xs': 12,\r\n    'sm': 14,\r\n    'md': 16,\r\n    'lg': 18,\r\n    'xl': 20,\r\n    '2xl': 24,\r\n    '3xl': 30,\r\n    '4xl': 36,\r\n    '5xl': 48,\r\n    '6xl': 60,\r\n    '7xl': 72,\r\n    '8xl': 96,\r\n    '9xl': 128,\r\n  },\r\n};\r\n\r\nexport type ITypography = typeof typography;\r\nexport type IFontSize = keyof typeof typography.fontSizes;\r\nexport type ILetterSpacing = keyof typeof typography.letterSpacings;\r\nexport type ILineHeight = keyof typeof typography.lineHeights;\r\nexport type IFontWeight = keyof typeof typography.fontWeights;\r\n// export type IFont = typeof typography.fonts;\r\nexport interface IFont {\r\n  heading?: string;\r\n  body?: string;\r\n  mono?: string;\r\n}\r\n\r\nexport default typography;\r\n"]}
+{"version":3,"names":["typography","letterSpacings","lineHeights","fontConfig","fontWeights","hairline","thin","light","normal","medium","semibold","bold","extrabold","black","extraBlack","fonts","heading","undefined","body","mono","fontSizes"],"sources":["typography.ts"],"sourcesContent":["const typography = {\r\n  letterSpacings: {\r\n    'xs': '-0.05em',\r\n    'sm': '-0.025em',\r\n    'md': 0,\r\n    'lg': '0.025em',\r\n    'xl': '0.05em',\r\n    '2xl': '0.1em',\r\n  },\r\n  lineHeights: {\r\n    '2xs': '1em',\r\n    'xs': '1.125em',\r\n    'sm': '1.25em',\r\n    'md': '1.375em',\r\n    'lg': '1.5em',\r\n    'xl': '1.75em',\r\n    '2xl': '2em',\r\n    '3xl': '2.5em',\r\n    '4xl': '3em',\r\n    '5xl': '4em',\r\n  },\r\n  fontConfig: {\r\n    //   Roboto: {\r\n    //     100: {\r\n    //       normal: 'Roboto-Light',\r\n    //       italic: 'Roboto-LightItalic',\r\n    //     },\r\n    //     200: {\r\n    //       normal: 'Roboto-Light',\r\n    //       italic: 'Roboto-LightItalic',\r\n    //     },\r\n    //     300: {\r\n    //       normal: 'Roboto-Light',\r\n    //       italic: 'Roboto-LightItalic',\r\n    //     },\r\n    //     400: {\r\n    //       normal: 'Roboto-Regular',\r\n    //       italic: 'Roboto-Italic',\r\n    //     },\r\n    //     500: {\r\n    //       normal: 'Roboto-Medium',\r\n    //       italic: 'Roboto-MediumItalic',\r\n    //     },\r\n    //     600: {\r\n    //       normal: 'Roboto-Medium',\r\n    //       italic: 'Roboto-MediumItalic',\r\n    //     },\r\n    //     700: {\r\n    //       normal: 'Roboto-Bold',\r\n    //       italic: 'Roboto-BoldItalic',\r\n    //     },\r\n    //     800: {\r\n    //       normal: 'Roboto-Bold',\r\n    //       italic: 'Roboto-BoldItalic',\r\n    //     },\r\n    //     900: {\r\n    //       normal: 'Roboto-Bold',\r\n    //       italic: 'Roboto-BoldItalic',\r\n    //     },\r\n    //   },\r\n    //   Montserrat: {\r\n    //     100: {\r\n    //       normal: 'Montserrat-Light',\r\n    //       italic: 'Montserrat-LightItalic',\r\n    //     },\r\n    //     200: {\r\n    //       normal: 'Montserrat-Light',\r\n    //       italic: 'Montserrat-LightItalic',\r\n    //     },\r\n    //     300: {\r\n    //       normal: 'Montserrat-Light',\r\n    //       italic: 'Montserrat-LightItalic',\r\n    //     },\r\n    //     400: {\r\n    //       normal: 'Montserrat-Regular',\r\n    //       italic: 'Montserrat-Italic',\r\n    //     },\r\n    //     500: {\r\n    //       normal: 'Montserrat-Medium',\r\n    //       italic: 'Montserrat-MediumItalic',\r\n    //     },\r\n    //     600: {\r\n    //       normal: 'Montserrat-SemiBold',\r\n    //       italic: 'Montserrat-SemiBoldItalic',\r\n    //     },\r\n    //     700: {\r\n    //       normal: 'Montserrat-Bold',\r\n    //       italic: 'Montserrat-BoldItalic',\r\n    //     },\r\n    //     800: {\r\n    //       normal: 'Montserrat-ExtraBold',\r\n    //       italic: 'Montserrat-ExtraBoldItalic',\r\n    //     },\r\n    //     900: {\r\n    //       normal: 'Montserrat-Black',\r\n    //       italic: 'Montserrat-BlackItalic',\r\n    //     },\r\n    //   },\r\n  },\r\n  fontWeights: {\r\n    hairline: 100,\r\n    thin: 200,\r\n    light: 300,\r\n    normal: 400,\r\n    medium: 500,\r\n    semibold: 600,\r\n    bold: 700,\r\n    extrabold: 800,\r\n    black: 900,\r\n    extraBlack: 950,\r\n  },\r\n  fonts: {\r\n    heading: undefined,\r\n    body: undefined,\r\n    mono: undefined,\r\n  },\r\n  fontSizes: {\r\n    '2xs': 10,\r\n    'xs': 12,\r\n    'sm': 14,\r\n    'md': 16,\r\n    'lg': 18,\r\n    'xl': 20,\r\n    '2xl': 24,\r\n    '3xl': 30,\r\n    '4xl': 36,\r\n    '5xl': 48,\r\n    '6xl': 60,\r\n    '7xl': 72,\r\n    '8xl': 96,\r\n    '9xl': 128,\r\n  },\r\n};\r\n\r\nexport type ITypography = typeof typography;\r\nexport type IFontSize = keyof typeof typography.fontSizes;\r\nexport type ILetterSpacing = keyof typeof typography.letterSpacings;\r\nexport type ILineHeight = keyof typeof typography.lineHeights;\r\nexport type IFontWeight = keyof typeof typography.fontWeights;\r\n// export type IFont = typeof typography.fonts;\r\nexport interface IFont {\r\n  heading?: string;\r\n  body?: string;\r\n  mono?: string;\r\n}\r\n\r\nexport default typography;\r\n"],"mappings":"AAAA,MAAMA,UAAU,GAAG;EACjBC,cAAc,EAAE;IACd,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,CAAC;IACP,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE;EACT,CAAC;EACDC,WAAW,EAAE;IACX,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE;EACT,CAAC;EACDC,UAAU,EAAE;IACV;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EAAA,CACD;EACDC,WAAW,EAAE;IACXC,QAAQ,EAAE,GAAG;IACbC,IAAI,EAAE,GAAG;IACTC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXC,MAAM,EAAE,GAAG;IACXC,QAAQ,EAAE,GAAG;IACbC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE,GAAG;IACdC,KAAK,EAAE,GAAG;IACVC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,OAAO,EAAEC,SAAS;IAClBC,IAAI,EAAED,SAAS;IACfE,IAAI,EAAEF;EACR,CAAC;EACDG,SAAS,EAAE;IACT,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,KAAK,EAAE;EACT;AACF,CAAC;;AAOD;;AAOA,eAAepB,UAAU","ignoreList":[]}

package/lib/module/theme/v33x-theme/components/accordion.js

@@ -1,5 +1,6 @@
-import { mode } from '../tools/colors'; // Accordion
+import { mode } from '../tools/colors';
 
+// Accordion
 const accordionBaseStyle = props => {
   return {
     borderWidth: 1,
@@ -7,15 +8,17 @@ const accordionBaseStyle = props => {
     borderRadius: 'lg'
   };
 };
-
 export const Accordion = {
   baseStyle: accordionBaseStyle
-}; // AccordionItem
+};
 
-export const AccordionItem = {}; // AccordionIcon
+// AccordionItem
+export const AccordionItem = {};
 
-export const AccordionIcon = {}; // AccordionSummary
+// AccordionIcon
+export const AccordionIcon = {};
 
+// AccordionSummary
 const accordionSummaryBaseStyle = props => {
   return {
     borderTopWidth: 1,
@@ -36,11 +39,11 @@ const accordionSummaryBaseStyle = props => {
     }
   };
 };
-
 export const AccordionSummary = {
   baseStyle: accordionSummaryBaseStyle
-}; // AccordionDetails
+};
 
+// AccordionDetails
 const accordionPanelBaseStyle = {
   p: 3
 };

package/lib/module/theme/v33x-theme/components/accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["accordion.ts"],"names":["mode","accordionBaseStyle","props","borderWidth","borderColor","borderRadius","Accordion","baseStyle","AccordionItem","AccordionIcon","accordionSummaryBaseStyle","borderTopWidth","borderTopColor","p","_hover","bg","_expanded","borderBottomColor","_text","color","_disabled","AccordionSummary","accordionPanelBaseStyle","AccordionDetails"],"mappings":"AAAA,SAASA,IAAT,QAAqB,iBAArB,C,CAEA;;AACA,MAAMC,kBAAkB,GAAIC,KAAD,IAAgC;AACzD,SAAO;AACLC,IAAAA,WAAW,EAAE,CADR;AAELC,IAAAA,WAAW,EAAEJ,IAAI,CAAC,UAAD,EAAa,UAAb,CAAJ,CAA6BE,KAA7B,CAFR;AAGLG,IAAAA,YAAY,EAAE;AAHT,GAAP;AAKD,CAND;;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,SAAS,EAAEN;AADY,CAAlB,C,CAIP;;AACA,OAAO,MAAMO,aAAa,GAAG,EAAtB,C,CAEP;;AACA,OAAO,MAAMC,aAAa,GAAG,EAAtB,C,CAEP;;AACA,MAAMC,yBAAyB,GAAIR,KAAD,IAAgC;AAChE,SAAO;AACLS,IAAAA,cAAc,EAAE,CADX;AAELC,IAAAA,cAAc,EAAEZ,IAAI,CAAC,UAAD,EAAa,UAAb,CAAJ,CAA6BE,KAA7B,CAFX;AAGLW,IAAAA,CAAC,EAAE,CAHE;AAILC,IAAAA,MAAM,EAAE;AACNC,MAAAA,EAAE,EAAEf,IAAI,CAAC,aAAD,EAAgB,aAAhB,CAAJ,CAAmCE,KAAnC;AADE,KAJH;AAOLc,IAAAA,SAAS,EAAE;AACTD,MAAAA,EAAE,EAAE,aADK;AAETE,MAAAA,iBAAiB,EAAEjB,IAAI,CAAC,UAAD,EAAa,UAAb,CAAJ,CAA6BE,KAA7B,CAFV;AAGTgB,MAAAA,KAAK,EAAE;AAAEC,QAAAA,KAAK,EAAE;AAAT;AAHE,KAPN;AAYLC,IAAAA,SAAS,EAAE;AACTL,MAAAA,EAAE,EAAEf,IAAI,CAAC,UAAD,EAAa,UAAb,CAAJ,CAA6BE,KAA7B;AADK;AAZN,GAAP;AAgBD,CAjBD;;AAkBA,OAAO,MAAMmB,gBAAgB,GAAG;AAC9Bd,EAAAA,SAAS,EAAEG;AADmB,CAAzB,C,CAIP;;AACA,MAAMY,uBAAuB,GAAG;AAC9BT,EAAAA,CAAC,EAAE;AAD2B,CAAhC;AAIA,OAAO,MAAMU,gBAAgB,GAAG;AAC9BhB,EAAAA,SAAS,EAAEe;AADmB,CAAzB","sourcesContent":["import { mode } from '../tools/colors';\r\n\r\n// Accordion\r\nconst accordionBaseStyle = (props: Record<string, any>) => {\r\n  return {\r\n    borderWidth: 1,\r\n    borderColor: mode('gray.300', 'gray.600')(props),\r\n    borderRadius: 'lg',\r\n  };\r\n};\r\nexport const Accordion = {\r\n  baseStyle: accordionBaseStyle,\r\n};\r\n\r\n// AccordionItem\r\nexport const AccordionItem = {};\r\n\r\n// AccordionIcon\r\nexport const AccordionIcon = {};\r\n\r\n// AccordionSummary\r\nconst accordionSummaryBaseStyle = (props: Record<string, any>) => {\r\n  return {\r\n    borderTopWidth: 1,\r\n    borderTopColor: mode('gray.300', 'gray.600')(props),\r\n    p: 3,\r\n    _hover: {\r\n      bg: mode('primary.200', 'primary.300')(props),\r\n    },\r\n    _expanded: {\r\n      bg: 'primary.600',\r\n      borderBottomColor: mode('gray.300', 'gray.600')(props),\r\n      _text: { color: 'white' },\r\n    },\r\n    _disabled: {\r\n      bg: mode('gray.200', 'gray.700')(props),\r\n    },\r\n  };\r\n};\r\nexport const AccordionSummary = {\r\n  baseStyle: accordionSummaryBaseStyle,\r\n};\r\n\r\n// AccordionDetails\r\nconst accordionPanelBaseStyle = {\r\n  p: 3,\r\n};\r\n\r\nexport const AccordionDetails = {\r\n  baseStyle: accordionPanelBaseStyle,\r\n};\r\n"]}
+{"version":3,"names":["mode","accordionBaseStyle","props","borderWidth","borderColor","borderRadius","Accordion","baseStyle","AccordionItem","AccordionIcon","accordionSummaryBaseStyle","borderTopWidth","borderTopColor","p","_hover","bg","_expanded","borderBottomColor","_text","color","_disabled","AccordionSummary","accordionPanelBaseStyle","AccordionDetails"],"sources":["accordion.ts"],"sourcesContent":["import { mode } from '../tools/colors';\r\n\r\n// Accordion\r\nconst accordionBaseStyle = (props: Record<string, any>) => {\r\n  return {\r\n    borderWidth: 1,\r\n    borderColor: mode('gray.300', 'gray.600')(props),\r\n    borderRadius: 'lg',\r\n  };\r\n};\r\nexport const Accordion = {\r\n  baseStyle: accordionBaseStyle,\r\n};\r\n\r\n// AccordionItem\r\nexport const AccordionItem = {};\r\n\r\n// AccordionIcon\r\nexport const AccordionIcon = {};\r\n\r\n// AccordionSummary\r\nconst accordionSummaryBaseStyle = (props: Record<string, any>) => {\r\n  return {\r\n    borderTopWidth: 1,\r\n    borderTopColor: mode('gray.300', 'gray.600')(props),\r\n    p: 3,\r\n    _hover: {\r\n      bg: mode('primary.200', 'primary.300')(props),\r\n    },\r\n    _expanded: {\r\n      bg: 'primary.600',\r\n      borderBottomColor: mode('gray.300', 'gray.600')(props),\r\n      _text: { color: 'white' },\r\n    },\r\n    _disabled: {\r\n      bg: mode('gray.200', 'gray.700')(props),\r\n    },\r\n  };\r\n};\r\nexport const AccordionSummary = {\r\n  baseStyle: accordionSummaryBaseStyle,\r\n};\r\n\r\n// AccordionDetails\r\nconst accordionPanelBaseStyle = {\r\n  p: 3,\r\n};\r\n\r\nexport const AccordionDetails = {\r\n  baseStyle: accordionPanelBaseStyle,\r\n};\r\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,iBAAiB;;AAEtC;AACA,MAAMC,kBAAkB,GAAIC,KAA0B,IAAK;EACzD,OAAO;IACLC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEJ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAACE,KAAK,CAAC;IAChDG,YAAY,EAAE;EAChB,CAAC;AACH,CAAC;AACD,OAAO,MAAMC,SAAS,GAAG;EACvBC,SAAS,EAAEN;AACb,CAAC;;AAED;AACA,OAAO,MAAMO,aAAa,GAAG,CAAC,CAAC;;AAE/B;AACA,OAAO,MAAMC,aAAa,GAAG,CAAC,CAAC;;AAE/B;AACA,MAAMC,yBAAyB,GAAIR,KAA0B,IAAK;EAChE,OAAO;IACLS,cAAc,EAAE,CAAC;IACjBC,cAAc,EAAEZ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAACE,KAAK,CAAC;IACnDW,CAAC,EAAE,CAAC;IACJC,MAAM,EAAE;MACNC,EAAE,EAAEf,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,CAACE,KAAK;IAC9C,CAAC;IACDc,SAAS,EAAE;MACTD,EAAE,EAAE,aAAa;MACjBE,iBAAiB,EAAEjB,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAACE,KAAK,CAAC;MACtDgB,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAQ;IAC1B,CAAC;IACDC,SAAS,EAAE;MACTL,EAAE,EAAEf,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAACE,KAAK;IACxC;EACF,CAAC;AACH,CAAC;AACD,OAAO,MAAMmB,gBAAgB,GAAG;EAC9Bd,SAAS,EAAEG;AACb,CAAC;;AAED;AACA,MAAMY,uBAAuB,GAAG;EAC9BT,CAAC,EAAE;AACL,CAAC;AAED,OAAO,MAAMU,gBAAgB,GAAG;EAC9BhB,SAAS,EAAEe;AACb,CAAC","ignoreList":[]}

package/lib/module/theme/v33x-theme/components/actionsheet.js

@@ -1,13 +1,14 @@
-import { mode } from '../tools'; // Actionsheet
-
+import { mode } from '../tools';
+// Actionsheet
 export const Actionsheet = {
   defaultProps: {
     size: 'full',
     justifyContent: 'flex-end',
     animationPreset: 'slide'
   }
-}; // ActionsheetContent
+};
 
+// ActionsheetContent
 export const ActionsheetContent = {
   baseStyle: props => ({
     alignItems: 'center',
@@ -34,8 +35,9 @@ export const ActionsheetContent = {
       collapsable: false
     }
   })
-}; // ActionsheetItem
+};
 
+// ActionsheetItem
 export const ActionsheetItem = {
   baseStyle: props => ({
     width: '100%',

package/lib/module/theme/v33x-theme/components/actionsheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["actionsheet.ts"],"names":["mode","Actionsheet","defaultProps","size","justifyContent","animationPreset","ActionsheetContent","baseStyle","props","alignItems","px","py","borderRadius","roundedTop","_dragIndicator","bg","height","width","_dragIndicatorWrapper","pt","pb","mt","collapsable","_dragIndicatorWrapperOffSet","ActionsheetItem","p","_text","fontSize","fontWeight","color","_pressed","_hover","variant"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB,C,CACA;;AACA,OAAO,MAAMC,WAAW,GAAG;AACzBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,IAAI,EAAE,MADM;AAEZC,IAAAA,cAAc,EAAE,UAFJ;AAGZC,IAAAA,eAAe,EAAE;AAHL;AADW,CAApB,C,CAQP;;AACA,OAAO,MAAMC,kBAAkB,GAAG;AAChCC,EAAAA,SAAS,EAAGC,KAAD,KAAiB;AAC1BC,IAAAA,UAAU,EAAE,QADc;AAE1BC,IAAAA,EAAE,EAAE,CAFsB;AAG1BC,IAAAA,EAAE,EAAE,CAHsB;AAI1BC,IAAAA,YAAY,EAAE,MAJY;AAK1BC,IAAAA,UAAU,EAAE,EALc;AAM1BC,IAAAA,cAAc,EAAE;AACdC,MAAAA,EAAE,EAAEf,IAAI,CAAC,UAAD,EAAa,UAAb,CAAJ,CAA6BQ,KAA7B,CADU;AAEdQ,MAAAA,MAAM,EAAE,CAFM;AAGdC,MAAAA,KAAK,EAAE,EAHO;AAIdL,MAAAA,YAAY,EAAE;AAJA,KANU;AAY1BM,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,EAAE,EAAE,CADiB;AAErBC,MAAAA,EAAE,EAAE,CAFiB;AAGrBC,MAAAA,EAAE,EAAE,CAAC,CAHgB;AAIrBJ,MAAAA,KAAK,EAAE,MAJc;AAKrBR,MAAAA,UAAU,EAAE,QALS;AAMrBa,MAAAA,WAAW,EAAE;AANQ,KAZG;AAoB1BC,IAAAA,2BAA2B,EAAE;AAC3BZ,MAAAA,EAAE,EAAE,CADuB;AAE3BW,MAAAA,WAAW,EAAE;AAFc;AApBH,GAAjB;AADqB,CAA3B,C,CA4BP;;AACA,OAAO,MAAME,eAAe,GAAG;AAC7BjB,EAAAA,SAAS,EAAGC,KAAD,KAAiB;AAC1BS,IAAAA,KAAK,EAAE,MADmB;AAE1Bb,IAAAA,cAAc,EAAE,YAFU;AAG1BqB,IAAAA,CAAC,EAAE,CAHuB;AAI1BC,IAAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,EADL;AAELC,MAAAA,UAAU,EAAE,QAFP;AAGLC,MAAAA,KAAK,EAAE7B,IAAI,CAAC,cAAD,EAAiB,aAAjB,CAAJ,CAAoCQ,KAApC;AAHF,KAJmB;AAS1BsB,IAAAA,QAAQ,EAAE;AACRf,MAAAA,EAAE,EAAEf,IAAI,CAAC,cAAD,EAAiB,UAAjB,CAAJ,CAAiCQ,KAAjC;AADI,KATgB;AAY1BuB,IAAAA,MAAM,EAAE;AACNhB,MAAAA,EAAE,EAAEf,IAAI,CAAC,cAAD,EAAiB,UAAjB,CAAJ,CAAiCQ,KAAjC;AADE;AAZkB,GAAjB,CADkB;AAiB7BN,EAAAA,YAAY,EAAE;AACZ8B,IAAAA,OAAO,EAAE;AADG;AAjBe,CAAxB","sourcesContent":["import { mode } from '../tools';\r\n// Actionsheet\r\nexport const Actionsheet = {\r\n  defaultProps: {\r\n    size: 'full',\r\n    justifyContent: 'flex-end',\r\n    animationPreset: 'slide',\r\n  },\r\n};\r\n\r\n// ActionsheetContent\r\nexport const ActionsheetContent = {\r\n  baseStyle: (props: any) => ({\r\n    alignItems: 'center',\r\n    px: 2,\r\n    py: 2,\r\n    borderRadius: 'none',\r\n    roundedTop: 20,\r\n    _dragIndicator: {\r\n      bg: mode('gray.400', 'gray.400')(props),\r\n      height: 1,\r\n      width: 10,\r\n      borderRadius: 2,\r\n    },\r\n    _dragIndicatorWrapper: {\r\n      pt: 3,\r\n      pb: 3,\r\n      mt: -2,\r\n      width: '100%',\r\n      alignItems: 'center',\r\n      collapsable: false,\r\n    },\r\n    _dragIndicatorWrapperOffSet: {\r\n      py: 2,\r\n      collapsable: false,\r\n    },\r\n  }),\r\n};\r\n\r\n// ActionsheetItem\r\nexport const ActionsheetItem = {\r\n  baseStyle: (props: any) => ({\r\n    width: '100%',\r\n    justifyContent: 'flex-start',\r\n    p: 4,\r\n    _text: {\r\n      fontSize: 16,\r\n      fontWeight: 'normal',\r\n      color: mode('coolGray.800', 'warmGray.50')(props),\r\n    },\r\n    _pressed: {\r\n      bg: mode('coolGray.300', 'gray.600')(props),\r\n    },\r\n    _hover: {\r\n      bg: mode('coolGray.200', 'gray.500')(props),\r\n    },\r\n  }),\r\n  defaultProps: {\r\n    variant: 'unstyled',\r\n  },\r\n};\r\n"]}
+{"version":3,"names":["mode","Actionsheet","defaultProps","size","justifyContent","animationPreset","ActionsheetContent","baseStyle","props","alignItems","px","py","borderRadius","roundedTop","_dragIndicator","bg","height","width","_dragIndicatorWrapper","pt","pb","mt","collapsable","_dragIndicatorWrapperOffSet","ActionsheetItem","p","_text","fontSize","fontWeight","color","_pressed","_hover","variant"],"sources":["actionsheet.ts"],"sourcesContent":["import { mode } from '../tools';\r\n// Actionsheet\r\nexport const Actionsheet = {\r\n  defaultProps: {\r\n    size: 'full',\r\n    justifyContent: 'flex-end',\r\n    animationPreset: 'slide',\r\n  },\r\n};\r\n\r\n// ActionsheetContent\r\nexport const ActionsheetContent = {\r\n  baseStyle: (props: any) => ({\r\n    alignItems: 'center',\r\n    px: 2,\r\n    py: 2,\r\n    borderRadius: 'none',\r\n    roundedTop: 20,\r\n    _dragIndicator: {\r\n      bg: mode('gray.400', 'gray.400')(props),\r\n      height: 1,\r\n      width: 10,\r\n      borderRadius: 2,\r\n    },\r\n    _dragIndicatorWrapper: {\r\n      pt: 3,\r\n      pb: 3,\r\n      mt: -2,\r\n      width: '100%',\r\n      alignItems: 'center',\r\n      collapsable: false,\r\n    },\r\n    _dragIndicatorWrapperOffSet: {\r\n      py: 2,\r\n      collapsable: false,\r\n    },\r\n  }),\r\n};\r\n\r\n// ActionsheetItem\r\nexport const ActionsheetItem = {\r\n  baseStyle: (props: any) => ({\r\n    width: '100%',\r\n    justifyContent: 'flex-start',\r\n    p: 4,\r\n    _text: {\r\n      fontSize: 16,\r\n      fontWeight: 'normal',\r\n      color: mode('coolGray.800', 'warmGray.50')(props),\r\n    },\r\n    _pressed: {\r\n      bg: mode('coolGray.300', 'gray.600')(props),\r\n    },\r\n    _hover: {\r\n      bg: mode('coolGray.200', 'gray.500')(props),\r\n    },\r\n  }),\r\n  defaultProps: {\r\n    variant: 'unstyled',\r\n  },\r\n};\r\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,UAAU;AAC/B;AACA,OAAO,MAAMC,WAAW,GAAG;EACzBC,YAAY,EAAE;IACZC,IAAI,EAAE,MAAM;IACZC,cAAc,EAAE,UAAU;IAC1BC,eAAe,EAAE;EACnB;AACF,CAAC;;AAED;AACA,OAAO,MAAMC,kBAAkB,GAAG;EAChCC,SAAS,EAAGC,KAAU,KAAM;IAC1BC,UAAU,EAAE,QAAQ;IACpBC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,YAAY,EAAE,MAAM;IACpBC,UAAU,EAAE,EAAE;IACdC,cAAc,EAAE;MACdC,EAAE,EAAEf,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAACQ,KAAK,CAAC;MACvCQ,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE,EAAE;MACTL,YAAY,EAAE;IAChB,CAAC;IACDM,qBAAqB,EAAE;MACrBC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC,CAAC;MACNJ,KAAK,EAAE,MAAM;MACbR,UAAU,EAAE,QAAQ;MACpBa,WAAW,EAAE;IACf,CAAC;IACDC,2BAA2B,EAAE;MAC3BZ,EAAE,EAAE,CAAC;MACLW,WAAW,EAAE;IACf;EACF,CAAC;AACH,CAAC;;AAED;AACA,OAAO,MAAME,eAAe,GAAG;EAC7BjB,SAAS,EAAGC,KAAU,KAAM;IAC1BS,KAAK,EAAE,MAAM;IACbb,cAAc,EAAE,YAAY;IAC5BqB,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAE7B,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,CAACQ,KAAK;IAClD,CAAC;IACDsB,QAAQ,EAAE;MACRf,EAAE,EAAEf,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAACQ,KAAK;IAC5C,CAAC;IACDuB,MAAM,EAAE;MACNhB,EAAE,EAAEf,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAACQ,KAAK;IAC5C;EACF,CAAC,CAAC;EACFN,YAAY,EAAE;IACZ8B,OAAO,EAAE;EACX;AACF,CAAC","ignoreList":[]}

package/lib/module/theme/v33x-theme/components/alert-dialog.js

@@ -74,7 +74,7 @@ export const AlertDialogContent = {
       },
       shadow: 1,
       rounded: 'lg',
-      maxHeight: "".concat(Dimensions.get('window').height - 150, "px"),
+      maxHeight: `${Dimensions.get('window').height - 150}px`,
       overflow: 'hidden'
     };
   }

package/lib/module/theme/v33x-theme/components/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["alert-dialog.ts"],"names":["Dimensions","mode","sizes","xs","contentSize","width","maxWidth","sm","md","lg","xl","full","AlertDialog","baseStyle","height","justifyContent","alignItems","_web","pointerEvents","_backdropFade","exitDuration","entryDuration","_fade","_slide","duration","overlay","defaultProps","size","closeOnOverlayClick","AlertDialogContent","props","bg","_text","color","shadow","rounded","maxHeight","get","overflow","AlertDialogCloseButton","position","right","top","zIndex","colorScheme","p","_icon","AlertDialogHeader","py","px","borderBottomWidth","borderColor","fontSize","fontWeight","lineHeight","AlertDialogBody","pt","AlertDialogFooter","flexDirection","flexWrap","AlertDialogOverlay","left","opacity","bottom"],"mappings":"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","sourcesContent":["import { Dimensions } from 'react-native';\r\nimport { mode } from '../tools';\r\n\r\nconst sizes = {\r\n  xs: {\r\n    contentSize: {\r\n      width: '60%',\r\n      maxWidth: '280',\r\n    },\r\n  },\r\n  sm: {\r\n    contentSize: {\r\n      width: '65%',\r\n      maxWidth: '320',\r\n    },\r\n  },\r\n  md: {\r\n    contentSize: {\r\n      width: '75%',\r\n      maxWidth: '380',\r\n    },\r\n  },\r\n  lg: {\r\n    contentSize: {\r\n      width: '80%',\r\n      maxWidth: '520',\r\n    },\r\n  },\r\n  xl: {\r\n    contentSize: {\r\n      width: '90%',\r\n      maxWidth: '580',\r\n    },\r\n  },\r\n  full: {\r\n    contentSize: {\r\n      width: '100%',\r\n    },\r\n  },\r\n};\r\n\r\nexport const AlertDialog = {\r\n  baseStyle: {\r\n    width: '100%',\r\n    height: '100%',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    _web: { pointerEvents: 'box-none' },\r\n    _backdropFade: { exitDuration: 150, entryDuration: 200 },\r\n    _fade: { exitDuration: 100, entryDuration: 200 },\r\n    _slide: { duration: 200, overlay: false },\r\n  },\r\n  sizes,\r\n  defaultProps: {\r\n    size: 'md',\r\n    closeOnOverlayClick: true,\r\n  },\r\n};\r\n\r\nexport const AlertDialogContent = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      bg: mode('coolGray.50', 'gray.700')(props),\r\n      _text: { color: mode('coolGray.800', 'warmGray.50')(props) },\r\n      shadow: 1,\r\n      rounded: 'lg',\r\n      maxHeight: `${Dimensions.get('window').height - 150}px`,\r\n      overflow: 'hidden',\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogCloseButton = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      position: 'absolute',\r\n      right: '3',\r\n      top: '3',\r\n      zIndex: '1',\r\n      colorScheme: 'coolGray',\r\n      p: '2',\r\n      _icon: {\r\n        size: '3',\r\n        color: mode('coolGray.600', 'coolGray.100')(props),\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogHeader = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      py: '4',\r\n      px: '3',\r\n      borderBottomWidth: '1',\r\n      borderColor: mode('coolGray.200', 'gray.600')(props),\r\n      _text: {\r\n        fontSize: 'md',\r\n        fontWeight: 'semibold',\r\n        color: mode('coolGray.800', 'warmGray.50')(props),\r\n        lineHeight: 'sm',\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogBody = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      pt: '2',\r\n      p: '3',\r\n      _text: {\r\n        color: mode('coolGray.600', 'coolGray.300')(props),\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogFooter = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      p: '3',\r\n      bg: mode('coolGray.100', 'gray.600')(props),\r\n      flexDirection: 'row',\r\n      justifyContent: 'flex-end',\r\n      flexWrap: 'wrap',\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogOverlay = {\r\n  baseStyle: {\r\n    position: 'absolute',\r\n    left: '0',\r\n    top: '0',\r\n    opacity: '50',\r\n    right: '0',\r\n    bottom: '0',\r\n  },\r\n};\r\n"]}
+{"version":3,"names":["Dimensions","mode","sizes","xs","contentSize","width","maxWidth","sm","md","lg","xl","full","AlertDialog","baseStyle","height","justifyContent","alignItems","_web","pointerEvents","_backdropFade","exitDuration","entryDuration","_fade","_slide","duration","overlay","defaultProps","size","closeOnOverlayClick","AlertDialogContent","props","bg","_text","color","shadow","rounded","maxHeight","get","overflow","AlertDialogCloseButton","position","right","top","zIndex","colorScheme","p","_icon","AlertDialogHeader","py","px","borderBottomWidth","borderColor","fontSize","fontWeight","lineHeight","AlertDialogBody","pt","AlertDialogFooter","flexDirection","flexWrap","AlertDialogOverlay","left","opacity","bottom"],"sources":["alert-dialog.ts"],"sourcesContent":["import { Dimensions } from 'react-native';\r\nimport { mode } from '../tools';\r\n\r\nconst sizes = {\r\n  xs: {\r\n    contentSize: {\r\n      width: '60%',\r\n      maxWidth: '280',\r\n    },\r\n  },\r\n  sm: {\r\n    contentSize: {\r\n      width: '65%',\r\n      maxWidth: '320',\r\n    },\r\n  },\r\n  md: {\r\n    contentSize: {\r\n      width: '75%',\r\n      maxWidth: '380',\r\n    },\r\n  },\r\n  lg: {\r\n    contentSize: {\r\n      width: '80%',\r\n      maxWidth: '520',\r\n    },\r\n  },\r\n  xl: {\r\n    contentSize: {\r\n      width: '90%',\r\n      maxWidth: '580',\r\n    },\r\n  },\r\n  full: {\r\n    contentSize: {\r\n      width: '100%',\r\n    },\r\n  },\r\n};\r\n\r\nexport const AlertDialog = {\r\n  baseStyle: {\r\n    width: '100%',\r\n    height: '100%',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    _web: { pointerEvents: 'box-none' },\r\n    _backdropFade: { exitDuration: 150, entryDuration: 200 },\r\n    _fade: { exitDuration: 100, entryDuration: 200 },\r\n    _slide: { duration: 200, overlay: false },\r\n  },\r\n  sizes,\r\n  defaultProps: {\r\n    size: 'md',\r\n    closeOnOverlayClick: true,\r\n  },\r\n};\r\n\r\nexport const AlertDialogContent = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      bg: mode('coolGray.50', 'gray.700')(props),\r\n      _text: { color: mode('coolGray.800', 'warmGray.50')(props) },\r\n      shadow: 1,\r\n      rounded: 'lg',\r\n      maxHeight: `${Dimensions.get('window').height - 150}px`,\r\n      overflow: 'hidden',\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogCloseButton = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      position: 'absolute',\r\n      right: '3',\r\n      top: '3',\r\n      zIndex: '1',\r\n      colorScheme: 'coolGray',\r\n      p: '2',\r\n      _icon: {\r\n        size: '3',\r\n        color: mode('coolGray.600', 'coolGray.100')(props),\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogHeader = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      py: '4',\r\n      px: '3',\r\n      borderBottomWidth: '1',\r\n      borderColor: mode('coolGray.200', 'gray.600')(props),\r\n      _text: {\r\n        fontSize: 'md',\r\n        fontWeight: 'semibold',\r\n        color: mode('coolGray.800', 'warmGray.50')(props),\r\n        lineHeight: 'sm',\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogBody = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      pt: '2',\r\n      p: '3',\r\n      _text: {\r\n        color: mode('coolGray.600', 'coolGray.300')(props),\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogFooter = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      p: '3',\r\n      bg: mode('coolGray.100', 'gray.600')(props),\r\n      flexDirection: 'row',\r\n      justifyContent: 'flex-end',\r\n      flexWrap: 'wrap',\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogOverlay = {\r\n  baseStyle: {\r\n    position: 'absolute',\r\n    left: '0',\r\n    top: '0',\r\n    opacity: '50',\r\n    right: '0',\r\n    bottom: '0',\r\n  },\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/theme/v33x-theme/components/alert.js

@@ -1,5 +1,4 @@
 import { mode, getColor, getColorScheme, transparentize } from '../tools';
-
 function getBg(props) {
   let {
     theme,
@@ -8,11 +7,10 @@ function getBg(props) {
     variant
   } = props;
   colorScheme = getColorScheme(props, colorScheme !== 'primary' ? colorScheme : status);
-  const lightBg = variant === 'solid' ? getColor(theme, "".concat(colorScheme, ".600"), colorScheme) : getColor(theme, "".concat(colorScheme, ".100"), colorScheme);
-  const darkBg = variant === 'solid' ? getColor(theme, "".concat(colorScheme, ".700"), colorScheme) : getColor(theme, "".concat(colorScheme, ".200"), colorScheme);
+  const lightBg = variant === 'solid' ? getColor(theme, `${colorScheme}.600`, colorScheme) : getColor(theme, `${colorScheme}.100`, colorScheme);
+  const darkBg = variant === 'solid' ? getColor(theme, `${colorScheme}.700`, colorScheme) : getColor(theme, `${colorScheme}.200`, colorScheme);
   return mode(lightBg, darkBg)(props);
 }
-
 const variantSubtle = props => {
   let {
     colorScheme,
@@ -22,11 +20,10 @@ const variantSubtle = props => {
   return {
     bg: getBg(props),
     _icon: {
-      color: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".700"))(props)
+      color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props)
     }
   };
 };
-
 const variantOutline = props => {
   let {
     colorScheme,
@@ -35,13 +32,12 @@ const variantOutline = props => {
   colorScheme = getColorScheme(props, colorScheme !== 'primary' ? colorScheme : status);
   return {
     borderWidth: 1,
-    borderColor: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".700"))(props),
+    borderColor: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props),
     _icon: {
-      color: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".700"))(props)
+      color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props)
     }
   };
 };
-
 const variantOutlineLight = props => {
   let {
     colorScheme,
@@ -51,24 +47,22 @@ const variantOutlineLight = props => {
   colorScheme = getColorScheme(props, colorScheme !== 'primary' ? colorScheme : status);
   return {
     borderWidth: 1,
-    borderColor: transparentize(mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".500"))(props), 0.2)(theme),
+    borderColor: transparentize(mode(`${colorScheme}.600`, `${colorScheme}.500`)(props), 0.2)(theme),
     _icon: {
-      color: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".200"))(props)
+      color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props)
     }
   };
 };
-
 const variantSolid = props => {
   return {
     borderWidth: 6,
     borderColor: 'transparent',
     bg: getBg(props),
     _icon: {
-      color: mode("coolGray.50", "warmGray.50")(props)
+      color: mode(`coolGray.50`, `warmGray.50`)(props)
     }
   };
 };
-
 const variantLeftAccent = props => {
   let {
     colorScheme,
@@ -79,13 +73,12 @@ const variantLeftAccent = props => {
     borderWidth: 4,
     bg: getBg(props),
     _icon: {
-      color: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".700"))(props)
+      color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props)
     },
     borderColor: 'transparent',
-    borderLeftColor: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".700"))(props)
+    borderLeftColor: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props)
   };
 };
-
 const variantTopAccent = props => {
   let {
     colorScheme,
@@ -95,14 +88,13 @@ const variantTopAccent = props => {
   return {
     borderWidth: 4,
     borderColor: 'transparent',
-    borderTopColor: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".700"))(props),
+    borderTopColor: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props),
     bg: getBg(props),
     _icon: {
-      color: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".700"))(props)
+      color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props)
     }
   };
 };
-
 const variants = {
   'subtle': variantSubtle,
   'solid': variantSolid,
@@ -124,7 +116,9 @@ export const Alert = {
     colorScheme: 'primary',
     variant: 'subtle'
   }
-}; // AlertIcon
+};
+
+// AlertIcon
 
 export const AlertIcon = {
   baseStyle: {

package/lib/module/theme/v33x-theme/components/alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["alert.ts"],"names":["mode","getColor","getColorScheme","transparentize","getBg","props","theme","colorScheme","status","variant","lightBg","darkBg","variantSubtle","bg","_icon","color","variantOutline","borderWidth","borderColor","variantOutlineLight","variantSolid","variantLeftAccent","borderLeftColor","variantTopAccent","borderTopColor","variants","Alert","baseStyle","alignItems","justifyContent","p","space","borderRadius","defaultProps","AlertIcon","size"],"mappings":"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","sourcesContent":["import { mode, getColor, getColorScheme, transparentize } from '../tools';\r\n\r\nfunction getBg(props: Record<string, any>) {\r\n  let { theme, colorScheme, status, variant } = props;\r\n\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  const lightBg =\r\n    variant === 'solid'\r\n      ? getColor(theme, `${colorScheme}.600`, colorScheme)\r\n      : getColor(theme, `${colorScheme}.100`, colorScheme);\r\n\r\n  const darkBg =\r\n    variant === 'solid'\r\n      ? getColor(theme, `${colorScheme}.700`, colorScheme)\r\n      : getColor(theme, `${colorScheme}.200`, colorScheme);\r\n  return mode(lightBg, darkBg)(props);\r\n}\r\n\r\nconst variantSubtle = (props: Record<string, any>) => {\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    bg: getBg(props),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props) },\r\n  };\r\n};\r\n\r\nconst variantOutline = (props: Record<string, any>) => {\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    borderWidth: 1,\r\n    borderColor: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props) },\r\n  };\r\n};\r\nconst variantOutlineLight = (props: Record<string, any>) => {\r\n  let { colorScheme, status, theme } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    borderWidth: 1,\r\n    borderColor: transparentize(\r\n      mode(`${colorScheme}.600`, `${colorScheme}.500`)(props),\r\n      0.2\r\n    )(theme),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props) },\r\n  };\r\n};\r\n\r\nconst variantSolid = (props: Record<string, any>) => {\r\n  return {\r\n    borderWidth: 6,\r\n    borderColor: 'transparent',\r\n    bg: getBg(props),\r\n    _icon: { color: mode(`coolGray.50`, `warmGray.50`)(props) },\r\n  };\r\n};\r\nconst variantLeftAccent = (props: Record<string, any>) => {\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    borderWidth: 4,\r\n    bg: getBg(props),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props) },\r\n    borderColor: 'transparent',\r\n    borderLeftColor: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props),\r\n  };\r\n};\r\nconst variantTopAccent = (props: Record<string, any>) => {\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    borderWidth: 4,\r\n    borderColor: 'transparent',\r\n    borderTopColor: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props),\r\n    bg: getBg(props),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props) },\r\n  };\r\n};\r\n\r\nconst variants = {\r\n  'subtle': variantSubtle,\r\n  'solid': variantSolid,\r\n  'left-accent': variantLeftAccent,\r\n  'top-accent': variantTopAccent,\r\n  'outline': variantOutline,\r\n  'outline-light': variantOutlineLight,\r\n};\r\n\r\nexport const Alert = {\r\n  baseStyle: {\r\n    alignItems: 'center',\r\n    justifyContent: 'flex-start',\r\n    p: 3,\r\n    space: 3,\r\n    borderRadius: 'sm',\r\n  },\r\n  variants,\r\n  defaultProps: {\r\n    colorScheme: 'primary',\r\n    variant: 'subtle',\r\n  },\r\n};\r\n\r\n// AlertIcon\r\n\r\nexport const AlertIcon = {\r\n  baseStyle: {\r\n    size: 4,\r\n  },\r\n};\r\n"]}
+{"version":3,"names":["mode","getColor","getColorScheme","transparentize","getBg","props","theme","colorScheme","status","variant","lightBg","darkBg","variantSubtle","bg","_icon","color","variantOutline","borderWidth","borderColor","variantOutlineLight","variantSolid","variantLeftAccent","borderLeftColor","variantTopAccent","borderTopColor","variants","Alert","baseStyle","alignItems","justifyContent","p","space","borderRadius","defaultProps","AlertIcon","size"],"sources":["alert.ts"],"sourcesContent":["import { mode, getColor, getColorScheme, transparentize } from '../tools';\r\n\r\nfunction getBg(props: Record<string, any>) {\r\n  let { theme, colorScheme, status, variant } = props;\r\n\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  const lightBg =\r\n    variant === 'solid'\r\n      ? getColor(theme, `${colorScheme}.600`, colorScheme)\r\n      : getColor(theme, `${colorScheme}.100`, colorScheme);\r\n\r\n  const darkBg =\r\n    variant === 'solid'\r\n      ? getColor(theme, `${colorScheme}.700`, colorScheme)\r\n      : getColor(theme, `${colorScheme}.200`, colorScheme);\r\n  return mode(lightBg, darkBg)(props);\r\n}\r\n\r\nconst variantSubtle = (props: Record<string, any>) => {\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    bg: getBg(props),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props) },\r\n  };\r\n};\r\n\r\nconst variantOutline = (props: Record<string, any>) => {\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    borderWidth: 1,\r\n    borderColor: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props) },\r\n  };\r\n};\r\nconst variantOutlineLight = (props: Record<string, any>) => {\r\n  let { colorScheme, status, theme } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    borderWidth: 1,\r\n    borderColor: transparentize(\r\n      mode(`${colorScheme}.600`, `${colorScheme}.500`)(props),\r\n      0.2\r\n    )(theme),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props) },\r\n  };\r\n};\r\n\r\nconst variantSolid = (props: Record<string, any>) => {\r\n  return {\r\n    borderWidth: 6,\r\n    borderColor: 'transparent',\r\n    bg: getBg(props),\r\n    _icon: { color: mode(`coolGray.50`, `warmGray.50`)(props) },\r\n  };\r\n};\r\nconst variantLeftAccent = (props: Record<string, any>) => {\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    borderWidth: 4,\r\n    bg: getBg(props),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props) },\r\n    borderColor: 'transparent',\r\n    borderLeftColor: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props),\r\n  };\r\n};\r\nconst variantTopAccent = (props: Record<string, any>) => {\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    borderWidth: 4,\r\n    borderColor: 'transparent',\r\n    borderTopColor: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props),\r\n    bg: getBg(props),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props) },\r\n  };\r\n};\r\n\r\nconst variants = {\r\n  'subtle': variantSubtle,\r\n  'solid': variantSolid,\r\n  'left-accent': variantLeftAccent,\r\n  'top-accent': variantTopAccent,\r\n  'outline': variantOutline,\r\n  'outline-light': variantOutlineLight,\r\n};\r\n\r\nexport const Alert = {\r\n  baseStyle: {\r\n    alignItems: 'center',\r\n    justifyContent: 'flex-start',\r\n    p: 3,\r\n    space: 3,\r\n    borderRadius: 'sm',\r\n  },\r\n  variants,\r\n  defaultProps: {\r\n    colorScheme: 'primary',\r\n    variant: 'subtle',\r\n  },\r\n};\r\n\r\n// AlertIcon\r\n\r\nexport const AlertIcon = {\r\n  baseStyle: {\r\n    size: 4,\r\n  },\r\n};\r\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,cAAc,QAAQ,UAAU;AAEzE,SAASC,KAAKA,CAACC,KAA0B,EAAE;EACzC,IAAI;IAAEC,KAAK;IAAEC,WAAW;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGJ,KAAK;EAEnDE,WAAW,GAAGL,cAAc,CAC1BG,KAAK,EACLE,WAAW,KAAK,SAAS,GAAGA,WAAW,GAAGC,MAC5C,CAAC;EACD,MAAME,OAAO,GACXD,OAAO,KAAK,OAAO,GACfR,QAAQ,CAACK,KAAK,EAAE,GAAGC,WAAW,MAAM,EAAEA,WAAW,CAAC,GAClDN,QAAQ,CAACK,KAAK,EAAE,GAAGC,WAAW,MAAM,EAAEA,WAAW,CAAC;EAExD,MAAMI,MAAM,GACVF,OAAO,KAAK,OAAO,GACfR,QAAQ,CAACK,KAAK,EAAE,GAAGC,WAAW,MAAM,EAAEA,WAAW,CAAC,GAClDN,QAAQ,CAACK,KAAK,EAAE,GAAGC,WAAW,MAAM,EAAEA,WAAW,CAAC;EACxD,OAAOP,IAAI,CAACU,OAAO,EAAEC,MAAM,CAAC,CAACN,KAAK,CAAC;AACrC;AAEA,MAAMO,aAAa,GAAIP,KAA0B,IAAK;EACpD,IAAI;IAAEE,WAAW;IAAEC;EAAO,CAAC,GAAGH,KAAK;EACnCE,WAAW,GAAGL,cAAc,CAC1BG,KAAK,EACLE,WAAW,KAAK,SAAS,GAAGA,WAAW,GAAGC,MAC5C,CAAC;EACD,OAAO;IACLK,EAAE,EAAET,KAAK,CAACC,KAAK,CAAC;IAChBS,KAAK,EAAE;MAAEC,KAAK,EAAEf,IAAI,CAAC,GAAGO,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACF,KAAK;IAAE;EAC1E,CAAC;AACH,CAAC;AAED,MAAMW,cAAc,GAAIX,KAA0B,IAAK;EACrD,IAAI;IAAEE,WAAW;IAAEC;EAAO,CAAC,GAAGH,KAAK;EACnCE,WAAW,GAAGL,cAAc,CAC1BG,KAAK,EACLE,WAAW,KAAK,SAAS,GAAGA,WAAW,GAAGC,MAC5C,CAAC;EACD,OAAO;IACLS,WAAW,EAAE,CAAC;IACdC,WAAW,EAAElB,IAAI,CAAC,GAAGO,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACF,KAAK,CAAC;IACpES,KAAK,EAAE;MAAEC,KAAK,EAAEf,IAAI,CAAC,GAAGO,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACF,KAAK;IAAE;EAC1E,CAAC;AACH,CAAC;AACD,MAAMc,mBAAmB,GAAId,KAA0B,IAAK;EAC1D,IAAI;IAAEE,WAAW;IAAEC,MAAM;IAAEF;EAAM,CAAC,GAAGD,KAAK;EAC1CE,WAAW,GAAGL,cAAc,CAC1BG,KAAK,EACLE,WAAW,KAAK,SAAS,GAAGA,WAAW,GAAGC,MAC5C,CAAC;EACD,OAAO;IACLS,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEf,cAAc,CACzBH,IAAI,CAAC,GAAGO,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACF,KAAK,CAAC,EACvD,GACF,CAAC,CAACC,KAAK,CAAC;IACRQ,KAAK,EAAE;MAAEC,KAAK,EAAEf,IAAI,CAAC,GAAGO,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACF,KAAK;IAAE;EAC1E,CAAC;AACH,CAAC;AAED,MAAMe,YAAY,GAAIf,KAA0B,IAAK;EACnD,OAAO;IACLY,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,aAAa;IAC1BL,EAAE,EAAET,KAAK,CAACC,KAAK,CAAC;IAChBS,KAAK,EAAE;MAAEC,KAAK,EAAEf,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,CAACK,KAAK;IAAE;EAC5D,CAAC;AACH,CAAC;AACD,MAAMgB,iBAAiB,GAAIhB,KAA0B,IAAK;EACxD,IAAI;IAAEE,WAAW;IAAEC;EAAO,CAAC,GAAGH,KAAK;EACnCE,WAAW,GAAGL,cAAc,CAC1BG,KAAK,EACLE,WAAW,KAAK,SAAS,GAAGA,WAAW,GAAGC,MAC5C,CAAC;EACD,OAAO;IACLS,WAAW,EAAE,CAAC;IACdJ,EAAE,EAAET,KAAK,CAACC,KAAK,CAAC;IAChBS,KAAK,EAAE;MAAEC,KAAK,EAAEf,IAAI,CAAC,GAAGO,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACF,KAAK;IAAE,CAAC;IACzEa,WAAW,EAAE,aAAa;IAC1BI,eAAe,EAAEtB,IAAI,CAAC,GAAGO,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACF,KAAK;EACzE,CAAC;AACH,CAAC;AACD,MAAMkB,gBAAgB,GAAIlB,KAA0B,IAAK;EACvD,IAAI;IAAEE,WAAW;IAAEC;EAAO,CAAC,GAAGH,KAAK;EACnCE,WAAW,GAAGL,cAAc,CAC1BG,KAAK,EACLE,WAAW,KAAK,SAAS,GAAGA,WAAW,GAAGC,MAC5C,CAAC;EACD,OAAO;IACLS,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,aAAa;IAC1BM,cAAc,EAAExB,IAAI,CAAC,GAAGO,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACF,KAAK,CAAC;IACvEQ,EAAE,EAAET,KAAK,CAACC,KAAK,CAAC;IAChBS,KAAK,EAAE;MAAEC,KAAK,EAAEf,IAAI,CAAC,GAAGO,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACF,KAAK;IAAE;EAC1E,CAAC;AACH,CAAC;AAED,MAAMoB,QAAQ,GAAG;EACf,QAAQ,EAAEb,aAAa;EACvB,OAAO,EAAEQ,YAAY;EACrB,aAAa,EAAEC,iBAAiB;EAChC,YAAY,EAAEE,gBAAgB;EAC9B,SAAS,EAAEP,cAAc;EACzB,eAAe,EAAEG;AACnB,CAAC;AAED,OAAO,MAAMO,KAAK,GAAG;EACnBC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,YAAY;IAC5BC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,YAAY,EAAE;EAChB,CAAC;EACDP,QAAQ;EACRQ,YAAY,EAAE;IACZ1B,WAAW,EAAE,SAAS;IACtBE,OAAO,EAAE;EACX;AACF,CAAC;;AAED;;AAEA,OAAO,MAAMyB,SAAS,GAAG;EACvBP,SAAS,EAAE;IACTQ,IAAI,EAAE;EACR;AACF,CAAC","ignoreList":[]}

package/lib/module/theme/v33x-theme/components/app-bar.js

@@ -1,13 +1,11 @@
 import { mode, getColorScheme } from '../tools';
-
 const baseStyle = props => {
   let colorScheme = getColorScheme(props);
   return {
-    bg: mode("".concat(colorScheme, ".500"), "".concat(colorScheme, ".300"))(props),
+    bg: mode(`${colorScheme}.500`, `${colorScheme}.300`)(props),
     px: 2
   };
 };
-
 const defaultProps = {
   colorScheme: 'primary'
 };

package/lib/module/theme/v33x-theme/components/app-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["app-bar.ts"],"names":["mode","getColorScheme","baseStyle","props","colorScheme","bg","px","defaultProps"],"mappings":"AAAA,SAASA,IAAT,EAAeC,cAAf,QAAqC,UAArC;;AAEA,MAAMC,SAAS,GAAIC,KAAD,IAAgC;AAChD,MAAIC,WAAW,GAAGH,cAAc,CAACE,KAAD,CAAhC;AACA,SAAO;AACLE,IAAAA,EAAE,EAAEL,IAAI,WAAII,WAAJ,qBAA0BA,WAA1B,UAAJ,CAAiDD,KAAjD,CADC;AAELG,IAAAA,EAAE,EAAE;AAFC,GAAP;AAID,CAND;;AAOA,MAAMC,YAAY,GAAG;AACnBH,EAAAA,WAAW,EAAE;AADM,CAArB;AAIA,eAAe;AACbF,EAAAA,SADa;AAEbK,EAAAA;AAFa,CAAf","sourcesContent":["import { mode, getColorScheme } from '../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  let colorScheme = getColorScheme(props);\r\n  return {\r\n    bg: mode(`${colorScheme}.500`, `${colorScheme}.300`)(props),\r\n    px: 2,\r\n  };\r\n};\r\nconst defaultProps = {\r\n  colorScheme: 'primary',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"]}
+{"version":3,"names":["mode","getColorScheme","baseStyle","props","colorScheme","bg","px","defaultProps"],"sources":["app-bar.ts"],"sourcesContent":["import { mode, getColorScheme } from '../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  let colorScheme = getColorScheme(props);\r\n  return {\r\n    bg: mode(`${colorScheme}.500`, `${colorScheme}.300`)(props),\r\n    px: 2,\r\n  };\r\n};\r\nconst defaultProps = {\r\n  colorScheme: 'primary',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,cAAc,QAAQ,UAAU;AAE/C,MAAMC,SAAS,GAAIC,KAA0B,IAAK;EAChD,IAAIC,WAAW,GAAGH,cAAc,CAACE,KAAK,CAAC;EACvC,OAAO;IACLE,EAAE,EAAEL,IAAI,CAAC,GAAGI,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACD,KAAK,CAAC;IAC3DG,EAAE,EAAE;EACN,CAAC;AACH,CAAC;AACD,MAAMC,YAAY,GAAG;EACnBH,WAAW,EAAE;AACf,CAAC;AAED,eAAe;EACbF,SAAS;EACTK;AACF,CAAC","ignoreList":[]}

package/lib/module/theme/v33x-theme/components/aspect-ratio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["aspect-ratio.ts"],"names":["baseStyle","defaultProps","ratio"],"mappings":"AAAA,MAAMA,SAAS,GAAG,EAAlB;AACA,MAAMC,YAAY,GAAG;AACnBC,EAAAA,KAAK,EAAE,IAAI;AADQ,CAArB;AAGA,eAAe;AACbF,EAAAA,SADa;AAEbC,EAAAA;AAFa,CAAf","sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {\r\n  ratio: 4 / 3,\r\n};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"]}
+{"version":3,"names":["baseStyle","defaultProps","ratio"],"sources":["aspect-ratio.ts"],"sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {\r\n  ratio: 4 / 3,\r\n};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"],"mappings":"AAAA,MAAMA,SAAS,GAAG,CAAC,CAAC;AACpB,MAAMC,YAAY,GAAG;EACnBC,KAAK,EAAE,CAAC,GAAG;AACb,CAAC;AACD,eAAe;EACbF,SAAS;EACTC;AACF,CAAC","ignoreList":[]}

package/lib/module/theme/v33x-theme/components/avatar-badge.js

@@ -1,5 +1,4 @@
 import { mode } from '../tools';
-
 function baseStyle(props) {
   return {
     borderRadius: 'full',
@@ -12,7 +11,6 @@ function baseStyle(props) {
     bottom: 0
   };
 }
-
 export default {
   baseStyle
 };

package/lib/module/theme/v33x-theme/components/avatar-badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["avatar-badge.ts"],"names":["mode","baseStyle","props","borderRadius","borderWidth","borderColor","bg","size","position","right","bottom"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB;;AAEA,SAASC,SAAT,CAAmBC,KAAnB,EAA+C;AAC7C,SAAO;AACLC,IAAAA,YAAY,EAAE,MADT;AAELC,IAAAA,WAAW,EAAE,CAFR;AAGLC,IAAAA,WAAW,EAAEL,IAAI,CAAC,UAAD,EAAa,UAAb,CAAJ,CAA6BE,KAA7B,CAHR;AAILI,IAAAA,EAAE,EAAEN,IAAI,CAAC,UAAD,EAAa,WAAb,CAAJ,CAA8BE,KAA9B,CAJC;AAKLK,IAAAA,IAAI,EAAE,CALD;AAMLC,IAAAA,QAAQ,EAAE,UANL;AAOLC,IAAAA,KAAK,EAAE,CAPF;AAQLC,IAAAA,MAAM,EAAE;AARH,GAAP;AAUD;;AAED,eAAe;AAAET,EAAAA;AAAF,CAAf","sourcesContent":["import { mode } from '../tools';\r\n\r\nfunction baseStyle(props: Record<string, any>) {\r\n  return {\r\n    borderRadius: 'full',\r\n    borderWidth: 2,\r\n    borderColor: mode('light.50', 'gray.800')(props),\r\n    bg: mode('gray.600', 'light.100')(props),\r\n    size: 3,\r\n    position: 'absolute',\r\n    right: 0,\r\n    bottom: 0,\r\n  };\r\n}\r\n\r\nexport default { baseStyle };\r\n"]}
+{"version":3,"names":["mode","baseStyle","props","borderRadius","borderWidth","borderColor","bg","size","position","right","bottom"],"sources":["avatar-badge.ts"],"sourcesContent":["import { mode } from '../tools';\r\n\r\nfunction baseStyle(props: Record<string, any>) {\r\n  return {\r\n    borderRadius: 'full',\r\n    borderWidth: 2,\r\n    borderColor: mode('light.50', 'gray.800')(props),\r\n    bg: mode('gray.600', 'light.100')(props),\r\n    size: 3,\r\n    position: 'absolute',\r\n    right: 0,\r\n    bottom: 0,\r\n  };\r\n}\r\n\r\nexport default { baseStyle };\r\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,UAAU;AAE/B,SAASC,SAASA,CAACC,KAA0B,EAAE;EAC7C,OAAO;IACLC,YAAY,EAAE,MAAM;IACpBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEL,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAACE,KAAK,CAAC;IAChDI,EAAE,EAAEN,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAACE,KAAK,CAAC;IACxCK,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;AACH;AAEA,eAAe;EAAET;AAAU,CAAC","ignoreList":[]}

package/lib/module/theme/v33x-theme/components/avatar-group.js

@@ -1,5 +1,4 @@
 import { mode } from '../tools';
-
 function baseStyle({
   isVertical,
   ...props
@@ -16,7 +15,6 @@ function baseStyle({
     }
   };
 }
-
 export default {
   baseStyle,
   defaultProps: {

package/lib/module/theme/v33x-theme/components/avatar-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["avatar-group.ts"],"names":["mode","baseStyle","isVertical","props","flexDirection","space","_avatar","borderColor","borderWidth","_hiddenAvatarPlaceholder","bg","defaultProps"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB;;AAEA,SAASC,SAAT,CAAmB;AAAEC,EAAAA,UAAF;AAAc,KAAGC;AAAjB,CAAnB,EAAkE;AAChE,SAAO;AACLC,IAAAA,aAAa,EAAEF,UAAU,GAAG,gBAAH,GAAsB,aAD1C;AAELG,IAAAA,KAAK,EAAE,CAAC,CAFH;AAGLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,WAAW,EAAEP,IAAI,CAAC,SAAD,EAAY,UAAZ,CAAJ,CAA4BG,KAA5B,CADN;AAEPK,MAAAA,WAAW,EAAE;AAFN,KAHJ;AAOLC,IAAAA,wBAAwB,EAAE;AACxBC,MAAAA,EAAE,EAAEV,IAAI,CAAC,UAAD,EAAa,UAAb,CAAJ,CAA6BG,KAA7B;AADoB;AAPrB,GAAP;AAWD;;AAED,eAAe;AACbF,EAAAA,SADa;AAEbU,EAAAA,YAAY,EAAE;AACZT,IAAAA,UAAU,EAAE;AADA;AAFD,CAAf","sourcesContent":["import { mode } from '../tools';\r\n\r\nfunction baseStyle({ isVertical, ...props }: Record<string, any>) {\r\n  return {\r\n    flexDirection: isVertical ? 'column-reverse' : 'row-reverse',\r\n    space: -4,\r\n    _avatar: {\r\n      borderColor: mode('gray.50', 'gray.800')(props),\r\n      borderWidth: 2,\r\n    },\r\n    _hiddenAvatarPlaceholder: {\r\n      bg: mode('gray.600', 'gray.100')(props),\r\n    },\r\n  };\r\n}\r\n\r\nexport default {\r\n  baseStyle,\r\n  defaultProps: {\r\n    isVertical: false,\r\n  },\r\n};\r\n"]}
+{"version":3,"names":["mode","baseStyle","isVertical","props","flexDirection","space","_avatar","borderColor","borderWidth","_hiddenAvatarPlaceholder","bg","defaultProps"],"sources":["avatar-group.ts"],"sourcesContent":["import { mode } from '../tools';\r\n\r\nfunction baseStyle({ isVertical, ...props }: Record<string, any>) {\r\n  return {\r\n    flexDirection: isVertical ? 'column-reverse' : 'row-reverse',\r\n    space: -4,\r\n    _avatar: {\r\n      borderColor: mode('gray.50', 'gray.800')(props),\r\n      borderWidth: 2,\r\n    },\r\n    _hiddenAvatarPlaceholder: {\r\n      bg: mode('gray.600', 'gray.100')(props),\r\n    },\r\n  };\r\n}\r\n\r\nexport default {\r\n  baseStyle,\r\n  defaultProps: {\r\n    isVertical: false,\r\n  },\r\n};\r\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,UAAU;AAE/B,SAASC,SAASA,CAAC;EAAEC,UAAU;EAAE,GAAGC;AAA2B,CAAC,EAAE;EAChE,OAAO;IACLC,aAAa,EAAEF,UAAU,GAAG,gBAAgB,GAAG,aAAa;IAC5DG,KAAK,EAAE,CAAC,CAAC;IACTC,OAAO,EAAE;MACPC,WAAW,EAAEP,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAACG,KAAK,CAAC;MAC/CK,WAAW,EAAE;IACf,CAAC;IACDC,wBAAwB,EAAE;MACxBC,EAAE,EAAEV,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAACG,KAAK;IACxC;EACF,CAAC;AACH;AAEA,eAAe;EACbF,SAAS;EACTU,YAAY,EAAE;IACZT,UAAU,EAAE;EACd;AACF,CAAC","ignoreList":[]}

package/lib/module/theme/v33x-theme/components/avatar.js

@@ -1,5 +1,4 @@
 import { randomColor, getRandomString, mode } from '../tools';
-
 const baseStyle = props => {
   const {
     name,
@@ -32,7 +31,6 @@ const baseStyle = props => {
     }
   };
 };
-
 function getSize(size, fontSize) {
   return {
     width: size,
@@ -42,7 +40,6 @@ function getSize(size, fontSize) {
     }
   };
 }
-
 const sizes = {
   'xs': getSize('6', '2xs'),
   'sm': getSize('8', 'xs'),

package/lib/module/theme/v33x-theme/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["avatar.ts"],"names":["randomColor","getRandomString","mode","baseStyle","props","name","colorModeProps","bg","string","borderColor","position","justifyContent","alignItems","borderRadius","_text","fontWeight","_image","alt","_alt","style","height","width","getSize","size","fontSize","sizes","defaultProps"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,eAAtB,EAAuCC,IAAvC,QAAmD,UAAnD;;AAEA,MAAMC,SAAS,GAAIC,KAAD,IAAgC;AAChD,QAAM;AAAEC,IAAAA,IAAF;AAAQ,OAAGC;AAAX,MAA8BF,KAApC;AACA,QAAMG,EAAE,GAAGF,IAAI,GACXL,WAAW,CAAC;AAAEQ,IAAAA,MAAM,EAAEP,eAAe,CAAC,CAAD,CAAf,GAAqBI;AAA/B,GAAD,CADA,GAEX,UAFJ;AAGA,QAAMI,WAAW,GAAGP,IAAI,CAAC,UAAD,EAAa,OAAb,CAAJ,CAA0BI,cAA1B,CAApB;AACA,SAAO;AACLC,IAAAA,EADK;AAELE,IAAAA,WAFK;AAGLC,IAAAA,QAAQ,EAAE,UAHL;AAILC,IAAAA,cAAc,EAAE,QAJX;AAKLC,IAAAA,UAAU,EAAE,QALP;AAMLC,IAAAA,YAAY,EAAE,MANT;AAOLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,UAAU,EAAE;AADP,KAPF;AAULC,IAAAA,MAAM,EAAE;AACNH,MAAAA,YAAY,EAAE,MADR;AAENI,MAAAA,GAAG,EAAE,IAFC;AAGNC,MAAAA,IAAI,EAAE;AACJH,QAAAA,UAAU,EAAE;AADR,OAHA;AAMNI,MAAAA,KAAK,EAAE;AACLC,QAAAA,MAAM,EAAE,MADH;AAELC,QAAAA,KAAK,EAAE;AAFF;AAND;AAVH,GAAP;AAsBD,CA5BD;;AA8BA,SAASC,OAAT,CAAiBC,IAAjB,EAA4BC,QAA5B,EAA8C;AAC5C,SAAO;AACLH,IAAAA,KAAK,EAAEE,IADF;AAELH,IAAAA,MAAM,EAAEG,IAFH;AAGLT,IAAAA,KAAK,EAAE;AACLU,MAAAA,QAAQ,EAAEA;AADL;AAHF,GAAP;AAOD;;AAED,MAAMC,KAAK,GAAG;AACZ,QAAMH,OAAO,CAAC,GAAD,EAAM,KAAN,CADD;AAEZ,QAAMA,OAAO,CAAC,GAAD,EAAM,IAAN,CAFD;AAGZ,QAAMA,OAAO,CAAC,IAAD,EAAO,IAAP,CAHD;AAIZ,QAAMA,OAAO,CAAC,IAAD,EAAO,IAAP,CAJD;AAKZ,QAAMA,OAAO,CAAC,IAAD,EAAO,KAAP,CALD;AAMZ,SAAOA,OAAO,CAAC,IAAD,EAAO,KAAP;AANF,CAAd;AASA,MAAMI,YAAY,GAAG;AACnBH,EAAAA,IAAI,EAAE;AADa,CAArB;AAIA,eAAe;AACbpB,EAAAA,SADa;AAEbsB,EAAAA,KAFa;AAGbC,EAAAA;AAHa,CAAf","sourcesContent":["import { randomColor, getRandomString, mode } from '../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  const { name, ...colorModeProps } = props;\r\n  const bg = name\r\n    ? randomColor({ string: getRandomString(5) + name })\r\n    : 'gray.400';\r\n  const borderColor = mode('gray.800', 'white')(colorModeProps);\r\n  return {\r\n    bg,\r\n    borderColor,\r\n    position: 'relative',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    borderRadius: 'full',\r\n    _text: {\r\n      fontWeight: 600,\r\n    },\r\n    _image: {\r\n      borderRadius: 'full',\r\n      alt: '--',\r\n      _alt: {\r\n        fontWeight: 600,\r\n      },\r\n      style: {\r\n        height: '100%',\r\n        width: '100%',\r\n      },\r\n    },\r\n  };\r\n};\r\n\r\nfunction getSize(size: any, fontSize: string) {\r\n  return {\r\n    width: size,\r\n    height: size,\r\n    _text: {\r\n      fontSize: fontSize,\r\n    },\r\n  };\r\n}\r\n\r\nconst sizes = {\r\n  'xs': getSize('6', '2xs'),\r\n  'sm': getSize('8', 'xs'),\r\n  'md': getSize('12', 'md'),\r\n  'lg': getSize('16', 'xl'),\r\n  'xl': getSize('24', '3xl'),\r\n  '2xl': getSize('32', '5xl'),\r\n};\r\n\r\nconst defaultProps = {\r\n  size: 'md',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  sizes,\r\n  defaultProps,\r\n};\r\n"]}
+{"version":3,"names":["randomColor","getRandomString","mode","baseStyle","props","name","colorModeProps","bg","string","borderColor","position","justifyContent","alignItems","borderRadius","_text","fontWeight","_image","alt","_alt","style","height","width","getSize","size","fontSize","sizes","defaultProps"],"sources":["avatar.ts"],"sourcesContent":["import { randomColor, getRandomString, mode } from '../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  const { name, ...colorModeProps } = props;\r\n  const bg = name\r\n    ? randomColor({ string: getRandomString(5) + name })\r\n    : 'gray.400';\r\n  const borderColor = mode('gray.800', 'white')(colorModeProps);\r\n  return {\r\n    bg,\r\n    borderColor,\r\n    position: 'relative',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    borderRadius: 'full',\r\n    _text: {\r\n      fontWeight: 600,\r\n    },\r\n    _image: {\r\n      borderRadius: 'full',\r\n      alt: '--',\r\n      _alt: {\r\n        fontWeight: 600,\r\n      },\r\n      style: {\r\n        height: '100%',\r\n        width: '100%',\r\n      },\r\n    },\r\n  };\r\n};\r\n\r\nfunction getSize(size: any, fontSize: string) {\r\n  return {\r\n    width: size,\r\n    height: size,\r\n    _text: {\r\n      fontSize: fontSize,\r\n    },\r\n  };\r\n}\r\n\r\nconst sizes = {\r\n  'xs': getSize('6', '2xs'),\r\n  'sm': getSize('8', 'xs'),\r\n  'md': getSize('12', 'md'),\r\n  'lg': getSize('16', 'xl'),\r\n  'xl': getSize('24', '3xl'),\r\n  '2xl': getSize('32', '5xl'),\r\n};\r\n\r\nconst defaultProps = {\r\n  size: 'md',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  sizes,\r\n  defaultProps,\r\n};\r\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,eAAe,EAAEC,IAAI,QAAQ,UAAU;AAE7D,MAAMC,SAAS,GAAIC,KAA0B,IAAK;EAChD,MAAM;IAAEC,IAAI;IAAE,GAAGC;EAAe,CAAC,GAAGF,KAAK;EACzC,MAAMG,EAAE,GAAGF,IAAI,GACXL,WAAW,CAAC;IAAEQ,MAAM,EAAEP,eAAe,CAAC,CAAC,CAAC,GAAGI;EAAK,CAAC,CAAC,GAClD,UAAU;EACd,MAAMI,WAAW,GAAGP,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAACI,cAAc,CAAC;EAC7D,OAAO;IACLC,EAAE;IACFE,WAAW;IACXC,QAAQ,EAAE,UAAU;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,MAAM;IACpBC,KAAK,EAAE;MACLC,UAAU,EAAE;IACd,CAAC;IACDC,MAAM,EAAE;MACNH,YAAY,EAAE,MAAM;MACpBI,GAAG,EAAE,IAAI;MACTC,IAAI,EAAE;QACJH,UAAU,EAAE;MACd,CAAC;MACDI,KAAK,EAAE;QACLC,MAAM,EAAE,MAAM;QACdC,KAAK,EAAE;MACT;IACF;EACF,CAAC;AACH,CAAC;AAED,SAASC,OAAOA,CAACC,IAAS,EAAEC,QAAgB,EAAE;EAC5C,OAAO;IACLH,KAAK,EAAEE,IAAI;IACXH,MAAM,EAAEG,IAAI;IACZT,KAAK,EAAE;MACLU,QAAQ,EAAEA;IACZ;EACF,CAAC;AACH;AAEA,MAAMC,KAAK,GAAG;EACZ,IAAI,EAAEH,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC;EACzB,IAAI,EAAEA,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC;EACxB,IAAI,EAAEA,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;EACzB,IAAI,EAAEA,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;EACzB,IAAI,EAAEA,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;EAC1B,KAAK,EAAEA,OAAO,CAAC,IAAI,EAAE,KAAK;AAC5B,CAAC;AAED,MAAMI,YAAY,GAAG;EACnBH,IAAI,EAAE;AACR,CAAC;AAED,eAAe;EACbpB,SAAS;EACTsB,KAAK;EACLC;AACF,CAAC","ignoreList":[]}

package/lib/module/theme/v33x-theme/components/badge.js

@@ -8,45 +8,41 @@ const baseStyle = {
     fontWeight: 'medium'
   }
 };
-
 function variantSolid(props) {
   const colorScheme = getColorScheme(props);
   return {
-    bg: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".300"))(props),
+    bg: mode(`${colorScheme}.600`, `${colorScheme}.300`)(props),
     _text: {
-      color: mode("coolGray.100", "coolGray.800")(props)
+      color: mode(`coolGray.100`, `coolGray.800`)(props)
     },
     borderWidth: '1',
     borderColor: 'transparent',
     borderRadius: '2'
   };
 }
-
 function variantSubtle(props) {
   const colorScheme = getColorScheme(props);
   return {
-    bg: mode("".concat(colorScheme, ".200"), "".concat(colorScheme, ".700"))(props),
+    bg: mode(`${colorScheme}.200`, `${colorScheme}.700`)(props),
     _text: {
-      color: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".200"))(props)
+      color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props)
     },
     borderWidth: '1',
     borderRadius: '2',
     borderColor: 'transparent'
   };
 }
-
 function variantOutline(props) {
   const colorScheme = getColorScheme(props);
   return {
-    borderColor: mode("".concat(colorScheme, ".500"), "".concat(colorScheme, ".400"))(props),
+    borderColor: mode(`${colorScheme}.500`, `${colorScheme}.400`)(props),
     _text: {
-      color: mode("".concat(colorScheme, ".500"), "".concat(colorScheme, ".400"))(props)
+      color: mode(`${colorScheme}.500`, `${colorScheme}.400`)(props)
     },
     borderRadius: '2',
     borderWidth: '1'
   };
 }
-
 const variants = {
   solid: variantSolid,
   subtle: variantSubtle,

package/lib/module/theme/v33x-theme/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["badge.ts"],"names":["mode","getColorScheme","baseStyle","px","py","alignItems","_text","fontSize","fontWeight","variantSolid","props","colorScheme","bg","color","borderWidth","borderColor","borderRadius","variantSubtle","variantOutline","variants","solid","subtle","outline","defaultProps","variant"],"mappings":"AAAA,SAASA,IAAT,EAAeC,cAAf,QAAqC,UAArC;AAEA,MAAMC,SAAS,GAAG;AAChBC,EAAAA,EAAE,EAAE,GADY;AAEhBC,EAAAA,EAAE,EAAE,KAFY;AAGhBC,EAAAA,UAAU,EAAE,QAHI;AAIhBC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,QAAQ,EAAE,IAAZ;AAAkBC,IAAAA,UAAU,EAAE;AAA9B;AAJS,CAAlB;;AAOA,SAASC,YAAT,CAAsBC,KAAtB,EAAkD;AAChD,QAAMC,WAAW,GAAGV,cAAc,CAACS,KAAD,CAAlC;AACA,SAAO;AACLE,IAAAA,EAAE,EAAEZ,IAAI,WAAIW,WAAJ,qBAA0BA,WAA1B,UAAJ,CAAiDD,KAAjD,CADC;AAELJ,IAAAA,KAAK,EAAE;AAAEO,MAAAA,KAAK,EAAEb,IAAI,gCAAJ,CAAqCU,KAArC;AAAT,KAFF;AAGLI,IAAAA,WAAW,EAAE,GAHR;AAILC,IAAAA,WAAW,EAAE,aAJR;AAKLC,IAAAA,YAAY,EAAE;AALT,GAAP;AAOD;;AAED,SAASC,aAAT,CAAuBP,KAAvB,EAAmD;AACjD,QAAMC,WAAW,GAAGV,cAAc,CAACS,KAAD,CAAlC;AACA,SAAO;AACLE,IAAAA,EAAE,EAAEZ,IAAI,WAAIW,WAAJ,qBAA0BA,WAA1B,UAAJ,CAAiDD,KAAjD,CADC;AAELJ,IAAAA,KAAK,EAAE;AAAEO,MAAAA,KAAK,EAAEb,IAAI,WAAIW,WAAJ,qBAA0BA,WAA1B,UAAJ,CAAiDD,KAAjD;AAAT,KAFF;AAGLI,IAAAA,WAAW,EAAE,GAHR;AAILE,IAAAA,YAAY,EAAE,GAJT;AAKLD,IAAAA,WAAW,EAAE;AALR,GAAP;AAOD;;AAED,SAASG,cAAT,CAAwBR,KAAxB,EAAoD;AAClD,QAAMC,WAAW,GAAGV,cAAc,CAACS,KAAD,CAAlC;AACA,SAAO;AACLK,IAAAA,WAAW,EAAEf,IAAI,WAAIW,WAAJ,qBAA0BA,WAA1B,UAAJ,CAAiDD,KAAjD,CADR;AAELJ,IAAAA,KAAK,EAAE;AAAEO,MAAAA,KAAK,EAAEb,IAAI,WAAIW,WAAJ,qBAA0BA,WAA1B,UAAJ,CAAiDD,KAAjD;AAAT,KAFF;AAGLM,IAAAA,YAAY,EAAE,GAHT;AAILF,IAAAA,WAAW,EAAE;AAJR,GAAP;AAMD;;AAED,MAAMK,QAAQ,GAAG;AACfC,EAAAA,KAAK,EAAEX,YADQ;AAEfY,EAAAA,MAAM,EAAEJ,aAFO;AAGfK,EAAAA,OAAO,EAAEJ;AAHM,CAAjB;AAMA,MAAMK,YAAY,GAAG;AACnBC,EAAAA,OAAO,EAAE,QADU;AAEnBb,EAAAA,WAAW,EAAE;AAFM,CAArB;AAKA,eAAe;AACbT,EAAAA,SADa;AAEbiB,EAAAA,QAFa;AAGbI,EAAAA;AAHa,CAAf","sourcesContent":["import { mode, getColorScheme } from '../tools';\r\n\r\nconst baseStyle = {\r\n  px: '2',\r\n  py: '0.5',\r\n  alignItems: 'center',\r\n  _text: { fontSize: 'xs', fontWeight: 'medium' },\r\n};\r\n\r\nfunction variantSolid(props: Record<string, any>) {\r\n  const colorScheme = getColorScheme(props);\r\n  return {\r\n    bg: mode(`${colorScheme}.600`, `${colorScheme}.300`)(props),\r\n    _text: { color: mode(`coolGray.100`, `coolGray.800`)(props) },\r\n    borderWidth: '1',\r\n    borderColor: 'transparent',\r\n    borderRadius: '2',\r\n  };\r\n}\r\n\r\nfunction variantSubtle(props: Record<string, any>) {\r\n  const colorScheme = getColorScheme(props);\r\n  return {\r\n    bg: mode(`${colorScheme}.200`, `${colorScheme}.700`)(props),\r\n    _text: { color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props) },\r\n    borderWidth: '1',\r\n    borderRadius: '2',\r\n    borderColor: 'transparent',\r\n  };\r\n}\r\n\r\nfunction variantOutline(props: Record<string, any>) {\r\n  const colorScheme = getColorScheme(props);\r\n  return {\r\n    borderColor: mode(`${colorScheme}.500`, `${colorScheme}.400`)(props),\r\n    _text: { color: mode(`${colorScheme}.500`, `${colorScheme}.400`)(props) },\r\n    borderRadius: '2',\r\n    borderWidth: '1',\r\n  };\r\n}\r\n\r\nconst variants = {\r\n  solid: variantSolid,\r\n  subtle: variantSubtle,\r\n  outline: variantOutline,\r\n};\r\n\r\nconst defaultProps = {\r\n  variant: 'subtle',\r\n  colorScheme: 'coolGray',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  variants,\r\n  defaultProps,\r\n};\r\n"]}
+{"version":3,"names":["mode","getColorScheme","baseStyle","px","py","alignItems","_text","fontSize","fontWeight","variantSolid","props","colorScheme","bg","color","borderWidth","borderColor","borderRadius","variantSubtle","variantOutline","variants","solid","subtle","outline","defaultProps","variant"],"sources":["badge.ts"],"sourcesContent":["import { mode, getColorScheme } from '../tools';\r\n\r\nconst baseStyle = {\r\n  px: '2',\r\n  py: '0.5',\r\n  alignItems: 'center',\r\n  _text: { fontSize: 'xs', fontWeight: 'medium' },\r\n};\r\n\r\nfunction variantSolid(props: Record<string, any>) {\r\n  const colorScheme = getColorScheme(props);\r\n  return {\r\n    bg: mode(`${colorScheme}.600`, `${colorScheme}.300`)(props),\r\n    _text: { color: mode(`coolGray.100`, `coolGray.800`)(props) },\r\n    borderWidth: '1',\r\n    borderColor: 'transparent',\r\n    borderRadius: '2',\r\n  };\r\n}\r\n\r\nfunction variantSubtle(props: Record<string, any>) {\r\n  const colorScheme = getColorScheme(props);\r\n  return {\r\n    bg: mode(`${colorScheme}.200`, `${colorScheme}.700`)(props),\r\n    _text: { color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props) },\r\n    borderWidth: '1',\r\n    borderRadius: '2',\r\n    borderColor: 'transparent',\r\n  };\r\n}\r\n\r\nfunction variantOutline(props: Record<string, any>) {\r\n  const colorScheme = getColorScheme(props);\r\n  return {\r\n    borderColor: mode(`${colorScheme}.500`, `${colorScheme}.400`)(props),\r\n    _text: { color: mode(`${colorScheme}.500`, `${colorScheme}.400`)(props) },\r\n    borderRadius: '2',\r\n    borderWidth: '1',\r\n  };\r\n}\r\n\r\nconst variants = {\r\n  solid: variantSolid,\r\n  subtle: variantSubtle,\r\n  outline: variantOutline,\r\n};\r\n\r\nconst defaultProps = {\r\n  variant: 'subtle',\r\n  colorScheme: 'coolGray',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  variants,\r\n  defaultProps,\r\n};\r\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,cAAc,QAAQ,UAAU;AAE/C,MAAMC,SAAS,GAAG;EAChBC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,KAAK;EACTC,UAAU,EAAE,QAAQ;EACpBC,KAAK,EAAE;IAAEC,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE;EAAS;AAChD,CAAC;AAED,SAASC,YAAYA,CAACC,KAA0B,EAAE;EAChD,MAAMC,WAAW,GAAGV,cAAc,CAACS,KAAK,CAAC;EACzC,OAAO;IACLE,EAAE,EAAEZ,IAAI,CAAC,GAAGW,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACD,KAAK,CAAC;IAC3DJ,KAAK,EAAE;MAAEO,KAAK,EAAEb,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,CAACU,KAAK;IAAE,CAAC;IAC7DI,WAAW,EAAE,GAAG;IAChBC,WAAW,EAAE,aAAa;IAC1BC,YAAY,EAAE;EAChB,CAAC;AACH;AAEA,SAASC,aAAaA,CAACP,KAA0B,EAAE;EACjD,MAAMC,WAAW,GAAGV,cAAc,CAACS,KAAK,CAAC;EACzC,OAAO;IACLE,EAAE,EAAEZ,IAAI,CAAC,GAAGW,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACD,KAAK,CAAC;IAC3DJ,KAAK,EAAE;MAAEO,KAAK,EAAEb,IAAI,CAAC,GAAGW,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACD,KAAK;IAAE,CAAC;IACzEI,WAAW,EAAE,GAAG;IAChBE,YAAY,EAAE,GAAG;IACjBD,WAAW,EAAE;EACf,CAAC;AACH;AAEA,SAASG,cAAcA,CAACR,KAA0B,EAAE;EAClD,MAAMC,WAAW,GAAGV,cAAc,CAACS,KAAK,CAAC;EACzC,OAAO;IACLK,WAAW,EAAEf,IAAI,CAAC,GAAGW,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACD,KAAK,CAAC;IACpEJ,KAAK,EAAE;MAAEO,KAAK,EAAEb,IAAI,CAAC,GAAGW,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACD,KAAK;IAAE,CAAC;IACzEM,YAAY,EAAE,GAAG;IACjBF,WAAW,EAAE;EACf,CAAC;AACH;AAEA,MAAMK,QAAQ,GAAG;EACfC,KAAK,EAAEX,YAAY;EACnBY,MAAM,EAAEJ,aAAa;EACrBK,OAAO,EAAEJ;AACX,CAAC;AAED,MAAMK,YAAY,GAAG;EACnBC,OAAO,EAAE,QAAQ;EACjBb,WAAW,EAAE;AACf,CAAC;AAED,eAAe;EACbT,SAAS;EACTiB,QAAQ;EACRI;AACF,CAAC","ignoreList":[]}

package/lib/module/theme/v33x-theme/components/box.js.map

@@ -1 +1 @@
-{"version":3,"sources":["box.ts"],"names":["baseStyle","defaultProps"],"mappings":"AAAA,MAAMA,SAAS,GAAG,EAAlB;AACA,MAAMC,YAAY,GAAG,EAArB;AACA,eAAe;AACbD,EAAAA,SADa;AAEbC,EAAAA;AAFa,CAAf","sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"]}
+{"version":3,"names":["baseStyle","defaultProps"],"sources":["box.ts"],"sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"],"mappings":"AAAA,MAAMA,SAAS,GAAG,CAAC,CAAC;AACpB,MAAMC,YAAY,GAAG,CAAC,CAAC;AACvB,eAAe;EACbD,SAAS;EACTC;AACF,CAAC","ignoreList":[]}

package/lib/module/theme/v33x-theme/components/breadcrumb.js

@@ -14,7 +14,8 @@ export const Breadcrumb = {
   defaultProps
 };
 export const BreadcrumbText = {
-  baseStyle: { ...baseStyle,
+  baseStyle: {
+    ...baseStyle,
     _current: {
       fontWeight: 'bold'
     }
@@ -22,7 +23,8 @@ export const BreadcrumbText = {
   defaultProps
 };
 export const BreadcrumbIcon = {
-  baseStyle: { ...baseStyle
+  baseStyle: {
+    ...baseStyle
   },
   defaultProps
 };

package/lib/module/theme/v33x-theme/components/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["breadcrumb.ts"],"names":["baseStyle","width","height","display","flexDirection","spacing","defaultProps","direction","wrap","Breadcrumb","BreadcrumbText","_current","fontWeight","BreadcrumbIcon"],"mappings":"AAAA,MAAMA,SAAS,GAAG;AAChBC,EAAAA,KAAK,EAAE,MADS;AAEhBC,EAAAA,MAAM,EAAE,MAFQ;AAGhBC,EAAAA,OAAO,EAAE,MAHO;AAIhBC,EAAAA,aAAa,EAAE,KAJC;AAKhBC,EAAAA,OAAO,EAAE;AALO,CAAlB;AAOA,MAAMC,YAAY,GAAG;AACnBC,EAAAA,SAAS,EAAE,KADQ;AAEnBC,EAAAA,IAAI,EAAE;AAFa,CAArB;AAKA,OAAO,MAAMC,UAAU,GAAG;AACxBT,EAAAA,SADwB;AAExBM,EAAAA;AAFwB,CAAnB;AAKP,OAAO,MAAMI,cAAc,GAAG;AAC5BV,EAAAA,SAAS,EAAE,EAAE,GAAGA,SAAL;AAAgBW,IAAAA,QAAQ,EAAE;AAAEC,MAAAA,UAAU,EAAE;AAAd;AAA1B,GADiB;AAE5BN,EAAAA;AAF4B,CAAvB;AAKP,OAAO,MAAMO,cAAc,GAAG;AAC5Bb,EAAAA,SAAS,EAAE,EAAE,GAAGA;AAAL,GADiB;AAE5BM,EAAAA;AAF4B,CAAvB","sourcesContent":["const baseStyle = {\r\n  width: 'auto',\r\n  height: 'auto',\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  spacing: '2',\r\n};\r\nconst defaultProps = {\r\n  direction: 'row',\r\n  wrap: 'wrap',\r\n};\r\n\r\nexport const Breadcrumb = {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n\r\nexport const BreadcrumbText = {\r\n  baseStyle: { ...baseStyle, _current: { fontWeight: 'bold' } },\r\n  defaultProps,\r\n};\r\n\r\nexport const BreadcrumbIcon = {\r\n  baseStyle: { ...baseStyle },\r\n  defaultProps,\r\n};\r\n"]}
+{"version":3,"names":["baseStyle","width","height","display","flexDirection","spacing","defaultProps","direction","wrap","Breadcrumb","BreadcrumbText","_current","fontWeight","BreadcrumbIcon"],"sources":["breadcrumb.ts"],"sourcesContent":["const baseStyle = {\r\n  width: 'auto',\r\n  height: 'auto',\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  spacing: '2',\r\n};\r\nconst defaultProps = {\r\n  direction: 'row',\r\n  wrap: 'wrap',\r\n};\r\n\r\nexport const Breadcrumb = {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n\r\nexport const BreadcrumbText = {\r\n  baseStyle: { ...baseStyle, _current: { fontWeight: 'bold' } },\r\n  defaultProps,\r\n};\r\n\r\nexport const BreadcrumbIcon = {\r\n  baseStyle: { ...baseStyle },\r\n  defaultProps,\r\n};\r\n"],"mappings":"AAAA,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,KAAK;EACpBC,OAAO,EAAE;AACX,CAAC;AACD,MAAMC,YAAY,GAAG;EACnBC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,UAAU,GAAG;EACxBT,SAAS;EACTM;AACF,CAAC;AAED,OAAO,MAAMI,cAAc,GAAG;EAC5BV,SAAS,EAAE;IAAE,GAAGA,SAAS;IAAEW,QAAQ,EAAE;MAAEC,UAAU,EAAE;IAAO;EAAE,CAAC;EAC7DN;AACF,CAAC;AAED,OAAO,MAAMO,cAAc,GAAG;EAC5Bb,SAAS,EAAE;IAAE,GAAGA;EAAU,CAAC;EAC3BM;AACF,CAAC","ignoreList":[]}