@digigov/react-core 2.0.0-rc.5 → 2.0.0-rc.6

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 (119) hide show
  1. package/{src/AutoCompleteWrapper → AutoCompleteContainer}/__snapshots__/index.test.tsx.snap +4 -4
  2. package/AutoCompleteContainer/index.d.ts +22 -0
  3. package/{AutoCompleteWrapper → AutoCompleteContainer}/index.js +5 -5
  4. package/AutoCompleteContainer/index.test/index.js +7 -0
  5. package/{AutoCompleteStatusWrapper → AutoCompleteContainer}/index.test/package.json +1 -1
  6. package/{AutoCompleteWrapper → AutoCompleteContainer}/package.json +1 -1
  7. package/AutoCompleteInput/index.d.ts +1 -9
  8. package/AutoCompleteInput/index.js +2 -4
  9. package/AutoCompleteInput/index.test/index.js +5 -19
  10. package/AutoCompleteMultipleInput/index.d.ts +9 -0
  11. package/AutoCompleteMultipleInput/index.js +21 -0
  12. package/{AutoCompleteStatusWrapper → AutoCompleteMultipleInput}/package.json +1 -1
  13. package/AutoCompleteMultipleInputContainer/index.d.ts +12 -0
  14. package/AutoCompleteMultipleInputContainer/index.js +24 -0
  15. package/AutoCompleteMultipleInputContainer/package.json +6 -0
  16. package/AutoCompleteResultList/index.d.ts +1 -10
  17. package/AutoCompleteResultList/index.js +2 -3
  18. package/AutoCompleteResultList/index.test/index.js +0 -14
  19. package/AutoCompleteStatus/__snapshots__/index.test.tsx.snap +2 -2
  20. package/AutoCompleteStatus/index.d.ts +1 -1
  21. package/AutoCompleteStatus/index.js +2 -2
  22. package/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/__snapshots__/index.test.tsx.snap +4 -4
  23. package/AutoCompleteStatusContainer/index.d.ts +10 -0
  24. package/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/index.js +5 -5
  25. package/AutoCompleteStatusContainer/index.test/index.js +7 -0
  26. package/AutoCompleteStatusContainer/index.test/package.json +6 -0
  27. package/{AutoCompleteWrapper/index.test → AutoCompleteStatusContainer}/package.json +1 -1
  28. package/Base/index.js +1 -1
  29. package/FooterContentLogos/__snapshots__/index.test.tsx.snap +2 -2
  30. package/FooterContentLogos/index.js +1 -1
  31. package/Hidden/__snapshots__/index.test.tsx.snap +5 -5
  32. package/Hint/index.js +1 -1
  33. package/ImageLogo/__snapshots__/index.test.tsx.snap +2 -2
  34. package/ImageLogo/index.js +1 -2
  35. package/ImageLogoSet/__snapshots__/index.test.tsx.snap +10 -10
  36. package/NormalText/__snapshots__/index.test.tsx.snap +60 -60
  37. package/NormalText/index.js +1 -1
  38. package/Paragraph/__snapshots__/index.test.tsx.snap +54 -54
  39. package/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +2 -2
  40. package/PhaseBannerHeaderContainer/index.js +1 -1
  41. package/TabsHeading/__snapshots__/index.test.tsx.snap +3 -3
  42. package/Unpurge/index.js +1 -1
  43. package/{AutoCompleteWrapper → cjs/AutoCompleteContainer}/__snapshots__/index.test.tsx.snap +4 -4
  44. package/cjs/{AutoCompleteWrapper → AutoCompleteContainer}/index.js +6 -6
  45. package/cjs/{AutoCompleteWrapper → AutoCompleteContainer}/index.test/index.js +2 -2
  46. package/cjs/AutoCompleteInput/index.js +2 -4
  47. package/cjs/AutoCompleteInput/index.test/index.js +5 -19
  48. package/cjs/AutoCompleteMultipleInput/index.js +28 -0
  49. package/cjs/AutoCompleteMultipleInputContainer/index.js +31 -0
  50. package/cjs/AutoCompleteResultList/index.js +2 -3
  51. package/cjs/AutoCompleteResultList/index.test/index.js +0 -14
  52. package/cjs/AutoCompleteStatus/__snapshots__/index.test.tsx.snap +2 -2
  53. package/cjs/AutoCompleteStatus/index.js +2 -2
  54. package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/__snapshots__/index.test.tsx.snap +4 -4
  55. package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/index.js +6 -6
  56. package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/index.test/index.js +2 -2
  57. package/cjs/Base/index.js +1 -1
  58. package/cjs/FooterContentLogos/__snapshots__/index.test.tsx.snap +2 -2
  59. package/cjs/FooterContentLogos/index.js +1 -1
  60. package/cjs/Hidden/__snapshots__/index.test.tsx.snap +5 -5
  61. package/cjs/Hint/index.js +1 -1
  62. package/cjs/ImageLogo/__snapshots__/index.test.tsx.snap +2 -2
  63. package/cjs/ImageLogo/index.js +1 -2
  64. package/cjs/ImageLogoSet/__snapshots__/index.test.tsx.snap +10 -10
  65. package/cjs/NormalText/__snapshots__/index.test.tsx.snap +60 -60
  66. package/cjs/NormalText/index.js +1 -1
  67. package/cjs/Paragraph/__snapshots__/index.test.tsx.snap +54 -54
  68. package/cjs/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +2 -2
  69. package/cjs/PhaseBannerHeaderContainer/index.js +1 -1
  70. package/cjs/TabsHeading/__snapshots__/index.test.tsx.snap +3 -3
  71. package/cjs/Unpurge/index.js +1 -1
  72. package/cjs/index.js +26 -4
  73. package/cjs/registry/index.js +8 -4
  74. package/index.d.ts +3 -1
  75. package/index.js +4 -2
  76. package/lazy.d.ts +4 -4
  77. package/package.json +3 -3
  78. package/registry/index.js +8 -4
  79. package/registry.d.ts +4 -2
  80. package/{cjs/AutoCompleteWrapper → src/AutoCompleteContainer}/__snapshots__/index.test.tsx.snap +4 -4
  81. package/src/{AutoCompleteWrapper → AutoCompleteContainer}/index.test.tsx +2 -2
  82. package/src/{AutoCompleteWrapper → AutoCompleteContainer}/index.tsx +8 -8
  83. package/src/AutoCompleteInput/index.test.tsx +4 -12
  84. package/src/AutoCompleteInput/index.tsx +2 -11
  85. package/src/AutoCompleteMultipleInput/index.tsx +28 -0
  86. package/src/AutoCompleteMultipleInputContainer/index.tsx +38 -0
  87. package/src/AutoCompleteResultList/index.test.tsx +0 -20
  88. package/src/AutoCompleteResultList/index.tsx +1 -13
  89. package/src/AutoCompleteStatus/__snapshots__/index.test.tsx.snap +2 -2
  90. package/src/AutoCompleteStatus/index.tsx +2 -2
  91. package/src/AutoCompleteStatusContainer/__snapshots__/index.test.tsx.snap +16 -0
  92. package/src/AutoCompleteStatusContainer/index.test.tsx +10 -0
  93. package/src/AutoCompleteStatusContainer/index.tsx +28 -0
  94. package/src/Base/index.tsx +5 -5
  95. package/src/FooterContentLogos/__snapshots__/index.test.tsx.snap +2 -2
  96. package/src/FooterContentLogos/index.tsx +1 -1
  97. package/src/Hidden/__snapshots__/index.test.tsx.snap +5 -5
  98. package/src/Hint/index.tsx +2 -2
  99. package/src/ImageLogo/__snapshots__/index.test.tsx.snap +2 -2
  100. package/src/ImageLogo/index.tsx +1 -2
  101. package/src/ImageLogoSet/__snapshots__/index.test.tsx.snap +10 -10
  102. package/src/NormalText/__snapshots__/index.test.tsx.snap +60 -60
  103. package/src/NormalText/index.tsx +2 -2
  104. package/src/Paragraph/__snapshots__/index.test.tsx.snap +54 -54
  105. package/src/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +2 -2
  106. package/src/PhaseBannerHeaderContainer/index.tsx +1 -1
  107. package/src/TabsHeading/__snapshots__/index.test.tsx.snap +3 -3
  108. package/src/Unpurge/index.tsx +5 -2
  109. package/src/index.ts +3 -1
  110. package/src/registry.js +8 -4
  111. package/AutoCompleteStatusWrapper/index.d.ts +0 -10
  112. package/AutoCompleteStatusWrapper/index.test/index.js +0 -7
  113. package/AutoCompleteWrapper/index.d.ts +0 -22
  114. package/AutoCompleteWrapper/index.test/index.js +0 -7
  115. package/src/AutoCompleteStatusWrapper/__snapshots__/index.test.tsx.snap +0 -16
  116. package/src/AutoCompleteStatusWrapper/index.test.tsx +0 -10
  117. package/src/AutoCompleteStatusWrapper/index.tsx +0 -28
  118. /package/{AutoCompleteStatusWrapper → AutoCompleteContainer}/index.test.d.ts +0 -0
  119. /package/{AutoCompleteWrapper → AutoCompleteStatusContainer}/index.test.d.ts +0 -0
@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
  var _clsx = _interopRequireDefault(require("clsx"));
12
12
  var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
13
- var _excluded = ["isVisible", "displayMenu", "className", "children"];
13
+ var _excluded = ["isVisible", "className", "children"];
14
14
  /**
15
15
  * AutoCompleteResultList component is used for listing items.
16
16
  * This component must contain AutoCompleteResultListItem component.
@@ -18,14 +18,13 @@ var _excluded = ["isVisible", "displayMenu", "className", "children"];
18
18
  var AutoCompleteResultList = exports.AutoCompleteResultList = /*#__PURE__*/_react["default"].forwardRef(function List(_ref, ref) {
19
19
  var _ref$isVisible = _ref.isVisible,
20
20
  isVisible = _ref$isVisible === void 0 ? false : _ref$isVisible,
21
- displayMenu = _ref.displayMenu,
22
21
  className = _ref.className,
23
22
  children = _ref.children,
24
23
  props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
25
24
  return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
26
25
  as: "ul",
27
26
  ref: ref,
28
- className: (0, _clsx["default"])(className, displayMenu === 'overlay' && 'ds-autocomplete__menu--overlay', displayMenu === 'inline' && 'ds-autocomplete__menu--inline', isVisible === false && 'ds-autocomplete__menu--hidden', isVisible && 'ds-autocomplete__menu--visible', true && 'ds-autocomplete__menu')
27
+ className: (0, _clsx["default"])(className, isVisible === false && 'ds-autocomplete__menu--hidden', true && 'ds-autocomplete__menu')
29
28
  }, props), children);
30
29
  });
31
30
  var _default = exports["default"] = AutoCompleteResultList;
@@ -13,18 +13,4 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultList
13
13
  }, "Hello");
14
14
  it('renders the AutoCompleteResultList with isVisible props', function () {
15
15
  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
16
- });
17
- var _ref3 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultList["default"], {
18
- isVisible: true,
19
- displayMenu: "inline"
20
- }, "Hello");
21
- it('renders the AutoCompleteResultList with isVisible displayMenu="inline props', function () {
22
- expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
23
- });
24
- var _ref4 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultList["default"], {
25
- isVisible: true,
26
- displayMenu: "overlay"
27
- }, "Hello");
28
- it('renders the AutoCompleteResultList with isVisible displayMenu="overlay props', function () {
29
- expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
30
16
  });
@@ -1,7 +1,7 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`renders the AdminContainer with no props 1`] = `
4
- <ForwardRef(AutoCompleteStatusWrapper)>
4
+ <ForwardRef(AutoCompleteStatusContainer)>
5
5
  <ForwardRef(Base)
6
6
  aria-atomic="true"
7
7
  aria-live="polite"
@@ -18,5 +18,5 @@ exports[`renders the AdminContainer with no props 1`] = `
18
18
  hello
19
19
  </div>
20
20
  </ForwardRef(Base)>
21
- </ForwardRef(AutoCompleteStatusWrapper)>
21
+ </ForwardRef(AutoCompleteStatusContainer)>
22
22
  `;
@@ -13,9 +13,9 @@ var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
13
13
  var _excluded = ["className", "children"];
14
14
  /**
15
15
  * AutoCompleteStatus is a div element for displaying the autocomplete status.
16
- * Use AutoCompleteStatus inside AutoCompleteStatusWrapper wrapper.
16
+ * Use AutoCompleteStatus inside AutoCompleteStatusContainer wrapper.
17
17
  */
18
- var AutoCompleteStatus = exports.AutoCompleteStatus = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteStatusWrapper(_ref, ref) {
18
+ var AutoCompleteStatus = exports.AutoCompleteStatus = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteStatusContainer(_ref, ref) {
19
19
  var className = _ref.className,
20
20
  children = _ref.children,
21
21
  props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
@@ -1,16 +1,16 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`renders the AdminContainer with no props 1`] = `
4
- <ForwardRef(AutoCompleteStatusWrapper)>
4
+ <ForwardRef(AutoCompleteStatusContainer)>
5
5
  <ForwardRef(Base)
6
6
  as="div"
7
- className="ds-autocomplete__status__wrapper"
7
+ className="ds-autocomplete__status__container"
8
8
  >
9
9
  <div
10
- className="ds-autocomplete__status__wrapper"
10
+ className="ds-autocomplete__status__container"
11
11
  >
12
12
  hello
13
13
  </div>
14
14
  </ForwardRef(Base)>
15
- </ForwardRef(AutoCompleteStatusWrapper)>
15
+ </ForwardRef(AutoCompleteStatusContainer)>
16
16
  `;
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports["default"] = exports.AutoCompleteStatusWrapper = void 0;
7
+ exports["default"] = exports.AutoCompleteStatusContainer = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
10
  var _react = _interopRequireDefault(require("react"));
@@ -12,17 +12,17 @@ var _clsx = _interopRequireDefault(require("clsx"));
12
12
  var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
13
13
  var _excluded = ["className", "children"];
14
14
  /**
15
- * AutoCompleteStatusWrapper is a wrapper for autocomplete element.
16
- * Use AutoCompleteStatusWrapper to wrap autocomplete elements.
15
+ * AutoCompleteStatusContainer is a wrapper for autocomplete element.
16
+ * Use AutoCompleteStatusContainer to wrap autocomplete elements.
17
17
  */
18
- var AutoCompleteStatusWrapper = exports.AutoCompleteStatusWrapper = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteStatusWrapper(_ref, ref) {
18
+ var AutoCompleteStatusContainer = exports.AutoCompleteStatusContainer = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteStatusContainer(_ref, ref) {
19
19
  var className = _ref.className,
20
20
  children = _ref.children,
21
21
  props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
22
22
  return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
23
23
  as: "div",
24
24
  ref: ref,
25
- className: (0, _clsx["default"])(className, true && 'ds-autocomplete__status__wrapper')
25
+ className: (0, _clsx["default"])(className, true && 'ds-autocomplete__status__container')
26
26
  }, props), children);
27
27
  });
28
- var _default = exports["default"] = AutoCompleteStatusWrapper;
28
+ var _default = exports["default"] = AutoCompleteStatusContainer;
@@ -3,8 +3,8 @@
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
  var _react = _interopRequireDefault(require("react"));
5
5
  var _enzyme = require("enzyme");
6
- var _AutoCompleteStatusWrapper = _interopRequireDefault(require("@digigov/react-core/AutoCompleteStatusWrapper"));
7
- var _ref = /*#__PURE__*/_react["default"].createElement(_AutoCompleteStatusWrapper["default"], null, "hello");
6
+ var _AutoCompleteStatusContainer = _interopRequireDefault(require("@digigov/react-core/AutoCompleteStatusContainer"));
7
+ var _ref = /*#__PURE__*/_react["default"].createElement(_AutoCompleteStatusContainer["default"], null, "hello");
8
8
  it('renders the AdminContainer with no props', function () {
9
9
  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
10
10
  });
package/cjs/Base/index.js CHANGED
@@ -68,7 +68,7 @@ var Base = exports.Base = /*#__PURE__*/_react["default"].forwardRef(function Bas
68
68
  props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
69
69
  var Component = as || 'span';
70
70
  return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
71
- className: (0, _clsx["default"])(className, (paddingBottom !== undefined ? true : undefined) && "ds-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "ds-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "ds-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "ds-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "ds-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "ds-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "ds-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "ds-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "ds-p-".concat(padding), (margin !== undefined ? true : undefined) && "ds-m-".concat(margin), (mt !== undefined ? true : undefined) && "ds-mt-".concat(mt), (mb !== undefined ? true : undefined) && "ds-mb-".concat(mb), (mr !== undefined ? true : undefined) && "ds-mr-".concat(mr), (ml !== undefined ? true : undefined) && "ds-ml-".concat(ml), (mx !== undefined ? true : undefined) && "ds-mx-".concat(mx), (my !== undefined ? true : undefined) && "ds-my-".concat(my), (pt !== undefined ? true : undefined) && "ds-pt-".concat(pt), (pb !== undefined ? true : undefined) && "ds-pb-".concat(pb), (pr !== undefined ? true : undefined) && "ds-pr-".concat(pr), (pl !== undefined ? true : undefined) && "ds-pl-".concat(pl), (px !== undefined ? true : undefined) && "ds-px-".concat(px), (py !== undefined ? true : undefined) && "ds-py-".concat(py), (m !== undefined ? true : undefined) && "ds-m-".concat(m), (p !== undefined ? true : undefined) && "ds-p-".concat(p), printVisible === 'inline' && 'ds-print-visible-inline', printVisible === 'block' && 'ds-print-visible-block', !!printHidden && 'ds-print-hidden', !!xsUpHidden && 'ds-hidden-xs--up', !!smUpHidden && 'ds-hidden-sm--up', !!mdUpHidden && 'ds-hidden-md--up', !!lgUpHidden && 'ds-hidden-lg--up', !!xlUpHidden && 'ds-hidden-xl--up', !!xsHidden && 'ds-hidden-xs', !!smHidden && 'ds-hidden-sm', !!mdHidden && 'ds-hidden-md', !!lgHidden && 'ds-hidden-lg', !!xlHidden && 'ds-hidden-xl', !!hidden && 'ds-hidden'),
71
+ className: (0, _clsx["default"])(className, (paddingBottom !== undefined ? true : undefined) && "ds-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "ds-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "ds-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "ds-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "ds-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "ds-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "ds-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "ds-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "ds-p-".concat(padding), (margin !== undefined ? true : undefined) && "ds-m-".concat(margin), (mt !== undefined ? true : undefined) && "ds-mt-".concat(mt), (mb !== undefined ? true : undefined) && "ds-mb-".concat(mb), (mr !== undefined ? true : undefined) && "ds-mr-".concat(mr), (ml !== undefined ? true : undefined) && "ds-ml-".concat(ml), (mx !== undefined ? true : undefined) && "ds-mx-".concat(mx), (my !== undefined ? true : undefined) && "ds-my-".concat(my), (pt !== undefined ? true : undefined) && "ds-pt-".concat(pt), (pb !== undefined ? true : undefined) && "ds-pb-".concat(pb), (pr !== undefined ? true : undefined) && "ds-pr-".concat(pr), (pl !== undefined ? true : undefined) && "ds-pl-".concat(pl), (px !== undefined ? true : undefined) && "ds-px-".concat(px), (py !== undefined ? true : undefined) && "ds-py-".concat(py), (m !== undefined ? true : undefined) && "ds-m-".concat(m), (p !== undefined ? true : undefined) && "ds-p-".concat(p), printVisible === 'inline' && 'ds-print-visible-inline', printVisible === 'block' && 'ds-print-visible-block', !!printHidden && 'ds-print-hidden', !!xsUpHidden && 'ds-hidden-xs-up', !!smUpHidden && 'ds-hidden-sm-up', !!mdUpHidden && 'ds-hidden-md-up', !!lgUpHidden && 'ds-hidden-lg-up', !!xlUpHidden && 'ds-hidden-xl-up', !!xsHidden && 'ds-hidden-xs', !!smHidden && 'ds-hidden-sm', !!mdHidden && 'ds-hidden-md', !!lgHidden && 'ds-hidden-lg', !!xlHidden && 'ds-hidden-xl', !!hidden && 'ds-hidden'),
72
72
  ref: ref
73
73
  }, props), children);
74
74
  });
@@ -4,10 +4,10 @@ exports[`renders the FooterContentLogos with no props 1`] = `
4
4
  <ForwardRef(FooterContentLogos)>
5
5
  <ForwardRef(Base)
6
6
  as="div"
7
- className="ds-footer__content--logos"
7
+ className="ds-footer__content__logos"
8
8
  >
9
9
  <div
10
- className="ds-footer__content--logos"
10
+ className="ds-footer__content__logos"
11
11
  >
12
12
  hello
13
13
  </div>
@@ -23,7 +23,7 @@ var FooterContentLogos = exports.FooterContentLogos = /*#__PURE__*/_react["defau
23
23
  return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
24
24
  as: "div",
25
25
  ref: ref,
26
- className: (0, _clsx["default"])(className, true && 'ds-footer__content--logos')
26
+ className: (0, _clsx["default"])(className, true && 'ds-footer__content__logos')
27
27
  }, props), children);
28
28
  });
29
29
  var _default = exports["default"] = FooterContentLogos;
@@ -10,7 +10,7 @@ exports[`renders the Hidden with \`lgUp\` props 1`] = `
10
10
  xsUpHidden={false}
11
11
  >
12
12
  <div
13
- className="ds-hidden-lg--up"
13
+ className="ds-hidden-lg-up"
14
14
  >
15
15
  <div>
16
16
  hello
@@ -30,7 +30,7 @@ exports[`renders the Hidden with \`mdUp\` props 1`] = `
30
30
  xsUpHidden={false}
31
31
  >
32
32
  <div
33
- className="ds-hidden-md--up"
33
+ className="ds-hidden-md-up"
34
34
  >
35
35
  <div>
36
36
  hello
@@ -50,7 +50,7 @@ exports[`renders the Hidden with \`smUp\` props 1`] = `
50
50
  xsUpHidden={false}
51
51
  >
52
52
  <div
53
- className="ds-hidden-sm--up"
53
+ className="ds-hidden-sm-up"
54
54
  >
55
55
  <div>
56
56
  hello
@@ -70,7 +70,7 @@ exports[`renders the Hidden with \`xlUp\` props 1`] = `
70
70
  xsUpHidden={false}
71
71
  >
72
72
  <div
73
- className="ds-hidden-xl--up"
73
+ className="ds-hidden-xl-up"
74
74
  >
75
75
  <div>
76
76
  hello
@@ -89,7 +89,7 @@ exports[`renders the Hidden with \`xsUp\` props 1`] = `
89
89
  xsUpHidden={true}
90
90
  >
91
91
  <div
92
- className="ds-hidden-xs--up"
92
+ className="ds-hidden-xs-up"
93
93
  >
94
94
  <div>
95
95
  hello
package/cjs/Hint/index.js CHANGED
@@ -23,7 +23,7 @@ var Hint = exports.Hint = /*#__PURE__*/_react["default"].forwardRef(function Hin
23
23
  return /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({
24
24
  as: "p",
25
25
  ref: ref,
26
- className: (0, _clsx["default"])(className, size === 'lg' && 'ds-hint-lg', size === 'sm' && 'ds-hint-sm', breakWords && 'ds-hint--break-words', true && 'ds-hint')
26
+ className: (0, _clsx["default"])(className, size === 'lg' && 'ds-hint--lg', size === 'sm' && 'ds-hint--sm', breakWords && 'ds-hint--break-words', true && 'ds-hint')
27
27
  }, props), children);
28
28
  });
29
29
  var _default = exports["default"] = Hint;
@@ -7,12 +7,12 @@ exports[`renders the Hint with variant and src props 1`] = `
7
7
  >
8
8
  <ForwardRef(Base)
9
9
  as="img"
10
- className="ds-image-logo--dark"
10
+ className="ds-image-logo-dark"
11
11
  printHidden={true}
12
12
  src="logo.png"
13
13
  >
14
14
  <img
15
- className="ds-image-logo--dark ds-print-hidden"
15
+ className="ds-image-logo-dark ds-print-hidden"
16
16
  src="logo.png"
17
17
  />
18
18
  </ForwardRef(Base)>
@@ -22,13 +22,12 @@ var ImageLogo = exports.ImageLogo = /*#__PURE__*/_react["default"].forwardRef(fu
22
22
  className = _ref.className,
23
23
  children = _ref.children,
24
24
  props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
25
- console.log('src is', src);
26
25
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
27
26
  as: "img",
28
27
  src: src,
29
28
  ref: ref,
30
29
  printHidden: true,
31
- className: (0, _clsx["default"])(className, variant === undefined && 'ds-image-logo', variant !== undefined && "ds-image-logo--".concat(variant))
30
+ className: (0, _clsx["default"])(className, variant === undefined && 'ds-image-logo', variant !== undefined && "ds-image-logo-".concat(variant))
32
31
  }, props)));
33
32
  });
34
33
  var _default = exports["default"] = ImageLogo;
@@ -17,12 +17,12 @@ exports[`renders the Hint with variants=[light, dark] and src props 1`] = `
17
17
  >
18
18
  <ForwardRef(Base)
19
19
  as="img"
20
- className="ds-image-logo--light"
20
+ className="ds-image-logo-light"
21
21
  printHidden={true}
22
22
  src="logo--light.png"
23
23
  >
24
24
  <img
25
- className="ds-image-logo--light ds-print-hidden"
25
+ className="ds-image-logo-light ds-print-hidden"
26
26
  src="logo--light.png"
27
27
  />
28
28
  </ForwardRef(Base)>
@@ -34,12 +34,12 @@ exports[`renders the Hint with variants=[light, dark] and src props 1`] = `
34
34
  >
35
35
  <ForwardRef(Base)
36
36
  as="img"
37
- className="ds-image-logo--dark"
37
+ className="ds-image-logo-dark"
38
38
  printHidden={true}
39
39
  src="logo--dark.png"
40
40
  >
41
41
  <img
42
- className="ds-image-logo--dark ds-print-hidden"
42
+ className="ds-image-logo-dark ds-print-hidden"
43
43
  src="logo--dark.png"
44
44
  />
45
45
  </ForwardRef(Base)>
@@ -63,12 +63,12 @@ exports[`renders the Hint with variants=[light] and src props 1`] = `
63
63
  >
64
64
  <ForwardRef(Base)
65
65
  as="img"
66
- className="ds-image-logo--light"
66
+ className="ds-image-logo-light"
67
67
  printHidden={true}
68
68
  src="logo--light.png"
69
69
  >
70
70
  <img
71
- className="ds-image-logo--light ds-print-hidden"
71
+ className="ds-image-logo-light ds-print-hidden"
72
72
  src="logo--light.png"
73
73
  />
74
74
  </ForwardRef(Base)>
@@ -87,12 +87,12 @@ exports[`renders the Hint with src prop 1`] = `
87
87
  >
88
88
  <ForwardRef(Base)
89
89
  as="img"
90
- className="ds-image-logo--dark"
90
+ className="ds-image-logo-dark"
91
91
  printHidden={true}
92
92
  src="logo--dark.png"
93
93
  >
94
94
  <img
95
- className="ds-image-logo--dark ds-print-hidden"
95
+ className="ds-image-logo-dark ds-print-hidden"
96
96
  src="logo--dark.png"
97
97
  />
98
98
  </ForwardRef(Base)>
@@ -104,12 +104,12 @@ exports[`renders the Hint with src prop 1`] = `
104
104
  >
105
105
  <ForwardRef(Base)
106
106
  as="img"
107
- className="ds-image-logo--light"
107
+ className="ds-image-logo-light"
108
108
  printHidden={true}
109
109
  src="logo--light.png"
110
110
  >
111
111
  <img
112
- className="ds-image-logo--light ds-print-hidden"
112
+ className="ds-image-logo-light ds-print-hidden"
113
113
  src="logo--light.png"
114
114
  />
115
115
  </ForwardRef(Base)>