igniteui-theming 1.0.0-beta.17 → 1.0.0-beta.18

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+© Copyright 2022 INFRAGISTICS. All Rights Reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/json/colors/meta/multipliers.json

@@ -0,0 +1 @@
+{"color":{"s":{"50":"1.23","100":".8","200":".64","300":".73","400":".875","500":"1","600":"1.26","700":"1.52","800":"1.5","900":"1.34","A100":"1.23","A200":"1.22","A400":"1.23","A700":"1.23"},"l":{"50":"1.78","100":"1.66","200":"1.43","300":"1.19","400":"1.08","500":"1","600":".89","700":".81","800":".73","900":".64","A100":"1.34","A200":"1.16","A400":".91","A700":".65"}},"grayscale":{"l":{"50":"13%","100":"26%","200":"38%","300":"54%","400":"62%","500":"74%","600":"88%","700":"93%","800":"96%","900":"98%"}}}

package/json/colors/meta/palette.json

@@ -0,0 +1 @@
+{"primary":["50","100","200","300","400","500","600","700","800","900","A100","A200","A400","A700"],"secondary":["50","100","200","300","400","500","600","700","800","900","A100","A200","A400","A700"],"gray":["50","100","200","300","400","500","600","700","800","900"],"surface":["50","100","200","300","400","500","600","700","800","900","A100","A200","A400","A700"],"info":["50","100","200","300","400","500","600","700","800","900","A100","A200","A400","A700"],"success":["50","100","200","300","400","500","600","700","800","900","A100","A200","A400","A700"],"warn":["50","100","200","300","400","500","600","700","800","900","A100","A200","A400","A700"],"error":["50","100","200","300","400","500","600","700","800","900","A100","A200","A400","A700"]}

package/json/colors/presets/palettes.json

@@ -0,0 +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":"#0078d4","surface":"#222","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"dark-fluent-word-palette":{"primary":"#2b579a","secondary":"#2b579a","surface":"#222","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"dark-fluent-excel-palette":{"primary":"#217346","secondary":"#217346","surface":"#222","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"dark-indigo-palette":{"primary":"#3f51b5","secondary":"#3f51b5","gray":"hsl(262deg 8% 98%)","surface":"#2a2b2f","info":"#9208bc","success":"#689f38","warn":"#ff9800","error":"#cf1a2b"},"dark-material-palette":{"primary":"#09f","secondary":"#e41c77","surface":"#222","info":"#1377d5","success":"#4eb862","warn":"#faa419","error":"#ff134a"},"light-bootstrap-palette":{"primary":"#0d6efd","secondary":"#6c757d","gray":"#adb5bd","surface":"#f8f9fa","info":"#0dcaf0","success":"#198754","warn":"#ffc107","error":"#dc3545"},"light-green-palette":{"primary":"#09f","secondary":"#72da67","surface":"#fff","info":"#1377d5","success":"#4eb862","warn":"#fbb13c","error":"#ff134a"},"light-purple-palette":{"primary":"#00b4d6","secondary":"#514590","surface":"#fff","info":"#1377d5","success":"#4eb862","warn":"#fbb13c","error":"#ff134a"},"light-fluent-palette":{"primary":"#0078d4","secondary":"#0078d4","surface":"#fff","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"light-fluent-word-palette":{"primary":"#2b579a","secondary":"#2b579a","surface":"#fff","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"light-fluent-excel-palette":{"primary":"#217346","secondary":"#217346","surface":"#fff","info":"#1377d5","success":"#107c10","warn":"#797673","error":"#a80000"},"light-indigo-palette":{"primary":"#3f51b5","secondary":"#3f51b5","gray":"hsl(236deg 8% 5%)","surface":"#fff","info":"#9208bc","success":"#689f38","warn":"#ff9800","error":"#cf1a2b"},"light-material-palette":{"primary":"#09f","secondary":"#e41c77","surface":"white","info":"#1377d5","success":"#4eb862","warn":"#faa419","error":"#ff134a"}}

package/json/elevations/elevations.json

@@ -0,0 +1 @@
+{"material":{"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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-theming",
-  "version": "1.0.0-beta.17",
+  "version": "1.0.0-beta.18",
   "description": "A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.",
   "main": "index.js",
   "scripts": {
@@ -13,6 +13,11 @@
     "test": "jest",
     "serve:docs": "npx http-server ./sassdoc"
   },
+  "files": [
+    "/sass",
+    "/json",
+    "/_index.scss"
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/IgniteUI/igniteui-theming.git"

package/.github/workflows/npm-publish.yml

@@ -1,45 +0,0 @@
-name: Npm.js deploy
-
-on:
-  release:
-    types: [created]
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
-        with:
-          node-version: 16
-          cache: 'npm'
-          registry-url: 'https://registry.npmjs.org'
-
-      - run: echo "VERSION=${GITHUB_REF/refs\/tags\//}" >> $GITHUB_ENV
-      - run: echo ${VERSION}
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Lint package
-        run: npm run lint
-
-      - name: Test package
-        run: npm test
-          
-      - name: Build package
-        run: npm run build
-
-      - name: Define NPM tag
-        run: |
-            if [[ ${VERSION} == *"alpha"* || ${VERSION} == *"beta"* || ${VERSION} == *"rc"* ]]; then echo "NPM_TAG=next"; else echo "NPM_TAG=latest"; fi >> $GITHUB_ENV
-            echo ${NPM_TAG}
-      - name: Create package version
-        run: npm version ${VERSION} --no-git-tag-version --save --allow-same-version
-        working-directory: ./
-
-      - name: Publish igniteui-theming
-        run: npm publish --tag ${NPM_TAG}
-        working-directory: ./
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

package/.stylelintrc.json

@@ -1,83 +0,0 @@
-{
-    "extends": "stylelint-config-standard-scss",
-    "plugins": ["stylelint-scss"],
-    "rules": {
-        "at-rule-disallowed-list": ["debug", {
-            "severity": "warning"
-        }],
-        "block-closing-brace-empty-line-before": "never",
-        "block-closing-brace-newline-after": "always-single-line",
-        "block-no-empty": true,
-        "color-hex-case": "lower",
-        "color-hex-length": "short",
-        "color-no-invalid-hex": true,
-        "comment-no-empty": true,
-        "custom-property-pattern": "(?:igc-)?.+",
-        "declaration-block-no-duplicate-properties": true,
-        "declaration-block-no-shorthand-property-overrides": true,
-        "declaration-block-single-line-max-declarations": 1,
-        "declaration-colon-space-after": "always-single-line",
-        "font-family-no-duplicate-names": true,
-        "font-family-no-missing-generic-family-keyword": true,
-        "font-weight-notation": "numeric",
-        "function-calc-no-unspaced-operator": true,
-        "function-comma-space-after": "always-single-line",
-        "indentation": 4,
-        "length-zero-no-unit": true,
-        "max-nesting-depth": [3, {
-            "severity": "warning"
-        }],
-        "no-descending-specificity": null,
-        "no-duplicate-at-import-rules": true,
-        "no-duplicate-selectors": true,
-        "no-extra-semicolons": true,
-        "no-invalid-double-slash-comments": true,
-        "no-missing-end-of-source-newline": true,
-        "number-leading-zero": "never",
-        "number-no-trailing-zeros": true,
-        "property-no-unknown": true,
-        "rule-empty-line-before": ["always-multi-line", {
-            "except": ["first-nested"],
-            "ignore": ["after-comment"]
-        }],
-        "selector-attribute-quotes": "always",
-        "selector-attribute-operator-space-after": "never",
-        "selector-attribute-operator-space-before": "never",
-        "selector-combinator-space-after": "always",
-        "selector-combinator-space-before": "always",
-        "selector-descendant-combinator-no-non-space": true,
-        "selector-list-comma-newline-after": "always",
-        "selector-pseudo-class-case": "lower",
-        "selector-pseudo-class-no-unknown": true,
-        "selector-pseudo-class-parentheses-space-inside": "never",
-        "selector-pseudo-element-case": "lower",
-        "selector-pseudo-element-colon-notation": "double",
-        "selector-pseudo-element-no-unknown": true,
-        "selector-type-case": "lower",
-        "selector-type-no-unknown": [true, {
-            "ignore": ["custom-elements"]
-        }],
-        "shorthand-property-no-redundant-values": true,
-        "string-quotes": "single",
-        "unit-case": "lower",
-        "value-keyword-case": "lower",
-        "value-list-comma-space-after": "always-single-line",
-        "value-no-vendor-prefix": true,
-        "scss/at-mixin-pattern": null,
-        "scss/at-function-pattern": null,
-        "scss/dollar-variable-pattern": null,
-        "scss/at-else-closing-brace-newline-after": "always-last-in-chain",
-        "scss/at-else-closing-brace-space-after": "always-intermediate",
-        "scss/at-else-empty-line-before": "never",
-        "scss/at-if-closing-brace-newline-after": "always-last-in-chain",
-        "scss/at-if-closing-brace-space-after": "always-intermediate",
-        "scss/at-import-no-partial-leading-underscore": true,
-        "scss/at-mixin-argumentless-call-parentheses": "always",
-        "scss/at-mixin-parentheses-space-before": "never",
-        "scss/at-rule-no-unknown": true,
-        "scss/double-slash-comment-inline": "never",
-        "scss/dollar-variable-colon-newline-after": null,
-        "scss/dollar-variable-colon-space-after": "always",
-        "scss/selector-no-redundant-nesting-selector": true
-    }
-}

package/scripts/buildJSON.mjs

@@ -1,166 +0,0 @@
-import path from "path";
-import { exporter } from "sass-export";
-import { exec as _exec } from "child_process";
-import { mkdirSync as makeDir } from "fs";
-import { writeFile } from "fs/promises";
-import { fileURLToPath } from "url";
-import { promisify } from "util";
-import { globby } from "globby";
-
-const exec = promisify(_exec);
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const PALETTE_PRESETS = "sass/color/presets";
-const TYPOGRAPHY_PRESETS = "sass/typography/presets";
-const ELEVATION_PRESETS = "sass/elevations/presets";
-const DEST_DIR = path.join.bind(null, path.resolve(__dirname, "../json"));
-
-async function palettesToJSON() {
-  const paths = await globby(`${PALETTE_PRESETS}/{light,dark}/*.scss`);
-  const palettes = {
-    inputFiles: paths,
-    includePaths: [`${PALETTE_PRESETS}/light/`, `${PALETTE_PRESETS}/dark/`],
-  };
-  const data = exporter(palettes).getStructured();
-  const outputFile = DEST_DIR("colors/presets/palettes.json");
-  const normalized = Object.entries(data).reduce((acc, next) => {
-    const [key, value] = next;
-    if (key !== "variables") {
-      value.forEach((palette) => {
-        acc[`${key}-${palette.name.substring(1)}`] = palette.mapValue.reduce((acc, color) => {
-          if (color.name === "variant") return acc;
-          acc[color.name] = color.value;
-          return acc;
-        }, {});
-      });
-    }
-    return acc;
-  }, {});
-  makeDir(path.dirname(outputFile), { recursive: true });
-  writeFile(outputFile, JSON.stringify(normalized), "utf-8");
-}
-
-async function typographyToJSON() {
-  const paths = await globby(`${TYPOGRAPHY_PRESETS}/*.scss`);
-  const presets = {
-    inputFiles: paths,
-    includePaths: [`${TYPOGRAPHY_PRESETS}`],
-  };
-  const data = exporter(presets).getStructured();
-  const normalized = Object.entries(data).reduce((acc, next) => {
-    const [key, value] = next;
-    if (key !== "variables") {
-      acc[key] = value.reduce((styles, variable) => {
-        if (variable.name !== "$type-scale" && variable.name !== "$_base-scale") {
-          styles[variable.name.substring(1)] =
-            variable.mapValue?.reduce((acc, next) => {
-              acc[next.name] = next.compiledValue;
-              return acc;
-            }, {}) || variable.value;
-        }
-        return styles;
-      }, {});
-    }
-    return acc;
-  }, {});
-  const outputFile = DEST_DIR("typography/presets/typescales.json");
-  makeDir(path.dirname(outputFile), { recursive: true });
-  writeFile(outputFile, JSON.stringify(normalized), "utf-8");
-}
-
-async function colorsToJSON() {
-  const options = {
-    inputFiles: ["sass/color/_types.scss", "sass/color/_multipliers.scss"],
-  };
-  const data = exporter(options).getArray();
-  const color = data.find((d) => d.name === "$color").mapValue;
-  const grayscale = data.find((d) => d.name === "$grayscale").mapValue;
-  const color_s = color.find((d) => d.name === "s").mapValue;
-  const color_l = color.find((d) => d.name === "l").mapValue;
-  const grayscale_l = grayscale.find((d) => d.name === "l").mapValue;
-  const gray_shades = data.find((d) => d.name === "$IGrayShades").compiledValue.split(/\s*,\s*/);
-  const color_shades = data.find((d) => d.name === "$IColorShades").compiledValue.split(/\s*,\s*/);
-
-  const multipliers = {
-    color: {
-      s: color_s.reduce((acc, next) => {
-        acc[next.name] = next.value;
-        return acc;
-      }, {}),
-      l: color_l.reduce((acc, next) => {
-        acc[next.name] = next.value;
-        return acc;
-      }, {}),
-    },
-    grayscale: {
-      l: grayscale_l.reduce((acc, next) => {
-        acc[next.name] = next.value;
-        return acc;
-      }, {}),
-    },
-  };
-  const palette = data
-    .find((d) => d.name === "$IPaletteColors")
-    .mapValue.reduce((acc, next) => {
-      if (next.name === "gray") {
-        acc[next.name] = gray_shades;
-        return acc;
-      }
-
-      acc[next.name] = color_shades;
-      return acc;
-    }, {});
-
-  const multipliersFile = DEST_DIR("colors/meta/multipliers.json");
-  const paletteFile = DEST_DIR("colors/meta/palette.json");
-
-  makeDir(path.dirname(multipliersFile), { recursive: true });
-  makeDir(path.dirname(paletteFile), { recursive: true });
-
-  writeFile(multipliersFile, JSON.stringify(multipliers), "utf-8");
-  writeFile(paletteFile, JSON.stringify(palette), "utf-8");
-}
-
-async function elevationsToJSON() {
-  const paths = await globby(`${ELEVATION_PRESETS}/*.scss`);
-  const options = {
-    inputFiles: paths,
-    includePaths: [`${ELEVATION_PRESETS}`],
-  };
-  const presets = exporter(options).getStructured();
-  const data = Object.entries(presets).filter(([key]) => key !== "variables" && key !== "mixins");
-  const elevations = data.reduce((acc, [key, value]) => {
-    acc[key] = value.reduce((acc, next) => {
-      if(next.name === '$elevations') {
-        acc.elevations = next.mapValue.reduce((result, elevation) => {
-          result[elevation.name] = elevation.compiledValue;
-          return result;
-        }, {});
-      }
-      return acc;
-    }, {});
-    return acc;
-  }, {});
-
-  const outputFile = DEST_DIR("elevations/elevations.json");
-  makeDir(path.dirname(outputFile), { recursive: true });
-
-  writeFile(outputFile, JSON.stringify(elevations), "utf-8");
-}
-
-(async () => {
-  await exec("npm run clean");
-
-  console.info("Exporting palette presets to JSON...");
-  await palettesToJSON();
-
-  console.info("Exporting color metadata to JSON...");
-  await colorsToJSON();
-
-  console.info("Exporting typography presets to JSON...");
-  await typographyToJSON();
-
-  console.info("Exporting elevation presets to JSON...");
-  await elevationsToJSON();
-
-  console.log(`Done! 🎉`);
-})();

package/test/_animations.spec.scss

@@ -1,52 +0,0 @@
-/* stylelint-disable max-nesting-depth */
-@use '../node_modules/sass-true/' as *;
-@use '../sass/animations/mixins' as *;
-@use 'sass:map';
-
-@mixin test-keyframes {
-    @include keyframes('test-keyframes') {
-        0% {
-            color: red;
-        }
-
-        100% {
-            color: blue;
-        }
-    }
-}
-
-@include describe('Animations') {
-    @include it('should include a keyframe animation only once at the root of the stylesheet') {
-        @include assert() {
-            @include output($selector: false) {
-                @include test-keyframes();
-                @include test-keyframes();
-                @include test-keyframes();
-            }
-
-            @include expect($selector: false) {
-                @keyframes test-keyframes {
-                    0% {
-                        color: red;
-                    }
-
-                    100% {
-                        color: blue;
-                    }
-                }
-            }
-        }
-    }
-
-    @include it('should include a list of animations using the animation mixin') {
-        @include assert() {
-            @include output() {
-                @include animation('test-keyframes' 2s ease-out, 'bounce-out' 1s ease-out);
-            }
-
-            @include expect() {
-                animation: 'test-keyframes' 2s ease-out, 'bounce-out' 1s ease-out;
-            }
-        }
-    }
-}

package/test/_bem.spec.scss

@@ -1,168 +0,0 @@
-/* stylelint-disable selector-class-pattern */
-/* stylelint-disable max-nesting-depth */
-@use '../node_modules/sass-true/' as *;
-@use '../sass/bem' as *;
-
-@include describe('BEM') {
-    @include it('creates block__element classes using the respective mixins') {
-        @include assert() {
-            @include output($selector: false) {
-                @include b(block) {
-                    background: black;
-
-                    @include e(element) {
-                        color: orange;
-                    }
-                }
-            }
-
-            @include expect($selector: false) {
-                .block {
-                    background: black;
-                }
-
-                .block__element {
-                    color: orange;
-                }
-            }
-        }
-    }
-
-    @include it('creates block--modifier classes using the modifier mixins') {
-        @include assert() {
-            @include output($selector: false) {
-                @include b(block) {
-                    background: black;
-
-                    @include m(error) {
-                        background: red;
-                    }
-
-                    @include mx(error, selected) {
-                        background: darkred;
-                    }
-                }
-            }
-
-            @include expect($selector: false) {
-                .block {
-                    background: black;
-                }
-
-                .block--error {
-                    background: red;
-                }
-
-                .block--error.block--selected {
-                    background: darkred;
-                }
-            }
-        }
-    }
-
-    @include it('creates block__element--modifier classes using the element mixin') {
-        @include assert() {
-            @include output($selector: false) {
-                @include b(block) {
-                    background: black;
-
-                    @include e(element, $m: small) {
-                        font-size: 12px;
-                    }
-
-                    @include e(element, $m: medium) {
-                        font-size: 14px;
-                    }
-
-                    @include e(element, $m: large) {
-                        font-size: 16px;
-                    }
-                }
-            }
-
-            @include expect($selector: false) {
-                .block {
-                    background: black;
-                }
-
-                .block__element--small {
-                    font-size: 12px;
-                }
-
-                .block__element--medium {
-                    font-size: 14px;
-                }
-
-                .block__element--large {
-                    font-size: 16px;
-                }
-            }
-        }
-    }
-
-    @include it('creates multiple element modifier classes using the element mixin') {
-        @include assert() {
-            @include output($selector: false) {
-                @include b(block) {
-                    background: black;
-
-                    @include e(element, $mods: (small, pink)) {
-                        color: pink;
-                        font-size: 12px;
-                    }
-                }
-            }
-
-            @include expect($selector: false) {
-                .block {
-                    background: black;
-                }
-
-                .block__element--small.block__element--pink {
-                    color: pink;
-                    font-size: 12px;
-                }
-            }
-        }
-    }
-
-    @include it('overwrites element styles in a modified block') {
-        @include assert() {
-            @include output($selector: false) {
-                @include b(block) {
-                    background: black;
-
-                    @include e(element) {
-                        color: wheat;
-                    }
-
-                    @include m(error) {
-                        background: red;
-
-                        @include e(element) {
-                            color: white;
-                        }
-                    }
-                }
-            }
-
-            @include expect($selector: false) {
-                .block {
-                    background: black;
-                }
-
-                .block__element {
-                    color: wheat;
-                }
-
-                .block--error {
-                    background: red;
-                }
-
-                .block--error .block__element {
-                    color: white;
-                }
-            }
-        }
-    }
-}