@smart-wizard/ui 1.0.0 → 1.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.
- package/README.md +44 -0
- package/package.json +6 -2
- package/dist/themes/basic.min.css +0 -1
- package/dist/themes/chevron.min.css +0 -1
- package/dist/themes/dots.min.css +0 -1
- package/dist/themes/glow.css +0 -58
- package/dist/themes/glow.css.map +0 -1
- package/dist/themes/glow.min.css +0 -1
- package/dist/themes/simple.min.css +0 -1
- package/dist/themes/slide.min.css +0 -1
- package/dist/themes/slider.min.css +0 -1
package/README.md
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
# @smart-wizard/ui
|
|
2
|
+
|
|
3
|
+
**CSS styles, themes, and design tokens for SmartWizard.**
|
|
4
|
+
|
|
5
|
+
> This package is part of the **[SmartWizard](https://github.com/techlab/smart-wizard)** project, the next-generation continuation of the popular jQuery SmartWizard.
|
|
6
|
+
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
## 📖 Documentation & Links
|
|
10
|
+
|
|
11
|
+
* 📚 **Full Documentation & Token Reference**: [GitHub Readme](https://github.com/techlab/smart-wizard#readme)
|
|
12
|
+
* 🌐 **Official Website & Demos**: [techlaboratory.net/smart-wizard](https://techlaboratory.net/smart-wizard)
|
|
13
|
+
* 🐙 **Repository**: [github.com/techlab/smart-wizard](https://github.com/techlab/smart-wizard)
|
|
14
|
+
* 🐛 **Issue Tracker**: [github.com/techlab/smart-wizard/issues](https://github.com/techlab/smart-wizard/issues)
|
|
15
|
+
|
|
16
|
+
---
|
|
17
|
+
|
|
18
|
+
## 📥 Installation
|
|
19
|
+
|
|
20
|
+
```bash
|
|
21
|
+
npm install @smart-wizard/ui
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
26
|
+
## ⚡ Usage
|
|
27
|
+
|
|
28
|
+
```javascript
|
|
29
|
+
// Bundler imports (Vite, Next.js, Webpack, etc.):
|
|
30
|
+
import '@smart-wizard/ui/full'; // Core styles + layouts
|
|
31
|
+
import '@smart-wizard/ui/themes/arrows.css'; // Optional theme (arrows, pills)
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
```html
|
|
35
|
+
<!-- Or via HTML link tags: -->
|
|
36
|
+
<link rel="stylesheet" href="node_modules/@smart-wizard/ui/dist/smartwizard-full.css" />
|
|
37
|
+
<link rel="stylesheet" href="node_modules/@smart-wizard/ui/dist/themes/arrows.css" />
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
---
|
|
41
|
+
|
|
42
|
+
## 📝 License
|
|
43
|
+
|
|
44
|
+
Dual-licensed under [MIT](https://github.com/techlab/smart-wizard/blob/main/LICENSE) (open-source) and [Commercial License](https://techlaboratory.net/smart-wizard#license).
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smart-wizard/ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "Core styles for SmartWizard - framework-agnostic wizard component",
|
|
5
5
|
"style": "dist/smartwizard.css",
|
|
6
6
|
"main": "dist/smartwizard.css",
|
|
@@ -41,7 +41,11 @@
|
|
|
41
41
|
"css",
|
|
42
42
|
"scss"
|
|
43
43
|
],
|
|
44
|
-
"author":
|
|
44
|
+
"author": {
|
|
45
|
+
"name": "Dipu Rajendran",
|
|
46
|
+
"email": "hello.techlab@gmail.com",
|
|
47
|
+
"url": "https://github.com/techlab"
|
|
48
|
+
},
|
|
45
49
|
"license": "MIT",
|
|
46
50
|
"devDependencies": {
|
|
47
51
|
"autoprefixer": "^10.5.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.sw-theme-basic{--sw-wizard-bg:var(--sw-basic-bg);--sw-wizard-border:var(--sw-basic-border-solid);--sw-wizard-shadow:0 4px 32px rgba(0,0,0,.4);--sw-wizard-radius:10px;--sw-nav-bg:var(--sw-basic-bg);--sw-nav-border:var(--sw-basic-border-solid);--sw-nav-item-default-bg:transparent;--sw-nav-item-default-text:var(--sw-basic-text-muted);--sw-nav-item-active-bg:transparent;--sw-nav-item-active-text:var(--sw-basic-text-active);--sw-nav-item-completed-bg:transparent;--sw-nav-item-completed-text:var(--sw-basic-text-completed);--sw-panel-bg:var(--sw-basic-surface);--sw-panel-text:#d0d8f0;--sw-progress-bg:var(--sw-basic-border-solid);--sw-progress-fill:var(--sw-basic-accent);--sw-loader-color:var(--sw-basic-accent);--sw-loader-bg:rgba(26,31,46,.85);--sw-connector-color:var(--sw-basic-border-solid);--sw-focus-ring-color:rgba(91,106,240,.45)}.sw-theme-basic>.sw-nav{background:var(--sw-nav-bg);border-bottom:1px solid var(--sw-basic-border-solid);box-shadow:none}.sw-theme-basic>.sw-nav .sw-nav-item{background:transparent;border-bottom:2px solid transparent;border-radius:0;border-right:1px solid var(--sw-basic-border);clip-path:none!important;color:var(--sw-nav-item-default-text);font-size:.9rem;font-weight:500;justify-content:center;letter-spacing:.01em;margin-right:0!important;padding:14px 24px!important;transition:color .2s ease,border-color .2s ease,background .2s ease}.sw-theme-basic>.sw-nav .sw-nav-item:last-child{border-right:none}.sw-theme-basic>.sw-nav .sw-nav-item>.badge{display:none}.sw-theme-basic>.sw-nav .sw-nav-item:hover:not(.disabled):not(.hidden){background:hsla(0,0%,100%,.04);color:var(--sw-basic-text-active)}.sw-theme-basic>.sw-nav .sw-nav-item.active{background:transparent;border-bottom-color:var(--sw-basic-accent);color:var(--sw-basic-text-active);font-weight:700}.sw-theme-basic>.sw-nav .sw-nav-item.active>.badge{display:none}.sw-theme-basic>.sw-nav .sw-nav-item.completed{background:transparent;border-bottom-color:transparent;color:var(--sw-basic-text-completed)}.sw-theme-basic>.sw-nav .sw-nav-item.completed>.badge{display:none}.sw-theme-basic>.sw-nav .sw-nav-item.error{background:transparent;border-bottom-color:var(--sw-basic-error);color:var(--sw-basic-error)}.sw-theme-basic>.sw-nav .sw-nav-item.error>.badge{display:none}.sw-theme-basic>.sw-nav .sw-nav-item.warning{background:transparent;border-bottom-color:var(--sw-basic-warning);color:var(--sw-basic-warning)}.sw-theme-basic>.sw-nav .sw-nav-item.warning>.badge{display:none}.sw-theme-basic>.sw-nav .sw-nav-item.disabled,.sw-theme-basic>.sw-nav .sw-nav-item:disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.sw-theme-basic>.sw-panels{color:var(--sw-panel-text)}.sw-theme-basic>.sw-panels,.sw-theme-basic>.sw-panels .sw-panel{background:var(--sw-panel-bg)}.sw-theme-basic .sw-toolbar{background:var(--sw-basic-bg);border-top:1px solid var(--sw-basic-border-solid)}.sw-theme-basic .sw-btn{--sw-btn-default-bg:var(--sw-basic-btn-bg);--sw-btn-default-border:var(--sw-basic-border-solid);--sw-btn-default-text:var(--sw-basic-btn-text);--sw-btn-hover-bg:var(--sw-basic-btn-bg-hover);--sw-btn-hover-border:var(--sw-basic-accent);--sw-btn-hover-text:var(--sw-basic-btn-text-hover);--sw-btn-radius:6px;--sw-btn-padding:8px 20px;--sw-btn-font-weight:600;border-color:var(--sw-basic-border-solid);box-shadow:none}.sw-theme-basic .sw-btn:hover{border-color:var(--sw-basic-accent);box-shadow:0 0 0 1px var(--sw-basic-accent)}.sw-theme-basic .sw-btn:focus-visible{box-shadow:0 0 0 var(--sw-focus-ring-width) var(--sw-focus-ring-color)}.sw-theme-basic .sw-btn-next,.sw-theme-basic .sw-btn-prev,.sw-theme-basic .sw-btn-primary{--sw-btn-default-bg:var(--sw-basic-accent);--sw-btn-default-border:var(--sw-basic-accent);--sw-btn-default-text:#fff;--sw-btn-hover-bg:var(--sw-basic-accent-hover);--sw-btn-hover-border:var(--sw-basic-accent-hover);--sw-btn-hover-text:#fff;box-shadow:none}.sw-theme-basic .sw-btn-next:hover,.sw-theme-basic .sw-btn-prev:hover,.sw-theme-basic .sw-btn-primary:hover{box-shadow:0 4px 14px rgba(91,106,240,.4)}.sw-theme-basic .sw-progress{background:var(--sw-progress-bg)}.sw-theme-basic .sw-progress .sw-progress-bar{background:var(--sw-basic-accent);border-radius:2px}.sw-theme-basic>.sw-nav>.sw-nav-scroll-btn{background:var(--sw-basic-bg);border-color:var(--sw-basic-border-solid);color:var(--sw-basic-text-muted)}.sw-theme-basic>.sw-nav>.sw-nav-scroll-btn:hover{background:var(--sw-basic-surface);color:var(--sw-basic-text-active)}.sw-theme-basic.sw-layout-vertical>.sw-nav{border-bottom:none;border-right:1px solid var(--sw-basic-border-solid)}.sw-theme-basic.sw-layout-vertical>.sw-nav .sw-nav-item{border-bottom:1px solid var(--sw-basic-border);border-bottom-color:transparent!important;border-left:2px solid transparent;border-right:none;justify-content:flex-start}.sw-theme-basic.sw-layout-vertical>.sw-nav .sw-nav-item.active{background:rgba(91,106,240,.08);border-left-color:var(--sw-basic-accent)}.sw-theme-basic.sw-layout-vertical>.sw-nav .sw-nav-item.completed{border-left-color:transparent}.sw-theme-basic.sw-layout-vertical>.sw-nav .sw-nav-item.error{border-left-color:var(--sw-basic-error)}.sw-theme-basic.sw-layout-vertical>.sw-nav .sw-nav-item.warning{border-left-color:var(--sw-basic-warning)}.sw-theme-basic.sw-layout-vertical>.sw-nav .sw-nav-item:last-child{border-bottom:none}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";.sw-theme-chevron{--sw-chevron-bg:var(--sw-bg);--sw-chevron-border:var(--sw-border);--sw-chevron-text-muted:var(--sw-text-muted);--sw-chevron-text-active:var(--sw-primary);--sw-chevron-text-done:var(--sw-text);--sw-chevron-badge-size:38px;--sw-chevron-badge-stroke:2px;--sw-chevron-sep-color:var(--sw-border);--sw-chevron-sep-size:1.4rem;background:var(--sw-chevron-bg);border:1px solid var(--sw-chevron-border);border-radius:10px;overflow:hidden}.sw-theme-chevron>.sw-nav{align-items:center;background:var(--sw-chevron-bg);border-bottom:1px solid var(--sw-chevron-border);display:flex;flex-direction:row;gap:0;overflow:visible;padding:0}.sw-theme-chevron>.sw-nav .sw-nav-item{align-items:center;background:transparent;border-radius:0!important;clip-path:none!important;color:var(--sw-chevron-text-muted);display:flex;flex:1 1 0;flex-direction:row;font-size:.875rem;font-weight:500;gap:12px;justify-content:flex-start;margin:0!important;padding:16px 24px!important;position:relative;transition:background var(--sw-transition),color var(--sw-transition)}.sw-theme-chevron>.sw-nav .sw-nav-item:not(:last-of-type):after{color:var(--sw-chevron-sep-color);content:"›";font-size:var(--sw-chevron-sep-size);font-weight:300;line-height:1;pointer-events:none;position:absolute;right:-.5em;top:50%;transform:translateY(-50%);z-index:2}.sw-theme-chevron>.sw-nav .sw-nav-item>.badge{align-items:center;background:transparent;border:var(--sw-chevron-badge-stroke) solid var(--sw-chevron-sep-color);border-radius:50%;color:var(--sw-chevron-text-muted);display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:var(--sw-chevron-badge-size);justify-content:center;line-height:1;transition:background var(--sw-transition),border-color var(--sw-transition),color var(--sw-transition),box-shadow var(--sw-transition);width:var(--sw-chevron-badge-size)}.sw-theme-chevron>.sw-nav .sw-nav-item>.desc,.sw-theme-chevron>.sw-nav .sw-nav-item>.info>.desc{display:none}.sw-theme-chevron>.sw-nav .sw-nav-item>.info>.title{font-size:.875rem;font-weight:500}.sw-theme-chevron>.sw-nav .sw-nav-item:hover:not(.disabled):not(.hidden){background:color-mix(in srgb,var(--sw-primary) 5%,transparent);color:var(--sw-chevron-text-active)}.sw-theme-chevron>.sw-nav .sw-nav-item:hover:not(.disabled):not(.hidden)>.badge{border-color:var(--sw-primary);color:var(--sw-primary)}.sw-theme-chevron>.sw-nav .sw-nav-item.active{background:transparent;color:var(--sw-chevron-text-active);cursor:pointer}.sw-theme-chevron>.sw-nav .sw-nav-item.active>.info>.title{font-weight:600}.sw-theme-chevron>.sw-nav .sw-nav-item.active>.badge{background:transparent;border-color:var(--sw-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--sw-primary) 14%,transparent);color:var(--sw-primary)}.sw-theme-chevron>.sw-nav .sw-nav-item.completed{background:transparent;color:var(--sw-chevron-text-done);cursor:pointer}.sw-theme-chevron>.sw-nav .sw-nav-item.completed>.badge{background:var(--sw-primary);border-color:var(--sw-primary);color:var(--sw-on-primary);font-size:1rem}.sw-theme-chevron>.sw-nav .sw-nav-item.completed>.badge.sw-badge-number:after,.sw-theme-chevron>.sw-nav .sw-nav-item.completed>.badge:not(:has(*)):after{border-bottom:2.5px solid var(--sw-on-primary);border-left:2.5px solid var(--sw-on-primary);content:"";display:inline-block;flex-shrink:0;height:7px;transform:rotate(-45deg) translate(1px,-1px);width:11px}.sw-theme-chevron>.sw-nav .sw-nav-item.error{background:transparent;color:var(--sw-danger)}.sw-theme-chevron>.sw-nav .sw-nav-item.error>.badge{background:var(--sw-danger);border-color:var(--sw-danger);color:#fff}.sw-theme-chevron>.sw-nav .sw-nav-item.warning{background:transparent;color:var(--sw-warning)}.sw-theme-chevron>.sw-nav .sw-nav-item.warning>.badge{background:var(--sw-warning);border-color:var(--sw-warning);color:#fff}.sw-theme-chevron>.sw-nav .sw-nav-item.disabled,.sw-theme-chevron>.sw-nav .sw-nav-item:disabled{opacity:.4;pointer-events:none}@media screen and (max-width:640px){.sw-theme-chevron>.sw-nav .sw-nav-item{flex:1 0 auto;justify-content:center;padding:10px 12px!important}.sw-theme-chevron>.sw-nav .sw-nav-item:not(:last-of-type):after,.sw-theme-chevron>.sw-nav .sw-nav-item>.info,.sw-theme-chevron>.sw-nav .sw-nav-item>.step-text{display:none}}.sw-theme-chevron>.sw-nav .sw-nav-item-group{align-items:stretch;display:flex;flex:1 1 0}.sw-theme-chevron>.sw-nav .sw-nav-item-group:last-of-type .sw-nav-item:last-of-type:after{display:none}.sw-theme-chevron[dir=rtl]>.sw-nav .sw-nav-item:not(:last-of-type):after{content:"‹";left:-.5em;right:auto}.sw-theme-chevron>.sw-panels,.sw-theme-chevron>.sw-panels .sw-panel{background:var(--sw-bg)}.sw-theme-chevron .sw-toolbar{background:var(--sw-surface);border-top:1px solid var(--sw-chevron-border)}.sw-theme-chevron .sw-progress .sw-progress-bar{background:var(--sw-primary)}[data-color-scheme=dark] .sw-theme-chevron{--sw-chevron-bg:var(--sw-bg);--sw-chevron-border:var(--sw-border);--sw-chevron-text-muted:var(--sw-text-muted);--sw-chevron-sep-color:var(--sw-border)}
|
package/dist/themes/dots.min.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.sw-theme-dots{background:transparent;border:none;box-shadow:none;display:flex;flex-direction:column}.sw-theme-dots>.sw-nav{align-items:center;background:transparent;gap:8px;justify-content:center;order:2;overflow:visible;padding:12px 8px}.sw-theme-dots>.sw-nav .sw-nav-item{background:var(--sw-border);border:2px solid transparent;border-radius:50%;clip-path:none!important;flex:0 0 auto;height:10px;min-height:unset;min-width:unset;overflow:hidden;padding:0;position:relative;transition:all .3s ease;width:10px}.sw-theme-dots>.sw-nav .sw-nav-item .step-text,.sw-theme-dots>.sw-nav .sw-nav-item>.badge{display:none!important}.sw-theme-dots>.sw-nav .sw-nav-item:hover:not(.disabled){background:color-mix(in srgb,var(--sw-accent) 50%,var(--sw-border) 50%);transform:scale(1.2)}.sw-theme-dots>.sw-nav .sw-nav-item.active{background:var(--sw-nav-item-active-bg);border-color:transparent;border-radius:5px;box-shadow:0 2px 8px color-mix(in srgb,var(--sw-nav-item-active-bg) 45%,transparent);cursor:default;width:28px}.sw-theme-dots>.sw-nav .sw-nav-item.completed{background:var(--sw-nav-item-completed-bg)}.sw-theme-dots>.sw-nav .sw-nav-item.error{background:var(--sw-error)}@media screen and (max-width:480px){.sw-theme-dots>.sw-nav{flex-direction:row!important}}.sw-theme-dots>.tab-content{order:0}.sw-theme-dots>.toolbar{background:transparent;border:none;order:1}
|
package/dist/themes/glow.css
DELETED
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
.sw-theme-glow {
|
|
2
|
-
--glass-bg: rgba(255, 255, 255, 0.08);
|
|
3
|
-
--glass-border: rgba(255, 255, 255, 0.18);
|
|
4
|
-
--glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
|
|
5
|
-
--glass-blur: 18px;
|
|
6
|
-
--sw-primary: #6366f1;
|
|
7
|
-
--sw-primary-glow: rgba(99, 102, 241, 0.5);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
[data-color-scheme=dark] .sw-theme-glow {
|
|
11
|
-
--glass-bg: rgba(30, 41, 59, 0.5);
|
|
12
|
-
--glass-border: rgba(255, 255, 255, 0.08);
|
|
13
|
-
--glass-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.sw-theme-glow {
|
|
17
|
-
border: 0;
|
|
18
|
-
border-radius: 20px;
|
|
19
|
-
box-shadow: none;
|
|
20
|
-
overflow: hidden;
|
|
21
|
-
background: var(--sw-surface);
|
|
22
|
-
}
|
|
23
|
-
.sw-theme-glow .tab-content {
|
|
24
|
-
padding: 2rem;
|
|
25
|
-
border-radius: 20px;
|
|
26
|
-
}
|
|
27
|
-
.sw-theme-glow .toolbar {
|
|
28
|
-
border: 0;
|
|
29
|
-
}
|
|
30
|
-
.sw-theme-glow .progress {
|
|
31
|
-
background: rgba(255, 255, 255, 0.08);
|
|
32
|
-
}
|
|
33
|
-
.sw-theme-glow .progress .progress-bar {
|
|
34
|
-
background: linear-gradient(90deg, var(--sw-accent-dark), var(--sw-accent), var(--sw-accent-dark));
|
|
35
|
-
transition: width 0.4s ease;
|
|
36
|
-
}
|
|
37
|
-
.sw-theme-glow .sw-nav {
|
|
38
|
-
gap: 1rem;
|
|
39
|
-
padding: 1rem 1.5rem;
|
|
40
|
-
background: var(--glass-bg);
|
|
41
|
-
backdrop-filter: blur(var(--glass-blur));
|
|
42
|
-
-webkit-backdrop-filter: blur(var(--glass-blur));
|
|
43
|
-
border: 1px solid var(--glass-border);
|
|
44
|
-
border-radius: 20px;
|
|
45
|
-
box-shadow: var(--glass-shadow);
|
|
46
|
-
scrollbar-width: none;
|
|
47
|
-
}
|
|
48
|
-
.sw-theme-glow .sw-nav::-webkit-scrollbar {
|
|
49
|
-
display: none;
|
|
50
|
-
}
|
|
51
|
-
.sw-theme-glow .sw-nav .sw-nav-item {
|
|
52
|
-
border-radius: 16px;
|
|
53
|
-
}
|
|
54
|
-
.sw-theme-glow .sw-nav .sw-nav-item.active {
|
|
55
|
-
box-shadow: 0 0 20px var(--sw-primary-glow);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
/*# sourceMappingURL=glow.css.map */
|
package/dist/themes/glow.css.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/themes/glow.scss"],"names":[],"mappings":"AAGA;EACI;EACA;EACA;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;EAIA;;AAIR;EACI;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;;AAEA;EACI;;AAGJ;EACI;;AAEA;EACI","file":"glow.css"}
|
package/dist/themes/glow.min.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.sw-theme-glow{--glass-bg:hsla(0,0%,100%,.08);--glass-border:hsla(0,0%,100%,.18);--glass-shadow:0 8px 32px rgba(0,0,0,.2);--glass-blur:18px;--sw-primary:#6366f1;--sw-primary-glow:rgba(99,102,241,.5)}[data-color-scheme=dark] .sw-theme-glow{--glass-bg:rgba(30,41,59,.5);--glass-border:hsla(0,0%,100%,.08);--glass-shadow:0 10px 40px rgba(0,0,0,.5)}.sw-theme-glow{background:var(--sw-surface);border:0;border-radius:20px;box-shadow:none;overflow:hidden}.sw-theme-glow .tab-content{border-radius:20px;padding:2rem}.sw-theme-glow .toolbar{border:0}.sw-theme-glow .progress{background:hsla(0,0%,100%,.08)}.sw-theme-glow .progress .progress-bar{background:linear-gradient(90deg,var(--sw-accent-dark),var(--sw-accent),var(--sw-accent-dark));transition:width .4s ease}.sw-theme-glow .sw-nav{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);gap:1rem;padding:1rem 1.5rem;scrollbar-width:none}.sw-theme-glow .sw-nav::-webkit-scrollbar{display:none}.sw-theme-glow .sw-nav .sw-nav-item{border-radius:16px}.sw-theme-glow .sw-nav .sw-nav-item.active{box-shadow:0 0 20px var(--sw-primary-glow)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.sw-theme-simple{background:transparent;border:none;box-shadow:none}.sw-theme-simple>.sw-nav{background:transparent;gap:0;justify-content:center;overflow:visible;padding:0;position:relative}.sw-theme-simple>.sw-nav:before{background:var(--sw-border);content:"";height:2px;left:calc(var(--sw-badge-size)/2);position:absolute;right:calc(var(--sw-badge-size)/2);top:calc(var(--sw-badge-size)/2);z-index:0}.sw-theme-simple>.sw-nav .sw-nav-item{align-items:center;background:transparent;border:none;border-bottom:3px solid transparent;border-radius:0;clip-path:none!important;color:var(--sw-nav-item-default-text);display:flex;flex:1;flex-direction:column;gap:8px;justify-content:center;justify-content:flex-start;min-width:80px;padding:0 8px 16px;position:relative;text-align:center;z-index:1}.sw-theme-simple>.sw-nav .sw-nav-item>.badge{background:var(--sw-badge-default-bg);border:2px solid var(--sw-border);border-radius:50%;box-sizing:border-box;color:var(--sw-badge-default-text);font-size:.85rem;font-weight:600;height:var(--sw-badge-size);position:relative;transition:background var(--sw-transition),border-color var(--sw-transition),transform var(--sw-transition);width:var(--sw-badge-size);z-index:2}.sw-theme-simple>.sw-nav .sw-nav-item .step-text{font-size:.75rem;font-weight:500;line-height:1.3;transition:color var(--sw-transition)}.sw-theme-simple>.sw-nav .sw-nav-item:hover:not(.disabled){background:transparent;color:var(--sw-accent)}.sw-theme-simple>.sw-nav .sw-nav-item:hover:not(.disabled)>.badge{border-color:var(--sw-accent)}.sw-theme-simple>.sw-nav .sw-nav-item.active{background:transparent;border-bottom-color:var(--sw-accent);color:var(--sw-accent)}.sw-theme-simple>.sw-nav .sw-nav-item.active>.badge{background:var(--sw-nav-item-active-bg);border-color:var(--sw-nav-item-active-bg);color:var(--sw-badge-active-bg);transform:scale(1.1)}.sw-theme-simple>.sw-nav .sw-nav-item.completed{background:transparent;color:var(--sw-nav-item-completed-bg)}.sw-theme-simple>.sw-nav .sw-nav-item.completed>.badge{background:var(--sw-nav-item-completed-bg);border-color:var(--sw-nav-item-completed-bg);color:var(--sw-badge-completed-bg)}.sw-theme-simple>.sw-nav .sw-nav-item.error{background:transparent;color:var(--sw-error)}.sw-theme-simple>.sw-nav .sw-nav-item.error>.badge{background:var(--sw-error);border-color:var(--sw-error);color:#fff}@media screen and (max-width:480px){.sw-theme-simple>.sw-nav{flex-direction:row!important}.sw-theme-simple>.sw-nav .sw-nav-item{padding-bottom:12px}.sw-theme-simple>.sw-nav .sw-nav-item .step-text{display:none}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.sw-theme-slide{background:transparent;border:none;box-shadow:none;display:flex;flex-direction:column;position:relative}.sw-theme-slide>.sw-nav{display:none!important}.sw-theme-slide>.tab-content{order:0;padding:0}.sw-theme-slide>.toolbar{align-items:center;background:transparent;border:none;display:flex;gap:16px;justify-content:space-between;order:1;padding:16px 0 0}.sw-theme-slide>.toolbar .sw-btn-next,.sw-theme-slide>.toolbar .sw-btn-prev{align-items:center;background:var(--sw-surface);border:2px solid var(--sw-border);border-radius:50%;box-shadow:0 2px 12px rgba(0,0,0,.1);color:var(--sw-accent);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:48px;justify-content:center;padding:0;transition:background var(--sw-transition),color var(--sw-transition),box-shadow var(--sw-transition),transform var(--sw-transition);width:48px}.sw-theme-slide>.toolbar .sw-btn-next:hover:not(:disabled),.sw-theme-slide>.toolbar .sw-btn-prev:hover:not(:disabled){background:var(--sw-accent);border-color:var(--sw-accent);box-shadow:0 4px 18px color-mix(in srgb,var(--sw-accent) 40%,transparent);color:var(--sw-accent-text);transform:scale(1.08)}.sw-theme-slide>.toolbar .sw-btn-next:disabled,.sw-theme-slide>.toolbar .sw-btn-next[disabled],.sw-theme-slide>.toolbar .sw-btn-prev:disabled,.sw-theme-slide>.toolbar .sw-btn-prev[disabled]{cursor:not-allowed;opacity:.3;pointer-events:none}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.sw-theme-slider>.sw-nav{background:var(--surface);display:flex;gap:16px;justify-content:center;padding:16px}.sw-theme-slider>.sw-nav>.sw-nav-item{background:var(--border);border-radius:50%;font-size:0;height:22px;overflow:hidden;padding:10px;position:relative;transition:var(--trans);width:22px}.sw-theme-slider>.sw-nav>.sw-nav-item>.badge,.sw-theme-slider>.sw-nav>.sw-nav-item>.info{display:none}.sw-theme-slider>.sw-nav>.sw-nav-item.active{box-shadow:0 0 0 6px var(--brand-light);transform:scale(1.1)}.sw-theme-slider>.sw-nav>.sw-nav-item.completed{background:var(--sw-nav-done-bg,#4caf50)}.sw-theme-slider>.sw-nav>.sw-nav-scroll-btn{display:none}
|