@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/odeditor-dark/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);
@@ -382,6 +405,8 @@
382
405
  @property st-global(--wds-card-gallery-item-action-button-padding-vertical);
383
406
  @property st-global(--wds-card-gallery-item-action-button-size);
384
407
  @property st-global(--wds-card-gallery-item-actions-align);
408
+ @property st-global(--wds-card-gallery-item-actions-clearance-bottom);
409
+ @property st-global(--wds-card-gallery-item-actions-clearance-top);
385
410
  @property st-global(--wds-card-gallery-item-actions-direction);
386
411
  @property st-global(--wds-card-gallery-item-actions-secondary-position);
387
412
  @property st-global(--wds-card-gallery-item-badge-offset-block);
@@ -1215,6 +1240,15 @@
1215
1240
  @property st-global(--wds-horizontal-scroll-button-fill);
1216
1241
  @property st-global(--wds-horizontal-scroll-button-fill-active);
1217
1242
  @property st-global(--wds-horizontal-scroll-button-text);
1243
+ @property st-global(--wds-icon-button-border-ai-secondary-ring-display);
1244
+ @property st-global(--wds-icon-button-border-ai-width);
1245
+ @property st-global(--wds-icon-button-color-border-ai-primary);
1246
+ @property st-global(--wds-icon-button-color-border-ai-primary-active);
1247
+ @property st-global(--wds-icon-button-color-border-ai-primary-hover);
1248
+ @property st-global(--wds-icon-button-color-border-ai-secondary);
1249
+ @property st-global(--wds-icon-button-color-border-ai-secondary-active);
1250
+ @property st-global(--wds-icon-button-color-border-ai-secondary-disabled);
1251
+ @property st-global(--wds-icon-button-color-border-ai-secondary-hover);
1218
1252
  @property st-global(--wds-icon-button-color-border-dark-secondary);
1219
1253
  @property st-global(--wds-icon-button-color-border-dark-secondary-active);
1220
1254
  @property st-global(--wds-icon-button-color-border-dark-secondary-disabled);
@@ -1230,6 +1264,18 @@
1230
1264
  @property st-global(--wds-icon-button-color-border-standard-secondary-active);
1231
1265
  @property st-global(--wds-icon-button-color-border-standard-secondary-disabled);
1232
1266
  @property st-global(--wds-icon-button-color-border-standard-secondary-hover);
1267
+ @property st-global(--wds-icon-button-color-fill-ai-primary);
1268
+ @property st-global(--wds-icon-button-color-fill-ai-primary-active);
1269
+ @property st-global(--wds-icon-button-color-fill-ai-primary-disabled);
1270
+ @property st-global(--wds-icon-button-color-fill-ai-primary-hover);
1271
+ @property st-global(--wds-icon-button-color-fill-ai-secondary);
1272
+ @property st-global(--wds-icon-button-color-fill-ai-secondary-active);
1273
+ @property st-global(--wds-icon-button-color-fill-ai-secondary-disabled);
1274
+ @property st-global(--wds-icon-button-color-fill-ai-secondary-hover);
1275
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary);
1276
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary-active);
1277
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary-disabled);
1278
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary-hover);
1233
1279
  @property st-global(--wds-icon-button-color-fill-dark-primary);
1234
1280
  @property st-global(--wds-icon-button-color-fill-dark-primary-active);
1235
1281
  @property st-global(--wds-icon-button-color-fill-dark-primary-disabled);
@@ -1278,6 +1324,16 @@
1278
1324
  @property st-global(--wds-icon-button-color-fill-standard-tertiary-active);
1279
1325
  @property st-global(--wds-icon-button-color-fill-standard-tertiary-disabled);
1280
1326
  @property st-global(--wds-icon-button-color-fill-standard-tertiary-hover);
1327
+ @property st-global(--wds-icon-button-color-text-ai-primary);
1328
+ @property st-global(--wds-icon-button-color-text-ai-primary-disabled);
1329
+ @property st-global(--wds-icon-button-color-text-ai-secondary);
1330
+ @property st-global(--wds-icon-button-color-text-ai-secondary-active);
1331
+ @property st-global(--wds-icon-button-color-text-ai-secondary-disabled);
1332
+ @property st-global(--wds-icon-button-color-text-ai-secondary-hover);
1333
+ @property st-global(--wds-icon-button-color-text-ai-tertiary);
1334
+ @property st-global(--wds-icon-button-color-text-ai-tertiary-active);
1335
+ @property st-global(--wds-icon-button-color-text-ai-tertiary-disabled);
1336
+ @property st-global(--wds-icon-button-color-text-ai-tertiary-hover);
1281
1337
  @property st-global(--wds-icon-button-color-text-dark-primary);
1282
1338
  @property st-global(--wds-icon-button-color-text-dark-primary-active);
1283
1339
  @property st-global(--wds-icon-button-color-text-dark-primary-disabled);
@@ -2939,7 +2995,13 @@
2939
2995
  --wds-breakpoint-medium: 768px;
2940
2996
  --wds-breakpoint-small: 490px;
2941
2997
  --wds-breakpoint-x-large: 1572px;
2998
+ --wds-button-border-ai-secondary: #5B78A9;
2999
+ --wds-button-border-ai-secondary-active: #2D354E;
3000
+ --wds-button-border-ai-secondary-disabled: #3A3A3B;
3001
+ --wds-button-border-ai-secondary-hover: #3F4D6E;
2942
3002
  --wds-button-border-ai-secondary-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
3003
+ --wds-button-border-ai-secondary-ring-display: none;
3004
+ --wds-button-border-ai-tertiary-disabled: #3A3A3B;
2943
3005
  --wds-button-border-dark-secondary: #A09E9D;
2944
3006
  --wds-button-border-dark-secondary-active: #666565;
2945
3007
  --wds-button-border-dark-secondary-disabled: #3A3A3B;
@@ -2963,8 +3025,16 @@
2963
3025
  --wds-button-border-width-secondary-hover: 1px;
2964
3026
  --wds-button-fill-ai-primary: #3C67FF;
2965
3027
  --wds-button-fill-ai-primary-active: #82B0FF;
3028
+ --wds-button-fill-ai-primary-disabled: #3A3A3B;
2966
3029
  --wds-button-fill-ai-primary-hover: #6F94D4;
2967
3030
  --wds-button-fill-ai-secondary: rgba(0, 0, 0, 0);
3031
+ --wds-button-fill-ai-secondary-active: #2D354E;
3032
+ --wds-button-fill-ai-secondary-disabled: #3A3A3B;
3033
+ --wds-button-fill-ai-secondary-hover: #212328;
3034
+ --wds-button-fill-ai-tertiary: rgba(0, 0, 0, 0);
3035
+ --wds-button-fill-ai-tertiary-active: #2D354E;
3036
+ --wds-button-fill-ai-tertiary-disabled: #3A3A3B;
3037
+ --wds-button-fill-ai-tertiary-hover: #212328;
2968
3038
  --wds-button-fill-dark-primary-disabled: #3A3A3B;
2969
3039
  --wds-button-fill-dark-secondary: rgba(0, 0, 0, 0);
2970
3040
  --wds-button-fill-dark-secondary-active: #666565;
@@ -3016,6 +3086,15 @@
3016
3086
  --wds-button-icon-offset-small: 12px;
3017
3087
  --wds-button-icon-offset-tiny: 12px;
3018
3088
  --wds-button-label-fill-ai-primary: #FFFFFF;
3089
+ --wds-button-label-fill-ai-primary-disabled: #878685;
3090
+ --wds-button-label-fill-ai-secondary: #B1CCFF;
3091
+ --wds-button-label-fill-ai-secondary-active: #E0E7FF;
3092
+ --wds-button-label-fill-ai-secondary-disabled: #878685;
3093
+ --wds-button-label-fill-ai-secondary-hover: #E0E7FF;
3094
+ --wds-button-label-fill-ai-tertiary: #B1CCFF;
3095
+ --wds-button-label-fill-ai-tertiary-active: #E0E7FF;
3096
+ --wds-button-label-fill-ai-tertiary-disabled: #878685;
3097
+ --wds-button-label-fill-ai-tertiary-hover: #E0E7FF;
3019
3098
  --wds-button-label-fill-dark-primary-disabled: #878685;
3020
3099
  --wds-button-label-fill-dark-secondary: #FFFFFF;
3021
3100
  --wds-button-label-fill-dark-secondary-active: #FFFFFF;
@@ -3059,17 +3138,17 @@
3059
3138
  --wds-button-size-tiny-screen-small: 32px;
3060
3139
  --wds-button-size-x-tiny: 18px;
3061
3140
  --wds-calendar-day-fill-hover: #212328;
3062
- --wds-calendar-day-fill-range: #212328;
3063
- --wds-calendar-day-fill-range-edge: #212328;
3141
+ --wds-calendar-day-fill-range: #2D354E;
3142
+ --wds-calendar-day-fill-range-edge: rgba(0, 0, 0, 0);
3064
3143
  --wds-calendar-day-fill-selected: #82B0FF;
3065
3144
  --wds-calendar-day-fill-selected-hover: #B1CCFF;
3066
3145
  --wds-calendar-day-fill-today: #3A3A3B;
3067
- --wds-calendar-day-gap: 0px;
3068
- --wds-calendar-day-range-border-radius: 0px;
3069
- --wds-calendar-day-range-edge-border-radius: 50%;
3070
- --wds-calendar-day-today-inset-width: 3px;
3071
- --wds-calendar-padding-medium: 24px;
3072
- --wds-calendar-padding-small: 18px;
3146
+ --wds-calendar-day-gap: 2px;
3147
+ --wds-calendar-day-range-border-radius: 8px;
3148
+ --wds-calendar-day-range-edge-border-radius: 8px;
3149
+ --wds-calendar-day-today-inset-width: 0px;
3150
+ --wds-calendar-padding-medium: 18px;
3151
+ --wds-calendar-padding-small: 12px;
3073
3152
  --wds-calendar-panel-footer-border-fill: #454544;
3074
3153
  --wds-calendar-panel-footer-border-width: 1px;
3075
3154
  --wds-calendar-panel-presets-border-fill: #454544;
@@ -3087,67 +3166,69 @@
3087
3166
  --wds-card-controls-padding-horizontal: 24px;
3088
3167
  --wds-card-controls-padding-vertical: 16px;
3089
3168
  --wds-card-divider-opacity: 0;
3090
- --wds-card-gallery-item-action-button-border-radius: 8px;
3091
- --wds-card-gallery-item-action-button-font-size: 14px;
3092
- --wds-card-gallery-item-action-button-line-height: 24px;
3093
- --wds-card-gallery-item-action-button-min-width: 84px;
3094
- --wds-card-gallery-item-action-button-padding-horizontal: 20px;
3169
+ --wds-card-gallery-item-action-button-border-radius: 6px;
3170
+ --wds-card-gallery-item-action-button-font-size: 12px;
3171
+ --wds-card-gallery-item-action-button-line-height: 16px;
3172
+ --wds-card-gallery-item-action-button-min-width: 72px;
3173
+ --wds-card-gallery-item-action-button-padding-horizontal: 16px;
3095
3174
  --wds-card-gallery-item-action-button-padding-vertical: 6px;
3096
- --wds-card-gallery-item-action-button-size: 38px;
3097
- --wds-card-gallery-item-actions-align: stretch;
3098
- --wds-card-gallery-item-actions-direction: row;
3099
- --wds-card-gallery-item-actions-secondary-position: absolute;
3175
+ --wds-card-gallery-item-action-button-size: 30px;
3176
+ --wds-card-gallery-item-actions-align: center;
3177
+ --wds-card-gallery-item-actions-clearance-bottom: 0px;
3178
+ --wds-card-gallery-item-actions-clearance-top: 36px;
3179
+ --wds-card-gallery-item-actions-direction: column;
3180
+ --wds-card-gallery-item-actions-secondary-position: static;
3100
3181
  --wds-card-gallery-item-badge-offset-block: 12px;
3101
- --wds-card-gallery-item-badge-offset-inline: -6px;
3102
- --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);
3182
+ --wds-card-gallery-item-badge-offset-inline: 12px;
3183
+ --wds-card-gallery-item-base-shadow: none;
3103
3184
  --wds-card-gallery-item-buttons-gap: 8px;
3104
3185
  --wds-card-gallery-item-content-margin-horizontal: 8px;
3105
3186
  --wds-card-gallery-item-content-margin-vertical: 0px;
3106
- --wds-card-gallery-item-drag-handle-gap: 12px;
3187
+ --wds-card-gallery-item-drag-handle-gap: 8px;
3107
3188
  --wds-card-gallery-item-fill: #212122;
3108
- --wds-card-gallery-item-image-border-radius-bottom: 12px;
3109
- --wds-card-gallery-item-image-inset: 0px;
3110
- --wds-card-gallery-item-image-side-size-medium: 40px;
3111
- --wds-card-gallery-item-image-side-size-small: 30px;
3189
+ --wds-card-gallery-item-image-border-radius-bottom: 8px;
3190
+ --wds-card-gallery-item-image-inset: 8px;
3191
+ --wds-card-gallery-item-image-side-size-medium: 48px;
3192
+ --wds-card-gallery-item-image-side-size-small: 32px;
3112
3193
  --wds-card-gallery-item-outline-border-color: #2D354E;
3113
3194
  --wds-card-gallery-item-outline-border-color-hover: #3F4D6E;
3114
- --wds-card-gallery-item-overlay-backdrop-filter: none;
3195
+ --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
3115
3196
  --wds-card-gallery-item-overlay-fill: rgba(212, 211, 210, .5);
3116
3197
  --wds-card-gallery-item-overlay-hover-fill: rgba(212, 211, 210, .5);
3117
- --wds-card-gallery-item-padding-left-medium: 18px;
3198
+ --wds-card-gallery-item-padding-left-medium: 16px;
3118
3199
  --wds-card-gallery-item-padding-left-small: 12px;
3119
- --wds-card-gallery-item-padding-right-medium: 24px;
3120
- --wds-card-gallery-item-padding-right-small: 18px;
3121
- --wds-card-gallery-item-padding-vertical-medium: 18px;
3200
+ --wds-card-gallery-item-padding-right-medium: 16px;
3201
+ --wds-card-gallery-item-padding-right-small: 12px;
3202
+ --wds-card-gallery-item-padding-vertical-medium: 16px;
3122
3203
  --wds-card-gallery-item-padding-vertical-small: 12px;
3123
- --wds-card-gallery-item-secondary-action-border-radius: 2px;
3204
+ --wds-card-gallery-item-secondary-action-border-radius: 6px;
3124
3205
  --wds-card-gallery-item-secondary-action-color-active: #212122;
3125
3206
  --wds-card-gallery-item-secondary-action-color-hover: #212122;
3126
3207
  --wds-card-gallery-item-secondary-action-fill-active: transparent;
3127
3208
  --wds-card-gallery-item-secondary-action-fill-hover: transparent;
3128
- --wds-card-gallery-item-secondary-action-font-size: 16px;
3129
- --wds-card-gallery-item-secondary-action-height: 24px;
3130
- --wds-card-gallery-item-secondary-action-line-height: 24px;
3131
- --wds-card-gallery-item-secondary-action-min-width: auto;
3132
- --wds-card-gallery-item-secondary-action-padding-horizontal: 0px;
3133
- --wds-card-gallery-item-secondary-action-padding-vertical: 0px;
3209
+ --wds-card-gallery-item-secondary-action-font-size: 12px;
3210
+ --wds-card-gallery-item-secondary-action-height: 30px;
3211
+ --wds-card-gallery-item-secondary-action-line-height: 16px;
3212
+ --wds-card-gallery-item-secondary-action-min-width: 72px;
3213
+ --wds-card-gallery-item-secondary-action-padding-horizontal: 16px;
3214
+ --wds-card-gallery-item-secondary-action-padding-vertical: 6px;
3134
3215
  --wds-card-gallery-item-settings-menu-offset: 8px;
3135
- --wds-card-gallery-item-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
3136
- --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);
3137
- --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);
3216
+ --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);
3217
+ --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);
3218
+ --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);
3138
3219
  --wds-card-gallery-item-subtitle-font-size-medium: 12px;
3139
- --wds-card-gallery-item-subtitle-line-height-medium: 18px;
3220
+ --wds-card-gallery-item-subtitle-line-height-medium: 16px;
3140
3221
  --wds-card-gallery-item-subtitle-side-font-size-medium: 14px;
3141
- --wds-card-gallery-item-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3142
- --wds-card-gallery-item-title-font-heading-letter-spacing-medium: 0px;
3143
- --wds-card-gallery-item-title-font-heading-weight-medium: 600;
3144
- --wds-card-gallery-item-title-font-letter-spacing: 0px;
3222
+ --wds-card-gallery-item-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3223
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: -0.5px;
3224
+ --wds-card-gallery-item-title-font-heading-weight-medium: 700;
3225
+ --wds-card-gallery-item-title-font-letter-spacing: -0.5px;
3145
3226
  --wds-card-gallery-item-title-font-line-height-medium: 24px;
3146
- --wds-card-gallery-item-title-font-line-height-small: 16px;
3227
+ --wds-card-gallery-item-title-font-line-height-small: 18px;
3147
3228
  --wds-card-gallery-item-title-font-size-medium: 16px;
3148
- --wds-card-gallery-item-title-font-weight-medium: 600;
3149
- --wds-card-gallery-item-title-font-weight-small: 500;
3150
- --wds-card-gallery-item-title-gap: 0px;
3229
+ --wds-card-gallery-item-title-font-weight-medium: 700;
3230
+ --wds-card-gallery-item-title-font-weight-small: 700;
3231
+ --wds-card-gallery-item-title-gap: 2px;
3151
3232
  --wds-card-header-divider-width: 0px;
3152
3233
  --wds-card-header-padding-bottom: 4px;
3153
3234
  --wds-card-header-padding-horizontal: 24px;
@@ -3311,10 +3392,10 @@
3311
3392
  --wds-color-blue-400: #2D354E;
3312
3393
  --wds-color-blue-500: #212328;
3313
3394
  --wds-color-blue-600: #111214;
3314
- --wds-color-border-ai-primary: #ffffff;
3315
- --wds-color-border-ai-primary-active: #ffffff;
3316
- --wds-color-border-ai-primary-disabled: #ffffff;
3317
- --wds-color-border-ai-primary-hover: #ffffff;
3395
+ --wds-color-border-ai-primary: #5B78A9;
3396
+ --wds-color-border-ai-primary-active: #82B0FF;
3397
+ --wds-color-border-ai-primary-disabled: rgba(255, 255, 255, .1);
3398
+ --wds-color-border-ai-primary-hover: #6F94D4;
3318
3399
  --wds-color-border-dark-primary: #A09E9D;
3319
3400
  --wds-color-border-dark-primary-active: #D4D3D2;
3320
3401
  --wds-color-border-dark-primary-disabled: rgba(255, 255, 255, .1);
@@ -3420,21 +3501,21 @@
3420
3501
  --wds-color-fill-accent-10: #1f8845;
3421
3502
  --wds-color-fill-accent-11: #1b3689;
3422
3503
  --wds-color-fill-accent-12: #acafc4;
3423
- --wds-color-fill-ai: #ffffff;
3424
- --wds-color-fill-ai-hover: #ffffff;
3425
- --wds-color-fill-ai-primary: #5a48f5;
3426
- --wds-color-fill-ai-primary-active: #5a48f5;
3427
- --wds-color-fill-ai-primary-disabled: #bebebe;
3428
- --wds-color-fill-ai-primary-hover: #4d3dd0;
3429
- --wds-color-fill-ai-primary-pressed: #ffffff;
3430
- --wds-color-fill-ai-secondary: #d6d1fc;
3431
- --wds-color-fill-ai-secondary-active: #d6d1fc;
3432
- --wds-color-fill-ai-secondary-disabled: #e5e5e5;
3433
- --wds-color-fill-ai-secondary-hover: #a59bfa;
3504
+ --wds-color-fill-ai: #82B0FF;
3505
+ --wds-color-fill-ai-hover: #B1CCFF;
3506
+ --wds-color-fill-ai-primary: #82B0FF;
3507
+ --wds-color-fill-ai-primary-active: #E0E7FF;
3508
+ --wds-color-fill-ai-primary-disabled: rgba(255, 255, 255, .3);
3509
+ --wds-color-fill-ai-primary-hover: #B1CCFF;
3510
+ --wds-color-fill-ai-primary-pressed: #E0E7FF;
3511
+ --wds-color-fill-ai-secondary: #2D354E;
3512
+ --wds-color-fill-ai-secondary-active: #E0E7FF;
3513
+ --wds-color-fill-ai-secondary-disabled: rgba(255, 255, 255, .1);
3514
+ --wds-color-fill-ai-secondary-hover: #B1CCFF;
3434
3515
  --wds-color-fill-ai-tertiary: #212122;
3435
- --wds-color-fill-ai-tertiary-active: #d6d1fc;
3516
+ --wds-color-fill-ai-tertiary-active: #2D354E;
3436
3517
  --wds-color-fill-ai-tertiary-disabled: #212122;
3437
- --wds-color-fill-ai-tertiary-hover: #2D2D2E;
3518
+ --wds-color-fill-ai-tertiary-hover: #212328;
3438
3519
  --wds-color-fill-dark-primary: #FFFFFF;
3439
3520
  --wds-color-fill-dark-primary-active: #A8A6A5;
3440
3521
  --wds-color-fill-dark-primary-disabled: rgba(255, 255, 255, .3);
@@ -3928,6 +4009,15 @@
3928
4009
  --wds-horizontal-scroll-button-fill: #3A3A3B;
3929
4010
  --wds-horizontal-scroll-button-fill-active: #666565;
3930
4011
  --wds-horizontal-scroll-button-text: #FFFFFF;
4012
+ --wds-icon-button-border-ai-secondary-ring-display: none;
4013
+ --wds-icon-button-border-ai-width: 1px;
4014
+ --wds-icon-button-color-border-ai-primary: #3C67FF;
4015
+ --wds-icon-button-color-border-ai-primary-active: #82B0FF;
4016
+ --wds-icon-button-color-border-ai-primary-hover: #6F94D4;
4017
+ --wds-icon-button-color-border-ai-secondary: #5B78A9;
4018
+ --wds-icon-button-color-border-ai-secondary-active: #2D354E;
4019
+ --wds-icon-button-color-border-ai-secondary-disabled: #3A3A3B;
4020
+ --wds-icon-button-color-border-ai-secondary-hover: #212328;
3931
4021
  --wds-icon-button-color-border-dark-secondary: #A09E9D;
3932
4022
  --wds-icon-button-color-border-dark-secondary-active: #454544;
3933
4023
  --wds-icon-button-color-border-dark-secondary-disabled: #3A3A3B;
@@ -3943,6 +4033,18 @@
3943
4033
  --wds-icon-button-color-border-standard-secondary-active: #2D354E;
3944
4034
  --wds-icon-button-color-border-standard-secondary-disabled: #3A3A3B;
3945
4035
  --wds-icon-button-color-border-standard-secondary-hover: #212328;
4036
+ --wds-icon-button-color-fill-ai-primary: #3C67FF;
4037
+ --wds-icon-button-color-fill-ai-primary-active: #82B0FF;
4038
+ --wds-icon-button-color-fill-ai-primary-disabled: #3A3A3B;
4039
+ --wds-icon-button-color-fill-ai-primary-hover: #6F94D4;
4040
+ --wds-icon-button-color-fill-ai-secondary: rgba(255, 255, 255, 0);
4041
+ --wds-icon-button-color-fill-ai-secondary-active: #2D354E;
4042
+ --wds-icon-button-color-fill-ai-secondary-disabled: #3A3A3B;
4043
+ --wds-icon-button-color-fill-ai-secondary-hover: #212328;
4044
+ --wds-icon-button-color-fill-ai-tertiary: rgba(0, 0, 0, 0);
4045
+ --wds-icon-button-color-fill-ai-tertiary-active: #2D354E;
4046
+ --wds-icon-button-color-fill-ai-tertiary-disabled: rgba(0, 0, 0, 0);
4047
+ --wds-icon-button-color-fill-ai-tertiary-hover: #212328;
3946
4048
  --wds-icon-button-color-fill-dark-primary: #FFFFFF;
3947
4049
  --wds-icon-button-color-fill-dark-primary-active: #A8A6A5;
3948
4050
  --wds-icon-button-color-fill-dark-primary-disabled: #3A3A3B;
@@ -3991,6 +4093,16 @@
3991
4093
  --wds-icon-button-color-fill-standard-tertiary-active: #2D354E;
3992
4094
  --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(0, 0, 0, 0);
3993
4095
  --wds-icon-button-color-fill-standard-tertiary-hover: #212328;
4096
+ --wds-icon-button-color-text-ai-primary: #FFFFFF;
4097
+ --wds-icon-button-color-text-ai-primary-disabled: #878685;
4098
+ --wds-icon-button-color-text-ai-secondary: #82B0FF;
4099
+ --wds-icon-button-color-text-ai-secondary-active: #E0E7FF;
4100
+ --wds-icon-button-color-text-ai-secondary-disabled: #878685;
4101
+ --wds-icon-button-color-text-ai-secondary-hover: #E0E7FF;
4102
+ --wds-icon-button-color-text-ai-tertiary: #82B0FF;
4103
+ --wds-icon-button-color-text-ai-tertiary-active: #E0E7FF;
4104
+ --wds-icon-button-color-text-ai-tertiary-disabled: #878685;
4105
+ --wds-icon-button-color-text-ai-tertiary-hover: #E0E7FF;
3994
4106
  --wds-icon-button-color-text-dark-primary: #212122;
3995
4107
  --wds-icon-button-color-text-dark-primary-active: #212122;
3996
4108
  --wds-icon-button-color-text-dark-primary-disabled: #878685;
@@ -4053,7 +4165,7 @@
4053
4165
  --wds-illustration-color-opacity-100: #F8F6F6FF;
4054
4166
  --wds-image-border-radius-default: 8px;
4055
4167
  --wds-image-border-radius-none: 0px;
4056
- --wds-info-icon-fill: #A09E9D;
4168
+ --wds-info-icon-fill: #D4D3D2;
4057
4169
  --wds-info-icon-fill-hover: #82B0FF;
4058
4170
  --wds-inner-shadow-blur-input: 3px;
4059
4171
  --wds-inner-shadow-blur-primary: 2px;
@@ -4255,10 +4367,10 @@
4255
4367
  --wds-loader-stroke-width-medium: 2px;
4256
4368
  --wds-loader-stroke-width-small: 2px;
4257
4369
  --wds-loader-stroke-width-tiny: 2px;
4258
- --wds-marketing-layout-actions-alignment-inverted: auto;
4370
+ --wds-marketing-layout-actions-alignment-inverted: flex-end;
4259
4371
  --wds-marketing-layout-actions-gap-medium: 24px;
4260
4372
  --wds-marketing-layout-actions-gap-small: 24px;
4261
- --wds-marketing-layout-actions-gap-tiny: 24px;
4373
+ --wds-marketing-layout-actions-gap-tiny: 12px;
4262
4374
  --wds-marketing-layout-badge-gap: 8px;
4263
4375
  --wds-marketing-layout-badge-offset-medium: 0px;
4264
4376
  --wds-marketing-layout-badge-offset-small: 0px;
@@ -4267,7 +4379,7 @@
4267
4379
  --wds-marketing-layout-badge-side: auto;
4268
4380
  --wds-marketing-layout-badge-top: auto;
4269
4381
  --wds-marketing-layout-border: 4px;
4270
- --wds-marketing-layout-content-justify: center;
4382
+ --wds-marketing-layout-content-justify: flex-start;
4271
4383
  --wds-marketing-layout-description-color: #A8A6A5;
4272
4384
  --wds-marketing-layout-description-font-size-medium: 12px;
4273
4385
  --wds-marketing-layout-description-font-size-small: 12px;
@@ -4278,15 +4390,15 @@
4278
4390
  --wds-marketing-layout-description-line-height-medium: 16px;
4279
4391
  --wds-marketing-layout-description-line-height-small: 16px;
4280
4392
  --wds-marketing-layout-description-line-height-tiny: 16px;
4281
- --wds-marketing-layout-description-max-width: none;
4282
- --wds-marketing-layout-image-aspect-ratio: auto;
4393
+ --wds-marketing-layout-description-max-width: 80%;
4394
+ --wds-marketing-layout-image-aspect-ratio: 1;
4283
4395
  --wds-marketing-layout-image-border-radius: 8px;
4284
- --wds-marketing-layout-image-height: auto;
4285
- --wds-marketing-layout-image-hug-padding: 0px;
4286
- --wds-marketing-layout-image-max-width-medium: none;
4287
- --wds-marketing-layout-image-max-width-small: none;
4288
- --wds-marketing-layout-image-max-width-tiny: none;
4289
- --wds-marketing-layout-image-object-fit: fill;
4396
+ --wds-marketing-layout-image-height: 100%;
4397
+ --wds-marketing-layout-image-hug-padding: 12px;
4398
+ --wds-marketing-layout-image-max-width-medium: 156px;
4399
+ --wds-marketing-layout-image-max-width-small: 136px;
4400
+ --wds-marketing-layout-image-max-width-tiny: 116px;
4401
+ --wds-marketing-layout-image-object-fit: cover;
4290
4402
  --wds-marketing-layout-image-padding-left-medium: 12px;
4291
4403
  --wds-marketing-layout-image-padding-left-small: 12px;
4292
4404
  --wds-marketing-layout-image-padding-left-tiny: 12px;
@@ -4296,13 +4408,13 @@
4296
4408
  --wds-marketing-layout-image-padding-vertical-medium: 12px;
4297
4409
  --wds-marketing-layout-image-padding-vertical-small: 12px;
4298
4410
  --wds-marketing-layout-image-padding-vertical-tiny: 12px;
4299
- --wds-marketing-layout-image-width: 100%;
4300
- --wds-marketing-layout-image-wrapper-contain: none;
4301
- --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
4411
+ --wds-marketing-layout-image-width: auto;
4412
+ --wds-marketing-layout-image-wrapper-contain: size;
4413
+ --wds-marketing-layout-image-wrapper-flex: none;
4302
4414
  --wds-marketing-layout-image-wrapper-width: auto;
4303
- --wds-marketing-layout-min-height-medium: auto;
4304
- --wds-marketing-layout-min-height-small: auto;
4305
- --wds-marketing-layout-min-height-tiny: auto;
4415
+ --wds-marketing-layout-min-height-medium: 180px;
4416
+ --wds-marketing-layout-min-height-small: 160px;
4417
+ --wds-marketing-layout-min-height-tiny: 140px;
4306
4418
  --wds-marketing-layout-padding-left-medium: 20px;
4307
4419
  --wds-marketing-layout-padding-left-small: 8px;
4308
4420
  --wds-marketing-layout-padding-left-tiny: 8px;
@@ -4312,17 +4424,17 @@
4312
4424
  --wds-marketing-layout-padding-vertical-medium: 20px;
4313
4425
  --wds-marketing-layout-padding-vertical-small: 20px;
4314
4426
  --wds-marketing-layout-padding-vertical-tiny: 20px;
4315
- --wds-marketing-layout-title-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4427
+ --wds-marketing-layout-title-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4316
4428
  --wds-marketing-layout-title-font-size-medium: 16px;
4317
4429
  --wds-marketing-layout-title-font-size-small: 16px;
4318
4430
  --wds-marketing-layout-title-font-size-tiny: 16px;
4319
4431
  --wds-marketing-layout-title-font-weight-medium: 700;
4320
4432
  --wds-marketing-layout-title-font-weight-small: 700;
4321
4433
  --wds-marketing-layout-title-font-weight-tiny: 700;
4322
- --wds-marketing-layout-title-gap-medium: 8px;
4323
- --wds-marketing-layout-title-gap-small: 8px;
4324
- --wds-marketing-layout-title-gap-tiny: 8px;
4325
- --wds-marketing-layout-title-letter-spacing-tiny: 0px;
4434
+ --wds-marketing-layout-title-gap-medium: 4px;
4435
+ --wds-marketing-layout-title-gap-small: 4px;
4436
+ --wds-marketing-layout-title-gap-tiny: 2px;
4437
+ --wds-marketing-layout-title-letter-spacing-tiny: -0.5px;
4326
4438
  --wds-marketing-layout-title-line-height-medium: 20px;
4327
4439
  --wds-marketing-layout-title-line-height-small: 20px;
4328
4440
  --wds-marketing-layout-title-line-height-tiny: 20px;
@@ -4390,9 +4502,9 @@
4390
4502
  --wds-multiselect-icon-fill: #D4D3D2;
4391
4503
  --wds-nestable-list-fill: rgba(0, 0, 0, 0);
4392
4504
  --wds-nestable-list-paddings: 8px;
4393
- --wds-notification-border-color: rgba(0, 0, 0, 0);
4394
- --wds-notification-border-radius: 0px;
4395
- --wds-notification-border-width: 0px;
4505
+ --wds-notification-border-color: #212122;
4506
+ --wds-notification-border-radius: 8px;
4507
+ --wds-notification-border-width: 1px;
4396
4508
  --wds-notification-content-color: #212122;
4397
4509
  --wds-notification-fill-error: #D34D55;
4398
4510
  --wds-notification-fill-premium: #8b2df5;