@activecollab/components 2.0.250 → 2.0.252

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 (54) hide show
  1. package/dist/cjs/components/Button/Styles.js +1 -5
  2. package/dist/cjs/components/Button/Styles.js.map +1 -1
  3. package/dist/cjs/components/ChooseV2/ChooseV2.js +20 -12
  4. package/dist/cjs/components/ChooseV2/ChooseV2.js.map +1 -1
  5. package/dist/cjs/components/ChooseV2/Styles.js +14 -4
  6. package/dist/cjs/components/ChooseV2/Styles.js.map +1 -1
  7. package/dist/cjs/components/ContentWizard/{ContentWizard.js → ContentStepper.js} +6 -6
  8. package/dist/cjs/components/ContentWizard/ContentStepper.js.map +1 -0
  9. package/dist/cjs/components/ContentWizard/context/{ContentWizardContext.js → ContentStepperContext.js} +7 -7
  10. package/dist/cjs/components/ContentWizard/context/ContentStepperContext.js.map +1 -0
  11. package/dist/cjs/components/ContentWizard/context/index.js +4 -4
  12. package/dist/cjs/components/ContentWizard/context/index.js.map +1 -1
  13. package/dist/cjs/components/ContentWizard/index.js +7 -7
  14. package/dist/cjs/components/ContentWizard/index.js.map +1 -1
  15. package/dist/esm/components/Button/Styles.d.ts.map +1 -1
  16. package/dist/esm/components/Button/Styles.js +1 -5
  17. package/dist/esm/components/Button/Styles.js.map +1 -1
  18. package/dist/esm/components/ChooseV2/ChooseV2.d.ts.map +1 -1
  19. package/dist/esm/components/ChooseV2/ChooseV2.js +19 -11
  20. package/dist/esm/components/ChooseV2/ChooseV2.js.map +1 -1
  21. package/dist/esm/components/ChooseV2/Styles.d.ts +6 -1
  22. package/dist/esm/components/ChooseV2/Styles.d.ts.map +1 -1
  23. package/dist/esm/components/ChooseV2/Styles.js +9 -3
  24. package/dist/esm/components/ChooseV2/Styles.js.map +1 -1
  25. package/dist/esm/components/ContentWizard/ContentStepper.d.ts +9 -0
  26. package/dist/esm/components/ContentWizard/ContentStepper.d.ts.map +1 -0
  27. package/dist/esm/components/ContentWizard/{ContentWizard.js → ContentStepper.js} +5 -5
  28. package/dist/esm/components/ContentWizard/ContentStepper.js.map +1 -0
  29. package/dist/esm/components/ContentWizard/context/ContentStepperContext.d.ts +16 -0
  30. package/dist/esm/components/ContentWizard/context/ContentStepperContext.d.ts.map +1 -0
  31. package/dist/esm/components/ContentWizard/context/ContentStepperContext.js +19 -0
  32. package/dist/esm/components/ContentWizard/context/ContentStepperContext.js.map +1 -0
  33. package/dist/esm/components/ContentWizard/context/index.d.ts +1 -1
  34. package/dist/esm/components/ContentWizard/context/index.d.ts.map +1 -1
  35. package/dist/esm/components/ContentWizard/context/index.js +1 -1
  36. package/dist/esm/components/ContentWizard/context/index.js.map +1 -1
  37. package/dist/esm/components/ContentWizard/index.d.ts +3 -3
  38. package/dist/esm/components/ContentWizard/index.d.ts.map +1 -1
  39. package/dist/esm/components/ContentWizard/index.js +3 -3
  40. package/dist/esm/components/ContentWizard/index.js.map +1 -1
  41. package/dist/index.js +99 -86
  42. package/dist/index.js.map +1 -1
  43. package/dist/index.min.js +1 -1
  44. package/dist/index.min.js.map +1 -1
  45. package/package.json +1 -1
  46. package/dist/cjs/components/ContentWizard/ContentWizard.js.map +0 -1
  47. package/dist/cjs/components/ContentWizard/context/ContentWizardContext.js.map +0 -1
  48. package/dist/esm/components/ContentWizard/ContentWizard.d.ts +0 -9
  49. package/dist/esm/components/ContentWizard/ContentWizard.d.ts.map +0 -1
  50. package/dist/esm/components/ContentWizard/ContentWizard.js.map +0 -1
  51. package/dist/esm/components/ContentWizard/context/ContentWizardContext.d.ts +0 -16
  52. package/dist/esm/components/ContentWizard/context/ContentWizardContext.d.ts.map +0 -1
  53. package/dist/esm/components/ContentWizard/context/ContentWizardContext.js +0 -19
  54. package/dist/esm/components/ContentWizard/context/ContentWizardContext.js.map +0 -1
@@ -46,10 +46,6 @@ StyledButtonElements.displayName = "StyledButtonElements";
46
46
  var StyledButtonElement = exports.StyledButtonElement = _styledComponents.default.span.withConfig({
47
47
  displayName: "Styles__StyledButtonElement",
48
48
  componentId: "sc-vi1kcr-2"
49
- })(["", " display:inline-flex;svg{margin:0 4px;}"], {
50
- "overflow": "hidden",
51
- "textOverflow": "ellipsis",
52
- "whiteSpace": "nowrap"
53
- });
49
+ })(["display:inline-flex;svg{margin:0 4px;}"]);
54
50
  StyledButtonElement.displayName = "StyledButtonElement";
55
51
  //# sourceMappingURL=Styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledButton","exports","styled","button","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","size","css","variant","iconOnly","active","children","Array","StyledButtonElements","span","StyledButtonElement"],"sources":["../../../../src/components/Button/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { ButtonProps } from \"./Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledButtonProps extends ButtonProps {\n iconOnly: boolean;\n}\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n vertical-align: middle;\n font-weight: 500;\n display: inline-block;\n line-height: 1;\n margin: 0;\n text-decoration: none;\n font-size: 0.875rem;\n user-select: none;\n cursor: pointer;\n text-align: center;\n flex-shrink: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 288px;\n\n border: none;\n height: 32px;\n transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease,\n border-color 0.3s ease;\n\n svg {\n fill: currentColor;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n\n ${(props) =>\n props.size === \"small\" &&\n css`\n height: 24px;\n `}\n\n ${(props) =>\n props.size === \"big\" &&\n css`\n height: 40px;\n `}\n\n ${(props) =>\n (props.variant === \"primary\" || props.variant === \"contained\") &&\n css`\n padding: 0 16px;\n background-color: var(--color-primary);\n border-radius: var(--ac-br-rounded);\n color: var(--page-paper-main);\n\n &:hover,\n &:focus-visible {\n box-shadow: 0 3px 6px -2px var(--color-primary-500);\n background-color: var(--color-primary-800);\n }\n\n &:active {\n box-shadow: 0 4px 10px -2px var(--color-primary-600);\n background-color: var(--color-primary-800);\n }\n `}\n\n ${(props) =>\n (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n css`\n padding: 0 16px;\n background-color: transparent;\n border-radius: var(--ac-br-rounded);\n border: solid 1px var(--color-theme-700);\n color: var(--color-theme-700);\n\n &:hover,\n &:focus-visible {\n border-color: var(--color-primary);\n color: var(--color-primary);\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n `}\n\n ${(props) =>\n props.variant === \"dark transparent\" &&\n css`\n padding: 0 8px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: var(--ac-br-6);\n color: var(--only-white);\n\n &:hover,\n &:focus-visible {\n background-color: rgba(0, 0, 0, 0.85);\n }\n\n &:active {\n background-color: var(--only-black);\n }\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: var(--ac-br-6);\n color: var(--color-primary);\n\n &:hover,\n &:focus-visible {\n background-color: var(--color-primary-200);\n }\n\n &:active {\n background-color: var(--color-primary-300);\n }\n `}\n\n ${(props) =>\n (props.variant === \"option\" || props.variant === \"text gray\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: var(--ac-br-6);\n color: var(--color-theme-700);\n\n &:hover,\n &:focus-visible {\n background-color: var(--color-theme-300);\n color: var(--color-theme-900);\n }\n\n &:active {\n background-color: var(--color-theme-400);\n color: var(--color-theme-900);\n }\n `}\n\n ${(props) =>\n props.variant === \"circle raised\" &&\n css`\n padding: 0 6px;\n background-color: transparent;\n border-radius: var(--ac-br-rounded);\n color: var(--color-theme-700);\n\n &:hover,\n &:focus-visible {\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary);\n }\n\n &:active {\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary-hover);\n }\n `}\n\n ${(props) =>\n props.iconOnly &&\n css`\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 32px;\n\n ${(props.size === \"small\" || props.size === \"big\") &&\n css`\n border-radius: var(--ac-br-rounded);\n `};\n\n ${props.size === \"small\" &&\n css`\n width: 24px;\n `}\n\n ${props.size === \"big\" &&\n css`\n width: 40px;\n `}\n `}\n\n ${(props) =>\n (props.variant === \"primary\" ||\n props.variant === \"contained\" ||\n props.variant === \"secondary\" ||\n props.variant === \"outlined\") &&\n css`\n .c-btn__elements__element:first-child svg {\n margin-left: -6px;\n }\n .c-btn__elements__element:last-child svg {\n margin-right: -6px;\n }\n\n ${(props.size === \"small\" || props.size === \"big\") &&\n css`\n border-radius: var(--ac-br-rounded);\n `}\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" ||\n props.variant === \"text colored\" ||\n props.variant === \"option\" ||\n props.variant === \"text gray\" ||\n props.variant === \"dark transparent\") &&\n css`\n .c-btn__elements__element:first-child svg {\n margin-left: -4px;\n }\n .c-btn__elements__element:last-child svg {\n margin-right: -4px;\n }\n ${props.size === \"small\" &&\n css`\n border-radius: var(--ac-br-4);\n `}\n ${props.size === \"big\" &&\n css`\n border-radius: var(--ac-br-8);\n `}\n `}\n\n ${(props) =>\n props.active &&\n css`\n ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n css`\n background-color: var(--color-primary-800);\n `}\n\n ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n css`\n border-color: var(--color-primary);\n color: var(--color-primary);\n `}\n\n ${props.variant === \"dark transparent\" &&\n css`\n background-color: var(--only-black);\n `}\n\n ${props.variant === \"circle raised\" &&\n css`\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary-hover);\n `}\n\n ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n css`\n background-color: var(--color-primary-200);\n `}\n\n ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n css`\n color: var(--color-primary);\n &:hover,\n &:focus-visible {\n color: var(--color-primary);\n }\n ${props.children instanceof Array &&\n css`\n background-color: var(--color-theme-300);\n `}\n `}\n `}\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n display: flex;\n align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n ${tw`tw-truncate`}\n display: inline-flex;\n svg {\n margin: 0 4px;\n }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n"],"mappings":"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"}
1
+ {"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledButton","exports","styled","button","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","size","css","variant","iconOnly","active","children","Array","StyledButtonElements","span","StyledButtonElement"],"sources":["../../../../src/components/Button/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ButtonProps } from \"./Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledButtonProps extends ButtonProps {\n iconOnly: boolean;\n}\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n vertical-align: middle;\n font-weight: 500;\n display: inline-block;\n line-height: 1;\n margin: 0;\n text-decoration: none;\n font-size: 0.875rem;\n user-select: none;\n cursor: pointer;\n text-align: center;\n flex-shrink: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 288px;\n\n border: none;\n height: 32px;\n transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease,\n border-color 0.3s ease;\n\n svg {\n fill: currentColor;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n\n ${(props) =>\n props.size === \"small\" &&\n css`\n height: 24px;\n `}\n\n ${(props) =>\n props.size === \"big\" &&\n css`\n height: 40px;\n `}\n\n ${(props) =>\n (props.variant === \"primary\" || props.variant === \"contained\") &&\n css`\n padding: 0 16px;\n background-color: var(--color-primary);\n border-radius: var(--ac-br-rounded);\n color: var(--page-paper-main);\n\n &:hover,\n &:focus-visible {\n box-shadow: 0 3px 6px -2px var(--color-primary-500);\n background-color: var(--color-primary-800);\n }\n\n &:active {\n box-shadow: 0 4px 10px -2px var(--color-primary-600);\n background-color: var(--color-primary-800);\n }\n `}\n\n ${(props) =>\n (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n css`\n padding: 0 16px;\n background-color: transparent;\n border-radius: var(--ac-br-rounded);\n border: solid 1px var(--color-theme-700);\n color: var(--color-theme-700);\n\n &:hover,\n &:focus-visible {\n border-color: var(--color-primary);\n color: var(--color-primary);\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n `}\n\n ${(props) =>\n props.variant === \"dark transparent\" &&\n css`\n padding: 0 8px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: var(--ac-br-6);\n color: var(--only-white);\n\n &:hover,\n &:focus-visible {\n background-color: rgba(0, 0, 0, 0.85);\n }\n\n &:active {\n background-color: var(--only-black);\n }\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: var(--ac-br-6);\n color: var(--color-primary);\n\n &:hover,\n &:focus-visible {\n background-color: var(--color-primary-200);\n }\n\n &:active {\n background-color: var(--color-primary-300);\n }\n `}\n\n ${(props) =>\n (props.variant === \"option\" || props.variant === \"text gray\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: var(--ac-br-6);\n color: var(--color-theme-700);\n\n &:hover,\n &:focus-visible {\n background-color: var(--color-theme-300);\n color: var(--color-theme-900);\n }\n\n &:active {\n background-color: var(--color-theme-400);\n color: var(--color-theme-900);\n }\n `}\n\n ${(props) =>\n props.variant === \"circle raised\" &&\n css`\n padding: 0 6px;\n background-color: transparent;\n border-radius: var(--ac-br-rounded);\n color: var(--color-theme-700);\n\n &:hover,\n &:focus-visible {\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary);\n }\n\n &:active {\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary-hover);\n }\n `}\n\n ${(props) =>\n props.iconOnly &&\n css`\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 32px;\n\n ${(props.size === \"small\" || props.size === \"big\") &&\n css`\n border-radius: var(--ac-br-rounded);\n `};\n\n ${props.size === \"small\" &&\n css`\n width: 24px;\n `}\n\n ${props.size === \"big\" &&\n css`\n width: 40px;\n `}\n `}\n\n ${(props) =>\n (props.variant === \"primary\" ||\n props.variant === \"contained\" ||\n props.variant === \"secondary\" ||\n props.variant === \"outlined\") &&\n css`\n .c-btn__elements__element:first-child svg {\n margin-left: -6px;\n }\n .c-btn__elements__element:last-child svg {\n margin-right: -6px;\n }\n\n ${(props.size === \"small\" || props.size === \"big\") &&\n css`\n border-radius: var(--ac-br-rounded);\n `}\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" ||\n props.variant === \"text colored\" ||\n props.variant === \"option\" ||\n props.variant === \"text gray\" ||\n props.variant === \"dark transparent\") &&\n css`\n .c-btn__elements__element:first-child svg {\n margin-left: -4px;\n }\n .c-btn__elements__element:last-child svg {\n margin-right: -4px;\n }\n ${props.size === \"small\" &&\n css`\n border-radius: var(--ac-br-4);\n `}\n ${props.size === \"big\" &&\n css`\n border-radius: var(--ac-br-8);\n `}\n `}\n\n ${(props) =>\n props.active &&\n css`\n ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n css`\n background-color: var(--color-primary-800);\n `}\n\n ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n css`\n border-color: var(--color-primary);\n color: var(--color-primary);\n `}\n\n ${props.variant === \"dark transparent\" &&\n css`\n background-color: var(--only-black);\n `}\n\n ${props.variant === \"circle raised\" &&\n css`\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary-hover);\n `}\n\n ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n css`\n background-color: var(--color-primary-200);\n `}\n\n ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n css`\n color: var(--color-primary);\n &:hover,\n &:focus-visible {\n color: var(--color-primary);\n }\n ${props.children instanceof Array &&\n css`\n background-color: var(--color-theme-300);\n `}\n `}\n `}\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n display: flex;\n align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n display: inline-flex;\n svg {\n margin: 0 4px;\n }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n"],"mappings":"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"}
@@ -8,8 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
8
8
  var _Styles = require("./Styles");
9
9
  var _utils = require("../../utils");
10
10
  var _ButtonGroup = require("../ButtonGroup");
11
+ var _Checkbox = require("../Checkbox");
11
12
  var _RadioButton = require("../RadioButton");
12
- var _Typography = require("../Typography");
13
13
  var _excluded = ["required", "multiple", "invalid", "options", "selected", "onChange"];
14
14
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
15
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -87,9 +87,6 @@ var ChooseV2 = exports.ChooseV2 = /*#__PURE__*/_react.default.forwardRef(functio
87
87
  onChange(_newSelected);
88
88
  }
89
89
  };
90
- var handleRadioChange = function handleRadioChange(id) {
91
- if (multiple) handleSelect(id);else onChange([id]);
92
- };
93
90
  if (!isReady) {
94
91
  return /*#__PURE__*/_react.default.createElement("div", {
95
92
  ref: handleRef,
@@ -108,19 +105,30 @@ var ChooseV2 = exports.ChooseV2 = /*#__PURE__*/_react.default.forwardRef(functio
108
105
  }
109
106
  }), useVerticalLayout ? /*#__PURE__*/_react.default.createElement(_Styles.StyledVerticalContainer, null, options.map(function (option) {
110
107
  return /*#__PURE__*/_react.default.createElement(_Styles.StyledRadioOption, {
108
+ $disabled: !!option.disabled,
111
109
  key: option.id,
112
- "data-disabled": option.disabled,
113
- onClick: function onClick() {
114
- return !option.disabled && handleRadioChange(option.id);
115
- }
116
- }, /*#__PURE__*/_react.default.createElement(_RadioButton.RadioButton, {
110
+ "data-disabled": option.disabled
111
+ }, multiple || !required ? /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
112
+ checked: selected.includes(option.id),
113
+ disabled: option.disabled,
114
+ onChange: function onChange() {
115
+ return !option.disabled && handleSelect(option.id);
116
+ },
117
+ name: "choose-v2-".concat(option.id),
118
+ id: "choose-v2-".concat(option.id)
119
+ }) : /*#__PURE__*/_react.default.createElement(_RadioButton.RadioButton, {
117
120
  checked: selected.includes(option.id),
118
121
  disabled: option.disabled,
119
122
  onChange: function onChange() {
120
- return !option.disabled && handleRadioChange(option.id);
123
+ return !option.disabled && handleSelect(option.id);
121
124
  },
122
- name: multiple ? "choose-v2-".concat(option.id) : "choose-v2-group"
123
- }), /*#__PURE__*/_react.default.createElement(_Typography.Body2, null, option.name));
125
+ id: "choose-v2-".concat(option.id),
126
+ name: "choose-v2-".concat(option.id)
127
+ }), /*#__PURE__*/_react.default.createElement(_Styles.StyledLabel, {
128
+ $disabled: !!option.disabled,
129
+ weight: "regular",
130
+ htmlFor: "choose-v2-".concat(option.id)
131
+ }, option.name));
124
132
  })) : /*#__PURE__*/_react.default.createElement(_Styles.StyledFlexContainer, {
125
133
  ref: flexContainerRef
126
134
  }, /*#__PURE__*/_react.default.createElement(_ButtonGroup.ButtonGroup, {
@@ -1 +1 @@
1
- {"version":3,"file":"ChooseV2.js","names":["_react","_interopRequireWildcard","require","_Styles","_utils","_ButtonGroup","_RadioButton","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ChooseV2","exports","React","forwardRef","_ref","ref","_parentSize$width","_flexSize$width","_ref$required","required","_ref$multiple","multiple","_ref$invalid","invalid","options","selected","onChange","rest","internalRef","useRef","flexContainerRef","handleRef","useForkRef","_useState","useState","_useState2","useVerticalLayout","setUseVerticalLayout","_useState3","_useState4","isReady","setIsReady","parentSize","useResizeObserver","flexSize","parentWidth","width","flexWidth","useEffect","measure","temp","document","createElement","style","display","visibility","position","whiteSpace","pointerEvents","body","appendChild","forEach","option","button","textContent","padding","border","marginRight","totalWidth","offsetWidth","removeChild","requestAnimationFrame","handleSelect","id","newSelected","includes","filter","s","handleRadioChange","minHeight","StyledVerticalContainer","map","StyledRadioOption","disabled","onClick","RadioButton","checked","concat","Body2","StyledFlexContainer","ButtonGroup","StyledChoose","active","displayName"],"sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\n\nimport {\n StyledChoose,\n StyledFlexContainer,\n StyledRadioOption,\n StyledVerticalContainer,\n} from \"./Styles\";\nimport { useResizeObserver, useForkRef } from \"../../utils\";\nimport { ButtonGroup } from \"../ButtonGroup\";\nimport { RadioButton } from \"../RadioButton\";\nimport { Body2 } from \"../Typography\";\n\nexport interface ChooseV2Option {\n id: string | number;\n name: string;\n disabled?: boolean;\n}\n\nexport interface ChooseV2Props {\n required?: boolean;\n multiple?: boolean;\n invalid?: boolean;\n options: ChooseV2Option[];\n selected: (string | number)[];\n onChange: (ids: (string | number)[]) => void;\n}\n\nexport const ChooseV2 = React.forwardRef<\n HTMLDivElement,\n ChooseV2Props &\n Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChooseV2Props>\n>(\n (\n {\n required = false,\n multiple = false,\n invalid = false,\n options,\n selected,\n onChange,\n ...rest\n },\n ref\n ) => {\n const internalRef = useRef<HTMLDivElement | null>(null);\n const flexContainerRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef(ref, internalRef);\n\n const [useVerticalLayout, setUseVerticalLayout] = useState(false);\n const [isReady, setIsReady] = useState(false);\n\n const parentSize = useResizeObserver(internalRef);\n const flexSize = useResizeObserver(flexContainerRef);\n\n const parentWidth = parentSize?.width ?? 0;\n const flexWidth = flexSize?.width ?? 0;\n\n useEffect(() => {\n if (parentWidth === 0) return;\n\n const measure = () => {\n const temp = document.createElement(\"div\");\n temp.style.display = \"inline-flex\";\n temp.style.visibility = \"hidden\";\n temp.style.position = \"absolute\";\n temp.style.whiteSpace = \"nowrap\";\n temp.style.pointerEvents = \"none\";\n document.body.appendChild(temp);\n\n options.forEach((option) => {\n const button = document.createElement(\"button\");\n button.textContent = option.name;\n button.style.padding = \"6px 12px\";\n button.style.border = \"1px solid transparent\";\n button.style.marginRight = \"4px\";\n temp.appendChild(button);\n });\n\n const totalWidth = temp.offsetWidth + 8;\n document.body.removeChild(temp);\n\n setUseVerticalLayout(totalWidth > parentWidth);\n setIsReady(true);\n };\n\n requestAnimationFrame(measure);\n }, [parentWidth, options, flexWidth]);\n\n const handleSelect = (id: string | number) => {\n if (multiple) {\n const newSelected = selected.includes(id)\n ? selected.filter((s) => s !== id)\n : [...selected, id];\n if (required && newSelected.length === 0) return;\n onChange(newSelected);\n } else {\n const newSelected = selected.includes(id) ? [] : [id];\n if (required && newSelected.length === 0) return;\n onChange(newSelected);\n }\n };\n\n const handleRadioChange = (id: string | number) => {\n if (multiple) handleSelect(id);\n else onChange([id]);\n };\n\n if (!isReady) {\n return (\n <div ref={handleRef} style={{ width: \"100%\", minHeight: \"32px\" }} />\n );\n }\n\n return (\n <div ref={handleRef} {...rest} style={{ display: \"flex\", width: \"100%\" }}>\n {useVerticalLayout ? (\n <StyledVerticalContainer>\n {options.map((option) => (\n <StyledRadioOption\n key={option.id}\n data-disabled={option.disabled}\n onClick={() => !option.disabled && handleRadioChange(option.id)}\n >\n <RadioButton\n checked={selected.includes(option.id)}\n disabled={option.disabled}\n onChange={() =>\n !option.disabled && handleRadioChange(option.id)\n }\n name={multiple ? `choose-v2-${option.id}` : \"choose-v2-group\"}\n />\n <Body2>{option.name}</Body2>\n </StyledRadioOption>\n ))}\n </StyledVerticalContainer>\n ) : (\n <StyledFlexContainer ref={flexContainerRef}>\n <ButtonGroup invalid={invalid}>\n {options.map((option) => (\n <StyledChoose\n key={option.id}\n active={selected.includes(option.id)}\n disabled={option.disabled}\n onClick={() => handleSelect(option.id)}\n >\n {option.name}\n </StyledChoose>\n ))}\n </ButtonGroup>\n </StyledFlexContainer>\n )}\n </div>\n );\n }\n);\n\nChooseV2.displayName = \"ChooseV2\";\n"],"mappings":"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"}
1
+ {"version":3,"file":"ChooseV2.js","names":["_react","_interopRequireWildcard","require","_Styles","_utils","_ButtonGroup","_Checkbox","_RadioButton","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ChooseV2","exports","React","forwardRef","_ref","ref","_parentSize$width","_flexSize$width","_ref$required","required","_ref$multiple","multiple","_ref$invalid","invalid","options","selected","onChange","rest","internalRef","useRef","flexContainerRef","handleRef","useForkRef","_useState","useState","_useState2","useVerticalLayout","setUseVerticalLayout","_useState3","_useState4","isReady","setIsReady","parentSize","useResizeObserver","flexSize","parentWidth","width","flexWidth","useEffect","measure","temp","document","createElement","style","display","visibility","position","whiteSpace","pointerEvents","body","appendChild","forEach","option","button","textContent","padding","border","marginRight","totalWidth","offsetWidth","removeChild","requestAnimationFrame","handleSelect","id","newSelected","includes","filter","s","minHeight","StyledVerticalContainer","map","StyledRadioOption","$disabled","disabled","Checkbox","checked","concat","RadioButton","StyledLabel","weight","htmlFor","StyledFlexContainer","ButtonGroup","StyledChoose","active","onClick","displayName"],"sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\n\nimport {\n StyledChoose,\n StyledFlexContainer,\n StyledLabel,\n StyledRadioOption,\n StyledVerticalContainer,\n} from \"./Styles\";\nimport { useResizeObserver, useForkRef } from \"../../utils\";\nimport { ButtonGroup } from \"../ButtonGroup\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface ChooseV2Option {\n id: string | number;\n name: string;\n disabled?: boolean;\n}\n\nexport interface ChooseV2Props {\n required?: boolean;\n multiple?: boolean;\n invalid?: boolean;\n options: ChooseV2Option[];\n selected: (string | number)[];\n onChange: (ids: (string | number)[]) => void;\n}\n\nexport const ChooseV2 = React.forwardRef<\n HTMLDivElement,\n ChooseV2Props &\n Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChooseV2Props>\n>(\n (\n {\n required = false,\n multiple = false,\n invalid = false,\n options,\n selected,\n onChange,\n ...rest\n },\n ref\n ) => {\n const internalRef = useRef<HTMLDivElement | null>(null);\n const flexContainerRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef(ref, internalRef);\n\n const [useVerticalLayout, setUseVerticalLayout] = useState(false);\n const [isReady, setIsReady] = useState(false);\n\n const parentSize = useResizeObserver(internalRef);\n const flexSize = useResizeObserver(flexContainerRef);\n\n const parentWidth = parentSize?.width ?? 0;\n const flexWidth = flexSize?.width ?? 0;\n\n useEffect(() => {\n if (parentWidth === 0) return;\n\n const measure = () => {\n const temp = document.createElement(\"div\");\n temp.style.display = \"inline-flex\";\n temp.style.visibility = \"hidden\";\n temp.style.position = \"absolute\";\n temp.style.whiteSpace = \"nowrap\";\n temp.style.pointerEvents = \"none\";\n document.body.appendChild(temp);\n\n options.forEach((option) => {\n const button = document.createElement(\"button\");\n button.textContent = option.name;\n button.style.padding = \"6px 12px\";\n button.style.border = \"1px solid transparent\";\n button.style.marginRight = \"4px\";\n temp.appendChild(button);\n });\n\n const totalWidth = temp.offsetWidth + 8;\n document.body.removeChild(temp);\n\n setUseVerticalLayout(totalWidth > parentWidth);\n setIsReady(true);\n };\n\n requestAnimationFrame(measure);\n }, [parentWidth, options, flexWidth]);\n\n const handleSelect = (id: string | number) => {\n if (multiple) {\n const newSelected = selected.includes(id)\n ? selected.filter((s) => s !== id)\n : [...selected, id];\n\n if (required && newSelected.length === 0) return;\n onChange(newSelected);\n } else {\n const newSelected = selected.includes(id) ? [] : [id];\n if (required && newSelected.length === 0) return;\n onChange(newSelected);\n }\n };\n\n if (!isReady) {\n return (\n <div ref={handleRef} style={{ width: \"100%\", minHeight: \"32px\" }} />\n );\n }\n\n return (\n <div ref={handleRef} {...rest} style={{ display: \"flex\", width: \"100%\" }}>\n {useVerticalLayout ? (\n <StyledVerticalContainer>\n {options.map((option) => (\n <StyledRadioOption\n $disabled={!!option.disabled}\n key={option.id}\n data-disabled={option.disabled}\n >\n {multiple || !required ? (\n <Checkbox\n checked={selected.includes(option.id)}\n disabled={option.disabled}\n onChange={() => !option.disabled && handleSelect(option.id)}\n name={`choose-v2-${option.id}`}\n id={`choose-v2-${option.id}`}\n />\n ) : (\n <RadioButton\n checked={selected.includes(option.id)}\n disabled={option.disabled}\n onChange={() => !option.disabled && handleSelect(option.id)}\n id={`choose-v2-${option.id}`}\n name={`choose-v2-${option.id}`}\n />\n )}\n <StyledLabel\n $disabled={!!option.disabled}\n weight=\"regular\"\n htmlFor={`choose-v2-${option.id}`}\n >\n {option.name}\n </StyledLabel>\n </StyledRadioOption>\n ))}\n </StyledVerticalContainer>\n ) : (\n <StyledFlexContainer ref={flexContainerRef}>\n <ButtonGroup invalid={invalid}>\n {options.map((option) => (\n <StyledChoose\n key={option.id}\n active={selected.includes(option.id)}\n disabled={option.disabled}\n onClick={() => handleSelect(option.id)}\n >\n {option.name}\n </StyledChoose>\n ))}\n </ButtonGroup>\n </StyledFlexContainer>\n )}\n </div>\n );\n }\n);\n\nChooseV2.displayName = \"ChooseV2\";\n"],"mappings":"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"}
@@ -3,9 +3,10 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.StyledVerticalContainer = exports.StyledRadioOption = exports.StyledFlexContainer = exports.StyledChoose = void 0;
6
+ exports.StyledVerticalContainer = exports.StyledRadioOption = exports.StyledLabel = exports.StyledFlexContainer = exports.StyledChoose = void 0;
7
7
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
8
8
  var _Choose = require("../Choose/Choose");
9
+ var _Label = require("../Label");
9
10
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
10
11
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
11
12
  var StyledChoose = exports.StyledChoose = (0, _styledComponents.default)(_Choose.Choose).withConfig({
@@ -20,14 +21,23 @@ var StyledVerticalContainer = exports.StyledVerticalContainer = _styledComponent
20
21
  componentId: "sc-uv67fb-1"
21
22
  })(["display:flex;flex-direction:column;width:100%;gap:8px;"]);
22
23
  StyledVerticalContainer.displayName = "StyledVerticalContainer";
24
+ var StyledLabel = exports.StyledLabel = (0, _styledComponents.default)(_Label.Label).withConfig({
25
+ displayName: "Styles__StyledLabel",
26
+ componentId: "sc-uv67fb-2"
27
+ })(["", ""], function (props) {
28
+ return !props.$disabled ? (0, _styledComponents.css)(["cursor:pointer;"]) : (0, _styledComponents.css)(["cursor:not-allowed;"]);
29
+ });
30
+ StyledLabel.displayName = "StyledLabel";
23
31
  var StyledRadioOption = exports.StyledRadioOption = _styledComponents.default.div.withConfig({
24
32
  displayName: "Styles__StyledRadioOption",
25
- componentId: "sc-uv67fb-2"
26
- })(["display:flex;align-items:center;gap:6px;cursor:pointer;&:hover{opacity:0.8;}&[data-disabled=\"true\"]{opacity:0.5;cursor:not-allowed;}"]);
33
+ componentId: "sc-uv67fb-3"
34
+ })(["display:flex;align-items:center;gap:6px;", " &:hover{opacity:0.8;}&[data-disabled=\"true\"]{opacity:0.5;cursor:not-allowed;}"], function (props) {
35
+ return !props.$disabled ? (0, _styledComponents.css)(["cursor:pointer;"]) : (0, _styledComponents.css)(["cursor:not-allowed;"]);
36
+ });
27
37
  StyledRadioOption.displayName = "StyledRadioOption";
28
38
  var StyledFlexContainer = exports.StyledFlexContainer = _styledComponents.default.div.withConfig({
29
39
  displayName: "Styles__StyledFlexContainer",
30
- componentId: "sc-uv67fb-3"
40
+ componentId: "sc-uv67fb-4"
31
41
  })(["display:flex;width:100%;"]);
32
42
  StyledFlexContainer.displayName = "StyledFlexContainer";
33
43
  //# sourceMappingURL=Styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Choose","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledChoose","exports","styled","Choose","withConfig","displayName","componentId","props","active","css","StyledVerticalContainer","div","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\n\nexport const StyledChoose = styled(Choose)`\n flex-shrink: 0;\n white-space: nowrap;\n\n ${(props) =>\n !props.active &&\n css`\n background-color: transparent !important;\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledRadioOption = styled.div`\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n\n &:hover {\n opacity: 0.8;\n }\n\n &[data-disabled=\"true\"] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n display: flex;\n width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAA0C,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEnC,IAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,yBAAM,EAACC,cAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAItC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,MAAM,QACbC,qBAAG,+CAEF;AAAA,EACJ;AAEDT,YAAY,CAACK,WAAW,GAAG,cAAc;AAElC,IAAMK,uBAAuB,GAAAT,OAAA,CAAAS,uBAAA,GAAGR,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAKhD;AAEDI,uBAAuB,CAACL,WAAW,GAAG,yBAAyB;AAExD,IAAMO,iBAAiB,GAAAX,OAAA,CAAAW,iBAAA,GAAGV,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAc1C;AAEDM,iBAAiB,CAACP,WAAW,GAAG,mBAAmB;AAE5C,IAAMQ,mBAAmB,GAAAZ,OAAA,CAAAY,mBAAA,GAAGX,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gCAG5C;AAEDO,mBAAmB,CAACR,WAAW,GAAG,qBAAqB"}
1
+ {"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Choose","_Label","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledChoose","exports","styled","Choose","withConfig","displayName","componentId","props","active","css","StyledVerticalContainer","div","StyledLabel","Label","$disabled","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\nimport { Label } from \"../Label\";\n\nexport const StyledChoose = styled(Choose)`\n flex-shrink: 0;\n white-space: nowrap;\n\n ${(props) =>\n !props.active &&\n css`\n background-color: transparent !important;\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledLabel = styled(Label)<{ $disabled?: boolean }>`\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledRadioOption = styled.div<{ $disabled?: boolean }>`\n display: flex;\n align-items: center;\n gap: 6px;\n\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n\n &:hover {\n opacity: 0.8;\n }\n\n &[data-disabled=\"true\"] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n display: flex;\n width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAiC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE1B,IAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,yBAAM,EAACC,cAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAItC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,MAAM,QACbC,qBAAG,+CAEF;AAAA,EACJ;AAEDT,YAAY,CAACK,WAAW,GAAG,cAAc;AAElC,IAAMK,uBAAuB,GAAAT,OAAA,CAAAS,uBAAA,GAAGR,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAKhD;AAEDI,uBAAuB,CAACL,WAAW,GAAG,yBAAyB;AAExD,IAAMO,WAAW,GAAAX,OAAA,CAAAW,WAAA,GAAG,IAAAV,yBAAM,EAACW,YAAK,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACO,SAAS,OACZL,qBAAG,6BAGHA,qBAAG,0BAEF;AAAA,EACR;AAEDG,WAAW,CAACP,WAAW,GAAG,aAAa;AAEhC,IAAMU,iBAAiB,GAAAd,OAAA,CAAAc,iBAAA,GAAGb,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qIAKvC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACO,SAAS,OACZL,qBAAG,6BAGHA,qBAAG,0BAEF;AAAA,EAUR;AAEDM,iBAAiB,CAACV,WAAW,GAAG,mBAAmB;AAE5C,IAAMW,mBAAmB,GAAAf,OAAA,CAAAe,mBAAA,GAAGd,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gCAG5C;AAEDU,mBAAmB,CAACX,WAAW,GAAG,qBAAqB"}
@@ -3,11 +3,11 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.ContentWizard = void 0;
6
+ exports.ContentStepper = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _reactFocusLock = require("react-focus-lock");
9
9
  var _ContentStep = require("./ContentStep");
10
- var _ContentWizardContext = require("./context/ContentWizardContext");
10
+ var _ContentStepperContext = require("./context/ContentStepperContext");
11
11
  var _Styles = require("./Styles");
12
12
  var _Transitions = require("../Transitions");
13
13
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -18,7 +18,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
18
18
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
19
19
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
20
20
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
21
- var ContentWizard = exports.ContentWizard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
21
+ var ContentStepper = exports.ContentStepper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
22
22
  var children = _ref.children,
23
23
  className = _ref.className,
24
24
  controlledStep = _ref.step,
@@ -96,7 +96,7 @@ var ContentWizard = exports.ContentWizard = /*#__PURE__*/(0, _react.forwardRef)(
96
96
  return null;
97
97
  });
98
98
  }, [activeStep, childrenCollection, isLeft, enteredStep, handleHeight, handleEntered]);
99
- return /*#__PURE__*/_react.default.createElement(_ContentWizardContext.ContentWizardContextProvider, {
99
+ return /*#__PURE__*/_react.default.createElement(_ContentStepperContext.ContentStepperContextProvider, {
100
100
  value: {
101
101
  activeStep,
102
102
  setActiveStep,
@@ -117,5 +117,5 @@ var ContentWizard = exports.ContentWizard = /*#__PURE__*/(0, _react.forwardRef)(
117
117
  $height: height
118
118
  }, renderSteps)));
119
119
  });
120
- ContentWizard.displayName = "ContentWizard";
121
- //# sourceMappingURL=ContentWizard.js.map
120
+ ContentStepper.displayName = "ContentStepper";
121
+ //# sourceMappingURL=ContentStepper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContentStepper.js","names":["_react","_interopRequireWildcard","require","_reactFocusLock","_ContentStep","_ContentStepperContext","_Styles","_Transitions","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","ContentStepper","exports","forwardRef","_ref","ref","children","className","controlledStep","step","onStepChange","childrenCollection","useMemo","React","Children","toArray","_useState","useState","_useState2","internalStep","setInternalStep","_useState3","_useState4","enteredStep","setEnteredStep","_useState5","_useState6","height","setHeight","previousStepRef","useRef","activeStep","undefined","isLeft","prevStep","current","direction","setActiveStep","useCallback","newStep","goNext","nextIndex","Math","min","goPrevious","prevIndex","max","handleHeight","element","concat","offsetHeight","handleEntered","stepIndex","renderSteps","map","child","index","type","ContentStep","stepContent","cloneElement","key","isFirst","isLast","createElement","SlideLeftRightTransition","in","onEnter","onEntered","MoveFocusInside","disabled","StyledStepWrapper","ContentStepperContextProvider","totalSteps","ResizeTransition","style","width","StyledContentWizardContainer","$height","displayName"],"sources":["../../../../src/components/ContentWizard/ContentStepper.tsx"],"sourcesContent":["import React, {\n forwardRef,\n ReactElement,\n ReactNode,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\n\nimport { ContentStep } from \"./ContentStep\";\nimport { ContentStepperContextProvider } from \"./context/ContentStepperContext\";\nimport { StyledContentWizardContainer, StyledStepWrapper } from \"./Styles\";\nimport { SlideLeftRightTransition, ResizeTransition } from \"../Transitions\";\n\nexport interface IContentStepper {\n children: ReactNode;\n className?: string;\n step?: number;\n onStepChange?: (step: number) => void;\n}\n\nexport const ContentStepper = forwardRef<HTMLDivElement, IContentStepper>(\n ({ children, className, step: controlledStep, onStepChange }, ref) => {\n const childrenCollection = useMemo(\n () => React.Children.toArray(children),\n [children]\n );\n\n const [internalStep, setInternalStep] = useState(0);\n const [enteredStep, setEnteredStep] = useState(0);\n const [height, setHeight] = useState(\"auto\");\n const previousStepRef = useRef(0);\n\n // Use controlled step if provided, otherwise use internal state\n const activeStep =\n controlledStep !== undefined ? controlledStep : internalStep;\n\n // Calculate direction synchronously based on step change\n const isLeft = useMemo(() => {\n const prevStep = previousStepRef.current;\n const direction = activeStep > prevStep;\n previousStepRef.current = activeStep;\n return direction;\n }, [activeStep]);\n\n const setActiveStep = useCallback(\n (newStep: number) => {\n if (newStep === activeStep) return;\n\n if (controlledStep === undefined) {\n setInternalStep(newStep);\n }\n\n onStepChange?.(newStep);\n },\n [activeStep, controlledStep, onStepChange]\n );\n\n const goNext = useCallback(() => {\n const nextIndex = Math.min(activeStep + 1, childrenCollection.length - 1);\n setActiveStep(nextIndex);\n }, [activeStep, childrenCollection.length, setActiveStep]);\n\n const goPrevious = useCallback(() => {\n const prevIndex = Math.max(activeStep - 1, 0);\n setActiveStep(prevIndex);\n }, [activeStep, setActiveStep]);\n\n const handleHeight = useCallback((element: HTMLElement) => {\n setHeight(`${element.offsetHeight}px`);\n }, []);\n\n const handleEntered = useCallback((stepIndex: number) => {\n setEnteredStep(stepIndex);\n }, []);\n\n const renderSteps = useMemo(() => {\n return childrenCollection.map((child, index) => {\n const element = child as ReactElement;\n\n if (element?.type === ContentStep) {\n const stepContent = React.cloneElement(element, {\n key: `step-${index}`,\n index,\n isFirst: index === 0,\n isLast: index === childrenCollection.length - 1,\n });\n\n return (\n <SlideLeftRightTransition\n key={`transition-${index}`}\n in={activeStep === index}\n direction={isLeft ? \"left\" : \"right\"}\n onEnter={handleHeight}\n onEntered={() => handleEntered(index)}\n >\n <MoveFocusInside disabled={enteredStep !== index}>\n <StyledStepWrapper>{stepContent}</StyledStepWrapper>\n </MoveFocusInside>\n </SlideLeftRightTransition>\n );\n }\n\n return null;\n });\n }, [\n activeStep,\n childrenCollection,\n isLeft,\n enteredStep,\n handleHeight,\n handleEntered,\n ]);\n\n return (\n <ContentStepperContextProvider\n value={{\n activeStep,\n setActiveStep,\n goNext,\n goPrevious,\n direction: isLeft ? \"left\" : \"right\",\n totalSteps: childrenCollection.length,\n }}\n >\n <ResizeTransition in style={{ height, width: \"100%\" }}>\n <StyledContentWizardContainer\n ref={ref}\n className={className}\n $height={height}\n >\n {renderSteps}\n </StyledContentWizardContainer>\n </ResizeTransition>\n </ContentStepperContextProvider>\n );\n }\n);\n\nContentStepper.displayName = \"ContentStepper\";\n"],"mappings":"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"}
@@ -3,23 +3,23 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useContentWizardContext = exports.ContentWizardContextProvider = void 0;
6
+ exports.useContentStepperContext = exports.ContentStepperContextProvider = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
9
9
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
10
- var ContentWizardContext = /*#__PURE__*/(0, _react.createContext)(undefined);
11
- var ContentWizardContextProvider = exports.ContentWizardContextProvider = function ContentWizardContextProvider(_ref) {
10
+ var ContentStepperContext = /*#__PURE__*/(0, _react.createContext)(undefined);
11
+ var ContentStepperContextProvider = exports.ContentStepperContextProvider = function ContentStepperContextProvider(_ref) {
12
12
  var children = _ref.children,
13
13
  value = _ref.value;
14
- return /*#__PURE__*/_react.default.createElement(ContentWizardContext.Provider, {
14
+ return /*#__PURE__*/_react.default.createElement(ContentStepperContext.Provider, {
15
15
  value: value
16
16
  }, children);
17
17
  };
18
- var useContentWizardContext = exports.useContentWizardContext = function useContentWizardContext() {
19
- var context = (0, _react.useContext)(ContentWizardContext);
18
+ var useContentStepperContext = exports.useContentStepperContext = function useContentStepperContext() {
19
+ var context = (0, _react.useContext)(ContentStepperContext);
20
20
  if (context === undefined) {
21
21
  throw new Error("useContentWizardContext must be used within a ContentWizardContextProvider");
22
22
  }
23
23
  return context;
24
24
  };
25
- //# sourceMappingURL=ContentWizardContext.js.map
25
+ //# sourceMappingURL=ContentStepperContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContentStepperContext.js","names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ContentStepperContext","createContext","undefined","ContentStepperContextProvider","exports","_ref","children","value","createElement","Provider","useContentStepperContext","context","useContext","Error"],"sources":["../../../../../src/components/ContentWizard/context/ContentStepperContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\n\nexport interface IContentStepperContext {\n activeStep: number;\n setActiveStep: (step: number) => void;\n goNext: () => void;\n goPrevious: () => void;\n direction: \"left\" | \"right\";\n totalSteps: number;\n}\n\nconst ContentStepperContext = createContext<IContentStepperContext | undefined>(\n undefined\n);\n\nexport interface IContentWizardContextProvider {\n children: ReactNode;\n value: IContentStepperContext;\n}\n\nexport const ContentStepperContextProvider: React.FC<\n IContentWizardContextProvider\n> = ({ children, value }) => {\n return (\n <ContentStepperContext.Provider value={value}>\n {children}\n </ContentStepperContext.Provider>\n );\n};\n\nexport const useContentStepperContext = (): IContentStepperContext => {\n const context = useContext(ContentStepperContext);\n\n if (context === undefined) {\n throw new Error(\n \"useContentWizardContext must be used within a ContentWizardContextProvider\"\n );\n }\n\n return context;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAoE,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAWpE,IAAMY,qBAAqB,gBAAG,IAAAC,oBAAa,EACzCC,SACF,CAAC;AAOM,IAAMC,6BAEZ,GAAAC,OAAA,CAAAD,6BAAA,GAAG,SAFSA,6BAEZA,CAAAE,IAAA,EAA4B;EAAA,IAAtBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;EACpB,oBACE/B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAACR,qBAAqB,CAACS,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAC1CD,QAC6B,CAAC;AAErC,CAAC;AAEM,IAAMI,wBAAwB,GAAAN,OAAA,CAAAM,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAA,EAAiC;EACpE,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACZ,qBAAqB,CAAC;EAEjD,IAAIW,OAAO,KAAKT,SAAS,EAAE;IACzB,MAAM,IAAIW,KAAK,CACb,4EACF,CAAC;EACH;EAEA,OAAOF,OAAO;AAChB,CAAC"}
@@ -3,14 +3,14 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- var _ContentWizardContext = require("./ContentWizardContext");
7
- Object.keys(_ContentWizardContext).forEach(function (key) {
6
+ var _ContentStepperContext = require("./ContentStepperContext");
7
+ Object.keys(_ContentStepperContext).forEach(function (key) {
8
8
  if (key === "default" || key === "__esModule") return;
9
- if (key in exports && exports[key] === _ContentWizardContext[key]) return;
9
+ if (key in exports && exports[key] === _ContentStepperContext[key]) return;
10
10
  Object.defineProperty(exports, key, {
11
11
  enumerable: true,
12
12
  get: function get() {
13
- return _ContentWizardContext[key];
13
+ return _ContentStepperContext[key];
14
14
  }
15
15
  });
16
16
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_ContentWizardContext","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/ContentWizard/context/index.ts"],"sourcesContent":["export * from \"./ContentWizardContext\";\n"],"mappings":";;;;;AAAA,IAAAA,qBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,qBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,qBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,qBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
1
+ {"version":3,"file":"index.js","names":["_ContentStepperContext","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/ContentWizard/context/index.ts"],"sourcesContent":["export * from \"./ContentStepperContext\";\n"],"mappings":";;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,sBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,sBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,sBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
@@ -4,24 +4,24 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  var _exportNames = {
7
- useContentWizardContext: true
7
+ useContentStepperContext: true
8
8
  };
9
- Object.defineProperty(exports, "useContentWizardContext", {
9
+ Object.defineProperty(exports, "useContentStepperContext", {
10
10
  enumerable: true,
11
11
  get: function get() {
12
- return _context.useContentWizardContext;
12
+ return _context.useContentStepperContext;
13
13
  }
14
14
  });
15
15
  var _context = require("./context");
16
- var _ContentWizard = require("./ContentWizard");
17
- Object.keys(_ContentWizard).forEach(function (key) {
16
+ var _ContentStepper = require("./ContentStepper");
17
+ Object.keys(_ContentStepper).forEach(function (key) {
18
18
  if (key === "default" || key === "__esModule") return;
19
19
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
20
- if (key in exports && exports[key] === _ContentWizard[key]) return;
20
+ if (key in exports && exports[key] === _ContentStepper[key]) return;
21
21
  Object.defineProperty(exports, key, {
22
22
  enumerable: true,
23
23
  get: function get() {
24
- return _ContentWizard[key];
24
+ return _ContentStepper[key];
25
25
  }
26
26
  });
27
27
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_context","require","_ContentWizard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ContentStep"],"sources":["../../../../src/components/ContentWizard/index.ts"],"sourcesContent":["import { useContentWizardContext } from \"./context\";\n\nexport * from \"./ContentWizard\";\nexport * from \"./ContentStep\";\n\nexport { useContentWizardContext };\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,cAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,cAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,cAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,YAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,YAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,YAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,YAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}
1
+ {"version":3,"file":"index.js","names":["_context","require","_ContentStepper","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ContentStep"],"sources":["../../../../src/components/ContentWizard/index.ts"],"sourcesContent":["import { useContentStepperContext } from \"./context\";\n\nexport * from \"./ContentStepper\";\nexport * from \"./ContentStep\";\n\nexport { useContentStepperContext };\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,eAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,eAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,eAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,YAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,YAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,YAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,YAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,UAAU,iBAAkB,SAAQ,WAAW;IAC7C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,sFA4RxB,CAAC;AAIF,eAAO,MAAM,oBAAoB,qEAGhC,CAAC;AAIF,eAAO,MAAM,mBAAmB,qEAM/B,CAAC"}
1
+ {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,UAAU,iBAAkB,SAAQ,WAAW;IAC7C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,sFA4RxB,CAAC;AAIF,eAAO,MAAM,oBAAoB,qEAGhC,CAAC;AAIF,eAAO,MAAM,mBAAmB,qEAK/B,CAAC"}
@@ -14,10 +14,6 @@ StyledButtonElements.displayName = "StyledButtonElements";
14
14
  export const StyledButtonElement = styled.span.withConfig({
15
15
  displayName: "Styles__StyledButtonElement",
16
16
  componentId: "sc-vi1kcr-2"
17
- })(["", " display:inline-flex;svg{margin:0 4px;}"], {
18
- "overflow": "hidden",
19
- "textOverflow": "ellipsis",
20
- "whiteSpace": "nowrap"
21
- });
17
+ })(["display:inline-flex;svg{margin:0 4px;}"]);
22
18
  StyledButtonElement.displayName = "StyledButtonElement";
23
19
  //# sourceMappingURL=Styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledButton","button","withConfig","displayName","componentId","props","size","variant","iconOnly","active","children","Array","StyledButtonElements","span","StyledButtonElement"],"sources":["../../../../src/components/Button/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { ButtonProps } from \"./Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledButtonProps extends ButtonProps {\n iconOnly: boolean;\n}\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n vertical-align: middle;\n font-weight: 500;\n display: inline-block;\n line-height: 1;\n margin: 0;\n text-decoration: none;\n font-size: 0.875rem;\n user-select: none;\n cursor: pointer;\n text-align: center;\n flex-shrink: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 288px;\n\n border: none;\n height: 32px;\n transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease,\n border-color 0.3s ease;\n\n svg {\n fill: currentColor;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n\n ${(props) =>\n props.size === \"small\" &&\n css`\n height: 24px;\n `}\n\n ${(props) =>\n props.size === \"big\" &&\n css`\n height: 40px;\n `}\n\n ${(props) =>\n (props.variant === \"primary\" || props.variant === \"contained\") &&\n css`\n padding: 0 16px;\n background-color: var(--color-primary);\n border-radius: var(--ac-br-rounded);\n color: var(--page-paper-main);\n\n &:hover,\n &:focus-visible {\n box-shadow: 0 3px 6px -2px var(--color-primary-500);\n background-color: var(--color-primary-800);\n }\n\n &:active {\n box-shadow: 0 4px 10px -2px var(--color-primary-600);\n background-color: var(--color-primary-800);\n }\n `}\n\n ${(props) =>\n (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n css`\n padding: 0 16px;\n background-color: transparent;\n border-radius: var(--ac-br-rounded);\n border: solid 1px var(--color-theme-700);\n color: var(--color-theme-700);\n\n &:hover,\n &:focus-visible {\n border-color: var(--color-primary);\n color: var(--color-primary);\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n `}\n\n ${(props) =>\n props.variant === \"dark transparent\" &&\n css`\n padding: 0 8px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: var(--ac-br-6);\n color: var(--only-white);\n\n &:hover,\n &:focus-visible {\n background-color: rgba(0, 0, 0, 0.85);\n }\n\n &:active {\n background-color: var(--only-black);\n }\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: var(--ac-br-6);\n color: var(--color-primary);\n\n &:hover,\n &:focus-visible {\n background-color: var(--color-primary-200);\n }\n\n &:active {\n background-color: var(--color-primary-300);\n }\n `}\n\n ${(props) =>\n (props.variant === \"option\" || props.variant === \"text gray\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: var(--ac-br-6);\n color: var(--color-theme-700);\n\n &:hover,\n &:focus-visible {\n background-color: var(--color-theme-300);\n color: var(--color-theme-900);\n }\n\n &:active {\n background-color: var(--color-theme-400);\n color: var(--color-theme-900);\n }\n `}\n\n ${(props) =>\n props.variant === \"circle raised\" &&\n css`\n padding: 0 6px;\n background-color: transparent;\n border-radius: var(--ac-br-rounded);\n color: var(--color-theme-700);\n\n &:hover,\n &:focus-visible {\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary);\n }\n\n &:active {\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary-hover);\n }\n `}\n\n ${(props) =>\n props.iconOnly &&\n css`\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 32px;\n\n ${(props.size === \"small\" || props.size === \"big\") &&\n css`\n border-radius: var(--ac-br-rounded);\n `};\n\n ${props.size === \"small\" &&\n css`\n width: 24px;\n `}\n\n ${props.size === \"big\" &&\n css`\n width: 40px;\n `}\n `}\n\n ${(props) =>\n (props.variant === \"primary\" ||\n props.variant === \"contained\" ||\n props.variant === \"secondary\" ||\n props.variant === \"outlined\") &&\n css`\n .c-btn__elements__element:first-child svg {\n margin-left: -6px;\n }\n .c-btn__elements__element:last-child svg {\n margin-right: -6px;\n }\n\n ${(props.size === \"small\" || props.size === \"big\") &&\n css`\n border-radius: var(--ac-br-rounded);\n `}\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" ||\n props.variant === \"text colored\" ||\n props.variant === \"option\" ||\n props.variant === \"text gray\" ||\n props.variant === \"dark transparent\") &&\n css`\n .c-btn__elements__element:first-child svg {\n margin-left: -4px;\n }\n .c-btn__elements__element:last-child svg {\n margin-right: -4px;\n }\n ${props.size === \"small\" &&\n css`\n border-radius: var(--ac-br-4);\n `}\n ${props.size === \"big\" &&\n css`\n border-radius: var(--ac-br-8);\n `}\n `}\n\n ${(props) =>\n props.active &&\n css`\n ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n css`\n background-color: var(--color-primary-800);\n `}\n\n ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n css`\n border-color: var(--color-primary);\n color: var(--color-primary);\n `}\n\n ${props.variant === \"dark transparent\" &&\n css`\n background-color: var(--only-black);\n `}\n\n ${props.variant === \"circle raised\" &&\n css`\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary-hover);\n `}\n\n ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n css`\n background-color: var(--color-primary-200);\n `}\n\n ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n css`\n color: var(--color-primary);\n &:hover,\n &:focus-visible {\n color: var(--color-primary);\n }\n ${props.children instanceof Array &&\n css`\n background-color: var(--color-theme-300);\n `}\n `}\n `}\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n display: flex;\n align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n ${tw`tw-truncate`}\n display: inline-flex;\n svg {\n margin: 0 4px;\n }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n"],"mappings":"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"}
1
+ {"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledButton","button","withConfig","displayName","componentId","props","size","variant","iconOnly","active","children","Array","StyledButtonElements","span","StyledButtonElement"],"sources":["../../../../src/components/Button/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ButtonProps } from \"./Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledButtonProps extends ButtonProps {\n iconOnly: boolean;\n}\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n vertical-align: middle;\n font-weight: 500;\n display: inline-block;\n line-height: 1;\n margin: 0;\n text-decoration: none;\n font-size: 0.875rem;\n user-select: none;\n cursor: pointer;\n text-align: center;\n flex-shrink: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 288px;\n\n border: none;\n height: 32px;\n transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease,\n border-color 0.3s ease;\n\n svg {\n fill: currentColor;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n\n ${(props) =>\n props.size === \"small\" &&\n css`\n height: 24px;\n `}\n\n ${(props) =>\n props.size === \"big\" &&\n css`\n height: 40px;\n `}\n\n ${(props) =>\n (props.variant === \"primary\" || props.variant === \"contained\") &&\n css`\n padding: 0 16px;\n background-color: var(--color-primary);\n border-radius: var(--ac-br-rounded);\n color: var(--page-paper-main);\n\n &:hover,\n &:focus-visible {\n box-shadow: 0 3px 6px -2px var(--color-primary-500);\n background-color: var(--color-primary-800);\n }\n\n &:active {\n box-shadow: 0 4px 10px -2px var(--color-primary-600);\n background-color: var(--color-primary-800);\n }\n `}\n\n ${(props) =>\n (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n css`\n padding: 0 16px;\n background-color: transparent;\n border-radius: var(--ac-br-rounded);\n border: solid 1px var(--color-theme-700);\n color: var(--color-theme-700);\n\n &:hover,\n &:focus-visible {\n border-color: var(--color-primary);\n color: var(--color-primary);\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n `}\n\n ${(props) =>\n props.variant === \"dark transparent\" &&\n css`\n padding: 0 8px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: var(--ac-br-6);\n color: var(--only-white);\n\n &:hover,\n &:focus-visible {\n background-color: rgba(0, 0, 0, 0.85);\n }\n\n &:active {\n background-color: var(--only-black);\n }\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: var(--ac-br-6);\n color: var(--color-primary);\n\n &:hover,\n &:focus-visible {\n background-color: var(--color-primary-200);\n }\n\n &:active {\n background-color: var(--color-primary-300);\n }\n `}\n\n ${(props) =>\n (props.variant === \"option\" || props.variant === \"text gray\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: var(--ac-br-6);\n color: var(--color-theme-700);\n\n &:hover,\n &:focus-visible {\n background-color: var(--color-theme-300);\n color: var(--color-theme-900);\n }\n\n &:active {\n background-color: var(--color-theme-400);\n color: var(--color-theme-900);\n }\n `}\n\n ${(props) =>\n props.variant === \"circle raised\" &&\n css`\n padding: 0 6px;\n background-color: transparent;\n border-radius: var(--ac-br-rounded);\n color: var(--color-theme-700);\n\n &:hover,\n &:focus-visible {\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary);\n }\n\n &:active {\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary-hover);\n }\n `}\n\n ${(props) =>\n props.iconOnly &&\n css`\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 32px;\n\n ${(props.size === \"small\" || props.size === \"big\") &&\n css`\n border-radius: var(--ac-br-rounded);\n `};\n\n ${props.size === \"small\" &&\n css`\n width: 24px;\n `}\n\n ${props.size === \"big\" &&\n css`\n width: 40px;\n `}\n `}\n\n ${(props) =>\n (props.variant === \"primary\" ||\n props.variant === \"contained\" ||\n props.variant === \"secondary\" ||\n props.variant === \"outlined\") &&\n css`\n .c-btn__elements__element:first-child svg {\n margin-left: -6px;\n }\n .c-btn__elements__element:last-child svg {\n margin-right: -6px;\n }\n\n ${(props.size === \"small\" || props.size === \"big\") &&\n css`\n border-radius: var(--ac-br-rounded);\n `}\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" ||\n props.variant === \"text colored\" ||\n props.variant === \"option\" ||\n props.variant === \"text gray\" ||\n props.variant === \"dark transparent\") &&\n css`\n .c-btn__elements__element:first-child svg {\n margin-left: -4px;\n }\n .c-btn__elements__element:last-child svg {\n margin-right: -4px;\n }\n ${props.size === \"small\" &&\n css`\n border-radius: var(--ac-br-4);\n `}\n ${props.size === \"big\" &&\n css`\n border-radius: var(--ac-br-8);\n `}\n `}\n\n ${(props) =>\n props.active &&\n css`\n ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n css`\n background-color: var(--color-primary-800);\n `}\n\n ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n css`\n border-color: var(--color-primary);\n color: var(--color-primary);\n `}\n\n ${props.variant === \"dark transparent\" &&\n css`\n background-color: var(--only-black);\n `}\n\n ${props.variant === \"circle raised\" &&\n css`\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary-hover);\n `}\n\n ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n css`\n background-color: var(--color-primary-200);\n `}\n\n ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n css`\n color: var(--color-primary);\n &:hover,\n &:focus-visible {\n color: var(--color-primary);\n }\n ${props.children instanceof Array &&\n css`\n background-color: var(--color-theme-300);\n `}\n `}\n `}\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n display: flex;\n align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n display: inline-flex;\n svg {\n margin: 0 4px;\n }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChooseV2.d.ts","sourceRoot":"","sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAa3D,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,QAAQ,8MA+HpB,CAAC"}
1
+ {"version":3,"file":"ChooseV2.d.ts","sourceRoot":"","sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAc3D,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,QAAQ,8MA0IpB,CAAC"}