nexa-ui-kit 0.11.6 → 0.11.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.
- package/dist/components/NAlert.js +2 -14
- package/dist/components/NAlert.nexa +3 -14
- package/dist/components/NAutocomplete.js +1 -1
- package/dist/components/NAutocomplete.nexa +2 -1
- package/dist/components/NAvatar.js +0 -5
- package/dist/components/NAvatar.nexa +1 -5
- package/dist/components/NBadge.js +0 -6
- package/dist/components/NBadge.nexa +1 -6
- package/dist/components/NBottomSheet.js +0 -5
- package/dist/components/NBottomSheet.nexa +1 -5
- package/dist/components/NButton.js +219 -296
- package/dist/components/NButton.nexa +241 -320
- package/dist/components/NCard.js +39 -82
- package/dist/components/NCard.nexa +27 -71
- package/dist/components/NCheckbox.js +74 -63
- package/dist/components/NCheckbox.nexa +64 -44
- package/dist/components/NChips.nexa +1 -0
- package/dist/components/NDataTable.js +300 -356
- package/dist/components/NDataTable.nexa +265 -320
- package/dist/components/NDatepicker.js +4 -25
- package/dist/components/NDatepicker.nexa +5 -25
- package/dist/components/NForm.nexa +1 -0
- package/dist/components/NFormField.js +0 -5
- package/dist/components/NFormField.nexa +1 -5
- package/dist/components/NImage.js +1 -6
- package/dist/components/NImage.nexa +2 -6
- package/dist/components/NInput.js +96 -263
- package/dist/components/NInput.nexa +89 -259
- package/dist/components/NInputNumber.nexa +1 -1
- package/dist/components/NModal.js +1 -118
- package/dist/components/NModal.nexa +2 -119
- package/dist/components/NMultiSelect.js +1 -1
- package/dist/components/NMultiSelect.nexa +2 -1
- package/dist/components/NPaginator.js +1 -11
- package/dist/components/NPaginator.nexa +2 -11
- package/dist/components/NPassword.nexa +1 -0
- package/dist/components/NProgressBar.js +0 -11
- package/dist/components/NProgressBar.nexa +1 -11
- package/dist/components/NRadio.js +1 -8
- package/dist/components/NRadio.nexa +2 -8
- package/dist/components/NScrollView.js +0 -6
- package/dist/components/NScrollView.nexa +1 -6
- package/dist/components/NSelect.js +7 -35
- package/dist/components/NSelect.nexa +8 -35
- package/dist/components/NSkeleton.js +3 -9
- package/dist/components/NSkeleton.nexa +4 -9
- package/dist/components/NSwitch.js +0 -6
- package/dist/components/NSwitch.nexa +1 -6
- package/dist/components/NTabs.js +0 -11
- package/dist/components/NTabs.nexa +1 -11
- package/dist/components/NTag.js +1 -11
- package/dist/components/NTag.nexa +2 -11
- package/dist/components/NToastContainer.js +3 -27
- package/dist/components/NToastContainer.nexa +4 -27
- package/dist/components/NTooltip.js +0 -13
- package/dist/components/NTooltip.nexa +1 -13
- package/dist/components/NTreeMenu.js +1 -21
- package/dist/components/NTreeMenu.nexa +2 -21
- package/dist/components/NVirtualList.js +0 -2
- package/dist/components/NVirtualList.nexa +1 -2
- package/dist/styles/tokens.css +82 -173
- package/package.json +5 -5
- package/src/components/NAlert.nexa +3 -14
- package/src/components/NAutocomplete.nexa +2 -1
- package/src/components/NAvatar.nexa +1 -5
- package/src/components/NBadge.nexa +1 -6
- package/src/components/NBottomSheet.nexa +1 -5
- package/src/components/NButton.nexa +241 -320
- package/src/components/NCard.nexa +27 -71
- package/src/components/NCheckbox.nexa +64 -44
- package/src/components/NChips.nexa +1 -0
- package/src/components/NDataTable.nexa +265 -320
- package/src/components/NDatepicker.nexa +5 -25
- package/src/components/NForm.nexa +1 -0
- package/src/components/NFormField.nexa +1 -5
- package/src/components/NImage.nexa +2 -6
- package/src/components/NInput.nexa +89 -259
- package/src/components/NInputNumber.nexa +1 -1
- package/src/components/NModal.nexa +2 -119
- package/src/components/NMultiSelect.nexa +2 -1
- package/src/components/NPaginator.nexa +2 -11
- package/src/components/NPassword.nexa +1 -0
- package/src/components/NProgressBar.nexa +1 -11
- package/src/components/NRadio.nexa +2 -8
- package/src/components/NScrollView.nexa +1 -6
- package/src/components/NSelect.nexa +8 -35
- package/src/components/NSkeleton.nexa +4 -9
- package/src/components/NSwitch.nexa +1 -6
- package/src/components/NTabs.nexa +1 -11
- package/src/components/NTag.nexa +2 -11
- package/src/components/NToastContainer.nexa +4 -27
- package/src/components/NTooltip.nexa +1 -13
- package/src/components/NTreeMenu.nexa +2 -21
- package/src/components/NVirtualList.nexa +1 -2
- package/src/styles/tokens.css +82 -173
|
@@ -85,43 +85,36 @@ const __style = `.n-alert[data-v-291d86b1]{
|
|
|
85
85
|
font-size: var(--n-text-sm);
|
|
86
86
|
line-height: var(--n-leading-normal);
|
|
87
87
|
animation: n-alert-in 0.3s cubic-bezier(0.16, 1, 0.3, 1);
|
|
88
|
-
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
|
|
89
88
|
backdrop-filter: blur(12px);
|
|
90
89
|
}
|
|
91
|
-
|
|
92
90
|
@keyframes n-alert-in {
|
|
93
|
-
from[data-v-291d86b1]{ opacity: 0;
|
|
94
|
-
to[data-v-291d86b1]{ opacity: 1;
|
|
91
|
+
from[data-v-291d86b1]{ opacity: 0; }
|
|
92
|
+
to[data-v-291d86b1]{ opacity: 1; }
|
|
95
93
|
}
|
|
96
|
-
|
|
97
94
|
.is-info[data-v-291d86b1]{
|
|
98
95
|
background: var(--n-color-primary-light);
|
|
99
96
|
border-color: var(--n-color-primary-border);
|
|
100
97
|
border-left-color: var(--n-color-primary);
|
|
101
98
|
color: var(--n-color-primary);
|
|
102
99
|
}
|
|
103
|
-
|
|
104
100
|
.is-success[data-v-291d86b1]{
|
|
105
101
|
background: var(--n-color-success-light);
|
|
106
102
|
border-color: var(--n-color-success-border);
|
|
107
103
|
border-left-color: var(--n-color-success);
|
|
108
104
|
color: var(--n-color-success);
|
|
109
105
|
}
|
|
110
|
-
|
|
111
106
|
.is-warning[data-v-291d86b1]{
|
|
112
107
|
background: var(--n-color-warning-light);
|
|
113
108
|
border-color: var(--n-color-warning-border);
|
|
114
109
|
border-left-color: var(--n-color-warning);
|
|
115
110
|
color: var(--n-color-warning);
|
|
116
111
|
}
|
|
117
|
-
|
|
118
112
|
.is-error[data-v-291d86b1]{
|
|
119
113
|
background: var(--n-color-danger-light);
|
|
120
114
|
border-color: var(--n-color-danger-border);
|
|
121
115
|
border-left-color: var(--n-color-danger);
|
|
122
116
|
color: var(--n-color-danger);
|
|
123
117
|
}
|
|
124
|
-
|
|
125
118
|
.n-alert-icon[data-v-291d86b1]{
|
|
126
119
|
font-size: var(--n-text-base);
|
|
127
120
|
font-weight: var(--n-weight-bold);
|
|
@@ -134,7 +127,6 @@ to[data-v-291d86b1]{ opacity: 1; transform: translateY(0); }
|
|
|
134
127
|
height: 20px;
|
|
135
128
|
margin-top: 2px;
|
|
136
129
|
}
|
|
137
|
-
|
|
138
130
|
.n-alert-body{
|
|
139
131
|
flex: 1;
|
|
140
132
|
display: flex;
|
|
@@ -142,16 +134,13 @@ to[data-v-291d86b1]{ opacity: 1; transform: translateY(0); }
|
|
|
142
134
|
gap: var(--n-space-1);
|
|
143
135
|
color: var(--n-color-text);
|
|
144
136
|
}
|
|
145
|
-
|
|
146
137
|
.n-alert-title[data-v-291d86b1]{
|
|
147
138
|
font-weight: var(--n-weight-semibold);
|
|
148
139
|
font-size: var(--n-text-sm);
|
|
149
140
|
}
|
|
150
|
-
|
|
151
141
|
.n-alert-text[data-v-291d86b1]{
|
|
152
142
|
color: var(--n-color-text-secondary);
|
|
153
143
|
}
|
|
154
|
-
|
|
155
144
|
.n-alert-close[data-v-291d86b1]{
|
|
156
145
|
background: transparent;
|
|
157
146
|
border: none;
|
|
@@ -163,7 +152,6 @@ to[data-v-291d86b1]{ opacity: 1; transform: translateY(0); }
|
|
|
163
152
|
flex-shrink: 0;
|
|
164
153
|
transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
|
|
165
154
|
}
|
|
166
|
-
|
|
167
155
|
.n-alert-close[data-v-291d86b1]:hover{
|
|
168
156
|
color: var(--n-color-text);
|
|
169
157
|
}`
|
|
@@ -51,43 +51,36 @@ const icons = { success: '✓', error: '✕', warning: '⚡', info: 'ℹ' }
|
|
|
51
51
|
font-size: var(--n-text-sm);
|
|
52
52
|
line-height: var(--n-leading-normal);
|
|
53
53
|
animation: n-alert-in 0.3s cubic-bezier(0.16, 1, 0.3, 1);
|
|
54
|
-
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
|
|
55
54
|
backdrop-filter: blur(12px);
|
|
56
55
|
}
|
|
57
|
-
|
|
58
56
|
@keyframes n-alert-in {
|
|
59
|
-
from { opacity: 0;
|
|
60
|
-
to { opacity: 1;
|
|
57
|
+
from { opacity: 0; }
|
|
58
|
+
to { opacity: 1; }
|
|
61
59
|
}
|
|
62
|
-
|
|
63
60
|
.is-info {
|
|
64
61
|
background: var(--n-color-primary-light);
|
|
65
62
|
border-color: var(--n-color-primary-border);
|
|
66
63
|
border-left-color: var(--n-color-primary);
|
|
67
64
|
color: var(--n-color-primary);
|
|
68
65
|
}
|
|
69
|
-
|
|
70
66
|
.is-success {
|
|
71
67
|
background: var(--n-color-success-light);
|
|
72
68
|
border-color: var(--n-color-success-border);
|
|
73
69
|
border-left-color: var(--n-color-success);
|
|
74
70
|
color: var(--n-color-success);
|
|
75
71
|
}
|
|
76
|
-
|
|
77
72
|
.is-warning {
|
|
78
73
|
background: var(--n-color-warning-light);
|
|
79
74
|
border-color: var(--n-color-warning-border);
|
|
80
75
|
border-left-color: var(--n-color-warning);
|
|
81
76
|
color: var(--n-color-warning);
|
|
82
77
|
}
|
|
83
|
-
|
|
84
78
|
.is-error {
|
|
85
79
|
background: var(--n-color-danger-light);
|
|
86
80
|
border-color: var(--n-color-danger-border);
|
|
87
81
|
border-left-color: var(--n-color-danger);
|
|
88
82
|
color: var(--n-color-danger);
|
|
89
83
|
}
|
|
90
|
-
|
|
91
84
|
.n-alert-icon {
|
|
92
85
|
font-size: var(--n-text-base);
|
|
93
86
|
font-weight: var(--n-weight-bold);
|
|
@@ -100,7 +93,6 @@ const icons = { success: '✓', error: '✕', warning: '⚡', info: 'ℹ' }
|
|
|
100
93
|
height: 20px;
|
|
101
94
|
margin-top: 2px;
|
|
102
95
|
}
|
|
103
|
-
|
|
104
96
|
.n-alert-body {
|
|
105
97
|
flex: 1;
|
|
106
98
|
display: flex;
|
|
@@ -108,16 +100,13 @@ const icons = { success: '✓', error: '✕', warning: '⚡', info: 'ℹ' }
|
|
|
108
100
|
gap: var(--n-space-1);
|
|
109
101
|
color: var(--n-color-text);
|
|
110
102
|
}
|
|
111
|
-
|
|
112
103
|
.n-alert-title {
|
|
113
104
|
font-weight: var(--n-weight-semibold);
|
|
114
105
|
font-size: var(--n-text-sm);
|
|
115
106
|
}
|
|
116
|
-
|
|
117
107
|
.n-alert-text {
|
|
118
108
|
color: var(--n-color-text-secondary);
|
|
119
109
|
}
|
|
120
|
-
|
|
121
110
|
.n-alert-close {
|
|
122
111
|
background: transparent;
|
|
123
112
|
border: none;
|
|
@@ -129,8 +118,8 @@ const icons = { success: '✓', error: '✕', warning: '⚡', info: 'ℹ' }
|
|
|
129
118
|
flex-shrink: 0;
|
|
130
119
|
transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
|
|
131
120
|
}
|
|
132
|
-
|
|
133
121
|
.n-alert-close:hover {
|
|
134
122
|
color: var(--n-color-text);
|
|
135
123
|
}
|
|
124
|
+
|
|
136
125
|
</style>
|
|
@@ -95,5 +95,5 @@ _sfc_main.__hmrId = 'NAutocomplete_nexa'
|
|
|
95
95
|
|
|
96
96
|
export default _sfc_main
|
|
97
97
|
|
|
98
|
-
const __style = `.n-ac[data-v-24d51847]{display:flex;flex-direction:column;gap:var(--n-space-2);width:100%;font-family:var(--n-font-sans)}.n-ac-label{display:block;font-size:var(--n-text-sm);font-weight:var(--n-weight-medium);color:var(--n-color-text-secondary);margin-bottom:var(--n-space-2)}.n-ac-input-wrap{position:relative;display:flex;align-items:center;background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);transition:all var(--n-transition-fast)}.n-ac-input-wrap:focus-within{border-color:var(--n-color-primary);box-shadow:0 0 0 3px var(--n-color-primary-light)}.n-ac-input{width:100%;background:transparent;border:none;outline:none;padding:0.75rem 2.75rem 0.75rem 1rem;color:var(--n-color-text);font-size:var(--n-text-base);font-family:inherit}.n-ac-input::placeholder{color:var(--n-color-text-muted)}.n-ac-actions{position:absolute;right:0.5rem;display:flex;align-items:center;gap:0.15rem}.n-ac-action{background:transparent;border:none;color:var(--n-color-text-muted);cursor:pointer;padding:0.25rem;border-radius:var(--n-radius-sm);transition:all var(--n-transition-fast);line-height:1;display:flex;align-items:center}.n-ac-action:hover:not(:disabled){color:var(--n-color-text);background:var(--n-color-glass)}.n-ac-action:disabled{opacity:0.5;cursor:not-allowed}.n-ac-input-wrap.is-disabled{opacity:0.5;cursor:not-allowed;background:var(--n-color-surface-alt)}.n-ac-popup{background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);box-shadow:var(--n-shadow-lg);overflow:hidden;animation:n-ac-in .2s ease-out}.n-ac-popup.is-top{animation:n-ac-in-top .2s ease-out}@keyframes n-ac-in{from{opacity:0;
|
|
98
|
+
const __style = `.n-ac[data-v-24d51847]{display:flex;flex-direction:column;gap:var(--n-space-2);width:100%;font-family:var(--n-font-sans)}.n-ac-label{display:block;font-size:var(--n-text-sm);font-weight:var(--n-weight-medium);color:var(--n-color-text-secondary);margin-bottom:var(--n-space-2)}.n-ac-input-wrap{position:relative;display:flex;align-items:center;background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);transition:all var(--n-transition-fast)}.n-ac-input-wrap:focus-within{border-color:var(--n-color-primary);box-shadow:0 0 0 3px var(--n-color-primary-light)}.n-ac-input{width:100%;background:transparent;border:none;outline:none;padding:0.75rem 2.75rem 0.75rem 1rem;color:var(--n-color-text);font-size:var(--n-text-base);font-family:inherit}.n-ac-input::placeholder{color:var(--n-color-text-muted)}.n-ac-actions{position:absolute;right:0.5rem;display:flex;align-items:center;gap:0.15rem}.n-ac-action{background:transparent;border:none;color:var(--n-color-text-muted);cursor:pointer;padding:0.25rem;border-radius:var(--n-radius-sm);transition:all var(--n-transition-fast);line-height:1;display:flex;align-items:center}.n-ac-action:hover:not(:disabled){color:var(--n-color-text);background:var(--n-color-glass)}.n-ac-action:disabled{opacity:0.5;cursor:not-allowed}.n-ac-input-wrap.is-disabled{opacity:0.5;cursor:not-allowed;background:var(--n-color-surface-alt)}.n-ac-popup{background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);box-shadow:var(--n-shadow-lg);overflow:hidden;animation:n-ac-in .2s ease-out}.n-ac-popup.is-top{animation:n-ac-in-top .2s ease-out}@keyframes n-ac-in{from{opacity:0;}to{opacity:1;}}@keyframes n-ac-in-top{from{opacity:0;}to{opacity:1;}}.n-ac-loading{padding:var(--n-space-3) var(--n-space-4);color:var(--n-color-text-muted);font-size:var(--n-text-sm)}.n-ac-list{max-height:260px;overflow:auto;display:flex;flex-direction:column}.n-ac-option{text-align:left;padding:0.7rem 1rem;color:var(--n-color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--n-transition-fast)}.n-ac-option:hover,.n-ac-option.is-focused{background:var(--n-color-glass);color:var(--n-color-text)}.n-ac-empty{padding:var(--n-space-4);color:var(--n-color-text-muted);text-align:center;font-size:var(--n-text-sm)}`
|
|
99
99
|
injectStyle('data-v-24d51847', __style)
|
|
@@ -54,5 +54,6 @@ onBeforeUnmount(() => { clearTimeout(completeTimer); close() })
|
|
|
54
54
|
</template>
|
|
55
55
|
|
|
56
56
|
<style scoped>
|
|
57
|
-
.n-ac{display:flex;flex-direction:column;gap:var(--n-space-2);width:100%;font-family:var(--n-font-sans)}.n-ac-label{display:block;font-size:var(--n-text-sm);font-weight:var(--n-weight-medium);color:var(--n-color-text-secondary);margin-bottom:var(--n-space-2)}.n-ac-input-wrap{position:relative;display:flex;align-items:center;background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);transition:all var(--n-transition-fast)}.n-ac-input-wrap:focus-within{border-color:var(--n-color-primary);box-shadow:0 0 0 3px var(--n-color-primary-light)}.n-ac-input{width:100%;background:transparent;border:none;outline:none;padding:0.75rem 2.75rem 0.75rem 1rem;color:var(--n-color-text);font-size:var(--n-text-base);font-family:inherit}.n-ac-input::placeholder{color:var(--n-color-text-muted)}.n-ac-actions{position:absolute;right:0.5rem;display:flex;align-items:center;gap:0.15rem}.n-ac-action{background:transparent;border:none;color:var(--n-color-text-muted);cursor:pointer;padding:0.25rem;border-radius:var(--n-radius-sm);transition:all var(--n-transition-fast);line-height:1;display:flex;align-items:center}.n-ac-action:hover:not(:disabled){color:var(--n-color-text);background:var(--n-color-glass)}.n-ac-action:disabled{opacity:0.5;cursor:not-allowed}.n-ac-input-wrap.is-disabled{opacity:0.5;cursor:not-allowed;background:var(--n-color-surface-alt)}.n-ac-popup{background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);box-shadow:var(--n-shadow-lg);overflow:hidden;animation:n-ac-in .2s ease-out}.n-ac-popup.is-top{animation:n-ac-in-top .2s ease-out}@keyframes n-ac-in{from{opacity:0;
|
|
57
|
+
.n-ac{display:flex;flex-direction:column;gap:var(--n-space-2);width:100%;font-family:var(--n-font-sans)}.n-ac-label{display:block;font-size:var(--n-text-sm);font-weight:var(--n-weight-medium);color:var(--n-color-text-secondary);margin-bottom:var(--n-space-2)}.n-ac-input-wrap{position:relative;display:flex;align-items:center;background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);transition:all var(--n-transition-fast)}.n-ac-input-wrap:focus-within{border-color:var(--n-color-primary);box-shadow:0 0 0 3px var(--n-color-primary-light)}.n-ac-input{width:100%;background:transparent;border:none;outline:none;padding:0.75rem 2.75rem 0.75rem 1rem;color:var(--n-color-text);font-size:var(--n-text-base);font-family:inherit}.n-ac-input::placeholder{color:var(--n-color-text-muted)}.n-ac-actions{position:absolute;right:0.5rem;display:flex;align-items:center;gap:0.15rem}.n-ac-action{background:transparent;border:none;color:var(--n-color-text-muted);cursor:pointer;padding:0.25rem;border-radius:var(--n-radius-sm);transition:all var(--n-transition-fast);line-height:1;display:flex;align-items:center}.n-ac-action:hover:not(:disabled){color:var(--n-color-text);background:var(--n-color-glass)}.n-ac-action:disabled{opacity:0.5;cursor:not-allowed}.n-ac-input-wrap.is-disabled{opacity:0.5;cursor:not-allowed;background:var(--n-color-surface-alt)}.n-ac-popup{background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-radius-md);box-shadow:var(--n-shadow-lg);overflow:hidden;animation:n-ac-in .2s ease-out}.n-ac-popup.is-top{animation:n-ac-in-top .2s ease-out}@keyframes n-ac-in{from{opacity:0;}to{opacity:1;}}@keyframes n-ac-in-top{from{opacity:0;}to{opacity:1;}}.n-ac-loading{padding:var(--n-space-3) var(--n-space-4);color:var(--n-color-text-muted);font-size:var(--n-text-sm)}.n-ac-list{max-height:260px;overflow:auto;display:flex;flex-direction:column}.n-ac-option{text-align:left;padding:0.7rem 1rem;color:var(--n-color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--n-transition-fast)}.n-ac-option:hover,.n-ac-option.is-focused{background:var(--n-color-glass);color:var(--n-color-text)}.n-ac-empty{padding:var(--n-space-4);color:var(--n-color-text-muted);text-align:center;font-size:var(--n-text-sm)}
|
|
58
|
+
|
|
58
59
|
</style>
|
|
@@ -52,24 +52,19 @@ const __style = `.n-avatar[data-v-147134]{
|
|
|
52
52
|
user-select: none;
|
|
53
53
|
transition: all var(--n-transition-fast);
|
|
54
54
|
border: 1px solid var(--n-color-border);
|
|
55
|
-
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
|
|
56
55
|
}
|
|
57
|
-
|
|
58
56
|
.is-sm[data-v-147134]{ width: 32px; height: 32px; font-size: var(--n-text-xs); }
|
|
59
57
|
.is-md[data-v-147134]{ width: 40px; height: 40px; font-size: var(--n-text-sm); }
|
|
60
58
|
.is-lg[data-v-147134]{ width: 56px; height: 56px; font-size: var(--n-text-lg); }
|
|
61
59
|
.is-xl[data-v-147134]{ width: 72px; height: 72px; font-size: var(--n-text-2xl); }
|
|
62
|
-
|
|
63
60
|
.is-circle[data-v-147134]{ border-radius: var(--n-radius-full); }
|
|
64
61
|
.is-rounded[data-v-147134]{ border-radius: var(--n-radius-md); }
|
|
65
62
|
.is-square[data-v-147134]{ border-radius: 0; }
|
|
66
|
-
|
|
67
63
|
.is-primary[data-v-147134]{ background-color: var(--n-color-primary); color: white; }
|
|
68
64
|
.is-success[data-v-147134]{ background-color: var(--n-color-success); color: white; }
|
|
69
65
|
.is-danger[data-v-147134]{ background-color: var(--n-color-danger); color: white; }
|
|
70
66
|
.is-warning[data-v-147134]{ background-color: var(--n-color-warning); color: white; }
|
|
71
67
|
.is-info[data-v-147134]{ background-color: var(--n-color-info); color: white; }
|
|
72
|
-
|
|
73
68
|
.n-avatar-initials[data-v-147134]{
|
|
74
69
|
line-height: 1;
|
|
75
70
|
font-weight: var(--n-weight-bold);
|
|
@@ -44,26 +44,22 @@ const initials = computed(() => {
|
|
|
44
44
|
user-select: none;
|
|
45
45
|
transition: all var(--n-transition-fast);
|
|
46
46
|
border: 1px solid var(--n-color-border);
|
|
47
|
-
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
|
|
48
47
|
}
|
|
49
|
-
|
|
50
48
|
.is-sm { width: 32px; height: 32px; font-size: var(--n-text-xs); }
|
|
51
49
|
.is-md { width: 40px; height: 40px; font-size: var(--n-text-sm); }
|
|
52
50
|
.is-lg { width: 56px; height: 56px; font-size: var(--n-text-lg); }
|
|
53
51
|
.is-xl { width: 72px; height: 72px; font-size: var(--n-text-2xl); }
|
|
54
|
-
|
|
55
52
|
.is-circle { border-radius: var(--n-radius-full); }
|
|
56
53
|
.is-rounded { border-radius: var(--n-radius-md); }
|
|
57
54
|
.is-square { border-radius: 0; }
|
|
58
|
-
|
|
59
55
|
.is-primary { background-color: var(--n-color-primary); color: white; }
|
|
60
56
|
.is-success { background-color: var(--n-color-success); color: white; }
|
|
61
57
|
.is-danger { background-color: var(--n-color-danger); color: white; }
|
|
62
58
|
.is-warning { background-color: var(--n-color-warning); color: white; }
|
|
63
59
|
.is-info { background-color: var(--n-color-info); color: white; }
|
|
64
|
-
|
|
65
60
|
.n-avatar-initials {
|
|
66
61
|
line-height: 1;
|
|
67
62
|
font-weight: var(--n-weight-bold);
|
|
68
63
|
}
|
|
64
|
+
|
|
69
65
|
</style>
|
|
@@ -42,21 +42,16 @@ const __style = `.n-badge[data-v-ff3cf3e]{
|
|
|
42
42
|
text-transform: uppercase;
|
|
43
43
|
letter-spacing: 0.03em;
|
|
44
44
|
transition: all var(--n-transition-fast);
|
|
45
|
-
box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
|
|
46
45
|
}
|
|
47
|
-
|
|
48
46
|
.n-badge-primary[data-v-ff3cf3e]{ background: var(--n-color-primary); color: white; }
|
|
49
47
|
.n-badge-success[data-v-ff3cf3e]{ background: var(--n-color-success); color: white; }
|
|
50
48
|
.n-badge-danger[data-v-ff3cf3e]{ background: var(--n-color-danger); color: white; }
|
|
51
49
|
.n-badge-warning[data-v-ff3cf3e]{ background: var(--n-color-warning); color: white; }
|
|
52
50
|
.n-badge-info[data-v-ff3cf3e]{ background: var(--n-color-info); color: white; }
|
|
53
51
|
.n-badge-secondary[data-v-ff3cf3e]{ background: var(--n-color-surface-hover); color: var(--n-color-text); }
|
|
54
|
-
|
|
55
52
|
.n-badge-sm[data-v-ff3cf3e]{ padding: 0.15rem 0.4rem; font-size: 0.65rem; }
|
|
56
53
|
.n-badge-lg[data-v-ff3cf3e]{ padding: 0.4rem 0.8rem; font-size: var(--n-text-sm); }
|
|
57
|
-
|
|
58
54
|
.is-rounded[data-v-ff3cf3e]{ border-radius: var(--n-radius-full); }
|
|
59
|
-
|
|
60
55
|
.n-badge-dot[data-v-ff3cf3e]{
|
|
61
56
|
display: inline-block;
|
|
62
57
|
width: 8px;
|
|
@@ -65,7 +60,6 @@ const __style = `.n-badge[data-v-ff3cf3e]{
|
|
|
65
60
|
vertical-align: middle;
|
|
66
61
|
flex-shrink: 0;
|
|
67
62
|
}
|
|
68
|
-
|
|
69
63
|
.n-badge-dot.is-primary[data-v-ff3cf3e]{ background: var(--n-color-primary); }
|
|
70
64
|
.n-badge-dot.is-success[data-v-ff3cf3e]{ background: var(--n-color-success); }
|
|
71
65
|
.n-badge-dot.is-danger[data-v-ff3cf3e]{ background: var(--n-color-danger); }
|
|
@@ -29,21 +29,16 @@ const props = defineProps({
|
|
|
29
29
|
text-transform: uppercase;
|
|
30
30
|
letter-spacing: 0.03em;
|
|
31
31
|
transition: all var(--n-transition-fast);
|
|
32
|
-
box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
|
|
33
32
|
}
|
|
34
|
-
|
|
35
33
|
.n-badge-primary { background: var(--n-color-primary); color: white; }
|
|
36
34
|
.n-badge-success { background: var(--n-color-success); color: white; }
|
|
37
35
|
.n-badge-danger { background: var(--n-color-danger); color: white; }
|
|
38
36
|
.n-badge-warning { background: var(--n-color-warning); color: white; }
|
|
39
37
|
.n-badge-info { background: var(--n-color-info); color: white; }
|
|
40
38
|
.n-badge-secondary { background: var(--n-color-surface-hover); color: var(--n-color-text); }
|
|
41
|
-
|
|
42
39
|
.n-badge-sm { padding: 0.15rem 0.4rem; font-size: 0.65rem; }
|
|
43
40
|
.n-badge-lg { padding: 0.4rem 0.8rem; font-size: var(--n-text-sm); }
|
|
44
|
-
|
|
45
41
|
.is-rounded { border-radius: var(--n-radius-full); }
|
|
46
|
-
|
|
47
42
|
.n-badge-dot {
|
|
48
43
|
display: inline-block;
|
|
49
44
|
width: 8px;
|
|
@@ -52,11 +47,11 @@ const props = defineProps({
|
|
|
52
47
|
vertical-align: middle;
|
|
53
48
|
flex-shrink: 0;
|
|
54
49
|
}
|
|
55
|
-
|
|
56
50
|
.n-badge-dot.is-primary { background: var(--n-color-primary); }
|
|
57
51
|
.n-badge-dot.is-success { background: var(--n-color-success); }
|
|
58
52
|
.n-badge-dot.is-danger { background: var(--n-color-danger); }
|
|
59
53
|
.n-badge-dot.is-warning { background: var(--n-color-warning); }
|
|
60
54
|
.n-badge-dot.is-info { background: var(--n-color-info); }
|
|
61
55
|
.n-badge-dot.is-secondary { background: var(--n-color-text-muted); }
|
|
56
|
+
|
|
62
57
|
</style>
|
|
@@ -102,11 +102,9 @@ const __style = `.n-bottom-sheet-root[data-v-2489c54f]{
|
|
|
102
102
|
display: flex;
|
|
103
103
|
align-items: flex-end;
|
|
104
104
|
}
|
|
105
|
-
|
|
106
105
|
.n-bottom-sheet-root.is-active[data-v-2489c54f]{
|
|
107
106
|
pointer-events: auto;
|
|
108
107
|
}
|
|
109
|
-
|
|
110
108
|
.n-bottom-sheet-overlay[data-v-2489c54f]{
|
|
111
109
|
position: absolute;
|
|
112
110
|
top: 0;
|
|
@@ -117,7 +115,6 @@ const __style = `.n-bottom-sheet-root[data-v-2489c54f]{
|
|
|
117
115
|
backdrop-filter: blur(8px);
|
|
118
116
|
transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);
|
|
119
117
|
}
|
|
120
|
-
|
|
121
118
|
.n-bottom-sheet-container[data-v-2489c54f]{
|
|
122
119
|
position: relative;
|
|
123
120
|
width: 100%;
|
|
@@ -132,7 +129,6 @@ const __style = `.n-bottom-sheet-root[data-v-2489c54f]{
|
|
|
132
129
|
flex-direction: column;
|
|
133
130
|
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
134
131
|
}
|
|
135
|
-
|
|
136
132
|
.n-bottom-sheet-handle[data-v-2489c54f]{
|
|
137
133
|
width: 48px;
|
|
138
134
|
height: 5px;
|
|
@@ -142,7 +138,6 @@ const __style = `.n-bottom-sheet-root[data-v-2489c54f]{
|
|
|
142
138
|
flex-shrink: 0;
|
|
143
139
|
opacity: 0.3;
|
|
144
140
|
}
|
|
145
|
-
|
|
146
141
|
.n-bottom-sheet-inner[data-v-2489c54f]{
|
|
147
142
|
padding: var(--n-space-4) var(--n-space-8) var(--n-space-8);
|
|
148
143
|
overflow-y: auto;
|
|
@@ -98,11 +98,9 @@ const overlayOpacity = computed(() => {
|
|
|
98
98
|
display: flex;
|
|
99
99
|
align-items: flex-end;
|
|
100
100
|
}
|
|
101
|
-
|
|
102
101
|
.n-bottom-sheet-root.is-active {
|
|
103
102
|
pointer-events: auto;
|
|
104
103
|
}
|
|
105
|
-
|
|
106
104
|
.n-bottom-sheet-overlay {
|
|
107
105
|
position: absolute;
|
|
108
106
|
top: 0;
|
|
@@ -113,7 +111,6 @@ const overlayOpacity = computed(() => {
|
|
|
113
111
|
backdrop-filter: blur(8px);
|
|
114
112
|
transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);
|
|
115
113
|
}
|
|
116
|
-
|
|
117
114
|
.n-bottom-sheet-container {
|
|
118
115
|
position: relative;
|
|
119
116
|
width: 100%;
|
|
@@ -128,7 +125,6 @@ const overlayOpacity = computed(() => {
|
|
|
128
125
|
flex-direction: column;
|
|
129
126
|
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
130
127
|
}
|
|
131
|
-
|
|
132
128
|
.n-bottom-sheet-handle {
|
|
133
129
|
width: 48px;
|
|
134
130
|
height: 5px;
|
|
@@ -138,10 +134,10 @@ const overlayOpacity = computed(() => {
|
|
|
138
134
|
flex-shrink: 0;
|
|
139
135
|
opacity: 0.3;
|
|
140
136
|
}
|
|
141
|
-
|
|
142
137
|
.n-bottom-sheet-inner {
|
|
143
138
|
padding: var(--n-space-4) var(--n-space-8) var(--n-space-8);
|
|
144
139
|
overflow-y: auto;
|
|
145
140
|
flex: 1;
|
|
146
141
|
}
|
|
142
|
+
|
|
147
143
|
</style>
|