@weavy/uikit-react 16.0.1 → 16.0.2

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/changelog.md +7 -0
  2. package/dist/css/weavy-chat.css +4 -4
  3. package/dist/css/weavy-files.css +2 -2
  4. package/dist/css/weavy-messenger.css +4 -4
  5. package/dist/css/weavy-posts.css +4 -4
  6. package/dist/css/weavy.css +6 -6
  7. package/package.json +1 -1
  8. package/src/scss/theme/_buttons.scss +1 -1
  9. package/src/scss/theme/_comment-editor.scss +1 -1
  10. package/src/scss/theme/_dropdown.scss +1 -1
  11. package/src/scss/theme/_input.scss +1 -1
  12. package/src/scss/theme/_message-editor.scss +1 -1
  13. package/src/scss/theme/_panels.scss +1 -1
  14. package/src/scss/theme/_post-editor.scss +1 -1
  15. package/src/scss/theme/base/_colors.scss +1 -1
package/changelog.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Changelog for Weavy
2
2
 
3
+ ## v16.0.2
4
+
5
+ <time>2023-03-20</time>
6
+
7
+ * Fixed issues with styling in uikit-js.
8
+ * Fixed issues with fonts in uikit-js.
9
+
3
10
  ## v16.0.1
4
11
 
5
12
  <time>2023-03-13</time>
package/dist/css/weavy-chat.css CHANGED
@@ -152,7 +152,7 @@
152
152
  --wy-gray: var(--wy-gray-light);
153
153
  }
154
154
 
155
- :where(.wy-dark) {
155
+ :where(.wy-dark:not(.wy-light)) {
156
156
  color-scheme: dark;
157
157
  --wy-primary: var(--wy-primary-80);
158
158
  --wy-on-primary: var(--wy-primary-20);
@@ -1160,7 +1160,7 @@
1160
1160
  width: 100%;
1161
1161
  padding: 0.75rem 1rem;
1162
1162
  clear: both;
1163
- font-family: inherit;
1163
+ font-family: var(--wy-font-family), inherit;
1164
1164
  font-size: inherit;
1165
1165
  font-weight: 400;
1166
1166
  line-height: 1;
@@ -2149,7 +2149,7 @@ tr.wy-pager td .wy-spinner {
2149
2149
  justify-content: center;
2150
2150
  transition: opacity 0.1s step-end;
2151
2151
  transition-delay: 0.2s;
2152
- font-family: inherit;
2152
+ font-family: var(--wy-font-family), inherit;
2153
2153
  line-height: var(--wy-line-height);
2154
2154
  font-weight: var(--wy-font-weight);
2155
2155
  background-color: var(--wy-surface-1);
@@ -3765,7 +3765,7 @@ tr.wy-pager td .wy-spinner {
3765
3765
 
3766
3766
  .wy-message-editor .ͼ1.cm-editor .cm-content,
3767
3767
  .wy-message-editor-textcontent {
3768
- font-family: var(--wy-font-family), var(--wy-font-family);
3768
+ font-family: var(--wy-font-family),  inherit;
3769
3769
  font-size: var(--wy-font-size-base);
3770
3770
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
3771
3771
  }
package/dist/css/weavy-files.css CHANGED
@@ -151,7 +151,7 @@
151
151
  --wy-gray: var(--wy-gray-light);
152
152
  }
153
153
 
154
- :where(.wy-dark) {
154
+ :where(.wy-dark:not(.wy-light)) {
155
155
  color-scheme: dark;
156
156
  --wy-primary: var(--wy-primary-80);
157
157
  --wy-on-primary: var(--wy-primary-20);
@@ -822,7 +822,7 @@
822
822
  width: 100%;
823
823
  padding: 0.75rem 1rem;
824
824
  clear: both;
825
- font-family: inherit;
825
+ font-family: var(--wy-font-family), inherit;
826
826
  font-size: inherit;
827
827
  font-weight: 400;
828
828
  line-height: 1;
package/dist/css/weavy-messenger.css CHANGED
@@ -152,7 +152,7 @@
152
152
  --wy-gray: var(--wy-gray-light);
153
153
  }
154
154
 
155
- :where(.wy-dark) {
155
+ :where(.wy-dark:not(.wy-light)) {
156
156
  color-scheme: dark;
157
157
  --wy-primary: var(--wy-primary-80);
158
158
  --wy-on-primary: var(--wy-primary-20);
@@ -1438,7 +1438,7 @@
1438
1438
  width: 100%;
1439
1439
  padding: 0.75rem 1rem;
1440
1440
  clear: both;
1441
- font-family: inherit;
1441
+ font-family: var(--wy-font-family), inherit;
1442
1442
  font-size: inherit;
1443
1443
  font-weight: 400;
1444
1444
  line-height: 1;
@@ -2427,7 +2427,7 @@ tr.wy-pager td .wy-spinner {
2427
2427
  justify-content: center;
2428
2428
  transition: opacity 0.1s step-end;
2429
2429
  transition-delay: 0.2s;
2430
- font-family: inherit;
2430
+ font-family: var(--wy-font-family), inherit;
2431
2431
  line-height: var(--wy-line-height);
2432
2432
  font-weight: var(--wy-font-weight);
2433
2433
  background-color: var(--wy-surface-1);
@@ -4123,7 +4123,7 @@ tr.wy-pager td .wy-spinner {
4123
4123
 
4124
4124
  .wy-message-editor .ͼ1.cm-editor .cm-content,
4125
4125
  .wy-message-editor-textcontent {
4126
- font-family: var(--wy-font-family), var(--wy-font-family);
4126
+ font-family: var(--wy-font-family),  inherit;
4127
4127
  font-size: var(--wy-font-size-base);
4128
4128
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
4129
4129
  }
package/dist/css/weavy-posts.css CHANGED
@@ -152,7 +152,7 @@
152
152
  --wy-gray: var(--wy-gray-light);
153
153
  }
154
154
 
155
- :where(.wy-dark) {
155
+ :where(.wy-dark:not(.wy-light)) {
156
156
  color-scheme: dark;
157
157
  --wy-primary: var(--wy-primary-80);
158
158
  --wy-on-primary: var(--wy-primary-20);
@@ -928,7 +928,7 @@
928
928
  width: 100%;
929
929
  padding: 0.75rem 1rem;
930
930
  clear: both;
931
- font-family: inherit;
931
+ font-family: var(--wy-font-family), inherit;
932
932
  font-size: inherit;
933
933
  font-weight: 400;
934
934
  line-height: 1;
@@ -1198,7 +1198,7 @@
1198
1198
 
1199
1199
  .wy-comment-editor .ͼ1.cm-editor .cm-content,
1200
1200
  .wy-comment-editor-textcontent {
1201
- font-family: var(--wy-font-family), var(--wy-font-family);
1201
+ font-family: var(--wy-font-family), inherit;
1202
1202
  font-size: var(--wy-font-size-base);
1203
1203
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1204
1204
  }
@@ -2562,7 +2562,7 @@ tr.wy-pager td .wy-spinner {
2562
2562
 
2563
2563
  .wy-post-editor .ͼ1.cm-editor .cm-content,
2564
2564
  .wy-post-editor-textcontent {
2565
- font-family: var(--wy-font-family), var(--wy-font-family);
2565
+ font-family: var(--wy-font-family), inherit;
2566
2566
  font-size: var(--wy-font-size-base);
2567
2567
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
2568
2568
  }
package/dist/css/weavy.css CHANGED
@@ -152,7 +152,7 @@
152
152
  --wy-gray: var(--wy-gray-light);
153
153
  }
154
154
 
155
- :where(.wy-dark) {
155
+ :where(.wy-dark:not(.wy-light)) {
156
156
  color-scheme: dark;
157
157
  --wy-primary: var(--wy-primary-80);
158
158
  --wy-on-primary: var(--wy-primary-20);
@@ -1160,7 +1160,7 @@
1160
1160
  width: 100%;
1161
1161
  padding: 0.75rem 1rem;
1162
1162
  clear: both;
1163
- font-family: inherit;
1163
+ font-family: var(--wy-font-family), inherit;
1164
1164
  font-size: inherit;
1165
1165
  font-weight: 400;
1166
1166
  line-height: 1;
@@ -2149,7 +2149,7 @@ tr.wy-pager td .wy-spinner {
2149
2149
  justify-content: center;
2150
2150
  transition: opacity 0.1s step-end;
2151
2151
  transition-delay: 0.2s;
2152
- font-family: inherit;
2152
+ font-family: var(--wy-font-family), inherit;
2153
2153
  line-height: var(--wy-line-height);
2154
2154
  font-weight: var(--wy-font-weight);
2155
2155
  background-color: var(--wy-surface-1);
@@ -3765,7 +3765,7 @@ tr.wy-pager td .wy-spinner {
3765
3765
 
3766
3766
  .wy-message-editor .ͼ1.cm-editor .cm-content,
3767
3767
  .wy-message-editor-textcontent {
3768
- font-family: var(--wy-font-family), var(--wy-font-family);
3768
+ font-family: var(--wy-font-family),  inherit;
3769
3769
  font-size: var(--wy-font-size-base);
3770
3770
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
3771
3771
  }
@@ -4558,7 +4558,7 @@ tr.wy-pager td .wy-spinner {
4558
4558
 
4559
4559
  .wy-comment-editor .ͼ1.cm-editor .cm-content,
4560
4560
  .wy-comment-editor-textcontent {
4561
- font-family: var(--wy-font-family), var(--wy-font-family);
4561
+ font-family: var(--wy-font-family), inherit;
4562
4562
  font-size: var(--wy-font-size-base);
4563
4563
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
4564
4564
  }
@@ -4997,7 +4997,7 @@ tr.wy-pager td .wy-spinner {
4997
4997
 
4998
4998
  .wy-post-editor .ͼ1.cm-editor .cm-content,
4999
4999
  .wy-post-editor-textcontent {
5000
- font-family: var(--wy-font-family), var(--wy-font-family);
5000
+ font-family: var(--wy-font-family), inherit;
5001
5001
  font-size: var(--wy-font-size-base);
5002
5002
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
5003
5003
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@weavy/uikit-react",
3
- "version": "16.0.1",
3
+ "version": "16.0.2",
4
4
  "author": "Weavy",
5
5
  "description": "React UI-kit for Weavy",
6
6
  "homepage": "https://github.com/weavy/weavy-uikit-react",
package/src/scss/theme/_buttons.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  :where(:root, :host > *) {
6
6
  --wy-btn-padding-x: 1.5rem;
7
7
  --wy-btn-padding-y: .5rem;
8
- --wy-btn-font-family: var(--wy-font-family);
8
+ --wy-btn-font-family: #{vars.$font-family-base};
9
9
  --wy-btn-font-size: #{vars.$font-size-base};
10
10
  --wy-btn-font-weight: #{vars.$font-weight-normal};
11
11
  --wy-btn-line-height: #{vars.$line-height-base};
package/src/scss/theme/_comment-editor.scss CHANGED
@@ -102,7 +102,7 @@
102
102
 
103
103
  %comment-editor-textcontent,
104
104
  .wy-comment-editor-textcontent {
105
- font-family: var(--wy-font-family), #{vars.$font-family-base};
105
+ font-family: #{vars.$font-family-base}, inherit;
106
106
  font-size: vars.$font-size-base;
107
107
  padding: vars.$input-padding-y vars.$input-padding-x;
108
108
  }
package/src/scss/theme/_dropdown.scss CHANGED
@@ -91,7 +91,7 @@ $dropdown-item-padding-x: 1rem;
91
91
  width: 100%; // For `<button>`s
92
92
  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
93
93
  clear: both;
94
- font-family: inherit;
94
+ font-family: var(--wy-font-family), inherit;
95
95
  font-size: inherit;
96
96
  font-weight: vars.$font-weight-normal;
97
97
  line-height: 1;
package/src/scss/theme/_input.scss CHANGED
@@ -10,7 +10,7 @@
10
10
  display: block;
11
11
  width: 100%;
12
12
  padding: vars.$input-padding-y vars.$input-padding-x;
13
- font-family: var(--wy-font-family), inherit;
13
+ font-family: #{vars.$font-family-base}, inherit;
14
14
  font-size: vars.$input-font-size;
15
15
  font-weight: vars.$input-font-weight;
16
16
  line-height: vars.$input-line-height;
package/src/scss/theme/_message-editor.scss CHANGED
@@ -109,7 +109,7 @@
109
109
 
110
110
  %message-editor-textcontent,
111
111
  .wy-message-editor-textcontent {
112
- font-family: var(--wy-font-family), #{vars.$font-family-base};
112
+ font-family: #{vars.$font-family-base}, inherit;
113
113
  font-size: vars.$font-size-base;
114
114
  padding: vars.$input-padding-y vars.$input-padding-x;
115
115
  }
package/src/scss/theme/_panels.scss CHANGED
@@ -79,7 +79,7 @@
79
79
  justify-content: center;
80
80
  transition: opacity .1s step-end;
81
81
  transition-delay: .2s;
82
- font-family: inherit;
82
+ font-family: #{vars.$font-family-base}, inherit;
83
83
  line-height: vars.$line-height-base;
84
84
  font-weight: vars.$font-weight-base;
85
85
 
package/src/scss/theme/_post-editor.scss CHANGED
@@ -100,7 +100,7 @@
100
100
 
101
101
  %post-editor-textcontent,
102
102
  .wy-post-editor-textcontent {
103
- font-family: var(--wy-font-family), #{vars.$font-family-base};
103
+ font-family: #{vars.$font-family-base}, inherit;
104
104
  font-size: vars.$font-size-base;
105
105
  padding: vars.$input-padding-y vars.$input-padding-x;
106
106
  }
package/src/scss/theme/base/_colors.scss CHANGED
@@ -191,7 +191,7 @@ $shadow: $black;
191
191
  --wy-gray: var(--wy-gray-light);
192
192
  }
193
193
 
194
- :where(.wy-dark) {
194
+ :where(.wy-dark:not(.wy-light)) {
195
195
  // dark mode
196
196
  color-scheme: dark;
197
197