@draftbit/core 46.11.1-59cf63.2 → 46.11.1-608f52.2

package/lib/module/mappings/DeckSwiper.js

@@ -1,12 +1,12 @@
-import { COMPONENT_TYPES, Triggers, createActionProp, createStaticNumberProp, createStaticBoolProp, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
+import { COMPONENT_TYPES, Triggers, createActionProp, createStaticNumberProp, createStaticBoolProp, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Deck Swiper",
   tag: "DeckSwiper",
   description: "Deck swiper container",
   category: COMPONENT_TYPES.swiper,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Effects],
   layout: {
-    width: "100%"
+    position: "absolute"
   },
   triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
   props: {

package/lib/module/mappings/DeckSwiper.js.map

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","Triggers","createActionProp","createStaticNumberProp","createStaticBoolProp","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","swiper","stylesPanelSections","layout","width","triggers","OnIndexChanged","OnEndReached","props","onIndexChanged","label","onEndReached","startCardIndex","defaultValue","infiniteSwiping","verticalEnabled","horizontalEnabled","visibleCardCount","min","step"],"sourceRoot":"../../../src","sources":["mappings/DeckSwiper.ts"],"mappings":"AAAA,SACEA,eAAe,EACfC,QAAQ,EACRC,gBAAgB,EAChBC,sBAAsB,EACtBC,oBAAoB,EACpBC,qBAAqB,QAChB,iBAAiB;AAExB,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aAAa;EACnBC,GAAG,EAAE,YAAY;EACjBC,WAAW,EAAE,uBAAuB;EACpCC,QAAQ,EAAEV,eAAe,CAACW,MAAM;EAChCC,mBAAmB,EAAEP,qBAAqB;EAC1CQ,MAAM,EAAE;IACNC,KAAK,EAAE;EACT,CAAC;EACDC,QAAQ,EAAE,CAACd,QAAQ,CAACe,cAAc,EAAEf,QAAQ,CAACgB,YAAY,CAAC;EAC1DC,KAAK,EAAE;IACLC,cAAc,EAAEjB,gBAAgB,CAAC;MAC/BkB,KAAK,EAAE,kBAAkB;MACzBX,WAAW,EAAE;IACf,CAAC,CAAC;IACFY,YAAY,EAAEnB,gBAAgB,CAAC;MAC7BkB,KAAK,EAAE,gBAAgB;MACvBX,WAAW,EAAE;IACf,CAAC,CAAC;IACFa,cAAc,EAAEnB,sBAAsB,CAAC;MACrCiB,KAAK,EAAE,kBAAkB;MACzBX,WAAW,EAAE,qCAAqC;MAClDc,YAAY,EAAE;IAChB,CAAC,CAAC;IACFC,eAAe,EAAEpB,oBAAoB,CAAC;MACpCgB,KAAK,EAAE,kBAAkB;MACzBX,WAAW,EAAE;IACf,CAAC,CAAC;IACFgB,eAAe,EAAErB,oBAAoB,CAAC;MACpCgB,KAAK,EAAE,wBAAwB;MAC/BX,WAAW,EAAE,qDAAqD;MAClEc,YAAY,EAAE;IAChB,CAAC,CAAC;IACFG,iBAAiB,EAAEtB,oBAAoB,CAAC;MACtCgB,KAAK,EAAE,0BAA0B;MACjCX,WAAW,EAAE,uDAAuD;MACpEc,YAAY,EAAE;IAChB,CAAC,CAAC;IACFI,gBAAgB,EAAExB,sBAAsB,CAAC;MACvCiB,KAAK,EAAE,oBAAoB;MAC3BX,WAAW,EACT,iEAAiE;MACnEc,YAAY,EAAE,CAAC;MACfK,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE;IACR,CAAC;EACH;AACF,CAAC"}
+{"version":3,"names":["COMPONENT_TYPES","Triggers","createActionProp","createStaticNumberProp","createStaticBoolProp","StylesPanelSections","SEED_DATA","name","tag","description","category","swiper","stylesPanelSections","Size","Margins","Effects","layout","position","triggers","OnIndexChanged","OnEndReached","props","onIndexChanged","label","onEndReached","startCardIndex","defaultValue","infiniteSwiping","verticalEnabled","horizontalEnabled","visibleCardCount","min","step"],"sourceRoot":"../../../src","sources":["mappings/DeckSwiper.ts"],"mappings":"AAAA,SACEA,eAAe,EACfC,QAAQ,EACRC,gBAAgB,EAChBC,sBAAsB,EACtBC,oBAAoB,EACpBC,mBAAmB,QACd,iBAAiB;AAExB,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aAAa;EACnBC,GAAG,EAAE,YAAY;EACjBC,WAAW,EAAE,uBAAuB;EACpCC,QAAQ,EAAEV,eAAe,CAACW,MAAM;EAChCC,mBAAmB,EAAE,CACnBP,mBAAmB,CAACQ,IAAI,EACxBR,mBAAmB,CAACS,OAAO,EAC3BT,mBAAmB,CAACU,OAAO,CAC5B;EACDC,MAAM,EAAE;IACNC,QAAQ,EAAE;EACZ,CAAC;EACDC,QAAQ,EAAE,CAACjB,QAAQ,CAACkB,cAAc,EAAElB,QAAQ,CAACmB,YAAY,CAAC;EAC1DC,KAAK,EAAE;IACLC,cAAc,EAAEpB,gBAAgB,CAAC;MAC/BqB,KAAK,EAAE,kBAAkB;MACzBd,WAAW,EAAE;IACf,CAAC,CAAC;IACFe,YAAY,EAAEtB,gBAAgB,CAAC;MAC7BqB,KAAK,EAAE,gBAAgB;MACvBd,WAAW,EAAE;IACf,CAAC,CAAC;IACFgB,cAAc,EAAEtB,sBAAsB,CAAC;MACrCoB,KAAK,EAAE,kBAAkB;MACzBd,WAAW,EAAE,qCAAqC;MAClDiB,YAAY,EAAE;IAChB,CAAC,CAAC;IACFC,eAAe,EAAEvB,oBAAoB,CAAC;MACpCmB,KAAK,EAAE,kBAAkB;MACzBd,WAAW,EAAE;IACf,CAAC,CAAC;IACFmB,eAAe,EAAExB,oBAAoB,CAAC;MACpCmB,KAAK,EAAE,wBAAwB;MAC/Bd,WAAW,EAAE,qDAAqD;MAClEiB,YAAY,EAAE;IAChB,CAAC,CAAC;IACFG,iBAAiB,EAAEzB,oBAAoB,CAAC;MACtCmB,KAAK,EAAE,0BAA0B;MACjCd,WAAW,EAAE,uDAAuD;MACpEiB,YAAY,EAAE;IAChB,CAAC,CAAC;IACFI,gBAAgB,EAAE3B,sBAAsB,CAAC;MACvCoB,KAAK,EAAE,oBAAoB;MAC3Bd,WAAW,EACT,iEAAiE;MACnEiB,YAAY,EAAE,CAAC;MACfK,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE;IACR,CAAC;EACH;AACF,CAAC"}

package/lib/module/mappings/DeckSwiperCard.js

@@ -1,12 +1,11 @@
-import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
+import { COMPONENT_TYPES, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Deck Swiper Card",
   tag: "DeckSwiperCard",
   description: "Single Deck Swiper Card item to be used in DeckSwiper",
   category: COMPONENT_TYPES.swiper,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Borders, StylesPanelSections.Effects],
   layout: {
-    flex: 1,
     alignItems: "center",
     justifyContent: "center",
     padding: 20,

package/lib/module/mappings/DeckSwiperCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","CONTAINER_COMPONENT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","swiper","stylesPanelSections","layout","flex","alignItems","justifyContent","padding","borderWidth","props"],"sourceRoot":"../../../src","sources":["mappings/DeckSwiperCard.ts"],"mappings":"AAAA,SACEA,eAAe,EACfC,mCAAmC,QAC9B,iBAAiB;AAExB,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,kBAAkB;EACxBC,GAAG,EAAE,gBAAgB;EACrBC,WAAW,EAAE,uDAAuD;EACpEC,QAAQ,EAAEN,eAAe,CAACO,MAAM;EAChCC,mBAAmB,EAAEP,mCAAmC;EACxDQ,MAAM,EAAE;IACNC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAE,EAAE;IACXC,WAAW,EAAE;EACf,CAAC;EACDC,KAAK,EAAE,CAAC;AACV,CAAC"}
+{"version":3,"names":["COMPONENT_TYPES","StylesPanelSections","SEED_DATA","name","tag","description","category","swiper","stylesPanelSections","LayoutFlexItems","LayoutContent","Background","Size","MarginsAndPaddings","Borders","Effects","layout","alignItems","justifyContent","padding","borderWidth","props"],"sourceRoot":"../../../src","sources":["mappings/DeckSwiperCard.ts"],"mappings":"AAAA,SAASA,eAAe,EAAEC,mBAAmB,QAAQ,iBAAiB;AAEtE,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,kBAAkB;EACxBC,GAAG,EAAE,gBAAgB;EACrBC,WAAW,EAAE,uDAAuD;EACpEC,QAAQ,EAAEN,eAAe,CAACO,MAAM;EAChCC,mBAAmB,EAAE,CACnBP,mBAAmB,CAACQ,eAAe,EACnCR,mBAAmB,CAACS,aAAa,EACjCT,mBAAmB,CAACU,UAAU,EAC9BV,mBAAmB,CAACW,IAAI,EACxBX,mBAAmB,CAACY,kBAAkB,EACtCZ,mBAAmB,CAACa,OAAO,EAC3Bb,mBAAmB,CAACc,OAAO,CAC5B;EACDC,MAAM,EAAE;IACNC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAE,EAAE;IACXC,WAAW,EAAE;EACf,CAAC;EACDC,KAAK,EAAE,CAAC;AACV,CAAC"}

package/lib/module/mappings/Shadow.js

@@ -1,10 +1,10 @@
-import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp, GROUPS } from "@draftbit/types";
+import { COMPONENT_TYPES, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp, GROUPS, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Shadow",
   tag: "Shadow",
   description: "A cross-platform, universal shadow.",
   category: COMPONENT_TYPES.view,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
   props: {
     disabled: createDisabledProp({
       description: "Disables the shadow."
@@ -26,7 +26,7 @@ export const SEED_DATA = {
     paintInside: createStaticBoolProp({
       label: "Paint Inside",
       description: "Apply the shadow below/inside the content.",
-      defaultValue: false
+      defaultValue: true
     }),
     stretch: createStaticBoolProp({
       label: "Stretch",

package/lib/module/mappings/Shadow.js.map

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","CONTAINER_COMPONENT_STYLES_SECTIONS","createColorProp","createStaticNumberProp","createStaticBoolProp","createDisabledProp","GROUPS","SEED_DATA","name","tag","description","category","view","stylesPanelSections","props","disabled","startColor","label","defaultValue","endColor","distance","paintInside","stretch","offsetX","defeaultValue","offsetY","showShadowSideStart","group","advanced","showShadowSideEnd","showShadowSideTop","showShadowSideBottom","showShadowCornerTopStart","showShadowCornerTopEnd","showShadowCornerBottomStart","showShadowCornerBottomEnd"],"sourceRoot":"../../../src","sources":["mappings/Shadow.ts"],"mappings":"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"}
+{"version":3,"names":["COMPONENT_TYPES","createColorProp","createStaticNumberProp","createStaticBoolProp","createDisabledProp","GROUPS","StylesPanelSections","SEED_DATA","name","tag","description","category","view","stylesPanelSections","Size","Margins","Position","Borders","Effects","props","disabled","startColor","label","defaultValue","endColor","distance","paintInside","stretch","offsetX","defeaultValue","offsetY","showShadowSideStart","group","advanced","showShadowSideEnd","showShadowSideTop","showShadowSideBottom","showShadowCornerTopStart","showShadowCornerTopEnd","showShadowCornerBottomStart","showShadowCornerBottomEnd"],"sourceRoot":"../../../src","sources":["mappings/Shadow.ts"],"mappings":"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"}

package/lib/module/utilities.js

@@ -44,6 +44,12 @@ export function extractBorderAndMarginStyles(style, additionalBorderStyles, addi
     marginStyles
   };
 }
+export const sizeStyleNames = ["width", "height"];
+export function extractSizeStyles(style, additionalSizeStyles) {
+  const flatStyle = StyleSheet.flatten(style || {});
+  const sizeStyles = pickBy(pick(flatStyle, [...sizeStyleNames, ...(additionalSizeStyles ? additionalSizeStyles : [])]), identity);
+  return sizeStyles;
+}
 
 /**
  * Merges a style object on top of another style object. In React Native,

package/lib/module/utilities.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","isString","isNumber","pick","pickBy","identity","extractStyles","style","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","viewStyles","flatten","textStyles","borderStyleNames","marginStyleNames","extractBorderAndMarginStyles","additionalBorderStyles","additionalMarginStyles","flatStyle","borderStyles","marginStyles","applyStyles","baseStyles","stylesToApply","flattenedStyles","key","value","Object","entries","getValueForRadioButton","String","Error"],"sourceRoot":"../../src","sources":["utilities.ts"],"mappings":"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"}
+{"version":3,"names":["StyleSheet","isString","isNumber","pick","pickBy","identity","extractStyles","style","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","viewStyles","flatten","textStyles","borderStyleNames","marginStyleNames","extractBorderAndMarginStyles","additionalBorderStyles","additionalMarginStyles","flatStyle","borderStyles","marginStyles","sizeStyleNames","extractSizeStyles","additionalSizeStyles","sizeStyles","applyStyles","baseStyles","stylesToApply","flattenedStyles","key","value","Object","entries","getValueForRadioButton","String","Error"],"sourceRoot":"../../src","sources":["utilities.ts"],"mappings":"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"}

package/lib/typescript/src/components/DeckSwiper/DeckSwiperCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeckSwiperCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/DeckSwiperCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd;;;;AA6BD,wBAAyC"}
+{"version":3,"file":"DeckSwiperCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/DeckSwiperCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd;;;;AA4BD,wBAAyC"}

package/lib/typescript/src/components/Picker/Picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAAC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;;;;AAkbF,wBAAiC"}
+{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAAC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;;;;AAscF,wBAAiC"}

package/lib/typescript/src/components/Shadow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/components/Shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAmC1D,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/components/Shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAIhE,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CA8C1D,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/src/mappings/DeckSwiper.d.ts

@@ -5,7 +5,7 @@ export declare const SEED_DATA: {
     category: string;
     stylesPanelSections: string[];
     layout: {
-        width: string;
+        position: string;
     };
     triggers: string[];
     props: {

package/lib/typescript/src/mappings/DeckSwiper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DeckSwiper.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CrB,CAAC"}
+{"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DeckSwiper.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDrB,CAAC"}

package/lib/typescript/src/mappings/DeckSwiperCard.d.ts

@@ -5,7 +5,6 @@ export declare const SEED_DATA: {
     category: string;
     stylesPanelSections: string[];
     layout: {
-        flex: number;
         alignItems: string;
         justifyContent: string;
         padding: number;

package/lib/typescript/src/mappings/DeckSwiperCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeckSwiperCard.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DeckSwiperCard.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAcrB,CAAC"}
+{"version":3,"file":"DeckSwiperCard.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DeckSwiperCard.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAqBrB,CAAC"}

package/lib/typescript/src/mappings/Shadow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Shadow.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FrB,CAAC"}
+{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Shadow.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmGrB,CAAC"}

package/lib/typescript/src/utilities.d.ts

@@ -10,6 +10,8 @@ export declare function extractBorderAndMarginStyles(style: StyleProp<any>, addi
     borderStyles: import("lodash").Dictionary<any>;
     marginStyles: import("lodash").Dictionary<any>;
 };
+export declare const sizeStyleNames: string[];
+export declare function extractSizeStyles(style: StyleProp<any>, additionalSizeStyles?: string[]): import("lodash").Dictionary<any>;
 /**
  * Merges a style object on top of another style object. In React Native,
  * keys with undefined values in a style object will still override styles

package/lib/typescript/src/utilities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../src/utilities.ts"],"names":[],"mappings":";AAAA,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC;;;EA+BlD;AAED,eAAO,MAAM,gBAAgB,UAwB5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAU5B,CAAC;AAEF,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EACrB,sBAAsB,CAAC,EAAE,MAAM,EAAE,EACjC,sBAAsB,CAAC,EAAE,MAAM,EAAE;;;EAqBlC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EACjC,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,OAe1C;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,UAQ5D"}
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../src/utilities.ts"],"names":[],"mappings":";AAAA,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC;;;EA+BlD;AAED,eAAO,MAAM,gBAAgB,UAwB5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAU5B,CAAC;AAEF,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EACrB,sBAAsB,CAAC,EAAE,MAAM,EAAE,EACjC,sBAAsB,CAAC,EAAE,MAAM,EAAE;;;EAqBlC;AAED,eAAO,MAAM,cAAc,UAAsB,CAAC;AAElD,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EACrB,oBAAoB,CAAC,EAAE,MAAM,EAAE,oCAahC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EACjC,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,OAe1C;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,UAQ5D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.11.1-59cf63.2+59cf63c",
+  "version": "46.11.1-608f52.2+608f524",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.11.1-59cf63.2+59cf63c",
+    "@draftbit/types": "^46.11.1-608f52.2+608f524",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -93,5 +93,5 @@
     "node_modules/",
     "lib/"
   ],
-  "gitHead": "59cf63c610ba6e268ec0876d0528af1993437212"
+  "gitHead": "608f5245e59c2eb7965c343151b0c71d0e0d9cf6"
 }

package/src/components/DeckSwiper/DeckSwiper.js

@@ -50,7 +50,7 @@ const DeckSwiper = ({ onIndexChanged, onEndReached, startCardIndex = 0, infinite
 };
 const styles = StyleSheet.create({
     cardsContainer: {
-        width: "100%",
+        position: "absolute",
     },
     card: {
         left: 0,

package/src/components/DeckSwiper/DeckSwiper.tsx

@@ -120,7 +120,7 @@ const DeckSwiper = <T extends object>({
 
 const styles = StyleSheet.create({
   cardsContainer: {
-    width: "100%",
+    position: "absolute",
   },
   card: {
     left: 0,

package/src/components/DeckSwiper/DeckSwiperCard.js

@@ -11,7 +11,6 @@ const DeckSwiperCard = ({ style, children, theme }) => (React.createElement(View
     ] }, children));
 const styles = StyleSheet.create({
     card: {
-        flex: 1,
         alignItems: "center",
         justifyContent: "center",
         padding: 20,

package/src/components/DeckSwiper/DeckSwiperCard.tsx

@@ -27,7 +27,6 @@ const DeckSwiperCard: React.FC<
 
 const styles = StyleSheet.create({
   card: {
-    flex: 1,
     alignItems: "center",
     justifyContent: "center",
     padding: 20,

package/src/components/Picker/Picker.js

@@ -38,7 +38,7 @@ const disabledColor = "rgb(240, 240, 240)";
 const errorColor = "rgba(255, 69, 100, 1)";
 //Empty string for 'value' is treated as a non-value
 //reason: Draftbit uses empty string as initial value for string state*/
-const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style, placeholder = "Select an option", value, disabled = false, assistiveText, label, iconColor = unstyledColor, iconSize = 24, leftIconMode = "inset", leftIconName, placeholderTextColor = unstyledColor, rightIconName, type = "solid", autoDismissKeyboard = true, }) => {
+const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style, placeholder, value, disabled = false, assistiveText, label, iconColor = unstyledColor, iconSize = 24, leftIconMode = "inset", leftIconName, placeholderTextColor = unstyledColor, rightIconName, type = "solid", autoDismissKeyboard = true, }) => {
     var _a, _b;
     const androidPickerRef = React.useRef(undefined);
     const [internalValue, setInternalValue] = React.useState(value || defaultValue);
@@ -50,6 +50,9 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
         if (value != null && value !== "") {
             setInternalValue(value);
         }
+        else if (value === "") {
+            setInternalValue(undefined);
+        }
     }, [value]);
     React.useEffect(() => {
         if (defaultValue != null && defaultValue !== "") {
@@ -67,12 +70,21 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
             Keyboard.dismiss();
         }
     }, [pickerVisible, autoDismissKeyboard]);
-    const normalizedOptions = normalizeOptions(options);
+    const normalizedOptions = React.useMemo(() => normalizeOptions(options), [options]);
     //Underlying Picker component defaults selection to first element when value is not provided (or undefined)
     //Placholder must be the 1st option in order to allow selection of the 'actual' 1st option
-    const pickerOptions = placeholder
+    const pickerOptions = React.useMemo(() => placeholder
         ? [{ label: placeholder, value: placeholder }, ...normalizedOptions]
-        : normalizedOptions;
+        : normalizedOptions, [placeholder, normalizedOptions]);
+    //When no placeholder is provided then first item should be marked selected to reflect underlying Picker internal state
+    if (!placeholder &&
+        pickerOptions.length &&
+        !internalValue &&
+        internalValue !== pickerOptions[0].value //Prevent infinite state changes incase first value is falsy
+    ) {
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(pickerOptions[0].value, 0);
+        setInternalValue(pickerOptions[0].value);
+    }
     const { viewStyles, textStyles } = extractStyles(style);
     const additionalBorderStyles = ["backgroundColor"];
     const additionalMarginStyles = [

package/src/components/Picker/Picker.tsx

@@ -101,7 +101,7 @@ const Picker: React.FC<PickerProps> = ({
   defaultValue,
   Icon,
   style,
-  placeholder = "Select an option",
+  placeholder,
   value,
   disabled = false,
   assistiveText,
@@ -130,6 +130,8 @@ const Picker: React.FC<PickerProps> = ({
   React.useEffect(() => {
     if (value != null && value !== "") {
       setInternalValue(value);
+    } else if (value === "") {
+      setInternalValue(undefined);
     }
   }, [value]);
 
@@ -151,13 +153,31 @@ const Picker: React.FC<PickerProps> = ({
     }
   }, [pickerVisible, autoDismissKeyboard]);
 
-  const normalizedOptions = normalizeOptions(options);
+  const normalizedOptions = React.useMemo(
+    () => normalizeOptions(options),
+    [options]
+  );
 
   //Underlying Picker component defaults selection to first element when value is not provided (or undefined)
   //Placholder must be the 1st option in order to allow selection of the 'actual' 1st option
-  const pickerOptions = placeholder
-    ? [{ label: placeholder, value: placeholder }, ...normalizedOptions]
-    : normalizedOptions;
+  const pickerOptions = React.useMemo(
+    () =>
+      placeholder
+        ? [{ label: placeholder, value: placeholder }, ...normalizedOptions]
+        : normalizedOptions,
+    [placeholder, normalizedOptions]
+  );
+
+  //When no placeholder is provided then first item should be marked selected to reflect underlying Picker internal state
+  if (
+    !placeholder &&
+    pickerOptions.length &&
+    !internalValue &&
+    internalValue !== pickerOptions[0].value //Prevent infinite state changes incase first value is falsy
+  ) {
+    onValueChange?.(pickerOptions[0].value, 0);
+    setInternalValue(pickerOptions[0].value);
+  }
 
   const { viewStyles, textStyles } = extractStyles(style);
 

package/src/components/Shadow.js

@@ -1,6 +1,15 @@
 import React from "react";
+import { StyleSheet } from "react-native";
 import { Shadow as ShadowComponent } from "react-native-shadow-2";
-const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShadowSideEnd = true, showShadowSideTop = true, showShadowSideBottom = true, showShadowCornerTopStart = true, showShadowCornerTopEnd = true, showShadowCornerBottomStart = true, showShadowCornerBottomEnd = true, paintInside = false, style, ...rest }) => {
+import { extractBorderAndMarginStyles, extractSizeStyles } from "../utilities";
+const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShadowSideEnd = true, showShadowSideTop = true, showShadowSideBottom = true, showShadowCornerTopStart = true, showShadowCornerTopEnd = true, showShadowCornerBottomStart = true, showShadowCornerBottomEnd = true, paintInside = true, style, ...rest }) => {
+    const { borderStyles } = extractBorderAndMarginStyles(style);
+    const shadowStyles = StyleSheet.flatten([
+        borderStyles,
+        extractSizeStyles(style),
+    ]);
+    const containerStyle = StyleSheet.flatten(style);
+    Object.keys(shadowStyles).forEach((key) => delete containerStyle[key]);
     return (React.createElement(ShadowComponent, { offset: [offsetX, offsetY], sides: {
             start: showShadowSideStart,
             end: showShadowSideEnd,
@@ -11,6 +20,6 @@ const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShad
             topEnd: showShadowCornerTopEnd,
             bottomStart: showShadowCornerBottomStart,
             bottomEnd: showShadowCornerBottomEnd,
-        }, containerStyle: style, paintInside: paintInside, ...rest }));
+        }, style: shadowStyles, containerStyle: containerStyle, paintInside: paintInside, ...rest }));
 };
 export default Shadow;

package/src/components/Shadow.tsx

@@ -1,6 +1,7 @@
 import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
+import { StyleProp, ViewStyle, StyleSheet } from "react-native";
 import { Shadow as ShadowComponent } from "react-native-shadow-2";
+import { extractBorderAndMarginStyles, extractSizeStyles } from "../utilities";
 
 interface ShadowProps {
   disabled?: boolean;
@@ -33,10 +34,20 @@ const Shadow: React.FC<React.PropsWithChildren<ShadowProps>> = ({
   showShadowCornerTopEnd = true,
   showShadowCornerBottomStart = true,
   showShadowCornerBottomEnd = true,
-  paintInside = false,
+  paintInside = true,
   style,
   ...rest
 }) => {
+  const { borderStyles } = extractBorderAndMarginStyles(style);
+
+  const shadowStyles = StyleSheet.flatten([
+    borderStyles,
+    extractSizeStyles(style),
+  ]);
+
+  const containerStyle = StyleSheet.flatten(style) as StyleProp<any>;
+  Object.keys(shadowStyles).forEach((key) => delete containerStyle[key]);
+
   return (
     <ShadowComponent
       offset={[offsetX, offsetY]}
@@ -52,7 +63,8 @@ const Shadow: React.FC<React.PropsWithChildren<ShadowProps>> = ({
         bottomStart: showShadowCornerBottomStart,
         bottomEnd: showShadowCornerBottomEnd,
       }}
-      containerStyle={style}
+      style={shadowStyles}
+      containerStyle={containerStyle}
       paintInside={paintInside}
       {...rest}
     />

package/src/components/TabView/TabView.js

@@ -39,7 +39,7 @@ const TabViewComponent = ({ Icon, onIndexChanged, onEndReached, tabBarPosition,
         }
     };
     const renderTabBar = (props) => {
-        return (React.createElement(TabBar, { ...props, activeColor: activeColor || theme.colors.primary, inactiveColor: inactiveColor || theme.colors.divider, pressColor: pressColor || theme.colors.primary, scrollEnabled: scrollEnabled, indicatorStyle: {
+        return (React.createElement(TabBar, { ...props, activeColor: activeColor || theme.colors.primary, inactiveColor: inactiveColor || "rgb(200,200,200)", pressColor: pressColor || theme.colors.primary, scrollEnabled: scrollEnabled, indicatorStyle: {
                 backgroundColor: indicatorColor || theme.colors.primary,
             }, labelStyle: textStyles, renderIcon: ({ route, color }) => (route === null || route === void 0 ? void 0 : route.icon) ? (React.createElement(Icon, { name: route.icon, color: color, size: 16 })) : null, style: {
                 backgroundColor: tabsBackgroundColor || theme.colors.background,

package/src/components/TabView/TabView.tsx

@@ -106,7 +106,7 @@ const TabViewComponent: React.FC<React.PropsWithChildren<TabViewProps>> = ({
       <TabBar
         {...props}
         activeColor={activeColor || theme.colors.primary}
-        inactiveColor={inactiveColor || theme.colors.divider}
+        inactiveColor={inactiveColor || "rgb(200,200,200)"}
         pressColor={pressColor || theme.colors.primary}
         scrollEnabled={scrollEnabled}
         indicatorStyle={{

package/src/mappings/DeckSwiper.js

@@ -1,12 +1,16 @@
-import { COMPONENT_TYPES, Triggers, createActionProp, createStaticNumberProp, createStaticBoolProp, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
+import { COMPONENT_TYPES, Triggers, createActionProp, createStaticNumberProp, createStaticBoolProp, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Deck Swiper",
     tag: "DeckSwiper",
     description: "Deck swiper container",
     category: COMPONENT_TYPES.swiper,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
+    stylesPanelSections: [
+        StylesPanelSections.Size,
+        StylesPanelSections.Margins,
+        StylesPanelSections.Effects,
+    ],
     layout: {
-        width: "100%",
+        position: "absolute",
     },
     triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
     props: {

package/src/mappings/DeckSwiper.ts

@@ -4,7 +4,7 @@ import {
   createActionProp,
   createStaticNumberProp,
   createStaticBoolProp,
-  BLOCK_STYLES_SECTIONS,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -12,9 +12,13 @@ export const SEED_DATA = {
   tag: "DeckSwiper",
   description: "Deck swiper container",
   category: COMPONENT_TYPES.swiper,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  stylesPanelSections: [
+    StylesPanelSections.Size,
+    StylesPanelSections.Margins,
+    StylesPanelSections.Effects,
+  ],
   layout: {
-    width: "100%",
+    position: "absolute",
   },
   triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
   props: {

package/src/mappings/DeckSwiperCard.js

@@ -1,12 +1,19 @@
-import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
+import { COMPONENT_TYPES, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Deck Swiper Card",
     tag: "DeckSwiperCard",
     description: "Single Deck Swiper Card item to be used in DeckSwiper",
     category: COMPONENT_TYPES.swiper,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+    stylesPanelSections: [
+        StylesPanelSections.LayoutFlexItems,
+        StylesPanelSections.LayoutContent,
+        StylesPanelSections.Background,
+        StylesPanelSections.Size,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Borders,
+        StylesPanelSections.Effects,
+    ],
     layout: {
-        flex: 1,
         alignItems: "center",
         justifyContent: "center",
         padding: 20,

package/src/mappings/DeckSwiperCard.ts

@@ -1,16 +1,20 @@
-import {
-  COMPONENT_TYPES,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-} from "@draftbit/types";
+import { COMPONENT_TYPES, StylesPanelSections } from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "Deck Swiper Card",
   tag: "DeckSwiperCard",
   description: "Single Deck Swiper Card item to be used in DeckSwiper",
   category: COMPONENT_TYPES.swiper,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  stylesPanelSections: [
+    StylesPanelSections.LayoutFlexItems,
+    StylesPanelSections.LayoutContent,
+    StylesPanelSections.Background,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
   layout: {
-    flex: 1,
     alignItems: "center",
     justifyContent: "center",
     padding: 20,

package/src/mappings/Shadow.js

@@ -1,10 +1,16 @@
-import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp, GROUPS, } from "@draftbit/types";
+import { COMPONENT_TYPES, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp, GROUPS, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Shadow",
     tag: "Shadow",
     description: "A cross-platform, universal shadow.",
     category: COMPONENT_TYPES.view,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+    stylesPanelSections: [
+        StylesPanelSections.Size,
+        StylesPanelSections.Margins,
+        StylesPanelSections.Position,
+        StylesPanelSections.Borders,
+        StylesPanelSections.Effects,
+    ],
     props: {
         disabled: createDisabledProp({
             description: "Disables the shadow.",
@@ -26,7 +32,7 @@ export const SEED_DATA = {
         paintInside: createStaticBoolProp({
             label: "Paint Inside",
             description: "Apply the shadow below/inside the content.",
-            defaultValue: false,
+            defaultValue: true,
         }),
         stretch: createStaticBoolProp({
             label: "Stretch",

package/src/mappings/Shadow.ts

@@ -1,11 +1,11 @@
 import {
   COMPONENT_TYPES,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
   createColorProp,
   createStaticNumberProp,
   createStaticBoolProp,
   createDisabledProp,
   GROUPS,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -13,7 +13,13 @@ export const SEED_DATA = {
   tag: "Shadow",
   description: "A cross-platform, universal shadow.",
   category: COMPONENT_TYPES.view,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  stylesPanelSections: [
+    StylesPanelSections.Size,
+    StylesPanelSections.Margins,
+    StylesPanelSections.Position,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
   props: {
     disabled: createDisabledProp({
       description: "Disables the shadow.",
@@ -35,7 +41,7 @@ export const SEED_DATA = {
     paintInside: createStaticBoolProp({
       label: "Paint Inside",
       description: "Apply the shadow below/inside the content.",
-      defaultValue: false,
+      defaultValue: true,
     }),
     stretch: createStaticBoolProp({
       label: "Stretch",