datocms-react-ui 0.3.8 → 0.3.12

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 (67) hide show
  1. package/dist/cjs/Button/index.js +65 -4
  2. package/dist/cjs/Button/index.js.map +1 -1
  3. package/dist/cjs/Button/styles.module.css.json +1 -1
  4. package/dist/cjs/Canvas/index.js +487 -7
  5. package/dist/cjs/Canvas/index.js.map +1 -1
  6. package/dist/cjs/Canvas/styles.module.css.json +1 -1
  7. package/dist/cjs/ContextInspector/index.js +9 -4
  8. package/dist/cjs/ContextInspector/index.js.map +1 -1
  9. package/dist/cjs/ContextInspector/styles.module.css.json +1 -1
  10. package/dist/cjs/Form/index.js +72 -0
  11. package/dist/cjs/Form/index.js.map +1 -1
  12. package/dist/cjs/Section/index.js +70 -0
  13. package/dist/cjs/Section/index.js.map +1 -0
  14. package/dist/cjs/Section/styles.module.css.json +1 -0
  15. package/dist/cjs/SelectField/index.js +56 -0
  16. package/dist/cjs/SelectField/index.js.map +1 -0
  17. package/dist/cjs/SelectInput/index.js +135 -0
  18. package/dist/cjs/SelectInput/index.js.map +1 -0
  19. package/dist/cjs/SwitchInput/index.js +1 -1
  20. package/dist/cjs/SwitchInput/index.js.map +1 -1
  21. package/dist/cjs/TextInput/styles.module.css.json +1 -1
  22. package/dist/cjs/index.js +3 -0
  23. package/dist/cjs/index.js.map +1 -1
  24. package/dist/esm/Button/index.d.ts +62 -1
  25. package/dist/esm/Button/index.js +65 -4
  26. package/dist/esm/Button/index.js.map +1 -1
  27. package/dist/esm/Button/styles.module.css.json +1 -1
  28. package/dist/esm/Canvas/index.d.ts +479 -1
  29. package/dist/esm/Canvas/index.js +487 -7
  30. package/dist/esm/Canvas/index.js.map +1 -1
  31. package/dist/esm/Canvas/styles.module.css.json +1 -1
  32. package/dist/esm/ContextInspector/index.d.ts +1 -1
  33. package/dist/esm/ContextInspector/index.js +9 -4
  34. package/dist/esm/ContextInspector/index.js.map +1 -1
  35. package/dist/esm/ContextInspector/styles.module.css.json +1 -1
  36. package/dist/esm/Form/index.d.ts +72 -0
  37. package/dist/esm/Form/index.js +72 -0
  38. package/dist/esm/Form/index.js.map +1 -1
  39. package/dist/esm/Section/index.d.ts +63 -0
  40. package/dist/esm/Section/index.js +63 -0
  41. package/dist/esm/Section/index.js.map +1 -0
  42. package/dist/esm/Section/styles.module.css.json +1 -0
  43. package/dist/esm/SelectField/index.d.ts +60 -0
  44. package/dist/esm/SelectField/index.js +46 -0
  45. package/dist/esm/SelectField/index.js.map +1 -0
  46. package/dist/esm/SelectInput/index.d.ts +17 -0
  47. package/dist/esm/SelectInput/index.js +106 -0
  48. package/dist/esm/SelectInput/index.js.map +1 -0
  49. package/dist/esm/SwitchInput/index.d.ts +1 -1
  50. package/dist/esm/SwitchInput/index.js +1 -1
  51. package/dist/esm/SwitchInput/index.js.map +1 -1
  52. package/dist/esm/TextInput/styles.module.css.json +1 -1
  53. package/dist/esm/index.d.ts +3 -0
  54. package/dist/esm/index.js +3 -0
  55. package/dist/esm/index.js.map +1 -1
  56. package/dist/types/Button/index.d.ts +62 -1
  57. package/dist/types/Canvas/index.d.ts +479 -1
  58. package/dist/types/ContextInspector/index.d.ts +1 -1
  59. package/dist/types/Form/index.d.ts +72 -0
  60. package/dist/types/Section/index.d.ts +63 -0
  61. package/dist/types/SelectField/index.d.ts +60 -0
  62. package/dist/types/SelectInput/index.d.ts +17 -0
  63. package/dist/types/SwitchInput/index.d.ts +1 -1
  64. package/dist/types/index.d.ts +3 -0
  65. package/package.json +4 -6
  66. package/styles.css +1 -1
  67. package/types.json +1538 -137
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ContextInspector/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAuD;AACvD,6CAAmD;AACnD,wBAA4B;AAC5B,oFAAyC;AAEzC,IAAM,OAAO,GACX,8EAA8E,CAAC;AAEjF,SAAS,mBAAmB,CAAC,IAAY;IACvC,IAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACpD,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;IAC1B,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;IAC9B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAClC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC;IAC1C,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,QAAQ,CAAC,KAAK,EAAE,CAAC;IACjB,QAAQ,CAAC,MAAM,EAAE,CAAC;IAElB,IAAI;QACF,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;KAC9B;IAAC,OAAO,GAAG,EAAE;QACZ,MAAM;KACP;IAED,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;AACtC,CAAC;AAED,SAAS,cAAc,CAAC,IAAY;IAClC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;QAC9C,OAAO,IAAI,CAAC;KACb;IAED,OAAU,IAAI,MAAG,CAAC;AACpB,CAAC;AAED,SAAS,gBAAgB,CAAC,QAAa,EAAE,EAAU;IACjD,OAAO,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,EAAE,KAAK,EAAE,EAAf,CAAe,CAAC,CAAC;AACjE,CAAC;AAED,SAAS,aAAa,CAAC,SAAc;IACnC,OAAO,CAAC,SAAS,CAAC,OAAO,IAAI,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,IAAI,CAAC;AACpF,CAAC;AAED,SAAS,YAAY,CAAC,SAAc,EAAE,OAAe;IACnD,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE;QACjD,OAAO,IAAI,CAAC;KACb;IAED,IAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,UAAC,GAAQ,IAAK,OAAA,GAAG,CAAC,GAAG,KAAK,OAAO,EAAnB,CAAmB,CAAC,CAAC;IAE/E,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,OAAO,CAAC,IAAI,CAAC;AACtB,CAAC;AAED,SAAS,WAAW,CAAC,SAAc;IACjC,IAAM,OAAO,GAAG,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAEnD,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,IAAM,KAAK,GAAG,OAAO;SAClB,KAAK,CAAC,IAAI,CAAC;SACX,MAAM,CAAC,UAAC,CAAC,EAAE,CAAC,EAAE,GAAG,IAAK,OAAA,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,EAAnD,CAAmD,CAAC,CAAC;IAE9E,IAAM,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI;QACnC,IAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAClC,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,IAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,OAAR,IAAI,EAAQ,aAAa,CAAC,CAAC;IAErD,IAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAjC,CAAiC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEjF,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,QAAQ,CAAC,QAAa,EAAE,UAAe;IAC9C,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,EAAE;QAC3C,IAAI,QAAM,GAAU,EAAE,CAAC;QAEvB,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAC,qBAA0B;YACvD,IAAI,qBAAqB,CAAC,IAAI,KAAK,WAAW,EAAE;gBAC9C,IAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAAC;gBAC7E,QAAM,mCAAO,QAAM,UAAE,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAAC,SAAC,CAAC;aAC3D;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,QAAM,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,EAAD,CAAC,CAAC,CAAC;KACvC;IAED,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,EAAE;QACzC,IAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,CAC5D,UAAC,KAAU;YACT,OAAA,CAAC,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC;QAAzE,CAAyE,CAC5E,CAAC;QAEF,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;YAC3B,OAAO,IAAI,CAAC;SACb;QAED,OAAO;YACL,IAAI,EAAE,UAAU,CAAC,IAAI;YACrB,WAAW,EAAE,aAAa,CAAC,UAAU,CAAC;YACtC,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,UAAC,KAAU;gBACpC,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE;oBAC7E,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC;iBACtD;gBAED,IAAI,KAAK,CAAC,UAAU,EAAE;oBACpB,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;oBACtC,OAAO;wBACL,IAAI,EAAE,KAAK,CAAC,IAAI;wBAChB,IAAI,EAAE,UAAU;wBAChB,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC;wBACrC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC;wBAC/B,KAAK,EAAE,UAAU,CAAC,IAAI;wBACtB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;qBAClC,CAAC;iBACH;gBAED,OAAO;oBACL,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,IAAI,EAAE,UAAU;oBAChB,WAAW,EAAE,aAAa,CAAC,KAAK,CAAC;oBACjC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC;oBAC3B,gBAAgB,EAAE,aAAa,CAAC,UAAU,CAAC;oBAC3C,KAAK,EAAE,UAAU,CAAC,IAAI;oBACtB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;iBAClC,CAAC;YACJ,CAAC,CAAC;SACH,CAAC;KACH;IAED,MAAM,IAAI,KAAK,CAAC,8BAA4B,UAAY,CAAC,CAAC;AAC5D,CAAC;AAED,IAAM,cAAc,GAAG,UAAC,EAAwB;QAAtB,QAAQ,cAAA,EAAE,KAAK,WAAA;IACjC,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAC;IAExC,OAAO,CACL,uCAAK,SAAS,EAAE,gCAAC,CAAC,KAAK;QACrB,0CAAQ,SAAS,EAAE,gCAAC,CAAC,WAAW,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,EAAxB,CAAwB,IACtE,KAAK,CACC;QACR,IAAI,IAAI,uCAAK,SAAS,EAAE,gCAAC,CAAC,SAAS,IAAG,QAAQ,CAAO,CAClD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,SAAgB,gBAAgB,CAAC,EAAkC;IAAnE,iBA+HC;QA/HkC,GAAG,SAAA;IAC9B,IAAA,KAAsB,IAAA,gBAAQ,EAAe,IAAI,CAAC,EAAjD,MAAM,QAAA,EAAE,SAAS,QAAgC,CAAC;IAEzD,IAAA,iBAAS,EAAC;QACR,IAAM,MAAM,GAAG;;;;4BACI,qBAAM,KAAK,CAAC,iDAAiD,CAAC,EAAA;;wBAAzE,QAAQ,GAAG,SAA8D;wBAC9D,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;;wBAAhC,QAAQ,GAAG,SAAqB;wBAEhC,iBAAiB,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAC9C,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,IAAI,KAAK,uBAAuB,EAAtC,CAAsC,CACvD,CAAC;wBAEI,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAC3D,UAAC,IAAS,IAAK,OAAA,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,EAApC,CAAoC,CACpD,CAAC;wBAEI,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;wBAC/B,YAAY,GAAG,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,IAAI,KAAK,KAAK,EAAhB,CAAgB,CAAC,CAAC;wBAE7E,SAAS,CACP,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAU,CAC9E,CAAC;;;;aACH,CAAC;QAEF,MAAM,EAAE,CAAC;IACX,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAM,UAAU,GAAG,UAAC,IAAY;QAC9B,mBAAmB,CAAC,IAAI,CAAC,CAAC;QACzB,GAAW,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG,UAAC,OAAe;QAChC,QAAQ,CACN,mHAKU,OAAO,4LAOhB,CACF,EAAE,CAAC,GAAG,CAAC,CAAC;IACX,CAAC,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,gCAAC,CAAC,SAAS,IACxB,MAAM;QACL,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK;YACf,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI;iBACpB,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC;iBACvC,OAAO,CAAC,sBAAsB,EAAE,YAAY,CAAC;iBAC7C,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC;iBAC9B,OAAO,CAAC,YAAY,EAAE,aAAa,CAAC;iBACpC,OAAO,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;YAEtC,OAAO,CACL,8BAAC,cAAc,IAAC,KAAK,EAAE,KAAG,IAAM,EAAE,GAAG,EAAE,IAAI;gBACzC,uCAAK,SAAS,EAAE,gCAAC,CAAC,gBAAgB,IAAG,KAAK,CAAC,WAAW,CAAO;gBAC7D,uCAAK,SAAS,EAAE,gCAAC,CAAC,aAAa,IAC5B,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC3C,uCAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,gCAAC,CAAC,gBAAgB;oBAChD,uCAAK,SAAS,EAAE,gCAAC,CAAC,oBAAoB;wBACpC,qCACE,SAAS,EAAE,gCAAC,CAAC,oBAAoB,EACjC,IAAI,EAAK,OAAO,UAAK,IAAI,CAAC,UAAY,EACtC,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY;4BAEf,IAAI,CAAC,IAAI;4BACT,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CACnC;wBAEJ,2CAAM,IAAI,CAAC,WAAW,CAAO,CACzB;oBACL,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,CAC3B,uCAAK,SAAS,EAAE,gCAAC,CAAC,uBAAuB;wBACvC,2CAAM,IAAI,CAAC,SAAS,CAAE,GAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAO;wBAC7D,uCAAK,SAAS,EAAE,gCAAC,CAAC,8BAA8B;4BAC9C,8BAAC,UAAM,IACL,IAAI,EAAC,QAAQ,EACb,UAAU,EAAC,KAAK,EAChB,OAAO,EAAE,UAAU,CAAC,IAAI,CACtB,IAAI,EACJ,IAAI,CAAC,SAAS,CAAE,GAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CACjD,iBAGM,CACL,CACF,CACP;oBACA,IAAI,CAAC,OAAO,IAAI,CACf,uCAAK,SAAS,EAAE,gCAAC,CAAC,uBAAuB;wBACvC,2CAAM,IAAI,CAAC,OAAO,CAAO;wBACzB,uCAAK,SAAS,EAAE,gCAAC,CAAC,8BAA8B;4BAC9C,8BAAC,UAAM,IACL,IAAI,EAAC,QAAQ,EACb,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,SAAS,EACpB,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,kBAGpC;4BACT,8BAAC,UAAM,IACL,IAAI,EAAC,QAAQ,EACb,UAAU,EAAC,KAAK,EAChB,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,mBAGrC,CACL,CACF,CACP,CACG,CACP,EAvD4C,CAuD5C,CAAC,CACE,CACS,CAClB,CAAC;QACJ,CAAC,CAAC,CACA,CACP,CAAC;AACJ,CAAC;AA/HD,4CA+HC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ContextInspector/index.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- { "inspector": "_inspector_1n8fb_1", "panel": "_panel_1n8fb_5", "panelHandle": "_panelHandle_1n8fb_9", "panelBody": "_panelBody_1n8fb_25", "groupDescription": "_groupDescription_1n8fb_31", "propertyGroup": "_propertyGroup_1n8fb_37", "propertyOrMethod": "_propertyOrMethod_1n8fb_42", "propertyOrMethodBody": "_propertyOrMethodBody_1n8fb_51", "propertyOrMethodExample": "_propertyOrMethodExample_1n8fb_55", "propertyOrMethodName": "_propertyOrMethodName_1n8fb_68", "propertyOrMethodExampleActions": "_propertyOrMethodExampleActions_1n8fb_82" }
1
+ { "inspector": "_inspector_u6041_1", "panel": "_panel_u6041_5", "panelHandle": "_panelHandle_u6041_9", "panelBody": "_panelBody_u6041_25", "groupDescription": "_groupDescription_u6041_31", "propertyGroup": "_propertyGroup_u6041_37", "propertyOrMethod": "_propertyOrMethod_u6041_42", "propertyOrMethodBody": "_propertyOrMethodBody_u6041_51", "propertyOrMethodExample": "_propertyOrMethodExample_u6041_55", "propertyOrMethodName": "_propertyOrMethodName_u6041_68", "propertyOrMethodExampleActions": "_propertyOrMethodExampleActions_u6041_82" }
@@ -48,6 +48,78 @@ exports.Form = void 0;
48
48
  var react_1 = __importStar(require("react"));
49
49
  var classnames_1 = __importDefault(require("classnames"));
50
50
  var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
51
+ /**
52
+ * @example Full example
53
+ *
54
+ * ```js
55
+ * <Canvas ctx={ctx}>
56
+ * <Form onSubmit={() => console.log('onSubmit')}>
57
+ * <FieldGroup>
58
+ * <TextField
59
+ * required
60
+ * name="name"
61
+ * id="name"
62
+ * label="Name"
63
+ * value="Mark Smith"
64
+ * placeholder="Enter full name"
65
+ * hint="Provide a full name"
66
+ * onChange={(newValue) => console.log(newValue)}
67
+ * />
68
+ * <TextField
69
+ * required
70
+ * name="email"
71
+ * id="email"
72
+ * label="Email"
73
+ * type="email"
74
+ * value=""
75
+ * placeholder="your@email.com"
76
+ * error="Please enter an email!"
77
+ * hint="Enter email address"
78
+ * onChange={(newValue) => console.log(newValue)}
79
+ * />
80
+ * <TextField
81
+ * required
82
+ * name="apiToken"
83
+ * id="apiToken"
84
+ * label="API Token"
85
+ * value="XXXYYY123"
86
+ * hint="Enter a valid API token"
87
+ * textInputProps={{ monospaced: true }}
88
+ * onChange={(newValue) => console.log(newValue)}
89
+ * />
90
+ * <SelectField
91
+ * name="option"
92
+ * id="option"
93
+ * label="Option"
94
+ * hint="Select one of the options"
95
+ * value={{ label: 'Option 1', value: 'option1' }}
96
+ * selectInputProps={{
97
+ * options: [
98
+ * { label: 'Option 1', value: 'option1' },
99
+ * { label: 'Option 2', value: 'option2' },
100
+ * { label: 'Option 3', value: 'option3' },
101
+ * ],
102
+ * }}
103
+ * onChange={(newValue) => console.log(newValue)}
104
+ * />
105
+ * <SwitchField
106
+ * name="debugMode"
107
+ * id="debugMode"
108
+ * label="Debug mode active?"
109
+ * hint="Logs messages to console"
110
+ * value={true}
111
+ * onChange={(newValue) => console.log(newValue)}
112
+ * />
113
+ * </FieldGroup>
114
+ * <FieldGroup>
115
+ * <Button fullWidth buttonType="primary">
116
+ * Submit
117
+ * </Button>
118
+ * </FieldGroup>
119
+ * </Form>
120
+ * </Canvas>;
121
+ * ```
122
+ */
51
123
  var Form = function (_a) {
52
124
  var children = _a.children, className = _a.className, onSubmit = _a.onSubmit, _b = _a.spacing, spacing = _b === void 0 ? 'default' : _b, otherProps = __rest(_a, ["children", "className", "onSubmit", "spacing"]);
53
125
  var classNames = (0, classnames_1.default)(styles_module_css_json_1.default.Form, className);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,0DAA4B;AAC5B,oFAA8C;AAUvC,IAAM,IAAI,GAAG,UAAC,EAMT;IALV,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAChB,UAAU,cALM,gDAMpB,CADc;IAEb,IAAM,UAAU,GAAG,IAAA,oBAAE,EAAC,gCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,IAAM,kBAAkB,GAAG,IAAA,oBAAE,EAAC,gCAAM,CAAC,UAAU,EAAE,gCAAM,CAAC,iBAAe,OAAS,CAAC,CAAC,CAAC;IAEnF,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,KAAgB;QACf,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,iDAAM,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,IAAM,UAAU,GAChE,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QAC5B,IAAI,KAAK,EAAE;YACT,OAAO,uCAAK,SAAS,EAAE,kBAAkB,IAAG,KAAK,CAAO,CAAC;SAC1D;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,IAAI,QA+Bf"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,0DAA4B;AAC5B,oFAA8C;AAU9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACI,IAAM,IAAI,GAAG,UAAC,EAMT;IALV,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAChB,UAAU,cALM,gDAMpB,CADc;IAEb,IAAM,UAAU,GAAG,IAAA,oBAAE,EAAC,gCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,IAAM,kBAAkB,GAAG,IAAA,oBAAE,EAC3B,gCAAM,CAAC,UAAU,EACjB,gCAAM,CAAC,iBAAe,OAAS,CAAC,CACjC,CAAC;IAEF,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,KAAgB;QACf,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,iDAAM,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,IAAM,UAAU,GAChE,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QAC5B,IAAI,KAAK,EAAE;YACT,OAAO,uCAAK,SAAS,EAAE,kBAAkB,IAAG,KAAK,CAAO,CAAC;SAC1D;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf"}
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Section = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var classnames_1 = __importDefault(require("classnames"));
9
+ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
10
+ /**
11
+ * @example Basic usage
12
+ *
13
+ * ```jsx
14
+ * <Canvas ctx={ctx}>
15
+ * <Section title="Section title">
16
+ * Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
17
+ * eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
18
+ * ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
19
+ * aliquip ex ea commodo consequat.
20
+ * </Section>
21
+ * </Canvas>;
22
+ * ```
23
+ *
24
+ * @example Highlighted
25
+ *
26
+ * ```jsx
27
+ * <Canvas ctx={ctx}>
28
+ * <Section title="Section title" highlighted>
29
+ * Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
30
+ * eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
31
+ * ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
32
+ * aliquip ex ea commodo consequat.
33
+ * </Section>
34
+ * </Canvas>;
35
+ * ```
36
+ *
37
+ * @example Collapsible
38
+ *
39
+ * ```jsx
40
+ * <Canvas ctx={ctx}>
41
+ * <StateManager initial={true}>
42
+ * {(isOpen, setOpen) => (
43
+ * <Section
44
+ * title="Section title"
45
+ * collapsible={{ isOpen, onToggle: () => setOpen((v) => !v) }}
46
+ * >
47
+ * Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
48
+ * eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
49
+ * enim ad minim veniam, quis nostrud exercitation ullamco laboris
50
+ * nisi ut aliquip ex ea commodo consequat.
51
+ * </Section>
52
+ * )}
53
+ * </StateManager>
54
+ * </Canvas>;
55
+ * ```
56
+ */
57
+ function Section(_a) {
58
+ var _b, _c;
59
+ var title = _a.title, children = _a.children, highlighted = _a.highlighted, collapsible = _a.collapsible, headerClassName = _a.headerClassName, titleClassName = _a.titleClassName, headerStyle = _a.headerStyle, titleStyle = _a.titleStyle;
60
+ return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default['Section'], (_b = {}, _b[styles_module_css_json_1.default['Section--highlighted']] = highlighted, _b)) },
61
+ react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default['Section__header'], headerClassName), style: headerStyle },
62
+ react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default['Section__title'], titleClassName), style: titleStyle },
63
+ collapsible && (react_1.default.createElement("button", { type: "button", className: (0, classnames_1.default)(styles_module_css_json_1.default['Section__arrow'], (_c = {},
64
+ _c[styles_module_css_json_1.default['Section__arrow--is-open']] = collapsible.isOpen,
65
+ _c)), onClick: collapsible.onToggle })),
66
+ react_1.default.createElement("div", { className: styles_module_css_json_1.default['Section__title__content'] }, title))),
67
+ (!collapsible || collapsible.isOpen) && children));
68
+ }
69
+ exports.Section = Section;
70
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Section/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwD;AACxD,0DAA4B;AAC5B,oFAAyC;AAazC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,SAAgB,OAAO,CAAC,EAST;;QARb,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,UAAU,gBAAA;IAEV,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,gCAAC,CAAC,SAAS,CAAC,YAAI,GAAC,gCAAC,CAAC,sBAAsB,CAAC,IAAG,WAAW,MAAG;QAEzE,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,gCAAC,CAAC,iBAAiB,CAAC,EAAE,eAAe,CAAC,EACpD,KAAK,EAAE,WAAW;YAElB,uCACE,SAAS,EAAE,IAAA,oBAAE,EACX,gCAAC,CAAC,gBAAgB,CAAC,EAEnB,cAAc,CACf,EACD,KAAK,EAAE,UAAU;gBAEhB,WAAW,IAAI,CACd,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,gCAAC,CAAC,gBAAgB,CAAC;wBAC/B,GAAC,gCAAC,CAAC,yBAAyB,CAAC,IAAG,WAAW,CAAC,MAAM;4BAClD,EACF,OAAO,EAAE,WAAW,CAAC,QAAQ,GAC7B,CACH;gBACD,uCAAK,SAAS,EAAE,gCAAC,CAAC,yBAAyB,CAAC,IAAG,KAAK,CAAO,CACvD,CACF;QACL,CAAC,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,CAAC,IAAI,QAAQ,CAC7C,CACP,CAAC;AACJ,CAAC;AAzCD,0BAyCC"}
@@ -0,0 +1 @@
1
+ { "Section": "_Section_zh95u_1", "Section--highlighted": "_Section--highlighted_zh95u_5", "pageContentSectionHighligh": "_pageContentSectionHighligh_zh95u_1", "Section__header": "_Section__header_zh95u_19", "Section__title": "_Section__title_zh95u_38", "Section__title__content": "_Section__title__content_zh95u_52", "Section__arrow": "_Section__arrow_zh95u_55", "Section__arrow--is-open": "_Section__arrow--is-open_zh95u_82" }
@@ -0,0 +1,56 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ exports.AsyncCreatableSelectField = exports.CreatableSelectField = exports.AsyncSelectField = exports.SelectField = void 0;
18
+ var react_1 = __importDefault(require("react"));
19
+ var __1 = require("..");
20
+ function SelectField(_a) {
21
+ var id = _a.id, name = _a.name, label = _a.label, hint = _a.hint, error = _a.error, required = _a.required, placeholder = _a.placeholder, formLabelProps = _a.formLabelProps, value = _a.value, onChange = _a.onChange, selectInputProps = _a.selectInputProps;
22
+ return (react_1.default.createElement(react_1.default.Fragment, null,
23
+ react_1.default.createElement(__1.FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, error: !!error }), label),
24
+ react_1.default.createElement(__1.SelectInput, __assign({}, selectInputProps, { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange, error: !!error })),
25
+ error && react_1.default.createElement(__1.FieldError, null, error),
26
+ hint && react_1.default.createElement(__1.FieldHint, null, hint)));
27
+ }
28
+ exports.SelectField = SelectField;
29
+ function AsyncSelectField(_a) {
30
+ var id = _a.id, name = _a.name, label = _a.label, hint = _a.hint, error = _a.error, required = _a.required, placeholder = _a.placeholder, formLabelProps = _a.formLabelProps, value = _a.value, onChange = _a.onChange, selectInputProps = _a.selectInputProps;
31
+ return (react_1.default.createElement(react_1.default.Fragment, null,
32
+ react_1.default.createElement(__1.FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, error: !!error }), label),
33
+ react_1.default.createElement(__1.AsyncSelectInput, __assign({}, selectInputProps, { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange, error: !!error })),
34
+ error && react_1.default.createElement(__1.FieldError, null, error),
35
+ hint && react_1.default.createElement(__1.FieldHint, null, hint)));
36
+ }
37
+ exports.AsyncSelectField = AsyncSelectField;
38
+ function CreatableSelectField(_a) {
39
+ var id = _a.id, name = _a.name, label = _a.label, hint = _a.hint, error = _a.error, required = _a.required, placeholder = _a.placeholder, formLabelProps = _a.formLabelProps, value = _a.value, onChange = _a.onChange, selectInputProps = _a.selectInputProps;
40
+ return (react_1.default.createElement(react_1.default.Fragment, null,
41
+ react_1.default.createElement(__1.FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, error: !!error }), label),
42
+ react_1.default.createElement(__1.CreatableSelectInput, __assign({}, selectInputProps, { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange, error: !!error })),
43
+ error && react_1.default.createElement(__1.FieldError, null, error),
44
+ hint && react_1.default.createElement(__1.FieldHint, null, hint)));
45
+ }
46
+ exports.CreatableSelectField = CreatableSelectField;
47
+ function AsyncCreatableSelectField(_a) {
48
+ var id = _a.id, name = _a.name, label = _a.label, hint = _a.hint, error = _a.error, required = _a.required, placeholder = _a.placeholder, formLabelProps = _a.formLabelProps, value = _a.value, onChange = _a.onChange, selectInputProps = _a.selectInputProps;
49
+ return (react_1.default.createElement(react_1.default.Fragment, null,
50
+ react_1.default.createElement(__1.FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, error: !!error }), label),
51
+ react_1.default.createElement(__1.AsyncCreatableSelectInput, __assign({}, selectInputProps, { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange, error: !!error })),
52
+ error && react_1.default.createElement(__1.FieldError, null, error),
53
+ hint && react_1.default.createElement(__1.FieldHint, null, hint)));
54
+ }
55
+ exports.AsyncCreatableSelectField = AsyncCreatableSelectField;
56
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SelectField/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,135 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
+ }) : (function(o, m, k, k2) {
17
+ if (k2 === undefined) k2 = k;
18
+ o[k2] = m[k];
19
+ }));
20
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
22
+ }) : function(o, v) {
23
+ o["default"] = v;
24
+ });
25
+ var __importStar = (this && this.__importStar) || function (mod) {
26
+ if (mod && mod.__esModule) return mod;
27
+ var result = {};
28
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
+ __setModuleDefault(result, mod);
30
+ return result;
31
+ };
32
+ var __rest = (this && this.__rest) || function (s, e) {
33
+ var t = {};
34
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
+ t[p] = s[p];
36
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
+ t[p[i]] = s[p[i]];
40
+ }
41
+ return t;
42
+ };
43
+ var __importDefault = (this && this.__importDefault) || function (mod) {
44
+ return (mod && mod.__esModule) ? mod : { "default": mod };
45
+ };
46
+ Object.defineProperty(exports, "__esModule", { value: true });
47
+ exports.AsyncCreatableSelectInput = exports.CreatableSelectInput = exports.AsyncSelectInput = exports.SelectInput = void 0;
48
+ var react_1 = __importStar(require("react"));
49
+ var react_select_1 = __importDefault(require("react-select"));
50
+ var async_1 = __importDefault(require("react-select/async"));
51
+ var async_creatable_1 = __importDefault(require("react-select/async-creatable"));
52
+ var creatable_1 = __importDefault(require("react-select/creatable"));
53
+ var themeConfig = function (existing) { return (__assign(__assign({}, existing), { borderRadius: 0, colors: __assign(__assign({}, existing.colors), { primary25: 'var(--semi-transparent-accent-color)',
54
+ // disabled
55
+ neutral10: 'var(--border-color)',
56
+ // normal
57
+ neutral20: 'var(--border-color)',
58
+ // focused
59
+ primary: 'var(--accent-color)',
60
+ // hover
61
+ neutral30: 'var(--darker-border-color)' }) })); };
62
+ var useStyles = function (isDisabled, error) {
63
+ return (0, react_1.useMemo)(function () {
64
+ return {
65
+ placeholder: function (provided) { return (__assign(__assign({}, provided), { color: 'var(--placeholder-body-color)' })); },
66
+ container: function (provided) {
67
+ return __assign(__assign({}, provided), { fontSize: 'inherit' });
68
+ },
69
+ control: function (provided, _a) {
70
+ var isFocused = _a.isFocused;
71
+ var result = provided;
72
+ result = __assign(__assign({}, result), { minHeight: 40 });
73
+ if (isFocused) {
74
+ return __assign(__assign({}, result), { borderColor: error ? 'var(--alert-color)' : 'var(--accent-color)', backgroundColor: isDisabled ? 'var(--disabled-color)' : 'white', boxShadow: "0 0 0 3px " + (error
75
+ ? 'rgba(var(--alert-color-rgb-components), 0.2)'
76
+ : 'var(--semi-transparent-accent-color)'), '&:hover': {
77
+ borderColor: error ? 'var(--alert-color)' : 'var(--accent-color)',
78
+ } });
79
+ }
80
+ return __assign(__assign({}, result), { borderColor: error ? 'var(--alert-color)' : 'var(--border-color)', backgroundColor: isDisabled ? 'var(--disabled-color)' : 'white', '&:hover': {
81
+ borderColor: error
82
+ ? 'var(--alert-color)'
83
+ : 'var(--darker-border-color)',
84
+ } });
85
+ },
86
+ multiValueRemove: function (provided) { return (__assign(__assign({}, provided), { cursor: 'pointer' })); },
87
+ menu: function (provided) {
88
+ return __assign(__assign({}, provided), { minWidth: 250 });
89
+ },
90
+ input: function (provided) {
91
+ var result = __assign(__assign({}, provided), { boxShadow: 'none', 'input:focus': {
92
+ boxShadow: 'none',
93
+ } });
94
+ return result;
95
+ },
96
+ multiValue: function (provided) {
97
+ return __assign(__assign({}, provided), { zIndex: 100000, backgroundColor: 'var(--light-color)' });
98
+ },
99
+ multiValueLabel: function (provided) { return (__assign(__assign({}, provided), { fontSize: 'inherit', padding: 3 })); },
100
+ };
101
+ }, [isDisabled, error]);
102
+ };
103
+ function SelectInput(_a) {
104
+ var isDisabled = _a.isDisabled, error = _a.error, other = __rest(_a, ["isDisabled", "error"]);
105
+ var styles = useStyles(isDisabled, error);
106
+ return (react_1.default.createElement(react_select_1.default, __assign({}, other, { isDisabled: isDisabled, theme: themeConfig,
107
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
108
+ styles: styles })));
109
+ }
110
+ exports.SelectInput = SelectInput;
111
+ function AsyncSelectInput(_a) {
112
+ var isDisabled = _a.isDisabled, error = _a.error, other = __rest(_a, ["isDisabled", "error"]);
113
+ var styles = useStyles(isDisabled, error);
114
+ return (react_1.default.createElement(async_1.default, __assign({}, other, { isDisabled: isDisabled, theme: themeConfig,
115
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
116
+ styles: styles })));
117
+ }
118
+ exports.AsyncSelectInput = AsyncSelectInput;
119
+ function CreatableSelectInput(_a) {
120
+ var isDisabled = _a.isDisabled, error = _a.error, other = __rest(_a, ["isDisabled", "error"]);
121
+ var styles = useStyles(isDisabled, error);
122
+ return (react_1.default.createElement(creatable_1.default, __assign({}, other, { isDisabled: isDisabled, theme: themeConfig,
123
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
124
+ styles: styles })));
125
+ }
126
+ exports.CreatableSelectInput = CreatableSelectInput;
127
+ function AsyncCreatableSelectInput(_a) {
128
+ var isDisabled = _a.isDisabled, error = _a.error, other = __rest(_a, ["isDisabled", "error"]);
129
+ var styles = useStyles(isDisabled, error);
130
+ return (react_1.default.createElement(async_creatable_1.default, __assign({}, other, { isDisabled: isDisabled, theme: themeConfig,
131
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
132
+ styles: styles })));
133
+ }
134
+ exports.AsyncCreatableSelectInput = AsyncCreatableSelectInput;
135
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SelectInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,8DAKsB;AACtB,6DAAgE;AAChE,iFAEsC;AACtC,qEAA4E;AAE5E,IAAM,WAAW,GAAgB,UAAC,QAAQ,IAAK,OAAA,uBAC1C,QAAQ,KACX,YAAY,EAAE,CAAC,EACf,MAAM,wBACD,QAAQ,CAAC,MAAM,KAClB,SAAS,EAAE,sCAAsC;QACjD,WAAW;QACX,SAAS,EAAE,qBAAqB;QAChC,SAAS;QACT,SAAS,EAAE,qBAAqB;QAChC,UAAU;QACV,OAAO,EAAE,qBAAqB;QAC9B,QAAQ;QACR,SAAS,EAAE,4BAA4B,OAEzC,EAf6C,CAe7C,CAAC;AAEH,IAAM,SAAS,GAAG,UAAC,UAAoB,EAAE,KAAe;IACtD,OAAO,IAAA,eAAO,EAAe;QAC3B,OAAO;YACL,WAAW,EAAE,UAAC,QAAQ,IAAK,OAAA,uBACtB,QAAQ,KACX,KAAK,EAAE,+BAA+B,IACtC,EAHyB,CAGzB;YACF,SAAS,EAAE,UAAC,QAAQ;gBAClB,6BACK,QAAQ,KACX,QAAQ,EAAE,SAAS,IACnB;YACJ,CAAC;YAED,OAAO,EAAE,UAAC,QAAQ,EAAE,EAAa;oBAAX,SAAS,eAAA;gBAC7B,IAAI,MAAM,GAAG,QAAQ,CAAC;gBAEtB,MAAM,yBACD,MAAM,KACT,SAAS,EAAE,EAAE,GACd,CAAC;gBAEF,IAAI,SAAS,EAAE;oBACb,6BACK,MAAM,KACT,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB,EACjE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,OAAO,EAC/D,SAAS,EAAE,gBACT,KAAK;4BACH,CAAC,CAAC,8CAA8C;4BAChD,CAAC,CAAC,sCAAsC,CAC1C,EACF,SAAS,EAAE;4BACT,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB;yBAClE,IACD;iBACH;gBAED,6BACK,MAAM,KACT,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB,EACjE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,OAAO,EAC/D,SAAS,EAAE;wBACT,WAAW,EAAE,KAAK;4BAChB,CAAC,CAAC,oBAAoB;4BACtB,CAAC,CAAC,4BAA4B;qBACjC,IACD;YACJ,CAAC;YACD,gBAAgB,EAAE,UAAC,QAAQ,IAAK,OAAA,uBAC3B,QAAQ,KACX,MAAM,EAAE,SAAS,IACjB,EAH8B,CAG9B;YACF,IAAI,EAAE,UAAC,QAAQ;gBACb,6BACK,QAAQ,KACX,QAAQ,EAAE,GAAG,IACb;YACJ,CAAC;YACD,KAAK,EAAE,UAAC,QAAQ;gBACd,IAAM,MAAM,yBACP,QAAQ,KACX,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE;wBACb,SAAS,EAAE,MAAM;qBAClB,GACF,CAAC;gBAEF,OAAO,MAAM,CAAC;YAChB,CAAC;YACD,UAAU,EAAE,UAAC,QAAQ;gBACnB,6BACK,QAAQ,KACX,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,oBAAoB,IACrC;YACJ,CAAC;YACD,eAAe,EAAE,UAAC,QAAQ,IAAK,OAAA,uBAC1B,QAAQ,KACX,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,CAAC,IACV,EAJ6B,CAI7B;SACH,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;AAC1B,CAAC,CAAC;AAWF,SAAgB,WAAW,CAIzB,EAIyC;IAHzC,IAAA,UAAU,gBAAA,EACV,KAAK,WAAA,EACF,KAAK,cAHR,uBAID,CADS;IAER,IAAM,MAAM,GAAG,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,8BAAC,sBAAS,eACJ,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,WAAW;QAClB,8DAA8D;QAC9D,MAAM,EAAE,MAAa,IACrB,CACH,CAAC;AACJ,CAAC;AApBD,kCAoBC;AAQD,SAAgB,gBAAgB,CAI9B,EAI8C;IAH9C,IAAA,UAAU,gBAAA,EACV,KAAK,WAAA,EACF,KAAK,cAHR,uBAID,CADS;IAER,IAAM,MAAM,GAAG,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,8BAAC,eAAc,eACT,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,WAAW;QAClB,8DAA8D;QAC9D,MAAM,EAAE,MAAa,IACrB,CACH,CAAC;AACJ,CAAC;AApBD,4CAoBC;AASD,SAAgB,oBAAoB,CAIlC,EAIkD;IAHlD,IAAA,UAAU,gBAAA,EACV,KAAK,WAAA,EACF,KAAK,cAHR,uBAID,CADS;IAER,IAAM,MAAM,GAAG,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,8BAAC,mBAAkB,eACb,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,WAAW;QAClB,8DAA8D;QAC9D,MAAM,EAAE,MAAa,IACrB,CACH,CAAC;AACJ,CAAC;AApBD,oDAoBC;AASD,SAAgB,yBAAyB,CAIvC,EAIuD;IAHvD,IAAA,UAAU,gBAAA,EACV,KAAK,WAAA,EACF,KAAK,cAHR,uBAID,CADS;IAER,IAAM,MAAM,GAAG,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,8BAAC,yBAAuB,eAClB,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,WAAW;QAClB,8DAA8D;QAC9D,MAAM,EAAE,MAAa,IACrB,CACH,CAAC;AACJ,CAAC;AApBD,8DAoBC"}
@@ -33,7 +33,7 @@ function SwitchInput(_a) {
33
33
  var _b;
34
34
  var className = _a.className, value = _a.value, disabled = _a.disabled, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, restProps = __rest(_a, ["className", "value", "disabled", "onClick", "onChange", "onKeyDown"]);
35
35
  function triggerChange(newValue, event) {
36
- if (!disabled) {
36
+ if (!disabled && onChange) {
37
37
  onChange(newValue, event);
38
38
  }
39
39
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAA4B;AAC5B,oFAAyC;AAgBzC,SAAgB,WAAW,CAAC,EAQT;;IAPjB,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,SAAS,cAPc,sEAQ3B,CADa;IAEZ,SAAS,aAAa,CACpB,QAAiB,EACjB,KAAmF;QAEnF,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;SAC3B;IACH,CAAC;IAED,SAAS,iBAAiB,CAAC,CAAyC;QAClE,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;YACzB,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SACzB;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,EAAE;YACjC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SACxB;QACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC;IAED,SAAS,eAAe,CAAC,CAAsC;QAC7D,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACzB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACf,CAAC;IAED,IAAM,eAAe,GAAG,IAAA,oBAAE,EAAC,gCAAC,CAAC,aAAa,CAAC,EAAE,SAAS;QACpD,GAAC,gCAAC,CAAC,sBAAsB,CAAC,IAAG,KAAK;QAClC,GAAC,gCAAC,CAAC,uBAAuB,CAAC,IAAG,QAAQ;YACtC,CAAC;IAEH,OAAO,CACL,qDACM,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,kBACC,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,eAAe;QAExB,wCAAM,SAAS,EAAE,gCAAC,CAAC,oBAAoB,CAAC,GAAI,CACrC,CACV,CAAC;AACJ,CAAC;AAnDD,kCAmDC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAA4B;AAC5B,oFAAyC;AAkBzC,SAAgB,WAAW,CAAC,EAQT;;IAPjB,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,SAAS,cAPc,sEAQ3B,CADa;IAEZ,SAAS,aAAa,CACpB,QAAiB,EACjB,KAE0C;QAE1C,IAAI,CAAC,QAAQ,IAAI,QAAQ,EAAE;YACzB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;SAC3B;IACH,CAAC;IAED,SAAS,iBAAiB,CAAC,CAAyC;QAClE,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;YACzB,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SACzB;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,EAAE;YACjC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SACxB;QACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC;IAED,SAAS,eAAe,CAAC,CAAsC;QAC7D,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACzB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACf,CAAC;IAED,IAAM,eAAe,GAAG,IAAA,oBAAE,EAAC,gCAAC,CAAC,aAAa,CAAC,EAAE,SAAS;QACpD,GAAC,gCAAC,CAAC,sBAAsB,CAAC,IAAG,KAAK;QAClC,GAAC,gCAAC,CAAC,uBAAuB,CAAC,IAAG,QAAQ;YACtC,CAAC;IAEH,OAAO,CACL,qDACM,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,kBACC,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,eAAe;QAExB,wCAAM,SAAS,EAAE,gCAAC,CAAC,oBAAoB,CAAC,GAAI,CACrC,CACV,CAAC;AACJ,CAAC;AArDD,kCAqDC"}
@@ -1 +1 @@
1
- { "TextInput": "_TextInput_6kjb7_1", "TextInput--monospaced": "_TextInput--monospaced_6kjb7_30", "TextInput--disabled": "_TextInput--disabled_6kjb7_34", "TextInput--error": "_TextInput--error_6kjb7_40" }
1
+ { "TextInput": "_TextInput_x2oj2_1", "TextInput--monospaced": "_TextInput--monospaced_x2oj2_30", "TextInput--disabled": "_TextInput--disabled_x2oj2_35", "TextInput--error": "_TextInput--error_x2oj2_41" }
package/dist/cjs/index.js CHANGED
@@ -22,4 +22,7 @@ __exportStar(require("./SwitchInput"), exports);
22
22
  __exportStar(require("./TextField"), exports);
23
23
  __exportStar(require("./TextInput"), exports);
24
24
  __exportStar(require("./ContextInspector"), exports);
25
+ __exportStar(require("./Section"), exports);
26
+ __exportStar(require("./SelectInput"), exports);
27
+ __exportStar(require("./SelectField"), exports);
25
28
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,2CAAyB;AACzB,+CAA6B;AAC7B,+CAA6B;AAC7B,8CAA4B;AAC5B,yCAAuB;AACvB,8CAA4B;AAC5B,gDAA8B;AAC9B,gDAA8B;AAC9B,8CAA4B;AAC5B,8CAA4B;AAC5B,qDAAmC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,2CAAyB;AACzB,+CAA6B;AAC7B,+CAA6B;AAC7B,8CAA4B;AAC5B,yCAAuB;AACvB,8CAA4B;AAC5B,gDAA8B;AAC9B,gDAA8B;AAC9B,8CAA4B;AAC5B,8CAA4B;AAC5B,qDAAmC;AACnC,4CAA0B;AAC1B,gDAA8B;AAC9B,gDAA8B"}
@@ -1,7 +1,7 @@
1
1
  import React, { CSSProperties, MouseEventHandler, ReactNode } from 'react';
2
2
  export declare type ButtonProps = {
3
3
  children?: ReactNode;
4
- type: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
4
+ type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
5
5
  className?: string;
6
6
  disabled?: boolean;
7
7
  onClick?: MouseEventHandler;
@@ -12,6 +12,67 @@ export declare type ButtonProps = {
12
12
  fullWidth?: boolean;
13
13
  style?: CSSProperties;
14
14
  };
15
+ /**
16
+ * @example Button types
17
+ *
18
+ * ```js
19
+ * <Canvas ctx={ctx}>
20
+ * <div style={{ marginBottom: 'var(--spacing-m)' }}>
21
+ * <Button buttonType="muted">Submit</Button>{' '}
22
+ * <Button buttonType="primary">Submit</Button>{' '}
23
+ * <Button buttonType="negative">Submit</Button>
24
+ * </div>
25
+ * <div>
26
+ * <Button buttonType="muted" disabled>
27
+ * Submit
28
+ * </Button>{' '}
29
+ * <Button buttonType="primary" disabled>
30
+ * Submit
31
+ * </Button>{' '}
32
+ * <Button buttonType="negative" disabled>
33
+ * Submit
34
+ * </Button>
35
+ * </div>
36
+ * </Canvas>;
37
+ * ```
38
+ *
39
+ * @example Full-width
40
+ *
41
+ * ```js
42
+ * <Canvas ctx={ctx}>
43
+ * <Button fullWidth>Submit</Button>
44
+ * </Canvas>;
45
+ * ```
46
+ *
47
+ * @example Sizing
48
+ *
49
+ * ```js
50
+ * <Canvas ctx={ctx}>
51
+ * <Button buttonSize="xxs">Submit</Button>{' '}
52
+ * <Button buttonSize="xs">Submit</Button>{' '}
53
+ * <Button buttonSize="s">Submit</Button>{' '}
54
+ * <Button buttonSize="m">Submit</Button>{' '}
55
+ * <Button buttonSize="l">Submit</Button>{' '}
56
+ * <Button buttonSize="xl">Submit</Button>{' '}
57
+ * </Canvas>;
58
+ * ```
59
+ *
60
+ * @example Icons
61
+ *
62
+ * ```js
63
+ * <Canvas ctx={ctx}>
64
+ * <div style={{ marginBottom: 'var(--spacing-m)' }}>
65
+ * <Button leftIcon={<PlusIcon />}>Submit</Button>
66
+ * </div>
67
+ * <div style={{ marginBottom: 'var(--spacing-m)' }}>
68
+ * <Button rightIcon={<ChevronDownIcon />}>Options</Button>
69
+ * </div>
70
+ * <div>
71
+ * <Button leftIcon={<PlusIcon />} />
72
+ * </div>
73
+ * </Canvas>;
74
+ * ```
75
+ */
15
76
  export declare function Button({ children, className, disabled, buttonType, buttonSize, fullWidth, onClick, style, leftIcon, rightIcon, type, }: ButtonProps): JSX.Element;
16
77
  export declare type ButtonLinkProps = {
17
78
  children?: ReactNode;
@@ -1,6 +1,67 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import styles from './styles.module.css.json';
4
+ /**
5
+ * @example Button types
6
+ *
7
+ * ```js
8
+ * <Canvas ctx={ctx}>
9
+ * <div style={{ marginBottom: 'var(--spacing-m)' }}>
10
+ * <Button buttonType="muted">Submit</Button>{' '}
11
+ * <Button buttonType="primary">Submit</Button>{' '}
12
+ * <Button buttonType="negative">Submit</Button>
13
+ * </div>
14
+ * <div>
15
+ * <Button buttonType="muted" disabled>
16
+ * Submit
17
+ * </Button>{' '}
18
+ * <Button buttonType="primary" disabled>
19
+ * Submit
20
+ * </Button>{' '}
21
+ * <Button buttonType="negative" disabled>
22
+ * Submit
23
+ * </Button>
24
+ * </div>
25
+ * </Canvas>;
26
+ * ```
27
+ *
28
+ * @example Full-width
29
+ *
30
+ * ```js
31
+ * <Canvas ctx={ctx}>
32
+ * <Button fullWidth>Submit</Button>
33
+ * </Canvas>;
34
+ * ```
35
+ *
36
+ * @example Sizing
37
+ *
38
+ * ```js
39
+ * <Canvas ctx={ctx}>
40
+ * <Button buttonSize="xxs">Submit</Button>{' '}
41
+ * <Button buttonSize="xs">Submit</Button>{' '}
42
+ * <Button buttonSize="s">Submit</Button>{' '}
43
+ * <Button buttonSize="m">Submit</Button>{' '}
44
+ * <Button buttonSize="l">Submit</Button>{' '}
45
+ * <Button buttonSize="xl">Submit</Button>{' '}
46
+ * </Canvas>;
47
+ * ```
48
+ *
49
+ * @example Icons
50
+ *
51
+ * ```js
52
+ * <Canvas ctx={ctx}>
53
+ * <div style={{ marginBottom: 'var(--spacing-m)' }}>
54
+ * <Button leftIcon={<PlusIcon />}>Submit</Button>
55
+ * </div>
56
+ * <div style={{ marginBottom: 'var(--spacing-m)' }}>
57
+ * <Button rightIcon={<ChevronDownIcon />}>Options</Button>
58
+ * </div>
59
+ * <div>
60
+ * <Button leftIcon={<PlusIcon />} />
61
+ * </div>
62
+ * </Canvas>;
63
+ * ```
64
+ */
4
65
  export function Button(_a) {
5
66
  var _b;
6
67
  var children = _a.children, className = _a.className, disabled = _a.disabled, _c = _a.buttonType, buttonType = _c === void 0 ? 'muted' : _c, _d = _a.buttonSize, buttonSize = _d === void 0 ? 'm' : _d, fullWidth = _a.fullWidth, onClick = _a.onClick, style = _a.style, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _e = _a.type, type = _e === void 0 ? 'button' : _e;
@@ -8,9 +69,9 @@ export function Button(_a) {
8
69
  _b[styles.disabled] = disabled,
9
70
  _b[styles.fullWidth] = fullWidth,
10
71
  _b), className), disabled: disabled, onClick: onClick, style: style },
11
- leftIcon && React.createElement("span", { className: styles['button__leftIcon'] }, leftIcon),
72
+ leftIcon && (React.createElement("span", { className: styles['button__leftIcon'] }, leftIcon)),
12
73
  children && React.createElement("span", null, children),
13
- rightIcon && React.createElement("span", { className: styles['button__rightIcon'] }, rightIcon)));
74
+ rightIcon && (React.createElement("span", { className: styles['button__rightIcon'] }, rightIcon))));
14
75
  }
15
76
  export function ButtonLink(_a) {
16
77
  var _b;
@@ -18,8 +79,8 @@ export function ButtonLink(_a) {
18
79
  return (React.createElement("a", { href: href, target: target, className: cn(styles.button, styles["buttonType-" + buttonType], styles["buttonSize-" + buttonSize], (_b = {},
19
80
  _b[styles.fullWidth] = fullWidth,
20
81
  _b), className), style: style, onClick: onClick },
21
- leftIcon && React.createElement("span", { className: styles['button__leftIcon'] }, leftIcon),
82
+ leftIcon && (React.createElement("span", { className: styles['button__leftIcon'] }, leftIcon)),
22
83
  children && React.createElement("span", null, children),
23
- rightIcon && React.createElement("span", { className: styles['button__rightIcon'] }, rightIcon)));
84
+ rightIcon && (React.createElement("span", { className: styles['button__rightIcon'] }, rightIcon))));
24
85
  }
25
86
  //# sourceMappingURL=index.js.map