@draftbit/core 43.3.4-e422d9.0 → 43.3.4-e63de2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/lib/commonjs/components/Accordion/AccordionGroup.js +1 -9
  2. package/lib/commonjs/components/Accordion/AccordionGroup.js.map +1 -1
  3. package/lib/commonjs/components/DeprecatedCardWrapper.js +14 -2
  4. package/lib/commonjs/components/DeprecatedCardWrapper.js.map +1 -1
  5. package/lib/commonjs/components/Divider.js +3 -13
  6. package/lib/commonjs/components/Divider.js.map +1 -1
  7. package/lib/commonjs/components/Swiper/Swiper.js +23 -1
  8. package/lib/commonjs/components/Swiper/Swiper.js.map +1 -1
  9. package/lib/commonjs/mappings/Accordion.js +40 -0
  10. package/lib/commonjs/mappings/Accordion.js.map +1 -0
  11. package/lib/commonjs/mappings/AccordionGroup.js +1 -1
  12. package/lib/commonjs/mappings/AccordionGroup.js.map +1 -1
  13. package/lib/commonjs/mappings/AccordionItem.js +1 -1
  14. package/lib/commonjs/mappings/AccordionItem.js.map +1 -1
  15. package/lib/commonjs/mappings/RadioButton.js.map +1 -1
  16. package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
  17. package/lib/commonjs/mappings/Swiper.js +14 -0
  18. package/lib/commonjs/mappings/Swiper.js.map +1 -1
  19. package/lib/commonjs/mappings/TextArea.js +10 -1
  20. package/lib/commonjs/mappings/TextArea.js.map +1 -1
  21. package/lib/module/components/Accordion/AccordionGroup.js +1 -9
  22. package/lib/module/components/Accordion/AccordionGroup.js.map +1 -1
  23. package/lib/module/components/Picker/PickerComponent.web.js +3 -17
  24. package/lib/module/components/Picker/PickerComponent.web.js.map +1 -1
  25. package/lib/module/components/Swiper/Swiper.js +23 -1
  26. package/lib/module/components/Swiper/Swiper.js.map +1 -1
  27. package/lib/module/mappings/Accordion.js +31 -0
  28. package/lib/module/mappings/Accordion.js.map +1 -0
  29. package/lib/module/mappings/AccordionGroup.js +1 -1
  30. package/lib/module/mappings/AccordionGroup.js.map +1 -1
  31. package/lib/module/mappings/AccordionItem.js +1 -1
  32. package/lib/module/mappings/AccordionItem.js.map +1 -1
  33. package/lib/module/mappings/MapCallout.js.map +1 -1
  34. package/lib/module/mappings/RowHeadlineImageIcon.js.map +1 -1
  35. package/lib/module/mappings/Swiper.js +15 -1
  36. package/lib/module/mappings/Swiper.js.map +1 -1
  37. package/lib/module/mappings/TextArea.js +10 -1
  38. package/lib/module/mappings/TextArea.js.map +1 -1
  39. package/lib/module/styles/DefaultTheme.js.map +1 -1
  40. package/lib/typescript/src/components/Swiper/Swiper.d.ts +5 -1
  41. package/lib/typescript/src/mappings/Accordion.d.ts +70 -0
  42. package/lib/typescript/src/mappings/Swiper.d.ts +40 -0
  43. package/lib/typescript/src/mappings/TextArea.d.ts +10 -1
  44. package/package.json +2 -2
  45. package/src/components/Accordion/AccordionGroup.js +1 -12
  46. package/src/components/Accordion/AccordionGroup.tsx +1 -15
  47. package/src/components/Swiper/Swiper.js +9 -1
  48. package/src/components/Swiper/Swiper.tsx +16 -0
  49. package/src/mappings/Accordion.js +30 -0
  50. package/src/mappings/Accordion.ts +38 -0
  51. package/src/mappings/AccordionGroup.js +1 -1
  52. package/src/mappings/AccordionGroup.ts +1 -1
  53. package/src/mappings/AccordionItem.js +1 -1
  54. package/src/mappings/AccordionItem.ts +1 -1
  55. package/src/mappings/Swiper.js +15 -1
  56. package/src/mappings/Swiper.ts +15 -0
  57. package/src/mappings/TextArea.js +12 -1
  58. package/src/mappings/TextArea.ts +12 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["Swiper.tsx"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","dotsTouchable","children","style"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAcA,MAAMC,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,aAAa,GAAG,IAPF;AAQdC,IAAAA,QARc;AASdC,IAAAA;AATc,GAAD;AAAA,sBAWb,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAEL,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbC,MAAAA;AAHa;AALjB,KAWGC,QAXH,CADF,CAXa;AAAA,CAAf;;AA4BA,eAAeR,MAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n vertical?: boolean;\n loop?: boolean;\n from?: number;\n timeout?: number;\n prevTitle?: string;\n nextTitle?: string;\n dotsTouchable?: boolean;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n vertical = false,\n loop = false,\n timeout = 0,\n from = 0,\n prevTitle = \"\",\n nextTitle = \"\",\n dotsTouchable = true,\n children,\n style,\n}: SwiperProps) => (\n <View style={style}>\n <SwiperComponent\n from={from}\n loop={loop}\n timeout={timeout}\n vertical={vertical}\n controlsProps={{\n prevTitle,\n nextTitle,\n dotsTouchable,\n }}\n >\n {children}\n </SwiperComponent>\n </View>\n);\n\nexport default Swiper;\n"]}
1
+ {"version":3,"sources":["Swiper.tsx"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAkBA,MAAMC,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,cAPc;AAQdC,IAAAA,cARc;AASdC,IAAAA,aAAa,GAAG,IATF;AAUdC,IAAAA,QAVc;AAWdC,IAAAA,cAXc;AAYdC,IAAAA,QAZc;AAadC,IAAAA;AAbc,GAAD;AAAA,sBAeb,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAET,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbQ,MAAAA,cAAc,EAAE;AAAEC,QAAAA,KAAK,EAAER;AAAT,OAHH;AAIbS,MAAAA,cAAc,EAAE;AAAED,QAAAA,KAAK,EAAEP;AAAT,OAJH;AAKbC,MAAAA,aALa;AAMb,UAAIC,QAAQ,GACR;AAAEO,QAAAA,QAAQ,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAEC,YAAAA,eAAe,EAAET;AAAnB;AAAd;AAAZ,OADQ,GAER,EAFJ,CANa;AASb,UAAIC,cAAc,GACd;AAAES,QAAAA,cAAc,EAAE;AAAED,UAAAA,eAAe,EAAER;AAAnB;AAAlB,OADc,GAEd,EAFJ;AATa;AALjB,KAmBGC,QAnBH,CADF,CAfa;AAAA,CAAf;;AAwCA,eAAeZ,MAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n vertical?: boolean;\n loop?: boolean;\n from?: number;\n timeout?: number;\n prevTitle?: string;\n nextTitle?: string;\n prevTitleColor?: string;\n nextTitleColor?: string;\n dotsTouchable?: boolean;\n dotColor?: string;\n dotActiveColor?: string;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n vertical = false,\n loop = false,\n timeout = 0,\n from = 0,\n prevTitle = \"\",\n nextTitle = \"\",\n prevTitleColor,\n nextTitleColor,\n dotsTouchable = true,\n dotColor,\n dotActiveColor,\n children,\n style,\n}: SwiperProps) => (\n <View style={style}>\n <SwiperComponent\n from={from}\n loop={loop}\n timeout={timeout}\n vertical={vertical}\n controlsProps={{\n prevTitle,\n nextTitle,\n prevTitleStyle: { color: prevTitleColor },\n nextTitleStyle: { color: nextTitleColor },\n dotsTouchable,\n ...(dotColor\n ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n : {}),\n ...(dotActiveColor\n ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n : {}),\n }}\n >\n {children}\n </SwiperComponent>\n </View>\n);\n\nexport default Swiper;\n"]}
@@ -0,0 +1,31 @@
1
+ import { COMPONENT_TYPES, createNumberProp, createIconProp, createTextProp, createStaticBoolProp, createColorProp } from "@draftbit/types";
2
+ export const SEED_DATA = {
3
+ name: "Accordion",
4
+ tag: "AccordionGroup",
5
+ description: "An expandable container containing components",
6
+ category: COMPONENT_TYPES.container,
7
+ props: {
8
+ openColor: createColorProp({
9
+ label: "Open text color"
10
+ }),
11
+ closedColor: createColorProp({
12
+ label: "Closed text Color"
13
+ }),
14
+ caretColor: createColorProp({
15
+ label: "Caret color"
16
+ }),
17
+ iconSize: createNumberProp({
18
+ label: "Icon size",
19
+ defaultValue: 24
20
+ }),
21
+ label: createTextProp({
22
+ label: "Label"
23
+ }),
24
+ expanded: createStaticBoolProp({
25
+ label: "Expanded",
26
+ description: "Whether the AccordionGroup should be expanded or not"
27
+ }),
28
+ icon: createIconProp()
29
+ }
30
+ };
31
+ //# sourceMappingURL=Accordion.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["Accordion.ts"],"names":["COMPONENT_TYPES","createNumberProp","createIconProp","createTextProp","createStaticBoolProp","createColorProp","SEED_DATA","name","tag","description","category","container","props","openColor","label","closedColor","caretColor","iconSize","defaultValue","expanded","icon"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,oBALF,EAMEC,eANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAER,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD,CADrB;AAILC,IAAAA,WAAW,EAAEV,eAAe,CAAC;AAC3BS,MAAAA,KAAK,EAAE;AADoB,KAAD,CAJvB;AAOLE,IAAAA,UAAU,EAAEX,eAAe,CAAC;AAC1BS,MAAAA,KAAK,EAAE;AADmB,KAAD,CAPtB;AAULG,IAAAA,QAAQ,EAAEhB,gBAAgB,CAAC;AACzBa,MAAAA,KAAK,EAAE,WADkB;AAEzBI,MAAAA,YAAY,EAAE;AAFW,KAAD,CAVrB;AAcLJ,IAAAA,KAAK,EAAEX,cAAc,CAAC;AACpBW,MAAAA,KAAK,EAAE;AADa,KAAD,CAdhB;AAiBLK,IAAAA,QAAQ,EAAEf,oBAAoB,CAAC;AAC7BU,MAAAA,KAAK,EAAE,UADsB;AAE7BL,MAAAA,WAAW,EAAE;AAFgB,KAAD,CAjBzB;AAqBLW,IAAAA,IAAI,EAAElB,cAAc;AArBf;AALgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createNumberProp,\n createIconProp,\n createTextProp,\n createStaticBoolProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Accordion\",\n tag: \"AccordionGroup\",\n description: \"An expandable container containing components\",\n category: COMPONENT_TYPES.container,\n props: {\n openColor: createColorProp({\n label: \"Open text color\",\n }),\n closedColor: createColorProp({\n label: \"Closed text Color\",\n }),\n caretColor: createColorProp({\n label: \"Caret color\",\n }),\n iconSize: createNumberProp({\n label: \"Icon size\",\n defaultValue: 24,\n }),\n label: createTextProp({\n label: \"Label\",\n }),\n expanded: createStaticBoolProp({\n label: \"Expanded\",\n description: \"Whether the AccordionGroup should be expanded or not\",\n }),\n icon: createIconProp(),\n },\n};\n"]}
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Accordion Group",
4
4
  tag: "AccordionGroup",
5
5
  description: "An expandable container containing components",
6
- category: COMPONENT_TYPES.container,
6
+ category: COMPONENT_TYPES.deprecated,
7
7
  props: {
8
8
  openColor: createColorProp({
9
9
  label: "Open text color"
@@ -1 +1 @@
1
- {"version":3,"sources":["AccordionGroup.ts"],"names":["COMPONENT_TYPES","createNumberProp","createIconProp","createTextProp","createStaticBoolProp","createColorProp","SEED_DATA","name","tag","description","category","container","props","openColor","label","closedColor","caretColor","iconSize","defaultValue","expanded","icon"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,oBALF,EAMEC,eANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,iBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAER,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD,CADrB;AAILC,IAAAA,WAAW,EAAEV,eAAe,CAAC;AAC3BS,MAAAA,KAAK,EAAE;AADoB,KAAD,CAJvB;AAOLE,IAAAA,UAAU,EAAEX,eAAe,CAAC;AAC1BS,MAAAA,KAAK,EAAE;AADmB,KAAD,CAPtB;AAULG,IAAAA,QAAQ,EAAEhB,gBAAgB,CAAC;AACzBa,MAAAA,KAAK,EAAE,WADkB;AAEzBI,MAAAA,YAAY,EAAE;AAFW,KAAD,CAVrB;AAcLJ,IAAAA,KAAK,EAAEX,cAAc,CAAC;AACpBW,MAAAA,KAAK,EAAE;AADa,KAAD,CAdhB;AAiBLK,IAAAA,QAAQ,EAAEf,oBAAoB,CAAC;AAC7BU,MAAAA,KAAK,EAAE,UADsB;AAE7BL,MAAAA,WAAW,EAAE;AAFgB,KAAD,CAjBzB;AAqBLW,IAAAA,IAAI,EAAElB,cAAc;AArBf;AALgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createNumberProp,\n createIconProp,\n createTextProp,\n createStaticBoolProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Accordion Group\",\n tag: \"AccordionGroup\",\n description: \"An expandable container containing components\",\n category: COMPONENT_TYPES.container,\n props: {\n openColor: createColorProp({\n label: \"Open text color\",\n }),\n closedColor: createColorProp({\n label: \"Closed text Color\",\n }),\n caretColor: createColorProp({\n label: \"Caret color\",\n }),\n iconSize: createNumberProp({\n label: \"Icon size\",\n defaultValue: 24,\n }),\n label: createTextProp({\n label: \"Label\",\n }),\n expanded: createStaticBoolProp({\n label: \"Expanded\",\n description: \"Whether the AccordionGroup should be expanded or not\",\n }),\n icon: createIconProp(),\n },\n};\n"]}
1
+ {"version":3,"sources":["AccordionGroup.ts"],"names":["COMPONENT_TYPES","createNumberProp","createIconProp","createTextProp","createStaticBoolProp","createColorProp","SEED_DATA","name","tag","description","category","deprecated","props","openColor","label","closedColor","caretColor","iconSize","defaultValue","expanded","icon"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,oBALF,EAMEC,eANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,iBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,UAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAER,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD,CADrB;AAILC,IAAAA,WAAW,EAAEV,eAAe,CAAC;AAC3BS,MAAAA,KAAK,EAAE;AADoB,KAAD,CAJvB;AAOLE,IAAAA,UAAU,EAAEX,eAAe,CAAC;AAC1BS,MAAAA,KAAK,EAAE;AADmB,KAAD,CAPtB;AAULG,IAAAA,QAAQ,EAAEhB,gBAAgB,CAAC;AACzBa,MAAAA,KAAK,EAAE,WADkB;AAEzBI,MAAAA,YAAY,EAAE;AAFW,KAAD,CAVrB;AAcLJ,IAAAA,KAAK,EAAEX,cAAc,CAAC;AACpBW,MAAAA,KAAK,EAAE;AADa,KAAD,CAdhB;AAiBLK,IAAAA,QAAQ,EAAEf,oBAAoB,CAAC;AAC7BU,MAAAA,KAAK,EAAE,UADsB;AAE7BL,MAAAA,WAAW,EAAE;AAFgB,KAAD,CAjBzB;AAqBLW,IAAAA,IAAI,EAAElB,cAAc;AArBf;AALgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createNumberProp,\n createIconProp,\n createTextProp,\n createStaticBoolProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Accordion Group\",\n tag: \"AccordionGroup\",\n description: \"An expandable container containing components\",\n category: COMPONENT_TYPES.deprecated,\n props: {\n openColor: createColorProp({\n label: \"Open text color\",\n }),\n closedColor: createColorProp({\n label: \"Closed text Color\",\n }),\n caretColor: createColorProp({\n label: \"Caret color\",\n }),\n iconSize: createNumberProp({\n label: \"Icon size\",\n defaultValue: 24,\n }),\n label: createTextProp({\n label: \"Label\",\n }),\n expanded: createStaticBoolProp({\n label: \"Expanded\",\n description: \"Whether the AccordionGroup should be expanded or not\",\n }),\n icon: createIconProp(),\n },\n};\n"]}
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Accordion Item",
4
4
  tag: "AccordionItem",
5
5
  description: "Item to be used in Accordion",
6
- category: COMPONENT_TYPES.button,
6
+ category: COMPONENT_TYPES.deprecated,
7
7
  props: {
8
8
  icon: createIconProp(),
9
9
  label: createTextProp({
@@ -1 +1 @@
1
- {"version":3,"sources":["AccordionItem.ts"],"names":["COMPONENT_TYPES","createIconProp","createTextProp","createColorProp","SEED_DATA","name","tag","description","category","button","props","icon","label","iconColor"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,eAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,gBADiB;AAEvBC,EAAAA,GAAG,EAAE,eAFkB;AAGvBC,EAAAA,WAAW,EAAE,8BAHU;AAIvBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,MAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEV,cAAc,EADf;AAELW,IAAAA,KAAK,EAAEV,cAAc,CAAC;AACpBU,MAAAA,KAAK,EAAE;AADa,KAAD,CAFhB;AAKLC,IAAAA,SAAS,EAAEV,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD;AALrB;AALgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createIconProp,\n createTextProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Accordion Item\",\n tag: \"AccordionItem\",\n description: \"Item to be used in Accordion\",\n category: COMPONENT_TYPES.button,\n props: {\n icon: createIconProp(),\n label: createTextProp({\n label: \"Item label\",\n }),\n iconColor: createColorProp({\n label: \"Icon color\",\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["AccordionItem.ts"],"names":["COMPONENT_TYPES","createIconProp","createTextProp","createColorProp","SEED_DATA","name","tag","description","category","deprecated","props","icon","label","iconColor"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,eAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,gBADiB;AAEvBC,EAAAA,GAAG,EAAE,eAFkB;AAGvBC,EAAAA,WAAW,EAAE,8BAHU;AAIvBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,UAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEV,cAAc,EADf;AAELW,IAAAA,KAAK,EAAEV,cAAc,CAAC;AACpBU,MAAAA,KAAK,EAAE;AADa,KAAD,CAFhB;AAKLC,IAAAA,SAAS,EAAEV,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD;AALrB;AALgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createIconProp,\n createTextProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Accordion Item\",\n tag: \"AccordionItem\",\n description: \"Item to be used in Accordion\",\n category: COMPONENT_TYPES.deprecated,\n props: {\n icon: createIconProp(),\n label: createTextProp({\n label: \"Item label\",\n }),\n iconColor: createColorProp({\n label: \"Icon color\",\n }),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["MapCallout.js"],"names":["COMPONENT_TYPES","createActionProp","createBoolProp","GROUPS","SEED_DATA","name","tag","description","category","deprecated","layout","props","onPress","showTooltip","label","group","basic","defaultValue"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,gBAA1B,EAA4CC,cAA5C,EAA4DC,MAA5D,QAA2E,iBAA3E;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,aADe;AAErBC,EAAAA,GAAG,EAAE,YAFgB;AAGrBC,EAAAA,WAAW,EAAE,iEAHQ;AAIrBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,UAJL;AAKrBC,EAAAA,MAAM,EAAE,EALa;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,OAAO,EAAEX,gBAAgB,CAAC;AACtBM,MAAAA,WAAW,EAAE;AADS,KAAD,CADtB;AAIHM,IAAAA,WAAW,EAAEX,cAAc,CAAC;AACxBY,MAAAA,KAAK,EAAE,cADiB;AAExBP,MAAAA,WAAW,EAAE,8LAFW;AAGxBQ,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KAHU;AAIxBC,MAAAA,YAAY,EAAE;AAJU,KAAD;AAJxB;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Map Callout\",\n tag: \"MapCallout\",\n description: \"An info window to display on top of a marker when it is clicked\",\n category: COMPONENT_TYPES.deprecated,\n layout: {},\n props: {\n onPress: createActionProp({\n description: \"Action to execute when the callout is pressed\",\n }),\n showTooltip: createBoolProp({\n label: \"Show Tooltip\",\n description: 'If false, a default \"tooltip\" bubble window will be drawn around this callout\\'s children. If true, the child views can fully customize their appearance, including any \"bubble\"-like styles',\n group: GROUPS.basic,\n defaultValue: false,\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["MapCallout.ts"],"names":["COMPONENT_TYPES","createActionProp","createBoolProp","GROUPS","SEED_DATA","name","tag","description","category","deprecated","layout","props","onPress","showTooltip","label","group","basic","defaultValue"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,MAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EACT,iEAJqB;AAKvBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,UALH;AAMvBC,EAAAA,MAAM,EAAE,EANe;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEX,gBAAgB,CAAC;AACxBM,MAAAA,WAAW,EAAE;AADW,KAAD,CADpB;AAILM,IAAAA,WAAW,EAAEX,cAAc,CAAC;AAC1BY,MAAAA,KAAK,EAAE,cADmB;AAE1BP,MAAAA,WAAW,EACT,8LAHwB;AAI1BQ,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KAJY;AAK1BC,MAAAA,YAAY,EAAE;AALY,KAAD;AAJtB;AAPgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createActionProp,\n createBoolProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Map Callout\",\n tag: \"MapCallout\",\n description:\n \"An info window to display on top of a marker when it is clicked\",\n category: COMPONENT_TYPES.deprecated,\n layout: {},\n props: {\n onPress: createActionProp({\n description: \"Action to execute when the callout is pressed\",\n }),\n showTooltip: createBoolProp({\n label: \"Show Tooltip\",\n description:\n 'If false, a default \"tooltip\" bubble window will be drawn around this callout\\'s children. If true, the child views can fully customize their appearance, including any \"bubble\"-like styles',\n group: GROUPS.basic,\n defaultValue: false,\n }),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["RowHeadlineImageIcon.js"],"names":["COMPONENT_TYPES","createIconProp","createTextProp","createImageProp","createStaticBoolProp","SEED_DATA_PROPS","title","label","description","icon","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","row","layout","props","image","subtitle","multilineSubtitle"],"mappings":"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","sourcesContent":["import { COMPONENT_TYPES, createIconProp, createTextProp, createImageProp, createStaticBoolProp, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n title: createTextProp({\n label: \"Title\",\n description: \"Headline text to display\",\n }),\n icon: createIconProp({\n defaultValue: null,\n }),\n};\nconst IMAGE_PROP = createImageProp();\nconst MULTILINE_PROP = createStaticBoolProp({\n defaultValue: true,\n editable: false,\n});\nconst SUBTITLE_PROP = createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego\",\n});\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n },\n },\n {\n name: \"Row Single Line Headline Icon Image\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned image and headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Multiline Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and multiline subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n {\n name: \"Row Multiline Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n];\n"]}
1
+ {"version":3,"sources":["RowHeadlineImageIcon.ts"],"names":["COMPONENT_TYPES","createIconProp","createTextProp","createImageProp","createStaticBoolProp","SEED_DATA_PROPS","title","label","description","icon","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","row","layout","props","image","subtitle","multilineSubtitle"],"mappings":"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","sourcesContent":["import {\n COMPONENT_TYPES,\n createIconProp,\n createTextProp,\n createImageProp,\n createStaticBoolProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n title: createTextProp({\n label: \"Title\",\n description: \"Headline text to display\",\n }),\n icon: createIconProp({\n defaultValue: null,\n }),\n};\n\nconst IMAGE_PROP = createImageProp();\nconst MULTILINE_PROP = createStaticBoolProp({\n defaultValue: true,\n editable: false,\n});\nconst SUBTITLE_PROP = createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego\",\n});\n\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n },\n },\n {\n name: \"Row Single Line Headline Icon Image\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned image and headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Multiline Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and multiline subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue:\n \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n {\n name: \"Row Multiline Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue:\n \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n];\n"]}
@@ -1,4 +1,4 @@
1
- import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, GROUPS } from "@draftbit/types";
1
+ import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS } from "@draftbit/types";
2
2
  export const SEED_DATA = {
3
3
  name: "Swiper",
4
4
  tag: "Swiper",
@@ -37,6 +37,20 @@ export const SEED_DATA = {
37
37
  label: "Next Title",
38
38
  defaultValue: ""
39
39
  }),
40
+ prevTitleColor: createColorProp({
41
+ label: "Previous Title Color"
42
+ }),
43
+ nextTitleColor: createColorProp({
44
+ label: "Next Title Color"
45
+ }),
46
+ dotColor: createColorProp({
47
+ label: "Dot Color",
48
+ defaultValue: "light"
49
+ }),
50
+ dotActiveColor: createColorProp({
51
+ label: "Dot Active Color",
52
+ defaultValue: "primary"
53
+ }),
40
54
  dotsTouchable: createBoolProp({
41
55
  group: GROUPS.basic,
42
56
  label: "Dots Touchable",
@@ -1 +1 @@
1
- {"version":3,"sources":["Swiper.ts"],"names":["COMPONENT_TYPES","createBoolProp","createNumberProp","createTextProp","GROUPS","SEED_DATA","name","tag","description","category","container","layout","height","width","props","from","group","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","dotsTouchable"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,gBAHF,EAIEC,cAJF,EAKEC,MALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAET,eAAe,CAACU,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEb,gBAAgB,CAAC;AACrBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAD,CADjB;AAKLC,IAAAA,IAAI,EAAElB,cAAc,CAAC;AACnBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAD,CALf;AASLE,IAAAA,OAAO,EAAElB,gBAAgB,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CATpB;AAcLC,IAAAA,QAAQ,EAAErB,cAAc,CAAC;AACvBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAD,CAdnB;AAmBLE,IAAAA,SAAS,EAAEpB,cAAc,CAAC;AACxBa,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAnBpB;AAwBLG,IAAAA,SAAS,EAAErB,cAAc,CAAC;AACxBa,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAxBpB;AA6BLI,IAAAA,aAAa,EAAExB,cAAc,CAAC;AAC5Be,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAD;AA7BxB;AATgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createBoolProp,\n createNumberProp,\n createTextProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Swiper\",\n tag: \"Swiper\",\n description: \"Swiper container\",\n category: COMPONENT_TYPES.container,\n layout: {\n height: 300,\n width: \"100%\",\n },\n props: {\n from: createNumberProp({\n group: GROUPS.basic,\n label: \"Initial Slide\",\n }),\n loop: createBoolProp({\n group: GROUPS.basic,\n label: \"Loop\",\n }),\n timeout: createNumberProp({\n group: GROUPS.basic,\n label: \"Timeout\",\n defaultValue: 0,\n }),\n vertical: createBoolProp({\n group: GROUPS.basic,\n label: \"Vertical\",\n defaultValue: false,\n }),\n prevTitle: createTextProp({\n group: GROUPS.basic,\n label: \"Previous Title\",\n defaultValue: \"\",\n }),\n nextTitle: createTextProp({\n group: GROUPS.basic,\n label: \"Next Title\",\n defaultValue: \"\",\n }),\n dotsTouchable: createBoolProp({\n group: GROUPS.basic,\n label: \"Dots Touchable\",\n defaultValue: true,\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["Swiper.ts"],"names":["COMPONENT_TYPES","createBoolProp","createNumberProp","createTextProp","createColorProp","GROUPS","SEED_DATA","name","tag","description","category","container","layout","height","width","props","from","group","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotColor","dotActiveColor","dotsTouchable"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,gBAHF,EAIEC,cAJF,EAKEC,eALF,EAMEC,MANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEd,gBAAgB,CAAC;AACrBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAD,CADjB;AAKLC,IAAAA,IAAI,EAAEnB,cAAc,CAAC;AACnBgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAD,CALf;AASLE,IAAAA,OAAO,EAAEnB,gBAAgB,CAAC;AACxBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CATpB;AAcLC,IAAAA,QAAQ,EAAEtB,cAAc,CAAC;AACvBgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAD,CAdnB;AAmBLE,IAAAA,SAAS,EAAErB,cAAc,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAnBpB;AAwBLG,IAAAA,SAAS,EAAEtB,cAAc,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAxBpB;AA6BLI,IAAAA,cAAc,EAAEtB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE;AADuB,KAAD,CA7B1B;AAgCLQ,IAAAA,cAAc,EAAEvB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE;AADuB,KAAD,CAhC1B;AAmCLS,IAAAA,QAAQ,EAAExB,eAAe,CAAC;AACxBe,MAAAA,KAAK,EAAE,WADiB;AAExBG,MAAAA,YAAY,EAAE;AAFU,KAAD,CAnCpB;AAuCLO,IAAAA,cAAc,EAAEzB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE,kBADuB;AAE9BG,MAAAA,YAAY,EAAE;AAFgB,KAAD,CAvC1B;AA2CLQ,IAAAA,aAAa,EAAE7B,cAAc,CAAC;AAC5BgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAD;AA3CxB;AATgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createBoolProp,\n createNumberProp,\n createTextProp,\n createColorProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Swiper\",\n tag: \"Swiper\",\n description: \"Swiper container\",\n category: COMPONENT_TYPES.container,\n layout: {\n height: 300,\n width: \"100%\",\n },\n props: {\n from: createNumberProp({\n group: GROUPS.basic,\n label: \"Initial Slide\",\n }),\n loop: createBoolProp({\n group: GROUPS.basic,\n label: \"Loop\",\n }),\n timeout: createNumberProp({\n group: GROUPS.basic,\n label: \"Timeout\",\n defaultValue: 0,\n }),\n vertical: createBoolProp({\n group: GROUPS.basic,\n label: \"Vertical\",\n defaultValue: false,\n }),\n prevTitle: createTextProp({\n group: GROUPS.basic,\n label: \"Previous Title\",\n defaultValue: \"\",\n }),\n nextTitle: createTextProp({\n group: GROUPS.basic,\n label: \"Next Title\",\n defaultValue: \"\",\n }),\n prevTitleColor: createColorProp({\n label: \"Previous Title Color\",\n }),\n nextTitleColor: createColorProp({\n label: \"Next Title Color\",\n }),\n dotColor: createColorProp({\n label: \"Dot Color\",\n defaultValue: \"light\",\n }),\n dotActiveColor: createColorProp({\n label: \"Dot Active Color\",\n defaultValue: \"primary\",\n }),\n dotsTouchable: createBoolProp({\n group: GROUPS.basic,\n label: \"Dots Touchable\",\n defaultValue: true,\n }),\n },\n};\n"]}
@@ -5,7 +5,16 @@ export const SEED_DATA = {
5
5
  description: "An input field that allows for multiple lines.",
6
6
  category: COMPONENT_TYPES.input,
7
7
  layout: {
8
- flex: 1
8
+ borderLeftWidth: 1,
9
+ borderRightWidth: 1,
10
+ borderTopWidth: 1,
11
+ borderBottomWidth: 1,
12
+ borderColor: "divider",
13
+ paddingLeft: 8,
14
+ paddingRight: 8,
15
+ paddingTop: 8,
16
+ paddingBottom: 8,
17
+ borderRadius: 8
9
18
  },
10
19
  triggers: [Triggers.OnChangeText],
11
20
  props: { ...TEXT_INPUT_PROPS,
@@ -1 +1 @@
1
- {"version":3,"sources":["TextArea.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","input","layout","flex","triggers","OnChangeText","props","placeholder","defaultValue","multiline","label","group","uncategorized","formType","boolean","propType","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","handlerPropName"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACT,QAAQ,CAACU,YAAV,CANa;AAOvBC,EAAAA,KAAK,EAAE,EACL,GAAGZ,gBADE;AAELa,IAAAA,WAAW,EAAE,EACX,GAAGb,gBAAgB,CAACa,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETX,MAAAA,WAAW,EAAE,WAFJ;AAGTY,MAAAA,KAAK,EAAEtB,MAAM,CAACuB,aAHL;AAITC,MAAAA,QAAQ,EAAEtB,UAAU,CAACuB,OAJZ;AAKTC,MAAAA,QAAQ,EAAEvB,UAAU,CAACwB,OALZ;AAMTR,MAAAA,YAAY,EAAE,IANL;AAOTS,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbT,MAAAA,KAAK,EAAE,iBADM;AAEbX,MAAAA,WAAW,EAAE,iBAFA;AAGbY,MAAAA,KAAK,EAAEtB,MAAM,CAAC+B,KAHD;AAIbP,MAAAA,QAAQ,EAAEtB,UAAU,CAAC8B,MAJR;AAKbN,MAAAA,QAAQ,EAAEvB,UAAU,CAAC8B,MALR;AAMbd,MAAAA,YAAY,EAAE,CAND;AAObS,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAG9B,UADM;AAETe,MAAAA,YAAY,EAAE,gBAFL;AAGTgB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAPgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n TEXT_INPUT_PROPS,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Text Area\",\n tag: \"TextInput\",\n description: \"An input field that allows for multiple lines.\",\n category: COMPONENT_TYPES.input,\n layout: { flex: 1 },\n triggers: [Triggers.OnChangeText],\n props: {\n ...TEXT_INPUT_PROPS,\n placeholder: {\n ...TEXT_INPUT_PROPS.placeholder,\n defaultValue:\n \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: true,\n required: false,\n },\n numberOfLines: {\n label: \"Number Of Lines\",\n description: \"Number Of Lines\",\n group: GROUPS.basic,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 4,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n defaultValue: \"textInputValue\",\n handlerPropName: \"onChangeText\",\n },\n },\n};\n"]}
1
+ {"version":3,"sources":["TextArea.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","OnChangeText","props","placeholder","defaultValue","multiline","label","group","uncategorized","formType","boolean","propType","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","handlerPropName"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,eAAe,EAAE,CADX;AAENC,IAAAA,gBAAgB,EAAE,CAFZ;AAGNC,IAAAA,cAAc,EAAE,CAHV;AAINC,IAAAA,iBAAiB,EAAE,CAJb;AAKNC,IAAAA,WAAW,EAAE,SALP;AAMNC,IAAAA,WAAW,EAAE,CANP;AAONC,IAAAA,YAAY,EAAE,CAPR;AAQNC,IAAAA,UAAU,EAAE,CARN;AASNC,IAAAA,aAAa,EAAE,CATT;AAUNC,IAAAA,YAAY,EAAE;AAVR,GALe;AAiBvBC,EAAAA,QAAQ,EAAE,CAAClB,QAAQ,CAACmB,YAAV,CAjBa;AAkBvBC,EAAAA,KAAK,EAAE,EACL,GAAGrB,gBADE;AAELsB,IAAAA,WAAW,EAAE,EACX,GAAGtB,gBAAgB,CAACsB,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETpB,MAAAA,WAAW,EAAE,WAFJ;AAGTqB,MAAAA,KAAK,EAAE/B,MAAM,CAACgC,aAHL;AAITC,MAAAA,QAAQ,EAAE/B,UAAU,CAACgC,OAJZ;AAKTC,MAAAA,QAAQ,EAAEhC,UAAU,CAACiC,OALZ;AAMTR,MAAAA,YAAY,EAAE,IANL;AAOTS,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbT,MAAAA,KAAK,EAAE,iBADM;AAEbpB,MAAAA,WAAW,EAAE,iBAFA;AAGbqB,MAAAA,KAAK,EAAE/B,MAAM,CAACwC,KAHD;AAIbP,MAAAA,QAAQ,EAAE/B,UAAU,CAACuC,MAJR;AAKbN,MAAAA,QAAQ,EAAEhC,UAAU,CAACuC,MALR;AAMbd,MAAAA,YAAY,EAAE,CAND;AAObS,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAGvC,UADM;AAETwB,MAAAA,YAAY,EAAE,gBAFL;AAGTgB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAlBgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n TEXT_INPUT_PROPS,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Text Area\",\n tag: \"TextInput\",\n description: \"An input field that allows for multiple lines.\",\n category: COMPONENT_TYPES.input,\n layout: {\n borderLeftWidth: 1,\n borderRightWidth: 1,\n borderTopWidth: 1,\n borderBottomWidth: 1,\n borderColor: \"divider\",\n paddingLeft: 8,\n paddingRight: 8,\n paddingTop: 8,\n paddingBottom: 8,\n borderRadius: 8,\n },\n triggers: [Triggers.OnChangeText],\n props: {\n ...TEXT_INPUT_PROPS,\n placeholder: {\n ...TEXT_INPUT_PROPS.placeholder,\n defaultValue:\n \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: true,\n required: false,\n },\n numberOfLines: {\n label: \"Number Of Lines\",\n description: \"Number Of Lines\",\n group: GROUPS.basic,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 4,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n defaultValue: \"textInputValue\",\n handlerPropName: \"onChangeText\",\n },\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["DefaultTheme.js"],"names":["systemWeights","configureFonts","DefaultTheme","disabledOpacity","roundness","dark","mode","borderRadius","global","button","colors","primary","secondary","surface","background","error","divider","strong","medium","strongInverse","mediumInverse","lightInverse","light","text","placeholder","disabled","fonts","typography","headline1","regular","fontSize","letterSpacing","lineHeight","headline2","headline3","headline4","headline5","subtitle1","subtitle2","body1","body2","caption","overline","headline6"],"mappings":"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","sourcesContent":["import { systemWeights } from \"react-native-typography\";\nimport configureFonts from \"./fonts\";\nconst DefaultTheme = {\n disabledOpacity: 0.5,\n roundness: 8,\n dark: false,\n mode: \"exact\",\n borderRadius: {\n global: 6,\n button: 24,\n },\n colors: {\n primary: \"rgba(90, 69, 255, 1)\",\n secondary: \"rgba(59, 201, 234, 1)\",\n surface: \"rgba(255, 255, 255, 1)\",\n background: \"rgba(251, 252, 253, 1)\",\n error: \"rgba(255, 69, 100, 1)\",\n divider: \"rgba(200, 200, 200, 1)\",\n strong: \"rgba(18, 20, 44, 1)\",\n medium: \"rgba(70, 78, 88, 1)\",\n strongInverse: \"rgba(255, 255, 255, 1)\",\n mediumInverse: \"rgba(255, 255, 255, 0.87)\",\n lightInverse: \"rgba(255, 255, 255, 0.68)\",\n light: \"rgba(165, 173, 183, 1)\",\n text: \"#000\",\n placeholder: \"#333\",\n disabled: \"rgba(0, 0, 0, 0.25)\",\n },\n fonts: configureFonts(),\n typography: {\n headline1: {\n ...systemWeights.regular,\n fontSize: 60,\n letterSpacing: 0,\n lineHeight: 71,\n },\n headline2: {\n ...systemWeights.regular,\n fontSize: 48,\n letterSpacing: 0,\n lineHeight: 58,\n },\n headline3: {\n ...systemWeights.regular,\n fontSize: 34,\n letterSpacing: 0,\n lineHeight: 40,\n },\n headline4: {\n ...systemWeights.regular,\n fontSize: 24,\n letterSpacing: 0,\n lineHeight: 34,\n },\n headline5: {\n ...systemWeights.regular,\n fontSize: 20,\n letterSpacing: 0,\n lineHeight: 26,\n },\n subtitle1: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 26,\n },\n subtitle2: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 22,\n },\n body1: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 26,\n },\n body2: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 22,\n },\n button: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 16,\n },\n caption: {\n ...systemWeights.regular,\n fontSize: 12,\n letterSpacing: 0,\n lineHeight: 16,\n },\n overline: {\n ...systemWeights.regular,\n fontSize: 12,\n letterSpacing: 2,\n lineHeight: 16,\n },\n headline6: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 24,\n },\n },\n};\nexport default DefaultTheme;\n"]}
1
+ {"version":3,"sources":["DefaultTheme.tsx"],"names":["systemWeights","configureFonts","DefaultTheme","disabledOpacity","roundness","dark","mode","borderRadius","global","button","colors","primary","secondary","surface","background","error","divider","strong","medium","strongInverse","mediumInverse","lightInverse","light","text","placeholder","disabled","fonts","typography","headline1","regular","fontSize","letterSpacing","lineHeight","headline2","headline3","headline4","headline5","subtitle1","subtitle2","body1","body2","caption","overline","headline6"],"mappings":"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","sourcesContent":["import { systemWeights } from \"react-native-typography\";\nimport configureFonts from \"./fonts\";\n\nconst DefaultTheme = {\n disabledOpacity: 0.5,\n roundness: 8,\n dark: false,\n mode: \"exact\",\n borderRadius: {\n global: 6,\n button: 24,\n },\n colors: {\n primary: \"rgba(90, 69, 255, 1)\",\n secondary: \"rgba(59, 201, 234, 1)\",\n surface: \"rgba(255, 255, 255, 1)\",\n background: \"rgba(251, 252, 253, 1)\",\n error: \"rgba(255, 69, 100, 1)\",\n divider: \"rgba(200, 200, 200, 1)\",\n strong: \"rgba(18, 20, 44, 1)\",\n medium: \"rgba(70, 78, 88, 1)\",\n strongInverse: \"rgba(255, 255, 255, 1)\",\n mediumInverse: \"rgba(255, 255, 255, 0.87)\",\n lightInverse: \"rgba(255, 255, 255, 0.68)\",\n light: \"rgba(165, 173, 183, 1)\",\n text: \"#000\",\n placeholder: \"#333\",\n disabled: \"rgba(0, 0, 0, 0.25)\",\n },\n fonts: configureFonts(),\n typography: {\n headline1: {\n ...systemWeights.regular,\n fontSize: 60,\n letterSpacing: 0,\n lineHeight: 71,\n },\n headline2: {\n ...systemWeights.regular,\n fontSize: 48,\n letterSpacing: 0,\n lineHeight: 58,\n },\n headline3: {\n ...systemWeights.regular,\n fontSize: 34,\n letterSpacing: 0,\n lineHeight: 40,\n },\n headline4: {\n ...systemWeights.regular,\n fontSize: 24,\n letterSpacing: 0,\n lineHeight: 34,\n },\n headline5: {\n ...systemWeights.regular,\n fontSize: 20,\n letterSpacing: 0,\n lineHeight: 26,\n },\n subtitle1: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 26,\n },\n subtitle2: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 22,\n },\n body1: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 26,\n },\n body2: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 22,\n },\n button: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 16,\n },\n caption: {\n ...systemWeights.regular,\n fontSize: 12,\n letterSpacing: 0,\n lineHeight: 16,\n },\n overline: {\n ...systemWeights.regular,\n fontSize: 12,\n letterSpacing: 2,\n lineHeight: 16,\n },\n headline6: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 24,\n },\n },\n};\n\nexport default DefaultTheme;\nexport type Theme = typeof DefaultTheme;\n"]}
@@ -7,9 +7,13 @@ export interface SwiperProps {
7
7
  timeout?: number;
8
8
  prevTitle?: string;
9
9
  nextTitle?: string;
10
+ prevTitleColor?: string;
11
+ nextTitleColor?: string;
10
12
  dotsTouchable?: boolean;
13
+ dotColor?: string;
14
+ dotActiveColor?: string;
11
15
  children: React.ReactNode;
12
16
  style?: StyleProp<ViewStyle>;
13
17
  }
14
- declare const Swiper: ({ vertical, loop, timeout, from, prevTitle, nextTitle, dotsTouchable, children, style, }: SwiperProps) => JSX.Element;
18
+ declare const Swiper: ({ vertical, loop, timeout, from, prevTitle, nextTitle, prevTitleColor, nextTitleColor, dotsTouchable, dotColor, dotActiveColor, children, style, }: SwiperProps) => JSX.Element;
15
19
  export default Swiper;
@@ -0,0 +1,70 @@
1
+ export declare const SEED_DATA: {
2
+ name: string;
3
+ tag: string;
4
+ description: string;
5
+ category: string;
6
+ props: {
7
+ openColor: {
8
+ group: string;
9
+ label: string;
10
+ description: string;
11
+ editable: boolean;
12
+ required: boolean;
13
+ defaultValue: null;
14
+ formType: string;
15
+ propType: string;
16
+ };
17
+ closedColor: {
18
+ group: string;
19
+ label: string;
20
+ description: string;
21
+ editable: boolean;
22
+ required: boolean;
23
+ defaultValue: null;
24
+ formType: string;
25
+ propType: string;
26
+ };
27
+ caretColor: {
28
+ group: string;
29
+ label: string;
30
+ description: string;
31
+ editable: boolean;
32
+ required: boolean;
33
+ defaultValue: null;
34
+ formType: string;
35
+ propType: string;
36
+ };
37
+ iconSize: {
38
+ label: string;
39
+ description: string;
40
+ formType: string;
41
+ propType: string;
42
+ group: string;
43
+ defaultValue: null;
44
+ editable: boolean;
45
+ required: boolean;
46
+ step: number;
47
+ };
48
+ label: any;
49
+ expanded: {
50
+ label: string;
51
+ description: string;
52
+ formType: string;
53
+ propType: string;
54
+ defaultValue: boolean;
55
+ editable: boolean;
56
+ required: boolean;
57
+ group: string;
58
+ };
59
+ icon: {
60
+ label: string;
61
+ description: string;
62
+ formType: string;
63
+ propType: string;
64
+ defaultValue: string;
65
+ required: boolean;
66
+ editable: boolean;
67
+ group: string;
68
+ };
69
+ };
70
+ };
@@ -52,6 +52,46 @@ export declare const SEED_DATA: {
52
52
  };
53
53
  prevTitle: any;
54
54
  nextTitle: any;
55
+ prevTitleColor: {
56
+ group: string;
57
+ label: string;
58
+ description: string;
59
+ editable: boolean;
60
+ required: boolean;
61
+ defaultValue: null;
62
+ formType: string;
63
+ propType: string;
64
+ };
65
+ nextTitleColor: {
66
+ group: string;
67
+ label: string;
68
+ description: string;
69
+ editable: boolean;
70
+ required: boolean;
71
+ defaultValue: null;
72
+ formType: string;
73
+ propType: string;
74
+ };
75
+ dotColor: {
76
+ group: string;
77
+ label: string;
78
+ description: string;
79
+ editable: boolean;
80
+ required: boolean;
81
+ defaultValue: null;
82
+ formType: string;
83
+ propType: string;
84
+ };
85
+ dotActiveColor: {
86
+ group: string;
87
+ label: string;
88
+ description: string;
89
+ editable: boolean;
90
+ required: boolean;
91
+ defaultValue: null;
92
+ formType: string;
93
+ propType: string;
94
+ };
55
95
  dotsTouchable: {
56
96
  label: string;
57
97
  description: string;
@@ -4,7 +4,16 @@ export declare const SEED_DATA: {
4
4
  description: string;
5
5
  category: string;
6
6
  layout: {
7
- flex: number;
7
+ borderLeftWidth: number;
8
+ borderRightWidth: number;
9
+ borderTopWidth: number;
10
+ borderBottomWidth: number;
11
+ borderColor: string;
12
+ paddingLeft: number;
13
+ paddingRight: number;
14
+ paddingTop: number;
15
+ paddingBottom: number;
16
+ borderRadius: number;
8
17
  };
9
18
  triggers: string[];
10
19
  props: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "43.3.4-e422d9.0+e422d92a",
3
+ "version": "43.3.4-e63de2.4+e63de25d",
4
4
  "description": "Core (non-native) Components",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -79,5 +79,5 @@
79
79
  ]
80
80
  ]
81
81
  },
82
- "gitHead": "e422d92aa1e4eda9e5cc8b19acd6839fb96ed96b"
82
+ "gitHead": "e63de25d9666b4e42da41c11ee70b3ca597e84b9"
83
83
  }
@@ -29,18 +29,7 @@ const AccordionGroup = ({ Icon, openColor, closedColor, caretColor, icon, iconSi
29
29
  React.createElement(Icon, { name: expanded
30
30
  ? "MaterialIcons/keyboard-arrow-up"
31
31
  : "MaterialIcons/keyboard-arrow-down", color: caretColor, size: 24 })))),
32
- expandedInternal
33
- ? React.Children.map(children, (child) => {
34
- if (React.isValidElement(child) &&
35
- !child.props.left &&
36
- !child.props.right) {
37
- return React.cloneElement(child, {
38
- style: child.props.style,
39
- });
40
- }
41
- return child;
42
- })
43
- : null));
32
+ expandedInternal ? children : null));
44
33
  };
45
34
  const styles = StyleSheet.create({
46
35
  row: {
@@ -97,21 +97,7 @@ const AccordionGroup = ({
97
97
  </View>
98
98
  </View>
99
99
  </Pressable>
100
- {expandedInternal
101
- ? React.Children.map(children, (child) => {
102
- if (
103
- React.isValidElement(child) &&
104
- !child.props.left &&
105
- !child.props.right
106
- ) {
107
- return React.cloneElement(child, {
108
- style: child.props.style,
109
- });
110
- }
111
-
112
- return child;
113
- })
114
- : null}
100
+ {expandedInternal ? children : null}
115
101
  </>
116
102
  );
117
103
  };
@@ -1,10 +1,18 @@
1
1
  import React from "react";
2
2
  import { View } from "react-native";
3
3
  import SwiperComponent from "react-native-web-swiper";
4
- const Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", dotsTouchable = true, children, style, }) => (React.createElement(View, { style: style },
4
+ const Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", prevTitleColor, nextTitleColor, dotsTouchable = true, dotColor, dotActiveColor, children, style, }) => (React.createElement(View, { style: style },
5
5
  React.createElement(SwiperComponent, { from: from, loop: loop, timeout: timeout, vertical: vertical, controlsProps: {
6
6
  prevTitle,
7
7
  nextTitle,
8
+ prevTitleStyle: { color: prevTitleColor },
9
+ nextTitleStyle: { color: nextTitleColor },
8
10
  dotsTouchable,
11
+ ...(dotColor
12
+ ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
13
+ : {}),
14
+ ...(dotActiveColor
15
+ ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
16
+ : {}),
9
17
  } }, children)));
10
18
  export default Swiper;
@@ -9,7 +9,11 @@ export interface SwiperProps {
9
9
  timeout?: number;
10
10
  prevTitle?: string;
11
11
  nextTitle?: string;
12
+ prevTitleColor?: string;
13
+ nextTitleColor?: string;
12
14
  dotsTouchable?: boolean;
15
+ dotColor?: string;
16
+ dotActiveColor?: string;
13
17
  children: React.ReactNode;
14
18
  style?: StyleProp<ViewStyle>;
15
19
  }
@@ -21,7 +25,11 @@ const Swiper = ({
21
25
  from = 0,
22
26
  prevTitle = "",
23
27
  nextTitle = "",
28
+ prevTitleColor,
29
+ nextTitleColor,
24
30
  dotsTouchable = true,
31
+ dotColor,
32
+ dotActiveColor,
25
33
  children,
26
34
  style,
27
35
  }: SwiperProps) => (
@@ -34,7 +42,15 @@ const Swiper = ({
34
42
  controlsProps={{
35
43
  prevTitle,
36
44
  nextTitle,
45
+ prevTitleStyle: { color: prevTitleColor },
46
+ nextTitleStyle: { color: nextTitleColor },
37
47
  dotsTouchable,
48
+ ...(dotColor
49
+ ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
50
+ : {}),
51
+ ...(dotActiveColor
52
+ ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
53
+ : {}),
38
54
  }}
39
55
  >
40
56
  {children}
@@ -0,0 +1,30 @@
1
+ import { COMPONENT_TYPES, createNumberProp, createIconProp, createTextProp, createStaticBoolProp, createColorProp, } from "@draftbit/types";
2
+ export const SEED_DATA = {
3
+ name: "Accordion",
4
+ tag: "AccordionGroup",
5
+ description: "An expandable container containing components",
6
+ category: COMPONENT_TYPES.container,
7
+ props: {
8
+ openColor: createColorProp({
9
+ label: "Open text color",
10
+ }),
11
+ closedColor: createColorProp({
12
+ label: "Closed text Color",
13
+ }),
14
+ caretColor: createColorProp({
15
+ label: "Caret color",
16
+ }),
17
+ iconSize: createNumberProp({
18
+ label: "Icon size",
19
+ defaultValue: 24,
20
+ }),
21
+ label: createTextProp({
22
+ label: "Label",
23
+ }),
24
+ expanded: createStaticBoolProp({
25
+ label: "Expanded",
26
+ description: "Whether the AccordionGroup should be expanded or not",
27
+ }),
28
+ icon: createIconProp(),
29
+ },
30
+ };