/
githubmirror
/
gutenberg
Обзор
Документация
Войти
/
githubmirror
/
gutenberg
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
trunk
packages/theme/tokens/dimension.json
253 строки
6 KB
Marco Ciampini
Theme: Drop `--wpds-dimension-base` from the public token surface (#79254)
23 июн 2026, 14:54
Не верифицирован
23 июн 2026, 14:54
a80a373
Код
Авторство
О чём код?
{ "wpds-dimension": { "$type": "dimension", "primitive": { "space": { "0": { "$value": { "value": 0, "unit": "px" }, "$description": "Empty space" }, "10": { "$value": { "value": 4, "unit": "px" }, "$description": "1x base spacing" }, "20": { "$value": { "value": 8, "unit": "px" }, "$description": "2x base spacing" }, "30": { "$value": { "value": 12, "unit": "px" }, "$description": "3x base spacing" }, "40": { "$value": { "value": 16, "unit": "px" }, "$description": "4x base spacing" }, "50": { "$value": { "value": 20, "unit": "px" }, "$description": "5x base spacing" }, "60": { "$value": { "value": 24, "unit": "px" }, "$description": "6x base spacing" }, "70": { "$value": { "value": 32, "unit": "px" }, "$description": "8x base spacing" }, "80": { "$value": { "value": 40, "unit": "px" }, "$description": "10x base spacing" }, "90": { "$value": { "value": 48, "unit": "px" }, "$description": "12x base spacing" } } }, "padding": { "xs": { "$value": "{wpds-dimension.primitive.space.10}", "$description": "Extra small padding", "$extensions": { "com.figma.scopes": [ "GAP" ] } }, "sm": { "$value": "{wpds-dimension.primitive.space.20}", "$description": "Small padding", "$extensions": { "com.figma.scopes": [ "GAP" ] } }, "md": { "$value": "{wpds-dimension.primitive.space.30}", "$description": "Medium padding", "$extensions": { "com.figma.scopes": [ "GAP" ] } }, "lg": { "$value": "{wpds-dimension.primitive.space.40}", "$description": "Large padding", "$extensions": { "com.figma.scopes": [ "GAP" ] } }, "xl": { "$value": "{wpds-dimension.primitive.space.50}", "$description": "Extra large padding", "$extensions": { "com.figma.scopes": [ "GAP" ] } }, "2xl": { "$value": "{wpds-dimension.primitive.space.60}", "$description": "2x extra large padding", "$extensions": { "com.figma.scopes": [ "GAP" ] } }, "3xl": { "$value": "{wpds-dimension.primitive.space.70}", "$description": "3x extra large padding", "$extensions": { "com.figma.scopes": [ "GAP" ] } } }, "gap": { "xs": { "$value": "{wpds-dimension.primitive.space.10}", "$description": "Extra small gap", "$extensions": { "com.figma.scopes": [ "GAP" ] } }, "sm": { "$value": "{wpds-dimension.primitive.space.20}", "$description": "Small gap", "$extensions": { "com.figma.scopes": [ "GAP" ] } }, "md": { "$value": "{wpds-dimension.primitive.space.30}", "$description": "Medium gap", "$extensions": { "com.figma.scopes": [ "GAP" ] } }, "lg": { "$value": "{wpds-dimension.primitive.space.40}", "$description": "Large gap", "$extensions": { "com.figma.scopes": [ "GAP" ] } }, "xl": { "$value": "{wpds-dimension.primitive.space.60}", "$description": "Extra large gap", "$extensions": { "com.figma.scopes": [ "GAP" ] } }, "2xl": { "$value": "{wpds-dimension.primitive.space.70}", "$description": "2x extra large gap", "$extensions": { "com.figma.scopes": [ "GAP" ] } }, "3xl": { "$value": "{wpds-dimension.primitive.space.80}", "$description": "3x extra large gap", "$extensions": { "com.figma.scopes": [ "GAP" ] } } }, "size": { "5xs": { "$value": "{wpds-dimension.primitive.space.10}", "$description": "Notification indicators", "$extensions": { "com.figma.scopes": [ "WIDTH_HEIGHT" ] } }, "4xs": { "$value": "{wpds-dimension.primitive.space.20}", "$description": "Visual size for small interactive elements like resize handles", "$extensions": { "com.figma.scopes": [ "WIDTH_HEIGHT" ] } }, "3xs": { "$value": "{wpds-dimension.primitive.space.30}", "$description": "Small markers", "$extensions": { "com.figma.scopes": [ "WIDTH_HEIGHT" ] } }, "2xs": { "$value": "{wpds-dimension.primitive.space.40}", "$description": "For small controls like checkboxes and radios, or small decorative icons", "$extensions": { "com.figma.scopes": [ "WIDTH_HEIGHT" ] } }, "xs": { "$value": "{wpds-dimension.primitive.space.50}", "$description": "For medium sized icons", "$extensions": { "com.figma.scopes": [ "WIDTH_HEIGHT" ] } }, "sm": { "$value": "{wpds-dimension.primitive.space.60}", "$description": "For icons and small buttons", "$extensions": { "com.figma.scopes": [ "WIDTH_HEIGHT" ] } }, "md": { "$value": "{wpds-dimension.primitive.space.70}", "$description": "For medium-sized buttons and inputs", "$extensions": { "com.figma.scopes": [ "WIDTH_HEIGHT" ] } }, "lg": { "$value": "{wpds-dimension.primitive.space.80}", "$description": "Default size for buttons and inputs", "$extensions": { "com.figma.scopes": [ "WIDTH_HEIGHT" ] } } }, "surface-width": { "xs": { "$value": { "value": 240, "unit": "px" }, "$description": "Extra small surface width", "$extensions": { "com.figma.scopes": [ "WIDTH_HEIGHT" ] } }, "sm": { "$value": { "value": 320, "unit": "px" }, "$description": "Small surface width", "$extensions": { "com.figma.scopes": [ "WIDTH_HEIGHT" ] } }, "md": { "$value": { "value": 400, "unit": "px" }, "$description": "Medium surface width", "$extensions": { "com.figma.scopes": [ "WIDTH_HEIGHT" ] } }, "lg": { "$value": { "value": 560, "unit": "px" }, "$description": "Large surface width", "$extensions": { "com.figma.scopes": [ "WIDTH_HEIGHT" ] } }, "xl": { "$value": { "value": 720, "unit": "px" }, "$description": "Extra large surface width", "$extensions": { "com.figma.scopes": [ "WIDTH_HEIGHT" ] } }, "2xl": { "$value": { "value": 960, "unit": "px" }, "$description": "2x extra large surface width", "$extensions": { "com.figma.scopes": [ "WIDTH_HEIGHT" ] } } } } }