@weavy/uikit-react 16.0.0 → 16.0.1

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 +6 -0
  2. package/dist/css/weavy-chat.css +5 -3
  3. package/dist/css/weavy-files.css +2 -2
  4. package/dist/css/weavy-messenger.css +5 -3
  5. package/dist/css/weavy-posts.css +6 -4
  6. package/dist/css/weavy.css +7 -5
  7. package/package.json +1 -1
  8. package/src/scss/theme/_appbar.scss +0 -2
  9. package/src/scss/theme/_avatar.scss +2 -0
  10. package/src/scss/theme/_buttons.scss +1 -1
  11. package/src/scss/theme/_comment-editor.scss +1 -1
  12. package/src/scss/theme/_input.scss +1 -1
  13. package/src/scss/theme/_message-editor.scss +1 -1
  14. package/src/scss/theme/_post-editor.scss +1 -1
  15. package/src/scss/theme/_tab.scss +1 -1
package/changelog.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # Changelog for Weavy
2
2
 
3
+ ## v16.0.1
4
+
5
+ <time>2023-03-13</time>
6
+
7
+ * Fixed issues with styling in uikit-js.
8
+
3
9
  ## v16.0.0
4
10
 
5
11
  <time>2023-03-06</time>
package/dist/css/weavy-chat.css CHANGED
@@ -420,6 +420,8 @@
420
420
  position: absolute;
421
421
  width: 100%;
422
422
  height: 100%;
423
+ top: 0;
424
+ left: 0;
423
425
  border-radius: inherit;
424
426
  background-color: var(--wy-presence-active);
425
427
  background-clip: content-box;
@@ -443,7 +445,7 @@
443
445
  color: var(--wy-component-color);
444
446
  background: var(--wy-component-background-color, transparent);
445
447
  padding: var(--wy-btn-padding-y) var(--wy-btn-padding-x);
446
- font-family: var(--wy-btn-font-family);
448
+ font-family: var(--wy-btn-font-family), inherit;
447
449
  font-size: var(--wy-btn-font-size);
448
450
  font-weight: var(--wy-btn-font-weight);
449
451
  line-height: var(--wy-btn-line-height);
@@ -1473,7 +1475,7 @@ img.wy-emoji, svg.wy-emoji {
1473
1475
  display: block;
1474
1476
  width: 100%;
1475
1477
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1476
- font-family: var(--wy-font-family);
1478
+ font-family: var(--wy-font-family), inherit;
1477
1479
  font-size: var(--wy-input-font-size);
1478
1480
  font-weight: var(--wy-input-font-weight);
1479
1481
  line-height: var(--wy-input-line-height);
@@ -3763,7 +3765,7 @@ tr.wy-pager td .wy-spinner {
3763
3765
 
3764
3766
  .wy-message-editor .ͼ1.cm-editor .cm-content,
3765
3767
  .wy-message-editor-textcontent {
3766
- font-family: var(--wy-font-family);
3768
+ font-family: var(--wy-font-family), var(--wy-font-family);
3767
3769
  font-size: var(--wy-font-size-base);
3768
3770
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
3769
3771
  }
package/dist/css/weavy-files.css CHANGED
@@ -574,7 +574,7 @@
574
574
  color: var(--wy-component-color);
575
575
  background: var(--wy-component-background-color, transparent);
576
576
  padding: var(--wy-btn-padding-y) var(--wy-btn-padding-x);
577
- font-family: var(--wy-btn-font-family);
577
+ font-family: var(--wy-btn-font-family), inherit;
578
578
  font-size: var(--wy-btn-font-size);
579
579
  font-weight: var(--wy-btn-font-weight);
580
580
  line-height: var(--wy-btn-line-height);
@@ -1168,7 +1168,7 @@
1168
1168
  display: block;
1169
1169
  width: 100%;
1170
1170
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1171
- font-family: var(--wy-font-family);
1171
+ font-family: var(--wy-font-family), inherit;
1172
1172
  font-size: var(--wy-input-font-size);
1173
1173
  font-weight: var(--wy-input-font-weight);
1174
1174
  line-height: var(--wy-input-line-height);
package/dist/css/weavy-messenger.css CHANGED
@@ -595,6 +595,8 @@
595
595
  position: absolute;
596
596
  width: 100%;
597
597
  height: 100%;
598
+ top: 0;
599
+ left: 0;
598
600
  border-radius: inherit;
599
601
  background-color: var(--wy-presence-active);
600
602
  background-clip: content-box;
@@ -660,7 +662,7 @@
660
662
  color: var(--wy-component-color);
661
663
  background: var(--wy-component-background-color, transparent);
662
664
  padding: var(--wy-btn-padding-y) var(--wy-btn-padding-x);
663
- font-family: var(--wy-btn-font-family);
665
+ font-family: var(--wy-btn-font-family), inherit;
664
666
  font-size: var(--wy-btn-font-size);
665
667
  font-weight: var(--wy-btn-font-weight);
666
668
  line-height: var(--wy-btn-line-height);
@@ -1751,7 +1753,7 @@ img.wy-emoji, svg.wy-emoji {
1751
1753
  display: block;
1752
1754
  width: 100%;
1753
1755
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1754
- font-family: var(--wy-font-family);
1756
+ font-family: var(--wy-font-family), inherit;
1755
1757
  font-size: var(--wy-input-font-size);
1756
1758
  font-weight: var(--wy-input-font-weight);
1757
1759
  line-height: var(--wy-input-line-height);
@@ -4121,7 +4123,7 @@ tr.wy-pager td .wy-spinner {
4121
4123
 
4122
4124
  .wy-message-editor .ͼ1.cm-editor .cm-content,
4123
4125
  .wy-message-editor-textcontent {
4124
- font-family: var(--wy-font-family);
4126
+ font-family: var(--wy-font-family), var(--wy-font-family);
4125
4127
  font-size: var(--wy-font-size-base);
4126
4128
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
4127
4129
  }
package/dist/css/weavy-posts.css CHANGED
@@ -655,6 +655,8 @@
655
655
  position: absolute;
656
656
  width: 100%;
657
657
  height: 100%;
658
+ top: 0;
659
+ left: 0;
658
660
  border-radius: inherit;
659
661
  background-color: var(--wy-presence-active);
660
662
  background-clip: content-box;
@@ -678,7 +680,7 @@
678
680
  color: var(--wy-component-color);
679
681
  background: var(--wy-component-background-color, transparent);
680
682
  padding: var(--wy-btn-padding-y) var(--wy-btn-padding-x);
681
- font-family: var(--wy-btn-font-family);
683
+ font-family: var(--wy-btn-font-family), inherit;
682
684
  font-size: var(--wy-btn-font-size);
683
685
  font-weight: var(--wy-btn-font-weight);
684
686
  line-height: var(--wy-btn-line-height);
@@ -1196,7 +1198,7 @@
1196
1198
 
1197
1199
  .wy-comment-editor .ͼ1.cm-editor .cm-content,
1198
1200
  .wy-comment-editor-textcontent {
1199
- font-family: var(--wy-font-family);
1201
+ font-family: var(--wy-font-family), var(--wy-font-family);
1200
1202
  font-size: var(--wy-font-size-base);
1201
1203
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1202
1204
  }
@@ -1940,7 +1942,7 @@ img.wy-emoji, svg.wy-emoji {
1940
1942
  display: block;
1941
1943
  width: 100%;
1942
1944
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1943
- font-family: var(--wy-font-family);
1945
+ font-family: var(--wy-font-family), inherit;
1944
1946
  font-size: var(--wy-input-font-size);
1945
1947
  font-weight: var(--wy-input-font-weight);
1946
1948
  line-height: var(--wy-input-line-height);
@@ -2560,7 +2562,7 @@ tr.wy-pager td .wy-spinner {
2560
2562
 
2561
2563
  .wy-post-editor .ͼ1.cm-editor .cm-content,
2562
2564
  .wy-post-editor-textcontent {
2563
- font-family: var(--wy-font-family);
2565
+ font-family: var(--wy-font-family), var(--wy-font-family);
2564
2566
  font-size: var(--wy-font-size-base);
2565
2567
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
2566
2568
  }
package/dist/css/weavy.css CHANGED
@@ -420,6 +420,8 @@
420
420
  position: absolute;
421
421
  width: 100%;
422
422
  height: 100%;
423
+ top: 0;
424
+ left: 0;
423
425
  border-radius: inherit;
424
426
  background-color: var(--wy-presence-active);
425
427
  background-clip: content-box;
@@ -443,7 +445,7 @@
443
445
  color: var(--wy-component-color);
444
446
  background: var(--wy-component-background-color, transparent);
445
447
  padding: var(--wy-btn-padding-y) var(--wy-btn-padding-x);
446
- font-family: var(--wy-btn-font-family);
448
+ font-family: var(--wy-btn-font-family), inherit;
447
449
  font-size: var(--wy-btn-font-size);
448
450
  font-weight: var(--wy-btn-font-weight);
449
451
  line-height: var(--wy-btn-line-height);
@@ -1473,7 +1475,7 @@ img.wy-emoji, svg.wy-emoji {
1473
1475
  display: block;
1474
1476
  width: 100%;
1475
1477
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1476
- font-family: var(--wy-font-family);
1478
+ font-family: var(--wy-font-family), inherit;
1477
1479
  font-size: var(--wy-input-font-size);
1478
1480
  font-weight: var(--wy-input-font-weight);
1479
1481
  line-height: var(--wy-input-line-height);
@@ -3763,7 +3765,7 @@ tr.wy-pager td .wy-spinner {
3763
3765
 
3764
3766
  .wy-message-editor .ͼ1.cm-editor .cm-content,
3765
3767
  .wy-message-editor-textcontent {
3766
- font-family: var(--wy-font-family);
3768
+ font-family: var(--wy-font-family), var(--wy-font-family);
3767
3769
  font-size: var(--wy-font-size-base);
3768
3770
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
3769
3771
  }
@@ -4556,7 +4558,7 @@ tr.wy-pager td .wy-spinner {
4556
4558
 
4557
4559
  .wy-comment-editor .ͼ1.cm-editor .cm-content,
4558
4560
  .wy-comment-editor-textcontent {
4559
- font-family: var(--wy-font-family);
4561
+ font-family: var(--wy-font-family), var(--wy-font-family);
4560
4562
  font-size: var(--wy-font-size-base);
4561
4563
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
4562
4564
  }
@@ -4995,7 +4997,7 @@ tr.wy-pager td .wy-spinner {
4995
4997
 
4996
4998
  .wy-post-editor .ͼ1.cm-editor .cm-content,
4997
4999
  .wy-post-editor-textcontent {
4998
- font-family: var(--wy-font-family);
5000
+ font-family: var(--wy-font-family), var(--wy-font-family);
4999
5001
  font-size: var(--wy-font-size-base);
5000
5002
  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
5001
5003
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@weavy/uikit-react",
3
- "version": "16.0.0",
3
+ "version": "16.0.1",
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/_appbar.scss CHANGED
@@ -38,7 +38,6 @@
38
38
  flex: 0 0 vars.$appbar-height;
39
39
  grid-template-columns: minmax(2.5rem, max-content) minmax(0, max-content) minmax(2.5rem, max-content);
40
40
  column-gap: .5rem;
41
- //font-family: vars.$font-family-base;
42
41
  line-height: vars.$line-height-base;
43
42
 
44
43
  background-color: var(--wy-component-background-color);
@@ -113,7 +112,6 @@
113
112
  padding: .25rem;
114
113
  flex: 1 0 vars.$appbar-height;
115
114
  column-gap: .25rem;
116
- //font-family: vars.$font-family-base;
117
115
  line-height: vars.$line-height-base;
118
116
 
119
117
  background-color: var(--wy-component-background-color);
package/src/scss/theme/_avatar.scss CHANGED
@@ -41,6 +41,8 @@
41
41
  position: absolute;
42
42
  width: 100%;
43
43
  height: 100%;
44
+ top: 0;
45
+ left: 0;
44
46
  border-radius: inherit;
45
47
  background-color: var(--wy-presence-active);
46
48
  background-clip: content-box;
package/src/scss/theme/_buttons.scss CHANGED
@@ -23,7 +23,7 @@
23
23
  background: var(--wy-component-background-color, transparent);
24
24
 
25
25
  padding: var(--wy-btn-padding-y) var(--wy-btn-padding-x);
26
- font-family: var(--wy-btn-font-family);
26
+ font-family: var(--wy-btn-font-family), inherit;
27
27
  font-size: var(--wy-btn-font-size);
28
28
  font-weight: var(--wy-btn-font-weight);
29
29
  line-height: var(--wy-btn-line-height);
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: vars.$font-family-base;
105
+ font-family: var(--wy-font-family), #{vars.$font-family-base};
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/_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);
13
+ font-family: var(--wy-font-family), 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: vars.$font-family-base;
112
+ font-family: var(--wy-font-family), #{vars.$font-family-base};
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/_post-editor.scss CHANGED
@@ -100,7 +100,7 @@
100
100
 
101
101
  %post-editor-textcontent,
102
102
  .wy-post-editor-textcontent {
103
- font-family: vars.$font-family-base;
103
+ font-family: var(--wy-font-family), #{vars.$font-family-base};
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/_tab.scss CHANGED
@@ -63,7 +63,7 @@
63
63
  }
64
64
 
65
65
  .wy-tab-label {
66
- font-family: var(--wy-btn-font-family);
66
+ font-family: var(--wy-btn-font-family), inherit;
67
67
  line-height: var(--wy-btn-line-height);
68
68
 
69
69
  font-size: vars.$font-size-xs;