@fluentui/react-badge 0.0.0-nightlyf3ce1fbe1d20211110.1 → 0.0.0-nightlyfc5cfdc52420220215.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (94) hide show
  1. package/CHANGELOG.json +299 -16
  2. package/CHANGELOG.md +70 -11
  3. package/dist/react-badge.d.ts +27 -28
  4. package/lib/components/Badge/Badge.d.ts +1 -1
  5. package/lib/components/Badge/Badge.js +7 -7
  6. package/lib/components/Badge/Badge.js.map +1 -1
  7. package/lib/components/Badge/Badge.types.d.ts +4 -5
  8. package/lib/components/Badge/index.d.ts +1 -1
  9. package/lib/components/Badge/index.js +0 -1
  10. package/lib/components/Badge/index.js.map +1 -1
  11. package/lib/components/Badge/renderBadge.d.ts +1 -1
  12. package/lib/components/Badge/renderBadge.js +6 -3
  13. package/lib/components/Badge/renderBadge.js.map +1 -1
  14. package/lib/components/Badge/useBadge.d.ts +1 -1
  15. package/lib/components/Badge/useBadge.js +1 -1
  16. package/lib/components/Badge/useBadge.js.map +1 -1
  17. package/lib/components/Badge/useBadgeStyles.d.ts +1 -1
  18. package/lib/components/Badge/useBadgeStyles.js +209 -203
  19. package/lib/components/Badge/useBadgeStyles.js.map +1 -1
  20. package/lib/components/CounterBadge/CounterBadge.d.ts +1 -1
  21. package/lib/components/CounterBadge/CounterBadge.js +7 -7
  22. package/lib/components/CounterBadge/CounterBadge.js.map +1 -1
  23. package/lib/components/CounterBadge/CounterBadge.types.d.ts +9 -9
  24. package/lib/components/CounterBadge/useCounterBadge.d.ts +1 -1
  25. package/lib/components/CounterBadge/useCounterBadge.js +3 -3
  26. package/lib/components/CounterBadge/useCounterBadge.js.map +1 -1
  27. package/lib/components/CounterBadge/useCounterBadgeStyles.d.ts +1 -1
  28. package/lib/components/CounterBadge/useCounterBadgeStyles.js +7 -38
  29. package/lib/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  30. package/lib/components/PresenceBadge/PresenceBadge.d.ts +1 -1
  31. package/lib/components/PresenceBadge/PresenceBadge.js +7 -7
  32. package/lib/components/PresenceBadge/PresenceBadge.js.map +1 -1
  33. package/lib/components/PresenceBadge/PresenceBadge.types.d.ts +7 -5
  34. package/lib/components/PresenceBadge/presenceIcons.d.ts +11 -0
  35. package/lib/components/PresenceBadge/presenceIcons.js +128 -0
  36. package/lib/components/PresenceBadge/presenceIcons.js.map +1 -0
  37. package/lib/components/PresenceBadge/usePresenceBadge.d.ts +1 -1
  38. package/lib/components/PresenceBadge/usePresenceBadge.js +32 -18
  39. package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  40. package/lib/components/PresenceBadge/usePresenceBadgeStyles.d.ts +1 -1
  41. package/lib/components/PresenceBadge/usePresenceBadgeStyles.js +40 -44
  42. package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  43. package/lib-commonjs/components/Badge/Badge.d.ts +1 -1
  44. package/lib-commonjs/components/Badge/Badge.js +4 -4
  45. package/lib-commonjs/components/Badge/Badge.js.map +1 -1
  46. package/lib-commonjs/components/Badge/Badge.types.d.ts +4 -5
  47. package/lib-commonjs/components/Badge/index.d.ts +1 -1
  48. package/lib-commonjs/components/Badge/index.js +0 -2
  49. package/lib-commonjs/components/Badge/index.js.map +1 -1
  50. package/lib-commonjs/components/Badge/renderBadge.d.ts +1 -1
  51. package/lib-commonjs/components/Badge/renderBadge.js +8 -5
  52. package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
  53. package/lib-commonjs/components/Badge/useBadge.d.ts +1 -1
  54. package/lib-commonjs/components/Badge/useBadge.js +3 -3
  55. package/lib-commonjs/components/Badge/useBadge.js.map +1 -1
  56. package/lib-commonjs/components/Badge/useBadgeStyles.d.ts +1 -1
  57. package/lib-commonjs/components/Badge/useBadgeStyles.js +212 -205
  58. package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
  59. package/lib-commonjs/components/CounterBadge/CounterBadge.d.ts +1 -1
  60. package/lib-commonjs/components/CounterBadge/CounterBadge.js +4 -4
  61. package/lib-commonjs/components/CounterBadge/CounterBadge.js.map +1 -1
  62. package/lib-commonjs/components/CounterBadge/CounterBadge.types.d.ts +9 -9
  63. package/lib-commonjs/components/CounterBadge/useCounterBadge.d.ts +1 -1
  64. package/lib-commonjs/components/CounterBadge/useCounterBadge.js +4 -4
  65. package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map +1 -1
  66. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.d.ts +1 -1
  67. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js +9 -40
  68. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  69. package/lib-commonjs/components/PresenceBadge/PresenceBadge.d.ts +1 -1
  70. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js +4 -4
  71. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js.map +1 -1
  72. package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.d.ts +7 -5
  73. package/lib-commonjs/components/PresenceBadge/presenceIcons.d.ts +11 -0
  74. package/lib-commonjs/components/PresenceBadge/presenceIcons.js +136 -0
  75. package/lib-commonjs/components/PresenceBadge/presenceIcons.js.map +1 -0
  76. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.d.ts +1 -1
  77. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js +32 -18
  78. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  79. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.d.ts +1 -1
  80. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js +43 -47
  81. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  82. package/package.json +14 -15
  83. package/lib/common/isConformant.d.ts +0 -4
  84. package/lib/common/isConformant.js +0 -13
  85. package/lib/common/isConformant.js.map +0 -1
  86. package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts +0 -10
  87. package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js +0 -98
  88. package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +0 -1
  89. package/lib-commonjs/common/isConformant.d.ts +0 -4
  90. package/lib-commonjs/common/isConformant.js +0 -24
  91. package/lib-commonjs/common/isConformant.js.map +0 -1
  92. package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts +0 -10
  93. package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js +0 -113
  94. package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +0 -1
@@ -1,18 +1,13 @@
1
- import { mergeClasses, __styles } from '@fluentui/react-make-styles';
1
+ import { shorthands, mergeClasses, __styles } from '@griffel/react';
2
+ import { tokens } from '@fluentui/react-theme';
2
3
  export const badgeClassName = 'fui-Badge';
3
4
 
4
- const useStyles = /*#__PURE__*/__styles({
5
- "root": {
5
+ const useRootStyles = /*#__PURE__*/__styles({
6
+ "base": {
6
7
  "mc9l5x": "ftuwxu6",
7
8
  "B7ck84d": "f1ewtqcl",
8
9
  "Bt984gj": "f122n59",
9
10
  "Brf1p80": "f4d9j23",
10
- "De3pzq": "ffp7eso",
11
- "g2u3we": "f1vp46cd",
12
- "h3c5rm": ["f1lxz1cr", "ff8nh0i"],
13
- "B9xav0g": "fe9j8it",
14
- "zhjwy3": ["ff8nh0i", "f1lxz1cr"],
15
- "sj55zd": "f1phragk",
16
11
  "Bhrd7zp": "fl43uef",
17
12
  "B4j52fo": "f192inf7",
18
13
  "Bekrc4i": ["f5tn483", "f1ojsxk5"],
@@ -25,86 +20,98 @@ const useStyles = /*#__PURE__*/__styles({
25
20
  "Bahqtrf": "fk6fouc",
26
21
  "qhf8xq": "f10pi13n"
27
22
  },
28
- "rootTiny": {
23
+ "tiny": {
29
24
  "a9b677": "f16dn6v3",
30
25
  "Bqenvij": "f3mu39s",
31
26
  "Be2twd7": "f130uwy9"
32
27
  },
33
- "rootExtraSmall": {
28
+ "extra-small": {
34
29
  "a9b677": "fpd43o0",
35
30
  "Bqenvij": "f30q22z",
36
31
  "Be2twd7": "f1tccstq"
37
32
  },
38
- "rootSmall": {
33
+ "small": {
39
34
  "Bf4jedk": "fq2vo04",
40
35
  "Bqenvij": "fd461yt",
41
- "z189sj": ["f1sgzk6v", "f1bg5zqg"],
42
- "uwmqm3": ["f1bg5zqg", "f1sgzk6v"],
43
- "rmohyg": "f4xv25i",
36
+ "z8tnut": "fq1loh5",
37
+ "z189sj": ["f12huiiw", "f161knb0"],
38
+ "Byoj8tv": "futqtb8",
39
+ "uwmqm3": ["f161knb0", "f12huiiw"],
40
+ "i8kkvl": "f1q8lukm",
41
+ "Belr9w4": "f1ma2n7n",
44
42
  "Be2twd7": "f1n0apg3"
45
43
  },
46
- "rootMedium": {
44
+ "medium": {
47
45
  "Bqenvij": "fjamq6b",
48
46
  "Bf4jedk": "f11u7vat",
49
- "rmohyg": "f4xv25i",
50
- "z189sj": ["f19lj068", "f177v4lu"],
51
- "uwmqm3": ["f177v4lu", "f19lj068"],
47
+ "i8kkvl": "f1q8lukm",
48
+ "Belr9w4": "f1ma2n7n",
49
+ "z8tnut": "f10ra9hq",
50
+ "z189sj": ["f8wuabp", "fycuoez"],
51
+ "Byoj8tv": "f1y2xyjm",
52
+ "uwmqm3": ["fycuoez", "f8wuabp"],
52
53
  "Be2twd7": "fnmn6fi"
53
54
  },
54
- "rootLarge": {
55
+ "large": {
55
56
  "Bf4jedk": "f17fgpbq",
56
57
  "Bqenvij": "frvgh55",
57
- "z189sj": ["f19lj068", "f177v4lu"],
58
- "uwmqm3": ["f177v4lu", "f19lj068"],
58
+ "z8tnut": "f10ra9hq",
59
+ "z189sj": ["f8wuabp", "fycuoez"],
60
+ "Byoj8tv": "f1y2xyjm",
61
+ "uwmqm3": ["fycuoez", "f8wuabp"],
59
62
  "Be2twd7": "f1ugzwwg",
60
- "rmohyg": "f19jf40t"
63
+ "i8kkvl": "f1q8lukm",
64
+ "Belr9w4": "f1ma2n7n"
61
65
  },
62
- "rootExtraLarge": {
66
+ "extra-large": {
63
67
  "Bf4jedk": "fwbmr0d",
64
68
  "Bqenvij": "f1d2rq10",
65
- "z189sj": ["f11qrl6u", "fjlbh76"],
66
- "uwmqm3": ["fjlbh76", "f11qrl6u"],
67
- "rmohyg": "f19jf40t",
69
+ "z8tnut": "f1xp5gbu",
70
+ "z189sj": ["f1sgzk6v", "f1bg5zqg"],
71
+ "Byoj8tv": "f1d7kygh",
72
+ "uwmqm3": ["f1bg5zqg", "f1sgzk6v"],
73
+ "i8kkvl": "fgfbwa2",
74
+ "Belr9w4": "f1y3hx6l",
68
75
  "Be2twd7": "f1ugzwwg",
69
76
  "B4j52fo": "f18zi460",
70
77
  "Bekrc4i": ["f1wpluaz", "fsfsuhs"],
71
78
  "Bn0qgzm": "fmklw6v",
72
79
  "ibv6hh": ["fsfsuhs", "f1wpluaz"]
73
80
  },
74
- "rootRounded": {
75
- "Dimara": "ft85np5"
76
- },
77
- "rootRoundedSmallToTiny": {
78
- "Dimara": "fq9zq91"
79
- },
80
- "rootCircular": {
81
- "Dimara": "f1rt4pet"
82
- },
83
- "rootGhost": {
84
- "ayd6f0": "f2imlf6",
85
- "icvyot": "f1ern45e",
86
- "vrafjx": ["f1n71otn", "f1deefiw"],
87
- "oivjwe": "f1h8hb77",
88
- "wvpqe5": ["f1deefiw", "f1n71otn"],
89
- "sj55zd": "f1817uup"
81
+ "square": {},
82
+ "rounded": {
83
+ "Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
84
+ "Beyfa6y": ["f16jpd5f", "f1aa9q02"],
85
+ "B7oj6ja": ["f1jar5jt", "fyu767a"],
86
+ "Btl43ni": ["fyu767a", "f1jar5jt"]
87
+ },
88
+ "roundedSmallToTiny": {
89
+ "Bbmb7ep": ["f1g3puop", "fi2rrw2"],
90
+ "Beyfa6y": ["fi2rrw2", "f1g3puop"],
91
+ "B7oj6ja": ["f1rstyi9", "f1s4nn1u"],
92
+ "Btl43ni": ["f1s4nn1u", "f1rstyi9"]
93
+ },
94
+ "circular": {
95
+ "Bbmb7ep": ["fxyqdnz", "fib3qew"],
96
+ "Beyfa6y": ["fib3qew", "fxyqdnz"],
97
+ "B7oj6ja": ["f14p2bvz", "fdqj3q4"],
98
+ "Btl43ni": ["fdqj3q4", "f14p2bvz"]
99
+ },
100
+ "filled": {
101
+ "g2u3we": "fghlq4f",
102
+ "h3c5rm": ["f1gn591s", "fjscplz"],
103
+ "B9xav0g": "fb073pr",
104
+ "zhjwy3": ["fjscplz", "f1gn591s"]
90
105
  },
91
- "rootOutline": {
92
- "ayd6f0": "f2imlf6",
106
+ "filled-brand": {
107
+ "De3pzq": "ffp7eso",
108
+ "sj55zd": "f1phragk",
93
109
  "g2u3we": "f1vp46cd",
94
110
  "h3c5rm": ["f1lxz1cr", "ff8nh0i"],
95
111
  "B9xav0g": "fe9j8it",
96
- "zhjwy3": ["ff8nh0i", "f1lxz1cr"],
97
- "sj55zd": "f1817uup"
98
- },
99
- "rootTint": {
100
- "De3pzq": "f16xkysk",
101
- "sj55zd": "faj9fo0",
102
- "g2u3we": "fwhevhj",
103
- "h3c5rm": ["f61n433", "f1q8l70w"],
104
- "B9xav0g": "fv1dfc8",
105
- "zhjwy3": ["f1q8l70w", "f61n433"]
112
+ "zhjwy3": ["ff8nh0i", "f1lxz1cr"]
106
113
  },
107
- "rootFilledDanger": {
114
+ "filled-danger": {
108
115
  "De3pzq": "fdl5y0r",
109
116
  "sj55zd": "f1phragk",
110
117
  "g2u3we": "f11ttmz8",
@@ -112,51 +119,27 @@ const useStyles = /*#__PURE__*/__styles({
112
119
  "B9xav0g": "fvovscg",
113
120
  "zhjwy3": ["f459ikj", "f1ratw88"]
114
121
  },
115
- "rootOutlineDanger": {
116
- "sj55zd": "f1whyuy6",
117
- "g2u3we": "f1tg094z",
118
- "h3c5rm": ["f19abfc5", "f1cj97ds"],
119
- "B9xav0g": "f1i5u4jy",
120
- "zhjwy3": ["f1cj97ds", "f19abfc5"]
121
- },
122
- "rootTintDanger": {
123
- "De3pzq": "ff0poqj",
124
- "sj55zd": "f1hcrxcs",
125
- "g2u3we": "fkvqoq2",
126
- "h3c5rm": ["f1abpjw7", "fzsnz0r"],
127
- "B9xav0g": "f9kvmvw",
128
- "zhjwy3": ["fzsnz0r", "f1abpjw7"]
122
+ "filled-important": {
123
+ "De3pzq": "f1c73kur",
124
+ "sj55zd": "fr0bkrk"
129
125
  },
130
- "rootGhostDanger": {
131
- "sj55zd": "f1whyuy6"
126
+ "filled-informative": {
127
+ "De3pzq": "f3vzo32",
128
+ "sj55zd": "f11d4kpn"
132
129
  },
133
- "rootFilledSevere": {
130
+ "filled-severe": {
134
131
  "De3pzq": "f1s438gw",
135
- "sj55zd": "f1phragk",
136
- "g2u3we": "fwhevhj",
137
- "h3c5rm": ["f61n433", "f1q8l70w"],
138
- "B9xav0g": "fv1dfc8",
139
- "zhjwy3": ["f1q8l70w", "f61n433"]
140
- },
141
- "rootOutlineSevere": {
142
- "sj55zd": "f1l8vj45",
143
- "g2u3we": "f1wahxdx",
144
- "h3c5rm": ["fpbzgcg", "f1g7u8zt"],
145
- "B9xav0g": "f1wrnc4t",
146
- "zhjwy3": ["f1g7u8zt", "fpbzgcg"]
147
- },
148
- "rootTintSevere": {
149
- "De3pzq": "f1xzsg4",
150
- "sj55zd": "f1k5f75o",
151
- "g2u3we": "f18s257e",
152
- "h3c5rm": ["f13ptu4t", "fiwx4jo"],
153
- "B9xav0g": "f1geyuz0",
154
- "zhjwy3": ["fiwx4jo", "f13ptu4t"]
132
+ "sj55zd": "f1phragk"
155
133
  },
156
- "rootGhostSevere": {
157
- "sj55zd": "f1l8vj45"
134
+ "filled-subtle": {
135
+ "De3pzq": "fxugw4r",
136
+ "sj55zd": "f19n0e5"
158
137
  },
159
- "rootFilledWarning": {
138
+ "filled-success": {
139
+ "De3pzq": "flxk52p",
140
+ "sj55zd": "f1phragk"
141
+ },
142
+ "filled-warning": {
160
143
  "De3pzq": "ffq97bm",
161
144
  "sj55zd": "f19n0e5",
162
145
  "g2u3we": "f1gyeiz5",
@@ -164,119 +147,116 @@ const useStyles = /*#__PURE__*/__styles({
164
147
  "B9xav0g": "f102bkgo",
165
148
  "zhjwy3": ["fd1epeu", "f1jnj1iq"]
166
149
  },
167
- "rootOutlineWarning": {
168
- "sj55zd": "fpti2h4",
169
- "g2u3we": "fbahunb",
170
- "h3c5rm": ["fa2hcp6", "f1cr20yc"],
171
- "B9xav0g": "f1fbl5g1",
172
- "zhjwy3": ["f1cr20yc", "fa2hcp6"]
150
+ "ghost": {
151
+ "icvyot": "f1ern45e",
152
+ "vrafjx": ["f1n71otn", "f1deefiw"],
153
+ "oivjwe": "f1h8hb77",
154
+ "wvpqe5": ["f1deefiw", "f1n71otn"]
173
155
  },
174
- "rootTintWarning": {
175
- "De3pzq": "f10s6hli",
176
- "sj55zd": "fpti2h4",
177
- "g2u3we": "f1e2bpek",
178
- "h3c5rm": ["fnu3uvp", "fdpwmi9"],
179
- "B9xav0g": "fk8fs0c",
180
- "zhjwy3": ["fdpwmi9", "fnu3uvp"]
156
+ "ghost-brand": {
157
+ "sj55zd": "f1817uup"
181
158
  },
182
- "rootGhostWarning": {
183
- "sj55zd": "fpti2h4"
159
+ "ghost-danger": {
160
+ "sj55zd": "f1whyuy6"
184
161
  },
185
- "rootFilledSuccess": {
186
- "De3pzq": "flxk52p",
187
- "sj55zd": "f1phragk",
188
- "g2u3we": "fwhevhj",
189
- "h3c5rm": ["f61n433", "f1q8l70w"],
190
- "B9xav0g": "fv1dfc8",
191
- "zhjwy3": ["f1q8l70w", "f61n433"]
192
- },
193
- "rootOutlineSuccess": {
194
- "sj55zd": "f1sms7z7",
195
- "g2u3we": "f7obisw",
196
- "h3c5rm": ["f108f34s", "f1chpoyh"],
197
- "B9xav0g": "f1xtovf2",
198
- "zhjwy3": ["f1chpoyh", "f108f34s"]
199
- },
200
- "rootTintSuccess": {
201
- "De3pzq": "f2vsrz6",
202
- "sj55zd": "ffmvakt",
203
- "g2u3we": "f3m3qtd",
204
- "h3c5rm": ["f1bjyn17", "fksln3n"],
205
- "B9xav0g": "frg4y0o",
206
- "zhjwy3": ["fksln3n", "f1bjyn17"]
162
+ "ghost-important": {
163
+ "sj55zd": "f19n0e5"
164
+ },
165
+ "ghost-informative": {
166
+ "sj55zd": "f11d4kpn"
167
+ },
168
+ "ghost-severe": {
169
+ "sj55zd": "f1l8vj45"
170
+ },
171
+ "ghost-subtle": {
172
+ "sj55zd": "fqpbvvt"
207
173
  },
208
- "rootGhostSuccess": {
174
+ "ghost-success": {
209
175
  "sj55zd": "f1m7fhi8"
210
176
  },
211
- "rootFilledImportant": {
212
- "De3pzq": "f1c73kur",
213
- "sj55zd": "fr0bkrk",
214
- "g2u3we": "fghlq4f",
215
- "h3c5rm": ["f1gn591s", "fjscplz"],
216
- "B9xav0g": "fb073pr",
217
- "zhjwy3": ["fjscplz", "f1gn591s"]
177
+ "ghost-warning": {
178
+ "sj55zd": "fpti2h4"
218
179
  },
219
- "rootOutlineImportant": {
220
- "sj55zd": "f19n0e5",
221
- "g2u3we": "fnp0ra0",
222
- "h3c5rm": ["fanr40h", "f1nwaeql"],
223
- "B9xav0g": "f15ntglx",
224
- "zhjwy3": ["f1nwaeql", "fanr40h"]
180
+ "outline": {
181
+ "g2u3we": "f23ftbb",
182
+ "h3c5rm": ["f1gkuv52", "f1p1bl80"],
183
+ "B9xav0g": "fioka3i",
184
+ "zhjwy3": ["f1p1bl80", "f1gkuv52"]
225
185
  },
226
- "rootTintImportant": {
227
- "De3pzq": "f945g0u",
228
- "sj55zd": "fr0bkrk",
229
- "g2u3we": "fghlq4f",
230
- "h3c5rm": ["f1gn591s", "fjscplz"],
231
- "B9xav0g": "fb073pr",
232
- "zhjwy3": ["fjscplz", "f1gn591s"]
186
+ "outline-brand": {
187
+ "sj55zd": "f1817uup"
233
188
  },
234
- "rootGhostImportant": {
235
- "sj55zd": "f19n0e5"
189
+ "outline-danger": {
190
+ "sj55zd": "f1whyuy6"
236
191
  },
237
- "rootFilledInformative": {
238
- "De3pzq": "f3vzo32",
192
+ "outline-important": {
239
193
  "sj55zd": "f11d4kpn",
240
- "g2u3we": "fghlq4f",
241
- "h3c5rm": ["f1gn591s", "fjscplz"],
242
- "B9xav0g": "fb073pr",
243
- "zhjwy3": ["fjscplz", "f1gn591s"]
244
- },
245
- "rootOutlineInformative": {
246
- "De3pzq": "f1s438gw",
247
- "sj55zd": "f11z005f",
248
- "g2u3we": "f1o6yoc8",
249
- "h3c5rm": ["fdav146", "f6dh4jx"],
250
- "B9xav0g": "fhjohzm",
251
- "zhjwy3": ["f6dh4jx", "fdav146"]
194
+ "g2u3we": "fq0vr37",
195
+ "h3c5rm": ["f1byw159", "f11cr0be"],
196
+ "B9xav0g": "f1c1zstj",
197
+ "zhjwy3": ["f11cr0be", "f1byw159"]
252
198
  },
253
- "rootTintInformative": {
254
- "De3pzq": "f1ctqxl6",
199
+ "outline-informative": {
255
200
  "sj55zd": "f11d4kpn",
256
201
  "g2u3we": "f68mrw8",
257
202
  "h3c5rm": ["f7pw515", "fw35ms5"],
258
203
  "B9xav0g": "frpde29",
259
204
  "zhjwy3": ["fw35ms5", "f7pw515"]
260
205
  },
261
- "rootGhostInformative": {
262
- "sj55zd": "f11z005f"
206
+ "outline-severe": {
207
+ "sj55zd": "f1l8vj45"
263
208
  },
264
- "rootFilledSubtle": {
265
- "De3pzq": "fxugw4r",
266
- "sj55zd": "f19n0e5",
209
+ "outline-subtle": {
210
+ "sj55zd": "fqpbvvt"
211
+ },
212
+ "outline-success": {
213
+ "sj55zd": "f1sms7z7"
214
+ },
215
+ "outline-warning": {
216
+ "sj55zd": "fpti2h4"
217
+ },
218
+ "tint": {},
219
+ "tint-brand": {
220
+ "De3pzq": "f16xkysk",
221
+ "sj55zd": "faj9fo0",
222
+ "g2u3we": "f161y7kd",
223
+ "h3c5rm": ["f1c8dzaj", "f1sl6hi9"],
224
+ "B9xav0g": "f1619yhw",
225
+ "zhjwy3": ["f1sl6hi9", "f1c8dzaj"]
226
+ },
227
+ "tint-danger": {
228
+ "De3pzq": "ff0poqj",
229
+ "sj55zd": "f1hcrxcs",
230
+ "g2u3we": "f1oqjm8o",
231
+ "h3c5rm": ["fkgrb8g", "frb5wm0"],
232
+ "B9xav0g": "f1iai1ph",
233
+ "zhjwy3": ["frb5wm0", "fkgrb8g"]
234
+ },
235
+ "tint-important": {
236
+ "De3pzq": "f945g0u",
237
+ "sj55zd": "fr0bkrk",
267
238
  "g2u3we": "fghlq4f",
268
239
  "h3c5rm": ["f1gn591s", "fjscplz"],
269
240
  "B9xav0g": "fb073pr",
270
241
  "zhjwy3": ["fjscplz", "f1gn591s"]
271
242
  },
272
- "rootOutlineSubtle": {
273
- "sj55zd": "f1phragk",
274
- "g2u3we": "fm1ebug",
275
- "h3c5rm": ["f28omuz", "f1uhflii"],
276
- "B9xav0g": "f1ixw5o4",
277
- "zhjwy3": ["f1uhflii", "f28omuz"]
243
+ "tint-informative": {
244
+ "De3pzq": "f1ctqxl6",
245
+ "sj55zd": "f11d4kpn",
246
+ "g2u3we": "f68mrw8",
247
+ "h3c5rm": ["f7pw515", "fw35ms5"],
248
+ "B9xav0g": "frpde29",
249
+ "zhjwy3": ["fw35ms5", "f7pw515"]
278
250
  },
279
- "rootTintSubtle": {
251
+ "tint-severe": {
252
+ "De3pzq": "f1xzsg4",
253
+ "sj55zd": "f1k5f75o",
254
+ "g2u3we": "f18s257e",
255
+ "h3c5rm": ["f13ptu4t", "fiwx4jo"],
256
+ "B9xav0g": "f1geyuz0",
257
+ "zhjwy3": ["fiwx4jo", "f13ptu4t"]
258
+ },
259
+ "tint-subtle": {
280
260
  "De3pzq": "fxugw4r",
281
261
  "sj55zd": "f11d4kpn",
282
262
  "g2u3we": "f68mrw8",
@@ -284,40 +264,66 @@ const useStyles = /*#__PURE__*/__styles({
284
264
  "B9xav0g": "frpde29",
285
265
  "zhjwy3": ["fw35ms5", "f7pw515"]
286
266
  },
287
- "rootGhostSubtle": {
288
- "sj55zd": "f1phragk"
267
+ "tint-success": {
268
+ "De3pzq": "f2vsrz6",
269
+ "sj55zd": "ffmvakt",
270
+ "g2u3we": "f3m3qtd",
271
+ "h3c5rm": ["f1bjyn17", "fksln3n"],
272
+ "B9xav0g": "frg4y0o",
273
+ "zhjwy3": ["fksln3n", "f1bjyn17"]
289
274
  },
290
- "icon": {
275
+ "tint-warning": {
276
+ "De3pzq": "f10s6hli",
277
+ "sj55zd": "fpti2h4",
278
+ "g2u3we": "f1e2bpek",
279
+ "h3c5rm": ["fnu3uvp", "fdpwmi9"],
280
+ "B9xav0g": "fk8fs0c",
281
+ "zhjwy3": ["fdpwmi9", "fnu3uvp"]
282
+ }
283
+ }, {
284
+ "d": [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1ewtqcl{box-sizing:border-box;}", ".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;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".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;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f10pi13n{position:relative;}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f130uwy9{font-size:4px;}", ".fpd43o0{width:10px;}", ".f30q22z{height:10px;}", ".f1tccstq{font-size:6px;}", ".fq2vo04{min-width:16px;}", ".fd461yt{height:16px;}", ".fq1loh5{padding-top:2px;}", ".f12huiiw{padding-right:2px;}", ".f161knb0{padding-left:2px;}", ".futqtb8{padding-bottom:2px;}", ".f1q8lukm{-webkit-column-gap:4px;column-gap:4px;}", ".f1ma2n7n{row-gap:4px;}", ".f1n0apg3{font-size:8px;}", ".fjamq6b{height:20px;}", ".f11u7vat{min-width:20px;}", ".f10ra9hq{padding-top:4px;}", ".f8wuabp{padding-right:4px;}", ".fycuoez{padding-left:4px;}", ".f1y2xyjm{padding-bottom:4px;}", ".fnmn6fi{font-size:10px;}", ".f17fgpbq{min-width:24px;}", ".frvgh55{height:24px;}", ".f1ugzwwg{font-size:12px;}", ".fwbmr0d{min-width:32px;}", ".f1d2rq10{height:32px;}", ".f1xp5gbu{padding-top:6px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f1d7kygh{padding-bottom:6px;}", ".fgfbwa2{-webkit-column-gap:6px;column-gap:6px;}", ".f1y3hx6l{row-gap:6px;}", ".f18zi460{border-top-width:var(--strokeWidthThick);}", ".f1wpluaz{border-right-width:var(--strokeWidthThick);}", ".fsfsuhs{border-left-width:var(--strokeWidthThick);}", ".fmklw6v{border-bottom-width:var(--strokeWidthThick);}", ".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);}", ".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);}", ".fxyqdnz{border-bottom-right-radius:99px;}", ".fib3qew{border-bottom-left-radius:99px;}", ".f14p2bvz{border-top-right-radius:99px;}", ".fdqj3q4{border-top-left-radius:99px;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".f1vp46cd{border-top-color:var(--colorBrandBackground);}", ".f1lxz1cr{border-right-color:var(--colorBrandBackground);}", ".ff8nh0i{border-left-color:var(--colorBrandBackground);}", ".fe9j8it{border-bottom-color:var(--colorBrandBackground);}", ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}", ".f11ttmz8{border-top-color:var(--colorPaletteRedBackground3);}", ".f1ratw88{border-right-color:var(--colorPaletteRedBackground3);}", ".f459ikj{border-left-color:var(--colorPaletteRedBackground3);}", ".fvovscg{border-bottom-color:var(--colorPaletteRedBackground3);}", ".f1c73kur{background-color:var(--colorNeutralForeground1);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".f3vzo32{background-color:var(--colorNeutralBackground5);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".flxk52p{background-color:var(--colorPaletteGreenBackground3);}", ".ffq97bm{background-color:var(--colorPaletteYellowBackground3);}", ".f1gyeiz5{border-top-color:var(--colorPaletteYellowBackground3);}", ".f1jnj1iq{border-right-color:var(--colorPaletteYellowBackground3);}", ".fd1epeu{border-left-color:var(--colorPaletteYellowBackground3);}", ".f102bkgo{border-bottom-color:var(--colorPaletteYellowBackground3);}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f1817uup{color:var(--colorBrandBackground);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}", ".fpti2h4{color:var(--colorPaletteYellowForeground2);}", ".f23ftbb{border-top-color:currentColor;}", ".f1gkuv52{border-right-color:currentColor;}", ".f1p1bl80{border-left-color:currentColor;}", ".fioka3i{border-bottom-color:currentColor;}", ".fq0vr37{border-top-color:var(--colorNeutralStrokeAccessible);}", ".f1byw159{border-right-color:var(--colorNeutralStrokeAccessible);}", ".f11cr0be{border-left-color:var(--colorNeutralStrokeAccessible);}", ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".f1sms7z7{color:var(--colorPaletteGreenForeground2);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", ".faj9fo0{color:var(--colorBrandForeground2);}", ".f161y7kd{border-top-color:var(--colorBrandStroke2);}", ".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}", ".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}", ".f1619yhw{border-bottom-color:var(--colorBrandStroke2);}", ".ff0poqj{background-color:var(--colorPaletteRedBackground1);}", ".f1hcrxcs{color:var(--colorPaletteRedForeground1);}", ".f1oqjm8o{border-top-color:var(--colorPaletteRedBorder1);}", ".fkgrb8g{border-right-color:var(--colorPaletteRedBorder1);}", ".frb5wm0{border-left-color:var(--colorPaletteRedBorder1);}", ".f1iai1ph{border-bottom-color:var(--colorPaletteRedBorder1);}", ".f945g0u{background-color:var(--colorNeutralForeground3);}", ".f1ctqxl6{background-color:var(--colorNeutralBackground4);}", ".f1xzsg4{background-color:var(--colorPaletteDarkOrangeBackground1);}", ".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}", ".f18s257e{border-top-color:var(--colorPaletteDarkOrangeForeground2);}", ".f13ptu4t{border-right-color:var(--colorPaletteDarkOrangeForeground2);}", ".fiwx4jo{border-left-color:var(--colorPaletteDarkOrangeForeground2);}", ".f1geyuz0{border-bottom-color:var(--colorPaletteDarkOrangeForeground2);}", ".f2vsrz6{background-color:var(--colorPaletteGreenBackground1);}", ".ffmvakt{color:var(--colorPaletteGreenForeground1);}", ".f3m3qtd{border-top-color:var(--colorPaletteGreenBackground2);}", ".f1bjyn17{border-right-color:var(--colorPaletteGreenBackground2);}", ".fksln3n{border-left-color:var(--colorPaletteGreenBackground2);}", ".frg4y0o{border-bottom-color:var(--colorPaletteGreenBackground2);}", ".f10s6hli{background-color:var(--colorPaletteYellowBackground1);}", ".f1e2bpek{border-top-color:var(--colorPaletteYellowBackground2);}", ".fnu3uvp{border-right-color:var(--colorPaletteYellowBackground2);}", ".fdpwmi9{border-left-color:var(--colorPaletteYellowBackground2);}", ".fk8fs0c{border-bottom-color:var(--colorPaletteYellowBackground2);}"]
285
+ });
286
+
287
+ const useIconStyles = /*#__PURE__*/__styles({
288
+ "base": {
291
289
  "mc9l5x": "f22iagw",
292
290
  "Bmliigx": "fxe27oy",
293
291
  "Bt984gj": "f122n59",
294
292
  "Bqenvij": "f1l02sjl"
293
+ },
294
+ "tiny": {
295
+ "Be2twd7": "f1tccstq"
296
+ },
297
+ "extra-small": {
298
+ "Be2twd7": "fnmn6fi"
299
+ },
300
+ "small": {
301
+ "Be2twd7": "f1ugzwwg"
302
+ },
303
+ "medium": {
304
+ "Be2twd7": "f1ugzwwg"
305
+ },
306
+ "large": {
307
+ "Be2twd7": "f4ybsrx"
308
+ },
309
+ "extra-large": {
310
+ "Be2twd7": "fe5j1ua"
295
311
  }
296
312
  }, {
297
- "d": [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1ewtqcl{box-sizing:border-box;}", ".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;}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1vp46cd{border-top-color:var(--colorBrandBackground);}", ".f1lxz1cr{border-right-color:var(--colorBrandBackground);}", ".ff8nh0i{border-left-color:var(--colorBrandBackground);}", ".fe9j8it{border-bottom-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".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;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f10pi13n{position:relative;}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f130uwy9{font-size:4px;}", ".fpd43o0{width:10px;}", ".f30q22z{height:10px;}", ".f1tccstq{font-size:6px;}", ".fq2vo04{min-width:16px;}", ".fd461yt{height:16px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f4xv25i{gap:4px;}", ".f1n0apg3{font-size:8px;}", ".fjamq6b{height:20px;}", ".f11u7vat{min-width:20px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".fnmn6fi{font-size:10px;}", ".f17fgpbq{min-width:24px;}", ".frvgh55{height:24px;}", ".f1ugzwwg{font-size:12px;}", ".f19jf40t{gap:6px;}", ".fwbmr0d{min-width:32px;}", ".f1d2rq10{height:32px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".f18zi460{border-top-width:var(--strokeWidthThick);}", ".f1wpluaz{border-right-width:var(--strokeWidthThick);}", ".fsfsuhs{border-left-width:var(--strokeWidthThick);}", ".fmklw6v{border-bottom-width:var(--strokeWidthThick);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".fq9zq91{border-radius:var(--borderRadiusSmall);}", ".f1rt4pet{border-radius:99px;}", ".f2imlf6{background:transparent;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f1817uup{color:var(--colorBrandBackground);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", ".faj9fo0{color:var(--colorBrandForeground2);}", ".fwhevhj{border-top-color:none;}", ".f61n433{border-right-color:none;}", ".f1q8l70w{border-left-color:none;}", ".fv1dfc8{border-bottom-color:none;}", ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}", ".f11ttmz8{border-top-color:var(--colorPaletteRedBackground3);}", ".f1ratw88{border-right-color:var(--colorPaletteRedBackground3);}", ".f459ikj{border-left-color:var(--colorPaletteRedBackground3);}", ".fvovscg{border-bottom-color:var(--colorPaletteRedBackground3);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".f1tg094z{border-top-color:var(--colorPaletteRedForeground3);}", ".f19abfc5{border-right-color:var(--colorPaletteRedForeground3);}", ".f1cj97ds{border-left-color:var(--colorPaletteRedForeground3);}", ".f1i5u4jy{border-bottom-color:var(--colorPaletteRedForeground3);}", ".ff0poqj{background-color:var(--colorPaletteRedBackground1);}", ".f1hcrxcs{color:var(--colorPaletteRedForeground1);}", ".fkvqoq2{border-top-color:var(--colorPaletteRedForeground2);}", ".f1abpjw7{border-right-color:var(--colorPaletteRedForeground2);}", ".fzsnz0r{border-left-color:var(--colorPaletteRedForeground2);}", ".f9kvmvw{border-bottom-color:var(--colorPaletteRedForeground2);}", ".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}", ".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}", ".f1wahxdx{border-top-color:var(--colorPaletteDarkOrangeForeground3);}", ".fpbzgcg{border-right-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1g7u8zt{border-left-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1wrnc4t{border-bottom-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1xzsg4{background-color:var(--colorPaletteDarkOrangeBackground1);}", ".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}", ".f18s257e{border-top-color:var(--colorPaletteDarkOrangeForeground2);}", ".f13ptu4t{border-right-color:var(--colorPaletteDarkOrangeForeground2);}", ".fiwx4jo{border-left-color:var(--colorPaletteDarkOrangeForeground2);}", ".f1geyuz0{border-bottom-color:var(--colorPaletteDarkOrangeForeground2);}", ".ffq97bm{background-color:var(--colorPaletteYellowBackground3);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1gyeiz5{border-top-color:var(--colorPaletteYellowBackground3);}", ".f1jnj1iq{border-right-color:var(--colorPaletteYellowBackground3);}", ".fd1epeu{border-left-color:var(--colorPaletteYellowBackground3);}", ".f102bkgo{border-bottom-color:var(--colorPaletteYellowBackground3);}", ".fpti2h4{color:var(--colorPaletteYellowForeground2);}", ".fbahunb{border-top-color:var(--colorPaletteYellowForeground2);}", ".fa2hcp6{border-right-color:var(--colorPaletteYellowForeground2);}", ".f1cr20yc{border-left-color:var(--colorPaletteYellowForeground2);}", ".f1fbl5g1{border-bottom-color:var(--colorPaletteYellowForeground2);}", ".f10s6hli{background-color:var(--colorPaletteYellowBackground1);}", ".f1e2bpek{border-top-color:var(--colorPaletteYellowBackground2);}", ".fnu3uvp{border-right-color:var(--colorPaletteYellowBackground2);}", ".fdpwmi9{border-left-color:var(--colorPaletteYellowBackground2);}", ".fk8fs0c{border-bottom-color:var(--colorPaletteYellowBackground2);}", ".flxk52p{background-color:var(--colorPaletteGreenBackground3);}", ".f1sms7z7{color:var(--colorPaletteGreenForeground2);}", ".f7obisw{border-top-color:var(--colorPaletteGreenForeground2);}", ".f108f34s{border-right-color:var(--colorPaletteGreenForeground2);}", ".f1chpoyh{border-left-color:var(--colorPaletteGreenForeground2);}", ".f1xtovf2{border-bottom-color:var(--colorPaletteGreenForeground2);}", ".f2vsrz6{background-color:var(--colorPaletteGreenBackground1);}", ".ffmvakt{color:var(--colorPaletteGreenForeground1);}", ".f3m3qtd{border-top-color:var(--colorPaletteGreenBackground2);}", ".f1bjyn17{border-right-color:var(--colorPaletteGreenBackground2);}", ".fksln3n{border-left-color:var(--colorPaletteGreenBackground2);}", ".frg4y0o{border-bottom-color:var(--colorPaletteGreenBackground2);}", ".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}", ".f1c73kur{background-color:var(--colorNeutralForeground1);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".fnp0ra0{border-top-color:var(--colorNeutralForeground1);}", ".fanr40h{border-right-color:var(--colorNeutralForeground1);}", ".f1nwaeql{border-left-color:var(--colorNeutralForeground1);}", ".f15ntglx{border-bottom-color:var(--colorNeutralForeground1);}", ".f945g0u{background-color:var(--colorNeutralForeground3);}", ".f3vzo32{background-color:var(--colorNeutralBackground5);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f11z005f{color:var(--colorNeutralBackground5);}", ".f1o6yoc8{border-top-color:var(--colorNeutralBackground5);}", ".fdav146{border-right-color:var(--colorNeutralBackground5);}", ".f6dh4jx{border-left-color:var(--colorNeutralBackground5);}", ".fhjohzm{border-bottom-color:var(--colorNeutralBackground5);}", ".f1ctqxl6{background-color:var(--colorNeutralBackground4);}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}", ".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fxe27oy{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;}", ".f1l02sjl{height:100%;}"]
313
+ "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fxe27oy{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1l02sjl{height:100%;}", ".f1tccstq{font-size:6px;}", ".fnmn6fi{font-size:10px;}", ".f1ugzwwg{font-size:12px;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}"]
298
314
  });
299
315
  /**
300
316
  * Applies style classnames to slots
301
317
  */
302
318
 
303
319
 
304
- export const useBadgeStyles = state => {
305
- const styles = useStyles();
306
- const isGhost = state.appearance === 'ghost';
307
- const isOutline = state.appearance === 'outline';
308
- const isTint = state.appearance === 'tint';
309
- const isFilled = state.appearance === 'filled';
310
- const isDanger = state.color === 'danger';
311
- const isSevere = state.color === 'severe';
312
- const isWarning = state.color === 'warning';
313
- const isSuccess = state.color === 'success';
314
- const isImportant = state.color === 'important';
315
- const isInformative = state.color === 'informative';
316
- const isSubtle = state.color === 'subtle';
317
- state.root.className = mergeClasses(badgeClassName, styles.root, state.size === 'tiny' && styles.rootTiny, state.size === 'extra-small' && styles.rootExtraSmall, state.size === 'small' && styles.rootSmall, state.size === 'medium' && styles.rootMedium, state.size === 'large' && styles.rootLarge, state.size === 'extra-large' && styles.rootExtraLarge, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shape === 'rounded' && (state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny') && styles.rootRoundedSmallToTiny, isGhost && styles.rootGhost, isOutline && styles.rootOutline, isTint && styles.rootTint, isFilled && isDanger && styles.rootFilledDanger, isOutline && isDanger && styles.rootOutlineDanger, isTint && isDanger && styles.rootTintDanger, isGhost && isDanger && styles.rootGhostDanger, isFilled && isSevere && styles.rootFilledSevere, isOutline && isSevere && styles.rootOutlineSevere, isTint && isSevere && styles.rootTintSevere, isGhost && isSevere && styles.rootGhostSevere, isFilled && isWarning && styles.rootFilledWarning, isOutline && isWarning && styles.rootOutlineWarning, isTint && isWarning && styles.rootTintWarning, isGhost && isWarning && styles.rootGhostWarning, isFilled && isSuccess && styles.rootFilledSuccess, isOutline && isSuccess && styles.rootOutlineSuccess, isTint && isSuccess && styles.rootTintSuccess, isGhost && isSuccess && styles.rootGhostSuccess, isFilled && isImportant && styles.rootFilledImportant, isOutline && isImportant && styles.rootOutlineImportant, isTint && isImportant && styles.rootTintImportant, isGhost && isImportant && styles.rootGhostImportant, isFilled && isInformative && styles.rootFilledInformative, isOutline && isInformative && styles.rootOutlineInformative, isTint && isInformative && styles.rootTintInformative, isGhost && isInformative && styles.rootGhostInformative, isFilled && isSubtle && styles.rootFilledSubtle, isOutline && isSubtle && styles.rootOutlineSubtle, isTint && isSubtle && styles.rootTintSubtle, isGhost && isSubtle && styles.rootGhostSubtle, state.root.className);
320
+ export const useBadgeStyles_unstable = state => {
321
+ const rootStyles = useRootStyles();
322
+ state.root.className = mergeClasses(badgeClassName, rootStyles.base, rootStyles[state.size], rootStyles[state.shape], state.shape === 'rounded' && (state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny') && rootStyles.roundedSmallToTiny, rootStyles[state.appearance], rootStyles[`${state.appearance}-${state.color}`], state.root.className);
323
+ const iconStyles = useIconStyles();
318
324
 
319
325
  if (state.icon) {
320
- state.icon.className = mergeClasses(styles.icon, state.icon.className);
326
+ state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);
321
327
  }
322
328
 
323
329
  return state;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
@@ -1,6 +1,6 @@
1
1
  import type { CounterBadgeProps } from './CounterBadge.types';
2
2
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
3
  /**
4
- * Define a styled CounterBadge, using the `useCounterBadge` hook.
4
+ * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
5
5
  */
6
6
  export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;
@@ -1,15 +1,15 @@
1
1
  import * as React from 'react';
2
- import { useCounterBadge } from './useCounterBadge';
3
- import { useCounterBadgeStyles } from './useCounterBadgeStyles';
4
- import { renderBadge } from '../Badge/index';
2
+ import { useCounterBadge_unstable } from './useCounterBadge';
3
+ import { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';
4
+ import { renderBadge_unstable } from '../Badge/index';
5
5
  /**
6
- * Define a styled CounterBadge, using the `useCounterBadge` hook.
6
+ * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
7
7
  */
8
8
 
9
9
  export const CounterBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
10
- const state = useCounterBadge(props, ref);
11
- useCounterBadgeStyles(state);
12
- return renderBadge(state);
10
+ const state = useCounterBadge_unstable(props, ref);
11
+ useCounterBadgeStyles_unstable(state);
12
+ return renderBadge_unstable(state);
13
13
  });
14
14
  CounterBadge.displayName = 'CounterBadge';
15
15
  //# sourceMappingURL=CounterBadge.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,eAAT,QAAgC,mBAAhC;AACA,SAAS,qBAAT,QAAsC,yBAAtC;AACA,SAAS,WAAT,QAA4B,gBAA5B;AAIA;;AAEG;;AACH,OAAO,MAAM,YAAY,gBAA2C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClG,QAAM,KAAK,GAAG,eAAe,CAAC,KAAD,EAAQ,GAAR,CAA7B;AACA,EAAA,qBAAqB,CAAC,KAAD,CAArB;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALmE,CAA7D;AAOP,YAAY,CAAC,WAAb,GAA2B,cAA3B","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,wBAAT,QAAyC,mBAAzC;AACA,SAAS,8BAAT,QAA+C,yBAA/C;AACA,SAAS,oBAAT,QAAqC,gBAArC;AAIA;;AAEG;;AACH,OAAO,MAAM,YAAY,gBAA2C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClG,QAAM,KAAK,GAAG,wBAAwB,CAAC,KAAD,EAAQ,GAAR,CAAtC;AACA,EAAA,8BAA8B,CAAC,KAAD,CAA9B;AAEA,SAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CALmE,CAA7D;AAOP,YAAY,CAAC,WAAb,GAA2B,cAA3B","sourceRoot":""}