@gitlab/ui 133.0.0 → 134.0.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 (29) hide show
  1. package/dist/components/base/broadcast_message/broadcast_message.js +3 -3
  2. package/dist/index.css +1 -1
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens/build/js/tokens.dark.js +1 -145
  5. package/dist/tokens/build/js/tokens.js +1 -145
  6. package/dist/utils/constants.js +12 -12
  7. package/package.json +1 -1
  8. package/src/components/base/broadcast_message/broadcast_message.vue +3 -3
  9. package/src/tokens/build/css/tokens.css +16 -160
  10. package/src/tokens/build/css/tokens.dark.css +16 -160
  11. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +15293 -26883
  12. package/src/tokens/build/docs/tokens-tailwind-docs.json +15293 -26883
  13. package/src/tokens/build/figma/constants.dark.json +0 -1152
  14. package/src/tokens/build/figma/constants.json +0 -1152
  15. package/src/tokens/build/figma/mode.dark.json +160 -16
  16. package/src/tokens/build/figma/mode.json +160 -16
  17. package/src/tokens/build/js/tokens.dark.js +0 -144
  18. package/src/tokens/build/js/tokens.js +0 -144
  19. package/src/tokens/build/json/tokens.dark.json +15296 -19354
  20. package/src/tokens/build/json/tokens.json +15173 -19231
  21. package/src/tokens/build/scss/_tokens.dark.scss +16 -160
  22. package/src/tokens/build/scss/_tokens.scss +16 -160
  23. package/src/tokens/build/scss/_tokens_custom_properties.scss +0 -144
  24. package/src/tokens/build/tailwind/tokens.cjs +0 -75
  25. package/src/tokens/contextual/broadcast.tokens.json +160 -16
  26. package/src/utils/constants.js +11 -11
  27. package/tailwind.defaults.js +0 -2
  28. package/src/tokens/constant/color.theme.tokens.json +0 -1168
  29. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +0 -2248
@@ -1700,7 +1700,16 @@
1700
1700
  }
1701
1701
  },
1702
1702
  "🔒/broadcast-banner-background-color-blue": {
1703
- "$value": "{color-theme-blue-700}",
1703
+ "$value": {
1704
+ "colorSpace": "srgb",
1705
+ "components": [
1706
+ 0.13725490196078433,
1707
+ 0.3176470588235294,
1708
+ 0.5019607843137255
1709
+ ],
1710
+ "alpha": 1,
1711
+ "hex": "#235180"
1712
+ },
1704
1713
  "$type": "color",
1705
1714
  "$description": "Used for the background for the blue banner type.",
1706
1715
  "$extensions": {
@@ -1722,7 +1731,16 @@
1722
1731
  }
1723
1732
  },
1724
1733
  "🔒/broadcast-banner-background-color-green": {
1725
- "$value": "{color-theme-green-700}",
1734
+ "$value": {
1735
+ "colorSpace": "srgb",
1736
+ "components": [
1737
+ 0.10588235294117647,
1738
+ 0.396078431372549,
1739
+ 0.24705882352941178
1740
+ ],
1741
+ "alpha": 1,
1742
+ "hex": "#1b653f"
1743
+ },
1726
1744
  "$type": "color",
1727
1745
  "$description": "Used for the background for the green banner type.",
1728
1746
  "$extensions": {
@@ -1733,7 +1751,16 @@
1733
1751
  }
1734
1752
  },
1735
1753
  "🔒/broadcast-banner-background-color-indigo": {
1736
- "$value": "{color-theme-indigo-700}",
1754
+ "$value": {
1755
+ "colorSpace": "srgb",
1756
+ "components": [
1757
+ 0.2549019607843137,
1758
+ 0.2549019607843137,
1759
+ 0.6235294117647059
1760
+ ],
1761
+ "alpha": 1,
1762
+ "hex": "#41419f"
1763
+ },
1737
1764
  "$type": "color",
1738
1765
  "$description": "Used for the background for the indigo banner type.",
1739
1766
  "$extensions": {
@@ -1755,7 +1782,16 @@
1755
1782
  }
1756
1783
  },
1757
1784
  "🔒/broadcast-banner-background-color-lightblue": {
1758
- "$value": "{color-theme-blue-500}",
1785
+ "$value": {
1786
+ "colorSpace": "srgb",
1787
+ "components": [
1788
+ 0.28627450980392155,
1789
+ 0.4666666666666667,
1790
+ 0.6470588235294118
1791
+ ],
1792
+ "alpha": 1,
1793
+ "hex": "#4977a5"
1794
+ },
1759
1795
  "$type": "color",
1760
1796
  "$description": "Used for the background for the lightblue banner type.",
1761
1797
  "$extensions": {
@@ -1766,7 +1802,16 @@
1766
1802
  }
1767
1803
  },
1768
1804
  "🔒/broadcast-banner-background-color-lightgreen": {
1769
- "$value": "{color-theme-green-500}",
1805
+ "$value": {
1806
+ "colorSpace": "srgb",
1807
+ "components": [
1808
+ 0.18823529411764706,
1809
+ 0.5098039215686274,
1810
+ 0.34509803921568627
1811
+ ],
1812
+ "alpha": 1,
1813
+ "hex": "#308258"
1814
+ },
1770
1815
  "$type": "color",
1771
1816
  "$description": "Used for the background for the lightgreen banner type.",
1772
1817
  "$extensions": {
@@ -1777,7 +1822,16 @@
1777
1822
  }
1778
1823
  },
1779
1824
  "🔒/broadcast-banner-background-color-lightindigo": {
1780
- "$value": "{color-theme-indigo-500}",
1825
+ "$value": {
1826
+ "colorSpace": "srgb",
1827
+ "components": [
1828
+ 0.4,
1829
+ 0.4,
1830
+ 0.7686274509803922
1831
+ ],
1832
+ "alpha": 1,
1833
+ "hex": "#6666c4"
1834
+ },
1781
1835
  "$type": "color",
1782
1836
  "$description": "Used for the background for the lightindigo banner type.",
1783
1837
  "$extensions": {
@@ -1788,7 +1842,16 @@
1788
1842
  }
1789
1843
  },
1790
1844
  "🔒/broadcast-banner-background-color-lightred": {
1791
- "$value": "{color-theme-red-500}",
1845
+ "$value": {
1846
+ "colorSpace": "srgb",
1847
+ "components": [
1848
+ 0.6784313725490196,
1849
+ 0.2901960784313726,
1850
+ 0.23137254901960785
1851
+ ],
1852
+ "alpha": 1,
1853
+ "hex": "#ad4a3b"
1854
+ },
1792
1855
  "$type": "color",
1793
1856
  "$description": "Used for the background for the lightred banner type.",
1794
1857
  "$extensions": {
@@ -1799,7 +1862,16 @@
1799
1862
  }
1800
1863
  },
1801
1864
  "🔒/broadcast-banner-background-color-red": {
1802
- "$value": "{color-theme-red-700}",
1865
+ "$value": {
1866
+ "colorSpace": "srgb",
1867
+ "components": [
1868
+ 0.5607843137254902,
1869
+ 0.12941176470588237,
1870
+ 0.06274509803921569
1871
+ ],
1872
+ "alpha": 1,
1873
+ "hex": "#8f2110"
1874
+ },
1803
1875
  "$type": "color",
1804
1876
  "$description": "Used for the background for the red banner type.",
1805
1877
  "$extensions": {
@@ -1810,7 +1882,16 @@
1810
1882
  }
1811
1883
  },
1812
1884
  "🔒/broadcast-banner-border-color-blue": {
1813
- "$value": "{color-theme-blue-900}",
1885
+ "$value": {
1886
+ "colorSpace": "srgb",
1887
+ "components": [
1888
+ 0.043137254901960784,
1889
+ 0.14901960784313725,
1890
+ 0.25098039215686274
1891
+ ],
1892
+ "alpha": 1,
1893
+ "hex": "#0b2640"
1894
+ },
1814
1895
  "$type": "color",
1815
1896
  "$description": "Used for the border for the blue banner type.",
1816
1897
  "$extensions": {
@@ -1830,7 +1911,16 @@
1830
1911
  }
1831
1912
  },
1832
1913
  "🔒/broadcast-banner-border-color-green": {
1833
- "$value": "{color-theme-green-900}",
1914
+ "$value": {
1915
+ "colorSpace": "srgb",
1916
+ "components": [
1917
+ 0.054901960784313725,
1918
+ 0.2627450980392157,
1919
+ 0.1568627450980392
1920
+ ],
1921
+ "alpha": 1,
1922
+ "hex": "#0e4328"
1923
+ },
1834
1924
  "$type": "color",
1835
1925
  "$description": "Used for the border for the green banner type.",
1836
1926
  "$extensions": {
@@ -1840,7 +1930,16 @@
1840
1930
  }
1841
1931
  },
1842
1932
  "🔒/broadcast-banner-border-color-indigo": {
1843
- "$value": "{color-theme-indigo-900}",
1933
+ "$value": {
1934
+ "colorSpace": "srgb",
1935
+ "components": [
1936
+ 0.13333333333333333,
1937
+ 0.13333333333333333,
1938
+ 0.3803921568627451
1939
+ ],
1940
+ "alpha": 1,
1941
+ "hex": "#222261"
1942
+ },
1844
1943
  "$type": "color",
1845
1944
  "$description": "Used for the border for the indigo banner type.",
1846
1945
  "$extensions": {
@@ -1860,7 +1959,16 @@
1860
1959
  }
1861
1960
  },
1862
1961
  "🔒/broadcast-banner-border-color-lightblue": {
1863
- "$value": "{color-theme-blue-700}",
1962
+ "$value": {
1963
+ "colorSpace": "srgb",
1964
+ "components": [
1965
+ 0.13725490196078433,
1966
+ 0.3176470588235294,
1967
+ 0.5019607843137255
1968
+ ],
1969
+ "alpha": 1,
1970
+ "hex": "#235180"
1971
+ },
1864
1972
  "$type": "color",
1865
1973
  "$description": "Used for the border for the lightblue banner type.",
1866
1974
  "$extensions": {
@@ -1870,7 +1978,16 @@
1870
1978
  }
1871
1979
  },
1872
1980
  "🔒/broadcast-banner-border-color-lightgreen": {
1873
- "$value": "{color-theme-green-700}",
1981
+ "$value": {
1982
+ "colorSpace": "srgb",
1983
+ "components": [
1984
+ 0.10588235294117647,
1985
+ 0.396078431372549,
1986
+ 0.24705882352941178
1987
+ ],
1988
+ "alpha": 1,
1989
+ "hex": "#1b653f"
1990
+ },
1874
1991
  "$type": "color",
1875
1992
  "$description": "Used for the border for the lightgreen banner type.",
1876
1993
  "$extensions": {
@@ -1880,7 +1997,16 @@
1880
1997
  }
1881
1998
  },
1882
1999
  "🔒/broadcast-banner-border-color-lightindigo": {
1883
- "$value": "{color-theme-indigo-700}",
2000
+ "$value": {
2001
+ "colorSpace": "srgb",
2002
+ "components": [
2003
+ 0.2549019607843137,
2004
+ 0.2549019607843137,
2005
+ 0.6235294117647059
2006
+ ],
2007
+ "alpha": 1,
2008
+ "hex": "#41419f"
2009
+ },
1884
2010
  "$type": "color",
1885
2011
  "$description": "Used for the border for the lightindigo banner type.",
1886
2012
  "$extensions": {
@@ -1890,7 +2016,16 @@
1890
2016
  }
1891
2017
  },
1892
2018
  "🔒/broadcast-banner-border-color-lightred": {
1893
- "$value": "{color-theme-red-700}",
2019
+ "$value": {
2020
+ "colorSpace": "srgb",
2021
+ "components": [
2022
+ 0.5607843137254902,
2023
+ 0.12941176470588237,
2024
+ 0.06274509803921569
2025
+ ],
2026
+ "alpha": 1,
2027
+ "hex": "#8f2110"
2028
+ },
1894
2029
  "$type": "color",
1895
2030
  "$description": "Used for the border for the lightred banner type.",
1896
2031
  "$extensions": {
@@ -1900,7 +2035,16 @@
1900
2035
  }
1901
2036
  },
1902
2037
  "🔒/broadcast-banner-border-color-red": {
1903
- "$value": "{color-theme-red-900}",
2038
+ "$value": {
2039
+ "colorSpace": "srgb",
2040
+ "components": [
2041
+ 0.34509803921568627,
2042
+ 0.050980392156862744,
2043
+ 0.00784313725490196
2044
+ ],
2045
+ "alpha": 1,
2046
+ "hex": "#580d02"
2047
+ },
1904
2048
  "$type": "color",
1905
2049
  "$description": "Used for the border for the red banner type.",
1906
2050
  "$extensions": {
@@ -1700,7 +1700,16 @@
1700
1700
  }
1701
1701
  },
1702
1702
  "🔒/broadcast-banner-background-color-blue": {
1703
- "$value": "{color-theme-blue-700}",
1703
+ "$value": {
1704
+ "colorSpace": "srgb",
1705
+ "components": [
1706
+ 0.13725490196078433,
1707
+ 0.3176470588235294,
1708
+ 0.5019607843137255
1709
+ ],
1710
+ "alpha": 1,
1711
+ "hex": "#235180"
1712
+ },
1704
1713
  "$type": "color",
1705
1714
  "$description": "Used for the background for the blue banner type.",
1706
1715
  "$extensions": {
@@ -1722,7 +1731,16 @@
1722
1731
  }
1723
1732
  },
1724
1733
  "🔒/broadcast-banner-background-color-green": {
1725
- "$value": "{color-theme-green-700}",
1734
+ "$value": {
1735
+ "colorSpace": "srgb",
1736
+ "components": [
1737
+ 0.10588235294117647,
1738
+ 0.396078431372549,
1739
+ 0.24705882352941178
1740
+ ],
1741
+ "alpha": 1,
1742
+ "hex": "#1b653f"
1743
+ },
1726
1744
  "$type": "color",
1727
1745
  "$description": "Used for the background for the green banner type.",
1728
1746
  "$extensions": {
@@ -1733,7 +1751,16 @@
1733
1751
  }
1734
1752
  },
1735
1753
  "🔒/broadcast-banner-background-color-indigo": {
1736
- "$value": "{color-theme-indigo-700}",
1754
+ "$value": {
1755
+ "colorSpace": "srgb",
1756
+ "components": [
1757
+ 0.2549019607843137,
1758
+ 0.2549019607843137,
1759
+ 0.6235294117647059
1760
+ ],
1761
+ "alpha": 1,
1762
+ "hex": "#41419f"
1763
+ },
1737
1764
  "$type": "color",
1738
1765
  "$description": "Used for the background for the indigo banner type.",
1739
1766
  "$extensions": {
@@ -1755,7 +1782,16 @@
1755
1782
  }
1756
1783
  },
1757
1784
  "🔒/broadcast-banner-background-color-lightblue": {
1758
- "$value": "{color-theme-blue-500}",
1785
+ "$value": {
1786
+ "colorSpace": "srgb",
1787
+ "components": [
1788
+ 0.28627450980392155,
1789
+ 0.4666666666666667,
1790
+ 0.6470588235294118
1791
+ ],
1792
+ "alpha": 1,
1793
+ "hex": "#4977a5"
1794
+ },
1759
1795
  "$type": "color",
1760
1796
  "$description": "Used for the background for the lightblue banner type.",
1761
1797
  "$extensions": {
@@ -1766,7 +1802,16 @@
1766
1802
  }
1767
1803
  },
1768
1804
  "🔒/broadcast-banner-background-color-lightgreen": {
1769
- "$value": "{color-theme-green-500}",
1805
+ "$value": {
1806
+ "colorSpace": "srgb",
1807
+ "components": [
1808
+ 0.18823529411764706,
1809
+ 0.5098039215686274,
1810
+ 0.34509803921568627
1811
+ ],
1812
+ "alpha": 1,
1813
+ "hex": "#308258"
1814
+ },
1770
1815
  "$type": "color",
1771
1816
  "$description": "Used for the background for the lightgreen banner type.",
1772
1817
  "$extensions": {
@@ -1777,7 +1822,16 @@
1777
1822
  }
1778
1823
  },
1779
1824
  "🔒/broadcast-banner-background-color-lightindigo": {
1780
- "$value": "{color-theme-indigo-500}",
1825
+ "$value": {
1826
+ "colorSpace": "srgb",
1827
+ "components": [
1828
+ 0.4,
1829
+ 0.4,
1830
+ 0.7686274509803922
1831
+ ],
1832
+ "alpha": 1,
1833
+ "hex": "#6666c4"
1834
+ },
1781
1835
  "$type": "color",
1782
1836
  "$description": "Used for the background for the lightindigo banner type.",
1783
1837
  "$extensions": {
@@ -1788,7 +1842,16 @@
1788
1842
  }
1789
1843
  },
1790
1844
  "🔒/broadcast-banner-background-color-lightred": {
1791
- "$value": "{color-theme-red-500}",
1845
+ "$value": {
1846
+ "colorSpace": "srgb",
1847
+ "components": [
1848
+ 0.6784313725490196,
1849
+ 0.2901960784313726,
1850
+ 0.23137254901960785
1851
+ ],
1852
+ "alpha": 1,
1853
+ "hex": "#ad4a3b"
1854
+ },
1792
1855
  "$type": "color",
1793
1856
  "$description": "Used for the background for the lightred banner type.",
1794
1857
  "$extensions": {
@@ -1799,7 +1862,16 @@
1799
1862
  }
1800
1863
  },
1801
1864
  "🔒/broadcast-banner-background-color-red": {
1802
- "$value": "{color-theme-red-700}",
1865
+ "$value": {
1866
+ "colorSpace": "srgb",
1867
+ "components": [
1868
+ 0.5607843137254902,
1869
+ 0.12941176470588237,
1870
+ 0.06274509803921569
1871
+ ],
1872
+ "alpha": 1,
1873
+ "hex": "#8f2110"
1874
+ },
1803
1875
  "$type": "color",
1804
1876
  "$description": "Used for the background for the red banner type.",
1805
1877
  "$extensions": {
@@ -1810,7 +1882,16 @@
1810
1882
  }
1811
1883
  },
1812
1884
  "🔒/broadcast-banner-border-color-blue": {
1813
- "$value": "{color-theme-blue-900}",
1885
+ "$value": {
1886
+ "colorSpace": "srgb",
1887
+ "components": [
1888
+ 0.043137254901960784,
1889
+ 0.14901960784313725,
1890
+ 0.25098039215686274
1891
+ ],
1892
+ "alpha": 1,
1893
+ "hex": "#0b2640"
1894
+ },
1814
1895
  "$type": "color",
1815
1896
  "$description": "Used for the border for the blue banner type.",
1816
1897
  "$extensions": {
@@ -1830,7 +1911,16 @@
1830
1911
  }
1831
1912
  },
1832
1913
  "🔒/broadcast-banner-border-color-green": {
1833
- "$value": "{color-theme-green-900}",
1914
+ "$value": {
1915
+ "colorSpace": "srgb",
1916
+ "components": [
1917
+ 0.054901960784313725,
1918
+ 0.2627450980392157,
1919
+ 0.1568627450980392
1920
+ ],
1921
+ "alpha": 1,
1922
+ "hex": "#0e4328"
1923
+ },
1834
1924
  "$type": "color",
1835
1925
  "$description": "Used for the border for the green banner type.",
1836
1926
  "$extensions": {
@@ -1840,7 +1930,16 @@
1840
1930
  }
1841
1931
  },
1842
1932
  "🔒/broadcast-banner-border-color-indigo": {
1843
- "$value": "{color-theme-indigo-900}",
1933
+ "$value": {
1934
+ "colorSpace": "srgb",
1935
+ "components": [
1936
+ 0.13333333333333333,
1937
+ 0.13333333333333333,
1938
+ 0.3803921568627451
1939
+ ],
1940
+ "alpha": 1,
1941
+ "hex": "#222261"
1942
+ },
1844
1943
  "$type": "color",
1845
1944
  "$description": "Used for the border for the indigo banner type.",
1846
1945
  "$extensions": {
@@ -1860,7 +1959,16 @@
1860
1959
  }
1861
1960
  },
1862
1961
  "🔒/broadcast-banner-border-color-lightblue": {
1863
- "$value": "{color-theme-blue-700}",
1962
+ "$value": {
1963
+ "colorSpace": "srgb",
1964
+ "components": [
1965
+ 0.13725490196078433,
1966
+ 0.3176470588235294,
1967
+ 0.5019607843137255
1968
+ ],
1969
+ "alpha": 1,
1970
+ "hex": "#235180"
1971
+ },
1864
1972
  "$type": "color",
1865
1973
  "$description": "Used for the border for the lightblue banner type.",
1866
1974
  "$extensions": {
@@ -1870,7 +1978,16 @@
1870
1978
  }
1871
1979
  },
1872
1980
  "🔒/broadcast-banner-border-color-lightgreen": {
1873
- "$value": "{color-theme-green-700}",
1981
+ "$value": {
1982
+ "colorSpace": "srgb",
1983
+ "components": [
1984
+ 0.10588235294117647,
1985
+ 0.396078431372549,
1986
+ 0.24705882352941178
1987
+ ],
1988
+ "alpha": 1,
1989
+ "hex": "#1b653f"
1990
+ },
1874
1991
  "$type": "color",
1875
1992
  "$description": "Used for the border for the lightgreen banner type.",
1876
1993
  "$extensions": {
@@ -1880,7 +1997,16 @@
1880
1997
  }
1881
1998
  },
1882
1999
  "🔒/broadcast-banner-border-color-lightindigo": {
1883
- "$value": "{color-theme-indigo-700}",
2000
+ "$value": {
2001
+ "colorSpace": "srgb",
2002
+ "components": [
2003
+ 0.2549019607843137,
2004
+ 0.2549019607843137,
2005
+ 0.6235294117647059
2006
+ ],
2007
+ "alpha": 1,
2008
+ "hex": "#41419f"
2009
+ },
1884
2010
  "$type": "color",
1885
2011
  "$description": "Used for the border for the lightindigo banner type.",
1886
2012
  "$extensions": {
@@ -1890,7 +2016,16 @@
1890
2016
  }
1891
2017
  },
1892
2018
  "🔒/broadcast-banner-border-color-lightred": {
1893
- "$value": "{color-theme-red-700}",
2019
+ "$value": {
2020
+ "colorSpace": "srgb",
2021
+ "components": [
2022
+ 0.5607843137254902,
2023
+ 0.12941176470588237,
2024
+ 0.06274509803921569
2025
+ ],
2026
+ "alpha": 1,
2027
+ "hex": "#8f2110"
2028
+ },
1894
2029
  "$type": "color",
1895
2030
  "$description": "Used for the border for the lightred banner type.",
1896
2031
  "$extensions": {
@@ -1900,7 +2035,16 @@
1900
2035
  }
1901
2036
  },
1902
2037
  "🔒/broadcast-banner-border-color-red": {
1903
- "$value": "{color-theme-red-900}",
2038
+ "$value": {
2039
+ "colorSpace": "srgb",
2040
+ "components": [
2041
+ 0.34509803921568627,
2042
+ 0.050980392156862744,
2043
+ 0.00784313725490196
2044
+ ],
2045
+ "alpha": 1,
2046
+ "hex": "#580d02"
2047
+ },
1904
2048
  "$type": "color",
1905
2049
  "$description": "Used for the border for the red banner type.",
1906
2050
  "$extensions": {