@workokay/atom 0.2.17 → 0.2.18
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.cjs.map +1 -1
- package/dist/index.js +26 -138
- package/dist/index.js.map +1 -1
- package/dist/types/components/badge/Badge.d.ts +10 -0
- package/dist/types/components/badge/Badge.d.ts.map +1 -0
- package/dist/types/components/badge/badgeVariants.d.ts +7 -0
- package/dist/types/components/badge/badgeVariants.d.ts.map +1 -0
- package/dist/types/components/badge/index.d.ts +5 -0
- package/dist/types/components/badge/index.d.ts.map +1 -0
- package/dist/types/components/button/Button.d.ts +16 -0
- package/dist/types/components/button/Button.d.ts.map +1 -0
- package/dist/types/components/button/index.d.ts +2 -0
- package/dist/types/components/button/index.d.ts.map +1 -0
- package/dist/types/components/form/Input.d.ts +19 -0
- package/dist/types/components/form/Input.d.ts.map +1 -0
- package/dist/types/components/form/index.d.ts +2 -0
- package/dist/types/components/form/index.d.ts.map +1 -0
- package/dist/types/hooks/index.d.ts +2 -0
- package/dist/types/hooks/index.d.ts.map +1 -0
- package/dist/types/hooks/useTheme.d.ts +2 -0
- package/dist/types/hooks/useTheme.d.ts.map +1 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/lib/cn.d.ts +3 -0
- package/dist/types/lib/cn.d.ts.map +1 -0
- package/dist/types/runtime/styles.d.ts +2 -0
- package/dist/types/runtime/styles.d.ts.map +1 -0
- package/package.json +7 -7
- package/dist/atom.css +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/vite.svg +0 -1
package/dist/index.js
CHANGED
|
@@ -3238,7 +3238,6 @@ const Zr = xe(
|
|
|
3238
3238
|
"transition-[color,background-color,border-color,box-shadow]",
|
|
3239
3239
|
"overflow-hidden",
|
|
3240
3240
|
"focus-visible:outline-none",
|
|
3241
|
-
// token-driven focus ring (your theme maps ring vars)
|
|
3242
3241
|
"focus-visible:ring-[3px] focus-visible:ring-[color:var(--atom-ring-color)]",
|
|
3243
3242
|
"focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--atom-ring-offset)]"
|
|
3244
3243
|
].join(" "),
|
|
@@ -3254,146 +3253,35 @@ const Zr = xe(
|
|
|
3254
3253
|
neutral: "",
|
|
3255
3254
|
accent: ""
|
|
3256
3255
|
},
|
|
3257
|
-
tone: {
|
|
3258
|
-
low: "",
|
|
3259
|
-
medium: "",
|
|
3260
|
-
high: ""
|
|
3261
|
-
}
|
|
3256
|
+
tone: { low: "", medium: "", high: "" }
|
|
3262
3257
|
},
|
|
3263
3258
|
compoundVariants: [
|
|
3264
|
-
|
|
3265
|
-
{
|
|
3266
|
-
|
|
3267
|
-
|
|
3268
|
-
|
|
3269
|
-
},
|
|
3270
|
-
{
|
|
3271
|
-
|
|
3272
|
-
|
|
3273
|
-
|
|
3274
|
-
},
|
|
3275
|
-
{
|
|
3276
|
-
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
},
|
|
3280
|
-
|
|
3281
|
-
{
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
},
|
|
3286
|
-
{
|
|
3287
|
-
|
|
3288
|
-
tone: "medium",
|
|
3289
|
-
className: "bg-[var(--atom-badge-secondary-bg-medium)] text-[var(--atom-badge-secondary-fg-medium)] border-[var(--atom-badge-secondary-border-medium)]"
|
|
3290
|
-
},
|
|
3291
|
-
{
|
|
3292
|
-
variant: "secondary",
|
|
3293
|
-
tone: "high",
|
|
3294
|
-
className: "bg-[var(--atom-badge-secondary-bg-high)] text-[var(--atom-badge-secondary-fg-high)] border-[var(--atom-badge-secondary-border-high)]"
|
|
3295
|
-
},
|
|
3296
|
-
// SUCCESS
|
|
3297
|
-
{
|
|
3298
|
-
variant: "success",
|
|
3299
|
-
tone: "low",
|
|
3300
|
-
className: "bg-[var(--atom-badge-success-bg-low)] text-[var(--atom-badge-success-fg-low)] border-[var(--atom-badge-success-border-low)]"
|
|
3301
|
-
},
|
|
3302
|
-
{
|
|
3303
|
-
variant: "success",
|
|
3304
|
-
tone: "medium",
|
|
3305
|
-
className: "bg-[var(--atom-badge-success-bg-medium)] text-[var(--atom-badge-success-fg-medium)] border-[var(--atom-badge-success-border-medium)]"
|
|
3306
|
-
},
|
|
3307
|
-
{
|
|
3308
|
-
variant: "success",
|
|
3309
|
-
tone: "high",
|
|
3310
|
-
className: "bg-[var(--atom-badge-success-bg-high)] text-[var(--atom-badge-success-fg-high)] border-[var(--atom-badge-success-border-high)]"
|
|
3311
|
-
},
|
|
3312
|
-
// WARNING
|
|
3313
|
-
{
|
|
3314
|
-
variant: "warning",
|
|
3315
|
-
tone: "low",
|
|
3316
|
-
className: "bg-[var(--atom-badge-warning-bg-low)] text-[var(--atom-badge-warning-fg-low)] border-[var(--atom-badge-warning-border-low)]"
|
|
3317
|
-
},
|
|
3318
|
-
{
|
|
3319
|
-
variant: "warning",
|
|
3320
|
-
tone: "medium",
|
|
3321
|
-
className: "bg-[var(--atom-badge-warning-bg-medium)] text-[var(--atom-badge-warning-fg-medium)] border-[var(--atom-badge-warning-border-medium)]"
|
|
3322
|
-
},
|
|
3323
|
-
{
|
|
3324
|
-
variant: "warning",
|
|
3325
|
-
tone: "high",
|
|
3326
|
-
className: "bg-[var(--atom-badge-warning-bg-high)] text-[var(--atom-badge-warning-fg-high)] border-[var(--atom-badge-warning-border-high)]"
|
|
3327
|
-
},
|
|
3328
|
-
// DANGER
|
|
3329
|
-
{
|
|
3330
|
-
variant: "danger",
|
|
3331
|
-
tone: "low",
|
|
3332
|
-
className: "bg-[var(--atom-badge-danger-bg-low)] text-[var(--atom-badge-danger-fg-low)] border-[var(--atom-badge-danger-border-low)]"
|
|
3333
|
-
},
|
|
3334
|
-
{
|
|
3335
|
-
variant: "danger",
|
|
3336
|
-
tone: "medium",
|
|
3337
|
-
className: "bg-[var(--atom-badge-danger-bg-medium)] text-[var(--atom-badge-danger-fg-medium)] border-[var(--atom-badge-danger-border-medium)]"
|
|
3338
|
-
},
|
|
3339
|
-
{
|
|
3340
|
-
variant: "danger",
|
|
3341
|
-
tone: "high",
|
|
3342
|
-
className: "bg-[var(--atom-badge-danger-bg-high)] text-[var(--atom-badge-danger-fg-high)] border-[var(--atom-badge-danger-border-high)]"
|
|
3343
|
-
},
|
|
3344
|
-
// INFO
|
|
3345
|
-
{
|
|
3346
|
-
variant: "info",
|
|
3347
|
-
tone: "low",
|
|
3348
|
-
className: "bg-[var(--atom-badge-info-bg-low)] text-[var(--atom-badge-info-fg-low)] border-[var(--atom-badge-info-border-low)]"
|
|
3349
|
-
},
|
|
3350
|
-
{
|
|
3351
|
-
variant: "info",
|
|
3352
|
-
tone: "medium",
|
|
3353
|
-
className: "bg-[var(--atom-badge-info-bg-medium)] text-[var(--atom-badge-info-fg-medium)] border-[var(--atom-badge-info-border-medium)]"
|
|
3354
|
-
},
|
|
3355
|
-
{
|
|
3356
|
-
variant: "info",
|
|
3357
|
-
tone: "high",
|
|
3358
|
-
className: "bg-[var(--atom-badge-info-bg-high)] text-[var(--atom-badge-info-fg-high)] border-[var(--atom-badge-info-border-high)]"
|
|
3359
|
-
},
|
|
3360
|
-
// NEUTRAL
|
|
3361
|
-
{
|
|
3362
|
-
variant: "neutral",
|
|
3363
|
-
tone: "low",
|
|
3364
|
-
className: "bg-[var(--atom-badge-neutral-bg-low)] text-[var(--atom-badge-neutral-fg-low)] border-[var(--atom-badge-neutral-border-low)]"
|
|
3365
|
-
},
|
|
3366
|
-
{
|
|
3367
|
-
variant: "neutral",
|
|
3368
|
-
tone: "medium",
|
|
3369
|
-
className: "bg-[var(--atom-badge-neutral-bg-medium)] text-[var(--atom-badge-neutral-fg-medium)] border-[var(--atom-badge-neutral-border-medium)]"
|
|
3370
|
-
},
|
|
3371
|
-
{
|
|
3372
|
-
variant: "neutral",
|
|
3373
|
-
tone: "high",
|
|
3374
|
-
className: "bg-[var(--atom-badge-neutral-bg-high)] text-[var(--atom-badge-neutral-fg-high)] border-[var(--atom-badge-neutral-border-high)]"
|
|
3375
|
-
},
|
|
3376
|
-
// ACCENT
|
|
3377
|
-
{
|
|
3378
|
-
variant: "accent",
|
|
3379
|
-
tone: "low",
|
|
3380
|
-
className: "bg-[var(--atom-badge-accent-bg-low)] text-[var(--atom-badge-accent-fg-low)] border-[var(--atom-badge-accent-border-low)]"
|
|
3381
|
-
},
|
|
3382
|
-
{
|
|
3383
|
-
variant: "accent",
|
|
3384
|
-
tone: "medium",
|
|
3385
|
-
className: "bg-[var(--atom-badge-accent-bg-medium)] text-[var(--atom-badge-accent-fg-medium)] border-[var(--atom-badge-accent-border-medium)]"
|
|
3386
|
-
},
|
|
3387
|
-
{
|
|
3388
|
-
variant: "accent",
|
|
3389
|
-
tone: "high",
|
|
3390
|
-
className: "bg-[var(--atom-badge-accent-bg-high)] text-[var(--atom-badge-accent-fg-high)] border-[var(--atom-badge-accent-border-high)]"
|
|
3391
|
-
}
|
|
3259
|
+
{ variant: "primary", tone: "low", className: "bg-[var(--atom-badge-primary-bg-low)] text-[var(--atom-badge-primary-fg-low)] border-[var(--atom-badge-primary-border-low)]" },
|
|
3260
|
+
{ variant: "primary", tone: "medium", className: "bg-[var(--atom-badge-primary-bg-medium)] text-[var(--atom-badge-primary-fg-medium)] border-[var(--atom-badge-primary-border-medium)]" },
|
|
3261
|
+
{ variant: "primary", tone: "high", className: "bg-[var(--atom-badge-primary-bg-high)] text-[var(--atom-badge-primary-fg-high)] border-[var(--atom-badge-primary-border-high)]" },
|
|
3262
|
+
{ variant: "secondary", tone: "low", className: "bg-[var(--atom-badge-secondary-bg-low)] text-[var(--atom-badge-secondary-fg-low)] border-[var(--atom-badge-secondary-border-low)]" },
|
|
3263
|
+
{ variant: "secondary", tone: "medium", className: "bg-[var(--atom-badge-secondary-bg-medium)] text-[var(--atom-badge-secondary-fg-medium)] border-[var(--atom-badge-secondary-border-medium)]" },
|
|
3264
|
+
{ variant: "secondary", tone: "high", className: "bg-[var(--atom-badge-secondary-bg-high)] text-[var(--atom-badge-secondary-fg-high)] border-[var(--atom-badge-secondary-border-high)]" },
|
|
3265
|
+
{ variant: "success", tone: "low", className: "bg-[var(--atom-badge-success-bg-low)] text-[var(--atom-badge-success-fg-low)] border-[var(--atom-badge-success-border-low)]" },
|
|
3266
|
+
{ variant: "success", tone: "medium", className: "bg-[var(--atom-badge-success-bg-medium)] text-[var(--atom-badge-success-fg-medium)] border-[var(--atom-badge-success-border-medium)]" },
|
|
3267
|
+
{ variant: "success", tone: "high", className: "bg-[var(--atom-badge-success-bg-high)] text-[var(--atom-badge-success-fg-high)] border-[var(--atom-badge-success-border-high)]" },
|
|
3268
|
+
{ variant: "warning", tone: "low", className: "bg-[var(--atom-badge-warning-bg-low)] text-[var(--atom-badge-warning-fg-low)] border-[var(--atom-badge-warning-border-low)]" },
|
|
3269
|
+
{ variant: "warning", tone: "medium", className: "bg-[var(--atom-badge-warning-bg-medium)] text-[var(--atom-badge-warning-fg-medium)] border-[var(--atom-badge-warning-border-medium)]" },
|
|
3270
|
+
{ variant: "warning", tone: "high", className: "bg-[var(--atom-badge-warning-bg-high)] text-[var(--atom-badge-warning-fg-high)] border-[var(--atom-badge-warning-border-high)]" },
|
|
3271
|
+
{ variant: "danger", tone: "low", className: "bg-[var(--atom-badge-danger-bg-low)] text-[var(--atom-badge-danger-fg-low)] border-[var(--atom-badge-danger-border-low)]" },
|
|
3272
|
+
{ variant: "danger", tone: "medium", className: "bg-[var(--atom-badge-danger-bg-medium)] text-[var(--atom-badge-danger-fg-medium)] border-[var(--atom-badge-danger-border-medium)]" },
|
|
3273
|
+
{ variant: "danger", tone: "high", className: "bg-[var(--atom-badge-danger-bg-high)] text-[var(--atom-badge-danger-fg-high)] border-[var(--atom-badge-danger-border-high)]" },
|
|
3274
|
+
{ variant: "info", tone: "low", className: "bg-[var(--atom-badge-info-bg-low)] text-[var(--atom-badge-info-fg-low)] border-[var(--atom-badge-info-border-low)]" },
|
|
3275
|
+
{ variant: "info", tone: "medium", className: "bg-[var(--atom-badge-info-bg-medium)] text-[var(--atom-badge-info-fg-medium)] border-[var(--atom-badge-info-border-medium)]" },
|
|
3276
|
+
{ variant: "info", tone: "high", className: "bg-[var(--atom-badge-info-bg-high)] text-[var(--atom-badge-info-fg-high)] border-[var(--atom-badge-info-border-high)]" },
|
|
3277
|
+
{ variant: "neutral", tone: "low", className: "bg-[var(--atom-badge-neutral-bg-low)] text-[var(--atom-badge-neutral-fg-low)] border-[var(--atom-badge-neutral-border-low)]" },
|
|
3278
|
+
{ variant: "neutral", tone: "medium", className: "bg-[var(--atom-badge-neutral-bg-medium)] text-[var(--atom-badge-neutral-fg-medium)] border-[var(--atom-badge-neutral-border-medium)]" },
|
|
3279
|
+
{ variant: "neutral", tone: "high", className: "bg-[var(--atom-badge-neutral-bg-high)] text-[var(--atom-badge-neutral-fg-high)] border-[var(--atom-badge-neutral-border-high)]" },
|
|
3280
|
+
{ variant: "accent", tone: "low", className: "bg-[var(--atom-badge-accent-bg-low)] text-[var(--atom-badge-accent-fg-low)] border-[var(--atom-badge-accent-border-low)]" },
|
|
3281
|
+
{ variant: "accent", tone: "medium", className: "bg-[var(--atom-badge-accent-bg-medium)] text-[var(--atom-badge-accent-fg-medium)] border-[var(--atom-badge-accent-border-medium)]" },
|
|
3282
|
+
{ variant: "accent", tone: "high", className: "bg-[var(--atom-badge-accent-bg-high)] text-[var(--atom-badge-accent-fg-high)] border-[var(--atom-badge-accent-border-high)]" }
|
|
3392
3283
|
],
|
|
3393
|
-
defaultVariants: {
|
|
3394
|
-
variant: "primary",
|
|
3395
|
-
tone: "low"
|
|
3396
|
-
}
|
|
3284
|
+
defaultVariants: { variant: "primary", tone: "low" }
|
|
3397
3285
|
}
|
|
3398
3286
|
);
|
|
3399
3287
|
function rt({
|