@umami/react-zen 0.184.0 → 0.185.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +12 -13
- package/dist/index.js +3 -3
- package/dist/index.mjs +3 -3
- package/package.json +1 -1
- package/styles.css +12 -13
package/dist/index.css
CHANGED
|
@@ -3987,49 +3987,48 @@ body a.Button_button__NGQyO {
|
|
|
3987
3987
|
}
|
|
3988
3988
|
|
|
3989
3989
|
/* virtual-css:css:e66162403f9946d7217dc462fee28120 */
|
|
3990
|
-
.
|
|
3990
|
+
.Dots_dots__ZTc4M {
|
|
3991
3991
|
position: relative;
|
|
3992
3992
|
display: inline-flex;
|
|
3993
3993
|
justify-content: center;
|
|
3994
3994
|
align-items: center;
|
|
3995
|
-
|
|
3996
|
-
&.Dots_size-sm__ZTRjY {
|
|
3995
|
+
&.Dots_size-sm__YmFiM {
|
|
3997
3996
|
gap: 4px;
|
|
3998
3997
|
}
|
|
3999
|
-
&.Dots_size-
|
|
3998
|
+
&.Dots_size-md__MThiY {
|
|
4000
3999
|
gap: 6px;
|
|
4001
4000
|
}
|
|
4002
|
-
&.Dots_size-
|
|
4001
|
+
&.Dots_size-lg__MTNlO {
|
|
4003
4002
|
gap: 8px;
|
|
4004
4003
|
}
|
|
4005
4004
|
}
|
|
4006
|
-
.
|
|
4005
|
+
.Dots_dot__YTQ4Y {
|
|
4007
4006
|
width: 8px;
|
|
4008
4007
|
height: 8px;
|
|
4009
4008
|
border-radius: 100%;
|
|
4010
4009
|
background: color-mix(in srgb, var(--font-color), 50% transparent);
|
|
4011
|
-
animation: Dots_dots-
|
|
4010
|
+
animation: Dots_dots-blink__MjFjZ 1.2s infinite;
|
|
4012
4011
|
animation-fill-mode: both;
|
|
4013
4012
|
}
|
|
4014
|
-
.Dots_size-
|
|
4013
|
+
.Dots_size-sm__YmFiM .Dots_dot__YTQ4Y {
|
|
4015
4014
|
height: 6px;
|
|
4016
4015
|
width: 6px;
|
|
4017
4016
|
}
|
|
4018
|
-
.Dots_size-
|
|
4017
|
+
.Dots_size-md__MThiY .Dots_dot__YTQ4Y {
|
|
4019
4018
|
height: 8px;
|
|
4020
4019
|
width: 8px;
|
|
4021
4020
|
}
|
|
4022
|
-
.Dots_size-
|
|
4021
|
+
.Dots_size-lg__MTNlO .Dots_dot__YTQ4Y {
|
|
4023
4022
|
height: 12px;
|
|
4024
4023
|
width: 12px;
|
|
4025
4024
|
}
|
|
4026
|
-
.
|
|
4025
|
+
.Dots_dot__YTQ4Y:nth-child(2) {
|
|
4027
4026
|
animation-delay: 0.2s;
|
|
4028
4027
|
}
|
|
4029
|
-
.
|
|
4028
|
+
.Dots_dot__YTQ4Y:nth-child(3) {
|
|
4030
4029
|
animation-delay: 0.4s;
|
|
4031
4030
|
}
|
|
4032
|
-
@keyframes Dots_dots-
|
|
4031
|
+
@keyframes Dots_dots-blink__MjFjZ {
|
|
4033
4032
|
0% {
|
|
4034
4033
|
opacity: 0.2;
|
|
4035
4034
|
}
|
package/dist/index.js
CHANGED
|
@@ -28713,7 +28713,7 @@ function FormSubmitButton({
|
|
|
28713
28713
|
...props
|
|
28714
28714
|
}) {
|
|
28715
28715
|
const {
|
|
28716
|
-
formState: { isDirty, isValid, isSubmitting
|
|
28716
|
+
formState: { isDirty, isValid, isSubmitting }
|
|
28717
28717
|
} = useFormContext();
|
|
28718
28718
|
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
28719
28719
|
LoadingButton,
|
|
@@ -28722,7 +28722,7 @@ function FormSubmitButton({
|
|
|
28722
28722
|
type: "submit",
|
|
28723
28723
|
variant,
|
|
28724
28724
|
isDisabled: isDisabled ?? (!isDirty || !isValid || isSubmitting),
|
|
28725
|
-
isLoading: isLoading ??
|
|
28725
|
+
isLoading: isLoading ?? isSubmitting,
|
|
28726
28726
|
children
|
|
28727
28727
|
}
|
|
28728
28728
|
);
|
|
@@ -33310,7 +33310,7 @@ function DataColumn(props) {
|
|
|
33310
33310
|
var import_classnames29 = __toESM(require_classnames());
|
|
33311
33311
|
|
|
33312
33312
|
// css-modules:E:\dev\umami-react-zen\src\components\Dots.module.css
|
|
33313
|
-
var Dots_default = { "dots": "
|
|
33313
|
+
var Dots_default = { "dots": "Dots_dots__ZTc4M", "size-sm": "Dots_size-sm__YmFiM", "size-md": "Dots_size-md__MThiY", "size-lg": "Dots_size-lg__MTNlO", "dot": "Dots_dot__YTQ4Y", "dots-blink": "Dots_dots-blink__MjFjZ" };
|
|
33314
33314
|
|
|
33315
33315
|
// src/components/Dots.tsx
|
|
33316
33316
|
var import_jsx_runtime43 = require("react/jsx-runtime");
|
package/dist/index.mjs
CHANGED
|
@@ -28594,7 +28594,7 @@ function FormSubmitButton({
|
|
|
28594
28594
|
...props
|
|
28595
28595
|
}) {
|
|
28596
28596
|
const {
|
|
28597
|
-
formState: { isDirty, isValid, isSubmitting
|
|
28597
|
+
formState: { isDirty, isValid, isSubmitting }
|
|
28598
28598
|
} = useFormContext();
|
|
28599
28599
|
return /* @__PURE__ */ jsx20(
|
|
28600
28600
|
LoadingButton,
|
|
@@ -28603,7 +28603,7 @@ function FormSubmitButton({
|
|
|
28603
28603
|
type: "submit",
|
|
28604
28604
|
variant,
|
|
28605
28605
|
isDisabled: isDisabled ?? (!isDirty || !isValid || isSubmitting),
|
|
28606
|
-
isLoading: isLoading ??
|
|
28606
|
+
isLoading: isLoading ?? isSubmitting,
|
|
28607
28607
|
children
|
|
28608
28608
|
}
|
|
28609
28609
|
);
|
|
@@ -33191,7 +33191,7 @@ function DataColumn(props) {
|
|
|
33191
33191
|
var import_classnames29 = __toESM(require_classnames());
|
|
33192
33192
|
|
|
33193
33193
|
// css-modules:E:\dev\umami-react-zen\src\components\Dots.module.css
|
|
33194
|
-
var Dots_default = { "dots": "
|
|
33194
|
+
var Dots_default = { "dots": "Dots_dots__ZTc4M", "size-sm": "Dots_size-sm__YmFiM", "size-md": "Dots_size-md__MThiY", "size-lg": "Dots_size-lg__MTNlO", "dot": "Dots_dot__YTQ4Y", "dots-blink": "Dots_dots-blink__MjFjZ" };
|
|
33195
33195
|
|
|
33196
33196
|
// src/components/Dots.tsx
|
|
33197
33197
|
import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
|
package/package.json
CHANGED
package/styles.css
CHANGED
|
@@ -4305,49 +4305,48 @@ body a.Button_button__NGQyO {
|
|
|
4305
4305
|
}
|
|
4306
4306
|
|
|
4307
4307
|
/* virtual-css:css:e66162403f9946d7217dc462fee28120 */
|
|
4308
|
-
.
|
|
4308
|
+
.Dots_dots__ZTc4M {
|
|
4309
4309
|
position: relative;
|
|
4310
4310
|
display: inline-flex;
|
|
4311
4311
|
justify-content: center;
|
|
4312
4312
|
align-items: center;
|
|
4313
|
-
|
|
4314
|
-
&.Dots_size-sm__ZTRjY {
|
|
4313
|
+
&.Dots_size-sm__YmFiM {
|
|
4315
4314
|
gap: 4px;
|
|
4316
4315
|
}
|
|
4317
|
-
&.Dots_size-
|
|
4316
|
+
&.Dots_size-md__MThiY {
|
|
4318
4317
|
gap: 6px;
|
|
4319
4318
|
}
|
|
4320
|
-
&.Dots_size-
|
|
4319
|
+
&.Dots_size-lg__MTNlO {
|
|
4321
4320
|
gap: 8px;
|
|
4322
4321
|
}
|
|
4323
4322
|
}
|
|
4324
|
-
.
|
|
4323
|
+
.Dots_dot__YTQ4Y {
|
|
4325
4324
|
width: 8px;
|
|
4326
4325
|
height: 8px;
|
|
4327
4326
|
border-radius: 100%;
|
|
4328
4327
|
background: color-mix(in srgb, var(--font-color), 50% transparent);
|
|
4329
|
-
animation: Dots_dots-
|
|
4328
|
+
animation: Dots_dots-blink__MjFjZ 1.2s infinite;
|
|
4330
4329
|
animation-fill-mode: both;
|
|
4331
4330
|
}
|
|
4332
|
-
.Dots_size-
|
|
4331
|
+
.Dots_size-sm__YmFiM .Dots_dot__YTQ4Y {
|
|
4333
4332
|
height: 6px;
|
|
4334
4333
|
width: 6px;
|
|
4335
4334
|
}
|
|
4336
|
-
.Dots_size-
|
|
4335
|
+
.Dots_size-md__MThiY .Dots_dot__YTQ4Y {
|
|
4337
4336
|
height: 8px;
|
|
4338
4337
|
width: 8px;
|
|
4339
4338
|
}
|
|
4340
|
-
.Dots_size-
|
|
4339
|
+
.Dots_size-lg__MTNlO .Dots_dot__YTQ4Y {
|
|
4341
4340
|
height: 12px;
|
|
4342
4341
|
width: 12px;
|
|
4343
4342
|
}
|
|
4344
|
-
.
|
|
4343
|
+
.Dots_dot__YTQ4Y:nth-child(2) {
|
|
4345
4344
|
animation-delay: 0.2s;
|
|
4346
4345
|
}
|
|
4347
|
-
.
|
|
4346
|
+
.Dots_dot__YTQ4Y:nth-child(3) {
|
|
4348
4347
|
animation-delay: 0.4s;
|
|
4349
4348
|
}
|
|
4350
|
-
@keyframes Dots_dots-
|
|
4349
|
+
@keyframes Dots_dots-blink__MjFjZ {
|
|
4351
4350
|
0% {
|
|
4352
4351
|
opacity: 0.2;
|
|
4353
4352
|
}
|