igniteui-theming 5.0.0-beta.6 → 6.0.0-beta.1

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":{"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)","_meta":"( variant: 'indigo', )"},"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)","_meta":"( variant: 'indigo', )"},"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":{"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":"#df1b74","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":"#df1b74","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":"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"}}}
+{"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":"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"}}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-theming",
-  "version": "5.0.0-beta.6",
+  "version": "6.0.0-beta.1",
   "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

@@ -104,7 +104,11 @@ $_enhanced-accessibility: false;
             $result,
             (
                 $variant: map.get($shade, 'raw'),
-                #{$variant}-contrast: text-contrast(map.get($shade, 'raw')),
+                #{$variant}-contrast:
+                    text-contrast(
+                        $background: map.get($shade, 'raw'),
+                        $contrast: 'AA',
+                    ),
                 #{$variant}-hsl: map.get($shade, 'hsl'),
             )
         );
@@ -185,13 +189,7 @@ $_enhanced-accessibility: false;
         @return if($contrast, $_mix-alpha, $_hsl-alpha);
     }
 
-    $_shade: map.get($c, $variant);
-
-    @if meta.type-of($_shade) == 'list' and list.length($_shade) == 3 {
-        $_shade: hsl($_shade...);
-    }
-
-    @return rgba($_shade, $alpha: $_alpha);
+    @return rgba(map.get($c, $variant), $alpha: $_alpha);
 }
 
 /// Retrieves a contrast text color for a given color variant from a color palette.

package/sass/color/_mixins.scss

@@ -15,21 +15,20 @@
 @mixin _base($color, $shade, $value) {
     @if $shade == 500 {
         $_type: meta.type-of($value);
-        $_color: '' + $color;
 
         @if $_type == 'color' {
-            --ig-#{$_color}-h: #{math.round(color.hue($value))};
-            --ig-#{$_color}-s: #{math.round(color.saturation($value))};
-            --ig-#{$_color}-l: #{math.round(color.lightness($value))};
-            --ig-#{$_color}-a: #{color.alpha($value)};
+            --ig-#{$color}-h: #{math.round(color.hue($value))};
+            --ig-#{$color}-s: #{math.round(color.saturation($value))};
+            --ig-#{$color}-l: #{math.round(color.lightness($value))};
+            --ig-#{$color}-a: #{color.alpha($value)};
         }
 
         // Cover handmade palettes with hsl values for base color
         @if $_type == 'list' and list.length($value) == 3 {
-            --ig-#{$_color}-h: #{list.nth($value, 1)};
-            --ig-#{$_color}-s: #{list.nth($value, 2)};
-            --ig-#{$_color}-l: #{list.nth($value, 3)};
-            --ig-#{$_color}-a: 1;
+            --ig-#{$color}-h: #{list.nth($value, 1)};
+            --ig-#{$color}-s: #{list.nth($value, 2)};
+            --ig-#{$color}-l: #{list.nth($value, 3)};
+            --ig-#{$color}-a: 1;
         }
     }
 }
@@ -40,20 +39,19 @@
     $_shade: meta.type-of($shade) == 'string';
     $_hsl: if($_shade, string.index($shade, 'hsl'), false);
     $_contrast: if($_shade, string.index($shade, 'contrast'), false);
-    $_color: '' + $color;
 
     @if $_hsl {
         $variant: string.slice($shade, 1, string.index($shade, '-hsl') - 1);
 
-        --ig-#{$_color}-#{$variant}: #{$value};
+        --ig-#{$color}-#{$variant}: #{$value};
     }
 
     @if not($_hsl) and not($_contrast) {
-        --ig-#{$_color}-#{$shade}: #{$value};
+        --ig-#{$color}-#{$shade}: #{$value};
     }
 
     @if $_contrast and $contrast {
-        --ig-#{$_color}-#{$shade}: #{$value};
+        --ig-#{$color}-#{$shade}: #{$value};
     }
 }
 

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

@@ -12,222 +12,22 @@
 /// Generates the dark indigo palette.
 /// @type Map
 /// @name dark-indigo-palette
-/// @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(#5468d9),
-        '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(#5468d9),
-        '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,
-    ),
-    _meta: (
-        variant: 'indigo',
-    ),
+/// @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',
 );

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

@@ -22,7 +22,7 @@
 /// @prop {Color} error [#ff134a] - The error color
 $palette: palette(
     $primary: #09f,
-    $secondary: #e41c77,
+    $secondary: #df1b74,
     $surface: #222,
     $info: #1377d5,
     $success: #4eb862,