@sankhyalabs/ez-design 1.0.54 → 1.0.55

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 (15) hide show
  1. package/dist/default/ez-themed.css +24 -13
  2. package/dist/default/ez-themed.min.css +1 -1
  3. package/dist/default/icons/fonts/ez-icons.css +6 -6
  4. package/dist/default/icons/fonts/ez-icons.eot +0 -0
  5. package/dist/default/icons/fonts/ez-icons.less +6 -6
  6. package/dist/default/icons/fonts/ez-icons.module.less +6 -6
  7. package/dist/default/icons/fonts/ez-icons.scss +6 -6
  8. package/dist/default/icons/fonts/ez-icons.styl +6 -6
  9. package/dist/default/icons/fonts/ez-icons.ttf +0 -0
  10. package/dist/default/icons/fonts/ez-icons.woff +0 -0
  11. package/dist/default/icons/fonts/ez-icons.woff2 +0 -0
  12. package/dist/default/icons/fonts/index.html +1 -1
  13. package/dist/default/icons/fonts/symbol.html +1 -1
  14. package/dist/default/icons/fonts/unicode.html +5 -5
  15. package/package.json +1 -1
package/dist/default/ez-themed.css CHANGED
@@ -77,6 +77,7 @@
77
77
  --border--small: 1px solid;
78
78
  --border--medium: 2px solid;
79
79
  --border--large: 3px solid;
80
+ --border--xlarge: 4px solid;
80
81
  --shadow: 0px 0px 16px 0px rgba(0, 38, 111, .12);
81
82
  --shadow-focus: 0 0 0 2px;
82
83
  --transition: .2s linear;
@@ -1149,27 +1150,37 @@ ul.breadcrumb__box li a:hover {
1149
1150
 
1150
1151
  .button--secondary {
1151
1152
  --ez-button--background-color: var(--background--medium);
1152
- --ez-button--hover--background-color: var(--background--strong);
1153
- --ez-button--color: var(--text--primary);
1153
+ --ez-button--hover--background-color: var(--background--medium);
1154
+ --ez-button--hover-color: var(--color--primary-600);
1155
+ --ez-button--color: var(--title--primary);
1154
1156
  --ez-button--disabled--background-color: var(--color--disable-secondary);
1155
- --ez-icon--color: var(--text--primary); }
1157
+ --ez-button--active--background-color: var(--background--strong);
1158
+ --ez-button--disabled--background-color: var(--background--medium);
1159
+ --ez-button--active-color: var(--color--primary-700); }
1156
1160
 
1157
1161
  .button--primary {
1162
+ --ez-button--font-weight: var(--text-weight--medium);
1158
1163
  --ez-button--background-color: var(--color--primary);
1159
- --ez-button--hover--background-color: var(--color--primary-700);
1164
+ --ez-button--hover--background-color: var(--color--primary-600);
1165
+ --ez-button--hover-color: var(--text--inverted);
1160
1166
  --ez-button--color: var(--text--inverted);
1161
- --ez-button--disabled--background-color: var(--color--disable-primary);
1162
- --ez-icon--color: var(--text--inverted); }
1167
+ --ez-button--active--background-color: var(--color--primary-700);
1168
+ --ez-button--disabled--background-color: var(--background--medium);
1169
+ --ez-button--active-color: var(--text--inverted); }
1163
1170
 
1164
1171
  .button--tertiary {
1165
1172
  --ez-button--font-weight: var(--text-weight--medium);
1166
- --ez-button--border: var(--border--medium) var(--color--primary);
1167
- --ez-button--color: var(--color--primary);
1168
- --ez-button--focus--border: var(--border--small, --text--inverted);
1169
- --ez-button--focus--box-shadow: var(--shadow-focus, --color--primary);
1170
- --ez-button--background-color: var(--background--xlight);
1171
- --ez-button--hover--background-color: var(--color--primary-200);
1172
- --ez-icon--color: var(--color--primary); }
1173
+ --ez-button--border: none;
1174
+ --ez-button--background-color: none;
1175
+ --ez-button--hover-color: var(--color--primary-600);
1176
+ --ez-button--color: var(--title--primary);
1177
+ --ez-button--hover--background-color: none;
1178
+ --ez-button--active--background-color: var(--color--disable-secondary);
1179
+ --ez-button--focus--border: var(--border--xlarge, 4px solid) var(--color--primary-300);
1180
+ --ez-button--focus--box-shadow: none;
1181
+ --ez-button--disabled--background-color: none;
1182
+ --ez-button--disabled-color: var(--text--disable);
1183
+ --ez-button--active-color: var(--title--primary); }
1173
1184
 
1174
1185
  .button--link--primary {
1175
1186
  color: #008561;