powell-react 0.0.41 → 0.0.45

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 (181) hide show
  1. package/dist/{_virtual → cjs/_virtual}/jsx-runtime.js +0 -2
  2. package/dist/{_virtual → cjs/_virtual}/jsx-runtime.js.map +1 -1
  3. package/dist/{_virtual → cjs/_virtual}/react-jsx-runtime.development.js +0 -2
  4. package/dist/{_virtual → cjs/_virtual}/react-jsx-runtime.development.js.map +1 -1
  5. package/dist/{_virtual → cjs/_virtual}/react-jsx-runtime.production.min.js +0 -2
  6. package/dist/{_virtual → cjs/_virtual}/react-jsx-runtime.production.min.js.map +1 -1
  7. package/dist/{node_modules → cjs/node_modules}/react/cjs/react-jsx-runtime.development.js +2 -4
  8. package/dist/cjs/node_modules/react/cjs/react-jsx-runtime.development.js.map +1 -0
  9. package/dist/{node_modules → cjs/node_modules}/react/cjs/react-jsx-runtime.production.min.js +2 -4
  10. package/dist/cjs/node_modules/react/cjs/react-jsx-runtime.production.min.js.map +1 -0
  11. package/dist/{node_modules → cjs/node_modules}/react/jsx-runtime.js +3 -5
  12. package/dist/cjs/node_modules/react/jsx-runtime.js.map +1 -0
  13. package/dist/{powell → cjs/powell}/api/PowellProvider.js +22 -23
  14. package/dist/cjs/powell/api/PowellProvider.js.map +1 -0
  15. package/dist/{powell → cjs/powell}/api/configService.js +1 -3
  16. package/dist/cjs/powell/api/configService.js.map +1 -0
  17. package/dist/{powell → cjs/powell}/api/overlayEmitter.js +2 -4
  18. package/dist/cjs/powell/api/overlayEmitter.js.map +1 -0
  19. package/dist/{powell → cjs/powell}/api/powellDefaults.js +5 -7
  20. package/dist/cjs/powell/api/powellDefaults.js.map +1 -0
  21. package/dist/{powell → cjs/powell}/components/Button/Button.js +36 -40
  22. package/dist/cjs/powell/components/Button/Button.js.map +1 -0
  23. package/dist/cjs/powell/components/FormContainer/FormContext.js +9 -0
  24. package/dist/cjs/powell/components/FormContainer/FormContext.js.map +1 -0
  25. package/dist/{powell → cjs/powell}/components/Toast/Toast.js +10 -11
  26. package/dist/cjs/powell/components/Toast/Toast.js.map +1 -0
  27. package/dist/{powell → cjs/powell}/hooks/useApplyConfig.js +14 -10
  28. package/dist/cjs/powell/hooks/useApplyConfig.js.map +1 -0
  29. package/dist/{powell → cjs/powell}/hooks/useFormContext.js +10 -10
  30. package/dist/cjs/powell/hooks/useFormContext.js.map +1 -0
  31. package/dist/{powell → cjs/powell}/hooks/usePowellConfig.js +34 -33
  32. package/dist/cjs/powell/hooks/usePowellConfig.js.map +1 -0
  33. package/dist/cjs/powell/index.js +768 -0
  34. package/dist/{powell → cjs/powell}/index.js.map +1 -1
  35. package/dist/{powell → cjs/powell}/utils/globalState.js +3 -5
  36. package/dist/cjs/powell/utils/globalState.js.map +1 -0
  37. package/dist/esm/_virtual/jsx-runtime.js +4 -0
  38. package/dist/esm/_virtual/jsx-runtime.js.map +1 -0
  39. package/dist/esm/_virtual/react-jsx-runtime.development.js +4 -0
  40. package/dist/esm/_virtual/react-jsx-runtime.development.js.map +1 -0
  41. package/dist/esm/_virtual/react-jsx-runtime.production.min.js +4 -0
  42. package/dist/esm/_virtual/react-jsx-runtime.production.min.js.map +1 -0
  43. package/dist/esm/node_modules/react/cjs/react-jsx-runtime.development.js +1326 -0
  44. package/dist/esm/node_modules/react/cjs/react-jsx-runtime.development.js.map +1 -0
  45. package/dist/esm/node_modules/react/cjs/react-jsx-runtime.production.min.js +25 -0
  46. package/dist/esm/node_modules/react/cjs/react-jsx-runtime.production.min.js.map +1 -0
  47. package/dist/esm/node_modules/react/jsx-runtime.js +14 -0
  48. package/dist/esm/node_modules/react/jsx-runtime.js.map +1 -0
  49. package/dist/esm/powell/api/PowellProvider.js +141 -0
  50. package/dist/esm/powell/api/PowellProvider.js.map +1 -0
  51. package/dist/esm/powell/api/configService.js +6 -0
  52. package/dist/esm/powell/api/configService.js.map +1 -0
  53. package/dist/esm/powell/api/overlayEmitter.js +22 -0
  54. package/dist/esm/powell/api/overlayEmitter.js.map +1 -0
  55. package/dist/esm/powell/api/powellDefaults.js +14 -0
  56. package/dist/esm/powell/api/powellDefaults.js.map +1 -0
  57. package/dist/esm/powell/components/Button/Button.js +161 -0
  58. package/dist/esm/powell/components/Button/Button.js.map +1 -0
  59. package/dist/esm/powell/components/FormContainer/FormContext.js +7 -0
  60. package/dist/esm/powell/components/FormContainer/FormContext.js.map +1 -0
  61. package/dist/esm/powell/components/Toast/Toast.js +120 -0
  62. package/dist/esm/powell/components/Toast/Toast.js.map +1 -0
  63. package/dist/esm/powell/hooks/useApplyConfig.js +57 -0
  64. package/dist/esm/powell/hooks/useApplyConfig.js.map +1 -0
  65. package/dist/esm/powell/hooks/useFormContext.js +125 -0
  66. package/dist/esm/powell/hooks/useFormContext.js.map +1 -0
  67. package/dist/esm/powell/hooks/usePowellConfig.js +199 -0
  68. package/dist/esm/powell/hooks/usePowellConfig.js.map +1 -0
  69. package/dist/esm/powell/index.js +106 -0
  70. package/dist/esm/powell/index.js.map +1 -0
  71. package/dist/esm/powell/utils/globalState.js +59 -0
  72. package/dist/esm/powell/utils/globalState.js.map +1 -0
  73. package/dist/types/index.d.ts +539 -0
  74. package/package.json +42 -93
  75. package/dist/assets/style-nnktSJs6.css +0 -1163
  76. package/dist/node_modules/react/cjs/react-jsx-runtime.development.js.map +0 -1
  77. package/dist/node_modules/react/cjs/react-jsx-runtime.production.min.js.map +0 -1
  78. package/dist/node_modules/react/jsx-runtime.js.map +0 -1
  79. package/dist/powell/api/PowellProvider.js.map +0 -1
  80. package/dist/powell/api/configService.js.map +0 -1
  81. package/dist/powell/api/overlayEmitter.js.map +0 -1
  82. package/dist/powell/api/powellDefaults.js.map +0 -1
  83. package/dist/powell/components/Button/Button.js.map +0 -1
  84. package/dist/powell/components/FormContainer/FormContainer.js +0 -120
  85. package/dist/powell/components/FormContainer/FormContainer.js.map +0 -1
  86. package/dist/powell/components/FormContainer/FormContext.js +0 -16
  87. package/dist/powell/components/FormContainer/FormContext.js.map +0 -1
  88. package/dist/powell/components/Toast/Toast.js.map +0 -1
  89. package/dist/powell/hooks/useApplyConfig.js.map +0 -1
  90. package/dist/powell/hooks/useFormContext.js.map +0 -1
  91. package/dist/powell/hooks/usePowellConfig.js.map +0 -1
  92. package/dist/powell/index.js +0 -771
  93. package/dist/powell/utils/globalState.js.map +0 -1
  94. package/dist/types/powell/api/PowellProvider.d.ts +0 -6
  95. package/dist/types/powell/api/configService.d.ts +0 -3
  96. package/dist/types/powell/api/forms.d.ts +0 -74
  97. package/dist/types/powell/api/index.d.ts +0 -5
  98. package/dist/types/powell/api/overlayEmitter.d.ts +0 -11
  99. package/dist/types/powell/api/overlayService.d.ts +0 -10
  100. package/dist/types/powell/api/powellDefaults.d.ts +0 -3
  101. package/dist/types/powell/api/primereact.d.ts +0 -981
  102. package/dist/types/powell/components/AutoComplete/AutoComplete.d.ts +0 -3
  103. package/dist/types/powell/components/AutoComplete/index.d.ts +0 -1
  104. package/dist/types/powell/components/Button/Button.d.ts +0 -3
  105. package/dist/types/powell/components/Button/index.d.ts +0 -1
  106. package/dist/types/powell/components/CascadeSelect/CascadeSelect.d.ts +0 -3
  107. package/dist/types/powell/components/CascadeSelect/index.d.ts +0 -1
  108. package/dist/types/powell/components/Checkbox/Checkbox.d.ts +0 -3
  109. package/dist/types/powell/components/Checkbox/index.d.ts +0 -1
  110. package/dist/types/powell/components/Chips/Chips.d.ts +0 -3
  111. package/dist/types/powell/components/Chips/index.d.ts +0 -1
  112. package/dist/types/powell/components/ColorPicker/ColorPicker.d.ts +0 -3
  113. package/dist/types/powell/components/ColorPicker/index.d.ts +0 -1
  114. package/dist/types/powell/components/Dialog/Dialog.d.ts +0 -3
  115. package/dist/types/powell/components/Dialog/index.d.ts +0 -1
  116. package/dist/types/powell/components/DialogForm/DialogForm.d.ts +0 -3
  117. package/dist/types/powell/components/DialogForm/index.d.ts +0 -1
  118. package/dist/types/powell/components/Dropdown/Dropdown.d.ts +0 -3
  119. package/dist/types/powell/components/Dropdown/index.d.ts +0 -1
  120. package/dist/types/powell/components/Editor/Editor.d.ts +0 -3
  121. package/dist/types/powell/components/Editor/index.d.ts +0 -1
  122. package/dist/types/powell/components/FieldControl/FieldControl.d.ts +0 -3
  123. package/dist/types/powell/components/FieldControl/index.d.ts +0 -1
  124. package/dist/types/powell/components/FieldLayout/FieldLayout.d.ts +0 -4
  125. package/dist/types/powell/components/FieldLayout/index.d.ts +0 -1
  126. package/dist/types/powell/components/FormContainer/FormContainer.d.ts +0 -4
  127. package/dist/types/powell/components/FormContainer/FormContext.d.ts +0 -5
  128. package/dist/types/powell/components/FormContainer/index.d.ts +0 -2
  129. package/dist/types/powell/components/InputMask/InputMask.d.ts +0 -3
  130. package/dist/types/powell/components/InputMask/index.d.ts +0 -1
  131. package/dist/types/powell/components/InputNumber/InputNumber.d.ts +0 -3
  132. package/dist/types/powell/components/InputNumber/index.d.ts +0 -1
  133. package/dist/types/powell/components/InputOtp/InputOtp.d.ts +0 -3
  134. package/dist/types/powell/components/InputOtp/index.d.ts +0 -1
  135. package/dist/types/powell/components/InputPassword/InputPassword.d.ts +0 -3
  136. package/dist/types/powell/components/InputPassword/index.d.ts +0 -1
  137. package/dist/types/powell/components/InputSwitch/InputSwitch.d.ts +0 -3
  138. package/dist/types/powell/components/InputSwitch/index.d.ts +0 -1
  139. package/dist/types/powell/components/InputText/InputText.d.ts +0 -3
  140. package/dist/types/powell/components/InputText/index.d.ts +0 -1
  141. package/dist/types/powell/components/InputTextarea/InputTextarea.d.ts +0 -3
  142. package/dist/types/powell/components/InputTextarea/index.d.ts +0 -1
  143. package/dist/types/powell/components/Knob/Knob.d.ts +0 -3
  144. package/dist/types/powell/components/Knob/index.d.ts +0 -1
  145. package/dist/types/powell/components/ListBox/ListBox.d.ts +0 -3
  146. package/dist/types/powell/components/ListBox/index.d.ts +0 -1
  147. package/dist/types/powell/components/Mention/Mention.d.ts +0 -3
  148. package/dist/types/powell/components/Mention/index.d.ts +0 -1
  149. package/dist/types/powell/components/MultiSelect/MultiSelect.d.ts +0 -3
  150. package/dist/types/powell/components/MultiSelect/index.d.ts +0 -1
  151. package/dist/types/powell/components/MultiStateCheckbox/MultiStateCheckbox.d.ts +0 -3
  152. package/dist/types/powell/components/MultiStateCheckbox/index.d.ts +0 -1
  153. package/dist/types/powell/components/RadioGroup/RadioGroup.d.ts +0 -3
  154. package/dist/types/powell/components/RadioGroup/index.d.ts +0 -1
  155. package/dist/types/powell/components/Rating/Rating.d.ts +0 -3
  156. package/dist/types/powell/components/Rating/index.d.ts +0 -1
  157. package/dist/types/powell/components/SelectButton/SelectButton.d.ts +0 -3
  158. package/dist/types/powell/components/SelectButton/index.d.ts +0 -1
  159. package/dist/types/powell/components/Slider/Slider.d.ts +0 -3
  160. package/dist/types/powell/components/Slider/index.d.ts +0 -1
  161. package/dist/types/powell/components/Toast/Toast.d.ts +0 -3
  162. package/dist/types/powell/components/Toast/index.d.ts +0 -1
  163. package/dist/types/powell/components/ToggleButton/ToggleButton.d.ts +0 -3
  164. package/dist/types/powell/components/ToggleButton/index.d.ts +0 -1
  165. package/dist/types/powell/components/TreeSelect/TreeSelect.d.ts +0 -3
  166. package/dist/types/powell/components/TreeSelect/index.d.ts +0 -1
  167. package/dist/types/powell/components/TriStateCheckbox/TriStateCheckbox.d.ts +0 -3
  168. package/dist/types/powell/components/TriStateCheckbox/index.d.ts +0 -1
  169. package/dist/types/powell/hooks/index.d.ts +0 -3
  170. package/dist/types/powell/hooks/useApplyConfig.d.ts +0 -24
  171. package/dist/types/powell/hooks/useFormContext.d.ts +0 -5
  172. package/dist/types/powell/hooks/usePowellConfig.d.ts +0 -4
  173. package/dist/types/powell/index.d.ts +0 -5
  174. package/dist/types/powell/models/common.d.ts +0 -10
  175. package/dist/types/powell/models/config.d.ts +0 -16
  176. package/dist/types/powell/models/forms.d.ts +0 -28
  177. package/dist/types/powell/models/index.d.ts +0 -5
  178. package/dist/types/powell/models/overlay.d.ts +0 -222
  179. package/dist/types/powell/models/props.d.ts +0 -109
  180. package/dist/types/powell/utils/globalState.d.ts +0 -20
  181. package/dist/types/powell/utils/index.d.ts +0 -1
@@ -1,1163 +0,0 @@
1
- [class*=-wrapper] .field {
2
- display: flex;
3
- gap: 0.25rem 1rem;
4
- }
5
- [class*=-wrapper] .field > .field-inner {
6
- flex-grow: 1;
7
- }
8
- [class*=-wrapper].control-disabled label {
9
- opacity: 0.6;
10
- }
11
- [class*=-wrapper].label-side .field {
12
- flex-direction: row;
13
- align-items: center;
14
- }
15
- [class*=-wrapper].label-top .field {
16
- flex-direction: column;
17
- }
18
- [class*=-wrapper].label-top .field label {
19
- margin-bottom: 0.25rem;
20
- }
21
- [class*=-wrapper].label-float label {
22
- left: auto;
23
- inset-inline-start: 0.75rem;
24
- }
25
- [class*=-wrapper].label-float[class^=icon] .field label {
26
- inset-inline-start: 2.5rem;
27
- }
28
- [class*=-wrapper] .hint {
29
- color: var(--text-color-secondary);
30
- display: block;
31
- }
32
- [class*=-wrapper] .error-message {
33
- color: rgb(185, 28, 28);
34
- display: block;
35
- }
36
-
37
- .auto-complete-wrapper .p-autocomplete,
38
- .auto-complete-wrapper .p-autocomplete .p-inputtext,
39
- .cascade-select-wrapper .p-cascadeselect,
40
- .chips-wrapper .p-chips,
41
- .chips-wrapper .p-chips .p-inputtext,
42
- .dropdown-wrapper .p-dropdown,
43
- .editor-wrapper [data-pc-name=editor],
44
- .input-mask-wrapper .p-inputmask,
45
- .input-number-wrapper .p-inputnumber,
46
- .input-text-wrapper .p-inputtext,
47
- .input-textarea-wrapper .p-inputtext,
48
- .input-password-wrapper .p-password,
49
- .input-password-wrapper .p-password div,
50
- .input-password-wrapper .p-password-input,
51
- .mention-wrapper .p-mention,
52
- .mention-wrapper .p-mention .p-mention-input,
53
- .multi-select-wrapper .p-multiselect,
54
- .tree-select-wrapper .p-treeselect {
55
- width: 100%;
56
- }
57
-
58
- .checkbox-wrapper.label-side .field,
59
- .tri-state-checkbox-wrapper.label-side .field,
60
- .multi-state-checkbox-wrapper.label-side .field {
61
- display: inline-flex;
62
- flex-direction: row-reverse;
63
- gap: 0.25rem 0.5rem;
64
- }
65
- .checkbox-wrapper.label-side .field .field-inner,
66
- .tri-state-checkbox-wrapper.label-side .field .field-inner,
67
- .multi-state-checkbox-wrapper.label-side .field .field-inner {
68
- flex-grow: 0;
69
- }
70
-
71
- .input-switch-wrapper .field-inner {
72
- display: inline-flex;
73
- }
74
-
75
- .color-picker-wrapper.is-inline .field label,
76
- .editor-wrapper .field label,
77
- .input-textarea-wrapper .field label,
78
- .list-box-wrapper .field label,
79
- .mention-wrapper .field label,
80
- .radio-group-wrapper.is-vertical .field label {
81
- align-self: self-start;
82
- }
83
-
84
- input:not([type=file i],
85
- [type=image i],
86
- [type=checkbox i],
87
- [type=radio i]),
88
- textarea {
89
- unicode-bidi: plaintext;
90
- }
91
-
92
- .auto-complete-wrapper .p-autocomplete-multiple-container .p-autocomplete-token {
93
- margin: 0;
94
- margin-inline-start: 0.5rem;
95
- }
96
- .auto-complete-wrapper .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
97
- margin: 0;
98
- margin-inline-start: 0.5rem;
99
- }
100
- .auto-complete-wrapper .p-autocomplete-loader {
101
- left: auto;
102
- right: auto;
103
- inset-inline-end: 0.75rem;
104
- }
105
- .auto-complete-wrapper:dir(rtl) .p-autocomplete-dd .p-autocomplete-dropdown {
106
- border-top-left-radius: var(--border-radius);
107
- border-bottom-left-radius: var(--border-radius);
108
- border-top-right-radius: 0;
109
- border-bottom-right-radius: 0;
110
- }
111
- .auto-complete-wrapper:dir(rtl) .p-autocomplete-dd .p-autocomplete-input, .auto-complete-wrapper:dir(rtl) .p-autocomplete-dd .p-autocomplete-multiple-container {
112
- border-top-left-radius: 0;
113
- border-bottom-left-radius: 0;
114
- border-top-right-radius: var(--border-radius);
115
- border-bottom-right-radius: var(--border-radius);
116
- }
117
-
118
- .chips-wrapper .p-chips-multiple-container .p-chips-token {
119
- margin: 0;
120
- margin-inline-end: 0.5rem;
121
- }
122
- .chips-wrapper .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
123
- margin: 0;
124
- margin-inline-start: 0.5rem;
125
- }
126
-
127
- .dropdown-wrapper.is-clearable .p-dropdown-label {
128
- padding-right: 0.75rem;
129
- padding-inline-end: 1.75rem;
130
- }
131
- .dropdown-wrapper.is-clearable .p-dropdown-clear-icon {
132
- right: auto;
133
- inset-inline-end: 3rem;
134
- }
135
-
136
- .editor-wrapper .ql-toolbar.ql-snow {
137
- direction: ltr;
138
- }
139
-
140
- .input-number-wrapper:dir(rtl).has-buttons-stacked .p-inputnumber-input {
141
- border-top-left-radius: 0;
142
- border-bottom-left-radius: 0;
143
- border-top-right-radius: var(--border-radius);
144
- border-bottom-right-radius: var(--border-radius);
145
- }
146
- .input-number-wrapper:dir(rtl).has-buttons-stacked .p-button.p-inputnumber-button-up {
147
- border-top-left-radius: var(--border-radius);
148
- border-top-right-radius: 0;
149
- }
150
- .input-number-wrapper:dir(rtl).has-buttons-stacked .p-button.p-inputnumber-button-down {
151
- border-bottom-left-radius: var(--border-radius);
152
- border-bottom-right-radius: 0;
153
- }
154
- .input-number-wrapper:dir(rtl).has-buttons-horizontal .p-button.p-inputnumber-button-up {
155
- order: 1;
156
- }
157
- .input-number-wrapper:dir(rtl).has-buttons-horizontal .p-button.p-inputnumber-button-down {
158
- order: 3;
159
- }
160
-
161
- .input-otp-wrapper .p-inputotp {
162
- direction: ltr;
163
- }
164
- .input-otp-wrapper:dir(rtl) .p-inputotp {
165
- justify-content: flex-end;
166
- }
167
-
168
- .input-text-wrapper .input-text-inner {
169
- position: relative;
170
- width: 100%;
171
- }
172
- .input-text-wrapper .input-text-clear-icon {
173
- position: absolute;
174
- top: 50%;
175
- transform: translateY(-50%);
176
- cursor: pointer;
177
- }
178
- .input-text-wrapper.is-clearable .p-inputtext {
179
- padding-right: 0.75rem;
180
- padding-inline-end: 2.5rem;
181
- }
182
- .input-text-wrapper.is-clearable .input-text-clear-icon {
183
- right: auto;
184
- inset-inline-end: 0.75rem;
185
- }
186
-
187
- .input-password-wrapper .input-password-inner {
188
- position: relative;
189
- width: 100%;
190
- }
191
- .input-password-wrapper:not(.icon-right) .p-inputtext {
192
- padding-right: 0.75rem;
193
- }
194
- .input-password-wrapper.has-toggler .p-input-icon:has([class*=p-password-]) {
195
- right: auto;
196
- inset-inline-end: 0.75rem;
197
- }
198
- .input-password-wrapper.has-toggler .p-inputtext {
199
- padding-inline-end: 2.5rem;
200
- }
201
- .input-password-wrapper .input-password-clear-icon {
202
- position: absolute;
203
- top: 50%;
204
- transform: translateY(-50%);
205
- cursor: pointer;
206
- }
207
- .input-password-wrapper.is-clearable .p-inputtext {
208
- padding-right: 0.75rem;
209
- padding-inline-end: 2.5rem;
210
- }
211
- .input-password-wrapper.is-clearable .input-password-clear-icon {
212
- right: auto;
213
- inset-inline-end: 0.75rem;
214
- }
215
- .input-password-wrapper.is-clearable.has-toggler .p-inputtext {
216
- padding-inline-end: 4rem;
217
- }
218
- .input-password-wrapper.is-clearable.has-toggler .input-password-clear-icon {
219
- inset-inline-end: 2.5rem;
220
- }
221
-
222
- .list-box-wrapper .p-listbox-header .p-listbox-filter {
223
- padding-right: 0.75rem;
224
- padding-inline-end: 1.75rem;
225
- }
226
- .list-box-wrapper .p-listbox-header .p-listbox-filter-icon {
227
- right: auto;
228
- inset-inline-end: 0.75rem;
229
- }
230
-
231
- .multi-select-wrapper.is-clearable .p-multiselect-label {
232
- padding-right: 0.75rem;
233
- padding-inline-end: 1.75rem;
234
- }
235
- .multi-select-wrapper.is-clearable .p-multiselect-clear-icon {
236
- right: auto;
237
- inset-inline-end: 3rem;
238
- }
239
-
240
- .radio-group-wrapper .radio-group-item {
241
- display: flex;
242
- align-items: center;
243
- gap: 0.5rem;
244
- }
245
- .radio-group-wrapper.is-vertical .radio-group-item {
246
- margin-bottom: 0.5rem;
247
- }
248
- .radio-group-wrapper.is-horizontal .radio-group-item {
249
- gap: 0.25rem;
250
- }
251
- .radio-group-wrapper.is-horizontal .field-inner {
252
- display: flex;
253
- gap: 1.25rem;
254
- }
255
-
256
- .select-button-wrapper .p-selectbutton {
257
- direction: ltr;
258
- }
259
- .select-button-wrapper:dir(rtl) .p-selectbutton {
260
- text-align: right;
261
- }
262
-
263
- .tree-select-wrapper.is-clearable .p-treeselect-label {
264
- padding-right: 0.75rem;
265
- padding-inline-end: 1.75rem;
266
- }
267
- .tree-select-wrapper.is-clearable .p-treeselect-clear-icon {
268
- right: auto;
269
- inset-inline-end: 3rem;
270
- }
271
-
272
- [class*=-wrapper] .p-icon-field .p-input-icon {
273
- margin: 0;
274
- transform: translateY(-50%);
275
- z-index: 50;
276
- color: #6b7280;
277
- }
278
- [class*=-wrapper] .p-icon-field.p-icon-field-right > .p-input-icon:not(:has([class*=p-password-])) {
279
- right: 0.75rem;
280
- }
281
- [class*=-wrapper] .p-icon-field.p-icon-field-left > .p-input-icon:not(:has([class*=p-password-])) {
282
- left: 0.75rem;
283
- }
284
-
285
- .auto-complete-wrapper.label-float:dir(ltr).icon-left label, .auto-complete-wrapper.label-float:dir(rtl).icon-right label {
286
- inset-inline-start: 2.5rem;
287
- }
288
- .auto-complete-wrapper.icon-right .p-inputtext {
289
- padding-right: 2.5rem;
290
- }
291
- .auto-complete-wrapper.icon-right:dir(ltr).has-dropdown .p-input-icon {
292
- right: 4rem;
293
- }
294
- .auto-complete-wrapper.icon-left .p-inputtext {
295
- padding-left: 2.5rem;
296
- }
297
- .auto-complete-wrapper.icon-left:dir(rtl).has-dropdown .p-input-icon {
298
- left: 4rem;
299
- }
300
-
301
- .cascade-select-wrapper.label-float:dir(ltr).icon-left label, .cascade-select-wrapper.label-float:dir(rtl).icon-right label {
302
- inset-inline-start: 2.5rem;
303
- }
304
- .cascade-select-wrapper.icon-right:dir(rtl) .p-cascadeselect-label {
305
- padding-right: 2.5rem;
306
- }
307
- .cascade-select-wrapper.icon-right:dir(ltr) .p-cascadeselect-label {
308
- padding-right: 1.75rem;
309
- }
310
- .cascade-select-wrapper.icon-right:dir(ltr) .field .p-icon-field > .p-input-icon {
311
- right: 3rem;
312
- }
313
- .cascade-select-wrapper.icon-left:dir(ltr) .p-cascadeselect-label {
314
- padding-left: 2.5rem;
315
- }
316
- .cascade-select-wrapper.icon-left:dir(rtl) .p-cascadeselect-label {
317
- padding-left: 1.75rem;
318
- }
319
- .cascade-select-wrapper.icon-left:dir(rtl) .field .p-icon-field > .p-input-icon {
320
- left: 3rem;
321
- }
322
- .cascade-select-wrapper.is-clearable.icon-right:dir(ltr) .p-cascadeselect-clear-icon {
323
- inset-inline-end: 5rem;
324
- }
325
- .cascade-select-wrapper.is-clearable.icon-right:dir(ltr) .p-cascadeselect-label {
326
- padding-right: 3.75rem;
327
- }
328
- .cascade-select-wrapper.is-clearable.icon-left:dir(rtl) .p-cascadeselect-clear-icon {
329
- inset-inline-end: 5rem;
330
- }
331
- .cascade-select-wrapper.is-clearable.icon-left:dir(rtl) .p-cascadeselect-label {
332
- padding-left: 3.75rem;
333
- }
334
-
335
- .chips-wrapper.label-float:dir(ltr).icon-left label, .chips-wrapper.label-float:dir(rtl).icon-right label {
336
- inset-inline-start: 2.5rem;
337
- }
338
- .chips-wrapper.icon-right .p-inputtext {
339
- padding-right: 2.5rem;
340
- }
341
- .chips-wrapper.icon-left .p-inputtext {
342
- padding-left: 2.5rem;
343
- }
344
-
345
- .dropdown-wrapper.label-float:dir(ltr).icon-left label, .dropdown-wrapper.label-float:dir(rtl).icon-right label {
346
- inset-inline-start: 2.5rem;
347
- }
348
- .dropdown-wrapper.icon-right:dir(rtl) .p-dropdown-label {
349
- padding-right: 2.5rem;
350
- }
351
- .dropdown-wrapper.icon-right:dir(ltr) .p-dropdown-label {
352
- padding-right: 1.75rem;
353
- }
354
- .dropdown-wrapper.icon-right:dir(ltr) .field .p-icon-field > .p-input-icon {
355
- right: 3rem;
356
- }
357
- .dropdown-wrapper.icon-left:dir(ltr) .p-dropdown-label {
358
- padding-left: 2.5rem;
359
- }
360
- .dropdown-wrapper.icon-left:dir(rtl) .p-dropdown-label {
361
- padding-left: 1.75rem;
362
- }
363
- .dropdown-wrapper.icon-left:dir(rtl) .field .p-icon-field > .p-input-icon {
364
- left: 3rem;
365
- }
366
- .dropdown-wrapper.is-clearable.icon-right:dir(ltr) .p-dropdown-clear-icon {
367
- inset-inline-end: 5rem;
368
- }
369
- .dropdown-wrapper.is-clearable.icon-right:dir(ltr) .p-dropdown-label {
370
- padding-right: 3.75rem;
371
- }
372
- .dropdown-wrapper.is-clearable.icon-left:dir(rtl) .p-dropdown-clear-icon {
373
- inset-inline-end: 5rem;
374
- }
375
- .dropdown-wrapper.is-clearable.icon-left:dir(rtl) .p-dropdown-label {
376
- padding-left: 3.75rem;
377
- }
378
-
379
- .input-mask-wrapper.label-float:dir(ltr).icon-left label, .input-mask-wrapper.label-float:dir(rtl).icon-right label {
380
- inset-inline-start: 2.5rem;
381
- }
382
- .input-mask-wrapper.icon-right .p-inputtext {
383
- padding-right: 2.5rem;
384
- }
385
- .input-mask-wrapper.icon-left .p-inputtext {
386
- padding-left: 2.5rem;
387
- }
388
-
389
- .input-number-wrapper.label-float:dir(ltr).icon-left label, .input-number-wrapper.label-float:dir(rtl).icon-right label {
390
- inset-inline-start: 2.5rem;
391
- }
392
- .input-number-wrapper.icon-right .p-inputtext {
393
- padding-right: 2.5rem;
394
- }
395
- .input-number-wrapper.icon-right.has-buttons-horizontal .p-input-icon {
396
- right: 4rem;
397
- }
398
- .input-number-wrapper.icon-right.has-buttons-vertical .p-inputtext {
399
- padding-left: 2.5rem;
400
- }
401
- .input-number-wrapper.icon-right:dir(ltr).has-buttons-stacked .p-input-icon {
402
- right: 4rem;
403
- }
404
- .input-number-wrapper.icon-left .p-inputtext {
405
- padding-left: 2.5rem;
406
- }
407
- .input-number-wrapper.icon-left.has-buttons-horizontal .p-input-icon {
408
- left: 4rem;
409
- }
410
- .input-number-wrapper.icon-left.has-buttons-vertical .p-inputtext {
411
- padding-right: 2.5rem;
412
- }
413
- .input-number-wrapper.icon-left:dir(rtl).has-buttons-stacked .p-input-icon {
414
- left: 4rem;
415
- }
416
-
417
- .input-password-wrapper.label-float:dir(ltr).icon-left label, .input-password-wrapper.label-float:dir(rtl).icon-right label {
418
- inset-inline-start: 2.5rem;
419
- }
420
- .input-password-wrapper.icon-right .p-inputtext {
421
- padding-right: 2.5rem;
422
- }
423
- .input-password-wrapper.icon-right:dir(ltr).has-toggler .p-input-icon:not(:has([class*=p-password-])) {
424
- right: 2.75rem;
425
- }
426
- .input-password-wrapper.icon-right:dir(ltr).has-toggler .p-inputtext {
427
- padding-right: 4.5rem;
428
- }
429
- .input-password-wrapper.icon-left .p-inputtext {
430
- padding-left: 2.5rem;
431
- }
432
- .input-password-wrapper.icon-left:dir(rtl).has-toggler .p-input-icon:not(:has([class*=p-password-])) {
433
- left: 2.75rem;
434
- }
435
- .input-password-wrapper.icon-left:dir(rtl).has-toggler .p-inputtext {
436
- padding-left: 4.5rem;
437
- }
438
- .input-password-wrapper.is-clearable.icon-right:dir(ltr) .input-password-clear-icon {
439
- inset-inline-end: 2.5rem;
440
- }
441
- .input-password-wrapper.is-clearable.icon-right:dir(ltr) .p-inputtext {
442
- padding-right: 4rem;
443
- }
444
- .input-password-wrapper.is-clearable.icon-right.has-toggler:dir(ltr) .input-password-clear-icon {
445
- inset-inline-end: 4.75rem;
446
- }
447
- .input-password-wrapper.is-clearable.icon-right.has-toggler:dir(ltr) .p-inputtext {
448
- padding-right: 6.5rem;
449
- }
450
- .input-password-wrapper.is-clearable.icon-left:dir(rtl) .input-password-clear-icon {
451
- inset-inline-end: 2.5rem;
452
- }
453
- .input-password-wrapper.is-clearable.icon-left:dir(rtl) .p-inputtext {
454
- padding-left: 4rem;
455
- }
456
- .input-password-wrapper.is-clearable.icon-left.has-toggler:dir(rtl) .input-password-clear-icon {
457
- inset-inline-end: 4.75rem;
458
- }
459
- .input-password-wrapper.is-clearable.icon-left.has-toggler:dir(rtl) .p-inputtext {
460
- padding-left: 6.5rem;
461
- }
462
-
463
- .input-text-wrapper.label-float:dir(ltr).icon-left label, .input-text-wrapper.label-float:dir(rtl).icon-right label {
464
- inset-inline-start: 2.5rem;
465
- }
466
- .input-text-wrapper.icon-right .p-inputtext {
467
- padding-right: 2.5rem;
468
- }
469
- .input-text-wrapper.icon-left .p-inputtext {
470
- padding-left: 2.5rem;
471
- }
472
- .input-text-wrapper.is-clearable.icon-right:dir(ltr) .input-text-clear-icon {
473
- inset-inline-end: 2.5rem;
474
- }
475
- .input-text-wrapper.is-clearable.icon-right:dir(ltr) .p-inputtext {
476
- padding-right: 4rem;
477
- }
478
- .input-text-wrapper.is-clearable.icon-left:dir(rtl) .input-text-clear-icon {
479
- inset-inline-end: 2.5rem;
480
- }
481
- .input-text-wrapper.is-clearable.icon-left:dir(rtl) .p-inputtext {
482
- padding-left: 4rem;
483
- }
484
-
485
- .input-textarea-wrapper.label-float:dir(ltr).icon-left label, .input-textarea-wrapper.label-float:dir(rtl).icon-right label {
486
- inset-inline-start: 2.5rem;
487
- }
488
- .input-textarea-wrapper.icon-right .p-inputtextarea {
489
- padding-right: 2.5rem;
490
- }
491
- .input-textarea-wrapper.icon-left .p-inputtextarea {
492
- padding-left: 2.5rem;
493
- }
494
-
495
- .mention-wrapper.label-float:dir(ltr).icon-left label, .mention-wrapper.label-float:dir(rtl).icon-right label {
496
- inset-inline-start: 2.5rem;
497
- }
498
- .mention-wrapper.icon-right .p-inputtext {
499
- padding-right: 2.5rem;
500
- }
501
- .mention-wrapper.icon-left .p-inputtext {
502
- padding-left: 2.5rem;
503
- }
504
-
505
- .multi-select-wrapper.label-float:dir(ltr).icon-left label, .multi-select-wrapper.label-float:dir(rtl).icon-right label {
506
- inset-inline-start: 2.5rem;
507
- }
508
- .multi-select-wrapper.icon-right:dir(rtl) .p-multiselect-label {
509
- padding-right: 2.5rem;
510
- }
511
- .multi-select-wrapper.icon-right:dir(ltr) .p-multiselect-label {
512
- padding-right: 1.75rem;
513
- }
514
- .multi-select-wrapper.icon-right:dir(ltr) .field .p-icon-field > .p-input-icon {
515
- right: 3rem;
516
- }
517
- .multi-select-wrapper.icon-left:dir(ltr) .p-multiselect-label {
518
- padding-left: 2.5rem;
519
- }
520
- .multi-select-wrapper.icon-left:dir(rtl) .p-multiselect-label {
521
- padding-left: 1.75rem;
522
- }
523
- .multi-select-wrapper.icon-left:dir(rtl) .field .p-icon-field > .p-input-icon {
524
- left: 3rem;
525
- }
526
- .multi-select-wrapper.is-clearable.icon-right:dir(ltr) .p-multiselect-clear-icon {
527
- inset-inline-end: 5rem;
528
- }
529
- .multi-select-wrapper.is-clearable.icon-right:dir(ltr) .p-multiselect-label {
530
- padding-right: 3.75rem;
531
- }
532
- .multi-select-wrapper.is-clearable.icon-left:dir(rtl) .p-multiselect-clear-icon {
533
- inset-inline-end: 5rem;
534
- }
535
- .multi-select-wrapper.is-clearable.icon-left:dir(rtl) .p-multiselect-label {
536
- padding-left: 3.75rem;
537
- }
538
-
539
- .tree-select-wrapper.label-float:dir(ltr).icon-left label, .tree-select-wrapper.label-float:dir(rtl).icon-right label {
540
- inset-inline-start: 2.5rem;
541
- }
542
- .tree-select-wrapper.icon-right:dir(rtl) .p-treeselect-label {
543
- padding-right: 2.5rem;
544
- }
545
- .tree-select-wrapper.icon-right:dir(ltr) .p-treeselect-label {
546
- padding-right: 1.75rem;
547
- }
548
- .tree-select-wrapper.icon-right:dir(ltr) .field .p-icon-field > .p-input-icon {
549
- right: 3rem;
550
- }
551
- .tree-select-wrapper.icon-left:dir(ltr) .p-treeselect-label {
552
- padding-left: 2.5rem;
553
- }
554
- .tree-select-wrapper.icon-left:dir(rtl) .p-treeselect-label {
555
- padding-left: 1.75rem;
556
- }
557
- .tree-select-wrapper.icon-left:dir(rtl) .field .p-icon-field > .p-input-icon {
558
- left: 3rem;
559
- }
560
- .tree-select-wrapper.is-clearable.icon-right:dir(ltr) .p-treeselect-clear-icon {
561
- inset-inline-end: 5rem;
562
- }
563
- .tree-select-wrapper.is-clearable.icon-right:dir(ltr) .p-treeselect-label {
564
- padding-right: 3.75rem;
565
- }
566
- .tree-select-wrapper.is-clearable.icon-left:dir(rtl) .p-treeselect-clear-icon {
567
- inset-inline-end: 5rem;
568
- }
569
- .tree-select-wrapper.is-clearable.icon-left:dir(rtl) .p-treeselect-label {
570
- padding-left: 3.75rem;
571
- }
572
-
573
- [class*=-wrapper]:dir(rtl) .p-inputgroup-addon, [class*=-wrapper]:dir(rtl) .p-inputgroup-addon i {
574
- transform: rotate(180deg);
575
- }
576
-
577
- .auto-complete-wrapper:not(.has-dropdown).addon-both .p-inputtext {
578
- border-top-left-radius: 0;
579
- border-bottom-left-radius: 0;
580
- border-top-right-radius: 0;
581
- border-bottom-right-radius: 0;
582
- }
583
- .auto-complete-wrapper:not(.has-dropdown):dir(ltr).addon-before .p-inputtext {
584
- border-top-left-radius: 0;
585
- border-bottom-left-radius: 0;
586
- border-top-right-radius: var(--border-radius);
587
- border-bottom-right-radius: var(--border-radius);
588
- }
589
- .auto-complete-wrapper:not(.has-dropdown):dir(ltr).addon-after .p-inputtext {
590
- border-top-left-radius: var(--border-radius);
591
- border-bottom-left-radius: var(--border-radius);
592
- border-top-right-radius: 0;
593
- border-bottom-right-radius: 0;
594
- }
595
- .auto-complete-wrapper:not(.has-dropdown):dir(rtl).addon-before .p-inputtext {
596
- border-top-left-radius: var(--border-radius);
597
- border-bottom-left-radius: var(--border-radius);
598
- border-top-right-radius: 0;
599
- border-bottom-right-radius: 0;
600
- }
601
- .auto-complete-wrapper:not(.has-dropdown):dir(rtl).addon-after .p-inputtext {
602
- border-top-left-radius: 0;
603
- border-bottom-left-radius: 0;
604
- border-top-right-radius: var(--border-radius);
605
- border-bottom-right-radius: var(--border-radius);
606
- }
607
- .auto-complete-wrapper.has-dropdown.addon-both .p-autocomplete-dropdown,
608
- .auto-complete-wrapper.has-dropdown.addon-both .p-inputtext {
609
- border-top-left-radius: 0;
610
- border-bottom-left-radius: 0;
611
- border-top-right-radius: 0;
612
- border-bottom-right-radius: 0;
613
- }
614
- .auto-complete-wrapper.has-dropdown.addon-before:dir(rtl) .p-inputtext {
615
- border-top-left-radius: 0;
616
- border-bottom-left-radius: 0;
617
- border-top-right-radius: 0;
618
- border-bottom-right-radius: 0;
619
- }
620
- .auto-complete-wrapper.has-dropdown.addon-before:dir(ltr) .p-inputtext {
621
- border-top-right-radius: 0;
622
- border-bottom-right-radius: 0;
623
- }
624
- .auto-complete-wrapper.has-dropdown.addon-after:dir(rtl) .p-autocomplete-dropdown {
625
- border-top-left-radius: 0;
626
- border-bottom-left-radius: 0;
627
- }
628
- .auto-complete-wrapper.has-dropdown.addon-after:dir(ltr) .p-autocomplete-dropdown {
629
- border-top-right-radius: 0;
630
- border-bottom-right-radius: 0;
631
- }
632
-
633
- .cascade-select-wrapper.addon-both .p-inputwrapper {
634
- border-top-left-radius: 0;
635
- border-bottom-left-radius: 0;
636
- border-top-right-radius: 0;
637
- border-bottom-right-radius: 0;
638
- }
639
- .cascade-select-wrapper:dir(ltr).addon-before .p-inputwrapper {
640
- border-top-left-radius: 0;
641
- border-bottom-left-radius: 0;
642
- border-top-right-radius: var(--border-radius);
643
- border-bottom-right-radius: var(--border-radius);
644
- }
645
- .cascade-select-wrapper:dir(ltr).addon-after .p-inputwrapper {
646
- border-top-left-radius: var(--border-radius);
647
- border-bottom-left-radius: var(--border-radius);
648
- border-top-right-radius: 0;
649
- border-bottom-right-radius: 0;
650
- }
651
- .cascade-select-wrapper:dir(rtl).addon-before .p-inputwrapper {
652
- border-top-left-radius: var(--border-radius);
653
- border-bottom-left-radius: var(--border-radius);
654
- border-top-right-radius: 0;
655
- border-bottom-right-radius: 0;
656
- }
657
- .cascade-select-wrapper:dir(rtl).addon-after .p-inputwrapper {
658
- border-top-left-radius: 0;
659
- border-bottom-left-radius: 0;
660
- border-top-right-radius: var(--border-radius);
661
- border-bottom-right-radius: var(--border-radius);
662
- }
663
-
664
- .chips-wrapper.addon-both .p-inputtext {
665
- border-top-left-radius: 0;
666
- border-bottom-left-radius: 0;
667
- border-top-right-radius: 0;
668
- border-bottom-right-radius: 0;
669
- }
670
- .chips-wrapper:dir(ltr).addon-before .p-inputtext {
671
- border-top-left-radius: 0;
672
- border-bottom-left-radius: 0;
673
- border-top-right-radius: var(--border-radius);
674
- border-bottom-right-radius: var(--border-radius);
675
- }
676
- .chips-wrapper:dir(ltr).addon-after .p-inputtext {
677
- border-top-left-radius: var(--border-radius);
678
- border-bottom-left-radius: var(--border-radius);
679
- border-top-right-radius: 0;
680
- border-bottom-right-radius: 0;
681
- }
682
- .chips-wrapper:dir(rtl).addon-before .p-inputtext {
683
- border-top-left-radius: var(--border-radius);
684
- border-bottom-left-radius: var(--border-radius);
685
- border-top-right-radius: 0;
686
- border-bottom-right-radius: 0;
687
- }
688
- .chips-wrapper:dir(rtl).addon-after .p-inputtext {
689
- border-top-left-radius: 0;
690
- border-bottom-left-radius: 0;
691
- border-top-right-radius: var(--border-radius);
692
- border-bottom-right-radius: var(--border-radius);
693
- }
694
-
695
- .dropdown-wrapper.addon-both .p-inputwrapper {
696
- border-top-left-radius: 0;
697
- border-bottom-left-radius: 0;
698
- border-top-right-radius: 0;
699
- border-bottom-right-radius: 0;
700
- }
701
- .dropdown-wrapper:dir(ltr).addon-before .p-inputwrapper {
702
- border-top-left-radius: 0;
703
- border-bottom-left-radius: 0;
704
- border-top-right-radius: var(--border-radius);
705
- border-bottom-right-radius: var(--border-radius);
706
- }
707
- .dropdown-wrapper:dir(ltr).addon-after .p-inputwrapper {
708
- border-top-left-radius: var(--border-radius);
709
- border-bottom-left-radius: var(--border-radius);
710
- border-top-right-radius: 0;
711
- border-bottom-right-radius: 0;
712
- }
713
- .dropdown-wrapper:dir(rtl).addon-before .p-inputwrapper {
714
- border-top-left-radius: var(--border-radius);
715
- border-bottom-left-radius: var(--border-radius);
716
- border-top-right-radius: 0;
717
- border-bottom-right-radius: 0;
718
- }
719
- .dropdown-wrapper:dir(rtl).addon-after .p-inputwrapper {
720
- border-top-left-radius: 0;
721
- border-bottom-left-radius: 0;
722
- border-top-right-radius: var(--border-radius);
723
- border-bottom-right-radius: var(--border-radius);
724
- }
725
-
726
- .input-mask-wrapper.addon-both .p-inputtext {
727
- border-top-left-radius: 0;
728
- border-bottom-left-radius: 0;
729
- border-top-right-radius: 0;
730
- border-bottom-right-radius: 0;
731
- }
732
- .input-mask-wrapper:dir(ltr).addon-before .p-inputtext {
733
- border-top-left-radius: 0;
734
- border-bottom-left-radius: 0;
735
- border-top-right-radius: var(--border-radius);
736
- border-bottom-right-radius: var(--border-radius);
737
- }
738
- .input-mask-wrapper:dir(ltr).addon-after .p-inputtext {
739
- border-top-left-radius: var(--border-radius);
740
- border-bottom-left-radius: var(--border-radius);
741
- border-top-right-radius: 0;
742
- border-bottom-right-radius: 0;
743
- }
744
- .input-mask-wrapper:dir(rtl).addon-before .p-inputtext {
745
- border-top-left-radius: var(--border-radius);
746
- border-bottom-left-radius: var(--border-radius);
747
- border-top-right-radius: 0;
748
- border-bottom-right-radius: 0;
749
- }
750
- .input-mask-wrapper:dir(rtl).addon-after .p-inputtext {
751
- border-top-left-radius: 0;
752
- border-bottom-left-radius: 0;
753
- border-top-right-radius: var(--border-radius);
754
- border-bottom-right-radius: var(--border-radius);
755
- }
756
-
757
- .input-number-wrapper:not([class*=has-buttons]).addon-both .p-inputtext {
758
- border-top-left-radius: 0;
759
- border-bottom-left-radius: 0;
760
- border-top-right-radius: 0;
761
- border-bottom-right-radius: 0;
762
- }
763
- .input-number-wrapper:not([class*=has-buttons]):dir(ltr).addon-before .p-inputtext {
764
- border-top-left-radius: 0;
765
- border-bottom-left-radius: 0;
766
- border-top-right-radius: var(--border-radius);
767
- border-bottom-right-radius: var(--border-radius);
768
- }
769
- .input-number-wrapper:not([class*=has-buttons]):dir(ltr).addon-after .p-inputtext {
770
- border-top-left-radius: var(--border-radius);
771
- border-bottom-left-radius: var(--border-radius);
772
- border-top-right-radius: 0;
773
- border-bottom-right-radius: 0;
774
- }
775
- .input-number-wrapper:not([class*=has-buttons]):dir(rtl).addon-before .p-inputtext {
776
- border-top-left-radius: var(--border-radius);
777
- border-bottom-left-radius: var(--border-radius);
778
- border-top-right-radius: 0;
779
- border-bottom-right-radius: 0;
780
- }
781
- .input-number-wrapper:not([class*=has-buttons]):dir(rtl).addon-after .p-inputtext {
782
- border-top-left-radius: 0;
783
- border-bottom-left-radius: 0;
784
- border-top-right-radius: var(--border-radius);
785
- border-bottom-right-radius: var(--border-radius);
786
- }
787
- .input-number-wrapper.has-buttons-stacked.addon-both .p-button.p-inputnumber-button-down,
788
- .input-number-wrapper.has-buttons-stacked.addon-both .p-button.p-inputnumber-button-up {
789
- border-top-left-radius: 0;
790
- border-bottom-left-radius: 0;
791
- border-top-right-radius: 0;
792
- border-bottom-right-radius: 0;
793
- }
794
- .input-number-wrapper.has-buttons-stacked.addon-after .p-button.p-inputnumber-button-up,
795
- .input-number-wrapper.has-buttons-stacked.addon-after .p-button.p-inputnumber-button-down {
796
- border-top-left-radius: 0;
797
- border-bottom-left-radius: 0;
798
- border-top-right-radius: 0;
799
- border-bottom-right-radius: 0;
800
- }
801
- .input-number-wrapper.has-buttons-stacked.addon-before:dir(rtl) .p-inputtext {
802
- border-top-left-radius: 0;
803
- border-bottom-left-radius: 0;
804
- }
805
- .input-number-wrapper.has-buttons-stacked.addon-before:dir(ltr) .p-inputtext {
806
- border-top-right-radius: 0;
807
- border-bottom-right-radius: 0;
808
- }
809
- .input-number-wrapper.has-buttons-horizontal.addon-both .p-button.p-inputnumber-button-down,
810
- .input-number-wrapper.has-buttons-horizontal.addon-both .p-button.p-inputnumber-button-up {
811
- border-top-left-radius: 0;
812
- border-bottom-left-radius: 0;
813
- border-top-right-radius: 0;
814
- border-bottom-right-radius: 0;
815
- }
816
- .input-number-wrapper.has-buttons-horizontal.addon-after:dir(rtl) .p-inputtext {
817
- border-top-right-radius: 0;
818
- border-bottom-right-radius: 0;
819
- }
820
- .input-number-wrapper.has-buttons-horizontal.addon-after:dir(rtl) .p-button.p-inputnumber-button-down {
821
- border-top-left-radius: 0;
822
- border-bottom-left-radius: 0;
823
- }
824
- .input-number-wrapper.has-buttons-horizontal.addon-after:dir(ltr) .p-inputtext {
825
- border-top-left-radius: 0;
826
- border-bottom-left-radius: 0;
827
- }
828
- .input-number-wrapper.has-buttons-horizontal.addon-after:dir(ltr) .p-button.p-inputnumber-button-up {
829
- border-top-right-radius: 0;
830
- border-bottom-right-radius: 0;
831
- }
832
- .input-number-wrapper.has-buttons-horizontal.addon-before:dir(rtl) .p-inputtext {
833
- border-top-left-radius: 0;
834
- border-bottom-left-radius: 0;
835
- }
836
- .input-number-wrapper.has-buttons-horizontal.addon-before:dir(rtl) .p-button.p-inputnumber-button-up {
837
- border-top-right-radius: 0;
838
- border-bottom-right-radius: 0;
839
- }
840
- .input-number-wrapper.has-buttons-horizontal.addon-before:dir(ltr) .p-inputtext {
841
- border-top-right-radius: 0;
842
- border-bottom-right-radius: 0;
843
- }
844
- .input-number-wrapper.has-buttons-horizontal.addon-before:dir(ltr) .p-button.p-inputnumber-button-down {
845
- border-top-left-radius: 0;
846
- border-bottom-left-radius: 0;
847
- }
848
- .input-number-wrapper.has-buttons-vertical .p-inputtext {
849
- border-top-left-radius: 0;
850
- border-bottom-left-radius: 0;
851
- border-top-right-radius: 0;
852
- border-bottom-right-radius: 0;
853
- width: 100%;
854
- }
855
- .input-number-wrapper.has-buttons-vertical.addon-both .p-button.p-inputnumber-button-down,
856
- .input-number-wrapper.has-buttons-vertical.addon-both .p-button.p-inputnumber-button-up {
857
- border-top-left-radius: 0;
858
- border-bottom-left-radius: 0;
859
- border-top-right-radius: 0;
860
- border-bottom-right-radius: 0;
861
- }
862
- .input-number-wrapper.has-buttons-vertical.addon-before:dir(ltr) .p-button.p-inputnumber-button-down,
863
- .input-number-wrapper.has-buttons-vertical.addon-before:dir(ltr) .p-button.p-inputnumber-button-up {
864
- border-top-left-radius: 0;
865
- border-bottom-left-radius: 0;
866
- }
867
- .input-number-wrapper.has-buttons-vertical.addon-before:dir(rtl) .p-button.p-inputnumber-button-down,
868
- .input-number-wrapper.has-buttons-vertical.addon-before:dir(rtl) .p-button.p-inputnumber-button-up {
869
- border-top-right-radius: 0;
870
- border-bottom-right-radius: 0;
871
- }
872
- .input-number-wrapper.has-buttons-vertical.addon-after:dir(ltr) .p-button.p-inputnumber-button-down,
873
- .input-number-wrapper.has-buttons-vertical.addon-after:dir(ltr) .p-button.p-inputnumber-button-up {
874
- border-top-right-radius: 0;
875
- border-bottom-right-radius: 0;
876
- }
877
- .input-number-wrapper.has-buttons-vertical.addon-after:dir(rtl) .p-button.p-inputnumber-button-down,
878
- .input-number-wrapper.has-buttons-vertical.addon-after:dir(rtl) .p-button.p-inputnumber-button-up {
879
- border-top-left-radius: 0;
880
- border-bottom-left-radius: 0;
881
- }
882
-
883
- .input-password-wrapper.addon-both .p-inputtext {
884
- border-top-left-radius: 0;
885
- border-bottom-left-radius: 0;
886
- border-top-right-radius: 0;
887
- border-bottom-right-radius: 0;
888
- }
889
- .input-password-wrapper:dir(ltr).addon-before .p-inputtext {
890
- border-top-left-radius: 0;
891
- border-bottom-left-radius: 0;
892
- border-top-right-radius: var(--border-radius);
893
- border-bottom-right-radius: var(--border-radius);
894
- }
895
- .input-password-wrapper:dir(ltr).addon-after .p-inputtext {
896
- border-top-left-radius: var(--border-radius);
897
- border-bottom-left-radius: var(--border-radius);
898
- border-top-right-radius: 0;
899
- border-bottom-right-radius: 0;
900
- }
901
- .input-password-wrapper:dir(rtl).addon-before .p-inputtext {
902
- border-top-left-radius: var(--border-radius);
903
- border-bottom-left-radius: var(--border-radius);
904
- border-top-right-radius: 0;
905
- border-bottom-right-radius: 0;
906
- }
907
- .input-password-wrapper:dir(rtl).addon-after .p-inputtext {
908
- border-top-left-radius: 0;
909
- border-bottom-left-radius: 0;
910
- border-top-right-radius: var(--border-radius);
911
- border-bottom-right-radius: var(--border-radius);
912
- }
913
-
914
- .input-text-wrapper.addon-both .p-inputtext {
915
- border-top-left-radius: 0;
916
- border-bottom-left-radius: 0;
917
- border-top-right-radius: 0;
918
- border-bottom-right-radius: 0;
919
- }
920
- .input-text-wrapper:dir(ltr).addon-before .p-inputtext {
921
- border-top-left-radius: 0;
922
- border-bottom-left-radius: 0;
923
- border-top-right-radius: var(--border-radius);
924
- border-bottom-right-radius: var(--border-radius);
925
- }
926
- .input-text-wrapper:dir(ltr).addon-after .p-inputtext {
927
- border-top-left-radius: var(--border-radius);
928
- border-bottom-left-radius: var(--border-radius);
929
- border-top-right-radius: 0;
930
- border-bottom-right-radius: 0;
931
- }
932
- .input-text-wrapper:dir(rtl).addon-before .p-inputtext {
933
- border-top-left-radius: var(--border-radius);
934
- border-bottom-left-radius: var(--border-radius);
935
- border-top-right-radius: 0;
936
- border-bottom-right-radius: 0;
937
- }
938
- .input-text-wrapper:dir(rtl).addon-after .p-inputtext {
939
- border-top-left-radius: 0;
940
- border-bottom-left-radius: 0;
941
- border-top-right-radius: var(--border-radius);
942
- border-bottom-right-radius: var(--border-radius);
943
- }
944
-
945
- .input-textarea-wrapper.addon-both .p-inputtextarea {
946
- border-top-left-radius: 0;
947
- border-bottom-left-radius: 0;
948
- border-top-right-radius: 0;
949
- border-bottom-right-radius: 0;
950
- }
951
- .input-textarea-wrapper:dir(ltr).addon-before .p-inputtextarea {
952
- border-top-left-radius: 0;
953
- border-bottom-left-radius: 0;
954
- border-top-right-radius: var(--border-radius);
955
- border-bottom-right-radius: var(--border-radius);
956
- }
957
- .input-textarea-wrapper:dir(ltr).addon-after .p-inputtextarea {
958
- border-top-left-radius: var(--border-radius);
959
- border-bottom-left-radius: var(--border-radius);
960
- border-top-right-radius: 0;
961
- border-bottom-right-radius: 0;
962
- }
963
- .input-textarea-wrapper:dir(rtl).addon-before .p-inputtextarea {
964
- border-top-left-radius: var(--border-radius);
965
- border-bottom-left-radius: var(--border-radius);
966
- border-top-right-radius: 0;
967
- border-bottom-right-radius: 0;
968
- }
969
- .input-textarea-wrapper:dir(rtl).addon-after .p-inputtextarea {
970
- border-top-left-radius: 0;
971
- border-bottom-left-radius: 0;
972
- border-top-right-radius: var(--border-radius);
973
- border-bottom-right-radius: var(--border-radius);
974
- }
975
-
976
- .mention-wrapper.addon-both .p-inputtext {
977
- border-top-left-radius: 0;
978
- border-bottom-left-radius: 0;
979
- border-top-right-radius: 0;
980
- border-bottom-right-radius: 0;
981
- }
982
- .mention-wrapper:dir(ltr).addon-before .p-inputtext {
983
- border-top-left-radius: 0;
984
- border-bottom-left-radius: 0;
985
- border-top-right-radius: var(--border-radius);
986
- border-bottom-right-radius: var(--border-radius);
987
- }
988
- .mention-wrapper:dir(ltr).addon-after .p-inputtext {
989
- border-top-left-radius: var(--border-radius);
990
- border-bottom-left-radius: var(--border-radius);
991
- border-top-right-radius: 0;
992
- border-bottom-right-radius: 0;
993
- }
994
- .mention-wrapper:dir(rtl).addon-before .p-inputtext {
995
- border-top-left-radius: var(--border-radius);
996
- border-bottom-left-radius: var(--border-radius);
997
- border-top-right-radius: 0;
998
- border-bottom-right-radius: 0;
999
- }
1000
- .mention-wrapper:dir(rtl).addon-after .p-inputtext {
1001
- border-top-left-radius: 0;
1002
- border-bottom-left-radius: 0;
1003
- border-top-right-radius: var(--border-radius);
1004
- border-bottom-right-radius: var(--border-radius);
1005
- }
1006
-
1007
- .multi-select-wrapper.addon-both .p-inputwrapper {
1008
- border-top-left-radius: 0;
1009
- border-bottom-left-radius: 0;
1010
- border-top-right-radius: 0;
1011
- border-bottom-right-radius: 0;
1012
- }
1013
- .multi-select-wrapper:dir(ltr).addon-before .p-inputwrapper {
1014
- border-top-left-radius: 0;
1015
- border-bottom-left-radius: 0;
1016
- border-top-right-radius: var(--border-radius);
1017
- border-bottom-right-radius: var(--border-radius);
1018
- }
1019
- .multi-select-wrapper:dir(ltr).addon-after .p-inputwrapper {
1020
- border-top-left-radius: var(--border-radius);
1021
- border-bottom-left-radius: var(--border-radius);
1022
- border-top-right-radius: 0;
1023
- border-bottom-right-radius: 0;
1024
- }
1025
- .multi-select-wrapper:dir(rtl).addon-before .p-inputwrapper {
1026
- border-top-left-radius: var(--border-radius);
1027
- border-bottom-left-radius: var(--border-radius);
1028
- border-top-right-radius: 0;
1029
- border-bottom-right-radius: 0;
1030
- }
1031
- .multi-select-wrapper:dir(rtl).addon-after .p-inputwrapper {
1032
- border-top-left-radius: 0;
1033
- border-bottom-left-radius: 0;
1034
- border-top-right-radius: var(--border-radius);
1035
- border-bottom-right-radius: var(--border-radius);
1036
- }
1037
-
1038
- .tree-select-wrapper.addon-both .p-inputwrapper {
1039
- border-top-left-radius: 0;
1040
- border-bottom-left-radius: 0;
1041
- border-top-right-radius: 0;
1042
- border-bottom-right-radius: 0;
1043
- }
1044
- .tree-select-wrapper:dir(ltr).addon-before .p-inputwrapper {
1045
- border-top-left-radius: 0;
1046
- border-bottom-left-radius: 0;
1047
- border-top-right-radius: var(--border-radius);
1048
- border-bottom-right-radius: var(--border-radius);
1049
- }
1050
- .tree-select-wrapper:dir(ltr).addon-after .p-inputwrapper {
1051
- border-top-left-radius: var(--border-radius);
1052
- border-bottom-left-radius: var(--border-radius);
1053
- border-top-right-radius: 0;
1054
- border-bottom-right-radius: 0;
1055
- }
1056
- .tree-select-wrapper:dir(rtl).addon-before .p-inputwrapper {
1057
- border-top-left-radius: var(--border-radius);
1058
- border-bottom-left-radius: var(--border-radius);
1059
- border-top-right-radius: 0;
1060
- border-bottom-right-radius: 0;
1061
- }
1062
- .tree-select-wrapper:dir(rtl).addon-after .p-inputwrapper {
1063
- border-top-left-radius: 0;
1064
- border-bottom-left-radius: 0;
1065
- border-top-right-radius: var(--border-radius);
1066
- border-bottom-right-radius: var(--border-radius);
1067
- }
1068
-
1069
- .p-autocomplete-panel.panel-rtl {
1070
- direction: rtl;
1071
- }
1072
-
1073
- .p-cascadeselect-panel.panel-rtl {
1074
- direction: rtl;
1075
- }
1076
- .p-cascadeselect-panel.panel-rtl .p-cascadeselect-group-icon {
1077
- margin-left: unset;
1078
- margin-inline-start: auto;
1079
- transform: rotate(180deg);
1080
- }
1081
- .p-cascadeselect-panel.panel-rtl .p-cascadeselect-item-active > .p-cascadeselect-sublist-wrapper {
1082
- left: unset;
1083
- inset-inline-start: 100%;
1084
- }
1085
-
1086
- .p-dropdown-panel.panel-rtl {
1087
- direction: rtl;
1088
- }
1089
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
1090
- right: auto;
1091
- inset-inline-end: 0.75rem;
1092
- }
1093
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
1094
- padding-right: 0.75rem;
1095
- padding-inline-end: 2rem;
1096
- margin-right: 0;
1097
- margin-inline-end: -1.75rem;
1098
- }
1099
-
1100
- .p-password-panel.panel-rtl {
1101
- direction: rtl;
1102
- }
1103
-
1104
- .p-mention-panel.panel-rtl {
1105
- direction: rtl;
1106
- }
1107
-
1108
- .p-multiselect-panel.panel-rtl {
1109
- direction: rtl;
1110
- }
1111
- .p-multiselect-panel.panel-rtl .p-multiselect-header .p-checkbox {
1112
- margin-right: unset;
1113
- margin-inline-end: 0.5rem;
1114
- }
1115
- .p-multiselect-panel.panel-rtl .p-multiselect-header .p-multiselect-close {
1116
- margin-left: unset;
1117
- margin-inline-start: 0.5rem;
1118
- }
1119
- .p-multiselect-panel.panel-rtl .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
1120
- padding-right: 0.75rem;
1121
- margin-inline-end: 1.75rem;
1122
- padding-inline-end: 2rem;
1123
- }
1124
- .p-multiselect-panel.panel-rtl .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
1125
- right: auto;
1126
- inset-inline-end: 0.75rem;
1127
- }
1128
- .p-multiselect-panel.panel-rtl .p-multiselect-items .p-multiselect-item .p-checkbox {
1129
- margin-right: unset;
1130
- margin-inline-end: 0.5rem;
1131
- }
1132
-
1133
- .p-treeselect-panel.panel-rtl {
1134
- direction: rtl;
1135
- }
1136
- .p-treeselect-panel.panel-rtl .p-tree .p-tree-container .p-treenode:not([aria-expanded=true]) .p-tree-toggler {
1137
- transform: rotate(180deg);
1138
- }
1139
- .p-treeselect-panel.panel-rtl .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler, .p-treeselect-panel.panel-rtl .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon, .p-treeselect-panel.panel-rtl .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
1140
- margin-right: unset;
1141
- margin-inline-end: 0.5rem;
1142
- }
1143
- .p-treeselect-panel.panel-rtl .p-tree .p-treenode-children {
1144
- padding: unset;
1145
- padding-inline-start: 1rem;
1146
- }
1147
- .p-treeselect-panel.panel-rtl .p-treeselect-header .p-checkbox {
1148
- margin-right: unset;
1149
- margin-inline-end: 0.5rem;
1150
- }
1151
- .p-treeselect-panel.panel-rtl .p-treeselect-header .p-treeselect-close {
1152
- margin-left: unset;
1153
- margin-inline-start: 0.5rem;
1154
- }
1155
- .p-treeselect-panel.panel-rtl .p-treeselect-header .p-treeselect-filter-container .p-inputtext {
1156
- padding-right: 0.75rem;
1157
- margin-inline-end: 1.75rem;
1158
- padding-inline-end: 2rem;
1159
- }
1160
- .p-treeselect-panel.panel-rtl .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
1161
- right: auto;
1162
- inset-inline-end: 0.75rem;
1163
- }