@preply/ds-web-root 0.71.0 → 0.73.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 (9) hide show
  1. package/dist/generated/GlobalStyle.js +133 -19
  2. package/dist/generated/global-style.less +123 -10
  3. package/dist/generated/global-style.less.js +2 -2
  4. package/dist/generated/themes.d.ts +1 -1
  5. package/dist/generated/themes.js +2 -2
  6. package/dist/generated/themes.module.less +285 -57
  7. package/dist/generated/themes.module.less.js +1 -1
  8. package/dist/styles/global-style.less.js +2 -2
  9. package/package.json +14 -14
package/dist/generated/themes.module.less CHANGED
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Tue Oct 03 2023 20:42:41 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Tue Oct 10 2023 08:01:30 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  .ds-tokyo-ui {
4
4
  /**
@@ -5452,9 +5452,15 @@
5452
5452
  /**
5453
5453
  * icon.fieldLayout.height (--3caeb9) ::size
5454
5454
  *
5455
- * = 38
5455
+ * = 40
5456
+ */
5457
+ --3caeb9: 40px;
5458
+ /**
5459
+ * icon.fieldLayout.borderRadius (--0191ea) ::borderRadius
5460
+ *
5461
+ * = 6
5456
5462
  */
5457
- --3caeb9: 38px;
5463
+ --0191ea: 6px;
5458
5464
  /**
5459
5465
  * action.variant.ai.borderImage (--0b0037) ::borderImage
5460
5466
  *
@@ -6286,23 +6292,95 @@
6286
6292
  */
6287
6293
  --15af87: transparent;
6288
6294
  /**
6289
- * action.link.color (--1e7527) ::fgColor (color scheme aware)
6295
+ * action.link.variant.accentDark.color (--c6b68f) ::fgColor (color scheme aware)
6290
6296
  *
6291
- * = #121117 (via dsInternalPrimitive.color.text.ghost.action)
6297
+ * = #121117 (via color.text.primary)
6298
+ */
6299
+ --c6b68f: #121117;
6300
+ /**
6301
+ * action.link.variant.accentDarkInverted.color (--7cbffc) ::fgColor (color scheme aware)
6302
+ *
6303
+ * = #FFFFFF (via color.text.inverted)
6292
6304
  */
6293
- --1e7527: #121117;
6305
+ --7cbffc: #FFFFFF;
6294
6306
  /**
6295
- * action.link.hover.color (--7d7969) ::fgColor (color scheme aware)
6307
+ * action.link.variant.neutral.color (--19fdf0) ::fgColor (color scheme aware)
6296
6308
  *
6297
6309
  * = #121117 (via dsInternalPrimitive.color.text.ghost.action)
6298
6310
  */
6299
- --7d7969: #121117;
6311
+ --19fdf0: #121117;
6312
+ /**
6313
+ * action.link.variant.neutralInverted.color (--883d0f) ::fgColor (color scheme aware)
6314
+ *
6315
+ * = #FFFFFF (via color.text.inverted)
6316
+ */
6317
+ --883d0f: #FFFFFF;
6318
+ /**
6319
+ * action.link.variant.unsetColors.color (--e66f2a) ::fgColor (color scheme aware)
6320
+ *
6321
+ * = unset
6322
+ */
6323
+ --e66f2a: unset;
6324
+ /**
6325
+ * action.link.variant.accentDark.hover.color (--65e1ef) ::fgColor (color scheme aware)
6326
+ *
6327
+ * = #D13D76 (via color.text.accentDark)
6328
+ */
6329
+ --65e1ef: #D13D76;
6330
+ /**
6331
+ * action.link.variant.accentDarkInverted.hover.color (--47fcde) ::fgColor (color scheme aware)
6332
+ *
6333
+ * = #FF7AAC (via color.text.branded)
6334
+ */
6335
+ --47fcde: #FF7AAC;
6336
+ /**
6337
+ * action.link.variant.neutral.hover.color (--ce5fb9) ::fgColor (color scheme aware)
6338
+ *
6339
+ * = #6A697C (via color.text.tertiary)
6340
+ */
6341
+ --ce5fb9: #6A697C;
6342
+ /**
6343
+ * action.link.variant.neutralInverted.hover.color (--065570) ::fgColor (color scheme aware)
6344
+ *
6345
+ * = #DCDCE5 (via dsInternalPrimitive.color.grey.200)
6346
+ */
6347
+ --065570: #DCDCE5;
6348
+ /**
6349
+ * action.link.variant.unsetColors.hover.color (--468ceb) ::fgColor (color scheme aware)
6350
+ *
6351
+ * = unset
6352
+ */
6353
+ --468ceb: unset;
6354
+ /**
6355
+ * action.link.variant.accentDark.active.color (--179b80) ::fgColor (color scheme aware)
6356
+ *
6357
+ * = #121117 (via color.text.primary)
6358
+ */
6359
+ --179b80: #121117;
6300
6360
  /**
6301
- * action.link.active.color (--17d302) ::fgColor (color scheme aware)
6361
+ * action.link.variant.accentDarkInverted.active.color (--1253e2) ::fgColor (color scheme aware)
6362
+ *
6363
+ * = #FFFFFF (via color.text.inverted)
6364
+ */
6365
+ --1253e2: #FFFFFF;
6366
+ /**
6367
+ * action.link.variant.neutral.active.color (--1d39ac) ::fgColor (color scheme aware)
6302
6368
  *
6303
6369
  * = #121117 (via dsInternalPrimitive.color.text.ghost.action)
6304
6370
  */
6305
- --17d302: #121117;
6371
+ --1d39ac: #121117;
6372
+ /**
6373
+ * action.link.variant.neutralInverted.active.color (--be41c4) ::fgColor (color scheme aware)
6374
+ *
6375
+ * = #FFFFFF (via color.text.inverted)
6376
+ */
6377
+ --be41c4: #FFFFFF;
6378
+ /**
6379
+ * action.link.variant.unsetColors.active.color (--a5fc76) ::fgColor (color scheme aware)
6380
+ *
6381
+ * = unset
6382
+ */
6383
+ --a5fc76: unset;
6306
6384
  /**
6307
6385
  * panel.base.bgColor (--7c8e61) ::bgColor (color scheme aware)
6308
6386
  *
@@ -8065,23 +8143,95 @@
8065
8143
  */
8066
8144
  --15af87: transparent;
8067
8145
  /**
8068
- * action.link.color (--1e7527) ::fgColor (color scheme aware)
8146
+ * action.link.variant.accentDark.color (--c6b68f) ::fgColor (color scheme aware)
8069
8147
  *
8070
- * = #121117 (via dsInternalPrimitive.color.text.ghost.action)
8148
+ * = #121117 (via color.text.primary)
8149
+ */
8150
+ --c6b68f: #121117;
8151
+ /**
8152
+ * action.link.variant.accentDarkInverted.color (--7cbffc) ::fgColor (color scheme aware)
8153
+ *
8154
+ * = #FFFFFF (via color.text.inverted)
8071
8155
  */
8072
- --1e7527: #121117;
8156
+ --7cbffc: #FFFFFF;
8073
8157
  /**
8074
- * action.link.hover.color (--7d7969) ::fgColor (color scheme aware)
8158
+ * action.link.variant.neutral.color (--19fdf0) ::fgColor (color scheme aware)
8075
8159
  *
8076
8160
  * = #121117 (via dsInternalPrimitive.color.text.ghost.action)
8077
8161
  */
8078
- --7d7969: #121117;
8162
+ --19fdf0: #121117;
8163
+ /**
8164
+ * action.link.variant.neutralInverted.color (--883d0f) ::fgColor (color scheme aware)
8165
+ *
8166
+ * = #FFFFFF (via color.text.inverted)
8167
+ */
8168
+ --883d0f: #FFFFFF;
8169
+ /**
8170
+ * action.link.variant.unsetColors.color (--e66f2a) ::fgColor (color scheme aware)
8171
+ *
8172
+ * = unset
8173
+ */
8174
+ --e66f2a: unset;
8175
+ /**
8176
+ * action.link.variant.accentDark.hover.color (--65e1ef) ::fgColor (color scheme aware)
8177
+ *
8178
+ * = #D13D76 (via color.text.accentDark)
8179
+ */
8180
+ --65e1ef: #D13D76;
8181
+ /**
8182
+ * action.link.variant.accentDarkInverted.hover.color (--47fcde) ::fgColor (color scheme aware)
8183
+ *
8184
+ * = #FF7AAC (via color.text.branded)
8185
+ */
8186
+ --47fcde: #FF7AAC;
8187
+ /**
8188
+ * action.link.variant.neutral.hover.color (--ce5fb9) ::fgColor (color scheme aware)
8189
+ *
8190
+ * = #6A697C (via color.text.tertiary)
8191
+ */
8192
+ --ce5fb9: #6A697C;
8193
+ /**
8194
+ * action.link.variant.neutralInverted.hover.color (--065570) ::fgColor (color scheme aware)
8195
+ *
8196
+ * = #DCDCE5 (via dsInternalPrimitive.color.grey.200)
8197
+ */
8198
+ --065570: #DCDCE5;
8199
+ /**
8200
+ * action.link.variant.unsetColors.hover.color (--468ceb) ::fgColor (color scheme aware)
8201
+ *
8202
+ * = unset
8203
+ */
8204
+ --468ceb: unset;
8205
+ /**
8206
+ * action.link.variant.accentDark.active.color (--179b80) ::fgColor (color scheme aware)
8207
+ *
8208
+ * = #121117 (via color.text.primary)
8209
+ */
8210
+ --179b80: #121117;
8079
8211
  /**
8080
- * action.link.active.color (--17d302) ::fgColor (color scheme aware)
8212
+ * action.link.variant.accentDarkInverted.active.color (--1253e2) ::fgColor (color scheme aware)
8213
+ *
8214
+ * = #FFFFFF (via color.text.inverted)
8215
+ */
8216
+ --1253e2: #FFFFFF;
8217
+ /**
8218
+ * action.link.variant.neutral.active.color (--1d39ac) ::fgColor (color scheme aware)
8081
8219
  *
8082
8220
  * = #121117 (via dsInternalPrimitive.color.text.ghost.action)
8083
8221
  */
8084
- --17d302: #121117;
8222
+ --1d39ac: #121117;
8223
+ /**
8224
+ * action.link.variant.neutralInverted.active.color (--be41c4) ::fgColor (color scheme aware)
8225
+ *
8226
+ * = #FFFFFF (via color.text.inverted)
8227
+ */
8228
+ --be41c4: #FFFFFF;
8229
+ /**
8230
+ * action.link.variant.unsetColors.active.color (--a5fc76) ::fgColor (color scheme aware)
8231
+ *
8232
+ * = unset
8233
+ */
8234
+ --a5fc76: unset;
8085
8235
  /**
8086
8236
  * panel.base.bgColor (--7c8e61) ::bgColor (color scheme aware)
8087
8237
  *
@@ -9844,23 +9994,95 @@
9844
9994
  */
9845
9995
  --15af87: transparent;
9846
9996
  /**
9847
- * action.link.color (--1e7527) ::fgColor (color scheme aware)
9997
+ * action.link.variant.accentDark.color (--c6b68f) ::fgColor (color scheme aware)
9848
9998
  *
9849
- * = #121117 (via dsInternalPrimitive.color.text.ghost.action)
9999
+ * = #FFFFFF (via color.text.primary)
10000
+ */
10001
+ --c6b68f: #FFFFFF;
10002
+ /**
10003
+ * action.link.variant.accentDarkInverted.color (--7cbffc) ::fgColor (color scheme aware)
10004
+ *
10005
+ * = #FFFFFF (via color.text.inverted)
9850
10006
  */
9851
- --1e7527: #121117;
10007
+ --7cbffc: #FFFFFF;
9852
10008
  /**
9853
- * action.link.hover.color (--7d7969) ::fgColor (color scheme aware)
10009
+ * action.link.variant.neutral.color (--19fdf0) ::fgColor (color scheme aware)
9854
10010
  *
9855
10011
  * = #121117 (via dsInternalPrimitive.color.text.ghost.action)
9856
10012
  */
9857
- --7d7969: #121117;
10013
+ --19fdf0: #121117;
10014
+ /**
10015
+ * action.link.variant.neutralInverted.color (--883d0f) ::fgColor (color scheme aware)
10016
+ *
10017
+ * = #FFFFFF (via color.text.inverted)
10018
+ */
10019
+ --883d0f: #FFFFFF;
10020
+ /**
10021
+ * action.link.variant.unsetColors.color (--e66f2a) ::fgColor (color scheme aware)
10022
+ *
10023
+ * = unset
10024
+ */
10025
+ --e66f2a: unset;
9858
10026
  /**
9859
- * action.link.active.color (--17d302) ::fgColor (color scheme aware)
10027
+ * action.link.variant.accentDark.hover.color (--65e1ef) ::fgColor (color scheme aware)
10028
+ *
10029
+ * = #D13D76 (via color.text.accentDark)
10030
+ */
10031
+ --65e1ef: #D13D76;
10032
+ /**
10033
+ * action.link.variant.accentDarkInverted.hover.color (--47fcde) ::fgColor (color scheme aware)
10034
+ *
10035
+ * = #FF7AAC (via color.text.branded)
10036
+ */
10037
+ --47fcde: #FF7AAC;
10038
+ /**
10039
+ * action.link.variant.neutral.hover.color (--ce5fb9) ::fgColor (color scheme aware)
10040
+ *
10041
+ * = #6A697C (via color.text.tertiary)
10042
+ */
10043
+ --ce5fb9: #6A697C;
10044
+ /**
10045
+ * action.link.variant.neutralInverted.hover.color (--065570) ::fgColor (color scheme aware)
10046
+ *
10047
+ * = #DCDCE5 (via dsInternalPrimitive.color.grey.200)
10048
+ */
10049
+ --065570: #DCDCE5;
10050
+ /**
10051
+ * action.link.variant.unsetColors.hover.color (--468ceb) ::fgColor (color scheme aware)
10052
+ *
10053
+ * = unset
10054
+ */
10055
+ --468ceb: unset;
10056
+ /**
10057
+ * action.link.variant.accentDark.active.color (--179b80) ::fgColor (color scheme aware)
10058
+ *
10059
+ * = #FFFFFF (via color.text.primary)
10060
+ */
10061
+ --179b80: #FFFFFF;
10062
+ /**
10063
+ * action.link.variant.accentDarkInverted.active.color (--1253e2) ::fgColor (color scheme aware)
10064
+ *
10065
+ * = #FFFFFF (via color.text.inverted)
10066
+ */
10067
+ --1253e2: #FFFFFF;
10068
+ /**
10069
+ * action.link.variant.neutral.active.color (--1d39ac) ::fgColor (color scheme aware)
9860
10070
  *
9861
10071
  * = #121117 (via dsInternalPrimitive.color.text.ghost.action)
9862
10072
  */
9863
- --17d302: #121117;
10073
+ --1d39ac: #121117;
10074
+ /**
10075
+ * action.link.variant.neutralInverted.active.color (--be41c4) ::fgColor (color scheme aware)
10076
+ *
10077
+ * = #FFFFFF (via color.text.inverted)
10078
+ */
10079
+ --be41c4: #FFFFFF;
10080
+ /**
10081
+ * action.link.variant.unsetColors.active.color (--a5fc76) ::fgColor (color scheme aware)
10082
+ *
10083
+ * = unset
10084
+ */
10085
+ --a5fc76: unset;
9864
10086
  /**
9865
10087
  * panel.base.bgColor (--7c8e61) ::bgColor (color scheme aware)
9866
10088
  *
@@ -10801,7 +11023,7 @@
10801
11023
 
10802
11024
  }
10803
11025
 
10804
- /* AUTO GENERATED @Tue Oct 03 2023 20:42:41 GMT+0000 (Coordinated Universal Time) */
11026
+ /* AUTO GENERATED @Tue Oct 10 2023 08:01:30 GMT+0000 (Coordinated Universal Time) */
10805
11027
 
10806
11028
  .ds-bold-ui {
10807
11029
  /**
@@ -13264,6 +13486,12 @@
13264
13486
  * = 40 (via root.size.500)
13265
13487
  */
13266
13488
  --3caeb9: 40px;
13489
+ /**
13490
+ * icon.fieldLayout.borderRadius (--0191ea) ::borderRadius
13491
+ *
13492
+ * = 0.001
13493
+ */
13494
+ --0191ea: 0.001px;
13267
13495
 
13268
13496
  &:global(.ds-scheme--base) {
13269
13497
  /**
@@ -13741,23 +13969,23 @@
13741
13969
  */
13742
13970
  --f9fba8: #fff;
13743
13971
  /**
13744
- * action.link.color (--1e7527) ::fgColor (color scheme aware)
13972
+ * action.link.variant.accentDark.color (--c6b68f) ::fgColor (color scheme aware)
13745
13973
  *
13746
13974
  * = #006987 (via root.palette.teal.400)
13747
13975
  */
13748
- --1e7527: #006987;
13976
+ --c6b68f: #006987;
13749
13977
  /**
13750
- * action.link.hover.color (--7d7969) ::fgColor (color scheme aware)
13978
+ * action.link.variant.accentDark.hover.color (--65e1ef) ::fgColor (color scheme aware)
13751
13979
  *
13752
13980
  * = #2e81a0
13753
13981
  */
13754
- --7d7969: #2e81a0;
13982
+ --65e1ef: #2e81a0;
13755
13983
  /**
13756
- * action.link.active.color (--17d302) ::fgColor (color scheme aware)
13984
+ * action.link.variant.accentDark.active.color (--179b80) ::fgColor (color scheme aware)
13757
13985
  *
13758
13986
  * = #006987 (via root.palette.teal.400)
13759
13987
  */
13760
- --17d302: #006987;
13988
+ --179b80: #006987;
13761
13989
  /**
13762
13990
  * panel.base.bgColor (--7c8e61) ::bgColor (color scheme aware)
13763
13991
  *
@@ -14470,23 +14698,23 @@
14470
14698
  */
14471
14699
  --f9fba8: #fff;
14472
14700
  /**
14473
- * action.link.color (--1e7527) ::fgColor (color scheme aware)
14701
+ * action.link.variant.accentDark.color (--c6b68f) ::fgColor (color scheme aware)
14474
14702
  *
14475
14703
  * = #fff (via root.palette.white)
14476
14704
  */
14477
- --1e7527: #fff;
14705
+ --c6b68f: #fff;
14478
14706
  /**
14479
- * action.link.hover.color (--7d7969) ::fgColor (color scheme aware)
14707
+ * action.link.variant.accentDark.hover.color (--65e1ef) ::fgColor (color scheme aware)
14480
14708
  *
14481
14709
  * = #fff (via root.palette.white)
14482
14710
  */
14483
- --7d7969: #fff;
14711
+ --65e1ef: #fff;
14484
14712
  /**
14485
- * action.link.active.color (--17d302) ::fgColor (color scheme aware)
14713
+ * action.link.variant.accentDark.active.color (--179b80) ::fgColor (color scheme aware)
14486
14714
  *
14487
14715
  * = #fff (via root.palette.white)
14488
14716
  */
14489
- --17d302: #fff;
14717
+ --179b80: #fff;
14490
14718
  /**
14491
14719
  * panel.base.bgColor (--7c8e61) ::bgColor (color scheme aware)
14492
14720
  *
@@ -15199,23 +15427,23 @@
15199
15427
  */
15200
15428
  --f9fba8: #fff;
15201
15429
  /**
15202
- * action.link.color (--1e7527) ::fgColor (color scheme aware)
15430
+ * action.link.variant.accentDark.color (--c6b68f) ::fgColor (color scheme aware)
15203
15431
  *
15204
15432
  * = #27e0f6 (via root.palette.teal.200)
15205
15433
  */
15206
- --1e7527: #27e0f6;
15434
+ --c6b68f: #27e0f6;
15207
15435
  /**
15208
- * action.link.hover.color (--7d7969) ::fgColor (color scheme aware)
15436
+ * action.link.variant.accentDark.hover.color (--65e1ef) ::fgColor (color scheme aware)
15209
15437
  *
15210
15438
  * = #c3f5fa (via root.palette.teal.100)
15211
15439
  */
15212
- --7d7969: #c3f5fa;
15440
+ --65e1ef: #c3f5fa;
15213
15441
  /**
15214
- * action.link.active.color (--17d302) ::fgColor (color scheme aware)
15442
+ * action.link.variant.accentDark.active.color (--179b80) ::fgColor (color scheme aware)
15215
15443
  *
15216
15444
  * = #fff (via root.palette.white)
15217
15445
  */
15218
- --17d302: #fff;
15446
+ --179b80: #fff;
15219
15447
  /**
15220
15448
  * panel.base.bgColor (--7c8e61) ::bgColor (color scheme aware)
15221
15449
  *
@@ -15454,7 +15682,7 @@
15454
15682
 
15455
15683
  }
15456
15684
 
15457
- /* AUTO GENERATED @Tue Oct 03 2023 20:42:41 GMT+0000 (Coordinated Universal Time) */
15685
+ /* AUTO GENERATED @Tue Oct 10 2023 08:01:30 GMT+0000 (Coordinated Universal Time) */
15458
15686
 
15459
15687
  .ds-base-ui {
15460
15688
 
@@ -15652,23 +15880,23 @@
15652
15880
  */
15653
15881
  --a41624: #60c5cd;
15654
15882
  /**
15655
- * action.link.color (--1e7527) ::fgColor (color scheme aware)
15883
+ * action.link.variant.accentDark.color (--c6b68f) ::fgColor (color scheme aware)
15656
15884
  *
15657
15885
  * = #3bb3bd
15658
15886
  */
15659
- --1e7527: #3bb3bd;
15887
+ --c6b68f: #3bb3bd;
15660
15888
  /**
15661
- * action.link.hover.color (--7d7969) ::fgColor (color scheme aware)
15889
+ * action.link.variant.accentDark.hover.color (--65e1ef) ::fgColor (color scheme aware)
15662
15890
  *
15663
15891
  * = #4cbec7
15664
15892
  */
15665
- --7d7969: #4cbec7;
15893
+ --65e1ef: #4cbec7;
15666
15894
  /**
15667
- * action.link.active.color (--17d302) ::fgColor (color scheme aware)
15895
+ * action.link.variant.accentDark.active.color (--179b80) ::fgColor (color scheme aware)
15668
15896
  *
15669
15897
  * = #60c5cd
15670
15898
  */
15671
- --17d302: #60c5cd;
15899
+ --179b80: #60c5cd;
15672
15900
  /**
15673
15901
  * text.highlight.blue.color (--68bd17) ::fgColor (color scheme aware)
15674
15902
  *
@@ -16042,23 +16270,23 @@
16042
16270
  */
16043
16271
  --a41624: #60c5cd;
16044
16272
  /**
16045
- * action.link.color (--1e7527) ::fgColor (color scheme aware)
16273
+ * action.link.variant.accentDark.color (--c6b68f) ::fgColor (color scheme aware)
16046
16274
  *
16047
16275
  * = #3bb3bd
16048
16276
  */
16049
- --1e7527: #3bb3bd;
16277
+ --c6b68f: #3bb3bd;
16050
16278
  /**
16051
- * action.link.hover.color (--7d7969) ::fgColor (color scheme aware)
16279
+ * action.link.variant.accentDark.hover.color (--65e1ef) ::fgColor (color scheme aware)
16052
16280
  *
16053
16281
  * = #4cbec7
16054
16282
  */
16055
- --7d7969: #4cbec7;
16283
+ --65e1ef: #4cbec7;
16056
16284
  /**
16057
- * action.link.active.color (--17d302) ::fgColor (color scheme aware)
16285
+ * action.link.variant.accentDark.active.color (--179b80) ::fgColor (color scheme aware)
16058
16286
  *
16059
16287
  * = #60c5cd
16060
16288
  */
16061
- --17d302: #60c5cd;
16289
+ --179b80: #60c5cd;
16062
16290
  /**
16063
16291
  * text.highlight.blue.color (--68bd17) ::fgColor (color scheme aware)
16064
16292
  *
@@ -16099,7 +16327,7 @@
16099
16327
 
16100
16328
  }
16101
16329
 
16102
- /* AUTO GENERATED @Tue Oct 03 2023 20:42:41 GMT+0000 (Coordinated Universal Time) */
16330
+ /* AUTO GENERATED @Tue Oct 10 2023 08:01:30 GMT+0000 (Coordinated Universal Time) */
16103
16331
 
16104
16332
  .ds-preply-ui {
16105
16333
  /**