@bitrise/bitkit-v2 0.3.423 → 0.3.425
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/components/BitkitPageHeader/BitkitPageHeader.d.ts +18 -0
- package/dist/components/BitkitPageHeader/BitkitPageHeader.js +3 -1
- package/dist/components/BitkitPageHeader/BitkitPageHeader.js.map +1 -1
- package/dist/theme/common/ComboboxAndSelect.common.d.ts +1 -1
- package/dist/theme/common/InputAndTextarea.common.d.ts +6 -6
- package/dist/theme/recipes/Button.recipe.d.ts +5 -5
- package/dist/theme/recipes/Input.recipe.d.ts +6 -6
- package/dist/theme/recipes/InputAddon.recipe.d.ts +2 -2
- package/dist/theme/recipes/Textarea.recipe.d.ts +13 -13
- package/dist/theme/recipes/index.d.ts +20 -20
- package/dist/theme/slot-recipes/Combobox.recipe.d.ts +6 -6
- package/dist/theme/slot-recipes/Combobox.recipe.js +4 -0
- package/dist/theme/slot-recipes/Combobox.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/DatePickerSelect.recipe.d.ts +3 -3
- package/dist/theme/slot-recipes/Dialog.recipe.d.ts +3 -3
- package/dist/theme/slot-recipes/Drawer.recipe.d.ts +3 -3
- package/dist/theme/slot-recipes/FileUpload.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/Multiselect.recipe.d.ts +5 -5
- package/dist/theme/slot-recipes/Multiselect.recipe.js +7 -2
- package/dist/theme/slot-recipes/Multiselect.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/NativeSelect.recipe.d.ts +4 -4
- package/dist/theme/slot-recipes/NativeSelect.recipe.js +1 -0
- package/dist/theme/slot-recipes/NativeSelect.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/NumberInput.recipe.d.ts +8 -8
- package/dist/theme/slot-recipes/PageFooter.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/PageHeader.recipe.d.ts +27 -2
- package/dist/theme/slot-recipes/PageHeader.recipe.js +21 -0
- package/dist/theme/slot-recipes/PageHeader.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/PaginationLoadMore.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/RadioGroup.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/Select.recipe.d.ts +8 -8
- package/dist/theme/slot-recipes/Select.recipe.js +7 -2
- package/dist/theme/slot-recipes/Select.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Switch.recipe.d.ts +6 -6
- package/dist/theme/slot-recipes/Table.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/Tabs.recipe.d.ts +3 -3
- package/dist/theme/slot-recipes/Tag.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/TextInput.recipe.d.ts +4 -4
- package/dist/theme/slot-recipes/TreeView.recipe.d.ts +3 -3
- package/dist/theme/slot-recipes/index.d.ts +75 -64
- package/dist/theme/themeUtils.d.ts +2 -2
- package/dist/theme/themeUtils.js +1 -1
- package/dist/theme/themeUtils.js.map +1 -1
- package/package.json +1 -1
|
@@ -527,10 +527,10 @@ declare const slotRecipes: {
|
|
|
527
527
|
input: {
|
|
528
528
|
paddingInlineEnd: "96";
|
|
529
529
|
lineHeight: "normal";
|
|
530
|
-
paddingInline:
|
|
531
|
-
paddingBlock:
|
|
530
|
+
paddingInline: `${number}rem`;
|
|
531
|
+
paddingBlock: `${number}rem`;
|
|
532
532
|
textStyle: "body/md/regular";
|
|
533
|
-
'--input-height':
|
|
533
|
+
'--input-height': `${number}rem`;
|
|
534
534
|
};
|
|
535
535
|
};
|
|
536
536
|
lg: {
|
|
@@ -549,10 +549,10 @@ declare const slotRecipes: {
|
|
|
549
549
|
input: {
|
|
550
550
|
paddingInlineEnd: "96";
|
|
551
551
|
lineHeight: "normal";
|
|
552
|
-
paddingInline:
|
|
553
|
-
paddingBlock:
|
|
552
|
+
paddingInline: `${number}rem`;
|
|
553
|
+
paddingBlock: `${number}rem`;
|
|
554
554
|
textStyle: "body/lg/regular";
|
|
555
|
-
'--input-height':
|
|
555
|
+
'--input-height': `${number}rem`;
|
|
556
556
|
};
|
|
557
557
|
};
|
|
558
558
|
};
|
|
@@ -612,8 +612,8 @@ declare const slotRecipes: {
|
|
|
612
612
|
paddingBlock: "6";
|
|
613
613
|
textStyle?: "body/md/regular" | undefined;
|
|
614
614
|
'&:has([data-slot="avatar"])'?: {
|
|
615
|
-
paddingBlock:
|
|
616
|
-
paddingInlineStart:
|
|
615
|
+
paddingBlock: `${number}rem`;
|
|
616
|
+
paddingInlineStart: `${number}rem`;
|
|
617
617
|
} | undefined;
|
|
618
618
|
};
|
|
619
619
|
indicator: {
|
|
@@ -647,7 +647,7 @@ declare const slotRecipes: {
|
|
|
647
647
|
};
|
|
648
648
|
} | undefined;
|
|
649
649
|
itemList?: {
|
|
650
|
-
maxHeight:
|
|
650
|
+
maxHeight: `${number}rem`;
|
|
651
651
|
} | undefined;
|
|
652
652
|
itemLabel?: {
|
|
653
653
|
textStyle: "body/md/regular";
|
|
@@ -734,7 +734,7 @@ declare const slotRecipes: {
|
|
|
734
734
|
content: {
|
|
735
735
|
width: {
|
|
736
736
|
base: "100%";
|
|
737
|
-
tablet:
|
|
737
|
+
tablet: `${number}rem`;
|
|
738
738
|
};
|
|
739
739
|
};
|
|
740
740
|
};
|
|
@@ -742,7 +742,7 @@ declare const slotRecipes: {
|
|
|
742
742
|
content: {
|
|
743
743
|
width: {
|
|
744
744
|
base: "100%";
|
|
745
|
-
tablet:
|
|
745
|
+
tablet: `${number}rem`;
|
|
746
746
|
};
|
|
747
747
|
};
|
|
748
748
|
};
|
|
@@ -750,7 +750,7 @@ declare const slotRecipes: {
|
|
|
750
750
|
content: {
|
|
751
751
|
width: {
|
|
752
752
|
base: "100%";
|
|
753
|
-
tablet:
|
|
753
|
+
tablet: `${number}rem`;
|
|
754
754
|
};
|
|
755
755
|
};
|
|
756
756
|
};
|
|
@@ -882,13 +882,13 @@ declare const slotRecipes: {
|
|
|
882
882
|
variant: {
|
|
883
883
|
docked: {
|
|
884
884
|
closeTrigger: {
|
|
885
|
-
insetEnd:
|
|
885
|
+
insetEnd: `${number}rem`;
|
|
886
886
|
top: "12";
|
|
887
887
|
};
|
|
888
888
|
content: {
|
|
889
889
|
width: {
|
|
890
890
|
base: "100vw";
|
|
891
|
-
tablet:
|
|
891
|
+
tablet: `${number}rem`;
|
|
892
892
|
};
|
|
893
893
|
};
|
|
894
894
|
};
|
|
@@ -906,7 +906,7 @@ declare const slotRecipes: {
|
|
|
906
906
|
content: {
|
|
907
907
|
borderRadius: "12";
|
|
908
908
|
boxShadow: "elevation/lg";
|
|
909
|
-
maxWidth:
|
|
909
|
+
maxWidth: `${number}rem`;
|
|
910
910
|
};
|
|
911
911
|
header: {
|
|
912
912
|
paddingBlockEnd: "16";
|
|
@@ -971,7 +971,7 @@ declare const slotRecipes: {
|
|
|
971
971
|
variant: {
|
|
972
972
|
image: {
|
|
973
973
|
root: {
|
|
974
|
-
height:
|
|
974
|
+
height: `${number}rem`;
|
|
975
975
|
};
|
|
976
976
|
};
|
|
977
977
|
};
|
|
@@ -1145,14 +1145,14 @@ declare const slotRecipes: {
|
|
|
1145
1145
|
lg: {
|
|
1146
1146
|
overlay: {
|
|
1147
1147
|
minHeight: "48";
|
|
1148
|
-
paddingBlock:
|
|
1148
|
+
paddingBlock: `${number}rem`;
|
|
1149
1149
|
};
|
|
1150
1150
|
trigger: {
|
|
1151
1151
|
textStyle: "body/lg/regular";
|
|
1152
1152
|
};
|
|
1153
1153
|
placeholderText: {
|
|
1154
1154
|
textStyle: "body/lg/regular";
|
|
1155
|
-
lineHeight:
|
|
1155
|
+
lineHeight: `${number}rem`;
|
|
1156
1156
|
};
|
|
1157
1157
|
};
|
|
1158
1158
|
md: {
|
|
@@ -1161,9 +1161,9 @@ declare const slotRecipes: {
|
|
|
1161
1161
|
};
|
|
1162
1162
|
overlay: {
|
|
1163
1163
|
minHeight: "40";
|
|
1164
|
-
paddingBlock:
|
|
1164
|
+
paddingBlock: `${number}rem`;
|
|
1165
1165
|
'&:has([data-slot="tag"])': {
|
|
1166
|
-
paddingInlineStart:
|
|
1166
|
+
paddingInlineStart: `${number}rem`;
|
|
1167
1167
|
};
|
|
1168
1168
|
};
|
|
1169
1169
|
trigger: {
|
|
@@ -1171,7 +1171,7 @@ declare const slotRecipes: {
|
|
|
1171
1171
|
};
|
|
1172
1172
|
placeholderText: {
|
|
1173
1173
|
textStyle: "body/md/regular";
|
|
1174
|
-
lineHeight:
|
|
1174
|
+
lineHeight: `${number}rem`;
|
|
1175
1175
|
};
|
|
1176
1176
|
};
|
|
1177
1177
|
};
|
|
@@ -1283,15 +1283,15 @@ declare const slotRecipes: {
|
|
|
1283
1283
|
size: {
|
|
1284
1284
|
md: {
|
|
1285
1285
|
field: {
|
|
1286
|
-
paddingInline:
|
|
1287
|
-
paddingBlock:
|
|
1286
|
+
paddingInline: `${number}rem`;
|
|
1287
|
+
paddingBlock: `${number}rem`;
|
|
1288
1288
|
textStyle: "body/md/regular";
|
|
1289
1289
|
};
|
|
1290
1290
|
};
|
|
1291
1291
|
lg: {
|
|
1292
1292
|
field: {
|
|
1293
|
-
paddingInline:
|
|
1294
|
-
paddingBlock:
|
|
1293
|
+
paddingInline: `${number}rem`;
|
|
1294
|
+
paddingBlock: `${number}rem`;
|
|
1295
1295
|
textStyle: "body/lg/regular";
|
|
1296
1296
|
};
|
|
1297
1297
|
};
|
|
@@ -1301,24 +1301,24 @@ declare const slotRecipes: {
|
|
|
1301
1301
|
size: {
|
|
1302
1302
|
md: {
|
|
1303
1303
|
input: {
|
|
1304
|
-
paddingInline:
|
|
1305
|
-
paddingBlock:
|
|
1304
|
+
paddingInline: `${number}rem`;
|
|
1305
|
+
paddingBlock: `${number}rem`;
|
|
1306
1306
|
textStyle: "body/md/regular";
|
|
1307
|
-
'--input-height':
|
|
1307
|
+
'--input-height': `${number}rem`;
|
|
1308
1308
|
} | undefined;
|
|
1309
1309
|
control: {
|
|
1310
|
-
'--stepper-width':
|
|
1310
|
+
'--stepper-width': `${number}rem`;
|
|
1311
1311
|
};
|
|
1312
1312
|
};
|
|
1313
1313
|
lg: {
|
|
1314
1314
|
input: {
|
|
1315
|
-
paddingInline:
|
|
1316
|
-
paddingBlock:
|
|
1315
|
+
paddingInline: `${number}rem`;
|
|
1316
|
+
paddingBlock: `${number}rem`;
|
|
1317
1317
|
textStyle: "body/lg/regular";
|
|
1318
|
-
'--input-height':
|
|
1318
|
+
'--input-height': `${number}rem`;
|
|
1319
1319
|
} | undefined;
|
|
1320
1320
|
control: {
|
|
1321
|
-
'--stepper-width':
|
|
1321
|
+
'--stepper-width': `${number}rem`;
|
|
1322
1322
|
};
|
|
1323
1323
|
};
|
|
1324
1324
|
};
|
|
@@ -1364,7 +1364,7 @@ declare const slotRecipes: {
|
|
|
1364
1364
|
root: {
|
|
1365
1365
|
paddingInlineEnd: {
|
|
1366
1366
|
base: "16";
|
|
1367
|
-
tablet:
|
|
1367
|
+
tablet: `${number}rem`;
|
|
1368
1368
|
};
|
|
1369
1369
|
position: {
|
|
1370
1370
|
tablet: "relative";
|
|
@@ -1480,7 +1480,7 @@ declare const slotRecipes: {
|
|
|
1480
1480
|
readonly alignItems: "center";
|
|
1481
1481
|
readonly flexDirection: "row";
|
|
1482
1482
|
readonly gap: "24";
|
|
1483
|
-
readonly minHeight:
|
|
1483
|
+
readonly minHeight: `${number}rem`;
|
|
1484
1484
|
readonly paddingBlockEnd: "12";
|
|
1485
1485
|
readonly paddingBlockStart: "12";
|
|
1486
1486
|
readonly paddingInlineEnd: "32";
|
|
@@ -1557,7 +1557,7 @@ declare const slotRecipes: {
|
|
|
1557
1557
|
readonly alignItems: "center";
|
|
1558
1558
|
readonly flexDirection: "row";
|
|
1559
1559
|
readonly gap: "24";
|
|
1560
|
-
readonly minHeight:
|
|
1560
|
+
readonly minHeight: `${number}rem`;
|
|
1561
1561
|
readonly paddingBlockEnd: "12";
|
|
1562
1562
|
readonly paddingBlockStart: "12";
|
|
1563
1563
|
readonly paddingInlineEnd: "32";
|
|
@@ -1619,6 +1619,17 @@ declare const slotRecipes: {
|
|
|
1619
1619
|
};
|
|
1620
1620
|
};
|
|
1621
1621
|
};
|
|
1622
|
+
isCentered: {
|
|
1623
|
+
true: {
|
|
1624
|
+
headerBlock: {
|
|
1625
|
+
marginInline: "auto";
|
|
1626
|
+
tablet: {
|
|
1627
|
+
paddingInlineStart: "32";
|
|
1628
|
+
};
|
|
1629
|
+
};
|
|
1630
|
+
};
|
|
1631
|
+
false: {};
|
|
1632
|
+
};
|
|
1622
1633
|
}>;
|
|
1623
1634
|
pageSidebar: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "title" | "root" | "item" | "titleText" | "suffixIcon" | "titleBlock" | "itemLabel" | "itemIcon" | "contentBlock" | "divider" | "project" | "projectLabel" | "projectValue" | "projectValueWrapper" | "selectionMarker", {
|
|
1624
1635
|
hasBack: {
|
|
@@ -1743,7 +1754,7 @@ declare const slotRecipes: {
|
|
|
1743
1754
|
md: {
|
|
1744
1755
|
root: {
|
|
1745
1756
|
gap: "24";
|
|
1746
|
-
minHeight:
|
|
1757
|
+
minHeight: `${number}rem`;
|
|
1747
1758
|
};
|
|
1748
1759
|
counter: {
|
|
1749
1760
|
textStyle: "body/md/regular";
|
|
@@ -1907,7 +1918,7 @@ declare const slotRecipes: {
|
|
|
1907
1918
|
md: {
|
|
1908
1919
|
badge: {
|
|
1909
1920
|
paddingBlock: "2";
|
|
1910
|
-
width:
|
|
1921
|
+
width: `${number}rem`;
|
|
1911
1922
|
};
|
|
1912
1923
|
itemControl: {
|
|
1913
1924
|
width: "20";
|
|
@@ -2053,8 +2064,8 @@ declare const slotRecipes: {
|
|
|
2053
2064
|
lg: {
|
|
2054
2065
|
trigger: {
|
|
2055
2066
|
'&:has([data-slot="avatar"])': {
|
|
2056
|
-
paddingBlock:
|
|
2057
|
-
paddingInlineStart:
|
|
2067
|
+
paddingBlock: `${number}rem`;
|
|
2068
|
+
paddingInlineStart: `${number}rem`;
|
|
2058
2069
|
};
|
|
2059
2070
|
};
|
|
2060
2071
|
checkbox: {
|
|
@@ -2082,7 +2093,7 @@ declare const slotRecipes: {
|
|
|
2082
2093
|
};
|
|
2083
2094
|
};
|
|
2084
2095
|
itemList: {
|
|
2085
|
-
maxHeight:
|
|
2096
|
+
maxHeight: `${number}rem`;
|
|
2086
2097
|
};
|
|
2087
2098
|
itemLabel: {
|
|
2088
2099
|
textStyle: "body/lg/regular";
|
|
@@ -2101,7 +2112,7 @@ declare const slotRecipes: {
|
|
|
2101
2112
|
lineHeight: "normal";
|
|
2102
2113
|
};
|
|
2103
2114
|
searchInputGroup: {
|
|
2104
|
-
height:
|
|
2115
|
+
height: `${number}rem`;
|
|
2105
2116
|
paddingBlock: "16";
|
|
2106
2117
|
};
|
|
2107
2118
|
searchInput: {
|
|
@@ -2141,7 +2152,7 @@ declare const slotRecipes: {
|
|
|
2141
2152
|
};
|
|
2142
2153
|
};
|
|
2143
2154
|
itemList: {
|
|
2144
|
-
maxHeight:
|
|
2155
|
+
maxHeight: `${number}rem`;
|
|
2145
2156
|
};
|
|
2146
2157
|
itemLabel: {
|
|
2147
2158
|
textStyle: "body/md/regular";
|
|
@@ -2161,10 +2172,10 @@ declare const slotRecipes: {
|
|
|
2161
2172
|
};
|
|
2162
2173
|
trigger: {
|
|
2163
2174
|
textStyle: "body/md/regular";
|
|
2164
|
-
paddingBlock:
|
|
2175
|
+
paddingBlock: `${number}rem`;
|
|
2165
2176
|
'&:has([data-slot="avatar"])': {
|
|
2166
|
-
paddingBlock:
|
|
2167
|
-
paddingInlineStart:
|
|
2177
|
+
paddingBlock: `${number}rem`;
|
|
2178
|
+
paddingInlineStart: `${number}rem`;
|
|
2168
2179
|
};
|
|
2169
2180
|
};
|
|
2170
2181
|
searchInputGroup: {
|
|
@@ -2342,9 +2353,9 @@ declare const slotRecipes: {
|
|
|
2342
2353
|
size: {
|
|
2343
2354
|
md: {
|
|
2344
2355
|
root: {
|
|
2345
|
-
'--switch-width':
|
|
2346
|
-
'--switch-height':
|
|
2347
|
-
'--switch-indicator-font-size':
|
|
2356
|
+
'--switch-width': `${number}rem`;
|
|
2357
|
+
'--switch-height': `${number}rem`;
|
|
2358
|
+
'--switch-indicator-font-size': `${number}rem`;
|
|
2348
2359
|
};
|
|
2349
2360
|
control: {
|
|
2350
2361
|
borderRadius: "8";
|
|
@@ -2355,9 +2366,9 @@ declare const slotRecipes: {
|
|
|
2355
2366
|
};
|
|
2356
2367
|
lg: {
|
|
2357
2368
|
root: {
|
|
2358
|
-
'--switch-width':
|
|
2359
|
-
'--switch-height':
|
|
2360
|
-
'--switch-indicator-font-size':
|
|
2369
|
+
'--switch-width': `${number}rem`;
|
|
2370
|
+
'--switch-height': `${number}rem`;
|
|
2371
|
+
'--switch-indicator-font-size': `${number}rem`;
|
|
2361
2372
|
};
|
|
2362
2373
|
control: {
|
|
2363
2374
|
borderRadius: "12";
|
|
@@ -2445,7 +2456,7 @@ declare const slotRecipes: {
|
|
|
2445
2456
|
};
|
|
2446
2457
|
md: {
|
|
2447
2458
|
cell: {
|
|
2448
|
-
height:
|
|
2459
|
+
height: `${number}rem`;
|
|
2449
2460
|
};
|
|
2450
2461
|
};
|
|
2451
2462
|
lg: {
|
|
@@ -2589,7 +2600,7 @@ declare const slotRecipes: {
|
|
|
2589
2600
|
alignItems: "center";
|
|
2590
2601
|
gap: "8";
|
|
2591
2602
|
paddingBlockStart: "12";
|
|
2592
|
-
paddingBlockEnd:
|
|
2603
|
+
paddingBlockEnd: `${number}rem`;
|
|
2593
2604
|
borderBlockEnd: "2px solid transparent";
|
|
2594
2605
|
_selected: {
|
|
2595
2606
|
color: "text/primary";
|
|
@@ -2607,7 +2618,7 @@ declare const slotRecipes: {
|
|
|
2607
2618
|
textStyle: "body/lg/semibold";
|
|
2608
2619
|
paddingInline: "16";
|
|
2609
2620
|
paddingBlockStart: "12";
|
|
2610
|
-
paddingBlockEnd:
|
|
2621
|
+
paddingBlockEnd: `${number}rem`;
|
|
2611
2622
|
borderBlockEnd: "2px solid transparent";
|
|
2612
2623
|
_hover: {
|
|
2613
2624
|
backgroundColor: "background/hover";
|
|
@@ -2621,7 +2632,7 @@ declare const slotRecipes: {
|
|
|
2621
2632
|
};
|
|
2622
2633
|
contained: {
|
|
2623
2634
|
trigger: {
|
|
2624
|
-
paddingBlockStart:
|
|
2635
|
+
paddingBlockStart: `${number}rem`;
|
|
2625
2636
|
paddingBlockEnd: "12";
|
|
2626
2637
|
backgroundColor: "background/tertiary";
|
|
2627
2638
|
borderBlockStart: "2px solid transparent";
|
|
@@ -2843,7 +2854,7 @@ declare const slotRecipes: {
|
|
|
2843
2854
|
height: "32";
|
|
2844
2855
|
paddingInline: "6";
|
|
2845
2856
|
'&:has(button)': {
|
|
2846
|
-
paddingInlineEnd:
|
|
2857
|
+
paddingInlineEnd: `${number}rem`;
|
|
2847
2858
|
};
|
|
2848
2859
|
};
|
|
2849
2860
|
startElement: {
|
|
@@ -2900,8 +2911,8 @@ declare const slotRecipes: {
|
|
|
2900
2911
|
md: {
|
|
2901
2912
|
field: {
|
|
2902
2913
|
gap: "8";
|
|
2903
|
-
paddingInline:
|
|
2904
|
-
'--input-height':
|
|
2914
|
+
paddingInline: `${number}rem`;
|
|
2915
|
+
'--input-height': `${number}rem`;
|
|
2905
2916
|
};
|
|
2906
2917
|
input: {
|
|
2907
2918
|
textStyle: "body/md/regular";
|
|
@@ -2910,8 +2921,8 @@ declare const slotRecipes: {
|
|
|
2910
2921
|
lg: {
|
|
2911
2922
|
field: {
|
|
2912
2923
|
gap: "8";
|
|
2913
|
-
paddingInline:
|
|
2914
|
-
'--input-height':
|
|
2924
|
+
paddingInline: `${number}rem`;
|
|
2925
|
+
'--input-height': `${number}rem`;
|
|
2915
2926
|
'&:has(input[type="search"])': {
|
|
2916
2927
|
gap: "12";
|
|
2917
2928
|
};
|
|
@@ -3067,7 +3078,7 @@ declare const slotRecipes: {
|
|
|
3067
3078
|
paddingBlock: "6";
|
|
3068
3079
|
};
|
|
3069
3080
|
suffixGroup: {
|
|
3070
|
-
height:
|
|
3081
|
+
height: `${number}rem`;
|
|
3071
3082
|
'& > span': {
|
|
3072
3083
|
marginBlockEnd: "-1";
|
|
3073
3084
|
};
|
|
@@ -3125,7 +3136,7 @@ declare const slotRecipes: {
|
|
|
3125
3136
|
};
|
|
3126
3137
|
'& > svg': {
|
|
3127
3138
|
color: "icon/secondary";
|
|
3128
|
-
marginBlockStart:
|
|
3139
|
+
marginBlockStart: `${number}rem`;
|
|
3129
3140
|
};
|
|
3130
3141
|
_selected: {
|
|
3131
3142
|
'&::after': {
|
|
@@ -3161,7 +3172,7 @@ declare const slotRecipes: {
|
|
|
3161
3172
|
paddingBlock: "8";
|
|
3162
3173
|
};
|
|
3163
3174
|
suffixGroup: {
|
|
3164
|
-
height:
|
|
3175
|
+
height: `${number}rem`;
|
|
3165
3176
|
'& > span': {
|
|
3166
3177
|
marginBlockEnd: "-1";
|
|
3167
3178
|
};
|
|
@@ -4,7 +4,7 @@ export declare function withSlashes(object: Record<string, any>): Record<string,
|
|
|
4
4
|
/**
|
|
5
5
|
*
|
|
6
6
|
* @param input Value in pixels
|
|
7
|
-
* @returns Value in rems
|
|
7
|
+
* @returns Value in rems, typed precisely enough to satisfy props that take a `${number}rem`
|
|
8
8
|
*/
|
|
9
|
-
export declare const rem: (input: number) =>
|
|
9
|
+
export declare const rem: (input: number) => `${number}rem`;
|
|
10
10
|
export declare const getTextStyle: (as: TextProps["as"]) => string | undefined;
|
package/dist/theme/themeUtils.js
CHANGED
|
@@ -24,7 +24,7 @@ function withSlashes(object) {
|
|
|
24
24
|
/**
|
|
25
25
|
*
|
|
26
26
|
* @param input Value in pixels
|
|
27
|
-
* @returns Value in rems
|
|
27
|
+
* @returns Value in rems, typed precisely enough to satisfy props that take a `${number}rem`
|
|
28
28
|
*/
|
|
29
29
|
var rem = (input) => {
|
|
30
30
|
return `${input / 16}rem`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themeUtils.js","names":[],"sources":["../../lib/theme/themeUtils.ts"],"sourcesContent":["import { type TextProps } from '@chakra-ui/react/text';\nimport { isPlainObject } from 'es-toolkit';\n\n// Based on https://github.com/toss/es-toolkit/blob/main/src/object/flattenObject.ts\nexport const flattenTokens = (object: object, prefix: string = ''): Record<string, any> => {\n const result: Record<string, any> = {};\n const keys = Object.keys(object);\n\n for (let i = 0; i < keys.length; i++) {\n const key = keys[i];\n const value = (object as any)[key];\n\n const prefixedKey = prefix ? `${prefix}/${key}` : key;\n\n if (isPlainObject(value) && Object.keys(value).length > 0 && Object.keys(value)[0] !== 'value') {\n Object.assign(result, flattenTokens(value, prefixedKey));\n continue;\n }\n\n result[prefixedKey] = value;\n }\n\n return result;\n};\n\nexport function withSlashes(object: Record<string, any>): Record<string, any> {\n return {\n ...object,\n ...flattenTokens(object),\n };\n}\n\n/**\n *\n * @param input Value in pixels\n * @returns Value in rems
|
|
1
|
+
{"version":3,"file":"themeUtils.js","names":[],"sources":["../../lib/theme/themeUtils.ts"],"sourcesContent":["import { type TextProps } from '@chakra-ui/react/text';\nimport { isPlainObject } from 'es-toolkit';\n\n// Based on https://github.com/toss/es-toolkit/blob/main/src/object/flattenObject.ts\nexport const flattenTokens = (object: object, prefix: string = ''): Record<string, any> => {\n const result: Record<string, any> = {};\n const keys = Object.keys(object);\n\n for (let i = 0; i < keys.length; i++) {\n const key = keys[i];\n const value = (object as any)[key];\n\n const prefixedKey = prefix ? `${prefix}/${key}` : key;\n\n if (isPlainObject(value) && Object.keys(value).length > 0 && Object.keys(value)[0] !== 'value') {\n Object.assign(result, flattenTokens(value, prefixedKey));\n continue;\n }\n\n result[prefixedKey] = value;\n }\n\n return result;\n};\n\nexport function withSlashes(object: Record<string, any>): Record<string, any> {\n return {\n ...object,\n ...flattenTokens(object),\n };\n}\n\n/**\n *\n * @param input Value in pixels\n * @returns Value in rems, typed precisely enough to satisfy props that take a `${number}rem`\n */\nexport const rem = (input: number): `${number}rem` => {\n return `${input / 16}rem`;\n};\n\nexport const getTextStyle = (as: TextProps['as']) => {\n if (['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(as as string)) {\n return `heading/${as}`;\n }\n return undefined;\n};\n"],"mappings":";;AAIA,IAAa,iBAAiB,QAAgB,SAAiB,OAA4B;CACzF,MAAM,SAA8B,CAAC;CACrC,MAAM,OAAO,OAAO,KAAK,MAAM;CAE/B,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;EACpC,MAAM,MAAM,KAAK;EACjB,MAAM,QAAS,OAAe;EAE9B,MAAM,cAAc,SAAS,GAAG,OAAO,GAAG,QAAQ;EAElD,IAAI,cAAc,KAAK,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,SAAS,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,OAAO,SAAS;GAC9F,OAAO,OAAO,QAAQ,cAAc,OAAO,WAAW,CAAC;GACvD;EACF;EAEA,OAAO,eAAe;CACxB;CAEA,OAAO;AACT;AAEA,SAAgB,YAAY,QAAkD;CAC5E,OAAO;EACL,GAAG;EACH,GAAG,cAAc,MAAM;CACzB;AACF;;;;;;AAOA,IAAa,OAAO,UAAkC;CACpD,OAAO,GAAG,QAAQ,GAAG;AACvB"}
|