@dofe/sso-ui 0.1.5 → 0.1.6
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/collapsible.d.ts.map +1 -1
- package/dist/components/collapsible.js +2 -2
- package/dist/components/collapsible.js.map +1 -1
- package/dist/components/gauge.d.ts.map +1 -1
- package/dist/components/gauge.js.map +1 -1
- package/dist/components/radio-group.d.ts.map +1 -1
- package/dist/components/radio-group.js +1 -1
- package/dist/components/radio-group.js.map +1 -1
- package/package.json +1 -1
- package/src/styles/globals.css +188 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../src/components/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,iBAAS,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../src/components/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExF;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE3D;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -5,10 +5,10 @@ function Collapsible({ ...props }) {
|
|
|
5
5
|
return _jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
|
|
6
6
|
}
|
|
7
7
|
function CollapsibleTrigger({ ...props }) {
|
|
8
|
-
return
|
|
8
|
+
return _jsx(CollapsiblePrimitive.Trigger, { "data-slot": "collapsible-trigger", ...props });
|
|
9
9
|
}
|
|
10
10
|
function CollapsibleContent({ ...props }) {
|
|
11
|
-
return
|
|
11
|
+
return _jsx(CollapsiblePrimitive.Content, { "data-slot": "collapsible-content", ...props });
|
|
12
12
|
}
|
|
13
13
|
export { Collapsible, CollapsibleTrigger, CollapsibleContent };
|
|
14
14
|
//# sourceMappingURL=collapsible.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../src/components/collapsible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,SAAS,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../src/components/collapsible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,SAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAA0D;IACvF,OAAO,KAAC,oBAAoB,CAAC,IAAI,iBAAW,aAAa,KAAK,KAAK,GAAI,CAAC;AAC1E,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACkD;IAC1D,OAAO,KAAC,oBAAoB,CAAC,OAAO,iBAAW,qBAAqB,KAAK,KAAK,GAAI,CAAC;AACrF,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACkD;IAC1D,OAAO,KAAC,oBAAoB,CAAC,OAAO,iBAAW,qBAAqB,KAAK,KAAK,GAAI,CAAC;AACrF,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gauge.d.ts","sourceRoot":"","sources":["../../src/components/gauge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,QAAA,MAAM,aAAa;;8EAWjB,CAAC;AAeH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"gauge.d.ts","sourceRoot":"","sources":["../../src/components/gauge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,QAAA,MAAM,aAAa;;8EAWjB,CAAC;AAeH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE;QACX,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,QAAA,MAAM,KAAK,mFAqFV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gauge.js","sourceRoot":"","sources":["../../src/components/gauge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,MAAM,aAAa,GAAG,GAAG,CAAC,qCAAqC,EAAE;IAC/D,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,MAAM;SACX;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,GAAG,CAAC,2BAA2B,EAAE;IACzD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,aAAa;SAClB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"gauge.js","sourceRoot":"","sources":["../../src/components/gauge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAKnE,QAAA,MAAM,UAAU,+
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAKnE,QAAA,MAAM,UAAU,+JAKd,CAAC;AAGH,QAAA,MAAM,cAAc,yKAkBlB,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -5,7 +5,7 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
|
5
5
|
import { Circle } from 'lucide-react';
|
|
6
6
|
import { cn } from '../lib/utils';
|
|
7
7
|
const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
|
|
8
|
-
return
|
|
8
|
+
return _jsx(RadioGroupPrimitive.Root, { className: cn('grid gap-2', className), ...props, ref: ref });
|
|
9
9
|
});
|
|
10
10
|
RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
|
|
11
11
|
const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,
|
|
1
|
+
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,KAAC,mBAAmB,CAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACnG,CAAC,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE9D,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,KAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0OAA0O,EAC1O,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,SAAS,IAAC,SAAS,EAAC,kCAAkC,YACzE,KAAC,MAAM,IAAC,SAAS,EAAC,uCAAuC,GAAG,GAC9B,GACP,CAC5B,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
|
package/package.json
CHANGED
package/src/styles/globals.css
CHANGED
|
@@ -132,3 +132,191 @@
|
|
|
132
132
|
@apply bg-background text-foreground;
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
|
+
|
|
136
|
+
/* ============================================
|
|
137
|
+
Dialog Component Styles
|
|
138
|
+
Unified design for all dialogs across apps
|
|
139
|
+
============================================ */
|
|
140
|
+
|
|
141
|
+
/* Dialog Overlay - Soft backdrop with subtle blur */
|
|
142
|
+
[data-slot="dialog-overlay"] {
|
|
143
|
+
background-color: oklch(0.141 0.005 285.823 / 0.6) !important;
|
|
144
|
+
backdrop-filter: blur(4px);
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.dark [data-slot="dialog-overlay"] {
|
|
148
|
+
background-color: oklch(0.1 0 0 / 0.7) !important;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
/* Dialog Content - Soft, elegant styling */
|
|
152
|
+
[data-slot="dialog-content"] {
|
|
153
|
+
/* Soft background with slight warmth */
|
|
154
|
+
background-color: oklch(0.985 0.005 285.823) !important;
|
|
155
|
+
|
|
156
|
+
/* Subtle rounded border */
|
|
157
|
+
border: 1px solid oklch(0.85 0.01 162 / 0.6) !important;
|
|
158
|
+
border-radius: 14px !important;
|
|
159
|
+
|
|
160
|
+
/* Soft layered shadow for depth */
|
|
161
|
+
box-shadow:
|
|
162
|
+
0 20px 25px -5px oklch(0.141 0.005 285.823 / 0.08),
|
|
163
|
+
0 8px 10px -6px oklch(0.141 0.005 285.823 / 0.04),
|
|
164
|
+
0 0 0 1px oklch(0.85 0.01 162 / 0.4) !important;
|
|
165
|
+
|
|
166
|
+
/* Ensure proper centering */
|
|
167
|
+
position: fixed !important;
|
|
168
|
+
top: 50% !important;
|
|
169
|
+
left: 50% !important;
|
|
170
|
+
transform: translate(-50%, -50%) !important;
|
|
171
|
+
z-index: 50 !important;
|
|
172
|
+
|
|
173
|
+
/* Soft padding */
|
|
174
|
+
padding: 1.5rem !important;
|
|
175
|
+
|
|
176
|
+
/* Smooth enter animation */
|
|
177
|
+
animation: dialog-soft-enter 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.dark [data-slot="dialog-content"] {
|
|
181
|
+
background-color: oklch(0.22 0.008 285.885) !important;
|
|
182
|
+
border: 1px solid oklch(0.35 0.025 165 / 0.5) !important;
|
|
183
|
+
box-shadow:
|
|
184
|
+
0 20px 25px -5px oklch(0 0 0 / 0.25),
|
|
185
|
+
0 8px 10px -6px oklch(0 0 0 / 0.15),
|
|
186
|
+
0 0 0 1px oklch(0.35 0.025 165 / 0.3) !important;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
/* Dialog Header */
|
|
190
|
+
[data-slot="dialog-header"] {
|
|
191
|
+
padding-bottom: 1rem;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
[data-slot="dialog-title"] {
|
|
195
|
+
color: oklch(0.2 0.02 165) !important;
|
|
196
|
+
font-weight: 600 !important;
|
|
197
|
+
font-size: 1.125rem !important;
|
|
198
|
+
letter-spacing: -0.01em !important;
|
|
199
|
+
margin-bottom: 0.5rem !important;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
.dark [data-slot="dialog-title"] {
|
|
203
|
+
color: oklch(0.95 0 0) !important;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
[data-slot="dialog-description"] {
|
|
207
|
+
color: oklch(0.5 0.03 165) !important;
|
|
208
|
+
line-height: 1.6 !important;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
.dark [data-slot="dialog-description"] {
|
|
212
|
+
color: oklch(0.65 0.03 165) !important;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
/* Dialog Footer */
|
|
216
|
+
[data-slot="dialog-footer"] {
|
|
217
|
+
padding-top: 1rem;
|
|
218
|
+
gap: 0.75rem;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
/* Dialog Close Button */
|
|
222
|
+
[data-slot="dialog-content"] button.absolute[class*="top-"][class*="right-"] {
|
|
223
|
+
top: 1rem !important;
|
|
224
|
+
right: 1.25rem !important;
|
|
225
|
+
opacity: 0.4;
|
|
226
|
+
transition: opacity 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
|
|
227
|
+
border-radius: 6px !important;
|
|
228
|
+
padding: 0.375rem !important;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
[data-slot="dialog-content"] button.absolute[class*="top-"][class*="right-"]:hover {
|
|
232
|
+
opacity: 1;
|
|
233
|
+
transform: scale(1.1);
|
|
234
|
+
background-color: oklch(0.92 0.01 162);
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
.dark [data-slot="dialog-content"] button.absolute:hover {
|
|
238
|
+
background-color: oklch(0.35 0.02 165);
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
/* Soft Dialog Animation */
|
|
242
|
+
@keyframes dialog-soft-enter {
|
|
243
|
+
from {
|
|
244
|
+
opacity: 0;
|
|
245
|
+
transform: translate(-50%, -50%) scale(0.92);
|
|
246
|
+
filter: blur(2px);
|
|
247
|
+
}
|
|
248
|
+
to {
|
|
249
|
+
opacity: 1;
|
|
250
|
+
transform: translate(-50%, -50%) scale(1);
|
|
251
|
+
filter: blur(0);
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
/* ============================================
|
|
256
|
+
Dialog Variants
|
|
257
|
+
============================================ */
|
|
258
|
+
|
|
259
|
+
/* Delete/Confirm Dialog */
|
|
260
|
+
.dialog-destructive [data-slot="dialog-content"],
|
|
261
|
+
.dialog-confirm [data-slot="dialog-content"] {
|
|
262
|
+
border: 1px solid oklch(0.7 0.15 25 / 0.3) !important;
|
|
263
|
+
border-top: 3px solid oklch(0.55 0.2 25) !important;
|
|
264
|
+
border-radius: 14px !important;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
.dark .dialog-destructive [data-slot="dialog-content"],
|
|
268
|
+
.dark .dialog-confirm [data-slot="dialog-content"] {
|
|
269
|
+
border: 1px solid oklch(0.6 0.18 25 / 0.4) !important;
|
|
270
|
+
border-top: 3px solid oklch(0.65 0.2 25) !important;
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
.dialog-destructive [data-slot="dialog-title"],
|
|
274
|
+
.dialog-confirm [data-slot="dialog-title"] {
|
|
275
|
+
color: oklch(0.45 0.18 25) !important;
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
.dark .dialog-destructive [data-slot="dialog-title"],
|
|
279
|
+
.dark .dialog-confirm [data-slot="dialog-title"] {
|
|
280
|
+
color: oklch(0.65 0.2 25) !important;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
/* Form Dialog */
|
|
284
|
+
.dialog-form [data-slot="dialog-content"] {
|
|
285
|
+
max-width: 28rem !important;
|
|
286
|
+
padding: 1.75rem !important;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
/* Info Dialog */
|
|
290
|
+
.dialog-info [data-slot="dialog-content"] {
|
|
291
|
+
max-width: 22rem !important;
|
|
292
|
+
padding: 1.25rem !important;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
/* Large Dialog */
|
|
296
|
+
.dialog-large [data-slot="dialog-content"] {
|
|
297
|
+
max-width: 42rem !important;
|
|
298
|
+
max-height: 85vh !important;
|
|
299
|
+
overflow-y: auto;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
/* ============================================
|
|
303
|
+
Responsive Styles
|
|
304
|
+
============================================ */
|
|
305
|
+
|
|
306
|
+
@media (max-width: 640px) {
|
|
307
|
+
[data-slot="dialog-content"] {
|
|
308
|
+
width: calc(100vw - 2rem) !important;
|
|
309
|
+
max-width: calc(100vw - 2rem) !important;
|
|
310
|
+
margin: 1rem !important;
|
|
311
|
+
max-height: calc(100vh - 2rem) !important;
|
|
312
|
+
border-radius: 12px !important;
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
[data-slot="dialog-footer"] {
|
|
316
|
+
flex-direction: column;
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
[data-slot="dialog-footer"] button {
|
|
320
|
+
width: 100%;
|
|
321
|
+
}
|
|
322
|
+
}
|