@casinogate/ui 1.3.6 → 1.3.7

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.
@@ -432,6 +432,9 @@
432
432
  .cgui\:min-w-42 {
433
433
  min-width: calc(var(--cgui-spacing) * 42);
434
434
  }
435
+ .cgui\:min-w-fit {
436
+ min-width: fit-content;
437
+ }
435
438
  .cgui\:min-w-px {
436
439
  min-width: 1px;
437
440
  }
@@ -17,6 +17,7 @@
17
17
  variant = 'primary',
18
18
  rounded = 'sm',
19
19
  size = 'md',
20
+ spacingX = 'md',
20
21
  onValueChange,
21
22
  ...restProps
22
23
  }: SegmentRootProps = $props();
@@ -37,7 +38,7 @@
37
38
  disabled: box.with(() => disabled),
38
39
  });
39
40
 
40
- const variants = $derived(segmentVariants({ variant, rounded, size }));
41
+ const variants = $derived(segmentVariants({ variant, rounded, size, spacingX }));
41
42
 
42
43
  SegmentStylesContext.set(box.with(() => variants));
43
44
 
@@ -9,7 +9,7 @@ export const segmentVariants = tv({
9
9
  'cgui:data-[disabled=""]:opacity-50 cgui:data-[disabled=""]:cursor-not-allowed cgui:data-[disabled=""]:pointer-events-none',
10
10
  ],
11
11
  item: [
12
- 'cgui:flex cgui:items-center cgui:justify-center cgui:flex-1',
12
+ 'cgui:flex cgui:items-center cgui:justify-center cgui:min-w-fit',
13
13
  'cgui:font-medium cgui:text-body-2',
14
14
  'cgui:rounded-[inherit]',
15
15
  'cgui:cursor-pointer cgui:overflow-hidden cgui:select-none',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@casinogate/ui",
3
- "version": "1.3.6",
3
+ "version": "1.3.7",
4
4
  "svelte": "./dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "type": "module",