@eui/eds-styles 22.0.0-alpha.3 → 22.0.0-alpha.5

package/dist/assets/images/estat-logo-horizontal.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="160.75896mm" height="21.682102mm" viewBox="0 0 160.75896 21.682102" version="1.1" id="svg486" inkscape:version="1.1.2 (b8e25be833, 2022-02-05)" sodipodi:docname="logo1.svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+   <sodipodi:namedview id="namedview488" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:document-units="mm" showgrid="false" inkscape:zoom="1.2432572" inkscape:cx="395.33251" inkscape:cy="222.39967" inkscape:window-width="1920" inkscape:window-height="1001" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:window-maximized="1" inkscape:current-layer="layer1" />
+   <defs id="defs483" />
+   <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(-0.48685135,-1.6564728)">
+      <g id="Calque_1" data-name="Calque 1" transform="matrix(0.26458333,0,0,0.26458333,-144.77921,-13.535902)">
+         <path d="m 1028.32,81.23 v 14 h -11.17 v 29.38 c 0,2.9 0.12,4.83 1.08,5.76 0.96,0.93 2.74,1.47 5.64,1.47 1,0 1.45,-0.08 2.37,-0.14 0.92,-0.06 2.08,-0.2 2.08,-0.39 v 13.25 c 0,0.26 -2.7,0.38 -4.47,0.43 -1.77,0.05 -3.33,0.14 -5,0.14 a 47.78,47.78 0 0 1 -7.44,-0.54 17.57,17.57 0 0 1 -6.19,-2.11 10.19,10.19 0 0 1 -3.78,-4.44 c -1,-1.89 -1,-4.41 -1,-7.54 V 95.19 h -11.21 v -14 h 11.18 V 64.47 h 16.75 v 16.76 z m -66.52,34.41 a 24.71,24.71 0 0 1 -3.31,0.88 c -1.23,0.26 -2.45,0.44 -3.81,0.6 -1.36,0.16 -2.69,0.36 -4,0.63 a 20.57,20.57 0 0 0 -3.71,0.94 10.46,10.46 0 0 0 -3.26,1.61 8.24,8.24 0 0 0 -2.21,2.58 8.4,8.4 0 0 0 -0.82,4 8.19,8.19 0 0 0 0.83,3.86 6.76,6.76 0 0 0 2.27,2.44 10.27,10.27 0 0 0 3.36,1.29 22.6,22.6 0 0 0 3.94,0.32 c 3.36,0 6,-0.51 7.8,-1.65 a 11.32,11.32 0 0 0 4.08,-4 12.75,12.75 0 0 0 1.25,-4.74 21.89,21.89 0 0 0 -0.07,-3.84 v -6.36 c 0,0.63 -1.25,1.12 -2.3,1.5 m -33.3,-24.52 a 19.85,19.85 0 0 1 6.72,-6.18 28.44,28.44 0 0 1 9.17,-3.32 51.84,51.84 0 0 1 10.24,-1 69.79,69.79 0 0 1 9.49,0.66 29,29 0 0 1 8.76,2.66 16.34,16.34 0 0 1 6,5.33 c 1.65,2.27 2,5.34 2,9.05 v 32.31 a 59.55,59.55 0 0 0 1,8 13.94,13.94 0 0 0 1.94,5.76 l -17.16,0.06 a 22.9,22.9 0 0 1 -0.7,-3 23.33,23.33 0 0 1 -0.41,-3.08 22.16,22.16 0 0 1 -9.57,5.88 39.49,39.49 0 0 1 -11.32,1.69 31.25,31.25 0 0 1 -8.31,-1.1 19,19 0 0 1 -6.73,-3.37 15.66,15.66 0 0 1 -4.5,-5.73 20.22,20.22 0 0 1 -1.6,-8.29 17.79,17.79 0 0 1 1.87,-8.67 15.38,15.38 0 0 1 4.79,-5.47 21,21 0 0 1 6.72,-3 72.18,72.18 0 0 1 7.62,-1.64 c 2.54,-0.39 5.08,-0.69 7.56,-1 a 45.77,45.77 0 0 0 6.63,-1.07 11.27,11.27 0 0 0 4.51,-2.11 4.58,4.58 0 0 0 1.56,-4 9,9 0 0 0 -0.9,-4.41 6.77,6.77 0 0 0 -2.38,-2.49 9.56,9.56 0 0 0 -3.48,-1.2 25.39,25.39 0 0 0 -4.22,-0.3 c -3.34,0 -6,0.34 -7.9,1.79 a 9.82,9.82 0 0 0 -3.33,6.78 h -17.07 a 22.77,22.77 0 0 1 3,-9.59 m -11.91,-10 v 14 h -14 v 29.38 a 8.07,8.07 0 0 0 1.91,5.76 c 0.95,0.95 3.13,1.47 6,1.47 1,0 2.29,-0.08 3.14,-0.14 0.85,-0.06 2.92,-0.2 2.92,-0.39 v 13.25 c -2.79,0.26 -3.3,0.38 -5.07,0.43 -1.77,0.05 -3.59,0.14 -5.3,0.14 a 49,49 0 0 1 -7.55,-0.54 17.93,17.93 0 0 1 -6.31,-2.11 11.77,11.77 0 0 1 -4.58,-4.44 15.16,15.16 0 0 1 -1.91,-7.54 V 95.19 h -8.38 v -14 h 8.38 V 64.47 h 16.76 v 16.76 z m -85,47.26 a 11.18,11.18 0 0 0 3,3.54 12,12 0 0 0 4.14,2 17.52,17.52 0 0 0 4.81,0.67 19.24,19.24 0 0 0 3.78,-0.36 11.82,11.82 0 0 0 3.58,-1.31 7.94,7.94 0 0 0 2.7,-2.38 6.38,6.38 0 0 0 1.1,-3.8 c 0,-2.54 -1.7,-4.47 -5.11,-5.76 a 96,96 0 0 0 -14.21,-3.79 c -2.48,-0.61 -4.93,-1.28 -7.26,-2 a 25.12,25.12 0 0 1 -6.31,-3 15.11,15.11 0 0 1 -4.42,-4.7 13.24,13.24 0 0 1 -1.7,-6.95 18.44,18.44 0 0 1 2.27,-9.71 17.19,17.19 0 0 1 6.17,-6 27.42,27.42 0 0 1 8.68,-3.14 53.63,53.63 0 0 1 9.82,-0.86 49.78,49.78 0 0 1 9.76,0.94 25.28,25.28 0 0 1 8.57,3.22 20.13,20.13 0 0 1 6.19,6.14 c 1.63,2.55 2.58,6.86 2.91,9.65 H 853.86 C 853.57,98 852.37,95.2 850.13,94.06 a 17.18,17.18 0 0 0 -7.91,-1.78 23.29,23.29 0 0 0 -3.13,0.17 9.23,9.23 0 0 0 -3.05,0.74 6.82,6.82 0 0 0 -2.34,1.71 4.58,4.58 0 0 0 -1,3.09 4.53,4.53 0 0 0 1.73,3.67 12.62,12.62 0 0 0 4.34,2.37 58.13,58.13 0 0 0 6.21,1.63 c 2.28,0.46 4.67,1 7.08,1.53 a 71.8,71.8 0 0 1 7.25,2 24.21,24.21 0 0 1 6.28,3.18 15.08,15.08 0 0 1 4.44,4.91 14.57,14.57 0 0 1 1.67,7.26 20.09,20.09 0 0 1 -2.42,10.25 20.5,20.5 0 0 1 -6.44,6.66 26.61,26.61 0 0 1 -9.05,3.53 51.52,51.52 0 0 1 -10.4,1 51,51 0 0 1 -10.52,-1.1 28.3,28.3 0 0 1 -9.22,-3.59 23.26,23.26 0 0 1 -6.58,-7.24 c -1.72,-2.77 -2.63,-5.42 -2.8,-11 h 16.2 c 0,2.8 0.36,4 1.13,5.39 M 746.9,100 a 28.27,28.27 0 0 1 16.53,-16.93 36.32,36.32 0 0 1 13.21,-2.3 37,37 0 0 1 13.25,2.3 28.24,28.24 0 0 1 16.58,16.93 38.1,38.1 0 0 1 2.28,13.57 37.25,37.25 0 0 1 -2.28,13.43 29.59,29.59 0 0 1 -6.47,10.3 28.22,28.22 0 0 1 -10.11,6.53 36.75,36.75 0 0 1 -13.25,2.29 36.11,36.11 0 0 1 -13.21,-2.29 A 28.15,28.15 0 0 1 753.36,137.3 29.37,29.37 0 0 1 746.9,127 37.46,37.46 0 0 1 744.61,113.59 38.32,38.32 0 0 1 746.9,100 m 15.51,20.78 a 19.87,19.87 0 0 0 2.41,6.37 12.86,12.86 0 0 0 4.64,4.51 13.9,13.9 0 0 0 7.18,1.69 14.49,14.49 0 0 0 7.22,-1.69 12.78,12.78 0 0 0 4.64,-4.51 19.28,19.28 0 0 0 2.5,-6.35 36.51,36.51 0 0 0 0.69,-7.25 37.42,37.42 0 0 0 -0.69,-7.34 18.67,18.67 0 0 0 -2.47,-6.35 13.1,13.1 0 0 0 -11.86,-6.25 13.42,13.42 0 0 0 -7.18,1.73 13.94,13.94 0 0 0 -4.64,4.52 19.23,19.23 0 0 0 -2.41,6.35 36,36 0 0 0 -0.72,7.34 35.1,35.1 0 0 0 0.72,7.25 M 721.17,81.23 v 14 h -0.5 a 14.34,14.34 0 0 1 3.24,-5.94 23.18,23.18 0 0 1 4.67,-4.51 23.81,23.81 0 0 1 5.68,-2.85 18.56,18.56 0 0 1 5.86,-1 c 1.13,0 3.39,0.08 3.39,0.5 v 15.79 a 10.33,10.33 0 0 0 -2.53,-0.45 c -1.11,-0.09 -2,-0.15 -3.07,-0.15 a 17.71,17.71 0 0 0 -7.91,1.58 13.49,13.49 0 0 0 -5.14,4.25 17.23,17.23 0 0 0 -2.85,6.3 33.08,33.08 0 0 0 -0.88,7.8 v 28.91 H 704.42 V 81.23 Z m -47.47,64.22 v -8.38 0 a 24.07,24.07 0 0 1 -8.41,7.24 24.4,24.4 0 0 1 -10.55,2.1 29.27,29.27 0 0 1 -11.21,-2 16.1,16.1 0 0 1 -6.9,-5.16 20,20 0 0 1 -3.7,-8.08 52.66,52.66 0 0 1 -1.16,-10.55 V 81.23 h 16.75 v 36.33 c 0,5.1 1.1,9 2.71,11.45 1.61,2.45 4.59,3.78 8.68,3.78 4.61,0 8.26,-1.37 10.33,-4.13 2.07,-2.76 3.42,-7.32 3.42,-13.63 v -33.8 h 16.75 v 64.22 z m -92.53,-15.88 c 2.53,2.54 6.22,3.77 11,3.77 a 15.52,15.52 0 0 0 8.88,-2.27 c 2.46,-1.73 4,-2.37 4.56,-5.16 h 15 c -2.41,5.58 -6.11,12.51 -11.06,15.7 -4.95,3.19 -11,4.64 -18,4.64 a 35.65,35.65 0 0 1 -13.22,-2.4 27.9,27.9 0 0 1 -10,-6.69 30.47,30.47 0 0 1 -6.31,-10.34 37.84,37.84 0 0 1 -2.21,-13.21 35.75,35.75 0 0 1 2.27,-13 30,30 0 0 1 16.5,-17.3 32,32 0 0 1 12.92,-2.5 29.4,29.4 0 0 1 13.82,3 27.09,27.09 0 0 1 9.64,8.21 33.61,33.61 0 0 1 5.48,11.73 41.44,41.44 0 0 1 1.16,13.74 H 577 c 0.25,5.59 1.63,9.58 4.2,12 m 19.26,-32.83 c -2,-2.23 -5.13,-3.25 -9.29,-3.25 a 14.84,14.84 0 0 0 -6.81,1.44 13.56,13.56 0 0 0 -4.36,3.52 12.15,12.15 0 0 0 -2.29,4.16 c -0.43,1.48 -0.69,3.83 -0.76,3.83 h 27.75 c -0.83,-2.79 -2.26,-7.38 -4.27,-9.62" transform="translate(-10.77,-7.05)" style="fill:#7D8088" id="path45" />
+         <g id="EUflag">
+            <polygon points="1035.24,138.35 1156.63,138.35 1156.63,57.42 1035.24,57.42 " style="fill:#003399" id="polygon47" />
+         </g>
+         <polygon points="1102.1,69.73 1098.84,72.28 1100.1,76.31 1096.85,73.82 1093.59,76.31 1094.88,72.28 1091.58,69.73 1095.62,69.73 1096.85,65.79 1098.05,69.73 " style="fill:#FFCC00" id="polygon50" />
+         <polygon points="1102.25,123.66 1098.99,126.11 1100.25,129.99 1097,127.6 1093.75,129.99 1095.03,126.11 1091.73,123.66 1095.77,123.66 1097,119.88 1098.19,123.66 " style="fill:#FFCC00" id="polygon52" />
+         <polygon points="1115.59,120.08 1112.33,122.53 1113.6,126.42 1110.34,124.03 1107.09,126.42 1108.37,122.53 1105.07,120.08 1109.12,120.08 1110.34,116.3 1111.54,120.08 " style="fill:#FFCC00" id="polygon54" />
+         <polygon points="1115.59,73.32 1112.33,75.77 1113.6,79.66 1110.34,77.26 1107.09,79.66 1108.37,75.77 1105.07,73.32 1109.12,73.32 1110.34,69.53 1111.54,73.32 " style="fill:#FFCC00" id="polygon56" />
+         <polygon points="1125.49,83.23 1122.22,85.67 1123.5,89.56 1120.24,87.17 1117,89.56 1118.27,85.67 1114.97,83.23 1119.02,83.23 1120.24,79.44 1121.44,83.23 " style="fill:#FFCC00" id="polygon58" />
+         <polygon points="1125.49,110.32 1122.22,112.77 1123.5,116.66 1120.24,114.26 1116.99,116.66 1118.27,112.77 1114.97,110.32 1119.02,110.32 1120.24,106.52 1121.44,110.32 " style="fill:#FFCC00" id="polygon60" />
+         <polygon points="1129.21,96.56 1125.95,99.02 1127.21,102.9 1123.96,100.5 1120.71,102.9 1121.99,99.02 1118.69,96.56 1122.73,96.56 1123.96,92.78 1125.15,96.56 " style="fill:#FFCC00" id="polygon62" />
+         <polygon points="1088.5,73.36 1085.23,75.81 1086.5,79.7 1083.24,77.3 1079.99,79.7 1081.27,75.81 1077.98,73.36 1082.02,73.36 1083.24,69.57 1084.45,73.36 " style="fill:#FFCC00" id="polygon64" />
+         <polygon points="1078.88,83.26 1075.61,85.71 1076.87,89.59 1073.62,87.2 1070.37,89.59 1071.65,85.71 1068.35,83.26 1072.4,83.26 1073.62,79.47 1074.82,83.26 " style="fill:#FFCC00" id="polygon66" />
+         <polygon points="1075.3,96.6 1072.03,99.05 1073.3,102.93 1070.05,100.55 1066.79,102.93 1068.07,99.05 1064.78,96.6 1068.82,96.6 1070.05,92.81 1071.24,96.6 " style="fill:#FFCC00" id="polygon68" />
+         <polygon points="1078.88,110.35 1075.61,112.81 1076.87,116.69 1073.62,114.3 1070.37,116.69 1071.65,112.81 1068.35,110.35 1072.4,110.35 1073.62,106.57 1074.82,110.35 " style="fill:#FFCC00" id="polygon70" />
+         <polygon points="1088.64,120.12 1085.37,122.57 1086.63,126.45 1083.38,124.06 1080.13,126.45 1081.42,122.57 1078.12,120.12 1082.16,120.12 1083.38,116.33 1084.59,120.12 " style="fill:#FFCC00" id="polygon72" />
+      </g>
+   </g>
+</svg>

package/dist/assets/images/eui-logo.svg

@@ -0,0 +1,12 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M128.116 14.0238L26.2521 61.0379L34.0877 186.409L128.116 241.259L222.144 186.409L229.98 61.0379L128.116 14.0238Z" fill="url(#paint0_linear_1_787)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 53.1305L128.116 0L243.232 53.1305L234.429 193.984L128.116 256L21.8034 193.984L13 53.1305ZM34.0878 186.409L26.2521 61.0379L128.116 14.0238L229.98 61.0379L222.144 186.409L128.116 241.259L34.0878 186.409Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M99.2899 147.628V83H84.5V156.422L128.5 181L172.5 156.422V83H157.71V147.628L128.5 163.945L99.2899 147.628ZM135.895 83V137.105H121.105V83H135.895Z" fill="white"/>
+<path d="M229.98 61.0379L128.116 14.0238V241.259L222.144 186.409L229.98 61.0379Z" fill="black" fill-opacity="0.2"/>
+<defs>
+<linearGradient id="paint0_linear_1_787" x1="128.116" y1="25.7773" x2="128.116" y2="184.058" gradientUnits="userSpaceOnUse">
+<stop offset="0.151042" stop-color="#B72F51"/>
+<stop offset="1" stop-color="#1B4986"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/assets/images/placeholder.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600"><rect width="100%" height="100%" fill="#DDDDDD"/><path fill="#999999" d="M204.73 301.795v.94q0 10.79-4.99 17.34-4.98 6.56-13.92 6.56-3.82 0-6.79-1.41-2.96-1.42-5.07-4.16v23.32h-13.08v-67.3h11.82l.76 5.75q2.16-3.18 5.19-4.91t7.08-1.73q9.03 0 14.01 7.05 4.99 7.05 4.99 18.55m-13.12.94v-.94q0-6.87-2.29-11.14t-7.01-4.27q-2.96 0-5.05 1.22-2.09 1.21-3.3 3.46v21.29q1.21 2.06 3.3 3.14t5.14 1.08q4.76 0 6.99-3.73 2.22-3.73 2.22-10.11m34.99-47.12v70.08h-13.11v-70.08zm52.43 70.08h-13.12q-.72-1.66-1.23-3.5-.52-1.85-.75-3.78-2.02 3.55-5.32 5.89-3.3 2.33-7.88 2.33-7.64 0-11.77-3.93t-4.13-10.71q0-7.14 5.5-11.07 5.5-3.94 16.06-3.94h7.32v-3.86q0-3.5-1.84-5.43-1.84-1.94-5.44-1.94-3.19 0-4.92 1.55t-1.73 4.29l-12.66-.04-.05-.27q-.31-6.15 5.35-10.62t14.87-4.47q8.71 0 14.15 4.42 5.43 4.43 5.43 12.6v20.08q0 3.42.52 6.43t1.64 5.97m-25.11-8.76q3.46 0 6.15-1.71 2.7-1.7 3.64-3.95v-6.87h-7.32q-4.18 0-6.34 2.09-2.15 2.08-2.15 5.05 0 2.43 1.62 3.91 1.61 1.48 4.4 1.48m53.27-.36q3.51 0 5.62-2.04 2.11-2.05 2.11-5.46h11.91l.13.27q.18 7.37-5.55 12.33t-14.22 4.96q-10.87 0-16.75-6.87-5.89-6.87-5.89-17.65v-1.35q0-10.74 5.87-17.66 5.86-6.91 16.73-6.91 8.98 0 14.49 5.12 5.5 5.12 5.32 13.47l-.09.27h-11.95q0-3.77-2.07-6.26-2.06-2.5-5.7-2.5-5.21 0-7.34 4.05-2.14 4.04-2.14 10.42v1.35q0 6.51 2.14 10.49 2.13 3.97 7.38 3.97m48.74 10.06q-10.51 0-16.8-6.73-6.28-6.74-6.28-17.12v-1.8q0-10.82 5.95-17.83t15.97-6.96q9.83 0 15.27 5.93t5.44 16.03v7.15h-29.02l-.09.26q.36 4.81 3.21 7.91t7.75 3.1q4.35 0 7.23-.88 2.87-.87 6.29-2.76l3.55 8.09q-2.97 2.42-7.77 4.02-4.81 1.59-10.7 1.59m-1.16-40.34q-3.64 0-5.75 2.79-2.11 2.78-2.61 7.32l.14.23h16.08v-1.17q0-4.18-1.96-6.67-1.95-2.5-5.9-2.5m41.15-30.68v27.63q2.29-3.33 5.61-5.19t7.37-1.86q7.59 0 11.92 5.05 4.34 5.05 4.34 15.61v28.84h-13.12v-28.93q0-5.66-2-8.02t-5.95-2.36q-2.69 0-4.76.97-2.07.96-3.41 2.72v35.62H382.8v-70.08zm37.1 46.27v-.94q0-10.87 6.07-17.81 6.06-6.94 16.8-6.94 10.78 0 16.89 6.91 6.11 6.92 6.11 17.84v.94q0 10.96-6.09 17.86-6.09 6.89-16.82 6.89-10.79 0-16.87-6.89-6.09-6.9-6.09-17.86m13.07-.94v.94q0 6.65 2.34 10.67t7.55 4.02q5.07 0 7.43-4.04 2.36-4.05 2.36-10.65v-.94q0-6.47-2.38-10.56t-7.5-4.09q-5.08 0-7.44 4.11t-2.36 10.54m54.67-45.33v70.08h-13.11v-70.08zm8.76 47.12v-.94q0-11.5 4.97-18.55 4.96-7.05 13.99-7.05 3.64 0 6.56 1.57t5.12 4.49v-26.64h13.16v70.08h-11.27l-1.08-5.93q-2.29 3.37-5.41 5.12-3.13 1.75-7.17 1.75-8.94 0-13.9-6.56-4.97-6.55-4.97-17.34m13.08-.94v.94q0 6.38 2.15 10.04 2.16 3.67 7.01 3.67 2.83 0 4.94-1.15 2.11-1.14 3.46-3.35v-20.71q-1.35-2.29-3.44-3.57t-4.87-1.28q-4.81 0-7.03 4.27t-2.22 11.14m62.39 24.84q-10.51 0-16.8-6.73-6.29-6.74-6.29-17.12v-1.8q0-10.82 5.95-17.83 5.96-7.01 15.97-6.96 9.84 0 15.28 5.93 5.43 5.93 5.43 16.03v7.15h-29.02l-.09.26q.36 4.81 3.22 7.91 2.85 3.1 7.74 3.1 4.36 0 7.24-.88 2.87-.87 6.29-2.76l3.54 8.09q-2.96 2.42-7.77 4.02-4.8 1.59-10.69 1.59m-1.17-40.34q-3.64 0-5.75 2.79-2.11 2.78-2.6 7.32l.13.23h16.08v-1.17q0-4.18-1.95-6.67-1.95-2.5-5.91-2.5m55.3-9.56-1.39 11.63-4.81-.13q-2.92 0-4.8 1.21-1.89 1.21-2.88 3.41v32.84h-13.07v-48.61h12.17l.59 7.19q1.7-3.82 4.42-5.95t6.27-2.13q.99 0 1.82.15.83.16 1.68.39"/></svg>

package/dist/base/01-base/index.scss

@@ -3,4 +3,3 @@ $eds-assets-base-path: '@eui/eds-styles/dist/assets' !default;
 
 @forward 'functions';
 @forward 'mixins';
-@forward 'animations';

package/dist/base/02-tokens/colors-primitive.scss

@@ -20,8 +20,8 @@ $color-map: (
     'european-blue-950': #001959,
 
     'silver-fog-0': #fff,
-    'silver-fog-25': #fafafb,
-    'silver-fog-50': #f6f6f8,
+    'silver-fog-25': #f6f6f8,
+    'silver-fog-50': #f2f2f4,
     'silver-fog-75': #ededf0,
     'silver-fog-100': #e1e1e7,
     'silver-fog-200': #d4d4dc,

package/dist/base/02-tokens/colors-semantic-dark-theme.scss

@@ -4,15 +4,15 @@
 @use './colors-primitive' as primitive;
 
 $color-semantic-map: (
+
+    // =============================================
+    // SURFACES — Elevation
+    // =============================================
+
     surface-accent: map.get(primitive.$color-map, 'graphite-900'),
     surface-selected: map.get(primitive.$color-map, 'graphite-800'),
     surface-skeleton: map.get(primitive.$color-map, 'graphite-800'),
     surface-invisible: map.get(primitive.$color-map, 'alpha-graphite-0-0'),
-    
-    surface-brand: map.get(primitive.$color-map, 'graphite-900'),
-    on-surface-brand: map.get(primitive.$color-map, 'graphite-0'),
-    surface-brand--hover: map.get(primitive.$color-map, 'graphite-950'),
-    on-surface-brand--hover: map.get(primitive.$color-map, 'graphite-0'),
 
     surface-elevation-sunken: map.get(primitive.$color-map, 'graphite-1000'),
     surface-elevation-inset: map.get(primitive.$color-map, 'graphite-950'),
@@ -21,11 +21,28 @@ $color-semantic-map: (
     surface-elevation-elevated: map.get(primitive.$color-map, 'graphite-700'),
     surface-elevation-overlay: map.get(primitive.$color-map, 'graphite-600'),
 
+    // =============================================
+    // SURFACES — Brand
+    // =============================================
+
+    surface-brand: map.get(primitive.$color-map, 'graphite-900'),
+    on-surface-brand: map.get(primitive.$color-map, 'graphite-0'),
+    surface-brand--hover: map.get(primitive.$color-map, 'graphite-950'),
+    on-surface-brand--hover: map.get(primitive.$color-map, 'graphite-0'),
+
+    // =============================================
+    // SURFACES — Disabled
+    // =============================================
+
     surface-disabled: map.get(primitive.$color-map, 'graphite-700'),
     on-surface-disabled: map.get(primitive.$color-map, 'graphite-400'),
     surface-disabled-subtle: map.get(primitive.$color-map, 'graphite-800'),
     on-surface-disabled-subtle: map.get(primitive.$color-map, 'graphite-400'),
 
+    // =============================================
+    // SURFACES — Primary
+    // =============================================
+
     surface-primary: map.get(primitive.$color-map, 'european-blue-600'),
     on-surface-primary: map.get(primitive.$color-map, 'graphite-0'),
     surface-primary--hover: map.get(primitive.$color-map, 'european-blue-700'),
@@ -34,6 +51,12 @@ $color-semantic-map: (
     on-surface-primary--pressed: map.get(primitive.$color-map, 'graphite-0'),
     surface-primary-subtle: map.get(primitive.$color-map, 'european-blue-50'),
     on-surface-primary-subtle: map.get(primitive.$color-map, 'european-blue-800'),
+    surface-primary-subtler: map.get(primitive.$color-map, 'european-blue-950'),
+    on-surface-primary-subtler: map.get(primitive.$color-map, 'european-blue-200'),
+
+    // =============================================
+    // SURFACES — Highlight
+    // =============================================
 
     surface-highlight: map.get(primitive.$color-map, 'sunrise-orange-300'),
     on-surface-highlight: map.get(primitive.$color-map, 'sunrise-orange-950'),
@@ -42,14 +65,22 @@ $color-semantic-map: (
     surface-highlight--pressed: map.get(primitive.$color-map, 'sunrise-orange-500'),
     on-surface-highlight--pressed: map.get(primitive.$color-map, 'sunrise-orange-950'),
     surface-highlight-subtler: map.get(primitive.$color-map, 'sunrise-orange-50'),
-    on-surface-highlight-subtler: map.get(primitive.$color-map, 'sunrise-orange-900'), 
+    on-surface-highlight-subtler: map.get(primitive.$color-map, 'sunrise-orange-900'),
 
-    surface-inverted:  map.get(primitive.$color-map, 'graphite-50'),
-    on-surface-inverted:  map.get(primitive.$color-map, 'graphite-950'),
-    surface-inverted-subtle:  map.get(primitive.$color-map, 'graphite-50'),
-    on-surface-inverted-subtle:  map.get(primitive.$color-map, 'graphite-800'),
-    surface-inverted-disabled:  map.get(primitive.$color-map, 'graphite-50'),
-    on-surface-inverted-disabled:  map.get(primitive.$color-map, 'graphite-100'),
+    // =============================================
+    // SURFACES — Inverted
+    // =============================================
+
+    surface-inverted: map.get(primitive.$color-map, 'graphite-50'),
+    on-surface-inverted: map.get(primitive.$color-map, 'graphite-950'),
+    surface-inverted-subtle: map.get(primitive.$color-map, 'graphite-50'),
+    on-surface-inverted-subtle: map.get(primitive.$color-map, 'graphite-800'),
+    surface-inverted-disabled: map.get(primitive.$color-map, 'graphite-50'),
+    on-surface-inverted-disabled: map.get(primitive.$color-map, 'graphite-100'),
+
+    // =============================================
+    // SURFACES — Neutral
+    // =============================================
 
     surface-neutral: map.get(primitive.$color-map, 'graphite-300'),
     on-surface-neutral: map.get(primitive.$color-map, 'graphite-0'),
@@ -58,11 +89,17 @@ $color-semantic-map: (
     surface-neutral--pressed: map.get(primitive.$color-map, 'graphite-500'),
     on-surface-neutral--pressed: map.get(primitive.$color-map, 'graphite-0'),
     surface-neutral-subtle: map.get(primitive.$color-map, 'graphite-800'),
-    on-surface-neutral-subtle: map.get(primitive.$color-map, 'graphite-0'), 
+    on-surface-neutral-subtle: map.get(primitive.$color-map, 'graphite-0'),
     surface-neutral-subtle--hover: map.get(primitive.$color-map, 'graphite-900'),
-    on-surface-neutral-subtle--hover: map.get(primitive.$color-map, 'graphite-0'),       
+    on-surface-neutral-subtle--hover: map.get(primitive.$color-map, 'graphite-0'),
     surface-neutral-subtler: map.get(primitive.$color-map, 'graphite-700'),
-    on-surface-neutral-subtler: map.get(primitive.$color-map, 'graphite-0'),          
+    on-surface-neutral-subtler: map.get(primitive.$color-map, 'graphite-0'),
+    surface-neutral-subtler--hover: map.get(primitive.$color-map, 'graphite-600'),
+    on-surface-neutral-subtler--hover: map.get(primitive.$color-map, 'graphite-0'),
+
+    // =============================================
+    // SURFACES — Critical
+    // =============================================
 
     surface-critical: map.get(primitive.$color-map, 'red-600'),
     on-surface-critical: map.get(primitive.$color-map, 'graphite-0'),
@@ -71,39 +108,131 @@ $color-semantic-map: (
     surface-critical--pressed: map.get(primitive.$color-map, 'red-800'),
     on-surface-critical--pressed: map.get(primitive.$color-map, 'graphite-0'),
     surface-critical-subtle: map.get(primitive.$color-map, 'red-200'),
-    on-surface-critical-subtle: map.get(primitive.$color-map, 'red-900'), 
+    on-surface-critical-subtle: map.get(primitive.$color-map, 'red-900'),
     surface-critical-subtler: map.get(primitive.$color-map, 'red-50'),
-    on-surface-critical-subtler: map.get(primitive.$color-map, 'red-700'), 
+    on-surface-critical-subtler: map.get(primitive.$color-map, 'red-700'),
     surface-critical-subtler--hover: map.get(primitive.$color-map, 'red-100'),
     on-surface-critical-subtler--hover: map.get(primitive.$color-map, 'red-900'),
 
+    // =============================================
+    // SURFACES — Info
+    // =============================================
+
     surface-info: map.get(primitive.$color-map, 'blue-600'),
-    on-surface-info: map.get(primitive.$color-map, 'graphite-0'),    
+    on-surface-info: map.get(primitive.$color-map, 'graphite-0'),
+    surface-info--hover: map.get(primitive.$color-map, 'blue-700'),
+    on-surface-info--hover: map.get(primitive.$color-map, 'graphite-0'),
+    surface-info--pressed: map.get(primitive.$color-map, 'blue-800'),
+    on-surface-info--pressed: map.get(primitive.$color-map, 'graphite-0'),
     surface-info-subtle: map.get(primitive.$color-map, 'blue-200'),
-    on-surface-info-subtle: map.get(primitive.$color-map, 'blue-900'),    
+    on-surface-info-subtle: map.get(primitive.$color-map, 'blue-900'),
     surface-info-subtler: map.get(primitive.$color-map, 'blue-50'),
     on-surface-info-subtler: map.get(primitive.$color-map, 'blue-800'),
     surface-info-subtler--hover: map.get(primitive.$color-map, 'blue-100'),
     on-surface-info-subtler--hover: map.get(primitive.$color-map, 'blue-900'),
 
+    // =============================================
+    // SURFACES — Success
+    // =============================================
+
     surface-success: map.get(primitive.$color-map, 'green-800'),
-    on-surface-success: map.get(primitive.$color-map, 'graphite-0'),    
+    on-surface-success: map.get(primitive.$color-map, 'graphite-0'),
+    surface-success--hover: map.get(primitive.$color-map, 'green-900'),
+    on-surface-success--hover: map.get(primitive.$color-map, 'graphite-0'),
+    surface-success--pressed: map.get(primitive.$color-map, 'green-950'),
+    on-surface-success--pressed: map.get(primitive.$color-map, 'graphite-0'),
     surface-success-subtle: map.get(primitive.$color-map, 'green-200'),
-    on-surface-success-subtle: map.get(primitive.$color-map, 'green-900'),    
+    on-surface-success-subtle: map.get(primitive.$color-map, 'green-900'),
     surface-success-subtler: map.get(primitive.$color-map, 'green-50'),
     on-surface-success-subtler: map.get(primitive.$color-map, 'green-800'),
     surface-success-subtler--hover: map.get(primitive.$color-map, 'green-200'),
     on-surface-success-subtler--hover: map.get(primitive.$color-map, 'green-900'),
 
+    // =============================================
+    // SURFACES — Warning
+    // =============================================
+
     surface-warning: map.get(primitive.$color-map, 'orange-500'),
-    on-surface-warning: map.get(primitive.$color-map, 'orange-950'),    
+    on-surface-warning: map.get(primitive.$color-map, 'orange-950'),
+    surface-warning--hover: map.get(primitive.$color-map, 'orange-600'),
+    on-surface-warning--hover: map.get(primitive.$color-map, 'orange-950'),
+    surface-warning--pressed: map.get(primitive.$color-map, 'orange-700'),
+    on-surface-warning--pressed: map.get(primitive.$color-map, 'orange-950'),
     surface-warning-subtle: map.get(primitive.$color-map, 'orange-200'),
-    on-surface-warning-subtle: map.get(primitive.$color-map, 'orange-900'),    
+    on-surface-warning-subtle: map.get(primitive.$color-map, 'orange-900'),
     surface-warning-subtler: map.get(primitive.$color-map, 'orange-50'),
     on-surface-warning-subtler: map.get(primitive.$color-map, 'orange-800'),
     surface-warning-subtler--hover: map.get(primitive.$color-map, 'orange-100'),
     on-surface-warning-subtler--hover: map.get(primitive.$color-map, 'orange-900'),
-    
+
+    // =============================================
+    // SURFACES — Color Modes (cm-*)
+    // =============================================
+
+    surface-cm-purple-violet-subtler: map.get(primitive.$color-map, 'cm-purple-violet-950'),
+    on-surface-cm-purple-violet-subtler: map.get(primitive.$color-map, 'cm-purple-violet-200'),
+    border-cm-purple-violet-subtle: map.get(primitive.$color-map, 'cm-purple-violet-700'),
+
+    surface-cm-purple-subtler: map.get(primitive.$color-map, 'cm-purple-950'),
+    on-surface-cm-purple-subtler: map.get(primitive.$color-map, 'cm-purple-200'),
+    border-cm-purple-subtle: map.get(primitive.$color-map, 'cm-purple-700'),
+
+    surface-cm-blue-navy-subtler: map.get(primitive.$color-map, 'cm-blue-navy-900'),
+    on-surface-cm-blue-navy-subtler: map.get(primitive.$color-map, 'cm-blue-navy-200'),
+    border-cm-blue-navy-subtle: map.get(primitive.$color-map, 'cm-blue-navy-700'),
+
+    surface-cm-blue-electric-subtler: map.get(primitive.$color-map, 'cm-blue-electric-900'),
+    on-surface-cm-blue-electric-subtler: map.get(primitive.$color-map, 'cm-blue-electric-200'),
+    border-cm-blue-electric-subtle: map.get(primitive.$color-map, 'cm-blue-electric-700'),
+
+    surface-cm-green-dark-subtler: map.get(primitive.$color-map, 'cm-green-dark-950'),
+    on-surface-cm-green-dark-subtler: map.get(primitive.$color-map, 'cm-green-dark-200'),
+    border-cm-green-dark-subtle: map.get(primitive.$color-map, 'cm-green-dark-700'),
+
+    surface-cm-green-pine-subtler: map.get(primitive.$color-map, 'cm-green-pine-950'),
+    on-surface-cm-green-pine-subtler: map.get(primitive.$color-map, 'cm-green-pine-200'),
+    border-cm-green-pine-subtle: map.get(primitive.$color-map, 'cm-green-pine-700'),
+
+    surface-cm-green-subtler: map.get(primitive.$color-map, 'cm-green-950'),
+    on-surface-cm-green-subtler: map.get(primitive.$color-map, 'cm-green-200'),
+    border-cm-green-subtle: map.get(primitive.$color-map, 'cm-green-700'),
+
+    surface-cm-blue-ocean-subtler: map.get(primitive.$color-map, 'cm-blue-ocean-950'),
+    on-surface-cm-blue-ocean-subtler: map.get(primitive.$color-map, 'cm-blue-ocean-200'),
+    border-cm-blue-ocean-subtle: map.get(primitive.$color-map, 'cm-blue-ocean-700'),
+
+    surface-cm-green-lemon-subtler: map.get(primitive.$color-map, 'cm-green-lemon-950'),
+    on-surface-cm-green-lemon-subtler: map.get(primitive.$color-map, 'cm-green-lemon-200'),
+    border-cm-green-lemon-subtle: map.get(primitive.$color-map, 'cm-green-lemon-700'),
+
+    surface-cm-yellow-gold-subtler: map.get(primitive.$color-map, 'cm-yellow-gold-950'),
+    on-surface-cm-yellow-gold-subtler: map.get(primitive.$color-map, 'cm-yellow-gold-200'),
+    border-cm-yellow-gold-subtle: map.get(primitive.$color-map, 'cm-yellow-gold-700'),
+
+    surface-cm-orange-abricot-subtler: map.get(primitive.$color-map, 'cm-orange-abricot-950'),
+    on-surface-cm-orange-abricot-subtler: map.get(primitive.$color-map, 'cm-orange-abricot-200'),
+    border-cm-orange-abricot-subtle: map.get(primitive.$color-map, 'cm-orange-abricot-700'),
+
+    surface-cm-orange-subtler: map.get(primitive.$color-map, 'cm-orange-950'),
+    on-surface-cm-orange-subtler: map.get(primitive.$color-map, 'cm-orange-200'),
+    border-cm-orange-subtle: map.get(primitive.$color-map, 'cm-orange-700'),
+
+    surface-cm-red-tomato-subtler: map.get(primitive.$color-map, 'cm-red-tomato-950'),
+    on-surface-cm-red-tomato-subtler: map.get(primitive.$color-map, 'cm-red-tomato-200'),
+    border-cm-red-tomato-subtle: map.get(primitive.$color-map, 'cm-red-tomato-700'),
+
+    surface-cm-red-crayola-subtler: map.get(primitive.$color-map, 'cm-red-crayola-950'),
+    on-surface-cm-red-crayola-subtler: map.get(primitive.$color-map, 'cm-red-crayola-200'),
+    border-cm-red-crayola-subtle: map.get(primitive.$color-map, 'cm-red-crayola-700'),
+
+    surface-cm-warm-grey-subtler: map.get(primitive.$color-map, 'cm-warm-grey-950'),
+    on-surface-cm-warm-grey-subtler: map.get(primitive.$color-map, 'cm-warm-grey-200'),
+    border-cm-warm-grey-subtle: map.get(primitive.$color-map, 'cm-warm-grey-700'),
+
+    // =============================================
+    // FOREGROUND / Text
+    // =============================================
+
     foreground: map.get(primitive.$color-map, 'graphite-25'),
     foreground-subtle: map.get(primitive.$color-map, 'graphite-75'),
     foreground-subtler: map.get(primitive.$color-map, 'graphite-100'),
@@ -117,16 +246,20 @@ $color-semantic-map: (
     foreground-highlight: map.get(primitive.$color-map, 'sunrise-orange-600'),
     foreground-inverted: map.get(primitive.$color-map, 'graphite-950'),
 
+    // =============================================
+    // BORDERS
+    // =============================================
+
     border-brand: map.get(primitive.$color-map, 'silver-fog-50'),
     border-divider: map.get(primitive.$color-map, 'graphite-500'),
     border-disabled: map.get(primitive.$color-map, 'graphite-700'),
-    
+
     border-primary: map.get(primitive.$color-map, 'european-blue-600'),
     border-primary--hover: map.get(primitive.$color-map, 'european-blue-700'),
     border-primary--pressed: map.get(primitive.$color-map, 'european-blue-800'),
     border-primary-subtle: map.get(primitive.$color-map, 'european-blue-800'),
     border-primary-subtler: map.get(primitive.$color-map, 'european-blue-900'),
-    
+
     border-info: map.get(primitive.$color-map, 'blue-700'),
     border-info-subtle: map.get(primitive.$color-map, 'blue-900'),
 
@@ -150,91 +283,44 @@ $color-semantic-map: (
     border-neutral-subtle: map.get(primitive.$color-map, 'graphite-700'),
     border-neutral-subtle--hover: map.get(primitive.$color-map, 'graphite-600'),
 
+    // =============================================
+    // LINKS
+    // =============================================
+
     link: map.get(primitive.$color-map, 'european-blue-400'),
     link--focused: map.get(primitive.$color-map, 'european-blue-400'),
     link--hover: map.get(primitive.$color-map, 'european-blue-500'),
     link--pressed: map.get(primitive.$color-map, 'european-blue-200'),
     link--visited: map.get(primitive.$color-map, 'european-blue-300'),
-    
+
     link-inverted: map.get(primitive.$color-map, 'european-blue-600'),
     link-inverted--focused: map.get(primitive.$color-map, 'european-blue-600'),
     link-inverted--hover: map.get(primitive.$color-map, 'european-blue-700'),
     link-inverted--pressed: map.get(primitive.$color-map, 'european-blue-800'),
-    link-inverted--visited: map.get(primitive.$color-map, 'european-blue-700'),    
+    link-inverted--visited: map.get(primitive.$color-map, 'european-blue-700'),
 
     link-contrast: map.get(primitive.$color-map, 'graphite-0'),
     link-contrast--focused: map.get(primitive.$color-map, 'graphite-0'),
     link-contrast--hover: map.get(primitive.$color-map, 'graphite-50'),
     link-contrast--pressed: map.get(primitive.$color-map, 'graphite-100'),
-    link-contrast--visited: map.get(primitive.$color-map, 'graphite-25'),    
+    link-contrast--visited: map.get(primitive.$color-map, 'graphite-25'),
+
+    // =============================================
+    // FOCUS
+    // =============================================
 
     focus: map.get(primitive.$color-map, 'european-blue-600'),
     focus-inverted: map.get(primitive.$color-map, 'european-blue-800'),
     focus-critical: map.get(primitive.$color-map, 'red-600'),
+    border-focus: map.get(primitive.$color-map, 'european-blue-600'),
+
+    // =============================================
+    // ALPHA / Backdrop
+    // =============================================
 
     alpha-backdrop-strong: map.get(primitive.$color-map, 'alpha-graphite-0-14'),
     alpha-backdrop: map.get(primitive.$color-map, 'alpha-graphite-0-14'),
     alpha-backdrop-subtle: map.get(primitive.$color-map, 'alpha-graphite-0-10'),
     alpha-backdrop-inverted: map.get(primitive.$color-map, 'alpha-graphite-950-30'),
     alpha-backdrop-inverted-subtle: map.get(primitive.$color-map, 'alpha-graphite-950-10'),
-
-    surface-cm-purple-violet-subtler: map.get(primitive.$color-map, 'cm-purple-violet-950'),
-    on-surface-cm-purple-violet-subtler: map.get(primitive.$color-map, 'cm-purple-violet-200'),
-    border-cm-purple-violet-subtle: map.get(primitive.$color-map, 'cm-purple-violet-700'),
-
-    surface-cm-purple-subtler: map.get(primitive.$color-map, 'cm-purple-950'),
-    on-surface-cm-purple-subtler: map.get(primitive.$color-map, 'cm-purple-200'),
-    border-cm-purple-subtle: map.get(primitive.$color-map, 'cm-purple-700'),
-
-    surface-cm-blue-navy-subtler: map.get(primitive.$color-map, 'cm-blue-navy-900'),
-    on-surface-cm-blue-navy-subtler: map.get(primitive.$color-map, 'cm-blue-navy-200'),
-    border-cm-blue-navy-subtle: map.get(primitive.$color-map, 'cm-blue-navy-700'),
-
-    surface-cm-blue-electric-subtler: map.get(primitive.$color-map, 'cm-blue-electric-900'),
-    on-surface-cm-blue-electric-subtler: map.get(primitive.$color-map, 'cm-blue-electric-200'),
-    border-cm-blue-electric-subtle: map.get(primitive.$color-map, 'cm-blue-electric-700'),
-
-    surface-cm-green-dark-subtler: map.get(primitive.$color-map, 'cm-green-dark-950'),
-    on-surface-cm-green-dark-subtler: map.get(primitive.$color-map, 'cm-green-dark-200'),
-    border-cm-green-dark-subtle: map.get(primitive.$color-map, 'cm-green-dark-700'),
-
-    surface-cm-green-pine-subtler: map.get(primitive.$color-map, 'cm-green-pine-950'),
-    on-surface-cm-green-pine-subtler: map.get(primitive.$color-map, 'cm-green-pine-200'),
-    border-cm-green-pine-subtle: map.get(primitive.$color-map, 'cm-green-pine-700'),
-
-    surface-cm-green-subtler: map.get(primitive.$color-map, 'cm-green-950'),
-    on-surface-cm-green-subtler: map.get(primitive.$color-map, 'cm-green-200'),
-    border-cm-green-subtle: map.get(primitive.$color-map, 'cm-green-700'),
-
-    surface-cm-blue-ocean-subtler: map.get(primitive.$color-map, 'cm-blue-ocean-950'),
-    on-surface-cm-blue-ocean-subtler: map.get(primitive.$color-map, 'cm-blue-ocean-200'),
-    border-cm-blue-ocean-subtle: map.get(primitive.$color-map, 'cm-blue-ocean-700'),
-
-    surface-cm-green-lemon-subtler: map.get(primitive.$color-map, 'cm-green-lemon-950'),
-    on-surface-cm-green-lemon-subtler: map.get(primitive.$color-map, 'cm-green-lemon-200'),
-    border-cm-green-lemon-subtle: map.get(primitive.$color-map, 'cm-green-lemon-700'),
-
-    surface-cm-yellow-gold-subtler: map.get(primitive.$color-map, 'cm-yellow-gold-950'),
-    on-surface-cm-yellow-gold-subtler: map.get(primitive.$color-map, 'cm-yellow-gold-200'),
-    border-cm-yellow-gold-subtle: map.get(primitive.$color-map, 'cm-yellow-gold-700'),
-
-    surface-cm-orange-abricot-subtler: map.get(primitive.$color-map, 'cm-orange-abricot-950'),
-    on-surface-cm-orange-abricot-subtler: map.get(primitive.$color-map, 'cm-orange-abricot-200'),
-    border-cm-orange-abricot-subtle: map.get(primitive.$color-map, 'cm-orange-abricot-700'),
-
-    surface-cm-orange-subtler: map.get(primitive.$color-map, 'cm-orange-950'),
-    on-surface-cm-orange-subtler: map.get(primitive.$color-map, 'cm-orange-200'),
-    border-cm-orange-subtle: map.get(primitive.$color-map, 'cm-orange-700'),
-
-    surface-cm-red-tomato-subtler: map.get(primitive.$color-map, 'cm-red-tomato-950'),
-    on-surface-cm-red-tomato-subtler: map.get(primitive.$color-map, 'cm-red-tomato-200'),
-    border-cm-red-tomato-subtle: map.get(primitive.$color-map, 'cm-red-tomato-700'),
-
-    surface-cm-red-crayola-subtler: map.get(primitive.$color-map, 'cm-red-crayola-950'),
-    on-surface-cm-red-crayola-subtler: map.get(primitive.$color-map, 'cm-red-crayola-200'),
-    border-cm-red-crayola-subtle: map.get(primitive.$color-map, 'cm-red-crayola-700'),
-
-    surface-cm-warm-grey-subtler: map.get(primitive.$color-map, 'cm-warm-grey-950'),
-    on-surface-cm-warm-grey-subtler: map.get(primitive.$color-map, 'cm-warm-grey-200'),
-    border-cm-warm-grey-subtle: map.get(primitive.$color-map, 'cm-warm-grey-700'),
 );