Skip to content

Commit e98ce58

Browse files
DSilDSil
committed
feat(tailwind): remove deprecated spacing classes
BREAKING CHANGE: these classes were deprecated. New number level classes can be used.
1 parent 512b0a9 commit e98ce58

File tree

4 files changed

+0
-203
lines changed

4 files changed

+0
-203
lines changed

‎packages/orbit-tailwind-preset/src/__fixtures__/Spacings.tsx

-9
Original file line numberDiff line numberDiff line change
@@ -20,15 +20,6 @@ const Spacings = () => {
2020
<div className="px-1200">space1200</div>
2121
<div className="px-1300">space1300</div>
2222
<div className="px-1600">space1600</div>
23-
<div className="px-xxxs">spaceXXXSmall</div>
24-
<div className="px-xxs">spaceXXSmall</div>
25-
<div className="px-xs">spaceXSmall</div>
26-
<div className="px-sm">spaceSmall</div>
27-
<div className="px-md">spaceMedium</div>
28-
<div className="px-lg">spaceLarge</div>
29-
<div className="px-xl">spaceXLarge</div>
30-
<div className="px-xxl">spaceXXLarge</div>
31-
<div className="px-xxxl">spaceXXXLarge</div>
3223
</div>
3324
);
3425
};

‎packages/orbit-tailwind-preset/src/__tests__/__snapshots__/configs.test.ts.snap

-175
Original file line numberDiff line numberDiff line change
@@ -386,17 +386,8 @@ exports[`orbitPreset should have preflight disabled 1`] = `
386386
"600": "24px",
387387
"700": "28px",
388388
"800": "32px",
389-
"lg": "24px",
390-
"md": "16px",
391389
"none": "0px",
392390
"px": "1px",
393-
"sm": "12px",
394-
"xl": "32px",
395-
"xs": "8px",
396-
"xxl": "40px",
397-
"xxs": "4px",
398-
"xxxl": "52px",
399-
"xxxs": "2px",
400391
},
401392
"transitionDuration": {
402393
"fast": "0.15s",
@@ -1039,17 +1030,8 @@ exports[`orbitPreset should have preflight disabled 1`] = `
10391030
"600": "24px",
10401031
"700": "28px",
10411032
"800": "32px",
1042-
"lg": "24px",
1043-
"md": "16px",
10441033
"none": "0px",
10451034
"px": "1px",
1046-
"sm": "12px",
1047-
"xl": "32px",
1048-
"xs": "8px",
1049-
"xxl": "40px",
1050-
"xxs": "4px",
1051-
"xxxl": "52px",
1052-
"xxxs": "2px",
10531035
},
10541036
"borderWidth": {
10551037
"0": "0px",
@@ -1787,17 +1769,8 @@ exports[`orbitPreset should have preflight disabled 1`] = `
17871769
"9/12": "75%",
17881770
"auto": "auto",
17891771
"full": "100%",
1790-
"lg": "24px",
1791-
"md": "16px",
17921772
"none": "0px",
17931773
"px": "1px",
1794-
"sm": "12px",
1795-
"xl": "32px",
1796-
"xs": "8px",
1797-
"xxl": "40px",
1798-
"xxs": "4px",
1799-
"xxxl": "52px",
1800-
"xxxs": "2px",
18011774
},
18021775
"flexGrow": {
18031776
"0": "0",
@@ -1859,17 +1832,8 @@ exports[`orbitPreset should have preflight disabled 1`] = `
18591832
"600": "24px",
18601833
"700": "28px",
18611834
"800": "32px",
1862-
"lg": "24px",
1863-
"md": "16px",
18641835
"none": "0px",
18651836
"px": "1px",
1866-
"sm": "12px",
1867-
"xl": "32px",
1868-
"xs": "8px",
1869-
"xxl": "40px",
1870-
"xxs": "4px",
1871-
"xxxl": "52px",
1872-
"xxxs": "2px",
18731837
},
18741838
"gradientColorStopPositions": {
18751839
"0%": "0%",
@@ -2182,22 +2146,13 @@ exports[`orbitPreset should have preflight disabled 1`] = `
21822146
"icon-large": "24px",
21832147
"icon-medium": "20px",
21842148
"icon-small": "16px",
2185-
"lg": "24px",
21862149
"lvh": "100lvh",
21872150
"max": "max-content",
2188-
"md": "16px",
21892151
"min": "min-content",
21902152
"none": "0px",
21912153
"px": "1px",
21922154
"screen": "100vh",
2193-
"sm": "12px",
21942155
"svh": "100svh",
2195-
"xl": "32px",
2196-
"xs": "8px",
2197-
"xxl": "40px",
2198-
"xxs": "4px",
2199-
"xxxl": "52px",
2200-
"xxxs": "2px",
22012156
},
22022157
"hueRotate": {
22032158
"0": "0deg",
@@ -2231,17 +2186,8 @@ exports[`orbitPreset should have preflight disabled 1`] = `
22312186
"800": "32px",
22322187
"auto": "auto",
22332188
"full": "100%",
2234-
"lg": "24px",
2235-
"md": "16px",
22362189
"none": "0px",
22372190
"px": "1px",
2238-
"sm": "12px",
2239-
"xl": "32px",
2240-
"xs": "8px",
2241-
"xxl": "40px",
2242-
"xxs": "4px",
2243-
"xxxl": "52px",
2244-
"xxxs": "2px",
22452191
},
22462192
"invert": {
22472193
"0": "0",
@@ -2424,17 +2370,8 @@ exports[`orbitPreset should have preflight disabled 1`] = `
24242370
"700": "28px",
24252371
"800": "32px",
24262372
"auto": "auto",
2427-
"lg": "24px",
2428-
"md": "16px",
24292373
"none": "0px",
24302374
"px": "1px",
2431-
"sm": "12px",
2432-
"xl": "32px",
2433-
"xs": "8px",
2434-
"xxl": "40px",
2435-
"xxs": "4px",
2436-
"xxxl": "52px",
2437-
"xxxs": "2px",
24382375
},
24392376
"maxHeight": {
24402377
"0": "0px",
@@ -2460,22 +2397,13 @@ exports[`orbitPreset should have preflight disabled 1`] = `
24602397
"illustration-large": "280px",
24612398
"illustration-medium": "200px",
24622399
"illustration-small": "120px",
2463-
"lg": "24px",
24642400
"lvh": "100lvh",
24652401
"max": "max-content",
2466-
"md": "16px",
24672402
"min": "min-content",
24682403
"none": "none",
24692404
"px": "1px",
24702405
"screen": "100vh",
2471-
"sm": "12px",
24722406
"svh": "100svh",
2473-
"xl": "32px",
2474-
"xs": "8px",
2475-
"xxl": "40px",
2476-
"xxs": "4px",
2477-
"xxxl": "52px",
2478-
"xxxs": "2px",
24792407
},
24802408
"maxWidth": {
24812409
"0": "0px",
@@ -2522,10 +2450,6 @@ exports[`orbitPreset should have preflight disabled 1`] = `
25222450
"sm": "24rem",
25232451
"xl": "36rem",
25242452
"xs": "20rem",
2525-
"xxl": "40px",
2526-
"xxs": "4px",
2527-
"xxxl": "52px",
2528-
"xxxs": "2px",
25292453
},
25302454
"minHeight": {
25312455
"0": "0px",
@@ -2552,22 +2476,13 @@ exports[`orbitPreset should have preflight disabled 1`] = `
25522476
"icon-large": "24px",
25532477
"icon-medium": "20px",
25542478
"icon-small": "16px",
2555-
"lg": "24px",
25562479
"lvh": "100lvh",
25572480
"max": "max-content",
2558-
"md": "16px",
25592481
"min": "min-content",
25602482
"none": "0px",
25612483
"px": "1px",
25622484
"screen": "100vh",
2563-
"sm": "12px",
25642485
"svh": "100svh",
2565-
"xl": "32px",
2566-
"xs": "8px",
2567-
"xxl": "40px",
2568-
"xxs": "4px",
2569-
"xxxl": "52px",
2570-
"xxxs": "2px",
25712486
},
25722487
"minWidth": {
25732488
"0": "0px",
@@ -2591,19 +2506,10 @@ exports[`orbitPreset should have preflight disabled 1`] = `
25912506
"icon-large": "24px",
25922507
"icon-medium": "20px",
25932508
"icon-small": "16px",
2594-
"lg": "24px",
25952509
"max": "max-content",
2596-
"md": "16px",
25972510
"min": "min-content",
25982511
"none": "0px",
25992512
"px": "1px",
2600-
"sm": "12px",
2601-
"xl": "32px",
2602-
"xs": "8px",
2603-
"xxl": "40px",
2604-
"xxs": "4px",
2605-
"xxxl": "52px",
2606-
"xxxs": "2px",
26072513
},
26082514
"objectPosition": {
26092515
"bottom": "bottom",
@@ -2794,18 +2700,9 @@ exports[`orbitPreset should have preflight disabled 1`] = `
27942700
"button-without-text-padding": "0",
27952701
"form-element-normal-padding": "0 12px",
27962702
"form-element-small-padding": "0 12px",
2797-
"lg": "24px",
2798-
"md": "16px",
27992703
"none": "0px",
28002704
"px": "1px",
2801-
"sm": "12px",
28022705
"table": "12px 16px",
2803-
"xl": "32px",
2804-
"xs": "8px",
2805-
"xxl": "40px",
2806-
"xxs": "4px",
2807-
"xxxl": "52px",
2808-
"xxxs": "2px",
28092706
},
28102707
"placeholderColor": {
28112708
"blue": {
@@ -3227,17 +3124,8 @@ exports[`orbitPreset should have preflight disabled 1`] = `
32273124
"600": "24px",
32283125
"700": "28px",
32293126
"800": "32px",
3230-
"lg": "24px",
3231-
"md": "16px",
32323127
"none": "0px",
32333128
"px": "1px",
3234-
"sm": "12px",
3235-
"xl": "32px",
3236-
"xs": "8px",
3237-
"xxl": "40px",
3238-
"xxs": "4px",
3239-
"xxxl": "52px",
3240-
"xxxs": "2px",
32413129
},
32423130
"scrollPadding": {
32433131
"0": "0px",
@@ -3255,17 +3143,8 @@ exports[`orbitPreset should have preflight disabled 1`] = `
32553143
"600": "24px",
32563144
"700": "28px",
32573145
"800": "32px",
3258-
"lg": "24px",
3259-
"md": "16px",
32603146
"none": "0px",
32613147
"px": "1px",
3262-
"sm": "12px",
3263-
"xl": "32px",
3264-
"xs": "8px",
3265-
"xxl": "40px",
3266-
"xxs": "4px",
3267-
"xxxl": "52px",
3268-
"xxxs": "2px",
32693148
},
32703149
"sepia": {
32713150
"0": "0",
@@ -3324,19 +3203,10 @@ exports[`orbitPreset should have preflight disabled 1`] = `
33243203
"icon-large": "24px",
33253204
"icon-medium": "20px",
33263205
"icon-small": "16px",
3327-
"lg": "24px",
33283206
"max": "max-content",
3329-
"md": "16px",
33303207
"min": "min-content",
33313208
"none": "0px",
33323209
"px": "1px",
3333-
"sm": "12px",
3334-
"xl": "32px",
3335-
"xs": "8px",
3336-
"xxl": "40px",
3337-
"xxs": "4px",
3338-
"xxxl": "52px",
3339-
"xxxs": "2px",
33403210
},
33413211
"skew": {
33423212
"0": "0deg",
@@ -3362,17 +3232,8 @@ exports[`orbitPreset should have preflight disabled 1`] = `
33623232
"600": "24px",
33633233
"700": "28px",
33643234
"800": "32px",
3365-
"lg": "24px",
3366-
"md": "16px",
33673235
"none": "0px",
33683236
"px": "1px",
3369-
"sm": "12px",
3370-
"xl": "32px",
3371-
"xs": "8px",
3372-
"xxl": "40px",
3373-
"xxs": "4px",
3374-
"xxxl": "52px",
3375-
"xxxs": "2px",
33763237
},
33773238
"spacing": {
33783239
"0": "0px",
@@ -3390,17 +3251,8 @@ exports[`orbitPreset should have preflight disabled 1`] = `
33903251
"600": "24px",
33913252
"700": "28px",
33923253
"800": "32px",
3393-
"lg": "24px",
3394-
"md": "16px",
33953254
"none": "0px",
33963255
"px": "1px",
3397-
"sm": "12px",
3398-
"xl": "32px",
3399-
"xs": "8px",
3400-
"xxl": "40px",
3401-
"xxs": "4px",
3402-
"xxxl": "52px",
3403-
"xxxs": "2px",
34043256
},
34053257
"stroke": {
34063258
"blue": {
@@ -3832,17 +3684,8 @@ exports[`orbitPreset should have preflight disabled 1`] = `
38323684
"600": "24px",
38333685
"700": "28px",
38343686
"800": "32px",
3835-
"lg": "24px",
3836-
"md": "16px",
38373687
"none": "0px",
38383688
"px": "1px",
3839-
"sm": "12px",
3840-
"xl": "32px",
3841-
"xs": "8px",
3842-
"xxl": "40px",
3843-
"xxs": "4px",
3844-
"xxxl": "52px",
3845-
"xxxs": "2px",
38463689
},
38473690
"textOpacity": {
38483691
"0": "0",
@@ -3941,17 +3784,8 @@ exports[`orbitPreset should have preflight disabled 1`] = `
39413784
"700": "28px",
39423785
"800": "32px",
39433786
"full": "100%",
3944-
"lg": "24px",
3945-
"md": "16px",
39463787
"none": "0px",
39473788
"px": "1px",
3948-
"sm": "12px",
3949-
"xl": "32px",
3950-
"xs": "8px",
3951-
"xxl": "40px",
3952-
"xxs": "4px",
3953-
"xxxl": "52px",
3954-
"xxxs": "2px",
39553789
},
39563790
"width": {
39573791
"0": "0px",
@@ -4007,22 +3841,13 @@ exports[`orbitPreset should have preflight disabled 1`] = `
40073841
"icon-large": "24px",
40083842
"icon-medium": "20px",
40093843
"icon-small": "16px",
4010-
"lg": "24px",
40113844
"lvw": "100lvw",
40123845
"max": "max-content",
4013-
"md": "16px",
40143846
"min": "min-content",
40153847
"none": "0px",
40163848
"px": "1px",
40173849
"screen": "100vw",
4018-
"sm": "12px",
40193850
"svw": "100svw",
4020-
"xl": "32px",
4021-
"xs": "8px",
4022-
"xxl": "40px",
4023-
"xxs": "4px",
4024-
"xxxl": "52px",
4025-
"xxxs": "2px",
40263851
},
40273852
"willChange": {
40283853
"auto": "auto",

0 commit comments

Comments
 (0)