@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,1642 @@
1
+ {
2
+ "abstracts-custom-props": {
3
+ "beige": {
4
+ "$type": "color",
5
+ "$value": "#bea96f",
6
+ "$extensions": {
7
+ "com.figma": {
8
+ "collectionName": "abstracts-custom-props",
9
+ "collectionID": "VariableCollectionId:296:179",
10
+ "modeName": "default",
11
+ "modeID": "296:2",
12
+ "variableName": "beige",
13
+ "variableID": "VariableID:296:293"
14
+ }
15
+ }
16
+ },
17
+ "beige-30": {
18
+ "$type": "color",
19
+ "$value": "#f0e8d8",
20
+ "$extensions": {
21
+ "com.figma": {
22
+ "collectionName": "abstracts-custom-props",
23
+ "collectionID": "VariableCollectionId:296:179",
24
+ "modeName": "default",
25
+ "modeID": "296:2",
26
+ "variableName": "beige-30",
27
+ "variableID": "VariableID:296:294"
28
+ }
29
+ }
30
+ },
31
+ "beige-60": {
32
+ "$type": "color",
33
+ "$value": "#d8c8a0",
34
+ "$extensions": {
35
+ "com.figma": {
36
+ "collectionName": "abstracts-custom-props",
37
+ "collectionID": "VariableCollectionId:296:179",
38
+ "modeName": "default",
39
+ "modeID": "296:2",
40
+ "variableName": "beige-60",
41
+ "variableID": "VariableID:296:295"
42
+ }
43
+ }
44
+ },
45
+ "black": {
46
+ "$type": "color",
47
+ "$value": "#101820",
48
+ "$extensions": {
49
+ "com.figma": {
50
+ "collectionName": "abstracts-custom-props",
51
+ "collectionID": "VariableCollectionId:296:179",
52
+ "modeName": "default",
53
+ "modeID": "296:2",
54
+ "variableName": "black",
55
+ "variableID": "VariableID:296:217"
56
+ }
57
+ }
58
+ },
59
+ "font-stack": {
60
+ "$type": "string",
61
+ "$value": "system-ui,sans-serif",
62
+ "$extensions": {
63
+ "com.figma": {
64
+ "collectionName": "abstracts-custom-props",
65
+ "collectionID": "VariableCollectionId:296:179",
66
+ "modeName": "default",
67
+ "modeID": "296:2",
68
+ "variableName": "font-stack",
69
+ "variableID": "VariableID:8191:7009"
70
+ }
71
+ }
72
+ },
73
+ "gold": {
74
+ "$type": "color",
75
+ "$value": "#ff9e1b",
76
+ "$extensions": {
77
+ "com.figma": {
78
+ "collectionName": "abstracts-custom-props",
79
+ "collectionID": "VariableCollectionId:296:179",
80
+ "modeName": "default",
81
+ "modeID": "296:2",
82
+ "variableName": "gold",
83
+ "variableID": "VariableID:296:271"
84
+ }
85
+ }
86
+ },
87
+ "gold-10": {
88
+ "$type": "color",
89
+ "$value": "#fff6ec",
90
+ "$extensions": {
91
+ "com.figma": {
92
+ "collectionName": "abstracts-custom-props",
93
+ "collectionID": "VariableCollectionId:296:179",
94
+ "modeName": "default",
95
+ "modeID": "296:2",
96
+ "variableName": "gold-10",
97
+ "variableID": "VariableID:296:280"
98
+ }
99
+ }
100
+ },
101
+ "gold-20": {
102
+ "$type": "color",
103
+ "$value": "#fff0dd",
104
+ "$extensions": {
105
+ "com.figma": {
106
+ "collectionName": "abstracts-custom-props",
107
+ "collectionID": "VariableCollectionId:296:179",
108
+ "modeName": "default",
109
+ "modeID": "296:2",
110
+ "variableName": "gold-20",
111
+ "variableID": "VariableID:296:279"
112
+ }
113
+ }
114
+ },
115
+ "gold-30": {
116
+ "$type": "color",
117
+ "$value": "#ffe8cb",
118
+ "$extensions": {
119
+ "com.figma": {
120
+ "collectionName": "abstracts-custom-props",
121
+ "collectionID": "VariableCollectionId:296:179",
122
+ "modeName": "default",
123
+ "modeID": "296:2",
124
+ "variableName": "gold-30",
125
+ "variableID": "VariableID:296:278"
126
+ }
127
+ }
128
+ },
129
+ "gold-40": {
130
+ "$type": "color",
131
+ "$value": "#ffe1b9",
132
+ "$extensions": {
133
+ "com.figma": {
134
+ "collectionName": "abstracts-custom-props",
135
+ "collectionID": "VariableCollectionId:296:179",
136
+ "modeName": "default",
137
+ "modeID": "296:2",
138
+ "variableName": "gold-40",
139
+ "variableID": "VariableID:296:277"
140
+ }
141
+ }
142
+ },
143
+ "gold-50": {
144
+ "$type": "color",
145
+ "$value": "#ffd8a3",
146
+ "$extensions": {
147
+ "com.figma": {
148
+ "collectionName": "abstracts-custom-props",
149
+ "collectionID": "VariableCollectionId:296:179",
150
+ "modeName": "default",
151
+ "modeID": "296:2",
152
+ "variableName": "gold-50",
153
+ "variableID": "VariableID:296:276"
154
+ }
155
+ }
156
+ },
157
+ "gold-60": {
158
+ "$type": "color",
159
+ "$value": "#ffce8d",
160
+ "$extensions": {
161
+ "com.figma": {
162
+ "collectionName": "abstracts-custom-props",
163
+ "collectionID": "VariableCollectionId:296:179",
164
+ "modeName": "default",
165
+ "modeID": "296:2",
166
+ "variableName": "gold-60",
167
+ "variableID": "VariableID:296:275"
168
+ }
169
+ }
170
+ },
171
+ "gold-70": {
172
+ "$type": "color",
173
+ "$value": "#ffc372",
174
+ "$extensions": {
175
+ "com.figma": {
176
+ "collectionName": "abstracts-custom-props",
177
+ "collectionID": "VariableCollectionId:296:179",
178
+ "modeName": "default",
179
+ "modeID": "296:2",
180
+ "variableName": "gold-70",
181
+ "variableID": "VariableID:296:274"
182
+ }
183
+ }
184
+ },
185
+ "gold-80": {
186
+ "$type": "color",
187
+ "$value": "#ffb858",
188
+ "$extensions": {
189
+ "com.figma": {
190
+ "collectionName": "abstracts-custom-props",
191
+ "collectionID": "VariableCollectionId:296:179",
192
+ "modeName": "default",
193
+ "modeID": "296:2",
194
+ "variableName": "gold-80",
195
+ "variableID": "VariableID:296:273"
196
+ }
197
+ }
198
+ },
199
+ "gold-90": {
200
+ "$type": "color",
201
+ "$value": "#ffab39",
202
+ "$extensions": {
203
+ "com.figma": {
204
+ "collectionName": "abstracts-custom-props",
205
+ "collectionID": "VariableCollectionId:296:179",
206
+ "modeName": "default",
207
+ "modeID": "296:2",
208
+ "variableName": "gold-90",
209
+ "variableID": "VariableID:296:272"
210
+ }
211
+ }
212
+ },
213
+ "gold-dark": {
214
+ "$type": "color",
215
+ "$value": "#dc731c",
216
+ "$extensions": {
217
+ "com.figma": {
218
+ "collectionName": "abstracts-custom-props",
219
+ "collectionID": "VariableCollectionId:296:179",
220
+ "modeName": "default",
221
+ "modeID": "296:2",
222
+ "variableName": "gold-dark",
223
+ "variableID": "VariableID:296:269"
224
+ }
225
+ }
226
+ },
227
+ "gold-mid-dark": {
228
+ "$type": "color",
229
+ "$value": "#ed881b",
230
+ "$extensions": {
231
+ "com.figma": {
232
+ "collectionName": "abstracts-custom-props",
233
+ "collectionID": "VariableCollectionId:296:179",
234
+ "modeName": "default",
235
+ "modeID": "296:2",
236
+ "variableName": "gold-mid-dark",
237
+ "variableID": "VariableID:296:270"
238
+ }
239
+ }
240
+ },
241
+ "gray": {
242
+ "$type": "color",
243
+ "$value": "#5a5d61",
244
+ "$extensions": {
245
+ "com.figma": {
246
+ "collectionName": "abstracts-custom-props",
247
+ "collectionID": "VariableCollectionId:296:179",
248
+ "modeName": "default",
249
+ "modeID": "296:2",
250
+ "variableName": "gray",
251
+ "variableID": "VariableID:296:221"
252
+ }
253
+ }
254
+ },
255
+ "gray-10": {
256
+ "$type": "color",
257
+ "$value": "#e7e8e9",
258
+ "$extensions": {
259
+ "com.figma": {
260
+ "collectionName": "abstracts-custom-props",
261
+ "collectionID": "VariableCollectionId:296:179",
262
+ "modeName": "default",
263
+ "modeID": "296:2",
264
+ "variableName": "gray-10",
265
+ "variableID": "VariableID:296:231"
266
+ }
267
+ }
268
+ },
269
+ "gray-15": {
270
+ "$type": "color",
271
+ "$value": "#dcdddf",
272
+ "$extensions": {
273
+ "com.figma": {
274
+ "collectionName": "abstracts-custom-props",
275
+ "collectionID": "VariableCollectionId:296:179",
276
+ "modeName": "default",
277
+ "modeID": "296:2",
278
+ "variableName": "gray-15",
279
+ "variableID": "VariableID:296:230"
280
+ }
281
+ }
282
+ },
283
+ "gray-20": {
284
+ "$type": "color",
285
+ "$value": "#d2d3d5",
286
+ "$extensions": {
287
+ "com.figma": {
288
+ "collectionName": "abstracts-custom-props",
289
+ "collectionID": "VariableCollectionId:296:179",
290
+ "modeName": "default",
291
+ "modeID": "296:2",
292
+ "variableName": "gray-20",
293
+ "variableID": "VariableID:296:229"
294
+ }
295
+ }
296
+ },
297
+ "gray-30": {
298
+ "$type": "color",
299
+ "$value": "#c3c4c4",
300
+ "$extensions": {
301
+ "com.figma": {
302
+ "collectionName": "abstracts-custom-props",
303
+ "collectionID": "VariableCollectionId:296:179",
304
+ "modeName": "default",
305
+ "modeID": "296:2",
306
+ "variableName": "gray-30",
307
+ "variableID": "VariableID:296:228"
308
+ }
309
+ }
310
+ },
311
+ "gray-40": {
312
+ "$type": "color",
313
+ "$value": "#b4b5b6",
314
+ "$extensions": {
315
+ "com.figma": {
316
+ "collectionName": "abstracts-custom-props",
317
+ "collectionID": "VariableCollectionId:296:179",
318
+ "modeName": "default",
319
+ "modeID": "296:2",
320
+ "variableName": "gray-40",
321
+ "variableID": "VariableID:296:227"
322
+ }
323
+ }
324
+ },
325
+ "gray-5": {
326
+ "$type": "color",
327
+ "$value": "#f7f8f9",
328
+ "$extensions": {
329
+ "com.figma": {
330
+ "collectionName": "abstracts-custom-props",
331
+ "collectionID": "VariableCollectionId:296:179",
332
+ "modeName": "default",
333
+ "modeID": "296:2",
334
+ "variableName": "gray-5",
335
+ "variableID": "VariableID:296:232"
336
+ }
337
+ }
338
+ },
339
+ "gray-50": {
340
+ "$type": "color",
341
+ "$value": "#a2a3a4",
342
+ "$extensions": {
343
+ "com.figma": {
344
+ "collectionName": "abstracts-custom-props",
345
+ "collectionID": "VariableCollectionId:296:179",
346
+ "modeName": "default",
347
+ "modeID": "296:2",
348
+ "variableName": "gray-50",
349
+ "variableID": "VariableID:296:226"
350
+ }
351
+ }
352
+ },
353
+ "gray-60": {
354
+ "$type": "color",
355
+ "$value": "#919395",
356
+ "$extensions": {
357
+ "com.figma": {
358
+ "collectionName": "abstracts-custom-props",
359
+ "collectionID": "VariableCollectionId:296:179",
360
+ "modeName": "default",
361
+ "modeID": "296:2",
362
+ "variableName": "gray-60",
363
+ "variableID": "VariableID:296:225"
364
+ }
365
+ }
366
+ },
367
+ "gray-70": {
368
+ "$type": "color",
369
+ "$value": "#838588",
370
+ "$extensions": {
371
+ "com.figma": {
372
+ "collectionName": "abstracts-custom-props",
373
+ "collectionID": "VariableCollectionId:296:179",
374
+ "modeName": "default",
375
+ "modeID": "296:2",
376
+ "variableName": "gray-70",
377
+ "variableID": "VariableID:296:224"
378
+ }
379
+ }
380
+ },
381
+ "gray-80": {
382
+ "$type": "color",
383
+ "$value": "#75787b",
384
+ "$extensions": {
385
+ "com.figma": {
386
+ "collectionName": "abstracts-custom-props",
387
+ "collectionID": "VariableCollectionId:296:179",
388
+ "modeName": "default",
389
+ "modeID": "296:2",
390
+ "variableName": "gray-80",
391
+ "variableID": "VariableID:296:223"
392
+ }
393
+ }
394
+ },
395
+ "gray-90": {
396
+ "$type": "color",
397
+ "$value": "#676a6f",
398
+ "$extensions": {
399
+ "com.figma": {
400
+ "collectionName": "abstracts-custom-props",
401
+ "collectionID": "VariableCollectionId:296:179",
402
+ "modeName": "default",
403
+ "modeID": "296:2",
404
+ "variableName": "gray-90",
405
+ "variableID": "VariableID:296:222"
406
+ }
407
+ }
408
+ },
409
+ "gray-dark": {
410
+ "$type": "color",
411
+ "$value": "#43484e",
412
+ "$extensions": {
413
+ "com.figma": {
414
+ "collectionName": "abstracts-custom-props",
415
+ "collectionID": "VariableCollectionId:296:179",
416
+ "modeName": "default",
417
+ "modeID": "296:2",
418
+ "variableName": "gray-dark",
419
+ "variableID": "VariableID:296:219"
420
+ }
421
+ }
422
+ },
423
+ "gray-darker": {
424
+ "$type": "color",
425
+ "$value": "#293037",
426
+ "$extensions": {
427
+ "com.figma": {
428
+ "collectionName": "abstracts-custom-props",
429
+ "collectionID": "VariableCollectionId:296:179",
430
+ "modeName": "default",
431
+ "modeID": "296:2",
432
+ "variableName": "gray-darker",
433
+ "variableID": "VariableID:296:218"
434
+ }
435
+ }
436
+ },
437
+ "gray-mid-dark": {
438
+ "$type": "color",
439
+ "$value": "#4f5257",
440
+ "$extensions": {
441
+ "com.figma": {
442
+ "collectionName": "abstracts-custom-props",
443
+ "collectionID": "VariableCollectionId:296:179",
444
+ "modeName": "default",
445
+ "modeID": "296:2",
446
+ "variableName": "gray-mid-dark",
447
+ "variableID": "VariableID:296:220"
448
+ }
449
+ }
450
+ },
451
+ "green": {
452
+ "$type": "color",
453
+ "$value": "#20aa3f",
454
+ "$extensions": {
455
+ "com.figma": {
456
+ "collectionName": "abstracts-custom-props",
457
+ "collectionID": "VariableCollectionId:296:179",
458
+ "modeName": "default",
459
+ "modeID": "296:2",
460
+ "variableName": "green",
461
+ "variableID": "VariableID:296:235"
462
+ }
463
+ }
464
+ },
465
+ "green-10": {
466
+ "$type": "color",
467
+ "$value": "#f0f8eb",
468
+ "$extensions": {
469
+ "com.figma": {
470
+ "collectionName": "abstracts-custom-props",
471
+ "collectionID": "VariableCollectionId:296:179",
472
+ "modeName": "default",
473
+ "modeID": "296:2",
474
+ "variableName": "green-10",
475
+ "variableID": "VariableID:296:244"
476
+ }
477
+ }
478
+ },
479
+ "green-20": {
480
+ "$type": "color",
481
+ "$value": "#e2efd8",
482
+ "$extensions": {
483
+ "com.figma": {
484
+ "collectionName": "abstracts-custom-props",
485
+ "collectionID": "VariableCollectionId:296:179",
486
+ "modeName": "default",
487
+ "modeID": "296:2",
488
+ "variableName": "green-20",
489
+ "variableID": "VariableID:296:243"
490
+ }
491
+ }
492
+ },
493
+ "green-30": {
494
+ "$type": "color",
495
+ "$value": "#d4eac6",
496
+ "$extensions": {
497
+ "com.figma": {
498
+ "collectionName": "abstracts-custom-props",
499
+ "collectionID": "VariableCollectionId:296:179",
500
+ "modeName": "default",
501
+ "modeID": "296:2",
502
+ "variableName": "green-30",
503
+ "variableID": "VariableID:296:242"
504
+ }
505
+ }
506
+ },
507
+ "green-40": {
508
+ "$type": "color",
509
+ "$value": "#c7e5b3",
510
+ "$extensions": {
511
+ "com.figma": {
512
+ "collectionName": "abstracts-custom-props",
513
+ "collectionID": "VariableCollectionId:296:179",
514
+ "modeName": "default",
515
+ "modeID": "296:2",
516
+ "variableName": "green-40",
517
+ "variableID": "VariableID:296:241"
518
+ }
519
+ }
520
+ },
521
+ "green-50": {
522
+ "$type": "color",
523
+ "$value": "#bae0a2",
524
+ "$extensions": {
525
+ "com.figma": {
526
+ "collectionName": "abstracts-custom-props",
527
+ "collectionID": "VariableCollectionId:296:179",
528
+ "modeName": "default",
529
+ "modeID": "296:2",
530
+ "variableName": "green-50",
531
+ "variableID": "VariableID:296:240"
532
+ }
533
+ }
534
+ },
535
+ "green-60": {
536
+ "$type": "color",
537
+ "$value": "#addc91",
538
+ "$extensions": {
539
+ "com.figma": {
540
+ "collectionName": "abstracts-custom-props",
541
+ "collectionID": "VariableCollectionId:296:179",
542
+ "modeName": "default",
543
+ "modeID": "296:2",
544
+ "variableName": "green-60",
545
+ "variableID": "VariableID:296:239"
546
+ }
547
+ }
548
+ },
549
+ "green-70": {
550
+ "$type": "color",
551
+ "$value": "#93cf7c",
552
+ "$extensions": {
553
+ "com.figma": {
554
+ "collectionName": "abstracts-custom-props",
555
+ "collectionID": "VariableCollectionId:296:179",
556
+ "modeName": "default",
557
+ "modeID": "296:2",
558
+ "variableName": "green-70",
559
+ "variableID": "VariableID:296:238"
560
+ }
561
+ }
562
+ },
563
+ "green-80": {
564
+ "$type": "color",
565
+ "$value": "#66c368",
566
+ "$extensions": {
567
+ "com.figma": {
568
+ "collectionName": "abstracts-custom-props",
569
+ "collectionID": "VariableCollectionId:296:179",
570
+ "modeName": "default",
571
+ "modeID": "296:2",
572
+ "variableName": "green-80",
573
+ "variableID": "VariableID:296:237"
574
+ }
575
+ }
576
+ },
577
+ "green-90": {
578
+ "$type": "color",
579
+ "$value": "#48b753",
580
+ "$extensions": {
581
+ "com.figma": {
582
+ "collectionName": "abstracts-custom-props",
583
+ "collectionID": "VariableCollectionId:296:179",
584
+ "modeName": "default",
585
+ "modeID": "296:2",
586
+ "variableName": "green-90",
587
+ "variableID": "VariableID:296:236"
588
+ }
589
+ }
590
+ },
591
+ "green-dark": {
592
+ "$type": "color",
593
+ "$value": "#1e9642",
594
+ "$extensions": {
595
+ "com.figma": {
596
+ "collectionName": "abstracts-custom-props",
597
+ "collectionID": "VariableCollectionId:296:179",
598
+ "modeName": "default",
599
+ "modeID": "296:2",
600
+ "variableName": "green-dark",
601
+ "variableID": "VariableID:296:233"
602
+ }
603
+ }
604
+ },
605
+ "green-mid-dark": {
606
+ "$type": "color",
607
+ "$value": "#1fa040",
608
+ "$extensions": {
609
+ "com.figma": {
610
+ "collectionName": "abstracts-custom-props",
611
+ "collectionID": "VariableCollectionId:296:179",
612
+ "modeName": "default",
613
+ "modeID": "296:2",
614
+ "variableName": "green-mid-dark",
615
+ "variableID": "VariableID:296:234"
616
+ }
617
+ }
618
+ },
619
+ "navy": {
620
+ "$type": "color",
621
+ "$value": "#254b87",
622
+ "$extensions": {
623
+ "com.figma": {
624
+ "collectionName": "abstracts-custom-props",
625
+ "collectionID": "VariableCollectionId:296:179",
626
+ "modeName": "default",
627
+ "modeID": "296:2",
628
+ "variableName": "navy",
629
+ "variableID": "VariableID:296:194"
630
+ }
631
+ }
632
+ },
633
+ "navy-10": {
634
+ "$type": "color",
635
+ "$value": "#f4f6fa",
636
+ "$extensions": {
637
+ "com.figma": {
638
+ "collectionName": "abstracts-custom-props",
639
+ "collectionID": "VariableCollectionId:296:179",
640
+ "modeName": "default",
641
+ "modeID": "296:2",
642
+ "variableName": "navy-10",
643
+ "variableID": "VariableID:296:203"
644
+ }
645
+ }
646
+ },
647
+ "navy-20": {
648
+ "$type": "color",
649
+ "$value": "#d3daeb",
650
+ "$extensions": {
651
+ "com.figma": {
652
+ "collectionName": "abstracts-custom-props",
653
+ "collectionID": "VariableCollectionId:296:179",
654
+ "modeName": "default",
655
+ "modeID": "296:2",
656
+ "variableName": "navy-20",
657
+ "variableID": "VariableID:296:202"
658
+ }
659
+ }
660
+ },
661
+ "navy-30": {
662
+ "$type": "color",
663
+ "$value": "#c3cde2",
664
+ "$extensions": {
665
+ "com.figma": {
666
+ "collectionName": "abstracts-custom-props",
667
+ "collectionID": "VariableCollectionId:296:179",
668
+ "modeName": "default",
669
+ "modeID": "296:2",
670
+ "variableName": "navy-30",
671
+ "variableID": "VariableID:296:201"
672
+ }
673
+ }
674
+ },
675
+ "navy-40": {
676
+ "$type": "color",
677
+ "$value": "#b3c0d9",
678
+ "$extensions": {
679
+ "com.figma": {
680
+ "collectionName": "abstracts-custom-props",
681
+ "collectionID": "VariableCollectionId:296:179",
682
+ "modeName": "default",
683
+ "modeID": "296:2",
684
+ "variableName": "navy-40",
685
+ "variableID": "VariableID:296:200"
686
+ }
687
+ }
688
+ },
689
+ "navy-50": {
690
+ "$type": "color",
691
+ "$value": "#9daecc",
692
+ "$extensions": {
693
+ "com.figma": {
694
+ "collectionName": "abstracts-custom-props",
695
+ "collectionID": "VariableCollectionId:296:179",
696
+ "modeName": "default",
697
+ "modeID": "296:2",
698
+ "variableName": "navy-50",
699
+ "variableID": "VariableID:296:199"
700
+ }
701
+ }
702
+ },
703
+ "navy-60": {
704
+ "$type": "color",
705
+ "$value": "#889cc0",
706
+ "$extensions": {
707
+ "com.figma": {
708
+ "collectionName": "abstracts-custom-props",
709
+ "collectionID": "VariableCollectionId:296:179",
710
+ "modeName": "default",
711
+ "modeID": "296:2",
712
+ "variableName": "navy-60",
713
+ "variableID": "VariableID:296:198"
714
+ }
715
+ }
716
+ },
717
+ "navy-70": {
718
+ "$type": "color",
719
+ "$value": "#6f88b2",
720
+ "$extensions": {
721
+ "com.figma": {
722
+ "collectionName": "abstracts-custom-props",
723
+ "collectionID": "VariableCollectionId:296:179",
724
+ "modeName": "default",
725
+ "modeID": "296:2",
726
+ "variableName": "navy-70",
727
+ "variableID": "VariableID:296:197"
728
+ }
729
+ }
730
+ },
731
+ "navy-80": {
732
+ "$type": "color",
733
+ "$value": "#5674a3",
734
+ "$extensions": {
735
+ "com.figma": {
736
+ "collectionName": "abstracts-custom-props",
737
+ "collectionID": "VariableCollectionId:296:179",
738
+ "modeName": "default",
739
+ "modeID": "296:2",
740
+ "variableName": "navy-80",
741
+ "variableID": "VariableID:296:196"
742
+ }
743
+ }
744
+ },
745
+ "navy-90": {
746
+ "$type": "color",
747
+ "$value": "#3e5f95",
748
+ "$extensions": {
749
+ "com.figma": {
750
+ "collectionName": "abstracts-custom-props",
751
+ "collectionID": "VariableCollectionId:296:179",
752
+ "modeName": "default",
753
+ "modeID": "296:2",
754
+ "variableName": "navy-90",
755
+ "variableID": "VariableID:296:195"
756
+ }
757
+ }
758
+ },
759
+ "navy-dark": {
760
+ "$type": "color",
761
+ "$value": "#002d72",
762
+ "$extensions": {
763
+ "com.figma": {
764
+ "collectionName": "abstracts-custom-props",
765
+ "collectionID": "VariableCollectionId:296:179",
766
+ "modeName": "default",
767
+ "modeID": "296:2",
768
+ "variableName": "navy-dark",
769
+ "variableID": "VariableID:296:192"
770
+ }
771
+ }
772
+ },
773
+ "navy-mid-dark": {
774
+ "$type": "color",
775
+ "$value": "#123c7c",
776
+ "$extensions": {
777
+ "com.figma": {
778
+ "collectionName": "abstracts-custom-props",
779
+ "collectionID": "VariableCollectionId:296:179",
780
+ "modeName": "default",
781
+ "modeID": "296:2",
782
+ "variableName": "navy-mid-dark",
783
+ "variableID": "VariableID:296:193"
784
+ }
785
+ }
786
+ },
787
+ "neutral": {
788
+ "$type": "color",
789
+ "$value": "#8a6c57",
790
+ "$extensions": {
791
+ "com.figma": {
792
+ "collectionName": "abstracts-custom-props",
793
+ "collectionID": "VariableCollectionId:296:179",
794
+ "modeName": "default",
795
+ "modeID": "296:2",
796
+ "variableName": "neutral",
797
+ "variableID": "VariableID:296:283"
798
+ }
799
+ }
800
+ },
801
+ "neutral-10": {
802
+ "$type": "color",
803
+ "$value": "#f8f5f2",
804
+ "$extensions": {
805
+ "com.figma": {
806
+ "collectionName": "abstracts-custom-props",
807
+ "collectionID": "VariableCollectionId:296:179",
808
+ "modeName": "default",
809
+ "modeID": "296:2",
810
+ "variableName": "neutral-10",
811
+ "variableID": "VariableID:296:292"
812
+ }
813
+ }
814
+ },
815
+ "neutral-20": {
816
+ "$type": "color",
817
+ "$value": "#e7ddd7",
818
+ "$extensions": {
819
+ "com.figma": {
820
+ "collectionName": "abstracts-custom-props",
821
+ "collectionID": "VariableCollectionId:296:179",
822
+ "modeName": "default",
823
+ "modeID": "296:2",
824
+ "variableName": "neutral-20",
825
+ "variableID": "VariableID:296:291"
826
+ }
827
+ }
828
+ },
829
+ "neutral-30": {
830
+ "$type": "color",
831
+ "$value": "#ddd1c9",
832
+ "$extensions": {
833
+ "com.figma": {
834
+ "collectionName": "abstracts-custom-props",
835
+ "collectionID": "VariableCollectionId:296:179",
836
+ "modeName": "default",
837
+ "modeID": "296:2",
838
+ "variableName": "neutral-30",
839
+ "variableID": "VariableID:296:290"
840
+ }
841
+ }
842
+ },
843
+ "neutral-40": {
844
+ "$type": "color",
845
+ "$value": "#d3c5bc",
846
+ "$extensions": {
847
+ "com.figma": {
848
+ "collectionName": "abstracts-custom-props",
849
+ "collectionID": "VariableCollectionId:296:179",
850
+ "modeName": "default",
851
+ "modeID": "296:2",
852
+ "variableName": "neutral-40",
853
+ "variableID": "VariableID:296:289"
854
+ }
855
+ }
856
+ },
857
+ "neutral-50": {
858
+ "$type": "color",
859
+ "$value": "#c6b4a9",
860
+ "$extensions": {
861
+ "com.figma": {
862
+ "collectionName": "abstracts-custom-props",
863
+ "collectionID": "VariableCollectionId:296:179",
864
+ "modeName": "default",
865
+ "modeID": "296:2",
866
+ "variableName": "neutral-50",
867
+ "variableID": "VariableID:296:288"
868
+ }
869
+ }
870
+ },
871
+ "neutral-60": {
872
+ "$type": "color",
873
+ "$value": "#baa496",
874
+ "$extensions": {
875
+ "com.figma": {
876
+ "collectionName": "abstracts-custom-props",
877
+ "collectionID": "VariableCollectionId:296:179",
878
+ "modeName": "default",
879
+ "modeID": "296:2",
880
+ "variableName": "neutral-60",
881
+ "variableID": "VariableID:296:287"
882
+ }
883
+ }
884
+ },
885
+ "neutral-70": {
886
+ "$type": "color",
887
+ "$value": "#ad9484",
888
+ "$extensions": {
889
+ "com.figma": {
890
+ "collectionName": "abstracts-custom-props",
891
+ "collectionID": "VariableCollectionId:296:179",
892
+ "modeName": "default",
893
+ "modeID": "296:2",
894
+ "variableName": "neutral-70",
895
+ "variableID": "VariableID:296:286"
896
+ }
897
+ }
898
+ },
899
+ "neutral-80": {
900
+ "$type": "color",
901
+ "$value": "#a18573",
902
+ "$extensions": {
903
+ "com.figma": {
904
+ "collectionName": "abstracts-custom-props",
905
+ "collectionID": "VariableCollectionId:296:179",
906
+ "modeName": "default",
907
+ "modeID": "296:2",
908
+ "variableName": "neutral-80",
909
+ "variableID": "VariableID:296:285"
910
+ }
911
+ }
912
+ },
913
+ "neutral-90": {
914
+ "$type": "color",
915
+ "$value": "#957865",
916
+ "$extensions": {
917
+ "com.figma": {
918
+ "collectionName": "abstracts-custom-props",
919
+ "collectionID": "VariableCollectionId:296:179",
920
+ "modeName": "default",
921
+ "modeID": "296:2",
922
+ "variableName": "neutral-90",
923
+ "variableID": "VariableID:296:284"
924
+ }
925
+ }
926
+ },
927
+ "neutral-dark": {
928
+ "$type": "color",
929
+ "$value": "#745745",
930
+ "$extensions": {
931
+ "com.figma": {
932
+ "collectionName": "abstracts-custom-props",
933
+ "collectionID": "VariableCollectionId:296:179",
934
+ "modeName": "default",
935
+ "modeID": "296:2",
936
+ "variableName": "neutral-dark",
937
+ "variableID": "VariableID:296:281"
938
+ }
939
+ }
940
+ },
941
+ "neutral-mid-dark": {
942
+ "$type": "color",
943
+ "$value": "#7d604b",
944
+ "$extensions": {
945
+ "com.figma": {
946
+ "collectionName": "abstracts-custom-props",
947
+ "collectionID": "VariableCollectionId:296:179",
948
+ "modeName": "default",
949
+ "modeID": "296:2",
950
+ "variableName": "neutral-mid-dark",
951
+ "variableID": "VariableID:296:282"
952
+ }
953
+ }
954
+ },
955
+ "pacific": {
956
+ "$type": "color",
957
+ "$value": "#0072ce",
958
+ "$extensions": {
959
+ "com.figma": {
960
+ "collectionName": "abstracts-custom-props",
961
+ "collectionID": "VariableCollectionId:296:179",
962
+ "modeName": "default",
963
+ "modeID": "296:2",
964
+ "variableName": "pacific",
965
+ "variableID": "VariableID:296:182"
966
+ }
967
+ }
968
+ },
969
+ "pacific-10": {
970
+ "$type": "color",
971
+ "$value": "#eff8fd",
972
+ "$extensions": {
973
+ "com.figma": {
974
+ "collectionName": "abstracts-custom-props",
975
+ "collectionID": "VariableCollectionId:296:179",
976
+ "modeName": "default",
977
+ "modeID": "296:2",
978
+ "variableName": "pacific-10",
979
+ "variableID": "VariableID:296:191"
980
+ }
981
+ }
982
+ },
983
+ "pacific-20": {
984
+ "$type": "color",
985
+ "$value": "#d6e8fa",
986
+ "$extensions": {
987
+ "com.figma": {
988
+ "collectionName": "abstracts-custom-props",
989
+ "collectionID": "VariableCollectionId:296:179",
990
+ "modeName": "default",
991
+ "modeID": "296:2",
992
+ "variableName": "pacific-20",
993
+ "variableID": "VariableID:296:190"
994
+ }
995
+ }
996
+ },
997
+ "pacific-30": {
998
+ "$type": "color",
999
+ "$value": "#c3ddf6",
1000
+ "$extensions": {
1001
+ "com.figma": {
1002
+ "collectionName": "abstracts-custom-props",
1003
+ "collectionID": "VariableCollectionId:296:179",
1004
+ "modeName": "default",
1005
+ "modeID": "296:2",
1006
+ "variableName": "pacific-30",
1007
+ "variableID": "VariableID:296:189"
1008
+ }
1009
+ }
1010
+ },
1011
+ "pacific-40": {
1012
+ "$type": "color",
1013
+ "$value": "#afd2f2",
1014
+ "$extensions": {
1015
+ "com.figma": {
1016
+ "collectionName": "abstracts-custom-props",
1017
+ "collectionID": "VariableCollectionId:296:179",
1018
+ "modeName": "default",
1019
+ "modeID": "296:2",
1020
+ "variableName": "pacific-40",
1021
+ "variableID": "VariableID:296:188"
1022
+ }
1023
+ }
1024
+ },
1025
+ "pacific-50": {
1026
+ "$type": "color",
1027
+ "$value": "#96c4ed",
1028
+ "$extensions": {
1029
+ "com.figma": {
1030
+ "collectionName": "abstracts-custom-props",
1031
+ "collectionID": "VariableCollectionId:296:179",
1032
+ "modeName": "default",
1033
+ "modeID": "296:2",
1034
+ "variableName": "pacific-50",
1035
+ "variableID": "VariableID:296:187"
1036
+ }
1037
+ }
1038
+ },
1039
+ "pacific-60": {
1040
+ "$type": "color",
1041
+ "$value": "#7eb7e8",
1042
+ "$extensions": {
1043
+ "com.figma": {
1044
+ "collectionName": "abstracts-custom-props",
1045
+ "collectionID": "VariableCollectionId:296:179",
1046
+ "modeName": "default",
1047
+ "modeID": "296:2",
1048
+ "variableName": "pacific-60",
1049
+ "variableID": "VariableID:296:186"
1050
+ }
1051
+ }
1052
+ },
1053
+ "pacific-70": {
1054
+ "$type": "color",
1055
+ "$value": "#61a7e2",
1056
+ "$extensions": {
1057
+ "com.figma": {
1058
+ "collectionName": "abstracts-custom-props",
1059
+ "collectionID": "VariableCollectionId:296:179",
1060
+ "modeName": "default",
1061
+ "modeID": "296:2",
1062
+ "variableName": "pacific-70",
1063
+ "variableID": "VariableID:296:185"
1064
+ }
1065
+ }
1066
+ },
1067
+ "pacific-80": {
1068
+ "$type": "color",
1069
+ "$value": "#4497dc",
1070
+ "$extensions": {
1071
+ "com.figma": {
1072
+ "collectionName": "abstracts-custom-props",
1073
+ "collectionID": "VariableCollectionId:296:179",
1074
+ "modeName": "default",
1075
+ "modeID": "296:2",
1076
+ "variableName": "pacific-80",
1077
+ "variableID": "VariableID:296:184"
1078
+ }
1079
+ }
1080
+ },
1081
+ "pacific-90": {
1082
+ "$type": "color",
1083
+ "$value": "#2284d5",
1084
+ "$extensions": {
1085
+ "com.figma": {
1086
+ "collectionName": "abstracts-custom-props",
1087
+ "collectionID": "VariableCollectionId:296:179",
1088
+ "modeName": "default",
1089
+ "modeID": "296:2",
1090
+ "variableName": "pacific-90",
1091
+ "variableID": "VariableID:296:183"
1092
+ }
1093
+ }
1094
+ },
1095
+ "pacific-dark": {
1096
+ "$type": "color",
1097
+ "$value": "#0050b4",
1098
+ "$extensions": {
1099
+ "com.figma": {
1100
+ "collectionName": "abstracts-custom-props",
1101
+ "collectionID": "VariableCollectionId:296:179",
1102
+ "modeName": "default",
1103
+ "modeID": "296:2",
1104
+ "variableName": "pacific-dark",
1105
+ "variableID": "VariableID:296:180"
1106
+ }
1107
+ }
1108
+ },
1109
+ "pacific-mid-dark": {
1110
+ "$type": "color",
1111
+ "$value": "#0061c1",
1112
+ "$extensions": {
1113
+ "com.figma": {
1114
+ "collectionName": "abstracts-custom-props",
1115
+ "collectionID": "VariableCollectionId:296:179",
1116
+ "modeName": "default",
1117
+ "modeID": "296:2",
1118
+ "variableName": "pacific-mid-dark",
1119
+ "variableID": "VariableID:296:181"
1120
+ }
1121
+ }
1122
+ },
1123
+ "purple": {
1124
+ "$type": "color",
1125
+ "$value": "#b4267a",
1126
+ "$extensions": {
1127
+ "com.figma": {
1128
+ "collectionName": "abstracts-custom-props",
1129
+ "collectionID": "VariableCollectionId:296:179",
1130
+ "modeName": "default",
1131
+ "modeID": "296:2",
1132
+ "variableName": "purple",
1133
+ "variableID": "VariableID:296:247"
1134
+ }
1135
+ }
1136
+ },
1137
+ "purple-10": {
1138
+ "$type": "color",
1139
+ "$value": "#fdf3f8",
1140
+ "$extensions": {
1141
+ "com.figma": {
1142
+ "collectionName": "abstracts-custom-props",
1143
+ "collectionID": "VariableCollectionId:296:179",
1144
+ "modeName": "default",
1145
+ "modeID": "296:2",
1146
+ "variableName": "purple-10",
1147
+ "variableID": "VariableID:296:256"
1148
+ }
1149
+ }
1150
+ },
1151
+ "purple-20": {
1152
+ "$type": "color",
1153
+ "$value": "#f0d8e2",
1154
+ "$extensions": {
1155
+ "com.figma": {
1156
+ "collectionName": "abstracts-custom-props",
1157
+ "collectionID": "VariableCollectionId:296:179",
1158
+ "modeName": "default",
1159
+ "modeID": "296:2",
1160
+ "variableName": "purple-20",
1161
+ "variableID": "VariableID:296:255"
1162
+ }
1163
+ }
1164
+ },
1165
+ "purple-30": {
1166
+ "$type": "color",
1167
+ "$value": "#ebc9d9",
1168
+ "$extensions": {
1169
+ "com.figma": {
1170
+ "collectionName": "abstracts-custom-props",
1171
+ "collectionID": "VariableCollectionId:296:179",
1172
+ "modeName": "default",
1173
+ "modeID": "296:2",
1174
+ "variableName": "purple-30",
1175
+ "variableID": "VariableID:296:254"
1176
+ }
1177
+ }
1178
+ },
1179
+ "purple-40": {
1180
+ "$type": "color",
1181
+ "$value": "#e3b2cc",
1182
+ "$extensions": {
1183
+ "com.figma": {
1184
+ "collectionName": "abstracts-custom-props",
1185
+ "collectionID": "VariableCollectionId:296:179",
1186
+ "modeName": "default",
1187
+ "modeID": "296:2",
1188
+ "variableName": "purple-40",
1189
+ "variableID": "VariableID:296:253"
1190
+ }
1191
+ }
1192
+ },
1193
+ "purple-50": {
1194
+ "$type": "color",
1195
+ "$value": "#dc9cbf",
1196
+ "$extensions": {
1197
+ "com.figma": {
1198
+ "collectionName": "abstracts-custom-props",
1199
+ "collectionID": "VariableCollectionId:296:179",
1200
+ "modeName": "default",
1201
+ "modeID": "296:2",
1202
+ "variableName": "purple-50",
1203
+ "variableID": "VariableID:296:252"
1204
+ }
1205
+ }
1206
+ },
1207
+ "purple-60": {
1208
+ "$type": "color",
1209
+ "$value": "#d486b2",
1210
+ "$extensions": {
1211
+ "com.figma": {
1212
+ "collectionName": "abstracts-custom-props",
1213
+ "collectionID": "VariableCollectionId:296:179",
1214
+ "modeName": "default",
1215
+ "modeID": "296:2",
1216
+ "variableName": "purple-60",
1217
+ "variableID": "VariableID:296:251"
1218
+ }
1219
+ }
1220
+ },
1221
+ "purple-70": {
1222
+ "$type": "color",
1223
+ "$value": "#cd70a5",
1224
+ "$extensions": {
1225
+ "com.figma": {
1226
+ "collectionName": "abstracts-custom-props",
1227
+ "collectionID": "VariableCollectionId:296:179",
1228
+ "modeName": "default",
1229
+ "modeID": "296:2",
1230
+ "variableName": "purple-70",
1231
+ "variableID": "VariableID:296:250"
1232
+ }
1233
+ }
1234
+ },
1235
+ "purple-80": {
1236
+ "$type": "color",
1237
+ "$value": "#c55998",
1238
+ "$extensions": {
1239
+ "com.figma": {
1240
+ "collectionName": "abstracts-custom-props",
1241
+ "collectionID": "VariableCollectionId:296:179",
1242
+ "modeName": "default",
1243
+ "modeID": "296:2",
1244
+ "variableName": "purple-80",
1245
+ "variableID": "VariableID:296:249"
1246
+ }
1247
+ }
1248
+ },
1249
+ "purple-90": {
1250
+ "$type": "color",
1251
+ "$value": "#be438b",
1252
+ "$extensions": {
1253
+ "com.figma": {
1254
+ "collectionName": "abstracts-custom-props",
1255
+ "collectionID": "VariableCollectionId:296:179",
1256
+ "modeName": "default",
1257
+ "modeID": "296:2",
1258
+ "variableName": "purple-90",
1259
+ "variableID": "VariableID:296:248"
1260
+ }
1261
+ }
1262
+ },
1263
+ "purple-dark": {
1264
+ "$type": "color",
1265
+ "$value": "#a01b68",
1266
+ "$extensions": {
1267
+ "com.figma": {
1268
+ "collectionName": "abstracts-custom-props",
1269
+ "collectionID": "VariableCollectionId:296:179",
1270
+ "modeName": "default",
1271
+ "modeID": "296:2",
1272
+ "variableName": "purple-dark",
1273
+ "variableID": "VariableID:296:245"
1274
+ }
1275
+ }
1276
+ },
1277
+ "purple-mid-dark": {
1278
+ "$type": "color",
1279
+ "$value": "#aa2071",
1280
+ "$extensions": {
1281
+ "com.figma": {
1282
+ "collectionName": "abstracts-custom-props",
1283
+ "collectionID": "VariableCollectionId:296:179",
1284
+ "modeName": "default",
1285
+ "modeID": "296:2",
1286
+ "variableName": "purple-mid-dark",
1287
+ "variableID": "VariableID:296:246"
1288
+ }
1289
+ }
1290
+ },
1291
+ "red": {
1292
+ "$type": "color",
1293
+ "$value": "#d14124",
1294
+ "$extensions": {
1295
+ "com.figma": {
1296
+ "collectionName": "abstracts-custom-props",
1297
+ "collectionID": "VariableCollectionId:296:179",
1298
+ "modeName": "default",
1299
+ "modeID": "296:2",
1300
+ "variableName": "red",
1301
+ "variableID": "VariableID:296:259"
1302
+ }
1303
+ }
1304
+ },
1305
+ "red-10": {
1306
+ "$type": "color",
1307
+ "$value": "#fbefec",
1308
+ "$extensions": {
1309
+ "com.figma": {
1310
+ "collectionName": "abstracts-custom-props",
1311
+ "collectionID": "VariableCollectionId:296:179",
1312
+ "modeName": "default",
1313
+ "modeID": "296:2",
1314
+ "variableName": "red-10",
1315
+ "variableID": "VariableID:296:268"
1316
+ }
1317
+ }
1318
+ },
1319
+ "red-20": {
1320
+ "$type": "color",
1321
+ "$value": "#f7e0d9",
1322
+ "$extensions": {
1323
+ "com.figma": {
1324
+ "collectionName": "abstracts-custom-props",
1325
+ "collectionID": "VariableCollectionId:296:179",
1326
+ "modeName": "default",
1327
+ "modeID": "296:2",
1328
+ "variableName": "red-20",
1329
+ "variableID": "VariableID:296:267"
1330
+ }
1331
+ }
1332
+ },
1333
+ "red-30": {
1334
+ "$type": "color",
1335
+ "$value": "#f3d1c8",
1336
+ "$extensions": {
1337
+ "com.figma": {
1338
+ "collectionName": "abstracts-custom-props",
1339
+ "collectionID": "VariableCollectionId:296:179",
1340
+ "modeName": "default",
1341
+ "modeID": "296:2",
1342
+ "variableName": "red-30",
1343
+ "variableID": "VariableID:296:266"
1344
+ }
1345
+ }
1346
+ },
1347
+ "red-40": {
1348
+ "$type": "color",
1349
+ "$value": "#f0c3b8",
1350
+ "$extensions": {
1351
+ "com.figma": {
1352
+ "collectionName": "abstracts-custom-props",
1353
+ "collectionID": "VariableCollectionId:296:179",
1354
+ "modeName": "default",
1355
+ "modeID": "296:2",
1356
+ "variableName": "red-40",
1357
+ "variableID": "VariableID:296:265"
1358
+ }
1359
+ }
1360
+ },
1361
+ "red-50": {
1362
+ "$type": "color",
1363
+ "$value": "#ebb0a3",
1364
+ "$extensions": {
1365
+ "com.figma": {
1366
+ "collectionName": "abstracts-custom-props",
1367
+ "collectionID": "VariableCollectionId:296:179",
1368
+ "modeName": "default",
1369
+ "modeID": "296:2",
1370
+ "variableName": "red-50",
1371
+ "variableID": "VariableID:296:264"
1372
+ }
1373
+ }
1374
+ },
1375
+ "red-60": {
1376
+ "$type": "color",
1377
+ "$value": "#e79e8e",
1378
+ "$extensions": {
1379
+ "com.figma": {
1380
+ "collectionName": "abstracts-custom-props",
1381
+ "collectionID": "VariableCollectionId:296:179",
1382
+ "modeName": "default",
1383
+ "modeID": "296:2",
1384
+ "variableName": "red-60",
1385
+ "variableID": "VariableID:296:263"
1386
+ }
1387
+ }
1388
+ },
1389
+ "red-70": {
1390
+ "$type": "color",
1391
+ "$value": "#e28875",
1392
+ "$extensions": {
1393
+ "com.figma": {
1394
+ "collectionName": "abstracts-custom-props",
1395
+ "collectionID": "VariableCollectionId:296:179",
1396
+ "modeName": "default",
1397
+ "modeID": "296:2",
1398
+ "variableName": "red-70",
1399
+ "variableID": "VariableID:296:262"
1400
+ }
1401
+ }
1402
+ },
1403
+ "red-80": {
1404
+ "$type": "color",
1405
+ "$value": "#dd735d",
1406
+ "$extensions": {
1407
+ "com.figma": {
1408
+ "collectionName": "abstracts-custom-props",
1409
+ "collectionID": "VariableCollectionId:296:179",
1410
+ "modeName": "default",
1411
+ "modeID": "296:2",
1412
+ "variableName": "red-80",
1413
+ "variableID": "VariableID:296:261"
1414
+ }
1415
+ }
1416
+ },
1417
+ "red-90": {
1418
+ "$type": "color",
1419
+ "$value": "#d75a40",
1420
+ "$extensions": {
1421
+ "com.figma": {
1422
+ "collectionName": "abstracts-custom-props",
1423
+ "collectionID": "VariableCollectionId:296:179",
1424
+ "modeName": "default",
1425
+ "modeID": "296:2",
1426
+ "variableName": "red-90",
1427
+ "variableID": "VariableID:296:260"
1428
+ }
1429
+ }
1430
+ },
1431
+ "red-dark": {
1432
+ "$type": "color",
1433
+ "$value": "#b63014",
1434
+ "$extensions": {
1435
+ "com.figma": {
1436
+ "collectionName": "abstracts-custom-props",
1437
+ "collectionID": "VariableCollectionId:296:179",
1438
+ "modeName": "default",
1439
+ "modeID": "296:2",
1440
+ "variableName": "red-dark",
1441
+ "variableID": "VariableID:296:257"
1442
+ }
1443
+ }
1444
+ },
1445
+ "red-mid-dark": {
1446
+ "$type": "color",
1447
+ "$value": "#c3381c",
1448
+ "$extensions": {
1449
+ "com.figma": {
1450
+ "collectionName": "abstracts-custom-props",
1451
+ "collectionID": "VariableCollectionId:296:179",
1452
+ "modeName": "default",
1453
+ "modeID": "296:2",
1454
+ "variableName": "red-mid-dark",
1455
+ "variableID": "VariableID:296:258"
1456
+ }
1457
+ }
1458
+ },
1459
+ "teal": {
1460
+ "$type": "color",
1461
+ "$value": "#257675",
1462
+ "$extensions": {
1463
+ "com.figma": {
1464
+ "collectionName": "abstracts-custom-props",
1465
+ "collectionID": "VariableCollectionId:296:179",
1466
+ "modeName": "default",
1467
+ "modeID": "296:2",
1468
+ "variableName": "teal",
1469
+ "variableID": "VariableID:296:206"
1470
+ }
1471
+ }
1472
+ },
1473
+ "teal-10": {
1474
+ "$type": "color",
1475
+ "$value": "#f0f7f6",
1476
+ "$extensions": {
1477
+ "com.figma": {
1478
+ "collectionName": "abstracts-custom-props",
1479
+ "collectionID": "VariableCollectionId:296:179",
1480
+ "modeName": "default",
1481
+ "modeID": "296:2",
1482
+ "variableName": "teal-10",
1483
+ "variableID": "VariableID:296:215"
1484
+ }
1485
+ }
1486
+ },
1487
+ "teal-20": {
1488
+ "$type": "color",
1489
+ "$value": "#d4e7e6",
1490
+ "$extensions": {
1491
+ "com.figma": {
1492
+ "collectionName": "abstracts-custom-props",
1493
+ "collectionID": "VariableCollectionId:296:179",
1494
+ "modeName": "default",
1495
+ "modeID": "296:2",
1496
+ "variableName": "teal-20",
1497
+ "variableID": "VariableID:296:214"
1498
+ }
1499
+ }
1500
+ },
1501
+ "teal-30": {
1502
+ "$type": "color",
1503
+ "$value": "#c4dddc",
1504
+ "$extensions": {
1505
+ "com.figma": {
1506
+ "collectionName": "abstracts-custom-props",
1507
+ "collectionID": "VariableCollectionId:296:179",
1508
+ "modeName": "default",
1509
+ "modeID": "296:2",
1510
+ "variableName": "teal-30",
1511
+ "variableID": "VariableID:296:213"
1512
+ }
1513
+ }
1514
+ },
1515
+ "teal-40": {
1516
+ "$type": "color",
1517
+ "$value": "#b4d2d1",
1518
+ "$extensions": {
1519
+ "com.figma": {
1520
+ "collectionName": "abstracts-custom-props",
1521
+ "collectionID": "VariableCollectionId:296:179",
1522
+ "modeName": "default",
1523
+ "modeID": "296:2",
1524
+ "variableName": "teal-40",
1525
+ "variableID": "VariableID:296:212"
1526
+ }
1527
+ }
1528
+ },
1529
+ "teal-50": {
1530
+ "$type": "color",
1531
+ "$value": "#9ec4c3",
1532
+ "$extensions": {
1533
+ "com.figma": {
1534
+ "collectionName": "abstracts-custom-props",
1535
+ "collectionID": "VariableCollectionId:296:179",
1536
+ "modeName": "default",
1537
+ "modeID": "296:2",
1538
+ "variableName": "teal-50",
1539
+ "variableID": "VariableID:296:211"
1540
+ }
1541
+ }
1542
+ },
1543
+ "teal-60": {
1544
+ "$type": "color",
1545
+ "$value": "#89b6b5",
1546
+ "$extensions": {
1547
+ "com.figma": {
1548
+ "collectionName": "abstracts-custom-props",
1549
+ "collectionID": "VariableCollectionId:296:179",
1550
+ "modeName": "default",
1551
+ "modeID": "296:2",
1552
+ "variableName": "teal-60",
1553
+ "variableID": "VariableID:296:210"
1554
+ }
1555
+ }
1556
+ },
1557
+ "teal-70": {
1558
+ "$type": "color",
1559
+ "$value": "#70a6a5",
1560
+ "$extensions": {
1561
+ "com.figma": {
1562
+ "collectionName": "abstracts-custom-props",
1563
+ "collectionID": "VariableCollectionId:296:179",
1564
+ "modeName": "default",
1565
+ "modeID": "296:2",
1566
+ "variableName": "teal-70",
1567
+ "variableID": "VariableID:296:209"
1568
+ }
1569
+ }
1570
+ },
1571
+ "teal-80": {
1572
+ "$type": "color",
1573
+ "$value": "#579695",
1574
+ "$extensions": {
1575
+ "com.figma": {
1576
+ "collectionName": "abstracts-custom-props",
1577
+ "collectionID": "VariableCollectionId:296:179",
1578
+ "modeName": "default",
1579
+ "modeID": "296:2",
1580
+ "variableName": "teal-80",
1581
+ "variableID": "VariableID:296:208"
1582
+ }
1583
+ }
1584
+ },
1585
+ "teal-90": {
1586
+ "$type": "color",
1587
+ "$value": "#3e8685",
1588
+ "$extensions": {
1589
+ "com.figma": {
1590
+ "collectionName": "abstracts-custom-props",
1591
+ "collectionID": "VariableCollectionId:296:179",
1592
+ "modeName": "default",
1593
+ "modeID": "296:2",
1594
+ "variableName": "teal-90",
1595
+ "variableID": "VariableID:296:207"
1596
+ }
1597
+ }
1598
+ },
1599
+ "teal-dark": {
1600
+ "$type": "color",
1601
+ "$value": "#005e5d",
1602
+ "$extensions": {
1603
+ "com.figma": {
1604
+ "collectionName": "abstracts-custom-props",
1605
+ "collectionID": "VariableCollectionId:296:179",
1606
+ "modeName": "default",
1607
+ "modeID": "296:2",
1608
+ "variableName": "teal-dark",
1609
+ "variableID": "VariableID:296:204"
1610
+ }
1611
+ }
1612
+ },
1613
+ "teal-mid-dark": {
1614
+ "$type": "color",
1615
+ "$value": "#126b69",
1616
+ "$extensions": {
1617
+ "com.figma": {
1618
+ "collectionName": "abstracts-custom-props",
1619
+ "collectionID": "VariableCollectionId:296:179",
1620
+ "modeName": "default",
1621
+ "modeID": "296:2",
1622
+ "variableName": "teal-mid-dark",
1623
+ "variableID": "VariableID:296:205"
1624
+ }
1625
+ }
1626
+ },
1627
+ "white": {
1628
+ "$type": "color",
1629
+ "$value": "#ffffff",
1630
+ "$extensions": {
1631
+ "com.figma": {
1632
+ "collectionName": "abstracts-custom-props",
1633
+ "collectionID": "VariableCollectionId:296:179",
1634
+ "modeName": "default",
1635
+ "modeID": "296:2",
1636
+ "variableName": "white",
1637
+ "variableID": "VariableID:296:216"
1638
+ }
1639
+ }
1640
+ }
1641
+ }
1642
+ }