@asgard-js/react 0.0.43-canary.16 → 0.0.43-canary.18

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@asgard-js/react",
3
- "version": "0.0.43-canary.16",
3
+ "version": "0.0.43-canary.18",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -140,6 +140,7 @@
140
140
  &--loading {
141
141
  position: relative;
142
142
  color: transparent;
143
+ background-color: transparent !important;
143
144
 
144
145
  &::after {
145
146
  content: '';
@@ -150,8 +151,8 @@
150
151
  height: 16px;
151
152
  margin-left: -8px;
152
153
  margin-top: -8px;
153
- border: 2px solid transparent;
154
- border-top: 2px solid white;
154
+ border: 2px solid rgba(255, 255, 255, 0.3);
155
+ border-top: 2px solid currentColor;
155
156
  border-radius: 50%;
156
157
  animation: spin 1s linear infinite;
157
158
  }
@@ -96,7 +96,7 @@ export function ApiKeyInput({
96
96
 
97
97
  <button
98
98
  type="submit"
99
- disabled={loading}
99
+ disabled={!apiKey.trim() || loading}
100
100
  className={clsx(styles.api_key_input__submit_button, {
101
101
  [styles['api_key_input__submit_button--loading']]: loading,
102
102
  })}
@@ -105,7 +105,7 @@ export function ApiKeyInput({
105
105
  color: chatbot?.secondaryColor,
106
106
  }}
107
107
  >
108
- {loading ? 'Loading...' : 'Continue'}
108
+ {!loading && 'Continue'}
109
109
  </button>
110
110
  </form>
111
111
  </div>