opus-react 0.2.17 → 0.2.19

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/dist/index.css CHANGED
@@ -111,7 +111,7 @@
111
111
  }
112
112
 
113
113
  .opus_R70RbH_popup {
114
- z-index: 30;
114
+ z-index: 1000;
115
115
  border: 1px solid var(--opus-border-strong);
116
116
  border-radius: var(--opus-input-radius);
117
117
  background: var(--opus-panel);
@@ -126,69 +126,40 @@
126
126
  font-style: normal;
127
127
  font-weight: 400;
128
128
  line-height: 1.45;
129
- position: absolute;
129
+ position: fixed;
130
130
  }
131
131
 
132
- .opus_R70RbH_popup:after {
133
- content: "";
132
+ .opus_R70RbH_arrow {
134
133
  background: var(--opus-panel);
135
134
  width: 8px;
136
135
  height: 8px;
137
136
  position: absolute;
138
137
  }
139
138
 
140
- .opus_R70RbH_top {
141
- bottom: calc(100% + 8px);
142
- left: 50%;
143
- transform: translateX(-50%);
144
- }
145
-
146
- .opus_R70RbH_top:after {
139
+ .opus_R70RbH_top .opus_R70RbH_arrow {
147
140
  border-right: 1px solid var(--opus-border-strong);
148
141
  border-bottom: 1px solid var(--opus-border-strong);
149
142
  top: 100%;
150
- left: 50%;
151
143
  transform: translate(-50%, -50%) rotate(45deg);
152
144
  }
153
145
 
154
- .opus_R70RbH_bottom {
155
- top: calc(100% + 8px);
156
- left: 50%;
157
- transform: translateX(-50%);
158
- }
159
-
160
- .opus_R70RbH_bottom:after {
146
+ .opus_R70RbH_bottom .opus_R70RbH_arrow {
161
147
  border-left: 1px solid var(--opus-border-strong);
162
148
  border-top: 1px solid var(--opus-border-strong);
163
149
  bottom: 100%;
164
- left: 50%;
165
150
  transform: translate(-50%, 50%) rotate(45deg);
166
151
  }
167
152
 
168
- .opus_R70RbH_left {
169
- top: 50%;
170
- right: calc(100% + 8px);
171
- transform: translateY(-50%);
172
- }
173
-
174
- .opus_R70RbH_left:after {
153
+ .opus_R70RbH_left .opus_R70RbH_arrow {
175
154
  border-top: 1px solid var(--opus-border-strong);
176
155
  border-right: 1px solid var(--opus-border-strong);
177
- top: 50%;
178
156
  left: 100%;
179
157
  transform: translate(-50%, -50%) rotate(45deg);
180
158
  }
181
159
 
182
- .opus_R70RbH_right {
183
- top: 50%;
184
- left: calc(100% + 8px);
185
- transform: translateY(-50%);
186
- }
187
-
188
- .opus_R70RbH_right:after {
160
+ .opus_R70RbH_right .opus_R70RbH_arrow {
189
161
  border-bottom: 1px solid var(--opus-border-strong);
190
162
  border-left: 1px solid var(--opus-border-strong);
191
- top: 50%;
192
163
  right: 100%;
193
164
  transform: translate(50%, -50%) rotate(45deg);
194
165
  }
@@ -2107,7 +2078,10 @@
2107
2078
  }
2108
2079
 
2109
2080
  .opus_S1A372_requirement, .opus_S1A372_requirementMet {
2081
+ align-items: center;
2082
+ gap: 8px;
2110
2083
  font-size: .78rem;
2084
+ display: flex;
2111
2085
  }
2112
2086
 
2113
2087
  .opus_S1A372_requirement {
@@ -2115,7 +2089,22 @@
2115
2089
  }
2116
2090
 
2117
2091
  .opus_S1A372_requirementMet {
2118
- color: color-mix(in srgb, var(--opus-accent) 80%, var(--opus-text));
2092
+ color: color-mix(in srgb, #22c55e 70%, var(--opus-text));
2093
+ }
2094
+
2095
+ .opus_S1A372_requirementIcon {
2096
+ flex-shrink: 0;
2097
+ width: 12px;
2098
+ height: 12px;
2099
+ font-size: .72rem;
2100
+ }
2101
+
2102
+ .opus_S1A372_requirement .opus_S1A372_requirementIcon {
2103
+ color: color-mix(in srgb, var(--opus-muted) 70%, transparent);
2104
+ }
2105
+
2106
+ .opus_S1A372_requirementMet .opus_S1A372_requirementIcon {
2107
+ color: #22c55e;
2119
2108
  }
2120
2109
 
2121
2110
  /* components/fields/RatingField/RatingField.module.css */