@livechat/design-system-react-components 1.17.1-alpha.1 → 1.17.1-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) hide show
  1. package/dist/index.cjs.js +1 -1
  2. package/dist/index.es.js +5231 -120
  3. package/dist/preview-stats.json +1158 -1158
  4. package/dist/style.css +1 -1
  5. package/package.json +2 -2
  6. package/dist/assets/style-ProgressBar.css +0 -1
  7. package/dist/assets/style-Tooltip.css +0 -1
  8. package/dist/assets/style-Typography.css +0 -1
  9. package/dist/assets/style-index.css +0 -1
  10. package/dist/assets/style-index10.css +0 -1
  11. package/dist/assets/style-index11.css +0 -1
  12. package/dist/assets/style-index12.css +0 -1
  13. package/dist/assets/style-index13.css +0 -1
  14. package/dist/assets/style-index14.css +0 -1
  15. package/dist/assets/style-index15.css +0 -1
  16. package/dist/assets/style-index16.css +0 -1
  17. package/dist/assets/style-index17.css +0 -1
  18. package/dist/assets/style-index18.css +0 -1
  19. package/dist/assets/style-index19.css +0 -1
  20. package/dist/assets/style-index2.css +0 -1
  21. package/dist/assets/style-index20.css +0 -1
  22. package/dist/assets/style-index21.css +0 -1
  23. package/dist/assets/style-index22.css +0 -1
  24. package/dist/assets/style-index23.css +0 -1
  25. package/dist/assets/style-index24.css +0 -1
  26. package/dist/assets/style-index25.css +0 -1
  27. package/dist/assets/style-index26.css +0 -1
  28. package/dist/assets/style-index27.css +0 -1
  29. package/dist/assets/style-index28.css +0 -1
  30. package/dist/assets/style-index29.css +0 -1
  31. package/dist/assets/style-index3.css +0 -1
  32. package/dist/assets/style-index30.css +0 -1
  33. package/dist/assets/style-index31.css +0 -1
  34. package/dist/assets/style-index32.css +0 -1
  35. package/dist/assets/style-index33.css +0 -1
  36. package/dist/assets/style-index34.css +0 -1
  37. package/dist/assets/style-index35.css +0 -1
  38. package/dist/assets/style-index36.css +0 -1
  39. package/dist/assets/style-index37.css +0 -1
  40. package/dist/assets/style-index38.css +0 -1
  41. package/dist/assets/style-index39.css +0 -1
  42. package/dist/assets/style-index4.css +0 -1
  43. package/dist/assets/style-index5.css +0 -1
  44. package/dist/assets/style-index6.css +0 -1
  45. package/dist/assets/style-index7.css +0 -1
  46. package/dist/assets/style-index8.css +0 -1
  47. package/dist/assets/style-index9.css +0 -1
  48. package/dist/chunks/Heading-1a31001f.js +0 -64
  49. package/dist/chunks/Heading-597d11a4.js +0 -1
  50. package/dist/chunks/ProgressBar-0e01c602.js +0 -88
  51. package/dist/chunks/ProgressBar-dd89d43a.js +0 -1
  52. package/dist/chunks/Text-78b02609.js +0 -66
  53. package/dist/chunks/Text-dd6930a2.js +0 -1
  54. package/dist/chunks/Tooltip-21230071.js +0 -1
  55. package/dist/chunks/Tooltip-f4d8b8fd.js +0 -182
  56. package/dist/chunks/Typography.module-58a031dc.js +0 -24
  57. package/dist/chunks/Typography.module-8b7171c2.js +0 -1
  58. package/dist/chunks/keyCodes-30323e90.js +0 -15
  59. package/dist/chunks/keyCodes-c4c35e49.js +0 -1
  60. package/dist/components/ActionBar/index.cjs.js +0 -1
  61. package/dist/components/ActionBar/index.es.js +0 -188
  62. package/dist/components/ActionMenu/index.cjs.js +0 -1
  63. package/dist/components/ActionMenu/index.es.js +0 -199
  64. package/dist/components/Alert/index.cjs.js +0 -1
  65. package/dist/components/Alert/index.es.js +0 -128
  66. package/dist/components/Avatar/index.cjs.js +0 -1
  67. package/dist/components/Avatar/index.es.js +0 -190
  68. package/dist/components/Badge/index.cjs.js +0 -1
  69. package/dist/components/Badge/index.es.js +0 -66
  70. package/dist/components/Button/index.cjs.js +0 -1
  71. package/dist/components/Button/index.es.js +0 -142
  72. package/dist/components/Card/index.cjs.js +0 -1
  73. package/dist/components/Card/index.es.js +0 -95
  74. package/dist/components/Checkbox/index.cjs.js +0 -1
  75. package/dist/components/Checkbox/index.es.js +0 -64
  76. package/dist/components/DatePicker/index.cjs.js +0 -1
  77. package/dist/components/DatePicker/index.es.js +0 -517
  78. package/dist/components/DetailsCard/index.cjs.js +0 -1
  79. package/dist/components/DetailsCard/index.es.js +0 -138
  80. package/dist/components/DetailsCardInfo/index.cjs.js +0 -1
  81. package/dist/components/DetailsCardInfo/index.es.js +0 -13
  82. package/dist/components/FieldDescription/index.cjs.js +0 -1
  83. package/dist/components/FieldDescription/index.es.js +0 -41
  84. package/dist/components/FieldError/index.cjs.js +0 -1
  85. package/dist/components/FieldError/index.es.js +0 -51
  86. package/dist/components/FieldGroup/index.cjs.js +0 -1
  87. package/dist/components/FieldGroup/index.es.js +0 -55
  88. package/dist/components/FileUploadProgress/index.cjs.js +0 -1
  89. package/dist/components/FileUploadProgress/index.es.js +0 -109
  90. package/dist/components/Form/index.cjs.js +0 -1
  91. package/dist/components/Form/index.es.js +0 -50
  92. package/dist/components/FormField/index.cjs.js +0 -1
  93. package/dist/components/FormField/index.es.js +0 -114
  94. package/dist/components/FormGroup/index.cjs.js +0 -1
  95. package/dist/components/FormGroup/index.es.js +0 -58
  96. package/dist/components/Icon/index.cjs.js +0 -1
  97. package/dist/components/Icon/index.es.js +0 -104
  98. package/dist/components/Input/index.cjs.js +0 -1
  99. package/dist/components/Input/index.es.js +0 -122
  100. package/dist/components/Link/index.cjs.js +0 -1
  101. package/dist/components/Link/index.es.js +0 -48
  102. package/dist/components/Loader/index.cjs.js +0 -1
  103. package/dist/components/Loader/index.es.js +0 -39
  104. package/dist/components/Modal/index.cjs.js +0 -1
  105. package/dist/components/Modal/index.es.js +0 -248
  106. package/dist/components/NumericInput/index.cjs.js +0 -1
  107. package/dist/components/NumericInput/index.es.js +0 -140
  108. package/dist/components/Picker/index.cjs.js +0 -1
  109. package/dist/components/Picker/index.es.js +0 -738
  110. package/dist/components/Popover/index.cjs.js +0 -1
  111. package/dist/components/Popover/index.es.js +0 -75
  112. package/dist/components/Progress/index.cjs.js +0 -1
  113. package/dist/components/Progress/index.es.js +0 -104
  114. package/dist/components/PromoBanner/index.cjs.js +0 -1
  115. package/dist/components/PromoBanner/index.es.js +0 -73
  116. package/dist/components/PromoBannerV2/index.cjs.js +0 -1
  117. package/dist/components/PromoBannerV2/index.es.js +0 -77
  118. package/dist/components/RadioButton/index.cjs.js +0 -1
  119. package/dist/components/RadioButton/index.es.js +0 -58
  120. package/dist/components/Search/index.cjs.js +0 -1
  121. package/dist/components/Search/index.es.js +0 -117
  122. package/dist/components/SegmentedControl/index.cjs.js +0 -1
  123. package/dist/components/SegmentedControl/index.es.js +0 -53
  124. package/dist/components/Switch/index.cjs.js +0 -1
  125. package/dist/components/Switch/index.es.js +0 -144
  126. package/dist/components/Tab/index.cjs.js +0 -1
  127. package/dist/components/Tab/index.es.js +0 -93
  128. package/dist/components/Tag/index.cjs.js +0 -1
  129. package/dist/components/Tag/index.es.js +0 -143
  130. package/dist/components/TagInput/index.cjs.js +0 -1
  131. package/dist/components/TagInput/index.es.js +0 -241
  132. package/dist/components/Textarea/index.cjs.js +0 -1
  133. package/dist/components/Textarea/index.es.js +0 -55
  134. package/dist/components/Toast/index.cjs.js +0 -1
  135. package/dist/components/Toast/index.es.js +0 -162
  136. package/dist/components/Tooltip/components/UserGuide/index.cjs.js +0 -1
  137. package/dist/components/Tooltip/components/UserGuide/index.es.js +0 -193
  138. package/dist/components/Tooltip/components/index.cjs.js +0 -1
  139. package/dist/components/Tooltip/components/index.es.js +0 -114
  140. package/dist/components/Tooltip/index.cjs.js +0 -1
  141. package/dist/components/Tooltip/index.es.js +0 -11
  142. package/dist/components/Typography/index.cjs.js +0 -1
  143. package/dist/components/Typography/index.es.js +0 -48
  144. package/dist/components/UploadBar/index.cjs.js +0 -1
  145. package/dist/components/UploadBar/index.es.js +0 -111
  146. package/dist/foundations/index.cjs.js +0 -1
  147. package/dist/foundations/index.es.js +0 -353
  148. package/dist/utils/index.cjs.js +0 -1
  149. package/dist/utils/index.es.js +0 -4
@@ -1,138 +0,0 @@
1
- import "../../assets/style-index30.css";
2
- import * as a from "react";
3
- import { ChevronRight as N } from "@livechat/design-system-icons";
4
- import d from "clsx";
5
- import { Button as x } from "../Button/index.es.js";
6
- import { Icon as S } from "../Icon/index.es.js";
7
- import { H } from "../../chunks/Heading-1a31001f.js";
8
- const e = {
9
- "details-card": "lc-DetailsCard-module__details-card___cVoS7",
10
- "details-card__button--fading": "lc-DetailsCard-module__details-card__button--fading___tQA02",
11
- "details-card--with-divider": "lc-DetailsCard-module__details-card--with-divider___xyXvc",
12
- "details-card__label-wrapper": "lc-DetailsCard-module__details-card__label-wrapper___7W-BY",
13
- "details-card__label-wrapper--hide": "lc-DetailsCard-module__details-card__label-wrapper--hide___H-U4O",
14
- "details-card__label-wrapper--fading": "lc-DetailsCard-module__details-card__label-wrapper--fading___yiAoB",
15
- "details-card__label": "lc-DetailsCard-module__details-card__label___nhDQE",
16
- "details-card__label--with-margin": "lc-DetailsCard-module__details-card__label--with-margin___w2S8X",
17
- "details-card__label__left-node": "lc-DetailsCard-module__details-card__label__left-node___Slmc6",
18
- "details-card__label__right-node": "lc-DetailsCard-module__details-card__label__right-node___ZrOLh",
19
- "details-card__label__content": "lc-DetailsCard-module__details-card__label__content___Cfip3",
20
- "details-card__button": "lc-DetailsCard-module__details-card__button___FWUG5",
21
- "details-card__button--closed": "lc-DetailsCard-module__details-card__button--closed___TkMaQ",
22
- "details-card__button__icon": "lc-DetailsCard-module__details-card__button__icon___iOlKd",
23
- "details-card__button__icon--open": "lc-DetailsCard-module__details-card__button__icon--open___TI0Xq",
24
- "details-card__content-wrapper": "lc-DetailsCard-module__details-card__content-wrapper___2UOlE",
25
- "details-card__content-wrapper--open": "lc-DetailsCard-module__details-card__content-wrapper--open___ESQxg",
26
- "details-card__content": "lc-DetailsCard-module__details-card__content___RNVd2",
27
- "details-card__content--spacing": "lc-DetailsCard-module__details-card__content--spacing___QecUa",
28
- "details-card__content--full-space": "lc-DetailsCard-module__details-card__content--full-space___2ms8I"
29
- }, _ = "details-card", T = ({
30
- children: b,
31
- className: f,
32
- leftNode: o,
33
- rightNode: m,
34
- label: s,
35
- withDivider: w,
36
- fullSpaceContent: C,
37
- openOnInit: g = !1,
38
- hideLabelOnOpen: r,
39
- onClick: i
40
- }) => {
41
- const [t, D] = a.useState(g), [u, $] = a.useState(0), l = a.useRef(null), v = d(
42
- e[_],
43
- w && e[`${_}--with-divider`],
44
- f
45
- ), p = r && t, h = typeof s == "string", E = (n) => {
46
- D((c) => !c), n.currentTarget.blur(), i == null || i();
47
- };
48
- return a.useEffect(() => {
49
- const n = !!window.IntersectionObserver;
50
- if (l.current && n) {
51
- const c = new ResizeObserver(() => {
52
- l.current && u !== l.current.offsetHeight && $(l.current.offsetHeight);
53
- });
54
- return c.observe(l.current), () => c.disconnect();
55
- }
56
- }, [l]), /* @__PURE__ */ a.createElement("div", { className: v }, /* @__PURE__ */ a.createElement(
57
- "div",
58
- {
59
- className: d(
60
- e[`${_}__label-wrapper`],
61
- r && e[`${_}__label-wrapper--fading`],
62
- p && e[`${_}__label-wrapper--hide`],
63
- t && e[`${_}__label-wrapper--open`]
64
- ),
65
- "aria-expanded": t,
66
- "aria-hidden": p,
67
- "data-testid": "details-card-label"
68
- },
69
- /* @__PURE__ */ a.createElement(
70
- "div",
71
- {
72
- className: d(
73
- e[`${_}__label`],
74
- r && e[`${_}__label--with-margin`]
75
- )
76
- },
77
- o && /* @__PURE__ */ a.createElement("div", { className: e[`${_}__label__left-node`] }, o),
78
- h ? /* @__PURE__ */ a.createElement(
79
- H,
80
- {
81
- size: "xs",
82
- className: e[`${_}__label__content`]
83
- },
84
- s
85
- ) : /* @__PURE__ */ a.createElement("div", { className: e[`${_}__label__content`] }, s),
86
- m && /* @__PURE__ */ a.createElement("div", { className: e[`${_}__label__right-node`] }, m)
87
- )
88
- ), /* @__PURE__ */ a.createElement(
89
- x,
90
- {
91
- kind: t && r ? "float" : "text",
92
- icon: /* @__PURE__ */ a.createElement(
93
- S,
94
- {
95
- source: N,
96
- className: d(
97
- e[`${_}__button__icon`],
98
- t && e[`${_}__button__icon--open`]
99
- )
100
- }
101
- ),
102
- className: d(
103
- e[`${_}__button`],
104
- !t && e[`${_}__button--closed`],
105
- t && e[`${_}__button--open`],
106
- r && e[`${_}__button--fading`]
107
- ),
108
- onClick: E,
109
- "aria-expanded": t
110
- }
111
- ), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(
112
- "div",
113
- {
114
- className: d(
115
- e[`${_}__content-wrapper`],
116
- t && e[`${_}__content-wrapper--open`]
117
- ),
118
- style: {
119
- maxHeight: t ? u : 0
120
- }
121
- },
122
- /* @__PURE__ */ a.createElement(
123
- "div",
124
- {
125
- ref: l,
126
- className: d(
127
- e[`${_}__content`],
128
- C && e[`${_}__content--full-space`],
129
- r && e[`${_}__content--spacing`]
130
- )
131
- },
132
- b
133
- )
134
- )));
135
- };
136
- export {
137
- T as DetailsCard
138
- };
@@ -1 +0,0 @@
1
- var d=require("../../assets/style-index29.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const l=s(r),n={"details-card-info":"lc-DetailsCardInfo-module__details-card-info___D4VRk","details-card-info__label":"lc-DetailsCardInfo-module__details-card-info__label___U-KsO","details-card-info__content":"lc-DetailsCardInfo-module__details-card-info__content___TFEXS"},c="details-card-info",i=({children:e,label:t})=>l.createElement("div",{className:n[c]},l.createElement("div",{className:n[`${c}__label`]},t),l.createElement("div",{className:n[`${c}__content`]},e));exports.DetailsCardInfo=i;
@@ -1,13 +0,0 @@
1
- import "../../assets/style-index29.css";
2
- import * as e from "react";
3
- const a = {
4
- "details-card-info": "lc-DetailsCardInfo-module__details-card-info___D4VRk",
5
- "details-card-info__label": "lc-DetailsCardInfo-module__details-card-info__label___U-KsO",
6
- "details-card-info__content": "lc-DetailsCardInfo-module__details-card-info__content___TFEXS"
7
- }, l = "details-card-info", d = ({
8
- children: t,
9
- label: s
10
- }) => /* @__PURE__ */ e.createElement("div", { className: a[l] }, /* @__PURE__ */ e.createElement("div", { className: a[`${l}__label`] }, s), /* @__PURE__ */ e.createElement("div", { className: a[`${l}__content`] }, t));
11
- export {
12
- d as DetailsCardInfo
13
- };
@@ -1 +0,0 @@
1
- var f=Object.defineProperty,m=Object.defineProperties;var b=Object.getOwnPropertyDescriptors;var c=Object.getOwnPropertySymbols;var o=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var n=(e,t,r)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,a=(e,t)=>{for(var r in t||(t={}))o.call(t,r)&&n(e,r,t[r]);if(c)for(var r of c(t))l.call(t,r)&&n(e,r,t[r]);return e},d=(e,t)=>m(e,b(t));var u=(e,t)=>{var r={};for(var s in e)o.call(e,s)&&t.indexOf(s)<0&&(r[s]=e[s]);if(e!=null&&c)for(var s of c(e))t.indexOf(s)<0&&l.call(e,s)&&(r[s]=e[s]);return r};var x=require("../../assets/style-index28.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),_=require("clsx"),y=require("../../chunks/Text-dd6930a2.js");function D(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const O=D(g),j={"field-description":"lc-FieldDescription-module__field-description___IcRDH"},S="field-description",T=s=>{var i=s,{children:e,className:t=""}=i,r=u(i,["children","className"]);const p=_(j[S],t);return O.createElement(y.Text,d(a({as:"span",size:"sm"},r),{className:p}),e)};exports.FieldDescription=T;
@@ -1,41 +0,0 @@
1
- var f = Object.defineProperty, _ = Object.defineProperties;
2
- var x = Object.getOwnPropertyDescriptors;
3
- var o = Object.getOwnPropertySymbols;
4
- var m = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
5
- var c = (e, s, i) => s in e ? f(e, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[s] = i, l = (e, s) => {
6
- for (var i in s || (s = {}))
7
- m.call(s, i) && c(e, i, s[i]);
8
- if (o)
9
- for (var i of o(s))
10
- a.call(s, i) && c(e, i, s[i]);
11
- return e;
12
- }, n = (e, s) => _(e, x(s));
13
- var p = (e, s) => {
14
- var i = {};
15
- for (var t in e)
16
- m.call(e, t) && s.indexOf(t) < 0 && (i[t] = e[t]);
17
- if (e != null && o)
18
- for (var t of o(e))
19
- s.indexOf(t) < 0 && a.call(e, t) && (i[t] = e[t]);
20
- return i;
21
- };
22
- import "../../assets/style-index28.css";
23
- import * as D from "react";
24
- import u from "clsx";
25
- import { T as C } from "../../chunks/Text-78b02609.js";
26
- const F = {
27
- "field-description": "lc-FieldDescription-module__field-description___IcRDH"
28
- }, N = "field-description", y = (t) => {
29
- var r = t, {
30
- children: e,
31
- className: s = ""
32
- } = r, i = p(r, [
33
- "children",
34
- "className"
35
- ]);
36
- const d = u(F[N], s);
37
- return /* @__PURE__ */ D.createElement(C, n(l({ as: "span", size: "sm" }, i), { className: d }), e);
38
- };
39
- export {
40
- y as FieldDescription
41
- };
@@ -1 +0,0 @@
1
- var b=Object.defineProperty,g=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var n=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var s=(e,r,t)=>r in e?b(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,a=(e,r)=>{for(var t in r||(r={}))l.call(r,t)&&s(e,t,r[t]);if(n)for(var t of n(r))i.call(r,t)&&s(e,t,r[t]);return e},u=(e,r)=>g(e,y(r));var d=(e,r)=>{var t={};for(var o in e)l.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&n)for(var o of n(e))r.indexOf(o)<0&&i.call(e,o)&&(t[o]=e[o]);return t};var x=require("../../assets/style-index27.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),O=require("@livechat/design-system-icons"),j=require("clsx"),q=require("../Icon/index.cjs.js"),I=require("../../chunks/Text-dd6930a2.js");function N(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const _=N(E),m={"field-error":"lc-FieldError-module__field-error___IDkPT","field-error__icon":"lc-FieldError-module__field-error__icon___D4UNC"},f="field-error",S=o=>{var c=o,{children:e,className:r=""}=c,t=d(c,["children","className"]);const p=j(m[f],r);return _.createElement(I.Text,u(a({as:"span",size:"sm"},t),{className:p}),_.createElement(q.Icon,{source:O.Info,className:m[`${f}__icon`],size:"small"}),e)};exports.FieldError=S;
@@ -1,51 +0,0 @@
1
- var u = Object.defineProperty, N = Object.defineProperties;
2
- var x = Object.getOwnPropertyDescriptors;
3
- var l = Object.getOwnPropertySymbols;
4
- var t = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
5
- var i = (r, e, o) => e in r ? u(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, a = (r, e) => {
6
- for (var o in e || (e = {}))
7
- t.call(e, o) && i(r, o, e[o]);
8
- if (l)
9
- for (var o of l(e))
10
- c.call(e, o) && i(r, o, e[o]);
11
- return r;
12
- }, _ = (r, e) => N(r, x(e));
13
- var n = (r, e) => {
14
- var o = {};
15
- for (var s in r)
16
- t.call(r, s) && e.indexOf(s) < 0 && (o[s] = r[s]);
17
- if (r != null && l)
18
- for (var s of l(r))
19
- e.indexOf(s) < 0 && c.call(r, s) && (o[s] = r[s]);
20
- return o;
21
- };
22
- import "../../assets/style-index27.css";
23
- import * as d from "react";
24
- import { Info as C } from "@livechat/design-system-icons";
25
- import F from "clsx";
26
- import { Icon as I } from "../Icon/index.es.js";
27
- import { T } from "../../chunks/Text-78b02609.js";
28
- const f = {
29
- "field-error": "lc-FieldError-module__field-error___IDkPT",
30
- "field-error__icon": "lc-FieldError-module__field-error__icon___D4UNC"
31
- }, p = "field-error", P = (s) => {
32
- var m = s, {
33
- children: r,
34
- className: e = ""
35
- } = m, o = n(m, [
36
- "children",
37
- "className"
38
- ]);
39
- const E = F(f[p], e);
40
- return /* @__PURE__ */ d.createElement(T, _(a({ as: "span", size: "sm" }, o), { className: E }), /* @__PURE__ */ d.createElement(
41
- I,
42
- {
43
- source: C,
44
- className: f[`${p}__icon`],
45
- size: "small"
46
- }
47
- ), r);
48
- };
49
- export {
50
- P as FieldError
51
- };
@@ -1 +0,0 @@
1
- var y=Object.defineProperty,O=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;var s=(e,r,t)=>r in e?y(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,p=(e,r)=>{for(var t in r||(r={}))d.call(r,t)&&s(e,t,r[t]);if(o)for(var t of o(r))a.call(r,t)&&s(e,t,r[t]);return e},_=(e,r)=>O(e,j(r));var f=(e,r)=>{var t={};for(var l in e)d.call(e,l)&&r.indexOf(l)<0&&(t[l]=e[l]);if(e!=null&&o)for(var l of o(e))r.indexOf(l)<0&&a.call(e,l)&&(t[l]=e[l]);return t};var N=require("../../assets/style-index26.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),E=require("clsx"),G=require("../FieldDescription/index.cjs.js"),D=require("../FieldError/index.cjs.js");function S(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=S(q),i={"field-group":"lc-FieldGroup-module__field-group___gy8lp","field-group--inline":"lc-FieldGroup-module__field-group--inline___or4qf","field-group--stretched":"lc-FieldGroup-module__field-group--stretched___6rkuO"},c="field-group",h=v=>{var u=v,{className:e="",children:r,description:t,error:l,inline:m,stretch:g}=u,b=f(u,["className","children","description","error","inline","stretch"]);const F=E(i[c],e,{[i[`${c}--inline`]]:m,[i[`${c}--stretched`]]:g});return n.createElement("div",_(p({},b),{className:F}),r,l&&n.createElement(D.FieldError,null,l),t&&n.createElement(G.FieldDescription,null,t))};exports.FieldGroup=h;
@@ -1,55 +0,0 @@
1
- var G = Object.defineProperty, h = Object.defineProperties;
2
- var x = Object.getOwnPropertyDescriptors;
3
- var i = Object.getOwnPropertySymbols;
4
- var u = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
5
- var s = (e, l, r) => l in e ? G(e, l, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[l] = r, n = (e, l) => {
6
- for (var r in l || (l = {}))
7
- u.call(l, r) && s(e, r, l[r]);
8
- if (i)
9
- for (var r of i(l))
10
- c.call(l, r) && s(e, r, l[r]);
11
- return e;
12
- }, _ = (e, l) => h(e, x(l));
13
- var f = (e, l) => {
14
- var r = {};
15
- for (var o in e)
16
- u.call(e, o) && l.indexOf(o) < 0 && (r[o] = e[o]);
17
- if (e != null && i)
18
- for (var o of i(e))
19
- l.indexOf(o) < 0 && c.call(e, o) && (r[o] = e[o]);
20
- return r;
21
- };
22
- import "../../assets/style-index26.css";
23
- import * as t from "react";
24
- import y from "clsx";
25
- import { FieldDescription as C } from "../FieldDescription/index.es.js";
26
- import { FieldError as N } from "../FieldError/index.es.js";
27
- const d = {
28
- "field-group": "lc-FieldGroup-module__field-group___gy8lp",
29
- "field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
30
- "field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
31
- }, m = "field-group", O = ($) => {
32
- var p = $, {
33
- className: e = "",
34
- children: l,
35
- description: r,
36
- error: o,
37
- inline: a,
38
- stretch: g
39
- } = p, F = f(p, [
40
- "className",
41
- "children",
42
- "description",
43
- "error",
44
- "inline",
45
- "stretch"
46
- ]);
47
- const E = y(d[m], e, {
48
- [d[`${m}--inline`]]: a,
49
- [d[`${m}--stretched`]]: g
50
- });
51
- return /* @__PURE__ */ t.createElement("div", _(n({}, F), { className: E }), l, o && /* @__PURE__ */ t.createElement(N, null, o), r && /* @__PURE__ */ t.createElement(C, null, r));
52
- };
53
- export {
54
- O as FieldGroup
55
- };
@@ -1 +0,0 @@
1
- var v=require("../../assets/style-index25.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),n=require("@livechat/design-system-icons"),p=require("clsx"),u=require("../Icon/index.cjs.js"),E=require("../../chunks/ProgressBar-dd89d43a.js"),F=require("../../chunks/Text-dd6930a2.js");function U(r){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(_,s,c.get?c:{enumerable:!0,get:()=>r[s]})}}return _.default=r,Object.freeze(_)}const e=U(b),t={"file-upload-progress-actions":"lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2","file-upload-progress-actions__close-button":"lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um","file-upload-progress-actions__retry-button":"lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"},i="file-upload-progress-actions",g=({status:r,onCloseButtonClick:_,onRetryButtonClick:s})=>e.createElement("div",{className:t[`${i}`]},s&&r==="error"&&e.createElement("button",{type:"button",className:t[`${i}__retry-button`],"aria-label":"Retry",onClick:s},e.createElement(u.Icon,{size:"small",source:n.Refresh})),_&&r!=="success"&&e.createElement("button",{type:"button",className:t[`${i}__close-button`],"aria-label":"Close",onClick:_},e.createElement(u.Icon,{size:"small",source:n.Close}))),o={"file-upload-progress":"lc-FileUploadProgress-module__file-upload-progress___xw8h8","file-upload-progress__icon":"lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz","file-upload-progress__icon--success":"lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH","file-upload-progress__wrapper":"lc-FileUploadProgress-module__file-upload-progress__wrapper___01Nkq","file-upload-progress__wrapper--with-icon":"lc-FileUploadProgress-module__file-upload-progress__wrapper--with-icon___GSXmA","file-upload-progress__wrapper__header":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header___mYBGK","file-upload-progress__wrapper__header__actions":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__actions___tvhB3","file-upload-progress__wrapper__header__title":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv","file-upload-progress__wrapper__header__title--success":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl","file-upload-progress__wrapper__header__title--error":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"},l="file-upload-progress",d=`${l}__wrapper__header__title`,$=e.forwardRef(({actionsVisibility:r="hidden",className:_,icon:s,title:c,progressValue:m,size:f,status:a="normal",onCloseButtonClick:w,onRetryButtonClick:h},P)=>e.createElement("div",{className:o[l],ref:P},s&&a!=="success"&&e.createElement("div",{className:o[`${l}__icon`]},s),a==="success"&&e.createElement("div",{className:p(o[`${l}__icon`],o[`${l}__icon--success`])},e.createElement(u.Icon,{source:n.Check})),e.createElement("div",{className:p(o[`${l}__wrapper`],{[o[`${l}__wrapper--with-icon`]]:s})},e.createElement("div",{className:o[`${l}__wrapper__header`]},c&&e.createElement("div",{className:p(o[d],{[o[`${d}--success`]]:a==="success",[o[`${d}--error`]]:a==="error"})},e.createElement(F.Text,{size:"sm",as:"div"},c),"="," "),r!=="hidden"&&e.createElement("div",{className:p({[o[`${l}__wrapper__header__actions`]]:r==="hover"})},e.createElement(g,{status:a,onCloseButtonClick:w,onRetryButtonClick:h}))),a!=="success"&&e.createElement(E.ProgressBar,{className:_,percent:m,status:a,size:f}))));exports.FileUploadProgress=$;exports.FileUploadProgressActions=g;
@@ -1,109 +0,0 @@
1
- import "../../assets/style-index25.css";
2
- import * as e from "react";
3
- import { Refresh as h, Close as E, Check as P } from "@livechat/design-system-icons";
4
- import p from "clsx";
5
- import { Icon as d } from "../Icon/index.es.js";
6
- import { P as F } from "../../chunks/ProgressBar-0e01c602.js";
7
- import { T as U } from "../../chunks/Text-78b02609.js";
8
- const c = {
9
- "file-upload-progress-actions": "lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2",
10
- "file-upload-progress-actions__close-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um",
11
- "file-upload-progress-actions__retry-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"
12
- }, i = "file-upload-progress-actions", $ = ({ status: l, onCloseButtonClick: a, onRetryButtonClick: o }) => /* @__PURE__ */ e.createElement("div", { className: c[`${i}`] }, o && l === "error" && /* @__PURE__ */ e.createElement(
13
- "button",
14
- {
15
- type: "button",
16
- className: c[`${i}__retry-button`],
17
- "aria-label": "Retry",
18
- onClick: o
19
- },
20
- /* @__PURE__ */ e.createElement(d, { size: "small", source: h })
21
- ), a && l !== "success" && /* @__PURE__ */ e.createElement(
22
- "button",
23
- {
24
- type: "button",
25
- className: c[`${i}__close-button`],
26
- "aria-label": "Close",
27
- onClick: a
28
- },
29
- /* @__PURE__ */ e.createElement(d, { size: "small", source: E })
30
- )), r = {
31
- "file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
32
- "file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
33
- "file-upload-progress__icon--success": "lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH",
34
- "file-upload-progress__wrapper": "lc-FileUploadProgress-module__file-upload-progress__wrapper___01Nkq",
35
- "file-upload-progress__wrapper--with-icon": "lc-FileUploadProgress-module__file-upload-progress__wrapper--with-icon___GSXmA",
36
- "file-upload-progress__wrapper__header": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header___mYBGK",
37
- "file-upload-progress__wrapper__header__actions": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__actions___tvhB3",
38
- "file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv",
39
- "file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl",
40
- "file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"
41
- }, s = "file-upload-progress", t = `${s}__wrapper__header__title`, x = e.forwardRef(
42
- ({
43
- actionsVisibility: l = "hidden",
44
- className: a,
45
- icon: o,
46
- title: u,
47
- progressValue: m,
48
- size: n,
49
- status: _ = "normal",
50
- onCloseButtonClick: g,
51
- onRetryButtonClick: f
52
- }, w) => /* @__PURE__ */ e.createElement("div", { className: r[s], ref: w }, o && _ !== "success" && /* @__PURE__ */ e.createElement("div", { className: r[`${s}__icon`] }, o), _ === "success" && /* @__PURE__ */ e.createElement(
53
- "div",
54
- {
55
- className: p(
56
- r[`${s}__icon`],
57
- r[`${s}__icon--success`]
58
- )
59
- },
60
- /* @__PURE__ */ e.createElement(d, { source: P })
61
- ), /* @__PURE__ */ e.createElement(
62
- "div",
63
- {
64
- className: p(r[`${s}__wrapper`], {
65
- [r[`${s}__wrapper--with-icon`]]: o
66
- })
67
- },
68
- /* @__PURE__ */ e.createElement("div", { className: r[`${s}__wrapper__header`] }, u && /* @__PURE__ */ e.createElement(
69
- "div",
70
- {
71
- className: p(r[t], {
72
- [r[`${t}--success`]]: _ === "success",
73
- [r[`${t}--error`]]: _ === "error"
74
- })
75
- },
76
- /* @__PURE__ */ e.createElement(U, { size: "sm", as: "div" }, u),
77
- "=",
78
- " "
79
- ), l !== "hidden" && /* @__PURE__ */ e.createElement(
80
- "div",
81
- {
82
- className: p({
83
- [r[`${s}__wrapper__header__actions`]]: l === "hover"
84
- })
85
- },
86
- /* @__PURE__ */ e.createElement(
87
- $,
88
- {
89
- status: _,
90
- onCloseButtonClick: g,
91
- onRetryButtonClick: f
92
- }
93
- )
94
- )),
95
- _ !== "success" && /* @__PURE__ */ e.createElement(
96
- F,
97
- {
98
- className: a,
99
- percent: m,
100
- status: _,
101
- size: n
102
- }
103
- )
104
- ))
105
- );
106
- export {
107
- x as FileUploadProgress,
108
- $ as FileUploadProgressActions
109
- };
@@ -1 +0,0 @@
1
- var p=Object.defineProperty;var s=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var n=(e,o,r)=>o in e?p(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,i=(e,o)=>{for(var r in o||(o={}))f.call(o,r)&&n(e,r,o[r]);if(s)for(var r of s(o))u.call(o,r)&&n(e,r,o[r]);return e};var d=(e,o)=>{var r={};for(var _ in e)f.call(e,_)&&o.indexOf(_)<0&&(r[_]=e[_]);if(e!=null&&s)for(var _ of s(e))o.indexOf(_)<0&&u.call(e,_)&&(r[_]=e[_]);return r};var P=require("../../assets/style-index24.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),h=require("clsx"),F=require("../../chunks/Heading-597d11a4.js"),O=require("../../chunks/Text-dd6930a2.js");function y(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const _=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,_.get?_:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const t=y(g),N="lc-Form-module__form___1nOYF",j="lc-Form-module__form__header___U4B7t",E="lc-Form-module__form__footer___1-sUX",S="lc-Form-module__form__label___spg-J",q="lc-Form-module__form__helper___bhfwS",m={form:N,form__header:j,form__footer:E,form__label:S,form__helper:q},c="form",v=$=>{var l=$,{className:e,children:o,labelText:r,helperText:_,formFooter:a}=l,b=d(l,["className","children","labelText","helperText","formFooter"]);return t.createElement("form",i({className:h(m[c],e)},b),(r||_)&&t.createElement("div",{className:m[`${c}__header`]},r&&t.createElement(F.Heading,{size:"sm",className:m[`${c}__label`]},r),_&&t.createElement(O.Text,{as:"p",size:"sm",className:m[`${c}__helper`]},_)),o,a&&t.createElement("div",{className:m[`${c}__footer`]},a))};exports.Form=v;
@@ -1,50 +0,0 @@
1
- var u = Object.defineProperty;
2
- var l = Object.getOwnPropertySymbols;
3
- var n = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
4
- var f = (e, o, _) => o in e ? u(e, o, { enumerable: !0, configurable: !0, writable: !0, value: _ }) : e[o] = _, i = (e, o) => {
5
- for (var _ in o || (o = {}))
6
- n.call(o, _) && f(e, _, o[_]);
7
- if (l)
8
- for (var _ of l(o))
9
- d.call(o, _) && f(e, _, o[_]);
10
- return e;
11
- };
12
- var p = (e, o) => {
13
- var _ = {};
14
- for (var m in e)
15
- n.call(e, m) && o.indexOf(m) < 0 && (_[m] = e[m]);
16
- if (e != null && l)
17
- for (var m of l(e))
18
- o.indexOf(m) < 0 && d.call(e, m) && (_[m] = e[m]);
19
- return _;
20
- };
21
- import "../../assets/style-index24.css";
22
- import * as r from "react";
23
- import F from "clsx";
24
- import { H as E } from "../../chunks/Heading-1a31001f.js";
25
- import { T as N } from "../../chunks/Text-78b02609.js";
26
- const b = "lc-Form-module__form___1nOYF", $ = "lc-Form-module__form__header___U4B7t", g = "lc-Form-module__form__footer___1-sUX", v = "lc-Form-module__form__label___spg-J", z = "lc-Form-module__form__helper___bhfwS", s = {
27
- form: b,
28
- form__header: $,
29
- form__footer: g,
30
- form__label: v,
31
- form__helper: z
32
- }, a = "form", J = (H) => {
33
- var c = H, {
34
- className: e,
35
- children: o,
36
- labelText: _,
37
- helperText: m,
38
- formFooter: t
39
- } = c, h = p(c, [
40
- "className",
41
- "children",
42
- "labelText",
43
- "helperText",
44
- "formFooter"
45
- ]);
46
- return /* @__PURE__ */ r.createElement("form", i({ className: F(s[a], e) }, h), (_ || m) && /* @__PURE__ */ r.createElement("div", { className: s[`${a}__header`] }, _ && /* @__PURE__ */ r.createElement(E, { size: "sm", className: s[`${a}__label`] }, _), m && /* @__PURE__ */ r.createElement(N, { as: "p", size: "sm", className: s[`${a}__helper`] }, m)), o, t && /* @__PURE__ */ r.createElement("div", { className: s[`${a}__footer`] }, t));
47
- };
48
- export {
49
- J as Form
50
- };
@@ -1 +0,0 @@
1
- var N=require("../../assets/style-index23.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),o=require("clsx"),$=require("../FieldDescription/index.cjs.js"),g=require("../FieldError/index.cjs.js"),w=require("../../chunks/Text-dd6930a2.js");function v(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:()=>r[i]})}}return t.default=r,Object.freeze(t)}const e=v(E),l={"form-field":"lc-FormField-module__form-field___JqnX6","form-field--inline":"lc-FormField-module__form-field--inline___4DgIq","form-field__wrapper--inline":"lc-FormField-module__form-field__wrapper--inline___Ubvrn","form-field__label":"lc-FormField-module__form-field__label___hNCFS","form-field__label--inline":"lc-FormField-module__form-field__label--inline___QxyM6","form-field__label--no-text":"lc-FormField-module__form-field__label--no-text___Ohs-I","form-field__label-wrapper":"lc-FormField-module__form-field__label-wrapper___61-NO","form-field__label-wrapper--inline":"lc-FormField-module__form-field__label-wrapper--inline___YVYza","form-field__label-adornment":"lc-FormField-module__form-field__label-adornment___HB0z7","form-field__label-adornment--inline":"lc-FormField-module__form-field__label-adornment--inline___pwRXm","form-field__label-left-node":"lc-FormField-module__form-field__label-left-node___dvipB","form-field__label-right-node":"lc-FormField-module__form-field__label-right-node___LR-03","form-field__label-right-node--inline":"lc-FormField-module__form-field__label-right-node--inline___BkiPG","form-field__row-break":"lc-FormField-module__form-field__row-break___DCBjC","form-field__content":"lc-FormField-module__form-field__content___XaOx3","form-field__content__description":"lc-FormField-module__form-field__content__description___NpVw4"},_="form-field",h=({inline:r,error:t,description:i,labelText:n,labelAdornment:a,className:s,labelFor:u,children:F,labelRightNode:m})=>{const d=e.useRef(null),[b,c]=e.useState("auto"),p=o(l[_],{[l[`${_}--inline`]]:r},s);return e.useEffect(()=>{const f=d;return r&&f.current?c(`${f.current.clientHeight}px`):c("auto")}),e.createElement("div",{className:p},m&&r&&e.createElement(e.Fragment,null,e.createElement("div",{className:o(l[`${_}__label-right-node`],l[`${_}__label-right-node--inline`])},m),e.createElement("div",{className:l[`${_}__row-break`]})),e.createElement("div",{className:o(l[`${_}__wrapper`],r&&l[`${_}__wrapper--inline`])},(n||m)&&e.createElement("div",{className:o(l[`${_}__label`],r&&l[`${_}__label--inline`],!n&&l[`${_}__label--no-text`])},n&&e.createElement("div",{className:o(l[`${_}__label-wrapper`],r&&l[`${_}__label-wrapper--inline`]),style:{height:b}},e.createElement("label",{className:l[`${_}__label-left-node`],htmlFor:u},e.createElement(w.Text,{as:"span",size:"sm"},n)),a&&e.createElement("div",{className:o(l[`${_}__label-adornment`],r&&l[`${_}__label-adornment--inline`])},a)),m&&!r&&e.createElement("div",{className:o(l[`${_}__label-right-node`])},m)),e.createElement("div",{className:o(l[`${_}__content`])},e.createElement("div",{ref:d},F),t&&e.createElement(g.FieldError,null,t),!t&&i&&e.createElement($.FieldDescription,{className:o(l[`${_}__content__description`])},i))))};exports.FormField=h;
@@ -1,114 +0,0 @@
1
- import "../../assets/style-index23.css";
2
- import * as e from "react";
3
- import r from "clsx";
4
- import { FieldDescription as $ } from "../FieldDescription/index.es.js";
5
- import { FieldError as E } from "../FieldError/index.es.js";
6
- import { T as w } from "../../chunks/Text-78b02609.js";
7
- const l = {
8
- "form-field": "lc-FormField-module__form-field___JqnX6",
9
- "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
10
- "form-field__wrapper--inline": "lc-FormField-module__form-field__wrapper--inline___Ubvrn",
11
- "form-field__label": "lc-FormField-module__form-field__label___hNCFS",
12
- "form-field__label--inline": "lc-FormField-module__form-field__label--inline___QxyM6",
13
- "form-field__label--no-text": "lc-FormField-module__form-field__label--no-text___Ohs-I",
14
- "form-field__label-wrapper": "lc-FormField-module__form-field__label-wrapper___61-NO",
15
- "form-field__label-wrapper--inline": "lc-FormField-module__form-field__label-wrapper--inline___YVYza",
16
- "form-field__label-adornment": "lc-FormField-module__form-field__label-adornment___HB0z7",
17
- "form-field__label-adornment--inline": "lc-FormField-module__form-field__label-adornment--inline___pwRXm",
18
- "form-field__label-left-node": "lc-FormField-module__form-field__label-left-node___dvipB",
19
- "form-field__label-right-node": "lc-FormField-module__form-field__label-right-node___LR-03",
20
- "form-field__label-right-node--inline": "lc-FormField-module__form-field__label-right-node--inline___BkiPG",
21
- "form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
22
- "form-field__content": "lc-FormField-module__form-field__content___XaOx3",
23
- "form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
24
- }, _ = "form-field", C = ({
25
- inline: m,
26
- error: a,
27
- description: n,
28
- labelText: i,
29
- labelAdornment: d,
30
- className: s,
31
- labelFor: F,
32
- children: p,
33
- labelRightNode: o
34
- }) => {
35
- const t = e.useRef(null), [b, f] = e.useState("auto"), u = r(
36
- l[_],
37
- {
38
- [l[`${_}--inline`]]: m
39
- },
40
- s
41
- );
42
- return e.useEffect(() => {
43
- const c = t;
44
- return m && c.current ? f(`${c.current.clientHeight}px`) : f("auto");
45
- }), /* @__PURE__ */ e.createElement("div", { className: u }, o && m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
46
- "div",
47
- {
48
- className: r(
49
- l[`${_}__label-right-node`],
50
- l[`${_}__label-right-node--inline`]
51
- )
52
- },
53
- o
54
- ), /* @__PURE__ */ e.createElement("div", { className: l[`${_}__row-break`] })), /* @__PURE__ */ e.createElement(
55
- "div",
56
- {
57
- className: r(
58
- l[`${_}__wrapper`],
59
- m && l[`${_}__wrapper--inline`]
60
- )
61
- },
62
- (i || o) && /* @__PURE__ */ e.createElement(
63
- "div",
64
- {
65
- className: r(
66
- l[`${_}__label`],
67
- m && l[`${_}__label--inline`],
68
- !i && l[`${_}__label--no-text`]
69
- )
70
- },
71
- i && /* @__PURE__ */ e.createElement(
72
- "div",
73
- {
74
- className: r(
75
- l[`${_}__label-wrapper`],
76
- m && l[`${_}__label-wrapper--inline`]
77
- ),
78
- style: {
79
- height: b
80
- }
81
- },
82
- /* @__PURE__ */ e.createElement(
83
- "label",
84
- {
85
- className: l[`${_}__label-left-node`],
86
- htmlFor: F
87
- },
88
- /* @__PURE__ */ e.createElement(w, { as: "span", size: "sm" }, i)
89
- ),
90
- d && /* @__PURE__ */ e.createElement(
91
- "div",
92
- {
93
- className: r(
94
- l[`${_}__label-adornment`],
95
- m && l[`${_}__label-adornment--inline`]
96
- )
97
- },
98
- d
99
- )
100
- ),
101
- o && !m && /* @__PURE__ */ e.createElement("div", { className: r(l[`${_}__label-right-node`]) }, o)
102
- ),
103
- /* @__PURE__ */ e.createElement("div", { className: r(l[`${_}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: t }, p), a && /* @__PURE__ */ e.createElement(E, null, a), !a && n && /* @__PURE__ */ e.createElement(
104
- $,
105
- {
106
- className: r(l[`${_}__content__description`])
107
- },
108
- n
109
- ))
110
- ));
111
- };
112
- export {
113
- C as FormField
114
- };
@@ -1 +0,0 @@
1
- var b=Object.defineProperty,G=Object.defineProperties;var N=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var n=(e,o,r)=>o in e?b(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,c=(e,o)=>{for(var r in o||(o={}))p.call(o,r)&&n(e,r,o[r]);if(a)for(var r of a(o))i.call(o,r)&&n(e,r,o[r]);return e},l=(e,o)=>G(e,N(o));var d=(e,o)=>{var r={};for(var t in e)p.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(e!=null&&a)for(var t of a(e))o.indexOf(t)<0&&i.call(e,t)&&(r[t]=e[t]);return r};var E=require("../../assets/style-index22.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),y=require("clsx"),F=require("../../chunks/Heading-597d11a4.js"),O=require("../../chunks/Text-dd6930a2.js");function h(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const _=h(v),s={"form-group":"lc-FormGroup-module__form-group___e2JHa","form-group__header":"lc-FormGroup-module__form-group__header___DgGmR","form-group__label":"lc-FormGroup-module__form-group__label___NC-JW","form-group__helper":"lc-FormGroup-module__form-group__helper___SRuxe"},u="form-group",j=S=>{var m=S,{className:e="",children:o,labelText:r,helperText:t}=m,g=d(m,["className","children","labelText","helperText"]);const f=y(s[u],e);return _.createElement("div",l(c(l(c({},g),{role:"group"}),r&&{"aria-label":r}),{className:f}),_.createElement("div",{className:s[`${u}__header`]},_.createElement(F.Heading,{as:"div",size:"sm",className:s[`${u}__label`]},r),t&&_.createElement(O.Text,{as:"div",size:"sm",className:s[`${u}__helper`]},t)),o)};exports.FormGroup=j;