ads-nuxt 0.1.0 → 0.1.2

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 (74) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +567 -1
  3. package/app/app.config.ts +25 -25
  4. package/app/assets/ads/checkbox-check.svg +5 -5
  5. package/app/assets/ads/checkbox-minus.svg +5 -5
  6. package/app/assets/brand/farmarcas.svg +6 -6
  7. package/app/assets/brand/radar.svg +9 -9
  8. package/app/assets/css/component-tokens.css +403 -403
  9. package/app/assets/css/main.css +617 -617
  10. package/app/components/AdsBadge.vue +48 -48
  11. package/app/components/AdsBroadcast.vue +45 -45
  12. package/app/components/AdsButton.vue +569 -569
  13. package/app/components/AdsButtonGroup.vue +39 -39
  14. package/app/components/AdsButtonMenu.vue +48 -48
  15. package/app/components/AdsCard.vue +117 -117
  16. package/app/components/AdsCharttip.vue +78 -78
  17. package/app/components/AdsCheckbox.vue +77 -77
  18. package/app/components/AdsDatePicker.vue +473 -473
  19. package/app/components/AdsDropdownMenu.vue +19 -19
  20. package/app/components/AdsEmptyState.vue +58 -58
  21. package/app/components/AdsFarmarcasPill.vue +74 -74
  22. package/app/components/AdsFeatureCard.vue +217 -217
  23. package/app/components/AdsFileCard.vue +101 -101
  24. package/app/components/AdsFilterDropdown.vue +174 -174
  25. package/app/components/AdsFilterOption.vue +72 -72
  26. package/app/components/AdsFilterSelect.vue +202 -202
  27. package/app/components/AdsFooter.vue +25 -25
  28. package/app/components/AdsInput.vue +143 -143
  29. package/app/components/AdsListDropdown.vue +44 -44
  30. package/app/components/AdsLoading.vue +109 -109
  31. package/app/components/AdsMenuBar.vue +103 -103
  32. package/app/components/AdsMetricCard.vue +119 -119
  33. package/app/components/AdsMiniPill.vue +40 -40
  34. package/app/components/AdsModal.vue +157 -157
  35. package/app/components/AdsMonthPicker.vue +80 -80
  36. package/app/components/AdsNavbarApp.vue +67 -67
  37. package/app/components/AdsNavbarDesk.vue +62 -62
  38. package/app/components/AdsNotabilityPill.vue +27 -27
  39. package/app/components/AdsNumberInput.vue +166 -166
  40. package/app/components/AdsPagination.vue +91 -91
  41. package/app/components/AdsProductTag.vue +61 -61
  42. package/app/components/AdsRadio.vue +70 -70
  43. package/app/components/AdsSearchInput.vue +113 -113
  44. package/app/components/AdsSegmentedTabs.vue +28 -28
  45. package/app/components/AdsSideMenu.vue +101 -101
  46. package/app/components/AdsSmalltip.vue +44 -44
  47. package/app/components/AdsSteptip.vue +101 -101
  48. package/app/components/AdsSwitch.vue +59 -59
  49. package/app/components/AdsTable.vue +100 -100
  50. package/app/components/AdsTableToolbar.vue +44 -44
  51. package/app/components/AdsTabs.vue +51 -51
  52. package/app/components/AdsTextarea.vue +109 -109
  53. package/app/components/AdsToast.vue +181 -181
  54. package/app/components/AdsTooltip.vue +66 -66
  55. package/app/components/InvertedTooltip.vue +40 -40
  56. package/app/components/OverlayLoading.vue +173 -173
  57. package/app/components/ProgressBarLoading.vue +256 -256
  58. package/app/composables/useOverlayLoading.ts +66 -66
  59. package/app/locale/pt-br.ts +6 -6
  60. package/app/plugins/ads-toast.client.ts +24 -24
  61. package/app/theme/ads-theme.ts +370 -370
  62. package/app/theme/component-tokens.json +402 -402
  63. package/app/theme/component-tokens.ts +815 -815
  64. package/app/types/overlay-loading.types.ts +26 -26
  65. package/app/utils/ads-filter-select.ts +172 -172
  66. package/app/utils/ads-table.ts +204 -204
  67. package/app/utils/calendar-date.ts +128 -128
  68. package/app/utils/category-role.ts +45 -45
  69. package/app/utils/money.ts +77 -77
  70. package/app/utils/notability.ts +8 -8
  71. package/app/utils/parser.ts +134 -134
  72. package/app/utils/percentage.ts +54 -54
  73. package/nuxt.config.ts +31 -32
  74. package/package.json +48 -46
package/app/assets/css/component-tokens.css CHANGED
@@ -1,403 +1,403 @@
1
- /* Gerado pela tela /design-system/tokens. Fonte: app/theme/component-tokens.json */
2
- :root {
3
- --ads-button-radius: 8px;
4
- --ads-button-weight: 700;
5
- --ads-button-sm-height: 32px;
6
- --ads-button-sm-padding-x: 12px;
7
- --ads-button-sm-gap: 8px;
8
- --ads-button-sm-font-size: 12px;
9
- --ads-button-sm-line-height: 1.2;
10
- --ads-button-sm-icon: 16px;
11
- --ads-button-sm-icon-box: 32px;
12
- --ads-button-md-padding-x: 16px;
13
- --ads-button-md-padding-y: 12px;
14
- --ads-button-md-gap: 8px;
15
- --ads-button-md-font-size: 14px;
16
- --ads-button-md-line-height: 1.3;
17
- --ads-button-md-icon: 18px;
18
- --ads-button-md-icon-box: 40px;
19
- --ads-button-primary: #006ff7;
20
- --ads-button-primary-hover: #074ac6;
21
- --ads-button-primary-pressed: #00389e;
22
- --ads-button-primary-disabled: #89c9ff;
23
- --ads-button-primary-text: #ffffff;
24
- --ads-button-secondary: #e4f2ff;
25
- --ads-button-secondary-hover: #c7e4ff;
26
- --ads-button-secondary-pressed: #89c9ff;
27
- --ads-button-secondary-disabled: #d3d8dd;
28
- --ads-button-secondary-text: #006ff7;
29
- --ads-button-secondary-disabled-text: #ffffff;
30
- --ads-button-ia-background: #f3f0ff;
31
- --ads-button-ia-border: #7358cc;
32
- --ads-button-ia-glow: #ae96ff;
33
- --ads-button-ia-radius: 4px;
34
- --ads-button-ia-line-height: 24px;
35
- --ads-input-height: 40px;
36
- --ads-input-padding-x: 12px;
37
- --ads-input-gap: 8px;
38
- --ads-input-radius: 8px;
39
- --ads-input-font-size: 14px;
40
- --ads-input-label-size: 12px;
41
- --ads-input-border: #c1c7d0;
42
- --ads-input-background: #ffffff;
43
- --ads-input-text: #505f79;
44
- --ads-input-focus-border: #0091ff;
45
- --ads-input-hover-border: #006ff7;
46
- --ads-input-error-border: #ff507a;
47
- --ads-input-disabled-border: #a5adba;
48
- --ads-input-disabled-background: #f0f3f6;
49
- --ads-input-disabled-text: #a5adba;
50
- --ads-number-height: 40px;
51
- --ads-number-padding-x: 12px;
52
- --ads-number-gap: 8px;
53
- --ads-number-radius: 8px;
54
- --ads-number-font-size: 14px;
55
- --ads-number-label-size: 12px;
56
- --ads-number-border: #e5e8eb;
57
- --ads-number-background: #ffffff;
58
- --ads-number-text: #505f79;
59
- --ads-number-focus-border: #0091ff;
60
- --ads-number-hover-border: #006ff7;
61
- --ads-number-error-border: #ff507a;
62
- --ads-number-disabled-border: #a5adba;
63
- --ads-number-disabled-background: #f0f3f6;
64
- --ads-number-disabled-text: #a5adba;
65
- --ads-search-sm-height: 40px;
66
- --ads-search-md-height: 45px;
67
- --ads-search-padding-x: 12px;
68
- --ads-search-radius: 500px;
69
- --ads-search-sm-font-size: 14px;
70
- --ads-search-md-font-size: 16px;
71
- --ads-search-border: #c1c7d0;
72
- --ads-search-background: #ffffff;
73
- --ads-search-text: #505f79;
74
- --ads-search-placeholder: #a5adba;
75
- --ads-search-focus-border: #006ff7;
76
- --ads-search-hover-border: #006ff7;
77
- --ads-search-disabled-border: #a5adba;
78
- --ads-search-disabled-background: #f0f3f6;
79
- --ads-textarea-min-height: 153px;
80
- --ads-textarea-padding: 12px;
81
- --ads-textarea-radius: 8px;
82
- --ads-textarea-font-size: 16px;
83
- --ads-textarea-label-size: 12px;
84
- --ads-textarea-border: #c1c7d0;
85
- --ads-textarea-background: #ffffff;
86
- --ads-textarea-text: #505f79;
87
- --ads-textarea-placeholder: #a5adba;
88
- --ads-textarea-focus-border: #0091ff;
89
- --ads-textarea-hover-border: #006ff7;
90
- --ads-textarea-error-border: #ff507a;
91
- --ads-textarea-disabled-border: #c1c7d0;
92
- --ads-textarea-disabled-background: #f0f3f6;
93
- --ads-date-height: 40px;
94
- --ads-date-padding-x: 12px;
95
- --ads-date-radius: 8px;
96
- --ads-date-font-size: 14px;
97
- --ads-date-weight: 400;
98
- --ads-date-line-height: 1.429;
99
- --ads-date-border: #cad5e2;
100
- --ads-date-background: #ffffff;
101
- --ads-date-text: #0f172b;
102
- --ads-date-placeholder: #90a1b9;
103
- --ads-date-separator: #62748e;
104
- --ads-date-focus-border: #006ff7;
105
- --ads-date-hover-border: #006ff7;
106
- --ads-month-hover-bg: #e4f2ff;
107
- --ads-filter-height: 40px;
108
- --ads-filter-padding-x: 12px;
109
- --ads-filter-radius: 8px;
110
- --ads-filter-font-size: 14px;
111
- --ads-filter-label-size: 12px;
112
- --ads-filter-border: #505f79;
113
- --ads-filter-background: #ffffff;
114
- --ads-filter-text: #505f79;
115
- --ads-filter-focus-border: #006ff7;
116
- --ads-filter-hover-border: #006ff7;
117
- --ads-filter-error-border: #ff6783;
118
- --ads-filter-disabled-border: #b3bac5;
119
- --ads-filter-disabled-background: #f0f3f6;
120
- --ads-filter-disabled-text: #a5adba;
121
- --ads-tabs-height: 39px;
122
- --ads-tabs-padding-x: 12px;
123
- --ads-tabs-font-size: 14px;
124
- --ads-tabs-indicator: 4px;
125
- --ads-tabs-weight: 500;
126
- --ads-tabs-inactive: #505f79;
127
- --ads-tabs-active: #061938;
128
- --ads-tabs-indicator-color: #006ff7;
129
- --ads-tabs-border: #c1c7d0;
130
- --ads-segmented-height: 37px;
131
- --ads-segmented-item-height: 30px;
132
- --ads-segmented-padding-x: 16px;
133
- --ads-segmented-radius: 4px;
134
- --ads-segmented-font-size: 12px;
135
- --ads-segmented-track: #f0f3f6;
136
- --ads-segmented-active-bg: #ffffff;
137
- --ads-segmented-text: #061938;
138
- --ads-segmented-active-text: #000000;
139
- --ads-toast-radius: 8px;
140
- --ads-toast-padding: 12px;
141
- --ads-toast-gap: 12px;
142
- --ads-toast-icon: 18px;
143
- --ads-toast-font-size: 14px;
144
- --ads-toast-weight: 500;
145
- --ads-toast-text: #061938;
146
- --ads-toast-primary-bg: #e4f2ff;
147
- --ads-toast-error-bg: #ffbdcd;
148
- --ads-toast-warning-bg: #ffe7b9;
149
- --ads-toast-neutral-bg: #e4f2ff;
150
- --ads-toast-primary-icon: #006ff7;
151
- --ads-toast-success-icon: #0e5a3b;
152
- --ads-toast-error-icon: #840221;
153
- --ads-toast-warning-icon: #8f6600;
154
- --ads-toast-neutral-icon: #505f79;
155
- --ads-toast-status-width: 331px;
156
- --ads-toast-status-icon: 24px;
157
- --ads-toast-status-title-size: 14px;
158
- --ads-toast-status-subtitle-size: 10px;
159
- --ads-toast-status-bg: #061938;
160
- --ads-toast-status-text: #ffffff;
161
- --ads-toast-status-success: #06eb8f;
162
- --ads-toast-status-error: #ef164a;
163
- --ads-toast-status-warning: #ffb905;
164
- --ads-toast-status-loading: #49d8f4;
165
- --ads-file-min-height: 64px;
166
- --ads-file-radius: 8px;
167
- --ads-file-padding-x: 16px;
168
- --ads-file-padding-y: 12px;
169
- --ads-file-title-size: 14px;
170
- --ads-file-detail-size: 12px;
171
- --ads-file-icon-box: 32px;
172
- --ads-tooltip-radius: 12px;
173
- --ads-tooltip-padding-x: 16px;
174
- --ads-tooltip-padding-y: 12px;
175
- --ads-tooltip-font-size: 14px;
176
- --ads-tooltip-bg: #061938;
177
- --ads-tooltip-text: #c1c7d0;
178
- --ads-tooltip-title: #ffffff;
179
- --ads-tooltip-title-size: 16px;
180
- --ads-tooltip-small-font-size: 10px;
181
- --ads-tooltip-small-padding: 8px;
182
- --ads-steptip-width: 328px;
183
- --ads-steptip-skip: #b3bac5;
184
- --ads-charttip-min-width: 180px;
185
- --ads-charttip-swatch: 16px;
186
- --ads-loading-radius: 4px;
187
- --ads-loading-bar: 16px;
188
- --ads-loading-spinner: 32px;
189
- --ads-loading-label-size: 14px;
190
- --ads-loading-skeleton: #e5e8eb;
191
- --ads-loading-spinner-color: #006ff7;
192
- --ads-progress-height: 8px;
193
- --ads-progress-radius: 500px;
194
- --ads-progress-track: #e5e8eb;
195
- --ads-progress-fill: #006ff7;
196
- --ads-badge-size: 24px;
197
- --ads-badge-dot: 8px;
198
- --ads-badge-font-size: 12px;
199
- --ads-badge-weight: 700;
200
- --ads-badge-text: #ffffff;
201
- --ads-broadcast-height: 24px;
202
- --ads-broadcast-padding-x: 8px;
203
- --ads-broadcast-font-size: 12px;
204
- --ads-broadcast-mark: 8px;
205
- --ads-broadcast-warning-bg: #ffbdcd;
206
- --ads-broadcast-warning: #dc0034;
207
- --ads-broadcast-success-bg: #c3ffe6;
208
- --ads-broadcast-success: #15c57e;
209
- --ads-pill-height: 24px;
210
- --ads-pill-min-width: 100px;
211
- --ads-pill-padding-x: 8px;
212
- --ads-pill-font-size: 12px;
213
- --ads-pill-weight: 700;
214
- --ads-pill-primary-bg: #006ff7;
215
- --ads-pill-primary-text: #ffffff;
216
- --ads-notability-height: 24px;
217
- --ads-notability-min-width: 100px;
218
- --ads-notability-padding-x: 8px;
219
- --ads-notability-font-size: 12px;
220
- --ads-notability-weight: 700;
221
- --ads-mini-height: 18px;
222
- --ads-mini-padding-x: 8px;
223
- --ads-mini-font-size: 10px;
224
- --ads-mini-weight: 700;
225
- --ads-mini-idle-bg: #d1d9ed;
226
- --ads-mini-idle-text: #18224b;
227
- --ads-mini-paused-bg: #ffe7b9;
228
- --ads-mini-paused-text: #8f6600;
229
- --ads-mini-new-bg: #79e9ff;
230
- --ads-mini-new-text: #006478;
231
- --ads-switch-width: 32px;
232
- --ads-switch-height: 18px;
233
- --ads-switch-thumb: 12px;
234
- --ads-switch-inset: 3px;
235
- --ads-switch-radius: 9px;
236
- --ads-switch-label-size: 14px;
237
- --ads-switch-gap: 8px;
238
- --ads-switch-off: #c1c7d0;
239
- --ads-switch-on: #006ff7;
240
- --ads-switch-disabled: #e5e8eb;
241
- --ads-switch-disabled-on: #89c9ff;
242
- --ads-switch-thumb-color: #ffffff;
243
- --ads-switch-label: #505f79;
244
- --ads-checkbox-size: 16px;
245
- --ads-checkbox-radius: 4px;
246
- --ads-checkbox-border-width: 2px;
247
- --ads-checkbox-label-size: 14px;
248
- --ads-checkbox-gap: 8px;
249
- --ads-checkbox-border: #006ff7;
250
- --ads-checkbox-checked: #006ff7;
251
- --ads-checkbox-disabled: #89c9ff;
252
- --ads-checkbox-background: #ffffff;
253
- --ads-checkbox-label: #505f79;
254
- --ads-radio-size: 16px;
255
- --ads-radio-dot: 8px;
256
- --ads-radio-border-width: 2px;
257
- --ads-radio-label-size: 14px;
258
- --ads-radio-gap: 8px;
259
- --ads-radio-border: #006ff7;
260
- --ads-radio-disabled: #89c9ff;
261
- --ads-radio-background: #ffffff;
262
- --ads-radio-dot-color: #ffffff;
263
- --ads-radio-label: #505f79;
264
- --ads-modal-radius: 8px;
265
- --ads-modal-padding: 24px;
266
- --ads-modal-title-size: 20px;
267
- --ads-modal-body-size: 14px;
268
- --ads-modal-background: #ffffff;
269
- --ads-modal-border: #c1c7d0;
270
- --ads-modal-title: #061938;
271
- --ads-modal-body: #505f79;
272
- --ads-feature-width: 396px;
273
- --ads-feature-radius: 12px;
274
- --ads-feature-padding: 16px;
275
- --ads-feature-gap: 16px;
276
- --ads-feature-icon-box: 48px;
277
- --ads-feature-title-size: 16px;
278
- --ads-feature-body-size: 14px;
279
- --ads-feature-border: #e5e8eb;
280
- --ads-feature-background: #ffffff;
281
- --ads-feature-hover-border: #006ff7;
282
- --ads-feature-title: #061938;
283
- --ads-feature-body: #505f79;
284
- --ads-card-padding: 16px;
285
- --ads-card-radius: 12px;
286
- --ads-card-radius-sm: 8px;
287
- --ads-card-body-size: 14px;
288
- --ads-card-border: #e5e8eb;
289
- --ads-card-background: #ffffff;
290
- --ads-card-selected-border: #c1c7d0;
291
- --ads-card-selected-background: #f0f3f6;
292
- --ads-card-title: #061938;
293
- --ads-card-body: #505f79;
294
- --ads-metric-padding: 16px;
295
- --ads-metric-radius: 12px;
296
- --ads-metric-gap: 8px;
297
- --ads-metric-label-size: 14px;
298
- --ads-metric-value-size: 20px;
299
- --ads-metric-caption-size: 12px;
300
- --ads-metric-border: #e5e8eb;
301
- --ads-metric-background: #ffffff;
302
- --ads-metric-label: #505f79;
303
- --ads-metric-value: #061938;
304
- --ads-menu-width: 100px;
305
- --ads-menu-padding-y: 16px;
306
- --ads-menu-gap: 16px;
307
- --ads-menu-icon: 18px;
308
- --ads-menu-icon-box: 40px;
309
- --ads-menu-label-size: 12px;
310
- --ads-menu-divider: #e5e8eb;
311
- --ads-navbar-app-height: 88px;
312
- --ads-navbar-app-gap: 33px;
313
- --ads-navbar-app-item-width: 39px;
314
- --ads-navbar-app-well: 28px;
315
- --ads-navbar-app-font-size: 10px;
316
- --ads-navbar-app-active: #344563;
317
- --ads-navbar-desk-height: 64px;
318
- --ads-navbar-desk-padding-x: 44px;
319
- --ads-navbar-desk-action: 40px;
320
- --ads-navbar-desk-avatar: 32px;
321
- --ads-navbar-desk-border: #d3d8dd;
322
- --ads-side-width: 224px;
323
- --ads-side-row-height: 48px;
324
- --ads-side-badge: 8px;
325
- --ads-side-border: #c1c7d0;
326
- --ads-side-open-bg: #e5e8eb;
327
- --ads-side-child-bg: #f0f3f6;
328
- --ads-footer-min-height: 32px;
329
- --ads-footer-logo-height: 12px;
330
- --ads-footer-text: #7a869a;
331
- --ads-product-tag-height: 16px;
332
- --ads-product-tag-font-size: 11px;
333
- --ads-button-group-height: 30px;
334
- --ads-button-group-font-size: 12px;
335
- --ads-button-group-border: #c1c7d0;
336
- --ads-button-group-selected: #e5e8eb;
337
- --ads-button-menu-width: 264px;
338
- --ads-button-menu-title-size: 16px;
339
- --ads-button-menu-subtitle-size: 12px;
340
- --ads-button-menu-title: #42526e;
341
- --ads-button-menu-subtitle: #5e6c84;
342
- --ads-button-menu-border: #c1c7d0;
343
- --ads-list-min-width: 260px;
344
- --ads-pagination-cell: 24px;
345
- --ads-pagination-gap: 12px;
346
- --ads-pagination-number-gap: 4px;
347
- --ads-pagination-selected: #006ff7;
348
- --ads-pagination-number: #344563;
349
- --ads-empty-icon: 90px;
350
- --ads-empty-icon-sm: 60px;
351
- --ads-empty-title-size: 18px;
352
- --ads-empty-title-size-sm: 16px;
353
- --ads-empty-subtitle-size: 12px;
354
- --ads-empty-gap: 24px;
355
- --ads-empty-gap-sm: 32px;
356
- --ads-empty-text-gap: 32px;
357
- --ads-empty-icon-color: #c1c7d0;
358
- --ads-funcional-warning-200: #ff6783;
359
- --ads-funcional-opportunity-200: #0ebbda;
360
- --ads-farmarcas-height: 24px;
361
- --ads-farmarcas-min-width: 100px;
362
- --ads-farmarcas-font-size: 12px;
363
- --ads-farmarcas-expansao-bg: #d8bbd8;
364
- --ads-farmarcas-expansao-text: #700e84;
365
- --ads-farmarcas-eventos-bg: #fce083;
366
- --ads-farmarcas-eventos-text: #bb6a00;
367
- --ads-farmarcas-adm-digital-bg: #eef2c1;
368
- --ads-farmarcas-adm-digital-text: #555931;
369
- --ads-farmarcas-sucesso-bg: #e4f3c1;
370
- --ads-farmarcas-sucesso-text: #6b7300;
371
- --ads-farmarcas-trade-bg: #b3cfe4;
372
- --ads-farmarcas-trade-text: #194464;
373
- --ads-farmarcas-dev-bg: #ffbbe4;
374
- --ads-farmarcas-dev-text: #8b2d65;
375
- --ads-farmarcas-ti-bg: #d2c5ee;
376
- --ads-farmarcas-ti-text: #2b209c;
377
- --ads-farmarcas-padronizacao-bg: #c4cdea;
378
- --ads-farmarcas-padronizacao-text: #062c80;
379
- --ads-farmarcas-diretoria-bg: #c9c9c9;
380
- --ads-farmarcas-diretoria-text: #000000;
381
- --ads-farmarcas-comercial-bg: #c0c7d9;
382
- --ads-farmarcas-comercial-text: #18224b;
383
- --ads-farmarcas-inovacao-bg: #b6bdff;
384
- --ads-farmarcas-inovacao-text: #393f73;
385
- --ads-farmarcas-patrimonio-bg: #d9b6c5;
386
- --ads-farmarcas-patrimonio-text: #7f3454;
387
- --ads-farmarcas-presidencia-bg: #c9c9c9;
388
- --ads-farmarcas-presidencia-text: #000000;
389
- --ads-farmarcas-marketing-bg: #b2e9e8;
390
- --ads-farmarcas-marketing-text: #1b5955;
391
- --ads-farmarcas-gg-bg: #ffdfb5;
392
- --ads-farmarcas-gg-text: #e0521f;
393
- --ads-farmarcas-bi-bg: #f8c09f;
394
- --ads-farmarcas-bi-text: #4e1400;
395
- --ads-farmarcas-financeiro-bg: #c5ddc3;
396
- --ads-farmarcas-financeiro-text: #05750a;
397
- --ads-farmarcas-juridico-bg: #d9d8c0;
398
- --ads-farmarcas-juridico-text: #464535;
399
- --ads-farmarcas-capacitacao-bg: #e5c1fe;
400
- --ads-farmarcas-capacitacao-text: #360ea7;
401
- --ads-farmarcas-produto-bg: #f0ed9a;
402
- --ads-farmarcas-produto-text: #655200;
403
- }
1
+ /* Gerado pela tela /design-system/tokens. Fonte: app/theme/component-tokens.json */
2
+ :root {
3
+ --ads-button-radius: 8px;
4
+ --ads-button-weight: 700;
5
+ --ads-button-sm-height: 32px;
6
+ --ads-button-sm-padding-x: 12px;
7
+ --ads-button-sm-gap: 8px;
8
+ --ads-button-sm-font-size: 12px;
9
+ --ads-button-sm-line-height: 1.2;
10
+ --ads-button-sm-icon: 16px;
11
+ --ads-button-sm-icon-box: 32px;
12
+ --ads-button-md-padding-x: 16px;
13
+ --ads-button-md-padding-y: 12px;
14
+ --ads-button-md-gap: 8px;
15
+ --ads-button-md-font-size: 14px;
16
+ --ads-button-md-line-height: 1.3;
17
+ --ads-button-md-icon: 18px;
18
+ --ads-button-md-icon-box: 40px;
19
+ --ads-button-primary: #006ff7;
20
+ --ads-button-primary-hover: #074ac6;
21
+ --ads-button-primary-pressed: #00389e;
22
+ --ads-button-primary-disabled: #89c9ff;
23
+ --ads-button-primary-text: #ffffff;
24
+ --ads-button-secondary: #e4f2ff;
25
+ --ads-button-secondary-hover: #c7e4ff;
26
+ --ads-button-secondary-pressed: #89c9ff;
27
+ --ads-button-secondary-disabled: #d3d8dd;
28
+ --ads-button-secondary-text: #006ff7;
29
+ --ads-button-secondary-disabled-text: #ffffff;
30
+ --ads-button-ia-background: #f3f0ff;
31
+ --ads-button-ia-border: #7358cc;
32
+ --ads-button-ia-glow: #ae96ff;
33
+ --ads-button-ia-radius: 4px;
34
+ --ads-button-ia-line-height: 24px;
35
+ --ads-input-height: 40px;
36
+ --ads-input-padding-x: 12px;
37
+ --ads-input-gap: 8px;
38
+ --ads-input-radius: 8px;
39
+ --ads-input-font-size: 14px;
40
+ --ads-input-label-size: 12px;
41
+ --ads-input-border: #c1c7d0;
42
+ --ads-input-background: #ffffff;
43
+ --ads-input-text: #505f79;
44
+ --ads-input-focus-border: #0091ff;
45
+ --ads-input-hover-border: #006ff7;
46
+ --ads-input-error-border: #ff507a;
47
+ --ads-input-disabled-border: #a5adba;
48
+ --ads-input-disabled-background: #f0f3f6;
49
+ --ads-input-disabled-text: #a5adba;
50
+ --ads-number-height: 40px;
51
+ --ads-number-padding-x: 12px;
52
+ --ads-number-gap: 8px;
53
+ --ads-number-radius: 8px;
54
+ --ads-number-font-size: 14px;
55
+ --ads-number-label-size: 12px;
56
+ --ads-number-border: #e5e8eb;
57
+ --ads-number-background: #ffffff;
58
+ --ads-number-text: #505f79;
59
+ --ads-number-focus-border: #0091ff;
60
+ --ads-number-hover-border: #006ff7;
61
+ --ads-number-error-border: #ff507a;
62
+ --ads-number-disabled-border: #a5adba;
63
+ --ads-number-disabled-background: #f0f3f6;
64
+ --ads-number-disabled-text: #a5adba;
65
+ --ads-search-sm-height: 40px;
66
+ --ads-search-md-height: 45px;
67
+ --ads-search-padding-x: 12px;
68
+ --ads-search-radius: 500px;
69
+ --ads-search-sm-font-size: 14px;
70
+ --ads-search-md-font-size: 16px;
71
+ --ads-search-border: #c1c7d0;
72
+ --ads-search-background: #ffffff;
73
+ --ads-search-text: #505f79;
74
+ --ads-search-placeholder: #a5adba;
75
+ --ads-search-focus-border: #006ff7;
76
+ --ads-search-hover-border: #006ff7;
77
+ --ads-search-disabled-border: #a5adba;
78
+ --ads-search-disabled-background: #f0f3f6;
79
+ --ads-textarea-min-height: 153px;
80
+ --ads-textarea-padding: 12px;
81
+ --ads-textarea-radius: 8px;
82
+ --ads-textarea-font-size: 16px;
83
+ --ads-textarea-label-size: 12px;
84
+ --ads-textarea-border: #c1c7d0;
85
+ --ads-textarea-background: #ffffff;
86
+ --ads-textarea-text: #505f79;
87
+ --ads-textarea-placeholder: #a5adba;
88
+ --ads-textarea-focus-border: #0091ff;
89
+ --ads-textarea-hover-border: #006ff7;
90
+ --ads-textarea-error-border: #ff507a;
91
+ --ads-textarea-disabled-border: #c1c7d0;
92
+ --ads-textarea-disabled-background: #f0f3f6;
93
+ --ads-date-height: 40px;
94
+ --ads-date-padding-x: 12px;
95
+ --ads-date-radius: 8px;
96
+ --ads-date-font-size: 14px;
97
+ --ads-date-weight: 400;
98
+ --ads-date-line-height: 1.429;
99
+ --ads-date-border: #cad5e2;
100
+ --ads-date-background: #ffffff;
101
+ --ads-date-text: #0f172b;
102
+ --ads-date-placeholder: #90a1b9;
103
+ --ads-date-separator: #62748e;
104
+ --ads-date-focus-border: #006ff7;
105
+ --ads-date-hover-border: #006ff7;
106
+ --ads-month-hover-bg: #e4f2ff;
107
+ --ads-filter-height: 40px;
108
+ --ads-filter-padding-x: 12px;
109
+ --ads-filter-radius: 8px;
110
+ --ads-filter-font-size: 14px;
111
+ --ads-filter-label-size: 12px;
112
+ --ads-filter-border: #505f79;
113
+ --ads-filter-background: #ffffff;
114
+ --ads-filter-text: #505f79;
115
+ --ads-filter-focus-border: #006ff7;
116
+ --ads-filter-hover-border: #006ff7;
117
+ --ads-filter-error-border: #ff6783;
118
+ --ads-filter-disabled-border: #b3bac5;
119
+ --ads-filter-disabled-background: #f0f3f6;
120
+ --ads-filter-disabled-text: #a5adba;
121
+ --ads-tabs-height: 39px;
122
+ --ads-tabs-padding-x: 12px;
123
+ --ads-tabs-font-size: 14px;
124
+ --ads-tabs-indicator: 4px;
125
+ --ads-tabs-weight: 500;
126
+ --ads-tabs-inactive: #505f79;
127
+ --ads-tabs-active: #061938;
128
+ --ads-tabs-indicator-color: #006ff7;
129
+ --ads-tabs-border: #c1c7d0;
130
+ --ads-segmented-height: 37px;
131
+ --ads-segmented-item-height: 30px;
132
+ --ads-segmented-padding-x: 16px;
133
+ --ads-segmented-radius: 4px;
134
+ --ads-segmented-font-size: 12px;
135
+ --ads-segmented-track: #f0f3f6;
136
+ --ads-segmented-active-bg: #ffffff;
137
+ --ads-segmented-text: #061938;
138
+ --ads-segmented-active-text: #000000;
139
+ --ads-toast-radius: 8px;
140
+ --ads-toast-padding: 12px;
141
+ --ads-toast-gap: 12px;
142
+ --ads-toast-icon: 18px;
143
+ --ads-toast-font-size: 14px;
144
+ --ads-toast-weight: 500;
145
+ --ads-toast-text: #061938;
146
+ --ads-toast-primary-bg: #e4f2ff;
147
+ --ads-toast-error-bg: #ffbdcd;
148
+ --ads-toast-warning-bg: #ffe7b9;
149
+ --ads-toast-neutral-bg: #e4f2ff;
150
+ --ads-toast-primary-icon: #006ff7;
151
+ --ads-toast-success-icon: #0e5a3b;
152
+ --ads-toast-error-icon: #840221;
153
+ --ads-toast-warning-icon: #8f6600;
154
+ --ads-toast-neutral-icon: #505f79;
155
+ --ads-toast-status-width: 331px;
156
+ --ads-toast-status-icon: 24px;
157
+ --ads-toast-status-title-size: 14px;
158
+ --ads-toast-status-subtitle-size: 10px;
159
+ --ads-toast-status-bg: #061938;
160
+ --ads-toast-status-text: #ffffff;
161
+ --ads-toast-status-success: #06eb8f;
162
+ --ads-toast-status-error: #ef164a;
163
+ --ads-toast-status-warning: #ffb905;
164
+ --ads-toast-status-loading: #49d8f4;
165
+ --ads-file-min-height: 64px;
166
+ --ads-file-radius: 8px;
167
+ --ads-file-padding-x: 16px;
168
+ --ads-file-padding-y: 12px;
169
+ --ads-file-title-size: 14px;
170
+ --ads-file-detail-size: 12px;
171
+ --ads-file-icon-box: 32px;
172
+ --ads-tooltip-radius: 12px;
173
+ --ads-tooltip-padding-x: 16px;
174
+ --ads-tooltip-padding-y: 12px;
175
+ --ads-tooltip-font-size: 14px;
176
+ --ads-tooltip-bg: #061938;
177
+ --ads-tooltip-text: #c1c7d0;
178
+ --ads-tooltip-title: #ffffff;
179
+ --ads-tooltip-title-size: 16px;
180
+ --ads-tooltip-small-font-size: 10px;
181
+ --ads-tooltip-small-padding: 8px;
182
+ --ads-steptip-width: 328px;
183
+ --ads-steptip-skip: #b3bac5;
184
+ --ads-charttip-min-width: 180px;
185
+ --ads-charttip-swatch: 16px;
186
+ --ads-loading-radius: 4px;
187
+ --ads-loading-bar: 16px;
188
+ --ads-loading-spinner: 32px;
189
+ --ads-loading-label-size: 14px;
190
+ --ads-loading-skeleton: #e5e8eb;
191
+ --ads-loading-spinner-color: #006ff7;
192
+ --ads-progress-height: 8px;
193
+ --ads-progress-radius: 500px;
194
+ --ads-progress-track: #e5e8eb;
195
+ --ads-progress-fill: #006ff7;
196
+ --ads-badge-size: 24px;
197
+ --ads-badge-dot: 8px;
198
+ --ads-badge-font-size: 12px;
199
+ --ads-badge-weight: 700;
200
+ --ads-badge-text: #ffffff;
201
+ --ads-broadcast-height: 24px;
202
+ --ads-broadcast-padding-x: 8px;
203
+ --ads-broadcast-font-size: 12px;
204
+ --ads-broadcast-mark: 8px;
205
+ --ads-broadcast-warning-bg: #ffbdcd;
206
+ --ads-broadcast-warning: #dc0034;
207
+ --ads-broadcast-success-bg: #c3ffe6;
208
+ --ads-broadcast-success: #15c57e;
209
+ --ads-pill-height: 24px;
210
+ --ads-pill-min-width: 100px;
211
+ --ads-pill-padding-x: 8px;
212
+ --ads-pill-font-size: 12px;
213
+ --ads-pill-weight: 700;
214
+ --ads-pill-primary-bg: #006ff7;
215
+ --ads-pill-primary-text: #ffffff;
216
+ --ads-notability-height: 24px;
217
+ --ads-notability-min-width: 100px;
218
+ --ads-notability-padding-x: 8px;
219
+ --ads-notability-font-size: 12px;
220
+ --ads-notability-weight: 700;
221
+ --ads-mini-height: 18px;
222
+ --ads-mini-padding-x: 8px;
223
+ --ads-mini-font-size: 10px;
224
+ --ads-mini-weight: 700;
225
+ --ads-mini-idle-bg: #d1d9ed;
226
+ --ads-mini-idle-text: #18224b;
227
+ --ads-mini-paused-bg: #ffe7b9;
228
+ --ads-mini-paused-text: #8f6600;
229
+ --ads-mini-new-bg: #79e9ff;
230
+ --ads-mini-new-text: #006478;
231
+ --ads-switch-width: 32px;
232
+ --ads-switch-height: 18px;
233
+ --ads-switch-thumb: 12px;
234
+ --ads-switch-inset: 3px;
235
+ --ads-switch-radius: 9px;
236
+ --ads-switch-label-size: 14px;
237
+ --ads-switch-gap: 8px;
238
+ --ads-switch-off: #c1c7d0;
239
+ --ads-switch-on: #006ff7;
240
+ --ads-switch-disabled: #e5e8eb;
241
+ --ads-switch-disabled-on: #89c9ff;
242
+ --ads-switch-thumb-color: #ffffff;
243
+ --ads-switch-label: #505f79;
244
+ --ads-checkbox-size: 16px;
245
+ --ads-checkbox-radius: 4px;
246
+ --ads-checkbox-border-width: 2px;
247
+ --ads-checkbox-label-size: 14px;
248
+ --ads-checkbox-gap: 8px;
249
+ --ads-checkbox-border: #006ff7;
250
+ --ads-checkbox-checked: #006ff7;
251
+ --ads-checkbox-disabled: #89c9ff;
252
+ --ads-checkbox-background: #ffffff;
253
+ --ads-checkbox-label: #505f79;
254
+ --ads-radio-size: 16px;
255
+ --ads-radio-dot: 8px;
256
+ --ads-radio-border-width: 2px;
257
+ --ads-radio-label-size: 14px;
258
+ --ads-radio-gap: 8px;
259
+ --ads-radio-border: #006ff7;
260
+ --ads-radio-disabled: #89c9ff;
261
+ --ads-radio-background: #ffffff;
262
+ --ads-radio-dot-color: #ffffff;
263
+ --ads-radio-label: #505f79;
264
+ --ads-modal-radius: 8px;
265
+ --ads-modal-padding: 24px;
266
+ --ads-modal-title-size: 20px;
267
+ --ads-modal-body-size: 14px;
268
+ --ads-modal-background: #ffffff;
269
+ --ads-modal-border: #c1c7d0;
270
+ --ads-modal-title: #061938;
271
+ --ads-modal-body: #505f79;
272
+ --ads-feature-width: 396px;
273
+ --ads-feature-radius: 12px;
274
+ --ads-feature-padding: 16px;
275
+ --ads-feature-gap: 16px;
276
+ --ads-feature-icon-box: 48px;
277
+ --ads-feature-title-size: 16px;
278
+ --ads-feature-body-size: 14px;
279
+ --ads-feature-border: #e5e8eb;
280
+ --ads-feature-background: #ffffff;
281
+ --ads-feature-hover-border: #006ff7;
282
+ --ads-feature-title: #061938;
283
+ --ads-feature-body: #505f79;
284
+ --ads-card-padding: 16px;
285
+ --ads-card-radius: 12px;
286
+ --ads-card-radius-sm: 8px;
287
+ --ads-card-body-size: 14px;
288
+ --ads-card-border: #e5e8eb;
289
+ --ads-card-background: #ffffff;
290
+ --ads-card-selected-border: #c1c7d0;
291
+ --ads-card-selected-background: #f0f3f6;
292
+ --ads-card-title: #061938;
293
+ --ads-card-body: #505f79;
294
+ --ads-metric-padding: 16px;
295
+ --ads-metric-radius: 12px;
296
+ --ads-metric-gap: 8px;
297
+ --ads-metric-label-size: 14px;
298
+ --ads-metric-value-size: 20px;
299
+ --ads-metric-caption-size: 12px;
300
+ --ads-metric-border: #e5e8eb;
301
+ --ads-metric-background: #ffffff;
302
+ --ads-metric-label: #505f79;
303
+ --ads-metric-value: #061938;
304
+ --ads-menu-width: 100px;
305
+ --ads-menu-padding-y: 16px;
306
+ --ads-menu-gap: 16px;
307
+ --ads-menu-icon: 18px;
308
+ --ads-menu-icon-box: 40px;
309
+ --ads-menu-label-size: 12px;
310
+ --ads-menu-divider: #e5e8eb;
311
+ --ads-navbar-app-height: 88px;
312
+ --ads-navbar-app-gap: 33px;
313
+ --ads-navbar-app-item-width: 39px;
314
+ --ads-navbar-app-well: 28px;
315
+ --ads-navbar-app-font-size: 10px;
316
+ --ads-navbar-app-active: #344563;
317
+ --ads-navbar-desk-height: 64px;
318
+ --ads-navbar-desk-padding-x: 44px;
319
+ --ads-navbar-desk-action: 40px;
320
+ --ads-navbar-desk-avatar: 32px;
321
+ --ads-navbar-desk-border: #d3d8dd;
322
+ --ads-side-width: 224px;
323
+ --ads-side-row-height: 48px;
324
+ --ads-side-badge: 8px;
325
+ --ads-side-border: #c1c7d0;
326
+ --ads-side-open-bg: #e5e8eb;
327
+ --ads-side-child-bg: #f0f3f6;
328
+ --ads-footer-min-height: 32px;
329
+ --ads-footer-logo-height: 12px;
330
+ --ads-footer-text: #7a869a;
331
+ --ads-product-tag-height: 16px;
332
+ --ads-product-tag-font-size: 11px;
333
+ --ads-button-group-height: 30px;
334
+ --ads-button-group-font-size: 12px;
335
+ --ads-button-group-border: #c1c7d0;
336
+ --ads-button-group-selected: #e5e8eb;
337
+ --ads-button-menu-width: 264px;
338
+ --ads-button-menu-title-size: 16px;
339
+ --ads-button-menu-subtitle-size: 12px;
340
+ --ads-button-menu-title: #42526e;
341
+ --ads-button-menu-subtitle: #5e6c84;
342
+ --ads-button-menu-border: #c1c7d0;
343
+ --ads-list-min-width: 260px;
344
+ --ads-pagination-cell: 24px;
345
+ --ads-pagination-gap: 12px;
346
+ --ads-pagination-number-gap: 4px;
347
+ --ads-pagination-selected: #006ff7;
348
+ --ads-pagination-number: #344563;
349
+ --ads-empty-icon: 90px;
350
+ --ads-empty-icon-sm: 60px;
351
+ --ads-empty-title-size: 18px;
352
+ --ads-empty-title-size-sm: 16px;
353
+ --ads-empty-subtitle-size: 12px;
354
+ --ads-empty-gap: 24px;
355
+ --ads-empty-gap-sm: 32px;
356
+ --ads-empty-text-gap: 32px;
357
+ --ads-empty-icon-color: #c1c7d0;
358
+ --ads-funcional-warning-200: #ff6783;
359
+ --ads-funcional-opportunity-200: #0ebbda;
360
+ --ads-farmarcas-height: 24px;
361
+ --ads-farmarcas-min-width: 100px;
362
+ --ads-farmarcas-font-size: 12px;
363
+ --ads-farmarcas-expansao-bg: #d8bbd8;
364
+ --ads-farmarcas-expansao-text: #700e84;
365
+ --ads-farmarcas-eventos-bg: #fce083;
366
+ --ads-farmarcas-eventos-text: #bb6a00;
367
+ --ads-farmarcas-adm-digital-bg: #eef2c1;
368
+ --ads-farmarcas-adm-digital-text: #555931;
369
+ --ads-farmarcas-sucesso-bg: #e4f3c1;
370
+ --ads-farmarcas-sucesso-text: #6b7300;
371
+ --ads-farmarcas-trade-bg: #b3cfe4;
372
+ --ads-farmarcas-trade-text: #194464;
373
+ --ads-farmarcas-dev-bg: #ffbbe4;
374
+ --ads-farmarcas-dev-text: #8b2d65;
375
+ --ads-farmarcas-ti-bg: #d2c5ee;
376
+ --ads-farmarcas-ti-text: #2b209c;
377
+ --ads-farmarcas-padronizacao-bg: #c4cdea;
378
+ --ads-farmarcas-padronizacao-text: #062c80;
379
+ --ads-farmarcas-diretoria-bg: #c9c9c9;
380
+ --ads-farmarcas-diretoria-text: #000000;
381
+ --ads-farmarcas-comercial-bg: #c0c7d9;
382
+ --ads-farmarcas-comercial-text: #18224b;
383
+ --ads-farmarcas-inovacao-bg: #b6bdff;
384
+ --ads-farmarcas-inovacao-text: #393f73;
385
+ --ads-farmarcas-patrimonio-bg: #d9b6c5;
386
+ --ads-farmarcas-patrimonio-text: #7f3454;
387
+ --ads-farmarcas-presidencia-bg: #c9c9c9;
388
+ --ads-farmarcas-presidencia-text: #000000;
389
+ --ads-farmarcas-marketing-bg: #b2e9e8;
390
+ --ads-farmarcas-marketing-text: #1b5955;
391
+ --ads-farmarcas-gg-bg: #ffdfb5;
392
+ --ads-farmarcas-gg-text: #e0521f;
393
+ --ads-farmarcas-bi-bg: #f8c09f;
394
+ --ads-farmarcas-bi-text: #4e1400;
395
+ --ads-farmarcas-financeiro-bg: #c5ddc3;
396
+ --ads-farmarcas-financeiro-text: #05750a;
397
+ --ads-farmarcas-juridico-bg: #d9d8c0;
398
+ --ads-farmarcas-juridico-text: #464535;
399
+ --ads-farmarcas-capacitacao-bg: #e5c1fe;
400
+ --ads-farmarcas-capacitacao-text: #360ea7;
401
+ --ads-farmarcas-produto-bg: #f0ed9a;
402
+ --ads-farmarcas-produto-text: #655200;
403
+ }