@cfpb/cfpb-design-system 4.2.4 → 4.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (218) hide show
  1. package/CHANGELOG.md +186 -1
  2. package/dist/components/cfpb-buttons/index.css +1 -1
  3. package/dist/components/cfpb-buttons/index.css.map +2 -2
  4. package/dist/components/cfpb-buttons/index.js +1 -1
  5. package/dist/components/cfpb-buttons/index.js.map +1 -1
  6. package/dist/components/cfpb-expandables/index.css +1 -1
  7. package/dist/components/cfpb-expandables/index.css.map +2 -2
  8. package/dist/components/cfpb-expandables/index.js +1 -1
  9. package/dist/components/cfpb-expandables/index.js.map +4 -4
  10. package/dist/components/cfpb-forms/index.css +1 -1
  11. package/dist/components/cfpb-forms/index.css.map +2 -2
  12. package/dist/components/cfpb-forms/index.js +1 -1
  13. package/dist/components/cfpb-forms/index.js.map +2 -2
  14. package/dist/components/cfpb-icons/index.css +1 -1
  15. package/dist/components/cfpb-icons/index.css.map +2 -2
  16. package/dist/components/cfpb-icons/index.js +1 -1
  17. package/dist/components/cfpb-icons/index.js.map +1 -1
  18. package/dist/components/cfpb-layout/index.css +1 -1
  19. package/dist/components/cfpb-layout/index.css.map +2 -2
  20. package/dist/components/cfpb-layout/index.js +1 -1
  21. package/dist/components/cfpb-layout/index.js.map +1 -1
  22. package/dist/components/cfpb-notifications/index.css +1 -1
  23. package/dist/components/cfpb-notifications/index.css.map +2 -2
  24. package/dist/components/cfpb-notifications/index.js +1 -1
  25. package/dist/components/cfpb-notifications/index.js.map +1 -1
  26. package/dist/components/cfpb-pagination/index.css +1 -1
  27. package/dist/components/cfpb-pagination/index.css.map +2 -2
  28. package/dist/components/cfpb-pagination/index.js +1 -1
  29. package/dist/components/cfpb-pagination/index.js.map +1 -1
  30. package/dist/components/cfpb-tables/index.css +1 -1
  31. package/dist/components/cfpb-tables/index.css.map +2 -2
  32. package/dist/components/cfpb-tables/index.js +1 -1
  33. package/dist/components/cfpb-tables/index.js.map +1 -1
  34. package/dist/components/cfpb-tooltips/index.css +1 -1
  35. package/dist/components/cfpb-tooltips/index.css.map +2 -2
  36. package/dist/components/cfpb-tooltips/index.js +1 -1
  37. package/dist/components/cfpb-tooltips/index.js.map +1 -1
  38. package/dist/components/cfpb-typography/index.css +1 -1
  39. package/dist/components/cfpb-typography/index.css.map +2 -2
  40. package/dist/components/cfpb-typography/index.js +1 -1
  41. package/dist/components/cfpb-typography/index.js.map +1 -1
  42. package/dist/elements/abstracts/index.js +2 -0
  43. package/dist/elements/abstracts/index.js.map +7 -0
  44. package/dist/elements/base/index.css +3 -0
  45. package/dist/elements/base/index.css.map +7 -0
  46. package/dist/elements/base/index.js +2 -0
  47. package/dist/elements/base/index.js.map +7 -0
  48. package/dist/elements/cfpb-button/index.js +4 -4
  49. package/dist/elements/cfpb-button/index.js.map +3 -3
  50. package/dist/elements/cfpb-checkbox-icon/index.js +29 -0
  51. package/dist/elements/{cfpb-checkbox → cfpb-checkbox-icon}/index.js.map +4 -4
  52. package/dist/elements/cfpb-expandable/index.css +2 -0
  53. package/dist/elements/cfpb-expandable/index.css.map +7 -0
  54. package/dist/elements/cfpb-expandable/index.js +33 -0
  55. package/dist/elements/cfpb-expandable/index.js.map +7 -0
  56. package/dist/elements/cfpb-file-upload/index.js +4 -4
  57. package/dist/elements/cfpb-file-upload/index.js.map +3 -3
  58. package/dist/elements/cfpb-form-alert/index.js +32 -0
  59. package/dist/elements/cfpb-form-alert/index.js.map +7 -0
  60. package/dist/elements/cfpb-form-choice/index.js +12 -3
  61. package/dist/elements/cfpb-form-choice/index.js.map +4 -4
  62. package/dist/elements/cfpb-form-search/index.js +41 -0
  63. package/dist/elements/cfpb-form-search/index.js.map +7 -0
  64. package/dist/elements/cfpb-form-search-input/index.js +41 -0
  65. package/dist/elements/cfpb-form-search-input/index.js.map +7 -0
  66. package/dist/elements/cfpb-icon-text/index.js +3 -3
  67. package/dist/elements/cfpb-icon-text/index.js.map +3 -3
  68. package/dist/elements/cfpb-label/index.js +3 -3
  69. package/dist/elements/cfpb-label/index.js.map +2 -2
  70. package/dist/elements/cfpb-list/index.js +39 -0
  71. package/dist/elements/cfpb-list/index.js.map +7 -0
  72. package/dist/elements/cfpb-list-item/index.js +39 -0
  73. package/dist/elements/cfpb-list-item/index.js.map +7 -0
  74. package/dist/elements/cfpb-multiselect/index.js +13 -4
  75. package/dist/elements/cfpb-multiselect/index.js.map +4 -4
  76. package/dist/elements/cfpb-pagination/index.js +3 -3
  77. package/dist/elements/cfpb-pagination/index.js.map +2 -2
  78. package/dist/elements/cfpb-select/index.css +2 -0
  79. package/dist/elements/cfpb-select/index.css.map +7 -0
  80. package/dist/elements/cfpb-select/index.js +42 -0
  81. package/dist/elements/cfpb-select/index.js.map +7 -0
  82. package/dist/elements/cfpb-select-list/index.js +39 -0
  83. package/dist/elements/cfpb-select-list/index.js.map +7 -0
  84. package/dist/elements/cfpb-tag-filter/index.js +3 -3
  85. package/dist/elements/cfpb-tag-filter/index.js.map +3 -3
  86. package/dist/elements/cfpb-tag-group/index.js +3 -3
  87. package/dist/elements/cfpb-tag-group/index.js.map +4 -4
  88. package/dist/elements/cfpb-tag-topic/index.js +4 -4
  89. package/dist/elements/cfpb-tag-topic/index.js.map +2 -2
  90. package/dist/elements/index.css +2 -0
  91. package/dist/elements/index.css.map +7 -0
  92. package/dist/elements/index.js +7 -6
  93. package/dist/elements/index.js.map +4 -4
  94. package/dist/index.css +1 -1
  95. package/dist/index.css.map +3 -3
  96. package/dist/index.js +7 -6
  97. package/dist/index.js.map +4 -4
  98. package/dist/utilities/index.css +1 -1
  99. package/dist/utilities/index.css.map +2 -2
  100. package/dist/utilities/index.js +1 -1
  101. package/dist/utilities/index.js.map +4 -4
  102. package/package.json +1 -1
  103. package/src/components/cfpb-buttons/button-group.scss +1 -1
  104. package/src/components/cfpb-buttons/button-link.scss +10 -54
  105. package/src/components/cfpb-buttons/button.scss +3 -3
  106. package/src/components/cfpb-buttons/vars.scss +1 -1
  107. package/src/components/cfpb-expandables/expandable-group.scss +1 -1
  108. package/src/components/cfpb-expandables/expandable.js +3 -0
  109. package/src/components/cfpb-expandables/expandable.scss +1 -1
  110. package/src/components/cfpb-expandables/summary.scss +1 -1
  111. package/src/components/cfpb-forms/form-alert.scss +1 -1
  112. package/src/components/cfpb-forms/form-field.scss +6 -6
  113. package/src/components/cfpb-forms/form.scss +1 -1
  114. package/src/components/cfpb-forms/label.scss +2 -2
  115. package/src/components/cfpb-forms/multiselect.js +1 -1
  116. package/src/components/cfpb-forms/multiselect.scss +1 -1
  117. package/src/components/cfpb-forms/range.scss +7 -7
  118. package/src/components/cfpb-forms/search-input.scss +1 -1
  119. package/src/components/cfpb-forms/select.scss +1 -1
  120. package/src/components/cfpb-forms/tag.scss +1 -1
  121. package/src/components/cfpb-forms/text-input.scss +1 -1
  122. package/src/components/cfpb-icons/icon.scss +1 -1
  123. package/src/components/cfpb-layout/card-group.scss +1 -1
  124. package/src/components/cfpb-layout/card.scss +1 -1
  125. package/src/components/cfpb-layout/email-signup.scss +1 -1
  126. package/src/components/cfpb-layout/featured-content-module.scss +1 -1
  127. package/src/components/cfpb-layout/hero.scss +1 -1
  128. package/src/components/cfpb-layout/layout.scss +9 -9
  129. package/src/components/cfpb-layout/well.scss +1 -1
  130. package/src/components/cfpb-notifications/banner.scss +1 -1
  131. package/src/components/cfpb-notifications/notification.scss +1 -1
  132. package/src/components/cfpb-pagination/pagination.scss +1 -1
  133. package/src/components/cfpb-tables/table.scss +1 -1
  134. package/src/components/cfpb-tooltips/tooltip.scss +1 -1
  135. package/src/components/cfpb-typography/date.scss +1 -1
  136. package/src/components/cfpb-typography/list.scss +1 -1
  137. package/src/components/cfpb-typography/meta-header.scss +1 -1
  138. package/src/components/cfpb-typography/mixins.scss +1 -1
  139. package/src/components/cfpb-typography/pull-quote.scss +1 -1
  140. package/src/components/cfpb-typography/slug-header.scss +1 -1
  141. package/src/components/cfpb-typography/tagline.scss +1 -1
  142. package/src/elements/abstracts/custom-props.css +123 -0
  143. package/src/{abstracts → elements/abstracts}/grid-mixins.scss +2 -1
  144. package/src/{abstracts → elements/abstracts}/heading-mixins.scss +1 -0
  145. package/src/{abstracts → elements/abstracts}/index.scss +1 -0
  146. package/src/{abstracts → elements/abstracts}/media-queries.scss +1 -1
  147. package/src/elements/abstracts/sizing-vars.scss +66 -0
  148. package/src/elements/abstracts/vars.css +79 -0
  149. package/src/{base → elements/base}/base.scss +14 -14
  150. package/src/elements/cfpb-button/cfpb-button-group.scss +12 -0
  151. package/src/elements/cfpb-button/cfpb-button-link.scss +103 -0
  152. package/src/elements/cfpb-button/cfpb-button.component.scss +11 -4
  153. package/src/elements/cfpb-button/cfpb-button.scss +218 -0
  154. package/src/elements/cfpb-button/index.js +44 -30
  155. package/src/elements/cfpb-button/vars.css +30 -0
  156. package/src/elements/cfpb-checkbox-icon/cfpb-checkbox-icon.component.scss +88 -0
  157. package/src/elements/cfpb-checkbox-icon/index.js +104 -0
  158. package/src/elements/cfpb-expandable/cfpb-expandable.component.scss +218 -0
  159. package/src/elements/cfpb-expandable/index.js +127 -0
  160. package/src/elements/cfpb-file-upload/cfpb-file-upload.component.scss +2 -2
  161. package/src/elements/cfpb-file-upload/index.js +25 -27
  162. package/src/elements/cfpb-form-alert/cfpb-form-alert.component.scss +36 -0
  163. package/src/elements/cfpb-form-alert/index.js +55 -0
  164. package/src/elements/cfpb-form-choice/cfpb-form-choice.component.scss +42 -81
  165. package/src/elements/cfpb-form-choice/index.js +58 -18
  166. package/src/elements/cfpb-form-search/cfpb-form-search.component.scss +54 -0
  167. package/src/elements/cfpb-form-search/index.js +194 -0
  168. package/src/elements/cfpb-form-search-input/cfpb-form-search-input.component.scss +217 -0
  169. package/src/elements/cfpb-form-search-input/index.js +140 -0
  170. package/src/elements/cfpb-icon-text/cfpb-icon-text.component.scss +33 -39
  171. package/src/elements/cfpb-icon-text/index.js +32 -104
  172. package/src/elements/cfpb-label/cfpb-label.component.scss +2 -2
  173. package/src/elements/cfpb-label/index.js +6 -9
  174. package/src/elements/cfpb-list/cfpb-list.component.scss +34 -0
  175. package/src/elements/cfpb-list/index.js +379 -0
  176. package/src/elements/cfpb-list/index.spec.js +214 -0
  177. package/src/elements/cfpb-list-item/cfpb-list-item.component.scss +69 -0
  178. package/src/elements/cfpb-list-item/index.js +215 -0
  179. package/src/elements/cfpb-pagination/cfpb-pagination.component.scss +2 -7
  180. package/src/elements/cfpb-pagination/index.js +6 -8
  181. package/src/elements/cfpb-select/cfpb-select.component.scss +241 -0
  182. package/src/elements/cfpb-select/index.js +371 -0
  183. package/src/elements/cfpb-select/multiple-select-event-proxy.js +88 -0
  184. package/src/elements/cfpb-select/single-select-event-proxy.js +47 -0
  185. package/src/elements/cfpb-tag-filter/cfpb-tag-filter.component.scss +6 -3
  186. package/src/elements/cfpb-tag-filter/index.js +15 -7
  187. package/src/elements/cfpb-tag-group/cfpb-tag-group.component.scss +2 -2
  188. package/src/elements/cfpb-tag-group/index.js +53 -6
  189. package/src/elements/cfpb-tag-topic/cfpb-tag-topic.component.scss +2 -2
  190. package/src/elements/cfpb-tag-topic/index.js +5 -7
  191. package/src/elements/cfpb-utilities/parse-child-data.js +50 -0
  192. package/src/elements/cfpb-utilities/parse-child-data.spec.js +56 -0
  193. package/src/elements/cfpb-utilities/search-service.js +46 -0
  194. package/src/elements/cfpb-utilities/search-service.spec.js +138 -0
  195. package/src/elements/cfpb-utilities/transition/transition.scss +98 -0
  196. package/src/elements/index.js +7 -1
  197. package/src/index.js +2 -2
  198. package/src/index.scss +14 -2
  199. package/src/tokens/abstracts/custom-props.json +1642 -0
  200. package/src/tokens/abstracts/vars.json +1319 -0
  201. package/src/tokens/cfpb-button/vars.json +436 -0
  202. package/src/utilities/breakpoint-state.js +1 -1
  203. package/src/utilities/transition/max-height-transition.js +74 -0
  204. package/src/utilities/utilities.scss +1 -1
  205. package/dist/elements/cfpb-checkbox/index.js +0 -29
  206. package/src/abstracts/custom-props.scss +0 -175
  207. package/src/abstracts/vars.scss +0 -184
  208. package/src/elements/cfpb-multiselect/cfpb-multiselect.component.scss +0 -225
  209. package/src/elements/cfpb-multiselect/index.js +0 -444
  210. package/src/elements/cfpb-multiselect/multiselect-model.js +0 -288
  211. package/src/elements/cfpb-multiselect/multiselect-model.spec.js +0 -236
  212. /package/src/{abstracts → elements/abstracts}/index.js +0 -0
  213. /package/src/{abstracts → elements/abstracts}/vars-breakpoints.js +0 -0
  214. /package/src/{abstracts → elements/abstracts}/vars-breakpoints.scss +0 -0
  215. /package/src/{base → elements/base}/font.scss +0 -0
  216. /package/src/{base → elements/base}/index.js +0 -0
  217. /package/src/{base → elements/base}/index.scss +0 -0
  218. /package/src/{base → elements/base}/normalize.scss +0 -0
@@ -0,0 +1,1319 @@
1
+ {
2
+ "abstracts-vars": {
3
+ "block-bg": {
4
+ "$type": "color",
5
+ "$value": "{abstracts-custom-props.gray-5}",
6
+ "$extensions": {
7
+ "com.figma": {
8
+ "collectionName": "abstracts-vars",
9
+ "collectionID": "VariableCollectionId:8191:7010",
10
+ "modeName": "default",
11
+ "modeID": "8191:2",
12
+ "variableName": "block-bg",
13
+ "variableID": "VariableID:8198:7076",
14
+ "alias": {
15
+ "type": "VARIABLE_ALIAS",
16
+ "id": "VariableID:296:232"
17
+ }
18
+ }
19
+ }
20
+ },
21
+ "block-border": {
22
+ "$type": "color",
23
+ "$value": "{abstracts-custom-props.gray-40}",
24
+ "$extensions": {
25
+ "com.figma": {
26
+ "collectionName": "abstracts-vars",
27
+ "collectionID": "VariableCollectionId:8191:7010",
28
+ "modeName": "default",
29
+ "modeID": "8191:2",
30
+ "variableName": "block-border",
31
+ "variableID": "VariableID:8198:7075",
32
+ "alias": {
33
+ "type": "VARIABLE_ALIAS",
34
+ "id": "VariableID:296:227"
35
+ }
36
+ }
37
+ }
38
+ },
39
+ "block-border-bottom": {
40
+ "$type": "color",
41
+ "$value": "{abstracts-vars.block-border}",
42
+ "$extensions": {
43
+ "com.figma": {
44
+ "collectionName": "abstracts-vars",
45
+ "collectionID": "VariableCollectionId:8191:7010",
46
+ "modeName": "default",
47
+ "modeID": "8191:2",
48
+ "variableName": "block-border-bottom",
49
+ "variableID": "VariableID:8198:7074",
50
+ "alias": {
51
+ "type": "VARIABLE_ALIAS",
52
+ "id": "VariableID:8198:7075"
53
+ }
54
+ }
55
+ }
56
+ },
57
+ "block-border-left": {
58
+ "$type": "color",
59
+ "$value": "{abstracts-vars.block-border}",
60
+ "$extensions": {
61
+ "com.figma": {
62
+ "collectionName": "abstracts-vars",
63
+ "collectionID": "VariableCollectionId:8191:7010",
64
+ "modeName": "default",
65
+ "modeID": "8191:2",
66
+ "variableName": "block-border-left",
67
+ "variableID": "VariableID:8198:7071",
68
+ "alias": {
69
+ "type": "VARIABLE_ALIAS",
70
+ "id": "VariableID:8198:7075"
71
+ }
72
+ }
73
+ }
74
+ },
75
+ "block-border-right": {
76
+ "$type": "color",
77
+ "$value": "{abstracts-vars.block-border}",
78
+ "$extensions": {
79
+ "com.figma": {
80
+ "collectionName": "abstracts-vars",
81
+ "collectionID": "VariableCollectionId:8191:7010",
82
+ "modeName": "default",
83
+ "modeID": "8191:2",
84
+ "variableName": "block-border-right",
85
+ "variableID": "VariableID:8198:7072",
86
+ "alias": {
87
+ "type": "VARIABLE_ALIAS",
88
+ "id": "VariableID:8198:7075"
89
+ }
90
+ }
91
+ }
92
+ },
93
+ "block-border-top": {
94
+ "$type": "color",
95
+ "$value": "{abstracts-vars.block-border}",
96
+ "$extensions": {
97
+ "com.figma": {
98
+ "collectionName": "abstracts-vars",
99
+ "collectionID": "VariableCollectionId:8191:7010",
100
+ "modeName": "default",
101
+ "modeID": "8191:2",
102
+ "variableName": "block-border-top",
103
+ "variableID": "VariableID:8198:7073",
104
+ "alias": {
105
+ "type": "VARIABLE_ALIAS",
106
+ "id": "VariableID:8198:7075"
107
+ }
108
+ }
109
+ }
110
+ },
111
+ "choice-bg-default": {
112
+ "$type": "color",
113
+ "$value": "{abstracts-custom-props.white}",
114
+ "$extensions": {
115
+ "com.figma": {
116
+ "collectionName": "abstracts-vars",
117
+ "collectionID": "VariableCollectionId:8191:7010",
118
+ "modeName": "default",
119
+ "modeID": "8191:2",
120
+ "variableName": "choice-bg-default",
121
+ "variableID": "VariableID:8202:7189",
122
+ "alias": {
123
+ "type": "VARIABLE_ALIAS",
124
+ "id": "VariableID:296:216"
125
+ }
126
+ }
127
+ }
128
+ },
129
+ "choice-bg-disabled": {
130
+ "$type": "color",
131
+ "$value": "{abstracts-custom-props.gray-10}",
132
+ "$extensions": {
133
+ "com.figma": {
134
+ "collectionName": "abstracts-vars",
135
+ "collectionID": "VariableCollectionId:8191:7010",
136
+ "modeName": "default",
137
+ "modeID": "8191:2",
138
+ "variableName": "choice-bg-disabled",
139
+ "variableID": "VariableID:8202:7188",
140
+ "alias": {
141
+ "type": "VARIABLE_ALIAS",
142
+ "id": "VariableID:296:231"
143
+ }
144
+ }
145
+ }
146
+ },
147
+ "choice-bg-selected-default": {
148
+ "$type": "color",
149
+ "$value": "{abstracts-custom-props.pacific}",
150
+ "$extensions": {
151
+ "com.figma": {
152
+ "collectionName": "abstracts-vars",
153
+ "collectionID": "VariableCollectionId:8191:7010",
154
+ "modeName": "default",
155
+ "modeID": "8191:2",
156
+ "variableName": "choice-bg-selected-default",
157
+ "variableID": "VariableID:8202:7198",
158
+ "alias": {
159
+ "type": "VARIABLE_ALIAS",
160
+ "id": "VariableID:296:182"
161
+ }
162
+ }
163
+ }
164
+ },
165
+ "choice-bg-selected-disabled": {
166
+ "$type": "color",
167
+ "$value": "{abstracts-custom-props.gray-40}",
168
+ "$extensions": {
169
+ "com.figma": {
170
+ "collectionName": "abstracts-vars",
171
+ "collectionID": "VariableCollectionId:8191:7010",
172
+ "modeName": "default",
173
+ "modeID": "8191:2",
174
+ "variableName": "choice-bg-selected-disabled",
175
+ "variableID": "VariableID:8202:7201",
176
+ "alias": {
177
+ "type": "VARIABLE_ALIAS",
178
+ "id": "VariableID:296:227"
179
+ }
180
+ }
181
+ }
182
+ },
183
+ "choice-bg-selected-focus-default": {
184
+ "$type": "color",
185
+ "$value": "{abstracts-custom-props.pacific}",
186
+ "$extensions": {
187
+ "com.figma": {
188
+ "collectionName": "abstracts-vars",
189
+ "collectionID": "VariableCollectionId:8191:7010",
190
+ "modeName": "default",
191
+ "modeID": "8191:2",
192
+ "variableName": "choice-bg-selected-focus-default",
193
+ "variableID": "VariableID:8202:7197",
194
+ "alias": {
195
+ "type": "VARIABLE_ALIAS",
196
+ "id": "VariableID:296:182"
197
+ }
198
+ }
199
+ }
200
+ },
201
+ "choice-border-default": {
202
+ "$type": "color",
203
+ "$value": "{abstracts-custom-props.gray-60}",
204
+ "$extensions": {
205
+ "com.figma": {
206
+ "collectionName": "abstracts-vars",
207
+ "collectionID": "VariableCollectionId:8191:7010",
208
+ "modeName": "default",
209
+ "modeID": "8191:2",
210
+ "variableName": "choice-border-default",
211
+ "variableID": "VariableID:8202:7194",
212
+ "alias": {
213
+ "type": "VARIABLE_ALIAS",
214
+ "id": "VariableID:296:225"
215
+ }
216
+ }
217
+ }
218
+ },
219
+ "choice-border-disabled": {
220
+ "$type": "color",
221
+ "$value": "{abstracts-custom-props.gray-60}",
222
+ "$extensions": {
223
+ "com.figma": {
224
+ "collectionName": "abstracts-vars",
225
+ "collectionID": "VariableCollectionId:8191:7010",
226
+ "modeName": "default",
227
+ "modeID": "8191:2",
228
+ "variableName": "choice-border-disabled",
229
+ "variableID": "VariableID:8202:7200",
230
+ "alias": {
231
+ "type": "VARIABLE_ALIAS",
232
+ "id": "VariableID:296:225"
233
+ }
234
+ }
235
+ }
236
+ },
237
+ "choice-border-error": {
238
+ "$type": "color",
239
+ "$value": "{abstracts-custom-props.red}",
240
+ "$extensions": {
241
+ "com.figma": {
242
+ "collectionName": "abstracts-vars",
243
+ "collectionID": "VariableCollectionId:8191:7010",
244
+ "modeName": "default",
245
+ "modeID": "8191:2",
246
+ "variableName": "choice-border-error",
247
+ "variableID": "VariableID:8202:7192",
248
+ "alias": {
249
+ "type": "VARIABLE_ALIAS",
250
+ "id": "VariableID:296:259"
251
+ }
252
+ }
253
+ }
254
+ },
255
+ "choice-border-focus-default": {
256
+ "$type": "color",
257
+ "$value": "{abstracts-custom-props.pacific}",
258
+ "$extensions": {
259
+ "com.figma": {
260
+ "collectionName": "abstracts-vars",
261
+ "collectionID": "VariableCollectionId:8191:7010",
262
+ "modeName": "default",
263
+ "modeID": "8191:2",
264
+ "variableName": "choice-border-focus-default",
265
+ "variableID": "VariableID:8202:7199",
266
+ "alias": {
267
+ "type": "VARIABLE_ALIAS",
268
+ "id": "VariableID:296:182"
269
+ }
270
+ }
271
+ }
272
+ },
273
+ "choice-border-hover-default": {
274
+ "$type": "color",
275
+ "$value": "{abstracts-custom-props.pacific}",
276
+ "$extensions": {
277
+ "com.figma": {
278
+ "collectionName": "abstracts-vars",
279
+ "collectionID": "VariableCollectionId:8191:7010",
280
+ "modeName": "default",
281
+ "modeID": "8191:2",
282
+ "variableName": "choice-border-hover-default",
283
+ "variableID": "VariableID:8202:7191",
284
+ "alias": {
285
+ "type": "VARIABLE_ALIAS",
286
+ "id": "VariableID:296:182"
287
+ }
288
+ }
289
+ }
290
+ },
291
+ "choice-border-success": {
292
+ "$type": "color",
293
+ "$value": "{abstracts-custom-props.green}",
294
+ "$extensions": {
295
+ "com.figma": {
296
+ "collectionName": "abstracts-vars",
297
+ "collectionID": "VariableCollectionId:8191:7010",
298
+ "modeName": "default",
299
+ "modeID": "8191:2",
300
+ "variableName": "choice-border-success",
301
+ "variableID": "VariableID:8202:7193",
302
+ "alias": {
303
+ "type": "VARIABLE_ALIAS",
304
+ "id": "VariableID:296:235"
305
+ }
306
+ }
307
+ }
308
+ },
309
+ "choice-border-warning": {
310
+ "$type": "color",
311
+ "$value": "{abstracts-custom-props.gold}",
312
+ "$extensions": {
313
+ "com.figma": {
314
+ "collectionName": "abstracts-vars",
315
+ "collectionID": "VariableCollectionId:8191:7010",
316
+ "modeName": "default",
317
+ "modeID": "8191:2",
318
+ "variableName": "choice-border-warning",
319
+ "variableID": "VariableID:8202:7195",
320
+ "alias": {
321
+ "type": "VARIABLE_ALIAS",
322
+ "id": "VariableID:296:271"
323
+ }
324
+ }
325
+ }
326
+ },
327
+ "choice-label-disabled-default": {
328
+ "$type": "color",
329
+ "$value": "{abstracts-custom-props.gray-dark}",
330
+ "$extensions": {
331
+ "com.figma": {
332
+ "collectionName": "abstracts-vars",
333
+ "collectionID": "VariableCollectionId:8191:7010",
334
+ "modeName": "default",
335
+ "modeID": "8191:2",
336
+ "variableName": "choice-label-disabled-default",
337
+ "variableID": "VariableID:8202:7196",
338
+ "alias": {
339
+ "type": "VARIABLE_ALIAS",
340
+ "id": "VariableID:296:219"
341
+ }
342
+ }
343
+ }
344
+ },
345
+ "choice-outline-focus-default": {
346
+ "$type": "color",
347
+ "$value": "{abstracts-custom-props.pacific}",
348
+ "$extensions": {
349
+ "com.figma": {
350
+ "collectionName": "abstracts-vars",
351
+ "collectionID": "VariableCollectionId:8191:7010",
352
+ "modeName": "default",
353
+ "modeID": "8191:2",
354
+ "variableName": "choice-outline-focus-default",
355
+ "variableID": "VariableID:8202:7190",
356
+ "alias": {
357
+ "type": "VARIABLE_ALIAS",
358
+ "id": "VariableID:296:182"
359
+ }
360
+ }
361
+ }
362
+ },
363
+ "code-bg": {
364
+ "$type": "color",
365
+ "$value": "{abstracts-custom-props.gray-5}",
366
+ "$extensions": {
367
+ "com.figma": {
368
+ "collectionName": "abstracts-vars",
369
+ "collectionID": "VariableCollectionId:8191:7010",
370
+ "modeName": "default",
371
+ "modeID": "8191:2",
372
+ "variableName": "code-bg",
373
+ "variableID": "VariableID:8198:7056",
374
+ "alias": {
375
+ "type": "VARIABLE_ALIAS",
376
+ "id": "VariableID:296:232"
377
+ }
378
+ }
379
+ }
380
+ },
381
+ "code-text": {
382
+ "$type": "color",
383
+ "$value": "{abstracts-vars.text}",
384
+ "$extensions": {
385
+ "com.figma": {
386
+ "collectionName": "abstracts-vars",
387
+ "collectionID": "VariableCollectionId:8191:7010",
388
+ "modeName": "default",
389
+ "modeID": "8191:2",
390
+ "variableName": "code-text",
391
+ "variableID": "VariableID:8198:7057",
392
+ "alias": {
393
+ "type": "VARIABLE_ALIAS",
394
+ "id": "VariableID:8191:7015"
395
+ }
396
+ }
397
+ }
398
+ },
399
+ "content-main-border": {
400
+ "$type": "color",
401
+ "$value": "{abstracts-custom-props.gray-40}",
402
+ "$extensions": {
403
+ "com.figma": {
404
+ "collectionName": "abstracts-vars",
405
+ "collectionID": "VariableCollectionId:8191:7010",
406
+ "modeName": "default",
407
+ "modeID": "8191:2",
408
+ "variableName": "content-main-border",
409
+ "variableID": "VariableID:8198:7080",
410
+ "alias": {
411
+ "type": "VARIABLE_ALIAS",
412
+ "id": "VariableID:296:227"
413
+ }
414
+ }
415
+ }
416
+ },
417
+ "form-alert-icon-color-default": {
418
+ "$type": "color",
419
+ "$value": "{abstracts-custom-props.gray}",
420
+ "$extensions": {
421
+ "com.figma": {
422
+ "collectionName": "abstracts-vars",
423
+ "collectionID": "VariableCollectionId:8191:7010",
424
+ "modeName": "default",
425
+ "modeID": "8191:2",
426
+ "variableName": "form-alert-icon-color-default",
427
+ "variableID": "VariableID:8202:7132",
428
+ "alias": {
429
+ "type": "VARIABLE_ALIAS",
430
+ "id": "VariableID:296:221"
431
+ }
432
+ }
433
+ }
434
+ },
435
+ "form-alert-icon-color-error": {
436
+ "$type": "color",
437
+ "$value": "{abstracts-custom-props.red}",
438
+ "$extensions": {
439
+ "com.figma": {
440
+ "collectionName": "abstracts-vars",
441
+ "collectionID": "VariableCollectionId:8191:7010",
442
+ "modeName": "default",
443
+ "modeID": "8191:2",
444
+ "variableName": "form-alert-icon-color-error",
445
+ "variableID": "VariableID:8202:7129",
446
+ "alias": {
447
+ "type": "VARIABLE_ALIAS",
448
+ "id": "VariableID:296:259"
449
+ }
450
+ }
451
+ }
452
+ },
453
+ "form-alert-icon-color-success": {
454
+ "$type": "color",
455
+ "$value": "{abstracts-custom-props.green}",
456
+ "$extensions": {
457
+ "com.figma": {
458
+ "collectionName": "abstracts-vars",
459
+ "collectionID": "VariableCollectionId:8191:7010",
460
+ "modeName": "default",
461
+ "modeID": "8191:2",
462
+ "variableName": "form-alert-icon-color-success",
463
+ "variableID": "VariableID:8202:7131",
464
+ "alias": {
465
+ "type": "VARIABLE_ALIAS",
466
+ "id": "VariableID:296:235"
467
+ }
468
+ }
469
+ }
470
+ },
471
+ "form-alert-icon-color-warning": {
472
+ "$type": "color",
473
+ "$value": "{abstracts-custom-props.gold}",
474
+ "$extensions": {
475
+ "com.figma": {
476
+ "collectionName": "abstracts-vars",
477
+ "collectionID": "VariableCollectionId:8191:7010",
478
+ "modeName": "default",
479
+ "modeID": "8191:2",
480
+ "variableName": "form-alert-icon-color-warning",
481
+ "variableID": "VariableID:8202:7130",
482
+ "alias": {
483
+ "type": "VARIABLE_ALIAS",
484
+ "id": "VariableID:296:271"
485
+ }
486
+ }
487
+ }
488
+ },
489
+ "form-field-input-lg-target-bg": {
490
+ "$type": "color",
491
+ "$value": "{abstracts-custom-props.gray-10}",
492
+ "$extensions": {
493
+ "com.figma": {
494
+ "collectionName": "abstracts-vars",
495
+ "collectionID": "VariableCollectionId:8191:7010",
496
+ "modeName": "default",
497
+ "modeID": "8191:2",
498
+ "variableName": "form-field-input-lg-target-bg",
499
+ "variableID": "VariableID:8202:7214",
500
+ "alias": {
501
+ "type": "VARIABLE_ALIAS",
502
+ "id": "VariableID:296:231"
503
+ }
504
+ }
505
+ }
506
+ },
507
+ "form-field-input-lg-target-bg-disabled": {
508
+ "$type": "color",
509
+ "$value": "{abstracts-custom-props.gray-20}",
510
+ "$extensions": {
511
+ "com.figma": {
512
+ "collectionName": "abstracts-vars",
513
+ "collectionID": "VariableCollectionId:8191:7010",
514
+ "modeName": "default",
515
+ "modeID": "8191:2",
516
+ "variableName": "form-field-input-lg-target-bg-disabled",
517
+ "variableID": "VariableID:8202:7212",
518
+ "alias": {
519
+ "type": "VARIABLE_ALIAS",
520
+ "id": "VariableID:296:229"
521
+ }
522
+ }
523
+ }
524
+ },
525
+ "form-field-input-lg-target-bg-selected": {
526
+ "$type": "color",
527
+ "$value": "{abstracts-custom-props.pacific-20}",
528
+ "$extensions": {
529
+ "com.figma": {
530
+ "collectionName": "abstracts-vars",
531
+ "collectionID": "VariableCollectionId:8191:7010",
532
+ "modeName": "default",
533
+ "modeID": "8191:2",
534
+ "variableName": "form-field-input-lg-target-bg-selected",
535
+ "variableID": "VariableID:8202:7213",
536
+ "alias": {
537
+ "type": "VARIABLE_ALIAS",
538
+ "id": "VariableID:296:190"
539
+ }
540
+ }
541
+ }
542
+ },
543
+ "form-field-input-lg-target-border": {
544
+ "$type": "color",
545
+ "$value": "{abstracts-custom-props.pacific}",
546
+ "$extensions": {
547
+ "com.figma": {
548
+ "collectionName": "abstracts-vars",
549
+ "collectionID": "VariableCollectionId:8191:7010",
550
+ "modeName": "default",
551
+ "modeID": "8191:2",
552
+ "variableName": "form-field-input-lg-target-border",
553
+ "variableID": "VariableID:8202:7211",
554
+ "alias": {
555
+ "type": "VARIABLE_ALIAS",
556
+ "id": "VariableID:296:182"
557
+ }
558
+ }
559
+ }
560
+ },
561
+ "input-bg-default": {
562
+ "$type": "color",
563
+ "$value": "{abstracts-custom-props.white}",
564
+ "$extensions": {
565
+ "com.figma": {
566
+ "collectionName": "abstracts-vars",
567
+ "collectionID": "VariableCollectionId:8191:7010",
568
+ "modeName": "default",
569
+ "modeID": "8191:2",
570
+ "variableName": "input-bg-default",
571
+ "variableID": "VariableID:8198:7119",
572
+ "alias": {
573
+ "type": "VARIABLE_ALIAS",
574
+ "id": "VariableID:296:216"
575
+ }
576
+ }
577
+ }
578
+ },
579
+ "input-bg-disabled-default": {
580
+ "$type": "color",
581
+ "$value": "{abstracts-custom-props.gray-10}",
582
+ "$extensions": {
583
+ "com.figma": {
584
+ "collectionName": "abstracts-vars",
585
+ "collectionID": "VariableCollectionId:8191:7010",
586
+ "modeName": "default",
587
+ "modeID": "8191:2",
588
+ "variableName": "input-bg-disabled-default",
589
+ "variableID": "VariableID:8198:7118",
590
+ "alias": {
591
+ "type": "VARIABLE_ALIAS",
592
+ "id": "VariableID:296:231"
593
+ }
594
+ }
595
+ }
596
+ },
597
+ "input-border-default": {
598
+ "$type": "color",
599
+ "$value": "{abstracts-custom-props.gray-60}",
600
+ "$extensions": {
601
+ "com.figma": {
602
+ "collectionName": "abstracts-vars",
603
+ "collectionID": "VariableCollectionId:8191:7010",
604
+ "modeName": "default",
605
+ "modeID": "8191:2",
606
+ "variableName": "input-border-default",
607
+ "variableID": "VariableID:8198:7109",
608
+ "alias": {
609
+ "type": "VARIABLE_ALIAS",
610
+ "id": "VariableID:296:225"
611
+ }
612
+ }
613
+ }
614
+ },
615
+ "input-border-disabled": {
616
+ "$type": "color",
617
+ "$value": "{abstracts-custom-props.gray-60}",
618
+ "$extensions": {
619
+ "com.figma": {
620
+ "collectionName": "abstracts-vars",
621
+ "collectionID": "VariableCollectionId:8191:7010",
622
+ "modeName": "default",
623
+ "modeID": "8191:2",
624
+ "variableName": "input-border-disabled",
625
+ "variableID": "VariableID:8198:7112",
626
+ "alias": {
627
+ "type": "VARIABLE_ALIAS",
628
+ "id": "VariableID:296:225"
629
+ }
630
+ }
631
+ }
632
+ },
633
+ "input-border-error": {
634
+ "$type": "color",
635
+ "$value": "{abstracts-custom-props.red}",
636
+ "$extensions": {
637
+ "com.figma": {
638
+ "collectionName": "abstracts-vars",
639
+ "collectionID": "VariableCollectionId:8191:7010",
640
+ "modeName": "default",
641
+ "modeID": "8191:2",
642
+ "variableName": "input-border-error",
643
+ "variableID": "VariableID:8198:7106",
644
+ "alias": {
645
+ "type": "VARIABLE_ALIAS",
646
+ "id": "VariableID:296:259"
647
+ }
648
+ }
649
+ }
650
+ },
651
+ "input-border-focus-default": {
652
+ "$type": "color",
653
+ "$value": "{abstracts-custom-props.pacific}",
654
+ "$extensions": {
655
+ "com.figma": {
656
+ "collectionName": "abstracts-vars",
657
+ "collectionID": "VariableCollectionId:8191:7010",
658
+ "modeName": "default",
659
+ "modeID": "8191:2",
660
+ "variableName": "input-border-focus-default",
661
+ "variableID": "VariableID:8198:7110",
662
+ "alias": {
663
+ "type": "VARIABLE_ALIAS",
664
+ "id": "VariableID:296:182"
665
+ }
666
+ }
667
+ }
668
+ },
669
+ "input-border-hover-default": {
670
+ "$type": "color",
671
+ "$value": "{abstracts-custom-props.pacific}",
672
+ "$extensions": {
673
+ "com.figma": {
674
+ "collectionName": "abstracts-vars",
675
+ "collectionID": "VariableCollectionId:8191:7010",
676
+ "modeName": "default",
677
+ "modeID": "8191:2",
678
+ "variableName": "input-border-hover-default",
679
+ "variableID": "VariableID:8198:7108",
680
+ "alias": {
681
+ "type": "VARIABLE_ALIAS",
682
+ "id": "VariableID:296:182"
683
+ }
684
+ }
685
+ }
686
+ },
687
+ "input-border-success": {
688
+ "$type": "color",
689
+ "$value": "{abstracts-custom-props.green}",
690
+ "$extensions": {
691
+ "com.figma": {
692
+ "collectionName": "abstracts-vars",
693
+ "collectionID": "VariableCollectionId:8191:7010",
694
+ "modeName": "default",
695
+ "modeID": "8191:2",
696
+ "variableName": "input-border-success",
697
+ "variableID": "VariableID:8198:7107",
698
+ "alias": {
699
+ "type": "VARIABLE_ALIAS",
700
+ "id": "VariableID:296:235"
701
+ }
702
+ }
703
+ }
704
+ },
705
+ "input-border-warning": {
706
+ "$type": "color",
707
+ "$value": "{abstracts-custom-props.gold}",
708
+ "$extensions": {
709
+ "com.figma": {
710
+ "collectionName": "abstracts-vars",
711
+ "collectionID": "VariableCollectionId:8191:7010",
712
+ "modeName": "default",
713
+ "modeID": "8191:2",
714
+ "variableName": "input-border-warning",
715
+ "variableID": "VariableID:8198:7111",
716
+ "alias": {
717
+ "type": "VARIABLE_ALIAS",
718
+ "id": "VariableID:296:271"
719
+ }
720
+ }
721
+ }
722
+ },
723
+ "input-text-default": {
724
+ "$type": "color",
725
+ "$value": "{abstracts-custom-props.black}",
726
+ "$extensions": {
727
+ "com.figma": {
728
+ "collectionName": "abstracts-vars",
729
+ "collectionID": "VariableCollectionId:8191:7010",
730
+ "modeName": "default",
731
+ "modeID": "8191:2",
732
+ "variableName": "input-text-default",
733
+ "variableID": "VariableID:8198:7090",
734
+ "alias": {
735
+ "type": "VARIABLE_ALIAS",
736
+ "id": "VariableID:296:217"
737
+ }
738
+ }
739
+ }
740
+ },
741
+ "input-text-disabled-default": {
742
+ "$type": "color",
743
+ "$value": "{abstracts-custom-props.gray-dark}",
744
+ "$extensions": {
745
+ "com.figma": {
746
+ "collectionName": "abstracts-vars",
747
+ "collectionID": "VariableCollectionId:8191:7010",
748
+ "modeName": "default",
749
+ "modeID": "8191:2",
750
+ "variableName": "input-text-disabled-default",
751
+ "variableID": "VariableID:8198:7088",
752
+ "alias": {
753
+ "type": "VARIABLE_ALIAS",
754
+ "id": "VariableID:296:219"
755
+ }
756
+ }
757
+ }
758
+ },
759
+ "input-text-placeholder-default": {
760
+ "$type": "color",
761
+ "$value": "{abstracts-custom-props.gray-dark}",
762
+ "$extensions": {
763
+ "com.figma": {
764
+ "collectionName": "abstracts-vars",
765
+ "collectionID": "VariableCollectionId:8191:7010",
766
+ "modeName": "default",
767
+ "modeID": "8191:2",
768
+ "variableName": "input-text-placeholder-default",
769
+ "variableID": "VariableID:8198:7089",
770
+ "alias": {
771
+ "type": "VARIABLE_ALIAS",
772
+ "id": "VariableID:296:219"
773
+ }
774
+ }
775
+ }
776
+ },
777
+ "label-helper": {
778
+ "$type": "color",
779
+ "$value": "{abstracts-custom-props.gray-dark}",
780
+ "$extensions": {
781
+ "com.figma": {
782
+ "collectionName": "abstracts-vars",
783
+ "collectionID": "VariableCollectionId:8191:7010",
784
+ "modeName": "default",
785
+ "modeID": "8191:2",
786
+ "variableName": "label-helper",
787
+ "variableID": "VariableID:8202:7218",
788
+ "alias": {
789
+ "type": "VARIABLE_ALIAS",
790
+ "id": "VariableID:296:219"
791
+ }
792
+ }
793
+ }
794
+ },
795
+ "link-text": {
796
+ "$type": "color",
797
+ "$value": "{abstracts-custom-props.pacific}",
798
+ "$extensions": {
799
+ "com.figma": {
800
+ "collectionName": "abstracts-vars",
801
+ "collectionID": "VariableCollectionId:8191:7010",
802
+ "modeName": "default",
803
+ "modeID": "8191:2",
804
+ "variableName": "link-text",
805
+ "variableID": "VariableID:8198:7040",
806
+ "alias": {
807
+ "type": "VARIABLE_ALIAS",
808
+ "id": "VariableID:296:182"
809
+ }
810
+ }
811
+ }
812
+ },
813
+ "link-text-active": {
814
+ "$type": "color",
815
+ "$value": "{abstracts-custom-props.navy}",
816
+ "$extensions": {
817
+ "com.figma": {
818
+ "collectionName": "abstracts-vars",
819
+ "collectionID": "VariableCollectionId:8191:7010",
820
+ "modeName": "default",
821
+ "modeID": "8191:2",
822
+ "variableName": "link-text-active",
823
+ "variableID": "VariableID:8198:7033",
824
+ "alias": {
825
+ "type": "VARIABLE_ALIAS",
826
+ "id": "VariableID:296:194"
827
+ }
828
+ }
829
+ }
830
+ },
831
+ "link-text-hover": {
832
+ "$type": "color",
833
+ "$value": "{abstracts-custom-props.pacific-dark}",
834
+ "$extensions": {
835
+ "com.figma": {
836
+ "collectionName": "abstracts-vars",
837
+ "collectionID": "VariableCollectionId:8191:7010",
838
+ "modeName": "default",
839
+ "modeID": "8191:2",
840
+ "variableName": "link-text-hover",
841
+ "variableID": "VariableID:8198:7036",
842
+ "alias": {
843
+ "type": "VARIABLE_ALIAS",
844
+ "id": "VariableID:296:180"
845
+ }
846
+ }
847
+ }
848
+ },
849
+ "link-text-visited": {
850
+ "$type": "color",
851
+ "$value": "{abstracts-custom-props.teal}",
852
+ "$extensions": {
853
+ "com.figma": {
854
+ "collectionName": "abstracts-vars",
855
+ "collectionID": "VariableCollectionId:8191:7010",
856
+ "modeName": "default",
857
+ "modeID": "8191:2",
858
+ "variableName": "link-text-visited",
859
+ "variableID": "VariableID:8198:7038",
860
+ "alias": {
861
+ "type": "VARIABLE_ALIAS",
862
+ "id": "VariableID:296:206"
863
+ }
864
+ }
865
+ }
866
+ },
867
+ "link-underline": {
868
+ "$type": "color",
869
+ "$value": "{abstracts-custom-props.pacific}",
870
+ "$extensions": {
871
+ "com.figma": {
872
+ "collectionName": "abstracts-vars",
873
+ "collectionID": "VariableCollectionId:8191:7010",
874
+ "modeName": "default",
875
+ "modeID": "8191:2",
876
+ "variableName": "link-underline",
877
+ "variableID": "VariableID:8198:7039",
878
+ "alias": {
879
+ "type": "VARIABLE_ALIAS",
880
+ "id": "VariableID:296:182"
881
+ }
882
+ }
883
+ }
884
+ },
885
+ "link-underline-active": {
886
+ "$type": "color",
887
+ "$value": "{abstracts-custom-props.navy}",
888
+ "$extensions": {
889
+ "com.figma": {
890
+ "collectionName": "abstracts-vars",
891
+ "collectionID": "VariableCollectionId:8191:7010",
892
+ "modeName": "default",
893
+ "modeID": "8191:2",
894
+ "variableName": "link-underline-active",
895
+ "variableID": "VariableID:8198:7034",
896
+ "alias": {
897
+ "type": "VARIABLE_ALIAS",
898
+ "id": "VariableID:296:194"
899
+ }
900
+ }
901
+ }
902
+ },
903
+ "link-underline-hover": {
904
+ "$type": "color",
905
+ "$value": "{abstracts-custom-props.pacific-dark}",
906
+ "$extensions": {
907
+ "com.figma": {
908
+ "collectionName": "abstracts-vars",
909
+ "collectionID": "VariableCollectionId:8191:7010",
910
+ "modeName": "default",
911
+ "modeID": "8191:2",
912
+ "variableName": "link-underline-hover",
913
+ "variableID": "VariableID:8198:7035",
914
+ "alias": {
915
+ "type": "VARIABLE_ALIAS",
916
+ "id": "VariableID:296:180"
917
+ }
918
+ }
919
+ }
920
+ },
921
+ "link-underline-visited": {
922
+ "$type": "color",
923
+ "$value": "{abstracts-custom-props.teal}",
924
+ "$extensions": {
925
+ "com.figma": {
926
+ "collectionName": "abstracts-vars",
927
+ "collectionID": "VariableCollectionId:8191:7010",
928
+ "modeName": "default",
929
+ "modeID": "8191:2",
930
+ "variableName": "link-underline-visited",
931
+ "variableID": "VariableID:8198:7037",
932
+ "alias": {
933
+ "type": "VARIABLE_ALIAS",
934
+ "id": "VariableID:296:206"
935
+ }
936
+ }
937
+ }
938
+ },
939
+ "range-bg": {
940
+ "$type": "color",
941
+ "$value": "{abstracts-custom-props.gray-10}",
942
+ "$extensions": {
943
+ "com.figma": {
944
+ "collectionName": "abstracts-vars",
945
+ "collectionID": "VariableCollectionId:8191:7010",
946
+ "modeName": "default",
947
+ "modeID": "8191:2",
948
+ "variableName": "range-bg",
949
+ "variableID": "VariableID:8202:7233",
950
+ "alias": {
951
+ "type": "VARIABLE_ALIAS",
952
+ "id": "VariableID:296:231"
953
+ }
954
+ }
955
+ }
956
+ },
957
+ "range-bg-focused": {
958
+ "$type": "color",
959
+ "$value": "{abstracts-custom-props.pacific-20}",
960
+ "$extensions": {
961
+ "com.figma": {
962
+ "collectionName": "abstracts-vars",
963
+ "collectionID": "VariableCollectionId:8191:7010",
964
+ "modeName": "default",
965
+ "modeID": "8191:2",
966
+ "variableName": "range-bg-focused",
967
+ "variableID": "VariableID:8202:7230",
968
+ "alias": {
969
+ "type": "VARIABLE_ALIAS",
970
+ "id": "VariableID:296:190"
971
+ }
972
+ }
973
+ }
974
+ },
975
+ "range-bg-track": {
976
+ "$type": "color",
977
+ "$value": "{abstracts-custom-props.gray-80}",
978
+ "$extensions": {
979
+ "com.figma": {
980
+ "collectionName": "abstracts-vars",
981
+ "collectionID": "VariableCollectionId:8191:7010",
982
+ "modeName": "default",
983
+ "modeID": "8191:2",
984
+ "variableName": "range-bg-track",
985
+ "variableID": "VariableID:8202:7231",
986
+ "alias": {
987
+ "type": "VARIABLE_ALIAS",
988
+ "id": "VariableID:296:223"
989
+ }
990
+ }
991
+ }
992
+ },
993
+ "range-border": {
994
+ "$type": "color",
995
+ "$value": "{abstracts-custom-props.gray-40}",
996
+ "$extensions": {
997
+ "com.figma": {
998
+ "collectionName": "abstracts-vars",
999
+ "collectionID": "VariableCollectionId:8191:7010",
1000
+ "modeName": "default",
1001
+ "modeID": "8191:2",
1002
+ "variableName": "range-border",
1003
+ "variableID": "VariableID:8202:7234",
1004
+ "alias": {
1005
+ "type": "VARIABLE_ALIAS",
1006
+ "id": "VariableID:296:227"
1007
+ }
1008
+ }
1009
+ }
1010
+ },
1011
+ "range-border-focused": {
1012
+ "$type": "color",
1013
+ "$value": "{abstracts-custom-props.pacific}",
1014
+ "$extensions": {
1015
+ "com.figma": {
1016
+ "collectionName": "abstracts-vars",
1017
+ "collectionID": "VariableCollectionId:8191:7010",
1018
+ "modeName": "default",
1019
+ "modeID": "8191:2",
1020
+ "variableName": "range-border-focused",
1021
+ "variableID": "VariableID:8202:7232",
1022
+ "alias": {
1023
+ "type": "VARIABLE_ALIAS",
1024
+ "id": "VariableID:296:182"
1025
+ }
1026
+ }
1027
+ }
1028
+ },
1029
+ "select-bg-disabled-default": {
1030
+ "$type": "color",
1031
+ "$value": "{abstracts-custom-props.gray-10}",
1032
+ "$extensions": {
1033
+ "com.figma": {
1034
+ "collectionName": "abstracts-vars",
1035
+ "collectionID": "VariableCollectionId:8191:7010",
1036
+ "modeName": "default",
1037
+ "modeID": "8191:2",
1038
+ "variableName": "select-bg-disabled-default",
1039
+ "variableID": "VariableID:8202:7157",
1040
+ "alias": {
1041
+ "type": "VARIABLE_ALIAS",
1042
+ "id": "VariableID:296:231"
1043
+ }
1044
+ }
1045
+ }
1046
+ },
1047
+ "select-border-default": {
1048
+ "$type": "color",
1049
+ "$value": "{abstracts-custom-props.gray-60}",
1050
+ "$extensions": {
1051
+ "com.figma": {
1052
+ "collectionName": "abstracts-vars",
1053
+ "collectionID": "VariableCollectionId:8191:7010",
1054
+ "modeName": "default",
1055
+ "modeID": "8191:2",
1056
+ "variableName": "select-border-default",
1057
+ "variableID": "VariableID:8202:7146",
1058
+ "alias": {
1059
+ "type": "VARIABLE_ALIAS",
1060
+ "id": "VariableID:296:225"
1061
+ }
1062
+ }
1063
+ }
1064
+ },
1065
+ "select-border-error": {
1066
+ "$type": "color",
1067
+ "$value": "{abstracts-custom-props.red}",
1068
+ "$extensions": {
1069
+ "com.figma": {
1070
+ "collectionName": "abstracts-vars",
1071
+ "collectionID": "VariableCollectionId:8191:7010",
1072
+ "modeName": "default",
1073
+ "modeID": "8191:2",
1074
+ "variableName": "select-border-error",
1075
+ "variableID": "VariableID:8202:7145",
1076
+ "alias": {
1077
+ "type": "VARIABLE_ALIAS",
1078
+ "id": "VariableID:296:259"
1079
+ }
1080
+ }
1081
+ }
1082
+ },
1083
+ "select-border-focus-default": {
1084
+ "$type": "color",
1085
+ "$value": "{abstracts-custom-props.pacific}",
1086
+ "$extensions": {
1087
+ "com.figma": {
1088
+ "collectionName": "abstracts-vars",
1089
+ "collectionID": "VariableCollectionId:8191:7010",
1090
+ "modeName": "default",
1091
+ "modeID": "8191:2",
1092
+ "variableName": "select-border-focus-default",
1093
+ "variableID": "VariableID:8202:7147",
1094
+ "alias": {
1095
+ "type": "VARIABLE_ALIAS",
1096
+ "id": "VariableID:296:182"
1097
+ }
1098
+ }
1099
+ }
1100
+ },
1101
+ "select-border-hover-default": {
1102
+ "$type": "color",
1103
+ "$value": "{abstracts-custom-props.pacific}",
1104
+ "$extensions": {
1105
+ "com.figma": {
1106
+ "collectionName": "abstracts-vars",
1107
+ "collectionID": "VariableCollectionId:8191:7010",
1108
+ "modeName": "default",
1109
+ "modeID": "8191:2",
1110
+ "variableName": "select-border-hover-default",
1111
+ "variableID": "VariableID:8202:7148",
1112
+ "alias": {
1113
+ "type": "VARIABLE_ALIAS",
1114
+ "id": "VariableID:296:182"
1115
+ }
1116
+ }
1117
+ }
1118
+ },
1119
+ "select-icon-bg-default": {
1120
+ "$type": "color",
1121
+ "$value": "{abstracts-custom-props.gray-10}",
1122
+ "$extensions": {
1123
+ "com.figma": {
1124
+ "collectionName": "abstracts-vars",
1125
+ "collectionID": "VariableCollectionId:8191:7010",
1126
+ "modeName": "default",
1127
+ "modeID": "8191:2",
1128
+ "variableName": "select-icon-bg-default",
1129
+ "variableID": "VariableID:8202:7158",
1130
+ "alias": {
1131
+ "type": "VARIABLE_ALIAS",
1132
+ "id": "VariableID:296:231"
1133
+ }
1134
+ }
1135
+ }
1136
+ },
1137
+ "select-text-disabled-default": {
1138
+ "$type": "color",
1139
+ "$value": "{abstracts-custom-props.gray-dark}",
1140
+ "$extensions": {
1141
+ "com.figma": {
1142
+ "collectionName": "abstracts-vars",
1143
+ "collectionID": "VariableCollectionId:8191:7010",
1144
+ "modeName": "default",
1145
+ "modeID": "8191:2",
1146
+ "variableName": "select-text-disabled-default",
1147
+ "variableID": "VariableID:8202:7156",
1148
+ "alias": {
1149
+ "type": "VARIABLE_ALIAS",
1150
+ "id": "VariableID:296:219"
1151
+ }
1152
+ }
1153
+ }
1154
+ },
1155
+ "table-border": {
1156
+ "$type": "color",
1157
+ "$value": "{abstracts-custom-props.gray}",
1158
+ "$extensions": {
1159
+ "com.figma": {
1160
+ "collectionName": "abstracts-vars",
1161
+ "collectionID": "VariableCollectionId:8191:7010",
1162
+ "modeName": "default",
1163
+ "modeID": "8191:2",
1164
+ "variableName": "table-border",
1165
+ "variableID": "VariableID:8198:7049",
1166
+ "alias": {
1167
+ "type": "VARIABLE_ALIAS",
1168
+ "id": "VariableID:296:221"
1169
+ }
1170
+ }
1171
+ }
1172
+ },
1173
+ "table-head-bg": {
1174
+ "$type": "color",
1175
+ "$value": "{abstracts-custom-props.gray-5}",
1176
+ "$extensions": {
1177
+ "com.figma": {
1178
+ "collectionName": "abstracts-vars",
1179
+ "collectionID": "VariableCollectionId:8191:7010",
1180
+ "modeName": "default",
1181
+ "modeID": "8191:2",
1182
+ "variableName": "table-head-bg",
1183
+ "variableID": "VariableID:8198:7048",
1184
+ "alias": {
1185
+ "type": "VARIABLE_ALIAS",
1186
+ "id": "VariableID:296:232"
1187
+ }
1188
+ }
1189
+ }
1190
+ },
1191
+ "table-head-text": {
1192
+ "$type": "color",
1193
+ "$value": "{abstracts-vars.text}",
1194
+ "$extensions": {
1195
+ "com.figma": {
1196
+ "collectionName": "abstracts-vars",
1197
+ "collectionID": "VariableCollectionId:8191:7010",
1198
+ "modeName": "default",
1199
+ "modeID": "8191:2",
1200
+ "variableName": "table-head-text",
1201
+ "variableID": "VariableID:8198:7050",
1202
+ "alias": {
1203
+ "type": "VARIABLE_ALIAS",
1204
+ "id": "VariableID:8191:7015"
1205
+ }
1206
+ }
1207
+ }
1208
+ },
1209
+ "tag-filter-bg-active-default": {
1210
+ "$type": "color",
1211
+ "$value": "{abstracts-custom-props.teal-60}",
1212
+ "$extensions": {
1213
+ "com.figma": {
1214
+ "collectionName": "abstracts-vars",
1215
+ "collectionID": "VariableCollectionId:8191:7010",
1216
+ "modeName": "default",
1217
+ "modeID": "8191:2",
1218
+ "variableName": "tag-filter-bg-active-default",
1219
+ "variableID": "VariableID:8418:11401",
1220
+ "alias": {
1221
+ "type": "VARIABLE_ALIAS",
1222
+ "id": "VariableID:296:210"
1223
+ }
1224
+ }
1225
+ }
1226
+ },
1227
+ "tag-filter-bg-default": {
1228
+ "$type": "color",
1229
+ "$value": "{abstracts-custom-props.teal-20}",
1230
+ "$extensions": {
1231
+ "com.figma": {
1232
+ "collectionName": "abstracts-vars",
1233
+ "collectionID": "VariableCollectionId:8191:7010",
1234
+ "modeName": "default",
1235
+ "modeID": "8191:2",
1236
+ "variableName": "tag-filter-bg-default",
1237
+ "variableID": "VariableID:8418:11400",
1238
+ "alias": {
1239
+ "type": "VARIABLE_ALIAS",
1240
+ "id": "VariableID:296:214"
1241
+ }
1242
+ }
1243
+ }
1244
+ },
1245
+ "tag-filter-bg-hover-default": {
1246
+ "$type": "color",
1247
+ "$value": "{abstracts-custom-props.teal-40}",
1248
+ "$extensions": {
1249
+ "com.figma": {
1250
+ "collectionName": "abstracts-vars",
1251
+ "collectionID": "VariableCollectionId:8191:7010",
1252
+ "modeName": "default",
1253
+ "modeID": "8191:2",
1254
+ "variableName": "tag-filter-bg-hover-default",
1255
+ "variableID": "VariableID:8418:11402",
1256
+ "alias": {
1257
+ "type": "VARIABLE_ALIAS",
1258
+ "id": "VariableID:296:212"
1259
+ }
1260
+ }
1261
+ }
1262
+ },
1263
+ "tag-filter-border-default": {
1264
+ "$type": "color",
1265
+ "$value": "{abstracts-custom-props.teal}",
1266
+ "$extensions": {
1267
+ "com.figma": {
1268
+ "collectionName": "abstracts-vars",
1269
+ "collectionID": "VariableCollectionId:8191:7010",
1270
+ "modeName": "default",
1271
+ "modeID": "8191:2",
1272
+ "variableName": "tag-filter-border-default",
1273
+ "variableID": "VariableID:8418:11403",
1274
+ "alias": {
1275
+ "type": "VARIABLE_ALIAS",
1276
+ "id": "VariableID:296:206"
1277
+ }
1278
+ }
1279
+ }
1280
+ },
1281
+ "tag-filter-outline-focuse-default": {
1282
+ "$type": "color",
1283
+ "$value": "{abstracts-custom-props.teal-dark}",
1284
+ "$extensions": {
1285
+ "com.figma": {
1286
+ "collectionName": "abstracts-vars",
1287
+ "collectionID": "VariableCollectionId:8191:7010",
1288
+ "modeName": "default",
1289
+ "modeID": "8191:2",
1290
+ "variableName": "tag-filter-outline-focuse-default",
1291
+ "variableID": "VariableID:8418:11404",
1292
+ "alias": {
1293
+ "type": "VARIABLE_ALIAS",
1294
+ "id": "VariableID:296:204"
1295
+ }
1296
+ }
1297
+ }
1298
+ },
1299
+ "text": {
1300
+ "$type": "color",
1301
+ "$value": "{abstracts-custom-props.black}",
1302
+ "$description": "body",
1303
+ "$extensions": {
1304
+ "com.figma": {
1305
+ "collectionName": "abstracts-vars",
1306
+ "collectionID": "VariableCollectionId:8191:7010",
1307
+ "modeName": "default",
1308
+ "modeID": "8191:2",
1309
+ "variableName": "text",
1310
+ "variableID": "VariableID:8191:7015",
1311
+ "alias": {
1312
+ "type": "VARIABLE_ALIAS",
1313
+ "id": "VariableID:296:217"
1314
+ }
1315
+ }
1316
+ }
1317
+ }
1318
+ }
1319
+ }