@segmentify/ui 0.0.37 → 0.0.39

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.
@@ -34879,7 +34879,7 @@ function Wpe({ className: e, ...t }) {
34879
34879
  {
34880
34880
  "data-slot": "tabs-list",
34881
34881
  className: F(
34882
- "ui:bg-muted ui:text-muted-foreground ui:inline-flex ui:h-9 ui:w-fit ui:items-center ui:justify-center ui:rounded-lg ui:p-[3px]",
34882
+ "ui:bg-white ui:text-muted-foreground ui:inline-flex ui:gap-2 ui:h-9 ui:w-fit ui:items-center ui:justify-center ui:rounded-lg ui:px-2",
34883
34883
  e
34884
34884
  ),
34885
34885
  ...t
@@ -34892,7 +34892,8 @@ function zpe({ className: e, ...t }) {
34892
34892
  {
34893
34893
  "data-slot": "tabs-trigger",
34894
34894
  className: F(
34895
- "ui:data-[state=active]:bg-background ui:dark:data-[state=active]:text-foreground ui:focus-visible:border-ring ui:focus-visible:ring-ring/50 ui:focus-visible:outline-ring ui:dark:data-[state=active]:border-input ui:dark:data-[state=active]:bg-input/30 ui:text-foreground ui:dark:text-muted-foreground ui:inline-flex ui:h-[calc(100%-1px)] ui:flex-1 ui:items-center ui:justify-center ui:gap-1.5 ui:rounded-md ui:border ui:border-transparent ui:px-2 ui:py-1 ui:text-sm ui:font-medium ui:whitespace-nowrap ui:transition-[color,box-shadow] ui:focus-visible:ring-[3px] ui:focus-visible:outline-1 ui:disabled:pointer-events-none ui:disabled:opacity-50 ui:data-[state=active]:shadow-sm ui:[&_svg]:pointer-events-none ui:[&_svg]:shrink-0 ui:[&_svg:not([class*='size-'])]:size-4",
34895
+ "ui:bg-transparent ui:data-[state=active]:bg-segmentify-200 ui:dark:data-[state=active]:text-foreground ui:focus-visible:border-ring ui:focus-visible:ring-ring/50 ui:focus-visible:outline-ring ui:dark:data-[state=active]:border-input ui:dark:data-[state=active]:bg-input/30 ui:text-foreground ui:data-[state=active]:text-primary ui:dark:text-muted-foreground ui:inline-flex ui:h-7 ui:flex-1 ui:items-center ui:justify-center ui:gap-1.5 ui:rounded-md ui:border ui:border-transparent ui:px-4 ui:py-1 ui:text-sm ui:font-medium ui:whitespace-nowrap ui:transition-[color,box-shadow] ui:focus-visible:ring-[3px] ui:focus-visible:outline-1 ui:disabled:pointer-events-none ui:disabled:opacity-50 ui:data-[state=active]:shadow-sm ui:[&_svg]:pointer-events-none ui:[&_svg]:shrink-0 ui:[&_svg:not([class*='size-'])]:size-4",
34896
+ "ui:hover:bg-segmentify-200 ui:hover:text-primary ui:cursor-pointer ui:transition-all ui:duration-200",
34896
34897
  e
34897
34898
  ),
34898
34899
  ...t
@@ -44613,7 +44614,7 @@ const Xce = [
44613
44614
  "div",
44614
44615
  {
44615
44616
  className: F(
44616
- "ui:flex ui:items-center ui:gap-4 ui:py-4 ui:bg-white ui:rounded-b-lg ui:pl-3 ui:border-border ui:border ui:border-t-0",
44617
+ "ui:flex ui:items-center ui:gap-4 ui:py-4 ui:bg-white ui:rounded-b-lg ui:px-3 ui:border-border ui:border ui:border-t-0",
44617
44618
  e ? "ui:justify-end" : "ui:justify-between",
44618
44619
  n
44619
44620
  ),
@@ -45176,6 +45177,7 @@ export {
45176
45177
  Nk as TooltipTrigger,
45177
45178
  F as cn,
45178
45179
  Qce as findMatchingPreset,
45180
+ hl as formatDate,
45179
45181
  ahe as toast,
45180
45182
  ohe as useDataTable,
45181
45183
  Kce as useDatePreset
package/dist/ui.css CHANGED
@@ -365,6 +365,9 @@
365
365
  .ui\:mb-8 {
366
366
  margin-bottom: calc(var(--ui-spacing) * 8);
367
367
  }
368
+ .ui\:mb-16 {
369
+ margin-bottom: calc(var(--ui-spacing) * 16);
370
+ }
368
371
  .ui\:-ml-1 {
369
372
  margin-left: calc(var(--ui-spacing) * -1);
370
373
  }
@@ -532,9 +535,6 @@
532
535
  .ui\:h-\[calc\(--spacing\(5\.5\)\)\] {
533
536
  height: calc(calc(var(--ui-spacing) * 5.5));
534
537
  }
535
- .ui\:h-\[calc\(100\%-1px\)\] {
536
- height: calc(100% - 1px);
537
- }
538
538
  .ui\:h-auto {
539
539
  height: auto;
540
540
  }
@@ -1506,9 +1506,6 @@
1506
1506
  .ui\:p-8 {
1507
1507
  padding: calc(var(--ui-spacing) * 8);
1508
1508
  }
1509
- .ui\:p-\[3px\] {
1510
- padding: 3px;
1511
- }
1512
1509
  .ui\:p-px {
1513
1510
  padding: 1px;
1514
1511
  }
@@ -3626,9 +3623,14 @@
3626
3623
  }
3627
3624
  }
3628
3625
  }
3629
- .ui\:data-\[state\=active\]\:bg-background {
3626
+ .ui\:data-\[state\=active\]\:bg-segmentify-200 {
3630
3627
  &[data-state="active"] {
3631
- background-color: var(--ui-color-background);
3628
+ background-color: var(--ui-color-segmentify-200);
3629
+ }
3630
+ }
3631
+ .ui\:data-\[state\=active\]\:text-primary {
3632
+ &[data-state="active"] {
3633
+ color: var(--ui-color-primary);
3632
3634
  }
3633
3635
  }
3634
3636
  .ui\:data-\[state\=active\]\:shadow-sm {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@segmentify/ui",
3
- "version": "0.0.37",
3
+ "version": "0.0.39",
4
4
  "description": "A collection of reusable React UI components built with Tailwind CSS and Radix UI",
5
5
  "repository": {
6
6
  "type": "git",