@draftbit/core 46.2.1-f4deff.4 → 46.2.1

package/lib/commonjs/components/Accordion/AccordionItem.js

@@ -21,8 +21,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const AccordionItem = _ref => {
   let {
     Icon,
@@ -37,9 +35,10 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
-    style: [styles.container, viewStyles]
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: [styles.container, viewStyles],
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -74,5 +73,25 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(AccordionItem);
 
+exports.default = _default;
+//# sourceMappingURL=AccordionItem.js.mapding: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8
+  },
+  item: {
+    marginVertical: 6,
+    paddingLeft: 8
+  },
+  content: {
+    flex: 1,
+    justifyContent: "center"
+  }
+});
+
+var _default = (0, _theming.withTheme)(AccordionItem);
+
 exports.default = _default;
 //# sourceMappingURL=AccordionItem.js.map

package/lib/commonjs/components/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","extractStyles","styles","container","row","colors","primary","item","content","StyleSheet","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent","withTheme"],"sources":["AccordionItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Pressable,\n  StyleSheet,\n  View,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\nimport Text from \"../Text\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { extractStyles } from \"../../utilities\";\nimport { withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n  icon?: string;\n  label: string;\n  iconColor?: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst AccordionItem = ({\n  Icon,\n  icon,\n  label,\n  style,\n  iconColor,\n  theme,\n  ...rest\n}: Props) => {\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Pressable style={[styles.container, viewStyles]} {...rest}>\n      <View style={styles.row}>\n        {icon ? (\n          <Icon\n            name={icon}\n            size={24}\n            color={iconColor || theme.colors.primary}\n          />\n        ) : null}\n        <View style={[styles.item, styles.content]}>\n          <Text selectable={false} style={textStyles}>\n            {label}\n          </Text>\n        </View>\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    padding: 8,\n  },\n  row: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    paddingLeft: 8,\n  },\n  item: {\n    marginVertical: 6,\n    paddingLeft: 8,\n  },\n  content: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n});\n\nexport default withTheme(AccordionItem);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AAEA;;AACA;;;;;;;;;;AAWA,MAAMA,aAAa,GAAG,QAQT;EAAA,IARU;IACrBC,IADqB;IAErBC,IAFqB;IAGrBC,KAHqB;IAIrBC,KAJqB;IAKrBC,SALqB;IAMrBC,KANqB;IAOrB,GAAGC;EAPkB,CAQV;EACX,MAAM;IAAEC,UAAF;IAAcC;EAAd,IAA6B,IAAAC,wBAAA,EAAcN,KAAd,CAAnC;EAEA,oBACE,oBAAC,sBAAD;IAAW,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmBH,UAAnB;EAAlB,GAAsDF,IAAtD,gBACE,oBAAC,iBAAD;IAAM,KAAK,EAAEI,MAAM,CAACE;EAApB,GACGX,IAAI,gBACH,oBAAC,IAAD;IACE,IAAI,EAAEA,IADR;IAEE,IAAI,EAAE,EAFR;IAGE,KAAK,EAAEG,SAAS,IAAIC,KAAK,CAACQ,MAAN,CAAaC;EAHnC,EADG,GAMD,IAPN,eAQE,oBAAC,iBAAD;IAAM,KAAK,EAAE,CAACJ,MAAM,CAACK,IAAR,EAAcL,MAAM,CAACM,OAArB;EAAb,gBACE,oBAAC,aAAD;IAAM,UAAU,EAAE,KAAlB;IAAyB,KAAK,EAAET;EAAhC,GACGL,KADH,CADF,CARF,CADF,CADF;AAkBD,CA7BD;;AA+BA,MAAMQ,MAAM,GAAGO,uBAAA,CAAWC,MAAX,CAAkB;EAC/BP,SAAS,EAAE;IACTQ,OAAO,EAAE;EADA,CADoB;EAI/BP,GAAG,EAAE;IACHQ,aAAa,EAAE,KADZ;IAEHC,UAAU,EAAE,QAFT;IAGHC,WAAW,EAAE;EAHV,CAJ0B;EAS/BP,IAAI,EAAE;IACJQ,cAAc,EAAE,CADZ;IAEJD,WAAW,EAAE;EAFT,CATyB;EAa/BN,OAAO,EAAE;IACPQ,IAAI,EAAE,CADC;IAEPC,cAAc,EAAE;EAFT;AAbsB,CAAlB,CAAf;;eAmBe,IAAAC,kBAAA,EAAU3B,aAAV,C"}
+{"version":3,"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","extractStyles","React","createElement","Pressable","styles","container","View","row","name","size","color","colors","primary","item","content","Text","selectable","StyleSheet","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent","withTheme"],"sources":["AccordionItem.js"],"sourcesContent":["import * as React from \"react\";\nimport { Pressable, StyleSheet, View, } from \"react-native\";\nimport Text from \"../Text\";\nimport { extractStyles } from \"../../utilities\";\nimport { withTheme } from \"../../theming\";\nconst AccordionItem = ({ Icon, icon, label, style, iconColor, theme, ...rest }) => {\n    const { textStyles, viewStyles } = extractStyles(style);\n    return (React.createElement(Pressable, { style: [styles.container, viewStyles], ...rest },\n        React.createElement(View, { style: styles.row },\n            icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.primary })) : null,\n            React.createElement(View, { style: [styles.item, styles.content] },\n                React.createElement(Text, { selectable: false, style: textStyles }, label)))));\n};\nconst styles = StyleSheet.create({\n    container: {\n        padding: 8,\n    },\n    row: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        paddingLeft: 8,\n    },\n    item: {\n        marginVertical: 6,\n        paddingLeft: 8,\n    },\n    content: {\n        flex: 1,\n        justifyContent: \"center\",\n    },\n});\nexport default withTheme(AccordionItem);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,aAAa,GAAG,QAA6D;EAAA,IAA5D;IAAEC,IAAF;IAAQC,IAAR;IAAcC,KAAd;IAAqBC,KAArB;IAA4BC,SAA5B;IAAuCC,KAAvC;IAA8C,GAAGC;EAAjD,CAA4D;EAC/E,MAAM;IAAEC,UAAF;IAAcC;EAAd,IAA6B,IAAAC,wBAAA,EAAcN,KAAd,CAAnC;EACA,oBAAQO,KAAK,CAACC,aAAN,CAAoBC,sBAApB,EAA+B;IAAET,KAAK,EAAE,CAACU,MAAM,CAACC,SAAR,EAAmBN,UAAnB,CAAT;IAAyC,GAAGF;EAA5C,CAA/B,eACJI,KAAK,CAACC,aAAN,CAAoBI,iBAApB,EAA0B;IAAEZ,KAAK,EAAEU,MAAM,CAACG;EAAhB,CAA1B,EACIf,IAAI,gBAAIS,KAAK,CAACC,aAAN,CAAoBX,IAApB,EAA0B;IAAEiB,IAAI,EAAEhB,IAAR;IAAciB,IAAI,EAAE,EAApB;IAAwBC,KAAK,EAAEf,SAAS,IAAIC,KAAK,CAACe,MAAN,CAAaC;EAAzD,CAA1B,CAAJ,GAAqG,IAD7G,eAEIX,KAAK,CAACC,aAAN,CAAoBI,iBAApB,EAA0B;IAAEZ,KAAK,EAAE,CAACU,MAAM,CAACS,IAAR,EAAcT,MAAM,CAACU,OAArB;EAAT,CAA1B,eACIb,KAAK,CAACC,aAAN,CAAoBa,aAApB,EAA0B;IAAEC,UAAU,EAAE,KAAd;IAAqBtB,KAAK,EAAEI;EAA5B,CAA1B,EAAoEL,KAApE,CADJ,CAFJ,CADI,CAAR;AAKH,CAPD;;AAQA,MAAMW,MAAM,GAAGa,uBAAA,CAAWC,MAAX,CAAkB;EAC7Bb,SAAS,EAAE;IACPc,OAAO,EAAE;EADF,CADkB;EAI7BZ,GAAG,EAAE;IACDa,aAAa,EAAE,KADd;IAEDC,UAAU,EAAE,QAFX;IAGDC,WAAW,EAAE;EAHZ,CAJwB;EAS7BT,IAAI,EAAE;IACFU,cAAc,EAAE,CADd;IAEFD,WAAW,EAAE;EAFX,CATuB;EAa7BR,OAAO,EAAE;IACLU,IAAI,EAAE,CADD;IAELC,cAAc,EAAE;EAFX;AAboB,CAAlB,CAAf;;eAkBe,IAAAC,kBAAA,EAAUpC,aAAV,C"}

package/lib/commonjs/components/CardContainerShortImage.js

@@ -21,6 +21,8 @@ var _Config = _interopRequireDefault(require("./Config"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const CardContainerShortImage = _ref => {
   let {
     image = _Config.default.squareImageUrl,
@@ -38,11 +40,10 @@ const CardContainerShortImage = _ref => {
     onPress,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
+  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
     style: style,
-    onPress: onPress,
-    ...rest
-  }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
+    onPress: onPress
+  }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
     style: {
       elevation,
       borderRadius: roundness
@@ -92,19 +93,5 @@ const CardContainerShortImage = _ref => {
 
 var _default = (0, _theming.withTheme)(CardContainerShortImage);
 
-exports.default = _default;
-//# sourceMappingURL=CardContainerShortImage.js.map_*/_react.default.createElement(_Image.default, {
-    style: {
-      aspectRatio
-    },
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    resizeMode: "cover"
-  }))));
-};
-
-var _default = (0, _theming.withTheme)(CardContainerShortImage);
-
 exports.default = _default;
 //# sourceMappingURL=CardContainerShortImage.js.map

package/lib/commonjs/components/CardContainerShortImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["CardContainerShortImage","image","Config","squareImageUrl","title","subtitle","mode","aspectRatio","elevation","theme","colors","roundness","typography","style","onPress","rest","React","createElement","Card","Elevation","borderRadius","View","overflow","flexDirection","justifyContent","Image","source","uri","resizeMode","padding","backgroundColor","surface","flex","Text","numberOfLines","headline5","color","strong","body2","medium","marginTop","withTheme"],"sources":["CardContainerShortImage.js"],"sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst CardContainerShortImage = ({ image = Config.squareImageUrl, title, subtitle, mode = \"left\", aspectRatio = 1, elevation = 2, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n    return (React.createElement(Card, { style: style, onPress: onPress, ...rest },\n        React.createElement(Elevation, { style: {\n                elevation,\n                borderRadius: roundness,\n            } },\n            React.createElement(View, { style: {\n                    overflow: \"hidden\",\n                    flexDirection: \"row\",\n                    justifyContent: mode === \"right\" ? \"space-between\" : \"flex-start\",\n                    borderRadius: roundness,\n                } },\n                mode === \"left\" && (React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" })),\n                React.createElement(View, { style: {\n                        padding: 16,\n                        backgroundColor: colors.surface,\n                        flex: 1,\n                    } },\n                    React.createElement(Text, { numberOfLines: 1, style: [typography.headline5, { color: colors.strong }] }, title),\n                    subtitle ? (React.createElement(Text, { numberOfLines: 1, style: [\n                            typography.body2,\n                            { color: colors.medium, marginTop: 4 },\n                        ] }, subtitle)) : null),\n                mode === \"right\" && (React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }))))));\n};\nexport default withTheme(CardContainerShortImage);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AACA,MAAMA,uBAAuB,GAAG,QAA0K;EAAA,IAAzK;IAAEC,KAAK,GAAGC,eAAA,CAAOC,cAAjB;IAAiCC,KAAjC;IAAwCC,QAAxC;IAAkDC,IAAI,GAAG,MAAzD;IAAiEC,WAAW,GAAG,CAA/E;IAAkFC,SAAS,GAAG,CAA9F;IAAiGC,KAAK,EAAE;MAAEC,MAAF;MAAUC,SAAV;MAAqBC;IAArB,CAAxG;IAA2IC,KAA3I;IAAkJC,OAAlJ;IAA2J,GAAGC;EAA9J,CAAyK;EACtM,oBAAQC,cAAA,CAAMC,aAAN,CAAoBC,8BAApB,EAA0B;IAAEL,KAAK,EAAEA,KAAT;IAAgBC,OAAO,EAAEA,OAAzB;IAAkC,GAAGC;EAArC,CAA1B,eACJC,cAAA,CAAMC,aAAN,CAAoBE,kBAApB,EAA+B;IAAEN,KAAK,EAAE;MAChCL,SADgC;MAEhCY,YAAY,EAAET;IAFkB;EAAT,CAA/B,eAIIK,cAAA,CAAMC,aAAN,CAAoBI,iBAApB,EAA0B;IAAER,KAAK,EAAE;MAC3BS,QAAQ,EAAE,QADiB;MAE3BC,aAAa,EAAE,KAFY;MAG3BC,cAAc,EAAElB,IAAI,KAAK,OAAT,GAAmB,eAAnB,GAAqC,YAH1B;MAI3Bc,YAAY,EAAET;IAJa;EAAT,CAA1B,EAMIL,IAAI,KAAK,MAAT,iBAAoBU,cAAA,CAAMC,aAAN,CAAoBQ,cAApB,EAA2B;IAAEZ,KAAK,EAAE;MAAEN;IAAF,CAAT;IAA0BmB,MAAM,EAAE,OAAOzB,KAAP,KAAiB,QAAjB,GAA4B;MAAE0B,GAAG,EAAE1B;IAAP,CAA5B,GAA6CA,KAA/E;IAAsF2B,UAAU,EAAE;EAAlG,CAA3B,CANxB,eAOIZ,cAAA,CAAMC,aAAN,CAAoBI,iBAApB,EAA0B;IAAER,KAAK,EAAE;MAC3BgB,OAAO,EAAE,EADkB;MAE3BC,eAAe,EAAEpB,MAAM,CAACqB,OAFG;MAG3BC,IAAI,EAAE;IAHqB;EAAT,CAA1B,eAKIhB,cAAA,CAAMC,aAAN,CAAoBgB,iBAApB,EAA0B;IAAEC,aAAa,EAAE,CAAjB;IAAoBrB,KAAK,EAAE,CAACD,UAAU,CAACuB,SAAZ,EAAuB;MAAEC,KAAK,EAAE1B,MAAM,CAAC2B;IAAhB,CAAvB;EAA3B,CAA1B,EAAyGjC,KAAzG,CALJ,EAMIC,QAAQ,gBAAIW,cAAA,CAAMC,aAAN,CAAoBgB,iBAApB,EAA0B;IAAEC,aAAa,EAAE,CAAjB;IAAoBrB,KAAK,EAAE,CACzDD,UAAU,CAAC0B,KAD8C,EAEzD;MAAEF,KAAK,EAAE1B,MAAM,CAAC6B,MAAhB;MAAwBC,SAAS,EAAE;IAAnC,CAFyD;EAA3B,CAA1B,EAGHnC,QAHG,CAAJ,GAGc,IAT1B,CAPJ,EAiBIC,IAAI,KAAK,OAAT,iBAAqBU,cAAA,CAAMC,aAAN,CAAoBQ,cAApB,EAA2B;IAAEZ,KAAK,EAAE;MAAEN;IAAF,CAAT;IAA0BmB,MAAM,EAAE,OAAOzB,KAAP,KAAiB,QAAjB,GAA4B;MAAE0B,GAAG,EAAE1B;IAAP,CAA5B,GAA6CA,KAA/E;IAAsF2B,UAAU,EAAE;EAAlG,CAA3B,CAjBzB,CAJJ,CADI,CAAR;AAuBH,CAxBD;;eAyBe,IAAAa,kBAAA,EAAUzC,uBAAV,C"}
+{"version":3,"names":["CardContainerShortImage","image","Config","squareImageUrl","title","subtitle","mode","aspectRatio","elevation","theme","colors","roundness","typography","style","onPress","rest","borderRadius","overflow","flexDirection","justifyContent","uri","padding","backgroundColor","surface","flex","headline5","color","strong","body2","medium","marginTop","withTheme"],"sources":["CardContainerShortImage.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  View,\n  Text,\n  ImageSourcePropType,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  subtitle?: string;\n  mode?: \"right\" | \"left\";\n  aspectRatio?: number;\n  elevation?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n};\n\nconst CardContainerShortImage: React.FC<React.PropsWithChildren<Props>> = ({\n  image = Config.squareImageUrl,\n  title,\n  subtitle,\n  mode = \"left\",\n  aspectRatio = 1,\n  elevation = 2,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  return (\n    <Card style={style} onPress={onPress} {...rest}>\n      <Elevation\n        style={{\n          elevation,\n          borderRadius: roundness,\n        }}\n      >\n        <View\n          style={{\n            overflow: \"hidden\",\n            flexDirection: \"row\",\n            justifyContent: mode === \"right\" ? \"space-between\" : \"flex-start\",\n            borderRadius: roundness,\n          }}\n        >\n          {mode === \"left\" && (\n            <Image\n              style={{ aspectRatio }}\n              source={typeof image === \"string\" ? { uri: image } : image}\n              resizeMode=\"cover\"\n            />\n          )}\n          <View\n            style={{\n              padding: 16,\n              backgroundColor: colors.surface,\n              flex: 1,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[typography.headline5, { color: colors.strong }]}\n            >\n              {title}\n            </Text>\n            {subtitle ? (\n              <Text\n                numberOfLines={1}\n                style={[\n                  typography.body2,\n                  { color: colors.medium, marginTop: 4 },\n                ]}\n              >\n                {subtitle}\n              </Text>\n            ) : null}\n          </View>\n          {mode === \"right\" && (\n            <Image\n              style={{ aspectRatio }}\n              source={typeof image === \"string\" ? { uri: image } : image}\n              resizeMode=\"cover\"\n            />\n          )}\n        </View>\n      </Elevation>\n    </Card>\n  );\n};\n\nexport default withTheme(CardContainerShortImage);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;;;;;AAeA,MAAMA,uBAAiE,GAAG,QAWpE;EAAA,IAXqE;IACzEC,KAAK,GAAGC,eAAA,CAAOC,cAD0D;IAEzEC,KAFyE;IAGzEC,QAHyE;IAIzEC,IAAI,GAAG,MAJkE;IAKzEC,WAAW,GAAG,CAL2D;IAMzEC,SAAS,GAAG,CAN6D;IAOzEC,KAAK,EAAE;MAAEC,MAAF;MAAUC,SAAV;MAAqBC;IAArB,CAPkE;IAQzEC,KARyE;IASzEC,OATyE;IAUzE,GAAGC;EAVsE,CAWrE;EACJ,oBACE,6BAAC,8BAAD;IAAM,KAAK,EAAEF,KAAb;IAAoB,OAAO,EAAEC;EAA7B,GAA0CC,IAA1C,gBACE,6BAAC,kBAAD;IACE,KAAK,EAAE;MACLP,SADK;MAELQ,YAAY,EAAEL;IAFT;EADT,gBAME,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLM,QAAQ,EAAE,QADL;MAELC,aAAa,EAAE,KAFV;MAGLC,cAAc,EAAEb,IAAI,KAAK,OAAT,GAAmB,eAAnB,GAAqC,YAHhD;MAILU,YAAY,EAAEL;IAJT;EADT,GAQGL,IAAI,KAAK,MAAT,iBACC,6BAAC,cAAD;IACE,KAAK,EAAE;MAAEC;IAAF,CADT;IAEE,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;MAAEmB,GAAG,EAAEnB;IAAP,CAA5B,GAA6CA,KAFvD;IAGE,UAAU,EAAC;EAHb,EATJ,eAeE,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLoB,OAAO,EAAE,EADJ;MAELC,eAAe,EAAEZ,MAAM,CAACa,OAFnB;MAGLC,IAAI,EAAE;IAHD;EADT,gBAOE,6BAAC,iBAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CAACZ,UAAU,CAACa,SAAZ,EAAuB;MAAEC,KAAK,EAAEhB,MAAM,CAACiB;IAAhB,CAAvB;EAFT,GAIGvB,KAJH,CAPF,EAaGC,QAAQ,gBACP,6BAAC,iBAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CACLO,UAAU,CAACgB,KADN,EAEL;MAAEF,KAAK,EAAEhB,MAAM,CAACmB,MAAhB;MAAwBC,SAAS,EAAE;IAAnC,CAFK;EAFT,GAOGzB,QAPH,CADO,GAUL,IAvBN,CAfF,EAwCGC,IAAI,KAAK,OAAT,iBACC,6BAAC,cAAD;IACE,KAAK,EAAE;MAAEC;IAAF,CADT;IAEE,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;MAAEmB,GAAG,EAAEnB;IAAP,CAA5B,GAA6CA,KAFvD;IAGE,UAAU,EAAC;EAHb,EAzCJ,CANF,CADF,CADF;AA2DD,CAvED;;eAyEe,IAAA8B,kBAAA,EAAU/B,uBAAV,C"}

package/lib/commonjs/components/Portal/PortalManager.js

@@ -13,26 +13,29 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 /**
  * Portal host is the component which actually renders all Portals.
  */
 class PortalManager extends React.PureComponent {
   constructor() {
     super(...arguments);
-    this.state = {
+
+    _defineProperty(this, "state", {
       portals: []
-    };
+    });
 
-    this.mount = (key, children) => {
+    _defineProperty(this, "mount", (key, children) => {
       this.setState(state => ({
         portals: [...state.portals, {
           key,
           children
         }]
       }));
-    };
+    });
 
-    this.update = (key, children) => this.setState(state => ({
+    _defineProperty(this, "update", (key, children) => this.setState(state => ({
       portals: state.portals.map(item => {
         if (item.key === key) {
           return { ...item,
@@ -42,11 +45,11 @@ class PortalManager extends React.PureComponent {
 
         return item;
       })
-    }));
+    })));
 
-    this.unmount = key => this.setState(state => ({
+    _defineProperty(this, "unmount", key => this.setState(state => ({
       portals: state.portals.filter(item => item.key !== key)
-    }));
+    })));
   }
 
   render() {
@@ -68,16 +71,5 @@ class PortalManager extends React.PureComponent {
 
 }
 
-exports.default = PortalManager;
-//# sourceMappingURL=PortalManager.js.mape here to clip the elevations, otherwise they appear above sibling components */
-        ,
-        pointerEvents: "box-none",
-        style: _reactNative.StyleSheet.absoluteFill
-      }, children);
-    });
-  }
-
-}
-
 exports.default = PortalManager;
 //# sourceMappingURL=PortalManager.js.map

package/lib/commonjs/components/Portal/PortalManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["PortalManager","React","PureComponent","constructor","arguments","state","portals","mount","key","children","setState","update","map","item","unmount","filter","render","createElement","View","collapsable","pointerEvents","style","StyleSheet","absoluteFill"],"sources":["PortalManager.js"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\n/**\n * Portal host is the component which actually renders all Portals.\n */\nexport default class PortalManager extends React.PureComponent {\n    constructor() {\n        super(...arguments);\n        this.state = {\n            portals: [],\n        };\n        this.mount = (key, children) => {\n            this.setState((state) => ({\n                portals: [...state.portals, { key, children }],\n            }));\n        };\n        this.update = (key, children) => this.setState((state) => ({\n            portals: state.portals.map((item) => {\n                if (item.key === key) {\n                    return { ...item, children };\n                }\n                return item;\n            }),\n        }));\n        this.unmount = (key) => this.setState((state) => ({\n            portals: state.portals.filter((item) => item.key !== key),\n        }));\n    }\n    render() {\n        return this.state.portals.map(({ key, children }) => (React.createElement(View, { key: key, collapsable: false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */, pointerEvents: \"box-none\", style: StyleSheet.absoluteFill }, children)));\n    }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AACA;AACA;AACA;AACe,MAAMA,aAAN,SAA4BC,KAAK,CAACC,aAAlC,CAAgD;EAC3DC,WAAW,GAAG;IACV,MAAM,GAAGC,SAAT;IACA,KAAKC,KAAL,GAAa;MACTC,OAAO,EAAE;IADA,CAAb;;IAGA,KAAKC,KAAL,GAAa,CAACC,GAAD,EAAMC,QAAN,KAAmB;MAC5B,KAAKC,QAAL,CAAeL,KAAD,KAAY;QACtBC,OAAO,EAAE,CAAC,GAAGD,KAAK,CAACC,OAAV,EAAmB;UAAEE,GAAF;UAAOC;QAAP,CAAnB;MADa,CAAZ,CAAd;IAGH,CAJD;;IAKA,KAAKE,MAAL,GAAc,CAACH,GAAD,EAAMC,QAAN,KAAmB,KAAKC,QAAL,CAAeL,KAAD,KAAY;MACvDC,OAAO,EAAED,KAAK,CAACC,OAAN,CAAcM,GAAd,CAAmBC,IAAD,IAAU;QACjC,IAAIA,IAAI,CAACL,GAAL,KAAaA,GAAjB,EAAsB;UAClB,OAAO,EAAE,GAAGK,IAAL;YAAWJ;UAAX,CAAP;QACH;;QACD,OAAOI,IAAP;MACH,CALQ;IAD8C,CAAZ,CAAd,CAAjC;;IAQA,KAAKC,OAAL,GAAgBN,GAAD,IAAS,KAAKE,QAAL,CAAeL,KAAD,KAAY;MAC9CC,OAAO,EAAED,KAAK,CAACC,OAAN,CAAcS,MAAd,CAAsBF,IAAD,IAAUA,IAAI,CAACL,GAAL,KAAaA,GAA5C;IADqC,CAAZ,CAAd,CAAxB;EAGH;;EACDQ,MAAM,GAAG;IACL,OAAO,KAAKX,KAAL,CAAWC,OAAX,CAAmBM,GAAnB,CAAuB;MAAA,IAAC;QAAEJ,GAAF;QAAOC;MAAP,CAAD;MAAA,oBAAwBR,KAAK,CAACgB,aAAN,CAAoBC,iBAApB,EAA0B;QAAEV,GAAG,EAAEA,GAAP;QAAYW,WAAW,EAAE;QAAM;QAA/B;QAAyIC,aAAa,EAAE,UAAxJ;QAAoKC,KAAK,EAAEC,uBAAA,CAAWC;MAAtL,CAA1B,EAAgOd,QAAhO,CAAxB;IAAA,CAAvB,CAAP;EACH;;AAzB0D"}
+{"version":3,"names":["PortalManager","React","PureComponent","portals","key","children","setState","state","map","item","filter","render","StyleSheet","absoluteFill"],"sources":["PortalManager.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\n\ntype State = {\n  portals: Array<{\n    key: number;\n    children: React.ReactNode;\n  }>;\n};\n\n/**\n * Portal host is the component which actually renders all Portals.\n */\nexport default class PortalManager extends React.PureComponent<{}, State> {\n  state: State = {\n    portals: [],\n  };\n\n  mount = (key: number, children: React.ReactNode) => {\n    this.setState((state) => ({\n      portals: [...state.portals, { key, children }],\n    }));\n  };\n\n  update = (key: number, children: React.ReactNode) =>\n    this.setState((state) => ({\n      portals: state.portals.map((item) => {\n        if (item.key === key) {\n          return { ...item, children };\n        }\n        return item;\n      }),\n    }));\n\n  unmount = (key: number) =>\n    this.setState((state) => ({\n      portals: state.portals.filter((item) => item.key !== key),\n    }));\n\n  render() {\n    return this.state.portals.map(({ key, children }) => (\n      <View\n        key={key}\n        collapsable={\n          false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */\n        }\n        pointerEvents=\"box-none\"\n        style={StyleSheet.absoluteFill}\n      >\n        {children}\n      </View>\n    ));\n  }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AASA;AACA;AACA;AACe,MAAMA,aAAN,SAA4BC,KAAK,CAACC,aAAlC,CAA2D;EAAA;IAAA;;IAAA,+BACzD;MACbC,OAAO,EAAE;IADI,CADyD;;IAAA,+BAKhE,CAACC,GAAD,EAAcC,QAAd,KAA4C;MAClD,KAAKC,QAAL,CAAeC,KAAD,KAAY;QACxBJ,OAAO,EAAE,CAAC,GAAGI,KAAK,CAACJ,OAAV,EAAmB;UAAEC,GAAF;UAAOC;QAAP,CAAnB;MADe,CAAZ,CAAd;IAGD,CATuE;;IAAA,gCAW/D,CAACD,GAAD,EAAcC,QAAd,KACP,KAAKC,QAAL,CAAeC,KAAD,KAAY;MACxBJ,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcK,GAAd,CAAmBC,IAAD,IAAU;QACnC,IAAIA,IAAI,CAACL,GAAL,KAAaA,GAAjB,EAAsB;UACpB,OAAO,EAAE,GAAGK,IAAL;YAAWJ;UAAX,CAAP;QACD;;QACD,OAAOI,IAAP;MACD,CALQ;IADe,CAAZ,CAAd,CAZsE;;IAAA,iCAqB7DL,GAAD,IACR,KAAKE,QAAL,CAAeC,KAAD,KAAY;MACxBJ,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcO,MAAd,CAAsBD,IAAD,IAAUA,IAAI,CAACL,GAAL,KAAaA,GAA5C;IADe,CAAZ,CAAd,CAtBsE;EAAA;;EA0BxEO,MAAM,GAAG;IACP,OAAO,KAAKJ,KAAL,CAAWJ,OAAX,CAAmBK,GAAnB,CAAuB;MAAA,IAAC;QAAEJ,GAAF;QAAOC;MAAP,CAAD;MAAA,oBAC5B,oBAAC,iBAAD;QACE,GAAG,EAAED,GADP;QAEE,WAAW,EACT;QAAM;QAHV;QAKE,aAAa,EAAC,UALhB;QAME,KAAK,EAAEQ,uBAAA,CAAWC;MANpB,GAQGR,QARH,CAD4B;IAAA,CAAvB,CAAP;EAYD;;AAvCuE"}

package/lib/commonjs/constants.js

@@ -17,4 +17,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
 });
 
 exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.mapnts.js.map

package/lib/commonjs/hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"sources":["hooks.js"],"sourcesContent":["import React from \"react\";\nexport function usePrevious(value) {\n    // The ref object is a generic container whose current property is mutable\n    // and can hold any value, similar to an instance property on a class\n    const ref = React.useRef();\n    // Store current value in ref\n    React.useEffect(() => {\n        ref.current = value;\n    }, [value]);\n    // Return previous value (happens before update in useEffect above)\n    return ref.current;\n}\n"],"mappings":";;;;;;;AAAA;;;;AACO,SAASA,WAAT,CAAqBC,KAArB,EAA4B;EAC/B;EACA;EACA,MAAMC,GAAG,GAAGC,cAAA,CAAMC,MAAN,EAAZ,CAH+B,CAI/B;;;EACAD,cAAA,CAAME,SAAN,CAAgB,MAAM;IAClBH,GAAG,CAACI,OAAJ,GAAcL,KAAd;EACH,CAFD,EAEG,CAACA,KAAD,CAFH,EAL+B,CAQ/B;;;EACA,OAAOC,GAAG,CAACI,OAAX;AACH"}
+{"version":3,"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"sources":["hooks.ts"],"sourcesContent":["import React from \"react\";\n\nexport function usePrevious(value: any) {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n  const ref = React.useRef();\n\n  // Store current value in ref\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n"],"mappings":";;;;;;;AAAA;;;;AAEO,SAASA,WAAT,CAAqBC,KAArB,EAAiC;EACtC;EACA;EACA,MAAMC,GAAG,GAAGC,cAAA,CAAMC,MAAN,EAAZ,CAHsC,CAKtC;;;EACAD,cAAA,CAAME,SAAN,CAAgB,MAAM;IACpBH,GAAG,CAACI,OAAJ,GAAcL,KAAd;EACD,CAFD,EAEG,CAACA,KAAD,CAFH,EANsC,CAUtC;;;EACA,OAAOC,GAAG,CAACI,OAAX;AACD"}

package/lib/commonjs/mappings/ActivityIndicator.js

@@ -14,6 +14,7 @@ const SEED_DATA = {
   doc_link: "https://docs.expo.io/versions/latest/react-native/activityindicator/",
   code_link: "https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Borders],
   layout: {
     width: 36,
     height: 36

package/lib/commonjs/mappings/ActivityIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","doc_link","code_link","category","COMPONENT_TYPES","input","layout","width","height","props","size","label","options","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","editable","required","defaultValue","group","GROUPS","basic","animating","boolean","BOOLEAN","hidesWhenStopped","color","THEME"],"sources":["ActivityIndicator.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Activity Indicator\",\n  tag: \"ActivityIndicator\",\n  description: \"Displays a circular loading indicator.\",\n  doc_link:\n    \"https://docs.expo.io/versions/latest/react-native/activityindicator/\",\n  code_link:\n    \"https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js\",\n  category: COMPONENT_TYPES.input,\n  layout: { width: 36, height: 36 },\n  props: {\n    size: {\n      label: \"Size\",\n      description: \"The size of the loading indicator (Default: small)\",\n      options: [\"small\", \"large\"],\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      editable: true,\n      required: false,\n      defaultValue: \"small\",\n      group: GROUPS.basic,\n    },\n    animating: {\n      label: \"Spinning\",\n      description: \"Whether to show the loading indicator (Default: true)\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      editable: true,\n      required: false,\n      defaultValue: true,\n      group: GROUPS.basic,\n    },\n    hidesWhenStopped: {\n      label: \"Hide When Stopped\",\n      description:\n        \"Whether the indicator should hide when not animating (Default: true)\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      editable: true,\n      required: false,\n      defaultValue: true,\n      group: GROUPS.basic,\n    },\n    color: {\n      label: \"Color\",\n      description: \"The color of the loading indicator (Default: gray)\",\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      editable: true,\n      required: false,\n      defaultValue: null,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,mBAFkB;EAGvBC,WAAW,EAAE,wCAHU;EAIvBC,QAAQ,EACN,sEALqB;EAMvBC,SAAS,EACP,2IAPqB;EAQvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KARH;EASvBC,MAAM,EAAE;IAAEC,KAAK,EAAE,EAAT;IAAaC,MAAM,EAAE;EAArB,CATe;EAUvBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJX,WAAW,EAAE,oDAFT;MAGJY,OAAO,EAAE,CAAC,OAAD,EAAU,OAAV,CAHL;MAIJC,QAAQ,EAAEC,iBAAA,CAAWC,SAJjB;MAKJC,QAAQ,EAAEC,iBAAA,CAAWC,MALjB;MAMJC,QAAQ,EAAE,IANN;MAOJC,QAAQ,EAAE,KAPN;MAQJC,YAAY,EAAE,OARV;MASJC,KAAK,EAAEC,aAAA,CAAOC;IATV,CADD;IAYLC,SAAS,EAAE;MACTd,KAAK,EAAE,UADE;MAETX,WAAW,EAAE,uDAFJ;MAGTa,QAAQ,EAAEC,iBAAA,CAAWY,OAHZ;MAITV,QAAQ,EAAEC,iBAAA,CAAWU,OAJZ;MAKTR,QAAQ,EAAE,IALD;MAMTC,QAAQ,EAAE,KAND;MAOTC,YAAY,EAAE,IAPL;MAQTC,KAAK,EAAEC,aAAA,CAAOC;IARL,CAZN;IAsBLI,gBAAgB,EAAE;MAChBjB,KAAK,EAAE,mBADS;MAEhBX,WAAW,EACT,sEAHc;MAIhBa,QAAQ,EAAEC,iBAAA,CAAWY,OAJL;MAKhBV,QAAQ,EAAEC,iBAAA,CAAWU,OALL;MAMhBR,QAAQ,EAAE,IANM;MAOhBC,QAAQ,EAAE,KAPM;MAQhBC,YAAY,EAAE,IARE;MAShBC,KAAK,EAAEC,aAAA,CAAOC;IATE,CAtBb;IAiCLK,KAAK,EAAE;MACLlB,KAAK,EAAE,OADF;MAELX,WAAW,EAAE,oDAFR;MAGLa,QAAQ,EAAEC,iBAAA,CAAWe,KAHhB;MAILb,QAAQ,EAAEC,iBAAA,CAAWa,KAJhB;MAKLX,QAAQ,EAAE,IALL;MAMLC,QAAQ,EAAE,KANL;MAOLC,YAAY,EAAE,IAPT;MAQLC,KAAK,EAAEC,aAAA,CAAOC;IART;EAjCF;AAVgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","doc_link","code_link","category","COMPONENT_TYPES","input","stylesPanelSections","StylesPanelSections","Size","Margins","Borders","layout","width","height","props","size","label","options","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","editable","required","defaultValue","group","GROUPS","basic","animating","boolean","BOOLEAN","hidesWhenStopped","color","THEME"],"sources":["ActivityIndicator.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Activity Indicator\",\n  tag: \"ActivityIndicator\",\n  description: \"Displays a circular loading indicator.\",\n  doc_link:\n    \"https://docs.expo.io/versions/latest/react-native/activityindicator/\",\n  code_link:\n    \"https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js\",\n  category: COMPONENT_TYPES.input,\n  stylesPanelSections: [\n    StylesPanelSections.Size,\n    StylesPanelSections.Margins,\n    StylesPanelSections.Borders,\n  ],\n  layout: { width: 36, height: 36 },\n  props: {\n    size: {\n      label: \"Size\",\n      description: \"The size of the loading indicator (Default: small)\",\n      options: [\"small\", \"large\"],\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      editable: true,\n      required: false,\n      defaultValue: \"small\",\n      group: GROUPS.basic,\n    },\n    animating: {\n      label: \"Spinning\",\n      description: \"Whether to show the loading indicator (Default: true)\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      editable: true,\n      required: false,\n      defaultValue: true,\n      group: GROUPS.basic,\n    },\n    hidesWhenStopped: {\n      label: \"Hide When Stopped\",\n      description:\n        \"Whether the indicator should hide when not animating (Default: true)\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      editable: true,\n      required: false,\n      defaultValue: true,\n      group: GROUPS.basic,\n    },\n    color: {\n      label: \"Color\",\n      description: \"The color of the loading indicator (Default: gray)\",\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      editable: true,\n      required: false,\n      defaultValue: null,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,mBAFkB;EAGvBC,WAAW,EAAE,wCAHU;EAIvBC,QAAQ,EACN,sEALqB;EAMvBC,SAAS,EACP,2IAPqB;EAQvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KARH;EASvBC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,IADD,EAEnBD,0BAAA,CAAoBE,OAFD,EAGnBF,0BAAA,CAAoBG,OAHD,CATE;EAcvBC,MAAM,EAAE;IAAEC,KAAK,EAAE,EAAT;IAAaC,MAAM,EAAE;EAArB,CAde;EAevBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJhB,WAAW,EAAE,oDAFT;MAGJiB,OAAO,EAAE,CAAC,OAAD,EAAU,OAAV,CAHL;MAIJC,QAAQ,EAAEC,iBAAA,CAAWC,SAJjB;MAKJC,QAAQ,EAAEC,iBAAA,CAAWC,MALjB;MAMJC,QAAQ,EAAE,IANN;MAOJC,QAAQ,EAAE,KAPN;MAQJC,YAAY,EAAE,OARV;MASJC,KAAK,EAAEC,aAAA,CAAOC;IATV,CADD;IAYLC,SAAS,EAAE;MACTd,KAAK,EAAE,UADE;MAEThB,WAAW,EAAE,uDAFJ;MAGTkB,QAAQ,EAAEC,iBAAA,CAAWY,OAHZ;MAITV,QAAQ,EAAEC,iBAAA,CAAWU,OAJZ;MAKTR,QAAQ,EAAE,IALD;MAMTC,QAAQ,EAAE,KAND;MAOTC,YAAY,EAAE,IAPL;MAQTC,KAAK,EAAEC,aAAA,CAAOC;IARL,CAZN;IAsBLI,gBAAgB,EAAE;MAChBjB,KAAK,EAAE,mBADS;MAEhBhB,WAAW,EACT,sEAHc;MAIhBkB,QAAQ,EAAEC,iBAAA,CAAWY,OAJL;MAKhBV,QAAQ,EAAEC,iBAAA,CAAWU,OALL;MAMhBR,QAAQ,EAAE,IANM;MAOhBC,QAAQ,EAAE,KAPM;MAQhBC,YAAY,EAAE,IARE;MAShBC,KAAK,EAAEC,aAAA,CAAOC;IATE,CAtBb;IAiCLK,KAAK,EAAE;MACLlB,KAAK,EAAE,OADF;MAELhB,WAAW,EAAE,oDAFR;MAGLkB,QAAQ,EAAEC,iBAAA,CAAWe,KAHhB;MAILb,QAAQ,EAAEC,iBAAA,CAAWa,KAJhB;MAKLX,QAAQ,EAAE,IALL;MAMLC,QAAQ,EAAE,KANL;MAOLC,YAAY,EAAE,IAPT;MAQLC,KAAK,EAAEC,aAAA,CAAOC;IART;EAjCF;AAfgB,CAAlB"}

package/lib/commonjs/mappings/AvatarEdit.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "AvatarEdit",
   description: "An avatar with an edit icon in the top right",
   category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: {
     width: 64,
     height: 64

package/lib/commonjs/mappings/AvatarEdit.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","layout","width","height","props","size","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","min","max","precision","step","defaultValue","image","data","ASSET"],"sources":["AvatarEdit.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Avatar Edit\",\n  tag: \"AvatarEdit\",\n  description: \"An avatar with an edit icon in the top right\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {\n    width: 64,\n    height: 64,\n  },\n  props: {\n    size: {\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Size of avatar / width, height\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 300,\n      precision: 0,\n      step: 1,\n      defaultValue: 80,\n    },\n    image: {\n      group: GROUPS.data,\n      label: \"Image\",\n      description: \"Name of the image\",\n      editable: true,\n      required: true,\n      formType: FORM_TYPES.image,\n      propType: PROP_TYPES.ASSET,\n      defaultValue: \"brightness-5\",\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,8CAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAJH;EAKvBC,MAAM,EAAE;IACNC,KAAK,EAAE,EADD;IAENC,MAAM,EAAE;EAFF,CALe;EASvBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAEC,aAAA,CAAOC,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJZ,WAAW,EAAE,gCAHT;MAIJa,QAAQ,EAAE,IAJN;MAKJC,QAAQ,EAAE,KALN;MAMJC,QAAQ,EAAEC,iBAAA,CAAWC,MANjB;MAOJC,QAAQ,EAAEC,iBAAA,CAAWC,MAPjB;MAQJC,GAAG,EAAE,CARD;MASJC,GAAG,EAAE,GATD;MAUJC,SAAS,EAAE,CAVP;MAWJC,IAAI,EAAE,CAXF;MAYJC,YAAY,EAAE;IAZV,CADD;IAeLC,KAAK,EAAE;MACLjB,KAAK,EAAEC,aAAA,CAAOiB,IADT;MAELf,KAAK,EAAE,OAFF;MAGLZ,WAAW,EAAE,mBAHR;MAILa,QAAQ,EAAE,IAJL;MAKLC,QAAQ,EAAE,IALL;MAMLC,QAAQ,EAAEC,iBAAA,CAAWU,KANhB;MAOLR,QAAQ,EAAEC,iBAAA,CAAWS,KAPhB;MAQLH,YAAY,EAAE;IART;EAfF;AATgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","stylesPanelSections","BLOCK_STYLES_SECTIONS","layout","width","height","props","size","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","min","max","precision","step","defaultValue","image","data","ASSET"],"sources":["AvatarEdit.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Avatar Edit\",\n  tag: \"AvatarEdit\",\n  description: \"An avatar with an edit icon in the top right\",\n  category: COMPONENT_TYPES.deprecated,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  layout: {\n    width: 64,\n    height: 64,\n  },\n  props: {\n    size: {\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Size of avatar / width, height\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 300,\n      precision: 0,\n      step: 1,\n      defaultValue: 80,\n    },\n    image: {\n      group: GROUPS.data,\n      label: \"Image\",\n      description: \"Name of the image\",\n      editable: true,\n      required: true,\n      formType: FORM_TYPES.image,\n      propType: PROP_TYPES.ASSET,\n      defaultValue: \"brightness-5\",\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,8CAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAJH;EAKvBC,mBAAmB,EAAEC,4BALE;EAMvBC,MAAM,EAAE;IACNC,KAAK,EAAE,EADD;IAENC,MAAM,EAAE;EAFF,CANe;EAUvBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAEC,aAAA,CAAOC,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJd,WAAW,EAAE,gCAHT;MAIJe,QAAQ,EAAE,IAJN;MAKJC,QAAQ,EAAE,KALN;MAMJC,QAAQ,EAAEC,iBAAA,CAAWC,MANjB;MAOJC,QAAQ,EAAEC,iBAAA,CAAWC,MAPjB;MAQJC,GAAG,EAAE,CARD;MASJC,GAAG,EAAE,GATD;MAUJC,SAAS,EAAE,CAVP;MAWJC,IAAI,EAAE,CAXF;MAYJC,YAAY,EAAE;IAZV,CADD;IAeLC,KAAK,EAAE;MACLjB,KAAK,EAAEC,aAAA,CAAOiB,IADT;MAELf,KAAK,EAAE,OAFF;MAGLd,WAAW,EAAE,mBAHR;MAILe,QAAQ,EAAE,IAJL;MAKLC,QAAQ,EAAE,IALL;MAMLC,QAAQ,EAAEC,iBAAA,CAAWU,KANhB;MAOLR,QAAQ,EAAEC,iBAAA,CAAWS,KAPhB;MAQLH,YAAY,EAAE;IART;EAfF;AAVgB,CAAlB"}

package/lib/commonjs/mappings/BlurView.js

@@ -14,6 +14,7 @@ const SEED_DATA = {
   doc_link: "https://docs.expo.io/versions/latest/sdk/blur-view/",
   code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts",
   category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     flexGrow: 1,
     flexShrink: 1,

package/lib/commonjs/mappings/BlurView.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","doc_link","code_link","category","COMPONENT_TYPES","layout","flexGrow","flexShrink","flexBasis","props","tint","label","editable","required","defaultValue","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","options","group","GROUPS","basic","intensity","number","NUMBER","min","max","step","precision"],"sources":["BlurView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Blur View\",\n  tag: \"BlurView\",\n  description: \"Expo Blur View\",\n  doc_link: \"https://docs.expo.io/versions/latest/sdk/blur-view/\",\n  code_link:\n    \"https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts\",\n  category: COMPONENT_TYPES.layout,\n  layout: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 0,\n  },\n  props: {\n    tint: {\n      label: \"Tint\",\n      description: \"The tint of the blur view\",\n      editable: true,\n      required: true,\n      defaultValue: \"default\",\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      options: [\"default\", \"light\", \"dark\"],\n      group: GROUPS.basic,\n    },\n    intensity: {\n      label: \"Intensity\",\n      description:\n        \"A number from 1 to 100 that controls the intensity of the blur effect\",\n      editable: true,\n      required: true,\n      defaultValue: 50,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,WADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,gBAHU;EAIvBC,QAAQ,EAAE,qDAJa;EAKvBC,SAAS,EACP,kFANqB;EAOvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAPH;EAQvBA,MAAM,EAAE;IACNC,QAAQ,EAAE,CADJ;IAENC,UAAU,EAAE,CAFN;IAGNC,SAAS,EAAE;EAHL,CARe;EAavBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJX,WAAW,EAAE,2BAFT;MAGJY,QAAQ,EAAE,IAHN;MAIJC,QAAQ,EAAE,IAJN;MAKJC,YAAY,EAAE,SALV;MAMJC,QAAQ,EAAEC,iBAAA,CAAWC,SANjB;MAOJC,QAAQ,EAAEC,iBAAA,CAAWC,MAPjB;MAQJC,OAAO,EAAE,CAAC,SAAD,EAAY,OAAZ,EAAqB,MAArB,CARL;MASJC,KAAK,EAAEC,aAAA,CAAOC;IATV,CADD;IAYLC,SAAS,EAAE;MACTd,KAAK,EAAE,WADE;MAETX,WAAW,EACT,uEAHO;MAITY,QAAQ,EAAE,IAJD;MAKTC,QAAQ,EAAE,IALD;MAMTC,YAAY,EAAE,EANL;MAOTC,QAAQ,EAAEC,iBAAA,CAAWU,MAPZ;MAQTR,QAAQ,EAAEC,iBAAA,CAAWQ,MARZ;MASTC,GAAG,EAAE,CATI;MAUTC,GAAG,EAAE,GAVI;MAWTC,IAAI,EAAE,CAXG;MAYTC,SAAS,EAAE,CAZF;MAaTT,KAAK,EAAEC,aAAA,CAAOC;IAbL;EAZN;AAbgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","doc_link","code_link","category","COMPONENT_TYPES","layout","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","flexGrow","flexShrink","flexBasis","props","tint","label","editable","required","defaultValue","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","options","group","GROUPS","basic","intensity","number","NUMBER","min","max","step","precision"],"sources":["BlurView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n  CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Blur View\",\n  tag: \"BlurView\",\n  description: \"Expo Blur View\",\n  doc_link: \"https://docs.expo.io/versions/latest/sdk/blur-view/\",\n  code_link:\n    \"https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts\",\n  category: COMPONENT_TYPES.layout,\n  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n  layout: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 0,\n  },\n  props: {\n    tint: {\n      label: \"Tint\",\n      description: \"The tint of the blur view\",\n      editable: true,\n      required: true,\n      defaultValue: \"default\",\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      options: [\"default\", \"light\", \"dark\"],\n      group: GROUPS.basic,\n    },\n    intensity: {\n      label: \"Intensity\",\n      description:\n        \"A number from 1 to 100 that controls the intensity of the blur effect\",\n      editable: true,\n      required: true,\n      defaultValue: 50,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,WADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,gBAHU;EAIvBC,QAAQ,EAAE,qDAJa;EAKvBC,SAAS,EACP,kFANqB;EAOvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAPH;EAQvBC,mBAAmB,EAAEC,0CARE;EASvBF,MAAM,EAAE;IACNG,QAAQ,EAAE,CADJ;IAENC,UAAU,EAAE,CAFN;IAGNC,SAAS,EAAE;EAHL,CATe;EAcvBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJb,WAAW,EAAE,2BAFT;MAGJc,QAAQ,EAAE,IAHN;MAIJC,QAAQ,EAAE,IAJN;MAKJC,YAAY,EAAE,SALV;MAMJC,QAAQ,EAAEC,iBAAA,CAAWC,SANjB;MAOJC,QAAQ,EAAEC,iBAAA,CAAWC,MAPjB;MAQJC,OAAO,EAAE,CAAC,SAAD,EAAY,OAAZ,EAAqB,MAArB,CARL;MASJC,KAAK,EAAEC,aAAA,CAAOC;IATV,CADD;IAYLC,SAAS,EAAE;MACTd,KAAK,EAAE,WADE;MAETb,WAAW,EACT,uEAHO;MAITc,QAAQ,EAAE,IAJD;MAKTC,QAAQ,EAAE,IALD;MAMTC,YAAY,EAAE,EANL;MAOTC,QAAQ,EAAEC,iBAAA,CAAWU,MAPZ;MAQTR,QAAQ,EAAEC,iBAAA,CAAWQ,MARZ;MASTC,GAAG,EAAE,CATI;MAUTC,GAAG,EAAE,GAVI;MAWTC,IAAI,EAAE,CAXG;MAYTC,SAAS,EAAE,CAZF;MAaTT,KAAK,EAAEC,aAAA,CAAOC;IAbL;EAZN;AAdgB,CAAlB"}

package/lib/commonjs/mappings/Button.js

@@ -39,6 +39,7 @@ const SEED_DATA = [{
   name: "Button Outline",
   tag: "ButtonOutline",
   category: _types.COMPONENT_TYPES.button,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   layout: { ...LAYOUT,
     backgroundColor: "transparent",
     borderWidth: 1,
@@ -50,6 +51,7 @@ const SEED_DATA = [{
   name: "Button Solid",
   tag: "ButtonSolid",
   category: _types.COMPONENT_TYPES.button,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   layout: { ...LAYOUT,
     backgroundColor: "primary",
     textAlign: "center"

package/lib/commonjs/mappings/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_TRIGGERS","Triggers","OnPress","SEED_DATA_PROPS","onPress","createActionProp","icon","createIconProp","defaultValue","required","title","createTextProp","label","description","disabled","createBoolProp","group","GROUPS","basic","loading","LAYOUT","backgroundColor","borderRadius","fontFamily","SEED_DATA","name","tag","category","COMPONENT_TYPES","button","layout","borderWidth","textAlign","triggers","props"],"sources":["Button.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createBoolProp,\n  createTextProp,\n  GROUPS,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnPress];\nconst SEED_DATA_PROPS = {\n  onPress: createActionProp(),\n  icon: createIconProp({\n    defaultValue: null,\n    required: false,\n  }),\n  title: createTextProp({\n    label: \"Label\",\n    description: \"Button Label\",\n    defaultValue: \"Get Started\",\n  }),\n  disabled: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Disabled\",\n    description: \"Whether the button should be disabled\",\n  }),\n  loading: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Loading\",\n    description: \"Whether to show a loading indicator\",\n  }),\n};\n\nconst LAYOUT = {\n  backgroundColor: \"transparent\",\n  borderRadius: 8,\n  fontFamily: \"system-700\",\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Button Outline\",\n    tag: \"ButtonOutline\",\n    category: COMPONENT_TYPES.button,\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"transparent\",\n      borderWidth: 1,\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n  {\n    name: \"Button Solid\",\n    tag: \"ButtonSolid\",\n    category: COMPONENT_TYPES.button,\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"primary\",\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AAUA,MAAMA,kBAAkB,GAAG,CAACC,eAAA,CAASC,OAAV,CAA3B;AACA,MAAMC,eAAe,GAAG;EACtBC,OAAO,EAAE,IAAAC,uBAAA,GADa;EAEtBC,IAAI,EAAE,IAAAC,qBAAA,EAAe;IACnBC,YAAY,EAAE,IADK;IAEnBC,QAAQ,EAAE;EAFS,CAAf,CAFgB;EAMtBC,KAAK,EAAE,IAAAC,qBAAA,EAAe;IACpBC,KAAK,EAAE,OADa;IAEpBC,WAAW,EAAE,cAFO;IAGpBL,YAAY,EAAE;EAHM,CAAf,CANe;EAWtBM,QAAQ,EAAE,IAAAC,qBAAA,EAAe;IACvBC,KAAK,EAAEC,aAAA,CAAOC,KADS;IAEvBN,KAAK,EAAE,UAFgB;IAGvBC,WAAW,EAAE;EAHU,CAAf,CAXY;EAgBtBM,OAAO,EAAE,IAAAJ,qBAAA,EAAe;IACtBC,KAAK,EAAEC,aAAA,CAAOC,KADQ;IAEtBN,KAAK,EAAE,SAFe;IAGtBC,WAAW,EAAE;EAHS,CAAf;AAhBa,CAAxB;AAuBA,MAAMO,MAAM,GAAG;EACbC,eAAe,EAAE,aADJ;EAEbC,YAAY,EAAE,CAFD;EAGbC,UAAU,EAAE;AAHC,CAAf;AAMO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,gBADR;EAEEC,GAAG,EAAE,eAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAH5B;EAIEC,MAAM,EAAE,EACN,GAAGV,MADG;IAENC,eAAe,EAAE,aAFX;IAGNU,WAAW,EAAE,CAHP;IAINC,SAAS,EAAE;EAJL,CAJV;EAUEC,QAAQ,EAAEjC,kBAVZ;EAWEkC,KAAK,EAAE/B;AAXT,CADuB,EAcvB;EACEsB,IAAI,EAAE,cADR;EAEEC,GAAG,EAAE,aAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAH5B;EAIEC,MAAM,EAAE,EACN,GAAGV,MADG;IAENC,eAAe,EAAE,SAFX;IAGNW,SAAS,EAAE;EAHL,CAJV;EASEC,QAAQ,EAAEjC,kBATZ;EAUEkC,KAAK,EAAE/B;AAVT,CAduB,CAAlB"}
+{"version":3,"names":["SEED_DATA_TRIGGERS","Triggers","OnPress","SEED_DATA_PROPS","onPress","createActionProp","icon","createIconProp","defaultValue","required","title","createTextProp","label","description","disabled","createBoolProp","group","GROUPS","basic","loading","LAYOUT","backgroundColor","borderRadius","fontFamily","SEED_DATA","name","tag","category","COMPONENT_TYPES","button","stylesPanelSections","StylesPanelSections","Typography","Background","Borders","Size","MarginsAndPaddings","Position","Effects","layout","borderWidth","textAlign","triggers","props"],"sources":["Button.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createBoolProp,\n  createTextProp,\n  GROUPS,\n  createActionProp,\n  Triggers,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnPress];\nconst SEED_DATA_PROPS = {\n  onPress: createActionProp(),\n  icon: createIconProp({\n    defaultValue: null,\n    required: false,\n  }),\n  title: createTextProp({\n    label: \"Label\",\n    description: \"Button Label\",\n    defaultValue: \"Get Started\",\n  }),\n  disabled: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Disabled\",\n    description: \"Whether the button should be disabled\",\n  }),\n  loading: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Loading\",\n    description: \"Whether to show a loading indicator\",\n  }),\n};\n\nconst LAYOUT = {\n  backgroundColor: \"transparent\",\n  borderRadius: 8,\n  fontFamily: \"system-700\",\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Button Outline\",\n    tag: \"ButtonOutline\",\n    category: COMPONENT_TYPES.button,\n    stylesPanelSections: [\n      StylesPanelSections.Typography,\n      StylesPanelSections.Background,\n      StylesPanelSections.Borders,\n      StylesPanelSections.Size,\n      StylesPanelSections.MarginsAndPaddings,\n      StylesPanelSections.Position,\n      StylesPanelSections.Effects,\n    ],\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"transparent\",\n      borderWidth: 1,\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n  {\n    name: \"Button Solid\",\n    tag: \"ButtonSolid\",\n    category: COMPONENT_TYPES.button,\n    stylesPanelSections: [\n      StylesPanelSections.Typography,\n      StylesPanelSections.Background,\n      StylesPanelSections.Borders,\n      StylesPanelSections.Size,\n      StylesPanelSections.MarginsAndPaddings,\n      StylesPanelSections.Position,\n      StylesPanelSections.Effects,\n    ],\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"primary\",\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AAWA,MAAMA,kBAAkB,GAAG,CAACC,eAAA,CAASC,OAAV,CAA3B;AACA,MAAMC,eAAe,GAAG;EACtBC,OAAO,EAAE,IAAAC,uBAAA,GADa;EAEtBC,IAAI,EAAE,IAAAC,qBAAA,EAAe;IACnBC,YAAY,EAAE,IADK;IAEnBC,QAAQ,EAAE;EAFS,CAAf,CAFgB;EAMtBC,KAAK,EAAE,IAAAC,qBAAA,EAAe;IACpBC,KAAK,EAAE,OADa;IAEpBC,WAAW,EAAE,cAFO;IAGpBL,YAAY,EAAE;EAHM,CAAf,CANe;EAWtBM,QAAQ,EAAE,IAAAC,qBAAA,EAAe;IACvBC,KAAK,EAAEC,aAAA,CAAOC,KADS;IAEvBN,KAAK,EAAE,UAFgB;IAGvBC,WAAW,EAAE;EAHU,CAAf,CAXY;EAgBtBM,OAAO,EAAE,IAAAJ,qBAAA,EAAe;IACtBC,KAAK,EAAEC,aAAA,CAAOC,KADQ;IAEtBN,KAAK,EAAE,SAFe;IAGtBC,WAAW,EAAE;EAHS,CAAf;AAhBa,CAAxB;AAuBA,MAAMO,MAAM,GAAG;EACbC,eAAe,EAAE,aADJ;EAEbC,YAAY,EAAE,CAFD;EAGbC,UAAU,EAAE;AAHC,CAAf;AAMO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,gBADR;EAEEC,GAAG,EAAE,eAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAH5B;EAIEC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,UADD,EAEnBD,0BAAA,CAAoBE,UAFD,EAGnBF,0BAAA,CAAoBG,OAHD,EAInBH,0BAAA,CAAoBI,IAJD,EAKnBJ,0BAAA,CAAoBK,kBALD,EAMnBL,0BAAA,CAAoBM,QAND,EAOnBN,0BAAA,CAAoBO,OAPD,CAJvB;EAaEC,MAAM,EAAE,EACN,GAAGnB,MADG;IAENC,eAAe,EAAE,aAFX;IAGNmB,WAAW,EAAE,CAHP;IAINC,SAAS,EAAE;EAJL,CAbV;EAmBEC,QAAQ,EAAE1C,kBAnBZ;EAoBE2C,KAAK,EAAExC;AApBT,CADuB,EAuBvB;EACEsB,IAAI,EAAE,cADR;EAEEC,GAAG,EAAE,aAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAH5B;EAIEC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,UADD,EAEnBD,0BAAA,CAAoBE,UAFD,EAGnBF,0BAAA,CAAoBG,OAHD,EAInBH,0BAAA,CAAoBI,IAJD,EAKnBJ,0BAAA,CAAoBK,kBALD,EAMnBL,0BAAA,CAAoBM,QAND,EAOnBN,0BAAA,CAAoBO,OAPD,CAJvB;EAaEC,MAAM,EAAE,EACN,GAAGnB,MADG;IAENC,eAAe,EAAE,SAFX;IAGNoB,SAAS,EAAE;EAHL,CAbV;EAkBEC,QAAQ,EAAE1C,kBAlBZ;EAmBE2C,KAAK,EAAExC;AAnBT,CAvBuB,CAAlB"}

package/lib/commonjs/mappings/CardBlock.js

@@ -105,6 +105,7 @@ const SEED_DATA = [{
   tag: "CardBlock",
   description: "An elevated card with a title and description, that takes up the full width its container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   props: { ...SEED_DATA_PROPS,
     icon: {
       group: _types.GROUPS.basic,

package/lib/commonjs/mappings/CardBlock.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","image","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","aspectRatio","basic","NUMBER","titleCentered","boolean","BOOLEAN","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","props","numColumns","createNumColumnsType","icon"],"sources":["CardBlock.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  createNumColumnsType,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  titleCentered: {\n    group: GROUPS.basic,\n    label: \"Title centered\",\n    description: \"Whether to center the title\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Small Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one third of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 1,\n      }),\n    },\n  },\n  {\n    name: \"Medium Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one half of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up the full width its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["SEED_DATA_PROPS","image","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","aspectRatio","basic","NUMBER","titleCentered","boolean","BOOLEAN","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","props","numColumns","createNumColumnsType","icon","stylesPanelSections","BLOCK_STYLES_SECTIONS"],"sources":["CardBlock.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  createNumColumnsType,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  titleCentered: {\n    group: GROUPS.basic,\n    label: \"Title centered\",\n    description: \"Whether to center the title\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Small Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one third of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 1,\n      }),\n    },\n  },\n  {\n    name: \"Medium Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one half of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up the full width its container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"],"mappings":"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"}

package/lib/commonjs/mappings/CardContainer.js

@@ -87,6 +87,7 @@ const SEED_DATA = [{
   tag: "CardContainer",
   description: "An elevated card with a title and description, that takes up half of its container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: null,
   props: { ...SEED_DATA_PROPS,
     numColumns: (0, _types.createNumColumnsType)({
@@ -98,6 +99,7 @@ const SEED_DATA = [{
   tag: "CardContainer",
   description: "An elevated card with a title and description, that takes up its full container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: null,
   props: { ...SEED_DATA_PROPS,
     numColumns: (0, _types.createNumColumnsType)({

package/lib/commonjs/mappings/CardContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","image","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","group","GROUPS","data","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","textCentered","boolean","BOOLEAN","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","layout","props","numColumns","createNumColumnsType"],"sources":["CardContainer.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n  createNumColumnsType,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  title: {\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  leftDescription: {\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  rightDescription: {\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  icon: {\n    label: \"Icon\",\n    description: \"Icon to display on the top right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  aspectRatio: {\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  textCentered: {\n    label: \"Centered Text\",\n    description: \"Whether to center the text\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Medium Card\",\n    tag: \"CardContainer\",\n    description:\n      \"An elevated card with a title and description, that takes up half of its container.\",\n    category: COMPONENT_TYPES.card,\n    layout: null,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Card\",\n    tag: \"CardContainer\",\n    description:\n      \"An elevated card with a title and description, that takes up its full container.\",\n    category: COMPONENT_TYPES.card,\n    layout: null,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["SEED_DATA_PROPS","image","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","group","GROUPS","data","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","textCentered","boolean","BOOLEAN","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","stylesPanelSections","BLOCK_STYLES_SECTIONS","layout","props","numColumns","createNumColumnsType"],"sources":["CardContainer.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n  createNumColumnsType,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  title: {\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  leftDescription: {\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  rightDescription: {\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  icon: {\n    label: \"Icon\",\n    description: \"Icon to display on the top right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  aspectRatio: {\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  textCentered: {\n    label: \"Centered Text\",\n    description: \"Whether to center the text\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Medium Card\",\n    tag: \"CardContainer\",\n    description:\n      \"An elevated card with a title and description, that takes up half of its container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    layout: null,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Card\",\n    tag: \"CardContainer\",\n    description:\n      \"An elevated card with a title and description, that takes up its full container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    layout: null,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"],"mappings":"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"}

package/lib/commonjs/mappings/CardContainerRating.js

@@ -89,6 +89,7 @@ const SEED_DATA = [{
   tag: "CardContainerRating",
   description: "An elevated card with a title and description, that takes up half of its container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_2col.png",
   supports_list_render: true,
   props: { ...SEED_DATA_PROPS,
@@ -109,6 +110,7 @@ const SEED_DATA = [{
   tag: "CardContainerRating",
   description: "An elevated card with a title and description, that takes up its full container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_3col.png",
   supports_list_render: true,
   props: { ...SEED_DATA_PROPS,

package/lib/commonjs/mappings/CardContainerRating.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","image","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","rating","number","min","max","step","precision","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","preview_image_url","supports_list_render","props","numColumns","uncategorized","layout"],"sources":["CardContainerRating.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  icon: {\n    group: GROUPS.basic,\n    label: \"Icon\",\n    description: \"Icon to display on the top right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  rating: {\n    group: GROUPS.data,\n    label: \"Rating\",\n    description: \"Number of stars to show. A number 0-5.\",\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 5,\n    min: 0,\n    max: 5,\n    step: 1,\n    precision: 0,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Medium Card (Rating)\",\n    tag: \"CardContainerRating\",\n    description:\n      \"An elevated card with a title and description, that takes up half of its container.\",\n    category: COMPONENT_TYPES.card,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_2col.png\",\n    supports_list_render: true,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: {\n        label: \"Number of Columns\",\n        description: \"Numbre of columns\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 2,\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Large Card (Rating)\",\n    tag: \"CardContainerRating\",\n    description:\n      \"An elevated card with a title and description, that takes up its full container.\",\n    category: COMPONENT_TYPES.card,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_3col.png\",\n    supports_list_render: true,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: {\n        label: \"Number of Columns\",\n        description: \"Numbre of columns\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 3,\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["SEED_DATA_PROPS","image","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","rating","number","min","max","step","precision","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","stylesPanelSections","BLOCK_STYLES_SECTIONS","preview_image_url","supports_list_render","props","numColumns","uncategorized","layout"],"sources":["CardContainerRating.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  icon: {\n    group: GROUPS.basic,\n    label: \"Icon\",\n    description: \"Icon to display on the top right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  rating: {\n    group: GROUPS.data,\n    label: \"Rating\",\n    description: \"Number of stars to show. A number 0-5.\",\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 5,\n    min: 0,\n    max: 5,\n    step: 1,\n    precision: 0,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Medium Card (Rating)\",\n    tag: \"CardContainerRating\",\n    description:\n      \"An elevated card with a title and description, that takes up half of its container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_2col.png\",\n    supports_list_render: true,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: {\n        label: \"Number of Columns\",\n        description: \"Numbre of columns\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 2,\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Large Card (Rating)\",\n    tag: \"CardContainerRating\",\n    description:\n      \"An elevated card with a title and description, that takes up its full container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_3col.png\",\n    supports_list_render: true,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: {\n        label: \"Number of Columns\",\n        description: \"Numbre of columns\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 3,\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":"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"}

package/lib/commonjs/mappings/CardContainerShortImage.js

@@ -12,6 +12,7 @@ const SEED_DATA = [{
   tag: "CardContainerShortImage",
   description: "An elevated card with a left aligned image and a title and subtitle",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerShortLeftImage.png",
   supports_list_render: true,
   props: {
@@ -74,6 +75,7 @@ const SEED_DATA = [{
   tag: "CardContainerShortImage",
   description: "An elevated card with a right aligned image and a title and subtitle",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerShortRightImage.png",
   supports_list_render: true,
   props: {