@cdx-ui/components 0.3.5 → 0.3.6

package/src/components/BarChart/styles.ts

@@ -0,0 +1,31 @@
+import { cva, type VariantProps } from '@cdx-ui/utils';
+import { CHART_DIMENSIONS, resolveChartBox } from '../chart/size';
+import type { ChartSize } from '../chart/types';
+
+export const barChartRootVariants = cva('w-full max-w-full items-center gap-4');
+
+export const barChartLegendVariants = cva(
+  'max-w-full flex-row flex-wrap items-center justify-center gap-x-4 gap-y-2',
+);
+
+export const barChartLegendItemVariants = cva('flex-row items-center gap-1.5');
+
+export const barChartLegendLabelVariants = cva('body-sm text-content-primary', {
+  variants: {
+    selected: {
+      true: 'font-medium text-content-primary',
+      false: '',
+    },
+  },
+  defaultVariants: {
+    selected: false,
+  },
+});
+
+export type BarChartLegendLabelVariantProps = VariantProps<typeof barChartLegendLabelVariants>;
+
+export const BAR_CHART_DIMENSIONS = CHART_DIMENSIONS;
+export type BarChartSize = ChartSize;
+export const resolveBarChartBox = resolveChartBox;
+
+export const BAR_RADIUS = 6;

package/src/components/Button/index.tsx

@@ -109,7 +109,7 @@ const ButtonRoot = forwardRef<View, ButtonProps>(
           className={computedClassName}
           style={style}
           {...props}
-          {...mergeDataAttributes(props, dataAttributes({ slot: 'button' }))}
+          {...mergeDataAttributes(dataAttributes({ slot: 'button' }), props)}
         >
           {children}
         </ButtonRootPrimitive>