@w100n/documents 0.19.1 → 0.20.0

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.
package/dist/index.css CHANGED
@@ -684,6 +684,9 @@
684
684
  .w100n-docs-panel {
685
685
  width: 272px;
686
686
  }
687
+ .w100n-docs-panel[data-wide=true] {
688
+ width: 420px;
689
+ }
687
690
  .w100n-docs-head {
688
691
  display: grid;
689
692
  gap: 10px;
@@ -819,6 +822,51 @@
819
822
  width: 12px;
820
823
  height: 12px;
821
824
  }
825
+ .w100n-docs-hosttabs {
826
+ display: flex;
827
+ gap: 6px;
828
+ margin-top: 8px;
829
+ }
830
+ .w100n-docs-hosttabs button {
831
+ display: flex;
832
+ flex: 1;
833
+ align-items: center;
834
+ justify-content: center;
835
+ gap: 6px;
836
+ min-width: 0;
837
+ height: 32px;
838
+ padding: 0 10px;
839
+ border: 1px solid var(--docs-border);
840
+ border-radius: 10px;
841
+ color: var(--docs-muted);
842
+ font-size: 12.5px;
843
+ font-weight: 600;
844
+ }
845
+ .w100n-docs-hosttabs button:hover {
846
+ color: var(--docs-text);
847
+ }
848
+ .w100n-docs-hosttabs button[aria-selected=true] {
849
+ border-color: transparent;
850
+ background:
851
+ linear-gradient(
852
+ 135deg,
853
+ #8b5cf6,
854
+ #6d28d9);
855
+ color: #fff;
856
+ }
857
+ .w100n-docs-hosttabs svg {
858
+ width: 14px;
859
+ height: 14px;
860
+ flex-shrink: 0;
861
+ }
862
+ .w100n-docs-hosttabs span {
863
+ overflow: hidden;
864
+ text-overflow: ellipsis;
865
+ white-space: nowrap;
866
+ }
867
+ .w100n-docs-hosttabs button[aria-selected=true] .w100n-docs-count {
868
+ background: #ffffff33;
869
+ }
822
870
  .w100n-docs-count {
823
871
  color: var(--docs-dim);
824
872
  font-size: 11px;
@@ -1233,6 +1281,20 @@
1233
1281
  width: 13px;
1234
1282
  height: 13px;
1235
1283
  }
1284
+ .w100n-docs-count {
1285
+ min-width: 16px;
1286
+ height: 16px;
1287
+ padding: 0 4px;
1288
+ border-radius: 8px;
1289
+ background:
1290
+ linear-gradient(
1291
+ 135deg,
1292
+ #8b5cf6,
1293
+ #6d28d9);
1294
+ color: #fff;
1295
+ font-size: 10px;
1296
+ line-height: 16px;
1297
+ }
1236
1298
  .w100n-docs-tabs button:hover {
1237
1299
  color: var(--docs-text);
1238
1300
  }
@@ -2921,6 +2983,24 @@ svg.w100n-pdf-marks {
2921
2983
  height: 100%;
2922
2984
  object-fit: cover;
2923
2985
  }
2986
+ .w100n-sheet-where {
2987
+ max-width: 220px;
2988
+ height: 26px;
2989
+ margin-right: 6px;
2990
+ padding: 0 9px;
2991
+ overflow: hidden;
2992
+ border-radius: 8px;
2993
+ background:
2994
+ linear-gradient(
2995
+ 145deg,
2996
+ var(--face),
2997
+ color-mix(in srgb, var(--face), #000 28%));
2998
+ color: #fff;
2999
+ font-size: 11.5px;
3000
+ font-weight: 600;
3001
+ text-overflow: ellipsis;
3002
+ white-space: nowrap;
3003
+ }
2924
3004
  .w100n-text-live {
2925
3005
  display: inline-flex;
2926
3006
  align-items: center;
@@ -3075,6 +3155,9 @@ svg.w100n-pdf-marks {
3075
3155
  .w100n-docs-panel {
3076
3156
  width: 240px;
3077
3157
  }
3158
+ .w100n-docs-panel[data-wide=true] {
3159
+ width: 360px;
3160
+ }
3078
3161
  .w100n-docs-list {
3079
3162
  width: 272px;
3080
3163
  }
@@ -3097,6 +3180,9 @@ svg.w100n-pdf-marks {
3097
3180
  .w100n-docs-panel {
3098
3181
  right: 10px;
3099
3182
  }
3183
+ .w100n-docs-panel[data-wide=true] {
3184
+ width: min(420px, calc(100% - 20px));
3185
+ }
3100
3186
  .w100n-docs-page {
3101
3187
  padding: 32px 24px;
3102
3188
  }
@@ -3167,6 +3253,9 @@ svg.w100n-pdf-marks {
3167
3253
  .w100n-docs-panel {
3168
3254
  right: 8px;
3169
3255
  }
3256
+ .w100n-docs-panel[data-wide=true] {
3257
+ width: calc(100% - 16px);
3258
+ }
3170
3259
  .w100n-text-end .w100n-docs-action {
3171
3260
  margin-left: 2px;
3172
3261
  padding: 0 10px;
@@ -4961,6 +5050,7 @@ svg.w100n-pdf-marks {
4961
5050
  }
4962
5051
  .w100n-tree {
4963
5052
  display: grid;
5053
+ grid-template-columns: minmax(0, 1fr);
4964
5054
  gap: 1px;
4965
5055
  padding: 2px 0 12px;
4966
5056
  }