@cerebruminc/cerebellum 11.0.3 → 11.0.4

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 (47) hide show
  1. package/lib/cjs/{ConfigurableInput-ebdcf80b.js → ConfigurableInput-08aa8f2e.js} +2 -2
  2. package/lib/cjs/ConfigurableInput-08aa8f2e.js.map +1 -0
  3. package/lib/cjs/ConfigurableInput.cjs +2 -2
  4. package/lib/cjs/Form.cjs +3 -3
  5. package/lib/cjs/{FormikContainer-878439fd.js → FormikContainer-fee744ff.js} +3 -3
  6. package/lib/cjs/{FormikContainer-878439fd.js.map → FormikContainer-fee744ff.js.map} +1 -1
  7. package/lib/cjs/{InteriorSidebar-a1f1c5ea.js → InteriorSidebar-c10318ba.js} +2 -2
  8. package/lib/cjs/{InteriorSidebar-a1f1c5ea.js.map → InteriorSidebar-c10318ba.js.map} +1 -1
  9. package/lib/cjs/InteriorSidebar.cjs +1 -1
  10. package/lib/cjs/{LogoSidebar-e6bf8e2a.js → LogoSidebar-1e328130.js} +2 -2
  11. package/lib/cjs/LogoSidebar-1e328130.js.map +1 -0
  12. package/lib/cjs/LogoSidebar.cjs +2 -2
  13. package/lib/cjs/{RadioGroup-cd46e3ec.js → RadioGroup-63d50f24.js} +10 -5
  14. package/lib/cjs/RadioGroup-63d50f24.js.map +1 -0
  15. package/lib/cjs/RadioGroup.cjs +1 -1
  16. package/lib/cjs/{TabModal-691daa70.js → TabModal-1642ad38.js} +2 -2
  17. package/lib/cjs/{TabModal-691daa70.js.map → TabModal-1642ad38.js.map} +1 -1
  18. package/lib/cjs/TabModal.cjs +2 -2
  19. package/lib/cjs/index.cjs +6 -6
  20. package/lib/esm/{ConfigurableInput-71bff1a1.js → ConfigurableInput-bbbc56e7.js} +2 -2
  21. package/lib/esm/ConfigurableInput-bbbc56e7.js.map +1 -0
  22. package/lib/esm/ConfigurableInput.js +2 -2
  23. package/lib/esm/Form.js +3 -3
  24. package/lib/esm/{FormikContainer-2942c44f.js → FormikContainer-fa38d4e8.js} +3 -3
  25. package/lib/esm/{FormikContainer-2942c44f.js.map → FormikContainer-fa38d4e8.js.map} +1 -1
  26. package/lib/esm/{InteriorSidebar-eabf7aaa.js → InteriorSidebar-7e4ec902.js} +2 -2
  27. package/lib/esm/{InteriorSidebar-eabf7aaa.js.map → InteriorSidebar-7e4ec902.js.map} +1 -1
  28. package/lib/esm/InteriorSidebar.js +1 -1
  29. package/lib/esm/{LogoSidebar-e10cd0fd.js → LogoSidebar-0a0b8c94.js} +2 -2
  30. package/lib/esm/LogoSidebar-0a0b8c94.js.map +1 -0
  31. package/lib/esm/LogoSidebar.js +2 -2
  32. package/lib/esm/{RadioGroup-e890553f.js → RadioGroup-2f6e73c4.js} +12 -7
  33. package/lib/esm/RadioGroup-2f6e73c4.js.map +1 -0
  34. package/lib/esm/RadioGroup.js +1 -1
  35. package/lib/esm/{TabModal-187d5219.js → TabModal-3e6c1b53.js} +2 -2
  36. package/lib/esm/{TabModal-187d5219.js.map → TabModal-3e6c1b53.js.map} +1 -1
  37. package/lib/esm/TabModal.js +2 -2
  38. package/lib/esm/index.js +6 -6
  39. package/lib/types/src/components/InteriorSidebar/InteriorSidebarStyles.d.ts +1 -1
  40. package/lib/types/src/components/RadioGroup/types.d.ts +3 -0
  41. package/package.json +1 -1
  42. package/lib/cjs/ConfigurableInput-ebdcf80b.js.map +0 -1
  43. package/lib/cjs/LogoSidebar-e6bf8e2a.js.map +0 -1
  44. package/lib/cjs/RadioGroup-cd46e3ec.js.map +0 -1
  45. package/lib/esm/ConfigurableInput-71bff1a1.js.map +0 -1
  46. package/lib/esm/LogoSidebar-e10cd0fd.js.map +0 -1
  47. package/lib/esm/RadioGroup-e890553f.js.map +0 -1
@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
4
4
  var e = require('react');
5
5
  var styled = require('styled-components');
6
6
  var Input = require('./Input-76281eb1.js');
7
- var RadioGroup = require('./RadioGroup-cd46e3ec.js');
7
+ var RadioGroup = require('./RadioGroup-63d50f24.js');
8
8
  var usePrevious = require('./usePrevious.cjs');
9
9
  var tslib_es6 = require('./tslib.es6-e6f346c4.js');
10
10
 
@@ -78,4 +78,4 @@ ConfigurableInput.defaultProps = {
78
78
  };
79
79
 
80
80
  exports.ConfigurableInput = ConfigurableInput;
81
- //# sourceMappingURL=ConfigurableInput-ebdcf80b.js.map
81
+ //# sourceMappingURL=ConfigurableInput-08aa8f2e.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ConfigurableInput-08aa8f2e.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var ConfigurableInput = require('./ConfigurableInput-ebdcf80b.js');
5
+ var ConfigurableInput = require('./ConfigurableInput-08aa8f2e.js');
6
6
  require('react/jsx-runtime');
7
7
  require('react');
8
8
  require('styled-components');
@@ -23,7 +23,7 @@ require('./isEmptyObject.cjs');
23
23
  require('./addOrRemoveById.cjs');
24
24
  require('./showLabel-077951bd.js');
25
25
  require('./helpers-b07f14f3.js');
26
- require('./RadioGroup-cd46e3ec.js');
26
+ require('./RadioGroup-63d50f24.js');
27
27
  require('./BodyLEmphasis.cjs');
28
28
  require('./RadioItem-809e38b3.js');
29
29
  require('./cerebellumTheme.cjs');
package/lib/cjs/Form.cjs CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var FormikContainer = require('./FormikContainer-878439fd.js');
5
+ var FormikContainer = require('./FormikContainer-fee744ff.js');
6
6
  var FormWrapper = require('./FormStyles-2528b231.js');
7
7
  var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
8
8
  require('./tslib.es6-e6f346c4.js');
@@ -56,8 +56,8 @@ require('./CheckboxEmpty.cjs');
56
56
  require('./CheckboxFull.cjs');
57
57
  require('./Switches-da283a82.js');
58
58
  require('./CheckboxGroup-f459e2fd.js');
59
- require('./ConfigurableInput-ebdcf80b.js');
60
- require('./RadioGroup-cd46e3ec.js');
59
+ require('./ConfigurableInput-08aa8f2e.js');
60
+ require('./RadioGroup-63d50f24.js');
61
61
  require('./RadioItem-809e38b3.js');
62
62
  require('./Radio-e83af35e.js');
63
63
  require('./RadioEmpty.cjs');
@@ -24,7 +24,7 @@ var Inputs = require('./Inputs-da7433e1.js');
24
24
  var ReactDOM = require('react-dom');
25
25
  var CheckboxItem = require('./CheckboxItem-cac44497.js');
26
26
  var CheckboxGroup = require('./CheckboxGroup-f459e2fd.js');
27
- var ConfigurableInput = require('./ConfigurableInput-ebdcf80b.js');
27
+ var ConfigurableInput = require('./ConfigurableInput-08aa8f2e.js');
28
28
  var stateAbbreviationLookup = require('./stateAbbreviationLookup.cjs');
29
29
  var usCounties = require('./usCounties.cjs');
30
30
  var isUSStatesEnum = require('./isUSStatesEnum.cjs');
@@ -49,7 +49,7 @@ var ImagePicker = require('./ImagePicker-886a9767.js');
49
49
  var MultiSelect = require('./MultiSelect-c8ce147f.js');
50
50
  var Input = require('./Input-76281eb1.js');
51
51
  var InlineInput = require('./InlineInput-840faf4d.js');
52
- var RadioGroup = require('./RadioGroup-cd46e3ec.js');
52
+ var RadioGroup = require('./RadioGroup-63d50f24.js');
53
53
  var applySsnMask = require('./applySsnMask.cjs');
54
54
  var SsnInput = require('./SsnInput.cjs');
55
55
  var InlineSsnInput = require('./InlineSsnInput.cjs');
@@ -1229,4 +1229,4 @@ FormikContainer.defaultProps = {
1229
1229
  };
1230
1230
 
1231
1231
  exports.FormikContainer = FormikContainer;
1232
- //# sourceMappingURL=FormikContainer-878439fd.js.map
1232
+ //# sourceMappingURL=FormikContainer-fee744ff.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormikContainer-878439fd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"FormikContainer-fee744ff.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -36,7 +36,7 @@ var RightBorder = styled.styled.div(templateObject_2 || (templateObject_2 = tsli
36
36
  });
37
37
  var Header = styled.styled.h1(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n color: ", ";\n margin-bottom: 20px;\n font-size: 24px;\n font-weight: 600;\n line-height: 140%;\n"], ["\n color: ", ";\n margin-bottom: 20px;\n font-size: 24px;\n font-weight: 600;\n line-height: 140%;\n"])), function (props) { var _a; return props.$headerColor || ((_a = props.theme.interiorSidebar) === null || _a === void 0 ? void 0 : _a.headerColor); });
38
38
  var OptionsBox = styled.styled.div(templateObject_4 || (templateObject_4 = tslib_es6.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
39
- var LabelContainer = styled.styled.p(templateObject_5 || (templateObject_5 = tslib_es6.__makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n border-radius: ", "px;\n border: 1px solid transparent;\n color: ", ";\n cursor: pointer;\n display: ", ";\n font-size: ", "px;\n font-weight: ", ";\n grid-template-columns: [icon-start] 30px [text-start] 1fr [row-end];\n letter-spacing: ", "px;\n line-height: 130%;\n margin: ", ";\n padding: ", ";\n pointer-events: ", ";\n position: relative;\n width: calc(100% - ", "px);\n transition: opacity 350ms ease-out 50ms, color 350ms ease-out 50ms, background-color 350ms ease-out 50ms, fill 350ms ease-out 50ms;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &:focus-visible {\n outline: none;\n border: 1px solid ", ";\n }\n &:active {\n top: 1px;\n }\n\n &:after {\n ", ";\n background-color: ", ";\n border-radius: ", "px;\n opacity: ", ";\n transition: ", ";\n z-index: 0;\n }\n &:hover {\n &:after {\n background-color: ", ";\n }\n }\n"], ["\n align-items: center;\n background-color: ", ";\n border-radius: ", "px;\n border: 1px solid transparent;\n color: ", ";\n cursor: pointer;\n display: ", ";\n font-size: ", "px;\n font-weight: ", ";\n grid-template-columns: [icon-start] 30px [text-start] 1fr [row-end];\n letter-spacing: ", "px;\n line-height: 130%;\n margin: ", ";\n padding: ", ";\n pointer-events: ", ";\n position: relative;\n width: calc(100% - ", "px);\n transition: opacity 350ms ease-out 50ms, color 350ms ease-out 50ms, background-color 350ms ease-out 50ms, fill 350ms ease-out 50ms;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &:focus-visible {\n outline: none;\n border: 1px solid ", ";\n }\n &:active {\n top: 1px;\n }\n\n &:after {\n ", ";\n background-color: ", ";\n border-radius: ", "px;\n opacity: ", ";\n transition: ", ";\n z-index: 0;\n }\n &:hover {\n &:after {\n background-color: ", ";\n }\n }\n"])), function (_a) {
39
+ var LabelContainer = styled.styled.div(templateObject_5 || (templateObject_5 = tslib_es6.__makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n border-radius: ", "px;\n border: 1px solid transparent;\n color: ", ";\n cursor: pointer;\n display: ", ";\n font-size: ", "px;\n font-weight: ", ";\n grid-template-columns: [icon-start] 30px [text-start] 1fr [row-end];\n letter-spacing: ", "px;\n line-height: 130%;\n margin: ", ";\n padding: ", ";\n pointer-events: ", ";\n position: relative;\n width: calc(100% - ", "px);\n transition: opacity 350ms ease-out 50ms, color 350ms ease-out 50ms, background-color 350ms ease-out 50ms, fill 350ms ease-out 50ms;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &:focus-visible {\n outline: none;\n border: 1px solid ", ";\n }\n &:active {\n top: 1px;\n }\n\n &:after {\n ", ";\n background-color: ", ";\n border-radius: ", "px;\n opacity: ", ";\n transition: ", ";\n z-index: 0;\n }\n &:hover {\n &:after {\n background-color: ", ";\n }\n }\n"], ["\n align-items: center;\n background-color: ", ";\n border-radius: ", "px;\n border: 1px solid transparent;\n color: ", ";\n cursor: pointer;\n display: ", ";\n font-size: ", "px;\n font-weight: ", ";\n grid-template-columns: [icon-start] 30px [text-start] 1fr [row-end];\n letter-spacing: ", "px;\n line-height: 130%;\n margin: ", ";\n padding: ", ";\n pointer-events: ", ";\n position: relative;\n width: calc(100% - ", "px);\n transition: opacity 350ms ease-out 50ms, color 350ms ease-out 50ms, background-color 350ms ease-out 50ms, fill 350ms ease-out 50ms;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &:focus-visible {\n outline: none;\n border: 1px solid ", ";\n }\n &:active {\n top: 1px;\n }\n\n &:after {\n ", ";\n background-color: ", ";\n border-radius: ", "px;\n opacity: ", ";\n transition: ", ";\n z-index: 0;\n }\n &:hover {\n &:after {\n background-color: ", ";\n }\n }\n"])), function (_a) {
40
40
  var _b;
41
41
  var $selected = _a.$selected, $secondaryColor = _a.$secondaryColor, $shadowHover = _a.$shadowHover, theme = _a.theme;
42
42
  return $selected && !$shadowHover ? $secondaryColor || ((_b = theme.interiorSidebar) === null || _b === void 0 ? void 0 : _b.secondaryColor) : "transparent";
@@ -179,4 +179,4 @@ InteriorSidebar.defaultProps = {
179
179
  };
180
180
 
181
181
  exports.InteriorSidebar = InteriorSidebar;
182
- //# sourceMappingURL=InteriorSidebar-a1f1c5ea.js.map
182
+ //# sourceMappingURL=InteriorSidebar-c10318ba.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InteriorSidebar-a1f1c5ea.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"InteriorSidebar-c10318ba.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var InteriorSidebar = require('./InteriorSidebar-a1f1c5ea.js');
5
+ var InteriorSidebar = require('./InteriorSidebar-c10318ba.js');
6
6
  require('./tslib.es6-e6f346c4.js');
7
7
  require('react/jsx-runtime');
8
8
  require('react');
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
5
5
  var e = require('react');
6
6
  var styled = require('styled-components');
7
7
  var Avatar = require('./Avatar-988276de.js');
8
- var InteriorSidebar = require('./InteriorSidebar-a1f1c5ea.js');
8
+ var InteriorSidebar = require('./InteriorSidebar-c10318ba.js');
9
9
  var useMeasure = require('./useMeasure-2c80d5e8.js');
10
10
  var isEmptyObject = require('./isEmptyObject.cjs');
11
11
 
@@ -56,4 +56,4 @@ var LogoSidebar = function (_a) {
56
56
  LogoSidebar.defaultProps = {};
57
57
 
58
58
  exports.LogoSidebar = LogoSidebar;
59
- //# sourceMappingURL=LogoSidebar-e6bf8e2a.js.map
59
+ //# sourceMappingURL=LogoSidebar-1e328130.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LogoSidebar-1e328130.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var LogoSidebar = require('./LogoSidebar-e6bf8e2a.js');
5
+ var LogoSidebar = require('./LogoSidebar-1e328130.js');
6
6
  require('./tslib.es6-e6f346c4.js');
7
7
  require('react/jsx-runtime');
8
8
  require('react');
@@ -11,7 +11,7 @@ require('./Avatar-988276de.js');
11
11
  require('./pressedEnter.cjs');
12
12
  require('chroma-js');
13
13
  require('./getInitialsOnly.cjs');
14
- require('./InteriorSidebar-a1f1c5ea.js');
14
+ require('./InteriorSidebar-c10318ba.js');
15
15
  require('./AlertCount-5cfa2574.js');
16
16
  require('./ButtonColorFamilyEnum.cjs');
17
17
  require('./Scroller.cjs');
@@ -13,7 +13,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
 
14
14
  var e__default = /*#__PURE__*/_interopDefaultLegacy(e);
15
15
 
16
- var RadioGroupBase = styled.styled.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n display: inline-flex;\n flex-flow: column nowrap;\n gap: ", "px;\n position: relative;\n padding-bottom: ", "px;\n"], ["\n display: inline-flex;\n flex-flow: column nowrap;\n gap: ", "px;\n position: relative;\n padding-bottom: ", "px;\n"])), function (_a) {
16
+ var RadioGroupBase = styled.styled.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n display: inline-flex;\n max-width: 700px;\n min-width: 130px;\n width: ", ";\n flex-flow: column nowrap;\n gap: ", "px;\n position: relative;\n padding-bottom: ", "px;\n"], ["\n display: inline-flex;\n max-width: 700px;\n min-width: 130px;\n width: ", ";\n flex-flow: column nowrap;\n gap: ", "px;\n position: relative;\n padding-bottom: ", "px;\n"])), function (_a) {
17
+ var _b;
18
+ var $width = _a.$width;
19
+ return (_b = "".concat($width, "px")) !== null && _b !== void 0 ? _b : "100%";
20
+ }, function (_a) {
17
21
  var _b;
18
22
  var $labelGap = _a.$labelGap, theme = _a.theme;
19
23
  return $labelGap || ((_b = theme.switchGroup) === null || _b === void 0 ? void 0 : _b.labelGap);
@@ -32,7 +36,7 @@ var RadioList = styled.styled.div(templateObject_2 || (templateObject_2 = tslib_
32
36
  var templateObject_1, templateObject_2;
33
37
 
34
38
  var RadioGroup = function (_a) {
35
- var activeColor = _a.activeColor, activeId = _a.activeId, asteriskColor = _a.asteriskColor, disabledColor = _a.disabledColor, disabledColorLight = _a.disabledColorLight, disabledLabelColor = _a.disabledLabelColor, disableGroup = _a.disableGroup, failColor = _a.failColor, focusedColor = _a.focusedColor, helperText = _a.helperText, helperTextColor = _a.helperTextColor, horizontal = _a.horizontal, inactiveColor = _a.inactiveColor, labelColor = _a.labelColor, maxLabelWidth = _a.maxLabelWidth, name = _a.name, noBottomPadding = _a.noBottomPadding, onRadioClick = _a.onRadioClick, radioLabel = _a.radioLabel, radiosGap = _a.radiosGap, radioSize = _a.radioSize, radios = _a.radios, required = _a.required, showValidationMessage = _a.showValidationMessage, titleColor = _a.titleColor, labelGap = _a.labelGap, validationMessage = _a.validationMessage;
39
+ var activeColor = _a.activeColor, activeId = _a.activeId, asteriskColor = _a.asteriskColor, disabledColor = _a.disabledColor, disabledColorLight = _a.disabledColorLight, disabledLabelColor = _a.disabledLabelColor, disableGroup = _a.disableGroup, failColor = _a.failColor, focusedColor = _a.focusedColor, helperText = _a.helperText, helperTextColor = _a.helperTextColor, horizontal = _a.horizontal, inactiveColor = _a.inactiveColor, labelColor = _a.labelColor, maxLabelWidth = _a.maxLabelWidth, name = _a.name, noBottomPadding = _a.noBottomPadding, onRadioClick = _a.onRadioClick, radioLabel = _a.radioLabel, radiosGap = _a.radiosGap, radioGroupWidth = _a.radioGroupWidth, radioSize = _a.radioSize, radios = _a.radios, required = _a.required, _b = _a.showValidationMessage, showValidationMessage = _b === void 0 ? false : _b, titleColor = _a.titleColor, labelGap = _a.labelGap, validationMessage = _a.validationMessage;
36
40
  var theme = styled.useTheme();
37
41
  var disabledTextColor = disabledLabelColor || theme.text.disabledColor;
38
42
  var showLabel = function () {
@@ -50,14 +54,15 @@ var RadioGroup = function (_a) {
50
54
  }
51
55
  return null;
52
56
  };
53
- return (jsxRuntime.jsxs(RadioGroupBase, tslib_es6.__assign({ "$labelGap": labelGap, "$noBottomPadding": noBottomPadding }, { children: [jsxRuntime.jsxs(Inputs.LabelBox, { children: [showLabel(), required && (jsxRuntime.jsx(Inputs.Asterisk, tslib_es6.__assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }, void 0), helperText && (jsxRuntime.jsx(Switches.HelperText, tslib_es6.__assign({ "$disabled": disableGroup, "$disabledColor": disabledTextColor, "$helperTextColor": helperTextColor }, { children: helperText }), void 0)), jsxRuntime.jsx(RadioList, tslib_es6.__assign({ "$radiosGap": radiosGap, "$horizontal": horizontal }, { children: radios.map(function (_a) {
57
+ return (jsxRuntime.jsxs(RadioGroupBase, tslib_es6.__assign({ "$labelGap": labelGap, "$noBottomPadding": noBottomPadding, "$width": radioGroupWidth }, { children: [jsxRuntime.jsxs(Inputs.LabelBox, { children: [showLabel(), required && (jsxRuntime.jsx(Inputs.Asterisk, tslib_es6.__assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }, void 0), helperText && (jsxRuntime.jsx(Switches.HelperText, tslib_es6.__assign({ "$disabled": disableGroup, "$disabledColor": disabledTextColor, "$helperTextColor": helperTextColor }, { children: helperText }), void 0)), jsxRuntime.jsx(RadioList, tslib_es6.__assign({ "$radiosGap": radiosGap, "$horizontal": horizontal }, { children: radios.map(function (_a) {
54
58
  var label = _a.label, disabled = _a.disabled, value = _a.value;
55
59
  return (jsxRuntime.jsx(RadioItem.RadioItem, { active: activeId === value, activeColor: activeColor, disabled: disableGroup || disabled, disabledColor: disabledColor, disabledColorLight: disabledColorLight, disabledLabelColor: disabledLabelColor, focusedColor: focusedColor, inactiveColor: inactiveColor, label: label, labelColor: labelColor, maxLabelWidth: maxLabelWidth, name: name, onRadioClick: onRadioClick, radioSize: radioSize, value: value }, value));
56
- }) }), void 0), showValidationMessage && jsxRuntime.jsx(Switches.Error, tslib_es6.__assign({ "$failColor": failColor }, { children: validationMessage }), void 0)] }), void 0));
60
+ }) }), void 0), jsxRuntime.jsx(Inputs.ValidationText, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage, "$failColor": failColor, "$disabled": disableGroup, "$disabledColor": disabledColor, "$designSwitch": true }, { children: validationMessage }), void 0)] }), void 0));
57
61
  };
58
62
  RadioGroup.defaultProps = {
59
63
  noBottomPadding: false,
64
+ showValidationMessage: false,
60
65
  };
61
66
 
62
67
  exports.RadioGroup = RadioGroup;
63
- //# sourceMappingURL=RadioGroup-cd46e3ec.js.map
68
+ //# sourceMappingURL=RadioGroup-63d50f24.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioGroup-63d50f24.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var RadioGroup = require('./RadioGroup-cd46e3ec.js');
5
+ var RadioGroup = require('./RadioGroup-63d50f24.js');
6
6
  require('./tslib.es6-e6f346c4.js');
7
7
  require('react/jsx-runtime');
8
8
  require('react');
@@ -4,7 +4,7 @@ var tslib_es6 = require('./tslib.es6-e6f346c4.js');
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var e = require('react');
6
6
  var HorizontalTabMenu = require('./HorizontalTabMenu-a363eda2.js');
7
- var InteriorSidebar = require('./InteriorSidebar-a1f1c5ea.js');
7
+ var InteriorSidebar = require('./InteriorSidebar-c10318ba.js');
8
8
  var Modal = require('./Modal-428b11e8.js');
9
9
  var Scroller = require('./Scroller.cjs');
10
10
  var styled = require('styled-components');
@@ -132,4 +132,4 @@ TabModal.defaultProps = {
132
132
  };
133
133
 
134
134
  exports.TabModal = TabModal;
135
- //# sourceMappingURL=TabModal-691daa70.js.map
135
+ //# sourceMappingURL=TabModal-1642ad38.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabModal-691daa70.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"TabModal-1642ad38.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var TabModal = require('./TabModal-691daa70.js');
5
+ var TabModal = require('./TabModal-1642ad38.js');
6
6
  var TabModalPaddingEnum = require('./TabModalPaddingEnum.cjs');
7
7
  require('./tslib.es6-e6f346c4.js');
8
8
  require('react/jsx-runtime');
@@ -18,7 +18,7 @@ require('./colors.cjs');
18
18
  require('./addOrRemoveById.cjs');
19
19
  require('./formatBytesToString.cjs');
20
20
  require('./colors-32889cfc.js');
21
- require('./InteriorSidebar-a1f1c5ea.js');
21
+ require('./InteriorSidebar-c10318ba.js');
22
22
  require('./Loading.cjs');
23
23
  require('./focusAfter.cjs');
24
24
  require('./Modal-428b11e8.js');
package/lib/cjs/index.cjs CHANGED
@@ -27,7 +27,7 @@ var ClearableTag = require('./ClearableTag-f06fbd32.js');
27
27
  var ClickOutHandler = require('./ClickOutHandler-db2eb209.js');
28
28
  var ColorButton = require('./ColorButton-69b7aef5.js');
29
29
  var ColorPickerMenu = require('./ColorPickerMenu-600284e4.js');
30
- var ConfigurableInput = require('./ConfigurableInput-ebdcf80b.js');
30
+ var ConfigurableInput = require('./ConfigurableInput-08aa8f2e.js');
31
31
  var ConfirmationModal = require('./ConfirmationModal-a16dc6d4.js');
32
32
  var ConfirmModal = require('./ConfirmModal-e03e0c48.js');
33
33
  var CreditCardInput = require('./CreditCardInput-2d71c716.js');
@@ -46,7 +46,7 @@ var helpers = require('./helpers-b07f14f3.js');
46
46
  var DrawerDivider = require('./DrawerDivider-4d38a3df.js');
47
47
  var EmailInput = require('./EmailInput-9fa8ec29.js');
48
48
  var Footer = require('./Footer.cjs');
49
- var FormikContainer = require('./FormikContainer-878439fd.js');
49
+ var FormikContainer = require('./FormikContainer-fee744ff.js');
50
50
  var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
51
51
  var FiltersBar = require('./FiltersBar-8d9a1474.js');
52
52
  var HorizontalTabMenu = require('./HorizontalTabMenu-a363eda2.js');
@@ -60,21 +60,21 @@ var Input = require('./Input-76281eb1.js');
60
60
  var InlinePhoneInput = require('./InlinePhoneInput-41af2620.js');
61
61
  var InputButton = require('./InputButton.cjs');
62
62
  var InlineInputButton = require('./InlineInputButton.cjs');
63
- var InteriorSidebar = require('./InteriorSidebar-a1f1c5ea.js');
63
+ var InteriorSidebar = require('./InteriorSidebar-c10318ba.js');
64
64
  var colors = require('./colors.cjs');
65
65
  var BodyLEmphasis = require('./BodyLEmphasis.cjs');
66
66
  var Loading = require('./Loading.cjs');
67
67
  var focusAfter = require('./focusAfter.cjs');
68
68
  var Scroller = require('./Scroller.cjs');
69
69
  var LoadingEllipsis = require('./LoadingEllipsis-355e5c8a.js');
70
- var LogoSidebar = require('./LogoSidebar-e6bf8e2a.js');
70
+ var LogoSidebar = require('./LogoSidebar-1e328130.js');
71
71
  var Modal = require('./Modal-428b11e8.js');
72
72
  var PasswordInput = require('./PasswordInput.cjs');
73
73
  var InlinePasswordInput = require('./InlinePasswordInput.cjs');
74
74
  var PhoneInput = require('./PhoneInput-6f325524.js');
75
75
  var PieChart = require('./PieChart-7777a03c.js');
76
76
  var Radio = require('./Radio-e83af35e.js');
77
- var RadioGroup = require('./RadioGroup-cd46e3ec.js');
77
+ var RadioGroup = require('./RadioGroup-63d50f24.js');
78
78
  var RadioItem = require('./RadioItem-809e38b3.js');
79
79
  var RJSForm = require('./RJSForm-49f4ff47.js');
80
80
  require('./types-d22620c0.js');
@@ -95,7 +95,7 @@ var StatusIndicator = require('./StatusIndicator-e2c0a130.js');
95
95
  var Table = require('./Table-2f322138.js');
96
96
  var TableOptionLabel = require('./TableOptionLabel.cjs');
97
97
  var EditEnum = require('./EditEnum.cjs');
98
- var TabModal = require('./TabModal-691daa70.js');
98
+ var TabModal = require('./TabModal-1642ad38.js');
99
99
  var TabModalPaddingEnum = require('./TabModalPaddingEnum.cjs');
100
100
  var Typography = require('./Typography-9eeafae0.js');
101
101
  var TextVariantEnum = require('./TextVariantEnum.cjs');
@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { useState, useEffect } from 'react';
3
3
  import { styled, useTheme } from 'styled-components';
4
4
  import { I as Input } from './Input-775eaaad.js';
5
- import { R as RadioGroup } from './RadioGroup-e890553f.js';
5
+ import { R as RadioGroup } from './RadioGroup-2f6e73c4.js';
6
6
  import { usePrevious } from './usePrevious.js';
7
7
  import { a as __makeTemplateObject } from './tslib.es6-1648722c.js';
8
8
 
@@ -76,4 +76,4 @@ ConfigurableInput.defaultProps = {
76
76
  };
77
77
 
78
78
  export { ConfigurableInput as C };
79
- //# sourceMappingURL=ConfigurableInput-71bff1a1.js.map
79
+ //# sourceMappingURL=ConfigurableInput-bbbc56e7.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ConfigurableInput-bbbc56e7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- export { C as ConfigurableInput } from './ConfigurableInput-71bff1a1.js';
1
+ export { C as ConfigurableInput } from './ConfigurableInput-bbbc56e7.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'styled-components';
@@ -19,7 +19,7 @@ import './isEmptyObject.js';
19
19
  import './addOrRemoveById.js';
20
20
  import './showLabel-3f6adb83.js';
21
21
  import './helpers-e2f33583.js';
22
- import './RadioGroup-e890553f.js';
22
+ import './RadioGroup-2f6e73c4.js';
23
23
  import './BodyLEmphasis.js';
24
24
  import './RadioItem-ed547c75.js';
25
25
  import './cerebellumTheme.js';
package/lib/esm/Form.js CHANGED
@@ -1,4 +1,4 @@
1
- export { F as Form } from './FormikContainer-2942c44f.js';
1
+ export { F as Form } from './FormikContainer-fa38d4e8.js';
2
2
  export { F as FormWrapper } from './FormStyles-96f06278.js';
3
3
  export { FormFieldTypeEnum, RemovableFieldTypeEnum } from './FormFieldTypeEnum.js';
4
4
  import './tslib.es6-1648722c.js';
@@ -52,8 +52,8 @@ import './CheckboxEmpty.js';
52
52
  import './CheckboxFull.js';
53
53
  import './Switches-eddb748f.js';
54
54
  import './CheckboxGroup-c455e7f0.js';
55
- import './ConfigurableInput-71bff1a1.js';
56
- import './RadioGroup-e890553f.js';
55
+ import './ConfigurableInput-bbbc56e7.js';
56
+ import './RadioGroup-2f6e73c4.js';
57
57
  import './RadioItem-ed547c75.js';
58
58
  import './Radio-01bc616b.js';
59
59
  import './RadioEmpty.js';
@@ -22,7 +22,7 @@ import { A as Asterisk } from './Inputs-d12d9ab6.js';
22
22
  import { flushSync } from 'react-dom';
23
23
  import { C as CheckboxItem } from './CheckboxItem-253304db.js';
24
24
  import { C as CheckboxGroup } from './CheckboxGroup-c455e7f0.js';
25
- import { C as ConfigurableInput } from './ConfigurableInput-71bff1a1.js';
25
+ import { C as ConfigurableInput } from './ConfigurableInput-bbbc56e7.js';
26
26
  import { stateAbbreviationLookup } from './stateAbbreviationLookup.js';
27
27
  import { usCounties } from './usCounties.js';
28
28
  import { isUSStatesEnum } from './isUSStatesEnum.js';
@@ -47,7 +47,7 @@ import { I as ImagePicker } from './ImagePicker-65a1ff41.js';
47
47
  import { M as MultiSelect } from './MultiSelect-8e6a29a1.js';
48
48
  import { I as Input } from './Input-775eaaad.js';
49
49
  import { I as InlineInput } from './InlineInput-8c37f2ab.js';
50
- import { R as RadioGroup } from './RadioGroup-e890553f.js';
50
+ import { R as RadioGroup } from './RadioGroup-2f6e73c4.js';
51
51
  import { applySsnMask } from './applySsnMask.js';
52
52
  import { SsnInput } from './SsnInput.js';
53
53
  import { InlineSsnInput } from './InlineSsnInput.js';
@@ -1227,4 +1227,4 @@ FormikContainer.defaultProps = {
1227
1227
  };
1228
1228
 
1229
1229
  export { FormikContainer as F };
1230
- //# sourceMappingURL=FormikContainer-2942c44f.js.map
1230
+ //# sourceMappingURL=FormikContainer-fa38d4e8.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormikContainer-2942c44f.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"FormikContainer-fa38d4e8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -34,7 +34,7 @@ var RightBorder = styled.div(templateObject_2 || (templateObject_2 = __makeTempl
34
34
  });
35
35
  var Header = styled.h1(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n margin-bottom: 20px;\n font-size: 24px;\n font-weight: 600;\n line-height: 140%;\n"], ["\n color: ", ";\n margin-bottom: 20px;\n font-size: 24px;\n font-weight: 600;\n line-height: 140%;\n"])), function (props) { var _a; return props.$headerColor || ((_a = props.theme.interiorSidebar) === null || _a === void 0 ? void 0 : _a.headerColor); });
36
36
  var OptionsBox = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
37
- var LabelContainer = styled.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n border-radius: ", "px;\n border: 1px solid transparent;\n color: ", ";\n cursor: pointer;\n display: ", ";\n font-size: ", "px;\n font-weight: ", ";\n grid-template-columns: [icon-start] 30px [text-start] 1fr [row-end];\n letter-spacing: ", "px;\n line-height: 130%;\n margin: ", ";\n padding: ", ";\n pointer-events: ", ";\n position: relative;\n width: calc(100% - ", "px);\n transition: opacity 350ms ease-out 50ms, color 350ms ease-out 50ms, background-color 350ms ease-out 50ms, fill 350ms ease-out 50ms;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &:focus-visible {\n outline: none;\n border: 1px solid ", ";\n }\n &:active {\n top: 1px;\n }\n\n &:after {\n ", ";\n background-color: ", ";\n border-radius: ", "px;\n opacity: ", ";\n transition: ", ";\n z-index: 0;\n }\n &:hover {\n &:after {\n background-color: ", ";\n }\n }\n"], ["\n align-items: center;\n background-color: ", ";\n border-radius: ", "px;\n border: 1px solid transparent;\n color: ", ";\n cursor: pointer;\n display: ", ";\n font-size: ", "px;\n font-weight: ", ";\n grid-template-columns: [icon-start] 30px [text-start] 1fr [row-end];\n letter-spacing: ", "px;\n line-height: 130%;\n margin: ", ";\n padding: ", ";\n pointer-events: ", ";\n position: relative;\n width: calc(100% - ", "px);\n transition: opacity 350ms ease-out 50ms, color 350ms ease-out 50ms, background-color 350ms ease-out 50ms, fill 350ms ease-out 50ms;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &:focus-visible {\n outline: none;\n border: 1px solid ", ";\n }\n &:active {\n top: 1px;\n }\n\n &:after {\n ", ";\n background-color: ", ";\n border-radius: ", "px;\n opacity: ", ";\n transition: ", ";\n z-index: 0;\n }\n &:hover {\n &:after {\n background-color: ", ";\n }\n }\n"])), function (_a) {
37
+ var LabelContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n border-radius: ", "px;\n border: 1px solid transparent;\n color: ", ";\n cursor: pointer;\n display: ", ";\n font-size: ", "px;\n font-weight: ", ";\n grid-template-columns: [icon-start] 30px [text-start] 1fr [row-end];\n letter-spacing: ", "px;\n line-height: 130%;\n margin: ", ";\n padding: ", ";\n pointer-events: ", ";\n position: relative;\n width: calc(100% - ", "px);\n transition: opacity 350ms ease-out 50ms, color 350ms ease-out 50ms, background-color 350ms ease-out 50ms, fill 350ms ease-out 50ms;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &:focus-visible {\n outline: none;\n border: 1px solid ", ";\n }\n &:active {\n top: 1px;\n }\n\n &:after {\n ", ";\n background-color: ", ";\n border-radius: ", "px;\n opacity: ", ";\n transition: ", ";\n z-index: 0;\n }\n &:hover {\n &:after {\n background-color: ", ";\n }\n }\n"], ["\n align-items: center;\n background-color: ", ";\n border-radius: ", "px;\n border: 1px solid transparent;\n color: ", ";\n cursor: pointer;\n display: ", ";\n font-size: ", "px;\n font-weight: ", ";\n grid-template-columns: [icon-start] 30px [text-start] 1fr [row-end];\n letter-spacing: ", "px;\n line-height: 130%;\n margin: ", ";\n padding: ", ";\n pointer-events: ", ";\n position: relative;\n width: calc(100% - ", "px);\n transition: opacity 350ms ease-out 50ms, color 350ms ease-out 50ms, background-color 350ms ease-out 50ms, fill 350ms ease-out 50ms;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &:focus-visible {\n outline: none;\n border: 1px solid ", ";\n }\n &:active {\n top: 1px;\n }\n\n &:after {\n ", ";\n background-color: ", ";\n border-radius: ", "px;\n opacity: ", ";\n transition: ", ";\n z-index: 0;\n }\n &:hover {\n &:after {\n background-color: ", ";\n }\n }\n"])), function (_a) {
38
38
  var _b;
39
39
  var $selected = _a.$selected, $secondaryColor = _a.$secondaryColor, $shadowHover = _a.$shadowHover, theme = _a.theme;
40
40
  return $selected && !$shadowHover ? $secondaryColor || ((_b = theme.interiorSidebar) === null || _b === void 0 ? void 0 : _b.secondaryColor) : "transparent";
@@ -177,4 +177,4 @@ InteriorSidebar.defaultProps = {
177
177
  };
178
178
 
179
179
  export { InteriorSidebar as I };
180
- //# sourceMappingURL=InteriorSidebar-eabf7aaa.js.map
180
+ //# sourceMappingURL=InteriorSidebar-7e4ec902.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InteriorSidebar-eabf7aaa.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"InteriorSidebar-7e4ec902.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- export { I as InteriorSidebar } from './InteriorSidebar-eabf7aaa.js';
1
+ export { I as InteriorSidebar } from './InteriorSidebar-7e4ec902.js';
2
2
  import './tslib.es6-1648722c.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { useCallback } from 'react';
4
4
  import { styled, useTheme } from 'styled-components';
5
5
  import { A as Avatar } from './Avatar-97106dbf.js';
6
- import { I as InteriorSidebar } from './InteriorSidebar-eabf7aaa.js';
6
+ import { I as InteriorSidebar } from './InteriorSidebar-7e4ec902.js';
7
7
  import { u as useMeasure } from './useMeasure-90ab7d68.js';
8
8
  import { isBrowser } from './isEmptyObject.js';
9
9
 
@@ -54,4 +54,4 @@ var LogoSidebar = function (_a) {
54
54
  LogoSidebar.defaultProps = {};
55
55
 
56
56
  export { LogoSidebar as L };
57
- //# sourceMappingURL=LogoSidebar-e10cd0fd.js.map
57
+ //# sourceMappingURL=LogoSidebar-0a0b8c94.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LogoSidebar-0a0b8c94.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- export { L as LogoSidebar } from './LogoSidebar-e10cd0fd.js';
1
+ export { L as LogoSidebar } from './LogoSidebar-0a0b8c94.js';
2
2
  import './tslib.es6-1648722c.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
@@ -7,7 +7,7 @@ import './Avatar-97106dbf.js';
7
7
  import './pressedEnter.js';
8
8
  import 'chroma-js';
9
9
  import './getInitialsOnly.js';
10
- import './InteriorSidebar-eabf7aaa.js';
10
+ import './InteriorSidebar-7e4ec902.js';
11
11
  import './AlertCount-e313709a.js';
12
12
  import './ButtonColorFamilyEnum.js';
13
13
  import './Scroller.js';
@@ -4,10 +4,14 @@ import e__default from 'react';
4
4
  import { styled, useTheme } from 'styled-components';
5
5
  import { BodyXSEmphasis } from './BodyLEmphasis.js';
6
6
  import { R as RadioItem } from './RadioItem-ed547c75.js';
7
- import { L as LabelBox, A as Asterisk } from './Inputs-d12d9ab6.js';
8
- import { a as HelperText, E as Error } from './Switches-eddb748f.js';
7
+ import { L as LabelBox, A as Asterisk, V as ValidationText } from './Inputs-d12d9ab6.js';
8
+ import { a as HelperText } from './Switches-eddb748f.js';
9
9
 
10
- var RadioGroupBase = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n flex-flow: column nowrap;\n gap: ", "px;\n position: relative;\n padding-bottom: ", "px;\n"], ["\n display: inline-flex;\n flex-flow: column nowrap;\n gap: ", "px;\n position: relative;\n padding-bottom: ", "px;\n"])), function (_a) {
10
+ var RadioGroupBase = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n max-width: 700px;\n min-width: 130px;\n width: ", ";\n flex-flow: column nowrap;\n gap: ", "px;\n position: relative;\n padding-bottom: ", "px;\n"], ["\n display: inline-flex;\n max-width: 700px;\n min-width: 130px;\n width: ", ";\n flex-flow: column nowrap;\n gap: ", "px;\n position: relative;\n padding-bottom: ", "px;\n"])), function (_a) {
11
+ var _b;
12
+ var $width = _a.$width;
13
+ return (_b = "".concat($width, "px")) !== null && _b !== void 0 ? _b : "100%";
14
+ }, function (_a) {
11
15
  var _b;
12
16
  var $labelGap = _a.$labelGap, theme = _a.theme;
13
17
  return $labelGap || ((_b = theme.switchGroup) === null || _b === void 0 ? void 0 : _b.labelGap);
@@ -26,7 +30,7 @@ var RadioList = styled.div(templateObject_2 || (templateObject_2 = __makeTemplat
26
30
  var templateObject_1, templateObject_2;
27
31
 
28
32
  var RadioGroup = function (_a) {
29
- var activeColor = _a.activeColor, activeId = _a.activeId, asteriskColor = _a.asteriskColor, disabledColor = _a.disabledColor, disabledColorLight = _a.disabledColorLight, disabledLabelColor = _a.disabledLabelColor, disableGroup = _a.disableGroup, failColor = _a.failColor, focusedColor = _a.focusedColor, helperText = _a.helperText, helperTextColor = _a.helperTextColor, horizontal = _a.horizontal, inactiveColor = _a.inactiveColor, labelColor = _a.labelColor, maxLabelWidth = _a.maxLabelWidth, name = _a.name, noBottomPadding = _a.noBottomPadding, onRadioClick = _a.onRadioClick, radioLabel = _a.radioLabel, radiosGap = _a.radiosGap, radioSize = _a.radioSize, radios = _a.radios, required = _a.required, showValidationMessage = _a.showValidationMessage, titleColor = _a.titleColor, labelGap = _a.labelGap, validationMessage = _a.validationMessage;
33
+ var activeColor = _a.activeColor, activeId = _a.activeId, asteriskColor = _a.asteriskColor, disabledColor = _a.disabledColor, disabledColorLight = _a.disabledColorLight, disabledLabelColor = _a.disabledLabelColor, disableGroup = _a.disableGroup, failColor = _a.failColor, focusedColor = _a.focusedColor, helperText = _a.helperText, helperTextColor = _a.helperTextColor, horizontal = _a.horizontal, inactiveColor = _a.inactiveColor, labelColor = _a.labelColor, maxLabelWidth = _a.maxLabelWidth, name = _a.name, noBottomPadding = _a.noBottomPadding, onRadioClick = _a.onRadioClick, radioLabel = _a.radioLabel, radiosGap = _a.radiosGap, radioGroupWidth = _a.radioGroupWidth, radioSize = _a.radioSize, radios = _a.radios, required = _a.required, _b = _a.showValidationMessage, showValidationMessage = _b === void 0 ? false : _b, titleColor = _a.titleColor, labelGap = _a.labelGap, validationMessage = _a.validationMessage;
30
34
  var theme = useTheme();
31
35
  var disabledTextColor = disabledLabelColor || theme.text.disabledColor;
32
36
  var showLabel = function () {
@@ -44,14 +48,15 @@ var RadioGroup = function (_a) {
44
48
  }
45
49
  return null;
46
50
  };
47
- return (jsxs(RadioGroupBase, __assign({ "$labelGap": labelGap, "$noBottomPadding": noBottomPadding }, { children: [jsxs(LabelBox, { children: [showLabel(), required && (jsx(Asterisk, __assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }, void 0), helperText && (jsx(HelperText, __assign({ "$disabled": disableGroup, "$disabledColor": disabledTextColor, "$helperTextColor": helperTextColor }, { children: helperText }), void 0)), jsx(RadioList, __assign({ "$radiosGap": radiosGap, "$horizontal": horizontal }, { children: radios.map(function (_a) {
51
+ return (jsxs(RadioGroupBase, __assign({ "$labelGap": labelGap, "$noBottomPadding": noBottomPadding, "$width": radioGroupWidth }, { children: [jsxs(LabelBox, { children: [showLabel(), required && (jsx(Asterisk, __assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }, void 0), helperText && (jsx(HelperText, __assign({ "$disabled": disableGroup, "$disabledColor": disabledTextColor, "$helperTextColor": helperTextColor }, { children: helperText }), void 0)), jsx(RadioList, __assign({ "$radiosGap": radiosGap, "$horizontal": horizontal }, { children: radios.map(function (_a) {
48
52
  var label = _a.label, disabled = _a.disabled, value = _a.value;
49
53
  return (jsx(RadioItem, { active: activeId === value, activeColor: activeColor, disabled: disableGroup || disabled, disabledColor: disabledColor, disabledColorLight: disabledColorLight, disabledLabelColor: disabledLabelColor, focusedColor: focusedColor, inactiveColor: inactiveColor, label: label, labelColor: labelColor, maxLabelWidth: maxLabelWidth, name: name, onRadioClick: onRadioClick, radioSize: radioSize, value: value }, value));
50
- }) }), void 0), showValidationMessage && jsx(Error, __assign({ "$failColor": failColor }, { children: validationMessage }), void 0)] }), void 0));
54
+ }) }), void 0), jsx(ValidationText, __assign({ "$showValidationMessage": showValidationMessage, "$failColor": failColor, "$disabled": disableGroup, "$disabledColor": disabledColor, "$designSwitch": true }, { children: validationMessage }), void 0)] }), void 0));
51
55
  };
52
56
  RadioGroup.defaultProps = {
53
57
  noBottomPadding: false,
58
+ showValidationMessage: false,
54
59
  };
55
60
 
56
61
  export { RadioGroup as R };
57
- //# sourceMappingURL=RadioGroup-e890553f.js.map
62
+ //# sourceMappingURL=RadioGroup-2f6e73c4.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioGroup-2f6e73c4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- export { R as RadioGroup } from './RadioGroup-e890553f.js';
1
+ export { R as RadioGroup } from './RadioGroup-2f6e73c4.js';
2
2
  import './tslib.es6-1648722c.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
@@ -2,7 +2,7 @@ import { a as __makeTemplateObject, _ as __assign } from './tslib.es6-1648722c.j
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { useState, useRef, useEffect } from 'react';
4
4
  import { H as HorizontalTabMenu } from './HorizontalTabMenu-8775f37d.js';
5
- import { I as InteriorSidebar } from './InteriorSidebar-eabf7aaa.js';
5
+ import { I as InteriorSidebar } from './InteriorSidebar-7e4ec902.js';
6
6
  import { M as Modal } from './Modal-b9a62e3d.js';
7
7
  import { Scroller } from './Scroller.js';
8
8
  import { styled } from 'styled-components';
@@ -130,4 +130,4 @@ TabModal.defaultProps = {
130
130
  };
131
131
 
132
132
  export { TabModal as T };
133
- //# sourceMappingURL=TabModal-187d5219.js.map
133
+ //# sourceMappingURL=TabModal-3e6c1b53.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabModal-187d5219.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"TabModal-3e6c1b53.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- export { T as TabModal } from './TabModal-187d5219.js';
1
+ export { T as TabModal } from './TabModal-3e6c1b53.js';
2
2
  export { TabModalPaddingEnum } from './TabModalPaddingEnum.js';
3
3
  import './tslib.es6-1648722c.js';
4
4
  import 'react/jsx-runtime';
@@ -14,7 +14,7 @@ import './colors.js';
14
14
  import './addOrRemoveById.js';
15
15
  import './formatBytesToString.js';
16
16
  import './colors-b7be88d1.js';
17
- import './InteriorSidebar-eabf7aaa.js';
17
+ import './InteriorSidebar-7e4ec902.js';
18
18
  import './Loading.js';
19
19
  import './focusAfter.js';
20
20
  import './Modal-b9a62e3d.js';
package/lib/esm/index.js CHANGED
@@ -25,7 +25,7 @@ export { C as ClearableTag } from './ClearableTag-d964f24c.js';
25
25
  export { C as ClickOutHandler } from './ClickOutHandler-1bb9b06e.js';
26
26
  export { C as ColorButton } from './ColorButton-5cc3f460.js';
27
27
  export { C as ColorPickerMenu } from './ColorPickerMenu-92be5a2d.js';
28
- export { C as ConfigurableInput } from './ConfigurableInput-71bff1a1.js';
28
+ export { C as ConfigurableInput } from './ConfigurableInput-bbbc56e7.js';
29
29
  export { C as ConfirmationModal } from './ConfirmationModal-454d5935.js';
30
30
  export { C as ConfirmModal } from './ConfirmModal-11a75e4e.js';
31
31
  export { C as CreditCardInput } from './CreditCardInput-df8c6993.js';
@@ -47,7 +47,7 @@ import { A as ASTERISK_OFFSET_SPACE } from './helpers-e2f33583.js';
47
47
  export { D as DrawerDivider } from './DrawerDivider-1dbb3312.js';
48
48
  export { E as EmailInput } from './EmailInput-ce6a2ce9.js';
49
49
  export { Footer } from './Footer.js';
50
- export { F as Form } from './FormikContainer-2942c44f.js';
50
+ export { F as Form } from './FormikContainer-fa38d4e8.js';
51
51
  export { FormFieldTypeEnum, RemovableFieldTypeEnum } from './FormFieldTypeEnum.js';
52
52
  export { F as FiltersBar } from './FiltersBar-20c3d6ca.js';
53
53
  export { H as HorizontalTabMenu } from './HorizontalTabMenu-8775f37d.js';
@@ -61,7 +61,7 @@ export { I as Input } from './Input-775eaaad.js';
61
61
  export { I as InlinePhoneInput, a as applyPhoneMask } from './InlinePhoneInput-207705e0.js';
62
62
  export { InputButton } from './InputButton.js';
63
63
  export { InlineInputButton } from './InlineInputButton.js';
64
- export { I as InteriorSidebar } from './InteriorSidebar-eabf7aaa.js';
64
+ export { I as InteriorSidebar } from './InteriorSidebar-7e4ec902.js';
65
65
  import { colors } from './colors.js';
66
66
  export { colors } from './colors.js';
67
67
  import { BodySSecondary } from './BodyLEmphasis.js';
@@ -71,14 +71,14 @@ import { focusAfter } from './focusAfter.js';
71
71
  export { focusAfter } from './focusAfter.js';
72
72
  export { Scroller, ShortScroller } from './Scroller.js';
73
73
  export { L as LoadingEllipsis } from './LoadingEllipsis-2931bcaa.js';
74
- export { L as LogoSidebar } from './LogoSidebar-e10cd0fd.js';
74
+ export { L as LogoSidebar } from './LogoSidebar-0a0b8c94.js';
75
75
  export { M as Modal } from './Modal-b9a62e3d.js';
76
76
  export { PasswordInput } from './PasswordInput.js';
77
77
  export { InlinePasswordInput } from './InlinePasswordInput.js';
78
78
  export { P as PhoneInput } from './PhoneInput-2ad7dc34.js';
79
79
  export { P as PieChart } from './PieChart-951971b7.js';
80
80
  export { R as Radio } from './Radio-01bc616b.js';
81
- export { R as RadioGroup } from './RadioGroup-e890553f.js';
81
+ export { R as RadioGroup } from './RadioGroup-2f6e73c4.js';
82
82
  export { R as RadioItem } from './RadioItem-ed547c75.js';
83
83
  export { R as RJSForm } from './RJSForm-4f098b2a.js';
84
84
  import './types-0c5fdb60.js';
@@ -99,7 +99,7 @@ export { S as StatusIndicator } from './StatusIndicator-4dac59c2.js';
99
99
  export { T as Table } from './Table-6aadbc0e.js';
100
100
  export { TableOptionLabel } from './TableOptionLabel.js';
101
101
  export { EditEnum } from './EditEnum.js';
102
- export { T as TabModal } from './TabModal-187d5219.js';
102
+ export { T as TabModal } from './TabModal-3e6c1b53.js';
103
103
  export { TabModalPaddingEnum } from './TabModalPaddingEnum.js';
104
104
  export { T as Typography } from './Typography-acabd9ce.js';
105
105
  export { TextVariantEnum } from './TextVariantEnum.js';
@@ -4,7 +4,7 @@ export declare const Content: import("styled-components").IStyledComponent<"web"
4
4
  export declare const RightBorder: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, RightBorderProps>>;
5
5
  export declare const Header: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, HeaderProps>>;
6
6
  export declare const OptionsBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
7
- export declare const LabelContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, LabelContainerProps>>;
7
+ export declare const LabelContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelContainerProps>>;
8
8
  export declare const IconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IconBoxProps>>;
9
9
  export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, LabelProps>>;
10
10
  export declare const LabelText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
@@ -28,6 +28,8 @@ export interface RadioGroupType extends Omit<RadioItemType, "active" | "disabled
28
28
  radios: Array<SwitchGroupSwitchType>;
29
29
  /** Gap between radios in the list. THEME PROP: default is 20 */
30
30
  radiosGap?: number;
31
+ /** Width of the radio group. Default is 100% up to 700px. */
32
+ radioGroupWidth?: number;
31
33
  /** Adds an asterisk to the UI when there is also a `radioLabel` */
32
34
  required?: boolean;
33
35
  /** Displays an error message under the last radio */
@@ -39,6 +41,7 @@ export interface RadioGroupType extends Omit<RadioItemType, "active" | "disabled
39
41
  }
40
42
  export interface ContainerProps {
41
43
  $labelGap?: number;
44
+ $width?: number;
42
45
  $noBottomPadding?: boolean;
43
46
  }
44
47
  export interface ListProps {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cerebruminc/cerebellum",
3
- "version": "11.0.3",
3
+ "version": "11.0.4",
4
4
  "description": "Cerebrum's React Component Library",
5
5
  "type": "module",
6
6
  "main": "lib/cjs/index.cjs",
@@ -1 +0,0 @@
1
- {"version":3,"file":"ConfigurableInput-ebdcf80b.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"LogoSidebar-e6bf8e2a.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"RadioGroup-cd46e3ec.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ConfigurableInput-71bff1a1.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"LogoSidebar-e10cd0fd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"RadioGroup-e890553f.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}