@superdispatch/ui 0.22.2 → 0.23.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 (33) hide show
  1. package/dist-node/index.js +23 -16
  2. package/dist-node/index.js.map +1 -1
  3. package/dist-src/avatar/AvatarOverrides.js +1 -1
  4. package/dist-src/avatar-button/AvatarButton.js +1 -1
  5. package/dist-src/button/ButtonOverrides.js +1 -1
  6. package/dist-src/card-button/CardButton.js +1 -1
  7. package/dist-src/checkbox/CheckboxOverrides.js +1 -1
  8. package/dist-src/chip/ChipOverrides.js +1 -1
  9. package/dist-src/description-list/DescriptionList.js +1 -1
  10. package/dist-src/drawer/DrawerActions.js +1 -1
  11. package/dist-src/drawer/DrawerTitle.js +1 -1
  12. package/dist-src/icon-button/IconButtonOverrides.js +1 -1
  13. package/dist-src/index.js +1 -1
  14. package/dist-src/link/LinkOverrides.js +1 -1
  15. package/dist-src/list/ListOverrides.js +1 -1
  16. package/dist-src/overflow-text/OverflowText.js +1 -1
  17. package/dist-src/pagination/PaginationOverrides.js +1 -1
  18. package/dist-src/paper/PaperOverrides.js +1 -1
  19. package/dist-src/radio/RadioFieldCard.js +25 -17
  20. package/dist-src/radio/RadioOverrides.js +1 -1
  21. package/dist-src/snackbar/SnackbarContent.js +1 -1
  22. package/dist-src/svg-icon/SvgIconOverrides.js +1 -1
  23. package/dist-src/switch/SwitchOverrides.js +1 -1
  24. package/dist-src/tabs/TabsOverrides.js +1 -1
  25. package/dist-src/tag/Tag.js +1 -1
  26. package/dist-src/text-field/TextFieldOverrides.js +1 -1
  27. package/dist-src/theme/ThemeProvider.js +1 -1
  28. package/dist-src/tooltip/TooltipOverrides.js +1 -1
  29. package/dist-types/index.d.ts +109 -109
  30. package/dist-web/index.js +23 -16
  31. package/dist-web/index.js.map +1 -1
  32. package/package.json +2 -2
  33. /package/dist-src/{color → theme}/Color.js +0 -0
package/dist-node/index.js CHANGED
@@ -18,7 +18,6 @@ var hooks = require('@superdispatch/hooks');
18
18
  var clsx = _interopDefault(require('clsx'));
19
19
  var flattenChildren = _interopDefault(require('react-keyed-flatten-children'));
20
20
  var NumberFormat = _interopDefault(require('react-number-format'));
21
- var uiLab = require('@superdispatch/ui-lab');
22
21
  var createBreakpoints = _interopDefault(require('@material-ui/core/styles/createBreakpoints'));
23
22
 
24
23
  var _excluded = ["size", "children", "disabled", "isActive", "isLoading", "color"];
@@ -1853,7 +1852,20 @@ var FormControlLabel = /*#__PURE__*/styled__default(core.FormControlLabel).withC
1853
1852
  displayName: "RadioFieldCard__FormControlLabel",
1854
1853
  componentId: "SD__sc-5etge2-2"
1855
1854
  })(["width:100%;"]);
1856
- var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref, ref) => {
1855
+ var Content = /*#__PURE__*/styled__default.div.withConfig({
1856
+ displayName: "RadioFieldCard__Content",
1857
+ componentId: "SD__sc-5etge2-3"
1858
+ })(["padding:16px;width:100%;border-radius:4px;border:1px solid ", ";"], _ref => {
1859
+ var {
1860
+ active
1861
+ } = _ref;
1862
+ return active ? exports.Color.Blue300 : exports.Color.Silver500;
1863
+ });
1864
+ var Caption = /*#__PURE__*/styled__default.div.withConfig({
1865
+ displayName: "RadioFieldCard__Caption",
1866
+ componentId: "SD__sc-5etge2-4"
1867
+ })(["padding-left:32px;"]);
1868
+ var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
1857
1869
  var {
1858
1870
  name,
1859
1871
  value,
@@ -1863,8 +1875,8 @@ var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref, ref) => {
1863
1875
  icon,
1864
1876
  checked,
1865
1877
  onChange
1866
- } = _ref,
1867
- props = _objectWithoutProperties(_ref, _excluded$k);
1878
+ } = _ref2,
1879
+ props = _objectWithoutProperties(_ref2, _excluded$k);
1868
1880
 
1869
1881
  return /*#__PURE__*/jsxRuntime.jsx(Card, {
1870
1882
  disabled: disabled,
@@ -1872,12 +1884,8 @@ var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref, ref) => {
1872
1884
  name: name,
1873
1885
  disabled: disabled
1874
1886
  }, props), {}, {
1875
- children: /*#__PURE__*/jsxRuntime.jsx(uiLab.Box, {
1876
- borderRadius: "small",
1877
- borderWidth: "small",
1878
- padding: ['small'],
1879
- width: "100%",
1880
- borderColor: checked ? 'Blue300' : 'Silver500',
1887
+ children: /*#__PURE__*/jsxRuntime.jsx(Content, {
1888
+ active: checked,
1881
1889
  children: /*#__PURE__*/jsxRuntime.jsxs(Columns, {
1882
1890
  space: "small",
1883
1891
  children: [/*#__PURE__*/jsxRuntime.jsxs(Column, {
@@ -1888,14 +1896,13 @@ var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref, ref) => {
1888
1896
  ref: ref,
1889
1897
  checked: checked
1890
1898
  }),
1891
- label: /*#__PURE__*/jsxRuntime.jsx(uiLab.TextBox, {
1892
- variant: "heading-4",
1899
+ label: /*#__PURE__*/jsxRuntime.jsx(core.Typography, {
1900
+ variant: "h4",
1893
1901
  children: label
1894
1902
  })
1895
- }), /*#__PURE__*/jsxRuntime.jsx(uiLab.Box, {
1896
- paddingLeft: "large",
1897
- children: /*#__PURE__*/jsxRuntime.jsx(uiLab.TextBox, {
1898
- color: "secondary",
1903
+ }), /*#__PURE__*/jsxRuntime.jsx(Caption, {
1904
+ children: /*#__PURE__*/jsxRuntime.jsx(core.Typography, {
1905
+ color: "textSecondary",
1899
1906
  variant: "caption",
1900
1907
  children: caption
1901
1908
  })