ui-foundations 0.1.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 (342) hide show
  1. package/README.md +259 -0
  2. package/dist/assets/fonts/README.md +5 -0
  3. package/dist/assets/icons/location-roundtrip.svg +5 -0
  4. package/dist/assets/icons/location-track.svg +4 -0
  5. package/dist/assets/icons/location.svg +4 -0
  6. package/dist/assets/icons/lock-checkmark.svg +4 -0
  7. package/dist/assets/icons/lock-close.svg +4 -0
  8. package/dist/assets/icons/lock-open.svg +5 -0
  9. package/dist/assets/icons/login.svg +4 -0
  10. package/dist/assets/icons/logout.svg +3 -0
  11. package/dist/assets/icons/loudspeaker.svg +3 -0
  12. package/dist/assets/icons/lounge-chair.svg +5 -0
  13. package/dist/assets/icons/luggage-backpack.svg +4 -0
  14. package/dist/assets/icons/luggage-backpacker.svg +4 -0
  15. package/dist/assets/icons/luggage-box.svg +5 -0
  16. package/dist/assets/icons/luggage-extra.svg +4 -0
  17. package/dist/assets/icons/luggage-golf.svg +4 -0
  18. package/dist/assets/icons/luggage-hand-plus.svg +5 -0
  19. package/dist/assets/icons/luggage-hand.svg +4 -0
  20. package/dist/assets/icons/luggage-liquids.svg +6 -0
  21. package/dist/assets/icons/luggage-notincluded.svg +3 -0
  22. package/dist/assets/icons/luggage-plus.svg +5 -0
  23. package/dist/assets/icons/luggage-sport.svg +4 -0
  24. package/dist/assets/icons/luggage-suitcase-extra.svg +5 -0
  25. package/dist/assets/icons/luggage-suitcase.svg +4 -0
  26. package/dist/assets/icons/luggage-trolley-extra.svg +5 -0
  27. package/dist/assets/icons/luggage-trolley.svg +3 -0
  28. package/dist/assets/icons/luggage-weekender.svg +4 -0
  29. package/dist/assets/icons/luggage.svg +3 -0
  30. package/dist/assets/icons/lying-chair.svg +4 -0
  31. package/dist/assets/icons/magnet.svg +3 -0
  32. package/dist/assets/icons/mail.svg +4 -0
  33. package/dist/assets/icons/map.svg +3 -0
  34. package/dist/assets/icons/meal-serving-plate.svg +5 -0
  35. package/dist/assets/icons/meal.svg +5 -0
  36. package/dist/assets/icons/medal.svg +4 -0
  37. package/dist/assets/icons/megaphone.svg +5 -0
  38. package/dist/assets/icons/menu-filter.svg +3 -0
  39. package/dist/assets/icons/menu.svg +3 -0
  40. package/dist/assets/icons/message-alert.svg +3 -0
  41. package/dist/assets/icons/message-info.svg +4 -0
  42. package/dist/assets/icons/message-love.svg +4 -0
  43. package/dist/assets/icons/message-push.svg +4 -0
  44. package/dist/assets/icons/message-text.svg +4 -0
  45. package/dist/assets/icons/message.svg +3 -0
  46. package/dist/assets/icons/mic.svg +4 -0
  47. package/dist/assets/icons/miniclub.svg +5 -0
  48. package/dist/assets/icons/minimize.svg +3 -0
  49. package/dist/assets/icons/minus-circled.svg +4 -0
  50. package/dist/assets/icons/minus-heavy.svg +3 -0
  51. package/dist/assets/icons/minus.svg +3 -0
  52. package/dist/assets/icons/moon.svg +3 -0
  53. package/dist/assets/icons/moose.svg +5 -0
  54. package/dist/assets/icons/mountain.svg +4 -0
  55. package/dist/assets/icons/mouth.svg +3 -0
  56. package/dist/assets/icons/muffin.svg +4 -0
  57. package/dist/assets/icons/museum.svg +3 -0
  58. package/dist/assets/icons/mustache.svg +3 -0
  59. package/dist/assets/icons/network.svg +3 -0
  60. package/dist/assets/icons/newsletter.svg +6 -0
  61. package/dist/assets/icons/none.svg +3 -0
  62. package/dist/assets/icons/nordic-walking.svg +3 -0
  63. package/dist/assets/icons/notepad.svg +3 -0
  64. package/dist/assets/icons/number.svg +3 -0
  65. package/dist/assets/icons/on-board-meals.svg +4 -0
  66. package/dist/assets/icons/paperjet.svg +4 -0
  67. package/dist/assets/icons/parasol.svg +4 -0
  68. package/dist/assets/icons/parking-garage.svg +4 -0
  69. package/dist/assets/icons/parking-time.svg +4 -0
  70. package/dist/assets/icons/pass-boarding.svg +4 -0
  71. package/dist/assets/icons/paw.svg +3 -0
  72. package/dist/assets/icons/pencil.svg +3 -0
  73. package/dist/assets/icons/pharmacy.svg +4 -0
  74. package/dist/assets/icons/phone-checkin.svg +4 -0
  75. package/dist/assets/icons/phone-push.svg +5 -0
  76. package/dist/assets/icons/phone.svg +3 -0
  77. package/dist/assets/icons/picture-mountain.svg +5 -0
  78. package/dist/assets/icons/picture-stack.svg +5 -0
  79. package/dist/assets/icons/picture-sunset.svg +4 -0
  80. package/dist/assets/icons/picture.svg +3 -0
  81. package/dist/assets/icons/piggy-bank.svg +5 -0
  82. package/dist/assets/icons/pin.svg +3 -0
  83. package/dist/assets/icons/play-circled.svg +4 -0
  84. package/dist/assets/icons/play-next.svg +3 -0
  85. package/dist/assets/icons/play-pause.svg +3 -0
  86. package/dist/assets/icons/play-prev.svg +3 -0
  87. package/dist/assets/icons/play-stop-circled.svg +4 -0
  88. package/dist/assets/icons/play-stop.svg +3 -0
  89. package/dist/assets/icons/play.svg +3 -0
  90. package/dist/assets/icons/plug.svg +3 -0
  91. package/dist/assets/icons/plus-circled.svg +4 -0
  92. package/dist/assets/icons/plus-heavy.svg +3 -0
  93. package/dist/assets/icons/plus.svg +3 -0
  94. package/dist/assets/icons/popsicle.svg +3 -0
  95. package/dist/assets/icons/postit.svg +4 -0
  96. package/dist/assets/icons/pricetag.svg +4 -0
  97. package/dist/assets/icons/printer.svg +5 -0
  98. package/dist/assets/icons/projector-canvas.svg +3 -0
  99. package/dist/assets/icons/puzzle.svg +3 -0
  100. package/dist/assets/icons/question-mark-bold.svg +4 -0
  101. package/dist/assets/icons/question-mark-circled.svg +4 -0
  102. package/dist/assets/icons/question-mark-ultrabold.svg +4 -0
  103. package/dist/assets/icons/question-mark.svg +3 -0
  104. package/dist/assets/icons/rainbow.svg +5 -0
  105. package/dist/assets/icons/reduced-circled.svg +4 -0
  106. package/dist/assets/icons/reduced.svg +3 -0
  107. package/dist/assets/icons/relax.svg +4 -0
  108. package/dist/assets/icons/resize.svg +4 -0
  109. package/dist/assets/icons/robot-smile.svg +16 -0
  110. package/dist/assets/icons/robot.svg +8 -0
  111. package/dist/assets/icons/room-location.svg +5 -0
  112. package/dist/assets/icons/room-selection.svg +5 -0
  113. package/dist/assets/icons/room-upgrade.svg +5 -0
  114. package/dist/assets/icons/running-shoe.svg +4 -0
  115. package/dist/assets/icons/sail.svg +3 -0
  116. package/dist/assets/icons/sailboat.svg +4 -0
  117. package/dist/assets/icons/sailing-yawl.svg +3 -0
  118. package/dist/assets/icons/save.svg +4 -0
  119. package/dist/assets/icons/scan-code.svg +5 -0
  120. package/dist/assets/icons/scissors.svg +4 -0
  121. package/dist/assets/icons/seal.svg +4 -0
  122. package/dist/assets/icons/search-heart.svg +4 -0
  123. package/dist/assets/icons/search-list.svg +4 -0
  124. package/dist/assets/icons/search.svg +4 -0
  125. package/dist/assets/icons/seat-check.svg +3 -0
  126. package/dist/assets/icons/seat-child.svg +4 -0
  127. package/dist/assets/icons/seat-comfort.svg +3 -0
  128. package/dist/assets/icons/seat-extra-legroom.svg +5 -0
  129. package/dist/assets/icons/seat-extra-space.svg +5 -0
  130. package/dist/assets/icons/seat-extra.svg +5 -0
  131. package/dist/assets/icons/seat-plus.svg +3 -0
  132. package/dist/assets/icons/seat-premium.svg +4 -0
  133. package/dist/assets/icons/seat-selection.svg +10 -0
  134. package/dist/assets/icons/seat-star.svg +3 -0
  135. package/dist/assets/icons/seat-top-booked.svg +5 -0
  136. package/dist/assets/icons/seat-top.svg +4 -0
  137. package/dist/assets/icons/seat.svg +3 -0
  138. package/dist/assets/icons/security-check.svg +7 -0
  139. package/dist/assets/icons/select.svg +3 -0
  140. package/dist/assets/icons/send.svg +3 -0
  141. package/dist/assets/icons/service-bell.svg +3 -0
  142. package/dist/assets/icons/serving-trolley.svg +6 -0
  143. package/dist/assets/icons/settings.svg +4 -0
  144. package/dist/assets/icons/sex-diversity.svg +3 -0
  145. package/dist/assets/icons/sex-female.svg +3 -0
  146. package/dist/assets/icons/sex-male.svg +3 -0
  147. package/dist/assets/icons/share-box.svg +4 -0
  148. package/dist/assets/icons/share.svg +6 -0
  149. package/dist/assets/icons/shield-check.svg +4 -0
  150. package/dist/assets/icons/shield-flex.svg +6 -0
  151. package/dist/assets/icons/shield-warning.svg +3 -0
  152. package/dist/assets/icons/shield.svg +3 -0
  153. package/dist/assets/icons/ship-river.svg +4 -0
  154. package/dist/assets/icons/ship.svg +5 -0
  155. package/dist/assets/icons/shoe.svg +3 -0
  156. package/dist/assets/icons/shop.svg +4 -0
  157. package/dist/assets/icons/shopping-bag-tui.svg +4 -0
  158. package/dist/assets/icons/shopping-bag.svg +4 -0
  159. package/dist/assets/icons/shoppingcart.svg +6 -0
  160. package/dist/assets/icons/shower-rain.svg +3 -0
  161. package/dist/assets/icons/shower.svg +3 -0
  162. package/dist/assets/icons/sign-airport.svg +4 -0
  163. package/dist/assets/icons/sign-bio.svg +5 -0
  164. package/dist/assets/icons/sign-directions.svg +12 -0
  165. package/dist/assets/icons/sign-first-aid.svg +4 -0
  166. package/dist/assets/icons/sign-gluten-free.svg +7 -0
  167. package/dist/assets/icons/sign-hotel.svg +3 -0
  168. package/dist/assets/icons/sign-info.svg +5 -0
  169. package/dist/assets/icons/sign-parking.svg +4 -0
  170. package/dist/assets/icons/sign-vegan.svg +4 -0
  171. package/dist/assets/icons/sign-vegetarian.svg +5 -0
  172. package/dist/assets/icons/signpost-direction.svg +3 -0
  173. package/dist/assets/icons/signpost-directions.svg +3 -0
  174. package/dist/assets/icons/signpost-hotel.svg +3 -0
  175. package/dist/assets/icons/ski-crosscountry.svg +4 -0
  176. package/dist/assets/icons/ski-mountain.svg +3 -0
  177. package/dist/assets/icons/snow.svg +3 -0
  178. package/dist/assets/icons/social-distancing.svg +5 -0
  179. package/dist/assets/icons/sort.svg +3 -0
  180. package/dist/assets/icons/square.svg +3 -0
  181. package/dist/assets/icons/star-circled.svg +4 -0
  182. package/dist/assets/icons/star-half.svg +3 -0
  183. package/dist/assets/icons/star.svg +3 -0
  184. package/dist/assets/icons/stats-bar.svg +3 -0
  185. package/dist/assets/icons/stats-growth.svg +4 -0
  186. package/dist/assets/icons/stats-pie.svg +4 -0
  187. package/dist/assets/icons/stats-rise.svg +3 -0
  188. package/dist/assets/icons/steering-wheel.svg +7 -0
  189. package/dist/assets/icons/steering.svg +3 -0
  190. package/dist/assets/icons/stewardess.svg +5 -0
  191. package/dist/assets/icons/suitcase-purchase.svg +5 -0
  192. package/dist/assets/icons/sum.svg +3 -0
  193. package/dist/assets/icons/sun-circled.svg +4 -0
  194. package/dist/assets/icons/sun-hours.svg +5 -0
  195. package/dist/assets/icons/sun-set.svg +3 -0
  196. package/dist/assets/icons/sun-tui-half.svg +4 -0
  197. package/dist/assets/icons/sun-tui.svg +4 -0
  198. package/dist/assets/icons/sun.svg +4 -0
  199. package/dist/assets/icons/surfing.svg +4 -0
  200. package/dist/assets/icons/swimming-bath.svg +3 -0
  201. package/dist/assets/icons/swimming-pool.svg +3 -0
  202. package/dist/assets/icons/sync-failed.svg +4 -0
  203. package/dist/assets/icons/sync.svg +4 -0
  204. package/dist/assets/icons/tape-measure.svg +4 -0
  205. package/dist/assets/icons/target-blank.svg +3 -0
  206. package/dist/assets/icons/target.svg +5 -0
  207. package/dist/assets/icons/teddy.svg +5 -0
  208. package/dist/assets/icons/temp-air.svg +5 -0
  209. package/dist/assets/icons/temp-low.svg +4 -0
  210. package/dist/assets/icons/temp-time.svg +7 -0
  211. package/dist/assets/icons/temp-water.svg +5 -0
  212. package/dist/assets/icons/temp.svg +4 -0
  213. package/dist/assets/icons/tennis-ball.svg +4 -0
  214. package/dist/assets/icons/tennis.svg +5 -0
  215. package/dist/assets/icons/tent.svg +4 -0
  216. package/dist/assets/icons/thumbnails.svg +3 -0
  217. package/dist/assets/icons/thumbs-up--down.svg +3 -0
  218. package/dist/assets/icons/thumbs-up.svg +3 -0
  219. package/dist/assets/icons/thunder.svg +3 -0
  220. package/dist/assets/icons/ticket-coins.svg +5 -0
  221. package/dist/assets/icons/ticket-envelope.svg +5 -0
  222. package/dist/assets/icons/ticket.svg +3 -0
  223. package/dist/assets/icons/tickets.svg +3 -0
  224. package/dist/assets/icons/tipi.svg +4 -0
  225. package/dist/assets/icons/toilet-paper.svg +5 -0
  226. package/dist/assets/icons/toilet.svg +3 -0
  227. package/dist/assets/icons/toolkit-cases-open.svg +3 -0
  228. package/dist/assets/icons/toolkit-cases.svg +3 -0
  229. package/dist/assets/icons/toolkit.svg +4 -0
  230. package/dist/assets/icons/towel.svg +3 -0
  231. package/dist/assets/icons/track.svg +3 -0
  232. package/dist/assets/icons/train.svg +4 -0
  233. package/dist/assets/icons/transfer-private.svg +5 -0
  234. package/dist/assets/icons/transfer-taxi.svg +4 -0
  235. package/dist/assets/icons/transfers-coach.svg +6 -0
  236. package/dist/assets/icons/transfers-train.svg +4 -0
  237. package/dist/assets/icons/trash-crossed.svg +3 -0
  238. package/dist/assets/icons/trash.svg +4 -0
  239. package/dist/assets/icons/travel-documents.svg +6 -0
  240. package/dist/assets/icons/travel-guide.svg +5 -0
  241. package/dist/assets/icons/travel-money.svg +4 -0
  242. package/dist/assets/icons/treats-in-flight.svg +4 -0
  243. package/dist/assets/icons/trolley-purchase.svg +5 -0
  244. package/dist/assets/icons/tub.svg +5 -0
  245. package/dist/assets/icons/tui-card.svg +4 -0
  246. package/dist/assets/icons/tui-chat.svg +5 -0
  247. package/dist/assets/icons/tui-cloud.svg +3 -0
  248. package/dist/assets/icons/tui-extras.svg +4 -0
  249. package/dist/assets/icons/typography.svg +3 -0
  250. package/dist/assets/icons/ui-banner.svg +4 -0
  251. package/dist/assets/icons/umbrella.svg +5 -0
  252. package/dist/assets/icons/undo.svg +4 -0
  253. package/dist/assets/icons/upload.svg +3 -0
  254. package/dist/assets/icons/user-business.svg +4 -0
  255. package/dist/assets/icons/user-casual.svg +4 -0
  256. package/dist/assets/icons/user-chat.svg +4 -0
  257. package/dist/assets/icons/user-circled.svg +4 -0
  258. package/dist/assets/icons/user-couple.svg +3 -0
  259. package/dist/assets/icons/user-driver.svg +6 -0
  260. package/dist/assets/icons/user-drivers.svg +4 -0
  261. package/dist/assets/icons/user-expert.svg +4 -0
  262. package/dist/assets/icons/user-family.svg +4 -0
  263. package/dist/assets/icons/user-friends.svg +3 -0
  264. package/dist/assets/icons/user-group.svg +4 -0
  265. package/dist/assets/icons/user-passport.svg +5 -0
  266. package/dist/assets/icons/user-plus.svg +3 -0
  267. package/dist/assets/icons/user-skipass.svg +4 -0
  268. package/dist/assets/icons/user-visa.svg +6 -0
  269. package/dist/assets/icons/user.svg +3 -0
  270. package/dist/assets/icons/users.svg +4 -0
  271. package/dist/assets/icons/view-hidden.svg +4 -0
  272. package/dist/assets/icons/view.svg +4 -0
  273. package/dist/assets/icons/villa.svg +4 -0
  274. package/dist/assets/icons/virtualtour.svg +4 -0
  275. package/dist/assets/icons/warehouse.svg +3 -0
  276. package/dist/assets/icons/wash-hands.svg +3 -0
  277. package/dist/assets/icons/watch.svg +3 -0
  278. package/dist/assets/icons/water-boiler.svg +4 -0
  279. package/dist/assets/icons/water-slide.svg +4 -0
  280. package/dist/assets/icons/water.svg +3 -0
  281. package/dist/assets/icons/welcome-pack.svg +3 -0
  282. package/dist/assets/icons/wellness.svg +6 -0
  283. package/dist/assets/icons/whatsapp.svg +4 -0
  284. package/dist/assets/icons/wheel.svg +6 -0
  285. package/dist/assets/icons/wheelchair.svg +4 -0
  286. package/dist/assets/icons/wifi.svg +3 -0
  287. package/dist/assets/icons/wind-surfing.svg +3 -0
  288. package/dist/assets/icons/world-globe.svg +4 -0
  289. package/dist/assets/icons/world-travel.svg +5 -0
  290. package/dist/assets/icons/world.svg +5 -0
  291. package/dist/core/base/base.css +13 -0
  292. package/dist/core/base/fonts.css +1 -0
  293. package/dist/core/base/reset.css +48 -0
  294. package/dist/core/base/typography.css +119 -0
  295. package/dist/core/index.css +12 -0
  296. package/dist/core/recipes/layout.css +24 -0
  297. package/dist/core/themes/mode.css +5 -0
  298. package/dist/main.css +1044 -0
  299. package/dist/react/button.js +95 -0
  300. package/dist/react/checkbox.js +43 -0
  301. package/dist/react/icon.js +50 -0
  302. package/dist/react/index.js +5 -0
  303. package/dist/react/input.js +12 -0
  304. package/dist/react/label.js +125 -0
  305. package/dist/tokens/css/brand-a.tokens.css +22 -0
  306. package/dist/tokens/css/brand-b.tokens.css +22 -0
  307. package/dist/tokens/css/color.dark.tokens.css +32 -0
  308. package/dist/tokens/css/color.light.tokens.css +32 -0
  309. package/dist/tokens/css/component.tokens.css +103 -0
  310. package/dist/tokens/css/primitives.tokens.css +127 -0
  311. package/dist/tokens/css/semantic.tokens.css +35 -0
  312. package/dist/tokens/json/brand-a.tokens.json +192 -0
  313. package/dist/tokens/json/brand-b.tokens.json +192 -0
  314. package/dist/tokens/json/color.dark.tokens.json +364 -0
  315. package/dist/tokens/json/color.light.tokens.json +364 -0
  316. package/dist/tokens/json/component.tokens.json +1101 -0
  317. package/dist/tokens/json/primitives.tokens.json +1077 -0
  318. package/dist/tokens/json/semantic.tokens.json +206 -0
  319. package/dist/tokens/tokens.yaml +4400 -0
  320. package/dist/tokens/ts/brand-a.tokens.ts +32 -0
  321. package/dist/tokens/ts/brand-b.tokens.ts +32 -0
  322. package/dist/tokens/ts/color.dark.tokens.ts +36 -0
  323. package/dist/tokens/ts/color.light.tokens.ts +36 -0
  324. package/dist/tokens/ts/component.tokens.ts +107 -0
  325. package/dist/tokens/ts/primitives.tokens.ts +152 -0
  326. package/dist/tokens/ts/semantic.tokens.ts +42 -0
  327. package/dist/ui/index.css +5 -0
  328. package/dist/ui/patterns/button.css +241 -0
  329. package/dist/ui/patterns/checkbox.css +97 -0
  330. package/dist/ui/patterns/icon.css +20 -0
  331. package/dist/ui/patterns/input.css +76 -0
  332. package/dist/ui/patterns/label.css +49 -0
  333. package/docs/foundations/foundation-001-token-layering.md +27 -0
  334. package/docs/foundations/foundation-002-naming-and-grouping.md +38 -0
  335. package/docs/foundations/foundation-003-color-semantics-and-status.md +35 -0
  336. package/docs/foundations/foundation-004-typography-scale-and-line-height.md +39 -0
  337. package/docs/foundations/foundation-005-responsive-breakpoints-and-containers.md +23 -0
  338. package/docs/foundations/foundation-006-z-index-layering.md +31 -0
  339. package/docs/foundations/foundation-007-typography-selectors-and-specificity.md +24 -0
  340. package/docs/foundations/foundation-008-mode-activation-and-consumer-control.md +27 -0
  341. package/docs/foundations/foundation-009-component-boundaries-and-utility.md +30 -0
  342. package/package.json +64 -0
package/dist/tokens/json/color.dark.tokens.json ADDED
@@ -0,0 +1,364 @@
1
+ {
2
+ "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
3
+ "Color": {
4
+ "Focus": {
5
+ "$type": "color",
6
+ "$value": {
7
+ "colorSpace": "srgb",
8
+ "components": [
9
+ 0.3333333432674408,
10
+ 0.10196078568696976,
11
+ 0.545098066329956
12
+ ],
13
+ "alpha": 1,
14
+ "hex": "#551A8B"
15
+ }
16
+ },
17
+ "Text": {
18
+ "Default": {
19
+ "$type": "color",
20
+ "$value": {
21
+ "colorSpace": "srgb",
22
+ "components": [
23
+ 0.20000000298023224,
24
+ 0.20000000298023224,
25
+ 0.20000000298023224
26
+ ],
27
+ "alpha": 1,
28
+ "hex": "#333333"
29
+ }
30
+ },
31
+ "Inverse": {
32
+ "$type": "color",
33
+ "$value": {
34
+ "colorSpace": "srgb",
35
+ "components": [
36
+ 0,
37
+ 0,
38
+ 0
39
+ ],
40
+ "alpha": 1,
41
+ "hex": "#000000"
42
+ }
43
+ },
44
+ "Disabled": {
45
+ "$type": "color",
46
+ "$value": {
47
+ "colorSpace": "srgb",
48
+ "components": [
49
+ 0.4000000059604645,
50
+ 0.4000000059604645,
51
+ 0.4000000059604645
52
+ ],
53
+ "alpha": 1,
54
+ "hex": "#666666"
55
+ }
56
+ },
57
+ "Brand": {
58
+ "$type": "color",
59
+ "$value": {
60
+ "colorSpace": "srgb",
61
+ "components": [
62
+ 0.3333333432674408,
63
+ 0.10196078568696976,
64
+ 0.545098066329956
65
+ ],
66
+ "alpha": 1,
67
+ "hex": "#551A8B"
68
+ }
69
+ },
70
+ "Subtle": {
71
+ "$type": "color",
72
+ "$value": {
73
+ "colorSpace": "srgb",
74
+ "components": [
75
+ 0.20000000298023224,
76
+ 0.20000000298023224,
77
+ 0.20000000298023224
78
+ ],
79
+ "alpha": 1,
80
+ "hex": "#333333"
81
+ }
82
+ },
83
+ "Strong": {
84
+ "$type": "color",
85
+ "$value": {
86
+ "colorSpace": "srgb",
87
+ "components": [
88
+ 0,
89
+ 0,
90
+ 0
91
+ ],
92
+ "alpha": 1,
93
+ "hex": "#000000"
94
+ }
95
+ },
96
+ "Danger": {
97
+ "$type": "color",
98
+ "$value": {
99
+ "colorSpace": "srgb",
100
+ "components": [
101
+ 1,
102
+ 0,
103
+ 0
104
+ ],
105
+ "alpha": 1,
106
+ "hex": "#FF0000"
107
+ }
108
+ },
109
+ "Success": {
110
+ "$type": "color",
111
+ "$value": {
112
+ "colorSpace": "srgb",
113
+ "components": [
114
+ 0.07450980693101883,
115
+ 0.6823529601097107,
116
+ 0.3607843220233917
117
+ ],
118
+ "alpha": 1,
119
+ "hex": "#13AE5C"
120
+ }
121
+ }
122
+ },
123
+ "Fill": {
124
+ "Surface": {
125
+ "$type": "color",
126
+ "$value": {
127
+ "colorSpace": "srgb",
128
+ "components": [
129
+ 0,
130
+ 0,
131
+ 0
132
+ ],
133
+ "alpha": 1,
134
+ "hex": "#000000"
135
+ }
136
+ },
137
+ "Disabled": {
138
+ "$type": "color",
139
+ "$value": {
140
+ "colorSpace": "srgb",
141
+ "components": [
142
+ 0.7019608020782471,
143
+ 0.7019608020782471,
144
+ 0.7019608020782471
145
+ ],
146
+ "alpha": 1,
147
+ "hex": "#B3B3B3"
148
+ }
149
+ },
150
+ "Hover": {
151
+ "$type": "color",
152
+ "$value": {
153
+ "colorSpace": "srgb",
154
+ "components": [
155
+ 0,
156
+ 0,
157
+ 0
158
+ ],
159
+ "alpha": 0.5,
160
+ "hex": "#000000"
161
+ }
162
+ },
163
+ "Brand": {
164
+ "$type": "color",
165
+ "$value": {
166
+ "colorSpace": "srgb",
167
+ "components": [
168
+ 0.5921568870544434,
169
+ 0.27843138575553894,
170
+ 1
171
+ ],
172
+ "alpha": 1,
173
+ "hex": "#9747FF"
174
+ }
175
+ },
176
+ "Subtle": {
177
+ "$type": "color",
178
+ "$value": {
179
+ "colorSpace": "srgb",
180
+ "components": [
181
+ 0.501960813999176,
182
+ 0.501960813999176,
183
+ 0.501960813999176
184
+ ],
185
+ "alpha": 1,
186
+ "hex": "#808080"
187
+ }
188
+ },
189
+ "Active": {
190
+ "$type": "color",
191
+ "$value": {
192
+ "colorSpace": "srgb",
193
+ "components": [
194
+ 0.43921568989753723,
195
+ 0.7960784435272217,
196
+ 0.95686274766922
197
+ ],
198
+ "alpha": 1,
199
+ "hex": "#70CBF4"
200
+ }
201
+ },
202
+ "Danger": {
203
+ "$type": "color",
204
+ "$value": {
205
+ "colorSpace": "srgb",
206
+ "components": [
207
+ 1,
208
+ 0,
209
+ 0
210
+ ],
211
+ "alpha": 1,
212
+ "hex": "#FF0000"
213
+ }
214
+ },
215
+ "Success": {
216
+ "$type": "color",
217
+ "$value": {
218
+ "colorSpace": "srgb",
219
+ "components": [
220
+ 0.07450980693101883,
221
+ 0.6823529601097107,
222
+ 0.3607843220233917
223
+ ],
224
+ "alpha": 1,
225
+ "hex": "#13AE5C"
226
+ }
227
+ }
228
+ },
229
+ "Border": {
230
+ "Default": {
231
+ "$type": "color",
232
+ "$value": {
233
+ "colorSpace": "srgb",
234
+ "components": [
235
+ 0.20000000298023224,
236
+ 0.20000000298023224,
237
+ 0.20000000298023224
238
+ ],
239
+ "alpha": 1,
240
+ "hex": "#333333"
241
+ }
242
+ },
243
+ "Subtle": {
244
+ "$type": "color",
245
+ "$value": {
246
+ "colorSpace": "srgb",
247
+ "components": [
248
+ 0.20000000298023224,
249
+ 0.20000000298023224,
250
+ 0.20000000298023224
251
+ ],
252
+ "alpha": 1,
253
+ "hex": "#333333"
254
+ }
255
+ },
256
+ "Strong": {
257
+ "$type": "color",
258
+ "$value": {
259
+ "colorSpace": "srgb",
260
+ "components": [
261
+ 0,
262
+ 0,
263
+ 0
264
+ ],
265
+ "alpha": 1,
266
+ "hex": "#000000"
267
+ }
268
+ },
269
+ "Brand": {
270
+ "$type": "color",
271
+ "$value": {
272
+ "colorSpace": "srgb",
273
+ "components": [
274
+ 0.5921568870544434,
275
+ 0.27843138575553894,
276
+ 1
277
+ ],
278
+ "alpha": 1,
279
+ "hex": "#9747FF"
280
+ }
281
+ },
282
+ "Disabled": {
283
+ "$type": "color",
284
+ "$value": {
285
+ "colorSpace": "srgb",
286
+ "components": [
287
+ 0.501960813999176,
288
+ 0.501960813999176,
289
+ 0.501960813999176
290
+ ],
291
+ "alpha": 1,
292
+ "hex": "#808080"
293
+ }
294
+ },
295
+ "Danger": {
296
+ "$type": "color",
297
+ "$value": {
298
+ "colorSpace": "srgb",
299
+ "components": [
300
+ 1,
301
+ 0,
302
+ 0
303
+ ],
304
+ "alpha": 1,
305
+ "hex": "#FF0000"
306
+ }
307
+ }
308
+ },
309
+ "Overlay": {
310
+ "Backdrop": {
311
+ "$type": "color",
312
+ "$value": {
313
+ "colorSpace": "srgb",
314
+ "components": [
315
+ 0,
316
+ 0,
317
+ 0
318
+ ],
319
+ "alpha": 0.4000000059604645,
320
+ "hex": "#000000"
321
+ }
322
+ },
323
+ "Hover": {
324
+ "$type": "color",
325
+ "$value": {
326
+ "colorSpace": "srgb",
327
+ "components": [
328
+ 0,
329
+ 0,
330
+ 0
331
+ ],
332
+ "alpha": 0.20000000298023224,
333
+ "hex": "#000000"
334
+ }
335
+ },
336
+ "Active": {
337
+ "$type": "color",
338
+ "$value": {
339
+ "colorSpace": "srgb",
340
+ "components": [
341
+ 0,
342
+ 0,
343
+ 0
344
+ ],
345
+ "alpha": 0.4000000059604645,
346
+ "hex": "#000000"
347
+ }
348
+ },
349
+ "Selected": {
350
+ "$type": "color",
351
+ "$value": {
352
+ "colorSpace": "srgb",
353
+ "components": [
354
+ 0,
355
+ 0,
356
+ 0
357
+ ],
358
+ "alpha": 0.6000000238418579,
359
+ "hex": "#000000"
360
+ }
361
+ }
362
+ }
363
+ }
364
+ }
package/dist/tokens/json/color.light.tokens.json ADDED
@@ -0,0 +1,364 @@
1
+ {
2
+ "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
3
+ "Color": {
4
+ "Focus": {
5
+ "$type": "color",
6
+ "$value": {
7
+ "colorSpace": "srgb",
8
+ "components": [
9
+ 0.5921568870544434,
10
+ 0.27843138575553894,
11
+ 1
12
+ ],
13
+ "alpha": 1,
14
+ "hex": "#9747FF"
15
+ }
16
+ },
17
+ "Text": {
18
+ "Default": {
19
+ "$type": "color",
20
+ "$value": {
21
+ "colorSpace": "srgb",
22
+ "components": [
23
+ 0.20000000298023224,
24
+ 0.20000000298023224,
25
+ 0.20000000298023224
26
+ ],
27
+ "alpha": 1,
28
+ "hex": "#333333"
29
+ }
30
+ },
31
+ "Inverse": {
32
+ "$type": "color",
33
+ "$value": {
34
+ "colorSpace": "srgb",
35
+ "components": [
36
+ 1,
37
+ 1,
38
+ 1
39
+ ],
40
+ "alpha": 1,
41
+ "hex": "#FFFFFF"
42
+ }
43
+ },
44
+ "Disabled": {
45
+ "$type": "color",
46
+ "$value": {
47
+ "colorSpace": "srgb",
48
+ "components": [
49
+ 0.4000000059604645,
50
+ 0.4000000059604645,
51
+ 0.4000000059604645
52
+ ],
53
+ "alpha": 1,
54
+ "hex": "#666666"
55
+ }
56
+ },
57
+ "Brand": {
58
+ "$type": "color",
59
+ "$value": {
60
+ "colorSpace": "srgb",
61
+ "components": [
62
+ 0.5921568870544434,
63
+ 0.27843138575553894,
64
+ 1
65
+ ],
66
+ "alpha": 1,
67
+ "hex": "#9747FF"
68
+ }
69
+ },
70
+ "Subtle": {
71
+ "$type": "color",
72
+ "$value": {
73
+ "colorSpace": "srgb",
74
+ "components": [
75
+ 0.501960813999176,
76
+ 0.501960813999176,
77
+ 0.501960813999176
78
+ ],
79
+ "alpha": 1,
80
+ "hex": "#808080"
81
+ }
82
+ },
83
+ "Strong": {
84
+ "$type": "color",
85
+ "$value": {
86
+ "colorSpace": "srgb",
87
+ "components": [
88
+ 0,
89
+ 0,
90
+ 0
91
+ ],
92
+ "alpha": 1,
93
+ "hex": "#000000"
94
+ }
95
+ },
96
+ "Danger": {
97
+ "$type": "color",
98
+ "$value": {
99
+ "colorSpace": "srgb",
100
+ "components": [
101
+ 1,
102
+ 0,
103
+ 0
104
+ ],
105
+ "alpha": 1,
106
+ "hex": "#FF0000"
107
+ }
108
+ },
109
+ "Success": {
110
+ "$type": "color",
111
+ "$value": {
112
+ "colorSpace": "srgb",
113
+ "components": [
114
+ 0.07450980693101883,
115
+ 0.6823529601097107,
116
+ 0.3607843220233917
117
+ ],
118
+ "alpha": 1,
119
+ "hex": "#13AE5C"
120
+ }
121
+ }
122
+ },
123
+ "Fill": {
124
+ "Surface": {
125
+ "$type": "color",
126
+ "$value": {
127
+ "colorSpace": "srgb",
128
+ "components": [
129
+ 1,
130
+ 1,
131
+ 1
132
+ ],
133
+ "alpha": 1,
134
+ "hex": "#FFFFFF"
135
+ }
136
+ },
137
+ "Disabled": {
138
+ "$type": "color",
139
+ "$value": {
140
+ "colorSpace": "srgb",
141
+ "components": [
142
+ 0.7019608020782471,
143
+ 0.7019608020782471,
144
+ 0.7019608020782471
145
+ ],
146
+ "alpha": 1,
147
+ "hex": "#B3B3B3"
148
+ }
149
+ },
150
+ "Hover": {
151
+ "$type": "color",
152
+ "$value": {
153
+ "colorSpace": "srgb",
154
+ "components": [
155
+ 0,
156
+ 0,
157
+ 0
158
+ ],
159
+ "alpha": 0.5,
160
+ "hex": "#000000"
161
+ }
162
+ },
163
+ "Brand": {
164
+ "$type": "color",
165
+ "$value": {
166
+ "colorSpace": "srgb",
167
+ "components": [
168
+ 0.5921568870544434,
169
+ 0.27843138575553894,
170
+ 1
171
+ ],
172
+ "alpha": 1,
173
+ "hex": "#9747FF"
174
+ }
175
+ },
176
+ "Subtle": {
177
+ "$type": "color",
178
+ "$value": {
179
+ "colorSpace": "srgb",
180
+ "components": [
181
+ 0.800000011920929,
182
+ 0.800000011920929,
183
+ 0.800000011920929
184
+ ],
185
+ "alpha": 1,
186
+ "hex": "#CCCCCC"
187
+ }
188
+ },
189
+ "Active": {
190
+ "$type": "color",
191
+ "$value": {
192
+ "colorSpace": "srgb",
193
+ "components": [
194
+ 0.43921568989753723,
195
+ 0.7960784435272217,
196
+ 0.95686274766922
197
+ ],
198
+ "alpha": 1,
199
+ "hex": "#70CBF4"
200
+ }
201
+ },
202
+ "Danger": {
203
+ "$type": "color",
204
+ "$value": {
205
+ "colorSpace": "srgb",
206
+ "components": [
207
+ 1,
208
+ 0,
209
+ 0
210
+ ],
211
+ "alpha": 1,
212
+ "hex": "#FF0000"
213
+ }
214
+ },
215
+ "Success": {
216
+ "$type": "color",
217
+ "$value": {
218
+ "colorSpace": "srgb",
219
+ "components": [
220
+ 0.07450980693101883,
221
+ 0.6823529601097107,
222
+ 0.3607843220233917
223
+ ],
224
+ "alpha": 1,
225
+ "hex": "#13AE5C"
226
+ }
227
+ }
228
+ },
229
+ "Border": {
230
+ "Default": {
231
+ "$type": "color",
232
+ "$value": {
233
+ "colorSpace": "srgb",
234
+ "components": [
235
+ 0.20000000298023224,
236
+ 0.20000000298023224,
237
+ 0.20000000298023224
238
+ ],
239
+ "alpha": 1,
240
+ "hex": "#333333"
241
+ }
242
+ },
243
+ "Subtle": {
244
+ "$type": "color",
245
+ "$value": {
246
+ "colorSpace": "srgb",
247
+ "components": [
248
+ 0.501960813999176,
249
+ 0.501960813999176,
250
+ 0.501960813999176
251
+ ],
252
+ "alpha": 1,
253
+ "hex": "#808080"
254
+ }
255
+ },
256
+ "Strong": {
257
+ "$type": "color",
258
+ "$value": {
259
+ "colorSpace": "srgb",
260
+ "components": [
261
+ 0,
262
+ 0,
263
+ 0
264
+ ],
265
+ "alpha": 1,
266
+ "hex": "#000000"
267
+ }
268
+ },
269
+ "Brand": {
270
+ "$type": "color",
271
+ "$value": {
272
+ "colorSpace": "srgb",
273
+ "components": [
274
+ 0.5921568870544434,
275
+ 0.27843138575553894,
276
+ 1
277
+ ],
278
+ "alpha": 1,
279
+ "hex": "#9747FF"
280
+ }
281
+ },
282
+ "Disabled": {
283
+ "$type": "color",
284
+ "$value": {
285
+ "colorSpace": "srgb",
286
+ "components": [
287
+ 0.501960813999176,
288
+ 0.501960813999176,
289
+ 0.501960813999176
290
+ ],
291
+ "alpha": 1,
292
+ "hex": "#808080"
293
+ }
294
+ },
295
+ "Danger": {
296
+ "$type": "color",
297
+ "$value": {
298
+ "colorSpace": "srgb",
299
+ "components": [
300
+ 1,
301
+ 0,
302
+ 0
303
+ ],
304
+ "alpha": 1,
305
+ "hex": "#FF0000"
306
+ }
307
+ }
308
+ },
309
+ "Overlay": {
310
+ "Backdrop": {
311
+ "$type": "color",
312
+ "$value": {
313
+ "colorSpace": "srgb",
314
+ "components": [
315
+ 0,
316
+ 0,
317
+ 0
318
+ ],
319
+ "alpha": 0.4000000059604645,
320
+ "hex": "#000000"
321
+ }
322
+ },
323
+ "Hover": {
324
+ "$type": "color",
325
+ "$value": {
326
+ "colorSpace": "srgb",
327
+ "components": [
328
+ 0,
329
+ 0,
330
+ 0
331
+ ],
332
+ "alpha": 0.20000000298023224,
333
+ "hex": "#000000"
334
+ }
335
+ },
336
+ "Active": {
337
+ "$type": "color",
338
+ "$value": {
339
+ "colorSpace": "srgb",
340
+ "components": [
341
+ 0,
342
+ 0,
343
+ 0
344
+ ],
345
+ "alpha": 0.4000000059604645,
346
+ "hex": "#000000"
347
+ }
348
+ },
349
+ "Selected": {
350
+ "$type": "color",
351
+ "$value": {
352
+ "colorSpace": "srgb",
353
+ "components": [
354
+ 0,
355
+ 0,
356
+ 0
357
+ ],
358
+ "alpha": 0.6000000238418579,
359
+ "hex": "#000000"
360
+ }
361
+ }
362
+ }
363
+ }
364
+ }