@mlola-ui/tokens 1.9.3 → 1.10.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/generated/recipes.css +35 -7
- package/package.json +1 -1
package/generated/recipes.css
CHANGED
|
@@ -2217,7 +2217,7 @@ button.ml-breadcrumb-link {
|
|
|
2217
2217
|
}
|
|
2218
2218
|
|
|
2219
2219
|
.ml-color-picker {
|
|
2220
|
-
min-inline-size: 10rem;
|
|
2220
|
+
min-inline-size: min(10rem, 100%);
|
|
2221
2221
|
}
|
|
2222
2222
|
|
|
2223
2223
|
.ml-color-picker-trigger {
|
|
@@ -2445,7 +2445,7 @@ button.ml-breadcrumb-link {
|
|
|
2445
2445
|
}
|
|
2446
2446
|
|
|
2447
2447
|
.ml-combobox {
|
|
2448
|
-
min-inline-size: 12rem;
|
|
2448
|
+
min-inline-size: min(12rem, 100%);
|
|
2449
2449
|
}
|
|
2450
2450
|
|
|
2451
2451
|
.ml-combobox-control {
|
|
@@ -2851,7 +2851,7 @@ button.ml-breadcrumb-link {
|
|
|
2851
2851
|
}
|
|
2852
2852
|
|
|
2853
2853
|
.ml-date-picker {
|
|
2854
|
-
min-inline-size: 13rem;
|
|
2854
|
+
min-inline-size: min(13rem, 100%);
|
|
2855
2855
|
}
|
|
2856
2856
|
|
|
2857
2857
|
.ml-date-picker-control {
|
|
@@ -3875,7 +3875,7 @@ button.ml-breadcrumb-link {
|
|
|
3875
3875
|
}
|
|
3876
3876
|
|
|
3877
3877
|
.ml-number-input {
|
|
3878
|
-
min-inline-size: 9rem;
|
|
3878
|
+
min-inline-size: min(9rem, 100%);
|
|
3879
3879
|
}
|
|
3880
3880
|
|
|
3881
3881
|
.ml-number-input-control {
|
|
@@ -4624,6 +4624,33 @@ button.ml-breadcrumb-link {
|
|
|
4624
4624
|
font-variant-numeric: tabular-nums;
|
|
4625
4625
|
}
|
|
4626
4626
|
|
|
4627
|
+
.ml-render {
|
|
4628
|
+
display: grid;
|
|
4629
|
+
gap: var(--ml-space-4);
|
|
4630
|
+
|
|
4631
|
+
min-width: 0;
|
|
4632
|
+
}
|
|
4633
|
+
|
|
4634
|
+
.ml-render-surface {
|
|
4635
|
+
min-width: 0;
|
|
4636
|
+
color: var(--ml-text);
|
|
4637
|
+
font-family: var(--ml-font-sans);
|
|
4638
|
+
line-height: var(--ml-body-leading);
|
|
4639
|
+
letter-spacing: var(--ml-tracking);
|
|
4640
|
+
}
|
|
4641
|
+
|
|
4642
|
+
.ml-render-surface[data-themed] {
|
|
4643
|
+
padding: var(--ml-space-4);
|
|
4644
|
+
border-radius: var(--ml-radius-lg);
|
|
4645
|
+
background: var(--ml-background);
|
|
4646
|
+
}
|
|
4647
|
+
|
|
4648
|
+
.ml-render-text {
|
|
4649
|
+
white-space: pre-line;
|
|
4650
|
+
overflow-wrap: anywhere;
|
|
4651
|
+
color: var(--ml-text-muted);
|
|
4652
|
+
}
|
|
4653
|
+
|
|
4627
4654
|
:where(.ml-resizable) {
|
|
4628
4655
|
--ml-resizable-handle: var(--ml-space-2);
|
|
4629
4656
|
}
|
|
@@ -5905,7 +5932,7 @@ button.ml-stepper-target:focus-visible {
|
|
|
5905
5932
|
}
|
|
5906
5933
|
|
|
5907
5934
|
.ml-tag-input {
|
|
5908
|
-
min-inline-size: 14rem;
|
|
5935
|
+
min-inline-size: min(14rem, 100%);
|
|
5909
5936
|
}
|
|
5910
5937
|
|
|
5911
5938
|
.ml-tag-input-control {
|
|
@@ -6041,7 +6068,7 @@ button.ml-stepper-target:focus-visible {
|
|
|
6041
6068
|
}
|
|
6042
6069
|
|
|
6043
6070
|
.ml-time-picker {
|
|
6044
|
-
min-inline-size: 8rem;
|
|
6071
|
+
min-inline-size: min(8rem, 100%);
|
|
6045
6072
|
}
|
|
6046
6073
|
|
|
6047
6074
|
.ml-time-picker-control {
|
|
@@ -6049,7 +6076,8 @@ button.ml-stepper-target:focus-visible {
|
|
|
6049
6076
|
align-items: center;
|
|
6050
6077
|
gap: var(--ml-space-0-5);
|
|
6051
6078
|
width: max-content;
|
|
6052
|
-
min-width: 8.5rem;
|
|
6079
|
+
min-width: min(8.5rem, 100%);
|
|
6080
|
+
max-width: 100%;
|
|
6053
6081
|
padding-inline-end: var(--ml-space-1);
|
|
6054
6082
|
font-variant-numeric: tabular-nums;
|
|
6055
6083
|
}
|