@devexpress/design-tokens-internal 262.41.0 → 262.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/package.json +1 -1
  2. package/tokens/components/vnext/size/fluent_large.json +1525 -1460
  3. package/tokens/components/vnext/size/fluent_medium.json +1526 -1461
  4. package/tokens/components/vnext/size/fluent_small.json +1523 -1458
  5. package/tokens/components/vnext/size/material_medium.json +1520 -1455
  6. package/tokens/components/vnext/theme/fluent.json +152 -59
  7. package/tokens/components/vnext/theme/material.json +152 -59
  8. package/tokens.flat.json +248 -208
package/tokens/components/vnext/size/fluent_large.json CHANGED
@@ -1704,190 +1704,141 @@
1704
1704
  }
1705
1705
  }
1706
1706
  },
1707
- "separator": {
1708
- "borders": {
1709
- "border-width": {
1710
- "$extensions": {
1711
- "com.figma.scopes": [
1712
- "STROKE_FLOAT"
1713
- ]
1707
+ "grid": {
1708
+ "sort-indicator": {
1709
+ "typography": {
1710
+ "font-family": {
1711
+ "$extensions": {
1712
+ "com.figma.scopes": [
1713
+ "FONT_FAMILY"
1714
+ ]
1715
+ },
1716
+ "$type": "text",
1717
+ "$value": "{font-family.sans-serif}"
1714
1718
  },
1715
- "$type": "number",
1716
- "$value": "{border-width.10}"
1717
- }
1718
- }
1719
- },
1720
- "skeleton": {
1721
- "borders": {
1722
- "border-radius": {
1723
- "square": {
1719
+ "font-size": {
1724
1720
  "$extensions": {
1725
1721
  "com.figma.scopes": [
1726
- "CORNER_RADIUS"
1722
+ "FONT_SIZE"
1727
1723
  ]
1728
1724
  },
1729
1725
  "$type": "number",
1730
- "$value": "{border-radius.40}"
1726
+ "$value": "{font-size.base-md}"
1731
1727
  },
1732
- "circle": {
1728
+ "line-height": {
1733
1729
  "$extensions": {
1734
1730
  "com.figma.scopes": [
1735
- "CORNER_RADIUS"
1731
+ "LINE_HEIGHT"
1736
1732
  ]
1737
1733
  },
1738
1734
  "$type": "number",
1739
- "$value": "{border-radius.full}"
1740
- }
1741
- }
1742
- },
1743
- "layout": {
1744
- "checkbox-box": {
1745
- "$extensions": {
1746
- "com.figma.scopes": [
1747
- "WIDTH_HEIGHT"
1748
- ]
1735
+ "$value": "{line-height.base-md}"
1749
1736
  },
1750
- "$type": "number",
1751
- "$value": "{spacing.200}"
1752
- }
1753
- }
1754
- },
1755
- "focus-rect": {
1756
- "layout": {
1757
- "offset": {
1758
- "$extensions": {
1759
- "com.figma.scopes": [
1760
- "GAP"
1761
- ]
1737
+ "letter-spacing": {
1738
+ "$extensions": {
1739
+ "com.figma.scopes": [
1740
+ "LETTER_SPACING"
1741
+ ]
1742
+ },
1743
+ "$type": "number",
1744
+ "$value": "{letter-spacing.base-md}"
1762
1745
  },
1763
- "$type": "number",
1764
- "$value": "{spacing.10}"
1746
+ "font-weight": {
1747
+ "$extensions": {
1748
+ "com.figma.scopes": [
1749
+ "FONT_WEIGHT"
1750
+ ]
1751
+ },
1752
+ "$type": "fontWeights",
1753
+ "$value": "{font-weight.base-strong}"
1754
+ }
1765
1755
  },
1766
- "outer-box": {
1767
- "$extensions": {
1768
- "com.figma.scopes": [
1769
- "GAP"
1770
- ]
1771
- },
1772
- "$type": "number",
1773
- "$value": "{spacing.minus-10}"
1756
+ "layout": {
1757
+ "gap": {
1758
+ "$extensions": {
1759
+ "com.figma.scopes": [
1760
+ "GAP"
1761
+ ]
1762
+ },
1763
+ "$type": "number",
1764
+ "$value": "{spacing.30}"
1765
+ }
1774
1766
  }
1775
1767
  },
1776
- "borders": {
1777
- "border-radius": {
1778
- "$extensions": {
1779
- "com.figma.scopes": [
1780
- "CORNER_RADIUS"
1781
- ]
1782
- },
1783
- "$type": "number",
1784
- "$value": "{border-radius.50}"
1785
- },
1786
- "border-width": {
1787
- "$extensions": {
1788
- "com.figma.scopes": [
1789
- "STROKE_FLOAT"
1790
- ]
1791
- },
1792
- "$type": "number",
1793
- "$value": "{global.border-width.focus}"
1794
- }
1795
- }
1796
- },
1797
- "label": {
1798
- "layout": {
1799
- "position-vertical": {
1800
- "outer-box": {
1801
- "gap": {
1768
+ "cell-renderer": {
1769
+ "text": {
1770
+ "layout": {
1771
+ "min-height": {
1772
+ "$extensions": {
1773
+ "com.figma.scopes": [
1774
+ "WIDTH_HEIGHT"
1775
+ ]
1776
+ },
1777
+ "$type": "number",
1778
+ "$value": "{spacing.380}"
1779
+ },
1780
+ "horizontal": {
1802
1781
  "$extensions": {
1803
1782
  "com.figma.scopes": [
1804
1783
  "GAP"
1805
1784
  ]
1806
1785
  },
1807
1786
  "$type": "number",
1808
- "$value": "{spacing.40}"
1809
- }
1810
- },
1811
- "text-box": {
1812
- "vertical": {
1787
+ "$value": "{spacing.120}"
1788
+ },
1789
+ "gap": {
1813
1790
  "$extensions": {
1814
1791
  "com.figma.scopes": [
1815
1792
  "GAP"
1816
1793
  ]
1817
1794
  },
1818
1795
  "$type": "number",
1819
- "$value": "{spacing.0}"
1796
+ "$value": "{spacing.90}"
1797
+ },
1798
+ "text-content": {
1799
+ "vertical": {
1800
+ "$extensions": {
1801
+ "com.figma.scopes": [
1802
+ "GAP"
1803
+ ]
1804
+ },
1805
+ "$type": "number",
1806
+ "$value": "{spacing.60}"
1807
+ }
1808
+ },
1809
+ "content": {
1810
+ "gap": {
1811
+ "$extensions": {
1812
+ "com.figma.scopes": [
1813
+ "GAP"
1814
+ ]
1815
+ },
1816
+ "$type": "number",
1817
+ "$value": "{spacing.60}"
1818
+ }
1820
1819
  }
1821
1820
  }
1822
1821
  },
1823
- "position-horizontal": {
1824
- "text-box": {
1825
- "vertical": {
1822
+ "header-content": {
1823
+ "layout": {
1824
+ "min-height": {
1826
1825
  "$extensions": {
1827
1826
  "com.figma.scopes": [
1828
- "GAP"
1827
+ "WIDTH_HEIGHT"
1829
1828
  ]
1830
1829
  },
1831
1830
  "$type": "number",
1832
- "$value": "{spacing.90}"
1833
- }
1834
- },
1835
- "outer-box": {
1836
- "gap": {
1831
+ "$value": "{spacing.340}"
1832
+ },
1833
+ "horizontal": {
1837
1834
  "$extensions": {
1838
1835
  "com.figma.scopes": [
1839
1836
  "GAP"
1840
1837
  ]
1841
1838
  },
1842
1839
  "$type": "number",
1843
- "$value": "{spacing.200}"
1844
- }
1845
- }
1846
- }
1847
- },
1848
- "typography": {
1849
- "font-weight": {
1850
- "$extensions": {
1851
- "com.figma.scopes": [
1852
- "FONT_WEIGHT"
1853
- ]
1854
- },
1855
- "$type": "fontWeights",
1856
- "$value": "{font-weight.base-strong}"
1857
- }
1858
- }
1859
- },
1860
- "popover-card": {
1861
- "footer": {
1862
- "layout": {
1863
- "horizontal": {
1864
- "$extensions": {
1865
- "com.figma.scopes": [
1866
- "GAP"
1867
- ]
1868
- },
1869
- "$type": "number",
1870
- "$value": "{spacing.200}"
1871
- },
1872
- "vertical-start": {
1873
- "$extensions": {
1874
- "com.figma.scopes": [
1875
- "GAP"
1876
- ]
1877
- },
1878
- "$type": "number",
1879
- "$value": "{spacing.160}"
1880
- },
1881
- "vertical-end": {
1882
- "$extensions": {
1883
- "com.figma.scopes": [
1884
- "GAP"
1885
- ]
1840
+ "$value": "{spacing.120}"
1886
1841
  },
1887
- "$type": "number",
1888
- "$value": "{spacing.200}"
1889
- },
1890
- "content-box": {
1891
1842
  "gap": {
1892
1843
  "$extensions": {
1893
1844
  "com.figma.scopes": [
@@ -1895,495 +1846,502 @@
1895
1846
  ]
1896
1847
  },
1897
1848
  "$type": "number",
1898
- "$value": "{spacing.160}"
1899
- }
1900
- }
1901
- }
1902
- },
1903
- "body": {
1904
- "layout": {
1905
- "horizontal": {
1906
- "$extensions": {
1907
- "com.figma.scopes": [
1908
- "GAP"
1909
- ]
1910
- },
1911
- "$type": "number",
1912
- "$value": "{spacing.200}"
1913
- },
1914
- "vertical": {
1915
- "$extensions": {
1916
- "com.figma.scopes": [
1917
- "GAP"
1918
- ]
1849
+ "$value": "{spacing.90}"
1919
1850
  },
1920
- "$type": "number",
1921
- "$value": "{spacing.40}"
1922
- }
1923
- }
1924
- },
1925
- "header": {
1926
- "layout": {
1927
- "gap": {
1928
- "$extensions": {
1929
- "com.figma.scopes": [
1930
- "GAP"
1931
- ]
1932
- },
1933
- "$type": "number",
1934
- "$value": "{spacing.160}"
1935
- },
1936
- "horizontal": {
1937
- "$extensions": {
1938
- "com.figma.scopes": [
1939
- "GAP"
1940
- ]
1941
- },
1942
- "$type": "number",
1943
- "$value": "{spacing.200}"
1944
- },
1945
- "vertical-start": {
1946
- "$extensions": {
1947
- "com.figma.scopes": [
1948
- "GAP"
1949
- ]
1851
+ "text-content": {
1852
+ "vertical": {
1853
+ "$extensions": {
1854
+ "com.figma.scopes": [
1855
+ "GAP"
1856
+ ]
1857
+ },
1858
+ "$type": "number",
1859
+ "$value": "{spacing.50}"
1860
+ }
1950
1861
  },
1951
- "$type": "number",
1952
- "$value": "{spacing.200}"
1862
+ "content": {
1863
+ "gap": {
1864
+ "$extensions": {
1865
+ "com.figma.scopes": [
1866
+ "GAP"
1867
+ ]
1868
+ },
1869
+ "$type": "number",
1870
+ "$value": "{spacing.60}"
1871
+ },
1872
+ "vertical": {
1873
+ "$extensions": {
1874
+ "com.figma.scopes": [
1875
+ "GAP"
1876
+ ]
1877
+ },
1878
+ "$type": "number",
1879
+ "$value": "{spacing.50}"
1880
+ }
1881
+ }
1953
1882
  },
1954
- "vertical-end": {
1955
- "$extensions": {
1956
- "com.figma.scopes": [
1957
- "GAP"
1958
- ]
1959
- },
1883
+ "typography": {
1960
1884
  "$type": "number",
1961
- "$value": "{spacing.160}"
1885
+ "$value": "{font-weight.base-strong}"
1962
1886
  }
1963
1887
  },
1964
- "typography": {
1965
- "letter-spacing": {
1966
- "$extensions": {
1967
- "com.figma.scopes": [
1968
- "LETTER_SPACING"
1969
- ]
1970
- },
1971
- "$type": "number",
1972
- "$value": "{letter-spacing.title-lg}"
1973
- },
1974
- "font-size": {
1975
- "$extensions": {
1976
- "com.figma.scopes": [
1977
- "FONT_SIZE"
1978
- ]
1888
+ "skeleton": {
1889
+ "layout": {
1890
+ "horizontal": {
1891
+ "$extensions": {
1892
+ "com.figma.scopes": [
1893
+ "GAP"
1894
+ ]
1895
+ },
1896
+ "$type": "number",
1897
+ "$value": "{spacing.120}"
1979
1898
  },
1980
- "$type": "number",
1981
- "$value": "{font-size.title-lg}"
1982
- },
1983
- "line-height": {
1984
- "$extensions": {
1985
- "com.figma.scopes": [
1986
- "LINE_HEIGHT"
1987
- ]
1899
+ "min-height": {
1900
+ "$extensions": {
1901
+ "com.figma.scopes": [
1902
+ "WIDTH_HEIGHT"
1903
+ ]
1904
+ },
1905
+ "$type": "number",
1906
+ "$value": "{spacing.380}"
1988
1907
  },
1989
- "$type": "number",
1990
- "$value": "{line-height.title-lg}"
1991
- },
1992
- "font-weight": {
1993
- "$extensions": {
1994
- "com.figma.scopes": [
1995
- "FONT_WEIGHT"
1996
- ]
1908
+ "height": {
1909
+ "$extensions": {
1910
+ "com.figma.scopes": [
1911
+ "WIDTH_HEIGHT"
1912
+ ]
1913
+ },
1914
+ "$type": "number",
1915
+ "$value": "{spacing.240}"
1997
1916
  },
1998
- "$type": "fontWeights",
1999
- "$value": "{font-weight.title-default}"
1917
+ "checkbox-item": {
1918
+ "$extensions": {
1919
+ "com.figma.scopes": [
1920
+ "WIDTH_HEIGHT"
1921
+ ]
1922
+ },
1923
+ "$type": "number",
1924
+ "$value": "{spacing.200}"
1925
+ }
2000
1926
  }
2001
1927
  }
2002
- }
2003
- },
2004
- "radio-button": {
2005
- "borders": {
2006
- "border-radius": {
2007
- "$extensions": {
2008
- "com.figma.scopes": [
2009
- "CORNER_RADIUS"
2010
- ]
2011
- },
2012
- "$type": "number",
2013
- "$value": "{border-radius.full}"
2014
- },
2015
- "border-width": {
2016
- "$extensions": {
2017
- "com.figma.scopes": [
2018
- "STROKE_FLOAT"
2019
- ]
2020
- },
2021
- "$type": "number",
2022
- "$value": "{border-width.10}"
2023
- }
2024
1928
  },
2025
- "layout": {
2026
- "outer-box": {
2027
- "gap": {
2028
- "$extensions": {
2029
- "com.figma.scopes": [
2030
- "GAP"
2031
- ]
2032
- },
2033
- "$type": "number",
2034
- "$value": "{spacing.120}"
2035
- },
2036
- "horizontal": {
2037
- "$extensions": {
2038
- "com.figma.scopes": [
2039
- "GAP"
2040
- ]
2041
- },
2042
- "$type": "number",
2043
- "$value": "{spacing.100}"
1929
+ "cell": {
1930
+ "borders": {
1931
+ "border-radius": {
1932
+ "dragged": {
1933
+ "$extensions": {
1934
+ "com.figma.scopes": [
1935
+ "CORNER_RADIUS"
1936
+ ]
1937
+ },
1938
+ "$type": "number",
1939
+ "$value": "{border-radius.20}"
1940
+ }
2044
1941
  },
2045
- "vertical": {
2046
- "$extensions": {
2047
- "com.figma.scopes": [
2048
- "GAP"
2049
- ]
2050
- },
2051
- "$type": "number",
2052
- "$value": "{spacing.100}"
1942
+ "border-width": {
1943
+ "separator": {
1944
+ "$extensions": {
1945
+ "com.figma.scopes": [
1946
+ "WIDTH_HEIGHT",
1947
+ "STROKE_FLOAT"
1948
+ ]
1949
+ },
1950
+ "$type": "number",
1951
+ "$value": "{border-width.10}"
1952
+ }
2053
1953
  }
2054
1954
  },
2055
- "inner-box": {
2056
- "horizontal": {
2057
- "$extensions": {
2058
- "com.figma.scopes": [
2059
- "GAP"
2060
- ]
1955
+ "box-shadow": {
1956
+ "layer-1": {
1957
+ "x": {
1958
+ "$extensions": {
1959
+ "com.figma.scopes": [
1960
+ "EFFECT_FLOAT"
1961
+ ]
1962
+ },
1963
+ "$type": "number",
1964
+ "$value": "{box-shadow.layer-1-x-md}"
2061
1965
  },
2062
- "$type": "number",
2063
- "$value": "{spacing.10}"
2064
- },
2065
- "size": {
2066
- "$extensions": {
2067
- "com.figma.scopes": [
2068
- "WIDTH_HEIGHT"
2069
- ]
1966
+ "y": {
1967
+ "$extensions": {
1968
+ "com.figma.scopes": [
1969
+ "EFFECT_FLOAT"
1970
+ ]
1971
+ },
1972
+ "$type": "number",
1973
+ "$value": "{box-shadow.layer-1-y-md}"
2070
1974
  },
2071
- "$type": "number",
2072
- "$value": "{spacing.200}"
1975
+ "blur": {
1976
+ "$extensions": {
1977
+ "com.figma.scopes": [
1978
+ "EFFECT_FLOAT"
1979
+ ]
1980
+ },
1981
+ "$type": "number",
1982
+ "$value": "{box-shadow.layer-1-blur-md}"
1983
+ },
1984
+ "spread": {
1985
+ "$extensions": {
1986
+ "com.figma.scopes": [
1987
+ "EFFECT_FLOAT"
1988
+ ]
1989
+ },
1990
+ "$type": "number",
1991
+ "$value": "{box-shadow.layer-1-spread-md}"
1992
+ }
2073
1993
  },
2074
- "vertical": {
2075
- "$extensions": {
2076
- "com.figma.scopes": [
2077
- "GAP"
2078
- ]
1994
+ "layer-2": {
1995
+ "x": {
1996
+ "$extensions": {
1997
+ "com.figma.scopes": [
1998
+ "EFFECT_FLOAT"
1999
+ ]
2000
+ },
2001
+ "$type": "number",
2002
+ "$value": "{box-shadow.layer-2-x-md}"
2079
2003
  },
2080
- "$type": "number",
2081
- "$value": "{spacing.10}"
2082
- }
2083
- },
2084
- "text-box": {
2085
- "height": {
2086
- "$extensions": {
2087
- "com.figma.scopes": [
2088
- "WIDTH_HEIGHT"
2089
- ]
2004
+ "y": {
2005
+ "$extensions": {
2006
+ "com.figma.scopes": [
2007
+ "EFFECT_FLOAT"
2008
+ ]
2009
+ },
2010
+ "$type": "number",
2011
+ "$value": "{box-shadow.layer-2-y-md}"
2090
2012
  },
2091
- "$type": "number",
2092
- "$value": "{spacing.200}"
2013
+ "blur": {
2014
+ "$extensions": {
2015
+ "com.figma.scopes": [
2016
+ "EFFECT_FLOAT"
2017
+ ]
2018
+ },
2019
+ "$type": "number",
2020
+ "$value": "{box-shadow.layer-2-blur-md}"
2021
+ },
2022
+ "spread": {
2023
+ "$extensions": {
2024
+ "com.figma.scopes": [
2025
+ "EFFECT_FLOAT"
2026
+ ]
2027
+ },
2028
+ "$type": "number",
2029
+ "$value": "{box-shadow.layer-2-spread-md}"
2030
+ }
2093
2031
  }
2094
2032
  }
2095
2033
  },
2096
- "icon": {
2097
- "size": {
2098
- "$type": "number",
2099
- "$value": "{spacing.160}"
2100
- }
2101
- }
2102
- },
2103
- "container-card": {
2104
- "header": {
2105
- "layout": {
2106
- "outer-box": {
2107
- "horizontal": {
2034
+ "cell-editor": {
2035
+ "checkbox": {
2036
+ "layout": {
2037
+ "min-height": {
2108
2038
  "$extensions": {
2109
2039
  "com.figma.scopes": [
2110
- "GAP"
2040
+ "WIDTH_HEIGHT"
2111
2041
  ]
2112
2042
  },
2113
2043
  "$type": "number",
2114
- "$value": "{spacing.280}"
2044
+ "$value": "{spacing.380}"
2115
2045
  },
2116
- "vertical-start": {
2046
+ "horizontal": {
2117
2047
  "$extensions": {
2118
2048
  "com.figma.scopes": [
2119
2049
  "GAP"
2120
2050
  ]
2121
2051
  },
2122
2052
  "$type": "number",
2123
- "$value": "{spacing.280}"
2053
+ "$value": "{spacing.40}"
2124
2054
  },
2125
- "vertical-end": {
2055
+ "check-item": {
2056
+ "vertical": {
2057
+ "$extensions": {
2058
+ "com.figma.scopes": [
2059
+ "GAP"
2060
+ ]
2061
+ },
2062
+ "$type": "number",
2063
+ "$value": "{spacing.90}"
2064
+ }
2065
+ }
2066
+ }
2067
+ },
2068
+ "header-checkbox": {
2069
+ "layout": {
2070
+ "min-height": {
2126
2071
  "$extensions": {
2127
2072
  "com.figma.scopes": [
2128
- "GAP"
2073
+ "WIDTH_HEIGHT"
2129
2074
  ]
2130
2075
  },
2131
2076
  "$type": "number",
2132
- "$value": "{spacing.160}"
2077
+ "$value": "{spacing.340}"
2133
2078
  },
2134
- "gap": {
2079
+ "horizontal": {
2135
2080
  "$extensions": {
2136
2081
  "com.figma.scopes": [
2137
2082
  "GAP"
2138
2083
  ]
2139
2084
  },
2140
2085
  "$type": "number",
2141
- "$value": "{spacing.120}"
2086
+ "$value": "{spacing.40}"
2087
+ },
2088
+ "check-item": {
2089
+ "vertical": {
2090
+ "$extensions": {
2091
+ "com.figma.scopes": [
2092
+ "GAP"
2093
+ ]
2094
+ },
2095
+ "$type": "number",
2096
+ "$value": "{spacing.70}"
2097
+ }
2098
+ }
2099
+ }
2100
+ }
2101
+ },
2102
+ "focus-outline": {
2103
+ "layout": {
2104
+ "offset": {
2105
+ "$extensions": {
2106
+ "com.figma.scopes": [
2107
+ "GAP"
2108
+ ]
2109
+ },
2110
+ "$type": "number",
2111
+ "$value": "{spacing.minus-30}"
2112
+ }
2113
+ },
2114
+ "borders": {
2115
+ "border-width": {
2116
+ "$extensions": {
2117
+ "com.figma.scopes": [
2118
+ "WIDTH_HEIGHT",
2119
+ "STROKE_FLOAT"
2120
+ ]
2121
+ },
2122
+ "$type": "number",
2123
+ "$value": "{border-width.20}"
2124
+ }
2125
+ }
2126
+ },
2127
+ "column-filter-menu": {
2128
+ "listbox": {
2129
+ "root": {
2130
+ "layout": {
2131
+ "search-box": {
2132
+ "horizontal": {
2133
+ "$extensions": {
2134
+ "com.figma.scopes": [
2135
+ "GAP"
2136
+ ]
2137
+ },
2138
+ "$type": "number",
2139
+ "$value": "{spacing.140}"
2140
+ }
2141
+ }
2142
+ }
2143
+ },
2144
+ "popover-card": {
2145
+ "body": {
2146
+ "layout": {
2147
+ "outer-box": {
2148
+ "horizontal": {
2149
+ "$extensions": {
2150
+ "com.figma.scopes": [
2151
+ "GAP"
2152
+ ]
2153
+ },
2154
+ "$type": "number",
2155
+ "$value": "{spacing.60}"
2156
+ },
2157
+ "vertical": {
2158
+ "$extensions": {
2159
+ "com.figma.scopes": [
2160
+ "GAP"
2161
+ ]
2162
+ },
2163
+ "$type": "number",
2164
+ "$value": "{spacing.60}"
2165
+ }
2166
+ }
2167
+ }
2142
2168
  }
2143
- },
2144
- "content-box": {
2145
- "vertical": {
2169
+ }
2170
+ }
2171
+ },
2172
+ "panel": {
2173
+ "layout": {
2174
+ "outer-box": {
2175
+ "horizontal": {
2146
2176
  "$extensions": {
2147
2177
  "com.figma.scopes": [
2148
2178
  "GAP"
2149
2179
  ]
2150
2180
  },
2151
2181
  "$type": "number",
2152
- "$value": "{spacing.40}"
2182
+ "$value": "{spacing.190}"
2153
2183
  },
2154
- "gap": {
2184
+ "vertical": {
2155
2185
  "$extensions": {
2156
2186
  "com.figma.scopes": [
2157
2187
  "GAP"
2158
2188
  ]
2159
2189
  },
2160
2190
  "$type": "number",
2161
- "$value": "{spacing.160}"
2191
+ "$value": "{spacing.70}"
2162
2192
  }
2163
2193
  }
2164
2194
  },
2165
- "typography": {
2166
- "font-size": {
2195
+ "borders": {
2196
+ "border-radius": {
2167
2197
  "$extensions": {
2168
2198
  "com.figma.scopes": [
2169
- "FONT_SIZE"
2199
+ "CORNER_RADIUS"
2170
2200
  ]
2171
2201
  },
2172
2202
  "$type": "number",
2173
- "$value": "{font-size.title-lg}"
2203
+ "$value": "{border-radius.0}"
2174
2204
  },
2175
- "font-weight": {
2205
+ "border-width": {
2176
2206
  "$extensions": {
2177
2207
  "com.figma.scopes": [
2178
- "FONT_WEIGHT"
2208
+ "WIDTH_HEIGHT",
2209
+ "STROKE_FLOAT"
2179
2210
  ]
2180
2211
  },
2181
- "$type": "fontWeights",
2182
- "$value": "{font-weight.title-default}"
2183
- },
2184
- "line-height": {
2212
+ "$type": "number",
2213
+ "$value": "{border-width.10}"
2214
+ }
2215
+ }
2216
+ },
2217
+ "view": {
2218
+ "borders": {
2219
+ "border-radius": {
2185
2220
  "$extensions": {
2186
2221
  "com.figma.scopes": [
2187
- "LINE_HEIGHT"
2222
+ "CORNER_RADIUS"
2188
2223
  ]
2189
2224
  },
2190
2225
  "$type": "number",
2191
- "$value": "{line-height.title-lg}"
2226
+ "$value": "{border-radius.80}"
2192
2227
  },
2193
- "letter-spacing": {
2228
+ "border-width": {
2194
2229
  "$extensions": {
2195
2230
  "com.figma.scopes": [
2196
- "LETTER_SPACING"
2231
+ "STROKE_FLOAT"
2197
2232
  ]
2198
2233
  },
2199
2234
  "$type": "number",
2200
- "$value": "{letter-spacing.title-lg}"
2235
+ "$value": "{border-width.10}"
2201
2236
  }
2202
2237
  }
2203
2238
  },
2204
- "footer": {
2239
+ "resize-handle": {
2205
2240
  "layout": {
2206
- "outer-box": {
2207
- "horizontal": {
2208
- "$extensions": {
2209
- "com.figma.scopes": [
2210
- "GAP"
2211
- ]
2212
- },
2213
- "$type": "number",
2214
- "$value": "{spacing.280}"
2215
- },
2216
- "vertical-start": {
2217
- "$extensions": {
2218
- "com.figma.scopes": [
2219
- "GAP"
2220
- ]
2221
- },
2222
- "$type": "number",
2223
- "$value": "{spacing.160}"
2224
- },
2225
- "vertical-end": {
2226
- "$extensions": {
2227
- "com.figma.scopes": [
2228
- "GAP"
2229
- ]
2230
- },
2231
- "$type": "number",
2232
- "$value": "{spacing.280}"
2233
- }
2234
- },
2235
- "content-box": {
2236
- "vertical": {
2237
- "$extensions": {
2238
- "com.figma.scopes": [
2239
- "GAP"
2240
- ]
2241
- },
2242
- "$type": "number",
2243
- "$value": "{spacing.40}"
2241
+ "width": {
2242
+ "$extensions": {
2243
+ "com.figma.scopes": [
2244
+ "WIDTH_HEIGHT"
2245
+ ]
2244
2246
  },
2245
- "gap": {
2246
- "$extensions": {
2247
- "com.figma.scopes": [
2248
- "GAP"
2249
- ]
2250
- },
2251
- "$type": "number",
2252
- "$value": "{global.spacing.item-gap.large}"
2253
- }
2247
+ "$type": "number",
2248
+ "$value": "{spacing.20}"
2254
2249
  }
2255
2250
  }
2256
2251
  },
2257
- "body": {
2252
+ "drop-indicator": {
2258
2253
  "layout": {
2259
- "outer-box": {
2260
- "horizontal": {
2261
- "$extensions": {
2262
- "com.figma.scopes": [
2263
- "GAP"
2264
- ]
2265
- },
2266
- "$type": "number",
2267
- "$value": "{spacing.280}"
2268
- },
2269
- "vertical": {
2270
- "$extensions": {
2271
- "com.figma.scopes": [
2272
- "GAP"
2273
- ]
2274
- },
2275
- "$type": "number",
2276
- "$value": "{spacing.280}"
2277
- },
2278
- "position-top": {
2279
- "vertical-end": {
2280
- "$extensions": {
2281
- "com.figma.scopes": [
2282
- "GAP"
2283
- ]
2284
- },
2285
- "$type": "number",
2286
- "$value": "{spacing.40}"
2287
- }
2288
- },
2289
- "position-center": {
2290
- "vertical": {
2291
- "$extensions": {
2292
- "com.figma.scopes": [
2293
- "GAP"
2294
- ]
2295
- },
2296
- "$type": "number",
2297
- "$value": "{spacing.40}"
2298
- }
2254
+ "width": {
2255
+ "$extensions": {
2256
+ "com.figma.scopes": [
2257
+ "WIDTH_HEIGHT"
2258
+ ]
2299
2259
  },
2300
- "position-bottom": {
2301
- "vertical-start": {
2302
- "$extensions": {
2303
- "com.figma.scopes": [
2304
- "GAP"
2305
- ]
2306
- },
2307
- "$type": "number",
2308
- "$value": "{spacing.40}"
2309
- }
2310
- }
2260
+ "$type": "number",
2261
+ "$value": "{spacing.30}"
2311
2262
  }
2312
2263
  }
2313
2264
  }
2314
2265
  },
2315
- "link": {
2266
+ "separator": {
2316
2267
  "borders": {
2317
- "border-radius": {
2268
+ "border-width": {
2318
2269
  "$extensions": {
2319
2270
  "com.figma.scopes": [
2320
- "CORNER_RADIUS"
2271
+ "STROKE_FLOAT"
2321
2272
  ]
2322
2273
  },
2323
2274
  "$type": "number",
2324
- "$value": "{global.border-radius.default}"
2275
+ "$value": "{border-width.10}"
2325
2276
  }
2326
- },
2327
- "layout": {
2328
- "inner-box": {
2329
- "gap": {
2277
+ }
2278
+ },
2279
+ "skeleton": {
2280
+ "borders": {
2281
+ "border-radius": {
2282
+ "square": {
2330
2283
  "$extensions": {
2331
2284
  "com.figma.scopes": [
2332
- "GAP"
2285
+ "CORNER_RADIUS"
2333
2286
  ]
2334
2287
  },
2335
2288
  "$type": "number",
2336
- "$value": "{spacing.20}"
2337
- }
2338
- },
2339
- "text-box": {
2340
- "horizontal": {
2289
+ "$value": "{border-radius.40}"
2290
+ },
2291
+ "circle": {
2341
2292
  "$extensions": {
2342
2293
  "com.figma.scopes": [
2343
- "GAP"
2294
+ "CORNER_RADIUS"
2344
2295
  ]
2345
2296
  },
2346
2297
  "$type": "number",
2347
- "$value": "{spacing.40}"
2298
+ "$value": "{border-radius.full}"
2348
2299
  }
2349
2300
  }
2350
- }
2351
- },
2352
- "popover-arrow": {
2353
- "borders": {
2354
- "border-radius": {
2301
+ },
2302
+ "layout": {
2303
+ "checkbox-box": {
2355
2304
  "$extensions": {
2356
2305
  "com.figma.scopes": [
2357
- "CORNER_RADIUS"
2306
+ "WIDTH_HEIGHT"
2358
2307
  ]
2359
2308
  },
2360
2309
  "$type": "number",
2361
- "$value": "{border-radius.20}"
2310
+ "$value": "{spacing.200}"
2362
2311
  }
2363
- },
2312
+ }
2313
+ },
2314
+ "focus-rect": {
2364
2315
  "layout": {
2365
- "height": {
2316
+ "offset": {
2366
2317
  "$extensions": {
2367
2318
  "com.figma.scopes": [
2368
- "WIDTH_HEIGHT"
2319
+ "GAP"
2369
2320
  ]
2370
2321
  },
2371
2322
  "$type": "number",
2372
- "$value": "{spacing.80}"
2323
+ "$value": "{spacing.10}"
2373
2324
  },
2374
- "width": {
2325
+ "outer-box": {
2375
2326
  "$extensions": {
2376
2327
  "com.figma.scopes": [
2377
- "WIDTH_HEIGHT"
2328
+ "GAP"
2378
2329
  ]
2379
2330
  },
2380
2331
  "$type": "number",
2381
- "$value": "{spacing.160}"
2332
+ "$value": "{spacing.minus-10}"
2382
2333
  }
2383
- }
2384
- },
2385
- "spinner": {
2334
+ },
2386
2335
  "borders": {
2336
+ "border-radius": {
2337
+ "$extensions": {
2338
+ "com.figma.scopes": [
2339
+ "CORNER_RADIUS"
2340
+ ]
2341
+ },
2342
+ "$type": "number",
2343
+ "$value": "{border-radius.50}"
2344
+ },
2387
2345
  "border-width": {
2388
2346
  "$extensions": {
2389
2347
  "com.figma.scopes": [
@@ -2391,55 +2349,127 @@
2391
2349
  ]
2392
2350
  },
2393
2351
  "$type": "number",
2394
- "$value": "{border-width.20}"
2352
+ "$value": "{global.border-width.focus}"
2395
2353
  }
2396
- },
2354
+ }
2355
+ },
2356
+ "label": {
2397
2357
  "layout": {
2398
- "size": {
2358
+ "position-vertical": {
2359
+ "outer-box": {
2360
+ "gap": {
2361
+ "$extensions": {
2362
+ "com.figma.scopes": [
2363
+ "GAP"
2364
+ ]
2365
+ },
2366
+ "$type": "number",
2367
+ "$value": "{spacing.40}"
2368
+ }
2369
+ },
2370
+ "text-box": {
2371
+ "vertical": {
2372
+ "$extensions": {
2373
+ "com.figma.scopes": [
2374
+ "GAP"
2375
+ ]
2376
+ },
2377
+ "$type": "number",
2378
+ "$value": "{spacing.0}"
2379
+ }
2380
+ }
2381
+ },
2382
+ "position-horizontal": {
2383
+ "text-box": {
2384
+ "vertical": {
2385
+ "$extensions": {
2386
+ "com.figma.scopes": [
2387
+ "GAP"
2388
+ ]
2389
+ },
2390
+ "$type": "number",
2391
+ "$value": "{spacing.90}"
2392
+ }
2393
+ },
2394
+ "outer-box": {
2395
+ "gap": {
2396
+ "$extensions": {
2397
+ "com.figma.scopes": [
2398
+ "GAP"
2399
+ ]
2400
+ },
2401
+ "$type": "number",
2402
+ "$value": "{spacing.200}"
2403
+ }
2404
+ }
2405
+ }
2406
+ },
2407
+ "typography": {
2408
+ "font-weight": {
2399
2409
  "$extensions": {
2400
2410
  "com.figma.scopes": [
2401
- "WIDTH_HEIGHT"
2411
+ "FONT_WEIGHT"
2402
2412
  ]
2403
2413
  },
2404
- "$type": "number",
2405
- "$value": "{spacing.240}"
2414
+ "$type": "fontWeights",
2415
+ "$value": "{font-weight.base-strong}"
2406
2416
  }
2407
2417
  }
2408
2418
  },
2409
- "alert": {
2410
- "borders": {
2411
- "border-radius": {
2412
- "rounded": {
2419
+ "popover-card": {
2420
+ "footer": {
2421
+ "layout": {
2422
+ "horizontal": {
2413
2423
  "$extensions": {
2414
2424
  "com.figma.scopes": [
2415
- "CORNER_RADIUS"
2425
+ "GAP"
2416
2426
  ]
2417
2427
  },
2418
2428
  "$type": "number",
2419
- "$value": "{border-radius.40}"
2429
+ "$value": "{spacing.200}"
2420
2430
  },
2421
- "square": {
2431
+ "vertical-start": {
2422
2432
  "$extensions": {
2423
2433
  "com.figma.scopes": [
2424
- "CORNER_RADIUS"
2434
+ "GAP"
2425
2435
  ]
2426
2436
  },
2427
2437
  "$type": "number",
2428
- "$value": "{border-radius.0}"
2429
- }
2430
- },
2431
- "border-width": {
2432
- "$extensions": {
2433
- "com.figma.scopes": [
2434
- "STROKE_FLOAT"
2435
- ]
2438
+ "$value": "{spacing.160}"
2436
2439
  },
2437
- "$type": "number",
2438
- "$value": "{border-width.10}"
2440
+ "vertical-end": {
2441
+ "$extensions": {
2442
+ "com.figma.scopes": [
2443
+ "GAP"
2444
+ ]
2445
+ },
2446
+ "$type": "number",
2447
+ "$value": "{spacing.200}"
2448
+ },
2449
+ "content-box": {
2450
+ "gap": {
2451
+ "$extensions": {
2452
+ "com.figma.scopes": [
2453
+ "GAP"
2454
+ ]
2455
+ },
2456
+ "$type": "number",
2457
+ "$value": "{spacing.160}"
2458
+ }
2459
+ }
2439
2460
  }
2440
2461
  },
2441
- "layout": {
2442
- "icon-box": {
2462
+ "body": {
2463
+ "layout": {
2464
+ "horizontal": {
2465
+ "$extensions": {
2466
+ "com.figma.scopes": [
2467
+ "GAP"
2468
+ ]
2469
+ },
2470
+ "$type": "number",
2471
+ "$value": "{spacing.200}"
2472
+ },
2443
2473
  "vertical": {
2444
2474
  "$extensions": {
2445
2475
  "com.figma.scopes": [
@@ -2447,10 +2477,12 @@
2447
2477
  ]
2448
2478
  },
2449
2479
  "$type": "number",
2450
- "$value": "{spacing.100}"
2480
+ "$value": "{spacing.40}"
2451
2481
  }
2452
- },
2453
- "outer-box": {
2482
+ }
2483
+ },
2484
+ "header": {
2485
+ "layout": {
2454
2486
  "gap": {
2455
2487
  "$extensions": {
2456
2488
  "com.figma.scopes": [
@@ -2461,6 +2493,24 @@
2461
2493
  "$value": "{spacing.160}"
2462
2494
  },
2463
2495
  "horizontal": {
2496
+ "$extensions": {
2497
+ "com.figma.scopes": [
2498
+ "GAP"
2499
+ ]
2500
+ },
2501
+ "$type": "number",
2502
+ "$value": "{spacing.200}"
2503
+ },
2504
+ "vertical-start": {
2505
+ "$extensions": {
2506
+ "com.figma.scopes": [
2507
+ "GAP"
2508
+ ]
2509
+ },
2510
+ "$type": "number",
2511
+ "$value": "{spacing.200}"
2512
+ },
2513
+ "vertical-end": {
2464
2514
  "$extensions": {
2465
2515
  "com.figma.scopes": [
2466
2516
  "GAP"
@@ -2470,37 +2520,79 @@
2470
2520
  "$value": "{spacing.160}"
2471
2521
  }
2472
2522
  },
2473
- "text-box": {
2474
- "horizontal": {
2523
+ "typography": {
2524
+ "letter-spacing": {
2475
2525
  "$extensions": {
2476
2526
  "com.figma.scopes": [
2477
- "GAP"
2527
+ "LETTER_SPACING"
2478
2528
  ]
2479
2529
  },
2480
2530
  "$type": "number",
2481
- "$value": "{spacing.0}"
2531
+ "$value": "{letter-spacing.title-lg}"
2482
2532
  },
2483
- "vertical": {
2533
+ "font-size": {
2484
2534
  "$extensions": {
2485
2535
  "com.figma.scopes": [
2486
- "GAP"
2536
+ "FONT_SIZE"
2487
2537
  ]
2488
2538
  },
2489
2539
  "$type": "number",
2490
- "$value": "{spacing.100}"
2540
+ "$value": "{font-size.title-lg}"
2491
2541
  },
2492
- "gap": {
2542
+ "line-height": {
2493
2543
  "$extensions": {
2494
2544
  "com.figma.scopes": [
2495
- "GAP"
2545
+ "LINE_HEIGHT"
2496
2546
  ]
2497
2547
  },
2498
2548
  "$type": "number",
2499
- "$value": "{spacing.50}"
2549
+ "$value": "{line-height.title-lg}"
2550
+ },
2551
+ "font-weight": {
2552
+ "$extensions": {
2553
+ "com.figma.scopes": [
2554
+ "FONT_WEIGHT"
2555
+ ]
2556
+ },
2557
+ "$type": "fontWeights",
2558
+ "$value": "{font-weight.title-default}"
2500
2559
  }
2560
+ }
2561
+ }
2562
+ },
2563
+ "radio-button": {
2564
+ "borders": {
2565
+ "border-radius": {
2566
+ "$extensions": {
2567
+ "com.figma.scopes": [
2568
+ "CORNER_RADIUS"
2569
+ ]
2570
+ },
2571
+ "$type": "number",
2572
+ "$value": "{border-radius.full}"
2501
2573
  },
2502
- "actions": {
2574
+ "border-width": {
2575
+ "$extensions": {
2576
+ "com.figma.scopes": [
2577
+ "STROKE_FLOAT"
2578
+ ]
2579
+ },
2580
+ "$type": "number",
2581
+ "$value": "{border-width.10}"
2582
+ }
2583
+ },
2584
+ "layout": {
2585
+ "outer-box": {
2503
2586
  "gap": {
2587
+ "$extensions": {
2588
+ "com.figma.scopes": [
2589
+ "GAP"
2590
+ ]
2591
+ },
2592
+ "$type": "number",
2593
+ "$value": "{spacing.120}"
2594
+ },
2595
+ "horizontal": {
2504
2596
  "$extensions": {
2505
2597
  "com.figma.scopes": [
2506
2598
  "GAP"
@@ -2519,56 +2611,58 @@
2519
2611
  "$value": "{spacing.100}"
2520
2612
  }
2521
2613
  },
2522
- "message-box": {
2523
- "gap": {
2614
+ "inner-box": {
2615
+ "horizontal": {
2524
2616
  "$extensions": {
2525
2617
  "com.figma.scopes": [
2526
2618
  "GAP"
2527
2619
  ]
2528
2620
  },
2529
2621
  "$type": "number",
2530
- "$value": "{spacing.100}"
2531
- }
2532
- }
2533
- },
2534
- "typography": {
2535
- "title": {
2536
- "font-weight": {
2622
+ "$value": "{spacing.10}"
2623
+ },
2624
+ "size": {
2537
2625
  "$extensions": {
2538
2626
  "com.figma.scopes": [
2539
- "FONT_WEIGHT"
2627
+ "WIDTH_HEIGHT"
2540
2628
  ]
2541
2629
  },
2542
- "$type": "fontWeights",
2543
- "$value": "{font-weight.base-strong}"
2544
- }
2545
- }
2546
- }
2547
- },
2548
- "pagination": {
2549
- "item": {
2550
- "borders": {
2551
- "border-radius": {
2630
+ "$type": "number",
2631
+ "$value": "{spacing.200}"
2632
+ },
2633
+ "vertical": {
2552
2634
  "$extensions": {
2553
2635
  "com.figma.scopes": [
2554
- "CORNER_RADIUS"
2636
+ "GAP"
2555
2637
  ]
2556
2638
  },
2557
2639
  "$type": "number",
2558
- "$value": "{global.border-radius.default}"
2559
- },
2560
- "border-width": {
2640
+ "$value": "{spacing.10}"
2641
+ }
2642
+ },
2643
+ "text-box": {
2644
+ "height": {
2561
2645
  "$extensions": {
2562
2646
  "com.figma.scopes": [
2563
- "STROKE_FLOAT"
2647
+ "WIDTH_HEIGHT"
2564
2648
  ]
2565
2649
  },
2566
2650
  "$type": "number",
2567
- "$value": "{border-width.10}"
2651
+ "$value": "{spacing.200}"
2568
2652
  }
2569
- },
2653
+ }
2654
+ },
2655
+ "icon": {
2656
+ "size": {
2657
+ "$type": "number",
2658
+ "$value": "{spacing.160}"
2659
+ }
2660
+ }
2661
+ },
2662
+ "container-card": {
2663
+ "header": {
2570
2664
  "layout": {
2571
- "inner-box": {
2665
+ "outer-box": {
2572
2666
  "horizontal": {
2573
2667
  "$extensions": {
2574
2668
  "com.figma.scopes": [
@@ -2576,32 +2670,26 @@
2576
2670
  ]
2577
2671
  },
2578
2672
  "$type": "number",
2579
- "$value": "{spacing.70}"
2673
+ "$value": "{spacing.280}"
2580
2674
  },
2581
- "vertical": {
2675
+ "vertical-start": {
2582
2676
  "$extensions": {
2583
2677
  "com.figma.scopes": [
2584
2678
  "GAP"
2585
2679
  ]
2586
2680
  },
2587
2681
  "$type": "number",
2588
- "$value": "{spacing.70}"
2682
+ "$value": "{spacing.280}"
2589
2683
  },
2590
- "min-width": {
2684
+ "vertical-end": {
2591
2685
  "$extensions": {
2592
2686
  "com.figma.scopes": [
2593
- "WIDTH_HEIGHT"
2687
+ "GAP"
2594
2688
  ]
2595
2689
  },
2596
2690
  "$type": "number",
2597
- "$value": "{spacing.400}"
2598
- }
2599
- }
2600
- }
2601
- },
2602
- "root": {
2603
- "layout": {
2604
- "inner-box": {
2691
+ "$value": "{spacing.160}"
2692
+ },
2605
2693
  "gap": {
2606
2694
  "$extensions": {
2607
2695
  "com.figma.scopes": [
@@ -2609,76 +2697,110 @@
2609
2697
  ]
2610
2698
  },
2611
2699
  "$type": "number",
2612
- "$value": "{spacing.80}"
2613
- },
2614
- "horizontal": {
2700
+ "$value": "{spacing.120}"
2701
+ }
2702
+ },
2703
+ "content-box": {
2704
+ "vertical": {
2615
2705
  "$extensions": {
2616
2706
  "com.figma.scopes": [
2617
2707
  "GAP"
2618
2708
  ]
2619
2709
  },
2620
2710
  "$type": "number",
2621
- "$value": "{spacing.0}"
2711
+ "$value": "{spacing.40}"
2622
2712
  },
2623
- "vertical": {
2713
+ "gap": {
2624
2714
  "$extensions": {
2625
2715
  "com.figma.scopes": [
2626
2716
  "GAP"
2627
2717
  ]
2628
2718
  },
2629
2719
  "$type": "number",
2630
- "$value": "{spacing.0}"
2720
+ "$value": "{spacing.160}"
2631
2721
  }
2722
+ }
2723
+ },
2724
+ "typography": {
2725
+ "font-size": {
2726
+ "$extensions": {
2727
+ "com.figma.scopes": [
2728
+ "FONT_SIZE"
2729
+ ]
2730
+ },
2731
+ "$type": "number",
2732
+ "$value": "{font-size.title-lg}"
2632
2733
  },
2633
- "content-box": {
2634
- "gap": {
2734
+ "font-weight": {
2735
+ "$extensions": {
2736
+ "com.figma.scopes": [
2737
+ "FONT_WEIGHT"
2738
+ ]
2739
+ },
2740
+ "$type": "fontWeights",
2741
+ "$value": "{font-weight.title-default}"
2742
+ },
2743
+ "line-height": {
2744
+ "$extensions": {
2745
+ "com.figma.scopes": [
2746
+ "LINE_HEIGHT"
2747
+ ]
2748
+ },
2749
+ "$type": "number",
2750
+ "$value": "{line-height.title-lg}"
2751
+ },
2752
+ "letter-spacing": {
2753
+ "$extensions": {
2754
+ "com.figma.scopes": [
2755
+ "LETTER_SPACING"
2756
+ ]
2757
+ },
2758
+ "$type": "number",
2759
+ "$value": "{letter-spacing.title-lg}"
2760
+ }
2761
+ }
2762
+ },
2763
+ "footer": {
2764
+ "layout": {
2765
+ "outer-box": {
2766
+ "horizontal": {
2635
2767
  "$extensions": {
2636
2768
  "com.figma.scopes": [
2637
2769
  "GAP"
2638
2770
  ]
2639
2771
  },
2640
2772
  "$type": "number",
2641
- "$value": "{spacing.80}"
2773
+ "$value": "{spacing.280}"
2642
2774
  },
2643
- "horizontal": {
2775
+ "vertical-start": {
2644
2776
  "$extensions": {
2645
2777
  "com.figma.scopes": [
2646
2778
  "GAP"
2647
2779
  ]
2648
2780
  },
2649
2781
  "$type": "number",
2650
- "$value": "{spacing.0}"
2782
+ "$value": "{spacing.160}"
2651
2783
  },
2652
- "vertical": {
2784
+ "vertical-end": {
2653
2785
  "$extensions": {
2654
2786
  "com.figma.scopes": [
2655
2787
  "GAP"
2656
2788
  ]
2657
2789
  },
2658
2790
  "$type": "number",
2659
- "$value": "{spacing.0}"
2791
+ "$value": "{spacing.280}"
2660
2792
  }
2661
- }
2662
- }
2663
- },
2664
- "page-size": {
2665
- "layout": {
2666
- "editor": {
2667
- "width": {
2793
+ },
2794
+ "content-box": {
2795
+ "vertical": {
2668
2796
  "$extensions": {
2669
2797
  "com.figma.scopes": [
2670
- "WIDTH_HEIGHT"
2798
+ "GAP"
2671
2799
  ]
2672
2800
  },
2673
2801
  "$type": "number",
2674
- "$value": "{spacing.1000}"
2675
- }
2676
- }
2677
- }
2678
- },
2679
- "page-input": {
2680
- "layout": {
2681
- "inner-box": {
2802
+ "$value": "{spacing.40}"
2803
+ },
2682
2804
  "gap": {
2683
2805
  "$extensions": {
2684
2806
  "com.figma.scopes": [
@@ -2686,48 +2808,184 @@
2686
2808
  ]
2687
2809
  },
2688
2810
  "$type": "number",
2689
- "$value": "{spacing.80}"
2811
+ "$value": "{global.spacing.item-gap.large}"
2690
2812
  }
2691
- },
2692
- "editor": {
2693
- "width": {
2813
+ }
2814
+ }
2815
+ },
2816
+ "body": {
2817
+ "layout": {
2818
+ "outer-box": {
2819
+ "horizontal": {
2694
2820
  "$extensions": {
2695
2821
  "com.figma.scopes": [
2696
- "WIDTH_HEIGHT"
2822
+ "GAP"
2697
2823
  ]
2698
2824
  },
2699
2825
  "$type": "number",
2700
- "$value": "{spacing.640}"
2701
- }
2702
- }
2703
- }
2704
- },
2705
- "bar": {
2706
- "layout": {
2707
- "end-box": {
2708
- "gap": {
2826
+ "$value": "{spacing.280}"
2827
+ },
2828
+ "vertical": {
2709
2829
  "$extensions": {
2710
2830
  "com.figma.scopes": [
2711
2831
  "GAP"
2712
2832
  ]
2713
2833
  },
2714
2834
  "$type": "number",
2715
- "$value": "{spacing.200}"
2835
+ "$value": "{spacing.280}"
2836
+ },
2837
+ "position-top": {
2838
+ "vertical-end": {
2839
+ "$extensions": {
2840
+ "com.figma.scopes": [
2841
+ "GAP"
2842
+ ]
2843
+ },
2844
+ "$type": "number",
2845
+ "$value": "{spacing.40}"
2846
+ }
2847
+ },
2848
+ "position-center": {
2849
+ "vertical": {
2850
+ "$extensions": {
2851
+ "com.figma.scopes": [
2852
+ "GAP"
2853
+ ]
2854
+ },
2855
+ "$type": "number",
2856
+ "$value": "{spacing.40}"
2857
+ }
2858
+ },
2859
+ "position-bottom": {
2860
+ "vertical-start": {
2861
+ "$extensions": {
2862
+ "com.figma.scopes": [
2863
+ "GAP"
2864
+ ]
2865
+ },
2866
+ "$type": "number",
2867
+ "$value": "{spacing.40}"
2868
+ }
2716
2869
  }
2717
2870
  }
2718
2871
  }
2719
2872
  }
2720
2873
  },
2721
- "checkbox": {
2874
+ "link": {
2875
+ "borders": {
2876
+ "border-radius": {
2877
+ "$extensions": {
2878
+ "com.figma.scopes": [
2879
+ "CORNER_RADIUS"
2880
+ ]
2881
+ },
2882
+ "$type": "number",
2883
+ "$value": "{global.border-radius.default}"
2884
+ }
2885
+ },
2886
+ "layout": {
2887
+ "inner-box": {
2888
+ "gap": {
2889
+ "$extensions": {
2890
+ "com.figma.scopes": [
2891
+ "GAP"
2892
+ ]
2893
+ },
2894
+ "$type": "number",
2895
+ "$value": "{spacing.20}"
2896
+ }
2897
+ },
2898
+ "text-box": {
2899
+ "horizontal": {
2900
+ "$extensions": {
2901
+ "com.figma.scopes": [
2902
+ "GAP"
2903
+ ]
2904
+ },
2905
+ "$type": "number",
2906
+ "$value": "{spacing.40}"
2907
+ }
2908
+ }
2909
+ }
2910
+ },
2911
+ "popover-arrow": {
2912
+ "borders": {
2913
+ "border-radius": {
2914
+ "$extensions": {
2915
+ "com.figma.scopes": [
2916
+ "CORNER_RADIUS"
2917
+ ]
2918
+ },
2919
+ "$type": "number",
2920
+ "$value": "{border-radius.20}"
2921
+ }
2922
+ },
2923
+ "layout": {
2924
+ "height": {
2925
+ "$extensions": {
2926
+ "com.figma.scopes": [
2927
+ "WIDTH_HEIGHT"
2928
+ ]
2929
+ },
2930
+ "$type": "number",
2931
+ "$value": "{spacing.80}"
2932
+ },
2933
+ "width": {
2934
+ "$extensions": {
2935
+ "com.figma.scopes": [
2936
+ "WIDTH_HEIGHT"
2937
+ ]
2938
+ },
2939
+ "$type": "number",
2940
+ "$value": "{spacing.160}"
2941
+ }
2942
+ }
2943
+ },
2944
+ "spinner": {
2722
2945
  "borders": {
2723
- "border-radius": {
2946
+ "border-width": {
2724
2947
  "$extensions": {
2725
2948
  "com.figma.scopes": [
2726
- "CORNER_RADIUS"
2949
+ "STROKE_FLOAT"
2727
2950
  ]
2728
2951
  },
2729
2952
  "$type": "number",
2730
- "$value": "{border-radius.20}"
2953
+ "$value": "{border-width.20}"
2954
+ }
2955
+ },
2956
+ "layout": {
2957
+ "size": {
2958
+ "$extensions": {
2959
+ "com.figma.scopes": [
2960
+ "WIDTH_HEIGHT"
2961
+ ]
2962
+ },
2963
+ "$type": "number",
2964
+ "$value": "{spacing.240}"
2965
+ }
2966
+ }
2967
+ },
2968
+ "alert": {
2969
+ "borders": {
2970
+ "border-radius": {
2971
+ "rounded": {
2972
+ "$extensions": {
2973
+ "com.figma.scopes": [
2974
+ "CORNER_RADIUS"
2975
+ ]
2976
+ },
2977
+ "$type": "number",
2978
+ "$value": "{border-radius.40}"
2979
+ },
2980
+ "square": {
2981
+ "$extensions": {
2982
+ "com.figma.scopes": [
2983
+ "CORNER_RADIUS"
2984
+ ]
2985
+ },
2986
+ "$type": "number",
2987
+ "$value": "{border-radius.0}"
2988
+ }
2731
2989
  },
2732
2990
  "border-width": {
2733
2991
  "$extensions": {
@@ -2740,37 +2998,68 @@
2740
2998
  }
2741
2999
  },
2742
3000
  "layout": {
2743
- "inner-box": {
2744
- "horizontal": {
3001
+ "icon-box": {
3002
+ "vertical": {
2745
3003
  "$extensions": {
2746
3004
  "com.figma.scopes": [
2747
3005
  "GAP"
2748
3006
  ]
2749
3007
  },
2750
3008
  "$type": "number",
2751
- "$value": "{spacing.10}"
3009
+ "$value": "{spacing.100}"
3010
+ }
3011
+ },
3012
+ "outer-box": {
3013
+ "gap": {
3014
+ "$extensions": {
3015
+ "com.figma.scopes": [
3016
+ "GAP"
3017
+ ]
3018
+ },
3019
+ "$type": "number",
3020
+ "$value": "{spacing.160}"
2752
3021
  },
2753
- "vertical": {
3022
+ "horizontal": {
2754
3023
  "$extensions": {
2755
3024
  "com.figma.scopes": [
2756
3025
  "GAP"
2757
3026
  ]
2758
3027
  },
2759
3028
  "$type": "number",
2760
- "$value": "{spacing.10}"
3029
+ "$value": "{spacing.160}"
2761
3030
  }
2762
3031
  },
2763
- "outer-box": {
2764
- "gap": {
3032
+ "text-box": {
3033
+ "horizontal": {
2765
3034
  "$extensions": {
2766
3035
  "com.figma.scopes": [
2767
3036
  "GAP"
2768
3037
  ]
2769
3038
  },
2770
3039
  "$type": "number",
2771
- "$value": "{spacing.120}"
3040
+ "$value": "{spacing.0}"
2772
3041
  },
2773
- "horizontal": {
3042
+ "vertical": {
3043
+ "$extensions": {
3044
+ "com.figma.scopes": [
3045
+ "GAP"
3046
+ ]
3047
+ },
3048
+ "$type": "number",
3049
+ "$value": "{spacing.100}"
3050
+ },
3051
+ "gap": {
3052
+ "$extensions": {
3053
+ "com.figma.scopes": [
3054
+ "GAP"
3055
+ ]
3056
+ },
3057
+ "$type": "number",
3058
+ "$value": "{spacing.50}"
3059
+ }
3060
+ },
3061
+ "actions": {
3062
+ "gap": {
2774
3063
  "$extensions": {
2775
3064
  "com.figma.scopes": [
2776
3065
  "GAP"
@@ -2789,143 +3078,34 @@
2789
3078
  "$value": "{spacing.100}"
2790
3079
  }
2791
3080
  },
2792
- "text-box": {
2793
- "height": {
3081
+ "message-box": {
3082
+ "gap": {
2794
3083
  "$extensions": {
2795
3084
  "com.figma.scopes": [
2796
- "WIDTH_HEIGHT"
3085
+ "GAP"
2797
3086
  ]
2798
3087
  },
2799
3088
  "$type": "number",
2800
- "$value": "{spacing.200}"
3089
+ "$value": "{spacing.100}"
2801
3090
  }
2802
3091
  }
2803
3092
  },
2804
- "icon": {
2805
- "size": {
2806
- "$type": "number",
2807
- "$value": "{spacing.160}"
3093
+ "typography": {
3094
+ "title": {
3095
+ "font-weight": {
3096
+ "$extensions": {
3097
+ "com.figma.scopes": [
3098
+ "FONT_WEIGHT"
3099
+ ]
3100
+ },
3101
+ "$type": "fontWeights",
3102
+ "$value": "{font-weight.base-strong}"
3103
+ }
2808
3104
  }
2809
3105
  }
2810
3106
  },
2811
- "text-input": {
2812
- "standalone": {
2813
- "button": {
2814
- "borders": {
2815
- "border-radius": {
2816
- "$extensions": {
2817
- "com.figma.scopes": [
2818
- "CORNER_RADIUS"
2819
- ]
2820
- },
2821
- "$type": "number",
2822
- "$value": "{border-radius.20}"
2823
- },
2824
- "border-width": {
2825
- "$extensions": {
2826
- "com.figma.scopes": [
2827
- "STROKE_FLOAT"
2828
- ]
2829
- },
2830
- "$type": "number",
2831
- "$value": "{border-width.10}"
2832
- }
2833
- },
2834
- "layout": {
2835
- "inner-box": {
2836
- "horizontal": {
2837
- "$extensions": {
2838
- "com.figma.scopes": [
2839
- "GAP"
2840
- ]
2841
- },
2842
- "$type": "number",
2843
- "$value": "{spacing.50}"
2844
- },
2845
- "vertical": {
2846
- "$extensions": {
2847
- "com.figma.scopes": [
2848
- "GAP"
2849
- ]
2850
- },
2851
- "$type": "number",
2852
- "$value": "{spacing.50}"
2853
- }
2854
- },
2855
- "outer-box": {
2856
- "horizontal": {
2857
- "$extensions": {
2858
- "com.figma.scopes": [
2859
- "GAP"
2860
- ]
2861
- },
2862
- "$type": "number",
2863
- "$value": "{spacing.10}"
2864
- },
2865
- "vertical": {
2866
- "$extensions": {
2867
- "com.figma.scopes": [
2868
- "GAP"
2869
- ]
2870
- },
2871
- "$type": "number",
2872
- "$value": "{spacing.10}"
2873
- }
2874
- }
2875
- }
2876
- },
2877
- "spin-button": {
2878
- "item": {
2879
- "vertical": {
2880
- "layout": {
2881
- "outer-box": {
2882
- "height": {
2883
- "$extensions": {
2884
- "com.figma.scopes": [
2885
- "WIDTH_HEIGHT"
2886
- ]
2887
- },
2888
- "$type": "number",
2889
- "$value": "{spacing.180}"
2890
- },
2891
- "width": {
2892
- "$extensions": {
2893
- "com.figma.scopes": [
2894
- "WIDTH_HEIGHT"
2895
- ]
2896
- },
2897
- "$type": "number",
2898
- "$value": "{spacing.360}"
2899
- }
2900
- }
2901
- }
2902
- },
2903
- "horizontal": {
2904
- "layout": {
2905
- "outer-box": {
2906
- "width": {
2907
- "$extensions": {
2908
- "com.figma.scopes": [
2909
- "WIDTH_HEIGHT"
2910
- ]
2911
- },
2912
- "$type": "number",
2913
- "$value": "{spacing.180}"
2914
- },
2915
- "height": {
2916
- "$extensions": {
2917
- "com.figma.scopes": [
2918
- "WIDTH_HEIGHT"
2919
- ]
2920
- },
2921
- "$type": "number",
2922
- "$value": "{spacing.360}"
2923
- }
2924
- }
2925
- }
2926
- }
2927
- }
2928
- },
3107
+ "pagination": {
3108
+ "item": {
2929
3109
  "borders": {
2930
3110
  "border-radius": {
2931
3111
  "$extensions": {
@@ -2942,13 +3122,31 @@
2942
3122
  "STROKE_FLOAT"
2943
3123
  ]
2944
3124
  },
2945
- "$type": "number",
2946
- "$value": "{border-width.10}"
2947
- }
2948
- },
2949
- "layout": {
2950
- "inner-box": {
2951
- "height": {
3125
+ "$type": "number",
3126
+ "$value": "{border-width.10}"
3127
+ }
3128
+ },
3129
+ "layout": {
3130
+ "inner-box": {
3131
+ "horizontal": {
3132
+ "$extensions": {
3133
+ "com.figma.scopes": [
3134
+ "GAP"
3135
+ ]
3136
+ },
3137
+ "$type": "number",
3138
+ "$value": "{spacing.70}"
3139
+ },
3140
+ "vertical": {
3141
+ "$extensions": {
3142
+ "com.figma.scopes": [
3143
+ "GAP"
3144
+ ]
3145
+ },
3146
+ "$type": "number",
3147
+ "$value": "{spacing.70}"
3148
+ },
3149
+ "min-width": {
2952
3150
  "$extensions": {
2953
3151
  "com.figma.scopes": [
2954
3152
  "WIDTH_HEIGHT"
@@ -2957,8 +3155,21 @@
2957
3155
  "$type": "number",
2958
3156
  "$value": "{spacing.400}"
2959
3157
  }
2960
- },
2961
- "input-box": {
3158
+ }
3159
+ }
3160
+ },
3161
+ "root": {
3162
+ "layout": {
3163
+ "inner-box": {
3164
+ "gap": {
3165
+ "$extensions": {
3166
+ "com.figma.scopes": [
3167
+ "GAP"
3168
+ ]
3169
+ },
3170
+ "$type": "number",
3171
+ "$value": "{spacing.80}"
3172
+ },
2962
3173
  "horizontal": {
2963
3174
  "$extensions": {
2964
3175
  "com.figma.scopes": [
@@ -2966,7 +3177,7 @@
2966
3177
  ]
2967
3178
  },
2968
3179
  "$type": "number",
2969
- "$value": "{spacing.110}"
3180
+ "$value": "{spacing.0}"
2970
3181
  },
2971
3182
  "vertical": {
2972
3183
  "$extensions": {
@@ -2975,52 +3186,19 @@
2975
3186
  ]
2976
3187
  },
2977
3188
  "$type": "number",
2978
- "$value": "{spacing.70}"
3189
+ "$value": "{spacing.0}"
2979
3190
  }
2980
3191
  },
2981
- "line-box": {
2982
- "height": {
3192
+ "content-box": {
3193
+ "gap": {
2983
3194
  "$extensions": {
2984
3195
  "com.figma.scopes": [
2985
- "WIDTH_HEIGHT"
3196
+ "GAP"
2986
3197
  ]
2987
3198
  },
2988
3199
  "$type": "number",
2989
- "$value": "{spacing.40}"
2990
- }
2991
- },
2992
- "line": {
2993
- "size": {
2994
- "active": {
2995
- "$extensions": {
2996
- "com.figma.scopes": [
2997
- "WIDTH_HEIGHT"
2998
- ]
2999
- },
3000
- "$type": "number",
3001
- "$value": "{spacing.20}"
3002
- },
3003
- "focused": {
3004
- "$extensions": {
3005
- "com.figma.scopes": [
3006
- "WIDTH_HEIGHT"
3007
- ]
3008
- },
3009
- "$type": "number",
3010
- "$value": "{spacing.20}"
3011
- },
3012
- "rest": {
3013
- "$extensions": {
3014
- "com.figma.scopes": [
3015
- "WIDTH_HEIGHT"
3016
- ]
3017
- },
3018
- "$type": "number",
3019
- "$value": "{spacing.10}"
3020
- }
3021
- }
3022
- },
3023
- "text-box": {
3200
+ "$value": "{spacing.80}"
3201
+ },
3024
3202
  "horizontal": {
3025
3203
  "$extensions": {
3026
3204
  "com.figma.scopes": [
@@ -3028,136 +3206,192 @@
3028
3206
  ]
3029
3207
  },
3030
3208
  "$type": "number",
3031
- "$value": "{spacing.20}"
3032
- }
3033
- }
3034
- }
3035
- },
3036
- "in-place": {
3037
- "borders": {
3038
- "border-radius": {
3039
- "$extensions": {
3040
- "com.figma.scopes": [
3041
- "CORNER_RADIUS"
3042
- ]
3209
+ "$value": "{spacing.0}"
3043
3210
  },
3044
- "$type": "number",
3045
- "$value": "{border-radius.0}"
3046
- }
3047
- },
3048
- "layout": {
3049
- "inner-box": {
3050
- "height": {
3211
+ "vertical": {
3051
3212
  "$extensions": {
3052
3213
  "com.figma.scopes": [
3053
- "WIDTH_HEIGHT"
3214
+ "GAP"
3054
3215
  ]
3055
3216
  },
3056
3217
  "$type": "number",
3057
- "$value": "{spacing.380}"
3058
- },
3059
- "horizontal": {
3218
+ "$value": "{spacing.0}"
3219
+ }
3220
+ }
3221
+ }
3222
+ },
3223
+ "page-size": {
3224
+ "layout": {
3225
+ "editor": {
3226
+ "width": {
3060
3227
  "$extensions": {
3061
3228
  "com.figma.scopes": [
3062
- "GAP"
3229
+ "WIDTH_HEIGHT"
3063
3230
  ]
3064
3231
  },
3065
3232
  "$type": "number",
3066
- "$value": "{spacing.20}"
3067
- },
3068
- "vertical": {
3233
+ "$value": "{spacing.1000}"
3234
+ }
3235
+ }
3236
+ }
3237
+ },
3238
+ "page-input": {
3239
+ "layout": {
3240
+ "inner-box": {
3241
+ "gap": {
3069
3242
  "$extensions": {
3070
3243
  "com.figma.scopes": [
3071
3244
  "GAP"
3072
3245
  ]
3073
3246
  },
3074
3247
  "$type": "number",
3075
- "$value": "{spacing.20}"
3248
+ "$value": "{spacing.80}"
3076
3249
  }
3077
3250
  },
3078
- "input-box": {
3079
- "horizontal": {
3251
+ "editor": {
3252
+ "width": {
3080
3253
  "$extensions": {
3081
3254
  "com.figma.scopes": [
3082
- "GAP"
3255
+ "WIDTH_HEIGHT"
3083
3256
  ]
3084
3257
  },
3085
3258
  "$type": "number",
3086
- "$value": "{spacing.80}"
3087
- },
3088
- "vertical": {
3259
+ "$value": "{spacing.640}"
3260
+ }
3261
+ }
3262
+ }
3263
+ },
3264
+ "bar": {
3265
+ "layout": {
3266
+ "end-box": {
3267
+ "gap": {
3089
3268
  "$extensions": {
3090
3269
  "com.figma.scopes": [
3091
3270
  "GAP"
3092
3271
  ]
3093
3272
  },
3094
3273
  "$type": "number",
3095
- "$value": "{spacing.50}"
3096
- },
3097
- "icon": {
3098
- "size": {
3099
- "$type": "number",
3100
- "$value": "{spacing.200}"
3101
- }
3274
+ "$value": "{spacing.200}"
3102
3275
  }
3276
+ }
3277
+ }
3278
+ }
3279
+ },
3280
+ "checkbox": {
3281
+ "borders": {
3282
+ "border-radius": {
3283
+ "$extensions": {
3284
+ "com.figma.scopes": [
3285
+ "CORNER_RADIUS"
3286
+ ]
3103
3287
  },
3104
- "line-box": {
3105
- "height": {
3288
+ "$type": "number",
3289
+ "$value": "{border-radius.20}"
3290
+ },
3291
+ "border-width": {
3292
+ "$extensions": {
3293
+ "com.figma.scopes": [
3294
+ "STROKE_FLOAT"
3295
+ ]
3296
+ },
3297
+ "$type": "number",
3298
+ "$value": "{border-width.10}"
3299
+ }
3300
+ },
3301
+ "layout": {
3302
+ "inner-box": {
3303
+ "horizontal": {
3304
+ "$extensions": {
3305
+ "com.figma.scopes": [
3306
+ "GAP"
3307
+ ]
3308
+ },
3309
+ "$type": "number",
3310
+ "$value": "{spacing.10}"
3311
+ },
3312
+ "vertical": {
3313
+ "$extensions": {
3314
+ "com.figma.scopes": [
3315
+ "GAP"
3316
+ ]
3317
+ },
3318
+ "$type": "number",
3319
+ "$value": "{spacing.10}"
3320
+ }
3321
+ },
3322
+ "outer-box": {
3323
+ "gap": {
3324
+ "$extensions": {
3325
+ "com.figma.scopes": [
3326
+ "GAP"
3327
+ ]
3328
+ },
3329
+ "$type": "number",
3330
+ "$value": "{spacing.120}"
3331
+ },
3332
+ "horizontal": {
3333
+ "$extensions": {
3334
+ "com.figma.scopes": [
3335
+ "GAP"
3336
+ ]
3337
+ },
3338
+ "$type": "number",
3339
+ "$value": "{spacing.100}"
3340
+ },
3341
+ "vertical": {
3342
+ "$extensions": {
3343
+ "com.figma.scopes": [
3344
+ "GAP"
3345
+ ]
3346
+ },
3347
+ "$type": "number",
3348
+ "$value": "{spacing.100}"
3349
+ }
3350
+ },
3351
+ "text-box": {
3352
+ "height": {
3353
+ "$extensions": {
3354
+ "com.figma.scopes": [
3355
+ "WIDTH_HEIGHT"
3356
+ ]
3357
+ },
3358
+ "$type": "number",
3359
+ "$value": "{spacing.200}"
3360
+ }
3361
+ }
3362
+ },
3363
+ "icon": {
3364
+ "size": {
3365
+ "$type": "number",
3366
+ "$value": "{spacing.160}"
3367
+ }
3368
+ }
3369
+ },
3370
+ "text-input": {
3371
+ "standalone": {
3372
+ "button": {
3373
+ "borders": {
3374
+ "border-radius": {
3106
3375
  "$extensions": {
3107
3376
  "com.figma.scopes": [
3108
- "WIDTH_HEIGHT"
3377
+ "CORNER_RADIUS"
3109
3378
  ]
3110
3379
  },
3111
3380
  "$type": "number",
3112
- "$value": "{spacing.40}"
3113
- }
3114
- },
3115
- "line": {
3116
- "size": {
3117
- "rest": {
3118
- "$extensions": {
3119
- "com.figma.scopes": [
3120
- "WIDTH_HEIGHT"
3121
- ]
3122
- },
3123
- "$type": "number",
3124
- "$value": "{spacing.10}"
3125
- },
3126
- "active": {
3127
- "$extensions": {
3128
- "com.figma.scopes": [
3129
- "WIDTH_HEIGHT"
3130
- ]
3131
- },
3132
- "$type": "number",
3133
- "$value": "{spacing.20}"
3134
- },
3135
- "focused": {
3136
- "$extensions": {
3137
- "com.figma.scopes": [
3138
- "WIDTH_HEIGHT"
3139
- ]
3140
- },
3141
- "$type": "number",
3142
- "$value": "{spacing.20}"
3143
- }
3144
- }
3145
- },
3146
- "text-box": {
3147
- "horizontal": {
3381
+ "$value": "{border-radius.20}"
3382
+ },
3383
+ "border-width": {
3148
3384
  "$extensions": {
3149
3385
  "com.figma.scopes": [
3150
- "GAP"
3386
+ "STROKE_FLOAT"
3151
3387
  ]
3152
3388
  },
3153
3389
  "$type": "number",
3154
- "$value": "{spacing.20}"
3390
+ "$value": "{border-width.10}"
3155
3391
  }
3156
- }
3157
- },
3158
- "button": {
3392
+ },
3159
3393
  "layout": {
3160
- "outer-box": {
3394
+ "inner-box": {
3161
3395
  "horizontal": {
3162
3396
  "$extensions": {
3163
3397
  "com.figma.scopes": [
@@ -3165,7 +3399,7 @@
3165
3399
  ]
3166
3400
  },
3167
3401
  "$type": "number",
3168
- "$value": "{spacing.10}"
3402
+ "$value": "{spacing.50}"
3169
3403
  },
3170
3404
  "vertical": {
3171
3405
  "$extensions": {
@@ -3174,10 +3408,10 @@
3174
3408
  ]
3175
3409
  },
3176
3410
  "$type": "number",
3177
- "$value": "{spacing.10}"
3411
+ "$value": "{spacing.50}"
3178
3412
  }
3179
3413
  },
3180
- "inner-box": {
3414
+ "outer-box": {
3181
3415
  "horizontal": {
3182
3416
  "$extensions": {
3183
3417
  "com.figma.scopes": [
@@ -3185,7 +3419,7 @@
3185
3419
  ]
3186
3420
  },
3187
3421
  "$type": "number",
3188
- "$value": "{spacing.50}"
3422
+ "$value": "{spacing.10}"
3189
3423
  },
3190
3424
  "vertical": {
3191
3425
  "$extensions": {
@@ -3194,35 +3428,9 @@
3194
3428
  ]
3195
3429
  },
3196
3430
  "$type": "number",
3197
- "$value": "{spacing.50}"
3198
- },
3199
- "icon": {
3200
- "size": {
3201
- "$type": "number",
3202
- "$value": "{spacing.200}"
3203
- }
3431
+ "$value": "{spacing.10}"
3204
3432
  }
3205
3433
  }
3206
- },
3207
- "borders": {
3208
- "border-radius": {
3209
- "$extensions": {
3210
- "com.figma.scopes": [
3211
- "CORNER_RADIUS"
3212
- ]
3213
- },
3214
- "$type": "number",
3215
- "$value": "{border-radius.20}"
3216
- },
3217
- "border-width": {
3218
- "$extensions": {
3219
- "com.figma.scopes": [
3220
- "STROKE_FLOAT"
3221
- ]
3222
- },
3223
- "$type": "number",
3224
- "$value": "{border-width.10}"
3225
- }
3226
3434
  }
3227
3435
  },
3228
3436
  "spin-button": {
@@ -3237,7 +3445,7 @@
3237
3445
  ]
3238
3446
  },
3239
3447
  "$type": "number",
3240
- "$value": "{spacing.160}"
3448
+ "$value": "{spacing.180}"
3241
3449
  },
3242
3450
  "width": {
3243
3451
  "$extensions": {
@@ -3246,7 +3454,7 @@
3246
3454
  ]
3247
3455
  },
3248
3456
  "$type": "number",
3249
- "$value": "{spacing.320}"
3457
+ "$value": "{spacing.360}"
3250
3458
  }
3251
3459
  }
3252
3460
  }
@@ -3254,260 +3462,137 @@
3254
3462
  "horizontal": {
3255
3463
  "layout": {
3256
3464
  "outer-box": {
3257
- "height": {
3465
+ "width": {
3258
3466
  "$extensions": {
3259
3467
  "com.figma.scopes": [
3260
3468
  "WIDTH_HEIGHT"
3261
3469
  ]
3262
3470
  },
3263
3471
  "$type": "number",
3264
- "$value": "{spacing.320}"
3472
+ "$value": "{spacing.180}"
3265
3473
  },
3266
- "width": {
3474
+ "height": {
3267
3475
  "$extensions": {
3268
3476
  "com.figma.scopes": [
3269
3477
  "WIDTH_HEIGHT"
3270
3478
  ]
3271
3479
  },
3272
3480
  "$type": "number",
3273
- "$value": "{spacing.160}"
3481
+ "$value": "{spacing.360}"
3274
3482
  }
3275
3483
  }
3276
3484
  }
3277
3485
  }
3278
3486
  }
3279
- }
3280
- }
3281
- },
3282
- "listbox": {
3283
- "item": {
3284
- "layout": {
3285
- "outer-box": {
3286
- "vertical": {
3287
- "$extensions": {
3288
- "com.figma.scopes": [
3289
- "GAP"
3290
- ]
3291
- },
3292
- "$type": "number",
3293
- "$value": "{spacing.80}"
3294
- },
3295
- "gap": {
3296
- "$extensions": {
3297
- "com.figma.scopes": [
3298
- "GAP"
3299
- ]
3300
- },
3301
- "$type": "number",
3302
- "$value": "{spacing.80}"
3303
- },
3304
- "horizontal": {
3305
- "$extensions": {
3306
- "com.figma.scopes": [
3307
- "GAP"
3308
- ]
3309
- },
3310
- "$type": "number",
3311
- "$value": "{spacing.100}"
3312
- }
3313
- },
3314
- "selection-control": {
3315
- "horizontal": {
3316
- "$extensions": {
3317
- "com.figma.scopes": [
3318
- "GAP"
3319
- ]
3320
- },
3321
- "$type": "number",
3322
- "$value": "{spacing.0}"
3323
- },
3324
- "vertical": {
3325
- "$extensions": {
3326
- "com.figma.scopes": [
3327
- "GAP"
3328
- ]
3329
- },
3330
- "$type": "number",
3331
- "$value": "{spacing.0}"
3332
- }
3333
- }
3334
3487
  },
3335
3488
  "borders": {
3336
- "border-radius": {
3337
- "$extensions": {
3338
- "com.figma.scopes": [
3339
- "CORNER_RADIUS"
3340
- ]
3341
- },
3342
- "$type": "number",
3343
- "$value": "{global.border-radius.default}"
3344
- }
3345
- }
3346
- },
3347
- "select-all-item": {
3348
- "layout": {
3349
- "outer-box": {
3350
- "horizontal": {
3351
- "$extensions": {
3352
- "com.figma.scopes": [
3353
- "GAP"
3354
- ]
3355
- },
3356
- "$type": "number",
3357
- "$value": "{spacing.140}"
3358
- },
3359
- "vertical": {
3360
- "$extensions": {
3361
- "com.figma.scopes": [
3362
- "GAP"
3363
- ]
3364
- },
3365
- "$type": "number",
3366
- "$value": "{spacing.120}"
3367
- },
3368
- "gap": {
3369
- "$extensions": {
3370
- "com.figma.scopes": [
3371
- "GAP"
3372
- ]
3373
- },
3374
- "$type": "number",
3375
- "$value": "{spacing.80}"
3376
- }
3377
- },
3378
- "selection-control": {
3379
- "horizontal": {
3380
- "$extensions": {
3381
- "com.figma.scopes": [
3382
- "GAP"
3383
- ]
3384
- },
3385
- "$type": "number",
3386
- "$value": "{spacing.0}"
3387
- },
3388
- "vertical": {
3389
- "$extensions": {
3390
- "com.figma.scopes": [
3391
- "GAP"
3392
- ]
3393
- },
3394
- "$type": "number",
3395
- "$value": "{spacing.0}"
3396
- }
3397
- }
3398
- }
3399
- },
3400
- "section-header-item": {
3401
- "layout": {
3402
- "outer-box": {
3403
- "horizontal": {
3404
- "$extensions": {
3405
- "com.figma.scopes": [
3406
- "GAP"
3407
- ]
3408
- },
3409
- "$type": "number",
3410
- "$value": "{spacing.100}"
3411
- },
3412
- "vertical": {
3413
- "$extensions": {
3414
- "com.figma.scopes": [
3415
- "GAP"
3416
- ]
3417
- },
3418
- "$type": "number",
3419
- "$value": "{spacing.90}"
3420
- }
3421
- }
3422
- },
3423
- "typography": {
3424
- "font-weight": {
3425
- "$extensions": {
3426
- "com.figma.scopes": [
3427
- "FONT_WEIGHT"
3428
- ]
3429
- },
3430
- "$type": "fontWeights",
3431
- "$value": "{font-weight.base-strong}"
3432
- },
3433
- "font-size": {
3489
+ "border-radius": {
3434
3490
  "$extensions": {
3435
3491
  "com.figma.scopes": [
3436
- "FONT_SIZE"
3492
+ "CORNER_RADIUS"
3437
3493
  ]
3438
3494
  },
3439
3495
  "$type": "number",
3440
- "$value": "{font-size.base-md}"
3496
+ "$value": "{global.border-radius.default}"
3441
3497
  },
3442
- "line-height": {
3498
+ "border-width": {
3443
3499
  "$extensions": {
3444
3500
  "com.figma.scopes": [
3445
- "LINE_HEIGHT"
3501
+ "STROKE_FLOAT"
3446
3502
  ]
3447
3503
  },
3448
3504
  "$type": "number",
3449
- "$value": "{line-height.base-md}"
3505
+ "$value": "{border-width.10}"
3450
3506
  }
3451
- }
3452
- },
3453
- "item-group": {
3507
+ },
3454
3508
  "layout": {
3455
- "content-box": {
3456
- "horizontal": {
3509
+ "inner-box": {
3510
+ "height": {
3457
3511
  "$extensions": {
3458
3512
  "com.figma.scopes": [
3459
- "GAP"
3513
+ "WIDTH_HEIGHT"
3460
3514
  ]
3461
3515
  },
3462
3516
  "$type": "number",
3463
- "$value": "{spacing.40}"
3464
- },
3465
- "vertical": {
3517
+ "$value": "{spacing.400}"
3518
+ }
3519
+ },
3520
+ "input-box": {
3521
+ "horizontal": {
3466
3522
  "$extensions": {
3467
3523
  "com.figma.scopes": [
3468
3524
  "GAP"
3469
3525
  ]
3470
3526
  },
3471
3527
  "$type": "number",
3472
- "$value": "{spacing.40}"
3528
+ "$value": "{spacing.110}"
3473
3529
  },
3474
- "gap": {
3530
+ "vertical": {
3475
3531
  "$extensions": {
3476
3532
  "com.figma.scopes": [
3477
3533
  "GAP"
3478
3534
  ]
3479
3535
  },
3480
3536
  "$type": "number",
3481
- "$value": "{spacing.20}"
3537
+ "$value": "{spacing.70}"
3482
3538
  }
3483
- }
3484
- }
3485
- },
3486
- "root": {
3487
- "layout": {
3488
- "search-box": {
3489
- "horizontal": {
3539
+ },
3540
+ "line-box": {
3541
+ "height": {
3490
3542
  "$extensions": {
3491
3543
  "com.figma.scopes": [
3492
- "GAP"
3544
+ "WIDTH_HEIGHT"
3493
3545
  ]
3494
3546
  },
3495
3547
  "$type": "number",
3496
3548
  "$value": "{spacing.40}"
3497
- },
3498
- "vertical-start": {
3549
+ }
3550
+ },
3551
+ "line": {
3552
+ "size": {
3553
+ "active": {
3554
+ "$extensions": {
3555
+ "com.figma.scopes": [
3556
+ "WIDTH_HEIGHT"
3557
+ ]
3558
+ },
3559
+ "$type": "number",
3560
+ "$value": "{spacing.20}"
3561
+ },
3562
+ "focused": {
3563
+ "$extensions": {
3564
+ "com.figma.scopes": [
3565
+ "WIDTH_HEIGHT"
3566
+ ]
3567
+ },
3568
+ "$type": "number",
3569
+ "$value": "{spacing.20}"
3570
+ },
3571
+ "rest": {
3572
+ "$extensions": {
3573
+ "com.figma.scopes": [
3574
+ "WIDTH_HEIGHT"
3575
+ ]
3576
+ },
3577
+ "$type": "number",
3578
+ "$value": "{spacing.10}"
3579
+ }
3580
+ }
3581
+ },
3582
+ "text-box": {
3583
+ "horizontal": {
3499
3584
  "$extensions": {
3500
3585
  "com.figma.scopes": [
3501
3586
  "GAP"
3502
3587
  ]
3503
3588
  },
3504
3589
  "$type": "number",
3505
- "$value": "{spacing.40}"
3590
+ "$value": "{spacing.20}"
3506
3591
  }
3507
3592
  }
3508
3593
  }
3509
3594
  },
3510
- "focus-rect": {
3595
+ "in-place": {
3511
3596
  "borders": {
3512
3597
  "border-radius": {
3513
3598
  "$extensions": {
@@ -3516,74 +3601,12 @@
3516
3601
  ]
3517
3602
  },
3518
3603
  "$type": "number",
3519
- "$value": "{spacing.40}"
3604
+ "$value": "{border-radius.0}"
3520
3605
  }
3521
3606
  },
3522
3607
  "layout": {
3523
- "offset": {
3524
- "$extensions": {
3525
- "com.figma.scopes": [
3526
- "GAP"
3527
- ]
3528
- },
3529
- "$type": "number",
3530
- "$value": "{spacing.0}"
3531
- },
3532
- "outer-box": {
3533
- "$extensions": {
3534
- "com.figma.scopes": [
3535
- "GAP"
3536
- ]
3537
- },
3538
- "$type": "number",
3539
- "$value": "{spacing.0}"
3540
- }
3541
- }
3542
- }
3543
- },
3544
- "combobox": {
3545
- "layout": {
3546
- "outer-box": {
3547
- "gap": {
3548
- "$extensions": {
3549
- "com.figma.scopes": [
3550
- "GAP"
3551
- ]
3552
- },
3553
- "$type": "number",
3554
- "$value": "{spacing.20}"
3555
- }
3556
- }
3557
- }
3558
- },
3559
- "text-area": {
3560
- "layout": {
3561
- "size-grip-box": {
3562
- "vertical-end": {
3563
- "$extensions": {
3564
- "com.figma.scopes": [
3565
- "GAP"
3566
- ]
3567
- },
3568
- "$type": "number",
3569
- "$value": "{spacing.20}"
3570
- }
3571
- }
3572
- },
3573
- "size-grip": {
3574
- "icon": {
3575
- "size": {
3576
- "$type": "number",
3577
- "$value": "{spacing.120}"
3578
- }
3579
- }
3580
- }
3581
- },
3582
- "grid": {
3583
- "cell-renderer": {
3584
- "text": {
3585
- "layout": {
3586
- "min-height": {
3608
+ "inner-box": {
3609
+ "height": {
3587
3610
  "$extensions": {
3588
3611
  "com.figma.scopes": [
3589
3612
  "WIDTH_HEIGHT"
@@ -3599,52 +3622,87 @@
3599
3622
  ]
3600
3623
  },
3601
3624
  "$type": "number",
3602
- "$value": "{spacing.120}"
3625
+ "$value": "{spacing.20}"
3603
3626
  },
3604
- "gap": {
3627
+ "vertical": {
3605
3628
  "$extensions": {
3606
3629
  "com.figma.scopes": [
3607
3630
  "GAP"
3608
3631
  ]
3609
3632
  },
3610
3633
  "$type": "number",
3611
- "$value": "{spacing.90}"
3634
+ "$value": "{spacing.20}"
3635
+ }
3636
+ },
3637
+ "input-box": {
3638
+ "horizontal": {
3639
+ "$extensions": {
3640
+ "com.figma.scopes": [
3641
+ "GAP"
3642
+ ]
3643
+ },
3644
+ "$type": "number",
3645
+ "$value": "{spacing.80}"
3612
3646
  },
3613
- "text-content": {
3614
- "vertical": {
3647
+ "vertical": {
3648
+ "$extensions": {
3649
+ "com.figma.scopes": [
3650
+ "GAP"
3651
+ ]
3652
+ },
3653
+ "$type": "number",
3654
+ "$value": "{spacing.50}"
3655
+ },
3656
+ "icon": {
3657
+ "size": {
3658
+ "$type": "number",
3659
+ "$value": "{spacing.200}"
3660
+ }
3661
+ }
3662
+ },
3663
+ "line-box": {
3664
+ "height": {
3665
+ "$extensions": {
3666
+ "com.figma.scopes": [
3667
+ "WIDTH_HEIGHT"
3668
+ ]
3669
+ },
3670
+ "$type": "number",
3671
+ "$value": "{spacing.40}"
3672
+ }
3673
+ },
3674
+ "line": {
3675
+ "size": {
3676
+ "rest": {
3615
3677
  "$extensions": {
3616
3678
  "com.figma.scopes": [
3617
- "GAP"
3679
+ "WIDTH_HEIGHT"
3618
3680
  ]
3619
3681
  },
3620
3682
  "$type": "number",
3621
- "$value": "{spacing.60}"
3622
- }
3623
- },
3624
- "content": {
3625
- "gap": {
3683
+ "$value": "{spacing.10}"
3684
+ },
3685
+ "active": {
3626
3686
  "$extensions": {
3627
3687
  "com.figma.scopes": [
3628
- "GAP"
3688
+ "WIDTH_HEIGHT"
3629
3689
  ]
3630
3690
  },
3631
3691
  "$type": "number",
3632
- "$value": "{spacing.60}"
3692
+ "$value": "{spacing.20}"
3693
+ },
3694
+ "focused": {
3695
+ "$extensions": {
3696
+ "com.figma.scopes": [
3697
+ "WIDTH_HEIGHT"
3698
+ ]
3699
+ },
3700
+ "$type": "number",
3701
+ "$value": "{spacing.20}"
3633
3702
  }
3634
3703
  }
3635
- }
3636
- },
3637
- "header-content": {
3638
- "layout": {
3639
- "min-height": {
3640
- "$extensions": {
3641
- "com.figma.scopes": [
3642
- "WIDTH_HEIGHT"
3643
- ]
3644
- },
3645
- "$type": "number",
3646
- "$value": "{spacing.340}"
3647
- },
3704
+ },
3705
+ "text-box": {
3648
3706
  "horizontal": {
3649
3707
  "$extensions": {
3650
3708
  "com.figma.scopes": [
@@ -3652,18 +3710,22 @@
3652
3710
  ]
3653
3711
  },
3654
3712
  "$type": "number",
3655
- "$value": "{spacing.120}"
3656
- },
3657
- "gap": {
3658
- "$extensions": {
3659
- "com.figma.scopes": [
3660
- "GAP"
3661
- ]
3713
+ "$value": "{spacing.20}"
3714
+ }
3715
+ }
3716
+ },
3717
+ "button": {
3718
+ "layout": {
3719
+ "outer-box": {
3720
+ "horizontal": {
3721
+ "$extensions": {
3722
+ "com.figma.scopes": [
3723
+ "GAP"
3724
+ ]
3725
+ },
3726
+ "$type": "number",
3727
+ "$value": "{spacing.10}"
3662
3728
  },
3663
- "$type": "number",
3664
- "$value": "{spacing.90}"
3665
- },
3666
- "text-content": {
3667
3729
  "vertical": {
3668
3730
  "$extensions": {
3669
3731
  "com.figma.scopes": [
@@ -3671,18 +3733,18 @@
3671
3733
  ]
3672
3734
  },
3673
3735
  "$type": "number",
3674
- "$value": "{spacing.50}"
3736
+ "$value": "{spacing.10}"
3675
3737
  }
3676
3738
  },
3677
- "content": {
3678
- "gap": {
3739
+ "inner-box": {
3740
+ "horizontal": {
3679
3741
  "$extensions": {
3680
3742
  "com.figma.scopes": [
3681
3743
  "GAP"
3682
3744
  ]
3683
3745
  },
3684
3746
  "$type": "number",
3685
- "$value": "{spacing.60}"
3747
+ "$value": "{spacing.50}"
3686
3748
  },
3687
3749
  "vertical": {
3688
3750
  "$extensions": {
@@ -3692,17 +3754,15 @@
3692
3754
  },
3693
3755
  "$type": "number",
3694
3756
  "$value": "{spacing.50}"
3757
+ },
3758
+ "icon": {
3759
+ "size": {
3760
+ "$type": "number",
3761
+ "$value": "{spacing.200}"
3762
+ }
3695
3763
  }
3696
3764
  }
3697
3765
  },
3698
- "typography": {
3699
- "$type": "number",
3700
- "$value": "{font-weight.base-strong}"
3701
- }
3702
- }
3703
- },
3704
- "cell-editor": {
3705
- "text": {
3706
3766
  "borders": {
3707
3767
  "border-radius": {
3708
3768
  "$extensions": {
@@ -3711,37 +3771,85 @@
3711
3771
  ]
3712
3772
  },
3713
3773
  "$type": "number",
3714
- "$value": "{border-radius.0}"
3774
+ "$value": "{border-radius.20}"
3715
3775
  },
3716
3776
  "border-width": {
3717
3777
  "$extensions": {
3718
3778
  "com.figma.scopes": [
3719
- "WIDTH_HEIGHT",
3720
3779
  "STROKE_FLOAT"
3721
3780
  ]
3722
3781
  },
3723
3782
  "$type": "number",
3724
- "$value": "{border-width.20}"
3783
+ "$value": "{border-width.10}"
3725
3784
  }
3726
- },
3727
- "layout": {
3728
- "min-height": {
3729
- "$extensions": {
3730
- "com.figma.scopes": [
3731
- "WIDTH_HEIGHT"
3732
- ]
3733
- },
3734
- "$type": "number",
3735
- "$value": "{spacing.380}"
3785
+ }
3786
+ },
3787
+ "spin-button": {
3788
+ "item": {
3789
+ "vertical": {
3790
+ "layout": {
3791
+ "outer-box": {
3792
+ "height": {
3793
+ "$extensions": {
3794
+ "com.figma.scopes": [
3795
+ "WIDTH_HEIGHT"
3796
+ ]
3797
+ },
3798
+ "$type": "number",
3799
+ "$value": "{spacing.160}"
3800
+ },
3801
+ "width": {
3802
+ "$extensions": {
3803
+ "com.figma.scopes": [
3804
+ "WIDTH_HEIGHT"
3805
+ ]
3806
+ },
3807
+ "$type": "number",
3808
+ "$value": "{spacing.320}"
3809
+ }
3810
+ }
3811
+ }
3736
3812
  },
3737
3813
  "horizontal": {
3814
+ "layout": {
3815
+ "outer-box": {
3816
+ "height": {
3817
+ "$extensions": {
3818
+ "com.figma.scopes": [
3819
+ "WIDTH_HEIGHT"
3820
+ ]
3821
+ },
3822
+ "$type": "number",
3823
+ "$value": "{spacing.320}"
3824
+ },
3825
+ "width": {
3826
+ "$extensions": {
3827
+ "com.figma.scopes": [
3828
+ "WIDTH_HEIGHT"
3829
+ ]
3830
+ },
3831
+ "$type": "number",
3832
+ "$value": "{spacing.160}"
3833
+ }
3834
+ }
3835
+ }
3836
+ }
3837
+ }
3838
+ }
3839
+ }
3840
+ },
3841
+ "listbox": {
3842
+ "item": {
3843
+ "layout": {
3844
+ "outer-box": {
3845
+ "vertical": {
3738
3846
  "$extensions": {
3739
3847
  "com.figma.scopes": [
3740
3848
  "GAP"
3741
3849
  ]
3742
3850
  },
3743
3851
  "$type": "number",
3744
- "$value": "{spacing.100}"
3852
+ "$value": "{spacing.80}"
3745
3853
  },
3746
3854
  "gap": {
3747
3855
  "$extensions": {
@@ -3750,51 +3858,7 @@
3750
3858
  ]
3751
3859
  },
3752
3860
  "$type": "number",
3753
- "$value": "{spacing.90}"
3754
- },
3755
- "content": {
3756
- "vertical": {
3757
- "$extensions": {
3758
- "com.figma.scopes": [
3759
- "GAP"
3760
- ]
3761
- },
3762
- "$type": "number",
3763
- "$value": "{spacing.50}"
3764
- },
3765
- "gap": {
3766
- "$extensions": {
3767
- "com.figma.scopes": [
3768
- "GAP"
3769
- ]
3770
- },
3771
- "$type": "number",
3772
- "$value": "{spacing.60}"
3773
- }
3774
- },
3775
- "text-content": {
3776
- "vertical": {
3777
- "$extensions": {
3778
- "com.figma.scopes": [
3779
- "GAP"
3780
- ]
3781
- },
3782
- "$type": "number",
3783
- "$value": "{spacing.50}"
3784
- }
3785
- }
3786
- }
3787
- },
3788
- "checkbox": {
3789
- "layout": {
3790
- "min-height": {
3791
- "$extensions": {
3792
- "com.figma.scopes": [
3793
- "WIDTH_HEIGHT"
3794
- ]
3795
- },
3796
- "$type": "number",
3797
- "$value": "{spacing.380}"
3861
+ "$value": "{spacing.80}"
3798
3862
  },
3799
3863
  "horizontal": {
3800
3864
  "$extensions": {
@@ -3803,32 +3867,10 @@
3803
3867
  ]
3804
3868
  },
3805
3869
  "$type": "number",
3806
- "$value": "{spacing.40}"
3807
- },
3808
- "check-item": {
3809
- "vertical": {
3810
- "$extensions": {
3811
- "com.figma.scopes": [
3812
- "GAP"
3813
- ]
3814
- },
3815
- "$type": "number",
3816
- "$value": "{spacing.90}"
3817
- }
3870
+ "$value": "{spacing.100}"
3818
3871
  }
3819
- }
3820
- },
3821
- "header-checkbox": {
3822
- "layout": {
3823
- "min-height": {
3824
- "$extensions": {
3825
- "com.figma.scopes": [
3826
- "WIDTH_HEIGHT"
3827
- ]
3828
- },
3829
- "$type": "number",
3830
- "$value": "{spacing.340}"
3831
- },
3872
+ },
3873
+ "selection-control": {
3832
3874
  "horizontal": {
3833
3875
  "$extensions": {
3834
3876
  "com.figma.scopes": [
@@ -3836,200 +3878,173 @@
3836
3878
  ]
3837
3879
  },
3838
3880
  "$type": "number",
3839
- "$value": "{spacing.40}"
3881
+ "$value": "{spacing.0}"
3840
3882
  },
3841
- "check-item": {
3842
- "vertical": {
3843
- "$extensions": {
3844
- "com.figma.scopes": [
3845
- "GAP"
3846
- ]
3847
- },
3848
- "$type": "number",
3849
- "$value": "{spacing.70}"
3850
- }
3851
- }
3852
- }
3853
- }
3854
- },
3855
- "cell": {
3856
- "borders": {
3857
- "border-radius": {
3858
- "dragged": {
3859
- "$extensions": {
3860
- "com.figma.scopes": [
3861
- "CORNER_RADIUS"
3862
- ]
3863
- },
3864
- "$type": "number",
3865
- "$value": "{border-radius.20}"
3866
- }
3867
- },
3868
- "border-width": {
3869
- "separator": {
3883
+ "vertical": {
3870
3884
  "$extensions": {
3871
3885
  "com.figma.scopes": [
3872
- "WIDTH_HEIGHT",
3873
- "STROKE_FLOAT"
3886
+ "GAP"
3874
3887
  ]
3875
3888
  },
3876
3889
  "$type": "number",
3877
- "$value": "{border-width.10}"
3890
+ "$value": "{spacing.0}"
3878
3891
  }
3879
3892
  }
3880
3893
  },
3881
- "box-shadow": {
3882
- "layer-1": {
3883
- "x": {
3884
- "$extensions": {
3885
- "com.figma.scopes": [
3886
- "EFFECT_FLOAT"
3887
- ]
3888
- },
3889
- "$type": "number",
3890
- "$value": "{box-shadow.layer-1-x-md}"
3894
+ "borders": {
3895
+ "border-radius": {
3896
+ "$extensions": {
3897
+ "com.figma.scopes": [
3898
+ "CORNER_RADIUS"
3899
+ ]
3891
3900
  },
3892
- "y": {
3901
+ "$type": "number",
3902
+ "$value": "{global.border-radius.default}"
3903
+ }
3904
+ }
3905
+ },
3906
+ "select-all-item": {
3907
+ "layout": {
3908
+ "outer-box": {
3909
+ "horizontal": {
3893
3910
  "$extensions": {
3894
3911
  "com.figma.scopes": [
3895
- "EFFECT_FLOAT"
3912
+ "GAP"
3896
3913
  ]
3897
3914
  },
3898
3915
  "$type": "number",
3899
- "$value": "{box-shadow.layer-1-y-md}"
3916
+ "$value": "{spacing.140}"
3900
3917
  },
3901
- "blur": {
3918
+ "vertical": {
3902
3919
  "$extensions": {
3903
3920
  "com.figma.scopes": [
3904
- "EFFECT_FLOAT"
3921
+ "GAP"
3905
3922
  ]
3906
3923
  },
3907
3924
  "$type": "number",
3908
- "$value": "{box-shadow.layer-1-blur-md}"
3925
+ "$value": "{spacing.120}"
3909
3926
  },
3910
- "spread": {
3927
+ "gap": {
3911
3928
  "$extensions": {
3912
3929
  "com.figma.scopes": [
3913
- "EFFECT_FLOAT"
3930
+ "GAP"
3914
3931
  ]
3915
3932
  },
3916
3933
  "$type": "number",
3917
- "$value": "{box-shadow.layer-1-spread-md}"
3934
+ "$value": "{spacing.80}"
3918
3935
  }
3919
3936
  },
3920
- "layer-2": {
3921
- "x": {
3937
+ "selection-control": {
3938
+ "horizontal": {
3922
3939
  "$extensions": {
3923
3940
  "com.figma.scopes": [
3924
- "EFFECT_FLOAT"
3941
+ "GAP"
3925
3942
  ]
3926
3943
  },
3927
3944
  "$type": "number",
3928
- "$value": "{box-shadow.layer-2-x-md}"
3945
+ "$value": "{spacing.0}"
3929
3946
  },
3930
- "y": {
3947
+ "vertical": {
3931
3948
  "$extensions": {
3932
3949
  "com.figma.scopes": [
3933
- "EFFECT_FLOAT"
3950
+ "GAP"
3934
3951
  ]
3935
3952
  },
3936
3953
  "$type": "number",
3937
- "$value": "{box-shadow.layer-2-y-md}"
3938
- },
3939
- "blur": {
3954
+ "$value": "{spacing.0}"
3955
+ }
3956
+ }
3957
+ }
3958
+ },
3959
+ "section-header-item": {
3960
+ "layout": {
3961
+ "outer-box": {
3962
+ "horizontal": {
3940
3963
  "$extensions": {
3941
3964
  "com.figma.scopes": [
3942
- "EFFECT_FLOAT"
3965
+ "GAP"
3943
3966
  ]
3944
3967
  },
3945
3968
  "$type": "number",
3946
- "$value": "{box-shadow.layer-2-blur-md}"
3969
+ "$value": "{spacing.100}"
3947
3970
  },
3948
- "spread": {
3971
+ "vertical": {
3949
3972
  "$extensions": {
3950
3973
  "com.figma.scopes": [
3951
- "EFFECT_FLOAT"
3974
+ "GAP"
3952
3975
  ]
3953
3976
  },
3954
3977
  "$type": "number",
3955
- "$value": "{box-shadow.layer-2-spread-md}"
3978
+ "$value": "{spacing.90}"
3956
3979
  }
3957
3980
  }
3958
- }
3959
- },
3960
- "focus-outline": {
3961
- "layout": {
3962
- "offset": {
3981
+ },
3982
+ "typography": {
3983
+ "font-weight": {
3963
3984
  "$extensions": {
3964
3985
  "com.figma.scopes": [
3965
- "GAP"
3986
+ "FONT_WEIGHT"
3987
+ ]
3988
+ },
3989
+ "$type": "fontWeights",
3990
+ "$value": "{font-weight.base-strong}"
3991
+ },
3992
+ "font-size": {
3993
+ "$extensions": {
3994
+ "com.figma.scopes": [
3995
+ "FONT_SIZE"
3966
3996
  ]
3967
3997
  },
3968
3998
  "$type": "number",
3969
- "$value": "{spacing.minus-30}"
3970
- }
3971
- },
3972
- "borders": {
3973
- "border-width": {
3999
+ "$value": "{font-size.base-md}"
4000
+ },
4001
+ "line-height": {
3974
4002
  "$extensions": {
3975
4003
  "com.figma.scopes": [
3976
- "WIDTH_HEIGHT",
3977
- "STROKE_FLOAT"
4004
+ "LINE_HEIGHT"
3978
4005
  ]
3979
4006
  },
3980
4007
  "$type": "number",
3981
- "$value": "{border-width.20}"
4008
+ "$value": "{line-height.base-md}"
3982
4009
  }
3983
4010
  }
3984
4011
  },
3985
- "column-filter-menu": {
3986
- "listbox": {
3987
- "root": {
3988
- "layout": {
3989
- "search-box": {
3990
- "horizontal": {
3991
- "$extensions": {
3992
- "com.figma.scopes": [
3993
- "GAP"
3994
- ]
3995
- },
3996
- "$type": "number",
3997
- "$value": "{spacing.140}"
3998
- }
3999
- }
4000
- }
4001
- },
4002
- "popover-card": {
4003
- "body": {
4004
- "layout": {
4005
- "outer-box": {
4006
- "horizontal": {
4007
- "$extensions": {
4008
- "com.figma.scopes": [
4009
- "GAP"
4010
- ]
4011
- },
4012
- "$type": "number",
4013
- "$value": "{spacing.60}"
4014
- },
4015
- "vertical": {
4016
- "$extensions": {
4017
- "com.figma.scopes": [
4018
- "GAP"
4019
- ]
4020
- },
4021
- "$type": "number",
4022
- "$value": "{spacing.60}"
4023
- }
4024
- }
4025
- }
4012
+ "item-group": {
4013
+ "layout": {
4014
+ "content-box": {
4015
+ "horizontal": {
4016
+ "$extensions": {
4017
+ "com.figma.scopes": [
4018
+ "GAP"
4019
+ ]
4020
+ },
4021
+ "$type": "number",
4022
+ "$value": "{spacing.40}"
4023
+ },
4024
+ "vertical": {
4025
+ "$extensions": {
4026
+ "com.figma.scopes": [
4027
+ "GAP"
4028
+ ]
4029
+ },
4030
+ "$type": "number",
4031
+ "$value": "{spacing.40}"
4032
+ },
4033
+ "gap": {
4034
+ "$extensions": {
4035
+ "com.figma.scopes": [
4036
+ "GAP"
4037
+ ]
4038
+ },
4039
+ "$type": "number",
4040
+ "$value": "{spacing.20}"
4026
4041
  }
4027
4042
  }
4028
4043
  }
4029
4044
  },
4030
- "panel": {
4045
+ "root": {
4031
4046
  "layout": {
4032
- "outer-box": {
4047
+ "search-box": {
4033
4048
  "horizontal": {
4034
4049
  "$extensions": {
4035
4050
  "com.figma.scopes": [
@@ -4037,19 +4052,21 @@
4037
4052
  ]
4038
4053
  },
4039
4054
  "$type": "number",
4040
- "$value": "{spacing.190}"
4055
+ "$value": "{spacing.40}"
4041
4056
  },
4042
- "vertical": {
4057
+ "vertical-start": {
4043
4058
  "$extensions": {
4044
4059
  "com.figma.scopes": [
4045
4060
  "GAP"
4046
4061
  ]
4047
4062
  },
4048
4063
  "$type": "number",
4049
- "$value": "{spacing.70}"
4064
+ "$value": "{spacing.40}"
4050
4065
  }
4051
4066
  }
4052
- },
4067
+ }
4068
+ },
4069
+ "focus-rect": {
4053
4070
  "borders": {
4054
4071
  "border-radius": {
4055
4072
  "$extensions": {
@@ -4058,48 +4075,53 @@
4058
4075
  ]
4059
4076
  },
4060
4077
  "$type": "number",
4061
- "$value": "{border-radius.0}"
4062
- },
4063
- "border-width": {
4078
+ "$value": "{spacing.40}"
4079
+ }
4080
+ },
4081
+ "layout": {
4082
+ "offset": {
4064
4083
  "$extensions": {
4065
4084
  "com.figma.scopes": [
4066
- "WIDTH_HEIGHT",
4067
- "STROKE_FLOAT"
4085
+ "GAP"
4068
4086
  ]
4069
4087
  },
4070
4088
  "$type": "number",
4071
- "$value": "{border-width.10}"
4072
- }
4073
- }
4074
- },
4075
- "view": {
4076
- "borders": {
4077
- "border-radius": {
4089
+ "$value": "{spacing.0}"
4090
+ },
4091
+ "outer-box": {
4078
4092
  "$extensions": {
4079
4093
  "com.figma.scopes": [
4080
- "CORNER_RADIUS"
4094
+ "GAP"
4081
4095
  ]
4082
4096
  },
4083
4097
  "$type": "number",
4084
- "$value": "{border-radius.80}"
4085
- },
4086
- "border-width": {
4098
+ "$value": "{spacing.0}"
4099
+ }
4100
+ }
4101
+ }
4102
+ },
4103
+ "combobox": {
4104
+ "layout": {
4105
+ "outer-box": {
4106
+ "gap": {
4087
4107
  "$extensions": {
4088
4108
  "com.figma.scopes": [
4089
- "STROKE_FLOAT"
4109
+ "GAP"
4090
4110
  ]
4091
4111
  },
4092
4112
  "$type": "number",
4093
- "$value": "{border-width.10}"
4113
+ "$value": "{spacing.20}"
4094
4114
  }
4095
4115
  }
4096
- },
4097
- "resize-handle": {
4098
- "layout": {
4099
- "width": {
4116
+ }
4117
+ },
4118
+ "text-area": {
4119
+ "layout": {
4120
+ "size-grip-box": {
4121
+ "vertical-end": {
4100
4122
  "$extensions": {
4101
4123
  "com.figma.scopes": [
4102
- "WIDTH_HEIGHT"
4124
+ "GAP"
4103
4125
  ]
4104
4126
  },
4105
4127
  "$type": "number",
@@ -4107,16 +4129,59 @@
4107
4129
  }
4108
4130
  }
4109
4131
  },
4110
- "drop-indicator": {
4132
+ "size-grip": {
4133
+ "icon": {
4134
+ "size": {
4135
+ "$type": "number",
4136
+ "$value": "{spacing.120}"
4137
+ }
4138
+ }
4139
+ }
4140
+ },
4141
+ "menu": {
4142
+ "item": {
4111
4143
  "layout": {
4112
- "width": {
4144
+ "content-box": {
4145
+ "gap": {
4146
+ "$extensions": {
4147
+ "com.figma.scopes": [
4148
+ "GAP"
4149
+ ]
4150
+ },
4151
+ "$type": "number",
4152
+ "$value": "{spacing.160}"
4153
+ }
4154
+ },
4155
+ "outer-box": {
4156
+ "horizontal": {
4157
+ "$extensions": {
4158
+ "com.figma.scopes": [
4159
+ "GAP"
4160
+ ]
4161
+ },
4162
+ "$type": "number",
4163
+ "$value": "{spacing.180}"
4164
+ },
4165
+ "vertical": {
4166
+ "$extensions": {
4167
+ "com.figma.scopes": [
4168
+ "GAP"
4169
+ ]
4170
+ },
4171
+ "$type": "number",
4172
+ "$value": "{spacing.120}"
4173
+ }
4174
+ }
4175
+ },
4176
+ "borders": {
4177
+ "border-radius": {
4113
4178
  "$extensions": {
4114
4179
  "com.figma.scopes": [
4115
- "WIDTH_HEIGHT"
4180
+ "CORNER_RADIUS"
4116
4181
  ]
4117
4182
  },
4118
4183
  "$type": "number",
4119
- "$value": "{spacing.30}"
4184
+ "$value": "{border-radius.0}"
4120
4185
  }
4121
4186
  }
4122
4187
  }