igniteui-theming 5.0.0-beta.2 → 5.0.0-beta.4

package/json/colors/presets/palettes.json

@@ -1 +1 @@
-{"dark-bootstrap-palette":{"primary":"#0d6efd","secondary":"#6c757d","gray":"#adb5bd","surface":"#212529","info":"#0dcaf0","success":"#198754","warn":"#ffc107","error":"#dc3545"},"dark-green-palette":{"primary":"#09f","secondary":"#72da67","surface":"#222","info":"#1377d5","success":"#4eb862","warn":"#fbb13c","error":"#ff134a"},"dark-purple-palette":{"primary":"#00b4d6","secondary":"#514590","surface":"#333","info":"#1377d5","success":"#4eb862","warn":"#fbb13c","error":"#ff134a"},"dark-fluent-palette":{"primary":"#0078d4","secondary":"#2b88d8","surface":"#222","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"dark-fluent-word-palette":{"primary":"#2b579a","secondary":"#2b579a","surface":"#222","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"dark-fluent-excel-palette":{"primary":"#217346","secondary":"#217346","surface":"#222","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"dark-indigo-palette":{"primary":"#3f51b5","secondary":"#3f51b5","gray":"hsl(262deg 8% 98%)","surface":"#2a2b2f","info":"#9208bc","success":"#689f38","warn":"#ff9800","error":"#cf1a2b"},"dark-material-palette":{"primary":"#09f","secondary":"#e41c77","surface":"#222","info":"#1377d5","success":"#4eb862","warn":"#faa419","error":"#ff134a"},"light-bootstrap-palette":{"primary":"#0d6efd","secondary":"#6c757d","gray":"#adb5bd","surface":"#f8f9fa","info":"#0dcaf0","success":"#198754","warn":"#ffc107","error":"#dc3545"},"light-green-palette":{"primary":"#09f","secondary":"#72da67","surface":"#fff","info":"#1377d5","success":"#4eb862","warn":"#fbb13c","error":"#ff134a"},"light-purple-palette":{"primary":"#00b4d6","secondary":"#514590","surface":"#fff","info":"#1377d5","success":"#4eb862","warn":"#fbb13c","error":"#ff134a"},"light-fluent-palette":{"primary":"#0078d4","secondary":"#2b88d8","surface":"#fff","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"light-fluent-word-palette":{"primary":"#2b579a","secondary":"#2b579a","surface":"#fff","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"light-fluent-excel-palette":{"primary":"#217346","secondary":"#217346","surface":"#fff","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"light-indigo-palette":{"primary":"#3f51b5","secondary":"#3f51b5","gray":"hsl(236deg 8% 5%)","surface":"#fff","info":"#9208bc","success":"#689f38","warn":"#ff9800","error":"#cf1a2b"},"light-material-palette":{"primary":"#09f","secondary":"#e41c77","surface":"white","info":"#1377d5","success":"#4eb862","warn":"#faa419","error":"#ff134a"}}
+{"dark-bootstrap-palette":{"primary":"#0d6efd","secondary":"#6c757d","gray":"#adb5bd","surface":"#212529","info":"#0dcaf0","success":"#198754","warn":"#ffc107","error":"#dc3545"},"dark-green-palette":{"primary":"#09f","secondary":"#72da67","surface":"#222","info":"#1377d5","success":"#4eb862","warn":"#fbb13c","error":"#ff134a"},"dark-purple-palette":{"primary":"#00b4d6","secondary":"#514590","surface":"#333","info":"#1377d5","success":"#4eb862","warn":"#fbb13c","error":"#ff134a"},"dark-fluent-palette":{"primary":"#0078d4","secondary":"#2b88d8","surface":"#222","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"dark-fluent-word-palette":{"primary":"#2b579a","secondary":"#2b579a","surface":"#222","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"dark-fluent-excel-palette":{"primary":"#217346","secondary":"#217346","surface":"#222","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"dark-indigo-palette":{"100":"to-hsl(#ffb0b7)","200":"to-hsl(#fc7f8a)","300":"to-hsl(#ec5461)","400":"to-hsl(#dd3544)","500":"to-hsl(#cf1a2b)","600":"to-hsl(#c31223)","700":"to-hsl(#b90415)","800":"to-hsl(#ae0111)","900":"to-hsl(#9f000f)","primary":"( 50: to-hsl(#c5cdff)","50-contrast":"black","100-contrast":"black","200-contrast":"black","300-contrast":"black","400-contrast":"black","500-contrast":"white","600-contrast":"white","700-contrast":"white","800-contrast":"white","900-contrast":"white","A100":"to-hsl(#c31223)","A100-contrast":"white","A200":"to-hsl(#b90415)","A200-contrast":"white","A400":"to-hsl(#ae0111)","A400-contrast":"white","A700":"to-hsl(#9f000f)","A700-contrast":"white","secondary":"( 50: to-hsl(#c5cdff)","gray":"( 50: to-hsl(#24252c)","info":"( 50: to-hsl(#f1c3ff)","success":"( 50: to-hsl(#edf3e7)","warn":"( 50: to-hsl(#fed7b7)","error":"( 50: to-hsl(#ffebf0)","surface":"( 500: to-hsl(#1e1e1e)"},"dark-material-palette":{"primary":"#09f","secondary":"#e41c77","surface":"#222","info":"#1377d5","success":"#4eb862","warn":"#faa419","error":"#ff134a"},"light-bootstrap-palette":{"primary":"#0d6efd","secondary":"#6c757d","gray":"#adb5bd","surface":"#f8f9fa","info":"#0dcaf0","success":"#198754","warn":"#ffc107","error":"#dc3545"},"light-green-palette":{"primary":"#09f","secondary":"#72da67","surface":"#fff","info":"#1377d5","success":"#4eb862","warn":"#fbb13c","error":"#ff134a"},"light-purple-palette":{"primary":"#00b4d6","secondary":"#514590","surface":"#fff","info":"#1377d5","success":"#4eb862","warn":"#fbb13c","error":"#ff134a"},"light-fluent-palette":{"primary":"#0078d4","secondary":"#2b88d8","surface":"#fff","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"light-fluent-word-palette":{"primary":"#2b579a","secondary":"#2b579a","surface":"#fff","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"light-fluent-excel-palette":{"primary":"#217346","secondary":"#217346","surface":"#fff","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"light-indigo-palette":{"100":"to-hsl(#ffb0b7)","200":"to-hsl(#fc7f8a)","300":"to-hsl(#ec5461)","400":"to-hsl(#dd3544)","500":"to-hsl(#cf1a2b)","600":"to-hsl(#c31223)","700":"to-hsl(#b90415)","800":"to-hsl(#ae0111)","900":"to-hsl(#9f000f)","primary":"( 50: to-hsl(#c5cdff)","50-contrast":"black","100-contrast":"black","200-contrast":"black","300-contrast":"black","400-contrast":"black","500-contrast":"black","600-contrast":"white","700-contrast":"white","800-contrast":"white","900-contrast":"white","A100":"to-hsl(#c31223)","A100-contrast":"white","A200":"to-hsl(#b90415)","A200-contrast":"white","A400":"to-hsl(#ae0111)","A400-contrast":"white","A700":"to-hsl(#9f000f)","A700-contrast":"white","secondary":"( 50: to-hsl(#c5cdff)","gray":"( 50: to-hsl(#fcfcfd)","info":"( 50: to-hsl(#f1c3ff)","success":"( 50: to-hsl(#edf3e7)","warn":"( 50: to-hsl(#fed7b7)","error":"( 50: to-hsl(#ffebf0)","surface":"( 500: to-hsl(#f8f8fa)"},"light-material-palette":{"primary":"#09f","secondary":"#e41c77","surface":"white","info":"#1377d5","success":"#4eb862","warn":"#faa419","error":"#ff134a"}}

package/json/typography/presets/typescales.json

@@ -1 +1 @@
-{"bootstrap":{"typeface":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'","h1":{"font-size":"2.5rem","font-weight":"500","letter-spacing":"-0.09375rem","line-height":"3rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h2":{"font-size":"2rem","font-weight":"500","letter-spacing":"-0.03125rem","line-height":"2.4rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h3":{"font-size":"1.75rem","font-weight":"500","letter-spacing":"0","line-height":"2.1rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h4":{"font-size":"1.5rem","font-weight":"500","letter-spacing":"0.015625rem","line-height":"1.8rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h5":{"font-size":"1.25rem","font-weight":"500","letter-spacing":"0","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h6":{"font-size":"1rem","font-weight":"500","letter-spacing":"0.009375rem","line-height":"1.2rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"body-1":{"font-size":"1rem","font-weight":"400","letter-spacing":"0.03125rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-size":"0.9rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-size":"0.875rem","font-weight":"400","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-size":"0.9rem","font-weight":"400","letter-spacing":"0.00625rem","line-height":"1.35rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-size":"1rem","font-weight":"500","letter-spacing":"0.046875rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"caption":{"font-size":"0.75rem","font-weight":"400","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"none"},"overline":{"font-size":"0.625rem","font-weight":"400","letter-spacing":"0.09375rem","line-height":"1rem","text-transform":"uppercase"},"bootstrap_weekday":{"font-size":"0.8125rem","font-weight":"400","line-height":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"}},"fluent":{"typeface":"'Open Sans', Helvetica, Arial, sans-serif","h1":{"font-size":"4.25rem","font-weight":"700","letter-spacing":"-0.09375rem","line-height":"4.75rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h2":{"font-size":"2.625rem","font-weight":"700","letter-spacing":"-0.03125rem","line-height":"3.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h3":{"font-size":"2rem","font-weight":"600","letter-spacing":"0","line-height":"2.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h4":{"font-size":"1.75rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"2.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h5":{"font-size":"1.5rem","font-weight":"400","letter-spacing":"0","line-height":"2rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h6":{"font-size":"1.25rem","font-weight":"400","letter-spacing":"0.009375rem","line-height":"1.75rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-size":"1rem","font-weight":"400","letter-spacing":"0.03125rem","line-height":"1.375rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-size":"0.875rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-size":"1.125rem","font-weight":"400","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-size":"0.875rem","font-weight":"600","letter-spacing":"0.00625rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-size":"0.875rem","font-weight":"400","letter-spacing":"0.046875rem","line-height":"0.875rem","text-transform":"capitalize","margin-top":"0","margin-bottom":"0"},"caption":{"font-size":"0.75rem","font-weight":"400","font-style":"normal","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"none"},"overline":{"font-size":"0.625rem","font-weight":"400","letter-spacing":"0.09375rem","line-height":"0.875rem","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"}},"indigo":{"typeface":"'Nunito Sans', sans-serif","h1":{"font-size":"6rem","font-weight":"200","letter-spacing":"-0.09375rem","line-height":"7rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h2":{"font-size":"3.75rem","font-weight":"200","letter-spacing":"-0.03125rem","line-height":"4.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h3":{"font-size":"3rem","font-weight":"200","letter-spacing":"0","line-height":"3.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h4":{"font-size":"2.25rem","font-weight":"200","letter-spacing":"0.015625rem","line-height":"2.625rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h5":{"font-size":"1.5rem","font-weight":"200","letter-spacing":"0","line-height":"1.75rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h6":{"font-size":"1.25rem","font-weight":"600","letter-spacing":"0.009375rem","line-height":"1.625rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-size":"1rem","font-weight":"400","letter-spacing":"0.03125rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-size":"0.875rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-size":"1rem","font-weight":"600","letter-spacing":"0.009375rem","line-height":"1.375rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-size":"0.875rem","font-weight":"700","letter-spacing":"0.00625rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-size":"0.75rem","font-weight":"700","letter-spacing":"0.046875rem","line-height":"normal","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"},"caption":{"font-size":"0.75rem","font-weight":"400","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"normal","margin-top":"0","margin-bottom":"0"},"overline":{"font-size":"0.625rem","font-weight":"700","letter-spacing":"0.0125rem","line-height":"0.875rem","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"}},"material":{"typeface":"'Titillium Web', sans-serif","h1":{"font-size":"6rem","font-weight":"300","font-style":"normal","letter-spacing":"-0.09375rem","line-height":"7rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"3.5rem"},"h2":{"font-size":"3.75rem","font-weight":"300","font-style":"normal","letter-spacing":"-0.03125rem","line-height":"4.4375rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"1.75rem"},"h3":{"font-size":"3rem","font-weight":"400","font-style":"normal","letter-spacing":"0","line-height":"3.5625rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h4":{"font-size":"2.125rem","font-weight":"400","font-style":"normal","letter-spacing":"0.015625rem","line-height":"2.5rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h5":{"font-size":"1.5rem","font-weight":"400","font-style":"normal","letter-spacing":"0","line-height":"1.75rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h6":{"font-size":"1.25rem","font-weight":"600","font-style":"normal","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-size":"1rem","font-weight":"400","font-style":"normal","letter-spacing":"0.03125rem","line-height":"1.75rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"1rem"},"body-2":{"font-size":"0.875rem","font-weight":"400","font-style":"normal","letter-spacing":"0.015625rem","line-height":"1.25rem","text-transform":"none"},"subtitle-1":{"font-size":"1rem","font-weight":"400","font-style":"normal","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none"},"subtitle-2":{"font-size":"0.875rem","font-weight":"600","font-style":"normal","letter-spacing":"0.00625rem","line-height":"1.5rem","text-transform":"none"},"button":{"font-size":"0.875rem","font-weight":"600","font-style":"normal","letter-spacing":"0.046875rem","line-height":"1rem","text-transform":"uppercase"},"caption":{"font-size":"0.75rem","font-weight":"400","font-style":"normal","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"none"},"overline":{"font-size":"0.625rem","font-weight":"400","font-style":"normal","letter-spacing":"0.09375rem","line-height":"1rem","text-transform":"uppercase"}}}
+{"bootstrap":{"typeface":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'","h1":{"font-size":"2.5rem","font-weight":"500","letter-spacing":"-0.09375rem","line-height":"3rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h2":{"font-size":"2rem","font-weight":"500","letter-spacing":"-0.03125rem","line-height":"2.4rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h3":{"font-size":"1.75rem","font-weight":"500","letter-spacing":"0","line-height":"2.1rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h4":{"font-size":"1.5rem","font-weight":"500","letter-spacing":"0.015625rem","line-height":"1.8rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h5":{"font-size":"1.25rem","font-weight":"500","letter-spacing":"0","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h6":{"font-size":"1rem","font-weight":"500","letter-spacing":"0.009375rem","line-height":"1.2rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"body-1":{"font-size":"1rem","font-weight":"400","letter-spacing":"0.03125rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-size":"0.9rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-size":"0.875rem","font-weight":"400","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-size":"0.9rem","font-weight":"400","letter-spacing":"0.00625rem","line-height":"1.35rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-size":"1rem","font-weight":"500","letter-spacing":"0.046875rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"caption":{"font-size":"0.75rem","font-weight":"400","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"none"},"overline":{"font-size":"0.625rem","font-weight":"400","letter-spacing":"0.09375rem","line-height":"1rem","text-transform":"uppercase"},"bootstrap_weekday":{"font-size":"0.8125rem","font-weight":"400","line-height":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"}},"fluent":{"typeface":"'Open Sans', Helvetica, Arial, sans-serif","h1":{"font-size":"4.25rem","font-weight":"700","letter-spacing":"-0.09375rem","line-height":"4.75rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h2":{"font-size":"2.625rem","font-weight":"700","letter-spacing":"-0.03125rem","line-height":"3.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h3":{"font-size":"2rem","font-weight":"600","letter-spacing":"0","line-height":"2.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h4":{"font-size":"1.75rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"2.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h5":{"font-size":"1.5rem","font-weight":"400","letter-spacing":"0","line-height":"2rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h6":{"font-size":"1.25rem","font-weight":"400","letter-spacing":"0.009375rem","line-height":"1.75rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-size":"1rem","font-weight":"400","letter-spacing":"0.03125rem","line-height":"1.375rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-size":"0.875rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-size":"1.125rem","font-weight":"400","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-size":"0.875rem","font-weight":"600","letter-spacing":"0.00625rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-size":"0.875rem","font-weight":"600","letter-spacing":"0.046875rem","line-height":"0.875rem","text-transform":"capitalize","margin-top":"0","margin-bottom":"0"},"caption":{"font-size":"0.75rem","font-weight":"400","font-style":"normal","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"none"},"overline":{"font-size":"0.625rem","font-weight":"400","letter-spacing":"0.09375rem","line-height":"0.875rem","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"}},"indigo":{"typeface":"'Nunito Sans', sans-serif","h1":{"font-size":"2.25rem","font-weight":"300","letter-spacing":"0","line-height":"2.625rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h2":{"font-size":"1.75rem","font-weight":"400","letter-spacing":"0","line-height":"2.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h3":{"font-size":"1.5rem","font-weight":"400","letter-spacing":"0","line-height":"2rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h4":{"font-size":"1.25rem","font-weight":"600","letter-spacing":"0","line-height":"1.625rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h5":{"font-size":"1rem","font-weight":"600","letter-spacing":"0","line-height":"1.375rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h6":{"font-size":"0.875rem","font-weight":"600","letter-spacing":"0","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-size":"0.8125rem","font-weight":"400","letter-spacing":"0","line-height":"1.125rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-size":"0.75rem","font-weight":"400","letter-spacing":"0","line-height":"1rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-size":"0.8125rem","font-weight":"600","letter-spacing":"0","line-height":"1.125rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-size":"0.75rem","font-weight":"600","letter-spacing":"0","line-height":"1rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-size":"0.6875rem","font-weight":"700","letter-spacing":"0","line-height":"0.9375rem","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"},"caption":{"font-size":"0.6875rem","font-weight":"400","letter-spacing":"0","line-height":"0.9375rem","text-transform":"normal","margin-top":"0","margin-bottom":"0"},"overline":{"font-size":"0.625rem","font-weight":"700","letter-spacing":"0","line-height":"0.875rem","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"},"detail-1":{"font-size":"0.75rem","font-weight":"400","letter-spacing":"0","line-height":"1rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"detail-2":{"font-size":"0.75rem","font-weight":"600","letter-spacing":"0","line-height":"1rem","text-transform":"none","margin-top":"0","margin-bottom":"0"}},"material":{"typeface":"'Titillium Web', sans-serif","h1":{"font-size":"6rem","font-weight":"300","font-style":"normal","letter-spacing":"-0.09375rem","line-height":"7rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"3.5rem"},"h2":{"font-size":"3.75rem","font-weight":"300","font-style":"normal","letter-spacing":"-0.03125rem","line-height":"4.4375rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"1.75rem"},"h3":{"font-size":"3rem","font-weight":"400","font-style":"normal","letter-spacing":"0","line-height":"3.5625rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h4":{"font-size":"2.125rem","font-weight":"400","font-style":"normal","letter-spacing":"0.015625rem","line-height":"2.5rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h5":{"font-size":"1.5rem","font-weight":"400","font-style":"normal","letter-spacing":"0","line-height":"1.75rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h6":{"font-size":"1.25rem","font-weight":"600","font-style":"normal","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-size":"1rem","font-weight":"400","font-style":"normal","letter-spacing":"0.03125rem","line-height":"1.75rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"1rem"},"body-2":{"font-size":"0.875rem","font-weight":"400","font-style":"normal","letter-spacing":"0.015625rem","line-height":"1.25rem","text-transform":"none"},"subtitle-1":{"font-size":"1rem","font-weight":"400","font-style":"normal","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none"},"subtitle-2":{"font-size":"0.875rem","font-weight":"600","font-style":"normal","letter-spacing":"0.00625rem","line-height":"1.5rem","text-transform":"none"},"button":{"font-size":"0.875rem","font-weight":"600","font-style":"normal","letter-spacing":"0.046875rem","line-height":"1rem","text-transform":"uppercase"},"caption":{"font-size":"0.75rem","font-weight":"400","font-style":"normal","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"none"},"overline":{"font-size":"0.625rem","font-weight":"400","font-style":"normal","letter-spacing":"0.09375rem","line-height":"1rem","text-transform":"uppercase"}}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-theming",
-  "version": "5.0.0-beta.2",
+  "version": "5.0.0-beta.4",
   "description": "A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.",
   "main": "index.js",
   "scripts": {

package/sass/color/_functions.scss

@@ -177,12 +177,15 @@ $_enhanced-accessibility: false;
     $s: #{var(--ig-#{$color}-#{$variant})};
     $contrast: if(meta.type-of($variant) == string, string.index($variant, 'contrast'), false);
     $meta: if($palette, map.get($palette, '_meta'), null);
+    $_alpha: if($opacity, $opacity, 1);
+    $_hsl-alpha: hsla($s, if($opacity, $opacity, $a));
+    $_mix-alpha: color-mix(in oklch, $s #{$_alpha * 100%}, transparent);
 
     @if not($palette) or not($meta) {
-        @return if($contrast, $s, hsla($s, if($opacity, $opacity, $a)));
+        @return if($contrast, $_mix-alpha, $_hsl-alpha);
     }
 
-    @return rgba(map.get($c, $variant), $alpha: if($opacity, $opacity, 1));
+    @return rgba(map.get($c, $variant), $alpha: $_alpha);
 }
 
 /// Retrieves a contrast text color for a given color variant from a color palette.
@@ -191,6 +194,7 @@ $_enhanced-accessibility: false;
 /// @param {Map} $palette [null] - The source palette map (optional).
 /// @param {String} $color [primary] - The target color from the color palette.
 /// @param {Number | String} $variant [500] - The target color shade from the color palette.
+/// @param {Number} $opacity [null] - Optional opacity to apply to the color shade.
 /// @requires {function} color
 /// @returns {Color | String} - The raw contrast color shade or CSS variable from the palette.
 /// @example scss without passing a palette
@@ -198,8 +202,8 @@ $_enhanced-accessibility: false;
 ///      background: color($color: 'primary', $variant: 200);
 ///      color: contrast-color($color: 'primary', $variant: 200);
 ///    }
-@function contrast-color($palette: null, $color: primary, $variant: 500) {
-    @return color($palette, $color, #{$variant}-contrast);
+@function contrast-color($palette: null, $color: primary, $variant: 500, $opacity: null) {
+    @return color($palette, $color, #{$variant}-contrast, $opacity);
 }
 
 /// Returns a contrast color for a passed color.

package/sass/color/presets/dark/_indigo.scss

@@ -12,22 +12,220 @@
 /// Generates the dark indigo palette.
 /// @type Map
 /// @name dark-indigo-palette
-/// @prop {Color} primary [#3f51b5] - The primary color
-/// @prop {Color} secondary [#3f51b5] - The secondary color
-/// @prop {Color} gray [hsl(262deg 8% 98%)] - The gray color
-/// @prop {Color} surface [#2a2b2f] - The surface color
-/// @prop {Color} info [#9208bc] - The info color
-/// @prop {Color} success [#689f38] - The success color
-/// @prop {Color} warn [#ff9800] - The warn color
-/// @prop {Color} error [#cf1a2b] - The error color
-$palette: palette(
-    $primary: #3f51b5,
-    $secondary: #3f51b5,
-    $gray: hsl(262deg 8% 98%),
-    $surface: #2a2b2f,
-    $info: #9208bc,
-    $success: #689f38,
-    $warn: #ff9800,
-    $error: #cf1a2b,
-    $variant: 'indigo',
+/// @prop {Color} primary [#3f51b5] - The 500 variant of the primary color.
+/// @prop {Color} secondary [#3f51b5] - The 500 variant of the secondary color.
+/// @prop {Color} gray [#9a9da2] - The 500 variant of the gray color.
+/// @prop {Color} info [#9c27b0] - The 500 variant of the info color.
+/// @prop {Color} success [#689f38] - The 500 variant of the success color.
+/// @prop {Color} warn [#f56b1d] - The 500 variant of the warn color.
+/// @prop {Color} error [#cf1a2b] - The 500 variant of the error color.
+/// @prop {Color} surface [#1e1e1e] - The surface color.
+$palette: (
+    primary: (
+        50: to-hsl(#c5cdff),
+        '50-contrast': black,
+        100: to-hsl(#a3aff6),
+        '100-contrast': black,
+        200: to-hsl(#8293f8),
+        '200-contrast': black,
+        300: to-hsl(#7385f4),
+        '300-contrast': black,
+        400: to-hsl(#5c6edb),
+        '400-contrast': black,
+        500: to-hsl(#3f51b5),
+        '500-contrast': white,
+        600: to-hsl(#39479c),
+        '600-contrast': white,
+        700: to-hsl(#333d83),
+        '700-contrast': white,
+        800: to-hsl(#2e3172),
+        '800-contrast': white,
+        900: to-hsl(#262851),
+        '900-contrast': white,
+        'A100': to-hsl(#39479c),
+        'A100-contrast': white,
+        'A200': to-hsl(#333d83),
+        'A200-contrast': white,
+        'A400': to-hsl(#2e3172),
+        'A400-contrast': white,
+        'A700': to-hsl(#262851),
+        'A700-contrast': white,
+    ),
+    secondary: (
+        50: to-hsl(#c5cdff),
+        '50-contrast': black,
+        100: to-hsl(#a3aff6),
+        '100-contrast': black,
+        200: to-hsl(#8293f8),
+        '200-contrast': black,
+        300: to-hsl(#7385f4),
+        '300-contrast': black,
+        400: to-hsl(#5c6edb),
+        '400-contrast': black,
+        500: to-hsl(#3f51b5),
+        '500-contrast': white,
+        600: to-hsl(#39479c),
+        '600-contrast': white,
+        700: to-hsl(#333d83),
+        '700-contrast': white,
+        800: to-hsl(#2e3172),
+        '800-contrast': white,
+        900: to-hsl(#262851),
+        '900-contrast': white,
+        'A100': to-hsl(#39479c),
+        'A100-contrast': white,
+        'A200': to-hsl(#333d83),
+        'A200-contrast': white,
+        'A400': to-hsl(#2e3172),
+        'A400-contrast': white,
+        'A700': to-hsl(#262851),
+        'A700-contrast': white,
+    ),
+    gray: (
+        50: to-hsl(#24252c),
+        '50-contrast': white,
+        100: to-hsl(#3b3d47),
+        '100-contrast': white,
+        200: to-hsl(#545762),
+        '200-contrast': white,
+        300: to-hsl(#6c707a),
+        '300-contrast': white,
+        400: to-hsl(#9a9da2),
+        '400-contrast': black,
+        500: to-hsl(#c3c4c7),
+        '500-contrast': black,
+        600: to-hsl(#d6d8dc),
+        '600-contrast': black,
+        700: to-hsl(#ebedf2),
+        '700-contrast': black,
+        800: to-hsl(#f8f8fa),
+        '800-contrast': black,
+        900: to-hsl(#fcfcfd),
+        '900-contrast': black,
+    ),
+    info: (
+        50: to-hsl(#f1c3ff),
+        '50-contrast': black,
+        100: to-hsl(#e89eff),
+        '100-contrast': black,
+        200: to-hsl(#dd71ff),
+        '200-contrast': black,
+        300: to-hsl(#da64ff),
+        '300-contrast': black,
+        400: to-hsl(#bc34d3),
+        '400-contrast': white,
+        500: to-hsl(#9c27b0),
+        '500-contrast': white,
+        600: to-hsl(#8c16a0),
+        '600-contrast': white,
+        700: to-hsl(#7f1192),
+        '700-contrast': white,
+        800: to-hsl(#6f0a80),
+        '800-contrast': white,
+        900: to-hsl(#5c056b),
+        '900-contrast': white,
+        'A100': to-hsl(#8c16a0),
+        'A100-contrast': white,
+        'A200': to-hsl(#7f1192),
+        'A200-contrast': white,
+        'A400': to-hsl(#6f0a80),
+        'A400-contrast': white,
+        'A700': to-hsl(#5c056b),
+        'A700-contrast': white,
+    ),
+    success: (
+        50: to-hsl(#edf3e7),
+        '50-contrast': black,
+        100: to-hsl(#d2e2c3),
+        '100-contrast': black,
+        200: to-hsl(#b4cf9c),
+        '200-contrast': black,
+        300: to-hsl(#95bc74),
+        '300-contrast': black,
+        400: to-hsl(#7fad56),
+        '400-contrast': black,
+        500: to-hsl(#689f38),
+        '500-contrast': black,
+        600: to-hsl(#5a912a),
+        '600-contrast': black,
+        700: to-hsl(#4e8222),
+        '700-contrast': white,
+        800: to-hsl(#3d7012),
+        '800-contrast': white,
+        900: to-hsl(#316109),
+        '900-contrast': white,
+        'A100': to-hsl(#5a912a),
+        'A100-contrast': black,
+        'A200': to-hsl(#4e8222),
+        'A200-contrast': white,
+        'A400': to-hsl(#3d7012),
+        'A400-contrast': white,
+        'A700': to-hsl(#316109),
+        'A700-contrast': white,
+    ),
+    warn: (
+        50: to-hsl(#fed7b7),
+        '50-contrast': black,
+        100: to-hsl(#ffc696),
+        '100-contrast': black,
+        200: to-hsl(#ffad67),
+        '200-contrast': black,
+        300: to-hsl(#fb8f32),
+        '300-contrast': black,
+        400: to-hsl(#fa7b0e),
+        '400-contrast': black,
+        500: to-hsl(#f56b1d),
+        '500-contrast': black,
+        600: to-hsl(#f05a2b),
+        '600-contrast': black,
+        700: to-hsl(#ec4820),
+        '700-contrast': black,
+        800: to-hsl(#df370e),
+        '800-contrast': black,
+        900: to-hsl(#d22900),
+        '900-contrast': white,
+        'A100': to-hsl(#f05a2b),
+        'A100-contrast': black,
+        'A200': to-hsl(#ec4820),
+        'A200-contrast': black,
+        'A400': to-hsl(#df370e),
+        'A400-contrast': black,
+        'A700': to-hsl(#d22900),
+        'A700-contrast': white,
+    ),
+    error: (
+        50: to-hsl(#ffebf0),
+        '50-contrast': black,
+        100: to-hsl(#ffb0b7),
+        '100-contrast': black,
+        200: to-hsl(#fc7f8a),
+        '200-contrast': black,
+        300: to-hsl(#ec5461),
+        '300-contrast': black,
+        400: to-hsl(#dd3544),
+        '400-contrast': black,
+        500: to-hsl(#cf1a2b),
+        '500-contrast': white,
+        600: to-hsl(#c31223),
+        '600-contrast': white,
+        700: to-hsl(#b90415),
+        '700-contrast': white,
+        800: to-hsl(#ae0111),
+        '800-contrast': white,
+        900: to-hsl(#9f000f),
+        '900-contrast': white,
+        'A100': to-hsl(#c31223),
+        'A100-contrast': white,
+        'A200': to-hsl(#b90415),
+        'A200-contrast': white,
+        'A400': to-hsl(#ae0111),
+        'A400-contrast': white,
+        'A700': to-hsl(#9f000f),
+        'A700-contrast': white,
+    ),
+    surface: (
+        500: to-hsl(#1e1e1e),
+        '500-contrast': white,
+    ),
+    variant: 'indigo',
 );

package/sass/color/presets/light/_indigo.scss

@@ -12,22 +12,220 @@
 /// Generates the light indigo palette.
 /// @type Map
 /// @name light-indigo-palette
-/// @prop {Color} primary [#3f51b5] - The primary color
-/// @prop {Color} secondary [#3f51b5] - The secondary color
-/// @prop {Color} gray [hsl(236deg 8% 5%)] - The gray color
-/// @prop {Color} surface [#fff] - The surface color
-/// @prop {Color} info [#9208bc] - The info color
-/// @prop {Color} success [#689f38] - The success color
-/// @prop {Color} warn [#ff9800] - The warn color
-/// @prop {Color} error [#cf1a2b] - The error color
-$palette: palette(
-    $primary: #3f51b5,
-    $secondary: #3f51b5,
-    $gray: hsl(236deg 8% 5%),
-    $surface: #fff,
-    $info: #9208bc,
-    $success: #689f38,
-    $warn: #ff9800,
-    $error: #cf1a2b,
-    $variant: 'indigo',
+/// @prop {Color} primary [#3f51b5] - The 500 variant of the primary color.
+/// @prop {Color} secondary [#3f51b5] - The 500 variant of the secondary color.
+/// @prop {Color} gray [#9a9da2] - The 500 variant of the gray color.
+/// @prop {Color} info [#9c27b0] - The 500 variant of the info color.
+/// @prop {Color} success [#689f38] - The 500 variant of the success color.
+/// @prop {Color} warn [#f56b1d] - The 500 variant of the warn color.
+/// @prop {Color} error [#cf1a2b] - The 500 variant of the error color.
+/// @prop {Color} surface [#f8f8fa] - The surface color.
+$palette: (
+    primary: (
+        50: to-hsl(#c5cdff),
+        '50-contrast': black,
+        100: to-hsl(#a3aff6),
+        '100-contrast': black,
+        200: to-hsl(#8293f8),
+        '200-contrast': black,
+        300: to-hsl(#7385f4),
+        '300-contrast': black,
+        400: to-hsl(#5c6edb),
+        '400-contrast': black,
+        500: to-hsl(#3f51b5),
+        '500-contrast': white,
+        600: to-hsl(#39479c),
+        '600-contrast': white,
+        700: to-hsl(#333d83),
+        '700-contrast': white,
+        800: to-hsl(#2e3172),
+        '800-contrast': white,
+        900: to-hsl(#262851),
+        '900-contrast': white,
+        'A100': to-hsl(#39479c),
+        'A100-contrast': white,
+        'A200': to-hsl(#333d83),
+        'A200-contrast': white,
+        'A400': to-hsl(#2e3172),
+        'A400-contrast': white,
+        'A700': to-hsl(#262851),
+        'A700-contrast': white,
+    ),
+    secondary: (
+        50: to-hsl(#c5cdff),
+        '50-contrast': black,
+        100: to-hsl(#a3aff6),
+        '100-contrast': black,
+        200: to-hsl(#8293f8),
+        '200-contrast': black,
+        300: to-hsl(#7385f4),
+        '300-contrast': black,
+        400: to-hsl(#5c6edb),
+        '400-contrast': black,
+        500: to-hsl(#3f51b5),
+        '500-contrast': white,
+        600: to-hsl(#39479c),
+        '600-contrast': white,
+        700: to-hsl(#333d83),
+        '700-contrast': white,
+        800: to-hsl(#2e3172),
+        '800-contrast': white,
+        900: to-hsl(#262851),
+        '900-contrast': white,
+        'A100': to-hsl(#39479c),
+        'A100-contrast': white,
+        'A200': to-hsl(#333d83),
+        'A200-contrast': white,
+        'A400': to-hsl(#2e3172),
+        'A400-contrast': white,
+        'A700': to-hsl(#262851),
+        'A700-contrast': white,
+    ),
+    gray: (
+        50: to-hsl(#fcfcfd),
+        '50-contrast': black,
+        100: to-hsl(#f8f8fa),
+        '100-contrast': black,
+        200: to-hsl(#ebedf2),
+        '200-contrast': black,
+        300: to-hsl(#d6d8dc),
+        '300-contrast': black,
+        400: to-hsl(#c3c4c7),
+        '400-contrast': black,
+        500: to-hsl(#9a9da2),
+        '500-contrast': black,
+        600: to-hsl(#6c707a),
+        '600-contrast': white,
+        700: to-hsl(#545762),
+        '700-contrast': white,
+        800: to-hsl(#3b3d47),
+        '800-contrast': white,
+        900: to-hsl(#24252c),
+        '900-contrast': white,
+    ),
+    info: (
+        50: to-hsl(#f1c3ff),
+        '50-contrast': black,
+        100: to-hsl(#e89eff),
+        '100-contrast': black,
+        200: to-hsl(#dd71ff),
+        '200-contrast': black,
+        300: to-hsl(#da64ff),
+        '300-contrast': black,
+        400: to-hsl(#bc34d3),
+        '400-contrast': white,
+        500: to-hsl(#9c27b0),
+        '500-contrast': white,
+        600: to-hsl(#8c16a0),
+        '600-contrast': white,
+        700: to-hsl(#7f1192),
+        '700-contrast': white,
+        800: to-hsl(#6f0a80),
+        '800-contrast': white,
+        900: to-hsl(#5c056b),
+        '900-contrast': white,
+        'A100': to-hsl(#8c16a0),
+        'A100-contrast': white,
+        'A200': to-hsl(#7f1192),
+        'A200-contrast': white,
+        'A400': to-hsl(#6f0a80),
+        'A400-contrast': white,
+        'A700': to-hsl(#5c056b),
+        'A700-contrast': white,
+    ),
+    success: (
+        50: to-hsl(#edf3e7),
+        '50-contrast': black,
+        100: to-hsl(#d2e2c3),
+        '100-contrast': black,
+        200: to-hsl(#b4cf9c),
+        '200-contrast': black,
+        300: to-hsl(#95bc74),
+        '300-contrast': black,
+        400: to-hsl(#7fad56),
+        '400-contrast': black,
+        500: to-hsl(#689f38),
+        '500-contrast': black,
+        600: to-hsl(#5a912a),
+        '600-contrast': black,
+        700: to-hsl(#4e8222),
+        '700-contrast': white,
+        800: to-hsl(#3d7012),
+        '800-contrast': white,
+        900: to-hsl(#316109),
+        '900-contrast': white,
+        'A100': to-hsl(#5a912a),
+        'A100-contrast': black,
+        'A200': to-hsl(#4e8222),
+        'A200-contrast': white,
+        'A400': to-hsl(#3d7012),
+        'A400-contrast': white,
+        'A700': to-hsl(#316109),
+        'A700-contrast': white,
+    ),
+    warn: (
+        50: to-hsl(#fed7b7),
+        '50-contrast': black,
+        100: to-hsl(#ffc696),
+        '100-contrast': black,
+        200: to-hsl(#ffad67),
+        '200-contrast': black,
+        300: to-hsl(#fb8f32),
+        '300-contrast': black,
+        400: to-hsl(#fa7b0e),
+        '400-contrast': black,
+        500: to-hsl(#f56b1d),
+        '500-contrast': black,
+        600: to-hsl(#f05a2b),
+        '600-contrast': black,
+        700: to-hsl(#ec4820),
+        '700-contrast': black,
+        800: to-hsl(#df370e),
+        '800-contrast': black,
+        900: to-hsl(#d22900),
+        '900-contrast': white,
+        'A100': to-hsl(#f05a2b),
+        'A100-contrast': black,
+        'A200': to-hsl(#ec4820),
+        'A200-contrast': black,
+        'A400': to-hsl(#df370e),
+        'A400-contrast': black,
+        'A700': to-hsl(#d22900),
+        'A700-contrast': white,
+    ),
+    error: (
+        50: to-hsl(#ffebf0),
+        '50-contrast': black,
+        100: to-hsl(#ffb0b7),
+        '100-contrast': black,
+        200: to-hsl(#fc7f8a),
+        '200-contrast': black,
+        300: to-hsl(#ec5461),
+        '300-contrast': black,
+        400: to-hsl(#dd3544),
+        '400-contrast': black,
+        500: to-hsl(#cf1a2b),
+        '500-contrast': white,
+        600: to-hsl(#c31223),
+        '600-contrast': white,
+        700: to-hsl(#b90415),
+        '700-contrast': white,
+        800: to-hsl(#ae0111),
+        '800-contrast': white,
+        900: to-hsl(#9f000f),
+        '900-contrast': white,
+        'A100': to-hsl(#c31223),
+        'A100-contrast': white,
+        'A200': to-hsl(#b90415),
+        'A200-contrast': white,
+        'A400': to-hsl(#ae0111),
+        'A400-contrast': white,
+        'A700': to-hsl(#9f000f),
+        'A700-contrast': white,
+    ),
+    surface: (
+        500: to-hsl(#f8f8fa),
+        '500-contrast': black,
+    ),
+    variant: 'indigo',
 );

package/sass/themes/schemas/components/dark/_action-strip.scss

@@ -7,10 +7,10 @@
 /// @access public
 ////
 
-/// Generates a dark action-strip schema.
+/// Generates a dark material action-strip schema.
 /// @type {Map}
-/// @requires $light-action-strip
-$dark-action-strip: $light-action-strip;
+/// @requires $material-action-strip
+$dark-material-action-strip: $material-action-strip;
 
 /// Generates a dark fluent action strip schema.
 /// @type {Map}