@attrus-ds/core 0.2.0 → 1.0.0

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 (80) hide show
  1. package/LICENSE +27 -27
  2. package/dist/assets/flags/Brazil-rounded.svg +15 -15
  3. package/dist/assets/flags/Brazil-square.svg +16 -16
  4. package/dist/assets/flags/Chile-rounded.svg +10 -10
  5. package/dist/assets/flags/Chile-square.svg +10 -10
  6. package/dist/assets/flags/Colombia-rounded.svg +9 -9
  7. package/dist/assets/flags/Colombia-square.svg +9 -9
  8. package/dist/assets/flags/EUA-rounded.svg +10 -10
  9. package/dist/assets/flags/EUA-square.svg +10 -10
  10. package/dist/assets/flags/EUR-rounded.svg +8 -8
  11. package/dist/assets/flags/EUR-square.svg +8 -8
  12. package/dist/assets/flags/Mexico-rounded.svg +18 -18
  13. package/dist/assets/flags/Mexico-square.svg +18 -18
  14. package/dist/assets/icon-attrus-dark.svg +2 -2
  15. package/dist/assets/icon-attrus-light.svg +2 -2
  16. package/dist/assets/logo-attrus-dark.svg +7 -7
  17. package/dist/assets/logo-attrus-light.svg +7 -7
  18. package/dist/css/components/buttons.css +301 -301
  19. package/dist/css/components/callout.css +195 -195
  20. package/dist/css/components/cards.css +272 -272
  21. package/dist/css/components/combobox.css +319 -319
  22. package/dist/css/components/empty-states.css +61 -61
  23. package/dist/css/components/inputs.css +975 -975
  24. package/dist/css/components/number-input.css +138 -138
  25. package/dist/css/components/overlays.css +374 -374
  26. package/dist/css/components/primitives.css +314 -314
  27. package/dist/css/components/sidebar.css +179 -179
  28. package/dist/css/components/smart-search.css +91 -91
  29. package/dist/css/components/status-pills.css +207 -207
  30. package/dist/css/components/stepper.css +309 -309
  31. package/dist/css/components/table.css +602 -602
  32. package/dist/css/components/tabs.css +319 -319
  33. package/dist/css/components/toast.css +243 -243
  34. package/dist/css/components/tooltip.css +231 -231
  35. package/dist/css/components/topbar.css +148 -148
  36. package/dist/css/tokens.css +713 -666
  37. package/dist/react/AppSidebar/AppSidebar.d.ts +50 -50
  38. package/dist/react/AppSidebar/AppSidebar.tsx +197 -197
  39. package/dist/react/AppTopbar/AppTopbar.d.ts +58 -58
  40. package/dist/react/AppTopbar/AppTopbar.tsx +203 -203
  41. package/dist/react/Atoms/Atoms.d.ts +149 -149
  42. package/dist/react/Atoms/Atoms.tsx +407 -407
  43. package/dist/react/Button/Button.d.ts +25 -25
  44. package/dist/react/Button/Button.tsx +83 -83
  45. package/dist/react/Callout/Callout.d.ts +29 -29
  46. package/dist/react/Callout/Callout.tsx +98 -98
  47. package/dist/react/Card/Card.d.ts +38 -38
  48. package/dist/react/Card/Card.tsx +93 -93
  49. package/dist/react/Combobox/Combobox.d.ts +52 -52
  50. package/dist/react/Combobox/Combobox.tsx +254 -254
  51. package/dist/react/DataTable/DataTable.d.ts +81 -81
  52. package/dist/react/DataTable/DataTable.tsx +308 -308
  53. package/dist/react/Drawer/Drawer.d.ts +35 -35
  54. package/dist/react/Drawer/Drawer.tsx +226 -226
  55. package/dist/react/Input/Input.d.ts +155 -155
  56. package/dist/react/Input/Input.tsx +478 -478
  57. package/dist/react/Modal/Modal.d.ts +27 -27
  58. package/dist/react/Modal/Modal.tsx +173 -173
  59. package/dist/react/NumberInput/NumberInput.d.ts +25 -25
  60. package/dist/react/NumberInput/NumberInput.tsx +117 -117
  61. package/dist/react/Pill/Pill.d.ts +31 -31
  62. package/dist/react/Pill/Pill.tsx +104 -104
  63. package/dist/react/SearchPill/SearchPill.d.ts +14 -14
  64. package/dist/react/SearchPill/SearchPill.tsx +40 -40
  65. package/dist/react/SmartSearch/SmartSearch.d.ts +65 -65
  66. package/dist/react/SmartSearch/SmartSearch.tsx +271 -271
  67. package/dist/react/Stepper/Stepper.d.ts +25 -25
  68. package/dist/react/Stepper/Stepper.tsx +94 -94
  69. package/dist/react/Tabs/Tabs.d.ts +32 -32
  70. package/dist/react/Tabs/Tabs.tsx +147 -147
  71. package/dist/react/Toast/Toast.d.ts +30 -30
  72. package/dist/react/Toast/Toast.tsx +94 -94
  73. package/dist/react/Tooltip/Tooltip.d.ts +23 -23
  74. package/dist/react/Tooltip/Tooltip.tsx +80 -80
  75. package/dist/react/ZeroState/ZeroState.d.ts +17 -17
  76. package/dist/react/ZeroState/ZeroState.tsx +45 -45
  77. package/dist/react/index.ts +35 -35
  78. package/dist/tokens/attrus-tokens.flat.json +1234 -1234
  79. package/dist/tokens/attrus-tokens.json +1089 -1089
  80. package/package.json +66 -64
package/dist/css/components/empty-states.css CHANGED
@@ -1,61 +1,61 @@
1
- /* ============================================================
2
- EMPTY STATES — production component CSS
3
- Used by empty-states.html and any product surface that needs
4
- a zero-data placeholder. All values resolve to design tokens.
5
- ============================================================ */
6
-
7
- .empty {
8
- display: flex;
9
- flex-direction: column;
10
- align-items: center;
11
- text-align: center;
12
- gap: 14px;
13
- padding: 56px 24px;
14
- border-radius: var(--radius-md);
15
- background: transparent;
16
- border: 0;
17
- }
18
- .empty.empty-default { padding: 56px 24px; gap: 14px; }
19
- .empty.empty-compact { padding: 28px 20px; gap: 10px; }
20
-
21
- .empty-illo {
22
- display: inline-flex;
23
- align-items: center;
24
- justify-content: center;
25
- }
26
- .empty-illo svg { display: block; }
27
-
28
- .empty h4 {
29
- font-family: var(--font-sans);
30
- font-size: var(--fs-lg);
31
- font-weight: var(--w-bold);
32
- letter-spacing: -.01em;
33
- color: var(--color-foreground-default);
34
- margin: 0;
35
- max-width: 360px;
36
- }
37
- .empty.empty-compact h4 { font-size: var(--fs-md); }
38
-
39
- .empty p {
40
- font-family: var(--font-sans);
41
- font-size: var(--fs-sm);
42
- color: var(--color-foreground-secondary);
43
- line-height: var(--lh-relaxed);
44
- margin: 0;
45
- max-width: 360px;
46
- text-wrap: pretty;
47
- }
48
-
49
- .empty-actions {
50
- display: flex;
51
- gap: var(--space-2);
52
- margin-top: var(--space-1);
53
- flex-wrap: wrap;
54
- justify-content: center;
55
- }
56
-
57
- /* ---- tone: warning ---- */
58
- .empty.empty-warning {
59
- background: var(--color-feedback-warning-background);
60
- border: 1px solid var(--color-feedback-warning-border);
61
- }
1
+ /* ============================================================
2
+ EMPTY STATES — production component CSS
3
+ Used by empty-states.html and any product surface that needs
4
+ a zero-data placeholder. All values resolve to design tokens.
5
+ ============================================================ */
6
+
7
+ .empty {
8
+ display: flex;
9
+ flex-direction: column;
10
+ align-items: center;
11
+ text-align: center;
12
+ gap: 14px;
13
+ padding: 56px 24px;
14
+ border-radius: var(--radius-md);
15
+ background: transparent;
16
+ border: 0;
17
+ }
18
+ .empty.empty-default { padding: 56px 24px; gap: 14px; }
19
+ .empty.empty-compact { padding: 28px 20px; gap: 10px; }
20
+
21
+ .empty-illo {
22
+ display: inline-flex;
23
+ align-items: center;
24
+ justify-content: center;
25
+ }
26
+ .empty-illo svg { display: block; }
27
+
28
+ .empty h4 {
29
+ font-family: var(--font-sans);
30
+ font-size: var(--fs-lg);
31
+ font-weight: var(--w-bold);
32
+ letter-spacing: -.01em;
33
+ color: var(--color-foreground-default);
34
+ margin: 0;
35
+ max-width: 360px;
36
+ }
37
+ .empty.empty-compact h4 { font-size: var(--fs-md); }
38
+
39
+ .empty p {
40
+ font-family: var(--font-sans);
41
+ font-size: var(--fs-sm);
42
+ color: var(--color-foreground-secondary);
43
+ line-height: var(--lh-relaxed);
44
+ margin: 0;
45
+ max-width: 360px;
46
+ text-wrap: pretty;
47
+ }
48
+
49
+ .empty-actions {
50
+ display: flex;
51
+ gap: var(--space-2);
52
+ margin-top: var(--space-1);
53
+ flex-wrap: wrap;
54
+ justify-content: center;
55
+ }
56
+
57
+ /* ---- tone: warning ---- */
58
+ .empty.empty-warning {
59
+ background: var(--color-feedback-warning-background);
60
+ border: 1px solid var(--color-feedback-warning-border);
61
+ }