UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

1,039 lines (1,038 loc) • 27 kB
[ { "name": "base/size/2", "value": 2, "type": "FLOAT", "refId": "base/size/base/size/2", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/4", "value": 4, "type": "FLOAT", "refId": "base/size/base/size/4", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/6", "value": 6, "type": "FLOAT", "refId": "base/size/base/size/6", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/8", "value": 8, "type": "FLOAT", "refId": "base/size/base/size/8", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/12", "value": 12, "type": "FLOAT", "refId": "base/size/base/size/12", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/16", "value": 16, "type": "FLOAT", "refId": "base/size/base/size/16", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/20", "value": 20, "type": "FLOAT", "refId": "base/size/base/size/20", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/24", "value": 24, "type": "FLOAT", "refId": "base/size/base/size/24", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/28", "value": 28, "type": "FLOAT", "refId": "base/size/base/size/28", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/32", "value": 32, "type": "FLOAT", "refId": "base/size/base/size/32", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/36", "value": 36, "type": "FLOAT", "refId": "base/size/base/size/36", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/40", "value": 40, "type": "FLOAT", "refId": "base/size/base/size/40", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/44", "value": 44, "type": "FLOAT", "refId": "base/size/base/size/44", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/48", "value": 48, "type": "FLOAT", "refId": "base/size/base/size/48", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/64", "value": 64, "type": "FLOAT", "refId": "base/size/base/size/64", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/80", "value": 80, "type": "FLOAT", "refId": "base/size/base/size/80", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/96", "value": 96, "type": "FLOAT", "refId": "base/size/base/size/96", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/112", "value": 112, "type": "FLOAT", "refId": "base/size/base/size/112", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "base/size/128", "value": 128, "type": "FLOAT", "refId": "base/size/base/size/128", "collection": "base/size", "mode": "default", "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "breakpoint/xsmall", "value": 320, "type": "FLOAT", "refId": "functional/size/breakpoint/xsmall", "collection": "functional/size", "mode": "default", "group": "functional/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "breakpoint/small", "value": 544, "type": "FLOAT", "refId": "functional/size/breakpoint/small", "collection": "functional/size", "mode": "default", "group": "functional/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "breakpoint/medium", "value": 768, "type": "FLOAT", "refId": "functional/size/breakpoint/medium", "collection": "functional/size", "mode": "default", "group": "functional/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "breakpoint/large", "value": 1012, "type": "FLOAT", "refId": "functional/size/breakpoint/large", "collection": "functional/size", "mode": "default", "group": "functional/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "breakpoint/xlarge", "value": 1280, "type": "FLOAT", "refId": "functional/size/breakpoint/xlarge", "collection": "functional/size", "mode": "default", "group": "functional/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "breakpoint/xxlarge", "value": 1400, "type": "FLOAT", "refId": "functional/size/breakpoint/xxlarge", "collection": "functional/size", "mode": "default", "group": "functional/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "control/minTarget/fine", "value": 16, "type": "FLOAT", "refId": "pattern/size/control/minTarget/fine", "reference": "base/size/base/size/16", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "control/minTarget/coarse", "value": 44, "type": "FLOAT", "refId": "pattern/size/control/minTarget/coarse", "reference": "base/size/base/size/44", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "control/xsmall/size", "value": 24, "type": "FLOAT", "refId": "pattern/size/control/xsmall/size", "reference": "base/size/base/size/24", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "control/xsmall/lineBoxHeight", "value": 20, "type": "FLOAT", "refId": "pattern/size/control/xsmall/lineBoxHeight", "reference": "base/size/base/size/20", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "control/xsmall/paddingBlock", "value": 2, "type": "FLOAT", "refId": "pattern/size/control/xsmall/paddingBlock", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/xsmall/paddingInline/condensed", "value": 4, "type": "FLOAT", "refId": "pattern/size/control/xsmall/paddingInline/condensed", "reference": "base/size/base/size/4", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/xsmall/paddingInline/normal", "value": 8, "type": "FLOAT", "refId": "pattern/size/control/xsmall/paddingInline/normal", "reference": "base/size/base/size/8", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/xsmall/paddingInline/spacious", "value": 12, "type": "FLOAT", "refId": "pattern/size/control/xsmall/paddingInline/spacious", "reference": "base/size/base/size/12", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/xsmall/gap", "value": 4, "type": "FLOAT", "refId": "pattern/size/control/xsmall/gap", "reference": "base/size/base/size/4", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/small/size", "value": 28, "type": "FLOAT", "refId": "pattern/size/control/small/size", "reference": "base/size/base/size/28", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "control/small/lineBoxHeight", "value": 20, "type": "FLOAT", "refId": "pattern/size/control/small/lineBoxHeight", "reference": "base/size/base/size/20", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "control/small/paddingBlock", "value": 4, "type": "FLOAT", "refId": "pattern/size/control/small/paddingBlock", "reference": "base/size/base/size/4", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/small/paddingInline/condensed", "value": 8, "type": "FLOAT", "refId": "pattern/size/control/small/paddingInline/condensed", "reference": "base/size/base/size/8", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/small/paddingInline/normal", "value": 12, "type": "FLOAT", "refId": "pattern/size/control/small/paddingInline/normal", "reference": "base/size/base/size/12", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/small/gap", "value": 4, "type": "FLOAT", "refId": "pattern/size/control/small/gap", "reference": "base/size/base/size/4", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/medium/size", "value": 32, "type": "FLOAT", "refId": "pattern/size/control/medium/size", "reference": "base/size/base/size/32", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "control/medium/lineBoxHeight", "value": 20, "type": "FLOAT", "refId": "pattern/size/control/medium/lineBoxHeight", "reference": "base/size/base/size/20", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "control/medium/paddingBlock", "value": 6, "type": "FLOAT", "refId": "pattern/size/control/medium/paddingBlock", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/medium/paddingInline/condensed", "value": 8, "type": "FLOAT", "refId": "pattern/size/control/medium/paddingInline/condensed", "reference": "base/size/base/size/8", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/medium/paddingInline/normal", "value": 12, "type": "FLOAT", "refId": "pattern/size/control/medium/paddingInline/normal", "reference": "base/size/base/size/12", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/medium/paddingInline/spacious", "value": 16, "type": "FLOAT", "refId": "pattern/size/control/medium/paddingInline/spacious", "reference": "base/size/base/size/16", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/medium/gap", "value": 8, "type": "FLOAT", "refId": "pattern/size/control/medium/gap", "reference": "base/size/base/size/8", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/large/size", "value": 40, "type": "FLOAT", "refId": "pattern/size/control/large/size", "reference": "base/size/base/size/40", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "control/large/lineBoxHeight", "value": 20, "type": "FLOAT", "refId": "pattern/size/control/large/lineBoxHeight", "reference": "base/size/base/size/20", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "control/large/paddingBlock", "value": 10, "type": "FLOAT", "refId": "pattern/size/control/large/paddingBlock", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/large/paddingInline/normal", "value": 12, "type": "FLOAT", "refId": "pattern/size/control/large/paddingInline/normal", "reference": "base/size/base/size/12", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/large/paddingInline/spacious", "value": 16, "type": "FLOAT", "refId": "pattern/size/control/large/paddingInline/spacious", "reference": "base/size/base/size/16", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/large/gap", "value": 8, "type": "FLOAT", "refId": "pattern/size/control/large/gap", "reference": "base/size/base/size/8", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/xlarge/size", "value": 48, "type": "FLOAT", "refId": "pattern/size/control/xlarge/size", "reference": "base/size/base/size/48", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "control/xlarge/lineBoxHeight", "value": 20, "type": "FLOAT", "refId": "pattern/size/control/xlarge/lineBoxHeight", "reference": "base/size/base/size/20", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "control/xlarge/paddingBlock", "value": 14, "type": "FLOAT", "refId": "pattern/size/control/xlarge/paddingBlock", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/xlarge/paddingInline/normal", "value": 12, "type": "FLOAT", "refId": "pattern/size/control/xlarge/paddingInline/normal", "reference": "base/size/base/size/12", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/xlarge/paddingInline/spacious", "value": 16, "type": "FLOAT", "refId": "pattern/size/control/xlarge/paddingInline/spacious", "reference": "base/size/base/size/16", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "control/xlarge/gap", "value": 8, "type": "FLOAT", "refId": "pattern/size/control/xlarge/gap", "reference": "base/size/base/size/8", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "spinner/size/small", "value": 16, "type": "FLOAT", "refId": "pattern/size/spinner/size/small", "reference": "base/size/base/size/16", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "spinner/size/medium", "value": 32, "type": "FLOAT", "refId": "pattern/size/spinner/size/medium", "reference": "base/size/base/size/32", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "spinner/size/large", "value": 64, "type": "FLOAT", "refId": "pattern/size/spinner/size/large", "reference": "base/size/base/size/64", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "stack/padding/condensed", "value": 8, "type": "FLOAT", "refId": "pattern/size/stack/padding/condensed", "reference": "base/size/base/size/8", "collection": "pattern/size", "mode": "default", "group": "component", "scopes": ["GAP"], "codeSyntax": { "web": "var(--stack-padding-condensed) /* utility class: .p-2 */" } }, { "name": "stack/padding/normal", "value": 16, "type": "FLOAT", "refId": "pattern/size/stack/padding/normal", "reference": "base/size/base/size/16", "collection": "pattern/size", "mode": "default", "group": "component", "scopes": ["GAP"], "codeSyntax": { "web": "var(--stack-padding-normal) /* utility class: .p-3 */" } }, { "name": "stack/padding/spacious", "value": 24, "type": "FLOAT", "refId": "pattern/size/stack/padding/spacious", "reference": "base/size/base/size/24", "collection": "pattern/size", "mode": "default", "group": "component", "scopes": ["GAP"], "codeSyntax": { "web": "var(--stack-padding-spacious) /* utility class: .p-4 */" } }, { "name": "stack/gap/condensed", "value": 8, "type": "FLOAT", "refId": "pattern/size/stack/gap/condensed", "reference": "base/size/base/size/8", "collection": "pattern/size", "mode": "default", "group": "component", "scopes": ["GAP"], "codeSyntax": { "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */" } }, { "name": "stack/gap/normal", "value": 16, "type": "FLOAT", "refId": "pattern/size/stack/gap/normal", "reference": "base/size/base/size/16", "collection": "pattern/size", "mode": "default", "group": "component", "scopes": ["GAP"], "codeSyntax": { "web": "var(--stack-gap-normal) /* utility class: .gap-3 */" } }, { "name": "stack/gap/spacious", "value": 24, "type": "FLOAT", "refId": "pattern/size/stack/gap/spacious", "reference": "base/size/base/size/24", "collection": "pattern/size", "mode": "default", "group": "component", "scopes": ["GAP"], "codeSyntax": { "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */" } }, { "name": "controlStack/small/gap/condensed", "value": 8, "type": "FLOAT", "refId": "pattern/size/controlStack/small/gap/condensed", "reference": "base/size/base/size/8", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "controlStack/small/gap/spacious", "value": 16, "type": "FLOAT", "refId": "pattern/size/controlStack/small/gap/spacious", "reference": "base/size/base/size/16", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "controlStack/medium/gap/condensed", "value": 8, "type": "FLOAT", "refId": "pattern/size/controlStack/medium/gap/condensed", "reference": "base/size/base/size/8", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "controlStack/medium/gap/spacious", "value": 12, "type": "FLOAT", "refId": "pattern/size/controlStack/medium/gap/spacious", "reference": "base/size/base/size/12", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "controlStack/large/gap/auto", "value": 8, "type": "FLOAT", "refId": "pattern/size/controlStack/large/gap/auto", "reference": "base/size/base/size/8", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "controlStack/large/gap/condensed", "value": 8, "type": "FLOAT", "refId": "pattern/size/controlStack/large/gap/condensed", "reference": "base/size/base/size/8", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "controlStack/large/gap/spacious", "value": 12, "type": "FLOAT", "refId": "pattern/size/controlStack/large/gap/spacious", "reference": "base/size/base/size/12", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "overlay/width/xsmall", "value": 192, "type": "FLOAT", "refId": "pattern/size/overlay/width/xsmall", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "overlay/width/small", "value": 320, "type": "FLOAT", "refId": "pattern/size/overlay/width/small", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "overlay/width/medium", "value": 480, "type": "FLOAT", "refId": "pattern/size/overlay/width/medium", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "overlay/width/large", "value": 640, "type": "FLOAT", "refId": "pattern/size/overlay/width/large", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "overlay/width/xlarge", "value": 960, "type": "FLOAT", "refId": "pattern/size/overlay/width/xlarge", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "overlay/height/small", "value": 256, "type": "FLOAT", "refId": "pattern/size/overlay/height/small", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "overlay/height/medium", "value": 320, "type": "FLOAT", "refId": "pattern/size/overlay/height/medium", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "overlay/height/large", "value": 432, "type": "FLOAT", "refId": "pattern/size/overlay/height/large", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "overlay/height/xlarge", "value": 600, "type": "FLOAT", "refId": "pattern/size/overlay/height/xlarge", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "overlay/padding/normal", "value": 16, "type": "FLOAT", "refId": "pattern/size/overlay/padding/normal", "reference": "base/size/base/size/16", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "overlay/padding/condensed", "value": 8, "type": "FLOAT", "refId": "pattern/size/overlay/padding/condensed", "reference": "base/size/base/size/8", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "overlay/paddingBlock/condensed", "value": 4, "type": "FLOAT", "refId": "pattern/size/overlay/paddingBlock/condensed", "reference": "base/size/base/size/4", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "overlay/paddingBlock/normal", "value": 12, "type": "FLOAT", "refId": "pattern/size/overlay/paddingBlock/normal", "reference": "base/size/base/size/12", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["GAP"] }, { "name": "overlay/borderRadius", "value": 6, "type": "FLOAT", "refId": "pattern/size/overlay/borderRadius", "reference": "functional/size/borderRadius/medium", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["CORNER_RADIUS"] }, { "name": "overlay/offset", "value": 4, "type": "FLOAT", "refId": "pattern/size/overlay/offset", "collection": "pattern/size", "mode": "default", "group": "pattern/size", "scopes": ["WIDTH_HEIGHT"] }, { "name": "borderRadius/small", "value": 3, "type": "FLOAT", "refId": "functional/size/borderRadius/small", "collection": "functional/size", "mode": "default", "group": "functional/size", "scopes": ["CORNER_RADIUS"], "codeSyntax": { "web": "var(--borderRadius-small) /* utility class: .rounded-1 */" } }, { "name": "borderRadius/medium", "value": 6, "type": "FLOAT", "refId": "functional/size/borderRadius/medium", "collection": "functional/size", "mode": "default", "group": "functional/size", "scopes": ["CORNER_RADIUS"], "codeSyntax": { "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */" } }, { "name": "borderRadius/large", "value": 12, "type": "FLOAT", "refId": "functional/size/borderRadius/large", "collection": "functional/size", "mode": "default", "group": "functional/size", "scopes": ["CORNER_RADIUS"], "codeSyntax": { "web": "var(--borderRadius-large) /* utility class: .rounded-3 */" } }, { "name": "borderRadius/full", "value": 9999, "type": "FLOAT", "description": "Use this border radius for pill shaped elements", "refId": "functional/size/borderRadius/full", "collection": "functional/size", "mode": "default", "group": "functional/size", "scopes": ["CORNER_RADIUS"], "codeSyntax": { "web": "var(--borderRadius-full) /* utility class: .circle */" } }, { "name": "borderRadius/default", "value": 6, "type": "FLOAT", "refId": "functional/size/borderRadius/default", "reference": "functional/size/borderRadius/medium", "collection": "functional/size", "mode": "default", "group": "functional/size", "scopes": ["CORNER_RADIUS"], "codeSyntax": { "web": "var(--borderRadius-default) /* utility class: .rounded-2 */" } } ]