@fluentui/react-avatar 9.2.5 → 9.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.json CHANGED
@@ -2,7 +2,108 @@
2
2
  "name": "@fluentui/react-avatar",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 02 Nov 2022 11:54:48 GMT",
5
+ "date": "Fri, 11 Nov 2022 14:53:39 GMT",
6
+ "tag": "@fluentui/react-avatar_v9.2.6",
7
+ "version": "9.2.6",
8
+ "comments": {
9
+ "none": [
10
+ {
11
+ "author": "martinhochel@microsoft.com",
12
+ "package": "@fluentui/react-avatar",
13
+ "commit": "87859b052155ca206ef3540a2a9623803f6e2b93",
14
+ "comment": "test: replace deprecated module.parent with require.main within isConformance"
15
+ }
16
+ ],
17
+ "patch": [
18
+ {
19
+ "author": "humberto_makoto@hotmail.com",
20
+ "package": "@fluentui/react-avatar",
21
+ "commit": "81a3171e14fcaead04c6cf3fbf8eda962178b442",
22
+ "comment": "chore: Replacing use of hard-coded constants with curve and duration tokens from theme."
23
+ },
24
+ {
25
+ "author": "behowell@microsoft.com",
26
+ "package": "@fluentui/react-avatar",
27
+ "commit": "19c8608a71aa59113bea131bbbd1922125303ced",
28
+ "comment": "fix: Update Avatar active ring color to match base color"
29
+ },
30
+ {
31
+ "author": "martinhochel@microsoft.com",
32
+ "package": "@fluentui/react-avatar",
33
+ "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38",
34
+ "comment": "fix: create valid export maps"
35
+ },
36
+ {
37
+ "author": "esteban.230@hotmail.com",
38
+ "package": "@fluentui/react-avatar",
39
+ "commit": "b932f8ce3676d1fd82a6bdc79364007c9d3b2def",
40
+ "comment": "chore: Remove AvatarGroup unstable warnings."
41
+ },
42
+ {
43
+ "author": "tristan.watanabe@gmail.com",
44
+ "package": "@fluentui/react-avatar",
45
+ "commit": "50d5f2ef0d6a06851e78f736055fcc313d61029b",
46
+ "comment": "chore: Migrate to new package structure."
47
+ },
48
+ {
49
+ "author": "beachball",
50
+ "package": "@fluentui/react-avatar",
51
+ "comment": "Bump @fluentui/react-badge to v9.0.12",
52
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
53
+ },
54
+ {
55
+ "author": "beachball",
56
+ "package": "@fluentui/react-avatar",
57
+ "comment": "Bump @fluentui/react-context-selector to v9.1.1",
58
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
59
+ },
60
+ {
61
+ "author": "beachball",
62
+ "package": "@fluentui/react-avatar",
63
+ "comment": "Bump @fluentui/react-popover to v9.3.1",
64
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
65
+ },
66
+ {
67
+ "author": "beachball",
68
+ "package": "@fluentui/react-avatar",
69
+ "comment": "Bump @fluentui/react-shared-contexts to v9.1.1",
70
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
71
+ },
72
+ {
73
+ "author": "beachball",
74
+ "package": "@fluentui/react-avatar",
75
+ "comment": "Bump @fluentui/react-tabster to v9.3.0",
76
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
77
+ },
78
+ {
79
+ "author": "beachball",
80
+ "package": "@fluentui/react-avatar",
81
+ "comment": "Bump @fluentui/react-theme to v9.1.2",
82
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
83
+ },
84
+ {
85
+ "author": "beachball",
86
+ "package": "@fluentui/react-avatar",
87
+ "comment": "Bump @fluentui/react-tooltip to v9.1.1",
88
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
89
+ },
90
+ {
91
+ "author": "beachball",
92
+ "package": "@fluentui/react-avatar",
93
+ "comment": "Bump @fluentui/react-utilities to v9.2.1",
94
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
95
+ },
96
+ {
97
+ "author": "beachball",
98
+ "package": "@fluentui/react-avatar",
99
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18",
100
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
101
+ }
102
+ ]
103
+ }
104
+ },
105
+ {
106
+ "date": "Wed, 02 Nov 2022 11:57:47 GMT",
6
107
  "tag": "@fluentui/react-avatar_v9.2.5",
7
108
  "version": "9.2.5",
8
109
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,34 @@
1
1
  # Change Log - @fluentui/react-avatar
2
2
 
3
- This log was last generated on Wed, 02 Nov 2022 11:54:48 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 11 Nov 2022 14:53:39 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.2.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.2.6)
8
+
9
+ Fri, 11 Nov 2022 14:53:39 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.2.5..@fluentui/react-avatar_v9.2.6)
11
+
12
+ ### Patches
13
+
14
+ - chore: Replacing use of hard-coded constants with curve and duration tokens from theme. ([PR #25522](https://github.com/microsoft/fluentui/pull/25522) by humberto_makoto@hotmail.com)
15
+ - fix: Update Avatar active ring color to match base color ([PR #25497](https://github.com/microsoft/fluentui/pull/25497) by behowell@microsoft.com)
16
+ - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com)
17
+ - chore: Remove AvatarGroup unstable warnings. ([PR #25005](https://github.com/microsoft/fluentui/pull/25005) by esteban.230@hotmail.com)
18
+ - chore: Migrate to new package structure. ([PR #25473](https://github.com/microsoft/fluentui/pull/25473) by tristan.watanabe@gmail.com)
19
+ - Bump @fluentui/react-badge to v9.0.12 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
20
+ - Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
21
+ - Bump @fluentui/react-popover to v9.3.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
22
+ - Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
23
+ - Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
24
+ - Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
25
+ - Bump @fluentui/react-tooltip to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
26
+ - Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
27
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
28
+
7
29
  ## [9.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.2.5)
8
30
 
9
- Wed, 02 Nov 2022 11:54:48 GMT
31
+ Wed, 02 Nov 2022 11:57:47 GMT
10
32
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.2.4..@fluentui/react-avatar_v9.2.5)
11
33
 
12
34
  ### Patches
@@ -4,20 +4,10 @@
4
4
 
5
5
  The AvatarGroup component represents a group of multiple people or entities by taking care of the arrangement of individual Avatars in a spread, stack, or pie layout.
6
6
 
7
- ## STATUS: WIP 🚧
8
-
9
- These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.
10
-
11
7
  ## Usage
12
8
 
13
9
  To import AvatarGroup, AvatarGroupItem, AvatarGroupPopover, and partitionAvatarGroupItems:
14
10
 
15
- ```js
16
- import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar';
17
- ```
18
-
19
- Once the AvatarGroup component graduates to a production release, the component will be available at:
20
-
21
11
  ```js
22
12
  import {
23
13
  AvatarGroup,
@@ -6,49 +6,17 @@ export const avatarClassNames = {
6
6
  initials: 'fui-Avatar__initials',
7
7
  icon: 'fui-Avatar__icon',
8
8
  badge: 'fui-Avatar__badge'
9
- }; //
10
- // TODO: All animation constants should go to theme or globals?
11
- // https://github.com/microsoft/fluentui/issues/16372#issuecomment-778240665
12
-
13
- const animationDuration = {
14
- duration50: '50ms',
15
- duration100: '100ms',
16
- duration150: '150ms',
17
- duration200: '200ms',
18
- duration300: '300ms',
19
- duration400: '400ms',
20
- duration500: '500ms'
21
- };
22
- const animationTiming = {
23
- ultraFast: animationDuration.duration50,
24
- faster: animationDuration.duration100,
25
- fast: animationDuration.duration150,
26
- normal: animationDuration.duration200,
27
- slow: animationDuration.duration300,
28
- slower: animationDuration.duration400,
29
- ultraSlow: animationDuration.duration500
30
- };
31
- const animationLines = {
32
- decelerateMax: 'cubic-bezier(0.00,0.00,0.00,1.00)',
33
- decelerateMid: 'cubic-bezier(0.10,0.90,0.20,1.00)',
34
- decelerateMin: 'cubic-bezier(0.33,0.00,0.10,1.00)',
35
- accelerateMax: 'cubic-bezier(1.00,0.00,1.00,1.00)',
36
- accelerateMid: 'cubic-bezier(0.90,0.10,1.00,0.20)',
37
- accelerateMin: 'cubic-bezier(0.80,0.00,0.78,1.00)',
38
- maxEasyEase: 'cubic-bezier(0.80,0.00,0.20,1.00)',
39
- easyEase: 'cubic-bezier(0.33,0.00,0.67,1.00)',
40
- linear: 'linear'
41
9
  };
42
10
  const animations = {
43
- fastOutSlowInMax: animationLines.decelerateMax,
44
- fastOutSlowInMid: animationLines.decelerateMid,
45
- fastOutSlowInMin: animationLines.decelerateMin,
46
- slowOutFastInMax: animationLines.accelerateMax,
47
- slowOutFastInMid: animationLines.accelerateMid,
48
- slowOutFastInMin: animationLines.accelerateMin,
49
- fastEase: animationLines.maxEasyEase,
50
- normalEase: animationLines.easyEase,
51
- nullEasing: animationLines.linear
11
+ fastOutSlowInMax: tokens.curveDecelerateMax,
12
+ fastOutSlowInMid: tokens.curveDecelerateMid,
13
+ fastOutSlowInMin: tokens.curveDecelerateMin,
14
+ slowOutFastInMax: tokens.curveAccelerateMax,
15
+ slowOutFastInMid: tokens.curveAccelerateMid,
16
+ slowOutFastInMin: tokens.curveAccelerateMin,
17
+ fastEase: tokens.curveEasyEaseMax,
18
+ normalEase: tokens.curveEasyEase,
19
+ nullEasing: tokens.curveLinear
52
20
  };
53
21
 
54
22
  const useStyles = /*#__PURE__*/__styles({
@@ -110,8 +78,8 @@ const useStyles = /*#__PURE__*/__styles({
110
78
  "activeOrInactive": {
111
79
  "Bz10aip": "ftfx35i",
112
80
  "Bmy1vo4": "fv0atk9",
113
- "B3o57yi": "f19s7mzo",
114
- "Cwk7ip": "f1iounmt",
81
+ "B3o57yi": "f1iry5bo",
82
+ "Cwk7ip": "f1gyuh7d",
115
83
  "Hwfdqs": "f1onx1g3",
116
84
  "Ftih45": "f1wl9k8s",
117
85
  "Brfgrao": "f1j7ml58",
@@ -124,16 +92,12 @@ const useStyles = /*#__PURE__*/__styles({
124
92
  "n07z76": ["f1gnrg9b", "f1xx2lx6"],
125
93
  "ck0cow": ["f1xx2lx6", "f1gnrg9b"],
126
94
  "B8bqphf": "f1e9wvyh",
127
- "h7gv66": "f1vqt3t1",
128
- "Bvy8d8o": "f1waqg4f",
95
+ "h7gv66": "f1vyz52m",
96
+ "Bvy8d8o": "f1rjhkxy",
129
97
  "B1pumaf": "f1ak47q9",
130
98
  "B17wnbm": "f1apa6og"
131
99
  },
132
100
  "ring": {
133
- "Bq4z7u6": "f1tikrig",
134
- "Bk5zm6e": ["f1v0fw5y", "f19vwj9b"],
135
- "Bqjgrrk": "fpeaeip",
136
- "Bm6vgfq": ["f19vwj9b", "f1v0fw5y"],
137
101
  "Bdkvgpv": "f163fonl",
138
102
  "m598lv": ["f1yq6w5o", "f1jpmc5p"],
139
103
  "qa3bma": "f11yjt3y",
@@ -185,8 +149,8 @@ const useStyles = /*#__PURE__*/__styles({
185
149
  "abs64n": "fp25eh",
186
150
  "Bz10aip": "f1clczzi",
187
151
  "Bmy1vo4": "fv0atk9",
188
- "B3o57yi": "f19s7mzo",
189
- "Cwk7ip": "ftf4am9",
152
+ "B3o57yi": "f1iry5bo",
153
+ "Cwk7ip": "fxm264b",
190
154
  "Hwfdqs": "f1onx1g3",
191
155
  "Bwz0kr7": "f1o7dfsw",
192
156
  "qehafq": "fe3o830",
@@ -195,8 +159,8 @@ const useStyles = /*#__PURE__*/__styles({
195
159
  "Biibvgv": ["f1z0ukd1", "fzynn9s"],
196
160
  "vz82u": "f1dhznln",
197
161
  "B8bqphf": "f1e9wvyh",
198
- "h7gv66": "f1vqt3t1",
199
- "Bvy8d8o": "f1q0dkoh",
162
+ "h7gv66": "f1vyz52m",
163
+ "Bvy8d8o": "f1yb2g89",
200
164
  "B1pumaf": "f1ak47q9",
201
165
  "B17wnbm": "f1apa6og"
202
166
  },
@@ -275,7 +239,7 @@ const useStyles = /*#__PURE__*/__styles({
275
239
  "Be2twd7": "f18m8u13"
276
240
  }
277
241
  }, {
278
- "d": [".f14t3ns0{display:inline-block;}", ".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".f10pi13n{position:relative;}", ".fmrv4ls{vertical-align:middle;}", ".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}", ".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}", ".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}", ".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}", ".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}", ".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1ldthgs{border-bottom-right-radius:var(--borderRadiusLarge);}", ".frrelxk{border-bottom-left-radius:var(--borderRadiusLarge);}", ".fobrfso{border-top-right-radius:var(--borderRadiusLarge);}", ".ffisxpw{border-top-left-radius:var(--borderRadiusLarge);}", ".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}", ".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}", ".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}", ".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}", ".ftfx35i{-webkit-transform:perspective(1px);-moz-transform:perspective(1px);-ms-transform:perspective(1px);transform:perspective(1px);}", ".fv0atk9{transition-property:transform,opacity;}", ".f19s7mzo{transition-duration:500ms,100ms;}", ".f1iounmt{transition-delay:cubic-bezier(0.80,0.00,0.20,1.00),linear;}", ".f1wl9k8s::before{content:\"\";}", ".f1j7ml58::before{position:absolute;}", ".ffi060y::before{top:0;}", ".f1fzr1x6::before{left:0;}", ".f1f351id::before{right:0;}", ".fchca7p::before{bottom:0;}", ".f1kd9phw::before{border-bottom-right-radius:inherit;}", ".fyf2ch2::before{border-bottom-left-radius:inherit;}", ".f1gnrg9b::before{border-top-right-radius:inherit;}", ".f1xx2lx6::before{border-top-left-radius:inherit;}", ".f1e9wvyh::before{transition-property:margin,opacity;}", ".f1vqt3t1::before{transition-duration:500ms,400ms;}", ".f1waqg4f::before{transition-delay:cubic-bezier(0.80,0.00,0.20,1.00),linear;}", ".f1tikrig::before{border-top-color:var(--colorBrandBackgroundStatic);}", ".f1v0fw5y::before{border-right-color:var(--colorBrandBackgroundStatic);}", ".f19vwj9b::before{border-left-color:var(--colorBrandBackgroundStatic);}", ".fpeaeip::before{border-bottom-color:var(--colorBrandBackgroundStatic);}", ".f163fonl::before{border-top-style:solid;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f11yjt3y::before{border-bottom-style:solid;}", ".f1rbtjc9::before{margin-top:calc(-2 * var(--strokeWidthThick));}", ".f1wm0e7m::before{margin-right:calc(-2 * var(--strokeWidthThick));}", ".f1o0l8kp::before{margin-left:calc(-2 * var(--strokeWidthThick));}", ".f1tz5420::before{margin-bottom:calc(-2 * var(--strokeWidthThick));}", ".f1q30tuz::before{border-top-width:var(--strokeWidthThick);}", ".f9c0djs::before{border-right-width:var(--strokeWidthThick);}", ".fcwzx2y::before{border-left-width:var(--strokeWidthThick);}", ".f1hdqo1a::before{border-bottom-width:var(--strokeWidthThick);}", ".fk7ejgl::before{margin-top:calc(-2 * var(--strokeWidthThicker));}", ".f12sbt0w::before{margin-right:calc(-2 * var(--strokeWidthThicker));}", ".f1tnh028::before{margin-left:calc(-2 * var(--strokeWidthThicker));}", ".fcrsff4::before{margin-bottom:calc(-2 * var(--strokeWidthThicker));}", ".f1jrge4j::before{border-top-width:var(--strokeWidthThicker);}", ".fc2vpa6::before{border-right-width:var(--strokeWidthThicker);}", ".f133djwz::before{border-left-width:var(--strokeWidthThicker);}", ".f9hcsm3::before{border-bottom-width:var(--strokeWidthThicker);}", ".fl3e39p::before{margin-top:calc(-2 * var(--strokeWidthThickest));}", ".f14m8wrz::before{margin-right:calc(-2 * var(--strokeWidthThickest));}", ".fckzhtt::before{margin-left:calc(-2 * var(--strokeWidthThickest));}", ".fnxq6pw::before{margin-bottom:calc(-2 * var(--strokeWidthThickest));}", ".fr6r3yi::before{border-top-width:var(--strokeWidthThickest);}", ".ftxoq8w::before{border-right-width:var(--strokeWidthThickest);}", ".f4gs2h8::before{border-left-width:var(--strokeWidthThickest);}", ".f9gga8r::before{border-bottom-width:var(--strokeWidthThickest);}", ".f196qwgu::before{box-shadow:var(--shadow4);}", ".fut48mo::before{box-shadow:var(--shadow8);}", ".fh2kfig::before{box-shadow:var(--shadow16);}", ".f4c2u2p::before{box-shadow:var(--shadow28);}", ".fp25eh{opacity:0.8;}", ".f1clczzi{-webkit-transform:scale(0.875);-moz-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);}", ".ftf4am9{transition-delay:cubic-bezier(0.33,0.00,0.10,1.00),linear;}", ".fe3o830::before{margin-top:0;}", ".fzynn9s::before{margin-right:0;}", ".f1z0ukd1::before{margin-left:0;}", ".f1kyqvp9::before{margin-bottom:0;}", ".f1dhznln::before{opacity:0;}", ".f1q0dkoh::before{transition-delay:cubic-bezier(0.33,0.00,0.10,1.00),linear;}", ".f1euv43f{position:absolute;}", ".f1yab3r1{bottom:0;}", ".f1e31b4d{right:0;}", ".f1vgc2s3{left:0;}", ".ffo9j2l{box-shadow:0 0 0 var(--strokeWidthThin) var(--colorNeutralBackground1);}", ".f1nayfl2{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground1);}", ".f15twtuk{top:0;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1d9uwra{border-bottom-right-radius:inherit;}", ".fzibvwi{border-bottom-left-radius:inherit;}", ".fuoumxm{border-top-right-radius:inherit;}", ".f1vtqnvc{border-top-left-radius:inherit;}", ".f1ps3kmd{object-fit:cover;}", ".f12kltsn{vertical-align:top;}", ".f1ewtqcl{box-sizing:border-box;}", ".fp6vxd{line-height:1;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fa4t5tb{vertical-align:center;}", ".f17mccla{text-align:center;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".f1ugzwwg{font-size:12px;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}", ".f1rt2boy{font-size:24px;}", ".f24l1pt{font-size:28px;}", ".ffl51b{font-size:32px;}", ".f18m8u13{font-size:48px;}"],
242
+ "d": [".f14t3ns0{display:inline-block;}", ".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".f10pi13n{position:relative;}", ".fmrv4ls{vertical-align:middle;}", ".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}", ".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}", ".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}", ".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}", ".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}", ".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1ldthgs{border-bottom-right-radius:var(--borderRadiusLarge);}", ".frrelxk{border-bottom-left-radius:var(--borderRadiusLarge);}", ".fobrfso{border-top-right-radius:var(--borderRadiusLarge);}", ".ffisxpw{border-top-left-radius:var(--borderRadiusLarge);}", ".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}", ".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}", ".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}", ".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}", ".ftfx35i{-webkit-transform:perspective(1px);-moz-transform:perspective(1px);-ms-transform:perspective(1px);transform:perspective(1px);}", ".fv0atk9{transition-property:transform,opacity;}", ".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}", ".f1gyuh7d{transition-delay:var(--curveEasyEaseMax),var(--curveLinear);}", ".f1wl9k8s::before{content:\"\";}", ".f1j7ml58::before{position:absolute;}", ".ffi060y::before{top:0;}", ".f1fzr1x6::before{left:0;}", ".f1f351id::before{right:0;}", ".fchca7p::before{bottom:0;}", ".f1kd9phw::before{border-bottom-right-radius:inherit;}", ".fyf2ch2::before{border-bottom-left-radius:inherit;}", ".f1gnrg9b::before{border-top-right-radius:inherit;}", ".f1xx2lx6::before{border-top-left-radius:inherit;}", ".f1e9wvyh::before{transition-property:margin,opacity;}", ".f1vyz52m::before{transition-duration:var(--durationUltraSlow),var(--durationSlower);}", ".f1rjhkxy::before{transition-delay:var(--curveEasyEaseMax),var(--curveLinear);}", ".f163fonl::before{border-top-style:solid;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f11yjt3y::before{border-bottom-style:solid;}", ".f1rbtjc9::before{margin-top:calc(-2 * var(--strokeWidthThick));}", ".f1wm0e7m::before{margin-right:calc(-2 * var(--strokeWidthThick));}", ".f1o0l8kp::before{margin-left:calc(-2 * var(--strokeWidthThick));}", ".f1tz5420::before{margin-bottom:calc(-2 * var(--strokeWidthThick));}", ".f1q30tuz::before{border-top-width:var(--strokeWidthThick);}", ".f9c0djs::before{border-right-width:var(--strokeWidthThick);}", ".fcwzx2y::before{border-left-width:var(--strokeWidthThick);}", ".f1hdqo1a::before{border-bottom-width:var(--strokeWidthThick);}", ".fk7ejgl::before{margin-top:calc(-2 * var(--strokeWidthThicker));}", ".f12sbt0w::before{margin-right:calc(-2 * var(--strokeWidthThicker));}", ".f1tnh028::before{margin-left:calc(-2 * var(--strokeWidthThicker));}", ".fcrsff4::before{margin-bottom:calc(-2 * var(--strokeWidthThicker));}", ".f1jrge4j::before{border-top-width:var(--strokeWidthThicker);}", ".fc2vpa6::before{border-right-width:var(--strokeWidthThicker);}", ".f133djwz::before{border-left-width:var(--strokeWidthThicker);}", ".f9hcsm3::before{border-bottom-width:var(--strokeWidthThicker);}", ".fl3e39p::before{margin-top:calc(-2 * var(--strokeWidthThickest));}", ".f14m8wrz::before{margin-right:calc(-2 * var(--strokeWidthThickest));}", ".fckzhtt::before{margin-left:calc(-2 * var(--strokeWidthThickest));}", ".fnxq6pw::before{margin-bottom:calc(-2 * var(--strokeWidthThickest));}", ".fr6r3yi::before{border-top-width:var(--strokeWidthThickest);}", ".ftxoq8w::before{border-right-width:var(--strokeWidthThickest);}", ".f4gs2h8::before{border-left-width:var(--strokeWidthThickest);}", ".f9gga8r::before{border-bottom-width:var(--strokeWidthThickest);}", ".f196qwgu::before{box-shadow:var(--shadow4);}", ".fut48mo::before{box-shadow:var(--shadow8);}", ".fh2kfig::before{box-shadow:var(--shadow16);}", ".f4c2u2p::before{box-shadow:var(--shadow28);}", ".fp25eh{opacity:0.8;}", ".f1clczzi{-webkit-transform:scale(0.875);-moz-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);}", ".fxm264b{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}", ".fe3o830::before{margin-top:0;}", ".fzynn9s::before{margin-right:0;}", ".f1z0ukd1::before{margin-left:0;}", ".f1kyqvp9::before{margin-bottom:0;}", ".f1dhznln::before{opacity:0;}", ".f1yb2g89::before{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}", ".f1euv43f{position:absolute;}", ".f1yab3r1{bottom:0;}", ".f1e31b4d{right:0;}", ".f1vgc2s3{left:0;}", ".ffo9j2l{box-shadow:0 0 0 var(--strokeWidthThin) var(--colorNeutralBackground1);}", ".f1nayfl2{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground1);}", ".f15twtuk{top:0;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1d9uwra{border-bottom-right-radius:inherit;}", ".fzibvwi{border-bottom-left-radius:inherit;}", ".fuoumxm{border-top-right-radius:inherit;}", ".f1vtqnvc{border-top-left-radius:inherit;}", ".f1ps3kmd{object-fit:cover;}", ".f12kltsn{vertical-align:top;}", ".f1ewtqcl{box-sizing:border-box;}", ".fp6vxd{line-height:1;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fa4t5tb{vertical-align:center;}", ".f17mccla{text-align:center;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".f1ugzwwg{font-size:12px;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}", ".f1rt2boy{font-size:24px;}", ".f24l1pt{font-size:28px;}", ".ffl51b{font-size:32px;}", ".f18m8u13{font-size:48px;}"],
279
243
  "m": [["@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}", {
280
244
  "m": "screen and (prefers-reduced-motion: reduce)"
281
245
  }], ["@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}", {
@@ -357,134 +321,166 @@ export const useSizeStyles = /*#__PURE__*/__styles({
357
321
  const useColorStyles = /*#__PURE__*/__styles({
358
322
  "neutral": {
359
323
  "sj55zd": "f11d4kpn",
360
- "De3pzq": "f18f03hv"
324
+ "De3pzq": "f18f03hv",
325
+ "Bic5iru": "f1uuiafn"
361
326
  },
362
327
  "brand": {
363
328
  "sj55zd": "fonrgv7",
364
- "De3pzq": "f1blnnmj"
329
+ "De3pzq": "f1blnnmj",
330
+ "Bic5iru": "f1uuiafn"
365
331
  },
366
332
  "dark-red": {
367
333
  "sj55zd": "fqjd1y1",
368
- "De3pzq": "f1vq2oo4"
334
+ "De3pzq": "f1vq2oo4",
335
+ "Bic5iru": "f1t2x9on"
369
336
  },
370
337
  "cranberry": {
371
338
  "sj55zd": "fg9gses",
372
- "De3pzq": "f1lwxszt"
339
+ "De3pzq": "f1lwxszt",
340
+ "Bic5iru": "f1pvshc9"
373
341
  },
374
342
  "red": {
375
343
  "sj55zd": "f23f7i0",
376
- "De3pzq": "f1q9qhfq"
344
+ "De3pzq": "f1q9qhfq",
345
+ "Bic5iru": "f1ectbk9"
377
346
  },
378
347
  "pumpkin": {
379
348
  "sj55zd": "fjnan08",
380
- "De3pzq": "fz91bi3"
349
+ "De3pzq": "fz91bi3",
350
+ "Bic5iru": "fvzpl0b"
381
351
  },
382
352
  "peach": {
383
353
  "sj55zd": "fknu15p",
384
- "De3pzq": "f1b9nr51"
354
+ "De3pzq": "f1b9nr51",
355
+ "Bic5iru": "fwj2kd7"
385
356
  },
386
357
  "marigold": {
387
358
  "sj55zd": "f9603vw",
388
- "De3pzq": "f3z4w6d"
359
+ "De3pzq": "f3z4w6d",
360
+ "Bic5iru": "fr120vy"
389
361
  },
390
362
  "gold": {
391
363
  "sj55zd": "fmq0uwp",
392
- "De3pzq": "fg50kya"
364
+ "De3pzq": "fg50kya",
365
+ "Bic5iru": "f8xmmar"
393
366
  },
394
367
  "brass": {
395
368
  "sj55zd": "f28g5vo",
396
- "De3pzq": "f4w2gd0"
369
+ "De3pzq": "f4w2gd0",
370
+ "Bic5iru": "f1hbety2"
397
371
  },
398
372
  "brown": {
399
373
  "sj55zd": "ftl572b",
400
- "De3pzq": "f14wu1f4"
374
+ "De3pzq": "f14wu1f4",
375
+ "Bic5iru": "f1vg3s4g"
401
376
  },
402
377
  "forest": {
403
378
  "sj55zd": "f1gymlvd",
404
- "De3pzq": "f19ut4y6"
379
+ "De3pzq": "f19ut4y6",
380
+ "Bic5iru": "f1m3olm5"
405
381
  },
406
382
  "seafoam": {
407
383
  "sj55zd": "fnnb6wn",
408
- "De3pzq": "f1n057jc"
384
+ "De3pzq": "f1n057jc",
385
+ "Bic5iru": "f17xiqtr"
409
386
  },
410
387
  "dark-green": {
411
388
  "sj55zd": "ff58qw8",
412
- "De3pzq": "f11t05wk"
389
+ "De3pzq": "f11t05wk",
390
+ "Bic5iru": "fx32vyh"
413
391
  },
414
392
  "light-teal": {
415
393
  "sj55zd": "f1up9qbj",
416
- "De3pzq": "f42feg1"
394
+ "De3pzq": "f42feg1",
395
+ "Bic5iru": "f1mkihwv"
417
396
  },
418
397
  "teal": {
419
398
  "sj55zd": "f135dsb4",
420
- "De3pzq": "f6hvv1p"
399
+ "De3pzq": "f6hvv1p",
400
+ "Bic5iru": "fecnooh"
421
401
  },
422
402
  "steel": {
423
403
  "sj55zd": "f151dlcp",
424
- "De3pzq": "f1lnp8zf"
404
+ "De3pzq": "f1lnp8zf",
405
+ "Bic5iru": "f15hfgzm"
425
406
  },
426
407
  "blue": {
427
408
  "sj55zd": "f1rjv50u",
428
- "De3pzq": "f1ggcpy6"
409
+ "De3pzq": "f1ggcpy6",
410
+ "Bic5iru": "fqproka"
429
411
  },
430
412
  "royal-blue": {
431
413
  "sj55zd": "f1emykk5",
432
- "De3pzq": "f12rj61f"
414
+ "De3pzq": "f12rj61f",
415
+ "Bic5iru": "f17v2w59"
433
416
  },
434
417
  "cornflower": {
435
418
  "sj55zd": "fqsigj7",
436
- "De3pzq": "f8k7hur"
419
+ "De3pzq": "f8k7hur",
420
+ "Bic5iru": "fp0q1mo"
437
421
  },
438
422
  "navy": {
439
423
  "sj55zd": "f1nj97xi",
440
- "De3pzq": "f19gw0ux"
424
+ "De3pzq": "f19gw0ux",
425
+ "Bic5iru": "f1nlym55"
441
426
  },
442
427
  "lavender": {
443
428
  "sj55zd": "fwctg0i",
444
- "De3pzq": "ff379vm"
429
+ "De3pzq": "ff379vm",
430
+ "Bic5iru": "f62vk8h"
445
431
  },
446
432
  "purple": {
447
433
  "sj55zd": "fjrsgpu",
448
- "De3pzq": "f1mzf1e1"
434
+ "De3pzq": "f1mzf1e1",
435
+ "Bic5iru": "f15zl69q"
449
436
  },
450
437
  "grape": {
451
438
  "sj55zd": "f1fiiydq",
452
- "De3pzq": "f1o4k8oy"
439
+ "De3pzq": "f1o4k8oy",
440
+ "Bic5iru": "f53w4j7"
453
441
  },
454
442
  "lilac": {
455
443
  "sj55zd": "f1res9jt",
456
- "De3pzq": "f1x6mz1o"
444
+ "De3pzq": "f1x6mz1o",
445
+ "Bic5iru": "fu2771t"
457
446
  },
458
447
  "pink": {
459
448
  "sj55zd": "fv3fbbi",
460
- "De3pzq": "fydlv6t"
449
+ "De3pzq": "fydlv6t",
450
+ "Bic5iru": "fzflscs"
461
451
  },
462
452
  "magenta": {
463
453
  "sj55zd": "f1f1fwnz",
464
- "De3pzq": "f4xb6j5"
454
+ "De3pzq": "f4xb6j5",
455
+ "Bic5iru": "fb6rmqc"
465
456
  },
466
457
  "plum": {
467
458
  "sj55zd": "f8ptl6j",
468
- "De3pzq": "fqo8e26"
459
+ "De3pzq": "fqo8e26",
460
+ "Bic5iru": "f1a4gm5b"
469
461
  },
470
462
  "beige": {
471
463
  "sj55zd": "f1ntv3ld",
472
- "De3pzq": "f101elhj"
464
+ "De3pzq": "f101elhj",
465
+ "Bic5iru": "f1qpf9z1"
473
466
  },
474
467
  "mink": {
475
468
  "sj55zd": "f1fscmp",
476
- "De3pzq": "f13g8o5c"
469
+ "De3pzq": "f13g8o5c",
470
+ "Bic5iru": "f1l7or83"
477
471
  },
478
472
  "platinum": {
479
473
  "sj55zd": "f1dr00v2",
480
- "De3pzq": "fkh7blw"
474
+ "De3pzq": "fkh7blw",
475
+ "Bic5iru": "fzrj0iu"
481
476
  },
482
477
  "anchor": {
483
478
  "sj55zd": "f1f3ti53",
484
- "De3pzq": "fu4yj0j"
479
+ "De3pzq": "fu4yj0j",
480
+ "Bic5iru": "f8oz6wf"
485
481
  }
486
482
  }, {
487
- "d": [".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f18f03hv{background-color:var(--colorNeutralBackground6);}", ".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}", ".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}", ".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}", ".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}", ".fg9gses{color:var(--colorPaletteCranberryForeground2);}", ".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}", ".f23f7i0{color:var(--colorPaletteRedForeground2);}", ".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}", ".fjnan08{color:var(--colorPalettePumpkinForeground2);}", ".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}", ".fknu15p{color:var(--colorPalettePeachForeground2);}", ".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}", ".f9603vw{color:var(--colorPaletteMarigoldForeground2);}", ".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}", ".fmq0uwp{color:var(--colorPaletteGoldForeground2);}", ".fg50kya{background-color:var(--colorPaletteGoldBackground2);}", ".f28g5vo{color:var(--colorPaletteBrassForeground2);}", ".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}", ".ftl572b{color:var(--colorPaletteBrownForeground2);}", ".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}", ".f1gymlvd{color:var(--colorPaletteForestForeground2);}", ".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}", ".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}", ".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}", ".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}", ".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}", ".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}", ".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}", ".f135dsb4{color:var(--colorPaletteTealForeground2);}", ".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}", ".f151dlcp{color:var(--colorPaletteSteelForeground2);}", ".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}", ".f1rjv50u{color:var(--colorPaletteBlueForeground2);}", ".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}", ".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}", ".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}", ".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}", ".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}", ".f1nj97xi{color:var(--colorPaletteNavyForeground2);}", ".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}", ".fwctg0i{color:var(--colorPaletteLavenderForeground2);}", ".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}", ".fjrsgpu{color:var(--colorPalettePurpleForeground2);}", ".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}", ".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}", ".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}", ".f1res9jt{color:var(--colorPaletteLilacForeground2);}", ".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}", ".fv3fbbi{color:var(--colorPalettePinkForeground2);}", ".fydlv6t{background-color:var(--colorPalettePinkBackground2);}", ".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}", ".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}", ".f8ptl6j{color:var(--colorPalettePlumForeground2);}", ".fqo8e26{background-color:var(--colorPalettePlumBackground2);}", ".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}", ".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}", ".f1fscmp{color:var(--colorPaletteMinkForeground2);}", ".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}", ".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}", ".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}", ".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}", ".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}"]
483
+ "d": [".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f18f03hv{background-color:var(--colorNeutralBackground6);}", ".f1uuiafn::before{color:var(--colorBrandStroke1);}", ".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}", ".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}", ".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}", ".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}", ".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}", ".fg9gses{color:var(--colorPaletteCranberryForeground2);}", ".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}", ".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}", ".f23f7i0{color:var(--colorPaletteRedForeground2);}", ".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}", ".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}", ".fjnan08{color:var(--colorPalettePumpkinForeground2);}", ".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}", ".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}", ".fknu15p{color:var(--colorPalettePeachForeground2);}", ".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}", ".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}", ".f9603vw{color:var(--colorPaletteMarigoldForeground2);}", ".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}", ".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}", ".fmq0uwp{color:var(--colorPaletteGoldForeground2);}", ".fg50kya{background-color:var(--colorPaletteGoldBackground2);}", ".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}", ".f28g5vo{color:var(--colorPaletteBrassForeground2);}", ".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}", ".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}", ".ftl572b{color:var(--colorPaletteBrownForeground2);}", ".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}", ".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}", ".f1gymlvd{color:var(--colorPaletteForestForeground2);}", ".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}", ".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}", ".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}", ".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}", ".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}", ".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}", ".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}", ".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}", ".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}", ".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}", ".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}", ".f135dsb4{color:var(--colorPaletteTealForeground2);}", ".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}", ".fecnooh::before{color:var(--colorPaletteTealBorderActive);}", ".f151dlcp{color:var(--colorPaletteSteelForeground2);}", ".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}", ".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}", ".f1rjv50u{color:var(--colorPaletteBlueForeground2);}", ".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}", ".fqproka::before{color:var(--colorPaletteBlueBorderActive);}", ".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}", ".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}", ".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}", ".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}", ".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}", ".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}", ".f1nj97xi{color:var(--colorPaletteNavyForeground2);}", ".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}", ".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}", ".fwctg0i{color:var(--colorPaletteLavenderForeground2);}", ".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}", ".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}", ".fjrsgpu{color:var(--colorPalettePurpleForeground2);}", ".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}", ".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}", ".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}", ".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}", ".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}", ".f1res9jt{color:var(--colorPaletteLilacForeground2);}", ".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}", ".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}", ".fv3fbbi{color:var(--colorPalettePinkForeground2);}", ".fydlv6t{background-color:var(--colorPalettePinkBackground2);}", ".fzflscs::before{color:var(--colorPalettePinkBorderActive);}", ".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}", ".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}", ".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}", ".f8ptl6j{color:var(--colorPalettePlumForeground2);}", ".fqo8e26{background-color:var(--colorPalettePlumBackground2);}", ".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}", ".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}", ".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}", ".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}", ".f1fscmp{color:var(--colorPaletteMinkForeground2);}", ".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}", ".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}", ".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}", ".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}", ".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}", ".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}", ".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}", ".f8oz6wf::before{color:var(--colorPaletteAnchorBorderActive);}"]
488
484
  });
489
485
 
490
486
  export const useAvatarStyles_unstable = state => {