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