@fundamento/make-kit-ekzemplo 0.1.0-next.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 (17) hide show
  1. package/README.md +10 -0
  2. package/dist/element.cjs +906 -0
  3. package/dist/element.d.ts +3 -0
  4. package/dist/element.js +903 -0
  5. package/dist/index.cjs +35 -0
  6. package/dist/index.d.ts +23 -0
  7. package/dist/index.js +31 -0
  8. package/guidelines/Guidelines.md +15 -0
  9. package/guidelines/components/butono.md +81 -0
  10. package/guidelines/foundations/color.md +82 -0
  11. package/guidelines/foundations/dimensioj.md +14 -0
  12. package/guidelines/foundations/spacing.md +60 -0
  13. package/guidelines/foundations/typography.md +22 -0
  14. package/guidelines/setup.md +17 -0
  15. package/package.json +54 -0
  16. package/styles.css +1098 -0
  17. package/tailwind.css +199 -0
package/tailwind.css ADDED
@@ -0,0 +1,199 @@
1
+ /* Fundamento theme for Tailwind v4. Import after tailwindcss and after the CSS Celo
2
+ (fundamento.css). Generated by fm projekcioj build; do not edit. */
3
+
4
+ @theme inline {
5
+ --color-fm-action-danger-hover: var(--fm-color-action-danger-hover);
6
+ --color-fm-action-danger-pressed: var(--fm-color-action-danger-pressed);
7
+ --color-fm-action-danger-rest: var(--fm-color-action-danger-rest);
8
+ --color-fm-action-danger-text: var(--fm-color-action-danger-text);
9
+ --color-fm-action-primary-disabled: var(--fm-color-action-primary-disabled);
10
+ --color-fm-action-primary-hover: var(--fm-color-action-primary-hover);
11
+ --color-fm-action-primary-pressed: var(--fm-color-action-primary-pressed);
12
+ --color-fm-action-primary-rest: var(--fm-color-action-primary-rest);
13
+ --color-fm-action-primary-selected: var(--fm-color-action-primary-selected);
14
+ --color-fm-action-primary-text: var(--fm-color-action-primary-text);
15
+ --color-fm-action-secondary-disabled: var(--fm-color-action-secondary-disabled);
16
+ --color-fm-action-secondary-hover: var(--fm-color-action-secondary-hover);
17
+ --color-fm-action-secondary-pressed: var(--fm-color-action-secondary-pressed);
18
+ --color-fm-action-secondary-rest: var(--fm-color-action-secondary-rest);
19
+ --color-fm-action-secondary-selected: var(--fm-color-action-secondary-selected);
20
+ --color-fm-action-secondary-text: var(--fm-color-action-secondary-text);
21
+ --color-fm-action-tertiary-disabled: var(--fm-color-action-tertiary-disabled);
22
+ --color-fm-action-tertiary-hover: var(--fm-color-action-tertiary-hover);
23
+ --color-fm-action-tertiary-pressed: var(--fm-color-action-tertiary-pressed);
24
+ --color-fm-action-tertiary-rest: var(--fm-color-action-tertiary-rest);
25
+ --color-fm-action-tertiary-selected: var(--fm-color-action-tertiary-selected);
26
+ --color-fm-action-tertiary-text: var(--fm-color-action-tertiary-text);
27
+ --color-fm-backdrop: var(--fm-color-backdrop);
28
+ --color-fm-background-canvas: var(--fm-color-background-canvas);
29
+ --color-fm-background-default: var(--fm-color-background-default);
30
+ --color-fm-background-inverse: var(--fm-color-background-inverse);
31
+ --color-fm-background-raised: var(--fm-color-background-raised);
32
+ --color-fm-background-sunken: var(--fm-color-background-sunken);
33
+ --color-fm-border-default: var(--fm-color-border-default);
34
+ --color-fm-border-disabled: var(--fm-color-border-disabled);
35
+ --color-fm-border-inverse: var(--fm-color-border-inverse);
36
+ --color-fm-border-strong: var(--fm-color-border-strong);
37
+ --color-fm-border-subtle: var(--fm-color-border-subtle);
38
+ --color-fm-brand-fill: var(--fm-color-brand-fill);
39
+ --color-fm-brand-text: var(--fm-color-brand-text);
40
+ --color-fm-focus-inner: var(--fm-color-focus-inner);
41
+ --color-fm-focus-ring: var(--fm-color-focus-ring);
42
+ --color-fm-link-hover: var(--fm-color-link-hover);
43
+ --color-fm-link-rest: var(--fm-color-link-rest);
44
+ --color-fm-link-visited: var(--fm-color-link-visited);
45
+ --color-fm-navigation-hover: var(--fm-color-navigation-hover);
46
+ --color-fm-navigation-rest: var(--fm-color-navigation-rest);
47
+ --color-fm-navigation-selected: var(--fm-color-navigation-selected);
48
+ --color-fm-navigation-text-rest: var(--fm-color-navigation-text-rest);
49
+ --color-fm-navigation-text-selected: var(--fm-color-navigation-text-selected);
50
+ --color-fm-palette-accent-100: var(--fm-color-palette-accent-100);
51
+ --color-fm-palette-accent-200: var(--fm-color-palette-accent-200);
52
+ --color-fm-palette-accent-300: var(--fm-color-palette-accent-300);
53
+ --color-fm-palette-accent-400: var(--fm-color-palette-accent-400);
54
+ --color-fm-palette-accent-50: var(--fm-color-palette-accent-50);
55
+ --color-fm-palette-accent-500: var(--fm-color-palette-accent-500);
56
+ --color-fm-palette-accent-600: var(--fm-color-palette-accent-600);
57
+ --color-fm-palette-accent-700: var(--fm-color-palette-accent-700);
58
+ --color-fm-palette-accent-800: var(--fm-color-palette-accent-800);
59
+ --color-fm-palette-accent-900: var(--fm-color-palette-accent-900);
60
+ --color-fm-palette-accent-950: var(--fm-color-palette-accent-950);
61
+ --color-fm-palette-danger-100: var(--fm-color-palette-danger-100);
62
+ --color-fm-palette-danger-200: var(--fm-color-palette-danger-200);
63
+ --color-fm-palette-danger-300: var(--fm-color-palette-danger-300);
64
+ --color-fm-palette-danger-400: var(--fm-color-palette-danger-400);
65
+ --color-fm-palette-danger-50: var(--fm-color-palette-danger-50);
66
+ --color-fm-palette-danger-500: var(--fm-color-palette-danger-500);
67
+ --color-fm-palette-danger-600: var(--fm-color-palette-danger-600);
68
+ --color-fm-palette-danger-700: var(--fm-color-palette-danger-700);
69
+ --color-fm-palette-danger-800: var(--fm-color-palette-danger-800);
70
+ --color-fm-palette-danger-900: var(--fm-color-palette-danger-900);
71
+ --color-fm-palette-danger-950: var(--fm-color-palette-danger-950);
72
+ --color-fm-palette-info-100: var(--fm-color-palette-info-100);
73
+ --color-fm-palette-info-200: var(--fm-color-palette-info-200);
74
+ --color-fm-palette-info-300: var(--fm-color-palette-info-300);
75
+ --color-fm-palette-info-400: var(--fm-color-palette-info-400);
76
+ --color-fm-palette-info-50: var(--fm-color-palette-info-50);
77
+ --color-fm-palette-info-500: var(--fm-color-palette-info-500);
78
+ --color-fm-palette-info-600: var(--fm-color-palette-info-600);
79
+ --color-fm-palette-info-700: var(--fm-color-palette-info-700);
80
+ --color-fm-palette-info-800: var(--fm-color-palette-info-800);
81
+ --color-fm-palette-info-900: var(--fm-color-palette-info-900);
82
+ --color-fm-palette-info-950: var(--fm-color-palette-info-950);
83
+ --color-fm-palette-neutral-0: var(--fm-color-palette-neutral-0);
84
+ --color-fm-palette-neutral-100: var(--fm-color-palette-neutral-100);
85
+ --color-fm-palette-neutral-1000: var(--fm-color-palette-neutral-1000);
86
+ --color-fm-palette-neutral-150: var(--fm-color-palette-neutral-150);
87
+ --color-fm-palette-neutral-200: var(--fm-color-palette-neutral-200);
88
+ --color-fm-palette-neutral-25: var(--fm-color-palette-neutral-25);
89
+ --color-fm-palette-neutral-300: var(--fm-color-palette-neutral-300);
90
+ --color-fm-palette-neutral-400: var(--fm-color-palette-neutral-400);
91
+ --color-fm-palette-neutral-50: var(--fm-color-palette-neutral-50);
92
+ --color-fm-palette-neutral-500: var(--fm-color-palette-neutral-500);
93
+ --color-fm-palette-neutral-600: var(--fm-color-palette-neutral-600);
94
+ --color-fm-palette-neutral-700: var(--fm-color-palette-neutral-700);
95
+ --color-fm-palette-neutral-800: var(--fm-color-palette-neutral-800);
96
+ --color-fm-palette-neutral-850: var(--fm-color-palette-neutral-850);
97
+ --color-fm-palette-neutral-900: var(--fm-color-palette-neutral-900);
98
+ --color-fm-palette-neutral-950: var(--fm-color-palette-neutral-950);
99
+ --color-fm-palette-neutral-975: var(--fm-color-palette-neutral-975);
100
+ --color-fm-palette-shade-0: var(--fm-color-palette-shade-0);
101
+ --color-fm-palette-shade-10: var(--fm-color-palette-shade-10);
102
+ --color-fm-palette-shade-25: var(--fm-color-palette-shade-25);
103
+ --color-fm-palette-shade-50: var(--fm-color-palette-shade-50);
104
+ --color-fm-palette-shade-8: var(--fm-color-palette-shade-8);
105
+ --color-fm-palette-success-100: var(--fm-color-palette-success-100);
106
+ --color-fm-palette-success-200: var(--fm-color-palette-success-200);
107
+ --color-fm-palette-success-300: var(--fm-color-palette-success-300);
108
+ --color-fm-palette-success-400: var(--fm-color-palette-success-400);
109
+ --color-fm-palette-success-50: var(--fm-color-palette-success-50);
110
+ --color-fm-palette-success-500: var(--fm-color-palette-success-500);
111
+ --color-fm-palette-success-600: var(--fm-color-palette-success-600);
112
+ --color-fm-palette-success-700: var(--fm-color-palette-success-700);
113
+ --color-fm-palette-success-800: var(--fm-color-palette-success-800);
114
+ --color-fm-palette-success-900: var(--fm-color-palette-success-900);
115
+ --color-fm-palette-success-950: var(--fm-color-palette-success-950);
116
+ --color-fm-palette-tint-10: var(--fm-color-palette-tint-10);
117
+ --color-fm-palette-tint-8: var(--fm-color-palette-tint-8);
118
+ --color-fm-palette-warning-100: var(--fm-color-palette-warning-100);
119
+ --color-fm-palette-warning-200: var(--fm-color-palette-warning-200);
120
+ --color-fm-palette-warning-300: var(--fm-color-palette-warning-300);
121
+ --color-fm-palette-warning-400: var(--fm-color-palette-warning-400);
122
+ --color-fm-palette-warning-50: var(--fm-color-palette-warning-50);
123
+ --color-fm-palette-warning-500: var(--fm-color-palette-warning-500);
124
+ --color-fm-palette-warning-600: var(--fm-color-palette-warning-600);
125
+ --color-fm-palette-warning-700: var(--fm-color-palette-warning-700);
126
+ --color-fm-palette-warning-800: var(--fm-color-palette-warning-800);
127
+ --color-fm-palette-warning-900: var(--fm-color-palette-warning-900);
128
+ --color-fm-palette-warning-950: var(--fm-color-palette-warning-950);
129
+ --color-fm-shadow-ambient: var(--fm-color-shadow-ambient);
130
+ --color-fm-shadow-key: var(--fm-color-shadow-key);
131
+ --color-fm-status-danger-basic: var(--fm-color-status-danger-basic);
132
+ --color-fm-status-danger-border: var(--fm-color-status-danger-border);
133
+ --color-fm-status-danger-on: var(--fm-color-status-danger-on);
134
+ --color-fm-status-danger-subtle: var(--fm-color-status-danger-subtle);
135
+ --color-fm-status-danger-text: var(--fm-color-status-danger-text);
136
+ --color-fm-status-danger-weak: var(--fm-color-status-danger-weak);
137
+ --color-fm-status-info-basic: var(--fm-color-status-info-basic);
138
+ --color-fm-status-info-border: var(--fm-color-status-info-border);
139
+ --color-fm-status-info-on: var(--fm-color-status-info-on);
140
+ --color-fm-status-info-subtle: var(--fm-color-status-info-subtle);
141
+ --color-fm-status-info-text: var(--fm-color-status-info-text);
142
+ --color-fm-status-info-weak: var(--fm-color-status-info-weak);
143
+ --color-fm-status-success-basic: var(--fm-color-status-success-basic);
144
+ --color-fm-status-success-border: var(--fm-color-status-success-border);
145
+ --color-fm-status-success-on: var(--fm-color-status-success-on);
146
+ --color-fm-status-success-subtle: var(--fm-color-status-success-subtle);
147
+ --color-fm-status-success-text: var(--fm-color-status-success-text);
148
+ --color-fm-status-success-weak: var(--fm-color-status-success-weak);
149
+ --color-fm-status-warning-basic: var(--fm-color-status-warning-basic);
150
+ --color-fm-status-warning-border: var(--fm-color-status-warning-border);
151
+ --color-fm-status-warning-on: var(--fm-color-status-warning-on);
152
+ --color-fm-status-warning-subtle: var(--fm-color-status-warning-subtle);
153
+ --color-fm-status-warning-text: var(--fm-color-status-warning-text);
154
+ --color-fm-status-warning-weak: var(--fm-color-status-warning-weak);
155
+ --color-fm-text-default: var(--fm-color-text-default);
156
+ --color-fm-text-disabled: var(--fm-color-text-disabled);
157
+ --color-fm-text-inverse: var(--fm-color-text-inverse);
158
+ --color-fm-text-muted: var(--fm-color-text-muted);
159
+ --color-fm-text-subtle: var(--fm-color-text-subtle);
160
+ --font-fm-family-body: var(--fm-font-family-body);
161
+ --font-fm-family-code: var(--fm-font-family-code);
162
+ --font-fm-family-display: var(--fm-font-family-display);
163
+ --font-weight-fm-black: var(--fm-font-weight-black);
164
+ --font-weight-fm-bold: var(--fm-font-weight-bold);
165
+ --font-weight-fm-extrabold: var(--fm-font-weight-extrabold);
166
+ --font-weight-fm-extralight: var(--fm-font-weight-extralight);
167
+ --font-weight-fm-light: var(--fm-font-weight-light);
168
+ --font-weight-fm-medium: var(--fm-font-weight-medium);
169
+ --font-weight-fm-regular: var(--fm-font-weight-regular);
170
+ --font-weight-fm-semibold: var(--fm-font-weight-semibold);
171
+ --font-weight-fm-thin: var(--fm-font-weight-thin);
172
+ --radius-fm-full: var(--fm-radius-full);
173
+ --radius-fm-large: var(--fm-radius-large);
174
+ --radius-fm-medium: var(--fm-radius-medium);
175
+ --radius-fm-none: var(--fm-radius-none);
176
+ --radius-fm-role-control: var(--fm-radius-role-control);
177
+ --radius-fm-role-pill: var(--fm-radius-role-pill);
178
+ --radius-fm-role-surface: var(--fm-radius-role-surface);
179
+ --radius-fm-small: var(--fm-radius-small);
180
+ --radius-fm-xlarge: var(--fm-radius-xlarge);
181
+ --spacing-fm-large: var(--fm-spacing-large);
182
+ --spacing-fm-medium: var(--fm-spacing-medium);
183
+ --spacing-fm-scale-0: var(--fm-spacing-scale-0);
184
+ --spacing-fm-scale-100: var(--fm-spacing-scale-100);
185
+ --spacing-fm-scale-1000: var(--fm-spacing-scale-1000);
186
+ --spacing-fm-scale-1200: var(--fm-spacing-scale-1200);
187
+ --spacing-fm-scale-150: var(--fm-spacing-scale-150);
188
+ --spacing-fm-scale-200: var(--fm-spacing-scale-200);
189
+ --spacing-fm-scale-300: var(--fm-spacing-scale-300);
190
+ --spacing-fm-scale-400: var(--fm-spacing-scale-400);
191
+ --spacing-fm-scale-50: var(--fm-spacing-scale-50);
192
+ --spacing-fm-scale-500: var(--fm-spacing-scale-500);
193
+ --spacing-fm-scale-600: var(--fm-spacing-scale-600);
194
+ --spacing-fm-scale-800: var(--fm-spacing-scale-800);
195
+ --spacing-fm-small: var(--fm-spacing-small);
196
+ --spacing-fm-xlarge: var(--fm-spacing-xlarge);
197
+ --spacing-fm-xsmall: var(--fm-spacing-xsmall);
198
+ --spacing-fm-xxlarge: var(--fm-spacing-xxlarge);
199
+ }