@sats-group/ui-lib 80.2.0 → 80.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/logos/elixia-pride-dark.svg +18 -18
  2. package/logos/elixia-pride-light.svg +18 -18
  3. package/logos/sats-pride-dark.svg +16 -16
  4. package/logos/sats-pride-light.svg +16 -16
  5. package/package.json +1 -1
  6. package/react/confirmation/confirmation.scss +5 -2
  7. package/react/logos/elixia-pride-dark.tsx +20 -20
  8. package/react/logos/elixia-pride-light.tsx +20 -20
  9. package/react/logos/sats-pride-dark.tsx +32 -32
  10. package/react/logos/sats-pride-light.tsx +32 -32
  11. package/react/modal/modal.scss +4 -4
  12. package/react/text-input/text-input.scss +4 -4
  13. package/tokens/dark-variables.css +414 -0
  14. package/tokens/light-variables.css +414 -0
package/react/logos/sats-pride-dark.tsx CHANGED
@@ -3,39 +3,39 @@ const SvgSatsPrideDark = () => (
3
3
  <svg xmlns="http://www.w3.org/2000/svg" width={99} height={29} fill="none">
4
4
  <path
5
5
  fill="url(#sats-pride-dark_svg__a)"
6
- d="M70.539 13.766c8.407 0 15.107 6.586 15.107 14.57q0 .183-.007.373h2.136l.004-.374c0-9.08-7.48-16.468-16.795-16.696l-.445-.006q-.762 0-1.51.063v2.142q.745-.072 1.51-.072"
6
+ d="M70.524 13.274c8.407 0 15.106 6.586 15.106 14.569q0 .183-.006.373h2.135l.004-.373c0-9.08-7.479-16.468-16.795-16.696l-.445-.006q-.762 0-1.509.063v2.141q.744-.07 1.51-.071"
7
7
  />
8
8
  <path
9
9
  fill="url(#sats-pride-dark_svg__b)"
10
- d="M70.54 11.635c9.546 0 17.17 7.48 17.17 16.568q0 .254-.008.505h2.134l.001-.022.006-.483c0-10.167-8.374-18.44-18.805-18.695l-.499-.006q-.762 0-1.51.056v2.14a18 18 0 0 1 1.51-.063"
10
+ d="M70.524 11.143c9.547 0 17.17 7.48 17.17 16.568q0 .253-.008.505h2.135v-.022l.006-.483c0-10.167-8.374-18.44-18.805-18.696l-.498-.006q-.763 0-1.51.057v2.14q.746-.063 1.51-.063"
11
11
  />
12
12
  <path
13
13
  fill="url(#sats-pride-dark_svg__c)"
14
- d="M70.54 9.504c10.686 0 19.233 8.376 19.233 18.567q0 .318-.011.634h2.134l.003-.1.008-.534c0-11.254-9.27-20.41-20.816-20.694l-.551-.007c-.514 0-1.003.006-1.508.04V9.55c.504-.038.993-.045 1.508-.045"
14
+ d="M70.524 9.011c10.687 0 19.233 8.377 19.233 18.568q0 .318-.01.633h2.134l.003-.099.007-.534c0-11.254-9.27-20.41-20.815-20.694l-.552-.007c-.514 0-1.002.006-1.507.04v2.139c.504-.038.992-.046 1.507-.046"
15
15
  />
16
16
  <path
17
17
  fill="url(#sats-pride-dark_svg__d)"
18
- d="M70.539 7.372c11.827 0 21.298 9.272 21.298 20.567q0 .383-.014.762h2.134l.005-.176.008-.586c0-12.34-10.165-22.382-22.826-22.692l-.605-.008q-.764 0-1.517.047l.006 2.14c.501-.033 1-.054 1.511-.054"
18
+ d="M70.524 6.88c11.826 0 21.297 9.271 21.297 20.567q0 .383-.014.762h2.134l.006-.176.007-.586c0-12.341-10.164-22.382-22.825-22.693l-.606-.008q-.765 0-1.516.047l.006 2.141c.5-.034 1-.054 1.51-.054"
19
19
  />
20
20
  <path
21
21
  fill="url(#sats-pride-dark_svg__e)"
22
- d="M70.54 5.24c12.966 0 23.36 10.167 23.36 22.567q0 .45-.017.896h2.134l.008-.258.009-.638c0-13.428-11.06-24.354-24.837-24.692l-.658-.008c-.513 0-1.018.016-1.523.045l.008 2.132a24 24 0 0 1 1.515-.043"
22
+ d="M70.524 4.748c12.966 0 23.361 10.167 23.361 22.567q0 .45-.018.895h2.134l.009-.258.008-.637c0-13.428-11.06-24.354-24.836-24.692l-.658-.008c-.513 0-1.018.016-1.524.045l.009 2.132a24 24 0 0 1 1.515-.044"
23
23
  />
24
24
  <path
25
25
  fill="url(#sats-pride-dark_svg__f)"
26
- d="M70.54 3.106c14.105 0 25.424 11.198 25.424 24.701q0 .45-.017.895h2.135l.006-.205.01-.69c0-14.515-11.956-26.46-26.848-26.825l-.71-.009c-.51 0-1.02.005-1.523.031v2.137a27 27 0 0 1 1.523-.035"
26
+ d="M70.524 2.614c14.106 0 25.424 11.197 25.424 24.701q0 .45-.016.894h2.135l.006-.205.01-.689C98.082 12.8 86.125.855 71.234.49l-.71-.01c-.51 0-1.021.006-1.524.032v2.136a27 27 0 0 1 1.523-.034"
27
27
  />
28
28
  <path
29
- fill="#fff"
30
- d="M9.267 28.714c-3.902 0-6.78-1.504-8.38-3.647l4.382-3.358a5.66 5.66 0 0 0 4.254 1.951c1.951 0 2.783-.832 2.783-2.047 0-.864-.64-1.503-1.663-2.367L9.17 17.998c-1.535-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.871 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.055-1.056-2.303-1.535-3.518-1.535-1.44 0-2.24.671-2.24 1.759 0 .896.768 1.567 1.632 2.303l1.504 1.28c1.47 1.247 2.846 3.006 2.846 5.181 0 4.286-2.942 7.709-8.892 7.709M30.983 5.876h7.708v22.39H33.51v-4.542h-7.26l-2.527 4.542h-6.174zM29.095 18.67h4.414v-7.932zM42.949 28.266 47.81 10.93h-5.917l1.44-5.054h17.272l-1.44 5.054h-5.533l-4.926 17.336zM63.869 28.714c-3.903 0-6.782-1.504-8.38-3.647l4.381-3.358a5.66 5.66 0 0 0 4.254 1.951c1.952 0 2.783-.832 2.783-2.047 0-.864-.64-1.503-1.663-2.367l-1.471-1.248c-1.536-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.87 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.056-1.056-2.303-1.535-3.519-1.535-1.44 0-2.239.671-2.239 1.759 0 .896.768 1.567 1.632 2.303l1.503 1.28c1.471 1.247 2.847 3.006 2.847 5.181 0 4.286-2.943 7.709-8.892 7.709"
29
+ fill="#0D2134"
30
+ d="M9.267 28.224c-3.902 0-6.78-1.504-8.38-3.647l4.382-3.358a5.66 5.66 0 0 0 4.254 1.951c1.951 0 2.783-.832 2.783-2.047 0-.864-.64-1.504-1.663-2.367L9.17 17.508c-1.535-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.871 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.055-1.055-2.303-1.535-3.518-1.535-1.44 0-2.24.671-2.24 1.759 0 .896.768 1.567 1.632 2.303l1.504 1.28c1.47 1.247 2.846 3.006 2.846 5.181 0 4.286-2.942 7.709-8.892 7.709M30.983 5.386h7.708v22.39H33.51v-4.542h-7.26l-2.527 4.542h-6.174zM29.095 18.18h4.414v-7.932zM42.949 27.776 47.81 10.44h-5.917l1.44-5.054h17.272l-1.44 5.054h-5.533l-4.926 17.336zM63.869 28.224c-3.903 0-6.782-1.504-8.38-3.647l4.381-3.358a5.66 5.66 0 0 0 4.254 1.951c1.952 0 2.783-.832 2.783-2.047 0-.864-.64-1.504-1.663-2.367l-1.471-1.248c-1.536-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.87 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.056-1.055-2.303-1.535-3.519-1.535-1.44 0-2.239.671-2.239 1.759 0 .896.768 1.567 1.632 2.303l1.503 1.28c1.471 1.247 2.847 3.006 2.847 5.181 0 4.286-2.943 7.709-8.892 7.709"
31
31
  />
32
32
  <defs>
33
33
  <linearGradient
34
34
  id="sats-pride-dark_svg__a"
35
- x1={69.03}
36
- x2={78.116}
37
- y1={20.429}
38
- y2={20.429}
35
+ x1={69.014}
36
+ x2={78.1}
37
+ y1={19.937}
38
+ y2={19.937}
39
39
  gradientUnits="userSpaceOnUse"
40
40
  >
41
41
  <stop stopColor="#502E91" stopOpacity={0} />
@@ -43,10 +43,10 @@ const SvgSatsPrideDark = () => (
43
43
  </linearGradient>
44
44
  <linearGradient
45
45
  id="sats-pride-dark_svg__b"
46
- x1={69.03}
47
- x2={78.088}
48
- y1={19.298}
49
- y2={19.298}
46
+ x1={69.014}
47
+ x2={78.072}
48
+ y1={18.806}
49
+ y2={18.806}
50
50
  gradientUnits="userSpaceOnUse"
51
51
  >
52
52
  <stop stopColor="#336FE2" stopOpacity={0} />
@@ -54,10 +54,10 @@ const SvgSatsPrideDark = () => (
54
54
  </linearGradient>
55
55
  <linearGradient
56
56
  id="sats-pride-dark_svg__c"
57
- x1={69.032}
58
- x2={79.066}
59
- y1={18.168}
60
- y2={18.168}
57
+ x1={69.017}
58
+ x2={79.051}
59
+ y1={17.676}
60
+ y2={17.676}
61
61
  gradientUnits="userSpaceOnUse"
62
62
  >
63
63
  <stop stopColor="#55A17B" stopOpacity={0} />
@@ -65,10 +65,10 @@ const SvgSatsPrideDark = () => (
65
65
  </linearGradient>
66
66
  <linearGradient
67
67
  id="sats-pride-dark_svg__d"
68
- x1={69.022}
69
- x2={78.088}
70
- y1={17.036}
71
- y2={17.036}
68
+ x1={69.007}
69
+ x2={78.072}
70
+ y1={16.544}
71
+ y2={16.544}
72
72
  gradientUnits="userSpaceOnUse"
73
73
  >
74
74
  <stop stopColor="#FFC100" stopOpacity={0} />
@@ -76,10 +76,10 @@ const SvgSatsPrideDark = () => (
76
76
  </linearGradient>
77
77
  <linearGradient
78
78
  id="sats-pride-dark_svg__e"
79
- x1={69.016}
80
- x2={78.144}
81
- y1={15.905}
82
- y2={15.905}
79
+ x1={69}
80
+ x2={78.128}
81
+ y1={15.413}
82
+ y2={15.413}
83
83
  gradientUnits="userSpaceOnUse"
84
84
  >
85
85
  <stop stopColor="#FF621D" stopOpacity={0} />
@@ -87,10 +87,10 @@ const SvgSatsPrideDark = () => (
87
87
  </linearGradient>
88
88
  <linearGradient
89
89
  id="sats-pride-dark_svg__f"
90
- x1={69.017}
91
- x2={78.116}
92
- y1={14.905}
93
- y2={14.905}
90
+ x1={69.001}
91
+ x2={78.1}
92
+ y1={14.413}
93
+ y2={14.413}
94
94
  gradientUnits="userSpaceOnUse"
95
95
  >
96
96
  <stop stopColor="#C2102A" stopOpacity={0} />
package/react/logos/sats-pride-light.tsx CHANGED
@@ -3,39 +3,39 @@ const SvgSatsPrideLight = () => (
3
3
  <svg xmlns="http://www.w3.org/2000/svg" width={99} height={29} fill="none">
4
4
  <path
5
5
  fill="url(#sats-pride-light_svg__a)"
6
- d="M70.524 13.274c8.407 0 15.106 6.586 15.106 14.569q0 .183-.006.373h2.135l.004-.373c0-9.08-7.479-16.468-16.795-16.696l-.445-.006q-.762 0-1.509.063v2.141q.744-.07 1.51-.071"
6
+ d="M70.539 13.766c8.407 0 15.107 6.586 15.107 14.57q0 .183-.007.373h2.136l.004-.374c0-9.08-7.48-16.468-16.795-16.696l-.445-.006q-.762 0-1.51.063v2.142q.745-.072 1.51-.072"
7
7
  />
8
8
  <path
9
9
  fill="url(#sats-pride-light_svg__b)"
10
- d="M70.524 11.143c9.547 0 17.17 7.48 17.17 16.568q0 .253-.008.505h2.135v-.022l.006-.483c0-10.167-8.374-18.44-18.805-18.696l-.498-.006q-.763 0-1.51.057v2.14q.746-.063 1.51-.063"
10
+ d="M70.54 11.635c9.546 0 17.17 7.48 17.17 16.568q0 .254-.008.505h2.134l.001-.022.006-.483c0-10.167-8.374-18.44-18.805-18.695l-.499-.006q-.762 0-1.51.056v2.14a18 18 0 0 1 1.51-.063"
11
11
  />
12
12
  <path
13
13
  fill="url(#sats-pride-light_svg__c)"
14
- d="M70.524 9.011c10.687 0 19.233 8.377 19.233 18.568q0 .318-.01.633h2.134l.003-.099.007-.534c0-11.254-9.27-20.41-20.815-20.694l-.552-.007c-.514 0-1.002.006-1.507.04v2.139c.504-.038.992-.046 1.507-.046"
14
+ d="M70.54 9.504c10.686 0 19.233 8.376 19.233 18.567q0 .318-.011.634h2.134l.003-.1.008-.534c0-11.254-9.27-20.41-20.816-20.694l-.551-.007c-.514 0-1.003.006-1.508.04V9.55c.504-.038.993-.045 1.508-.045"
15
15
  />
16
16
  <path
17
17
  fill="url(#sats-pride-light_svg__d)"
18
- d="M70.524 6.88c11.826 0 21.297 9.271 21.297 20.567q0 .383-.014.762h2.134l.006-.176.007-.586c0-12.341-10.164-22.382-22.825-22.693l-.606-.008q-.765 0-1.516.047l.006 2.141c.5-.034 1-.054 1.51-.054"
18
+ d="M70.539 7.372c11.827 0 21.298 9.272 21.298 20.567q0 .383-.014.762h2.134l.005-.176.008-.586c0-12.34-10.165-22.382-22.826-22.692l-.605-.008q-.764 0-1.517.047l.006 2.14c.501-.033 1-.054 1.511-.054"
19
19
  />
20
20
  <path
21
21
  fill="url(#sats-pride-light_svg__e)"
22
- d="M70.524 4.748c12.966 0 23.361 10.167 23.361 22.567q0 .45-.018.895h2.134l.009-.258.008-.637c0-13.428-11.06-24.354-24.836-24.692l-.658-.008c-.513 0-1.018.016-1.524.045l.009 2.132a24 24 0 0 1 1.515-.044"
22
+ d="M70.54 5.24c12.966 0 23.36 10.167 23.36 22.567q0 .45-.017.896h2.134l.008-.258.009-.638c0-13.428-11.06-24.354-24.837-24.692l-.658-.008c-.513 0-1.018.016-1.523.045l.008 2.132a24 24 0 0 1 1.515-.043"
23
23
  />
24
24
  <path
25
25
  fill="url(#sats-pride-light_svg__f)"
26
- d="M70.524 2.614c14.106 0 25.424 11.197 25.424 24.701q0 .45-.016.894h2.135l.006-.205.01-.689C98.082 12.8 86.125.855 71.234.49l-.71-.01c-.51 0-1.021.006-1.524.032v2.136a27 27 0 0 1 1.523-.034"
26
+ d="M70.54 3.106c14.105 0 25.424 11.198 25.424 24.701q0 .45-.017.895h2.135l.006-.205.01-.69c0-14.515-11.956-26.46-26.848-26.825l-.71-.009c-.51 0-1.02.005-1.523.031v2.137a27 27 0 0 1 1.523-.035"
27
27
  />
28
28
  <path
29
- fill="#0D2134"
30
- d="M9.267 28.224c-3.902 0-6.78-1.504-8.38-3.647l4.382-3.358a5.66 5.66 0 0 0 4.254 1.951c1.951 0 2.783-.832 2.783-2.047 0-.864-.64-1.504-1.663-2.367L9.17 17.508c-1.535-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.871 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.055-1.055-2.303-1.535-3.518-1.535-1.44 0-2.24.671-2.24 1.759 0 .896.768 1.567 1.632 2.303l1.504 1.28c1.47 1.247 2.846 3.006 2.846 5.181 0 4.286-2.942 7.709-8.892 7.709M30.983 5.386h7.708v22.39H33.51v-4.542h-7.26l-2.527 4.542h-6.174zM29.095 18.18h4.414v-7.932zM42.949 27.776 47.81 10.44h-5.917l1.44-5.054h17.272l-1.44 5.054h-5.533l-4.926 17.336zM63.869 28.224c-3.903 0-6.782-1.504-8.38-3.647l4.381-3.358a5.66 5.66 0 0 0 4.254 1.951c1.952 0 2.783-.832 2.783-2.047 0-.864-.64-1.504-1.663-2.367l-1.471-1.248c-1.536-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.87 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.056-1.055-2.303-1.535-3.519-1.535-1.44 0-2.239.671-2.239 1.759 0 .896.768 1.567 1.632 2.303l1.503 1.28c1.471 1.247 2.847 3.006 2.847 5.181 0 4.286-2.943 7.709-8.892 7.709"
29
+ fill="#fff"
30
+ d="M9.267 28.714c-3.902 0-6.78-1.504-8.38-3.647l4.382-3.358a5.66 5.66 0 0 0 4.254 1.951c1.951 0 2.783-.832 2.783-2.047 0-.864-.64-1.503-1.663-2.367L9.17 17.998c-1.535-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.871 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.055-1.056-2.303-1.535-3.518-1.535-1.44 0-2.24.671-2.24 1.759 0 .896.768 1.567 1.632 2.303l1.504 1.28c1.47 1.247 2.846 3.006 2.846 5.181 0 4.286-2.942 7.709-8.892 7.709M30.983 5.876h7.708v22.39H33.51v-4.542h-7.26l-2.527 4.542h-6.174zM29.095 18.67h4.414v-7.932zM42.949 28.266 47.81 10.93h-5.917l1.44-5.054h17.272l-1.44 5.054h-5.533l-4.926 17.336zM63.869 28.714c-3.903 0-6.782-1.504-8.38-3.647l4.381-3.358a5.66 5.66 0 0 0 4.254 1.951c1.952 0 2.783-.832 2.783-2.047 0-.864-.64-1.503-1.663-2.367l-1.471-1.248c-1.536-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.87 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.056-1.056-2.303-1.535-3.519-1.535-1.44 0-2.239.671-2.239 1.759 0 .896.768 1.567 1.632 2.303l1.503 1.28c1.471 1.247 2.847 3.006 2.847 5.181 0 4.286-2.943 7.709-8.892 7.709"
31
31
  />
32
32
  <defs>
33
33
  <linearGradient
34
34
  id="sats-pride-light_svg__a"
35
- x1={69.014}
36
- x2={78.1}
37
- y1={19.937}
38
- y2={19.937}
35
+ x1={69.03}
36
+ x2={78.116}
37
+ y1={20.429}
38
+ y2={20.429}
39
39
  gradientUnits="userSpaceOnUse"
40
40
  >
41
41
  <stop stopColor="#502E91" stopOpacity={0} />
@@ -43,10 +43,10 @@ const SvgSatsPrideLight = () => (
43
43
  </linearGradient>
44
44
  <linearGradient
45
45
  id="sats-pride-light_svg__b"
46
- x1={69.014}
47
- x2={78.072}
48
- y1={18.806}
49
- y2={18.806}
46
+ x1={69.03}
47
+ x2={78.088}
48
+ y1={19.298}
49
+ y2={19.298}
50
50
  gradientUnits="userSpaceOnUse"
51
51
  >
52
52
  <stop stopColor="#336FE2" stopOpacity={0} />
@@ -54,10 +54,10 @@ const SvgSatsPrideLight = () => (
54
54
  </linearGradient>
55
55
  <linearGradient
56
56
  id="sats-pride-light_svg__c"
57
- x1={69.017}
58
- x2={79.051}
59
- y1={17.676}
60
- y2={17.676}
57
+ x1={69.032}
58
+ x2={79.066}
59
+ y1={18.168}
60
+ y2={18.168}
61
61
  gradientUnits="userSpaceOnUse"
62
62
  >
63
63
  <stop stopColor="#55A17B" stopOpacity={0} />
@@ -65,10 +65,10 @@ const SvgSatsPrideLight = () => (
65
65
  </linearGradient>
66
66
  <linearGradient
67
67
  id="sats-pride-light_svg__d"
68
- x1={69.007}
69
- x2={78.072}
70
- y1={16.544}
71
- y2={16.544}
68
+ x1={69.022}
69
+ x2={78.088}
70
+ y1={17.036}
71
+ y2={17.036}
72
72
  gradientUnits="userSpaceOnUse"
73
73
  >
74
74
  <stop stopColor="#FFC100" stopOpacity={0} />
@@ -76,10 +76,10 @@ const SvgSatsPrideLight = () => (
76
76
  </linearGradient>
77
77
  <linearGradient
78
78
  id="sats-pride-light_svg__e"
79
- x1={69}
80
- x2={78.128}
81
- y1={15.413}
82
- y2={15.413}
79
+ x1={69.016}
80
+ x2={78.144}
81
+ y1={15.905}
82
+ y2={15.905}
83
83
  gradientUnits="userSpaceOnUse"
84
84
  >
85
85
  <stop stopColor="#FF621D" stopOpacity={0} />
@@ -87,10 +87,10 @@ const SvgSatsPrideLight = () => (
87
87
  </linearGradient>
88
88
  <linearGradient
89
89
  id="sats-pride-light_svg__f"
90
- x1={69.001}
91
- x2={78.1}
92
- y1={14.413}
93
- y2={14.413}
90
+ x1={69.017}
91
+ x2={78.116}
92
+ y1={14.905}
93
+ y2={14.905}
94
94
  gradientUnits="userSpaceOnUse"
95
95
  >
96
96
  <stop stopColor="#C2102A" stopOpacity={0} />
package/react/modal/modal.scss CHANGED
@@ -1,13 +1,13 @@
1
- @use 'sass:color';
2
1
  @use '../../tokens/corner-radius';
3
2
  @use '../../tokens/elevation';
4
3
  @use '../../tokens/light';
5
4
  @use '../../tokens/spacing';
6
5
 
7
6
  .modal {
8
- background: color.adjust(
9
- light.$fixed-background-primary-default,
10
- $alpha: -0.7
7
+ background: color-mix(
8
+ in srgb,
9
+ light.$fixed-background-primary-default
10
+ 70%, transparent
11
11
  );
12
12
  box-sizing: border-box;
13
13
  display: grid;
package/react/text-input/text-input.scss CHANGED
@@ -170,6 +170,10 @@
170
170
  }
171
171
  }
172
172
 
173
+ &__input {
174
+ color: light.$on-surface-primary-default;
175
+ }
176
+
173
177
  &--theme-dark {
174
178
  #{$block}__icon {
175
179
  color: light.$on-fixed-surface-primary-default;
@@ -184,10 +188,6 @@
184
188
  color: light.$on-background-primary-alternate;
185
189
  }
186
190
 
187
- #{$block}__input {
188
- background-color: transparent;
189
- }
190
-
191
191
  #{$block}__input-wrapper {
192
192
  background-color: light.$fixed-surface-secondary-default;
193
193
  border-color: light.$ge-border-default;