@wix/design-system-tokens 1.232.5 → 1.233.0

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.
Files changed (25) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/all.css +54 -0
  3. package/all.scss +54 -0
  4. package/all.st.css +108 -0
  5. package/component.st.css +108 -0
  6. package/odeditor/all.css +78 -24
  7. package/odeditor/all.scss +78 -24
  8. package/odeditor/all.st.css +130 -22
  9. package/odeditor/component.st.css +113 -5
  10. package/odeditor/semantic.st.css +17 -17
  11. package/odeditor-dark/all.css +150 -94
  12. package/odeditor-dark/all.scss +150 -94
  13. package/odeditor-dark/all.st.css +203 -91
  14. package/odeditor-dark/component.st.css +186 -74
  15. package/odeditor-dark/semantic.st.css +17 -17
  16. package/package.json +2 -2
  17. package/studio/all.css +56 -0
  18. package/studio/all.scss +56 -0
  19. package/studio/all.st.css +112 -0
  20. package/studio/component.st.css +112 -0
  21. package/studio2-light/all.css +150 -94
  22. package/studio2-light/all.scss +150 -94
  23. package/studio2-light/all.st.css +203 -91
  24. package/studio2-light/component.st.css +186 -74
  25. package/studio2-light/semantic.st.css +17 -17
package/studio2-light/all.st.css CHANGED
@@ -226,7 +226,13 @@
226
226
  @property st-global(--wds-breakpoint-medium);
227
227
  @property st-global(--wds-breakpoint-small);
228
228
  @property st-global(--wds-breakpoint-x-large);
229
+ @property st-global(--wds-button-border-ai-secondary);
230
+ @property st-global(--wds-button-border-ai-secondary-active);
231
+ @property st-global(--wds-button-border-ai-secondary-disabled);
232
+ @property st-global(--wds-button-border-ai-secondary-hover);
229
233
  @property st-global(--wds-button-border-ai-secondary-mask);
234
+ @property st-global(--wds-button-border-ai-secondary-ring-display);
235
+ @property st-global(--wds-button-border-ai-tertiary-disabled);
230
236
  @property st-global(--wds-button-border-dark-secondary);
231
237
  @property st-global(--wds-button-border-dark-secondary-active);
232
238
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -250,8 +256,16 @@
250
256
  @property st-global(--wds-button-border-width-secondary-hover);
251
257
  @property st-global(--wds-button-fill-ai-primary);
252
258
  @property st-global(--wds-button-fill-ai-primary-active);
259
+ @property st-global(--wds-button-fill-ai-primary-disabled);
253
260
  @property st-global(--wds-button-fill-ai-primary-hover);
254
261
  @property st-global(--wds-button-fill-ai-secondary);
262
+ @property st-global(--wds-button-fill-ai-secondary-active);
263
+ @property st-global(--wds-button-fill-ai-secondary-disabled);
264
+ @property st-global(--wds-button-fill-ai-secondary-hover);
265
+ @property st-global(--wds-button-fill-ai-tertiary);
266
+ @property st-global(--wds-button-fill-ai-tertiary-active);
267
+ @property st-global(--wds-button-fill-ai-tertiary-disabled);
268
+ @property st-global(--wds-button-fill-ai-tertiary-hover);
255
269
  @property st-global(--wds-button-fill-dark-primary-disabled);
256
270
  @property st-global(--wds-button-fill-dark-secondary);
257
271
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -303,6 +317,15 @@
303
317
  @property st-global(--wds-button-icon-offset-small);
304
318
  @property st-global(--wds-button-icon-offset-tiny);
305
319
  @property st-global(--wds-button-label-fill-ai-primary);
320
+ @property st-global(--wds-button-label-fill-ai-primary-disabled);
321
+ @property st-global(--wds-button-label-fill-ai-secondary);
322
+ @property st-global(--wds-button-label-fill-ai-secondary-active);
323
+ @property st-global(--wds-button-label-fill-ai-secondary-disabled);
324
+ @property st-global(--wds-button-label-fill-ai-secondary-hover);
325
+ @property st-global(--wds-button-label-fill-ai-tertiary);
326
+ @property st-global(--wds-button-label-fill-ai-tertiary-active);
327
+ @property st-global(--wds-button-label-fill-ai-tertiary-disabled);
328
+ @property st-global(--wds-button-label-fill-ai-tertiary-hover);
306
329
  @property st-global(--wds-button-label-fill-dark-primary-disabled);
307
330
  @property st-global(--wds-button-label-fill-dark-secondary);
308
331
  @property st-global(--wds-button-label-fill-dark-secondary-active);
@@ -379,6 +402,8 @@
379
402
  @property st-global(--wds-card-gallery-item-action-button-padding-vertical);
380
403
  @property st-global(--wds-card-gallery-item-action-button-size);
381
404
  @property st-global(--wds-card-gallery-item-actions-align);
405
+ @property st-global(--wds-card-gallery-item-actions-clearance-bottom);
406
+ @property st-global(--wds-card-gallery-item-actions-clearance-top);
382
407
  @property st-global(--wds-card-gallery-item-actions-direction);
383
408
  @property st-global(--wds-card-gallery-item-actions-secondary-position);
384
409
  @property st-global(--wds-card-gallery-item-badge-offset-block);
@@ -1211,6 +1236,15 @@
1211
1236
  @property st-global(--wds-horizontal-scroll-button-fill);
1212
1237
  @property st-global(--wds-horizontal-scroll-button-fill-active);
1213
1238
  @property st-global(--wds-horizontal-scroll-button-text);
1239
+ @property st-global(--wds-icon-button-border-ai-secondary-ring-display);
1240
+ @property st-global(--wds-icon-button-border-ai-width);
1241
+ @property st-global(--wds-icon-button-color-border-ai-primary);
1242
+ @property st-global(--wds-icon-button-color-border-ai-primary-active);
1243
+ @property st-global(--wds-icon-button-color-border-ai-primary-hover);
1244
+ @property st-global(--wds-icon-button-color-border-ai-secondary);
1245
+ @property st-global(--wds-icon-button-color-border-ai-secondary-active);
1246
+ @property st-global(--wds-icon-button-color-border-ai-secondary-disabled);
1247
+ @property st-global(--wds-icon-button-color-border-ai-secondary-hover);
1214
1248
  @property st-global(--wds-icon-button-color-border-dark-secondary);
1215
1249
  @property st-global(--wds-icon-button-color-border-dark-secondary-active);
1216
1250
  @property st-global(--wds-icon-button-color-border-dark-secondary-disabled);
@@ -1226,6 +1260,18 @@
1226
1260
  @property st-global(--wds-icon-button-color-border-standard-secondary-active);
1227
1261
  @property st-global(--wds-icon-button-color-border-standard-secondary-disabled);
1228
1262
  @property st-global(--wds-icon-button-color-border-standard-secondary-hover);
1263
+ @property st-global(--wds-icon-button-color-fill-ai-primary);
1264
+ @property st-global(--wds-icon-button-color-fill-ai-primary-active);
1265
+ @property st-global(--wds-icon-button-color-fill-ai-primary-disabled);
1266
+ @property st-global(--wds-icon-button-color-fill-ai-primary-hover);
1267
+ @property st-global(--wds-icon-button-color-fill-ai-secondary);
1268
+ @property st-global(--wds-icon-button-color-fill-ai-secondary-active);
1269
+ @property st-global(--wds-icon-button-color-fill-ai-secondary-disabled);
1270
+ @property st-global(--wds-icon-button-color-fill-ai-secondary-hover);
1271
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary);
1272
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary-active);
1273
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary-disabled);
1274
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary-hover);
1229
1275
  @property st-global(--wds-icon-button-color-fill-dark-primary);
1230
1276
  @property st-global(--wds-icon-button-color-fill-dark-primary-active);
1231
1277
  @property st-global(--wds-icon-button-color-fill-dark-primary-disabled);
@@ -1274,6 +1320,16 @@
1274
1320
  @property st-global(--wds-icon-button-color-fill-standard-tertiary-active);
1275
1321
  @property st-global(--wds-icon-button-color-fill-standard-tertiary-disabled);
1276
1322
  @property st-global(--wds-icon-button-color-fill-standard-tertiary-hover);
1323
+ @property st-global(--wds-icon-button-color-text-ai-primary);
1324
+ @property st-global(--wds-icon-button-color-text-ai-primary-disabled);
1325
+ @property st-global(--wds-icon-button-color-text-ai-secondary);
1326
+ @property st-global(--wds-icon-button-color-text-ai-secondary-active);
1327
+ @property st-global(--wds-icon-button-color-text-ai-secondary-disabled);
1328
+ @property st-global(--wds-icon-button-color-text-ai-secondary-hover);
1329
+ @property st-global(--wds-icon-button-color-text-ai-tertiary);
1330
+ @property st-global(--wds-icon-button-color-text-ai-tertiary-active);
1331
+ @property st-global(--wds-icon-button-color-text-ai-tertiary-disabled);
1332
+ @property st-global(--wds-icon-button-color-text-ai-tertiary-hover);
1277
1333
  @property st-global(--wds-icon-button-color-text-dark-primary);
1278
1334
  @property st-global(--wds-icon-button-color-text-dark-primary-active);
1279
1335
  @property st-global(--wds-icon-button-color-text-dark-primary-disabled);
@@ -2937,7 +2993,13 @@
2937
2993
  --wds-breakpoint-medium: 768px;
2938
2994
  --wds-breakpoint-small: 490px;
2939
2995
  --wds-breakpoint-x-large: 1572px;
2996
+ --wds-button-border-ai-secondary: #7896ff;
2997
+ --wds-button-border-ai-secondary-active: #d5dfff;
2998
+ --wds-button-border-ai-secondary-disabled: #f0efef;
2999
+ --wds-button-border-ai-secondary-hover: #acbeff;
2940
3000
  --wds-button-border-ai-secondary-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
3001
+ --wds-button-border-ai-secondary-ring-display: none;
3002
+ --wds-button-border-ai-tertiary-disabled: #f0efef;
2941
3003
  --wds-button-border-dark-secondary: #767574;
2942
3004
  --wds-button-border-dark-secondary-active: #dedede;
2943
3005
  --wds-button-border-dark-secondary-disabled: #f0efef;
@@ -2959,10 +3021,18 @@
2959
3021
  --wds-button-border-standard-secondary-disabled: #f0efef;
2960
3022
  --wds-button-border-standard-secondary-hover: #acbeff;
2961
3023
  --wds-button-border-width-secondary-hover: 1px;
2962
- --wds-button-fill-ai-primary: #5a48f5;
2963
- --wds-button-fill-ai-primary-active: #5a48f5;
2964
- --wds-button-fill-ai-primary-hover: #4d3dd0;
2965
- --wds-button-fill-ai-secondary: #ffffff;
3024
+ --wds-button-fill-ai-primary: #2f5dff;
3025
+ --wds-button-fill-ai-primary-active: #0f2ccf;
3026
+ --wds-button-fill-ai-primary-disabled: #f0efef;
3027
+ --wds-button-fill-ai-primary-hover: #1c3fe5;
3028
+ --wds-button-fill-ai-secondary: rgba(255, 255, 255, 0);
3029
+ --wds-button-fill-ai-secondary-active: #d5dfff;
3030
+ --wds-button-fill-ai-secondary-disabled: #f0efef;
3031
+ --wds-button-fill-ai-secondary-hover: #eaefff;
3032
+ --wds-button-fill-ai-tertiary: rgba(255, 255, 255, 0);
3033
+ --wds-button-fill-ai-tertiary-active: #d5dfff;
3034
+ --wds-button-fill-ai-tertiary-disabled: #f0efef;
3035
+ --wds-button-fill-ai-tertiary-hover: #eaefff;
2966
3036
  --wds-button-fill-dark-primary-disabled: #f0efef;
2967
3037
  --wds-button-fill-dark-secondary: rgba(255, 255, 255, 0);
2968
3038
  --wds-button-fill-dark-secondary-active: #dedede;
@@ -3014,6 +3084,15 @@
3014
3084
  --wds-button-icon-offset-small: 12px;
3015
3085
  --wds-button-icon-offset-tiny: 12px;
3016
3086
  --wds-button-label-fill-ai-primary: #ffffff;
3087
+ --wds-button-label-fill-ai-primary-disabled: #a8a6a5;
3088
+ --wds-button-label-fill-ai-secondary: #1c3fe5;
3089
+ --wds-button-label-fill-ai-secondary-active: #0f2ccf;
3090
+ --wds-button-label-fill-ai-secondary-disabled: #a8a6a5;
3091
+ --wds-button-label-fill-ai-secondary-hover: #0f2ccf;
3092
+ --wds-button-label-fill-ai-tertiary: #1c3fe5;
3093
+ --wds-button-label-fill-ai-tertiary-active: #0f2ccf;
3094
+ --wds-button-label-fill-ai-tertiary-disabled: #a8a6a5;
3095
+ --wds-button-label-fill-ai-tertiary-hover: #0f2ccf;
3017
3096
  --wds-button-label-fill-dark-primary-disabled: #a8a6a5;
3018
3097
  --wds-button-label-fill-dark-secondary: #151414;
3019
3098
  --wds-button-label-fill-dark-secondary-active: #151414;
@@ -3059,12 +3138,12 @@
3059
3138
  --wds-calendar-day-fill-selected: #151414;
3060
3139
  --wds-calendar-day-fill-selected-hover: #383838;
3061
3140
  --wds-calendar-day-fill-today: #dedede;
3062
- --wds-calendar-day-gap: 0px;
3063
- --wds-calendar-day-range-border-radius: 0px;
3064
- --wds-calendar-day-range-edge-border-radius: 50%;
3065
- --wds-calendar-day-today-inset-width: 3px;
3066
- --wds-calendar-padding-medium: 24px;
3067
- --wds-calendar-padding-small: 18px;
3141
+ --wds-calendar-day-gap: 2px;
3142
+ --wds-calendar-day-range-border-radius: 8px;
3143
+ --wds-calendar-day-range-edge-border-radius: 8px;
3144
+ --wds-calendar-day-today-inset-width: 0px;
3145
+ --wds-calendar-padding-medium: 18px;
3146
+ --wds-calendar-padding-small: 12px;
3068
3147
  --wds-calendar-panel-footer-border-fill: rgba(19, 23, 32, 0);
3069
3148
  --wds-calendar-panel-footer-border-width: 1px;
3070
3149
  --wds-calendar-panel-presets-border-fill: rgba(19, 23, 32, 0);
@@ -3082,67 +3161,69 @@
3082
3161
  --wds-card-controls-padding-horizontal: 24px;
3083
3162
  --wds-card-controls-padding-vertical: 16px;
3084
3163
  --wds-card-divider-opacity: 0;
3085
- --wds-card-gallery-item-action-button-border-radius: 8px;
3086
- --wds-card-gallery-item-action-button-font-size: 14px;
3087
- --wds-card-gallery-item-action-button-line-height: 24px;
3088
- --wds-card-gallery-item-action-button-min-width: 84px;
3089
- --wds-card-gallery-item-action-button-padding-horizontal: 20px;
3164
+ --wds-card-gallery-item-action-button-border-radius: 6px;
3165
+ --wds-card-gallery-item-action-button-font-size: 12px;
3166
+ --wds-card-gallery-item-action-button-line-height: 16px;
3167
+ --wds-card-gallery-item-action-button-min-width: 72px;
3168
+ --wds-card-gallery-item-action-button-padding-horizontal: 16px;
3090
3169
  --wds-card-gallery-item-action-button-padding-vertical: 6px;
3091
- --wds-card-gallery-item-action-button-size: 38px;
3092
- --wds-card-gallery-item-actions-align: stretch;
3093
- --wds-card-gallery-item-actions-direction: row;
3094
- --wds-card-gallery-item-actions-secondary-position: absolute;
3170
+ --wds-card-gallery-item-action-button-size: 30px;
3171
+ --wds-card-gallery-item-actions-align: center;
3172
+ --wds-card-gallery-item-actions-clearance-bottom: 0px;
3173
+ --wds-card-gallery-item-actions-clearance-top: 36px;
3174
+ --wds-card-gallery-item-actions-direction: column;
3175
+ --wds-card-gallery-item-actions-secondary-position: static;
3095
3176
  --wds-card-gallery-item-badge-offset-block: 12px;
3096
- --wds-card-gallery-item-badge-offset-inline: -6px;
3097
- --wds-card-gallery-item-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
3177
+ --wds-card-gallery-item-badge-offset-inline: 12px;
3178
+ --wds-card-gallery-item-base-shadow: none;
3098
3179
  --wds-card-gallery-item-buttons-gap: 8px;
3099
3180
  --wds-card-gallery-item-content-margin-horizontal: 8px;
3100
3181
  --wds-card-gallery-item-content-margin-vertical: 0px;
3101
- --wds-card-gallery-item-drag-handle-gap: 12px;
3182
+ --wds-card-gallery-item-drag-handle-gap: 8px;
3102
3183
  --wds-card-gallery-item-fill: #ffffff;
3103
- --wds-card-gallery-item-image-border-radius-bottom: 12px;
3104
- --wds-card-gallery-item-image-inset: 0px;
3105
- --wds-card-gallery-item-image-side-size-medium: 40px;
3106
- --wds-card-gallery-item-image-side-size-small: 30px;
3184
+ --wds-card-gallery-item-image-border-radius-bottom: 8px;
3185
+ --wds-card-gallery-item-image-inset: 8px;
3186
+ --wds-card-gallery-item-image-side-size-medium: 48px;
3187
+ --wds-card-gallery-item-image-side-size-small: 32px;
3107
3188
  --wds-card-gallery-item-outline-border-color: #dedede;
3108
3189
  --wds-card-gallery-item-outline-border-color-hover: #a8a6a5;
3109
- --wds-card-gallery-item-overlay-backdrop-filter: none;
3190
+ --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
3110
3191
  --wds-card-gallery-item-overlay-fill: rgba(82, 81, 80, .5);
3111
3192
  --wds-card-gallery-item-overlay-hover-fill: rgba(54, 64, 97, 0.52);
3112
- --wds-card-gallery-item-padding-left-medium: 18px;
3193
+ --wds-card-gallery-item-padding-left-medium: 16px;
3113
3194
  --wds-card-gallery-item-padding-left-small: 12px;
3114
- --wds-card-gallery-item-padding-right-medium: 24px;
3115
- --wds-card-gallery-item-padding-right-small: 18px;
3116
- --wds-card-gallery-item-padding-vertical-medium: 18px;
3195
+ --wds-card-gallery-item-padding-right-medium: 16px;
3196
+ --wds-card-gallery-item-padding-right-small: 12px;
3197
+ --wds-card-gallery-item-padding-vertical-medium: 16px;
3117
3198
  --wds-card-gallery-item-padding-vertical-small: 12px;
3118
- --wds-card-gallery-item-secondary-action-border-radius: 2px;
3199
+ --wds-card-gallery-item-secondary-action-border-radius: 6px;
3119
3200
  --wds-card-gallery-item-secondary-action-color-active: #2f5dff;
3120
3201
  --wds-card-gallery-item-secondary-action-color-hover: #2f5dff;
3121
3202
  --wds-card-gallery-item-secondary-action-fill-active: #d5dfff;
3122
3203
  --wds-card-gallery-item-secondary-action-fill-hover: #eaefff;
3123
- --wds-card-gallery-item-secondary-action-font-size: 16px;
3124
- --wds-card-gallery-item-secondary-action-height: 24px;
3125
- --wds-card-gallery-item-secondary-action-line-height: 24px;
3126
- --wds-card-gallery-item-secondary-action-min-width: auto;
3127
- --wds-card-gallery-item-secondary-action-padding-horizontal: 0px;
3128
- --wds-card-gallery-item-secondary-action-padding-vertical: 0px;
3204
+ --wds-card-gallery-item-secondary-action-font-size: 12px;
3205
+ --wds-card-gallery-item-secondary-action-height: 30px;
3206
+ --wds-card-gallery-item-secondary-action-line-height: 16px;
3207
+ --wds-card-gallery-item-secondary-action-min-width: 72px;
3208
+ --wds-card-gallery-item-secondary-action-padding-horizontal: 16px;
3209
+ --wds-card-gallery-item-secondary-action-padding-vertical: 6px;
3129
3210
  --wds-card-gallery-item-settings-menu-offset: 8px;
3130
- --wds-card-gallery-item-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
3131
- --wds-card-gallery-item-shadow-hover: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
3132
- --wds-card-gallery-item-shadow-hover-side: 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12);
3211
+ --wds-card-gallery-item-shadow: 0 1px 10px 0 rgba(19, 23, 32, 0.05), 1px 0 2px -0.7px rgba(19, 23, 32, 0.05);
3212
+ --wds-card-gallery-item-shadow-hover: 0 0 30px 0 rgba(19, 23, 32, 0.1), 0 20px 0 0 rgba(19, 23, 32, 0);
3213
+ --wds-card-gallery-item-shadow-hover-side: 0 0 30px 0 rgba(19, 23, 32, 0.1), 0 20px 0 0 rgba(19, 23, 32, 0);
3133
3214
  --wds-card-gallery-item-subtitle-font-size-medium: 12px;
3134
- --wds-card-gallery-item-subtitle-line-height-medium: 18px;
3215
+ --wds-card-gallery-item-subtitle-line-height-medium: 16px;
3135
3216
  --wds-card-gallery-item-subtitle-side-font-size-medium: 14px;
3136
- --wds-card-gallery-item-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3137
- --wds-card-gallery-item-title-font-heading-letter-spacing-medium: 0px;
3138
- --wds-card-gallery-item-title-font-heading-weight-medium: 600;
3139
- --wds-card-gallery-item-title-font-letter-spacing: 0px;
3217
+ --wds-card-gallery-item-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3218
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: -0.5px;
3219
+ --wds-card-gallery-item-title-font-heading-weight-medium: 700;
3220
+ --wds-card-gallery-item-title-font-letter-spacing: -0.5px;
3140
3221
  --wds-card-gallery-item-title-font-line-height-medium: 24px;
3141
- --wds-card-gallery-item-title-font-line-height-small: 16px;
3222
+ --wds-card-gallery-item-title-font-line-height-small: 18px;
3142
3223
  --wds-card-gallery-item-title-font-size-medium: 16px;
3143
- --wds-card-gallery-item-title-font-weight-medium: 600;
3144
- --wds-card-gallery-item-title-font-weight-small: 500;
3145
- --wds-card-gallery-item-title-gap: 0px;
3224
+ --wds-card-gallery-item-title-font-weight-medium: 700;
3225
+ --wds-card-gallery-item-title-font-weight-small: 700;
3226
+ --wds-card-gallery-item-title-gap: 2px;
3146
3227
  --wds-card-header-divider-width: 0px;
3147
3228
  --wds-card-header-padding-bottom: 4px;
3148
3229
  --wds-card-header-padding-horizontal: 24px;
@@ -3305,10 +3386,10 @@
3305
3386
  --wds-color-blue-400: #d5dfff;
3306
3387
  --wds-color-blue-500: #eaefff;
3307
3388
  --wds-color-blue-600: #f5f7ff;
3308
- --wds-color-border-ai-primary: #ffffff;
3309
- --wds-color-border-ai-primary-active: #ffffff;
3310
- --wds-color-border-ai-primary-disabled: #ffffff;
3311
- --wds-color-border-ai-primary-hover: #ffffff;
3389
+ --wds-color-border-ai-primary: #7896ff;
3390
+ --wds-color-border-ai-primary-active: #2f5dff;
3391
+ --wds-color-border-ai-primary-disabled: rgba(19, 23, 32, .1);
3392
+ --wds-color-border-ai-primary-hover: #597dff;
3312
3393
  --wds-color-border-dark-primary: #767574;
3313
3394
  --wds-color-border-dark-primary-active: #383838;
3314
3395
  --wds-color-border-dark-primary-disabled: rgba(19, 23, 32, .1);
@@ -3414,21 +3495,21 @@
3414
3495
  --wds-color-fill-accent-10: #1f8845;
3415
3496
  --wds-color-fill-accent-11: #1b3689;
3416
3497
  --wds-color-fill-accent-12: #acafc4;
3417
- --wds-color-fill-ai: #ffffff;
3418
- --wds-color-fill-ai-hover: #ffffff;
3419
- --wds-color-fill-ai-primary: #5a48f5;
3420
- --wds-color-fill-ai-primary-active: #5a48f5;
3421
- --wds-color-fill-ai-primary-disabled: #bebebe;
3422
- --wds-color-fill-ai-primary-hover: #4d3dd0;
3423
- --wds-color-fill-ai-primary-pressed: #ffffff;
3424
- --wds-color-fill-ai-secondary: #d6d1fc;
3425
- --wds-color-fill-ai-secondary-active: #d6d1fc;
3426
- --wds-color-fill-ai-secondary-disabled: #e5e5e5;
3427
- --wds-color-fill-ai-secondary-hover: #a59bfa;
3498
+ --wds-color-fill-ai: #2f5dff;
3499
+ --wds-color-fill-ai-hover: #1c3fe5;
3500
+ --wds-color-fill-ai-primary: #2f5dff;
3501
+ --wds-color-fill-ai-primary-active: #0f2ccf;
3502
+ --wds-color-fill-ai-primary-disabled: rgba(19, 23, 32, .3);
3503
+ --wds-color-fill-ai-primary-hover: #1c3fe5;
3504
+ --wds-color-fill-ai-primary-pressed: #0f2ccf;
3505
+ --wds-color-fill-ai-secondary: #d5dfff;
3506
+ --wds-color-fill-ai-secondary-active: #0f2ccf;
3507
+ --wds-color-fill-ai-secondary-disabled: rgba(19, 23, 32, .1);
3508
+ --wds-color-fill-ai-secondary-hover: #1c3fe5;
3428
3509
  --wds-color-fill-ai-tertiary: #ffffff;
3429
- --wds-color-fill-ai-tertiary-active: #d6d1fc;
3510
+ --wds-color-fill-ai-tertiary-active: #d5dfff;
3430
3511
  --wds-color-fill-ai-tertiary-disabled: #ffffff;
3431
- --wds-color-fill-ai-tertiary-hover: #f8f6f6;
3512
+ --wds-color-fill-ai-tertiary-hover: #eaefff;
3432
3513
  --wds-color-fill-dark-primary: #151414;
3433
3514
  --wds-color-fill-dark-primary-active: #525150;
3434
3515
  --wds-color-fill-dark-primary-disabled: rgba(19, 23, 32, .3);
@@ -3922,6 +4003,15 @@
3922
4003
  --wds-horizontal-scroll-button-fill: #FFFFFF;
3923
4004
  --wds-horizontal-scroll-button-fill-active: #F8F6F6;
3924
4005
  --wds-horizontal-scroll-button-text: #000624;
4006
+ --wds-icon-button-border-ai-secondary-ring-display: none;
4007
+ --wds-icon-button-border-ai-width: 1px;
4008
+ --wds-icon-button-color-border-ai-primary: #2f5dff;
4009
+ --wds-icon-button-color-border-ai-primary-active: #0f2ccf;
4010
+ --wds-icon-button-color-border-ai-primary-hover: #1c3fe5;
4011
+ --wds-icon-button-color-border-ai-secondary: #7896ff;
4012
+ --wds-icon-button-color-border-ai-secondary-active: #d5dfff;
4013
+ --wds-icon-button-color-border-ai-secondary-disabled: #f0efef;
4014
+ --wds-icon-button-color-border-ai-secondary-hover: #acbeff;
3925
4015
  --wds-icon-button-color-border-dark-secondary: #767574;
3926
4016
  --wds-icon-button-color-border-dark-secondary-active: #dedede;
3927
4017
  --wds-icon-button-color-border-dark-secondary-disabled: #f0efef;
@@ -3937,6 +4027,18 @@
3937
4027
  --wds-icon-button-color-border-standard-secondary-active: #d5dfff;
3938
4028
  --wds-icon-button-color-border-standard-secondary-disabled: #f0efef;
3939
4029
  --wds-icon-button-color-border-standard-secondary-hover: #acbeff;
4030
+ --wds-icon-button-color-fill-ai-primary: #2f5dff;
4031
+ --wds-icon-button-color-fill-ai-primary-active: #0f2ccf;
4032
+ --wds-icon-button-color-fill-ai-primary-disabled: #f0efef;
4033
+ --wds-icon-button-color-fill-ai-primary-hover: #1c3fe5;
4034
+ --wds-icon-button-color-fill-ai-secondary: #ffffff;
4035
+ --wds-icon-button-color-fill-ai-secondary-active: #d5dfff;
4036
+ --wds-icon-button-color-fill-ai-secondary-disabled: #f0efef;
4037
+ --wds-icon-button-color-fill-ai-secondary-hover: #eaefff;
4038
+ --wds-icon-button-color-fill-ai-tertiary: rgba(255, 255, 255, 0);
4039
+ --wds-icon-button-color-fill-ai-tertiary-active: #d5dfff;
4040
+ --wds-icon-button-color-fill-ai-tertiary-disabled: rgba(255, 255, 255, 0);
4041
+ --wds-icon-button-color-fill-ai-tertiary-hover: #eaefff;
3940
4042
  --wds-icon-button-color-fill-dark-primary: #151414;
3941
4043
  --wds-icon-button-color-fill-dark-primary-active: #525150;
3942
4044
  --wds-icon-button-color-fill-dark-primary-disabled: #f0efef;
@@ -3985,6 +4087,16 @@
3985
4087
  --wds-icon-button-color-fill-standard-tertiary-active: #d5dfff;
3986
4088
  --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(255, 255, 255, 0);
3987
4089
  --wds-icon-button-color-fill-standard-tertiary-hover: #eaefff;
4090
+ --wds-icon-button-color-text-ai-primary: #ffffff;
4091
+ --wds-icon-button-color-text-ai-primary-disabled: #a8a6a5;
4092
+ --wds-icon-button-color-text-ai-secondary: #2f5dff;
4093
+ --wds-icon-button-color-text-ai-secondary-active: #0f2ccf;
4094
+ --wds-icon-button-color-text-ai-secondary-disabled: #a8a6a5;
4095
+ --wds-icon-button-color-text-ai-secondary-hover: #0f2ccf;
4096
+ --wds-icon-button-color-text-ai-tertiary: #2f5dff;
4097
+ --wds-icon-button-color-text-ai-tertiary-active: #0f2ccf;
4098
+ --wds-icon-button-color-text-ai-tertiary-disabled: #a8a6a5;
4099
+ --wds-icon-button-color-text-ai-tertiary-hover: #0f2ccf;
3988
4100
  --wds-icon-button-color-text-dark-primary: #ffffff;
3989
4101
  --wds-icon-button-color-text-dark-primary-active: #ffffff;
3990
4102
  --wds-icon-button-color-text-dark-primary-disabled: #a8a6a5;
@@ -4249,10 +4361,10 @@
4249
4361
  --wds-loader-stroke-width-medium: 2px;
4250
4362
  --wds-loader-stroke-width-small: 2px;
4251
4363
  --wds-loader-stroke-width-tiny: 2px;
4252
- --wds-marketing-layout-actions-alignment-inverted: auto;
4364
+ --wds-marketing-layout-actions-alignment-inverted: flex-end;
4253
4365
  --wds-marketing-layout-actions-gap-medium: 24px;
4254
4366
  --wds-marketing-layout-actions-gap-small: 24px;
4255
- --wds-marketing-layout-actions-gap-tiny: 24px;
4367
+ --wds-marketing-layout-actions-gap-tiny: 12px;
4256
4368
  --wds-marketing-layout-badge-gap: 8px;
4257
4369
  --wds-marketing-layout-badge-offset-medium: 0px;
4258
4370
  --wds-marketing-layout-badge-offset-small: 0px;
@@ -4261,7 +4373,7 @@
4261
4373
  --wds-marketing-layout-badge-side: auto;
4262
4374
  --wds-marketing-layout-badge-top: auto;
4263
4375
  --wds-marketing-layout-border: 4px;
4264
- --wds-marketing-layout-content-justify: center;
4376
+ --wds-marketing-layout-content-justify: flex-start;
4265
4377
  --wds-marketing-layout-description-color: #525150;
4266
4378
  --wds-marketing-layout-description-font-size-medium: 12px;
4267
4379
  --wds-marketing-layout-description-font-size-small: 12px;
@@ -4272,15 +4384,15 @@
4272
4384
  --wds-marketing-layout-description-line-height-medium: 16px;
4273
4385
  --wds-marketing-layout-description-line-height-small: 16px;
4274
4386
  --wds-marketing-layout-description-line-height-tiny: 16px;
4275
- --wds-marketing-layout-description-max-width: none;
4276
- --wds-marketing-layout-image-aspect-ratio: auto;
4387
+ --wds-marketing-layout-description-max-width: 80%;
4388
+ --wds-marketing-layout-image-aspect-ratio: 1;
4277
4389
  --wds-marketing-layout-image-border-radius: 8px;
4278
- --wds-marketing-layout-image-height: auto;
4279
- --wds-marketing-layout-image-hug-padding: 0px;
4280
- --wds-marketing-layout-image-max-width-medium: none;
4281
- --wds-marketing-layout-image-max-width-small: none;
4282
- --wds-marketing-layout-image-max-width-tiny: none;
4283
- --wds-marketing-layout-image-object-fit: fill;
4390
+ --wds-marketing-layout-image-height: 100%;
4391
+ --wds-marketing-layout-image-hug-padding: 12px;
4392
+ --wds-marketing-layout-image-max-width-medium: 156px;
4393
+ --wds-marketing-layout-image-max-width-small: 136px;
4394
+ --wds-marketing-layout-image-max-width-tiny: 116px;
4395
+ --wds-marketing-layout-image-object-fit: cover;
4284
4396
  --wds-marketing-layout-image-padding-left-medium: 12px;
4285
4397
  --wds-marketing-layout-image-padding-left-small: 12px;
4286
4398
  --wds-marketing-layout-image-padding-left-tiny: 12px;
@@ -4290,13 +4402,13 @@
4290
4402
  --wds-marketing-layout-image-padding-vertical-medium: 12px;
4291
4403
  --wds-marketing-layout-image-padding-vertical-small: 12px;
4292
4404
  --wds-marketing-layout-image-padding-vertical-tiny: 12px;
4293
- --wds-marketing-layout-image-width: 100%;
4294
- --wds-marketing-layout-image-wrapper-contain: none;
4295
- --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
4405
+ --wds-marketing-layout-image-width: auto;
4406
+ --wds-marketing-layout-image-wrapper-contain: size;
4407
+ --wds-marketing-layout-image-wrapper-flex: none;
4296
4408
  --wds-marketing-layout-image-wrapper-width: auto;
4297
- --wds-marketing-layout-min-height-medium: auto;
4298
- --wds-marketing-layout-min-height-small: auto;
4299
- --wds-marketing-layout-min-height-tiny: auto;
4409
+ --wds-marketing-layout-min-height-medium: 180px;
4410
+ --wds-marketing-layout-min-height-small: 160px;
4411
+ --wds-marketing-layout-min-height-tiny: 140px;
4300
4412
  --wds-marketing-layout-padding-left-medium: 20px;
4301
4413
  --wds-marketing-layout-padding-left-small: 8px;
4302
4414
  --wds-marketing-layout-padding-left-tiny: 8px;
@@ -4306,17 +4418,17 @@
4306
4418
  --wds-marketing-layout-padding-vertical-medium: 20px;
4307
4419
  --wds-marketing-layout-padding-vertical-small: 20px;
4308
4420
  --wds-marketing-layout-padding-vertical-tiny: 20px;
4309
- --wds-marketing-layout-title-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4421
+ --wds-marketing-layout-title-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4310
4422
  --wds-marketing-layout-title-font-size-medium: 16px;
4311
4423
  --wds-marketing-layout-title-font-size-small: 16px;
4312
4424
  --wds-marketing-layout-title-font-size-tiny: 16px;
4313
4425
  --wds-marketing-layout-title-font-weight-medium: 700;
4314
4426
  --wds-marketing-layout-title-font-weight-small: 700;
4315
4427
  --wds-marketing-layout-title-font-weight-tiny: 700;
4316
- --wds-marketing-layout-title-gap-medium: 8px;
4317
- --wds-marketing-layout-title-gap-small: 8px;
4318
- --wds-marketing-layout-title-gap-tiny: 8px;
4319
- --wds-marketing-layout-title-letter-spacing-tiny: 0px;
4428
+ --wds-marketing-layout-title-gap-medium: 4px;
4429
+ --wds-marketing-layout-title-gap-small: 4px;
4430
+ --wds-marketing-layout-title-gap-tiny: 2px;
4431
+ --wds-marketing-layout-title-letter-spacing-tiny: -0.5px;
4320
4432
  --wds-marketing-layout-title-line-height-medium: 20px;
4321
4433
  --wds-marketing-layout-title-line-height-small: 20px;
4322
4434
  --wds-marketing-layout-title-line-height-tiny: 20px;
@@ -4385,8 +4497,8 @@
4385
4497
  --wds-nestable-list-fill: rgba(255, 255, 255, 0);
4386
4498
  --wds-nestable-list-paddings: 8px;
4387
4499
  --wds-notification-border-color: #ffffff;
4388
- --wds-notification-border-radius: 0px;
4389
- --wds-notification-border-width: 0px;
4500
+ --wds-notification-border-radius: 8px;
4501
+ --wds-notification-border-width: 1px;
4390
4502
  --wds-notification-content-color: #383838;
4391
4503
  --wds-notification-fill-error: #f4b8b9;
4392
4504
  --wds-notification-fill-premium: #e7e4fe;