@w100n/documents 0.19.0 → 0.19.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.
package/dist/index.css CHANGED
@@ -5254,18 +5254,6 @@ svg.w100n-pdf-marks {
5254
5254
  background: color-mix(in srgb, var(--docs-accent) 22%, transparent);
5255
5255
  color: inherit;
5256
5256
  }
5257
- .w100n-docs-peek {
5258
- position: fixed;
5259
- z-index: 45;
5260
- width: 280px;
5261
- padding: 10px;
5262
- border: 1px solid var(--docs-border);
5263
- border-radius: 12px;
5264
- background: var(--docs-card);
5265
- color: var(--docs-text);
5266
- box-shadow: 0 18px 50px rgb(0 0 0 / 30%);
5267
- pointer-events: none;
5268
- }
5269
5257
  @media (max-width: 640px) {
5270
5258
  .w100n-docs .w100n-docs-menu.w100n-docs-context {
5271
5259
  left: 0 !important;
@@ -5292,6 +5280,63 @@ svg.w100n-pdf-marks {
5292
5280
  background: color-mix(in srgb, var(--docs-accent) 22%, transparent);
5293
5281
  color: inherit;
5294
5282
  }
5283
+ .w100n-swatches {
5284
+ display: grid;
5285
+ grid-template-columns: repeat(10, 22px);
5286
+ gap: 5px;
5287
+ }
5288
+ .w100n-docs .w100n-swatches .w100n-swatches-none {
5289
+ grid-column: 1 / -1;
5290
+ display: flex;
5291
+ align-items: center;
5292
+ width: auto;
5293
+ height: 28px;
5294
+ white-space: nowrap;
5295
+ padding: 0 8px;
5296
+ border-radius: 8px;
5297
+ color: var(--docs-muted);
5298
+ font-size: 12px;
5299
+ font-weight: 600;
5300
+ text-align: left;
5301
+ }
5302
+ .w100n-docs .w100n-swatches .w100n-swatches-none:hover {
5303
+ background: var(--docs-hover);
5304
+ }
5305
+ .w100n-docs .w100n-swatches .w100n-swatches-none[aria-pressed=true] {
5306
+ background: var(--docs-active);
5307
+ color: var(--docs-text);
5308
+ }
5309
+ .w100n-swatches-gap {
5310
+ grid-column: 6 / -1;
5311
+ }
5312
+ .w100n-docs .w100n-swatches .w100n-swatch {
5313
+ display: grid;
5314
+ place-items: center;
5315
+ width: 22px;
5316
+ height: 22px;
5317
+ padding: 0;
5318
+ border-radius: 50%;
5319
+ color: #fff;
5320
+ box-shadow: inset 0 0 0 1px rgb(128 128 128 / 45%);
5321
+ transition: transform .1s;
5322
+ }
5323
+ .w100n-docs .w100n-swatches .w100n-swatch:hover {
5324
+ transform: scale(1.12);
5325
+ }
5326
+ .w100n-docs .w100n-swatches .w100n-swatch[data-light] {
5327
+ color: #0f172a;
5328
+ }
5329
+ .w100n-docs .w100n-swatches .w100n-swatch[aria-pressed=true] {
5330
+ box-shadow:
5331
+ inset 0 0 0 1px rgb(128 128 128 / 45%),
5332
+ 0 0 0 2px var(--docs-card),
5333
+ 0 0 0 4px var(--docs-accent);
5334
+ }
5335
+ .w100n-docs .w100n-swatches .w100n-swatch svg {
5336
+ width: 13px;
5337
+ height: 13px;
5338
+ stroke-width: 3;
5339
+ }
5295
5340
 
5296
5341
  /* src/sheets/sheets.css */
5297
5342
  @font-face {
@@ -5612,4 +5657,25 @@ svg.w100n-pdf-marks {
5612
5657
  display: none;
5613
5658
  }
5614
5659
  }
5660
+ .w100n-sheet-size {
5661
+ display: inline-flex;
5662
+ align-items: center;
5663
+ gap: 2px;
5664
+ }
5665
+ .w100n-docs .w100n-sheet-size input {
5666
+ width: 38px;
5667
+ height: 28px;
5668
+ border: 1px solid var(--docs-border);
5669
+ border-radius: 7px;
5670
+ background: var(--docs-bg);
5671
+ color: var(--docs-text);
5672
+ font: inherit;
5673
+ font-size: 12.5px;
5674
+ font-variant-numeric: tabular-nums;
5675
+ text-align: center;
5676
+ outline: none;
5677
+ }
5678
+ .w100n-docs .w100n-sheet-size input:focus {
5679
+ border-color: var(--docs-accent);
5680
+ }
5615
5681
  /*# sourceMappingURL=index.css.map */