@uzum-tech/ui 1.5.1 → 1.5.3

package/lib/list/src/styles/index.cssr.js

@@ -4,13 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 const cssr_1 = require("../../../_utils/cssr");
-exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('list', `
+// --u-border-radius
+// --u-suffix-size
+exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('align-start', `
+ align-self: self-start;
+ `), (0, cssr_1.cB)('align-center', `
+ align-self: center;
+ `), (0, cssr_1.cB)('align-end', `
+ align-self: self-end;
+ `), (0, cssr_1.cB)('list', `
  --u-merged-border-color: var(--u-border-color);
  --u-merged-color: var(--u-color);
  --u-merged-color-focus: var(--u-color-focus);
  --u-merged-color-hover: var(--u-color-hover);
  margin: 0;
- font-size: var(--u-font-size);
  transition:
  background-color .3s var(--u-bezier),
  color .3s var(--u-bezier),
@@ -21,17 +28,10 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('list', `
  background-color: var(--u-merged-color);
  `, [(0, cssr_1.cM)('clickable', [(0, cssr_1.cB)('list-item', `
  cursor: pointer;
- `)]), (0, cssr_1.cM)('bordered', `
- border: 1px solid var(--u-merged-border-color);
- border-radius: var(--u-border-radius);
- `, [(0, cssr_1.cB)('list-item', [(0, cssr_1.c)('&:first-child', `
- border-radius: var(--u-border-radius);
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- `), (0, cssr_1.c)('&:last-child', `
- border-radius: var(--u-border-radius);
- border-top-left-radius: 0;
- border-top-right-radius: 0;
+ `)]), (0, cssr_1.cM)('bordered', [(0, cssr_1.cB)('list-item', `
+ border-bottom: 1px solid var(--u-merged-border-color);
+ `, [(0, cssr_1.c)('&:last-child', `
+ border: none;
  `)])]), (0, cssr_1.cE)('header, footer', `
  padding: var(--u-padding);
  padding-left: 0px;
@@ -51,11 +51,10 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('list', `
  position: relative;
  outline: none;
  display: flex;
- align-items: center;
  padding: var(--u-padding);
- padding-left: 0;
- padding-right: 0;
- `, [(0, cssr_1.cE)('main', `
+ `, [(0, cssr_1.cB)('skeleton', `
+ height: 24px
+ `), (0, cssr_1.cE)('main', `
  flex: 1;
  `), (0, cssr_1.c)('&:focus', `
  outline: none;
@@ -70,81 +69,43 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('list', `
  left: 0;
  `), (0, cssr_1.cE)('icon', `
  display: flex;
- font-size: var(--u-icon-size);
  margin-left: var(--u-icon-space);
  `), (0, cssr_1.cE)('suffix', `
  margin-left: var(--u-suffix-space);
+ font-size: var(--u-suffix-size);
+ align-self: center;
  `), (0, cssr_1.cE)('prefix', `
  margin-right: var(--u-prefix-space);
+ display: flex;
  `), (0, cssr_1.cE)('content', `
- flex-grow: 1;
- padding: 0;
  display: flex;
  flex-direction: column;
- align-items: stretch;
+ gap: 4px;
  `, [(0, cssr_1.cM)('right', `
- margin-left: auto;
  text-align: right;
- align-items: flex-end;
- `, [(0, cssr_1.cE)('title', `
- font-weight: 600;
- `)]), (0, cssr_1.c)('+', [(0, cssr_1.cE)('content', `
- margin-left: 24px;
- flex-grow: 0;
- `)])]), (0, cssr_1.cE)('text', `
- flex-grow: 1;
- display: flex;
- align-items: flex-start;
+ `), (0, cssr_1.cM)('full', {
+  width: '100%'
+})]), (0, cssr_1.cE)('text', `
+ display: grid;
+ gap: 16px;
+ grid-template-columns: 1fr 1fr;
+ height: 100%
  `), (0, cssr_1.cE)('title', `
- padding-top: 4px;
  flex-grow: 1;
- margin-bottom: 4px;
- font-size: var(--u-title-size);
- font-weight: 500;
- line-height: var(--u-title-line-height);
- `, [(0, cssr_1.c)('&:last-child', `
- margin-bottom: 0;
- `)]), (0, cssr_1.cE)('subtitle', `
- padding-bottom: 4px;
+ `), (0, cssr_1.cE)('subtitle', `
  flex-grow: 1;
- font-size: var(--u-subtitle-size);
- font-weight: 500;
- line-height: var(--u-subtitle-line-height);
  color: var(--u-subtitle-color);
  `), (0, cssr_1.cE)('subtitle,title', [(0, cssr_1.c)('&:last-child:first-child', `
- padding: 12px 0;
- `)]), (0, cssr_1.cE)('avatar', `
- display: flex;
- margin-right: var(--u-avatar-space);
- `), (0, cssr_1.c)('&:last-child', [(0, cssr_1.cE)('divider', `
+ `)]), (0, cssr_1.c)('&:last-child', [(0, cssr_1.cE)('divider', `
  display: none;
  `)]), (0, cssr_1.cM)('default', `
- min-height: var(--u-min-height);
  padding: var(--u-padding);
  `, [(0, cssr_1.cE)('main', `
- display: flex;
+ display: none;
  align-items: center;
- `)]), (0, cssr_1.cM)('description-first', [(0, cssr_1.cE)('title', `
- padding-top: 0;
- padding-bottom: 4px;
- order: 1;
- margin-top: 4px;
- margin-bottom: 0px;
- `, [(0, cssr_1.c)('&:last-child', `
- margin-top: 0;
- `)]), (0, cssr_1.cE)('subtitle', `
- padding-bottom: 0;
- padding-top: 4px;
- `)]), (0, cssr_1.cM)('columns-even', [(0, cssr_1.cE)('content', [(0, cssr_1.cM)('right', `
- flex-grow: 1;
- text-align: left;
- align-items: stretch;
- `)])]), (0, cssr_1.cM)('bordered', `
- padding: var(--u-padding);
- `), (0, cssr_1.cNotM)('loading', [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.cNotM)('loading-skeleton', [(0, cssr_1.cM)('hoverable', `
+ `)]), (0, cssr_1.cNotM)('loading', [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.cNotM)('loading-skeleton', [(0, cssr_1.cM)('hoverable', `
  cursor: pointer;
  user-select: none;
- padding: var(--u-padding);
  `, [(0, cssr_1.c)('&:hover', `
  background: var(--u-merged-color-hover);
  `), (0, cssr_1.c)('&:focus,&:active', `
@@ -157,26 +118,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('list', `
  border-radius: var(--u-border-radius);
  `), (0, cssr_1.cM)('disabled', [(0, cssr_1.cE)('text, subtitle', `
  color: var(--u-text-color-disabled);
- `)]), (0, cssr_1.cM)('loading-skeleton', [(0, cssr_1.cE)('content', `
- padding: 5px 0;
- `), (0, cssr_1.cE)('content--left', `
- flex-grow: 0;
- width: calc(66.38% - 8px);
- `), (0, cssr_1.cE)('content--right', `
- flex-grow: 0;
- width: calc(33.62% - 8px);
- `), (0, cssr_1.cE)('title,subtitle', [(0, cssr_1.c)('&:first-child:last-child', `
- padding: 0;
- `)]), (0, cssr_1.cE)('title', `
- margin-bottom: 8px;
- `, [(0, cssr_1.c)('&:last-child', `
- margin-bottom: 0;
- `)]), (0, cssr_1.cM)('description-first', [(0, cssr_1.cE)('title', `
- margin-bottom: 0;
- margin-top: 8px;
- `, [(0, cssr_1.c)('&:last-child', `
- margin-top: 0;
- `)])])])]), (0, cssr_1.insideModal)((0, cssr_1.cB)('list', `
+ `)])]), (0, cssr_1.insideModal)((0, cssr_1.cB)('list', `
  --u-merged-color-hover: var(--u-color-hover-modal);
  --u-merged-color: var(--u-color-modal);
  --u-merged-border-color: var(--u-border-color-modal);

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

@@ -1,18 +1,12 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import { type Theme } from '../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
-    padding: string;
     iconSize: string;
     iconSpace: string;
     suffixSpace: string;
     prefixSpace: string;
-    titleSize: string;
-    titleLineHeight: string;
-    subtitleSize: string;
-    subtitleLineHeight: string;
     subtitleColor: string;
     avatarSpace: string;
-    minHeight: string;
     colorFocus: string;
     pressedScale: string;
     textColorDisabled: string;
@@ -26,8 +20,11 @@ export declare const self: (vars: ThemeCommonVars) => {
     borderColor: string;
     borderColorModal: string;
     borderColorPopover: string;
-    borderRadius: string;
-    fontSize: string;
+    borderRadiusLarge: string;
+    borderRadiusMedium: string;
+    borderRadiusSmall: string;
+    padding: string;
+    suffixSize: string;
 };
 export type ListThemeVars = ReturnType<typeof self>;
 declare const listLight: Theme<'List', ListThemeVars>;

package/lib/list/styles/light.js

@@ -3,20 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { borderRadius, iconMedium, fontBodyLarge, lineHeightBodyLarge, lineHeightBodyMedium, textSecondary, iconSmall, elementsQuaternary, textTertiary, textPrimary, fontBodyMedium, containerPrimary, elementsTertiary } = vars;
+    const { borderRadius, borderRadiusMedium, borderRadiusSmall, iconMedium, textSecondary, iconSmall, elementsQuaternary, textTertiary, textPrimary, containerPrimary, elementsTertiary } = vars;
     return {
-        padding: '8px 24px',
         iconSize: iconMedium,
         iconSpace: '16px',
         suffixSpace: '20px',
         prefixSpace: '20px',
-        titleSize: fontBodyLarge,
-        titleLineHeight: lineHeightBodyLarge,
-        subtitleSize: fontBodyMedium,
-        subtitleLineHeight: lineHeightBodyMedium,
         subtitleColor: textSecondary,
         avatarSpace: iconSmall,
-        minHeight: '64px',
         colorFocus: elementsQuaternary,
         pressedScale: '0.98',
         textColorDisabled: textTertiary,
@@ -30,8 +24,11 @@ const self = (vars) => {
         borderColor: elementsQuaternary,
         borderColorModal: elementsQuaternary,
         borderColorPopover: elementsQuaternary,
-        borderRadius,
-        fontSize: fontBodyMedium
+        borderRadiusLarge: borderRadius,
+        borderRadiusMedium,
+        borderRadiusSmall,
+        padding: '12px 24px',
+        suffixSize: '24px'
     };
 };
 exports.self = self;

package/lib/mention/src/Mention.js

@@ -119,15 +119,15 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function doUpdateValue(value) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue } = props;
-            const { nTriggerFormChange, nTriggerFormInput } = formItem;
+            const { triggerFormChange, triggerFormInput } = formItem;
             if (_onUpdateValue) {
                 (0, _utils_1.call)(_onUpdateValue, value);
             }
             if (onUpdateValue) {
                 (0, _utils_1.call)(onUpdateValue, value);
             }
-            nTriggerFormInput();
-            nTriggerFormChange();
+            triggerFormInput();
+            triggerFormChange();
             uncontrolledValueRef.value = value;
         }
         function getInputEl() {
@@ -244,8 +244,8 @@ exports.default = (0, vue_1.defineComponent)({
         function handleInputFocus(e) {
             const { onFocus } = props;
             onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-            const { nTriggerFormFocus } = formItem;
-            nTriggerFormFocus();
+            const { triggerFormFocus } = formItem;
+            triggerFormFocus();
             syncAfterCursorMove();
         }
         function focus() {
@@ -259,8 +259,8 @@ exports.default = (0, vue_1.defineComponent)({
         function handleInputBlur(e) {
             const { onBlur } = props;
             onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-            const { nTriggerFormBlur } = formItem;
-            nTriggerFormBlur();
+            const { triggerFormBlur } = formItem;
+            triggerFormBlur();
             doUpdateShowMenu(false);
         }
         function handleSelect(tmNode) {

package/lib/radio/src/RadioGroup.js

@@ -81,7 +81,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: exports.radioGroupProps,
     setup(props) {
         const selfElRef = (0, vue_1.ref)(null);
-        const { mergedSizeRef, mergedDisabledRef, nTriggerFormChange, nTriggerFormInput, nTriggerFormBlur, nTriggerFormFocus } = (0, _mixins_1.useFormItem)(props);
+        const { mergedSizeRef, mergedDisabledRef, triggerFormChange, triggerFormInput, triggerFormBlur, triggerFormFocus } = (0, _mixins_1.useFormItem)(props);
         const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Radio', '-radio-group', radio_group_cssr_1.default, styles_1.radioLight, props, mergedClsPrefixRef);
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
@@ -96,8 +96,8 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(_onUpdateValue, value);
             }
             uncontrolledValueRef.value = value;
-            nTriggerFormChange();
-            nTriggerFormInput();
+            triggerFormChange();
+            triggerFormInput();
         }
         function handleFocusin(e) {
             const { value: selfEl } = selfElRef;
@@ -105,7 +105,7 @@ exports.default = (0, vue_1.defineComponent)({
                 return;
             if (selfEl.contains(e.relatedTarget))
                 return;
-            nTriggerFormFocus();
+            triggerFormFocus();
         }
         function handleFocusout(e) {
             const { value: selfEl } = selfElRef;
@@ -113,7 +113,7 @@ exports.default = (0, vue_1.defineComponent)({
                 return;
             if (selfEl.contains(e.relatedTarget))
                 return;
-            nTriggerFormBlur();
+            triggerFormBlur();
         }
         (0, vue_1.provide)(_internal_1.radioGroupInjectionKey, {
             mergedClsPrefixRef,

package/lib/rate/src/Rate.js

@@ -35,7 +35,7 @@ exports.default = (0, vue_1.defineComponent)({
         const mergedValue = (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef);
         function doUpdateValue(value) {
             const { 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
-            const { nTriggerFormChange, nTriggerFormInput } = formItem;
+            const { triggerFormChange, triggerFormInput } = formItem;
             if (_onUpdateValue) {
                 (0, _utils_1.call)(_onUpdateValue, value);
             }
@@ -43,8 +43,8 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(onUpdateValue, value);
             }
             uncontrolledValueRef.value = value;
-            nTriggerFormChange();
-            nTriggerFormInput();
+            triggerFormChange();
+            triggerFormInput();
         }
         function getDerivedValue(index, e) {
             if (props.allowHalf) {

package/lib/select/src/Select.js

@@ -229,7 +229,7 @@ exports.default = (0, vue_1.defineComponent)({
         const { mergedDisabledRef, mergedStatusRef } = formItem;
         function doUpdateValue(value, option) {
             const { onChange, 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
-            const { nTriggerFormChange, nTriggerFormInput } = formItem;
+            const { triggerFormChange, triggerFormInput } = formItem;
             if (onChange)
                 (0, _utils_1.call)(onChange, value, option);
             if (onUpdateValue)
@@ -238,15 +238,15 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(_onUpdateValue, value, option);
             }
             uncontrolledValueRef.value = value;
-            nTriggerFormChange();
-            nTriggerFormInput();
+            triggerFormChange();
+            triggerFormInput();
         }
         function doBlur(e) {
             const { onBlur } = props;
-            const { nTriggerFormBlur } = formItem;
+            const { triggerFormBlur } = formItem;
             if (onBlur)
                 (0, _utils_1.call)(onBlur, e);
-            nTriggerFormBlur();
+            triggerFormBlur();
         }
         function doClear() {
             const { onClear } = props;
@@ -255,10 +255,10 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function doFocus(e) {
             const { onFocus, showOnFocus } = props;
-            const { nTriggerFormFocus } = formItem;
+            const { triggerFormFocus } = formItem;
             if (onFocus)
                 (0, _utils_1.call)(onFocus, e);
-            nTriggerFormFocus();
+            triggerFormFocus();
             if (showOnFocus) {
                 openMenu();
             }

package/lib/slider/src/Slider.js

@@ -175,14 +175,14 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function doUpdateValue(value) {
             const { 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
-            const { nTriggerFormInput, nTriggerFormChange } = formItem;
+            const { triggerFormInput, triggerFormChange } = formItem;
             if (onUpdateValue)
                 (0, _utils_1.call)(onUpdateValue, value);
             if (_onUpdateValue)
                 (0, _utils_1.call)(_onUpdateValue, value);
             uncontrolledValueRef.value = value;
-            nTriggerFormInput();
-            nTriggerFormChange();
+            triggerFormInput();
+            triggerFormChange();
         }
         function dispatchValueUpdate(value) {
             const { range } = props;

package/lib/styles.d.ts

@@ -34,6 +34,7 @@ export { gradientTextDark } from './gradient-text/styles';
 export { iconDark } from './icon/styles';
 export { inputDark, inputRtl as unstableInputRtl } from './input/styles';
 export { inputNumberDark, inputNumberRtl as unstableInputNumberRtl } from './input-number/styles';
+export { inputOtpDark, inputOtpRtl as unstableInputOtpRtl } from './input-otp/styles';
 export { layoutDark } from './layout/styles';
 export { listDark, listRtl as unstableListRtl } from './list/styles';
 export { loadingBarDark } from './loading-bar/styles';