@vellira-ui/tokens 2.37.0 → 2.39.0

package/dist/css/tokens.css

@@ -1376,6 +1376,12 @@
   --radio-selected-disabled-fg: #958CB0;
   --radio-selected-disabled-border: #E4DDF4;
   --radio-selected-disabled-label-fg: #958CB0;
+  --radio-group-size-sm-item-gap: 4px;
+  --radio-group-size-sm-horizontal-gap: 12px;
+  --radio-group-size-md-item-gap: 8px;
+  --radio-group-size-md-horizontal-gap: 16px;
+  --radio-group-size-lg-item-gap: 12px;
+  --radio-group-size-lg-horizontal-gap: 20px;
   --select-primary-ring: #9B7CFF;
   --select-primary-outline-default-bg: transparent;
   --select-primary-outline-default-fg: #3D3754;
@@ -3460,6 +3466,12 @@
   --radio-selected-disabled-fg: #6B6386;
   --radio-selected-disabled-border: #3D3754;
   --radio-selected-disabled-label-fg: #6B6386;
+  --radio-group-size-sm-item-gap: 4px;
+  --radio-group-size-sm-horizontal-gap: 12px;
+  --radio-group-size-md-item-gap: 8px;
+  --radio-group-size-md-horizontal-gap: 16px;
+  --radio-group-size-lg-item-gap: 12px;
+  --radio-group-size-lg-horizontal-gap: 20px;
   --select-primary-ring: #9B7CFF;
   --select-primary-outline-default-bg: transparent;
   --select-primary-outline-default-fg: #F4F1FB;
@@ -5555,6 +5567,12 @@
   --radio-selected-disabled-fg: #6B7280;
   --radio-selected-disabled-border: #4B5563;
   --radio-selected-disabled-label-fg: #6B7280;
+  --radio-group-size-sm-item-gap: 4px;
+  --radio-group-size-sm-horizontal-gap: 12px;
+  --radio-group-size-md-item-gap: 8px;
+  --radio-group-size-md-horizontal-gap: 16px;
+  --radio-group-size-lg-item-gap: 12px;
+  --radio-group-size-lg-horizontal-gap: 20px;
   --select-primary-ring: #9B7CFF;
   --select-primary-outline-default-bg: transparent;
   --select-primary-outline-default-fg: #FFFFFF;

package/dist/dark/components/index.d.ts

@@ -6,6 +6,7 @@ export { formField } from './formField.js';
 export { input } from './input.js';
 export { modal } from './modal.js';
 export { radio } from './radio.js';
+export { radioGroup } from './radioGroup.js';
 export { select } from './select.js';
 export { tabs } from './tabs.js';
 export { tooltip } from './tooltip.js';

package/dist/dark/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dark/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dark/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/dark/components/index.js

@@ -6,6 +6,7 @@ export { formField } from './formField.js';
 export { input } from './input.js';
 export { modal } from './modal.js';
 export { radio } from './radio.js';
+export { radioGroup } from './radioGroup.js';
 export { select } from './select.js';
 export { tabs } from './tabs.js';
 export { tooltip } from './tooltip.js';

package/dist/dark/components/radioGroup.d.ts

@@ -0,0 +1,17 @@
+export declare const radioGroup: {
+    readonly size: {
+        readonly sm: {
+            readonly itemGap: number;
+            readonly horizontalGap: number;
+        };
+        readonly md: {
+            readonly itemGap: number;
+            readonly horizontalGap: number;
+        };
+        readonly lg: {
+            readonly itemGap: number;
+            readonly horizontalGap: number;
+        };
+    };
+};
+//# sourceMappingURL=radioGroup.d.ts.map

package/dist/dark/components/radioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioGroup.d.ts","sourceRoot":"","sources":["../../../src/dark/components/radioGroup.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAMrB,CAAC"}

package/dist/dark/components/radioGroup.js

@@ -0,0 +1,9 @@
+import { createRadioGroupTokens } from '../../factories/createRadioGroupTokens.js';
+import { spacing } from '../../tokens/spacing.js';
+export const radioGroup = createRadioGroupTokens({
+    spacing1: spacing[1],
+    spacing2: spacing[2],
+    spacing3: spacing[3],
+    spacing4: spacing[4],
+    spacing5: spacing[5],
+});

package/dist/factories/createRadioGroupTokens.d.ts

@@ -0,0 +1,25 @@
+type RadioGroupTokensConfig = {
+    spacing1: number;
+    spacing2: number;
+    spacing3: number;
+    spacing4: number;
+    spacing5: number;
+};
+export declare const createRadioGroupTokens: (config: RadioGroupTokensConfig) => {
+    readonly size: {
+        readonly sm: {
+            readonly itemGap: number;
+            readonly horizontalGap: number;
+        };
+        readonly md: {
+            readonly itemGap: number;
+            readonly horizontalGap: number;
+        };
+        readonly lg: {
+            readonly itemGap: number;
+            readonly horizontalGap: number;
+        };
+    };
+};
+export {};
+//# sourceMappingURL=createRadioGroupTokens.d.ts.map

package/dist/factories/createRadioGroupTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRadioGroupTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createRadioGroupTokens.ts"],"names":[],"mappings":"AAAA,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,QAAQ,sBAAsB;;;;;;;;;;;;;;;CAgBxD,CAAC"}

package/dist/factories/createRadioGroupTokens.js

@@ -0,0 +1,16 @@
+export const createRadioGroupTokens = (config) => ({
+    size: {
+        sm: {
+            itemGap: config.spacing1,
+            horizontalGap: config.spacing3,
+        },
+        md: {
+            itemGap: config.spacing2,
+            horizontalGap: config.spacing4,
+        },
+        lg: {
+            itemGap: config.spacing3,
+            horizontalGap: config.spacing5,
+        },
+    },
+});

package/dist/factories/index.d.ts

@@ -2,5 +2,6 @@ export * from './createButtonPalette.js';
 export * from './createCheckboxPalette.js';
 export * from './createInputPalette.js';
 export * from './createModalTokens.js';
+export * from './createRadioGroupTokens.js';
 export * from './createRadioPalette.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/factories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/factories/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/factories/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC"}

package/dist/factories/index.js

@@ -2,4 +2,5 @@ export * from './createButtonPalette.js';
 export * from './createCheckboxPalette.js';
 export * from './createInputPalette.js';
 export * from './createModalTokens.js';
+export * from './createRadioGroupTokens.js';
 export * from './createRadioPalette.js';