@bspk/ui 1.4.0 → 1.4.1

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 (24) hide show
  1. package/dist/components/StylesProviderDemo/brandsCss.js +10 -10
  2. package/dist/components/StylesProviderDemo/brandsCss.js.map +1 -1
  3. package/dist/styles/agent-workplace.css +307 -301
  4. package/dist/styles/agent-workplace.css.js +307 -301
  5. package/dist/styles/anywhere.css +305 -299
  6. package/dist/styles/anywhere.css.js +305 -299
  7. package/dist/styles/better-homes-gardens.css +200 -350
  8. package/dist/styles/better-homes-gardens.css.js +200 -350
  9. package/dist/styles/broker-workplace.css +315 -309
  10. package/dist/styles/broker-workplace.css.js +315 -309
  11. package/dist/styles/cartus.css +288 -282
  12. package/dist/styles/cartus.css.js +288 -282
  13. package/dist/styles/century-21.css +312 -306
  14. package/dist/styles/century-21.css.js +312 -306
  15. package/dist/styles/coldwell-banker.css +283 -277
  16. package/dist/styles/coldwell-banker.css.js +283 -277
  17. package/dist/styles/corcoran.css +283 -277
  18. package/dist/styles/corcoran.css.js +283 -277
  19. package/dist/styles/era.css +290 -284
  20. package/dist/styles/era.css.js +290 -284
  21. package/dist/styles/sothebys.css +282 -276
  22. package/dist/styles/sothebys.css.js +282 -276
  23. package/package.json +2 -2
  24. package/src/components/StylesProviderDemo/brandsCss.ts +10 -10
package/dist/styles/sothebys.css CHANGED
@@ -452,6 +452,8 @@ body {
452
452
  --corner-radius-80: 8px;
453
453
  /* Corner radius/circular - Global (primitives) */
454
454
  --corner-radius-circular: 999px;
455
+ /* Corner radius/None - Global (primitives) */
456
+ --corner-radius-none: 0;
455
457
  /* East - navigation rails, drawers, sheets */
456
458
  --drop-shadow-east: 2px 0px 8px -2px #0000001a, 2px 0px 4px -2px #0000001f;
457
459
  /* Float */
@@ -466,9 +468,9 @@ body {
466
468
  --drop-shadow-south: 0px 2px 8px -2px #0000001a, 0px 2px 4px -2px #0000001f;
467
469
  /* West - side sheets */
468
470
  --drop-shadow-west: -8px 0px 8px -2px #0000001a, -5px 4px 4px -6px #00000026;
469
- /* Foreground/AI-powered/blue - Theme - Sotheby's */
471
+ /* Foreground/AI-powered/blue - Theme - BRAND */
470
472
  --foreground-ai-powered-blue: #000000;
471
- /* Foreground/AI-powered/pink - Theme - Sotheby's */
473
+ /* Foreground/AI-powered/pink - Theme - BRAND */
472
474
  --foreground-ai-powered-pink: #000000;
473
475
  /* Interactions/opacity-black-10 - Global (primitives) */
474
476
  --interactions-opacity-black-10: #0000001a;
@@ -494,25 +496,25 @@ body {
494
496
  --interactions-opacity-white-6: #ffffff0f;
495
497
  /* Interactions/opacity-white-8 - Global (primitives) */
496
498
  --interactions-opacity-white-8: #ffffff14;
497
- /* Colors/Brands/Sotheby's/Interactions/primary-dark-opacity-10 - Global (primitives) */
499
+ /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-10 - Global (primitives) */
498
500
  --interactions-primary-dark-opacity-10: #667b921a;
499
- /* Colors/Brands/Sotheby's/Interactions/primary-dark-opacity-12 - Global (primitives) */
501
+ /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-12 - Global (primitives) */
500
502
  --interactions-primary-dark-opacity-12: #667b921f;
501
- /* Colors/Brands/Sotheby's/Interactions/primary-dark-opacity-16 - Global (primitives) */
503
+ /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-16 - Global (primitives) */
502
504
  --interactions-primary-dark-opacity-16: #667b9229;
503
- /* Colors/Brands/Sotheby's/Interactions/primary-dark-opacity-20 - Global (primitives) */
505
+ /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-20 - Global (primitives) */
504
506
  --interactions-primary-dark-opacity-20: #667b9233;
505
- /* Colors/Brands/Sotheby's/Interactions/primary-dark-opacity-8 - Global (primitives) */
507
+ /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-8 - Global (primitives) */
506
508
  --interactions-primary-dark-opacity-8: #667b9214;
507
- /* Colors/Brands/Sotheby's/Interactions/primary-light-opacity-10 - Global (primitives) */
509
+ /* Colors/Brands/BRAND/Interactions/primary-light-opacity-10 - Global (primitives) */
508
510
  --interactions-primary-light-opacity-10: #0023491a;
509
- /* Colors/Brands/Sotheby's/Interactions/primary-light-opacity-12 - Global (primitives) */
511
+ /* Colors/Brands/BRAND/Interactions/primary-light-opacity-12 - Global (primitives) */
510
512
  --interactions-primary-light-opacity-12: #0023491f;
511
- /* Colors/Brands/Sotheby's/Interactions/primary-light-opacity-16 - Global (primitives) */
513
+ /* Colors/Brands/BRAND/Interactions/primary-light-opacity-16 - Global (primitives) */
512
514
  --interactions-primary-light-opacity-16: #00234929;
513
- /* Colors/Brands/Sotheby's/Interactions/primary-light-opacity-20 - Global (primitives) */
515
+ /* Colors/Brands/BRAND/Interactions/primary-light-opacity-20 - Global (primitives) */
514
516
  --interactions-primary-light-opacity-20: #00234933;
515
- /* Colors/Brands/Sotheby's/Interactions/primary-light-opacity-8 - Global (primitives) */
517
+ /* Colors/Brands/BRAND/Interactions/primary-light-opacity-8 - Global (primitives) */
516
518
  --interactions-primary-light-opacity-8: #00234914;
517
519
  /* Labels/Base */
518
520
  --labels-base: 500 16px/24px var(--typeface);
@@ -546,17 +548,17 @@ body {
546
548
  --labels-x-small-size: 12px;
547
549
  /* Labels/X-Small - style */
548
550
  --labels-x-small-style: medium;
549
- /* Colors/Brands/Sotheby's/Primary/00-base - Global (primitives) */
551
+ /* Colors/Brands/BRAND/Primary/00-base - Global (primitives) */
550
552
  --primary-00-base: #002349;
551
- /* Colors/Brands/Sotheby's/Primary/15-dark - Global (primitives) */
553
+ /* Colors/Brands/BRAND/Primary/15-dark - Global (primitives) */
552
554
  --primary-15-dark: #001e3e;
553
- /* Colors/Brands/Sotheby's/Primary/40-light - Global (primitives) */
555
+ /* Colors/Brands/BRAND/Primary/40-light - Global (primitives) */
554
556
  --primary-40-light: #667b92;
555
- /* Colors/Brands/Sotheby's/Primary/55-light - Global (primitives) */
557
+ /* Colors/Brands/BRAND/Primary/55-light - Global (primitives) */
556
558
  --primary-55-light: #8c9cad;
557
- /* Colors/Brands/Sotheby's/Primary/75-dark - Global (primitives) */
559
+ /* Colors/Brands/BRAND/Primary/75-dark - Global (primitives) */
558
560
  --primary-75-dark: #000912;
559
- /* Colors/Brands/Sotheby's/Primary/85-light - Global (primitives) */
561
+ /* Colors/Brands/BRAND/Primary/85-light - Global (primitives) */
560
562
  --primary-85-light: #d9dee4;
561
563
  /* Radius/full - Borders */
562
564
  --radius-full: 999px;
@@ -564,21 +566,23 @@ body {
564
566
  --radius-lg: 12px;
565
567
  /* Radius/md - Borders */
566
568
  --radius-md: 8px;
569
+ /* Radius/none - Borders */
570
+ --radius-none: 0;
567
571
  /* Radius/sm - Borders */
568
572
  --radius-sm: 4px;
569
573
  /* Radius/xlg - Borders */
570
574
  --radius-xlg: 16px;
571
- /* Colors/Brands/Sotheby's/Secondary/00-base - Global (primitives) */
575
+ /* Colors/Brands/BRAND/Secondary/00-base - Global (primitives) */
572
576
  --secondary-00-base: #c29b40;
573
- /* Colors/Brands/Sotheby's/Secondary/15-dark - Global (primitives) */
577
+ /* Colors/Brands/BRAND/Secondary/15-dark - Global (primitives) */
574
578
  --secondary-15-dark: #a58436;
575
- /* Colors/Brands/Sotheby's/Secondary/40-light - Global (primitives) */
579
+ /* Colors/Brands/BRAND/Secondary/40-light - Global (primitives) */
576
580
  --secondary-40-light: #dac38c;
577
- /* Colors/Brands/Sotheby's/Secondary/55-light - Global (primitives) */
581
+ /* Colors/Brands/BRAND/Secondary/55-light - Global (primitives) */
578
582
  --secondary-55-light: #e4d2a9;
579
- /* Colors/Brands/Sotheby's/Secondary/75-dark - Global (primitives) */
583
+ /* Colors/Brands/BRAND/Secondary/75-dark - Global (primitives) */
580
584
  --secondary-75-dark: #312710;
581
- /* Colors/Brands/Sotheby's/Secondary/85-light - Global (primitives) */
585
+ /* Colors/Brands/BRAND/Secondary/85-light - Global (primitives) */
582
586
  --secondary-85-light: #f6f0e2;
583
587
  /* Shadows/Inner-Shadow-black-100 - Global (primitives) */
584
588
  --shadows-inner-shadow-black-100: #000000;
@@ -658,6 +662,8 @@ body {
658
662
  --spacing-sizing-24: 148px;
659
663
  /* Spacing/sizing-25 - Spacing & Sizing */
660
664
  --spacing-sizing-25: 152px;
665
+ /* Spacing/sizing-none - Spacing & Sizing */
666
+ --spacing-sizing-none: 0;
661
667
  /* Spacings/1040 - Global (primitives) */
662
668
  --spacings-1040: 104px;
663
669
  /* Spacings/120 - Global (primitives) */
@@ -708,22 +714,26 @@ body {
708
714
  --spacings-800: 80px;
709
715
  /* Spacings/960 - Global (primitives) */
710
716
  --spacings-960: 96px;
711
- /* Stroke/AI-powered/blue - Theme - Sotheby's */
717
+ /* Spacings/None - Global (primitives) */
718
+ --spacings-none: 0;
719
+ /* Stroke/AI-powered/blue - Theme - BRAND */
712
720
  --stroke-ai-powered-blue: #000000;
713
- /* Stroke/AI-powered/pink - Theme - Sotheby's */
721
+ /* Stroke/AI-powered/pink - Theme - BRAND */
714
722
  --stroke-ai-powered-pink: #000000;
723
+ /* Stroke/none - Borders */
724
+ --stroke-none: 0;
715
725
  /* Stroke/thick - Borders */
716
726
  --stroke-thick: 2px;
717
727
  /* Stroke/thicker - Borders */
718
728
  --stroke-thicker: 4px;
719
729
  /* Stroke/thin - Borders */
720
730
  --stroke-thin: 1px;
721
- /* Surface/AI-powered/blue - Theme - Sotheby's */
731
+ /* Surface/AI-powered/blue - Theme - BRAND */
722
732
  --surface-ai-powered-blue: #000000;
723
- /* Surface/AI-powered/pink - Theme - Sotheby's */
733
+ /* Surface/AI-powered/pink - Theme - BRAND */
724
734
  --surface-ai-powered-pink: #000000;
725
735
  /* Typeface - Brand */
726
- --typeface: 'Geist';
736
+ --typeface: 'Geist', sans-serif;
727
737
  /* Typography/Line-height/lh-1 - Global (primitives) */
728
738
  --typography-line-height-lh-1: 16px;
729
739
  /* Typography/Line-height/lh-10 - Global (primitives) */
@@ -955,11 +965,11 @@ body {
955
965
  /* Mobile/Subheader/XXX-Large - Large Headline style */
956
966
  --subheader-xxx-large-style: regular;
957
967
  /* light theme (default) */
958
- /* Background/base - Brand */
968
+ /* Background/base - Theme - BRAND */
959
969
  --background-base: #ffffff;
960
- /* Background/scrim - Theme - Sotheby's */
970
+ /* Background/scrim - Theme - BRAND */
961
971
  --background-scrim: #00000040;
962
- /* Background/shade - Brand */
972
+ /* Background/shade - Theme - BRAND */
963
973
  --background-shade: #f5f5f5;
964
974
  /* Data visual/category-01 - Brand */
965
975
  --data-visual-category-01: #130033;
@@ -989,39 +999,39 @@ body {
989
999
  --data-visual-category-07: #433479;
990
1000
  /* Data visual/category-07-highlight - Brand */
991
1001
  --data-visual-category-07-highlight: #4334794d;
992
- /* Data visual/category-1 - Theme - Better Home & Garden */
1002
+ /* Data visual/category-1 - Theme - BRAND */
993
1003
  --data-visual-category-1: #0a466c;
994
- /* Data visual/category-1-highlight - Theme - Sotheby's */
1004
+ /* Data visual/category-1-highlight - Theme - BRAND */
995
1005
  --data-visual-category-1-highlight: #0a466c4d;
996
- /* Data visual/category-2 - Theme - Better Home & Garden */
1006
+ /* Data visual/category-2 - Theme - BRAND */
997
1007
  --data-visual-category-2: #299de0;
998
- /* Data visual/category-2-highlight - Theme - Sotheby's */
1008
+ /* Data visual/category-2-highlight - Theme - BRAND */
999
1009
  --data-visual-category-2-highlight: #299de04d;
1000
- /* Data visual/category-3 - Theme - Better Home & Garden */
1010
+ /* Data visual/category-3 - Theme - BRAND */
1001
1011
  --data-visual-category-3: #130033;
1002
- /* Data visual/category-3-highlight - Theme - Sotheby's */
1012
+ /* Data visual/category-3-highlight - Theme - BRAND */
1003
1013
  --data-visual-category-3-highlight: #1300334d;
1004
- /* Data visual/category-4 - Theme - Better Home & Garden */
1014
+ /* Data visual/category-4 - Theme - BRAND */
1005
1015
  --data-visual-category-4: #389e7a;
1006
- /* Data visual/category-4-highlight - Theme - Sotheby's */
1016
+ /* Data visual/category-4-highlight - Theme - BRAND */
1007
1017
  --data-visual-category-4-highlight: #389e7a4d;
1008
- /* Data visual/category-5 - Theme - Better Home & Garden */
1018
+ /* Data visual/category-5 - Theme - BRAND */
1009
1019
  --data-visual-category-5: #094a53;
1010
- /* Data visual/category-5-highlight - Theme - Sotheby's */
1020
+ /* Data visual/category-5-highlight - Theme - BRAND */
1011
1021
  --data-visual-category-5-highlight: #094a534d;
1012
- /* Data visual/category-6 - Theme - Better Home & Garden */
1022
+ /* Data visual/category-6 - Theme - BRAND */
1013
1023
  --data-visual-category-6: #7f7f7f;
1014
- /* Data visual/category-6-highlight - Theme - Sotheby's */
1024
+ /* Data visual/category-6-highlight - Theme - BRAND */
1015
1025
  --data-visual-category-6-highlight: #7f7f7f4d;
1016
- /* Data visual/category-7 - Theme - Better Home & Garden */
1026
+ /* Data visual/category-7 - Theme - BRAND */
1017
1027
  --data-visual-category-7: #433479;
1018
- /* Data visual/category-7-highlight - Theme - Sotheby's */
1028
+ /* Data visual/category-7-highlight - Theme - BRAND */
1019
1029
  --data-visual-category-7-highlight: #4334794d;
1020
- /* Data visual/gradient-end - Theme - Sotheby's */
1030
+ /* Data visual/gradient-end - Theme - BRAND */
1021
1031
  --data-visual-gradient-end: #ffffff4d;
1022
- /* Data visual/green - Theme - Sotheby's */
1032
+ /* Data visual/green - Theme - BRAND */
1023
1033
  --data-visual-green: #258750;
1024
- /* Data visual/green-highlight - Theme - Sotheby's */
1034
+ /* Data visual/green-highlight - Theme - BRAND */
1025
1035
  --data-visual-green-highlight: #deede5;
1026
1036
  /* Data visual/negative - Brand */
1027
1037
  --data-visual-negative: #d83a52;
@@ -1031,109 +1041,109 @@ body {
1031
1041
  --data-visual-positive: #258750;
1032
1042
  /* Data visual/positive-highlight - Brand */
1033
1043
  --data-visual-positive-highlight: #deede5;
1034
- /* Data visual/red - Theme - Sotheby's */
1044
+ /* Data visual/red - Theme - BRAND */
1035
1045
  --data-visual-red: #d83a52;
1036
- /* Data visual/red-highlight - Theme - Sotheby's */
1046
+ /* Data visual/red-highlight - Theme - BRAND */
1037
1047
  --data-visual-red-highlight: #f9e1e5;
1038
- /* Foreground/Brand/on-inverse-primary - Theme - Sotheby's */
1048
+ /* Foreground/Brand/on-inverse-primary - Theme - BRAND */
1039
1049
  --foreground-brand-on-inverse-primary: #667b92;
1040
- /* Foreground/Brand/on-inverse-secondary - Theme - Sotheby's */
1041
- --foreground-brand-on-inverse-secondary: #eba691;
1042
- /* Foreground/Brand/on-brand-primary - Brand */
1050
+ /* Foreground/Brand/on-inverse-secondary - Theme - BRAND */
1051
+ --foreground-brand-on-inverse-secondary: #dac38c;
1052
+ /* Foreground/Brand/on-brand-primary - Theme - BRAND */
1043
1053
  /* Foreground color used on Brand's primary color (non neutral color) */
1044
1054
  --foreground-brand-on-primary: #ffffff;
1045
- /* Foreground/Brand/on-brand-secondary - Brand */
1055
+ /* Foreground/Brand/on-brand-secondary - Theme - BRAND */
1046
1056
  /* Foreground color used on Brand's primary color (non neutral color) */
1047
1057
  --foreground-brand-on-secondary: #141414;
1048
- /* Foreground/Brand/brand-primary - Brand */
1058
+ /* Foreground/Brand/brand-primary - Theme - BRAND */
1049
1059
  /* Foreground text and icons that match the brand's primary color */
1050
1060
  --foreground-brand-primary: #002349;
1051
- /* Foreground/Brand/brand-primary-depth - Theme - Better Home & Garden */
1052
- --foreground-brand-primary-depth: #217221;
1053
- /* Foreground/Brand/brand-secondary - Brand */
1061
+ /* Foreground/Brand/brand-primary-depth - Theme - BRAND */
1062
+ --foreground-brand-primary-depth: #001e3e;
1063
+ /* Foreground/Brand/brand-secondary - Theme - BRAND */
1054
1064
  /* Foreground text and icons that match the brand's secondary color */
1055
1065
  --foreground-brand-secondary: #c29b40;
1056
- /* Foreground/Brand/brand-secondary-depth - Theme - Sotheby's */
1066
+ /* Foreground/Brand/brand-secondary-depth - Theme - BRAND */
1057
1067
  --foreground-brand-secondary-depth: #a58436;
1058
- /* Foreground/Link text/default - Brand */
1068
+ /* Foreground/Link text/default - Theme - BRAND */
1059
1069
  --foreground-link-text-default: #215ecd;
1060
- /* Foreground/Link text/default-disabled - Brand */
1070
+ /* Foreground/Link text/default-disabled - Theme - BRAND */
1061
1071
  --foreground-link-text-default-disabled: #7a9ee1;
1062
- /* Foreground/Link text/default-hovered - Theme - Sotheby's */
1072
+ /* Foreground/Link text/default-hovered - Theme - BRAND */
1063
1073
  --foreground-link-text-default-hovered: #1e55b9;
1064
- /* Foreground/Link text/default-pressed - Theme - Sotheby's */
1074
+ /* Foreground/Link text/default-pressed - Theme - BRAND */
1065
1075
  --foreground-link-text-default-pressed: #1a4ba4;
1066
- /* Foreground/Link text/default-visited - Brand */
1076
+ /* Foreground/Link text/default-visited - Theme - BRAND */
1067
1077
  --foreground-link-text-default-visited: #7a3e7a;
1068
1078
  /* Foreground/Link text/subtle-disabled - Brand */
1069
1079
  --foreground-link-text-subtle-disabled: #bdbdbd;
1070
- /* Foreground/Link text/subtle-hovered - Theme - Sotheby's */
1080
+ /* Foreground/Link text/subtle-hovered - Theme - BRAND */
1071
1081
  --foreground-link-text-subtle-hovered: #292929;
1072
- /* Foreground/Link text/subtle-inverse-hovered - Theme - Sotheby's */
1082
+ /* Foreground/Link text/subtle-inverse-hovered - Theme - BRAND */
1073
1083
  --foreground-link-text-subtle-inverse-hovered: #e6e6e6;
1074
- /* Foreground/Link text/subtle-inverse-pressed - Theme - Sotheby's */
1084
+ /* Foreground/Link text/subtle-inverse-pressed - Theme - BRAND */
1075
1085
  --foreground-link-text-subtle-inverse-pressed: #d1d1d1;
1076
1086
  /* Foreground/Link text/subtle-inversed-disabled - Brand */
1077
1087
  --foreground-link-text-subtle-inversed-disabled: #6b6b6b;
1078
- /* Foreground/Link text/subtle-pressed - Theme - Sotheby's */
1088
+ /* Foreground/Link text/subtle-pressed - Theme - BRAND */
1079
1089
  --foreground-link-text-subtle-pressed: #3d3d3d;
1080
- /* Foreground/Neutral/disabled-on-color-surface - Brand */
1090
+ /* Foreground/Neutral/disabled-on-color-surface - Theme - BRAND */
1081
1091
  --foreground-neutral-disabled-on-color-surface: #6b6b6b;
1082
- /* Foreground/Neutral/disabled-on-surface - Brand */
1092
+ /* Foreground/Neutral/disabled-on-surface - Theme - BRAND */
1083
1093
  --foreground-neutral-disabled-on-surface: #bdbdbd;
1084
- /* Foreground/Neutral/inverse-on-surface - Theme - Sotheby's */
1094
+ /* Foreground/Neutral/inverse-on-surface - Theme - BRAND */
1085
1095
  --foreground-neutral-inverse-on-surface: #fafafa;
1086
- /* Foreground/Neutral/on-color - Brand */
1096
+ /* Foreground/Neutral/on-color - Theme - BRAND */
1087
1097
  /* Interactive controls */
1088
1098
  --foreground-neutral-on-color: #ffffff;
1089
1099
  /* Foreground/Neutral/on-inverse-surface - Brand */
1090
1100
  /* Text and icons against inverse surface */
1091
1101
  --foreground-neutral-on-inverse-surface: #fafafa;
1092
- /* Foreground/Neutral/on-surface - Brand */
1102
+ /* Foreground/Neutral/on-surface - Theme - BRAND */
1093
1103
  /* Default foreground text and icons against any surface color */
1094
1104
  --foreground-neutral-on-surface: #141414;
1095
- /* Foreground/Neutral/on-surface-variant-01 - Brand */
1105
+ /* Foreground/Neutral/on-surface-variant-01 - Theme - BRAND */
1096
1106
  /* Secondary foreground color for icons and text */
1097
1107
  --foreground-neutral-on-surface-variant-01: #707070;
1098
- /* Foreground/Neutral/on-surface-variant-02 - Brand */
1108
+ /* Foreground/Neutral/on-surface-variant-02 - Theme - BRAND */
1099
1109
  /* Tertiary foreground color for icons and text */
1100
1110
  --foreground-neutral-on-surface-variant-02: #757575;
1101
- /* Foreground/Neutral/on-surface-variant-03 - Brand */
1111
+ /* Foreground/Neutral/on-surface-variant-03 - Theme - BRAND */
1102
1112
  /* Quaternary foreground color for icons and text. Only for placeholder text */
1103
1113
  --foreground-neutral-on-surface-variant-03: #8a8a8a;
1104
- /* Foreground/Neutral/skeleton-element - Brand */
1114
+ /* Foreground/Neutral/skeleton-element - Theme - BRAND */
1105
1115
  --foreground-neutral-skeleton-element: #e0e0e0;
1106
- /* Foreground/Spectrum/blue - Theme - Sotheby's */
1116
+ /* Foreground/Spectrum/blue - Theme - BRAND */
1107
1117
  --foreground-spectrum-blue: #143778;
1108
- /* Foreground/Spectrum/green - Theme - Sotheby's */
1118
+ /* Foreground/Spectrum/green - Theme - BRAND */
1109
1119
  --foreground-spectrum-green: #134428;
1110
- /* Foreground/Spectrum/lime - Theme - Sotheby's */
1120
+ /* Foreground/Spectrum/lime - Theme - BRAND */
1111
1121
  --foreground-spectrum-lime: #60651a;
1112
- /* Foreground/Spectrum/magenta - Theme - Sotheby's */
1122
+ /* Foreground/Spectrum/magenta - Theme - BRAND */
1113
1123
  --foreground-spectrum-magenta: #63076f;
1114
- /* Foreground/Spectrum/orange - Brand */
1124
+ /* Foreground/Spectrum/orange - Theme - BRAND */
1115
1125
  --foreground-spectrum-orange: #773001;
1116
- /* Foreground/Spectrum/pink - Theme - Sotheby's */
1126
+ /* Foreground/Spectrum/pink - Theme - BRAND */
1117
1127
  --foreground-spectrum-pink: #6c1240;
1118
- /* Foreground/Spectrum/purple - Theme - Sotheby's */
1128
+ /* Foreground/Spectrum/purple - Theme - BRAND */
1119
1129
  --foreground-spectrum-purple: #310077;
1120
- /* Foreground/Spectrum/red - Brand */
1130
+ /* Foreground/Spectrum/red - Theme - BRAND */
1121
1131
  --foreground-spectrum-red: #6c1d29;
1122
- /* Foreground/Spectrum/teal - Theme - Sotheby's */
1132
+ /* Foreground/Spectrum/teal - Theme - BRAND */
1123
1133
  --foreground-spectrum-teal: #01413c;
1124
- /* Foreground/Spectrum/yellow - Theme - Sotheby's */
1134
+ /* Foreground/Spectrum/yellow - Theme - BRAND */
1125
1135
  --foreground-spectrum-yellow: #7b5e18;
1126
- /* Interactions/brand-disabled-opacity - Theme - Sotheby's */
1136
+ /* Interactions/brand-disabled-opacity - Theme - BRAND */
1127
1137
  --interactions-brand-disabled-opacity: #0000000f;
1128
- /* Interactions/brand-hover-opacity - Theme - Sotheby's */
1138
+ /* Interactions/brand-hover-opacity - Theme - BRAND */
1129
1139
  --interactions-brand-hover-opacity: #0000001a;
1130
- /* Interactions/brand-press-opacity - Theme - Sotheby's */
1140
+ /* Interactions/brand-press-opacity - Theme - BRAND */
1131
1141
  --interactions-brand-press-opacity: #00000033;
1132
- /* Interactions/disabled-opacity - Theme - Sotheby's */
1142
+ /* Interactions/disabled-opacity - Theme - BRAND */
1133
1143
  --interactions-disabled-opacity: #0000000f;
1134
- /* Interactions/hover-opacity - Theme - Sotheby's */
1144
+ /* Interactions/hover-opacity - Theme - BRAND */
1135
1145
  --interactions-hover-opacity: #00000014;
1136
- /* Interactions/link-active-opacity - Brand */
1146
+ /* Interactions/link-active-opacity - Theme - BRAND */
1137
1147
  --interactions-link-active-opacity: #0000004d;
1138
1148
  /* Interactions/neutral-hover-opacity - Brand */
1139
1149
  /* surfaces using neutral tones */
@@ -1141,27 +1151,27 @@ body {
1141
1151
  /* Interactions/neutral-press-opacity - Brand */
1142
1152
  /* surfaces using neutral tones */
1143
1153
  --interactions-neutral-press-opacity: #00000029;
1144
- /* Interactions/press-opacity - Theme - Sotheby's */
1154
+ /* Interactions/press-opacity - Theme - BRAND */
1145
1155
  --interactions-press-opacity: #00000029;
1146
- /* Interactions/primary-disabled-opacity - Theme - Sotheby's */
1156
+ /* Interactions/primary-disabled-opacity - Theme - BRAND */
1147
1157
  --interactions-primary-disabled-opacity: #0023491f;
1148
- /* Interactions/primary-hover-opacity - Theme - Sotheby's */
1158
+ /* Interactions/primary-hover-opacity - Theme - BRAND */
1149
1159
  --interactions-primary-hover-opacity: #0023491a;
1150
- /* Interactions/primary-press-opacity - Theme - Sotheby's */
1160
+ /* Interactions/primary-press-opacity - Theme - BRAND */
1151
1161
  --interactions-primary-press-opacity: #00234933;
1152
- /* Shadow/shadow-10 - Theme - Sotheby's */
1162
+ /* Shadow/shadow-10 - Theme - BRAND */
1153
1163
  --shadow-10: #0000001a;
1154
- /* Shadow/shadow-12 - Theme - Sotheby's */
1164
+ /* Shadow/shadow-12 - Theme - BRAND */
1155
1165
  --shadow-12: #0000001f;
1156
- /* Shadow/shadow-15 - Theme - Sotheby's */
1166
+ /* Shadow/shadow-15 - Theme - BRAND */
1157
1167
  --shadow-15: #00000026;
1158
- /* Shadow/shadow-25 - Theme - Sotheby's */
1168
+ /* Shadow/shadow-25 - Theme - BRAND */
1159
1169
  --shadow-25: #00000040;
1160
- /* Shadow/shadow-32 - Theme - Sotheby's */
1170
+ /* Shadow/shadow-32 - Theme - BRAND */
1161
1171
  --shadow-32: #00000052;
1162
1172
  /* Shadow/inner-shadow - Brand */
1163
1173
  --shadow-inner: #ffffff;
1164
- /* Shadow/inner-shadow-100 - Theme - Better Home & Garden */
1174
+ /* Shadow/inner-shadow-100 - Theme - BRAND */
1165
1175
  --shadow-inner-100: #ffffff;
1166
1176
  /* Shadow/variant-01 - Brand */
1167
1177
  --shadow-variant-01: #0000001a;
@@ -1173,45 +1183,45 @@ body {
1173
1183
  --shadow-variant-04: #00000040;
1174
1184
  /* Shadow/variant-05 - Brand */
1175
1185
  --shadow-variant-05: #00000052;
1176
- /* Status/error - Brand */
1186
+ /* Status/error - Theme - BRAND */
1177
1187
  /* Foreground error text and icons */
1178
1188
  --status-error: #d83a52;
1179
- /* Status/information - Theme - Better Home & Garden */
1189
+ /* Status/information - Theme - BRAND */
1180
1190
  --status-information: #276ef1;
1181
1191
  /* Status/informational - Brand */
1182
1192
  /* Foreground informational text and icons */
1183
1193
  --status-informational: #276ef1;
1184
- /* Status/on-error - Brand */
1194
+ /* Status/on-error - Theme - BRAND */
1185
1195
  /* Foreground error text and icons */
1186
1196
  --status-on-error: #ffffff;
1187
- /* Status/on-information - Theme - Better Home & Garden */
1197
+ /* Status/on-information - Theme - BRAND */
1188
1198
  --status-on-information: #ffffff;
1189
1199
  /* Status/on-informational - Brand */
1190
1200
  /* Foreground informational text and icons */
1191
1201
  --status-on-informational: #ffffff;
1192
- /* Status/on-success - Brand */
1202
+ /* Status/on-success - Theme - BRAND */
1193
1203
  /* Foreground success icons and text */
1194
1204
  --status-on-success: #ffffff;
1195
- /* Status/on-warning - Brand */
1205
+ /* Status/on-warning - Theme - BRAND */
1196
1206
  /* Foreground warning icons */
1197
1207
  --status-on-warning: #141414;
1198
- /* Status/success - Brand */
1208
+ /* Status/success - Theme - BRAND */
1199
1209
  /* Foreground success icons and text */
1200
1210
  --status-success: #258750;
1201
- /* Status/warning - Brand */
1211
+ /* Status/warning - Theme - BRAND */
1202
1212
  /* Foreground warning icons */
1203
1213
  --status-warning: #f6bc2f;
1204
- /* Stroke/Brand/brand-primary - Brand */
1214
+ /* Stroke/Brand/brand-primary - Theme - BRAND */
1205
1215
  /* Outline variant - decorative elements such as dividers */
1206
1216
  --stroke-brand-primary: #002349;
1207
- /* Stroke/Brand/brand-primary-depth - Brand */
1217
+ /* Stroke/Brand/brand-primary-depth - Theme - BRAND */
1208
1218
  /* Outline variant - decorative elements such as dividers */
1209
1219
  --stroke-brand-primary-depth: #001e3e;
1210
- /* Stroke/Brand/brand-secondary - Theme - Better Home & Garden */
1211
- --stroke-brand-secondary: #dd6b47;
1212
- /* Stroke/Brand/brand-secondary-depth - Theme - Sotheby's */
1213
- --stroke-brand-secondary-depth: #bc5b3c;
1214
- /* Stroke/Neutral/neutral-base - Brand */
1220
+ /* Stroke/Brand/brand-secondary - Theme - BRAND */
1221
+ --stroke-brand-secondary: #c29b40;
1222
+ /* Stroke/Brand/brand-secondary-depth - Theme - BRAND */
1223
+ --stroke-brand-secondary-depth: #a58436;
1224
+ /* Stroke/Neutral/neutral-base - Theme - BRAND */
1215
1225
  /* For control components */
1216
1226
  --stroke-neutral-base: #949494;
1217
1227
  /* Stroke/Neutral/disabled-dark - Brand */
@@ -1228,73 +1238,71 @@ body {
1228
1238
  --stroke-neutral-focus-on-inverse: #ffffff;
1229
1239
  /* Stroke/Neutral/neutral-high - Brand */
1230
1240
  --stroke-neutral-high: #141414;
1231
- /* Stroke/Neutral/neutral-high-contrast - Theme - Sotheby's */
1241
+ /* Stroke/Neutral/neutral-high-contrast - Theme - BRAND */
1232
1242
  --stroke-neutral-high-contrast: #141414;
1233
- /* Stroke/Neutral/Interactions/disabled-dark - Theme - Sotheby's */
1243
+ /* Stroke/Neutral/Interactions/disabled-dark - Theme - BRAND */
1234
1244
  --stroke-neutral-interactions-disabled-dark: #757575;
1235
- /* Stroke/Neutral/Interactions/disabled-light - Theme - Sotheby's */
1245
+ /* Stroke/Neutral/Interactions/disabled-light - Theme - BRAND */
1236
1246
  --stroke-neutral-interactions-disabled-light: #bdbdbd;
1237
- /* Stroke/Neutral/Interactions/focus - Theme - Sotheby's */
1247
+ /* Stroke/Neutral/Interactions/focus - Theme - BRAND */
1238
1248
  --stroke-neutral-interactions-focus: #000000;
1239
- /* Stroke/Neutral/Interactions/inverse-focus - Theme - Sotheby's */
1249
+ /* Stroke/Neutral/Interactions/inverse-focus - Theme - BRAND */
1240
1250
  --stroke-neutral-interactions-inverse-focus: #ffffff;
1241
1251
  /* Stroke/Neutral/neutral-low - Brand */
1242
1252
  /* Outline variant - decorative elements such as dividers */
1243
1253
  --stroke-neutral-low: #e0e0e0;
1244
- /* Stroke/Neutral/neutral-low-contrast - Theme - Sotheby's */
1254
+ /* Stroke/Neutral/neutral-low-contrast - Theme - BRAND */
1245
1255
  --stroke-neutral-low-contrast: #e0e0e0;
1246
- /* Surface/Brand/primary - Brand */
1256
+ /* Surface/Brand/primary - Theme - BRAND */
1247
1257
  --surface-brand-primary: #002349;
1248
- /* Surface/Brand/primary-highlight - Theme - Sotheby's */
1249
- --surface-brand-primary-highlight: #dfeddf;
1250
- /* Surface/Brand/secondary - Brand */
1258
+ /* Surface/Brand/primary-highlight - Theme - BRAND */
1259
+ --surface-brand-primary-highlight: #d9dee4;
1260
+ /* Surface/Brand/secondary - Theme - BRAND */
1251
1261
  --surface-brand-secondary: #c29b40;
1252
- /* Surface/Brand/secondary-highlight - Theme - Sotheby's */
1262
+ /* Surface/Brand/secondary-highlight - Theme - BRAND */
1253
1263
  --surface-brand-secondary-highlight: #f6f0e2;
1254
- /* Surface/Neutral/Interactions/dark-disabled - Theme - Better Home & Garden */
1264
+ /* Surface/Neutral/Interactions/dark-disabled - Theme - BRAND */
1255
1265
  --surface-neutral-interactions-dark-disabled: #d6d6d6;
1256
- /* Surface/Neutral/Interactions/light-disabled - Theme - Better Home & Garden */
1266
+ /* Surface/Neutral/Interactions/light-disabled - Theme - BRAND */
1257
1267
  --surface-neutral-interactions-light-disabled: #f5f5f5;
1258
1268
  /* Surface/Neutral/inverse - Brand */
1259
1269
  /* Inverted. Use for toasts notification & snackbars */
1260
1270
  --surface-neutral-inverse: #1f1f1f;
1261
- /* Surface/Neutral/inverse-dark - Theme - Better Home & Garden */
1271
+ /* Surface/Neutral/inverse-dark - Theme - BRAND */
1262
1272
  --surface-neutral-inverse-dark: #1f1f1f;
1263
- /* Surface/Neutral/inverse-light - Theme - Sotheby's */
1273
+ /* Surface/Neutral/inverse-light - Theme - BRAND */
1264
1274
  --surface-neutral-inverse-light: #ffffff;
1265
- /* Surface/Neutral/T1-base - Brand */
1275
+ /* Surface/Neutral/T1-base - Theme - BRAND */
1266
1276
  --surface-neutral-t1-base: #ffffff;
1267
- /* Surface/Neutral/T2-lowest - Brand */
1277
+ /* Surface/Neutral/T2-lowest - Theme - BRAND */
1268
1278
  --surface-neutral-t2-lowest: #f5f5f5;
1269
- /* Surface/Neutral/T3-low - Brand */
1279
+ /* Surface/Neutral/T3-low - Theme - BRAND */
1270
1280
  /* Navigations, app bar etc */
1271
1281
  --surface-neutral-t3-low: #dbdbdb;
1272
- /* Surface/Neutral/T4-high - Brand */
1282
+ /* Surface/Neutral/T4-high - Theme - BRAND */
1273
1283
  /* Navigations, app bar etc */
1274
1284
  --surface-neutral-t4-high: #8a8a8a;
1275
- /* Surface/Neutral/T4-high 2 - Theme - Better Home & Garden */
1276
- --surface-neutral-t4-high-2: #8a8a8a;
1277
- /* Surface/Neutral/transparent - Brand */
1285
+ /* Surface/Neutral/transparent - Theme - BRAND */
1278
1286
  --surface-neutral-transparent: #ffffff00;
1279
- /* Surface/Spectrum/blue - Theme - Sotheby's */
1287
+ /* Surface/Spectrum/blue - Theme - BRAND */
1280
1288
  --surface-spectrum-blue: #dfe9fd;
1281
- /* Surface/Spectrum/green - Theme - Sotheby's */
1289
+ /* Surface/Spectrum/green - Theme - BRAND */
1282
1290
  --surface-spectrum-green: #deede5;
1283
- /* Surface/Spectrum/lime - Theme - Sotheby's */
1291
+ /* Surface/Spectrum/lime - Theme - BRAND */
1284
1292
  --surface-spectrum-lime: #f6f7e0;
1285
- /* Surface/Spectrum/magenta - Theme - Sotheby's */
1293
+ /* Surface/Spectrum/magenta - Theme - BRAND */
1286
1294
  --surface-spectrum-magenta: #f6dbfa;
1287
- /* Surface/Spectrum/orange - Theme - Better Home & Garden */
1295
+ /* Surface/Spectrum/orange - Theme - BRAND */
1288
1296
  --surface-spectrum-orange: #fce7d9;
1289
- /* Surface/Spectrum/pink - Theme - Sotheby's */
1297
+ /* Surface/Spectrum/pink - Theme - BRAND */
1290
1298
  --surface-spectrum-pink: #f9deec;
1291
- /* Surface/Spectrum/purple - Theme - Sotheby's */
1299
+ /* Surface/Spectrum/purple - Theme - BRAND */
1292
1300
  --surface-spectrum-purple: #e7d9fc;
1293
- /* Surface/Spectrum/red - Theme - Sotheby's */
1301
+ /* Surface/Spectrum/red - Theme - BRAND */
1294
1302
  --surface-spectrum-red: #f9e1e5;
1295
- /* Surface/Spectrum/teal - Theme - Sotheby's */
1303
+ /* Surface/Spectrum/teal - Theme - BRAND */
1296
1304
  --surface-spectrum-teal: #d9eceb;
1297
- /* Surface/Spectrum/yellow - Theme - Sotheby's */
1305
+ /* Surface/Spectrum/yellow - Theme - BRAND */
1298
1306
  --surface-spectrum-yellow: #fef5e0;
1299
1307
 
1300
1308
  @media (width >= 640px) {
@@ -1438,11 +1446,11 @@ body {
1438
1446
  }
1439
1447
  /* dark theme */
1440
1448
  [data-theme='dark'] {
1441
- /* Background/base - Brand */
1449
+ /* Background/base - Theme - BRAND */
1442
1450
  --background-base: #1f1f1f;
1443
- /* Background/scrim - Theme - Sotheby's */
1451
+ /* Background/scrim - Theme - BRAND */
1444
1452
  --background-scrim: #61616180;
1445
- /* Background/shade - Brand */
1453
+ /* Background/shade - Theme - BRAND */
1446
1454
  --background-shade: #292929;
1447
1455
  /* Data visual/category-01 - Brand */
1448
1456
  --data-visual-category-01: #958ca3;
@@ -1472,39 +1480,39 @@ body {
1472
1480
  --data-visual-category-07: #a19abc;
1473
1481
  /* Data visual/category-07-highlight - Brand */
1474
1482
  --data-visual-category-07-highlight: #a19abc4d;
1475
- /* Data visual/category-1 - Theme - Better Home & Garden */
1476
- --data-visual-category-1: #0a466c;
1477
- /* Data visual/category-1-highlight - Theme - Sotheby's */
1483
+ /* Data visual/category-1 - Theme - BRAND */
1484
+ --data-visual-category-1: #7899ae;
1485
+ /* Data visual/category-1-highlight - Theme - BRAND */
1478
1486
  --data-visual-category-1-highlight: #7899ae4d;
1479
- /* Data visual/category-2 - Theme - Better Home & Garden */
1487
+ /* Data visual/category-2 - Theme - BRAND */
1480
1488
  --data-visual-category-2: #7fc4ec;
1481
- /* Data visual/category-2-highlight - Theme - Sotheby's */
1489
+ /* Data visual/category-2-highlight - Theme - BRAND */
1482
1490
  --data-visual-category-2-highlight: #7fc4ec4d;
1483
- /* Data visual/category-3 - Theme - Better Home & Garden */
1491
+ /* Data visual/category-3 - Theme - BRAND */
1484
1492
  --data-visual-category-3: #958ca3;
1485
- /* Data visual/category-3-highlight - Theme - Sotheby's */
1493
+ /* Data visual/category-3-highlight - Theme - BRAND */
1486
1494
  --data-visual-category-3-highlight: #958ca34d;
1487
- /* Data visual/category-4 - Theme - Better Home & Garden */
1495
+ /* Data visual/category-4 - Theme - BRAND */
1488
1496
  --data-visual-category-4: #88c5af;
1489
- /* Data visual/category-4-highlight - Theme - Sotheby's */
1497
+ /* Data visual/category-4-highlight - Theme - BRAND */
1490
1498
  --data-visual-category-4-highlight: #88c5af4d;
1491
- /* Data visual/category-5 - Theme - Better Home & Garden */
1499
+ /* Data visual/category-5 - Theme - BRAND */
1492
1500
  --data-visual-category-5: #789ba0;
1493
- /* Data visual/category-5-highlight - Theme - Sotheby's */
1501
+ /* Data visual/category-5-highlight - Theme - BRAND */
1494
1502
  --data-visual-category-5-highlight: #789ba04d;
1495
- /* Data visual/category-6 - Theme - Better Home & Garden */
1503
+ /* Data visual/category-6 - Theme - BRAND */
1496
1504
  --data-visual-category-6: #b2b2b2;
1497
- /* Data visual/category-6-highlight - Theme - Sotheby's */
1505
+ /* Data visual/category-6-highlight - Theme - BRAND */
1498
1506
  --data-visual-category-6-highlight: #b2b2b24d;
1499
- /* Data visual/category-7 - Theme - Better Home & Garden */
1507
+ /* Data visual/category-7 - Theme - BRAND */
1500
1508
  --data-visual-category-7: #a19abc;
1501
- /* Data visual/category-7-highlight - Theme - Sotheby's */
1509
+ /* Data visual/category-7-highlight - Theme - BRAND */
1502
1510
  --data-visual-category-7-highlight: #a19abc4d;
1503
- /* Data visual/gradient-end - Theme - Sotheby's */
1511
+ /* Data visual/gradient-end - Theme - BRAND */
1504
1512
  --data-visual-gradient-end: #1f1f1f4d;
1505
- /* Data visual/green - Theme - Sotheby's */
1513
+ /* Data visual/green - Theme - BRAND */
1506
1514
  --data-visual-green: #7cb796;
1507
- /* Data visual/green-highlight - Theme - Sotheby's */
1515
+ /* Data visual/green-highlight - Theme - BRAND */
1508
1516
  --data-visual-green-highlight: #0d2f1c;
1509
1517
  /* Data visual/negative - Brand */
1510
1518
  --data-visual-negative: #e88997;
@@ -1514,109 +1522,109 @@ body {
1514
1522
  --data-visual-positive: #7cb796;
1515
1523
  /* Data visual/positive-highlight - Brand */
1516
1524
  --data-visual-positive-highlight: #0d2f1c;
1517
- /* Data visual/red - Theme - Sotheby's */
1525
+ /* Data visual/red - Theme - BRAND */
1518
1526
  --data-visual-red: #e88997;
1519
- /* Data visual/red-highlight - Theme - Sotheby's */
1527
+ /* Data visual/red-highlight - Theme - BRAND */
1520
1528
  --data-visual-red-highlight: #4c141d;
1521
- /* Foreground/Brand/on-inverse-primary - Theme - Sotheby's */
1529
+ /* Foreground/Brand/on-inverse-primary - Theme - BRAND */
1522
1530
  --foreground-brand-on-inverse-primary: #667b92;
1523
- /* Foreground/Brand/on-inverse-secondary - Theme - Sotheby's */
1524
- --foreground-brand-on-inverse-secondary: #eba691;
1525
- /* Foreground/Brand/on-brand-primary - Brand */
1531
+ /* Foreground/Brand/on-inverse-secondary - Theme - BRAND */
1532
+ --foreground-brand-on-inverse-secondary: #dac38c;
1533
+ /* Foreground/Brand/on-brand-primary - Theme - BRAND */
1526
1534
  /* Foreground color used on Brand's primary color (non neutral color) */
1527
1535
  --foreground-brand-on-primary: #ffffff;
1528
- /* Foreground/Brand/on-brand-secondary - Brand */
1536
+ /* Foreground/Brand/on-brand-secondary - Theme - BRAND */
1529
1537
  /* Foreground color used on Brand's primary color (non neutral color) */
1530
1538
  --foreground-brand-on-secondary: #141414;
1531
- /* Foreground/Brand/brand-primary - Brand */
1539
+ /* Foreground/Brand/brand-primary - Theme - BRAND */
1532
1540
  /* Foreground text and icons that match the brand's primary color */
1533
1541
  --foreground-brand-primary: #667b92;
1534
- /* Foreground/Brand/brand-primary-depth - Theme - Better Home & Garden */
1535
- --foreground-brand-primary-depth: #88bc88;
1536
- /* Foreground/Brand/brand-secondary - Brand */
1542
+ /* Foreground/Brand/brand-primary-depth - Theme - BRAND */
1543
+ --foreground-brand-primary-depth: #8c9cad;
1544
+ /* Foreground/Brand/brand-secondary - Theme - BRAND */
1537
1545
  /* Foreground text and icons that match the brand's secondary color */
1538
1546
  --foreground-brand-secondary: #dac38c;
1539
- /* Foreground/Brand/brand-secondary-depth - Theme - Sotheby's */
1547
+ /* Foreground/Brand/brand-secondary-depth - Theme - BRAND */
1540
1548
  --foreground-brand-secondary-depth: #e4d2a9;
1541
- /* Foreground/Link text/default - Brand */
1549
+ /* Foreground/Link text/default - Theme - BRAND */
1542
1550
  --foreground-link-text-default: #7a9ee1;
1543
- /* Foreground/Link text/default-disabled - Brand */
1551
+ /* Foreground/Link text/default-disabled - Theme - BRAND */
1544
1552
  --foreground-link-text-default-disabled: #14387b;
1545
- /* Foreground/Link text/default-hovered - Theme - Sotheby's */
1553
+ /* Foreground/Link text/default-hovered - Theme - BRAND */
1546
1554
  --foreground-link-text-default-hovered: #90afe6;
1547
- /* Foreground/Link text/default-pressed - Theme - Sotheby's */
1555
+ /* Foreground/Link text/default-pressed - Theme - BRAND */
1548
1556
  --foreground-link-text-default-pressed: #a6bfeb;
1549
- /* Foreground/Link text/default-visited - Brand */
1557
+ /* Foreground/Link text/default-visited - Theme - BRAND */
1550
1558
  --foreground-link-text-default-visited: #af8baf;
1551
1559
  /* Foreground/Link text/subtle-disabled - Brand */
1552
1560
  --foreground-link-text-subtle-disabled: #4d4d4d;
1553
- /* Foreground/Link text/subtle-hovered - Theme - Sotheby's */
1561
+ /* Foreground/Link text/subtle-hovered - Theme - BRAND */
1554
1562
  --foreground-link-text-subtle-hovered: #e6e6e6;
1555
- /* Foreground/Link text/subtle-inverse-hovered - Theme - Sotheby's */
1563
+ /* Foreground/Link text/subtle-inverse-hovered - Theme - BRAND */
1556
1564
  --foreground-link-text-subtle-inverse-hovered: #e6e6e6;
1557
- /* Foreground/Link text/subtle-inverse-pressed - Theme - Sotheby's */
1565
+ /* Foreground/Link text/subtle-inverse-pressed - Theme - BRAND */
1558
1566
  --foreground-link-text-subtle-inverse-pressed: #d1d1d1;
1559
1567
  /* Foreground/Link text/subtle-inversed-disabled - Brand */
1560
1568
  --foreground-link-text-subtle-inversed-disabled: #3d3d3d;
1561
- /* Foreground/Link text/subtle-pressed - Theme - Sotheby's */
1569
+ /* Foreground/Link text/subtle-pressed - Theme - BRAND */
1562
1570
  --foreground-link-text-subtle-pressed: #d1d1d1;
1563
- /* Foreground/Neutral/disabled-on-color-surface - Brand */
1571
+ /* Foreground/Neutral/disabled-on-color-surface - Theme - BRAND */
1564
1572
  --foreground-neutral-disabled-on-color-surface: #3d3d3d;
1565
- /* Foreground/Neutral/disabled-on-surface - Brand */
1573
+ /* Foreground/Neutral/disabled-on-surface - Theme - BRAND */
1566
1574
  --foreground-neutral-disabled-on-surface: #4d4d4d;
1567
- /* Foreground/Neutral/inverse-on-surface - Theme - Sotheby's */
1575
+ /* Foreground/Neutral/inverse-on-surface - Theme - BRAND */
1568
1576
  --foreground-neutral-inverse-on-surface: #fafafa;
1569
- /* Foreground/Neutral/on-color - Brand */
1577
+ /* Foreground/Neutral/on-color - Theme - BRAND */
1570
1578
  /* Interactive controls */
1571
1579
  --foreground-neutral-on-color: #ffffff;
1572
1580
  /* Foreground/Neutral/on-inverse-surface - Brand */
1573
1581
  /* Text and icons against inverse surface */
1574
1582
  --foreground-neutral-on-inverse-surface: #fafafa;
1575
- /* Foreground/Neutral/on-surface - Brand */
1583
+ /* Foreground/Neutral/on-surface - Theme - BRAND */
1576
1584
  /* Default foreground text and icons against any surface color */
1577
1585
  --foreground-neutral-on-surface: #fafafa;
1578
- /* Foreground/Neutral/on-surface-variant-01 - Brand */
1586
+ /* Foreground/Neutral/on-surface-variant-01 - Theme - BRAND */
1579
1587
  /* Secondary foreground color for icons and text */
1580
1588
  --foreground-neutral-on-surface-variant-01: #c2c2c2;
1581
- /* Foreground/Neutral/on-surface-variant-02 - Brand */
1589
+ /* Foreground/Neutral/on-surface-variant-02 - Theme - BRAND */
1582
1590
  /* Tertiary foreground color for icons and text */
1583
1591
  --foreground-neutral-on-surface-variant-02: #9e9e9e;
1584
- /* Foreground/Neutral/on-surface-variant-03 - Brand */
1592
+ /* Foreground/Neutral/on-surface-variant-03 - Theme - BRAND */
1585
1593
  /* Quaternary foreground color for icons and text. Only for placeholder text */
1586
1594
  --foreground-neutral-on-surface-variant-03: #757575;
1587
- /* Foreground/Neutral/skeleton-element - Brand */
1595
+ /* Foreground/Neutral/skeleton-element - Theme - BRAND */
1588
1596
  --foreground-neutral-skeleton-element: #333333;
1589
- /* Foreground/Spectrum/blue - Theme - Sotheby's */
1597
+ /* Foreground/Spectrum/blue - Theme - BRAND */
1590
1598
  --foreground-spectrum-blue: #88aff7;
1591
- /* Foreground/Spectrum/green - Theme - Sotheby's */
1599
+ /* Foreground/Spectrum/green - Theme - BRAND */
1592
1600
  --foreground-spectrum-green: #87bd9f;
1593
- /* Foreground/Spectrum/lime - Theme - Sotheby's */
1601
+ /* Foreground/Spectrum/lime - Theme - BRAND */
1594
1602
  --foreground-spectrum-lime: #dce28f;
1595
- /* Foreground/Spectrum/magenta - Theme - Sotheby's */
1603
+ /* Foreground/Spectrum/magenta - Theme - BRAND */
1596
1604
  --foreground-spectrum-magenta: #e07aed;
1597
- /* Foreground/Spectrum/orange - Brand */
1605
+ /* Foreground/Spectrum/orange - Theme - BRAND */
1598
1606
  --foreground-spectrum-orange: #f6a874;
1599
- /* Foreground/Spectrum/pink - Theme - Sotheby's */
1607
+ /* Foreground/Spectrum/pink - Theme - BRAND */
1600
1608
  --foreground-spectrum-pink: #ea86b9;
1601
- /* Foreground/Spectrum/purple - Theme - Sotheby's */
1609
+ /* Foreground/Spectrum/purple - Theme - BRAND */
1602
1610
  --foreground-spectrum-purple: #c8a6f9;
1603
- /* Foreground/Spectrum/red - Brand */
1611
+ /* Foreground/Spectrum/red - Theme - BRAND */
1604
1612
  --foreground-spectrum-red: #ea93a0;
1605
- /* Foreground/Spectrum/teal - Theme - Sotheby's */
1613
+ /* Foreground/Spectrum/teal - Theme - BRAND */
1606
1614
  --foreground-spectrum-teal: #74bbb4;
1607
- /* Foreground/Spectrum/yellow - Theme - Sotheby's */
1615
+ /* Foreground/Spectrum/yellow - Theme - BRAND */
1608
1616
  --foreground-spectrum-yellow: #fada8d;
1609
- /* Interactions/brand-disabled-opacity - Theme - Sotheby's */
1617
+ /* Interactions/brand-disabled-opacity - Theme - BRAND */
1610
1618
  --interactions-brand-disabled-opacity: #ffffff0f;
1611
- /* Interactions/brand-hover-opacity - Theme - Sotheby's */
1619
+ /* Interactions/brand-hover-opacity - Theme - BRAND */
1612
1620
  --interactions-brand-hover-opacity: #ffffff1a;
1613
- /* Interactions/brand-press-opacity - Theme - Sotheby's */
1621
+ /* Interactions/brand-press-opacity - Theme - BRAND */
1614
1622
  --interactions-brand-press-opacity: #ffffff33;
1615
- /* Interactions/disabled-opacity - Theme - Sotheby's */
1623
+ /* Interactions/disabled-opacity - Theme - BRAND */
1616
1624
  --interactions-disabled-opacity: #ffffff0f;
1617
- /* Interactions/hover-opacity - Theme - Sotheby's */
1625
+ /* Interactions/hover-opacity - Theme - BRAND */
1618
1626
  --interactions-hover-opacity: #ffffff14;
1619
- /* Interactions/link-active-opacity - Brand */
1627
+ /* Interactions/link-active-opacity - Theme - BRAND */
1620
1628
  --interactions-link-active-opacity: #ffffff4d;
1621
1629
  /* Interactions/neutral-hover-opacity - Brand */
1622
1630
  /* surfaces using neutral tones */
@@ -1624,27 +1632,27 @@ body {
1624
1632
  /* Interactions/neutral-press-opacity - Brand */
1625
1633
  /* surfaces using neutral tones */
1626
1634
  --interactions-neutral-press-opacity: #ffffff29;
1627
- /* Interactions/press-opacity - Theme - Sotheby's */
1635
+ /* Interactions/press-opacity - Theme - BRAND */
1628
1636
  --interactions-press-opacity: #ffffff29;
1629
- /* Interactions/primary-disabled-opacity - Theme - Sotheby's */
1637
+ /* Interactions/primary-disabled-opacity - Theme - BRAND */
1630
1638
  --interactions-primary-disabled-opacity: #667b921f;
1631
- /* Interactions/primary-hover-opacity - Theme - Sotheby's */
1639
+ /* Interactions/primary-hover-opacity - Theme - BRAND */
1632
1640
  --interactions-primary-hover-opacity: #667b921a;
1633
- /* Interactions/primary-press-opacity - Theme - Sotheby's */
1641
+ /* Interactions/primary-press-opacity - Theme - BRAND */
1634
1642
  --interactions-primary-press-opacity: #667b9233;
1635
- /* Shadow/shadow-10 - Theme - Sotheby's */
1643
+ /* Shadow/shadow-10 - Theme - BRAND */
1636
1644
  --shadow-10: #6161611a;
1637
- /* Shadow/shadow-12 - Theme - Sotheby's */
1645
+ /* Shadow/shadow-12 - Theme - BRAND */
1638
1646
  --shadow-12: #6161611f;
1639
- /* Shadow/shadow-15 - Theme - Sotheby's */
1647
+ /* Shadow/shadow-15 - Theme - BRAND */
1640
1648
  --shadow-15: #61616126;
1641
- /* Shadow/shadow-25 - Theme - Sotheby's */
1649
+ /* Shadow/shadow-25 - Theme - BRAND */
1642
1650
  --shadow-25: #61616140;
1643
- /* Shadow/shadow-32 - Theme - Sotheby's */
1651
+ /* Shadow/shadow-32 - Theme - BRAND */
1644
1652
  --shadow-32: #61616152;
1645
1653
  /* Shadow/inner-shadow - Brand */
1646
1654
  --shadow-inner: #000000;
1647
- /* Shadow/inner-shadow-100 - Theme - Better Home & Garden */
1655
+ /* Shadow/inner-shadow-100 - Theme - BRAND */
1648
1656
  --shadow-inner-100: #000000;
1649
1657
  /* Shadow/variant-01 - Brand */
1650
1658
  --shadow-variant-01: #6161611a;
@@ -1656,45 +1664,45 @@ body {
1656
1664
  --shadow-variant-04: #61616140;
1657
1665
  /* Shadow/variant-05 - Brand */
1658
1666
  --shadow-variant-05: #61616152;
1659
- /* Status/error - Brand */
1667
+ /* Status/error - Theme - BRAND */
1660
1668
  /* Foreground error text and icons */
1661
1669
  --status-error: #e26b7d;
1662
- /* Status/information - Theme - Better Home & Garden */
1670
+ /* Status/information - Theme - BRAND */
1663
1671
  --status-information: #5d92f5;
1664
1672
  /* Status/informational - Brand */
1665
1673
  /* Foreground informational text and icons */
1666
1674
  --status-informational: #5d92f5;
1667
- /* Status/on-error - Brand */
1675
+ /* Status/on-error - Theme - BRAND */
1668
1676
  /* Foreground error text and icons */
1669
1677
  --status-on-error: #ffffff;
1670
- /* Status/on-information - Theme - Better Home & Garden */
1678
+ /* Status/on-information - Theme - BRAND */
1671
1679
  --status-on-information: #ffffff;
1672
1680
  /* Status/on-informational - Brand */
1673
1681
  /* Foreground informational text and icons */
1674
1682
  --status-on-informational: #ffffff;
1675
- /* Status/on-success - Brand */
1683
+ /* Status/on-success - Theme - BRAND */
1676
1684
  /* Foreground success icons and text */
1677
1685
  --status-on-success: #ffffff;
1678
- /* Status/on-warning - Brand */
1686
+ /* Status/on-warning - Theme - BRAND */
1679
1687
  /* Foreground warning icons */
1680
1688
  --status-on-warning: #141414;
1681
- /* Status/success - Brand */
1689
+ /* Status/success - Theme - BRAND */
1682
1690
  /* Foreground success icons and text */
1683
1691
  --status-success: #519f73;
1684
- /* Status/warning - Brand */
1692
+ /* Status/warning - Theme - BRAND */
1685
1693
  /* Foreground warning icons */
1686
1694
  --status-warning: #f8cd63;
1687
- /* Stroke/Brand/brand-primary - Brand */
1695
+ /* Stroke/Brand/brand-primary - Theme - BRAND */
1688
1696
  /* Outline variant - decorative elements such as dividers */
1689
1697
  --stroke-brand-primary: #667b92;
1690
- /* Stroke/Brand/brand-primary-depth - Brand */
1698
+ /* Stroke/Brand/brand-primary-depth - Theme - BRAND */
1691
1699
  /* Outline variant - decorative elements such as dividers */
1692
1700
  --stroke-brand-primary-depth: #8c9cad;
1693
- /* Stroke/Brand/brand-secondary - Theme - Better Home & Garden */
1694
- --stroke-brand-secondary: #f0bcac;
1695
- /* Stroke/Brand/brand-secondary-depth - Theme - Sotheby's */
1696
- --stroke-brand-secondary-depth: #eba691;
1697
- /* Stroke/Neutral/neutral-base - Brand */
1701
+ /* Stroke/Brand/brand-secondary - Theme - BRAND */
1702
+ --stroke-brand-secondary: #dac38c;
1703
+ /* Stroke/Brand/brand-secondary-depth - Theme - BRAND */
1704
+ --stroke-brand-secondary-depth: #e4d2a9;
1705
+ /* Stroke/Neutral/neutral-base - Theme - BRAND */
1698
1706
  /* For control components */
1699
1707
  --stroke-neutral-base: #6b6b6b;
1700
1708
  /* Stroke/Neutral/disabled-dark - Brand */
@@ -1711,72 +1719,70 @@ body {
1711
1719
  --stroke-neutral-focus-on-inverse: #ffffff;
1712
1720
  /* Stroke/Neutral/neutral-high - Brand */
1713
1721
  --stroke-neutral-high: #fafafa;
1714
- /* Stroke/Neutral/neutral-high-contrast - Theme - Sotheby's */
1722
+ /* Stroke/Neutral/neutral-high-contrast - Theme - BRAND */
1715
1723
  --stroke-neutral-high-contrast: #fafafa;
1716
- /* Stroke/Neutral/Interactions/disabled-dark - Theme - Sotheby's */
1724
+ /* Stroke/Neutral/Interactions/disabled-dark - Theme - BRAND */
1717
1725
  --stroke-neutral-interactions-disabled-dark: #3d3d3d;
1718
- /* Stroke/Neutral/Interactions/disabled-light - Theme - Sotheby's */
1726
+ /* Stroke/Neutral/Interactions/disabled-light - Theme - BRAND */
1719
1727
  --stroke-neutral-interactions-disabled-light: #4d4d4d;
1720
- /* Stroke/Neutral/Interactions/focus - Theme - Sotheby's */
1728
+ /* Stroke/Neutral/Interactions/focus - Theme - BRAND */
1721
1729
  --stroke-neutral-interactions-focus: #ffffff;
1722
- /* Stroke/Neutral/Interactions/inverse-focus - Theme - Sotheby's */
1730
+ /* Stroke/Neutral/Interactions/inverse-focus - Theme - BRAND */
1723
1731
  --stroke-neutral-interactions-inverse-focus: #ffffff;
1724
1732
  /* Stroke/Neutral/neutral-low - Brand */
1725
1733
  /* Outline variant - decorative elements such as dividers */
1726
1734
  --stroke-neutral-low: #4d4d4d;
1727
- /* Stroke/Neutral/neutral-low-contrast - Theme - Sotheby's */
1735
+ /* Stroke/Neutral/neutral-low-contrast - Theme - BRAND */
1728
1736
  --stroke-neutral-low-contrast: #4d4d4d;
1729
- /* Surface/Brand/primary - Brand */
1737
+ /* Surface/Brand/primary - Theme - BRAND */
1730
1738
  --surface-brand-primary: #667b92;
1731
- /* Surface/Brand/primary-highlight - Theme - Sotheby's */
1732
- --surface-brand-primary-highlight: #0a220a;
1733
- /* Surface/Brand/secondary - Brand */
1739
+ /* Surface/Brand/primary-highlight - Theme - BRAND */
1740
+ --surface-brand-primary-highlight: #000912;
1741
+ /* Surface/Brand/secondary - Theme - BRAND */
1734
1742
  --surface-brand-secondary: #dac38c;
1735
- /* Surface/Brand/secondary-highlight - Theme - Sotheby's */
1743
+ /* Surface/Brand/secondary-highlight - Theme - BRAND */
1736
1744
  --surface-brand-secondary-highlight: #312710;
1737
- /* Surface/Neutral/Interactions/dark-disabled - Theme - Better Home & Garden */
1745
+ /* Surface/Neutral/Interactions/dark-disabled - Theme - BRAND */
1738
1746
  --surface-neutral-interactions-dark-disabled: #474747;
1739
- /* Surface/Neutral/Interactions/light-disabled - Theme - Better Home & Garden */
1747
+ /* Surface/Neutral/Interactions/light-disabled - Theme - BRAND */
1740
1748
  --surface-neutral-interactions-light-disabled: #292929;
1741
1749
  /* Surface/Neutral/inverse - Brand */
1742
1750
  /* Inverted. Use for toasts notification & snackbars */
1743
1751
  --surface-neutral-inverse: #383838;
1744
- /* Surface/Neutral/inverse-dark - Theme - Better Home & Garden */
1752
+ /* Surface/Neutral/inverse-dark - Theme - BRAND */
1745
1753
  --surface-neutral-inverse-dark: #383838;
1746
- /* Surface/Neutral/inverse-light - Theme - Sotheby's */
1754
+ /* Surface/Neutral/inverse-light - Theme - BRAND */
1747
1755
  --surface-neutral-inverse-light: #575757;
1748
- /* Surface/Neutral/T1-base - Brand */
1756
+ /* Surface/Neutral/T1-base - Theme - BRAND */
1749
1757
  --surface-neutral-t1-base: #1f1f1f;
1750
- /* Surface/Neutral/T2-lowest - Brand */
1758
+ /* Surface/Neutral/T2-lowest - Theme - BRAND */
1751
1759
  --surface-neutral-t2-lowest: #2e2e2e;
1752
- /* Surface/Neutral/T3-low - Brand */
1760
+ /* Surface/Neutral/T3-low - Theme - BRAND */
1753
1761
  /* Navigations, app bar etc */
1754
1762
  --surface-neutral-t3-low: #383838;
1755
- /* Surface/Neutral/T4-high - Brand */
1763
+ /* Surface/Neutral/T4-high - Theme - BRAND */
1756
1764
  /* Navigations, app bar etc */
1757
1765
  --surface-neutral-t4-high: #7a7a7a;
1758
- /* Surface/Neutral/T4-high 2 - Theme - Better Home & Garden */
1759
- --surface-neutral-t4-high-2: #7a7a7a;
1760
- /* Surface/Neutral/transparent - Brand */
1766
+ /* Surface/Neutral/transparent - Theme - BRAND */
1761
1767
  --surface-neutral-transparent: #ffffff00;
1762
- /* Surface/Spectrum/blue - Theme - Sotheby's */
1768
+ /* Surface/Spectrum/blue - Theme - BRAND */
1763
1769
  --surface-spectrum-blue: #0e2754;
1764
- /* Surface/Spectrum/green - Theme - Sotheby's */
1770
+ /* Surface/Spectrum/green - Theme - BRAND */
1765
1771
  --surface-spectrum-green: #0d2f1c;
1766
- /* Surface/Spectrum/lime - Theme - Sotheby's */
1772
+ /* Surface/Spectrum/lime - Theme - BRAND */
1767
1773
  --surface-spectrum-lime: #434712;
1768
- /* Surface/Spectrum/magenta - Theme - Sotheby's */
1774
+ /* Surface/Spectrum/magenta - Theme - BRAND */
1769
1775
  --surface-spectrum-magenta: #45054e;
1770
- /* Surface/Spectrum/orange - Theme - Better Home & Garden */
1776
+ /* Surface/Spectrum/orange - Theme - BRAND */
1771
1777
  --surface-spectrum-orange: #532201;
1772
- /* Surface/Spectrum/pink - Theme - Sotheby's */
1778
+ /* Surface/Spectrum/pink - Theme - BRAND */
1773
1779
  --surface-spectrum-pink: #4c0c2d;
1774
- /* Surface/Spectrum/purple - Theme - Sotheby's */
1780
+ /* Surface/Spectrum/purple - Theme - BRAND */
1775
1781
  --surface-spectrum-purple: #220053;
1776
- /* Surface/Spectrum/red - Theme - Sotheby's */
1782
+ /* Surface/Spectrum/red - Theme - BRAND */
1777
1783
  --surface-spectrum-red: #4c141d;
1778
- /* Surface/Spectrum/teal - Theme - Sotheby's */
1784
+ /* Surface/Spectrum/teal - Theme - BRAND */
1779
1785
  --surface-spectrum-teal: #012e2a;
1780
- /* Surface/Spectrum/yellow - Theme - Sotheby's */
1786
+ /* Surface/Spectrum/yellow - Theme - BRAND */
1781
1787
  --surface-spectrum-yellow: #564210;
1782
1788
  }