Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 265be14

Browse files
committed
fix(SpacesProps): make closely with chakra-ui props value for spaces
1 parent fb5e437 commit 265be14

File tree

4 files changed

+108
-108
lines changed

4 files changed

+108
-108
lines changed

‎examples/app.js‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -271,7 +271,7 @@ var TextAndHeading = {
271271
};
272272

273273
function App$MarginAndProps(Props) {
274-
return React.createElement(React.Fragment, undefined, React.createElement(React1ドル.Box, Curry.app(Chakra__Box.makeProps("two", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)("Tomato", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
274+
return React.createElement(React.Fragment, undefined, React.createElement(React1ドル.Box, Curry.app(Chakra__Box.makeProps(2, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)("Tomato", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
275275
undefined,
276276
undefined,
277277
undefined,
@@ -439,8 +439,8 @@ function App$MarginAndProps(Props) {
439439
])), React.createElement(React1ドル.Box, Curry.app(Chakra__Box.makeProps({
440440
NAME: "array",
441441
VAL: [
442-
"two",
443-
"three"
442+
2,
443+
3
444444
]
445445
}, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
446446
undefined,
@@ -534,7 +534,7 @@ function App$LayoutWidthHeight(Props) {
534534
return React.createElement(React.Fragment, undefined, React.createElement(React1ドル.Box, Curry.app(Chakra__Box.makeProps(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, {
535535
NAME: "percent",
536536
VAL: 100
537-
}, undefined, undefined, undefined, undefined, undefined, "thirtytwo", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
537+
}, undefined, undefined, undefined, undefined, undefined, 32, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
538538
undefined,
539539
undefined,
540540
undefined,
@@ -783,7 +783,7 @@ function App$LayoutWidthHeight(Props) {
783783
undefined,
784784
undefined,
785785
undefined
786-
])), React.createElement(React1ドル.Box, Curry.app(Chakra__Box.makeProps(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, "zeroP", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
786+
])), React.createElement(React1ドル.Box, Curry.app(Chakra__Box.makeProps(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, "0.5", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
787787
undefined,
788788
undefined,
789789
undefined,

‎examples/app.res‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -15,11 +15,11 @@ module MarginAndProps = {
1515
@react.component
1616
let make = () => <>
1717
// m={2} refers to the value of `theme.space[2]`
18-
<Box m={#two}> {"Tomato"->React.string} </Box>
18+
<Box m={#2}> {"Tomato"->React.string} </Box>
1919
// You can also use custom values
2020
<Box maxW={#px(960)} mx=#auto />
2121
// sets margin `8px` on all viewports and `16px` from the first breakpoint and up
22-
<Box m={#array([#two, #three])} />
22+
<Box m={#array([#2, #3])} />
2323
</>
2424
}
2525
/**
@@ -30,13 +30,13 @@ module LayoutWidthHeight = {
3030
@react.component
3131
let make = () => <>
3232
// verbose
33-
<Box width=#percent(100.) height={#thirtytwo} />
33+
<Box width=#percent(100.) height={#32} />
3434
// shorthand
3535
<Box w=#percent(100.) h=#px(32) />
3636
// use theme sizing
3737
<Box boxSize=#sm />
3838
// width `50%`
39-
<Box w=#zeroP />
39+
<Box w=#"0.5" />
4040
// width `256px`
4141
<Box w=#px(256) />
4242
// width `'40px'`

‎src/Interfaces/Chakra__AtomicTypes.res‎

Lines changed: 66 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -2290,77 +2290,77 @@ module Breakpoints = {
22902290
module Spaces = {
22912291
type t = [
22922292
| #px_
2293-
| #zero
2294-
| #zeroP
2295-
| #one
2296-
| #oneP
2297-
| #two
2298-
| #twoP
2299-
| #three
2300-
| #threeP
2301-
| #four
2302-
| #five
2303-
| #six
2304-
| #seven
2305-
| #eight
2306-
| #nine
2307-
| #ten
2308-
| #twelve
2309-
| #fourteen
2310-
| #sixteen
2311-
| #twenty
2312-
| #twentyfour
2313-
| #twentyeight
2314-
| #thirtytwo
2315-
| #thirtysix
2316-
| #fourty
2317-
| #fourtyfour
2318-
| #fourtyeight
2319-
| #fivetytwo
2320-
| #fivetysix
2321-
| #sixty
2322-
| #sixtyfour
2323-
| #seventytwo
2324-
| #eighty
2325-
| #ninetysix
2293+
| #0
2294+
| #"0.5"
2295+
| #1
2296+
| #"1.5"
2297+
| #2
2298+
| #"2.5"
2299+
| #3
2300+
| #"3.5"
2301+
| #4
2302+
| #5
2303+
| #6
2304+
| #7
2305+
| #8
2306+
| #9
2307+
| #10
2308+
| #12
2309+
| #14
2310+
| #16
2311+
| #20
2312+
| #24
2313+
| #28
2314+
| #32
2315+
| #36
2316+
| #40
2317+
| #44
2318+
| #48
2319+
| #52
2320+
| #56
2321+
| #60
2322+
| #64
2323+
| #72
2324+
| #80
2325+
| #96
23262326
]
23272327

23282328
let toString = x =>
23292329
switch x {
23302330
| #px_ => "px"
2331-
| #zero => "0"
2332-
| #zeroP => "0.5"
2333-
| #one => "1"
2334-
| #oneP => "1.5"
2335-
| #two => "2"
2336-
| #twoP => "2.t"
2337-
| #three => "3"
2338-
| #threeP => "3.5"
2339-
| #four => "4"
2340-
| #five => "5"
2341-
| #six => "6"
2342-
| #seven => "7"
2343-
| #eight => "8"
2344-
| #nine => "9"
2345-
| #ten => "10"
2346-
| #twelve => "12"
2347-
| #fourteen => "14"
2348-
| #sixteen => "16"
2349-
| #twenty => "20"
2350-
| #twentyfour => "24"
2351-
| #twentyeight => "28"
2352-
| #thirtytwo => "32"
2353-
| #thirtysix => "36"
2354-
| #fourty => "40"
2355-
| #fourtyfour => "44"
2356-
| #fourtyeight => "48"
2357-
| #fivetytwo => "52"
2358-
| #fivetysix => "56"
2359-
| #sixty => "60"
2360-
| #sixtyfour => "64"
2361-
| #seventytwo => "72"
2362-
| #eighty => "80"
2363-
| #ninetysix => "96"
2331+
| #0 => "0"
2332+
| #"0.5" => "0.5"
2333+
| #1 => "1"
2334+
| #"1.5" => "1.5"
2335+
| #2 => "2"
2336+
| #"2.5" => "2.t"
2337+
| #3 => "3"
2338+
| #"3.5" => "3.5"
2339+
| #4 => "4"
2340+
| #5 => "5"
2341+
| #6 => "6"
2342+
| #7 => "7"
2343+
| #8 => "8"
2344+
| #9 => "9"
2345+
| #10 => "10"
2346+
| #12 => "12"
2347+
| #14 => "14"
2348+
| #16 => "16"
2349+
| #20 => "20"
2350+
| #24 => "24"
2351+
| #28 => "28"
2352+
| #32 => "32"
2353+
| #36 => "36"
2354+
| #40 => "40"
2355+
| #44 => "44"
2356+
| #48 => "48"
2357+
| #52 => "52"
2358+
| #56 => "56"
2359+
| #60 => "60"
2360+
| #64 => "64"
2361+
| #72 => "72"
2362+
| #80 => "80"
2363+
| #96 => "96"
23642364
}
23652365
}
23662366

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /