igniteui-theming 6.0.0-beta.1 → 6.0.0-beta.10

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":"#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"}}
+{"light-bootstrap-palette":{"primary":"#0d6efd","secondary":"#6c757d","gray":"#949ea9","surface":"#f8f9fa","info":"#0dcaf0","success":"#198754","warn":"#ffc107","error":"#dc3545"},"dark-bootstrap-palette":{"primary":"#0d6efd","secondary":"#6c757d","gray":"#b6bdc4","surface":"#212529","info":"#0dcaf0","success":"#198754","warn":"#ffc107","error":"#dc3545"},"light-material-palette":{"primary":"#0099ff","secondary":"#df1b74","gray":"#9e9e9e","surface":"white","info":"#1377d5","success":"#4eb862","warn":"#faa419","error":"#ff134a"},"dark-material-palette":{"primary":"#0099ff","secondary":"#df1b74","gray":"#bdbdbd","surface":"#222222","info":"#1377d5","success":"#4eb862","warn":"#faa419","error":"#ff134a"},"light-fluent-palette":{"primary":"#0078d4","secondary":"#2b88d8","gray":"#9e9e9e","surface":"white","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"dark-fluent-palette":{"primary":"#0078d4","secondary":"#2b88d8","gray":"#bdbdbd","surface":"#222222","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"light-indigo-palette":{"primary":"#4051b5","secondary":"#4051b5","gray":"#9a9da2","surface":"#f9f9fb","info":"#9b27b0","success":"#689f38","warn":"#f66d1e","error":"#d11a2c"},"dark-indigo-palette":{"primary":"#4051b5","secondary":"#4051b5","gray":"#c3c3c6","surface":"#1e1f24","info":"#9b27b0","success":"#689f38","warn":"#f66d1e","error":"#d11a2c"}}

package/json/elevations/indigo.json

@@ -0,0 +1 @@
+{"elevations":{"0":"none","1":"0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08)","2":"0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08)","3":"0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08)","4":"0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.1)","5":"0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08)","6":"0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.2)","7":"0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08)","8":"0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08)","9":"0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08)","10":"0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08)","11":"0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08)","12":"0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08)","13":"0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08)","14":"0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08)","15":"0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08)","16":"0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08)","17":"0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08)","18":"0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08)","19":"0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08)","20":"0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08)","21":"0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08)","22":"0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08)","23":"0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(0, 0, 0, 0.3)","24":"0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(36, 37, 44, 0.4)"}}

package/json/elevations/material.json

@@ -0,0 +1 @@
+{"elevations":{"0":"none","1":"0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08)","2":"0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08)","3":"0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08)","4":"0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08)","5":"0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08)","6":"0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08)","7":"0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08)","8":"0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08)","9":"0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08)","10":"0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08)","11":"0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08)","12":"0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08)","13":"0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08)","14":"0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08)","15":"0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08)","16":"0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08)","17":"0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08)","18":"0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08)","19":"0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08)","20":"0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08)","21":"0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08)","22":"0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08)","23":"0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 23px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 44px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08)","24":"0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 46px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08)"}}

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":"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-family":"inherit","font-size":"2.5rem","font-weight":"500","font-style":"normal","line-height":"3rem","letter-spacing":"-0.09375rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h2":{"font-family":"inherit","font-size":"2rem","font-weight":"500","font-style":"normal","line-height":"2.4rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h3":{"font-family":"inherit","font-size":"1.75rem","font-weight":"500","font-style":"normal","line-height":"2.1rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h4":{"font-family":"inherit","font-size":"1.5rem","font-weight":"500","font-style":"normal","line-height":"1.8rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h5":{"font-family":"inherit","font-size":"1.25rem","font-weight":"500","font-style":"normal","line-height":"1.5rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h6":{"font-family":"inherit","font-size":"1rem","font-weight":"500","font-style":"normal","line-height":"1.2rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"subtitle-1":{"font-family":"inherit","font-size":"1rem","font-weight":"700","font-style":"normal","line-height":"1.5rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-family":"inherit","font-size":"0.875rem","font-weight":"700","font-style":"normal","line-height":"1.5rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-family":"inherit","font-size":"1rem","font-weight":"400","font-style":"normal","line-height":"1.5rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-family":"inherit","font-size":"0.875rem","font-weight":"400","font-style":"normal","line-height":"1.3125rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-family":"inherit","font-size":"1rem","font-weight":"400","font-style":"normal","line-height":"1.5rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"caption":{"font-family":"inherit","font-size":"0.75rem","font-weight":"400","font-style":"normal","line-height":"1rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"overline":{"font-family":"inherit","font-size":"0.625rem","font-weight":"400","font-style":"normal","line-height":"1rem","letter-spacing":"0.09375rem","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"},"calendar-labels":{"font-family":"inherit","font-size":"0.8125rem","font-weight":"400","font-style":"normal","line-height":"normal","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"}},"material":{"typeface":"'Titillium Web', sans-serif","h1":{"font-family":"inherit","font-size":"6rem","font-weight":"300","font-style":"normal","line-height":"7rem","letter-spacing":"-0.09375rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"3.5rem"},"h2":{"font-family":"inherit","font-size":"3.75rem","font-weight":"300","font-style":"normal","line-height":"4.4375rem","letter-spacing":"-0.03125rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"1.75rem"},"h3":{"font-family":"inherit","font-size":"3rem","font-weight":"400","font-style":"normal","line-height":"3.5625rem","letter-spacing":"0","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h4":{"font-family":"inherit","font-size":"2.125rem","font-weight":"400","font-style":"normal","line-height":"2.5rem","letter-spacing":"0.015625rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h5":{"font-family":"inherit","font-size":"1.5rem","font-weight":"400","font-style":"normal","line-height":"1.75rem","letter-spacing":"0","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h6":{"font-family":"inherit","font-size":"1.25rem","font-weight":"600","font-style":"normal","line-height":"1.5rem","letter-spacing":"0.009375rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-family":"inherit","font-size":"1rem","font-weight":"400","font-style":"normal","line-height":"1.5rem","letter-spacing":"0.009375rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-family":"inherit","font-size":"0.875rem","font-weight":"600","font-style":"normal","line-height":"1.5rem","letter-spacing":"0.00625rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-family":"inherit","font-size":"1rem","font-weight":"400","font-style":"normal","line-height":"1.75rem","letter-spacing":"0.03125rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"1rem"},"body-2":{"font-family":"inherit","font-size":"0.875rem","font-weight":"400","font-style":"normal","line-height":"1.25rem","letter-spacing":"0.015625rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-family":"inherit","font-size":"0.875rem","font-weight":"600","font-style":"normal","line-height":"1rem","letter-spacing":"0.046875rem","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"},"caption":{"font-family":"inherit","font-size":"0.75rem","font-weight":"400","font-style":"normal","line-height":"1rem","letter-spacing":"0.025rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"overline":{"font-family":"inherit","font-size":"0.625rem","font-weight":"400","font-style":"normal","line-height":"1rem","letter-spacing":"0.09375rem","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"}},"fluent":{"typeface":"'Open Sans', Helvetica, Arial, sans-serif","h1":{"font-family":"inherit","font-size":"4.25rem","font-weight":"400","font-style":"normal","line-height":"4.75rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h2":{"font-family":"inherit","font-size":"2.625rem","font-weight":"400","font-style":"normal","line-height":"3.25rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h3":{"font-family":"inherit","font-size":"2rem","font-weight":"400","font-style":"normal","line-height":"2.5rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h4":{"font-family":"inherit","font-size":"1.75rem","font-weight":"400","font-style":"normal","line-height":"2.25rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h5":{"font-family":"inherit","font-size":"1.5rem","font-weight":"400","font-style":"normal","line-height":"2rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h6":{"font-family":"inherit","font-size":"1.25rem","font-weight":"400","font-style":"normal","line-height":"1.75rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-family":"inherit","font-size":"1.125rem","font-weight":"400","font-style":"normal","line-height":"1.5rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-family":"inherit","font-size":"0.875rem","font-weight":"700","font-style":"normal","line-height":"1.25rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-family":"inherit","font-size":"1rem","font-weight":"400","font-style":"normal","line-height":"1.375rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-family":"inherit","font-size":"0.875rem","font-weight":"400","font-style":"normal","line-height":"1.25rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-family":"inherit","font-size":"0.875rem","font-weight":"600","font-style":"normal","line-height":"0.875rem","letter-spacing":"normal","text-transform":"capitalize","margin-top":"0","margin-bottom":"0"},"caption":{"font-family":"inherit","font-size":"0.75rem","font-weight":"400","font-style":"normal","line-height":"1rem","letter-spacing":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"},"overline":{"font-family":"inherit","font-size":"0.625rem","font-weight":"400","font-style":"normal","line-height":"0.875rem","letter-spacing":"normal","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"}},"indigo":{"typeface":"'Nunito Sans', sans-serif","h1":{"font-family":"inherit","font-size":"2.25rem","font-weight":"300","font-style":"normal","line-height":"2.625rem","letter-spacing":"0","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h2":{"font-family":"inherit","font-size":"1.75rem","font-weight":"400","font-style":"normal","line-height":"2.25rem","letter-spacing":"0","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h3":{"font-family":"inherit","font-size":"1.5rem","font-weight":"400","font-style":"normal","line-height":"2rem","letter-spacing":"0","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h4":{"font-family":"inherit","font-size":"1.25rem","font-weight":"600","font-style":"normal","line-height":"1.625rem","letter-spacing":"0","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h5":{"font-family":"inherit","font-size":"1rem","font-weight":"600","font-style":"normal","line-height":"1.375rem","letter-spacing":"0","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h6":{"font-family":"inherit","font-size":"0.875rem","font-weight":"600","font-style":"normal","line-height":"1.25rem","letter-spacing":"0","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-family":"inherit","font-size":"0.8125rem","font-weight":"600","font-style":"normal","line-height":"1.125rem","letter-spacing":"0","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-family":"inherit","font-size":"0.75rem","font-weight":"600","font-style":"normal","line-height":"1rem","letter-spacing":"0","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-family":"inherit","font-size":"0.8125rem","font-weight":"400","font-style":"normal","line-height":"1.125rem","letter-spacing":"0","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-family":"inherit","font-size":"0.75rem","font-weight":"400","font-style":"normal","line-height":"1rem","letter-spacing":"0","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-family":"inherit","font-size":"0.6875rem","font-weight":"700","font-style":"normal","line-height":"0.9375rem","letter-spacing":"0","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"},"caption":{"font-family":"inherit","font-size":"0.6875rem","font-weight":"400","font-style":"normal","line-height":"0.9375rem","letter-spacing":"0","text-transform":"normal","margin-top":"0","margin-bottom":"0"},"overline":{"font-family":"inherit","font-size":"0.625rem","font-weight":"700","font-style":"normal","line-height":"0.875rem","letter-spacing":"0","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"}}}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "igniteui-theming",
-  "version": "6.0.0-beta.1",
+  "version": "6.0.0-beta.10",
   "description": "A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.",
   "main": "index.js",
   "scripts": {
     "clean": "npm run clean:json && npm run clean:docs",
-    "clean:json": "rimraf \"json/\"",
-    "clean:docs": "rimraf \"docs/\"",
+    "clean:json": "shx rm -rf json",
+    "clean:docs": "shx rm -rf docs",
     "build": "npm run build:json && npm run build:e2e",
     "build:docs": "npm run clean:docs && npm run build:docs:en:production",
     "build:docs:en:production": "set NODE_ENV=production && npx sassdoc ./sass -d docs",
@@ -16,7 +16,7 @@
     "serve:docs": "npx http-server ./docs",
     "preview:palette": "node scripts/previewPalette.mjs",
     "lint": "npm run lint:styles && npm run lint:prettier",
-    "lint:styles": "stylelint ./sass/**/*.scss",
+    "lint:styles": "stylelint ./sass/**/*.scss --fix",
     "lint:prettier": "prettier \"./sass/**/*.scss\" --check --ignore-path .gitignore",
     "test": "jest",
     "format": "stylelint \"./sass/**/*.{scss,css}\" --fix --allow-empty-input --ignore-path .gitignore && prettier \"./sass/**/*.{scss,css}\" --write --ignore-path .gitignore",
@@ -31,9 +31,9 @@
     ]
   },
   "files": [
-    "/sass",
-    "/json",
-    "/_index.scss"
+    "sass/",
+    "json/",
+    "_index.scss"
   ],
   "repository": {
     "type": "git",
@@ -66,21 +66,31 @@
     "./functions": {
       "sass": "./sass/_functions.scss"
     },
-    "./sass/**/*.*": "./sass/**/*.*"
+    "./sass/**/*.*": "./sass/**/*.*",
+    "./json/colors/meta/multipliers.json": "./json/colors/meta/multipliers.json",
+    "./json/colors/meta/palette.json": "./json/colors/meta/palette.json",
+    "./json/colors/presets/palettes.json": "./json/colors/presets/palettes.json",
+    "./json/elevations/indigo.json": "./json/elevations/indigo.json",
+    "./json/elevations/material.json": "./json/elevations/material.json",
+    "./json/typography/presets/typescales.json": "./json/typography/presets/typescales.json"
   },
   "devDependencies": {
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-prettier": "^5.1.3",
     "globby": "^13.1.4",
     "husky": "^8.0.3",
     "igniteui-sassdoc-theme": "^1.1.6",
     "jest": "^29.5.0",
     "jest-environment-node-single-context": "^29.0.0",
     "lunr": "^2.3.9",
-    "postcss": "^8.4.23",
-    "prettier": "^2.8.8",
-    "rimraf": "^4.4.1",
-    "sass-export": "^2.1.2",
+    "postcss": "^8.4.35",
+    "postcss-safe-parser": "^7.0.0",
+    "prettier": "^3.2.5",
     "sass-true": "^7.0.0",
     "sassdoc-plugin-localization": "^1.4.3",
+    "shx": "^0.3.4",
     "stylelint": "^15.6.2",
     "stylelint-config-standard-scss": "^7.0.1",
     "stylelint-scss": "^4.7.0",

package/sass/animations/entrances/_flicker.scss

@@ -180,12 +180,16 @@
 
         30.1% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 45%), 0 0 60px rgb(255 255 255 / 25%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 45%),
+                0 0 60px rgb(255 255 255 / 25%);
         }
 
         30.5% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 45%), 0 0 60px rgb(255 255 255 / 25%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 45%),
+                0 0 60px rgb(255 255 255 / 25%);
         }
 
         30.6% {
@@ -200,17 +204,23 @@
 
         45.1% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 45%), 0 0 60px rgb(255 255 255 / 25%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 45%),
+                0 0 60px rgb(255 255 255 / 25%);
         }
 
         50% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 45%), 0 0 60px rgb(255 255 255 / 25%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 45%),
+                0 0 60px rgb(255 255 255 / 25%);
         }
 
         55% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 45%), 0 0 60px rgb(255 255 255 / 25%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 45%),
+                0 0 60px rgb(255 255 255 / 25%);
         }
 
         55.1% {
@@ -225,12 +235,16 @@
 
         57.1% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 55%), 0 0 60px rgb(255 255 255 / 30%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 55%),
+                0 0 60px rgb(255 255 255 / 30%);
         }
 
         60% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 55%), 0 0 60px rgb(255 255 255 / 30%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 55%),
+                0 0 60px rgb(255 255 255 / 30%);
         }
 
         60.1% {
@@ -245,13 +259,17 @@
 
         65.1% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 55%), 0 0 60px rgb(255 255 255 / 30%),
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 55%),
+                0 0 60px rgb(255 255 255 / 30%),
                 0 0 100px rgb(255 255 255 / 10%);
         }
 
         75% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 55%), 0 0 60px rgb(255 255 255 / 30%),
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 55%),
+                0 0 60px rgb(255 255 255 / 30%),
                 0 0 100px rgb(255 255 255 / 10%);
         }
 
@@ -267,14 +285,20 @@
 
         77.1% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 60%), 0 0 60px rgb(255 255 255 / 40%),
-                0 0 110px rgb(255 255 255 / 20%), 0 0 100px rgb(255 255 255 / 10%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 60%),
+                0 0 60px rgb(255 255 255 / 40%),
+                0 0 110px rgb(255 255 255 / 20%),
+                0 0 100px rgb(255 255 255 / 10%);
         }
 
         85% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 60%), 0 0 60px rgb(255 255 255 / 40%),
-                0 0 110px rgb(255 255 255 / 20%), 0 0 100px rgb(255 255 255 / 10%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 60%),
+                0 0 60px rgb(255 255 255 / 40%),
+                0 0 110px rgb(255 255 255 / 20%),
+                0 0 100px rgb(255 255 255 / 10%);
         }
 
         85.1% {
@@ -289,14 +313,20 @@
 
         86.1% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 60%), 0 0 60px rgb(255 255 255 / 45%),
-                0 0 110px rgb(255 255 255 / 25%), 0 0 100px rgb(255 255 255 / 10%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 60%),
+                0 0 60px rgb(255 255 255 / 45%),
+                0 0 110px rgb(255 255 255 / 25%),
+                0 0 100px rgb(255 255 255 / 10%);
         }
 
         100% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 60%), 0 0 60px rgb(255 255 255 / 45%),
-                0 0 110px rgb(255 255 255 / 25%), 0 0 100px rgb(255 255 255 / 10%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 60%),
+                0 0 60px rgb(255 255 255 / 45%),
+                0 0 110px rgb(255 255 255 / 25%),
+                0 0 100px rgb(255 255 255 / 10%);
         }
     }
 }

package/sass/animations/exits/_flicker.scss

@@ -157,14 +157,20 @@
     @include keyframes(flicker-out-2) {
         0% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 60%), 0 0 60px rgb(255 255 255 / 45%),
-                0 0 110px rgb(255 255 255 / 25%), 0 0 100px rgb(255 255 255 / 10%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 60%),
+                0 0 60px rgb(255 255 255 / 45%),
+                0 0 110px rgb(255 255 255 / 25%),
+                0 0 100px rgb(255 255 255 / 10%);
         }
 
         13.9% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 60%), 0 0 60px rgb(255 255 255 / 45%),
-                0 0 110px rgb(255 255 255 / 25%), 0 0 100px rgb(255 255 255 / 10%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 60%),
+                0 0 60px rgb(255 255 255 / 45%),
+                0 0 110px rgb(255 255 255 / 25%),
+                0 0 100px rgb(255 255 255 / 10%);
         }
 
         14% {
@@ -179,14 +185,20 @@
 
         15% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 55%), 0 0 60px rgb(255 255 255 / 40%),
-                0 0 110px rgb(255 255 255 / 20%), 0 0 100px rgb(255 255 255 / 10%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 55%),
+                0 0 60px rgb(255 255 255 / 40%),
+                0 0 110px rgb(255 255 255 / 20%),
+                0 0 100px rgb(255 255 255 / 10%);
         }
 
         22.9% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 55%), 0 0 60px rgb(255 255 255 / 40%),
-                0 0 110px rgb(255 255 255 / 20%), 0 0 100px rgb(255 255 255 / 10%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 55%),
+                0 0 60px rgb(255 255 255 / 40%),
+                0 0 110px rgb(255 255 255 / 20%),
+                0 0 100px rgb(255 255 255 / 10%);
         }
 
         23% {
@@ -201,13 +213,17 @@
 
         25% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 55%), 0 0 60px rgb(255 255 255 / 35%),
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 55%),
+                0 0 60px rgb(255 255 255 / 35%),
                 0 0 100px rgb(255 255 255 / 10%);
         }
 
         34.9% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 55%), 0 0 60px rgb(255 255 255 / 35%),
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 55%),
+                0 0 60px rgb(255 255 255 / 35%),
                 0 0 100px rgb(255 255 255 / 10%);
         }
 
@@ -223,12 +239,16 @@
 
         40% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 55%), 0 0 60px rgb(255 255 255 / 35%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 55%),
+                0 0 60px rgb(255 255 255 / 35%);
         }
 
         42.9% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 55%), 0 0 60px rgb(255 255 255 / 35%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 55%),
+                0 0 60px rgb(255 255 255 / 35%);
         }
 
         43% {
@@ -243,17 +263,23 @@
 
         45% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 45%), 0 0 60px rgb(255 255 255 / 25%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 45%),
+                0 0 60px rgb(255 255 255 / 25%);
         }
 
         50% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 45%), 0 0 60px rgb(255 255 255 / 25%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 45%),
+                0 0 60px rgb(255 255 255 / 25%);
         }
 
         54.9% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 45%), 0 0 60px rgb(255 255 255 / 25%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 45%),
+                0 0 60px rgb(255 255 255 / 25%);
         }
 
         55% {
@@ -268,12 +294,16 @@
 
         69.5% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 45%), 0 0 60px rgb(255 255 255 / 25%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 45%),
+                0 0 60px rgb(255 255 255 / 25%);
         }
 
         69.9% {
             opacity: 1;
-            box-shadow: 0 0 30px rgb(255 255 255 / 45%), 0 0 60px rgb(255 255 255 / 25%);
+            box-shadow:
+                0 0 30px rgb(255 255 255 / 45%),
+                0 0 60px rgb(255 255 255 / 25%);
         }
 
         70% {