UNPKG

@maggioli-design-system/design-tokens

Version:

This is the Design Token library of Maggioli Design System, here you'll find all the visual data used around the libraries.

307 lines (305 loc) 20.2 kB
/* @magma-design-system/design-tokens v14.1.0 Generated by Style Dictionary Do not edit directly Generated at Mon, 08 Jun 2026 14:52:24 GMT */ @theme { --color-tone-porcelain-01: rgb(var(--tone-porcelain-01, 0 0 0)); --color-tone-porcelain-02: rgb(var(--tone-porcelain-02, 35 43 53)); --color-tone-porcelain-03: rgb(var(--tone-porcelain-03, 53 65 81)); --color-tone-porcelain-04: rgb(var(--tone-porcelain-04, 75 90 113)); --color-tone-porcelain-05: rgb(var(--tone-porcelain-05, 98 118 147)); --color-tone-porcelain-06: rgb(var(--tone-porcelain-06, 149 163 184)); --color-tone-porcelain-07: rgb(var(--tone-porcelain-07, 174 185 201)); --color-tone-porcelain-08: rgb(var(--tone-porcelain-08, 201 208 219)); --color-tone-porcelain-09: rgb(var(--tone-porcelain-09, 225 229 235)); --color-tone-porcelain-10: rgb(var(--tone-porcelain-10, 236 238 242)); --color-tone-porcelain: rgb(var(--tone-porcelain, 255 255 255)); --color-tone-kaolin-01: rgb(var(--tone-kaolin-01, 0 0 0)); --color-tone-kaolin-02: rgb(var(--tone-kaolin-02, 39 42 48)); --color-tone-kaolin-03: rgb(var(--tone-kaolin-03, 59 64 73)); --color-tone-kaolin-04: rgb(var(--tone-kaolin-04, 83 90 103)); --color-tone-kaolin-05: rgb(var(--tone-kaolin-05, 108 118 134)); --color-tone-kaolin-06: rgb(var(--tone-kaolin-06, 155 162 175)); --color-tone-kaolin-07: rgb(var(--tone-kaolin-07, 180 185 194)); --color-tone-kaolin-08: rgb(var(--tone-kaolin-08, 205 208 215)); --color-tone-kaolin-09: rgb(var(--tone-kaolin-09, 227 229 232)); --color-tone-kaolin-10: rgb(var(--tone-kaolin-10, 237 238 241)); --color-tone-kaolin: rgb(var(--tone-kaolin, 255 255 255)); --color-tone-neutral-01: rgb(var(--tone-neutral-01, 0 0 0)); --color-tone-neutral-02: rgb(var(--tone-neutral-02, 42 42 42)); --color-tone-neutral-03: rgb(var(--tone-neutral-03, 64 64 64)); --color-tone-neutral-04: rgb(var(--tone-neutral-04, 89 89 89)); --color-tone-neutral-05: rgb(var(--tone-neutral-05, 117 117 117)); --color-tone-neutral-06: rgb(var(--tone-neutral-06, 162 162 162)); --color-tone-neutral-07: rgb(var(--tone-neutral-07, 184 184 184)); --color-tone-neutral-08: rgb(var(--tone-neutral-08, 208 208 208)); --color-tone-neutral-09: rgb(var(--tone-neutral-09, 228 228 228)); --color-tone-neutral-10: rgb(var(--tone-neutral-10, 238 238 238)); --color-tone-neutral: rgb(var(--tone-neutral, 255 255 255)); --color-tone-fireclay-01: rgb(var(--tone-fireclay-01, 0 0 0)); --color-tone-fireclay-02: rgb(var(--tone-fireclay-02, 46 41 37)); --color-tone-fireclay-03: rgb(var(--tone-fireclay-03, 70 64 57)); --color-tone-fireclay-04: rgb(var(--tone-fireclay-04, 98 88 79)); --color-tone-fireclay-05: rgb(var(--tone-fireclay-05, 127 115 103)); --color-tone-fireclay-06: rgb(var(--tone-fireclay-06, 170 160 151)); --color-tone-fireclay-07: rgb(var(--tone-fireclay-07, 191 184 176)); --color-tone-fireclay-08: rgb(var(--tone-fireclay-08, 212 207 203)); --color-tone-fireclay-09: rgb(var(--tone-fireclay-09, 231 228 226)); --color-tone-fireclay-10: rgb(var(--tone-fireclay-10, 240 238 237)); --color-tone-fireclay: rgb(var(--tone-fireclay, 255 255 255)); --color-tone-bisque-01: rgb(var(--tone-bisque-01, 0 0 0)); --color-tone-bisque-02: rgb(var(--tone-bisque-02, 48 41 39)); --color-tone-bisque-03: rgb(var(--tone-bisque-03, 73 61 58)); --color-tone-bisque-04: rgb(var(--tone-bisque-04, 102 86 82)); --color-tone-bisque-05: rgb(var(--tone-bisque-05, 133 112 106)); --color-tone-bisque-06: rgb(var(--tone-bisque-06, 174 159 154)); --color-tone-bisque-07: rgb(var(--tone-bisque-07, 194 182 179)); --color-tone-bisque-08: rgb(var(--tone-bisque-08, 214 206 204)); --color-tone-bisque-09: rgb(var(--tone-bisque-09, 232 228 227)); --color-tone-bisque-10: rgb(var(--tone-bisque-10, 240 238 237)); --color-tone-bisque: rgb(var(--tone-bisque, 255 255 255)); --color-status-info-01: rgb(var(--status-info-01, 0 36 76)); --color-status-info-02: rgb(var(--status-info-02, 0 56 98)); --color-status-info-03: rgb(var(--status-info-03, 0 80 123)); --color-status-info-04: rgb(var(--status-info-04, 0 109 154)); --color-status-info-05: rgb(var(--status-info-05, 0 138 184)); --color-status-info-06: rgb(var(--status-info-06, 55 182 227)); --color-status-info-07: rgb(var(--status-info-07, 124 202 235)); --color-status-info-08: rgb(var(--status-info-08, 168 219 242)); --color-status-info-09: rgb(var(--status-info-09, 210 236 249)); --color-status-info-10: rgb(var(--status-info-10, 222 242 250)); --color-status-info: rgb(var(--status-info, 35 178 225)); --color-status-success-01: rgb(var(--status-success-01, 0 43 0)); --color-status-success-02: rgb(var(--status-success-02, 0 64 0)); --color-status-success-03: rgb(var(--status-success-03, 0 89 17)); --color-status-success-04: rgb(var(--status-success-04, 0 118 48)); --color-status-success-05: rgb(var(--status-success-05, 0 148 76)); --color-status-success-06: rgb(var(--status-success-06, 43 192 118)); --color-status-success-07: rgb(var(--status-success-07, 120 210 155)); --color-status-success-08: rgb(var(--status-success-08, 165 225 186)); --color-status-success-09: rgb(var(--status-success-09, 209 239 219)); --color-status-success-10: rgb(var(--status-success-10, 222 244 228)); --color-status-success: rgb(var(--status-success, 33 191 115)); --color-status-error-01: rgb(var(--status-error-01, 72 0 0)); --color-status-error-02: rgb(var(--status-error-02, 106 0 0)); --color-status-error-03: rgb(var(--status-error-03, 147 4 25)); --color-status-error-04: rgb(var(--status-error-04, 184 52 56)); --color-status-error-05: rgb(var(--status-error-05, 217 83 82)); --color-status-error-06: rgb(var(--status-error-06, 245 139 134)); --color-status-error-07: rgb(var(--status-error-07, 251 171 166)); --color-status-error-08: rgb(var(--status-error-08, 254 198 194)); --color-status-error-09: rgb(var(--status-error-09, 255 225 223)); --color-status-error-10: rgb(var(--status-error-10, 255 234 231)); --color-status-error: rgb(var(--status-error, 237 102 99)); --color-status-warning-01: rgb(var(--status-warning-01, 48 36 0)); --color-status-warning-02: rgb(var(--status-warning-02, 70 53 0)); --color-status-warning-03: rgb(var(--status-warning-03, 98 73 0)); --color-status-warning-04: rgb(var(--status-warning-04, 131 98 0)); --color-status-warning-05: rgb(var(--status-warning-05, 164 123 0)); --color-status-warning-06: rgb(var(--status-warning-06, 214 160 0)); --color-status-warning-07: rgb(var(--status-warning-07, 242 181 0)); --color-status-warning-08: rgb(var(--status-warning-08, 255 205 57)); --color-status-warning-09: rgb(var(--status-warning-09, 255 230 157)); --color-status-warning-10: rgb(var(--status-warning-10, 255 237 185)); --color-status-warning: rgb(var(--status-warning, 255 193 7)); --color-label-red-01: rgb(var(--label-red-01, 72 9 9)); --color-label-red-02: rgb(var(--label-red-02, 105 14 14)); --color-label-red-03: rgb(var(--label-red-03, 145 19 19)); --color-label-red-04: rgb(var(--label-red-04, 195 25 25)); --color-label-red-05: rgb(var(--label-red-05, 230 66 66)); --color-label-red-06: rgb(var(--label-red-06, 240 142 142)); --color-label-red-07: rgb(var(--label-red-07, 244 173 173)); --color-label-red-08: rgb(var(--label-red-08, 248 201 201)); --color-label-red-09: rgb(var(--label-red-09, 251 226 226)); --color-label-red-10: rgb(var(--label-red-10, 252 234 234)); --color-label-red: rgb(var(--label-red, 208 27 27)); --color-label-amaranth-01: rgb(var(--label-amaranth-01, 72 4 16)); --color-label-amaranth-02: rgb(var(--label-amaranth-02, 106 6 23)); --color-label-amaranth-03: rgb(var(--label-amaranth-03, 146 8 32)); --color-label-amaranth-04: rgb(var(--label-amaranth-04, 196 11 43)); --color-label-amaranth-05: rgb(var(--label-amaranth-05, 242 37 72)); --color-label-amaranth-06: rgb(var(--label-amaranth-06, 248 135 155)); --color-label-amaranth-07: rgb(var(--label-amaranth-07, 250 170 183)); --color-label-amaranth-08: rgb(var(--label-amaranth-08, 252 197 207)); --color-label-amaranth-09: rgb(var(--label-amaranth-09, 253 225 230)); --color-label-amaranth-10: rgb(var(--label-amaranth-10, 254 233 237)); --color-label-amaranth: rgb(var(--label-amaranth, 244 63 94)); --color-label-orchid-01: rgb(var(--label-orchid-01, 70 7 39)); --color-label-orchid-02: rgb(var(--label-orchid-02, 102 11 56)); --color-label-orchid-03: rgb(var(--label-orchid-03, 142 15 77)); --color-label-orchid-04: rgb(var(--label-orchid-04, 190 20 104)); --color-label-orchid-05: rgb(var(--label-orchid-05, 233 44 137)); --color-label-orchid-06: rgb(var(--label-orchid-06, 242 134 188)); --color-label-orchid-07: rgb(var(--label-orchid-07, 246 169 207)); --color-label-orchid-08: rgb(var(--label-orchid-08, 249 197 223)); --color-label-orchid-09: rgb(var(--label-orchid-09, 252 225 239)); --color-label-orchid-10: rgb(var(--label-orchid-10, 253 233 243)); --color-label-orchid: rgb(var(--label-orchid, 236 72 153)); --color-label-purple-01: rgb(var(--label-purple-01, 49 4 92)); --color-label-purple-02: rgb(var(--label-purple-02, 72 6 135)); --color-label-purple-03: rgb(var(--label-purple-03, 100 9 188)); --color-label-purple-04: rgb(var(--label-purple-04, 137 25 244)); --color-label-purple-05: rgb(var(--label-purple-05, 168 86 247)); --color-label-purple-06: rgb(var(--label-purple-06, 199 146 250)); --color-label-purple-07: rgb(var(--label-purple-07, 215 176 251)); --color-label-purple-08: rgb(var(--label-purple-08, 228 202 252)); --color-label-purple-09: rgb(var(--label-purple-09, 241 228 254)); --color-label-purple-10: rgb(var(--label-purple-10, 245 234 254)); --color-label-purple: rgb(var(--label-purple, 168 85 247)); --color-label-violet-01: rgb(var(--label-violet-01, 36 6 104)); --color-label-violet-02: rgb(var(--label-violet-02, 52 8 153)); --color-label-violet-03: rgb(var(--label-violet-03, 73 12 211)); --color-label-violet-04: rgb(var(--label-violet-04, 114 57 244)); --color-label-violet-05: rgb(var(--label-violet-05, 145 100 246)); --color-label-violet-06: rgb(var(--label-violet-06, 183 153 249)); --color-label-violet-07: rgb(var(--label-violet-07, 202 181 251)); --color-label-violet-08: rgb(var(--label-violet-08, 219 205 252)); --color-label-violet-09: rgb(var(--label-violet-09, 236 228 254)); --color-label-violet-10: rgb(var(--label-violet-10, 241 236 254)); --color-label-violet: rgb(var(--label-violet, 139 92 246)); --color-label-blue-01: rgb(var(--label-blue-01, 4 21 106)); --color-label-blue-02: rgb(var(--label-blue-02, 6 31 154)); --color-label-blue-03: rgb(var(--label-blue-03, 8 43 213)); --color-label-blue-04: rgb(var(--label-blue-04, 46 81 247)); --color-label-blue-05: rgb(var(--label-blue-05, 90 117 249)); --color-label-blue-06: rgb(var(--label-blue-06, 146 164 251)); --color-label-blue-07: rgb(var(--label-blue-07, 175 189 252)); --color-label-blue-08: rgb(var(--label-blue-08, 200 210 253)); --color-label-blue-09: rgb(var(--label-blue-09, 227 231 254)); --color-label-blue-10: rgb(var(--label-blue-10, 234 238 254)); --color-label-blue: rgb(var(--label-blue, 14 54 246)); --color-label-sky-01: rgb(var(--label-sky-01, 3 40 57)); --color-label-sky-02: rgb(var(--label-sky-02, 5 59 83)); --color-label-sky-03: rgb(var(--label-sky-03, 7 81 115)); --color-label-sky-04: rgb(var(--label-sky-04, 9 109 155)); --color-label-sky-05: rgb(var(--label-sky-05, 12 136 193)); --color-label-sky-06: rgb(var(--label-sky-06, 40 180 242)); --color-label-sky-07: rgb(var(--label-sky-07, 106 203 246)); --color-label-sky-08: rgb(var(--label-sky-08, 157 220 249)); --color-label-sky-09: rgb(var(--label-sky-09, 205 237 252)); --color-label-sky-10: rgb(var(--label-sky-10, 219 242 253)); --color-label-sky: rgb(var(--label-sky, 14 165 233)); --color-label-aqua-01: rgb(var(--label-aqua-01, 1 41 48)); --color-label-aqua-02: rgb(var(--label-aqua-02, 2 61 70)); --color-label-aqua-03: rgb(var(--label-aqua-03, 3 84 98)); --color-label-aqua-04: rgb(var(--label-aqua-04, 4 113 131)); --color-label-aqua-05: rgb(var(--label-aqua-05, 5 141 165)); --color-label-aqua-06: rgb(var(--label-aqua-06, 6 184 215)); --color-label-aqua-07: rgb(var(--label-aqua-07, 7 208 243)); --color-label-aqua-08: rgb(var(--label-aqua-08, 99 229 251)); --color-label-aqua-09: rgb(var(--label-aqua-09, 181 242 253)); --color-label-aqua-10: rgb(var(--label-aqua-10, 203 246 254)); --color-label-aqua: rgb(var(--label-aqua, 6 182 212)); --color-label-green-01: rgb(var(--label-green-01, 8 43 21)); --color-label-green-02: rgb(var(--label-green-02, 11 63 30)); --color-label-green-03: rgb(var(--label-green-03, 15 88 42)); --color-label-green-04: rgb(var(--label-green-04, 20 119 57)); --color-label-green-05: rgb(var(--label-green-05, 26 148 71)); --color-label-green-06: rgb(var(--label-green-06, 33 193 92)); --color-label-green-07: rgb(var(--label-green-07, 44 218 108)); --color-label-green-08: rgb(var(--label-green-08, 125 232 164)); --color-label-green-09: rgb(var(--label-green-09, 193 244 212)); --color-label-green-10: rgb(var(--label-green-10, 211 247 225)); --color-label-green: rgb(var(--label-green, 34 197 94)); --color-label-lime-01: rgb(var(--label-lime-01, 27 42 5)); --color-label-lime-02: rgb(var(--label-lime-02, 40 61 7)); --color-label-lime-03: rgb(var(--label-lime-03, 55 85 9)); --color-label-lime-04: rgb(var(--label-lime-04, 74 114 12)); --color-label-lime-05: rgb(var(--label-lime-05, 93 143 15)); --color-label-lime-06: rgb(var(--label-lime-06, 121 187 20)); --color-label-lime-07: rgb(var(--label-lime-07, 137 211 23)); --color-label-lime-08: rgb(var(--label-lime-08, 159 232 46)); --color-label-lime-09: rgb(var(--label-lime-09, 209 244 156)); --color-label-lime-10: rgb(var(--label-lime-10, 223 247 185)); --color-label-lime: rgb(var(--label-lime, 132 204 22)); --color-label-yellow-01: rgb(var(--label-yellow-01, 48 36 2)); --color-label-yellow-02: rgb(var(--label-yellow-02, 70 54 2)); --color-label-yellow-03: rgb(var(--label-yellow-03, 96 74 3)); --color-label-yellow-04: rgb(var(--label-yellow-04, 129 99 4)); --color-label-yellow-05: rgb(var(--label-yellow-05, 161 124 6)); --color-label-yellow-06: rgb(var(--label-yellow-06, 211 162 7)); --color-label-yellow-07: rgb(var(--label-yellow-07, 239 183 8)); --color-label-yellow-08: rgb(var(--label-yellow-08, 249 207 78)); --color-label-yellow-09: rgb(var(--label-yellow-09, 252 231 168)); --color-label-yellow-10: rgb(var(--label-yellow-10, 253 238 191)); --color-label-yellow: rgb(var(--label-yellow, 234 179 8)); --color-label-orange-01: rgb(var(--label-orange-01, 62 27 2)); --color-label-orange-02: rgb(var(--label-orange-02, 91 39 2)); --color-label-orange-03: rgb(var(--label-orange-03, 127 54 3)); --color-label-orange-04: rgb(var(--label-orange-04, 171 72 4)); --color-label-orange-05: rgb(var(--label-orange-05, 213 90 5)); --color-label-orange-06: rgb(var(--label-orange-06, 250 140 64)); --color-label-orange-07: rgb(var(--label-orange-07, 252 174 121)); --color-label-orange-08: rgb(var(--label-orange-08, 253 201 166)); --color-label-orange-09: rgb(var(--label-orange-09, 254 228 209)); --color-label-orange-10: rgb(var(--label-orange-10, 254 235 223)); --color-label-orange: rgb(var(--label-orange, 249 115 22)); --color-variant-primary-01: rgb(var(--variant-primary-01, 0 31 90)); --color-variant-primary-02: rgb(var(--variant-primary-02, 0 45 131)); --color-variant-primary-03: rgb(var(--variant-primary-03, 0 63 182)); --color-variant-primary-04: rgb(var(--variant-primary-04, 0 84 243)); --color-variant-primary-05: rgb(var(--variant-primary-05, 50 121 255)); --color-variant-primary-06: rgb(var(--variant-primary-06, 123 169 255)); --color-variant-primary-07: rgb(var(--variant-primary-07, 159 192 255)); --color-variant-primary-08: rgb(var(--variant-primary-08, 190 212 255)); --color-variant-primary-09: rgb(var(--variant-primary-09, 220 232 255)); --color-variant-primary-10: rgb(var(--variant-primary-10, 230 239 255)); --color-variant-primary: rgb(var(--variant-primary, 0 55 158)); --color-variant-secondary-01: rgb(var(--variant-secondary-01, 6 31 90)); --color-variant-secondary-02: rgb(var(--variant-secondary-02, 9 45 131)); --color-variant-secondary-03: rgb(var(--variant-secondary-03, 13 63 181)); --color-variant-secondary-04: rgb(var(--variant-secondary-04, 22 87 239)); --color-variant-secondary-05: rgb(var(--variant-secondary-05, 72 122 242)); --color-variant-secondary-06: rgb(var(--variant-secondary-06, 135 168 247)); --color-variant-secondary-07: rgb(var(--variant-secondary-07, 167 191 249)); --color-variant-secondary-08: rgb(var(--variant-secondary-08, 195 211 251)); --color-variant-secondary-09: rgb(var(--variant-secondary-09, 224 232 253)); --color-variant-secondary-10: rgb(var(--variant-secondary-10, 232 238 253)); --color-variant-secondary: rgb(var(--variant-secondary, 15 74 213)); --color-variant-ai-01: rgb(var(--variant-ai-01, 40 4 101)); --color-variant-ai-02: rgb(var(--variant-ai-02, 59 6 148)); --color-variant-ai-03: rgb(var(--variant-ai-03, 81 9 207)); --color-variant-ai-04: rgb(var(--variant-ai-04, 121 49 246)); --color-variant-ai-05: rgb(var(--variant-ai-05, 152 97 248)); --color-variant-ai-06: rgb(var(--variant-ai-06, 188 151 251)); --color-variant-ai-07: rgb(var(--variant-ai-07, 206 179 252)); --color-variant-ai-08: rgb(var(--variant-ai-08, 222 203 253)); --color-variant-ai-09: rgb(var(--variant-ai-09, 238 228 254)); --color-variant-ai-10: rgb(var(--variant-ai-10, 242 235 254)); --color-variant-ai: rgb(var(--variant-ai, 120 47 246)); --color-brand-maggioli-01: rgb(var(--brand-maggioli-01, 9 34 82)); --color-brand-maggioli-02: rgb(var(--brand-maggioli-02, 2 46 130)); --color-brand-maggioli-03: rgb(var(--brand-maggioli-03, 1 63 180)); --color-brand-maggioli-04: rgb(var(--brand-maggioli-04, 18 91 227)); --color-brand-maggioli-05: rgb(var(--brand-maggioli-05, 74 126 224)); --color-brand-maggioli-06: rgb(var(--brand-maggioli-06, 145 170 218)); --color-brand-maggioli-07: rgb(var(--brand-maggioli-07, 178 192 220)); --color-brand-maggioli-08: rgb(var(--brand-maggioli-08, 204 212 226)); --color-brand-maggioli-09: rgb(var(--brand-maggioli-09, 230 232 236)); --color-brand-maggioli-10: rgb(var(--brand-maggioli-10, 237 238 241)); --color-brand-maggioli: rgb(var(--brand-maggioli, 0 55 158)); --color-brand-maggioli-editore-01: rgb(var(--brand-maggioli-editore-01, 24 37 66)); --color-brand-maggioli-editore-02: rgb(var(--brand-maggioli-editore-02, 23 50 116)); --color-brand-maggioli-editore-03: rgb(var(--brand-maggioli-editore-03, 16 64 179)); --color-brand-maggioli-editore-04: rgb(var(--brand-maggioli-editore-04, 25 87 235)); --color-brand-maggioli-editore-05: rgb(var(--brand-maggioli-editore-05, 81 125 228)); --color-brand-maggioli-editore-06: rgb(var(--brand-maggioli-editore-06, 147 169 223)); --color-brand-maggioli-editore-07: rgb(var(--brand-maggioli-editore-07, 179 192 224)); --color-brand-maggioli-editore-08: rgb(var(--brand-maggioli-editore-08, 205 211 228)); --color-brand-maggioli-editore-09: rgb(var(--brand-maggioli-editore-09, 230 232 237)); --color-brand-maggioli-editore-10: rgb(var(--brand-maggioli-editore-10, 237 238 241)); --color-brand-maggioli-editore: rgb(var(--brand-maggioli-editore, 15 74 213)); --color-brand-rnd-01: rgb(var(--brand-rnd-01, 42 37 32)); --color-brand-rnd-02: rgb(var(--brand-rnd-02, 64 54 42)); --color-brand-rnd-03: rgb(var(--brand-rnd-03, 91 74 52)); --color-brand-rnd-04: rgb(var(--brand-rnd-04, 126 99 61)); --color-brand-rnd-05: rgb(var(--brand-rnd-05, 163 122 68)); --color-brand-rnd-06: rgb(var(--brand-rnd-06, 203 162 108)); --color-brand-rnd-07: rgb(var(--brand-rnd-07, 214 188 154)); --color-brand-rnd-08: rgb(var(--brand-rnd-08, 222 210 193)); --color-brand-rnd-09: rgb(var(--brand-rnd-09, 235 231 227)); --color-brand-rnd-10: rgb(var(--brand-rnd-10, 240 238 236)); --color-brand-rnd: rgb(var(--brand-rnd, 203 162 107)); }