bariweb-widget 0.1.6 → 0.1.9

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 (3) hide show
  1. package/dist/bariweb.iife.js +15 -13
  2. package/dist/bariweb.js +15 -13
  3. package/package.json +1 -1
package/dist/bariweb.iife.js CHANGED
@@ -24,7 +24,8 @@
24
24
 
25
25
  --bw-primary: #6d28d9;
26
26
  --bw-primary-light: #7c3aed;
27
- --bw-primary-fg: #ffffff;
27
+ --bw-primary-fg: #05050a; /* Changed default to charcoal */
28
+ --bw-primary-faded: rgba(109, 40, 217, 0.08);
28
29
  --bw-bg: #ffffff;
29
30
  --bw-fg: #0f172a;
30
31
  --bw-fg-muted: #64748b;
@@ -184,8 +185,9 @@
184
185
  .bw-tab[active] {
185
186
  background: var(--bw-primary);
186
187
  color: var(--bw-primary-fg);
187
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
188
+ box-shadow: none;
188
189
  }
190
+ .bw-tab[active] svg { color: var(--bw-primary-fg); }
189
191
 
190
192
  /* ─── Content area ─── */
191
193
  .bw-content {
@@ -525,13 +527,13 @@
525
527
  user-select: none;
526
528
  overflow: hidden;
527
529
  }
528
- .settings-card:hover { border-color: var(--bw-primary); background: var(--bw-bg); transform: translateY(-1px); box-shadow: 0 4px 14px rgba(0,0,0,0.07); }
530
+ .settings-card:hover { border-color: var(--bw-primary); background: var(--bw-bg-subtle); transform: translateY(-1px); }
529
531
  .settings-card[active] {
530
532
  border-color: var(--bw-primary);
531
- background: rgba(109, 40, 217, 0.06);
532
- box-shadow: 0 0 0 1px var(--bw-primary);
533
+ background: var(--bw-primary-faded);
534
+ box-shadow: inset 0 0 0 1px var(--bw-primary);
533
535
  }
534
- .settings-card[active] svg { color: var(--bw-primary); }
536
+ .settings-card[active] svg { color: var(--bw-primary-fg); }
535
537
  .settings-card svg { width: 22px; height: 22px; color: var(--bw-fg-muted); transition: color 0.18s; }
536
538
  .settings-card-label { font-size: 12px; font-weight: 600; color: var(--bw-fg); }
537
539
  .settings-card[active] .settings-card-label { color: var(--bw-primary); }
@@ -549,7 +551,7 @@
549
551
  align-items: center;
550
552
  justify-content: center;
551
553
  }
552
- .active-badge svg { width: 10px; height: 10px; color: white; stroke-width: 3; }
554
+ .active-badge svg { width: 10px; height: 10px; color: var(--bw-primary-fg); stroke-width: 3; }
553
555
 
554
556
  /* Color section */
555
557
  .color-section {
@@ -587,7 +589,7 @@
587
589
  color: var(--bw-fg-muted);
588
590
  transition: all 0.15s;
589
591
  }
590
- .color-tab[active] { background: var(--bw-primary); color: white; border-color: var(--bw-primary); }
592
+ .color-tab[active] { background: var(--bw-primary); color: var(--bw-primary-fg) !important; border-color: var(--bw-primary); }
591
593
 
592
594
  .hue-row {
593
595
  display: flex;
@@ -645,11 +647,11 @@
645
647
  min-height: 46px;
646
648
  }
647
649
  .ai-tool-btn:hover { border-color: var(--bw-primary); color: var(--bw-primary); background: rgba(109,40,217,0.04); }
648
- .ai-tool-btn.active { background: rgba(109,40,217,0.08); border-color: var(--bw-primary); color: var(--bw-primary); }
650
+ .ai-tool-btn.active { background: var(--bw-primary-faded); border-color: var(--bw-primary); color: var(--bw-primary); }
649
651
  .ai-tool-btn svg { width: 18px; height: 18px; flex-shrink: 0; }
650
652
  .ai-tool-btn-label { flex: 1; }
651
- .ai-tool-badge { font-size: 10px; background: var(--bw-primary); color: white; padding: 2px 7px; border-radius: 99px; font-weight: 700; }
652
- .ai-tool-badge.on { background: #059669; }
653
+ .ai-tool-badge { font-size: 10px; background: var(--bw-primary); color: var(--bw-primary-fg); padding: 2px 7px; border-radius: 99px; font-weight: 700; }
654
+ .ai-tool-badge.on { background: #059669; color: var(--bw-fg, white); }
653
655
 
654
656
  /* ════════════════════════════════ */
655
657
  /* ADMIN PANEL */
@@ -681,7 +683,7 @@
681
683
  .admin-overlay input:focus { border-color: var(--bw-primary); }
682
684
  .admin-login-btn {
683
685
  width: 100%; padding: 12px; border-radius: var(--bw-radius-sm);
684
- background: var(--bw-primary); color: white; border: none;
686
+ background: var(--bw-primary); color: var(--bw-primary-fg); border: none;
685
687
  font-weight: 700; font-size: 14px; cursor: pointer; margin-bottom: 8px;
686
688
  transition: all 0.2s;
687
689
  }
@@ -1345,7 +1347,7 @@
1345
1347
  <!-- FAB Trigger -->
1346
1348
  <button class="trigger" @click=${this._toggle}
1347
1349
  aria-expanded=${this._isOpen} aria-label="Открыть/Закрыть меню доступности"
1348
- id="bw-trigger" style="position:fixed; bottom:24px; left:24px; width:60px; height:60px; border-radius:50%; background:var(--bw-primary,#6d28d9); color:white; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; pointer-events:auto; box-shadow:0 4px 20px rgba(109,40,217,0.4); transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), opacity 0.2s;">
1350
+ id="bw-trigger" style="position:fixed; bottom:24px; left:24px; width:60px; height:60px; border-radius:50%; background:var(--bw-primary, #6d28d9); color:var(--bw-primary-fg, #05050a); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; pointer-events:auto; box-shadow:0 4px 20px rgba(0,0,0,0.3); transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), opacity 0.2s;">
1349
1351
  ${this._isOpen?H.close:H.accessibility}
1350
1352
  </button>
1351
1353
  </div>
package/dist/bariweb.js CHANGED
@@ -1162,7 +1162,8 @@ var at = rt(K), q = (e) => F`${at(`
1162
1162
 
1163
1163
  --bw-primary: #6d28d9;
1164
1164
  --bw-primary-light: #7c3aed;
1165
- --bw-primary-fg: #ffffff;
1165
+ --bw-primary-fg: #05050a; /* Changed default to charcoal */
1166
+ --bw-primary-faded: rgba(109, 40, 217, 0.08);
1166
1167
  --bw-bg: #ffffff;
1167
1168
  --bw-fg: #0f172a;
1168
1169
  --bw-fg-muted: #64748b;
@@ -1322,8 +1323,9 @@ var at = rt(K), q = (e) => F`${at(`
1322
1323
  .bw-tab[active] {
1323
1324
  background: var(--bw-primary);
1324
1325
  color: var(--bw-primary-fg);
1325
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
1326
+ box-shadow: none;
1326
1327
  }
1328
+ .bw-tab[active] svg { color: var(--bw-primary-fg); }
1327
1329
 
1328
1330
  /* ─── Content area ─── */
1329
1331
  .bw-content {
@@ -1663,13 +1665,13 @@ var at = rt(K), q = (e) => F`${at(`
1663
1665
  user-select: none;
1664
1666
  overflow: hidden;
1665
1667
  }
1666
- .settings-card:hover { border-color: var(--bw-primary); background: var(--bw-bg); transform: translateY(-1px); box-shadow: 0 4px 14px rgba(0,0,0,0.07); }
1668
+ .settings-card:hover { border-color: var(--bw-primary); background: var(--bw-bg-subtle); transform: translateY(-1px); }
1667
1669
  .settings-card[active] {
1668
1670
  border-color: var(--bw-primary);
1669
- background: rgba(109, 40, 217, 0.06);
1670
- box-shadow: 0 0 0 1px var(--bw-primary);
1671
+ background: var(--bw-primary-faded);
1672
+ box-shadow: inset 0 0 0 1px var(--bw-primary);
1671
1673
  }
1672
- .settings-card[active] svg { color: var(--bw-primary); }
1674
+ .settings-card[active] svg { color: var(--bw-primary-fg); }
1673
1675
  .settings-card svg { width: 22px; height: 22px; color: var(--bw-fg-muted); transition: color 0.18s; }
1674
1676
  .settings-card-label { font-size: 12px; font-weight: 600; color: var(--bw-fg); }
1675
1677
  .settings-card[active] .settings-card-label { color: var(--bw-primary); }
@@ -1687,7 +1689,7 @@ var at = rt(K), q = (e) => F`${at(`
1687
1689
  align-items: center;
1688
1690
  justify-content: center;
1689
1691
  }
1690
- .active-badge svg { width: 10px; height: 10px; color: white; stroke-width: 3; }
1692
+ .active-badge svg { width: 10px; height: 10px; color: var(--bw-primary-fg); stroke-width: 3; }
1691
1693
 
1692
1694
  /* Color section */
1693
1695
  .color-section {
@@ -1725,7 +1727,7 @@ var at = rt(K), q = (e) => F`${at(`
1725
1727
  color: var(--bw-fg-muted);
1726
1728
  transition: all 0.15s;
1727
1729
  }
1728
- .color-tab[active] { background: var(--bw-primary); color: white; border-color: var(--bw-primary); }
1730
+ .color-tab[active] { background: var(--bw-primary); color: var(--bw-primary-fg) !important; border-color: var(--bw-primary); }
1729
1731
 
1730
1732
  .hue-row {
1731
1733
  display: flex;
@@ -1783,11 +1785,11 @@ var at = rt(K), q = (e) => F`${at(`
1783
1785
  min-height: 46px;
1784
1786
  }
1785
1787
  .ai-tool-btn:hover { border-color: var(--bw-primary); color: var(--bw-primary); background: rgba(109,40,217,0.04); }
1786
- .ai-tool-btn.active { background: rgba(109,40,217,0.08); border-color: var(--bw-primary); color: var(--bw-primary); }
1788
+ .ai-tool-btn.active { background: var(--bw-primary-faded); border-color: var(--bw-primary); color: var(--bw-primary); }
1787
1789
  .ai-tool-btn svg { width: 18px; height: 18px; flex-shrink: 0; }
1788
1790
  .ai-tool-btn-label { flex: 1; }
1789
- .ai-tool-badge { font-size: 10px; background: var(--bw-primary); color: white; padding: 2px 7px; border-radius: 99px; font-weight: 700; }
1790
- .ai-tool-badge.on { background: #059669; }
1791
+ .ai-tool-badge { font-size: 10px; background: var(--bw-primary); color: var(--bw-primary-fg); padding: 2px 7px; border-radius: 99px; font-weight: 700; }
1792
+ .ai-tool-badge.on { background: #059669; color: var(--bw-fg, white); }
1791
1793
 
1792
1794
  /* ════════════════════════════════ */
1793
1795
  /* ADMIN PANEL */
@@ -1819,7 +1821,7 @@ var at = rt(K), q = (e) => F`${at(`
1819
1821
  .admin-overlay input:focus { border-color: var(--bw-primary); }
1820
1822
  .admin-login-btn {
1821
1823
  width: 100%; padding: 12px; border-radius: var(--bw-radius-sm);
1822
- background: var(--bw-primary); color: white; border: none;
1824
+ background: var(--bw-primary); color: var(--bw-primary-fg); border: none;
1823
1825
  font-weight: 700; font-size: 14px; cursor: pointer; margin-bottom: 8px;
1824
1826
  transition: all 0.2s;
1825
1827
  }
@@ -3219,7 +3221,7 @@ var _t = "bw-stt-lang-v1", vt = 200, yt = .015, bt = 1200, xt = 2e4, St = 350, Q
3219
3221
  <!-- FAB Trigger -->
3220
3222
  <button class="trigger" @click=${this._toggle}
3221
3223
  aria-expanded=${this._isOpen} aria-label="Открыть/Закрыть меню доступности"
3222
- id="bw-trigger" style="position:fixed; bottom:24px; left:24px; width:60px; height:60px; border-radius:50%; background:var(--bw-primary,#6d28d9); color:white; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; pointer-events:auto; box-shadow:0 4px 20px rgba(109,40,217,0.4); transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), opacity 0.2s;">
3224
+ id="bw-trigger" style="position:fixed; bottom:24px; left:24px; width:60px; height:60px; border-radius:50%; background:var(--bw-primary, #6d28d9); color:var(--bw-primary-fg, #05050a); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; pointer-events:auto; box-shadow:0 4px 20px rgba(0,0,0,0.3); transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), opacity 0.2s;">
3223
3225
  ${this._isOpen ? J.close : J.accessibility}
3224
3226
  </button>
3225
3227
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bariweb-widget",
3
- "version": "0.1.6",
3
+ "version": "0.1.9",
4
4
  "type": "module",
5
5
  "main": "./dist/bariweb.iife.js",
6
6
  "module": "./dist/bariweb.js",