@procore/core-react 10.21.0-rc.35 → 10.21.0

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 (87) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/esm/layouts/Box/Box.js +2 -2
  3. package/dist/esm/layouts/Box/Box.js.map +1 -1
  4. package/dist/esm/layouts/Box/Box.styles.js +1 -2
  5. package/dist/esm/layouts/Box/Box.styles.js.map +1 -1
  6. package/dist/esm/layouts/Box/Box.types.d.ts +1 -21
  7. package/dist/esm/layouts/Flex/Flex.types.d.ts +2 -2
  8. package/dist/props/Box.json +1 -1
  9. package/dist/props/allProps.json +8396 -8585
  10. package/dist/typedoc/components/Avatar/Avatar.types.json +17 -17
  11. package/dist/typedoc/components/AvatarStack/AvatarStack.types.json +20 -20
  12. package/dist/typedoc/components/Badge/Badge.types.json +6 -6
  13. package/dist/typedoc/components/Banner/Banner.types.json +12 -12
  14. package/dist/typedoc/components/Breadcrumbs/Breadcrumbs.types.json +7 -7
  15. package/dist/typedoc/components/Button/Button.types.json +11 -11
  16. package/dist/typedoc/components/Calendar/Calendar.types.json +79 -79
  17. package/dist/typedoc/components/Card/Card.types.json +6 -6
  18. package/dist/typedoc/components/Checkbox/Checkbox.types.json +7 -7
  19. package/dist/typedoc/components/ContactItem/ContactItem.types.json +9 -9
  20. package/dist/typedoc/components/DateInput/DateInput.types.json +35 -35
  21. package/dist/typedoc/components/DateSelect/DateSelect.types.json +13 -13
  22. package/dist/typedoc/components/Dropdown/Dropdown.types.json +34 -34
  23. package/dist/typedoc/components/DropdownFlyout/DropdownFlyout.types.json +32 -32
  24. package/dist/typedoc/components/Dropzone/Dropzone.types.json +41 -41
  25. package/dist/typedoc/components/EmptyState/EmptyState.types.json +14 -14
  26. package/dist/typedoc/components/FileList/FileList.types.json +3 -3
  27. package/dist/typedoc/components/FileSelect/FileSelect.types.json +25 -25
  28. package/dist/typedoc/components/FileSelect/GridSource/GridSource.types.json +20 -20
  29. package/dist/typedoc/components/FileSelect/LocalSource/LocalSource.types.json +14 -14
  30. package/dist/typedoc/components/FileSelect/TreeSource/TreeSource.types.json +9 -9
  31. package/dist/typedoc/components/Font/Font.types.json +7 -7
  32. package/dist/typedoc/components/Form/Form.types.json +664 -664
  33. package/dist/typedoc/components/GroupSelect/GroupSelect.types.json +50 -50
  34. package/dist/typedoc/components/Icon/Icon.types.json +10 -10
  35. package/dist/typedoc/components/Input/Input.types.json +2 -2
  36. package/dist/typedoc/components/Link/Link.types.json +4 -4
  37. package/dist/typedoc/components/Menu/Menu.types.json +67 -67
  38. package/dist/typedoc/components/MenuImperative/MenuImperative.types.json +67 -67
  39. package/dist/typedoc/components/Modal/Modal.types.json +27 -27
  40. package/dist/typedoc/components/MultiSelect/MultiSelect.types.json +29 -29
  41. package/dist/typedoc/components/Notation/Notation.types.json +4 -4
  42. package/dist/typedoc/components/NumberInput/NumberInput.types.json +25 -25
  43. package/dist/typedoc/components/OverlayTrigger/OverlayTrigger.json +18 -18
  44. package/dist/typedoc/components/Pagination/Pagination.types.json +8 -8
  45. package/dist/typedoc/components/Panel/Panel.types.json +17 -17
  46. package/dist/typedoc/components/Pill/Pill.types.json +1 -1
  47. package/dist/typedoc/components/PillSelect/PillSelect.types.json +46 -46
  48. package/dist/typedoc/components/Popover/Popover.types.json +9 -9
  49. package/dist/typedoc/components/ProgressBar/ProgressBar.types.json +5 -5
  50. package/dist/typedoc/components/RadioButton/RadioButton.types.json +6 -6
  51. package/dist/typedoc/components/Required/Required.types.json +5 -5
  52. package/dist/typedoc/components/Search/Search.types.json +21 -21
  53. package/dist/typedoc/components/SegmentedController/SegmentedController.types.json +20 -20
  54. package/dist/typedoc/components/Select/Select.types.json +31 -31
  55. package/dist/typedoc/components/Slider/Slider.types.json +6 -6
  56. package/dist/typedoc/components/Spinner/Spinner.types.json +8 -8
  57. package/dist/typedoc/components/Switch/Switch.types.json +3 -3
  58. package/dist/typedoc/components/Table/Table.types.json +94 -94
  59. package/dist/typedoc/components/Tabs/Tabs.types.json +15 -15
  60. package/dist/typedoc/components/TextArea/TextArea.types.json +3 -3
  61. package/dist/typedoc/components/TextEditor/TextEditor.types.json +7 -7
  62. package/dist/typedoc/components/Thumbnail/Thumbnail.types.json +12 -12
  63. package/dist/typedoc/components/TieredDropdown/TieredDropdown.types.json +41 -41
  64. package/dist/typedoc/components/TieredSelect/TieredSelect.types.json +27 -27
  65. package/dist/typedoc/components/Tile/Tile.types.json +30 -30
  66. package/dist/typedoc/components/Toast/Toast.types.json +4 -4
  67. package/dist/typedoc/components/ToggleButton/ToggleButton.types.json +3 -3
  68. package/dist/typedoc/components/Token/Token.types.json +11 -11
  69. package/dist/typedoc/components/Tooltip/Tooltip.types.json +13 -13
  70. package/dist/typedoc/components/Tree/Tree.types.json +85 -85
  71. package/dist/typedoc/components/Typeahead/Typeahead.types.json +2 -2
  72. package/dist/typedoc/components/Typography/Typography.types.json +8 -8
  73. package/dist/typedoc/layouts/Box/Box.types.json +66 -116
  74. package/dist/typedoc/layouts/DetailPage/DetailPage.json +11 -11
  75. package/dist/typedoc/layouts/Flex/Flex.types.json +26 -26
  76. package/dist/typedoc/layouts/FlexList/FlexList.types.json +29 -29
  77. package/dist/typedoc/layouts/Grid/Grid.json +10 -10
  78. package/dist/typedoc/layouts/LegacyDetailPage/LegacyDetailPage.json +4 -4
  79. package/dist/typedoc/layouts/ListPage/ListPage.types.json +10 -10
  80. package/dist/typedoc/layouts/NextDetailPage/NextDetailPage.types.json +4 -4
  81. package/dist/typedoc/layouts/NextGrid/NextGrid.types.json +8 -8
  82. package/dist/typedoc/layouts/PageLayout/PageLayout.types.json +7 -7
  83. package/dist/typedoc/layouts/ToolHeader/ToolHeader.types.json +8 -8
  84. package/dist/typedoc/utils/types.json +3 -3
  85. package/package.json +5 -5
  86. package/storybook-static/iframe.html +1 -1
  87. package/storybook-static/{main.e68582d3.iframe.bundle.js → main.c99efcce.iframe.bundle.js} +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,29 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [10.21.0](https://github.com/procore/core/compare/v10.20.0...v10.21.0) (2022-01-14)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * [UIF-1673] Fix type exports ([#9849](https://github.com/procore/core/issues/9849)) ([96d7ca3](https://github.com/procore/core/commit/96d7ca35881dbe13b65f98db0852f3cafeec7dfe))
12
+ * **core-react:** tree expansion by chevron was not working when row was also selectable ([3e2733d](https://github.com/procore/core/commit/3e2733d69c20c5c70ded809542fe2d041ffb23d1))
13
+ * DateInput onChange and value fixes ([#9779](https://github.com/procore/core/issues/9779)) ([83e8809](https://github.com/procore/core/commit/83e88093e6c2fb77383e1b7463a18151551d1648))
14
+ * DateInput/DateSelect aria label for time zones ([#9827](https://github.com/procore/core/issues/9827)) ([5da935e](https://github.com/procore/core/commit/5da935e4d5e946c176ab88d93f5aa89dbdb110ac))
15
+ * fix Tabs resize issue ([#9781](https://github.com/procore/core/issues/9781)) ([5aa7fa1](https://github.com/procore/core/commit/5aa7fa1fdcef915f3d7b755628f9943f9ae31f1b))
16
+ * fix TextEditor locale (TinyMCE) ([#9807](https://github.com/procore/core/issues/9807)) ([ea41c19](https://github.com/procore/core/commit/ea41c19d9ccd465e09a8141e920bd88fc2ce4e94))
17
+ * fixes bug with DateInput onChange when value is undefined (initially) ([#9825](https://github.com/procore/core/issues/9825)) ([d38faae](https://github.com/procore/core/commit/d38faaecc0a38a0aeb08ad02d580dd7d7d5aae42))
18
+
19
+
20
+ ### Features
21
+
22
+ * **core-react:** add magenta and cyan to color palette and Pill component ([3fcba5b](https://github.com/procore/core/commit/3fcba5b117c8fac7cca1fbfb309811abc265dc60))
23
+ * Toggle Button release ([#9848](https://github.com/procore/core/issues/9848)) ([f956c29](https://github.com/procore/core/commit/f956c29dc608e7603060bff3e83125d144866413))
24
+
25
+
26
+
27
+
28
+
6
29
  # [10.20.0](https://github.com/procore/core/compare/v10.19.0...v10.20.0) (2021-12-16)
7
30
 
8
31
 
@@ -55,9 +55,9 @@ function getLegacyDisplayAndDirection(d) {
55
55
  };
56
56
  }
57
57
  export var Box = React.forwardRef(function Box(_a, ref) {
58
- var as = _a.as, alignContent = _a.alignContent, alignItems = _a.alignItems, alignSelf = _a.alignSelf, bgColor = _a.bgColor, children = _a.children, display = _a.display, flex = _a.flex, flexBasis = _a.flexBasis, flexDirection = _a.flexDirection, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, flexWrap = _a.flexWrap, height = _a.height, justifyContent = _a.justifyContent, margin = _a.margin, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, marginTop = _a.marginTop, minHeight = _a.minHeight, minWidth = _a.minWidth, order = _a.order, padding = _a.padding, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingTop = _a.paddingTop, textAlign = _a.textAlign, width = _a.width, props = __rest(_a, ["as", "alignContent", "alignItems", "alignSelf", "bgColor", "children", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "height", "justifyContent", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "minHeight", "minWidth", "order", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "textAlign", "width"]);
58
+ var as = _a.as, alignContent = _a.alignContent, alignItems = _a.alignItems, alignSelf = _a.alignSelf, children = _a.children, display = _a.display, flex = _a.flex, flexBasis = _a.flexBasis, flexDirection = _a.flexDirection, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, flexWrap = _a.flexWrap, justifyContent = _a.justifyContent, margin = _a.margin, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, marginTop = _a.marginTop, order = _a.order, padding = _a.padding, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingTop = _a.paddingTop, textAlign = _a.textAlign, props = __rest(_a, ["as", "alignContent", "alignItems", "alignSelf", "children", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "order", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "textAlign"]);
59
59
  var legacyProps = getLegacyDisplayAndDirection(display);
60
- return (React.createElement(StyledBox, __assign({}, props, { ref: ref, "$as": as, "$alignContent": alignContent, "$alignItems": alignItems, "$alignSelf": alignSelf, "$bgColor": bgColor, "$display": legacyProps.display, "$flex": flex, "$flexBasis": flexBasis, "$flexDirection": flexDirection !== null && flexDirection !== void 0 ? flexDirection : legacyProps.direction, "$flexGrow": flexGrow, "$flexShrink": flexShrink, "$flexWrap": flexWrap, "$height": height, "$justifyContent": justifyContent, "$margin": margin, "$marginBottom": marginBottom, "$marginLeft": marginLeft, "$marginRight": marginRight, "$marginTop": marginTop, "$minHeight": minHeight, "$minWidth": minWidth, "$order": order, "$padding": padding, "$paddingBottom": paddingBottom, "$paddingLeft": paddingLeft, "$paddingRight": paddingRight, "$paddingTop": paddingTop, "$textAlign": textAlign, "$width": width }), children));
60
+ return (React.createElement(StyledBox, __assign({}, props, { ref: ref, "$as": as, "$alignContent": alignContent, "$alignItems": alignItems, "$alignSelf": alignSelf, "$display": legacyProps.display, "$flex": flex, "$flexBasis": flexBasis, "$flexDirection": flexDirection !== null && flexDirection !== void 0 ? flexDirection : legacyProps.direction, "$flexGrow": flexGrow, "$flexShrink": flexShrink, "$flexWrap": flexWrap, "$justifyContent": justifyContent, "$margin": margin, "$marginBottom": marginBottom, "$marginLeft": marginLeft, "$marginRight": marginRight, "$marginTop": marginTop, "$order": order, "$padding": padding, "$paddingBottom": paddingBottom, "$paddingLeft": paddingLeft, "$paddingRight": paddingRight, "$paddingTop": paddingTop, "$textAlign": textAlign }), children));
61
61
  });
62
62
  Box.displayName = 'Box';
63
63
  // TODO remove default exports
@@ -1 +1 @@
1
- {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/layouts/Box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,gEAAgE;AAChE,SAAS,4BAA4B,CAAC,CAAW;IAC/C,IAAI,CAAC,CAAC,EAAE;QACN,OAAO,EAAE,CAAA;KACV;IAED,IAAI,OAAO,GAAG,CAAC,CAAA;IAEf,IAAI,SAAS,GAA8B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;QACjE,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,SAAS,CAAA;IAEb,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QAC1D,OAAO,GAAG,aAAa,CAAA;KACxB;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAC7B,OAAO,GAAG,MAAM,CAAA;KACjB;IAED,IAAI,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;QAChC,SAAS,GAAG,gBAAgB,CAAA;KAC7B;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAC/B,SAAS,GAAG,QAAQ,CAAA;KACrB;IAED,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QAC7B,SAAS,GAAG,aAAa,CAAA;KAC1B;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAC5B,SAAS,GAAG,KAAK,CAAA;KAClB;IAED,OAAO;QACL,OAAO,SAAA;QACP,SAAS,WAAA;KACV,CAAA;AACH,CAAC;AAED,MAAM,CAAC,IAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CACjC,SAAS,GAAG,CACV,EAgCC,EACD,GAAG;IAhCD,IAAA,EAAE,QAAA,EACF,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,KAAK,WAAA,EACF,KAAK,cA/BV,gYAgCC,CADS;IAIV,IAAM,WAAW,GAAG,4BAA4B,CAAC,OAAO,CAAC,CAAA;IAEzD,OAAO,CACL,oBAAC,SAAS,eACJ,KAAK,IACT,GAAG,EAAE,GAAG,SACH,EAAE,mBACQ,YAAY,iBACd,UAAU,gBACX,SAAS,cACX,OAAO,cACP,WAAW,CAAC,OAAO,WACtB,IAAI,gBACC,SAAS,oBACL,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,WAAW,CAAC,SAAS,eAC3C,QAAQ,iBACN,UAAU,eACZ,QAAQ,aACV,MAAM,qBACE,cAAc,aACtB,MAAM,mBACA,YAAY,iBACd,UAAU,kBACT,WAAW,gBACb,SAAS,gBACT,SAAS,eACV,QAAQ,YACX,KAAK,cACH,OAAO,oBACD,aAAa,kBACf,WAAW,mBACV,YAAY,iBACd,UAAU,gBACX,SAAS,YACb,KAAK,KAEZ,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,GAAG,CAAC,WAAW,GAAG,KAAK,CAAA;AAEvB,8BAA8B;AAC9B,eAAe,GAAG,CAAA"}
1
+ {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/layouts/Box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,gEAAgE;AAChE,SAAS,4BAA4B,CAAC,CAAW;IAC/C,IAAI,CAAC,CAAC,EAAE;QACN,OAAO,EAAE,CAAA;KACV;IAED,IAAI,OAAO,GAAG,CAAC,CAAA;IAEf,IAAI,SAAS,GAA8B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;QACjE,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,SAAS,CAAA;IAEb,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QAC1D,OAAO,GAAG,aAAa,CAAA;KACxB;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAC7B,OAAO,GAAG,MAAM,CAAA;KACjB;IAED,IAAI,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;QAChC,SAAS,GAAG,gBAAgB,CAAA;KAC7B;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAC/B,SAAS,GAAG,QAAQ,CAAA;KACrB;IAED,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QAC7B,SAAS,GAAG,aAAa,CAAA;KAC1B;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAC5B,SAAS,GAAG,KAAK,CAAA;KAClB;IAED,OAAO;QACL,OAAO,SAAA;QACP,SAAS,WAAA;KACV,CAAA;AACH,CAAC;AAED,MAAM,CAAC,IAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CACjC,SAAS,GAAG,CACV,EA2BC,EACD,GAAG;IA3BD,IAAA,EAAE,QAAA,EACF,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,KAAK,WAAA,EACL,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,SAAS,eAAA,EACN,KAAK,cA1BV,yUA2BC,CADS;IAIV,IAAM,WAAW,GAAG,4BAA4B,CAAC,OAAO,CAAC,CAAA;IAEzD,OAAO,CACL,oBAAC,SAAS,eACJ,KAAK,IACT,GAAG,EAAE,GAAG,SACH,EAAE,mBACQ,YAAY,iBACd,UAAU,gBACX,SAAS,cACX,WAAW,CAAC,OAAO,WACtB,IAAI,gBACC,SAAS,oBACL,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,WAAW,CAAC,SAAS,eAC3C,QAAQ,iBACN,UAAU,eACZ,QAAQ,qBACF,cAAc,aACtB,MAAM,mBACA,YAAY,iBACd,UAAU,kBACT,WAAW,gBACb,SAAS,YACb,KAAK,cACH,OAAO,oBACD,aAAa,kBACf,WAAW,mBACV,YAAY,iBACd,UAAU,gBACX,SAAS,KAEpB,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,GAAG,CAAC,WAAW,GAAG,KAAK,CAAA;AAEvB,8BAA8B;AAC9B,eAAe,GAAG,CAAA"}
@@ -3,7 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  return cooked;
4
4
  };
5
5
  import styled, { css } from 'styled-components';
6
- import { colors } from '../../styles/colors';
7
6
  import { spacing } from '../../styles/spacing';
8
7
  function appendPx(value) {
9
8
  if (!value) {
@@ -31,6 +30,6 @@ export var StyledBox = styled.div(templateObject_3 || (templateObject_3 = __make
31
30
  if ($as === 'ol' || $as === 'ul') {
32
31
  return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n list-style: none;\n margin: 0;\n padding: 0;\n "], ["\n list-style: none;\n margin: 0;\n padding: 0;\n "])));
33
32
  }
34
- }, function (p) { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-content: ", ";\n align-items: ", ";\n align-self: ", ";\n background-color: ", ";\n display: ", ";\n flex-basis: ", ";\n flex-direction: ", ";\n flex-grow: ", ";\n flex-shrink: ", ";\n flex-wrap: ", ";\n flex: ", ";\n height: ", ";\n justify-content: ", ";\n margin: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n margin-top: ", ";\n min-height: ", ";\n min-width: ", ";\n order: ", ";\n padding: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n text-align: ", ";\n width: ", ";\n "], ["\n align-content: ", ";\n align-items: ", ";\n align-self: ", ";\n background-color: ", ";\n display: ", ";\n flex-basis: ", ";\n flex-direction: ", ";\n flex-grow: ", ";\n flex-shrink: ", ";\n flex-wrap: ", ";\n flex: ", ";\n height: ", ";\n justify-content: ", ";\n margin: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n margin-top: ", ";\n min-height: ", ";\n min-width: ", ";\n order: ", ";\n padding: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n text-align: ", ";\n width: ", ";\n "])), p.$alignContent, p.$alignItems, p.$alignSelf, p.$bgColor && colors[p.$bgColor], p.$display, p.$flexBasis, p.$flexDirection, p.$flexGrow, p.$flexShrink, p.$flexWrap, p.$flex, appendPx(p.$height), p.$justifyContent, shorthandSizeToPx(p.$margin), sizeToPx(p.$marginBottom), sizeToPx(p.$marginLeft), sizeToPx(p.$marginRight), sizeToPx(p.$marginTop), appendPx(p.$minHeight), appendPx(p.$minWidth), p.$order, shorthandSizeToPx(p.$padding), sizeToPx(p.$paddingBottom), sizeToPx(p.$paddingLeft), sizeToPx(p.$paddingRight), sizeToPx(p.$paddingTop), p.$textAlign, appendPx(p.$width)); });
33
+ }, function (p) { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-content: ", ";\n align-items: ", ";\n align-self: ", ";\n display: ", ";\n flex-basis: ", ";\n flex-direction: ", ";\n flex-grow: ", ";\n flex-shrink: ", ";\n flex-wrap: ", ";\n flex: ", ";\n justify-content: ", ";\n margin: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n margin-top: ", ";\n order: ", ";\n padding: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n text-align: ", ";\n "], ["\n align-content: ", ";\n align-items: ", ";\n align-self: ", ";\n display: ", ";\n flex-basis: ", ";\n flex-direction: ", ";\n flex-grow: ", ";\n flex-shrink: ", ";\n flex-wrap: ", ";\n flex: ", ";\n justify-content: ", ";\n margin: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n margin-top: ", ";\n order: ", ";\n padding: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n text-align: ", ";\n "])), p.$alignContent, p.$alignItems, p.$alignSelf, p.$display, p.$flexBasis, p.$flexDirection, p.$flexGrow, p.$flexShrink, p.$flexWrap, p.$flex, p.$justifyContent, shorthandSizeToPx(p.$margin), sizeToPx(p.$marginBottom), sizeToPx(p.$marginLeft), sizeToPx(p.$marginRight), sizeToPx(p.$marginTop), p.$order, shorthandSizeToPx(p.$padding), sizeToPx(p.$paddingBottom), sizeToPx(p.$paddingLeft), sizeToPx(p.$paddingRight), sizeToPx(p.$paddingTop), p.$textAlign); });
35
34
  var templateObject_1, templateObject_2, templateObject_3;
36
35
  //# sourceMappingURL=Box.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Box.styles.js","sourceRoot":"","sources":["../../../../src/layouts/Box/Box.styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Box.styles.js","sourceRoot":"","sources":["../../../../src/layouts/Box/Box.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAW,MAAM,sBAAsB,CAAA;AAGvD,SAAS,QAAQ,CAAC,KAAuB;IACvC,IAAI,CAAC,KAAK,EAAE;QACV,OAAM;KACP;IAED,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAA;AACzD,CAAC;AAED,SAAS,WAAW,CAAC,GAAY;IAC/B;;;OAGG;IACH,OAAO,OAAO,CAAC,GAAc,CAAC,KAAK,SAAS;QAC1C,CAAC,CAAC,UAAG,OAAO,CAAC,GAAc,CAAC,OAAI;QAChC,CAAC,CAAC,GAAG,CAAA;AACT,CAAC;AAED,SAAS,iBAAiB,CAAC,SAAkB;IAC3C,OAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;AACzD,CAAC;AAED,SAAS,QAAQ,CAAC,IAA+B;IAC/C,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA;AAClC,CAAC;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,uFAAW,MAC1C,EAQD,MACC,EAwBD,IACF,KAlCG,UAAC,EAAO;QAAL,GAAG,SAAA;IACN,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,IAAI,EAAE;QAChC,OAAO,GAAG,iJAAA,8EAIT,KAAA;KACF;AACH,CAAC,EACC,UAAC,CAAC,IAAK,OAAA,GAAG,imBAAA,uBACO,EAAe,sBACjB,EAAa,qBACd,EAAY,kBACf,EAAU,qBACP,EAAY,yBACR,EAAgB,oBACrB,EAAW,sBACT,EAAa,oBACf,EAAW,eAChB,EAAO,0BACI,EAAiB,iBAC1B,EAA4B,wBACrB,EAAyB,sBAC3B,EAAuB,uBACtB,EAAwB,qBAC1B,EAAsB,gBAC3B,EAAQ,kBACN,EAA6B,yBACtB,EAA0B,uBAC5B,EAAwB,wBACvB,EAAyB,sBAC3B,EAAuB,qBACxB,EAAY,OAC3B,KAvBkB,CAAC,CAAC,aAAa,EACjB,CAAC,CAAC,WAAW,EACd,CAAC,CAAC,UAAU,EACf,CAAC,CAAC,QAAQ,EACP,CAAC,CAAC,UAAU,EACR,CAAC,CAAC,cAAc,EACrB,CAAC,CAAC,SAAS,EACT,CAAC,CAAC,WAAW,EACf,CAAC,CAAC,SAAS,EAChB,CAAC,CAAC,KAAK,EACI,CAAC,CAAC,eAAe,EAC1B,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,EACrB,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,EAC3B,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,EACtB,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAC1B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,EAC3B,CAAC,CAAC,MAAM,EACN,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,EACtB,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,EAC5B,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EACvB,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,EAC3B,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,EACxB,CAAC,CAAC,UAAU,GAvBnB,CAwBR,CACF,CAAA"}
@@ -79,7 +79,7 @@ export interface FlexOptions {
79
79
  */
80
80
  justifyContent?: FlexJustify;
81
81
  }
82
- export interface BoxProps extends Props, FlexOptions, MarginOptions, PaddingOptions, StyleOptions {
82
+ export interface BoxProps extends Props, FlexOptions, MarginOptions, PaddingOptions {
83
83
  /**
84
84
  * Render semantic HTML tags with browser reset and normalize CSS
85
85
  * @since 10.19.0
@@ -150,10 +150,6 @@ export interface $BoxProps {
150
150
  * @since 10.19.0
151
151
  */
152
152
  $alignSelf?: BoxProps['alignSelf'];
153
- /**
154
- * @since 10.19.0
155
- */
156
- $bgColor?: BoxProps['bgColor'];
157
153
  /**
158
154
  * @since 10.19.0
159
155
  */
@@ -182,10 +178,6 @@ export interface $BoxProps {
182
178
  * @since 10.19.0
183
179
  */
184
180
  $flexWrap?: BoxProps['flexWrap'];
185
- /**
186
- * @since 10.19.0
187
- */
188
- $height?: BoxProps['height'];
189
181
  /**
190
182
  * @since 10.19.0
191
183
  */
@@ -210,14 +202,6 @@ export interface $BoxProps {
210
202
  * @since 10.19.0
211
203
  */
212
204
  $marginTop?: BoxProps['marginTop'];
213
- /**
214
- * @since 10.19.0
215
- */
216
- $minHeight?: BoxProps['minHeight'];
217
- /**
218
- * @since 10.19.0
219
- */
220
- $minWidth?: BoxProps['minWidth'];
221
205
  /**
222
206
  * @since 10.19.0
223
207
  */
@@ -246,8 +230,4 @@ export interface $BoxProps {
246
230
  * @since 10.19.0
247
231
  */
248
232
  $textAlign?: BoxProps['textAlign'];
249
- /**
250
- * @since 10.19.0
251
- */
252
- $width?: BoxProps['width'];
253
233
  }
@@ -1,6 +1,6 @@
1
1
  import { Props } from '../../utils/types';
2
- import { FlexDirection, FlexOptions, FlexWrap, MarginOptions, PaddingOptions, StyleOptions } from '../Box/Box.types';
3
- export interface FlexProps extends Props, FlexOptions, MarginOptions, PaddingOptions, StyleOptions {
2
+ import { FlexDirection, FlexOptions, FlexWrap, MarginOptions, PaddingOptions } from '../Box/Box.types';
3
+ export interface FlexProps extends Props, FlexOptions, MarginOptions, PaddingOptions {
4
4
  /**
5
5
  * @default 'row'
6
6
  * @since 10.19.0
@@ -1 +1 @@
1
- {"$BoxProps":[{"name":"$alignContent","required":false},{"name":"$alignItems","required":false},{"name":"$alignSelf","required":false},{"name":"$as","required":false},{"name":"$bgColor","type":"Color","required":false},{"name":"$display","required":false},{"name":"$flex","required":false},{"name":"$flexBasis","required":false},{"name":"$flexDirection","required":false},{"name":"$flexGrow","required":false},{"name":"$flexShrink","required":false},{"name":"$flexWrap","required":false},{"name":"$height","required":false},{"name":"$justifyContent","required":false},{"name":"$margin","type":"string","required":false},{"name":"$marginBottom","type":"Extract","required":false},{"name":"$marginLeft","type":"Extract","required":false},{"name":"$marginRight","type":"Extract","required":false},{"name":"$marginTop","type":"Extract","required":false},{"name":"$minHeight","required":false},{"name":"$minWidth","required":false},{"name":"$order","type":"number","required":false},{"name":"$padding","type":"string","required":false},{"name":"$paddingBottom","type":"Extract","required":false},{"name":"$paddingLeft","type":"Extract","required":false},{"name":"$paddingRight","type":"Extract","required":false},{"name":"$paddingTop","type":"Extract","required":false},{"name":"$textAlign","required":false},{"name":"$width","required":false}],"BoxProps":[{"name":"alignContent","required":false},{"name":"alignItems","required":false},{"name":"alignSelf","required":false},{"name":"as","required":false,"description":"Render semantic HTML tags with browser reset and normalize CSS"},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"display","required":false},{"name":"flex","required":false,"description":"Alias to the `flex` property on a flexbox child."},{"name":"flexBasis","required":false,"description":"Alias to the `basis` property on a flexbox child."},{"name":"flexDirection","required":false,"description":"Alias to the `direction` property on a flexbox child."},{"name":"flexGrow","required":false,"description":"Alias to the `grow` property on a flexbox child."},{"name":"flexShrink","required":false,"description":"Alias to the `shrink` property on a flexbox child."},{"name":"flexWrap","required":false,"description":"Alias to the `wrap` property on a flexbox child."},{"name":"justifyContent","required":false},{"name":"margin","type":"string","required":false},{"name":"marginBottom","type":"Extract","required":false},{"name":"marginLeft","type":"Extract","required":false},{"name":"marginRight","type":"Extract","required":false},{"name":"marginTop","type":"Extract","required":false},{"name":"order","type":"number","required":false,"description":"Alias to the `order` property on a flexbox child."},{"name":"padding","type":"string","required":false},{"name":"paddingBottom","type":"Extract","required":false},{"name":"paddingLeft","type":"Extract","required":false},{"name":"paddingRight","type":"Extract","required":false},{"name":"paddingTop","type":"Extract","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"tabIndex","type":"number","required":false},{"name":"textAlign","required":false}],"FlexOptions":[{"name":"alignContent","required":false},{"name":"alignItems","required":false},{"name":"alignSelf","required":false},{"name":"justifyContent","required":false}],"MarginOptions":[{"name":"margin","type":"string","required":false},{"name":"marginBottom","type":"Extract","required":false},{"name":"marginLeft","type":"Extract","required":false},{"name":"marginRight","type":"Extract","required":false},{"name":"marginTop","type":"Extract","required":false}],"PaddingOptions":[{"name":"padding","type":"string","required":false},{"name":"paddingBottom","type":"Extract","required":false},{"name":"paddingLeft","type":"Extract","required":false},{"name":"paddingRight","type":"Extract","required":false},{"name":"paddingTop","type":"Extract","required":false}]}
1
+ {"$BoxProps":[{"name":"$alignContent","required":false},{"name":"$alignItems","required":false},{"name":"$alignSelf","required":false},{"name":"$as","required":false},{"name":"$display","required":false},{"name":"$flex","required":false},{"name":"$flexBasis","required":false},{"name":"$flexDirection","required":false},{"name":"$flexGrow","required":false},{"name":"$flexShrink","required":false},{"name":"$flexWrap","required":false},{"name":"$justifyContent","required":false},{"name":"$margin","type":"string","required":false},{"name":"$marginBottom","type":"Extract","required":false},{"name":"$marginLeft","type":"Extract","required":false},{"name":"$marginRight","type":"Extract","required":false},{"name":"$marginTop","type":"Extract","required":false},{"name":"$order","type":"number","required":false},{"name":"$padding","type":"string","required":false},{"name":"$paddingBottom","type":"Extract","required":false},{"name":"$paddingLeft","type":"Extract","required":false},{"name":"$paddingRight","type":"Extract","required":false},{"name":"$paddingTop","type":"Extract","required":false},{"name":"$textAlign","required":false}],"BoxProps":[{"name":"alignContent","required":false},{"name":"alignItems","required":false},{"name":"alignSelf","required":false},{"name":"as","required":false,"description":"Render semantic HTML tags with browser reset and normalize CSS"},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"display","required":false},{"name":"flex","required":false,"description":"Alias to the `flex` property on a flexbox child."},{"name":"flexBasis","required":false,"description":"Alias to the `basis` property on a flexbox child."},{"name":"flexDirection","required":false,"description":"Alias to the `direction` property on a flexbox child."},{"name":"flexGrow","required":false,"description":"Alias to the `grow` property on a flexbox child."},{"name":"flexShrink","required":false,"description":"Alias to the `shrink` property on a flexbox child."},{"name":"flexWrap","required":false,"description":"Alias to the `wrap` property on a flexbox child."},{"name":"justifyContent","required":false},{"name":"margin","type":"string","required":false},{"name":"marginBottom","type":"Extract","required":false},{"name":"marginLeft","type":"Extract","required":false},{"name":"marginRight","type":"Extract","required":false},{"name":"marginTop","type":"Extract","required":false},{"name":"order","type":"number","required":false,"description":"Alias to the `order` property on a flexbox child."},{"name":"padding","type":"string","required":false},{"name":"paddingBottom","type":"Extract","required":false},{"name":"paddingLeft","type":"Extract","required":false},{"name":"paddingRight","type":"Extract","required":false},{"name":"paddingTop","type":"Extract","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"tabIndex","type":"number","required":false},{"name":"textAlign","required":false}],"FlexOptions":[{"name":"alignContent","required":false},{"name":"alignItems","required":false},{"name":"alignSelf","required":false},{"name":"justifyContent","required":false}],"MarginOptions":[{"name":"margin","type":"string","required":false},{"name":"marginBottom","type":"Extract","required":false},{"name":"marginLeft","type":"Extract","required":false},{"name":"marginRight","type":"Extract","required":false},{"name":"marginTop","type":"Extract","required":false}],"PaddingOptions":[{"name":"padding","type":"string","required":false},{"name":"paddingBottom","type":"Extract","required":false},{"name":"paddingLeft","type":"Extract","required":false},{"name":"paddingRight","type":"Extract","required":false},{"name":"paddingTop","type":"Extract","required":false}]}