@zat-design/sisyphus-react 3.7.3-beta.11 → 3.7.3-beta.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.esm.css +1 -1
  2. package/dist/less.esm.css +1 -1
  3. package/es/ProEnum/components/Group.js +10 -2
  4. package/es/ProEnum/style/index.less +5 -3
  5. package/es/style/theme/index.less +1 -1
  6. package/lib/ProEnum/components/Group.js +10 -2
  7. package/lib/ProEnum/style/index.less +5 -3
  8. package/lib/style/theme/index.less +1 -1
  9. package/package.json +1 -1
package/dist/index.esm.css CHANGED
@@ -5315,7 +5315,7 @@ input[type='button'] {
5315
5315
  --zaui-brand: #006aff;
5316
5316
  --zaui-brand-hover: #3387ff;
5317
5317
  --zaui-brand-active: #005ad9;
5318
- --zaui-brand-disabled: #99c3ff;
5318
+ --zaui-brand-disabled: color-mix(in srgb, var(--zaui-brand) 70%, white);
5319
5319
  --zaui-text: #343434;
5320
5320
  --zaui-text-weak: #616161;
5321
5321
  --zaui-aide-text: #909090;
package/dist/less.esm.css CHANGED
@@ -5315,7 +5315,7 @@ input[type='button'] {
5315
5315
  --zaui-brand: #006aff;
5316
5316
  --zaui-brand-hover: #3387ff;
5317
5317
  --zaui-brand-active: #005ad9;
5318
- --zaui-brand-disabled: #99c3ff;
5318
+ --zaui-brand-disabled: color-mix(in srgb, var(--zaui-brand) 70%, white);
5319
5319
  --zaui-text: #343434;
5320
5320
  --zaui-text-weak: #616161;
5321
5321
  --zaui-aide-text: #909090;
package/es/ProEnum/components/Group.js CHANGED
@@ -43,7 +43,10 @@ var Group = function Group(props) {
43
43
  }
44
44
  return _jsx("div", {
45
45
  id: id,
46
- className: classNames('pro-enum-group-root', disabled ? 'pro-enum-group-root-disabled' : ''),
46
+ className: classNames({
47
+ 'pro-enum-group-root': true,
48
+ 'pro-enum-group-root-disabled': disabled
49
+ }),
47
50
  children: dataSource.map(function (item, index) {
48
51
  return _jsx("div", {
49
52
  onClick: function onClick() {
@@ -51,7 +54,12 @@ var Group = function Group(props) {
51
54
  handleClick(item[fieldValue], index);
52
55
  }
53
56
  },
54
- className: classNames('pro-enum-group-item', value === item[fieldValue] ? 'pro-enum-group-item-selected' : '', index === idx.current || index + 1 === idx.current ? 'pro-enum-group-item-disabled-after' : '', item.disabled ? 'pro-enum-group-item-disabled' : ''),
57
+ className: classNames({
58
+ 'pro-enum-group-item': true,
59
+ 'pro-enum-group-item-selected': value === item[fieldValue],
60
+ 'pro-enum-group-item-disabled-after': index === idx.current || index + 1 === idx.current,
61
+ 'pro-enum-group-item-disabled': item.disabled
62
+ }),
55
63
  children: item[fieldLabel]
56
64
  }, item[fieldValue]);
57
65
  })
package/es/ProEnum/style/index.less CHANGED
@@ -1,6 +1,8 @@
1
1
  @root-entry-name: 'default';
2
2
  @import (reference) '~antd/es/style/themes/index.less';
3
3
 
4
+ @zaui-disabled-bg: var(--zaui-disabled-bg);
5
+
4
6
  .pro-enum {
5
7
  &-tag-root {
6
8
  display: flex;
@@ -96,13 +98,13 @@
96
98
  }
97
99
 
98
100
  &-group-root-disabled {
99
- color: #bfbfbf;
101
+ color: var(--zaui-aide-text);
100
102
 
101
103
  .pro-enum-group-item {
102
104
  background: var(--zaui-disabled-bg);
103
105
  &.pro-enum-group-item-selected {
104
- background: #6b95f5;
105
- border-color: #6b95f5;
106
+ background: var(--zaui-brand-disabled);
107
+ border-color: var(--zaui-brand-disabled);
106
108
  }
107
109
  }
108
110
  }
package/es/style/theme/index.less CHANGED
@@ -8,7 +8,7 @@
8
8
  --zaui-brand : #006aff;
9
9
  --zaui-brand-hover : #3387ff;
10
10
  --zaui-brand-active : #005ad9;
11
- --zaui-brand-disabled : #99c3ff;
11
+ --zaui-brand-disabled : color-mix(in srgb, var(--zaui-brand) 70%, white);
12
12
  --zaui-text : #343434;
13
13
  --zaui-text-weak : #616161;
14
14
  --zaui-aide-text : #909090;
package/lib/ProEnum/components/Group.js CHANGED
@@ -50,7 +50,10 @@ var Group = function Group(props) {
50
50
  }
51
51
  return (0, _jsxRuntime.jsx)("div", {
52
52
  id: id,
53
- className: (0, _classnames.default)('pro-enum-group-root', disabled ? 'pro-enum-group-root-disabled' : ''),
53
+ className: (0, _classnames.default)({
54
+ 'pro-enum-group-root': true,
55
+ 'pro-enum-group-root-disabled': disabled
56
+ }),
54
57
  children: dataSource.map(function (item, index) {
55
58
  return (0, _jsxRuntime.jsx)("div", {
56
59
  onClick: function onClick() {
@@ -58,7 +61,12 @@ var Group = function Group(props) {
58
61
  handleClick(item[fieldValue], index);
59
62
  }
60
63
  },
61
- className: (0, _classnames.default)('pro-enum-group-item', value === item[fieldValue] ? 'pro-enum-group-item-selected' : '', index === idx.current || index + 1 === idx.current ? 'pro-enum-group-item-disabled-after' : '', item.disabled ? 'pro-enum-group-item-disabled' : ''),
64
+ className: (0, _classnames.default)({
65
+ 'pro-enum-group-item': true,
66
+ 'pro-enum-group-item-selected': value === item[fieldValue],
67
+ 'pro-enum-group-item-disabled-after': index === idx.current || index + 1 === idx.current,
68
+ 'pro-enum-group-item-disabled': item.disabled
69
+ }),
62
70
  children: item[fieldLabel]
63
71
  }, item[fieldValue]);
64
72
  })
package/lib/ProEnum/style/index.less CHANGED
@@ -1,6 +1,8 @@
1
1
  @root-entry-name: 'default';
2
2
  @import (reference) '~antd/es/style/themes/index.less';
3
3
 
4
+ @zaui-disabled-bg: var(--zaui-disabled-bg);
5
+
4
6
  .pro-enum {
5
7
  &-tag-root {
6
8
  display: flex;
@@ -96,13 +98,13 @@
96
98
  }
97
99
 
98
100
  &-group-root-disabled {
99
- color: #bfbfbf;
101
+ color: var(--zaui-aide-text);
100
102
 
101
103
  .pro-enum-group-item {
102
104
  background: var(--zaui-disabled-bg);
103
105
  &.pro-enum-group-item-selected {
104
- background: #6b95f5;
105
- border-color: #6b95f5;
106
+ background: var(--zaui-brand-disabled);
107
+ border-color: var(--zaui-brand-disabled);
106
108
  }
107
109
  }
108
110
  }
package/lib/style/theme/index.less CHANGED
@@ -8,7 +8,7 @@
8
8
  --zaui-brand : #006aff;
9
9
  --zaui-brand-hover : #3387ff;
10
10
  --zaui-brand-active : #005ad9;
11
- --zaui-brand-disabled : #99c3ff;
11
+ --zaui-brand-disabled : color-mix(in srgb, var(--zaui-brand) 70%, white);
12
12
  --zaui-text : #343434;
13
13
  --zaui-text-weak : #616161;
14
14
  --zaui-aide-text : #909090;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zat-design/sisyphus-react",
3
- "version": "3.7.3-beta.11",
3
+ "version": "3.7.3-beta.13",
4
4
  "license": "Apache-2.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",