@react5/ui 1.0.25 → 1.0.27

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 (6) hide show
  1. package/package.json +1 -1
  2. package/packages/lib/dist/esm/index.esm.css +10 -4
  3. package/packages/lib/dist/esm/index.esm.scss +12 -6
  4. package/packages/lib/dist/index.css +10 -4
  5. package/packages/lib/dist/index.scss +12 -6
  6. package/packages/lib/src/components/Button/Button.scss +12 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react5/ui",
3
- "version": "1.0.25",
3
+ "version": "1.0.27",
4
4
  "description": "A React UI library.",
5
5
  "homepage": "https://github.com/react5com/ui#readme",
6
6
  "bugs": {
package/packages/lib/dist/esm/index.esm.css CHANGED
@@ -91,6 +91,12 @@
91
91
  color: var(--secondary_text_color, #5C4B51);
92
92
  border-color: var(--secondary_border_color, #ccc);
93
93
  }
94
+ .r5ui-button__disabled {
95
+ background-color: var(--disabled_bg_color, #e0e0e0);
96
+ color: var(--disabled_text_color, #b0b0b0);
97
+ border-color: var(--disabled_border_color, #d0d0d0);
98
+ cursor: not-allowed;
99
+ }
94
100
  .r5ui-button__link {
95
101
  background: none;
96
102
  border: none;
@@ -98,17 +104,17 @@
98
104
  color: var(--link_color, #3a3c71);
99
105
  font: inherit;
100
106
  cursor: pointer;
101
- }
102
- .r5ui-button__link:not(:disabled):hover {
103
107
  color: var(--link_color_highlight, #26274c);
104
108
  text-decoration: underline;
105
109
  }
106
110
  .r5ui-button__disabled {
107
- background-color: var(--disabled_bg_color, #e0e0e0);
108
111
  color: var(--disabled_text_color, #b0b0b0);
109
- border-color: var(--disabled_border_color, #d0d0d0);
110
112
  cursor: not-allowed;
111
113
  }
114
+ .r5ui-button__disabled:hover {
115
+ color: var(--disabled_text_color, #b0b0b0);
116
+ text-decoration: none;
117
+ }
112
118
 
113
119
  .r5ui-buttons-group {
114
120
  display: flex;
package/packages/lib/dist/esm/index.esm.scss CHANGED
@@ -156,6 +156,12 @@ $title_font: var(--title_font, 'Poppins', serif);
156
156
  color: $secondary_text_color;
157
157
  border-color: $secondary_border_color;
158
158
  }
159
+ &__disabled {
160
+ background-color: $disabled_bg_color;
161
+ color: $disabled_text_color;
162
+ border-color: $disabled_border_color;
163
+ cursor: not-allowed;
164
+ }
159
165
  &__link {
160
166
  background: none;
161
167
  border: none;
@@ -164,16 +170,16 @@ $title_font: var(--title_font, 'Poppins', serif);
164
170
  font: inherit;
165
171
  cursor: pointer;
166
172
  //text-decoration: underline;
167
- &:not(:disabled):hover {
168
- color: $link_color_highlight;
169
- text-decoration: underline;
170
- }
173
+ color: $link_color_highlight;
174
+ text-decoration: underline;
171
175
  }
172
176
  &__disabled {
173
- background-color: $disabled_bg_color;
174
177
  color: $disabled_text_color;
175
- border-color: $disabled_border_color;
176
178
  cursor: not-allowed;
179
+ &:hover {
180
+ color: $disabled_text_color;
181
+ text-decoration: none;
182
+ }
177
183
  }
178
184
  }
179
185
  .r5ui-buttons-group {
package/packages/lib/dist/index.css CHANGED
@@ -91,6 +91,12 @@
91
91
  color: var(--secondary_text_color, #5C4B51);
92
92
  border-color: var(--secondary_border_color, #ccc);
93
93
  }
94
+ .r5ui-button__disabled {
95
+ background-color: var(--disabled_bg_color, #e0e0e0);
96
+ color: var(--disabled_text_color, #b0b0b0);
97
+ border-color: var(--disabled_border_color, #d0d0d0);
98
+ cursor: not-allowed;
99
+ }
94
100
  .r5ui-button__link {
95
101
  background: none;
96
102
  border: none;
@@ -98,17 +104,17 @@
98
104
  color: var(--link_color, #3a3c71);
99
105
  font: inherit;
100
106
  cursor: pointer;
101
- }
102
- .r5ui-button__link:not(:disabled):hover {
103
107
  color: var(--link_color_highlight, #26274c);
104
108
  text-decoration: underline;
105
109
  }
106
110
  .r5ui-button__disabled {
107
- background-color: var(--disabled_bg_color, #e0e0e0);
108
111
  color: var(--disabled_text_color, #b0b0b0);
109
- border-color: var(--disabled_border_color, #d0d0d0);
110
112
  cursor: not-allowed;
111
113
  }
114
+ .r5ui-button__disabled:hover {
115
+ color: var(--disabled_text_color, #b0b0b0);
116
+ text-decoration: none;
117
+ }
112
118
 
113
119
  .r5ui-buttons-group {
114
120
  display: flex;
package/packages/lib/dist/index.scss CHANGED
@@ -156,6 +156,12 @@ $title_font: var(--title_font, 'Poppins', serif);
156
156
  color: $secondary_text_color;
157
157
  border-color: $secondary_border_color;
158
158
  }
159
+ &__disabled {
160
+ background-color: $disabled_bg_color;
161
+ color: $disabled_text_color;
162
+ border-color: $disabled_border_color;
163
+ cursor: not-allowed;
164
+ }
159
165
  &__link {
160
166
  background: none;
161
167
  border: none;
@@ -164,16 +170,16 @@ $title_font: var(--title_font, 'Poppins', serif);
164
170
  font: inherit;
165
171
  cursor: pointer;
166
172
  //text-decoration: underline;
167
- &:not(:disabled):hover {
168
- color: $link_color_highlight;
169
- text-decoration: underline;
170
- }
173
+ color: $link_color_highlight;
174
+ text-decoration: underline;
171
175
  }
172
176
  &__disabled {
173
- background-color: $disabled_bg_color;
174
177
  color: $disabled_text_color;
175
- border-color: $disabled_border_color;
176
178
  cursor: not-allowed;
179
+ &:hover {
180
+ color: $disabled_text_color;
181
+ text-decoration: none;
182
+ }
177
183
  }
178
184
  }
179
185
  .r5ui-buttons-group {
package/packages/lib/src/components/Button/Button.scss CHANGED
@@ -33,6 +33,12 @@
33
33
  color: $secondary_text_color;
34
34
  border-color: $secondary_border_color;
35
35
  }
36
+ &__disabled {
37
+ background-color: $disabled_bg_color;
38
+ color: $disabled_text_color;
39
+ border-color: $disabled_border_color;
40
+ cursor: not-allowed;
41
+ }
36
42
  &__link {
37
43
  background: none;
38
44
  border: none;
@@ -41,15 +47,15 @@
41
47
  font: inherit;
42
48
  cursor: pointer;
43
49
  //text-decoration: underline;
44
- &:not(:disabled):hover {
45
- color: $link_color_highlight;
46
- text-decoration: underline;
47
- }
50
+ color: $link_color_highlight;
51
+ text-decoration: underline;
48
52
  }
49
53
  &__disabled {
50
- background-color: $disabled_bg_color;
51
54
  color: $disabled_text_color;
52
- border-color: $disabled_border_color;
53
55
  cursor: not-allowed;
56
+ &:hover {
57
+ color: $disabled_text_color;
58
+ text-decoration: none;
59
+ }
54
60
  }
55
61
  }