@oicl/openbridge-webcomponents 2.0.0-next.156 → 2.0.0-next.157
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.
|
@@ -58,14 +58,14 @@ obc-readout-block {
|
|
|
58
58
|
/* ---------- Root ----------
|
|
59
59
|
* The root is an inline flex column (vertical) or row (horizontal). Private
|
|
60
60
|
* \`--_readout-*\` variables are resolved per layout × size tier below; every
|
|
61
|
-
* layout rule reads only the private variables.
|
|
61
|
+
* layout rule reads only the private variables. A readout is as tall as its
|
|
62
|
+
* rows: the design's container-min-height tokens are not applied (#1252). */
|
|
62
63
|
|
|
63
64
|
.readout {
|
|
64
65
|
display: inline-flex;
|
|
65
66
|
position: relative;
|
|
66
67
|
padding-inline: var(--_readout-pad-h);
|
|
67
68
|
padding-block: var(--_readout-pad-v);
|
|
68
|
-
min-block-size: var(--_readout-min-height, auto);
|
|
69
69
|
border-radius: var(--global-border-radius-border-radius-base);
|
|
70
70
|
}
|
|
71
71
|
|
|
@@ -608,15 +608,8 @@ obc-readout-block {
|
|
|
608
608
|
--_readout-value-pad-v: var(
|
|
609
609
|
--instrument-components-readout-group-vertical-regular-value-container-padding-vertical
|
|
610
610
|
);
|
|
611
|
-
--_readout-min-height: var(
|
|
612
|
-
--instrument-components-readout-group-vertical-regular-container-min-height
|
|
613
|
-
);
|
|
614
611
|
}
|
|
615
612
|
|
|
616
|
-
/* The medium tiers set no \`--_readout-min-height\`: Figma defines the
|
|
617
|
-
* container-min-height token only for the regular and enhanced tiers, so
|
|
618
|
-
* medium readouts intentionally fall back to \`min-block-size: auto\`. */
|
|
619
|
-
|
|
620
613
|
.readout.direction-vertical.stacking-inline.size-medium {
|
|
621
614
|
--_readout-pad-h: var(
|
|
622
615
|
--instrument-components-readout-group-vertical-medium-container-padding-horizontal
|
|
@@ -651,9 +644,6 @@ obc-readout-block {
|
|
|
651
644
|
--_readout-value-pad-v: var(
|
|
652
645
|
--instrument-components-readout-group-vertical-enhanced-vertical-value-container-padding-vertical
|
|
653
646
|
);
|
|
654
|
-
--_readout-min-height: var(
|
|
655
|
-
--instrument-components-readout-group-vertical-enhanced-container-min-height
|
|
656
|
-
);
|
|
657
647
|
}
|
|
658
648
|
|
|
659
649
|
/* Stack (vertical, stacked meta) */
|
|
@@ -674,9 +664,6 @@ obc-readout-block {
|
|
|
674
664
|
--_readout-value-pad-v: var(
|
|
675
665
|
--instrument-components-readout-stack-regular-value-container-padding-vertical
|
|
676
666
|
);
|
|
677
|
-
--_readout-min-height: var(
|
|
678
|
-
--instrument-components-readout-stack-regular-container-min-height
|
|
679
|
-
);
|
|
680
667
|
}
|
|
681
668
|
|
|
682
669
|
.readout.direction-vertical.stacking-stacked.size-medium {
|
|
@@ -713,9 +700,6 @@ obc-readout-block {
|
|
|
713
700
|
--_readout-value-pad-v: var(
|
|
714
701
|
--instrument-components-readout-stack-enhanced-vertical-value-container-padding-vertical
|
|
715
702
|
);
|
|
716
|
-
--_readout-min-height: var(
|
|
717
|
-
--instrument-components-readout-stack-enhanced-container-min-height
|
|
718
|
-
);
|
|
719
703
|
}
|
|
720
704
|
|
|
721
705
|
/* Group horizontal */
|
|
@@ -738,8 +722,6 @@ obc-readout-block {
|
|
|
738
722
|
--_readout-divider-pad: var(
|
|
739
723
|
--instrument-components-readout-group-horizontal-regular-divider-padding
|
|
740
724
|
);
|
|
741
|
-
/* TODO(designer): verify; must also hold when only a unit is present */
|
|
742
|
-
--_readout-min-height: auto;
|
|
743
725
|
}
|
|
744
726
|
|
|
745
727
|
.readout.direction-horizontal.size-medium {
|
|
@@ -780,9 +762,6 @@ obc-readout-block {
|
|
|
780
762
|
--_readout-divider-pad: var(
|
|
781
763
|
--instrument-components-readout-group-horizontal-enhanced-divider-padding
|
|
782
764
|
);
|
|
783
|
-
--_readout-min-height: var(
|
|
784
|
-
--instrument-components-readout-group-horizontal-enhanced-container-min-height
|
|
785
|
-
);
|
|
786
765
|
}
|
|
787
766
|
|
|
788
767
|
/* ---------- Debug overlay ----------
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"readout.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"readout.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|