@nutui/nutui-react-taro 3.0.19-cpp-beta.0 → 3.0.19-cpp-beta.2

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 (32) hide show
  1. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  2. package/dist/cjs/packages/dialog/dialog.d.ts +2 -37
  3. package/dist/cjs/packages/dialog/style/dialog.scss +9 -1
  4. package/dist/cjs/packages/dialog/style/style.css +8 -1
  5. package/dist/cjs/packages/dialog/style/style.harmony.css +8 -1
  6. package/dist/cjs/packages/dialog/style-jmapp/dialog.scss +9 -1
  7. package/dist/cjs/packages/dialog/style-jmapp/style.css +8 -1
  8. package/dist/cjs/packages/dialog/style-jrkf/dialog.scss +9 -1
  9. package/dist/cjs/packages/dialog/style-jrkf/style.css +8 -1
  10. package/dist/es/packages/configprovider/types.d.ts +1 -1
  11. package/dist/es/packages/dialog/dialog.d.ts +2 -37
  12. package/dist/es/packages/dialog/style/dialog.scss +9 -1
  13. package/dist/es/packages/dialog/style/style.css +8 -1
  14. package/dist/es/packages/dialog/style/style.harmony.css +8 -1
  15. package/dist/es/packages/dialog/style-jmapp/dialog.scss +9 -1
  16. package/dist/es/packages/dialog/style-jmapp/style.css +8 -1
  17. package/dist/es/packages/dialog/style-jrkf/dialog.scss +9 -1
  18. package/dist/es/packages/dialog/style-jrkf/style.css +8 -1
  19. package/dist/style-jmapp.css +1 -1
  20. package/dist/style-jmapp.scss +25 -25
  21. package/dist/style-jrkf.css +1 -1
  22. package/dist/style-jrkf.scss +36 -36
  23. package/dist/style.css +1 -1
  24. package/dist/style.scss +33 -33
  25. package/dist/styles/theme-dark.scss +90 -56
  26. package/dist/styles/theme-default.scss +94 -60
  27. package/dist/styles/themes/dark.css +1 -1
  28. package/dist/styles/themes/default.css +1 -1
  29. package/dist/styles/variables-jmapp.scss +4 -0
  30. package/dist/styles/variables-jrkf.scss +4 -0
  31. package/dist/styles/variables.scss +4 -0
  32. package/package.json +1 -1
@@ -16,7 +16,7 @@
16
16
  &-outer {
17
17
  position: fixed;
18
18
  max-height: 100%;
19
- background-color: $white;
19
+ background-color: $dialog-background;
20
20
  transition:
21
21
  transform 0.2s,
22
22
  -webkit-transform 0.2s;
@@ -128,12 +128,20 @@
128
128
  &-cancel.nut-dialog-footer-cancel {
129
129
  margin-right: $dialog-footer-cancel-margin-right;
130
130
  background: $dialog-footer-cancel-bg;
131
+ color: $button-default-color;
132
+ .nut-button-children {
133
+ color: $button-default-color;
134
+ }
131
135
  }
132
136
 
133
137
  &-ok {
134
138
  max-width: $dialog-footer-ok-max-width;
135
139
  font-weight: $font-weight-bold;
140
+ .nut-button-children {
141
+ font-weight: $font-weight-bold;
142
+ }
136
143
  }
144
+
137
145
  &-block {
138
146
  &.nut-button {
139
147
  min-width: 100%;
@@ -18,7 +18,7 @@
18
18
  .nut-dialog-outer {
19
19
  position: fixed;
20
20
  max-height: 100%;
21
- background-color: #ffffff;
21
+ background-color: var(--nutui-dialog-background, var(--nutui-color-background-overlay, #ffffff));
22
22
  transition: transform 0.2s, -webkit-transform 0.2s;
23
23
  -webkit-overflow-scrolling: touch;
24
24
  top: 50%;
@@ -119,11 +119,18 @@
119
119
  .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
120
120
  margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
121
121
  background: var(--nutui-dialog-footer-cancel-bg, var(--nutui-button-default-background-color, transparent));
122
+ color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
123
+ }
124
+ .nut-dialog-footer-cancel.nut-dialog-footer-cancel .nut-button-children {
125
+ color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
122
126
  }
123
127
  .nut-dialog-footer-ok {
124
128
  max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
125
129
  font-weight: var(--nutui-font-weight-bold, 600);
126
130
  }
131
+ .nut-dialog-footer-ok .nut-button-children {
132
+ font-weight: var(--nutui-font-weight-bold, 600);
133
+ }
127
134
  .nut-dialog-footer-block.nut-button {
128
135
  min-width: 100%;
129
136
  }
@@ -449,7 +449,7 @@
449
449
  .nut-dialog-outer {
450
450
  position: fixed;
451
451
  max-height: 100%;
452
- background-color: #ffffff;
452
+ background-color: var(--nutui-dialog-background, var(--nutui-color-background-overlay, #ffffff));
453
453
  transition: transform 0.2s, -webkit-transform 0.2s;
454
454
  -webkit-overflow-scrolling: touch;
455
455
  top: 50%;
@@ -550,11 +550,18 @@
550
550
  .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
551
551
  margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
552
552
  background: var(--nutui-dialog-footer-cancel-bg, var(--nutui-button-default-background-color, transparent));
553
+ color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
554
+ }
555
+ .nut-dialog-footer-cancel.nut-dialog-footer-cancel .nut-button-children {
556
+ color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
553
557
  }
554
558
  .nut-dialog-footer-ok {
555
559
  max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
556
560
  font-weight: var(--nutui-font-weight-bold, 600);
557
561
  }
562
+ .nut-dialog-footer-ok .nut-button-children {
563
+ font-weight: var(--nutui-font-weight-bold, 600);
564
+ }
558
565
  .nut-dialog-footer-block.nut-button {
559
566
  min-width: 100%;
560
567
  }
@@ -16,7 +16,7 @@
16
16
  &-outer {
17
17
  position: fixed;
18
18
  max-height: 100%;
19
- background-color: $white;
19
+ background-color: $dialog-background;
20
20
  transition:
21
21
  transform 0.2s,
22
22
  -webkit-transform 0.2s;
@@ -128,12 +128,20 @@
128
128
  &-cancel.nut-dialog-footer-cancel {
129
129
  margin-right: $dialog-footer-cancel-margin-right;
130
130
  background: $dialog-footer-cancel-bg;
131
+ color: $button-default-color;
132
+ .nut-button-children {
133
+ color: $button-default-color;
134
+ }
131
135
  }
132
136
 
133
137
  &-ok {
134
138
  max-width: $dialog-footer-ok-max-width;
135
139
  font-weight: $font-weight-bold;
140
+ .nut-button-children {
141
+ font-weight: $font-weight-bold;
142
+ }
136
143
  }
144
+
137
145
  &-block {
138
146
  &.nut-button {
139
147
  min-width: 100%;
@@ -18,7 +18,7 @@
18
18
  .nut-dialog-outer {
19
19
  position: fixed;
20
20
  max-height: 100%;
21
- background-color: #ffffff;
21
+ background-color: var(--nutui-dialog-background, var(--nutui-color-surface-2));
22
22
  transition: transform 0.2s, -webkit-transform 0.2s;
23
23
  -webkit-overflow-scrolling: touch;
24
24
  top: 50%;
@@ -119,11 +119,18 @@
119
119
  .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
120
120
  margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
121
121
  background: var(--nutui-dialog-footer-cancel-bg, transparent);
122
+ color: var(--nutui-button-default-color, var(--nutui-color-text));
123
+ }
124
+ .nut-dialog-footer-cancel.nut-dialog-footer-cancel .nut-button-children {
125
+ color: var(--nutui-button-default-color, var(--nutui-color-text));
122
126
  }
123
127
  .nut-dialog-footer-ok {
124
128
  max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
125
129
  font-weight: var(--nutui-font-weight-bold);
126
130
  }
131
+ .nut-dialog-footer-ok .nut-button-children {
132
+ font-weight: var(--nutui-font-weight-bold);
133
+ }
127
134
  .nut-dialog-footer-block.nut-button {
128
135
  min-width: 100%;
129
136
  }
@@ -16,7 +16,7 @@
16
16
  &-outer {
17
17
  position: fixed;
18
18
  max-height: 100%;
19
- background-color: $white;
19
+ background-color: $dialog-background;
20
20
  transition:
21
21
  transform 0.2s,
22
22
  -webkit-transform 0.2s;
@@ -128,12 +128,20 @@
128
128
  &-cancel.nut-dialog-footer-cancel {
129
129
  margin-right: $dialog-footer-cancel-margin-right;
130
130
  background: $dialog-footer-cancel-bg;
131
+ color: $button-default-color;
132
+ .nut-button-children {
133
+ color: $button-default-color;
134
+ }
131
135
  }
132
136
 
133
137
  &-ok {
134
138
  max-width: $dialog-footer-ok-max-width;
135
139
  font-weight: $font-weight-bold;
140
+ .nut-button-children {
141
+ font-weight: $font-weight-bold;
142
+ }
136
143
  }
144
+
137
145
  &-block {
138
146
  &.nut-button {
139
147
  min-width: 100%;
@@ -18,7 +18,7 @@
18
18
  .nut-dialog-outer {
19
19
  position: fixed;
20
20
  max-height: 100%;
21
- background-color: #ffffff;
21
+ background-color: var(--nutui-dialog-background, var(--nutui-color-surface-2));
22
22
  transition: transform 0.2s, -webkit-transform 0.2s;
23
23
  -webkit-overflow-scrolling: touch;
24
24
  top: 50%;
@@ -119,11 +119,18 @@
119
119
  .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
120
120
  margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
121
121
  background: var(--nutui-dialog-footer-cancel-bg, var(--nutui-button-default-background-color, var(--nutui-color-default)));
122
+ color: var(--nutui-button-default-color, var(--nutui-color-text));
123
+ }
124
+ .nut-dialog-footer-cancel.nut-dialog-footer-cancel .nut-button-children {
125
+ color: var(--nutui-button-default-color, var(--nutui-color-text));
122
126
  }
123
127
  .nut-dialog-footer-ok {
124
128
  max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
125
129
  font-weight: var(--nutui-font-weight-bold);
126
130
  }
131
+ .nut-dialog-footer-ok .nut-button-children {
132
+ font-weight: var(--nutui-font-weight-bold);
133
+ }
127
134
  .nut-dialog-footer-block.nut-button {
128
135
  min-width: 100%;
129
136
  }