@getgreenline/blaze-ui 1.0.31-beta.0 → 1.0.32

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 (6) hide show
  1. package/dist/components/breadcrumb.js +1 -1
  2. package/dist/components/input.js +1 -1
  3. package/dist/components/switch.js +1 -1
  4. package/dist/components/tabs.js +1 -1
  5. package/dist/globals.css +25 -41
  6. package/package.json +1 -1
package/dist/components/breadcrumb.js CHANGED
@@ -14,7 +14,7 @@ function BreadcrumbItem({ className, ...props }) {
14
14
  }
15
15
  function BreadcrumbLink({ asChild, className, ...props }) {
16
16
  const Comp = asChild ? Slot : "a";
17
- return (jsx(Comp, { "data-slot": "breadcrumb-link", className: cn("tw:text-muted-foreground tw:hover:text-foreground tw:transition-colors", className), ...props }));
17
+ return (jsx(Comp, { "data-slot": "breadcrumb-link", className: cn("tw:text-muted-foreground tw:opacity-70 tw:hover:text-foreground tw:hover:opacity-100 tw:transition-[color,opacity]", className), ...props }));
18
18
  }
19
19
  function BreadcrumbPage({ className, ...props }) {
20
20
  return (jsx("span", { "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("tw:text-foreground tw:font-medium", className), ...props }));
package/dist/components/input.js CHANGED
@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
2
2
  import { cn } from '../lib/utils.js';
3
3
 
4
4
  function Input({ className, type, ...props }) {
5
- return (jsx("input", { type: type, "data-slot": "input", className: cn("tw:file:text-foreground tw:placeholder:text-muted-foreground tw:selection:bg-primary tw:selection:text-primary-foreground tw:dark:bg-input/30 tw:border-input tw:h-9 tw:w-full tw:min-w-0 tw:rounded-md tw:border tw:bg-transparent tw:px-3 tw:py-1 tw:text-base tw:shadow-xs tw:transition-[color,box-shadow] tw:outline-none tw:file:inline-flex tw:file:h-7 tw:file:border-0 tw:file:bg-transparent tw:file:text-sm tw:file:font-medium tw:disabled:pointer-events-none tw:disabled:cursor-not-allowed tw:disabled:opacity-50 tw:md:text-sm", "tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:focus-visible:ring-[3px]", "tw:aria-invalid:ring-destructive/20 tw:dark:aria-invalid:ring-destructive/40 tw:aria-invalid:border-destructive", className), ...props }));
5
+ return (jsx("input", { type: type, "data-slot": "input", className: cn("tw:file:text-foreground tw:placeholder:text-muted-foreground tw:selection:bg-primary tw:selection:text-primary-foreground tw:dark:bg-input/30 tw:border-input tw:h-10 tw:w-full tw:min-w-0 tw:rounded-md tw:border tw:bg-transparent tw:px-3 tw:py-1 tw:text-base tw:shadow-xs tw:transition-[color,box-shadow] tw:outline-none tw:file:inline-flex tw:file:h-7 tw:file:border-0 tw:file:bg-transparent tw:file:text-sm tw:file:font-medium tw:disabled:pointer-events-none tw:disabled:cursor-not-allowed tw:disabled:opacity-50 tw:md:text-sm", "tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:focus-visible:ring-[3px]", "tw:aria-invalid:ring-destructive/20 tw:dark:aria-invalid:ring-destructive/40 tw:aria-invalid:border-destructive", className), ...props }));
6
6
  }
7
7
 
8
8
  export { Input };
package/dist/components/switch.js CHANGED
@@ -3,7 +3,7 @@ import * as SwitchPrimitive from '@radix-ui/react-switch';
3
3
  import { cn } from '../lib/utils.js';
4
4
 
5
5
  function Switch({ className, ...props }) {
6
- return (jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn("tw:peer tw:data-[state=checked]:bg-primary tw:data-[state=unchecked]:bg-input tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:dark:data-[state=unchecked]:bg-input/80 tw:inline-flex tw:h-[1.15rem] tw:w-8 tw:shrink-0 tw:items-center tw:rounded-full tw:border tw:border-transparent tw:shadow-xs tw:transition-all tw:outline-none tw:focus-visible:ring-[3px] tw:cursor-pointer tw:disabled:cursor-not-allowed tw:disabled:opacity-50", className), ...props, children: jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn("tw:bg-background tw:dark:data-[state=unchecked]:bg-foreground tw:dark:data-[state=checked]:bg-primary-foreground tw:pointer-events-none tw:block tw:size-4 tw:rounded-full tw:ring-0 tw:transition-transform tw:data-[state=checked]:translate-x-[calc(100%-2px)] tw:data-[state=unchecked]:translate-x-0") }) }));
6
+ return (jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn("tw:peer tw:data-[state=checked]:bg-primary tw:data-[state=unchecked]:bg-border tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:dark:data-[state=unchecked]:bg-input/80 tw:inline-flex tw:h-[1.15rem] tw:w-8 tw:shrink-0 tw:items-center tw:rounded-full tw:border tw:border-transparent tw:shadow-xs tw:transition-all tw:outline-none tw:focus-visible:ring-[3px] tw:cursor-pointer tw:disabled:cursor-not-allowed tw:disabled:opacity-50", className), ...props, children: jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn("tw:bg-background tw:dark:data-[state=unchecked]:bg-foreground tw:dark:data-[state=checked]:bg-primary-foreground tw:pointer-events-none tw:block tw:size-4 tw:rounded-full tw:ring-0 tw:transition-transform tw:data-[state=checked]:translate-x-[calc(100%-2px)] tw:data-[state=unchecked]:translate-x-0") }) }));
7
7
  }
8
8
 
9
9
  export { Switch };
package/dist/components/tabs.js CHANGED
@@ -9,7 +9,7 @@ function TabsList({ className, ...props }) {
9
9
  return (jsx(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn("tw:bg-muted tw:text-muted-foreground tw:inline-flex tw:h-9 tw:w-fit tw:items-center tw:justify-center tw:rounded-lg tw:p-[3px]", className), ...props }));
10
10
  }
11
11
  function TabsTrigger({ className, ...props }) {
12
- return (jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("data-[state=active]:tw:bg-background dark:data-[state=active]:tw:text-foreground focus-visible:tw:border-ring focus-visible:tw:ring-ring/50 focus-visible:tw:outline-ring dark:data-[state=active]:tw:border-input dark:data-[state=active]:tw:bg-input/30 tw:text-foreground dark:tw:text-muted-foreground tw:inline-flex tw:h-[calc(100%-1px)] tw:flex-1 tw:items-center tw:justify-center tw:gap-1.5 tw:rounded-md tw:border tw:border-transparent tw:px-2 tw:py-1 tw:text-sm tw:font-medium tw:whitespace-nowrap tw:transition-[color,box-shadow] focus-visible:tw:ring-[3px] focus-visible:tw:outline-1 disabled:tw:pointer-events-none disabled:tw:opacity-50 data-[state=active]:tw:shadow-sm [&_svg]:tw:pointer-events-none [&_svg]:tw:shrink-0 [&_svg:not([class*='size-'])]:tw:size-4", className), ...props }));
12
+ return (jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("tw:bg-transparent tw:text-muted-foreground tw:opacity-70 tw:data-[state=active]:bg-primary-foreground tw:dark:data-[state=active]:bg-background tw:data-[state=active]:text-foreground tw:data-[state=active]:ring-1 tw:data-[state=active]:ring-border tw:data-[state=active]:font-semibold tw:data-[state=active]:opacity-100 tw:data-[state=active]:shadow-sm tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:focus-visible:outline-ring tw:inline-flex tw:h-[calc(100%-1px)] tw:flex-1 tw:items-center tw:justify-center tw:gap-1.5 tw:rounded-md tw:border tw:border-transparent tw:px-2 tw:py-1 tw:text-sm tw:font-medium tw:whitespace-nowrap tw:transition-[color,box-shadow,background-color,border-color,opacity] tw:focus-visible:ring-[3px] tw:focus-visible:outline-1 tw:disabled:pointer-events-none tw:disabled:opacity-50 [&_svg]:tw:pointer-events-none [&_svg]:tw:shrink-0 [&_svg:not([class*='size-'])]:tw:size-4", className), ...props }));
13
13
  }
14
14
  function TabsContent({ className, ...props }) {
15
15
  return (jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn("tw:flex-1 tw:outline-none", className), ...props }));
package/dist/globals.css CHANGED
@@ -23,10 +23,10 @@
23
23
  --accent: oklch(0.9632 0.0127 244.2532);
24
24
  --accent-foreground: oklch(0.6723 0.1606 244.9955);
25
25
  --destructive: oklch(0.6188 0.2376 25.7658);
26
- --destructive-foreground: oklch(1 0 0);
26
+ --destructive-foreground: oklch(1.0000 0 0);
27
27
  --border: oklch(0.9317 0.0118 231.6594);
28
- --input: oklch(0.9809 0.0025 228.7836);
29
- --ring: oklch(0.6818 0.1584 243.354);
28
+ --input: oklch(0.934 0.0127 228.93);
29
+ --ring: oklch(0.6818 0.1584 243.3540);
30
30
  --chart-1: oklch(0.6723 0.1606 244.9955);
31
31
  --chart-2: oklch(0.6907 0.1554 160.3454);
32
32
  --chart-3: oklch(0.8214 0.16 82.5337);
@@ -50,24 +50,14 @@
50
50
  --shadow-spread: 0px;
51
51
  --shadow-opacity: 0;
52
52
  --shadow-color: rgba(29, 161, 242, 0.15);
53
- --shadow-2xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
54
- --shadow-xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
55
- --shadow-sm:
56
- 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0),
57
- 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0);
58
- --shadow:
59
- 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0),
60
- 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0);
61
- --shadow-md:
62
- 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0),
63
- 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0);
64
- --shadow-lg:
65
- 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0),
66
- 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0);
67
- --shadow-xl:
68
- 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0),
69
- 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0);
70
- --shadow-2xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
53
+ --shadow-2xs: 0px 1px 3px 0px hsl(202.8169 89.1213% 53.1373% / 0.05);
54
+ --shadow-xs: 0px 1px 3px 0px hsl(202.8169 89.1213% 53.1373% / 0.05);
55
+ --shadow-sm: 0px 1px 3px 0px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
56
+ --shadow: 0px 1px 3px 0px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
57
+ --shadow-md: 0px 4px 6px 0px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
58
+ --shadow-lg: 0px 10px 15px -3px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
59
+ --shadow-xl: 0px 20px 25px -5px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
60
+ --shadow-2xl: 0px 25px 50px -12px hsl(202.8169 89.1213% 53.1373% / 0.25);
71
61
  --tracking-normal: 0em;
72
62
  --spacing: 0.25rem;
73
63
  }
@@ -114,25 +104,15 @@
114
104
  --shadow-blur: 0px;
115
105
  --shadow-spread: 0px;
116
106
  --shadow-opacity: 0;
117
- --shadow-color: rgba(29, 161, 242, 0.25);
118
- --shadow-2xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
119
- --shadow-xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
120
- --shadow-sm:
121
- 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0),
122
- 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0);
123
- --shadow:
124
- 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0),
125
- 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0);
126
- --shadow-md:
127
- 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0),
128
- 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0);
129
- --shadow-lg:
130
- 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0),
131
- 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0);
132
- --shadow-xl:
133
- 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0),
134
- 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0);
135
- --shadow-2xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
107
+ --shadow-color: rgba(1, 6, 10, 0.15);
108
+ --shadow-2xs: 0px 1px 2px 0px hsl(202.8169 89.1213% 53.1373% / 0.05);
109
+ --shadow-xs: 0px 1px 2px 0px hsl(202.8169 89.1213% 53.1373% / 0.05);
110
+ --shadow-sm: 0px 1px 3px 0px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
111
+ --shadow: 0px 1px 3px 0px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
112
+ --shadow-md: 0px 1px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
113
+ --shadow-lg: 0px 10px 15px -3px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
114
+ --shadow-xl: 0px 20px 25px -5px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
115
+ --shadow-2xl: 0px 25px 50px -12px hsl(202.8169 89.1213% 53.1373% / 0.25);
136
116
  }
137
117
 
138
118
  @theme inline {
@@ -605,7 +585,11 @@
605
585
  background-color: var(--primary) !important;
606
586
  }
607
587
 
608
- .blaze-ui-root button[data-slot="switch"][data-state="unchecked"] {
588
+ .blaze-ui-root button[data-slot='switch'][data-state='unchecked'] {
589
+ background-color: var(--border) !important;
590
+ }
591
+
592
+ .dark .blaze-ui-root button[data-slot='switch'][data-state='unchecked'] {
609
593
  background-color: var(--input) !important;
610
594
  }
611
595
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getgreenline/blaze-ui",
3
- "version": "1.0.31-beta.0",
3
+ "version": "1.0.32",
4
4
  "type": "module",
5
5
  "dependencies": {
6
6
  "@base-ui/react": "^1.1.0",