@atlaskit/tokens
Version:
Design tokens are the single source of truth to name and store design decisions.
916 lines (914 loc) • 34.4 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
/**
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::4f5046831b35f4dfa25614c21b5f4bfb>>
* @codegenCommand yarn build tokens
*/
var tokens = [{
"value": "0px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"introduced": "0.12.0",
"description": "Equates to `0`. Use for resetting default spacing styles."
},
"original": {
"value": "Space0",
"attributes": {
"group": "spacing",
"state": "active",
"introduced": "0.12.0",
"description": "Equates to `0`. Use for resetting default spacing styles."
}
},
"name": "space.0",
"path": ["space", "0"],
"cleanName": "space.0"
}, {
"value": "2px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["1px", "3px"],
"introduced": "0.12.0",
"description": "Use for small and compact pieces of UI."
},
"original": {
"value": "Space025",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["1px", "3px"],
"introduced": "0.12.0",
"description": "Use for small and compact pieces of UI."
}
},
"name": "space.025",
"path": ["space", "025"],
"cleanName": "space.025"
}, {
"value": "4px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["3px", "5px"],
"introduced": "0.12.0",
"description": "Use for small and compact pieces of UI."
},
"original": {
"value": "Space050",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["3px", "5px"],
"introduced": "0.12.0",
"description": "Use for small and compact pieces of UI."
}
},
"name": "space.050",
"path": ["space", "050"],
"cleanName": "space.050"
}, {
"value": "6px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["5px", "7px"],
"introduced": "0.12.0",
"description": "Use for small and compact pieces of UI."
},
"original": {
"value": "Space075",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["5px", "7px"],
"introduced": "0.12.0",
"description": "Use for small and compact pieces of UI."
}
},
"name": "space.075",
"path": ["space", "075"],
"cleanName": "space.075"
}, {
"value": "8px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["7px", "9px"],
"introduced": "0.12.0",
"description": "Use for small and compact pieces of UI."
},
"original": {
"value": "Space100",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["7px", "9px"],
"introduced": "0.12.0",
"description": "Use for small and compact pieces of UI."
}
},
"name": "space.100",
"path": ["space", "100"],
"cleanName": "space.100"
}, {
"value": "12px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["10px", "11px", "13px", "14px"],
"introduced": "0.12.0",
"description": "Use for larger and less dense pieces of UI."
},
"original": {
"value": "Space150",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["10px", "11px", "13px", "14px"],
"introduced": "0.12.0",
"description": "Use for larger and less dense pieces of UI."
}
},
"name": "space.150",
"path": ["space", "150"],
"cleanName": "space.150"
}, {
"value": "16px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["14px", "15px", "17px", "18px"],
"introduced": "0.12.0",
"description": "Use for larger and less dense pieces of UI."
},
"original": {
"value": "Space200",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["14px", "15px", "17px", "18px"],
"introduced": "0.12.0",
"description": "Use for larger and less dense pieces of UI."
}
},
"name": "space.200",
"path": ["space", "200"],
"cleanName": "space.200"
}, {
"value": "20px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["19px", "21px", "22px", "23px"],
"introduced": "0.12.0",
"description": "Use for larger and less dense pieces of UI."
},
"original": {
"value": "Space250",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["19px", "21px", "22px", "23px"],
"introduced": "0.12.0",
"description": "Use for larger and less dense pieces of UI."
}
},
"name": "space.250",
"path": ["space", "250"],
"cleanName": "space.250"
}, {
"value": "24px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["23px", "25px", "26px", "27px", "28px"],
"introduced": "0.12.0",
"description": "Use for larger and less dense pieces of UI."
},
"original": {
"value": "Space300",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["23px", "25px", "26px", "27px", "28px"],
"introduced": "0.12.0",
"description": "Use for larger and less dense pieces of UI."
}
},
"name": "space.300",
"path": ["space", "300"],
"cleanName": "space.300"
}, {
"value": "32px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["28px", "29px", "30px", "31px", "33px", "34px", "35px"],
"introduced": "0.12.0",
"description": "Use for the largest pieces of UI and for layout elements."
},
"original": {
"value": "Space400",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["28px", "29px", "30px", "31px", "33px", "34px", "35px"],
"introduced": "0.12.0",
"description": "Use for the largest pieces of UI and for layout elements."
}
},
"name": "space.400",
"path": ["space", "400"],
"cleanName": "space.400"
}, {
"value": "40px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"introduced": "0.12.0",
"description": "Use for the largest pieces of UI and for layout elements."
},
"original": {
"value": "Space500",
"attributes": {
"group": "spacing",
"state": "active",
"introduced": "0.12.0",
"description": "Use for the largest pieces of UI and for layout elements."
}
},
"name": "space.500",
"path": ["space", "500"],
"cleanName": "space.500"
}, {
"value": "48px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"introduced": "0.12.0",
"description": "Use for the largest pieces of UI and for layout elements."
},
"original": {
"value": "Space600",
"attributes": {
"group": "spacing",
"state": "active",
"introduced": "0.12.0",
"description": "Use for the largest pieces of UI and for layout elements."
}
},
"name": "space.600",
"path": ["space", "600"],
"cleanName": "space.600"
}, {
"value": "64px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"introduced": "0.12.0",
"description": "Use for the largest pieces of UI and for layout elements."
},
"original": {
"value": "Space800",
"attributes": {
"group": "spacing",
"state": "active",
"introduced": "0.12.0",
"description": "Use for the largest pieces of UI and for layout elements."
}
},
"name": "space.800",
"path": ["space", "800"],
"cleanName": "space.800"
}, {
"value": "80px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"introduced": "0.12.0",
"description": "Use for the largest pieces of UI and for layout elements."
},
"original": {
"value": "Space1000",
"attributes": {
"group": "spacing",
"state": "active",
"introduced": "0.12.0",
"description": "Use for the largest pieces of UI and for layout elements."
}
},
"name": "space.1000",
"path": ["space", "1000"],
"cleanName": "space.1000"
}, {
"value": "calc(var(--ds-dynamic-space-gap-large-unrounded) * (1 - var(--ds-dynamic-space-gap-round, 1)) + round(nearest, var(--ds-dynamic-space-gap-large-unrounded), 1px) * var(--ds-dynamic-space-gap-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.150",
"introduced": "20.5.0",
"description": "Use for large gaps between elements in horizontal or vertical layouts. Do not use for component insets or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-gap-large-unrounded) * (1 - var(--ds-dynamic-space-gap-round, 1)) + round(nearest, var(--ds-dynamic-space-gap-large-unrounded), 1px) * var(--ds-dynamic-space-gap-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.150",
"introduced": "20.5.0",
"description": "Use for large gaps between elements in horizontal or vertical layouts. Do not use for component insets or dimensions."
}
},
"name": "space.gap.large",
"path": ["space", "gap", "large"],
"cleanName": "space.gap.large"
}, {
"value": "calc(var(--ds-dynamic-space-gap-medium-unrounded) * (1 - var(--ds-dynamic-space-gap-round, 1)) + round(nearest, var(--ds-dynamic-space-gap-medium-unrounded), 1px) * var(--ds-dynamic-space-gap-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.100",
"introduced": "20.5.0",
"description": "Use for medium gaps between related elements in horizontal or vertical layouts. Do not use for component insets or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-gap-medium-unrounded) * (1 - var(--ds-dynamic-space-gap-round, 1)) + round(nearest, var(--ds-dynamic-space-gap-medium-unrounded), 1px) * var(--ds-dynamic-space-gap-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.100",
"introduced": "20.5.0",
"description": "Use for medium gaps between related elements in horizontal or vertical layouts. Do not use for component insets or dimensions."
}
},
"name": "space.gap.medium",
"path": ["space", "gap", "medium"],
"cleanName": "space.gap.medium"
}, {
"value": "calc(var(--ds-dynamic-space-gap-small-unrounded) * (1 - var(--ds-dynamic-space-gap-round, 1)) + round(nearest, var(--ds-dynamic-space-gap-small-unrounded), 1px) * var(--ds-dynamic-space-gap-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.075",
"introduced": "20.5.0",
"description": "Use for small gaps between related elements, such as icons and text. Do not use for component insets or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-gap-small-unrounded) * (1 - var(--ds-dynamic-space-gap-round, 1)) + round(nearest, var(--ds-dynamic-space-gap-small-unrounded), 1px) * var(--ds-dynamic-space-gap-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.075",
"introduced": "20.5.0",
"description": "Use for small gaps between related elements, such as icons and text. Do not use for component insets or dimensions."
}
},
"name": "space.gap.small",
"path": ["space", "gap", "small"],
"cleanName": "space.gap.small"
}, {
"value": "calc(var(--ds-dynamic-space-gap-xlarge-unrounded) * (1 - var(--ds-dynamic-space-gap-round, 1)) + round(nearest, var(--ds-dynamic-space-gap-xlarge-unrounded), 1px) * var(--ds-dynamic-space-gap-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.200",
"introduced": "20.5.0",
"description": "Use for extra-large gaps between elements or groups of related content. Do not use for component insets or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-gap-xlarge-unrounded) * (1 - var(--ds-dynamic-space-gap-round, 1)) + round(nearest, var(--ds-dynamic-space-gap-xlarge-unrounded), 1px) * var(--ds-dynamic-space-gap-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.200",
"introduced": "20.5.0",
"description": "Use for extra-large gaps between elements or groups of related content. Do not use for component insets or dimensions."
}
},
"name": "space.gap.xlarge",
"path": ["space", "gap", "xlarge"],
"cleanName": "space.gap.xlarge"
}, {
"value": "calc(var(--ds-dynamic-space-gap-xsmall-unrounded) * (1 - var(--ds-dynamic-space-gap-round, 1)) + round(nearest, var(--ds-dynamic-space-gap-xsmall-unrounded), 1px) * var(--ds-dynamic-space-gap-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.050",
"introduced": "20.5.0",
"description": "Use for extra-small gaps between closely related elements. Do not use for component insets or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-gap-xsmall-unrounded) * (1 - var(--ds-dynamic-space-gap-round, 1)) + round(nearest, var(--ds-dynamic-space-gap-xsmall-unrounded), 1px) * var(--ds-dynamic-space-gap-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.050",
"introduced": "20.5.0",
"description": "Use for extra-small gaps between closely related elements. Do not use for component insets or dimensions."
}
},
"name": "space.gap.xsmall",
"path": ["space", "gap", "xsmall"],
"cleanName": "space.gap.xsmall"
}, {
"value": "calc(var(--ds-dynamic-space-gap-xxlarge-unrounded) * (1 - var(--ds-dynamic-space-gap-round, 1)) + round(nearest, var(--ds-dynamic-space-gap-xxlarge-unrounded), 1px) * var(--ds-dynamic-space-gap-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.300",
"introduced": "20.5.0",
"description": "Use for the largest gaps between groups of related content. Do not use for component insets or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-gap-xxlarge-unrounded) * (1 - var(--ds-dynamic-space-gap-round, 1)) + round(nearest, var(--ds-dynamic-space-gap-xxlarge-unrounded), 1px) * var(--ds-dynamic-space-gap-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.300",
"introduced": "20.5.0",
"description": "Use for the largest gaps between groups of related content. Do not use for component insets or dimensions."
}
},
"name": "space.gap.xxlarge",
"path": ["space", "gap", "xxlarge"],
"cleanName": "space.gap.xxlarge"
}, {
"value": "calc(var(--ds-dynamic-space-gap-xxsmall-unrounded) * (1 - var(--ds-dynamic-space-gap-round, 1)) + round(nearest, var(--ds-dynamic-space-gap-xxsmall-unrounded), 1px) * var(--ds-dynamic-space-gap-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.025",
"introduced": "20.5.0",
"description": "Use for the smallest gaps between closely related elements. Do not use for component insets or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-gap-xxsmall-unrounded) * (1 - var(--ds-dynamic-space-gap-round, 1)) + round(nearest, var(--ds-dynamic-space-gap-xxsmall-unrounded), 1px) * var(--ds-dynamic-space-gap-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.025",
"introduced": "20.5.0",
"description": "Use for the smallest gaps between closely related elements. Do not use for component insets or dimensions."
}
},
"name": "space.gap.xxsmall",
"path": ["space", "gap", "xxsmall"],
"cleanName": "space.gap.xxsmall"
}, {
"value": "calc(var(--ds-dynamic-space-inset-3xlarge-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-3xlarge-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.600",
"introduced": "20.7.0",
"description": "Use for the largest padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-inset-3xlarge-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-3xlarge-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.600",
"introduced": "20.7.0",
"description": "Use for the largest padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
}
},
"name": "space.inset.3xlarge",
"path": ["space", "inset", "3xlarge"],
"cleanName": "space.inset.3xlarge"
}, {
"value": "calc(var(--ds-dynamic-space-inset-large-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-large-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.250",
"introduced": "20.7.0",
"description": "Use for large padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-inset-large-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-large-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.250",
"introduced": "20.7.0",
"description": "Use for large padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
}
},
"name": "space.inset.large",
"path": ["space", "inset", "large"],
"cleanName": "space.inset.large"
}, {
"value": "calc(var(--ds-dynamic-space-inset-medium-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-medium-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.200",
"introduced": "20.7.0",
"description": "Use for medium padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-inset-medium-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-medium-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.200",
"introduced": "20.7.0",
"description": "Use for medium padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
}
},
"name": "space.inset.medium",
"path": ["space", "inset", "medium"],
"cleanName": "space.inset.medium"
}, {
"value": "calc(var(--ds-dynamic-space-inset-small-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-small-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.150",
"introduced": "20.7.0",
"description": "Use for small padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-inset-small-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-small-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.150",
"introduced": "20.7.0",
"description": "Use for small padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
}
},
"name": "space.inset.small",
"path": ["space", "inset", "small"],
"cleanName": "space.inset.small"
}, {
"value": "calc(var(--ds-dynamic-space-inset-xlarge-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-xlarge-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.300",
"introduced": "20.7.0",
"description": "Use for extra-large padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-inset-xlarge-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-xlarge-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.300",
"introduced": "20.7.0",
"description": "Use for extra-large padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
}
},
"name": "space.inset.xlarge",
"path": ["space", "inset", "xlarge"],
"cleanName": "space.inset.xlarge"
}, {
"value": "calc(var(--ds-dynamic-space-inset-xsmall-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-xsmall-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.100",
"introduced": "20.7.0",
"description": "Use for extra-small padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-inset-xsmall-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-xsmall-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.100",
"introduced": "20.7.0",
"description": "Use for extra-small padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
}
},
"name": "space.inset.xsmall",
"path": ["space", "inset", "xsmall"],
"cleanName": "space.inset.xsmall"
}, {
"value": "calc(var(--ds-dynamic-space-inset-xxlarge-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-xxlarge-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.400",
"introduced": "20.7.0",
"description": "Use for extra-extra-large padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-inset-xxlarge-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-xxlarge-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.400",
"introduced": "20.7.0",
"description": "Use for extra-extra-large padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
}
},
"name": "space.inset.xxlarge",
"path": ["space", "inset", "xxlarge"],
"cleanName": "space.inset.xxlarge"
}, {
"value": "calc(var(--ds-dynamic-space-inset-xxsmall-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-xxsmall-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.050",
"introduced": "20.7.0",
"description": "Use for the smallest padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
},
"original": {
"value": "calc(var(--ds-dynamic-space-inset-xxsmall-unrounded) * (1 - var(--ds-dynamic-space-inset-round, 1)) + round(nearest, var(--ds-dynamic-space-inset-xxsmall-unrounded), 1px) * var(--ds-dynamic-space-inset-round, 1))",
"attributes": {
"group": "spacing",
"state": "experimental",
"replacement": "space.050",
"introduced": "20.7.0",
"description": "Use for the smallest padding between a surface and its content, on individual sides or all sides. Do not use for gaps, margins, or dimensions."
}
},
"name": "space.inset.xxsmall",
"path": ["space", "inset", "xxsmall"],
"cleanName": "space.inset.xxsmall"
}, {
"value": "-2px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-1px", "-3px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap small pieces of UI."
},
"original": {
"value": "SpaceNegative025",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-1px", "-3px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap small pieces of UI."
}
},
"name": "space.negative.025",
"path": ["space", "negative", "025"],
"cleanName": "space.negative.025"
}, {
"value": "-4px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-3px", "-5px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap small pieces of UI."
},
"original": {
"value": "SpaceNegative050",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-3px", "-5px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap small pieces of UI."
}
},
"name": "space.negative.050",
"path": ["space", "negative", "050"],
"cleanName": "space.negative.050"
}, {
"value": "-6px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-5px", "-7px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap small pieces of UI."
},
"original": {
"value": "SpaceNegative075",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-5px", "-7px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap small pieces of UI."
}
},
"name": "space.negative.075",
"path": ["space", "negative", "075"],
"cleanName": "space.negative.075"
}, {
"value": "-8px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-7px", "-9px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap small pieces of UI."
},
"original": {
"value": "SpaceNegative100",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-7px", "-9px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap small pieces of UI."
}
},
"name": "space.negative.100",
"path": ["space", "negative", "100"],
"cleanName": "space.negative.100"
}, {
"value": "-12px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-10px", "-11px", "-13px", "-14px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap larger pieces of UI."
},
"original": {
"value": "SpaceNegative150",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-10px", "-11px", "-13px", "-14px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap larger pieces of UI."
}
},
"name": "space.negative.150",
"path": ["space", "negative", "150"],
"cleanName": "space.negative.150"
}, {
"value": "-16px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-14px", "-15px", "-17px", "-18px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap larger pieces of UI."
},
"original": {
"value": "SpaceNegative200",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-14px", "-15px", "-17px", "-18px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap larger pieces of UI."
}
},
"name": "space.negative.200",
"path": ["space", "negative", "200"],
"cleanName": "space.negative.200"
}, {
"value": "-20px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-19px", "-21px", "-22px", "-23px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap larger pieces of UI."
},
"original": {
"value": "SpaceNegative250",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-19px", "-21px", "-22px", "-23px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap larger pieces of UI."
}
},
"name": "space.negative.250",
"path": ["space", "negative", "250"],
"cleanName": "space.negative.250"
}, {
"value": "-24px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-23px", "-25px", "-26px", "-27px", "-28px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap larger pieces of UI."
},
"original": {
"value": "SpaceNegative300",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-23px", "-25px", "-26px", "-27px", "-28px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap larger pieces of UI."
}
},
"name": "space.negative.300",
"path": ["space", "negative", "300"],
"cleanName": "space.negative.300"
}, {
"value": "-32px",
"filePath": "schema/themes/UNSAFE-spacing/spacing.tsx",
"isSource": true,
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-28px", "-29px", "-30px", "-31px", "-33px", "-34px", "-35px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap the largest pieces of UI."
},
"original": {
"value": "SpaceNegative400",
"attributes": {
"group": "spacing",
"state": "active",
"suggest": ["-28px", "-29px", "-30px", "-31px", "-33px", "-34px", "-35px"],
"introduced": "1.21.0",
"description": "Use to negate parent whitespace or overlap the largest pieces of UI."
}
},
"name": "space.negative.400",
"path": ["space", "negative", "400"],
"cleanName": "space.negative.400"
}];
var _default = exports.default = tokens;