asksuite-citrus 3.17.8-beta.0 → 3.17.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/accordion/extendable-panel/extendable-panel.component.mjs +2 -2
- package/esm2022/lib/components/arrow-tag/arrow-tag.component.mjs +2 -2
- package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +2 -2
- package/esm2022/lib/components/avatar/avatar.component.mjs +2 -2
- package/esm2022/lib/components/box/box.component.mjs +2 -2
- package/esm2022/lib/components/button/button.component.mjs +2 -2
- package/esm2022/lib/components/character-counter/character-counter.component.mjs +2 -2
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/lib/components/chips/chips.component.mjs +2 -2
- package/esm2022/lib/components/date-picker/date-picker-calendar/date-picker-calendar.component.mjs +2 -2
- package/esm2022/lib/components/date-picker/date-picker.component.mjs +2 -2
- package/esm2022/lib/components/dropdown-container/dropdown-container.component.mjs +2 -2
- package/esm2022/lib/components/input/input.component.mjs +2 -2
- package/esm2022/lib/components/modal/confirmation-modal/confirmation-modal.component.mjs +2 -2
- package/esm2022/lib/components/modal/modal.component.mjs +2 -2
- package/esm2022/lib/components/pagination/pagination.component.mjs +2 -2
- package/esm2022/lib/components/phone-ddi/phone-ddi.component.mjs +15 -4
- package/esm2022/lib/components/richtext-toolbox/richtext-toolbox.component.mjs +2 -2
- package/esm2022/lib/components/richtext-url-prompt/richtext-url-prompt.component.mjs +2 -2
- package/esm2022/lib/components/select/select.component.mjs +2 -2
- package/esm2022/lib/components/tab-group/tab/tab.component.mjs +2 -2
- package/esm2022/lib/components/tab-group/tab-group.component.mjs +2 -2
- package/esm2022/lib/components/table/table.component.mjs +2 -2
- package/esm2022/lib/components/toast/toast.component.mjs +2 -2
- package/fesm2022/asksuite-citrus.mjs +60 -49
- package/fesm2022/asksuite-citrus.mjs.map +1 -1
- package/lib/components/phone-ddi/phone-ddi.component.d.ts +1 -0
- package/package.json +1 -1
- package/styles/colors-dark.scss +360 -372
- package/styles/colors-light.scss +24 -105
- package/styles/theme-primitives.scss +0 -115
package/styles/colors-light.scss
CHANGED
|
@@ -266,12 +266,14 @@ $color-light-neutral-NLA200: $color-nla-200;
|
|
|
266
266
|
$color-light-neutral-NLA300: #13293921;
|
|
267
267
|
$color-Y200: #FFE5B2;
|
|
268
268
|
|
|
269
|
-
$message-area-scroll-gradient: linear-gradient(180deg, rgba(
|
|
269
|
+
$message-area-scroll-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.55) 50%, #FFF 100%);
|
|
270
270
|
// livechat - tokens
|
|
271
271
|
|
|
272
272
|
//TODO: REMOVE DUPLICATE SEMANTICS
|
|
273
273
|
$color-texticon-brand-asksuite-contrast: $color-a-600;
|
|
274
274
|
$color-texticon-inverse-default: $color-nl-0;
|
|
275
|
+
$color-texticon-subtlest: $color-nla-1000;
|
|
276
|
+
$color-texticon-disabled: $color-nla-700;
|
|
275
277
|
$color-texticon-link-default: $color-b-500;
|
|
276
278
|
|
|
277
279
|
$color-elevation-surface-selected-ask: $color-a-100;
|
|
@@ -286,6 +288,7 @@ $color-border-default: $color-nla-300;
|
|
|
286
288
|
$color-border-brand-asksuite-subtle: $color-a-300;
|
|
287
289
|
|
|
288
290
|
$color-background-alpha-bolder-default: $color-nla-1600;
|
|
291
|
+
$color-background-brand-asksuite-contrast-default: $color-a-600;
|
|
289
292
|
$color-background-alpha-subtlest-default: $color-nla-200;
|
|
290
293
|
$color-background-inverse-default: $color-nl-0;
|
|
291
294
|
$color-background-disabled: $color-nla-200;
|
|
@@ -355,27 +358,18 @@ $color-background-accent-lime-subtle-pressed: $color-l-600;
|
|
|
355
358
|
$color-background-accent-lime-subtlest-default: $color-l-200;
|
|
356
359
|
$color-background-accent-lime-subtlest-hovered: $color-l-300;
|
|
357
360
|
$color-background-accent-lime-subtlest-pressed: $color-l-400;
|
|
358
|
-
$color-background-accent-magenta-
|
|
359
|
-
$color-background-accent-magenta-
|
|
360
|
-
$color-background-accent-magenta-
|
|
361
|
-
$color-background-accent-magenta-bolder-default: $color-m-800;
|
|
362
|
-
$color-background-accent-magenta-bolder-hovered: $color-m-900;
|
|
363
|
-
$color-background-accent-magenta-bolder-pressed: $color-m-1000;
|
|
364
|
-
$color-background-accent-magenta-bold-default: $color-m-700;
|
|
365
|
-
$color-background-accent-magenta-bold-hovered: $color-m-800;
|
|
366
|
-
$color-background-accent-magenta-bold-pressed: $color-m-900;
|
|
361
|
+
$color-background-accent-magenta-bold-default: $color-m-800;
|
|
362
|
+
$color-background-accent-magenta-bold-hovered: $color-m-900;
|
|
363
|
+
$color-background-accent-magenta-bold-pressed: $color-m-1000;
|
|
367
364
|
$color-background-accent-magenta-contrast-default: $color-m-600;
|
|
368
365
|
$color-background-accent-magenta-contrast-hovered: $color-m-700;
|
|
369
366
|
$color-background-accent-magenta-contrast-pressed: $color-m-800;
|
|
370
|
-
$color-background-accent-magenta-subtle-default: $color-m-
|
|
371
|
-
$color-background-accent-magenta-subtle-hovered: $color-m-
|
|
372
|
-
$color-background-accent-magenta-subtle-pressed: $color-m-
|
|
373
|
-
$color-background-accent-magenta-
|
|
374
|
-
$color-background-accent-magenta-
|
|
375
|
-
$color-background-accent-magenta-
|
|
376
|
-
$color-background-accent-magenta-subtlest-default: $color-m-100;
|
|
377
|
-
$color-background-accent-magenta-subtlest-hovered: $color-m-200;
|
|
378
|
-
$color-background-accent-magenta-subtlest-pressed: $color-m-300;
|
|
367
|
+
$color-background-accent-magenta-subtle-default: $color-m-400;
|
|
368
|
+
$color-background-accent-magenta-subtle-hovered: $color-m-500;
|
|
369
|
+
$color-background-accent-magenta-subtle-pressed: $color-m-600;
|
|
370
|
+
$color-background-accent-magenta-subtlest-default: $color-m-200;
|
|
371
|
+
$color-background-accent-magenta-subtlest-hovered: $color-m-300;
|
|
372
|
+
$color-background-accent-magenta-subtlest-pressed: $color-m-400;
|
|
379
373
|
$color-background-accent-orange-bold-default: $color-o-800;
|
|
380
374
|
$color-background-accent-orange-bold-hovered: $color-o-900;
|
|
381
375
|
$color-background-accent-orange-bold-pressed: $color-o-1000;
|
|
@@ -480,13 +474,7 @@ $color-border-accent-blue: $color-b-600;
|
|
|
480
474
|
$color-border-accent-green: $color-g-600;
|
|
481
475
|
$color-border-accent-grey: $color-nl-1000;
|
|
482
476
|
$color-border-accent-lime: $color-l-600;
|
|
483
|
-
$color-border-accent-magenta
|
|
484
|
-
$color-border-accent-magenta-bolder: $color-m-900;
|
|
485
|
-
$color-border-accent-magenta-bold: $color-m-800;
|
|
486
|
-
$color-border-accent-magenta-contrast: $color-m-600;
|
|
487
|
-
$color-border-accent-magenta-subtle: $color-m-300;
|
|
488
|
-
$color-border-accent-magenta-subtler: $color-m-200;
|
|
489
|
-
$color-border-accent-magenta-subtlest: $color-m-100;
|
|
477
|
+
$color-border-accent-magenta: $color-m-600;
|
|
490
478
|
$color-border-accent-orange: $color-o-600;
|
|
491
479
|
$color-border-accent-purple: $color-p-600;
|
|
492
480
|
$color-border-accent-red: $color-r-600;
|
|
@@ -523,13 +511,8 @@ $color-texticon-accent-grey-bold: $color-nl-1300;
|
|
|
523
511
|
$color-texticon-accent-grey-contrast: $color-nl-1000;
|
|
524
512
|
$color-texticon-accent-lime-bold: $color-l-800;
|
|
525
513
|
$color-texticon-accent-lime-contrast: $color-l-600;
|
|
526
|
-
$color-texticon-accent-magenta-boldest: $color-m-1000;
|
|
527
|
-
$color-texticon-accent-magenta-bolder: $color-m-900;
|
|
528
514
|
$color-texticon-accent-magenta-bold: $color-m-800;
|
|
529
515
|
$color-texticon-accent-magenta-contrast: $color-m-600;
|
|
530
|
-
$color-texticon-accent-magenta-subtle: $color-m-400;
|
|
531
|
-
$color-texticon-accent-magenta-subtler: $color-m-300;
|
|
532
|
-
$color-texticon-accent-magenta-subtlest: $color-m-200;
|
|
533
516
|
$color-texticon-accent-orange-bold: $color-o-800;
|
|
534
517
|
$color-texticon-accent-orange-contrast: $color-o-600;
|
|
535
518
|
$color-texticon-accent-purple-bold: $color-p-800;
|
|
@@ -542,10 +525,7 @@ $color-texticon-accent-violet-bold: $color-v-800;
|
|
|
542
525
|
$color-texticon-accent-violet-contrast: $color-v-600;
|
|
543
526
|
$color-texticon-accent-yellow-bold: $color-y-800;
|
|
544
527
|
$color-texticon-accent-yellow-contrast: $color-y-600;
|
|
545
|
-
$color-texticon-contrast: $color-nla-
|
|
546
|
-
$color-texticon-subtle: $color-nla-1300;
|
|
547
|
-
$color-texticon-subtler: $color-nla-1000;
|
|
548
|
-
$color-texticon-subtlest: $color-nla-1000;
|
|
528
|
+
$color-texticon-contrast: $color-nla-1500;
|
|
549
529
|
$color-texticon-disabled: $color-nla-700;
|
|
550
530
|
$color-texticon-high-contrast-black-default: $color-nla-1500;
|
|
551
531
|
$color-texticon-high-contrast-black-disabled: $color-nla-1000;
|
|
@@ -558,21 +538,12 @@ $color-texticon-link-visited: $color-p-500;
|
|
|
558
538
|
$color-texticon-subtle: $color-nla-1200;
|
|
559
539
|
$color-texticon-subtlest: $color-nla-1000;
|
|
560
540
|
|
|
561
|
-
$color-background-brand-asksuite-boldest-default: $color-a-1000;
|
|
562
|
-
$color-background-brand-asksuite-boldest-hovered: $color-a-900;
|
|
563
|
-
$color-background-brand-asksuite-boldest-pressed: $color-a-800;
|
|
564
|
-
$color-background-brand-asksuite-bolder-default: $color-a-800;
|
|
565
|
-
$color-background-brand-asksuite-bolder-hovered: $color-a-900;
|
|
566
|
-
$color-background-brand-asksuite-bolder-pressed: $color-a-1000;
|
|
567
541
|
$color-background-brand-asksuite-bold-default: $color-a-700;
|
|
568
542
|
$color-background-brand-asksuite-bold-hovered: $color-a-800;
|
|
569
543
|
$color-background-brand-asksuite-bold-pressed: $color-a-900;
|
|
570
544
|
$color-background-brand-asksuite-contrast-default: $color-a-600;
|
|
571
545
|
$color-background-brand-asksuite-contrast-hovered: $color-a-700;
|
|
572
546
|
$color-background-brand-asksuite-contrast-pressed: $color-a-800;
|
|
573
|
-
$color-background-brand-asksuite-subtle-default: $color-a-300;
|
|
574
|
-
$color-background-brand-asksuite-subtle-hovered: $color-a-400;
|
|
575
|
-
$color-background-brand-asksuite-subtle-pressed: $color-a-500;
|
|
576
547
|
$color-background-brand-asksuite-subtler-default: $color-a-200;
|
|
577
548
|
$color-background-brand-asksuite-subtler-hovered: $color-a-300;
|
|
578
549
|
$color-background-brand-asksuite-subtler-pressed: $color-a-400;
|
|
@@ -591,70 +562,33 @@ $color-background-brand-flow-subtler-pressed: $color-f-400;
|
|
|
591
562
|
$color-background-brand-flow-subtlest-default: $color-f-100;
|
|
592
563
|
$color-background-brand-flow-subtlest-hovered: $color-f-200;
|
|
593
564
|
$color-background-brand-flow-subtlest-pressed: $color-f-300;
|
|
594
|
-
$color-background-brand-sophia-boldest-default: linear-gradient(90deg, $color-background-accent-magenta-boldest-default 0%, $color-background-brand-asksuite-boldest-default 100%);
|
|
595
|
-
$color-background-brand-sophia-boldest-hovered: linear-gradient(90deg, $color-background-accent-magenta-boldest-hovered 0%, $color-background-brand-asksuite-boldest-hovered 100%);
|
|
596
|
-
$color-background-brand-sophia-boldest-pressed: linear-gradient(90deg, $color-background-accent-magenta-boldest-pressed 0%, $color-background-brand-asksuite-boldest-pressed 100%);
|
|
597
|
-
$color-background-brand-sophia-bolder-default: linear-gradient(90deg, $color-background-accent-magenta-bolder-default 0%, $color-background-brand-asksuite-bolder-default 100%);
|
|
598
|
-
$color-background-brand-sophia-bolder-hovered: linear-gradient(90deg, $color-background-accent-magenta-bolder-hovered 0%, $color-background-brand-asksuite-bolder-hovered 100%);
|
|
599
|
-
$color-background-brand-sophia-bolder-pressed: linear-gradient(90deg, $color-background-accent-magenta-bolder-pressed 0%, $color-background-brand-asksuite-bolder-pressed 100%);
|
|
600
|
-
$color-background-brand-sophia-bold-default: linear-gradient(90deg, $color-background-accent-magenta-bold-default 0%, $color-background-brand-asksuite-bold-default 100%);
|
|
601
|
-
$color-background-brand-sophia-bold-hovered: linear-gradient(90deg, $color-background-accent-magenta-bold-hovered 0%, $color-background-brand-asksuite-bold-hovered 100%);
|
|
602
|
-
$color-background-brand-sophia-bold-pressed: linear-gradient(90deg, $color-background-accent-magenta-bold-pressed 0%, $color-background-brand-asksuite-bold-pressed 100%);
|
|
603
|
-
$color-background-brand-sophia-contrast-default: linear-gradient(90deg, $color-background-accent-magenta-contrast-default 0%, $color-background-brand-asksuite-contrast-default 100%);
|
|
604
|
-
$color-background-brand-sophia-contrast-hovered: linear-gradient(90deg, $color-background-accent-magenta-contrast-hovered 0%, $color-background-brand-asksuite-contrast-hovered 100%);
|
|
605
|
-
$color-background-brand-sophia-contrast-pressed: linear-gradient(90deg, $color-background-accent-magenta-contrast-pressed 0%, $color-background-brand-asksuite-contrast-pressed 100%);
|
|
606
|
-
$color-background-brand-sophia-subtle-default: linear-gradient(90deg, $color-background-accent-magenta-subtle-default 0%, $color-background-brand-asksuite-subtle-default 100%);
|
|
607
|
-
$color-background-brand-sophia-subtle-hovered: linear-gradient(90deg, $color-background-accent-magenta-subtle-hovered 0%, $color-background-brand-asksuite-subtle-hovered 100%);
|
|
608
|
-
$color-background-brand-sophia-subtle-pressed: linear-gradient(90deg, $color-background-accent-magenta-subtle-pressed 0%, $color-background-brand-asksuite-subtle-pressed 100%);
|
|
609
|
-
$color-background-brand-sophia-subtler-default: linear-gradient(90deg, $color-background-accent-magenta-subtler-default 0%, $color-background-brand-asksuite-subtler-default 100%);
|
|
610
|
-
$color-background-brand-sophia-subtler-hovered: linear-gradient(90deg, $color-background-accent-magenta-subtler-hovered 0%, $color-background-brand-asksuite-subtler-hovered 100%);
|
|
611
|
-
$color-background-brand-sophia-subtler-pressed: linear-gradient(90deg, $color-background-accent-magenta-subtler-pressed 0%, $color-background-brand-asksuite-subtler-pressed 100%);
|
|
612
|
-
$color-background-brand-sophia-subtlest-default: linear-gradient(90deg, $color-background-accent-magenta-subtlest-default 0%, $color-background-brand-asksuite-subtlest-default 100%);
|
|
613
|
-
$color-background-brand-sophia-subtlest-hovered: linear-gradient(90deg, $color-background-accent-magenta-subtlest-hovered 0%, $color-background-brand-asksuite-subtlest-hovered 100%);
|
|
614
|
-
$color-background-brand-sophia-subtlest-pressed: linear-gradient(90deg, $color-background-accent-magenta-subtlest-pressed 0%, $color-background-brand-asksuite-subtlest-pressed 100%);
|
|
615
565
|
|
|
616
566
|
$color-background-selected-ask: $color-a-100;
|
|
617
567
|
$color-background-selected-flow: $color-f-100;
|
|
618
568
|
|
|
619
|
-
$color-border-brand-asksuite-
|
|
569
|
+
$color-border-brand-asksuite-bold: $color-a-700;
|
|
620
570
|
$color-border-brand-asksuite-bolder: $color-a-900;
|
|
621
|
-
$color-border-brand-asksuite-
|
|
622
|
-
$color-border-brand-asksuite-contrast: $color-a-600;
|
|
571
|
+
$color-border-brand-asksuite-contrast: $color-a-500;
|
|
623
572
|
$color-border-brand-asksuite-subtle: $color-a-300;
|
|
624
|
-
$color-border-brand-asksuite-subtler: $color-a-
|
|
625
|
-
$color-border-brand-asksuite-subtlest: $color-a-100;
|
|
573
|
+
$color-border-brand-asksuite-subtler: $color-a-100;
|
|
626
574
|
$color-border-brand-flow-bold: $color-f-700;
|
|
627
575
|
$color-border-brand-flow-bolder: $color-f-900;
|
|
628
576
|
$color-border-brand-flow-contrast: $color-f-500;
|
|
629
577
|
$color-border-brand-flow-subtle: $color-f-300;
|
|
630
578
|
$color-border-brand-flow-subtler: $color-f-100;
|
|
631
|
-
$color-border-brand-sophia-subtlest: linear-gradient(90deg, $color-border-accent-magenta-subtlest 0%, $color-border-brand-asksuite-subtlest 100%);
|
|
632
|
-
$color-border-brand-sophia-subtler: linear-gradient(90deg, $color-border-accent-magenta-subtler 0%, $color-border-brand-asksuite-subtler 100%);
|
|
633
|
-
$color-border-brand-sophia-subtle: linear-gradient(90deg, $color-border-accent-magenta-subtle 0%, $color-border-brand-asksuite-subtle 100%);
|
|
634
|
-
$color-border-brand-sophia-contrast: linear-gradient(90deg, $color-border-accent-magenta-contrast 0%, $color-border-brand-asksuite-contrast 100%);
|
|
635
|
-
$color-border-brand-sophia-bold: linear-gradient(90deg, $color-border-accent-magenta-bold 0%, $color-border-brand-asksuite-bold 100%);
|
|
636
|
-
$color-border-brand-sophia-bolder: linear-gradient(90deg, $color-border-accent-magenta-bolder 0%, $color-border-brand-asksuite-bolder 100%);
|
|
637
|
-
$color-border-brand-sophia-boldest: linear-gradient(90deg, $color-border-accent-magenta-boldest 0%, $color-border-brand-asksuite-boldest 100%);
|
|
638
579
|
|
|
639
580
|
$color-skeleton: $color-background-alpha-subtlest-default;
|
|
640
581
|
|
|
641
|
-
$color-texticon-brand-asksuite-
|
|
582
|
+
$color-texticon-brand-asksuite-bold: $color-a-700;
|
|
642
583
|
$color-texticon-brand-asksuite-bolder: $color-a-900;
|
|
643
|
-
$color-texticon-brand-asksuite-bold: $color-a-800;
|
|
644
584
|
$color-texticon-brand-asksuite-contrast: $color-a-600;
|
|
645
|
-
$color-texticon-brand-asksuite-subtle: $color-a-
|
|
646
|
-
$color-texticon-brand-asksuite-subtler: $color-a-
|
|
647
|
-
$color-texticon-brand-asksuite-subtlest: $color-a-200;
|
|
585
|
+
$color-texticon-brand-asksuite-subtle: $color-a-300;
|
|
586
|
+
$color-texticon-brand-asksuite-subtler: $color-a-100;
|
|
648
587
|
$color-texticon-brand-flow-bold: $color-f-700;
|
|
649
588
|
$color-texticon-brand-flow-bolder: $color-f-900;
|
|
650
589
|
$color-texticon-brand-flow-contrast: $color-f-500;
|
|
651
590
|
$color-texticon-brand-flow-subtle: $color-f-300;
|
|
652
591
|
$color-texticon-brand-flow-subtler: $color-f-100;
|
|
653
|
-
$color-texticon-brand-sophia-boldest: linear-gradient(90deg, $color-texticon-accent-magenta-bolder 0%, $color-texticon-brand-asksuite-bolder 100%);
|
|
654
|
-
$color-texticon-brand-sophia-bold: linear-gradient(90deg, $color-texticon-accent-magenta-bold 0%, $color-texticon-brand-asksuite-bold 100%);
|
|
655
|
-
$color-texticon-brand-sophia-contrast: linear-gradient(90deg, $color-texticon-accent-magenta-contrast 0%, $color-texticon-brand-asksuite-contrast 100%);
|
|
656
|
-
$color-texticon-brand-sophia-subtle: linear-gradient(90deg, $color-texticon-accent-magenta-subtle 0%, $color-texticon-brand-asksuite-subtle 100%);
|
|
657
|
-
$color-texticon-brand-sophia-subtlest: linear-gradient(90deg, $color-texticon-accent-magenta-subtlest 0%, $color-texticon-brand-asksuite-subtler 100%);
|
|
658
592
|
$color-texticon-danger: $color-texticon-accent-red-contrast;
|
|
659
593
|
$color-texticon-info: $color-texticon-accent-blue-contrast;
|
|
660
594
|
$color-texticon-success: $color-texticon-accent-green-contrast;
|
|
@@ -745,7 +679,6 @@ $color-border-contrast: $color-nla-1200;
|
|
|
745
679
|
--color-texticon-inverse-default: #{$color-texticon-inverse-default};
|
|
746
680
|
--color-texticon-contrast: #{$color-texticon-contrast};
|
|
747
681
|
--color-texticon-subtle: #{$color-texticon-subtle};
|
|
748
|
-
--color-texticon-subtler: #{$color-texticon-subtler};
|
|
749
682
|
--color-texticon-subtlest: #{$color-texticon-subtlest};
|
|
750
683
|
--color-texticon-disabled: #{$color-texticon-disabled};
|
|
751
684
|
--color-texticon-brand-asksuite-bold: #{$color-a-800};
|
|
@@ -849,21 +782,7 @@ $color-border-contrast: $color-nla-1200;
|
|
|
849
782
|
--color-message-area-scroll-gradient: #{$message-area-scroll-gradient};
|
|
850
783
|
--color-background-accent-magenta-subtlest-default: #{$color-background-accent-magenta-subtlest-default};
|
|
851
784
|
--color-background-alpha-inverse-pressed: #{$color-nla-300};
|
|
852
|
-
|
|
853
|
-
--color-background-
|
|
854
|
-
--color-background-sophia-contrast-
|
|
855
|
-
--color-background-sophia-contrast-pressed: #{$color-background-brand-sophia-contrast-pressed};
|
|
856
|
-
--color-background-sophia-subtlest-default: #{$color-background-brand-sophia-subtlest-default};
|
|
857
|
-
--color-background-sophia-subtlest-hovered: #{$color-background-brand-sophia-subtlest-hovered};
|
|
858
|
-
--color-background-sophia-subtlest-pressed: #{$color-background-brand-sophia-subtlest-pressed};
|
|
859
|
-
--color-background-sophia-subtler-default: #{$color-background-brand-sophia-subtler-default};
|
|
860
|
-
--color-background-sophia-subtler-hovered: #{$color-background-brand-sophia-subtler-hovered};
|
|
861
|
-
--color-background-sophia-subtler-pressed: #{$color-background-brand-sophia-subtler-pressed};
|
|
862
|
-
--color-texticon-sophia-contrast: #{$color-texticon-brand-sophia-contrast};
|
|
863
|
-
--color-texticon-sophia-bold: #{$color-texticon-brand-sophia-bold};
|
|
864
|
-
--color-border-sophia-subtle: #{$color-border-brand-sophia-subtle};
|
|
865
|
-
--color-border-sophia-contrast: #{$color-border-brand-sophia-contrast};
|
|
866
|
-
--color-border-sophia-bold: #{$color-border-brand-sophia-bold};
|
|
867
|
-
--color-border-sophia-bolder: #{$color-border-brand-sophia-bolder};
|
|
868
|
-
|
|
785
|
+
--color-background-accent-magenta-contrast-default: #{$color-m-600};
|
|
786
|
+
--color-background-brand-asksuite-contrast-default: #{$color-a-600};
|
|
787
|
+
--color-background-sophia-contrast-default: linear-gradient(90deg, var(--color-background-accent-magenta-contrast-default) 0%, var(--color-background-brand-asksuite-contrast-default) 100%);
|
|
869
788
|
}
|
|
@@ -226,118 +226,3 @@ $color-background-accent-grey-bold-default: $color-nl-1400;
|
|
|
226
226
|
$color-border-inverse-subtle: $color-nl-400;
|
|
227
227
|
$color-background-accent-grey-subtler-hovered: $color-nl-400;
|
|
228
228
|
//
|
|
229
|
-
|
|
230
|
-
// Sophia
|
|
231
|
-
$color-background-accent-magenta-boldest-default: $color-m-100;
|
|
232
|
-
$color-background-accent-magenta-boldest-hovered: $color-m-200;
|
|
233
|
-
$color-background-accent-magenta-boldest-pressed: $color-m-300;
|
|
234
|
-
$color-background-accent-magenta-bolder-default: $color-m-300;
|
|
235
|
-
$color-background-accent-magenta-bolder-hovered: $color-m-200;
|
|
236
|
-
$color-background-accent-magenta-bolder-pressed: $color-m-100;
|
|
237
|
-
$color-background-accent-magenta-bold-default: $color-m-400;
|
|
238
|
-
$color-background-accent-magenta-bold-hovered: $color-m-300;
|
|
239
|
-
$color-background-accent-magenta-bold-pressed: $color-m-200;
|
|
240
|
-
$color-background-accent-magenta-contrast-default: $color-m-500;
|
|
241
|
-
$color-background-accent-magenta-contrast-hovered: $color-m-400;
|
|
242
|
-
$color-background-accent-magenta-contrast-pressed: $color-m-300;
|
|
243
|
-
$color-background-accent-magenta-subtle-default: $color-m-800;
|
|
244
|
-
$color-background-accent-magenta-subtle-hovered: $color-m-700;
|
|
245
|
-
$color-background-accent-magenta-subtle-pressed: $color-m-600;
|
|
246
|
-
$color-background-accent-magenta-subtler-default: $color-m-900;
|
|
247
|
-
$color-background-accent-magenta-subtler-hovered: $color-m-800;
|
|
248
|
-
$color-background-accent-magenta-subtler-pressed: $color-m-700;
|
|
249
|
-
$color-background-accent-magenta-subtlest-default: $color-m-1000;
|
|
250
|
-
$color-background-accent-magenta-subtlest-hovered: $color-m-900;
|
|
251
|
-
$color-background-accent-magenta-subtlest-pressed: $color-m-800;
|
|
252
|
-
|
|
253
|
-
$color-texticon-accent-magenta-boldest: $color-m-100;
|
|
254
|
-
$color-texticon-accent-magenta-bolder: $color-m-200;
|
|
255
|
-
$color-texticon-accent-magenta-bold: $color-m-300;
|
|
256
|
-
$color-texticon-accent-magenta-contrast: $color-m-500;
|
|
257
|
-
$color-texticon-accent-magenta-subtle: $color-m-800;
|
|
258
|
-
$color-texticon-accent-magenta-subtler: $color-m-900;
|
|
259
|
-
$color-texticon-accent-magenta-subtlest: $color-m-1000;
|
|
260
|
-
|
|
261
|
-
$color-border-accent-magenta-boldest: $color-m-100;
|
|
262
|
-
$color-border-accent-magenta-bolder: $color-m-200;
|
|
263
|
-
$color-border-accent-magenta-bold: $color-m-300;
|
|
264
|
-
$color-border-accent-magenta-contrast: $color-m-500;
|
|
265
|
-
$color-border-accent-magenta-subtle: $color-m-800;
|
|
266
|
-
$color-border-accent-magenta-subtler: $color-m-900;
|
|
267
|
-
$color-border-accent-magenta-subtlest: $color-m-1000;
|
|
268
|
-
|
|
269
|
-
$color-background-brand-asksuite-boldest-default: $color-a-100;
|
|
270
|
-
$color-background-brand-asksuite-boldest-hovered: $color-a-200;
|
|
271
|
-
$color-background-brand-asksuite-boldest-pressed: $color-a-300;
|
|
272
|
-
$color-background-brand-asksuite-bolder-default: $color-a-300;
|
|
273
|
-
$color-background-brand-asksuite-bolder-hovered: $color-a-200;
|
|
274
|
-
$color-background-brand-asksuite-bolder-pressed: $color-a-100;
|
|
275
|
-
$color-background-brand-asksuite-bold-default: $color-a-400;
|
|
276
|
-
$color-background-brand-asksuite-bold-hovered: $color-a-300;
|
|
277
|
-
$color-background-brand-asksuite-bold-pressed: $color-a-200;
|
|
278
|
-
$color-background-brand-asksuite-contrast-default: $color-a-500;
|
|
279
|
-
$color-background-brand-asksuite-contrast-hovered: $color-a-400;
|
|
280
|
-
$color-background-brand-asksuite-contrast-pressed: $color-a-300;
|
|
281
|
-
$color-background-brand-asksuite-subtle-default: $color-a-800;
|
|
282
|
-
$color-background-brand-asksuite-subtle-hovered: $color-a-700;
|
|
283
|
-
$color-background-brand-asksuite-subtle-pressed: $color-a-600;
|
|
284
|
-
$color-background-brand-asksuite-subtler-default: $color-a-900;
|
|
285
|
-
$color-background-brand-asksuite-subtler-hovered: $color-a-800;
|
|
286
|
-
$color-background-brand-asksuite-subtler-pressed: $color-a-700;
|
|
287
|
-
$color-background-brand-asksuite-subtlest-default: $color-a-1000;
|
|
288
|
-
$color-background-brand-asksuite-subtlest-hovered: $color-a-900;
|
|
289
|
-
$color-background-brand-asksuite-subtlest-pressed: $color-a-800;
|
|
290
|
-
|
|
291
|
-
$color-border-brand-asksuite-boldest: $color-a-100;
|
|
292
|
-
$color-border-brand-asksuite-bolder: $color-a-200;
|
|
293
|
-
$color-border-brand-asksuite-bold: $color-a-300;
|
|
294
|
-
$color-border-brand-asksuite-contrast: $color-a-500;
|
|
295
|
-
$color-border-brand-asksuite-subtle: $color-a-800;
|
|
296
|
-
$color-border-brand-asksuite-subtler: $color-a-900;
|
|
297
|
-
$color-border-brand-asksuite-subtlest: $color-a-1000;
|
|
298
|
-
|
|
299
|
-
$color-texticon-brand-asksuite-boldest: $color-a-100;
|
|
300
|
-
$color-texticon-brand-asksuite-bolder: $color-a-200;
|
|
301
|
-
$color-texticon-brand-asksuite-bold: $color-a-300;
|
|
302
|
-
$color-texticon-brand-asksuite-contrast: $color-a-500;
|
|
303
|
-
$color-texticon-brand-asksuite-subtle: $color-a-800;
|
|
304
|
-
$color-texticon-brand-asksuite-subtler: $color-a-900;
|
|
305
|
-
$color-texticon-brand-asksuite-subtlest: $color-a-1000;
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
$color-background-brand-sophia-boldest-default: linear-gradient(90deg, $color-background-accent-magenta-boldest-default 0%, $color-background-brand-asksuite-boldest-default 100%);
|
|
309
|
-
$color-background-brand-sophia-boldest-hovered: linear-gradient(90deg, $color-background-accent-magenta-boldest-hovered 0%, $color-background-brand-asksuite-boldest-hovered 100%);
|
|
310
|
-
$color-background-brand-sophia-boldest-pressed: linear-gradient(90deg, $color-background-accent-magenta-boldest-pressed 0%, $color-background-brand-asksuite-boldest-pressed 100%);
|
|
311
|
-
$color-background-brand-sophia-bolder-default: linear-gradient(90deg, $color-background-accent-magenta-bolder-default 0%, $color-background-brand-asksuite-bolder-default 100%);
|
|
312
|
-
$color-background-brand-sophia-bolder-hovered: linear-gradient(90deg, $color-background-accent-magenta-bolder-hovered 0%, $color-background-brand-asksuite-bolder-hovered 100%);
|
|
313
|
-
$color-background-brand-sophia-bolder-pressed: linear-gradient(90deg, $color-background-accent-magenta-bolder-pressed 0%, $color-background-brand-asksuite-bolder-pressed 100%);
|
|
314
|
-
$color-background-brand-sophia-bold-default: linear-gradient(90deg, $color-background-accent-magenta-bold-default 0%, $color-background-brand-asksuite-bold-default 100%);
|
|
315
|
-
$color-background-brand-sophia-bold-hovered: linear-gradient(90deg, $color-background-accent-magenta-bold-hovered 0%, $color-background-brand-asksuite-bold-hovered 100%);
|
|
316
|
-
$color-background-brand-sophia-bold-pressed: linear-gradient(90deg, $color-background-accent-magenta-bold-pressed 0%, $color-background-brand-asksuite-bold-pressed 100%);
|
|
317
|
-
$color-background-brand-sophia-contrast-default: linear-gradient(90deg, $color-background-accent-magenta-contrast-default 0%, $color-background-brand-asksuite-contrast-default 100%);
|
|
318
|
-
$color-background-brand-sophia-contrast-hovered: linear-gradient(90deg, $color-background-accent-magenta-contrast-hovered 0%, $color-background-brand-asksuite-contrast-hovered 100%);
|
|
319
|
-
$color-background-brand-sophia-contrast-pressed: linear-gradient(90deg, $color-background-accent-magenta-contrast-pressed 0%, $color-background-brand-asksuite-contrast-pressed 100%);
|
|
320
|
-
$color-background-brand-sophia-subtle-default: linear-gradient(90deg, $color-background-accent-magenta-subtle-default 0%, $color-background-brand-asksuite-subtle-default 100%);
|
|
321
|
-
$color-background-brand-sophia-subtle-hovered: linear-gradient(90deg, $color-background-accent-magenta-subtle-hovered 0%, $color-background-brand-asksuite-subtle-hovered 100%);
|
|
322
|
-
$color-background-brand-sophia-subtle-pressed: linear-gradient(90deg, $color-background-accent-magenta-subtle-pressed 0%, $color-background-brand-asksuite-subtle-pressed 100%);
|
|
323
|
-
$color-background-brand-sophia-subtler-default: linear-gradient(90deg, $color-background-accent-magenta-subtler-default 0%, $color-background-brand-asksuite-subtler-default 100%);
|
|
324
|
-
$color-background-brand-sophia-subtler-hovered: linear-gradient(90deg, $color-background-accent-magenta-subtler-hovered 0%, $color-background-brand-asksuite-subtler-hovered 100%);
|
|
325
|
-
$color-background-brand-sophia-subtler-pressed: linear-gradient(90deg, $color-background-accent-magenta-subtler-pressed 0%, $color-background-brand-asksuite-subtler-pressed 100%);
|
|
326
|
-
$color-background-brand-sophia-subtlest-default: linear-gradient(90deg, $color-background-accent-magenta-subtlest-default 0%, $color-background-brand-asksuite-subtlest-default 100%);
|
|
327
|
-
$color-background-brand-sophia-subtlest-hovered: linear-gradient(90deg, $color-background-accent-magenta-subtlest-hovered 0%, $color-background-brand-asksuite-subtlest-hovered 100%);
|
|
328
|
-
$color-background-brand-sophia-subtlest-pressed: linear-gradient(90deg, $color-background-accent-magenta-subtlest-pressed 0%, $color-background-brand-asksuite-subtlest-pressed 100%);
|
|
329
|
-
|
|
330
|
-
$color-border-brand-sophia-subtlest: linear-gradient(90deg, $color-border-accent-magenta-subtlest 0%, $color-border-brand-asksuite-subtlest 100%);
|
|
331
|
-
$color-border-brand-sophia-subtler: linear-gradient(90deg, $color-border-accent-magenta-subtler 0%, $color-border-brand-asksuite-subtler 100%);
|
|
332
|
-
$color-border-brand-sophia-subtle: linear-gradient(90deg, $color-border-accent-magenta-subtle 0%, $color-border-brand-asksuite-subtle 100%);
|
|
333
|
-
$color-border-brand-sophia-contrast: linear-gradient(90deg, $color-border-accent-magenta-contrast 0%, $color-border-brand-asksuite-contrast 100%);
|
|
334
|
-
$color-border-brand-sophia-bold: linear-gradient(90deg, $color-border-accent-magenta-bold 0%, $color-border-brand-asksuite-bold 100%);
|
|
335
|
-
$color-border-brand-sophia-bolder: linear-gradient(90deg, $color-border-accent-magenta-bolder 0%, $color-border-brand-asksuite-bolder 100%);
|
|
336
|
-
$color-border-brand-sophia-boldest: linear-gradient(90deg, $color-border-accent-magenta-boldest 0%, $color-border-brand-asksuite-boldest 100%);
|
|
337
|
-
|
|
338
|
-
$color-texticon-brand-sophia-boldest: linear-gradient(90deg, $color-texticon-accent-magenta-bolder 0%, $color-texticon-brand-asksuite-bolder 100%);
|
|
339
|
-
$color-texticon-brand-sophia-bold: linear-gradient(90deg, $color-texticon-accent-magenta-bold 0%, $color-texticon-brand-asksuite-bold 100%);
|
|
340
|
-
$color-texticon-brand-sophia-contrast: linear-gradient(90deg, $color-texticon-accent-magenta-contrast 0%, $color-texticon-brand-asksuite-contrast 100%);
|
|
341
|
-
$color-texticon-brand-sophia-subtle: linear-gradient(90deg, $color-texticon-accent-magenta-subtle 0%, $color-texticon-brand-asksuite-subtle 100%);
|
|
342
|
-
$color-texticon-brand-sophia-subtlest: linear-gradient(90deg, $color-texticon-accent-magenta-subtlest 0%, $color-texticon-brand-asksuite-subtler 100%);
|
|
343
|
-
//
|