@bridger-kr/react 0.1.4 → 0.1.5
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/styles.css +13 -13
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
--dt-product-accent-strong: #ec5e1f;
|
|
139
139
|
--dt-product-ink: #15110c;
|
|
140
140
|
--dt-product-muted: #786f63;
|
|
141
|
-
--dt-product-line:
|
|
141
|
+
--dt-product-line: transparent;
|
|
142
142
|
min-height: 100vh;
|
|
143
143
|
color: var(--dt-product-accent);
|
|
144
144
|
font-family: var(--dt-font-sans);
|
|
@@ -164,17 +164,16 @@
|
|
|
164
164
|
.dt-product-cinematic-wash {
|
|
165
165
|
position: absolute;
|
|
166
166
|
inset: 0;
|
|
167
|
-
background:
|
|
168
|
-
radial-gradient(circle at 74% 28%, color-mix(in srgb, var(--dt-product-card-strong) 56%, transparent), transparent 38%),
|
|
169
|
-
linear-gradient(180deg, color-mix(in srgb, #ffffff 16%, transparent), transparent 58%);
|
|
167
|
+
background: linear-gradient(180deg, color-mix(in srgb, #ffffff 10%, transparent), transparent 58%);
|
|
170
168
|
}
|
|
171
169
|
|
|
172
170
|
.dt-product-cinematic-lines {
|
|
173
171
|
position: absolute;
|
|
174
172
|
inset: auto 0 16px;
|
|
173
|
+
display: none;
|
|
175
174
|
width: 100%;
|
|
176
175
|
height: min(62vw, 620px);
|
|
177
|
-
opacity: 0
|
|
176
|
+
opacity: 0;
|
|
178
177
|
}
|
|
179
178
|
|
|
180
179
|
.dt-product-cinematic-track,
|
|
@@ -184,8 +183,8 @@
|
|
|
184
183
|
}
|
|
185
184
|
|
|
186
185
|
.dt-product-cinematic-track {
|
|
187
|
-
stroke:
|
|
188
|
-
stroke-width:
|
|
186
|
+
stroke: transparent;
|
|
187
|
+
stroke-width: 0;
|
|
189
188
|
}
|
|
190
189
|
|
|
191
190
|
.dt-product-cinematic-flow {
|
|
@@ -214,7 +213,7 @@
|
|
|
214
213
|
border: none;
|
|
215
214
|
border-radius: 18px;
|
|
216
215
|
color: var(--dt-product-accent);
|
|
217
|
-
font-weight:
|
|
216
|
+
font-weight: 500;
|
|
218
217
|
text-decoration: none;
|
|
219
218
|
transition:
|
|
220
219
|
transform var(--dt-motion),
|
|
@@ -232,8 +231,8 @@
|
|
|
232
231
|
}
|
|
233
232
|
|
|
234
233
|
.dt-product-action-pill-compact {
|
|
235
|
-
min-height:
|
|
236
|
-
padding-inline:
|
|
234
|
+
min-height: 40px;
|
|
235
|
+
padding-inline: 20px;
|
|
237
236
|
border-radius: 18px;
|
|
238
237
|
font-size: 12px;
|
|
239
238
|
}
|
|
@@ -283,7 +282,7 @@
|
|
|
283
282
|
.dt-product-side-rail a {
|
|
284
283
|
color: var(--dt-product-accent);
|
|
285
284
|
font-size: 10px;
|
|
286
|
-
font-weight:
|
|
285
|
+
font-weight: 500;
|
|
287
286
|
line-height: 1.2;
|
|
288
287
|
text-decoration: none;
|
|
289
288
|
}
|
|
@@ -342,7 +341,8 @@
|
|
|
342
341
|
position: absolute;
|
|
343
342
|
width: 68%;
|
|
344
343
|
height: 1px;
|
|
345
|
-
background:
|
|
344
|
+
background: var(--dt-product-accent);
|
|
345
|
+
opacity: 0.46;
|
|
346
346
|
}
|
|
347
347
|
|
|
348
348
|
.dt-product-motion-copy {
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
background: var(--dt-product-accent);
|
|
356
356
|
color: #ffffff;
|
|
357
357
|
font-size: 13px;
|
|
358
|
-
font-weight:
|
|
358
|
+
font-weight: 500;
|
|
359
359
|
letter-spacing: 0;
|
|
360
360
|
}
|
|
361
361
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bridger-kr/react",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.5",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"**/*.css"
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"react-dom": ">=18"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@bridger-kr/tokens": "0.1.
|
|
32
|
+
"@bridger-kr/tokens": "0.1.2"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"react": "^18.3.1",
|