@novie/ui 0.1.7 → 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 (8) hide show
  1. package/dist/components/ui/button.d.ts +1 -1
  2. package/dist/components/ui/button.d.ts.map +1 -1
  3. package/dist/components/ui/tag.d.ts +1 -1
  4. package/dist/index.css +1 -1
  5. package/dist/index.js +24 -12
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/index.css +55 -41
package/dist/index.js CHANGED
@@ -145,17 +145,19 @@ function ne({ className: e, size: t, ...n }) {
145
145
  var re = n("inline-flex shrink-0 items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:h-4 [&_svg]:w-4", {
146
146
  variants: {
147
147
  variant: {
148
- default: "bg-primary text-primary-foreground hover:bg-[hsl(var(--button-primary-hover))] disabled:bg-[hsl(var(--button-primary-bg-disabled))] disabled:text-[hsl(var(--button-primary-text-disabled))]",
149
- secondary: "border-[1.5px] border-primary bg-transparent text-foreground hover:bg-muted hover:border-[hsl(var(--button-secondary-hover-border))] hover:text-muted-foreground",
148
+ default: "bg-[hsl(var(--button-brand-default))] text-white hover:bg-[hsl(var(--button-brand-hover))] active:bg-[hsl(var(--button-brand-pressed))] disabled:bg-[hsl(var(--button-primary-bg-disabled))] disabled:text-[hsl(var(--button-primary-text-disabled))]",
149
+ secondary: "bg-primary text-primary-foreground hover:bg-[hsl(var(--button-secondary-filled-hover))] disabled:bg-[hsl(var(--button-primary-bg-disabled))] disabled:text-[hsl(var(--button-text-disabled))]",
150
+ outline: "border-[1.5px] border-primary bg-transparent text-primary hover:bg-accent disabled:border-[hsl(var(--button-primary-bg-disabled))] disabled:text-[hsl(var(--button-text-disabled))]",
150
151
  danger: "bg-destructive text-destructive-foreground hover:bg-[hsl(var(--button-danger-hover))] disabled:bg-[hsl(var(--button-danger-bg-disabled))] disabled:text-[hsl(var(--button-danger-text-disabled))]",
151
- ghost: "text-foreground hover:bg-[hsl(var(--button-ghost-hover))] hover:text-accent-foreground",
152
- link: "text-foreground underline-offset-4 hover:underline h-auto p-0"
152
+ ghost: "text-muted-foreground hover:bg-page-secondary disabled:text-[hsl(var(--button-ghost-text-disabled))]",
153
+ link: "text-foreground underline underline-offset-4 hover:text-muted-foreground disabled:text-[hsl(var(--button-text-disabled))] h-auto p-0",
154
+ "link-primary": "text-[hsl(var(--button-brand-default))] underline underline-offset-4 disabled:text-[hsl(var(--button-text-disabled))] h-auto p-0"
153
155
  },
154
156
  size: {
155
- sm: "h-8 gap-1.5 rounded-[20px] px-5 text-xs",
156
- default: "h-10 gap-2 rounded-[20px] px-6 text-sm",
157
- lg: "h-12 gap-2 rounded-[30px] px-7 text-sm",
158
- xl: "h-[58px] gap-2 rounded-[30px] px-9 text-base",
157
+ sm: "h-8 gap-1.5 rounded-[20px] px-4 text-xs",
158
+ default: "h-10 gap-2 rounded-[20px] px-5 text-sm",
159
+ lg: "h-12 gap-2 rounded-[30px] px-6 text-sm",
160
+ xl: "h-[58px] gap-2 rounded-[30px] px-8 text-base",
159
161
  icon: "h-10 w-10 rounded-[20px]",
160
162
  "icon-sm": "h-8 w-8 rounded-[20px]",
161
163
  "icon-lg": "h-12 w-12 rounded-[30px]",
@@ -164,22 +166,32 @@ var re = n("inline-flex shrink-0 items-center justify-center whitespace-nowrap f
164
166
  },
165
167
  compoundVariants: [
166
168
  {
167
- variant: "ghost",
169
+ variant: "secondary",
168
170
  size: "sm",
169
171
  className: "rounded-[30px]"
170
172
  },
171
173
  {
172
- variant: "ghost",
174
+ variant: "secondary",
173
175
  size: "default",
174
176
  className: "rounded-[30px]"
175
177
  },
176
178
  {
177
- variant: "secondary",
179
+ variant: "outline",
178
180
  size: "sm",
179
181
  className: "rounded-[30px]"
180
182
  },
181
183
  {
182
- variant: "secondary",
184
+ variant: "outline",
185
+ size: "default",
186
+ className: "rounded-[30px]"
187
+ },
188
+ {
189
+ variant: "ghost",
190
+ size: "sm",
191
+ className: "rounded-[30px]"
192
+ },
193
+ {
194
+ variant: "ghost",
183
195
  size: "default",
184
196
  className: "rounded-[30px]"
185
197
  }