@liner-fe/prism 2.7.13 → 2.7.15
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/lib/illust.d.ts +2 -2
- package/lib/index.css +47 -42
- package/lib/index.d.ts +2 -2
- package/lib/index.js +29 -19
- package/package.json +1 -1
package/lib/illust.d.ts
CHANGED
|
@@ -2,8 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import { ImageProps } from 'next/image';
|
|
3
3
|
import { Property } from 'csstype';
|
|
4
4
|
|
|
5
|
-
declare const illustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-ticket-3", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write"];
|
|
6
|
-
declare const darkIllustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-ticket-3", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write"];
|
|
5
|
+
declare const illustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-ticket-3", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write", "mini-sign"];
|
|
6
|
+
declare const darkIllustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-ticket-3", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write", "mini-sign"];
|
|
7
7
|
|
|
8
8
|
type LightIllustType = (typeof illustNames)[number];
|
|
9
9
|
type DarkIllustType = (typeof darkIllustNames)[number];
|
package/lib/index.css
CHANGED
|
@@ -1144,46 +1144,49 @@
|
|
|
1144
1144
|
}
|
|
1145
1145
|
|
|
1146
1146
|
/* esbuild-sass-plugin:css-chunk:src/components/Textfield/style.module.scss */
|
|
1147
|
-
._textfield-
|
|
1147
|
+
._textfield-container_g33rb_1 {
|
|
1148
1148
|
display: flex;
|
|
1149
1149
|
flex-direction: column;
|
|
1150
1150
|
gap: var(--lp-sys-gap-positive-200);
|
|
1151
1151
|
width: 100%;
|
|
1152
1152
|
}
|
|
1153
|
-
._textfield-
|
|
1154
|
-
outline:
|
|
1153
|
+
._textfield-container_g33rb_1 > ._textfield_g33rb_1:focus-within {
|
|
1154
|
+
outline: 1px solid var(--neutral-border-opaque-strong) !important;
|
|
1155
1155
|
}
|
|
1156
|
-
._textfield-
|
|
1156
|
+
._textfield-container_g33rb_1 > ._textfield_g33rb_1:focus-within ._label_g33rb_10 {
|
|
1157
|
+
color: var(--neutral-label-primary) !important;
|
|
1158
|
+
}
|
|
1159
|
+
._textfield-container_g33rb_1:hover > ._textfield_g33rb_1 {
|
|
1157
1160
|
outline: 1px solid var(--neutral-border-opaque-strong);
|
|
1158
1161
|
}
|
|
1159
|
-
._textfield-
|
|
1162
|
+
._textfield-container_g33rb_1[data-disabled=true] {
|
|
1160
1163
|
cursor: not-allowed;
|
|
1161
1164
|
}
|
|
1162
|
-
._textfield-
|
|
1165
|
+
._textfield-container_g33rb_1[data-disabled=true] > * {
|
|
1163
1166
|
cursor: not-allowed !important;
|
|
1164
1167
|
}
|
|
1165
|
-
._textfield-
|
|
1168
|
+
._textfield-container_g33rb_1[data-disabled=true] > ._textfield_g33rb_1 {
|
|
1166
1169
|
outline: 1px solid var(--neutral-border-opaque-normal);
|
|
1167
1170
|
}
|
|
1168
|
-
._textfield-
|
|
1169
|
-
outline:
|
|
1171
|
+
._textfield-container_g33rb_1[data-error=true] > ._textfield_g33rb_1 {
|
|
1172
|
+
outline: 1px solid var(--function-label-negative);
|
|
1170
1173
|
}
|
|
1171
|
-
._textfield-
|
|
1174
|
+
._textfield-container_g33rb_1[data-error=true] > ._textfield_g33rb_1 > ._input_g33rb_28 + ._label_g33rb_10 {
|
|
1172
1175
|
color: var(--function-label-negative);
|
|
1173
1176
|
}
|
|
1174
|
-
._textfield-
|
|
1175
|
-
outline:
|
|
1177
|
+
._textfield-container_g33rb_1[data-error=true] > ._textfield_g33rb_1:hover {
|
|
1178
|
+
outline: 1px solid var(--function-label-negative);
|
|
1176
1179
|
}
|
|
1177
|
-
._textfield-
|
|
1178
|
-
outline:
|
|
1180
|
+
._textfield-container_g33rb_1[data-error=true] > ._textfield_g33rb_1:focus-within {
|
|
1181
|
+
outline: 1px solid var(--function-label-negative) !important;
|
|
1179
1182
|
}
|
|
1180
|
-
._textfield-
|
|
1181
|
-
color: var(--function-label-negative);
|
|
1183
|
+
._textfield-container_g33rb_1[data-error=true] > ._textfield_g33rb_1:focus-within ._label_g33rb_10 {
|
|
1184
|
+
color: var(--function-label-negative) !important;
|
|
1182
1185
|
}
|
|
1183
|
-
._textfield-
|
|
1184
|
-
|
|
1186
|
+
._textfield-container_g33rb_1[data-error=true] > ._footer_g33rb_40 > ._error-wrapper_g33rb_40 > ._error-message_g33rb_40 {
|
|
1187
|
+
margin: 0;
|
|
1185
1188
|
}
|
|
1186
|
-
.
|
|
1189
|
+
._textfield_g33rb_1 {
|
|
1187
1190
|
box-sizing: border-box;
|
|
1188
1191
|
position: relative;
|
|
1189
1192
|
width: 100%;
|
|
@@ -1194,40 +1197,41 @@
|
|
|
1194
1197
|
cursor: text;
|
|
1195
1198
|
transition: ease-out all 0.1s;
|
|
1196
1199
|
}
|
|
1197
|
-
.
|
|
1200
|
+
._textfield_g33rb_1:disabled {
|
|
1198
1201
|
outline: 1px solid var(--neutral-border-opaque-subtle);
|
|
1199
1202
|
cursor: not-allowed;
|
|
1200
1203
|
}
|
|
1201
|
-
.
|
|
1204
|
+
._textfield_g33rb_1:disabled > ._label_g33rb_10 {
|
|
1202
1205
|
color: var(--neutral-label-tertiary);
|
|
1203
1206
|
cursor: not-allowed;
|
|
1204
1207
|
}
|
|
1205
|
-
.
|
|
1208
|
+
._textfield_g33rb_1._label-out-textfield_g33rb_63 {
|
|
1206
1209
|
height: 52px;
|
|
1207
1210
|
margin-top: 24px;
|
|
1208
1211
|
}
|
|
1209
|
-
.
|
|
1212
|
+
._textfield_g33rb_1._white_g33rb_67 {
|
|
1210
1213
|
background: var(--neutral-container-lowest);
|
|
1211
1214
|
}
|
|
1212
|
-
.
|
|
1215
|
+
._textfield_g33rb_1._gray_g33rb_70 {
|
|
1213
1216
|
background: var(--neutral-container-mid);
|
|
1214
1217
|
}
|
|
1215
|
-
.
|
|
1218
|
+
._label_g33rb_10 {
|
|
1216
1219
|
position: absolute;
|
|
1217
1220
|
left: 0;
|
|
1218
1221
|
top: 0;
|
|
1219
|
-
color: var(--neutral-label-secondary);
|
|
1222
|
+
color: var(--neutral-label-secondary) !important;
|
|
1220
1223
|
cursor: text;
|
|
1221
1224
|
}
|
|
1222
|
-
._label-
|
|
1225
|
+
._label-in_g33rb_82 {
|
|
1223
1226
|
transform-origin: left top;
|
|
1224
1227
|
transform: translate(var(--lp-sys-padding-component-400), 100%) scale(1);
|
|
1225
1228
|
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
|
|
1229
|
+
font-weight: var(--lp-pri-font-weight-400) !important;
|
|
1226
1230
|
}
|
|
1227
|
-
._label-
|
|
1231
|
+
._label-out_g33rb_63 {
|
|
1228
1232
|
transform: translateY(-150%);
|
|
1229
1233
|
}
|
|
1230
|
-
._label-visually-
|
|
1234
|
+
._label-visually-hidden_g33rb_93 {
|
|
1231
1235
|
position: absolute;
|
|
1232
1236
|
width: 1px;
|
|
1233
1237
|
height: 1px;
|
|
@@ -1237,7 +1241,7 @@
|
|
|
1237
1241
|
white-space: nowrap;
|
|
1238
1242
|
border: 0;
|
|
1239
1243
|
}
|
|
1240
|
-
._input-
|
|
1244
|
+
._input-wrapper_g33rb_104 {
|
|
1241
1245
|
display: flex;
|
|
1242
1246
|
align-items: center;
|
|
1243
1247
|
justify-content: space-between;
|
|
@@ -1245,7 +1249,7 @@
|
|
|
1245
1249
|
height: 100%;
|
|
1246
1250
|
gap: var(--lp-sys-gap-positive-300);
|
|
1247
1251
|
}
|
|
1248
|
-
.
|
|
1252
|
+
._input_g33rb_28 {
|
|
1249
1253
|
background: transparent;
|
|
1250
1254
|
border: none;
|
|
1251
1255
|
outline: none;
|
|
@@ -1259,49 +1263,50 @@
|
|
|
1259
1263
|
font-weight: var(--lp-pri-font-weight-400);
|
|
1260
1264
|
line-height: 130%;
|
|
1261
1265
|
}
|
|
1262
|
-
.
|
|
1263
|
-
.
|
|
1266
|
+
._input_g33rb_28:focus + ._label-in_g33rb_82,
|
|
1267
|
+
._input_g33rb_28:not(:placeholder-shown) + ._label-in_g33rb_82 {
|
|
1264
1268
|
transform: translate(var(--lp-sys-padding-component-400), 60%) scale(0.8);
|
|
1265
1269
|
font-weight: var(--lp-pri-font-weight-500);
|
|
1266
1270
|
color: var(--neutral-label-primary);
|
|
1267
1271
|
}
|
|
1268
|
-
.
|
|
1272
|
+
._input_g33rb_28::placeholder {
|
|
1269
1273
|
color: var(--neutral-label-tertiary);
|
|
1270
1274
|
font-size: var(--lp-pri-font-size-15);
|
|
1271
1275
|
font-style: normal;
|
|
1272
1276
|
font-weight: var(--lp-pri-font-weight-400);
|
|
1273
1277
|
line-height: 130%;
|
|
1274
1278
|
}
|
|
1275
|
-
._label-out-
|
|
1279
|
+
._label-out-input_g33rb_140 {
|
|
1276
1280
|
transform: translateY(0);
|
|
1277
1281
|
}
|
|
1278
|
-
._input-action-
|
|
1282
|
+
._input-action-buttons_g33rb_144 {
|
|
1279
1283
|
display: flex;
|
|
1280
1284
|
align-items: center;
|
|
1281
1285
|
gap: var(--lp-sys-gap-positive-50);
|
|
1282
1286
|
}
|
|
1283
|
-
._action-
|
|
1287
|
+
._action-button_g33rb_150 {
|
|
1284
1288
|
margin-right: var(--lp-sys-padding-component-100);
|
|
1285
1289
|
}
|
|
1286
|
-
._action-
|
|
1290
|
+
._action-button_g33rb_150 > svg > circle {
|
|
1287
1291
|
fill: var(--neutral-label-secondary);
|
|
1288
1292
|
}
|
|
1289
|
-
._error-
|
|
1293
|
+
._error-wrapper_g33rb_40 {
|
|
1290
1294
|
display: flex;
|
|
1291
1295
|
align-items: flex-end;
|
|
1292
1296
|
gap: 4px;
|
|
1293
1297
|
}
|
|
1294
|
-
._error-
|
|
1298
|
+
._error-wrapper_g33rb_40 > ._error-message_g33rb_40 {
|
|
1299
|
+
padding-top: 1px;
|
|
1295
1300
|
color: var(--function-label-negative);
|
|
1296
1301
|
}
|
|
1297
|
-
.
|
|
1302
|
+
._footer_g33rb_40 {
|
|
1298
1303
|
display: flex;
|
|
1299
1304
|
justify-content: space-between;
|
|
1300
1305
|
align-items: center;
|
|
1301
1306
|
gap: 8px;
|
|
1302
1307
|
min-height: var(--lp-sys-icon-size-xs);
|
|
1303
1308
|
}
|
|
1304
|
-
.
|
|
1309
|
+
._character_g33rb_175 {
|
|
1305
1310
|
color: var(--neutral-label-secondary);
|
|
1306
1311
|
}
|
|
1307
1312
|
|
package/lib/index.d.ts
CHANGED
|
@@ -555,8 +555,8 @@ interface RestrictedButtonProps {
|
|
|
555
555
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
556
556
|
}
|
|
557
557
|
|
|
558
|
-
declare const illustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-ticket-3", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write"];
|
|
559
|
-
declare const darkIllustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-ticket-3", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write"];
|
|
558
|
+
declare const illustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-ticket-3", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write", "mini-sign"];
|
|
559
|
+
declare const darkIllustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-ticket-3", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write", "mini-sign"];
|
|
560
560
|
|
|
561
561
|
type LightIllustType = (typeof illustNames)[number];
|
|
562
562
|
type DarkIllustType = (typeof darkIllustNames)[number];
|
package/lib/index.js
CHANGED
|
@@ -3280,24 +3280,24 @@ var import_react18 = require("react");
|
|
|
3280
3280
|
|
|
3281
3281
|
// src/components/Textfield/style.module.scss
|
|
3282
3282
|
var style_module_default12 = {
|
|
3283
|
-
"textfield-container": "_textfield-
|
|
3284
|
-
"textfield": "
|
|
3285
|
-
"
|
|
3286
|
-
"
|
|
3287
|
-
"footer": "
|
|
3288
|
-
"error-wrapper": "_error-
|
|
3289
|
-
"error-message": "_error-
|
|
3290
|
-
"label-out-textfield": "_label-out-
|
|
3291
|
-
"white": "
|
|
3292
|
-
"gray": "
|
|
3293
|
-
"label-in": "_label-
|
|
3294
|
-
"label-out": "_label-
|
|
3295
|
-
"label-visually-hidden": "_label-visually-
|
|
3296
|
-
"input-wrapper": "_input-
|
|
3297
|
-
"label-out-input": "_label-out-
|
|
3298
|
-
"input-action-buttons": "_input-action-
|
|
3299
|
-
"action-button": "_action-
|
|
3300
|
-
"character": "
|
|
3283
|
+
"textfield-container": "_textfield-container_g33rb_1",
|
|
3284
|
+
"textfield": "_textfield_g33rb_1",
|
|
3285
|
+
"label": "_label_g33rb_10",
|
|
3286
|
+
"input": "_input_g33rb_28",
|
|
3287
|
+
"footer": "_footer_g33rb_40",
|
|
3288
|
+
"error-wrapper": "_error-wrapper_g33rb_40",
|
|
3289
|
+
"error-message": "_error-message_g33rb_40",
|
|
3290
|
+
"label-out-textfield": "_label-out-textfield_g33rb_63",
|
|
3291
|
+
"white": "_white_g33rb_67",
|
|
3292
|
+
"gray": "_gray_g33rb_70",
|
|
3293
|
+
"label-in": "_label-in_g33rb_82",
|
|
3294
|
+
"label-out": "_label-out_g33rb_63",
|
|
3295
|
+
"label-visually-hidden": "_label-visually-hidden_g33rb_93",
|
|
3296
|
+
"input-wrapper": "_input-wrapper_g33rb_104",
|
|
3297
|
+
"label-out-input": "_label-out-input_g33rb_140",
|
|
3298
|
+
"input-action-buttons": "_input-action-buttons_g33rb_144",
|
|
3299
|
+
"action-button": "_action-button_g33rb_150",
|
|
3300
|
+
"character": "_character_g33rb_175"
|
|
3301
3301
|
};
|
|
3302
3302
|
|
|
3303
3303
|
// src/components/Textfield/index.tsx
|
|
@@ -3465,7 +3465,17 @@ var Textfield = (0, import_react18.forwardRef)((props, ref) => {
|
|
|
3465
3465
|
type: "function-label-negative"
|
|
3466
3466
|
}
|
|
3467
3467
|
),
|
|
3468
|
-
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
3468
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
3469
|
+
Caption,
|
|
3470
|
+
{
|
|
3471
|
+
size: 3,
|
|
3472
|
+
type: "normal",
|
|
3473
|
+
weight: "regular",
|
|
3474
|
+
color: "function-label-negative",
|
|
3475
|
+
className: style_module_default12["error-message"],
|
|
3476
|
+
children: error
|
|
3477
|
+
}
|
|
3478
|
+
)
|
|
3469
3479
|
] }) }),
|
|
3470
3480
|
maxCharacter && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Caption, { className: style_module_default12.character, size: 3, type: "normal", weight: "regular", children: [
|
|
3471
3481
|
isControlled ? controlledValue.length : value.length,
|