@inf-monkeys-tech/monkeys-design 2.0.218 → 2.0.219
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/ui.css +7 -4
- package/package.json +1 -1
package/dist/ui.css
CHANGED
|
@@ -372,6 +372,9 @@
|
|
|
372
372
|
.monkeys-ui-tag-input[data-disabled=true]{opacity:var(--monkeys-ui-opacity-s0p5,var(--monkeys-ui-default-opacity-s0p5));cursor:not-allowed}
|
|
373
373
|
.monkeys-ui-input-tag{display:inline-flex;align-items:center;gap:var(--monkeys-ui-space-s7,var(--monkeys-ui-default-space-s7));flex-shrink:0;max-width:100%;min-height:var(--monkeys-ui-size-s28,var(--monkeys-ui-default-size-s28));padding:var(--monkeys-ui-space-s2,var(--monkeys-ui-default-space-s2)) var(--monkeys-ui-space-s6,var(--monkeys-ui-default-space-s6)) var(--monkeys-ui-space-s2,var(--monkeys-ui-default-space-s2)) var(--monkeys-ui-space-s14,var(--monkeys-ui-default-space-s14));border-radius:var(--monkeys-ui-radius-scale-s999,var(--monkeys-ui-default-radius-scale-s999));color:var(--monkeys-ui-foreground,var(--monkeys-ui-default-foreground));cursor:default}
|
|
374
374
|
.monkeys-ui-input-tag-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
375
|
+
.monkeys-ui-input-tag-activate{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;cursor:pointer}
|
|
376
|
+
.monkeys-ui-input-tag-activate:focus-visible{outline:2px solid var(--monkeys-ui-focus,var(--monkeys-ui-default-focus));outline-offset:2px;border-radius:2px}
|
|
377
|
+
.monkeys-ui-input-tag-activate:disabled{cursor:default}
|
|
375
378
|
.monkeys-ui-input-tag-remove{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--monkeys-ui-size-s22,var(--monkeys-ui-default-size-s22));height:var(--monkeys-ui-size-s22,var(--monkeys-ui-default-size-s22));padding:0;border:0;border-radius:50%;background:var(--monkeys-ui-transparent,var(--monkeys-ui-default-transparent));color:var(--monkeys-ui-muted,var(--monkeys-ui-default-muted));cursor:pointer}
|
|
376
379
|
.monkeys-ui-input-tag-remove:focus-visible{outline:var(--monkeys-ui-size-s2,var(--monkeys-ui-default-size-s2)) solid var(--monkeys-ui-focus,var(--monkeys-ui-default-focus));outline-offset:var(--monkeys-ui-size-s1,var(--monkeys-ui-default-size-s1))}
|
|
377
380
|
.monkeys-ui-input-tag-remove:disabled{cursor:default}
|
|
@@ -395,7 +398,7 @@
|
|
|
395
398
|
.monkeys-ui-required,.monkeys-ui-error{color:var(--monkeys-ui-danger,var(--monkeys-ui-default-danger))}
|
|
396
399
|
.monkeys-ui-description{font-size:var(--monkeys-ui-typography-size-s12,var(--monkeys-ui-default-typography-size-s12));color:var(--monkeys-ui-muted,var(--monkeys-ui-default-muted));line-height:var(--monkeys-ui-typography-line-height-s1p4,var(--monkeys-ui-default-typography-line-height-s1p4))}
|
|
397
400
|
.monkeys-ui-fieldset{margin:0;padding:0;border:0;min-width:0}
|
|
398
|
-
.monkeys-ui-fieldset
|
|
401
|
+
.monkeys-ui-fieldset>legend{padding:0;margin-bottom:var(--monkeys-ui-space-s12,var(--monkeys-ui-default-space-s12));font-size:var(--monkeys-ui-typography-size-s14,var(--monkeys-ui-default-typography-size-s14));font-weight:var(--monkeys-ui-typography-weight-s600,var(--monkeys-ui-default-typography-weight-s600))}
|
|
399
402
|
.monkeys-ui-search{display:flex;align-items:center;gap:var(--monkeys-ui-space-s8,var(--monkeys-ui-default-space-s8));border-radius:var(--monkeys-ui-radius-scale-s24,var(--monkeys-ui-default-radius-scale-s24));padding-inline:var(--monkeys-ui-space-s12,var(--monkeys-ui-default-space-s12));min-height:var(--monkeys-ui-size-s34,var(--monkeys-ui-default-size-s34));color:var(--monkeys-ui-muted,var(--monkeys-ui-default-muted))}
|
|
400
403
|
.monkeys-ui-search:has(>.monkeys-ui-input:disabled){opacity:var(--monkeys-ui-opacity-s0p5,var(--monkeys-ui-default-opacity-s0p5));cursor:not-allowed}
|
|
401
404
|
.monkeys-ui-search>.monkeys-ui-input:disabled{opacity:1}
|
|
@@ -716,8 +719,8 @@
|
|
|
716
719
|
.monkeys-ui-button[data-shape=tile]{background:radial-gradient(ellipse at 50% 110%,color-mix(in srgb,var(--monkeys-ui-primary,var(--monkeys-ui-default-primary)) 20%,var(--monkeys-ui-transparent,var(--monkeys-ui-default-transparent))),var(--monkeys-ui-transparent,var(--monkeys-ui-default-transparent)) 65%),linear-gradient(160deg,var(--monkeys-ui-control,var(--monkeys-ui-default-control)),var(--monkeys-ui-transparent,var(--monkeys-ui-default-transparent)))}
|
|
717
720
|
.monkeys-ui-form-body>.monkeys-ui-fieldset:first-of-type{margin-top:calc(var(--monkeys-ui-space-s4,var(--monkeys-ui-default-space-s4)) * -1)}
|
|
718
721
|
|
|
719
|
-
.monkeys-ui-form-body>.monkeys-ui-fieldset:first-of-type
|
|
720
|
-
.monkeys-ui-form-panel .monkeys-ui-fieldset
|
|
722
|
+
.monkeys-ui-form-body>.monkeys-ui-fieldset:first-of-type>legend{margin-bottom:var(--monkeys-ui-space-s8,var(--monkeys-ui-default-space-s8));color:var(--monkeys-ui-muted,var(--monkeys-ui-default-muted))}
|
|
723
|
+
.monkeys-ui-form-panel .monkeys-ui-fieldset>legend{font-size:var(--monkeys-ui-typography-size-s12,var(--monkeys-ui-default-typography-size-s12))}
|
|
721
724
|
@media(max-width:1250px) and (min-width:1001px){.monkeys-ui-collection-row{grid-template-columns:var(--monkeys-ui-size-s190,var(--monkeys-ui-default-size-s190)) minmax(0,1fr);gap:var(--monkeys-ui-space-s16,var(--monkeys-ui-default-space-s16))}.monkeys-ui-collection-lead>.monkeys-ui-record-card{width:var(--monkeys-ui-size-s190,var(--monkeys-ui-default-size-s190))}.monkeys-ui-collection-members .monkeys-ui-card-grid{grid-template-columns:repeat(auto-fit,minmax(var(--monkeys-ui-size-s130,var(--monkeys-ui-default-size-s130)),1fr));gap:var(--monkeys-ui-space-s12,var(--monkeys-ui-default-space-s12))}.monkeys-ui-brand-caption{max-width:var(--monkeys-ui-size-s200,var(--monkeys-ui-default-size-s200))}}
|
|
722
725
|
@media(max-width:1000px){.monkeys-ui-collection-row{grid-template-columns:minmax(var(--monkeys-ui-size-s150,var(--monkeys-ui-default-size-s150)),var(--monkeys-ui-size-s210,var(--monkeys-ui-default-size-s210))) minmax(0,1fr);gap:var(--monkeys-ui-space-s16,var(--monkeys-ui-default-space-s16))}.monkeys-ui-collection-lead>.monkeys-ui-record-card{width:100%;height:auto}.monkeys-ui-collection-members .monkeys-ui-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--monkeys-ui-size-s130,var(--monkeys-ui-default-size-s130))),var(--monkeys-ui-size-s178,var(--monkeys-ui-default-size-s178))));gap:var(--monkeys-ui-space-s12,var(--monkeys-ui-default-space-s12))}.monkeys-ui-brand-caption{display:none}.monkeys-ui-sidebar-media{height:var(--monkeys-ui-size-s350,var(--monkeys-ui-default-size-s350))}}
|
|
723
726
|
@media(max-width:560px){.monkeys-ui-brand-banner .monkeys-ui-panel-header{padding-inline:var(--monkeys-ui-space-s16,var(--monkeys-ui-default-space-s16))}.monkeys-ui-brand-banner .monkeys-ui-panel-body{padding-inline:var(--monkeys-ui-space-s16,var(--monkeys-ui-default-space-s16))}.monkeys-ui-collection-row{display:block;padding:var(--monkeys-ui-space-s12,var(--monkeys-ui-default-space-s12))}.monkeys-ui-collection-lead{max-width:var(--monkeys-ui-size-s210,var(--monkeys-ui-default-size-s210));margin-bottom:var(--monkeys-ui-space-s16,var(--monkeys-ui-default-space-s16))}.monkeys-ui-form-body{padding-inline:var(--monkeys-ui-space-s20,var(--monkeys-ui-default-space-s20))}}
|
|
@@ -1038,7 +1041,7 @@
|
|
|
1038
1041
|
.monkeys-ui-element-preview[data-kind=accessory]{background:repeating-linear-gradient(90deg,var(--monkeys-ui-sample-color,var(--monkeys-ui-control,var(--monkeys-ui-default-control))) 0 5px,var(--monkeys-ui-sample-secondary,var(--monkeys-ui-muted,var(--monkeys-ui-default-muted))) 5px 7px)}
|
|
1039
1042
|
.monkeys-ui-element-preview:has(img){background:transparent;clip-path:none}
|
|
1040
1043
|
.monkeys-ui-form-panel .monkeys-ui-fieldset:has(.monkeys-ui-design-elements){margin-top:-4px}
|
|
1041
|
-
.monkeys-ui-form-panel .monkeys-ui-fieldset:has(.monkeys-ui-design-elements)
|
|
1044
|
+
.monkeys-ui-form-panel .monkeys-ui-fieldset:has(.monkeys-ui-design-elements)>legend{margin-bottom:14px}
|
|
1042
1045
|
.monkeys-ui-form-panel .monkeys-ui-design-elements{position:relative;padding-top:0}
|
|
1043
1046
|
.monkeys-ui-form-panel .monkeys-ui-design-elements>.monkeys-ui-label{position:absolute;top:9px;left:12px;z-index:1;font-weight:400}
|
|
1044
1047
|
.monkeys-ui-form-panel .monkeys-ui-design-elements .monkeys-ui-element{padding:30px 12px 7px;min-height:110px;gap:4px}
|