duck-dev-lib 0.0.93 → 0.0.94
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.
|
@@ -5321,47 +5321,47 @@ class DuckDevSegmentNeobrutal {
|
|
|
5321
5321
|
switch (color) {
|
|
5322
5322
|
case AccentEnumColor.Violet:
|
|
5323
5323
|
return {
|
|
5324
|
-
'--dd-segment-neo-surface': 'var(--dd-
|
|
5325
|
-
'--dd-segment-neo-panel': 'color-mix(in srgb, var(--dd-
|
|
5326
|
-
'--dd-segment-neo-accent': 'var(--dd-
|
|
5327
|
-
'--dd-segment-neo-shadow': 'var(--dd-
|
|
5328
|
-
'--dd-segment-neo-text': 'var(--dd-
|
|
5329
|
-
'--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-
|
|
5324
|
+
'--dd-segment-neo-surface': 'var(--dd-neo-ana-3)',
|
|
5325
|
+
'--dd-segment-neo-panel': 'color-mix(in srgb, var(--dd-neo-ana-3) 84%, var(--dd-base-0))',
|
|
5326
|
+
'--dd-segment-neo-accent': 'var(--dd-neo-ana-1)',
|
|
5327
|
+
'--dd-segment-neo-shadow': 'var(--dd-neo-ana-6)',
|
|
5328
|
+
'--dd-segment-neo-text': 'var(--dd-neo-ana-3-contrast)',
|
|
5329
|
+
'--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-neo-ana-3-contrast) 74%, transparent)',
|
|
5330
5330
|
};
|
|
5331
5331
|
case AccentEnumColor.Orange:
|
|
5332
5332
|
return {
|
|
5333
|
-
'--dd-segment-neo-surface': 'var(--dd-
|
|
5334
|
-
'--dd-segment-neo-panel': 'color-mix(in srgb, var(--dd-
|
|
5335
|
-
'--dd-segment-neo-accent': 'var(--dd-
|
|
5336
|
-
'--dd-segment-neo-shadow': 'var(--dd-
|
|
5337
|
-
'--dd-segment-neo-text': 'var(--dd-
|
|
5338
|
-
'--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-
|
|
5333
|
+
'--dd-segment-neo-surface': 'var(--dd-neo-ana-2)',
|
|
5334
|
+
'--dd-segment-neo-panel': 'color-mix(in srgb, var(--dd-neo-ana-5) 68%, var(--dd-base-0))',
|
|
5335
|
+
'--dd-segment-neo-accent': 'var(--dd-neo-ana-1)',
|
|
5336
|
+
'--dd-segment-neo-shadow': 'var(--dd-neo-ana-5)',
|
|
5337
|
+
'--dd-segment-neo-text': 'var(--dd-neo-ana-2-contrast)',
|
|
5338
|
+
'--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-neo-ana-2-contrast) 66%, transparent)',
|
|
5339
5339
|
};
|
|
5340
5340
|
case AccentEnumColor.Gray:
|
|
5341
5341
|
return {
|
|
5342
5342
|
'--dd-segment-neo-surface': 'var(--dd-base-100)',
|
|
5343
5343
|
'--dd-segment-neo-panel': 'var(--dd-base-0)',
|
|
5344
|
-
'--dd-segment-neo-accent': 'var(--dd-
|
|
5345
|
-
'--dd-segment-neo-shadow': 'var(--dd-
|
|
5344
|
+
'--dd-segment-neo-accent': 'var(--dd-neo-ana-1)',
|
|
5345
|
+
'--dd-segment-neo-shadow': 'var(--dd-neo-ana-6)',
|
|
5346
5346
|
'--dd-segment-neo-text': 'var(--dd-base-600)',
|
|
5347
5347
|
'--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-base-600) 58%, transparent)',
|
|
5348
5348
|
};
|
|
5349
5349
|
case AccentEnumColor.Dark:
|
|
5350
5350
|
return {
|
|
5351
|
-
'--dd-segment-neo-surface': 'var(--dd-
|
|
5352
|
-
'--dd-segment-neo-panel': 'color-mix(in srgb, var(--dd-
|
|
5353
|
-
'--dd-segment-neo-accent': 'var(--dd-
|
|
5354
|
-
'--dd-segment-neo-shadow': 'var(--dd-
|
|
5355
|
-
'--dd-segment-neo-text': 'var(--dd-
|
|
5356
|
-
'--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-
|
|
5351
|
+
'--dd-segment-neo-surface': 'var(--dd-neo-ana-4)',
|
|
5352
|
+
'--dd-segment-neo-panel': 'color-mix(in srgb, var(--dd-neo-ana-4) 92%, var(--dd-neo-ana-3))',
|
|
5353
|
+
'--dd-segment-neo-accent': 'var(--dd-neo-ana-1)',
|
|
5354
|
+
'--dd-segment-neo-shadow': 'var(--dd-neo-ana-3)',
|
|
5355
|
+
'--dd-segment-neo-text': 'var(--dd-neo-ana-4-contrast)',
|
|
5356
|
+
'--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-neo-ana-4-contrast) 68%, transparent)',
|
|
5357
5357
|
};
|
|
5358
5358
|
case AccentEnumColor.White:
|
|
5359
5359
|
default:
|
|
5360
5360
|
return {
|
|
5361
5361
|
'--dd-segment-neo-surface': 'var(--dd-base-0)',
|
|
5362
5362
|
'--dd-segment-neo-panel': 'var(--dd-base-100)',
|
|
5363
|
-
'--dd-segment-neo-accent': 'var(--dd-
|
|
5364
|
-
'--dd-segment-neo-shadow': 'var(--dd-
|
|
5363
|
+
'--dd-segment-neo-accent': 'var(--dd-neo-ana-5)',
|
|
5364
|
+
'--dd-segment-neo-shadow': 'var(--dd-neo-ana-6)',
|
|
5365
5365
|
'--dd-segment-neo-text': 'var(--dd-base-600)',
|
|
5366
5366
|
'--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-base-600) 58%, transparent)',
|
|
5367
5367
|
};
|
|
@@ -5444,47 +5444,47 @@ class DuckDevSegmentNeobrutalVertical {
|
|
|
5444
5444
|
switch (color) {
|
|
5445
5445
|
case AccentEnumColor.Violet:
|
|
5446
5446
|
return {
|
|
5447
|
-
'--dd-segment-neo-v-surface': 'var(--dd-
|
|
5448
|
-
'--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-
|
|
5449
|
-
'--dd-segment-neo-v-accent': 'var(--dd-
|
|
5450
|
-
'--dd-segment-neo-v-shadow': 'var(--dd-
|
|
5451
|
-
'--dd-segment-neo-v-text': 'var(--dd-
|
|
5452
|
-
'--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-
|
|
5447
|
+
'--dd-segment-neo-v-surface': 'var(--dd-neo-ana-3)',
|
|
5448
|
+
'--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-neo-ana-3) 84%, var(--dd-base-0))',
|
|
5449
|
+
'--dd-segment-neo-v-accent': 'var(--dd-neo-ana-1)',
|
|
5450
|
+
'--dd-segment-neo-v-shadow': 'var(--dd-neo-ana-6)',
|
|
5451
|
+
'--dd-segment-neo-v-text': 'var(--dd-neo-ana-3-contrast)',
|
|
5452
|
+
'--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-neo-ana-3-contrast) 74%, transparent)',
|
|
5453
5453
|
};
|
|
5454
5454
|
case AccentEnumColor.Orange:
|
|
5455
5455
|
return {
|
|
5456
|
-
'--dd-segment-neo-v-surface': 'var(--dd-
|
|
5457
|
-
'--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-
|
|
5458
|
-
'--dd-segment-neo-v-accent': 'var(--dd-
|
|
5459
|
-
'--dd-segment-neo-v-shadow': 'var(--dd-
|
|
5460
|
-
'--dd-segment-neo-v-text': 'var(--dd-
|
|
5461
|
-
'--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-
|
|
5456
|
+
'--dd-segment-neo-v-surface': 'var(--dd-neo-ana-2)',
|
|
5457
|
+
'--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-neo-ana-5) 68%, var(--dd-base-0))',
|
|
5458
|
+
'--dd-segment-neo-v-accent': 'var(--dd-neo-ana-1)',
|
|
5459
|
+
'--dd-segment-neo-v-shadow': 'var(--dd-neo-ana-5)',
|
|
5460
|
+
'--dd-segment-neo-v-text': 'var(--dd-neo-ana-2-contrast)',
|
|
5461
|
+
'--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-neo-ana-2-contrast) 66%, transparent)',
|
|
5462
5462
|
};
|
|
5463
5463
|
case AccentEnumColor.Gray:
|
|
5464
5464
|
return {
|
|
5465
5465
|
'--dd-segment-neo-v-surface': 'var(--dd-base-100)',
|
|
5466
5466
|
'--dd-segment-neo-v-panel': 'var(--dd-base-0)',
|
|
5467
|
-
'--dd-segment-neo-v-accent': 'var(--dd-
|
|
5468
|
-
'--dd-segment-neo-v-shadow': 'var(--dd-
|
|
5467
|
+
'--dd-segment-neo-v-accent': 'var(--dd-neo-ana-1)',
|
|
5468
|
+
'--dd-segment-neo-v-shadow': 'var(--dd-neo-ana-6)',
|
|
5469
5469
|
'--dd-segment-neo-v-text': 'var(--dd-base-600)',
|
|
5470
5470
|
'--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-base-600) 58%, transparent)',
|
|
5471
5471
|
};
|
|
5472
5472
|
case AccentEnumColor.Dark:
|
|
5473
5473
|
return {
|
|
5474
|
-
'--dd-segment-neo-v-surface': 'var(--dd-
|
|
5475
|
-
'--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-
|
|
5476
|
-
'--dd-segment-neo-v-accent': 'var(--dd-
|
|
5477
|
-
'--dd-segment-neo-v-shadow': 'var(--dd-
|
|
5478
|
-
'--dd-segment-neo-v-text': 'var(--dd-
|
|
5479
|
-
'--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-
|
|
5474
|
+
'--dd-segment-neo-v-surface': 'var(--dd-neo-ana-4)',
|
|
5475
|
+
'--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-neo-ana-4) 92%, var(--dd-neo-ana-3))',
|
|
5476
|
+
'--dd-segment-neo-v-accent': 'var(--dd-neo-ana-1)',
|
|
5477
|
+
'--dd-segment-neo-v-shadow': 'var(--dd-neo-ana-3)',
|
|
5478
|
+
'--dd-segment-neo-v-text': 'var(--dd-neo-ana-4-contrast)',
|
|
5479
|
+
'--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-neo-ana-4-contrast) 68%, transparent)',
|
|
5480
5480
|
};
|
|
5481
5481
|
case AccentEnumColor.White:
|
|
5482
5482
|
default:
|
|
5483
5483
|
return {
|
|
5484
5484
|
'--dd-segment-neo-v-surface': 'var(--dd-base-0)',
|
|
5485
|
-
'--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-
|
|
5486
|
-
'--dd-segment-neo-v-accent': 'var(--dd-
|
|
5487
|
-
'--dd-segment-neo-v-shadow': 'var(--dd-
|
|
5485
|
+
'--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-neo-ana-5) 14%, var(--dd-base-0))',
|
|
5486
|
+
'--dd-segment-neo-v-accent': 'var(--dd-neo-ana-5)',
|
|
5487
|
+
'--dd-segment-neo-v-shadow': 'var(--dd-neo-ana-6)',
|
|
5488
5488
|
'--dd-segment-neo-v-text': 'var(--dd-base-600)',
|
|
5489
5489
|
'--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-base-400) 72%, transparent)',
|
|
5490
5490
|
};
|
|
@@ -5791,48 +5791,48 @@ class DuckDevBreadcrumbNeobrutal {
|
|
|
5791
5791
|
switch (color) {
|
|
5792
5792
|
case AccentEnumColor.Violet:
|
|
5793
5793
|
return {
|
|
5794
|
-
'--neo-bc-surface': 'var(--dd-
|
|
5795
|
-
'--neo-bc-text': 'var(--dd-
|
|
5796
|
-
'--neo-bc-link': 'var(--dd-
|
|
5797
|
-
'--neo-bc-separator': 'var(--dd-
|
|
5798
|
-
'--neo-bc-shadow': 'var(--dd-
|
|
5799
|
-
'--neo-bc-active': 'var(--dd-
|
|
5794
|
+
'--neo-bc-surface': 'var(--dd-neo-ana-3)',
|
|
5795
|
+
'--neo-bc-text': 'var(--dd-neo-ana-3-contrast)',
|
|
5796
|
+
'--neo-bc-link': 'var(--dd-neo-ana-1)',
|
|
5797
|
+
'--neo-bc-separator': 'var(--dd-neo-ana-1)',
|
|
5798
|
+
'--neo-bc-shadow': 'var(--dd-neo-ana-6)',
|
|
5799
|
+
'--neo-bc-active': 'var(--dd-neo-ana-3-contrast)',
|
|
5800
5800
|
};
|
|
5801
5801
|
case AccentEnumColor.Orange:
|
|
5802
5802
|
return {
|
|
5803
|
-
'--neo-bc-surface': 'var(--dd-
|
|
5804
|
-
'--neo-bc-text': 'var(--dd-
|
|
5805
|
-
'--neo-bc-link': 'var(--dd-
|
|
5806
|
-
'--neo-bc-separator': 'var(--dd-
|
|
5807
|
-
'--neo-bc-shadow': 'var(--dd-
|
|
5808
|
-
'--neo-bc-active': 'var(--dd-
|
|
5803
|
+
'--neo-bc-surface': 'var(--dd-neo-ana-2)',
|
|
5804
|
+
'--neo-bc-text': 'var(--dd-neo-ana-2-contrast)',
|
|
5805
|
+
'--neo-bc-link': 'var(--dd-neo-ana-1)',
|
|
5806
|
+
'--neo-bc-separator': 'var(--dd-neo-ana-5)',
|
|
5807
|
+
'--neo-bc-shadow': 'var(--dd-neo-ana-5)',
|
|
5808
|
+
'--neo-bc-active': 'var(--dd-neo-ana-2-contrast)',
|
|
5809
5809
|
};
|
|
5810
5810
|
case AccentEnumColor.Gray:
|
|
5811
5811
|
return {
|
|
5812
5812
|
'--neo-bc-surface': 'var(--dd-base-200)',
|
|
5813
5813
|
'--neo-bc-text': 'var(--dd-base-600)',
|
|
5814
|
-
'--neo-bc-link': 'var(--dd-
|
|
5815
|
-
'--neo-bc-separator': 'var(--dd-
|
|
5816
|
-
'--neo-bc-shadow': 'var(--dd-
|
|
5814
|
+
'--neo-bc-link': 'var(--dd-neo-ana-1)',
|
|
5815
|
+
'--neo-bc-separator': 'var(--dd-neo-ana-2)',
|
|
5816
|
+
'--neo-bc-shadow': 'var(--dd-neo-ana-6)',
|
|
5817
5817
|
'--neo-bc-active': 'var(--dd-base-600)',
|
|
5818
5818
|
};
|
|
5819
5819
|
case AccentEnumColor.Dark:
|
|
5820
5820
|
return {
|
|
5821
|
-
'--neo-bc-surface': 'var(--dd-
|
|
5822
|
-
'--neo-bc-text': 'var(--dd-
|
|
5823
|
-
'--neo-bc-link': 'var(--dd-
|
|
5824
|
-
'--neo-bc-separator': 'var(--dd-
|
|
5825
|
-
'--neo-bc-shadow': 'var(--dd-
|
|
5826
|
-
'--neo-bc-active': 'var(--dd-
|
|
5821
|
+
'--neo-bc-surface': 'var(--dd-neo-ana-4)',
|
|
5822
|
+
'--neo-bc-text': 'var(--dd-neo-ana-4-contrast)',
|
|
5823
|
+
'--neo-bc-link': 'var(--dd-neo-ana-1)',
|
|
5824
|
+
'--neo-bc-separator': 'var(--dd-neo-ana-5)',
|
|
5825
|
+
'--neo-bc-shadow': 'var(--dd-neo-ana-3)',
|
|
5826
|
+
'--neo-bc-active': 'var(--dd-neo-ana-4-contrast)',
|
|
5827
5827
|
};
|
|
5828
5828
|
case AccentEnumColor.White:
|
|
5829
5829
|
default:
|
|
5830
5830
|
return {
|
|
5831
5831
|
'--neo-bc-surface': 'var(--dd-base-0)',
|
|
5832
5832
|
'--neo-bc-text': 'var(--dd-base-600)',
|
|
5833
|
-
'--neo-bc-link': 'var(--dd-
|
|
5834
|
-
'--neo-bc-separator': 'var(--dd-
|
|
5835
|
-
'--neo-bc-shadow': 'var(--dd-
|
|
5833
|
+
'--neo-bc-link': 'var(--dd-neo-ana-1)',
|
|
5834
|
+
'--neo-bc-separator': 'var(--dd-neo-ana-5)',
|
|
5835
|
+
'--neo-bc-shadow': 'var(--dd-neo-ana-6)',
|
|
5836
5836
|
'--neo-bc-active': 'var(--dd-base-600)',
|
|
5837
5837
|
};
|
|
5838
5838
|
}
|