@thecb/components 5.2.2 → 5.2.3

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "5.2.2",
3
+ "version": "5.2.3",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
@@ -13,7 +13,9 @@ import { CHARADE_GREY, ASH_GREY, FIRE_YELLOW } from "../../../constants/colors";
13
13
  {
14
14
  title: <React Component(s)>,
15
15
  id: <String> "identifier of section",
16
- disabled: boolean,
16
+ disabled: boolean, (displays section and grayed out radio but disables interaction)
17
+ hideRadioButton: boolean, (keeps section displayed but hides radio and disables open/close function),
18
+ hidden: boolean, (hides section entirely)
17
19
  dataQa: string,
18
20
  content: <React Component(s)> e.g.: <Box><Stack>cool content stuff</Stack></Box> (any collection of components will work)
19
21
  }
@@ -141,7 +143,7 @@ const RadioSection = ({
141
143
  .filter(section => !section.hidden)
142
144
  .map(section => (
143
145
  <Motion
144
- tabIndex="0"
146
+ tabIndex={section.hideRadioButton ? "-1" : "0"}
145
147
  onKeyDown={e => handleKeyDown(section.id, e)}
146
148
  onFocus={() => setFocused(section.id)}
147
149
  onBlur={() => setFocused(null)}