@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 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-container_qi63h_1 {
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-container_qi63h_1 > ._textfield_qi63h_1:focus-within {
1154
- outline: 2px solid var(--neutral-border-opaque-strong) !important;
1153
+ ._textfield-container_g33rb_1 > ._textfield_g33rb_1:focus-within {
1154
+ outline: 1px solid var(--neutral-border-opaque-strong) !important;
1155
1155
  }
1156
- ._textfield-container_qi63h_1:hover > ._textfield_qi63h_1 {
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-container_qi63h_1[data-disabled=true] {
1162
+ ._textfield-container_g33rb_1[data-disabled=true] {
1160
1163
  cursor: not-allowed;
1161
1164
  }
1162
- ._textfield-container_qi63h_1[data-disabled=true] > * {
1165
+ ._textfield-container_g33rb_1[data-disabled=true] > * {
1163
1166
  cursor: not-allowed !important;
1164
1167
  }
1165
- ._textfield-container_qi63h_1[data-disabled=true] > ._textfield_qi63h_1 {
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-container_qi63h_1[data-error=true] > ._textfield_qi63h_1 {
1169
- outline: 2px solid var(--function-label-negative);
1171
+ ._textfield-container_g33rb_1[data-error=true] > ._textfield_g33rb_1 {
1172
+ outline: 1px solid var(--function-label-negative);
1170
1173
  }
1171
- ._textfield-container_qi63h_1[data-error=true] > ._textfield_qi63h_1 > ._input_qi63h_25 + ._label_qi63h_25 {
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-container_qi63h_1[data-error=true] > ._textfield_qi63h_1:hover {
1175
- outline: 2px solid var(--function-label-negative);
1177
+ ._textfield-container_g33rb_1[data-error=true] > ._textfield_g33rb_1:hover {
1178
+ outline: 1px solid var(--function-label-negative);
1176
1179
  }
1177
- ._textfield-container_qi63h_1[data-error=true] > ._textfield_qi63h_1:focus-within {
1178
- outline: 2px solid var(--function-label-negative) !important;
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-container_qi63h_1[data-error=true] > ._textfield_qi63h_1:focus-within > ._label_qi63h_25 {
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-container_qi63h_1[data-error=true] > ._footer_qi63h_37 > ._error-wrapper_qi63h_37 > ._error-message_qi63h_37 {
1184
- color: var(--function-label-negative);
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
- ._textfield_qi63h_1 {
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
- ._textfield_qi63h_1:disabled {
1200
+ ._textfield_g33rb_1:disabled {
1198
1201
  outline: 1px solid var(--neutral-border-opaque-subtle);
1199
1202
  cursor: not-allowed;
1200
1203
  }
1201
- ._textfield_qi63h_1:disabled > ._label_qi63h_25 {
1204
+ ._textfield_g33rb_1:disabled > ._label_g33rb_10 {
1202
1205
  color: var(--neutral-label-tertiary);
1203
1206
  cursor: not-allowed;
1204
1207
  }
1205
- ._textfield_qi63h_1._label-out-textfield_qi63h_60 {
1208
+ ._textfield_g33rb_1._label-out-textfield_g33rb_63 {
1206
1209
  height: 52px;
1207
1210
  margin-top: 24px;
1208
1211
  }
1209
- ._textfield_qi63h_1._white_qi63h_64 {
1212
+ ._textfield_g33rb_1._white_g33rb_67 {
1210
1213
  background: var(--neutral-container-lowest);
1211
1214
  }
1212
- ._textfield_qi63h_1._gray_qi63h_67 {
1215
+ ._textfield_g33rb_1._gray_g33rb_70 {
1213
1216
  background: var(--neutral-container-mid);
1214
1217
  }
1215
- ._label_qi63h_25 {
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-in_qi63h_79 {
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-out_qi63h_60 {
1231
+ ._label-out_g33rb_63 {
1228
1232
  transform: translateY(-150%);
1229
1233
  }
1230
- ._label-visually-hidden_qi63h_89 {
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-wrapper_qi63h_100 {
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
- ._input_qi63h_25 {
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
- ._input_qi63h_25:focus + ._label-in_qi63h_79,
1263
- ._input_qi63h_25:not(:placeholder-shown) + ._label-in_qi63h_79 {
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
- ._input_qi63h_25::placeholder {
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-input_qi63h_136 {
1279
+ ._label-out-input_g33rb_140 {
1276
1280
  transform: translateY(0);
1277
1281
  }
1278
- ._input-action-buttons_qi63h_140 {
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-button_qi63h_146 {
1287
+ ._action-button_g33rb_150 {
1284
1288
  margin-right: var(--lp-sys-padding-component-100);
1285
1289
  }
1286
- ._action-button_qi63h_146 > svg > circle {
1290
+ ._action-button_g33rb_150 > svg > circle {
1287
1291
  fill: var(--neutral-label-secondary);
1288
1292
  }
1289
- ._error-wrapper_qi63h_37 {
1293
+ ._error-wrapper_g33rb_40 {
1290
1294
  display: flex;
1291
1295
  align-items: flex-end;
1292
1296
  gap: 4px;
1293
1297
  }
1294
- ._error-wrapper_qi63h_37 > ._error-message_qi63h_37 {
1298
+ ._error-wrapper_g33rb_40 > ._error-message_g33rb_40 {
1299
+ padding-top: 1px;
1295
1300
  color: var(--function-label-negative);
1296
1301
  }
1297
- ._footer_qi63h_37 {
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
- ._character_qi63h_170 {
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-container_qi63h_1",
3284
- "textfield": "_textfield_qi63h_1",
3285
- "input": "_input_qi63h_25",
3286
- "label": "_label_qi63h_25",
3287
- "footer": "_footer_qi63h_37",
3288
- "error-wrapper": "_error-wrapper_qi63h_37",
3289
- "error-message": "_error-message_qi63h_37",
3290
- "label-out-textfield": "_label-out-textfield_qi63h_60",
3291
- "white": "_white_qi63h_64",
3292
- "gray": "_gray_qi63h_67",
3293
- "label-in": "_label-in_qi63h_79",
3294
- "label-out": "_label-out_qi63h_60",
3295
- "label-visually-hidden": "_label-visually-hidden_qi63h_89",
3296
- "input-wrapper": "_input-wrapper_qi63h_100",
3297
- "label-out-input": "_label-out-input_qi63h_136",
3298
- "input-action-buttons": "_input-action-buttons_qi63h_140",
3299
- "action-button": "_action-button_qi63h_146",
3300
- "character": "_character_qi63h_170"
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)(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default12["error-message"], children: error })
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,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/prism",
3
- "version": "2.7.13",
3
+ "version": "2.7.15",
4
4
  "scripts": {
5
5
  "dev": "next dev",
6
6
  "start": "next start",