@skyux/theme 13.0.0-alpha.4 → 13.0.0-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/css/sky.css +21 -18
  2. package/css/themes/modern/styles.css +565 -1089
  3. package/fesm2022/skyux-theme.mjs +195 -75
  4. package/fesm2022/skyux-theme.mjs.map +1 -1
  5. package/index.d.ts +58 -34
  6. package/package.json +2 -2
  7. package/scss/_compat/_mixins.scss +4 -3
package/css/sky.css CHANGED
@@ -1,5 +1,3 @@
1
- @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
2
- @import url("https://sky.blackbaudcdn.net/static/skyux-icons/9.0.0/assets/css/skyux-icons.min.css");
3
1
  /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
4
2
  /* Document
5
3
  ========================================================================== */
@@ -354,7 +352,7 @@ textarea {
354
352
  --sky-background-color-danger: #f7a08f;
355
353
  --sky-background-color-danger-dark: #d93a3d;
356
354
  --sky-border-color-neutral-medium: #cdcfd2;
357
- --sky-category-color-light-blue: #bfecfb;
355
+ --sky-category-color-green: #bfecfb;
358
356
  --sky-category-color-teal: #80dbca;
359
357
  --sky-category-color-purple: #c9b6d7;
360
358
  --sky-category-color-orange: #f9ba90;
@@ -965,10 +963,11 @@ textarea.ng-invalid.ng-touched {
965
963
  }
966
964
 
967
965
  .sky-error-label::before {
968
- content: "\f071";
969
- font-family: FontAwesome;
966
+ content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJza3ktaS1wYXRoLTEiIGQ9Ik0xNC4wNDM3IDMuMTgxODJDMTQuOTEzMiAxLjYwNjA2IDE3LjA4NjggMS42MDYwNiAxNy45NTYzIDMuMTgxODJMMjkuNjk0IDI0LjQ1NDVDMzAuNTYzNSAyNi4wMzAzIDI5LjQ3NjYgMjggMjcuNzM3NyAyOEg0LjI2MjI5QzIuNTIzMzcgMjggMS40MzY1NSAyNi4wMzAzIDIuMzA2MDEgMjQuNDU0NUwxNC4wNDM3IDMuMTgxODJaIiBmaWxsPSIjRUY0MDQ0Ii8+CjxwYXRoIGNsYXNzPSJza3ktaS1wYXRoLTIiIGQ9Ik0xNC42MTA0IDEwLjM4MzRIMTcuNDgxNkwxNy4xNjg3IDE4Ljc5NDVIMTQuOTIzM0wxNC42MTA0IDEwLjM4MzRaTTE1Ljk5MDggMjMuNjE2NkMxNS41NzM2IDIzLjYxNjYgMTUuMjE3OCAyMy40NjkzIDE0LjkyMzMgMjMuMTc0OEMxNC42NDExIDIyLjg4MDQgMTQuNSAyMi41MjQ1IDE0LjUgMjIuMTA3NEMxNC41IDIxLjY5MDIgMTQuNjQxMSAyMS4zMzQ0IDE0LjkyMzMgMjEuMDM5OUMxNS4yMTc4IDIwLjc0NTQgMTUuNTczNiAyMC41OTgyIDE1Ljk5MDggMjAuNTk4MkMxNi40MDggMjAuNTk4MiAxNi43NjM4IDIwLjc0NTQgMTcuMDU4MyAyMS4wMzk5QzE3LjM1MjggMjEuMzM0NCAxNy41IDIxLjY5MDIgMTcuNSAyMi4xMDc0QzE3LjUgMjIuNTI0NSAxNy4zNTI4IDIyLjg4MDQgMTcuMDU4MyAyMy4xNzQ4QzE2Ljc3NjEgMjMuNDY5MyAxNi40MjAyIDIzLjYxNjYgMTUuOTkwOCAyMy42MTY2WiIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4K");
967
+ display: inline-block;
968
+ width: var(--sky-size-icon-s, 16px);
969
+ vertical-align: middle;
970
970
  margin-right: 5px;
971
- color: var(--sky-highlight-color-danger);
972
971
  }
973
972
 
974
973
  .sky-control-label {
@@ -2142,40 +2141,44 @@ symbol[id^=sky-i-]:not(.sky-i-branded) *.sky-i-path-2 {
2142
2141
  color: var(--sky-text-color-default);
2143
2142
  }
2144
2143
  .sky-text-info:before {
2145
- content: "\f06a";
2146
- font-family: FontAwesome;
2144
+ content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJza3ktaS1wYXRoLTEiIGQ9Ik0yMi41IDEyQzIyLjUgMTMuOTEzNiAyMi4wMjEgMTUuNjg0NyAyMS4wNjMgMTcuMzEyOUMyMC4xMzg2IDE4Ljg5MDkgMTguODg2NiAyMC4xNDE1IDE3LjMwNjcgMjEuMDY0N0MxNS42NzY1IDIyLjAyMTYgMTMuOTAzMyAyMi41IDExLjk4NzQgMjIuNUMxMC4wNzE1IDIyLjUgOC4yOTgzIDIyLjAyMTYgNi42NjgwNyAyMS4wNjQ3QzUuMDg4MjMgMjAuMTQxNSAzLjg0NDU0IDE4Ljg5MDkgMi45MzY5OCAxNy4zMTI5QzEuOTc5IDE1LjY4NDcgMS41IDEzLjkxMzYgMS41IDEyQzEuNSAxMC4wODYzIDEuOTc5IDguMzE1MzIgMi45MzY5OCA2LjY4NzA1QzMuODYxMzUgNS4xMDkxMiA1LjExMzQ1IDMuODU4NTIgNi42OTMyOCAyLjkzNTI1QzguMzIzNSAxLjk3ODQzIDEwLjA4ODMgMS41IDExLjk4NzQgMS41QzEzLjg4NjUgMS41IDE1LjY1MTIgMS45Nzg0MyAxNy4yODE1IDIuOTM1MjVDMTguODc4MiAzLjg1ODUyIDIwLjEzODYgNS4xMDkxMiAyMS4wNjMgNi42ODcwNUMyMi4wMjEgOC4zMTUzMiAyMi41IDEwLjA4NjMgMjIuNSAxMloiIGZpbGw9IiMwMEI0RjEiLz4KPHBhdGggY2xhc3M9InNreS1pLXBhdGgtMiIgZD0iTTEzLjAyIDE2Ljc4NUwxMy43NyAxNi45MkMxMy45MiAxNi45NSAxNC4wNCAxNy4wMSAxNC4xMTUgMTcuMDg1QzE0LjIwNSAxNy4xNiAxNC4yNSAxNy4yOCAxNC4yNSAxNy40M1YxOC4zNzVIOS43NVYxNy40M0M5Ljc1IDE3LjI4IDkuNzk1IDE3LjE2IDkuODcgMTcuMDg1QzkuOTYgMTcuMDEgMTAuMDggMTYuOTUgMTAuMjMgMTYuOTJMMTAuOTggMTYuNzg1VjExLjU2NUwxMC4yMyAxMS40M0MxMC4wOCAxMS40IDkuOTYgMTEuMzQgOS44NyAxMS4yNjVDOS43OTUgMTEuMTkgOS43NSAxMS4wNyA5Ljc1IDEwLjkyVjkuOTc1SDEzLjAyVjE2Ljc3VjE2Ljc4NVpNMTEuNzMgNS4yNUMxMi41NTUgNS4yNSAxMy4yMyA1LjkyNSAxMy4yMyA2Ljc1QzEzLjIzIDcuNTc1IDEyLjU1NSA4LjI1IDExLjczIDguMjVDMTAuOTA1IDguMjUgMTAuMjMgNy41NzUgMTAuMjMgNi43NUMxMC4yMyA1LjkyNSAxMC45MDUgNS4yNSAxMS43MyA1LjI1WiIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4K");
2145
+ display: inline-block;
2146
+ width: var(--sky-size-icon-s, 16px);
2147
+ vertical-align: middle;
2147
2148
  margin-right: 5px;
2148
- color: var(--sky-highlight-color-info);
2149
2149
  }
2150
2150
 
2151
2151
  .sky-text-success {
2152
2152
  color: var(--sky-text-color-default);
2153
2153
  }
2154
2154
  .sky-text-success:before {
2155
- content: "\f00c";
2156
- font-family: FontAwesome;
2155
+ content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJza3ktaS1wYXRoLTEiIGQ9Ik0zMCAxNkMzMCAxOC41NTE1IDI5LjM2MTMgMjAuOTEyOSAyOC4wODQgMjMuMDgzOUMyNi44NTE1IDI1LjE4NzggMjUuMTgyMSAyNi44NTUzIDIzLjA3NTYgMjguMDg2M0MyMC45MDIgMjkuMzYyMSAxOC41Mzc4IDMwIDE1Ljk4MzIgMzBDMTMuNDI4NiAzMCAxMS4wNjQ0IDI5LjM2MjEgOC44OTA3NiAyOC4wODYzQzYuNzg0MzEgMjYuODU1MyA1LjEyNjA1IDI1LjE4NzggMy45MTU5NyAyMy4wODM5QzIuNjM4NjYgMjAuOTEyOSAyIDE4LjU1MTUgMiAxNkMyIDEzLjQ0ODQgMi42Mzg2NiAxMS4wODcxIDMuOTE1OTcgOC45MTYwN0M1LjE0ODQ2IDYuODEyMTYgNi44MTc5MyA1LjE0NDY5IDguOTI0MzcgMy45MTM2N0MxMS4wOTggMi42Mzc5IDEzLjQ1MSAyIDE1Ljk4MzIgMkMxOC41MTU0IDIgMjAuODY4MyAyLjYzNzkgMjMuMDQyIDMuOTEzNjdDMjUuMTcwOSA1LjE0NDY5IDI2Ljg1MTUgNi44MTIxNiAyOC4wODQgOC45MTYwN0MyOS4zNjEzIDExLjA4NzEgMzAgMTMuNDQ4NCAzMCAxNloiIGZpbGw9IiM3MkJGNDQiLz4KPHBhdGggY2xhc3M9InNreS1pLXBhdGgtMiIgZD0iTTIyLjU4NzYgMTIuMTAyM0MyMi4xODczIDExLjY4MzUgMjEuNTE4NCAxMS42NjQgMjEuMDkzNiAxMi4wNTg3TDEzLjM4OTkgMTkuMjE3M0wxMS4yMTAxIDE3LjAzNjFDMTAuODAwNCAxNi42MjYyIDEwLjEzMTMgMTYuNjIxMyA5LjcxNTQ5IDE3LjAyNTJDOS4yOTk3MiAxNy40MjkxIDkuMjk0NzYgMTguMDg4OCA5LjcwNDQzIDE4LjQ5ODdMMTIuNTM3MiAyMS4zMzMzQzEyLjk4MDggMjEuNzc3MSAxMy43MDI3IDIxLjc5MDMgMTQuMTYyNiAyMS4zNjI5TDIyLjU0MzQgMTMuNTc1M0MyMi45NjgyIDEzLjE4MDYgMjIuOTg4IDEyLjUyMTEgMjIuNTg3NiAxMi4xMDIzWiIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4K");
2156
+ display: inline-block;
2157
+ width: var(--sky-size-icon-s, 16px);
2158
+ vertical-align: middle;
2157
2159
  margin-right: 5px;
2158
- color: var(--sky-highlight-color-success);
2159
2160
  }
2160
2161
 
2161
2162
  .sky-text-warning {
2162
2163
  color: var(--sky-text-color-default);
2163
2164
  }
2164
2165
  .sky-text-warning:before {
2165
- content: "\f071";
2166
- font-family: FontAwesome;
2166
+ content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJza3ktaS1wYXRoLTEiIGQ9Ik0xNC4wNDM3IDMuMTgxODJDMTQuOTEzMiAxLjYwNjA2IDE3LjA4NjggMS42MDYwNiAxNy45NTYzIDMuMTgxODJMMjkuNjk0IDI0LjQ1NDVDMzAuNTYzNSAyNi4wMzAzIDI5LjQ3NjYgMjggMjcuNzM3NyAyOEg0LjI2MjI5QzIuNTIzMzcgMjggMS40MzY1NSAyNi4wMzAzIDIuMzA2MDEgMjQuNDU0NUwxNC4wNDM3IDMuMTgxODJaIiBmaWxsPSIjRkJCMDM0Ii8+CjxwYXRoIGNsYXNzPSJza3ktaS1wYXRoLTIiIGQ9Ik0xNC42MTA0IDEwLjM4MzRIMTcuNDgxNkwxNy4xNjg3IDE4Ljc5NDVIMTQuOTIzM0wxNC42MTA0IDEwLjM4MzRaTTE1Ljk5MDggMjMuNjE2NkMxNS41NzM2IDIzLjYxNjYgMTUuMjE3OCAyMy40NjkzIDE0LjkyMzMgMjMuMTc0OEMxNC42NDExIDIyLjg4MDQgMTQuNSAyMi41MjQ1IDE0LjUgMjIuMTA3NEMxNC41IDIxLjY5MDIgMTQuNjQxMSAyMS4zMzQ0IDE0LjkyMzMgMjEuMDM5OUMxNS4yMTc4IDIwLjc0NTQgMTUuNTczNiAyMC41OTgyIDE1Ljk5MDggMjAuNTk4MkMxNi40MDggMjAuNTk4MiAxNi43NjM4IDIwLjc0NTQgMTcuMDU4MyAyMS4wMzk5QzE3LjM1MjggMjEuMzM0NCAxNy41IDIxLjY5MDIgMTcuNSAyMi4xMDc0QzE3LjUgMjIuNTI0NSAxNy4zNTI4IDIyLjg4MDQgMTcuMDU4MyAyMy4xNzQ4QzE2Ljc3NjEgMjMuNDY5MyAxNi40MjAyIDIzLjYxNjYgMTUuOTkwOCAyMy42MTY2WiIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4K");
2167
+ display: inline-block;
2168
+ width: var(--sky-size-icon-s, 16px);
2169
+ vertical-align: middle;
2167
2170
  margin-right: 5px;
2168
- color: var(--sky-highlight-color-warning);
2169
2171
  }
2170
2172
 
2171
2173
  .sky-text-danger {
2172
2174
  color: var(--sky-text-color-default);
2173
2175
  }
2174
2176
  .sky-text-danger:before {
2175
- content: "\f071";
2176
- font-family: FontAwesome;
2177
+ content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJza3ktaS1wYXRoLTEiIGQ9Ik0xNC4wNDM3IDMuMTgxODJDMTQuOTEzMiAxLjYwNjA2IDE3LjA4NjggMS42MDYwNiAxNy45NTYzIDMuMTgxODJMMjkuNjk0IDI0LjQ1NDVDMzAuNTYzNSAyNi4wMzAzIDI5LjQ3NjYgMjggMjcuNzM3NyAyOEg0LjI2MjI5QzIuNTIzMzcgMjggMS40MzY1NSAyNi4wMzAzIDIuMzA2MDEgMjQuNDU0NUwxNC4wNDM3IDMuMTgxODJaIiBmaWxsPSIjRUY0MDQ0Ii8+CjxwYXRoIGNsYXNzPSJza3ktaS1wYXRoLTIiIGQ9Ik0xNC42MTA0IDEwLjM4MzRIMTcuNDgxNkwxNy4xNjg3IDE4Ljc5NDVIMTQuOTIzM0wxNC42MTA0IDEwLjM4MzRaTTE1Ljk5MDggMjMuNjE2NkMxNS41NzM2IDIzLjYxNjYgMTUuMjE3OCAyMy40NjkzIDE0LjkyMzMgMjMuMTc0OEMxNC42NDExIDIyLjg4MDQgMTQuNSAyMi41MjQ1IDE0LjUgMjIuMTA3NEMxNC41IDIxLjY5MDIgMTQuNjQxMSAyMS4zMzQ0IDE0LjkyMzMgMjEuMDM5OUMxNS4yMTc4IDIwLjc0NTQgMTUuNTczNiAyMC41OTgyIDE1Ljk5MDggMjAuNTk4MkMxNi40MDggMjAuNTk4MiAxNi43NjM4IDIwLjc0NTQgMTcuMDU4MyAyMS4wMzk5QzE3LjM1MjggMjEuMzM0NCAxNy41IDIxLjY5MDIgMTcuNSAyMi4xMDc0QzE3LjUgMjIuNTI0NSAxNy4zNTI4IDIyLjg4MDQgMTcuMDU4MyAyMy4xNzQ4QzE2Ljc3NjEgMjMuNDY5MyAxNi40MjAyIDIzLjYxNjYgMTUuOTkwOCAyMy42MTY2WiIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4K");
2178
+ display: inline-block;
2179
+ width: var(--sky-size-icon-s, 16px);
2180
+ vertical-align: middle;
2177
2181
  margin-right: 5px;
2178
- color: var(--sky-highlight-color-danger);
2179
2182
  }
2180
2183
 
2181
2184
  .sky-font-body-default {