@uzum-tech/ui 0.1.2 → 1.0.0

package/lib/radio/src/RadioGroup.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import { type OnUpdateValue } from './interface';
+import { OnUpdateValue } from '../../_internal';
 export declare const radioGroupProps: {
     readonly name: StringConstructor;
     readonly value: PropType<string | number | boolean | null>;
@@ -16,22 +16,35 @@ export declare const radioGroupProps: {
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
+        radioSizeSmall: string;
+        radioSizeMedium: string;
+        radioSizeLarge: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -53,29 +66,37 @@ export declare const radioGroupProps: {
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;
         radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -97,29 +118,37 @@ export declare const radioGroupProps: {
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;
         radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -141,11 +170,6 @@ export declare const radioGroupProps: {
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
-        radioSizeSmall: string;
-        radioSizeMedium: string;
-        radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
     }, any>>>;
 };
 export type RadioGroupProps = ExtractPublicPropTypes<typeof radioGroupProps>;
@@ -164,22 +188,35 @@ declare const _default: import("vue").DefineComponent<{
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
+        radioSizeSmall: string;
+        radioSizeMedium: string;
+        radioSizeLarge: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -201,29 +238,37 @@ declare const _default: import("vue").DefineComponent<{
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;
         radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -245,29 +290,37 @@ declare const _default: import("vue").DefineComponent<{
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;
         radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -289,11 +342,6 @@ declare const _default: import("vue").DefineComponent<{
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
-        radioSizeSmall: string;
-        radioSizeMedium: string;
-        radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
     }, any>>>;
 }, {
     selfElRef: import("vue").Ref<HTMLDivElement | null>;
@@ -335,22 +383,35 @@ declare const _default: import("vue").DefineComponent<{
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
+        radioSizeSmall: string;
+        radioSizeMedium: string;
+        radioSizeLarge: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -372,29 +433,37 @@ declare const _default: import("vue").DefineComponent<{
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;
         radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -416,29 +485,37 @@ declare const _default: import("vue").DefineComponent<{
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;
         radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -460,11 +537,6 @@ declare const _default: import("vue").DefineComponent<{
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
-        radioSizeSmall: string;
-        radioSizeMedium: string;
-        radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
     }, any>>>;
 }>>, {
     readonly disabled: boolean | undefined;

package/lib/radio/src/RadioGroup.js

@@ -9,9 +9,9 @@ const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
-const use_radio_1 = require("./use-radio");
 const radio_group_cssr_1 = __importDefault(require("./styles/radio-group.cssr"));
 const use_rtl_1 = require("../../_mixins/use-rtl");
+const _internal_1 = require("../../_internal");
 function mapSlot(defaultSlot, value, clsPrefix) {
     var _a;
     const children = [];
@@ -115,7 +115,7 @@ exports.default = (0, vue_1.defineComponent)({
                 return;
             nTriggerFormBlur();
         }
-        (0, vue_1.provide)(use_radio_1.radioGroupInjectionKey, {
+        (0, vue_1.provide)(_internal_1.radioGroupInjectionKey, {
             mergedClsPrefixRef,
             nameRef: (0, vue_1.toRef)(props, 'name'),
             valueRef: mergedValueRef,

package/lib/radio/src/styles/radio-group.cssr.js

@@ -17,7 +17,7 @@ exports.default = (0, cssr_1.cB)('radio-group', `
 `, [(0, cssr_1.cE)('splitor', `
  display: inline-block;
  vertical-align: bottom;
- width: 1px;
+ width: 2px;
  transition:
  background-color .3s var(--u-bezier),
  opacity .3s var(--u-bezier);
@@ -29,10 +29,10 @@ exports.default = (0, cssr_1.cB)('radio-group', `
 })]), (0, cssr_1.cM)('button-group', `
  white-space: nowrap;
  height: var(--u-height);
- line-height: var(--u-height);
+ line-height: calc(var(--u-height) - 4px);
  `, [(0, cssr_1.cB)('radio-button', {
   height: 'var(--u-height)',
-  lineHeight: 'var(--u-height)'
+  lineHeight: 'calc(var(--u-height) - 4px)'
 }), (0, cssr_1.cE)('splitor', {
   height: 'var(--u-height)'
 })]), (0, cssr_1.cB)('radio-button', `
@@ -52,8 +52,8 @@ exports.default = (0, cssr_1.cB)('radio-group', `
  border-color .3s var(--u-bezier),
  color .3s var(--u-bezier);
  color: var(--u-button-text-color);
- border-top: 1px solid var(--u-button-border-color);
- border-bottom: 1px solid var(--u-button-border-color);
+ border-top: 2px solid var(--u-button-border-color);
+ border-bottom: 2px solid var(--u-button-border-color);
  `, [(0, cssr_1.cB)('radio-input', `
  pointer-events: none;
  position: absolute;
@@ -78,14 +78,14 @@ exports.default = (0, cssr_1.cB)('radio-group', `
  `), (0, cssr_1.c)('&:first-child', `
  border-top-left-radius: var(--u-button-border-radius);
  border-bottom-left-radius: var(--u-button-border-radius);
- border-left: 1px solid var(--u-button-border-color);
+ border-left: 2px solid var(--u-button-border-color);
  `, [(0, cssr_1.cE)('state-border', `
  border-top-left-radius: var(--u-button-border-radius);
  border-bottom-left-radius: var(--u-button-border-radius);
  `)]), (0, cssr_1.c)('&:last-child', `
  border-top-right-radius: var(--u-button-border-radius);
  border-bottom-right-radius: var(--u-button-border-radius);
- border-right: 1px solid var(--u-button-border-color);
+ border-right: 2px solid var(--u-button-border-color);
  `, [(0, cssr_1.cE)('state-border', `
  border-top-right-radius: var(--u-button-border-radius);
  border-bottom-right-radius: var(--u-button-border-radius);

package/lib/radio/src/styles/radio.cssr.js

@@ -13,8 +13,6 @@ const cssr_1 = require("../../../_utils/cssr");
 // --u-box-shadow-hover
 // --u-color
 // --u-color-disabled
-// --u-dot-color-active
-// --u-dot-color-disabled
 // --u-font-size
 // --u-radio-size
 // --u-text-color
@@ -23,7 +21,6 @@ const cssr_1 = require("../../../_utils/cssr");
 // --u-label-line-height
 // --u-color-active
 exports.default = (0, cssr_1.cB)('radio', `
- line-height: var(--u-label-line-height);
  outline: none;
  position: relative;
  user-select: none;
@@ -33,15 +30,12 @@ exports.default = (0, cssr_1.cB)('radio', `
  align-items: flex-start;
  flex-wrap: nowrap;
  font-size: var(--u-font-size);
+ font-weight: var(--u-font-weight);
+ line-height: var(--u-line-height);
  word-break: break-word;
-`, [(0, cssr_1.cM)('checked', [(0, cssr_1.cE)('dot', `
- background-color: var(--u-color-active);
- `), (0, cssr_1.c)('&:hover', [(0, cssr_1.cE)('dot', {
-  boxShadow: 'var(--u-box-shadow-hover-checked)'
-})]), (0, cssr_1.c)('&:focus', [(0, cssr_1.cE)('dot', {
-  boxShadow: 'var(--u-box-shadow-focus-checked)'
-})])]), (0, cssr_1.cE)('dot-wrapper', `
+`, [(0, cssr_1.cE)('dot-wrapper', `
  position: relative;
+ height: var(--u-radio-size);
  width: var(--u-radio-size);
  flex-shrink: 0;
  flex-grow: 0;
@@ -100,33 +94,33 @@ exports.default = (0, cssr_1.cB)('radio', `
  user-select: none;
  -webkit-user-select: none;
  font-weight: var(--u-label-font-weight);
- line-height: var(--u-size);
+ font-size: var(--u-label-font-size);
+ line-height: var(--u-radio-size);
  `, [(0, cssr_1.c)('&:empty', {
   display: 'none'
 })]), (0, cssr_1.cE)('description', `
  transition: color .3s var(--u-bezier);
  user-select: none;
  -webkit-user-select: none;
- font-size: 14px;
- color: var(--u-text-description-color);;
- font-weight: var(--u-label-font-weight);
- line-height: 20px;
+ color: var(--u-text-description-color);
  margin-top: 4px;
  `, [(0, cssr_1.c)('&:empty', {
   display: 'none'
 })]), (0, cssr_1.c)('&:hover', [(0, cssr_1.cE)('dot', {
   boxShadow: 'var(--u-box-shadow-hover)'
-})]), (0, cssr_1.c)('&:focus', [(0, cssr_1.cE)('dot', {
+})]), (0, cssr_1.cM)('focus', [(0, cssr_1.c)('&:not(:active)', [(0, cssr_1.cE)('dot', {
   boxShadow: 'var(--u-box-shadow-focus)'
-})]),
-// cM('focus', [
-//   c('&:not(:active)', [
-//     cE('dot', {
-//       boxShadow: 'var(--u-box-shadow-focus)'
-//     })
-//   ])
-// ]),
-(0, cssr_1.cM)('disabled', `
+})])]), (0, cssr_1.c)('&:active', [(0, cssr_1.cE)('dot', {
+  boxShadow: 'var(--u-box-shadow-pressed)'
+})]), (0, cssr_1.cM)('checked', [(0, cssr_1.cE)('dot', `
+ background-color: var(--u-color-active);
+ `), (0, cssr_1.c)('&:hover', [(0, cssr_1.cE)('dot', {
+  boxShadow: 'var(--u-box-shadow-hover-checked)'
+})]), (0, cssr_1.cM)('focus', [(0, cssr_1.cE)('dot', {
+  boxShadow: 'var(--u-box-shadow-focus-checked)'
+})]), (0, cssr_1.c)('&:active', [(0, cssr_1.cE)('dot', {
+  boxShadow: 'var(--u-box-shadow-pressed-checked)'
+})])]), (0, cssr_1.cM)('disabled', `
  cursor: not-allowed;
  `, [(0, cssr_1.c)('&:hover', [(0, cssr_1.cE)('dot', {
   boxShadow: 'var(--u-box-shadow-disabled)'

package/lib/radio/src/styles/rtl.cssr.js

@@ -10,13 +10,13 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('radio', [(0, cssr_1.cM)('rtl',
  direction: rtl;
  `, [(0, cssr_1.cB)('radio-button', [(0, cssr_1.c)('&:first-child', `
  border-radius: 0 var(--u-button-border-radius) var(--u-button-border-radius) 0;
- border-right: 1px solid var(--u-button-border-color);
+ border-right: 2px solid var(--u-button-border-color);
  border-left: 0;
  `, [(0, cssr_1.cE)('state-border', `
  border-radius: 0 var(--u-button-border-radius) var(--u-button-border-radius) 0;
  `)]), (0, cssr_1.c)('&:last-child', `
  border-radius: var(--u-button-border-radius) 0 0 var(--u-button-border-radius);
- border-left: 1px solid var(--u-button-border-color);
+ border-left: 2px solid var(--u-button-border-color);
  border-right: 0;
  `, [(0, cssr_1.cE)('state-border', `
  border-radius: var(--u-button-border-radius) 0 0 var(--u-button-border-radius);

package/lib/radio/styles/dark.js

@@ -1,19 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const seemly_1 = require("seemly");
-const _common_1 = __importDefault(require("./_common"));
 const common_1 = require("../../_styles/common");
+const light_1 = require("./light");
 const radioDark = {
     name: 'Radio',
     common: common_1.commonDark,
-    self(vars) {
-        const { borderColor, tertiaryColor, tertiaryColorSuppl, primaryColor, baseColor, textColorDisabled, inputColorDisabled, textColor2, opacityDisabled, borderRadius, fontSizeSmall, fontSizeMedium, fontSizeLarge, heightSmall, heightMedium, heightLarge, lineHeight, boxShadowHover, boxShadowFocus, boxShadowHoverChecked, boxShadowFocusChecked } = vars;
-        return Object.assign(Object.assign({}, _common_1.default), { labelLineHeight: lineHeight, buttonHeightSmall: heightSmall, buttonHeightMedium: heightMedium, buttonHeightLarge: heightLarge, fontSizeSmall,
-            fontSizeMedium,
-            fontSizeLarge, boxShadow: `inset 0 0 0 2px ${tertiaryColorSuppl}`, boxShadowActive: `inset 0 0 0 8px ${primaryColor}`, boxShadowFocus: `inset 0 0 0 2px ${primaryColor},  0 0 0 12px ${boxShadowFocus}`, boxShadowHover: `inset 0 0 0 2px ${tertiaryColor}, 0 0 0 12px ${boxShadowHover}`, boxShadowDisabled: `inset 0 0 0 2px ${tertiaryColorSuppl}`, boxShadowChecked: `inset 0 0 0 2px ${primaryColor}`, boxShadowActiveChecked: `inset 0 0 0 8px ${primaryColor}`, boxShadowFocusChecked: `inset 0 0 0 8px ${primaryColor}, 0 0 0 12px ${boxShadowFocusChecked}`, boxShadowHoverChecked: `inset 0 0 0 8px ${primaryColor}, 0 0 0 12px ${boxShadowHoverChecked}`, boxShadowDisabledChecked: `inset 0 0 0 8px ${tertiaryColorSuppl}`, color: '#0000', colorDisabled: inputColorDisabled, colorActive: '#0000', textColor: textColor2, textColorDisabled, dotColorActive: primaryColor, dotColorDisabled: borderColor, buttonBorderColor: borderColor, buttonBorderColorActive: primaryColor, buttonBorderColorHover: primaryColor, buttonColor: '#0000', buttonColorActive: primaryColor, buttonTextColor: textColor2, buttonTextColorActive: baseColor, buttonTextColorHover: primaryColor, opacityDisabled, buttonBoxShadowFocus: `inset 0 0 0 1px ${primaryColor}, 0 0 0 2px ${(0, seemly_1.changeColor)(primaryColor, { alpha: 0.3 })}`, buttonBoxShadowHover: `inset 0 0 0 1px ${primaryColor}`, buttonBoxShadow: 'inset 0 0 0 1px #0000', buttonBorderRadius: borderRadius });
-    }
+    self: light_1.self
 };
 exports.default = radioDark;

package/lib/radio/styles/light.d.ts

@@ -1,22 +1,35 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import { type Theme } from '../../_mixins';
-declare const self: (vars: ThemeCommonVars) => {
-    labelLineHeight: string;
+export declare const self: (vars: ThemeCommonVars) => {
+    radioSizeSmall: string;
+    radioSizeMedium: string;
+    radioSizeLarge: string;
     buttonHeightSmall: string;
     buttonHeightMedium: string;
     buttonHeightLarge: string;
+    labelPadding: string;
+    labelFontWeight: string;
+    labelFontSizeSmall: string;
+    labelFontSizeMedium: string;
+    labelFontSizeLarge: string;
     fontSizeSmall: string;
     fontSizeMedium: string;
     fontSizeLarge: string;
+    lineHeightSmall: string;
+    lineHeightMedium: string;
+    lineHeightLarge: string;
+    fontWeight: string;
     boxShadow: string;
     boxShadowActive: string;
     boxShadowFocus: string;
     boxShadowHover: string;
+    boxShadowPressed: string;
     boxShadowDisabled: string;
     boxShadowChecked: string;
     boxShadowActiveChecked: string;
     boxShadowFocusChecked: string;
     boxShadowHoverChecked: string;
+    boxShadowPressedChecked: string;
     boxShadowDisabledChecked: string;
     color: string;
     colorDisabled: string;
@@ -38,11 +51,6 @@ declare const self: (vars: ThemeCommonVars) => {
     buttonBoxShadowHover: string;
     buttonBoxShadow: string;
     buttonBorderRadius: string;
-    radioSizeSmall: string;
-    radioSizeMedium: string;
-    radioSizeLarge: string;
-    labelPadding: string;
-    labelFontWeight: string;
 };
 export type RadioThemeVars = ReturnType<typeof self>;
 declare const radioLight: Theme<'Radio', RadioThemeVars>;