@junoput01/junoui 0.2.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 (136) hide show
  1. package/CHANGELOG.md +199 -0
  2. package/README.md +117 -0
  3. package/dist/android/colors.xml +94 -0
  4. package/dist/android/dimens.xml +49 -0
  5. package/dist/css/juno-fonts.css +45 -0
  6. package/dist/css/juno-tokens.css +345 -0
  7. package/dist/css/juno.css +4481 -0
  8. package/dist/flutter/juno_tokens.dart +143 -0
  9. package/dist/fonts/b612-400.woff2 +0 -0
  10. package/dist/fonts/b612-700.woff2 +0 -0
  11. package/dist/fonts/b612-mono-400.woff2 +0 -0
  12. package/dist/fonts/b612-mono-700.woff2 +0 -0
  13. package/dist/icons/juno-icons.svg +69 -0
  14. package/dist/ios/JunoTokens.swift +149 -0
  15. package/dist/js/tokens.d.ts +11 -0
  16. package/dist/js/tokens.js +244 -0
  17. package/dist/json/tokens.json +921 -0
  18. package/dist/scss/_juno-tokens.scss +176 -0
  19. package/package.json +92 -0
  20. package/src/css/base.css +120 -0
  21. package/src/css/components/accordion.css +83 -0
  22. package/src/css/components/alert.css +90 -0
  23. package/src/css/components/avatar.css +82 -0
  24. package/src/css/components/badge.css +55 -0
  25. package/src/css/components/breadcrumb.css +64 -0
  26. package/src/css/components/button.css +59 -0
  27. package/src/css/components/card.css +68 -0
  28. package/src/css/components/checkbox.css +89 -0
  29. package/src/css/components/chip.css +89 -0
  30. package/src/css/components/divider.css +50 -0
  31. package/src/css/components/dock.css +74 -0
  32. package/src/css/components/dot.css +35 -0
  33. package/src/css/components/drawer.css +80 -0
  34. package/src/css/components/field.css +37 -0
  35. package/src/css/components/gauge.css +78 -0
  36. package/src/css/components/icon.css +35 -0
  37. package/src/css/components/input.css +60 -0
  38. package/src/css/components/list.css +135 -0
  39. package/src/css/components/loader.css +159 -0
  40. package/src/css/components/menu.css +114 -0
  41. package/src/css/components/modal.css +161 -0
  42. package/src/css/components/navbar.css +103 -0
  43. package/src/css/components/pagination.css +72 -0
  44. package/src/css/components/pillbar.css +111 -0
  45. package/src/css/components/popover.css +73 -0
  46. package/src/css/components/rail.css +96 -0
  47. package/src/css/components/readout.css +45 -0
  48. package/src/css/components/segmented.css +99 -0
  49. package/src/css/components/select.css +38 -0
  50. package/src/css/components/skeleton.css +62 -0
  51. package/src/css/components/slider.css +117 -0
  52. package/src/css/components/spark.css +26 -0
  53. package/src/css/components/stepper.css +121 -0
  54. package/src/css/components/switch.css +131 -0
  55. package/src/css/components/table.css +443 -0
  56. package/src/css/components/tabs.css +66 -0
  57. package/src/css/components/thumb.css +69 -0
  58. package/src/css/components/toast.css +109 -0
  59. package/src/css/components/toggle-button.css +91 -0
  60. package/src/css/components/tooltip.css +155 -0
  61. package/src/css/density.css +40 -0
  62. package/src/css/fonts.css +45 -0
  63. package/src/css/layout.css +99 -0
  64. package/src/css/typescale.css +27 -0
  65. package/src/css/utilities.css +76 -0
  66. package/src/fonts/LICENSE +93 -0
  67. package/src/fonts/b612-400.woff2 +0 -0
  68. package/src/fonts/b612-700.woff2 +0 -0
  69. package/src/fonts/b612-mono-400.woff2 +0 -0
  70. package/src/fonts/b612-mono-700.woff2 +0 -0
  71. package/src/icons/LICENSE +21 -0
  72. package/src/icons/arrow-clockwise.svg +1 -0
  73. package/src/icons/arrow-down.svg +1 -0
  74. package/src/icons/arrow-left.svg +1 -0
  75. package/src/icons/arrow-right.svg +1 -0
  76. package/src/icons/arrow-up.svg +1 -0
  77. package/src/icons/arrows-clockwise.svg +1 -0
  78. package/src/icons/arrows-out.svg +1 -0
  79. package/src/icons/bell.svg +1 -0
  80. package/src/icons/calendar-blank.svg +1 -0
  81. package/src/icons/caret-down.svg +1 -0
  82. package/src/icons/caret-left.svg +1 -0
  83. package/src/icons/caret-right.svg +1 -0
  84. package/src/icons/caret-up.svg +1 -0
  85. package/src/icons/chat-circle.svg +1 -0
  86. package/src/icons/check-circle.svg +1 -0
  87. package/src/icons/check.svg +1 -0
  88. package/src/icons/clock.svg +1 -0
  89. package/src/icons/cloud-arrow-down.svg +1 -0
  90. package/src/icons/cloud.svg +1 -0
  91. package/src/icons/copy.svg +1 -0
  92. package/src/icons/cpu.svg +1 -0
  93. package/src/icons/dots-three-vertical.svg +1 -0
  94. package/src/icons/dots-three.svg +1 -0
  95. package/src/icons/download.svg +1 -0
  96. package/src/icons/envelope.svg +1 -0
  97. package/src/icons/eye-slash.svg +1 -0
  98. package/src/icons/eye.svg +1 -0
  99. package/src/icons/file.svg +1 -0
  100. package/src/icons/film-strip.svg +1 -0
  101. package/src/icons/floppy-disk.svg +1 -0
  102. package/src/icons/folder.svg +1 -0
  103. package/src/icons/funnel.svg +1 -0
  104. package/src/icons/gear.svg +1 -0
  105. package/src/icons/hard-drives.svg +1 -0
  106. package/src/icons/heart.svg +1 -0
  107. package/src/icons/hexagon.svg +1 -0
  108. package/src/icons/house.svg +1 -0
  109. package/src/icons/images.svg +1 -0
  110. package/src/icons/info.svg +1 -0
  111. package/src/icons/link.svg +1 -0
  112. package/src/icons/list.svg +1 -0
  113. package/src/icons/lock-open.svg +1 -0
  114. package/src/icons/lock.svg +1 -0
  115. package/src/icons/magnifying-glass.svg +1 -0
  116. package/src/icons/minus.svg +1 -0
  117. package/src/icons/moon.svg +1 -0
  118. package/src/icons/pencil-simple.svg +1 -0
  119. package/src/icons/play.svg +1 -0
  120. package/src/icons/plus.svg +1 -0
  121. package/src/icons/puzzle-piece.svg +1 -0
  122. package/src/icons/question.svg +1 -0
  123. package/src/icons/sliders-horizontal.svg +1 -0
  124. package/src/icons/sliders.svg +1 -0
  125. package/src/icons/squares-four.svg +1 -0
  126. package/src/icons/star.svg +1 -0
  127. package/src/icons/sun.svg +1 -0
  128. package/src/icons/trash.svg +1 -0
  129. package/src/icons/upload-simple.svg +1 -0
  130. package/src/icons/upload.svg +1 -0
  131. package/src/icons/user.svg +1 -0
  132. package/src/icons/users.svg +1 -0
  133. package/src/icons/warning-circle.svg +1 -0
  134. package/src/icons/warning.svg +1 -0
  135. package/src/icons/x-circle.svg +1 -0
  136. package/src/icons/x.svg +1 -0
@@ -0,0 +1,143 @@
1
+ // junoui design tokens — Dart / Flutter. Generated; do not edit.
2
+ import 'dart:ui';
3
+
4
+ class JunoTokens {
5
+ JunoTokens._();
6
+
7
+ static const Color colorblindDarkNominal = Color(0xFF78A9FF);
8
+ static const Color colorblindDarkActive = Color(0xFFBE95FF);
9
+ static const Color colorblindDarkTarget = Color(0xFFFF7EB6);
10
+ static const Color colorblindDarkCaution = Color(0xFFF1C21B);
11
+ static const Color colorblindDarkWarning = Color(0xFFFF832B);
12
+ static const Color colorblindDarkData = Color(0xFFEAE7E2);
13
+ static const Color colorblindDarkLabel = Color(0xFF8C8981);
14
+ static const Color colorblindDarkMuted = Color(0xFF625F59);
15
+ static const Color colorblindDarkBorder = Color(0xFF312D27);
16
+ static const Color colorblindDarkS0 = Color(0xFF060402);
17
+ static const Color colorblindDarkS1 = Color(0xFF0D0B06);
18
+ static const Color colorblindDarkS2 = Color(0xFF16130E);
19
+ static const Color colorblindDarkS3 = Color(0xFF221F19);
20
+ static const Color colorblindDarkDataDim = Color(0xFF45423C);
21
+ static const Color colorblindDarkBorderStrong = Color(0xFF4B4740);
22
+ static const Color colorblindLightNominal = Color(0xFF0043CE);
23
+ static const Color colorblindLightActive = Color(0xFF6929C4);
24
+ static const Color colorblindLightTarget = Color(0xFF9F1853);
25
+ static const Color colorblindLightCaution = Color(0xFF7D4F00);
26
+ static const Color colorblindLightWarning = Color(0xFFBA4300);
27
+ static const Color colorblindLightData = Color(0xFF0B0906);
28
+ static const Color colorblindLightLabel = Color(0xFF504D47);
29
+ static const Color colorblindLightMuted = Color(0xFF8B8984);
30
+ static const Color colorblindLightBorder = Color(0xFFC7C4BD);
31
+ static const Color colorblindLightS0 = Color(0xFFF8F5EF);
32
+ static const Color colorblindLightS1 = Color(0xFFEBE7E0);
33
+ static const Color colorblindLightS2 = Color(0xFFDEDAD3);
34
+ static const Color colorblindLightS3 = Color(0xFFD1CDC7);
35
+ static const Color colorblindLightDataDim = Color(0xFFA19E99);
36
+ static const Color colorblindLightBorderStrong = Color(0xFFAEAAA4);
37
+ static const Color softDarkNominal = Color(0xFF38A065);
38
+ static const Color softDarkActive = Color(0xFF00A8BE);
39
+ static const Color softDarkTarget = Color(0xFF9C5CAF);
40
+ static const Color softDarkCaution = Color(0xFFD09945);
41
+ static const Color softDarkWarning = Color(0xFFD15D4D);
42
+ static const Color softDarkData = Color(0xFFE0DED8);
43
+ static const Color softDarkLabel = Color(0xFF8C8982);
44
+ static const Color softDarkMuted = Color(0xFF615F59);
45
+ static const Color softDarkBorder = Color(0xFF32302B);
46
+ static const Color softDarkS0 = Color(0xFF070602);
47
+ static const Color softDarkS1 = Color(0xFF0F0D08);
48
+ static const Color softDarkS2 = Color(0xFF181610);
49
+ static const Color softDarkS3 = Color(0xFF24211B);
50
+ static const Color softDarkDataDim = Color(0xFF47453F);
51
+ static const Color softDarkBorderStrong = Color(0xFF4D4A44);
52
+ static const Color softLightNominal = Color(0xFF00582C);
53
+ static const Color softLightActive = Color(0xFF006174);
54
+ static const Color softLightTarget = Color(0xFF673477);
55
+ static const Color softLightCaution = Color(0xFF8A5700);
56
+ static const Color softLightWarning = Color(0xFF86281D);
57
+ static const Color softLightData = Color(0xFF0A0906);
58
+ static const Color softLightLabel = Color(0xFF55524C);
59
+ static const Color softLightMuted = Color(0xFF8A8782);
60
+ static const Color softLightBorder = Color(0xFFCDCAC3);
61
+ static const Color softLightS0 = Color(0xFFF4F2EA);
62
+ static const Color softLightS1 = Color(0xFFE7E4DD);
63
+ static const Color softLightS2 = Color(0xFFDAD7D0);
64
+ static const Color softLightS3 = Color(0xFFCDCAC3);
65
+ static const Color softLightDataDim = Color(0xFF9D9B96);
66
+ static const Color softLightBorderStrong = Color(0xFFB4B1AA);
67
+ static const Color standardDarkNominal = Color(0xFF00CB4C);
68
+ static const Color standardDarkActive = Color(0xFF00CDDF);
69
+ static const Color standardDarkTarget = Color(0xFFD63DE6);
70
+ static const Color standardDarkCaution = Color(0xFFF4A000);
71
+ static const Color standardDarkWarning = Color(0xFFF13A32);
72
+ static const Color standardDarkData = Color(0xFFEAE7E2);
73
+ static const Color standardDarkLabel = Color(0xFF8C8981);
74
+ static const Color standardDarkMuted = Color(0xFF625F59);
75
+ static const Color standardDarkBorder = Color(0xFF312D27);
76
+ static const Color standardDarkS0 = Color(0xFF060402);
77
+ static const Color standardDarkS1 = Color(0xFF0D0B06);
78
+ static const Color standardDarkS2 = Color(0xFF16130E);
79
+ static const Color standardDarkS3 = Color(0xFF221F19);
80
+ static const Color standardDarkDataDim = Color(0xFF45423C);
81
+ static const Color standardDarkBorderStrong = Color(0xFF4B4740);
82
+ static const Color standardLightNominal = Color(0xFF006400);
83
+ static const Color standardLightActive = Color(0xFF006B98);
84
+ static const Color standardLightTarget = Color(0xFF8B0097);
85
+ static const Color standardLightCaution = Color(0xFF9B4C00);
86
+ static const Color standardLightWarning = Color(0xFFA10000);
87
+ static const Color standardLightData = Color(0xFF0B0906);
88
+ static const Color standardLightLabel = Color(0xFF504D47);
89
+ static const Color standardLightMuted = Color(0xFF8B8984);
90
+ static const Color standardLightBorder = Color(0xFFC7C4BD);
91
+ static const Color standardLightS0 = Color(0xFFF8F5EF);
92
+ static const Color standardLightS1 = Color(0xFFEBE7E0);
93
+ static const Color standardLightS2 = Color(0xFFDEDAD3);
94
+ static const Color standardLightS3 = Color(0xFFD1CDC7);
95
+ static const Color standardLightDataDim = Color(0xFFA19E99);
96
+ static const Color standardLightBorderStrong = Color(0xFFAEAAA4);
97
+
98
+ static const double borderWidth1 = 1;
99
+ static const double borderWidth2 = 2;
100
+ static const double borderWidth3 = 3;
101
+ static const double bpSm = 640;
102
+ static const double bpMd = 768;
103
+ static const double bpLg = 1024;
104
+ static const double bpXl = 1280;
105
+ static const double bp2xl = 1536;
106
+ static const double radius2 = 2;
107
+ static const double radius3 = 3;
108
+ static const double radius4 = 4;
109
+ static const double radius5 = 5;
110
+ static const double radius8 = 8;
111
+ static const double sizeTapMin = 24;
112
+ static const double sizeTapComfortable = 44;
113
+ static const double sizeDotSm = 8;
114
+ static const double sizeDotMd = 10;
115
+ static const double space2 = 2;
116
+ static const double space4 = 4;
117
+ static const double space8 = 8;
118
+ static const double space10 = 10;
119
+ static const double space12 = 12;
120
+ static const double space16 = 16;
121
+ static const double space20 = 20;
122
+ static const double space24 = 24;
123
+ static const double space28 = 28;
124
+ static const double space32 = 32;
125
+ static const double space40 = 40;
126
+ static const double space56 = 56;
127
+ static const double space72 = 72;
128
+ static const double space96 = 96;
129
+ static const double fontSize10 = 10;
130
+ static const double fontSize11 = 11;
131
+ static const double fontSize12 = 12;
132
+ static const double fontSize13 = 13;
133
+ static const double fontSize14 = 14;
134
+ static const double fontSize16 = 16;
135
+ static const double fontSize18 = 18;
136
+ static const double fontSize20 = 20;
137
+ static const double fontSize28 = 28;
138
+ static const double fontSize32 = 32;
139
+ static const double fontSize36 = 36;
140
+ static const double fontSize38 = 38;
141
+ static const double fontSize48 = 48;
142
+ static const double fontSize52 = 52;
143
+ }
Binary file
Binary file
Binary file
Binary file
@@ -0,0 +1,69 @@
1
+ <!-- junoui icon sprite. Generated; do not edit. Edit src/icons/ + rebuild.
2
+ Icons: Phosphor Icons (bold), MIT © 2023 Phosphor Icons — see src/icons/LICENSE. -->
3
+ <svg xmlns="http://www.w3.org/2000/svg" style="display:none" fill="currentColor">
4
+ <symbol id="juno-i-arrow-clockwise" viewBox="0 0 256 256"><path d="M244,56v48a12,12,0,0,1-12,12H184a12,12,0,1,1,0-24H201.1l-19-17.38c-.13-.12-.26-.24-.38-.37A76,76,0,1,0,127,204h1a75.53,75.53,0,0,0,52.15-20.72,12,12,0,0,1,16.49,17.45A99.45,99.45,0,0,1,128,228h-1.37A100,100,0,1,1,198.51,57.06L220,76.72V56a12,12,0,0,1,24,0Z"/></symbol>
5
+ <symbol id="juno-i-arrow-down" viewBox="0 0 256 256"><path d="M208.49,152.49l-72,72a12,12,0,0,1-17,0l-72-72a12,12,0,0,1,17-17L116,187V40a12,12,0,0,1,24,0V187l51.51-51.52a12,12,0,0,1,17,17Z"/></symbol>
6
+ <symbol id="juno-i-arrow-left" viewBox="0 0 256 256"><path d="M228,128a12,12,0,0,1-12,12H69l51.52,51.51a12,12,0,0,1-17,17l-72-72a12,12,0,0,1,0-17l72-72a12,12,0,0,1,17,17L69,116H216A12,12,0,0,1,228,128Z"/></symbol>
7
+ <symbol id="juno-i-arrow-right" viewBox="0 0 256 256"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"/></symbol>
8
+ <symbol id="juno-i-arrow-up" viewBox="0 0 256 256"><path d="M208.49,120.49a12,12,0,0,1-17,0L140,69V216a12,12,0,0,1-24,0V69L64.49,120.49a12,12,0,0,1-17-17l72-72a12,12,0,0,1,17,0l72,72A12,12,0,0,1,208.49,120.49Z"/></symbol>
9
+ <symbol id="juno-i-arrows-clockwise" viewBox="0 0 256 256"><path d="M228,48V96a12,12,0,0,1-12,12H168a12,12,0,0,1,0-24h19l-7.8-7.8a75.55,75.55,0,0,0-53.32-22.26h-.43A75.49,75.49,0,0,0,72.39,75.57,12,12,0,1,1,55.61,58.41a99.38,99.38,0,0,1,69.87-28.47H126A99.42,99.42,0,0,1,196.2,59.23L204,67V48a12,12,0,0,1,24,0ZM183.61,180.43a75.49,75.49,0,0,1-53.09,21.63h-.43A75.55,75.55,0,0,1,76.77,179.8L69,172H88a12,12,0,0,0,0-24H40a12,12,0,0,0-12,12v48a12,12,0,0,0,24,0V189l7.8,7.8A99.42,99.42,0,0,0,130,226.06h.56a99.38,99.38,0,0,0,69.87-28.47,12,12,0,0,0-16.78-17.16Z"/></symbol>
10
+ <symbol id="juno-i-arrows-out" viewBox="0 0 256 256"><path d="M220,48V96a12,12,0,0,1-24,0V77l-35.51,35.52a12,12,0,0,1-17-17L179,60H160a12,12,0,0,1,0-24h48A12,12,0,0,1,220,48ZM95.51,143.51,60,179V160a12,12,0,0,0-24,0v48a12,12,0,0,0,12,12H96a12,12,0,0,0,0-24H77l35.52-35.51a12,12,0,0,0-17-17ZM208,148a12,12,0,0,0-12,12v19l-35.51-35.52a12,12,0,0,0-17,17L179,196H160a12,12,0,0,0,0,24h48a12,12,0,0,0,12-12V160A12,12,0,0,0,208,148ZM77,60H96a12,12,0,0,0,0-24H48A12,12,0,0,0,36,48V96a12,12,0,0,0,24,0V77l35.51,35.52a12,12,0,0,0,17-17Z"/></symbol>
11
+ <symbol id="juno-i-bell" viewBox="0 0 256 256"><path d="M225.29,165.93C216.61,151,212,129.57,212,104a84,84,0,0,0-168,0c0,25.58-4.59,47-13.27,61.93A20.08,20.08,0,0,0,30.66,186,19.77,19.77,0,0,0,48,196H84.18a44,44,0,0,0,87.64,0H208a19.77,19.77,0,0,0,17.31-10A20.08,20.08,0,0,0,225.29,165.93ZM128,212a20,20,0,0,1-19.6-16h39.2A20,20,0,0,1,128,212ZM54.66,172C63.51,154,68,131.14,68,104a60,60,0,0,1,120,0c0,27.13,4.48,50,13.33,68Z"/></symbol>
12
+ <symbol id="juno-i-calendar-blank" viewBox="0 0 256 256"><path d="M208,28H188V24a12,12,0,0,0-24,0v4H92V24a12,12,0,0,0-24,0v4H48A20,20,0,0,0,28,48V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V48A20,20,0,0,0,208,28ZM68,52a12,12,0,0,0,24,0h72a12,12,0,0,0,24,0h16V76H52V52ZM52,204V100H204V204Z"/></symbol>
13
+ <symbol id="juno-i-caret-down" viewBox="0 0 256 256"><path d="M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z"/></symbol>
14
+ <symbol id="juno-i-caret-left" viewBox="0 0 256 256"><path d="M168.49,199.51a12,12,0,0,1-17,17l-80-80a12,12,0,0,1,0-17l80-80a12,12,0,0,1,17,17L97,128Z"/></symbol>
15
+ <symbol id="juno-i-caret-right" viewBox="0 0 256 256"><path d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"/></symbol>
16
+ <symbol id="juno-i-caret-up" viewBox="0 0 256 256"><path d="M216.49,168.49a12,12,0,0,1-17,0L128,97,56.49,168.49a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0l80,80A12,12,0,0,1,216.49,168.49Z"/></symbol>
17
+ <symbol id="juno-i-chat-circle" viewBox="0 0 256 256"><path d="M128,20A108,108,0,0,0,31.85,177.23L21,209.66A20,20,0,0,0,46.34,235l32.43-10.81A108,108,0,1,0,128,20Zm0,192a84,84,0,0,1-42.06-11.27,12,12,0,0,0-6-1.62,12.1,12.1,0,0,0-3.8.62l-29.79,9.93,9.93-29.79a12,12,0,0,0-1-9.81A84,84,0,1,1,128,212Z"/></symbol>
18
+ <symbol id="juno-i-check-circle" viewBox="0 0 256 256"><path d="M176.49,95.51a12,12,0,0,1,0,17l-56,56a12,12,0,0,1-17,0l-24-24a12,12,0,1,1,17-17L112,143l47.51-47.52A12,12,0,0,1,176.49,95.51ZM236,128A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Z"/></symbol>
19
+ <symbol id="juno-i-check" viewBox="0 0 256 256"><path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z"/></symbol>
20
+ <symbol id="juno-i-clock" viewBox="0 0 256 256"><path d="M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Zm68-84a12,12,0,0,1-12,12H128a12,12,0,0,1-12-12V72a12,12,0,0,1,24,0v44h44A12,12,0,0,1,196,128Z"/></symbol>
21
+ <symbol id="juno-i-cloud-arrow-down" viewBox="0 0 256 256"><path d="M192.49,167.51a12,12,0,0,1,0,17l-32,32a12,12,0,0,1-17,0l-32-32a12,12,0,1,1,17-17L140,179V128a12,12,0,0,1,24,0v51l11.51-11.52A12,12,0,0,1,192.49,167.51ZM160,36A92.08,92.08,0,0,0,79,84.37,68,68,0,1,0,72,220H84a12,12,0,0,0,0-24H72a44,44,0,0,1-1.81-87.95A91.7,91.7,0,0,0,68,128a12,12,0,0,0,24,0,68,68,0,0,1,136,0,67.27,67.27,0,0,1-7.25,30.59,12,12,0,1,0,21.42,10.82A91.08,91.08,0,0,0,252,128,92.1,92.1,0,0,0,160,36Z"/></symbol>
22
+ <symbol id="juno-i-cloud" viewBox="0 0 256 256"><path d="M160,36A92.09,92.09,0,0,0,79,84.36,68,68,0,1,0,72,220h88a92,92,0,0,0,0-184Zm0,160H72a44,44,0,0,1-1.82-88A91.86,91.86,0,0,0,68,128a12,12,0,0,0,24,0,68,68,0,1,1,68,68Z"/></symbol>
23
+ <symbol id="juno-i-copy" viewBox="0 0 256 256"><path d="M216,28H88A12,12,0,0,0,76,40V76H40A12,12,0,0,0,28,88V216a12,12,0,0,0,12,12H168a12,12,0,0,0,12-12V180h36a12,12,0,0,0,12-12V40A12,12,0,0,0,216,28ZM156,204H52V100H156Zm48-48H180V88a12,12,0,0,0-12-12H100V52H204Z"/></symbol>
24
+ <symbol id="juno-i-cpu" viewBox="0 0 256 256"><path d="M156,88H100a12,12,0,0,0-12,12v56a12,12,0,0,0,12,12h56a12,12,0,0,0,12-12V100A12,12,0,0,0,156,88Zm-12,56H112V112h32Zm88-4H220V116h12a12,12,0,0,0,0-24H220V56a20,20,0,0,0-20-20H164V24a12,12,0,0,0-24,0V36H116V24a12,12,0,0,0-24,0V36H56A20,20,0,0,0,36,56V92H24a12,12,0,0,0,0,24H36v24H24a12,12,0,0,0,0,24H36v36a20,20,0,0,0,20,20H92v12a12,12,0,0,0,24,0V220h24v12a12,12,0,0,0,24,0V220h36a20,20,0,0,0,20-20V164h12a12,12,0,0,0,0-24Zm-36,56H60V60H196Z"/></symbol>
25
+ <symbol id="juno-i-dots-three-vertical" viewBox="0 0 256 256"><path d="M112,60a16,16,0,1,1,16,16A16,16,0,0,1,112,60Zm16,52a16,16,0,1,0,16,16A16,16,0,0,0,128,112Zm0,68a16,16,0,1,0,16,16A16,16,0,0,0,128,180Z"/></symbol>
26
+ <symbol id="juno-i-dots-three" viewBox="0 0 256 256"><path d="M144,128a16,16,0,1,1-16-16A16,16,0,0,1,144,128ZM60,112a16,16,0,1,0,16,16A16,16,0,0,0,60,112Zm136,0a16,16,0,1,0,16,16A16,16,0,0,0,196,112Z"/></symbol>
27
+ <symbol id="juno-i-download" viewBox="0 0 256 256"><path d="M71.51,88.49a12,12,0,0,1,17-17L116,99V24a12,12,0,0,1,24,0V99l27.51-27.52a12,12,0,0,1,17,17l-48,48a12,12,0,0,1-17,0ZM224,116H188a12,12,0,0,0,0,24h32v56H36V140H68a12,12,0,0,0,0-24H32a20,20,0,0,0-20,20v64a20,20,0,0,0,20,20H224a20,20,0,0,0,20-20V136A20,20,0,0,0,224,116Zm-20,52a16,16,0,1,0-16,16A16,16,0,0,0,204,168Z"/></symbol>
28
+ <symbol id="juno-i-envelope" viewBox="0 0 256 256"><path d="M224,44H32A12,12,0,0,0,20,56V192a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A12,12,0,0,0,224,44Zm-96,83.72L62.85,68h130.3ZM92.79,128,44,172.72V83.28Zm17.76,16.28,9.34,8.57a12,12,0,0,0,16.22,0l9.34-8.57L193.15,188H62.85ZM163.21,128,212,83.28v89.44Z"/></symbol>
29
+ <symbol id="juno-i-eye-slash" viewBox="0 0 256 256"><path d="M56.88,31.93A12,12,0,1,0,39.12,48.07l16,17.65C20.67,88.66,5.72,121.58,5,123.13a12.08,12.08,0,0,0,0,9.75c.37.82,9.13,20.26,28.49,39.61C59.37,198.34,92,212,128,212a131.34,131.34,0,0,0,51-10l20.09,22.1a12,12,0,0,0,17.76-16.14ZM128,188c-29.59,0-55.47-10.73-76.91-31.88A130.69,130.69,0,0,1,29.52,128c5.27-9.31,18.79-29.9,42-44.29l90.09,99.11A109.33,109.33,0,0,1,128,188Zm123-55.12c-.36.81-9,20-28,39.16a12,12,0,1,1-17-16.9A130.48,130.48,0,0,0,226.48,128a130.36,130.36,0,0,0-21.57-28.12C183.46,78.73,157.59,68,128,68c-3.35,0-6.7.14-10,.42a12,12,0,1,1-2-23.91c3.93-.34,8-.51,12-.51,36,0,68.63,13.67,94.49,39.52,19.35,19.35,28.11,38.8,28.48,39.61A12.08,12.08,0,0,1,251,132.88Z"/></symbol>
30
+ <symbol id="juno-i-eye" viewBox="0 0 256 256"><path d="M251,123.13c-.37-.81-9.13-20.26-28.48-39.61C196.63,57.67,164,44,128,44S59.37,57.67,33.51,83.52C14.16,102.87,5.4,122.32,5,123.13a12.08,12.08,0,0,0,0,9.75c.37.82,9.13,20.26,28.49,39.61C59.37,198.34,92,212,128,212s68.63-13.66,94.48-39.51c19.36-19.35,28.12-38.79,28.49-39.61A12.08,12.08,0,0,0,251,123.13Zm-46.06,33C183.47,177.27,157.59,188,128,188s-55.47-10.73-76.91-31.88A130.36,130.36,0,0,1,29.52,128,130.45,130.45,0,0,1,51.09,99.89C72.54,78.73,98.41,68,128,68s55.46,10.73,76.91,31.89A130.36,130.36,0,0,1,226.48,128,130.45,130.45,0,0,1,204.91,156.12ZM128,84a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,84Zm0,64a20,20,0,1,1,20-20A20,20,0,0,1,128,148Z"/></symbol>
31
+ <symbol id="juno-i-file" viewBox="0 0 256 256"><path d="M216.49,79.52l-56-56A12,12,0,0,0,152,20H56A20,20,0,0,0,36,40V216a20,20,0,0,0,20,20H200a20,20,0,0,0,20-20V88A12,12,0,0,0,216.49,79.52ZM160,57l23,23H160ZM60,212V44h76V92a12,12,0,0,0,12,12h48V212Z"/></symbol>
32
+ <symbol id="juno-i-film-strip" viewBox="0 0 256 256"><path d="M216,36H40A20,20,0,0,0,20,56V200a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A20,20,0,0,0,216,36ZM44,100h72v56H44Zm96-24V60h24V76Zm-24,0H92V60h24Zm0,104v16H92V180Zm24,0h24v16H140Zm0-24V100h72v56Zm72-80H188V60h24ZM68,60V76H44V60ZM44,180H68v16H44Zm144,16V180h24v16Z"/></symbol>
33
+ <symbol id="juno-i-floppy-disk" viewBox="0 0 256 256"><path d="M222.14,69.17,186.83,33.86A19.86,19.86,0,0,0,172.69,28H48A20,20,0,0,0,28,48V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V83.31A19.86,19.86,0,0,0,222.14,69.17ZM164,204H92V160h72Zm40,0H188V156a20,20,0,0,0-20-20H88a20,20,0,0,0-20,20v48H52V52H171l33,33ZM164,84a12,12,0,0,1-12,12H96a12,12,0,0,1,0-24h56A12,12,0,0,1,164,84Z"/></symbol>
34
+ <symbol id="juno-i-folder" viewBox="0 0 256 256"><path d="M216,68H133.39l-26-29.29a20,20,0,0,0-15-6.71H40A20,20,0,0,0,20,52V200.62A19.41,19.41,0,0,0,39.38,220H216.89A19.13,19.13,0,0,0,236,200.89V88A20,20,0,0,0,216,68ZM44,56H90.61l10.67,12H44ZM212,196H44V92H212Z"/></symbol>
35
+ <symbol id="juno-i-funnel" viewBox="0 0 256 256"><path d="M234.29,47.91A20,20,0,0,0,216,36H40A20,20,0,0,0,25.2,69.45l.12.14L92,140.75V216a20,20,0,0,0,31.1,16.64l32-21.33A20,20,0,0,0,164,194.66V140.75l66.67-71.16.12-.14A20,20,0,0,0,234.29,47.91Zm-91,79.89A12,12,0,0,0,140,136v56.52l-24,16V136a12,12,0,0,0-3.25-8.2L49.23,60H206.77Z"/></symbol>
36
+ <symbol id="juno-i-gear" viewBox="0 0 256 256"><path d="M128,76a52,52,0,1,0,52,52A52.06,52.06,0,0,0,128,76Zm0,80a28,28,0,1,1,28-28A28,28,0,0,1,128,156Zm92-27.21v-1.58l14-17.51a12,12,0,0,0,2.23-10.59A111.75,111.75,0,0,0,225,71.89,12,12,0,0,0,215.89,66L193.61,63.5l-1.11-1.11L190,40.1A12,12,0,0,0,184.11,31a111.67,111.67,0,0,0-27.23-11.27A12,12,0,0,0,146.3,22L128.79,36h-1.58L109.7,22a12,12,0,0,0-10.59-2.23A111.75,111.75,0,0,0,71.89,31.05,12,12,0,0,0,66,40.11L63.5,62.39,62.39,63.5,40.1,66A12,12,0,0,0,31,71.89,111.67,111.67,0,0,0,19.77,99.12,12,12,0,0,0,22,109.7l14,17.51v1.58L22,146.3a12,12,0,0,0-2.23,10.59,111.75,111.75,0,0,0,11.29,27.22A12,12,0,0,0,40.11,190l22.28,2.48,1.11,1.11L66,215.9A12,12,0,0,0,71.89,225a111.67,111.67,0,0,0,27.23,11.27A12,12,0,0,0,109.7,234l17.51-14h1.58l17.51,14a12,12,0,0,0,10.59,2.23A111.75,111.75,0,0,0,184.11,225a12,12,0,0,0,5.91-9.06l2.48-22.28,1.11-1.11L215.9,190a12,12,0,0,0,9.06-5.91,111.67,111.67,0,0,0,11.27-27.23A12,12,0,0,0,234,146.3Zm-24.12-4.89a70.1,70.1,0,0,1,0,8.2,12,12,0,0,0,2.61,8.22l12.84,16.05A86.47,86.47,0,0,1,207,166.86l-20.43,2.27a12,12,0,0,0-7.65,4,69,69,0,0,1-5.8,5.8,12,12,0,0,0-4,7.65L166.86,207a86.47,86.47,0,0,1-10.49,4.35l-16.05-12.85a12,12,0,0,0-7.5-2.62c-.24,0-.48,0-.72,0a70.1,70.1,0,0,1-8.2,0,12.06,12.06,0,0,0-8.22,2.6L99.63,211.33A86.47,86.47,0,0,1,89.14,207l-2.27-20.43a12,12,0,0,0-4-7.65,69,69,0,0,1-5.8-5.8,12,12,0,0,0-7.65-4L49,166.86a86.47,86.47,0,0,1-4.35-10.49l12.84-16.05a12,12,0,0,0,2.61-8.22,70.1,70.1,0,0,1,0-8.2,12,12,0,0,0-2.61-8.22L44.67,99.63A86.47,86.47,0,0,1,49,89.14l20.43-2.27a12,12,0,0,0,7.65-4,69,69,0,0,1,5.8-5.8,12,12,0,0,0,4-7.65L89.14,49a86.47,86.47,0,0,1,10.49-4.35l16.05,12.85a12.06,12.06,0,0,0,8.22,2.6,70.1,70.1,0,0,1,8.2,0,12,12,0,0,0,8.22-2.6l16.05-12.85A86.47,86.47,0,0,1,166.86,49l2.27,20.43a12,12,0,0,0,4,7.65,69,69,0,0,1,5.8,5.8,12,12,0,0,0,7.65,4L207,89.14a86.47,86.47,0,0,1,4.35,10.49l-12.84,16.05A12,12,0,0,0,195.88,123.9Z"/></symbol>
37
+ <symbol id="juno-i-hard-drives" viewBox="0 0 256 256"><path d="M208,36H48A20,20,0,0,0,28,56V200a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V56A20,20,0,0,0,208,36Zm-4,24v56H52V60ZM52,196V140H204v56ZM160,88a16,16,0,1,1,16,16A16,16,0,0,1,160,88Zm32,80a16,16,0,1,1-16-16A16,16,0,0,1,192,168Z"/></symbol>
38
+ <symbol id="juno-i-heart" viewBox="0 0 256 256"><path d="M178,36c-20.09,0-37.92,7.93-50,21.56C115.92,43.93,98.09,36,78,36a66.08,66.08,0,0,0-66,66c0,72.34,105.81,130.14,110.31,132.57a12,12,0,0,0,11.38,0C138.19,232.14,244,174.34,244,102A66.08,66.08,0,0,0,178,36Zm-5.49,142.36A328.69,328.69,0,0,1,128,210.16a328.69,328.69,0,0,1-44.51-31.8C61.82,159.77,36,131.42,36,102A42,42,0,0,1,78,60c17.8,0,32.7,9.4,38.89,24.54a12,12,0,0,0,22.22,0C145.3,69.4,160.2,60,178,60a42,42,0,0,1,42,42C220,131.42,194.18,159.77,172.51,178.36Z"/></symbol>
39
+ <symbol id="juno-i-hexagon" viewBox="0 0 256 256"><path d="M225.6,62.64l-88-48.17a19.91,19.91,0,0,0-19.2,0l-88,48.17A20,20,0,0,0,20,80.19v95.62a20,20,0,0,0,10.4,17.55l88,48.17a19.89,19.89,0,0,0,19.2,0l88-48.17A20,20,0,0,0,236,175.81V80.19A20,20,0,0,0,225.6,62.64ZM212,173.44l-84,46-84-46V82.56l84-46,84,46Z"/></symbol>
40
+ <symbol id="juno-i-house" viewBox="0 0 256 256"><path d="M222.14,105.85l-80-80a20,20,0,0,0-28.28,0l-80,80A19.86,19.86,0,0,0,28,120v96a12,12,0,0,0,12,12h64a12,12,0,0,0,12-12V164h24v52a12,12,0,0,0,12,12h64a12,12,0,0,0,12-12V120A19.86,19.86,0,0,0,222.14,105.85ZM204,204H164V152a12,12,0,0,0-12-12H104a12,12,0,0,0-12,12v52H52V121.65l76-76,76,76Z"/></symbol>
41
+ <symbol id="juno-i-images" viewBox="0 0 256 256"><path d="M160,88a16,16,0,1,1,16,16A16,16,0,0,1,160,88Zm76-32V160a20,20,0,0,1-20,20H204v20a20,20,0,0,1-20,20H40a20,20,0,0,1-20-20V88A20,20,0,0,1,40,68H60V56A20,20,0,0,1,80,36H216A20,20,0,0,1,236,56ZM180,180H80a20,20,0,0,1-20-20V92H44V196H180Zm-21.66-24L124,121.66,89.66,156ZM212,60H84v67.72l25.86-25.86a20,20,0,0,1,28.28,0L192.28,156H212Z"/></symbol>
42
+ <symbol id="juno-i-info" viewBox="0 0 256 256"><path d="M108,84a16,16,0,1,1,16,16A16,16,0,0,1,108,84Zm128,44A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Zm-72,36.68V132a20,20,0,0,0-20-20,12,12,0,0,0-4,23.32V168a20,20,0,0,0,20,20,12,12,0,0,0,4-23.32Z"/></symbol>
43
+ <symbol id="juno-i-link" viewBox="0 0 256 256"><path d="M117.18,188.74a12,12,0,0,1,0,17l-5.12,5.12A58.26,58.26,0,0,1,70.6,228h0A58.62,58.62,0,0,1,29.14,127.92L63.89,93.17a58.64,58.64,0,0,1,98.56,28.11,12,12,0,1,1-23.37,5.44,34.65,34.65,0,0,0-58.22-16.58L46.11,144.89A34.62,34.62,0,0,0,70.57,204h0a34.41,34.41,0,0,0,24.49-10.14l5.11-5.12A12,12,0,0,1,117.18,188.74ZM226.83,45.17a58.65,58.65,0,0,0-82.93,0l-5.11,5.11a12,12,0,0,0,17,17l5.12-5.12a34.63,34.63,0,1,1,49,49L175.1,145.86A34.39,34.39,0,0,1,150.61,156h0a34.63,34.63,0,0,1-33.69-26.72,12,12,0,0,0-23.38,5.44A58.64,58.64,0,0,0,150.56,180h.05a58.28,58.28,0,0,0,41.47-17.17l34.75-34.75a58.62,58.62,0,0,0,0-82.91Z"/></symbol>
44
+ <symbol id="juno-i-list" viewBox="0 0 256 256"><path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"/></symbol>
45
+ <symbol id="juno-i-lock-open" viewBox="0 0 256 256"><path d="M208,76H100V56a28,28,0,0,1,28-28c13.51,0,25.65,9.62,28.24,22.39a12,12,0,1,0,23.52-4.78C174.87,21.5,153.1,4,128,4A52.06,52.06,0,0,0,76,56V76H48A20,20,0,0,0,28,96V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V96A20,20,0,0,0,208,76Zm-4,128H52V100H204Zm-92-52a16,16,0,1,1,16,16A16,16,0,0,1,112,152Z"/></symbol>
46
+ <symbol id="juno-i-lock" viewBox="0 0 256 256"><path d="M208,76H180V56A52,52,0,0,0,76,56V76H48A20,20,0,0,0,28,96V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V96A20,20,0,0,0,208,76ZM100,56a28,28,0,0,1,56,0V76H100ZM204,204H52V100H204Zm-60-52a16,16,0,1,1-16-16A16,16,0,0,1,144,152Z"/></symbol>
47
+ <symbol id="juno-i-magnifying-glass" viewBox="0 0 256 256"><path d="M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z"/></symbol>
48
+ <symbol id="juno-i-minus" viewBox="0 0 256 256"><path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128Z"/></symbol>
49
+ <symbol id="juno-i-moon" viewBox="0 0 256 256"><path d="M236.37,139.4a12,12,0,0,0-12-3A84.07,84.07,0,0,1,119.6,31.59a12,12,0,0,0-15-15A108.86,108.86,0,0,0,49.69,55.07,108,108,0,0,0,136,228a107.09,107.09,0,0,0,64.93-21.69,108.86,108.86,0,0,0,38.44-54.94A12,12,0,0,0,236.37,139.4Zm-49.88,47.74A84,84,0,0,1,68.86,69.51,84.93,84.93,0,0,1,92.27,48.29Q92,52.13,92,56A108.12,108.12,0,0,0,200,164q3.87,0,7.71-.27A84.79,84.79,0,0,1,186.49,187.14Z"/></symbol>
50
+ <symbol id="juno-i-pencil-simple" viewBox="0 0 256 256"><path d="M230.14,70.54,185.46,25.85a20,20,0,0,0-28.29,0L33.86,149.17A19.85,19.85,0,0,0,28,163.31V208a20,20,0,0,0,20,20H92.69a19.86,19.86,0,0,0,14.14-5.86L230.14,98.82a20,20,0,0,0,0-28.28ZM91,204H52V165l84-84,39,39ZM192,103,153,64l18.34-18.34,39,39Z"/></symbol>
51
+ <symbol id="juno-i-play" viewBox="0 0 256 256"><path d="M234.49,111.07,90.41,22.94A20,20,0,0,0,60,39.87V216.13a20,20,0,0,0,30.41,16.93l144.08-88.13a19.82,19.82,0,0,0,0-33.86ZM84,208.85V47.15L216.16,128Z"/></symbol>
52
+ <symbol id="juno-i-plus" viewBox="0 0 256 256"><path d="M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z"/></symbol>
53
+ <symbol id="juno-i-puzzle-piece" viewBox="0 0 256 256"><path d="M222.41,155.16a12,12,0,0,0-11.56-.69A16,16,0,0,1,188,139,16.2,16.2,0,0,1,202.8,124a15.83,15.83,0,0,1,8,1.5A12,12,0,0,0,228,114.7V72a20,20,0,0,0-20-20H176a40.15,40.15,0,0,0-12.62-29.16,39.67,39.67,0,0,0-29.94-10.76,40.08,40.08,0,0,0-37.34,37C96,50.07,96,51,96,52H64A20,20,0,0,0,44,72v28a40.15,40.15,0,0,0-29.16,12.62A40,40,0,0,0,41.1,179.9a28.3,28.3,0,0,0,2.9.1v28a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V165.31A12,12,0,0,0,222.41,155.16ZM204,204H68V165.31a12,12,0,0,0-17.15-10.84A15.9,15.9,0,0,1,42.8,156,16.2,16.2,0,0,1,28,141.06a16,16,0,0,1,22.82-15.52A12,12,0,0,0,68,114.7V76h42.7a12,12,0,0,0,10.83-17.15A15.9,15.9,0,0,1,120,50.8,16.19,16.19,0,0,1,134.94,36a16,16,0,0,1,15.53,22.81A12,12,0,0,0,161.31,76H204v24c-1,0-1.93,0-2.9.11A40,40,0,0,0,204,180h0Z"/></symbol>
54
+ <symbol id="juno-i-question" viewBox="0 0 256 256"><path d="M144,180a16,16,0,1,1-16-16A16,16,0,0,1,144,180Zm92-52A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128ZM128,64c-24.26,0-44,17.94-44,40v4a12,12,0,0,0,24,0v-4c0-8.82,9-16,20-16s20,7.18,20,16-9,16-20,16a12,12,0,0,0-12,12v8a12,12,0,0,0,23.73,2.56C158.31,137.88,172,122.37,172,104,172,81.94,152.26,64,128,64Z"/></symbol>
55
+ <symbol id="juno-i-sliders-horizontal" viewBox="0 0 256 256"><path d="M40,92H70.06a36,36,0,0,0,67.88,0H216a12,12,0,0,0,0-24H137.94a36,36,0,0,0-67.88,0H40a12,12,0,0,0,0,24Zm64-24A12,12,0,1,1,92,80,12,12,0,0,1,104,68Zm112,96H201.94a36,36,0,0,0-67.88,0H40a12,12,0,0,0,0,24h94.06a36,36,0,0,0,67.88,0H216a12,12,0,0,0,0-24Zm-48,24a12,12,0,1,1,12-12A12,12,0,0,1,168,188Z"/></symbol>
56
+ <symbol id="juno-i-sliders" viewBox="0 0 256 256"><path d="M68,102.06V40a12,12,0,0,0-24,0v62.06a36,36,0,0,0,0,67.88V216a12,12,0,0,0,24,0V169.94a36,36,0,0,0,0-67.88ZM56,148a12,12,0,1,1,12-12A12,12,0,0,1,56,148ZM164,88a36.07,36.07,0,0,0-24-33.94V40a12,12,0,0,0-24,0V54.06a36,36,0,0,0,0,67.88V216a12,12,0,0,0,24,0V121.94A36.07,36.07,0,0,0,164,88Zm-36,12a12,12,0,1,1,12-12A12,12,0,0,1,128,100Zm108,68a36.07,36.07,0,0,0-24-33.94V40a12,12,0,0,0-24,0v94.06a36,36,0,0,0,0,67.88V216a12,12,0,0,0,24,0V201.94A36.07,36.07,0,0,0,236,168Zm-36,12a12,12,0,1,1,12-12A12,12,0,0,1,200,180Z"/></symbol>
57
+ <symbol id="juno-i-squares-four" viewBox="0 0 256 256"><path d="M100,36H56A20,20,0,0,0,36,56v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V56A20,20,0,0,0,100,36ZM96,96H60V60H96ZM200,36H156a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V56A20,20,0,0,0,200,36Zm-4,60H160V60h36Zm-96,40H56a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V156A20,20,0,0,0,100,136Zm-4,60H60V160H96Zm104-60H156a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V156A20,20,0,0,0,200,136Zm-4,60H160V160h36Z"/></symbol>
58
+ <symbol id="juno-i-star" viewBox="0 0 256 256"><path d="M243,96a20.33,20.33,0,0,0-17.74-14l-56.59-4.57L146.83,24.62a20.36,20.36,0,0,0-37.66,0L87.35,77.44,30.76,82A20.45,20.45,0,0,0,19.1,117.88l43.18,37.24-13.2,55.7A20.37,20.37,0,0,0,79.57,233L128,203.19,176.43,233a20.39,20.39,0,0,0,30.49-22.15l-13.2-55.7,43.18-37.24A20.43,20.43,0,0,0,243,96ZM172.53,141.7a12,12,0,0,0-3.84,11.86L181.58,208l-47.29-29.08a12,12,0,0,0-12.58,0L74.42,208l12.89-54.4a12,12,0,0,0-3.84-11.86L41.2,105.24l55.4-4.47a12,12,0,0,0,10.13-7.38L128,41.89l21.27,51.5a12,12,0,0,0,10.13,7.38l55.4,4.47Z"/></symbol>
59
+ <symbol id="juno-i-sun" viewBox="0 0 256 256"><path d="M116,36V20a12,12,0,0,1,24,0V36a12,12,0,0,1-24,0Zm80,92a68,68,0,1,1-68-68A68.07,68.07,0,0,1,196,128Zm-24,0a44,44,0,1,0-44,44A44.05,44.05,0,0,0,172,128ZM51.51,68.49a12,12,0,1,0,17-17l-12-12a12,12,0,0,0-17,17Zm0,119-12,12a12,12,0,0,0,17,17l12-12a12,12,0,1,0-17-17ZM196,72a12,12,0,0,0,8.49-3.51l12-12a12,12,0,0,0-17-17l-12,12A12,12,0,0,0,196,72Zm8.49,115.51a12,12,0,0,0-17,17l12,12a12,12,0,0,0,17-17ZM48,128a12,12,0,0,0-12-12H20a12,12,0,0,0,0,24H36A12,12,0,0,0,48,128Zm80,80a12,12,0,0,0-12,12v16a12,12,0,0,0,24,0V220A12,12,0,0,0,128,208Zm108-92H220a12,12,0,0,0,0,24h16a12,12,0,0,0,0-24Z"/></symbol>
60
+ <symbol id="juno-i-trash" viewBox="0 0 256 256"><path d="M216,48H180V36A28,28,0,0,0,152,8H104A28,28,0,0,0,76,36V48H40a12,12,0,0,0,0,24h4V208a20,20,0,0,0,20,20H192a20,20,0,0,0,20-20V72h4a12,12,0,0,0,0-24ZM100,36a4,4,0,0,1,4-4h48a4,4,0,0,1,4,4V48H100Zm88,168H68V72H188ZM116,104v64a12,12,0,0,1-24,0V104a12,12,0,0,1,24,0Zm48,0v64a12,12,0,0,1-24,0V104a12,12,0,0,1,24,0Z"/></symbol>
61
+ <symbol id="juno-i-upload-simple" viewBox="0 0 256 256"><path d="M228,144v64a12,12,0,0,1-12,12H40a12,12,0,0,1-12-12V144a12,12,0,0,1,24,0v52H204V144a12,12,0,0,1,24,0ZM96.49,80.49,116,61v83a12,12,0,0,0,24,0V61l19.51,19.52a12,12,0,1,0,17-17l-40-40a12,12,0,0,0-17,0l-40,40a12,12,0,1,0,17,17Z"/></symbol>
62
+ <symbol id="juno-i-upload" viewBox="0 0 256 256"><path d="M188,184a16,16,0,1,1,16-16A16,16,0,0,1,188,184Zm36-68H180a12,12,0,0,0,0,24h40v56H36V140H76a12,12,0,0,0,0-24H32a20,20,0,0,0-20,20v64a20,20,0,0,0,20,20H224a20,20,0,0,0,20-20V136A20,20,0,0,0,224,116ZM88.49,80.49,116,53v75a12,12,0,0,0,24,0V53l27.51,27.52a12,12,0,1,0,17-17l-48-48a12,12,0,0,0-17,0l-48,48a12,12,0,1,0,17,17Z"/></symbol>
63
+ <symbol id="juno-i-user" viewBox="0 0 256 256"><path d="M234.38,210a123.36,123.36,0,0,0-60.78-53.23,76,76,0,1,0-91.2,0A123.36,123.36,0,0,0,21.62,210a12,12,0,1,0,20.77,12c18.12-31.32,50.12-50,85.61-50s67.49,18.69,85.61,50a12,12,0,0,0,20.77-12ZM76,96a52,52,0,1,1,52,52A52.06,52.06,0,0,1,76,96Z"/></symbol>
64
+ <symbol id="juno-i-users" viewBox="0 0 256 256"><path d="M125.18,156.94a64,64,0,1,0-82.36,0,100.23,100.23,0,0,0-39.49,32,12,12,0,0,0,19.35,14.2,76,76,0,0,1,122.64,0,12,12,0,0,0,19.36-14.2A100.33,100.33,0,0,0,125.18,156.94ZM44,108a40,40,0,1,1,40,40A40,40,0,0,1,44,108Zm206.1,97.67a12,12,0,0,1-16.78-2.57A76.31,76.31,0,0,0,172,172a12,12,0,0,1,0-24,40,40,0,1,0-10.3-78.67,12,12,0,1,1-6.16-23.19,64,64,0,0,1,57.64,110.8,100.23,100.23,0,0,1,39.49,32A12,12,0,0,1,250.1,205.67Z"/></symbol>
65
+ <symbol id="juno-i-warning-circle" viewBox="0 0 256 256"><path d="M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Zm-12-80V80a12,12,0,0,1,24,0v52a12,12,0,0,1-24,0Zm28,40a16,16,0,1,1-16-16A16,16,0,0,1,144,172Z"/></symbol>
66
+ <symbol id="juno-i-warning" viewBox="0 0 256 256"><path d="M240.26,186.1,152.81,34.23h0a28.74,28.74,0,0,0-49.62,0L15.74,186.1a27.45,27.45,0,0,0,0,27.71A28.31,28.31,0,0,0,40.55,228h174.9a28.31,28.31,0,0,0,24.79-14.19A27.45,27.45,0,0,0,240.26,186.1Zm-20.8,15.7a4.46,4.46,0,0,1-4,2.2H40.55a4.46,4.46,0,0,1-4-2.2,3.56,3.56,0,0,1,0-3.73L124,46.2a4.77,4.77,0,0,1,8,0l87.44,151.87A3.56,3.56,0,0,1,219.46,201.8ZM116,136V104a12,12,0,0,1,24,0v32a12,12,0,0,1-24,0Zm28,40a16,16,0,1,1-16-16A16,16,0,0,1,144,176Z"/></symbol>
67
+ <symbol id="juno-i-x-circle" viewBox="0 0 256 256"><path d="M168.49,104.49,145,128l23.52,23.51a12,12,0,0,1-17,17L128,145l-23.51,23.52a12,12,0,0,1-17-17L111,128,87.51,104.49a12,12,0,0,1,17-17L128,111l23.51-23.52a12,12,0,0,1,17,17ZM236,128A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Z"/></symbol>
68
+ <symbol id="juno-i-x" viewBox="0 0 256 256"><path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"/></symbol>
69
+ </svg>
@@ -0,0 +1,149 @@
1
+ // junoui design tokens — Swift. Generated; do not edit.
2
+ import UIKit
3
+
4
+ public enum JunoColor {
5
+ static func hex(_ v: UInt32) -> UIColor {
6
+ UIColor(red: CGFloat((v >> 16) & 0xFF) / 255,
7
+ green: CGFloat((v >> 8) & 0xFF) / 255,
8
+ blue: CGFloat(v & 0xFF) / 255, alpha: 1)
9
+ }
10
+ }
11
+
12
+ public enum JunoTokens {
13
+ public static let colorblindDarkNominal = JunoColor.hex(0x78A9FF)
14
+ public static let colorblindDarkActive = JunoColor.hex(0xBE95FF)
15
+ public static let colorblindDarkTarget = JunoColor.hex(0xFF7EB6)
16
+ public static let colorblindDarkCaution = JunoColor.hex(0xF1C21B)
17
+ public static let colorblindDarkWarning = JunoColor.hex(0xFF832B)
18
+ public static let colorblindDarkData = JunoColor.hex(0xEAE7E2)
19
+ public static let colorblindDarkLabel = JunoColor.hex(0x8C8981)
20
+ public static let colorblindDarkMuted = JunoColor.hex(0x625F59)
21
+ public static let colorblindDarkBorder = JunoColor.hex(0x312D27)
22
+ public static let colorblindDarkS0 = JunoColor.hex(0x060402)
23
+ public static let colorblindDarkS1 = JunoColor.hex(0x0D0B06)
24
+ public static let colorblindDarkS2 = JunoColor.hex(0x16130E)
25
+ public static let colorblindDarkS3 = JunoColor.hex(0x221F19)
26
+ public static let colorblindDarkDataDim = JunoColor.hex(0x45423C)
27
+ public static let colorblindDarkBorderStrong = JunoColor.hex(0x4B4740)
28
+ public static let colorblindLightNominal = JunoColor.hex(0x0043CE)
29
+ public static let colorblindLightActive = JunoColor.hex(0x6929C4)
30
+ public static let colorblindLightTarget = JunoColor.hex(0x9F1853)
31
+ public static let colorblindLightCaution = JunoColor.hex(0x7D4F00)
32
+ public static let colorblindLightWarning = JunoColor.hex(0xBA4300)
33
+ public static let colorblindLightData = JunoColor.hex(0x0B0906)
34
+ public static let colorblindLightLabel = JunoColor.hex(0x504D47)
35
+ public static let colorblindLightMuted = JunoColor.hex(0x8B8984)
36
+ public static let colorblindLightBorder = JunoColor.hex(0xC7C4BD)
37
+ public static let colorblindLightS0 = JunoColor.hex(0xF8F5EF)
38
+ public static let colorblindLightS1 = JunoColor.hex(0xEBE7E0)
39
+ public static let colorblindLightS2 = JunoColor.hex(0xDEDAD3)
40
+ public static let colorblindLightS3 = JunoColor.hex(0xD1CDC7)
41
+ public static let colorblindLightDataDim = JunoColor.hex(0xA19E99)
42
+ public static let colorblindLightBorderStrong = JunoColor.hex(0xAEAAA4)
43
+ public static let softDarkNominal = JunoColor.hex(0x38A065)
44
+ public static let softDarkActive = JunoColor.hex(0x00A8BE)
45
+ public static let softDarkTarget = JunoColor.hex(0x9C5CAF)
46
+ public static let softDarkCaution = JunoColor.hex(0xD09945)
47
+ public static let softDarkWarning = JunoColor.hex(0xD15D4D)
48
+ public static let softDarkData = JunoColor.hex(0xE0DED8)
49
+ public static let softDarkLabel = JunoColor.hex(0x8C8982)
50
+ public static let softDarkMuted = JunoColor.hex(0x615F59)
51
+ public static let softDarkBorder = JunoColor.hex(0x32302B)
52
+ public static let softDarkS0 = JunoColor.hex(0x070602)
53
+ public static let softDarkS1 = JunoColor.hex(0x0F0D08)
54
+ public static let softDarkS2 = JunoColor.hex(0x181610)
55
+ public static let softDarkS3 = JunoColor.hex(0x24211B)
56
+ public static let softDarkDataDim = JunoColor.hex(0x47453F)
57
+ public static let softDarkBorderStrong = JunoColor.hex(0x4D4A44)
58
+ public static let softLightNominal = JunoColor.hex(0x00582C)
59
+ public static let softLightActive = JunoColor.hex(0x006174)
60
+ public static let softLightTarget = JunoColor.hex(0x673477)
61
+ public static let softLightCaution = JunoColor.hex(0x8A5700)
62
+ public static let softLightWarning = JunoColor.hex(0x86281D)
63
+ public static let softLightData = JunoColor.hex(0x0A0906)
64
+ public static let softLightLabel = JunoColor.hex(0x55524C)
65
+ public static let softLightMuted = JunoColor.hex(0x8A8782)
66
+ public static let softLightBorder = JunoColor.hex(0xCDCAC3)
67
+ public static let softLightS0 = JunoColor.hex(0xF4F2EA)
68
+ public static let softLightS1 = JunoColor.hex(0xE7E4DD)
69
+ public static let softLightS2 = JunoColor.hex(0xDAD7D0)
70
+ public static let softLightS3 = JunoColor.hex(0xCDCAC3)
71
+ public static let softLightDataDim = JunoColor.hex(0x9D9B96)
72
+ public static let softLightBorderStrong = JunoColor.hex(0xB4B1AA)
73
+ public static let standardDarkNominal = JunoColor.hex(0x00CB4C)
74
+ public static let standardDarkActive = JunoColor.hex(0x00CDDF)
75
+ public static let standardDarkTarget = JunoColor.hex(0xD63DE6)
76
+ public static let standardDarkCaution = JunoColor.hex(0xF4A000)
77
+ public static let standardDarkWarning = JunoColor.hex(0xF13A32)
78
+ public static let standardDarkData = JunoColor.hex(0xEAE7E2)
79
+ public static let standardDarkLabel = JunoColor.hex(0x8C8981)
80
+ public static let standardDarkMuted = JunoColor.hex(0x625F59)
81
+ public static let standardDarkBorder = JunoColor.hex(0x312D27)
82
+ public static let standardDarkS0 = JunoColor.hex(0x060402)
83
+ public static let standardDarkS1 = JunoColor.hex(0x0D0B06)
84
+ public static let standardDarkS2 = JunoColor.hex(0x16130E)
85
+ public static let standardDarkS3 = JunoColor.hex(0x221F19)
86
+ public static let standardDarkDataDim = JunoColor.hex(0x45423C)
87
+ public static let standardDarkBorderStrong = JunoColor.hex(0x4B4740)
88
+ public static let standardLightNominal = JunoColor.hex(0x006400)
89
+ public static let standardLightActive = JunoColor.hex(0x006B98)
90
+ public static let standardLightTarget = JunoColor.hex(0x8B0097)
91
+ public static let standardLightCaution = JunoColor.hex(0x9B4C00)
92
+ public static let standardLightWarning = JunoColor.hex(0xA10000)
93
+ public static let standardLightData = JunoColor.hex(0x0B0906)
94
+ public static let standardLightLabel = JunoColor.hex(0x504D47)
95
+ public static let standardLightMuted = JunoColor.hex(0x8B8984)
96
+ public static let standardLightBorder = JunoColor.hex(0xC7C4BD)
97
+ public static let standardLightS0 = JunoColor.hex(0xF8F5EF)
98
+ public static let standardLightS1 = JunoColor.hex(0xEBE7E0)
99
+ public static let standardLightS2 = JunoColor.hex(0xDEDAD3)
100
+ public static let standardLightS3 = JunoColor.hex(0xD1CDC7)
101
+ public static let standardLightDataDim = JunoColor.hex(0xA19E99)
102
+ public static let standardLightBorderStrong = JunoColor.hex(0xAEAAA4)
103
+
104
+ public static let borderWidth1: CGFloat = 1
105
+ public static let borderWidth2: CGFloat = 2
106
+ public static let borderWidth3: CGFloat = 3
107
+ public static let bpSm: CGFloat = 640
108
+ public static let bpMd: CGFloat = 768
109
+ public static let bpLg: CGFloat = 1024
110
+ public static let bpXl: CGFloat = 1280
111
+ public static let bp2xl: CGFloat = 1536
112
+ public static let radius2: CGFloat = 2
113
+ public static let radius3: CGFloat = 3
114
+ public static let radius4: CGFloat = 4
115
+ public static let radius5: CGFloat = 5
116
+ public static let radius8: CGFloat = 8
117
+ public static let sizeTapMin: CGFloat = 24
118
+ public static let sizeTapComfortable: CGFloat = 44
119
+ public static let sizeDotSm: CGFloat = 8
120
+ public static let sizeDotMd: CGFloat = 10
121
+ public static let space2: CGFloat = 2
122
+ public static let space4: CGFloat = 4
123
+ public static let space8: CGFloat = 8
124
+ public static let space10: CGFloat = 10
125
+ public static let space12: CGFloat = 12
126
+ public static let space16: CGFloat = 16
127
+ public static let space20: CGFloat = 20
128
+ public static let space24: CGFloat = 24
129
+ public static let space28: CGFloat = 28
130
+ public static let space32: CGFloat = 32
131
+ public static let space40: CGFloat = 40
132
+ public static let space56: CGFloat = 56
133
+ public static let space72: CGFloat = 72
134
+ public static let space96: CGFloat = 96
135
+ public static let fontSize10: CGFloat = 10
136
+ public static let fontSize11: CGFloat = 11
137
+ public static let fontSize12: CGFloat = 12
138
+ public static let fontSize13: CGFloat = 13
139
+ public static let fontSize14: CGFloat = 14
140
+ public static let fontSize16: CGFloat = 16
141
+ public static let fontSize18: CGFloat = 18
142
+ public static let fontSize20: CGFloat = 20
143
+ public static let fontSize28: CGFloat = 28
144
+ public static let fontSize32: CGFloat = 32
145
+ public static let fontSize36: CGFloat = 36
146
+ public static let fontSize38: CGFloat = 38
147
+ public static let fontSize48: CGFloat = 48
148
+ public static let fontSize52: CGFloat = 52
149
+ }
@@ -0,0 +1,11 @@
1
+ // junoui design tokens — types. Generated; do not edit.
2
+ export type JunoPalette = 'standard' | 'colorblind' | 'soft';
3
+ export type JunoMode = 'dark' | 'light';
4
+ export type JunoRole =
5
+ 'nominal' | 'active' | 'target' | 'caution' | 'warning' | 'data' | 'data-dim' | 'label' | 'muted' | 'border' | 'border-strong' | 's0' | 's1' | 's2' | 's3';
6
+ export type JunoTheme = Record<JunoRole, string>;
7
+ export const TOKENS: Record<JunoPalette, Record<JunoMode, JunoTheme>>;
8
+ export const CORE: Record<string, unknown>;
9
+ export function getTokens(palette?: JunoPalette, mode?: JunoMode): JunoTheme;
10
+ declare const _default: { TOKENS: typeof TOKENS; CORE: typeof CORE; getTokens: typeof getTokens };
11
+ export default _default;