@nutui/nutui-react 3.1.0-beta.1 → 4.0.0-beta.1

package/dist/styles/variables.scss

@@ -24,15 +24,15 @@ page {
 $color-primary: var(--nutui-color-primary, #ff0f23) !default;
 $color-primary-stop-1: var(--nutui-color-primary-stop-1, #ff475d) !default;
 $color-primary-stop-2: var(--nutui-color-primary-stop-2, #ff0f23) !default;
-$color-primary-pressed: var(--nutui-color-primary-pressed, #e53029) !default;
+$color-primary-pressed: var(--nutui-color-primary-pressed, #db0b15) !default;
 $color-primary-disabled: var(--nutui-color-primary-disabled, #c2c4cc) !default;
 $color-primary-disabled-special: var(
   --nutui-color-primary-disabled-special,
-  #ffadbe
+  #ff91a5
 ) !default;
 $color-primary-light-pressed: var(
   --nutui-color-primary-light-pressed,
-  #ffebf1
+  #ffe8ee
 ) !default;
 $color-primary-gradient-1: linear-gradient(
   135deg,
@@ -44,47 +44,43 @@ $color-primary-icon-disabled: var(
   --nutui-color-primary-icon-disabled,
   #dadce0
 ) !default;
-$color-primary-specialdisabled: var(
-  --nutui-color-primary-specialdisabled,
-  #ffadbe
-) !default;
 
 // 默认色
 $color-default: var(--nutui-color-default) !default;
-$color-default-pressed: var(--nutui-color-default-pressed) !default;
+$color-default-pressed: var(--nutui-color-default-pressed, #e6e6e6) !default;
 $color-default-light: var(--nutui-color-default-light) !default;
 $color-default-disabled: var(--nutui-color-default-disabled) !default;
 
 // 信息色
-$color-info: var(--nutui-color-info, #0073ff) !default; // done
+$color-info: var(--nutui-color-info, #0c82f7) !default; // done
 $color-info-pressed: var(--nutui-color-info-pressed, #496af2) !default;
 $color-info-disabled: var(--nutui-color-info-disabled, #89a6f8) !default;
-$color-info-light: var(--nutui-color-info-light, #e5f5ff) !default; // done
+$color-info-light: var(--nutui-color-info-light, #e6f7ff) !default; // done
 $color-info-background: var(
   --nutui-color-info-background,
-  #0073ff
+  #0c82f7
 ) !default; // done
-$color-info-text: var(--nutui-color-info, #0073ff) !default; // done
+$color-info-text: var(--nutui-color-info, #0c82f7) !default; // done
 
 // 成功色
-$color-success: var(--nutui-color-success, #00d900) !default; // done
+$color-success: var(--nutui-color-success, #0acc2a) !default; // done
 $color-success-pressed: var(
   --nutui-color-success-pressed,
-  #2aa32a
+  #00801e
 ) !default; // done
 $color-success-disabled: var(--nutui-color-success-disabled, #b2f0ae) !default;
 $color-success-light: var(
   --nutui-color-success-light,
-  #ebfbeb
+  #e6ffe6
 ) !default; // done
 $color-success-background: var(
   --nutui-color-success-background,
-  #00d900
+  #0acc2a
 ) !default; // done
-$color-success-text: var(--nutui-color-success-text, #2aa32a) !default; // done
+$color-success-text: var(--nutui-color-success-text, #00801e) !default; // done
 
 // 警告色
-$color-warning: var(--nutui-color-warning, #ffbf00) !default; // done
+$color-warning: var(--nutui-color-warning, #ffaa00) !default; // done
 $color-warning-pressed: var(
   --nutui-color-warning-pressed,
   #c47600
@@ -96,7 +92,7 @@ $color-warning-light: var(
 ) !default; // done
 $color-warning-background: var(
   --nutui-color-warning-background,
-  #ffbf00
+  #ffaa00
 ) !default; // done
 $color-warning-text: var(--nutui-color-warning-text, #c47600) !default; // done
 
@@ -114,6 +110,15 @@ $color-danger-background: var(
 ) !default; //done
 $color-danger-text: var(--nutui-color-danger-text, #ff0f23) !default; //done
 
+// 服务色
+$color-service: var(--nutui-color-service, #fff4e0) !default;
+$color-service-pressed: var(--nutui-color-service-pressed, #f2ba79) !default;
+$color-service-border: var(--nutui-color-service-border, #ccb9ab) !default;
+$color-service-text: var(--nutui-color-service-text, #80512d) !default;
+$color-service-btn-bg: var(--nutui-color-service-btn-bg, #ffe6c2) !default;
+$color-service-btn-bg-pressed: var(--nutui-color-service-btn-bg-pressed, #ffddad) !default;
+$color-service-btn-bg-disabled: var(--nutui-color-service-btn-bg-disabled, #fff4e8) !default;
+
 // 背景色
 $color-background: var(--nutui-color-background, #f2f3f5) !default; //done
 // 卡片背景色
@@ -151,7 +156,7 @@ $color-text-dark: var(
   --nutui-color-text-dark,
   rgba(255, 255, 255, 0.9)
 ) !default;
-$color-text-link: var(--nutui-color-text-link, #0073ff) !default;
+$color-text-link: var(--nutui-color-text-link, #0c82f7) !default;
 
 // 与品牌色一起使用，默认为白色，不区分暗黑与明亮模式。
 $color-primary-text: #ffffff !default;
@@ -275,6 +280,10 @@ $button-default-disabled-color: var(
   --nutui-button-default-disabled-color,
   $color-text-help
 ) !default;
+$button-default-pressed: var(
+  --nutui-button-default-pressed,
+  $color-default-pressed
+) !default;
 $button-default-padding: var(--nutui-button-default-padding, 0px scale-px(12px)) !default;
 $button-default-font-size: var(
   --nutui-button-default-font-size,
@@ -282,7 +291,7 @@ $button-default-font-size: var(
 ) !default;
 
 $button-xlarge-height: var(--nutui-button-xlarge-height, scale-px(48px)) !default;
-$button-xlarge-padding: var(--nutui-button-xlarge-padding, 0px scale-px(24px)) !default;
+$button-xlarge-padding: var(--nutui-button-xlarge-padding, 0px scale-px(20px)) !default;
 $button-xlarge-font-size: var(
   --nutui-button-xlarge-font-size,
   $font-size-xl
@@ -296,8 +305,19 @@ $button-xlarge-border-radius: var(
   $radius-base
 ) !default;
 
+$button-44-height: var(--nutui-button-44-height, scale-px(44px)) !default;
+$button-44-padding: var(--nutui-button-44-padding, 0px scale-px(16px)) !default;
+$button-44-font-size: var(
+  --nutui-button-44-font-size,
+  var(--nutui-font-size-15)
+) !default;
+$button-44-border-radius: var(
+  --nutui-button-44-border-radius,
+  $radius-base
+) !default;
+
 $button-large-height: var(--nutui-button-large-height, scale-px(40px)) !default;
-$button-large-padding: var(--nutui-button-large-padding, 0px scale-px(16px)) !default;
+$button-large-padding: var(--nutui-button-large-padding, 0px scale-px(12px)) !default;
 $button-large-font-size: var(
   --nutui-button-large-font-size,
   $font-size-l
@@ -307,6 +327,17 @@ $button-large-border-radius: var(
   $radius-base
 ) !default;
 
+$button-36-height: var(--nutui-button-36-height, scale-px(36px)) !default;
+$button-36-padding: var(--nutui-button-36-padding, 0px scale-px(12px)) !default;
+$button-36-font-size: var(
+  --nutui-button-36-font-size,
+  var(--nutui-font-size-14)
+) !default;
+$button-36-border-radius: var(
+  --nutui-button-36-border-radius,
+  $radius-base
+) !default;
+
 $button-small-font-size: var(
   --nutui-button-small-font-size,
   $font-size-s
@@ -318,7 +349,7 @@ $button-small-border-radius: var(
   $radius-s
 ) !default;
 
-$button-mini-padding: var(--nutui-button-mini-padding, 0px scale-px(8px)) !default;
+$button-mini-padding: var(--nutui-button-mini-padding, 0px scale-px(6px)) !default;
 $button-mini-height: var(--nutui-button-mini-height, scale-px(24px)) !default;
 $button-mini-font-size: var(
   --nutui-button-mini-font-size,
@@ -337,16 +368,19 @@ $button-primary-border-color: var(
   --nutui-button-primary-border-color,
   $color-primary
 ) !default;
-$button-primary-background-color: linear-gradient(
-  90deg,
-  $color-primary-stop-1 0%,
-  $color-primary-stop-2 100%
+$button-primary-background-color: var(
+  --nutui-button-primary-background-color,
+  $color-primary
 ) !default;
 
 $button-primary-disabled: var(
   --nutui-button-primary-disabled,
   $color-primary-disabled-special
 ) !default;
+$button-primary-pressed: var(
+  --nutui-button-primary-pressed,
+  $color-primary-pressed
+) !default;
 
 $button-success-color: var(
   --nutui-button-success-color,
@@ -364,6 +398,10 @@ $button-success-disabled: var(
   --nutui-button-success-disabled,
   $color-success-disabled
 ) !default;
+$button-success-pressed: var(
+  --nutui-button-success-pressed,
+  $color-success-pressed
+) !default;
 
 $button-info-color: var(
   --nutui-button-info-color,
@@ -381,6 +419,15 @@ $button-info-disabled: var(
   --nutui-button-info-disabled,
   $color-info-disabled
 ) !default;
+$button-info-pressed: var(
+  --nutui-button-info-pressed,
+  $color-info-pressed
+) !default;
+
+$button-warning-pressed: var(
+  --nutui-button-warning-pressed,
+  $color-warning-pressed
+) !default;
 
 $button-warning-color: var(
   --nutui-button-warning-color,
@@ -398,6 +445,10 @@ $button-warning-disabled: var(
   --nutui-button-warning-disabled,
   $color-warning-disabled
 ) !default;
+$button-warning-pressed: var(
+  --nutui-button-warning-pressed,
+  $color-warning-pressed
+) !default;
 
 $button-danger-color: var(
   --nutui-button-danger-color,
@@ -415,6 +466,57 @@ $button-danger-disabled: var(
   --nutui-button-danger-disabled,
   $color-danger-disabled
 ) !default;
+$button-danger-pressed: var(
+  --nutui-button-danger-pressed,
+  $color-danger-pressed
+) !default;
+
+$button-service-color: var(
+  --nutui-button-service-color,
+  $color-service-text
+) !default;
+$button-service-border-color: var(
+  --nutui-button-service-border-color,
+  $color-service-border
+) !default;
+$button-service-background-color: var(
+  --nutui-button-service-background-color,
+  $color-service-btn-bg
+) !default;
+$button-service-disabled: var(
+  --nutui-button-service-disabled,
+  $color-service-btn-bg-disabled
+) !default;
+$button-service-pressed: var(
+  --nutui-button-service-pressed,
+  $color-service-btn-bg-pressed
+) !default;
+
+$button-primary-light-color: var(
+  --nutui-button-primary-light-color,
+  $button-primary-background-color
+) !default;
+$button-primary-light-background-color: var(
+  --nutui-button-primary-light-background-color,
+  rgba(250, 44, 25, 0.1)
+) !default;
+$button-primary-light-border-color: var(
+  --nutui-button-primary-light-border-color,
+  transparent
+) !default;
+
+$button-primary-light-color: var(
+  --nutui-button-primary-light-color,
+  $button-primary-background-color
+) !default;
+$button-primary-light-background-color: var(
+  --nutui-button-primary-light-background-color,
+  rgba(250, 44, 25, 0.1)
+) !default;
+$button-primary-light-border-color: var(
+  --nutui-button-primary-light-border-color,
+  transparent
+) !default;
 
 $button-text-icon-margin: var(--nutui-button-text-icon-margin, scale-px(4px)) !default;
 
@@ -664,11 +766,11 @@ $textarea-text-line-height: var(
 ) !default;
 
 // inputnumber（✅）
-$inputnumber-input-width: var(--nutui-inputnumber-input-width, scale-px(26px)) !default;
-$inputnumber-input-height: var(--nutui-inputnumber-input-height, scale-px(20px)) !default;
+$inputnumber-input-width: var(--nutui-inputnumber-input-width, scale-px(32px)) !default;
+$inputnumber-input-height: var(--nutui-inputnumber-input-height, scale-px(28px)) !default;
 $inputnumber-input-background-color: var(
   --nutui-inputnumber-input-background-color,
-  $color-background
+  var(--nutui-color-background-component)
 ) !default;
 $inputnumber-input-font-color: var(
   --nutui-inputnumber-input-font-color,
@@ -681,18 +783,20 @@ $inputnumber-input-font-size: var(
 $inputnumber-input-border: var(--nutui-inputnumber-input-border, 0) !default;
 $inputnumber-input-border-radius: var(
   --nutui-inputnumber-input-border-radius,
-  scale-px(4px)
+  $radius-base
 ) !default;
-$inputnumber-input-margin: var(--nutui-inputnumber-input-margin, 0px) !default;
-$inputnumber-button-width: var(--nutui-inputnumber-button-width, scale-px(20px)) !default;
+$inputnumber-input-margin: var(--nutui-inputnumber-input-margin, 1px) !default;
+$inputnumber-button-width: var(--nutui-inputnumber-button-width, scale-px(28px)) !default;
 $inputnumber-button-height: var(
   --nutui-inputnumber-button-height,
-  scale-px(20px)
+  scale-px(28px)
 ) !default;
 $inputnumber-button-background-color: var(
   --nutui-inputnumber-button-background-color,
-  transparent
+  var(--nutui-color-background-component)
 ) !default;
+$inputnumber-divider-width: var(--nutui-inputnumber-divider-width, 1px) !default;
+$inputnumber-input-font-family: var(--nutui-inputnumber-input-font-family, JDZH) !default;
 $inputnumber-icon-color: var(
   --nutui-inputnumber-icon-color,
   $color-text
@@ -849,7 +953,7 @@ $countdown-number-background-color: var(
 ) !default;
 $countdown-number-border-color: var(
   --nutui-countdown-number-border-color,
-  $color-primary-specialdisabled
+  $color-primary-disabled-special
 ) !default;
 $countdown-number-primary-color: var(
   --nutui-countdown-number-primary-color,
@@ -986,7 +1090,7 @@ $toast-inner-text-align: var(--nutui-toast-inner-text-align, center) !default;
 $toast-title-font-size: var(--nutui-toast-title-font-size, $font-size-md) !default;
 $toast-text-font-size: var(--nutui-toast-text-font-size, $font-size-base) !default;
 $toast-font-color: var(--nutui-toast-font-color, $white) !default;
-$toast-inner-padding: var(--nutui-toast-inner-padding, scale-px(13px) scale-px(16px)) !default;
+$toast-inner-padding: var(--nutui-toast-inner-padding, scale-px(12px) scale-px(16px)) !default;
 $toast-inner-bg-color: var(--nutui-toast-inner-bg-color, $color-mask) !default;
 $toast-inner-border-radius: var(
   --nutui-toast-inner-border-radius,

package/package.json

@@ -1 +1 @@
-{"name":"@nutui/nutui-react","version":"3.1.0-beta.1","style":"dist/style.css","main":"dist/nutui.react.umd.js","module":"dist/es/packages/nutui.react.build.js","typings":"dist/es/packages/nutui.react.build.d.ts","scripts":{"publish:beta":"npm publish --tag=beta --access public --no-git-checks","publish:latest":"npm publish --access public --no-git-checks","postinstall":"node postinstall.js"},"sideEffects":["*.scss","dist/es/**/style{,-jmapp,-jrkf}/*","dist/cjs/**/style{,-jmapp,-jrkf}/*","dist/style{,-jmapp,-jrkf}.css","dist/styles/**/*","dist/styles/font{,-jmapp,-jrkf}/*"],"description":"京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序","keywords":["nutui","nutui2","nutui3","react","nutui-react","webpack","react component","vite","jdc","jdcfe","taro"],"author":"jdcfe","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jdf2e/nutui-react.git"},"files":["dist","README.md","package.json","LICENSE","CHANGELOG.md","postinstall.js"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"dependencies":{"@babel/runtime":"^7.23.9","@nutui/icons-react":"^3.0.2-beta.5","@nutui/jdesign-icons-react-taro":"1.0.6-beta.2","@nutui/touch-emulator":"^1.0.0","@nutui/lottie-miniprogram":"^1.0.2","@react-spring/web":"~9.6.1","@swc/helpers":"^0.5.7","@use-gesture/react":"10.2.20","async-validator":"^4.2.5","classnames":"^2.5.1","codesandbox":"^2.2.3","lodash.kebabcase":"^4.1.1","lottie-react":"^2.4.0","react-fast-compare":"^3.2.2","react-transition-group":"^4.4.5","rehype-highlight":"^7.0.2"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"},"optionalDependencies":{"@jmfe/npm-usage-stats-tool":"latest"}}
+{"name":"@nutui/nutui-react","version":"4.0.0-beta.1","style":"dist/style.css","main":"dist/nutui.react.umd.js","module":"dist/es/packages/nutui.react.build.js","typings":"dist/es/packages/nutui.react.build.d.ts","scripts":{"publish:beta":"npm publish --tag=beta --access public --no-git-checks","publish:latest":"npm publish --access public --no-git-checks","postinstall":"node postinstall.js"},"sideEffects":["*.scss","dist/es/**/style{,-jmapp,-jrkf}/*","dist/cjs/**/style{,-jmapp,-jrkf}/*","dist/style{,-jmapp,-jrkf}.css","dist/styles/**/*","dist/styles/font{,-jmapp,-jrkf}/*"],"description":"京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序","keywords":["nutui","nutui2","nutui3","react","nutui-react","webpack","react component","vite","jdc","jdcfe","taro"],"author":"jdcfe","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jdf2e/nutui-react.git"},"files":["dist","README.md","package.json","LICENSE","CHANGELOG.md","postinstall.js"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"dependencies":{"@babel/runtime":"^7.23.9","@nutui/icons-react":"^3.0.2-beta.5","@nutui/jdesign-icons-react-taro":"1.0.6-beta.2","@nutui/lottie-miniprogram":"^1.0.2","@nutui/touch-emulator":"^1.0.0","@react-spring/web":"~9.6.1","@swc/helpers":"^0.5.7","@use-gesture/react":"10.2.20","async-validator":"^4.2.5","classnames":"^2.5.1","codesandbox":"^2.2.3","lodash.kebabcase":"^4.1.1","lottie-react":"^2.4.0","react-fast-compare":"^3.2.2","react-transition-group":"^4.4.5","rehype-highlight":"^7.0.2"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"},"optionalDependencies":{"@jmfe/npm-usage-stats-tool":"latest"}}