@kanso-labs/react-native-kanso-ui 0.0.0-stage → 0.1.1

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 (145) hide show
  1. package/LICENSE.md +20 -0
  2. package/README.md +205 -2
  3. package/dist/button/index.d.ts +56 -0
  4. package/dist/button/index.js +169 -0
  5. package/dist/button/index.js.map +1 -0
  6. package/dist/button/palettes.js +47 -0
  7. package/dist/button/palettes.js.map +1 -0
  8. package/dist/chip/index.js +194 -0
  9. package/dist/chip/index.js.map +1 -0
  10. package/dist/chip/styles.js +36 -0
  11. package/dist/chip/styles.js.map +1 -0
  12. package/dist/clipboard/index.js +58 -0
  13. package/dist/clipboard/index.js.map +1 -0
  14. package/dist/components/avatar/index.d.ts +82 -0
  15. package/dist/components/avatar/index.js +62 -0
  16. package/dist/components/avatar/index.js.map +1 -0
  17. package/dist/components/button/index.d.ts +87 -0
  18. package/dist/components/button/index.js +377 -0
  19. package/dist/components/button/index.js.map +1 -0
  20. package/dist/components/card/index.d.ts +78 -0
  21. package/dist/components/card/index.js +315 -0
  22. package/dist/components/card/index.js.map +1 -0
  23. package/dist/components/checkbox/index.d.ts +76 -0
  24. package/dist/components/checkbox/index.js +360 -0
  25. package/dist/components/checkbox/index.js.map +1 -0
  26. package/dist/components/chip/index.d.ts +84 -0
  27. package/dist/components/chip/index.js +257 -0
  28. package/dist/components/chip/index.js.map +1 -0
  29. package/dist/components/chip-group/index.d.ts +143 -0
  30. package/dist/components/chip-group/index.js +669 -0
  31. package/dist/components/chip-group/index.js.map +1 -0
  32. package/dist/components/copy-field/index.d.ts +60 -0
  33. package/dist/components/copy-field/index.js +277 -0
  34. package/dist/components/copy-field/index.js.map +1 -0
  35. package/dist/components/currency/index.d.ts +69 -0
  36. package/dist/components/currency/index.js +162 -0
  37. package/dist/components/currency/index.js.map +1 -0
  38. package/dist/components/form/index.d.ts +84 -0
  39. package/dist/components/form/index.js +95 -0
  40. package/dist/components/form/index.js.map +1 -0
  41. package/dist/components/icon-button/index.d.ts +68 -0
  42. package/dist/components/icon-button/index.js +289 -0
  43. package/dist/components/icon-button/index.js.map +1 -0
  44. package/dist/components/link/index.d.ts +59 -0
  45. package/dist/components/link/index.js +191 -0
  46. package/dist/components/link/index.js.map +1 -0
  47. package/dist/components/number-field/index.d.ts +151 -0
  48. package/dist/components/number-field/index.js +832 -0
  49. package/dist/components/number-field/index.js.map +1 -0
  50. package/dist/components/product-icon/index.d.ts +70 -0
  51. package/dist/components/product-icon/index.js +60 -0
  52. package/dist/components/product-icon/index.js.map +1 -0
  53. package/dist/components/radio-group/index.d.ts +105 -0
  54. package/dist/components/radio-group/index.js +597 -0
  55. package/dist/components/radio-group/index.js.map +1 -0
  56. package/dist/components/search-field/index.d.ts +98 -0
  57. package/dist/components/search-field/index.js +521 -0
  58. package/dist/components/search-field/index.js.map +1 -0
  59. package/dist/components/segmented-button/index.d.ts +113 -0
  60. package/dist/components/segmented-button/index.js +937 -0
  61. package/dist/components/segmented-button/index.js.map +1 -0
  62. package/dist/components/separator/index.d.ts +45 -0
  63. package/dist/components/separator/index.js +109 -0
  64. package/dist/components/separator/index.js.map +1 -0
  65. package/dist/components/stack/index.d.ts +70 -0
  66. package/dist/components/stack/index.js +107 -0
  67. package/dist/components/stack/index.js.map +1 -0
  68. package/dist/components/switch/index.d.ts +76 -0
  69. package/dist/components/switch/index.js +591 -0
  70. package/dist/components/switch/index.js.map +1 -0
  71. package/dist/components/text/index.d.ts +44 -0
  72. package/dist/components/text/index.js +78 -0
  73. package/dist/components/text/index.js.map +1 -0
  74. package/dist/components/text-field/index.d.ts +146 -0
  75. package/dist/components/text-field/index.js +228 -0
  76. package/dist/components/text-field/index.js.map +1 -0
  77. package/dist/control/index.js +117 -0
  78. package/dist/control/index.js.map +1 -0
  79. package/dist/control/styles.js +36 -0
  80. package/dist/control/styles.js.map +1 -0
  81. package/dist/field/index.d.ts +13 -0
  82. package/dist/field/index.js +1007 -0
  83. package/dist/field/index.js.map +1 -0
  84. package/dist/field/styles.js +131 -0
  85. package/dist/field/styles.js.map +1 -0
  86. package/dist/form/index.d.ts +24 -0
  87. package/dist/form/index.js +209 -0
  88. package/dist/form/index.js.map +1 -0
  89. package/dist/glyphs/icon-style.d.ts +25 -0
  90. package/dist/glyphs/icon-style.js +22 -0
  91. package/dist/glyphs/icon-style.js.map +1 -0
  92. package/dist/glyphs/index.js +170 -0
  93. package/dist/glyphs/index.js.map +1 -0
  94. package/dist/glyphs/styles.js +7 -0
  95. package/dist/glyphs/styles.js.map +1 -0
  96. package/dist/hooks/useWindowSizeClass.d.ts +25 -0
  97. package/dist/hooks/useWindowSizeClass.js +39 -0
  98. package/dist/hooks/useWindowSizeClass.js.map +1 -0
  99. package/dist/index.d.ts +31 -0
  100. package/dist/index.js +27 -0
  101. package/dist/mark/image.js +61 -0
  102. package/dist/mark/image.js.map +1 -0
  103. package/dist/mark/index.d.ts +9 -0
  104. package/dist/mark/index.js +234 -0
  105. package/dist/mark/index.js.map +1 -0
  106. package/dist/mark/initials.js +65 -0
  107. package/dist/mark/initials.js.map +1 -0
  108. package/dist/mark/styles.d.ts +1 -0
  109. package/dist/mark/styles.js +73 -0
  110. package/dist/mark/styles.js.map +1 -0
  111. package/dist/number/parser.js +321 -0
  112. package/dist/number/parser.js.map +1 -0
  113. package/dist/number/state.js +235 -0
  114. package/dist/number/state.js.map +1 -0
  115. package/dist/overlay/host.js +111 -0
  116. package/dist/overlay/host.js.map +1 -0
  117. package/dist/press/index.js +350 -0
  118. package/dist/press/index.js.map +1 -0
  119. package/dist/press/styles.js +31 -0
  120. package/dist/press/styles.js.map +1 -0
  121. package/dist/router/index.d.ts +28 -0
  122. package/dist/router/index.js +82 -0
  123. package/dist/router/index.js.map +1 -0
  124. package/dist/theme/color.js +25 -0
  125. package/dist/theme/color.js.map +1 -0
  126. package/dist/theme/resolve.d.ts +6 -0
  127. package/dist/theme/resolve.js +310 -0
  128. package/dist/theme/resolve.js.map +1 -0
  129. package/dist/theme/scope.d.ts +42 -0
  130. package/dist/theme/scope.js +80 -0
  131. package/dist/theme/scope.js.map +1 -0
  132. package/dist/theme/styles.js +39 -0
  133. package/dist/theme/styles.js.map +1 -0
  134. package/dist/theme-scope.d.ts +56 -0
  135. package/dist/theme-scope.js +127 -0
  136. package/dist/theme-scope.js.map +1 -0
  137. package/dist/tokens/defaults.d.ts +407 -0
  138. package/dist/tokens/defaults.js +403 -0
  139. package/dist/tokens/defaults.js.map +1 -0
  140. package/dist/typography/fonts.js +84 -0
  141. package/dist/typography/fonts.js.map +1 -0
  142. package/dist/typography/roles.d.ts +10 -0
  143. package/dist/typography/roles.js +82 -0
  144. package/dist/typography/roles.js.map +1 -0
  145. package/package.json +132 -4
@@ -0,0 +1,403 @@
1
+ //#region src/tokens/defaults.ts
2
+ /** Every property at its value in the light scheme. */
3
+ const light = {
4
+ "--kui-color-background": "#fef7ff",
5
+ "--kui-color-error": "#b3261e",
6
+ "--kui-color-error-container": "#f9dedc",
7
+ "--kui-color-inverse-on-surface": "#f5eff7",
8
+ "--kui-color-inverse-primary": "#d0bcff",
9
+ "--kui-color-inverse-surface": "#322f35",
10
+ "--kui-color-negative": "#a04022",
11
+ "--kui-color-negative-container": "#ffdbd1",
12
+ "--kui-color-on-background": "#1d1b20",
13
+ "--kui-color-on-error": "#ffffff",
14
+ "--kui-color-on-error-container": "#410e0b",
15
+ "--kui-color-on-negative": "#ffffff",
16
+ "--kui-color-on-negative-container": "#3a0a00",
17
+ "--kui-color-on-positive": "#ffffff",
18
+ "--kui-color-on-positive-container": "#002115",
19
+ "--kui-color-on-primary": "#ffffff",
20
+ "--kui-color-on-primary-container": "#21005d",
21
+ "--kui-color-on-primary-fixed": "#21005d",
22
+ "--kui-color-on-primary-fixed-variant": "#4f378b",
23
+ "--kui-color-on-secondary": "#ffffff",
24
+ "--kui-color-on-secondary-container": "#1d192b",
25
+ "--kui-color-on-secondary-fixed": "#1d192b",
26
+ "--kui-color-on-secondary-fixed-variant": "#4a4458",
27
+ "--kui-color-on-surface": "#1d1b20",
28
+ "--kui-color-on-surface-variant": "#49454f",
29
+ "--kui-color-on-tertiary": "#ffffff",
30
+ "--kui-color-on-tertiary-container": "#31111d",
31
+ "--kui-color-on-tertiary-fixed": "#31111d",
32
+ "--kui-color-on-tertiary-fixed-variant": "#633b48",
33
+ "--kui-color-outline": "#79747e",
34
+ "--kui-color-outline-variant": "#cac4d0",
35
+ "--kui-color-positive": "#006c4d",
36
+ "--kui-color-positive-container": "#90f6ca",
37
+ "--kui-color-primary": "#6750a4",
38
+ "--kui-color-primary-container": "#eaddff",
39
+ "--kui-color-primary-fixed": "#eaddff",
40
+ "--kui-color-primary-fixed-dim": "#d0bcff",
41
+ "--kui-color-scrim": "#000000",
42
+ "--kui-color-secondary": "#625b71",
43
+ "--kui-color-secondary-container": "#e8def8",
44
+ "--kui-color-secondary-fixed": "#e8def8",
45
+ "--kui-color-secondary-fixed-dim": "#ccc2dc",
46
+ "--kui-color-shadow": "#000000",
47
+ "--kui-color-surface": "#fef7ff",
48
+ "--kui-color-surface-bright": "#fef7ff",
49
+ "--kui-color-surface-container": "#f3edf7",
50
+ "--kui-color-surface-container-high": "#ece6f0",
51
+ "--kui-color-surface-container-highest": "#e6e0e9",
52
+ "--kui-color-surface-container-low": "#f7f2fa",
53
+ "--kui-color-surface-container-lowest": "#ffffff",
54
+ "--kui-color-surface-dim": "#ded8e1",
55
+ "--kui-color-surface-tint": "#6750a4",
56
+ "--kui-color-surface-variant": "#e7e0ec",
57
+ "--kui-color-tertiary": "#7d5260",
58
+ "--kui-color-tertiary-container": "#ffd8e4",
59
+ "--kui-color-tertiary-fixed": "#ffd8e4",
60
+ "--kui-color-tertiary-fixed-dim": "#efb8c8",
61
+ "--kui-motion-duration-long1": "450ms",
62
+ "--kui-motion-duration-long2": "500ms",
63
+ "--kui-motion-duration-long3": "600ms",
64
+ "--kui-motion-duration-medium1": "250ms",
65
+ "--kui-motion-duration-medium2": "300ms",
66
+ "--kui-motion-duration-medium3": "350ms",
67
+ "--kui-motion-duration-short1": "100ms",
68
+ "--kui-motion-duration-short2": "150ms",
69
+ "--kui-motion-duration-short3": "200ms",
70
+ "--kui-motion-easing-emphasized": "cubic-bezier(0.2, 0, 0, 1)",
71
+ "--kui-motion-easing-emphasized-accelerate": "cubic-bezier(0.3, 0, 0.8, 0.15)",
72
+ "--kui-motion-easing-emphasized-decelerate": "cubic-bezier(0.05, 0.7, 0.1, 1)",
73
+ "--kui-motion-easing-spring-fast": "cubic-bezier(0.34, 1.56, 0.64, 1)",
74
+ "--kui-motion-easing-spring-slow": "cubic-bezier(0.16, 1, 0.3, 1)",
75
+ "--kui-motion-easing-standard": "cubic-bezier(0.2, 0, 0, 1)",
76
+ "--kui-radius-circle": "9999px",
77
+ "--kui-radius-lg": "16px",
78
+ "--kui-radius-md": "12px",
79
+ "--kui-radius-none": "0px",
80
+ "--kui-radius-pill": "9999px",
81
+ "--kui-radius-sm": "8px",
82
+ "--kui-radius-xl": "28px",
83
+ "--kui-radius-xs": "4px",
84
+ "--kui-shadow-elevation1": "0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)",
85
+ "--kui-shadow-elevation2": "0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15)",
86
+ "--kui-shadow-elevation3": "0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)",
87
+ "--kui-shadow-elevation4": "0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)",
88
+ "--kui-shadow-elevation5": "0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)",
89
+ "--kui-sizing-control-lg": "56px",
90
+ "--kui-sizing-control-md": "48px",
91
+ "--kui-sizing-control-sm": "40px",
92
+ "--kui-sizing-control-xl": "96px",
93
+ "--kui-sizing-control-xs": "32px",
94
+ "--kui-sizing-control-xxl": "136px",
95
+ "--kui-sizing-row-lg": "88px",
96
+ "--kui-sizing-row-md": "72px",
97
+ "--kui-sizing-row-sm": "56px",
98
+ "--kui-sizing-row-xs": "48px",
99
+ "--kui-spacing-lg": "16px",
100
+ "--kui-spacing-md": "12px",
101
+ "--kui-spacing-sm": "8px",
102
+ "--kui-spacing-xl": "24px",
103
+ "--kui-spacing-xs": "4px",
104
+ "--kui-spacing-xxl": "32px",
105
+ "--kui-spacing-xxs": "2px",
106
+ "--kui-spacing-xxxl": "40px",
107
+ "--kui-state-layer-opacity-disabled-container": "0.12",
108
+ "--kui-state-layer-opacity-disabled-content": "0.38",
109
+ "--kui-state-layer-opacity-dragged": "0.16",
110
+ "--kui-state-layer-opacity-focus": "0.1",
111
+ "--kui-state-layer-opacity-hover": "0.08",
112
+ "--kui-state-layer-opacity-pressed": "0.1",
113
+ "--kui-typography-body-large-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
114
+ "--kui-typography-body-large-line-height": "24px",
115
+ "--kui-typography-body-large-size": "16px",
116
+ "--kui-typography-body-large-tracking": "0.5px",
117
+ "--kui-typography-body-large-weight": "var(--kui-typography-weight-regular, 400)",
118
+ "--kui-typography-body-medium-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
119
+ "--kui-typography-body-medium-line-height": "20px",
120
+ "--kui-typography-body-medium-size": "14px",
121
+ "--kui-typography-body-medium-tracking": "0.25px",
122
+ "--kui-typography-body-medium-weight": "var(--kui-typography-weight-regular, 400)",
123
+ "--kui-typography-body-small-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
124
+ "--kui-typography-body-small-line-height": "16px",
125
+ "--kui-typography-body-small-size": "12px",
126
+ "--kui-typography-body-small-tracking": "0.4px",
127
+ "--kui-typography-body-small-weight": "var(--kui-typography-weight-regular, 400)",
128
+ "--kui-typography-display-large-font": "var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)",
129
+ "--kui-typography-display-large-line-height": "64px",
130
+ "--kui-typography-display-large-size": "57px",
131
+ "--kui-typography-display-large-tracking": "-0.25px",
132
+ "--kui-typography-display-large-weight": "var(--kui-typography-weight-regular, 400)",
133
+ "--kui-typography-display-medium-font": "var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)",
134
+ "--kui-typography-display-medium-line-height": "52px",
135
+ "--kui-typography-display-medium-size": "45px",
136
+ "--kui-typography-display-medium-tracking": "0px",
137
+ "--kui-typography-display-medium-weight": "var(--kui-typography-weight-regular, 400)",
138
+ "--kui-typography-display-small-font": "var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)",
139
+ "--kui-typography-display-small-line-height": "44px",
140
+ "--kui-typography-display-small-size": "36px",
141
+ "--kui-typography-display-small-tracking": "0px",
142
+ "--kui-typography-display-small-weight": "var(--kui-typography-weight-regular, 400)",
143
+ "--kui-typography-font-family-brand": "'Roboto Serif', 'Iowan Old Style', Georgia, serif",
144
+ "--kui-typography-font-family-mono": "'Roboto Mono', ui-monospace, 'SF Mono', Menlo, monospace",
145
+ "--kui-typography-font-family-plain": "'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
146
+ "--kui-typography-headline-large-font": "var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)",
147
+ "--kui-typography-headline-large-line-height": "40px",
148
+ "--kui-typography-headline-large-size": "32px",
149
+ "--kui-typography-headline-large-tracking": "0px",
150
+ "--kui-typography-headline-large-weight": "var(--kui-typography-weight-regular, 400)",
151
+ "--kui-typography-headline-medium-font": "var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)",
152
+ "--kui-typography-headline-medium-line-height": "36px",
153
+ "--kui-typography-headline-medium-size": "28px",
154
+ "--kui-typography-headline-medium-tracking": "0px",
155
+ "--kui-typography-headline-medium-weight": "var(--kui-typography-weight-regular, 400)",
156
+ "--kui-typography-headline-small-font": "var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)",
157
+ "--kui-typography-headline-small-line-height": "32px",
158
+ "--kui-typography-headline-small-size": "24px",
159
+ "--kui-typography-headline-small-tracking": "0px",
160
+ "--kui-typography-headline-small-weight": "var(--kui-typography-weight-regular, 400)",
161
+ "--kui-typography-label-large-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
162
+ "--kui-typography-label-large-line-height": "20px",
163
+ "--kui-typography-label-large-size": "14px",
164
+ "--kui-typography-label-large-tracking": "0.1px",
165
+ "--kui-typography-label-large-weight": "var(--kui-typography-weight-medium, 500)",
166
+ "--kui-typography-label-medium-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
167
+ "--kui-typography-label-medium-line-height": "16px",
168
+ "--kui-typography-label-medium-size": "12px",
169
+ "--kui-typography-label-medium-tracking": "0.5px",
170
+ "--kui-typography-label-medium-weight": "var(--kui-typography-weight-medium, 500)",
171
+ "--kui-typography-label-small-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
172
+ "--kui-typography-label-small-line-height": "16px",
173
+ "--kui-typography-label-small-size": "11px",
174
+ "--kui-typography-label-small-tracking": "0.5px",
175
+ "--kui-typography-label-small-weight": "var(--kui-typography-weight-medium, 500)",
176
+ "--kui-typography-title-large-font": "var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)",
177
+ "--kui-typography-title-large-line-height": "28px",
178
+ "--kui-typography-title-large-size": "22px",
179
+ "--kui-typography-title-large-tracking": "0px",
180
+ "--kui-typography-title-large-weight": "var(--kui-typography-weight-regular, 400)",
181
+ "--kui-typography-title-medium-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
182
+ "--kui-typography-title-medium-line-height": "24px",
183
+ "--kui-typography-title-medium-size": "16px",
184
+ "--kui-typography-title-medium-tracking": "0.15px",
185
+ "--kui-typography-title-medium-weight": "var(--kui-typography-weight-medium, 500)",
186
+ "--kui-typography-title-small-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
187
+ "--kui-typography-title-small-line-height": "20px",
188
+ "--kui-typography-title-small-size": "14px",
189
+ "--kui-typography-title-small-tracking": "0.1px",
190
+ "--kui-typography-title-small-weight": "var(--kui-typography-weight-medium, 500)",
191
+ "--kui-typography-weight-bold": "700",
192
+ "--kui-typography-weight-medium": "500",
193
+ "--kui-typography-weight-regular": "400"
194
+ };
195
+ /** Every property at its value in the dark scheme. */
196
+ const dark = {
197
+ "--kui-color-background": "#141218",
198
+ "--kui-color-error": "#f2b8b5",
199
+ "--kui-color-error-container": "#8c1d18",
200
+ "--kui-color-inverse-on-surface": "#322f35",
201
+ "--kui-color-inverse-primary": "#6750a4",
202
+ "--kui-color-inverse-surface": "#e6e0e9",
203
+ "--kui-color-negative": "#ffb59f",
204
+ "--kui-color-negative-container": "#81290c",
205
+ "--kui-color-on-background": "#e6e0e9",
206
+ "--kui-color-on-error": "#601410",
207
+ "--kui-color-on-error-container": "#f9dedc",
208
+ "--kui-color-on-negative": "#5f1600",
209
+ "--kui-color-on-negative-container": "#ffdbd1",
210
+ "--kui-color-on-positive": "#003827",
211
+ "--kui-color-on-positive-container": "#90f6ca",
212
+ "--kui-color-on-primary": "#381e72",
213
+ "--kui-color-on-primary-container": "#eaddff",
214
+ "--kui-color-on-primary-fixed": "#21005d",
215
+ "--kui-color-on-primary-fixed-variant": "#4f378b",
216
+ "--kui-color-on-secondary": "#332d41",
217
+ "--kui-color-on-secondary-container": "#e8def8",
218
+ "--kui-color-on-secondary-fixed": "#1d192b",
219
+ "--kui-color-on-secondary-fixed-variant": "#4a4458",
220
+ "--kui-color-on-surface": "#e6e0e9",
221
+ "--kui-color-on-surface-variant": "#cac4d0",
222
+ "--kui-color-on-tertiary": "#492532",
223
+ "--kui-color-on-tertiary-container": "#ffd8e4",
224
+ "--kui-color-on-tertiary-fixed": "#31111d",
225
+ "--kui-color-on-tertiary-fixed-variant": "#633b48",
226
+ "--kui-color-outline": "#938f99",
227
+ "--kui-color-outline-variant": "#49454f",
228
+ "--kui-color-positive": "#74d9af",
229
+ "--kui-color-positive-container": "#00513a",
230
+ "--kui-color-primary": "#d0bcff",
231
+ "--kui-color-primary-container": "#4f378b",
232
+ "--kui-color-primary-fixed": "#eaddff",
233
+ "--kui-color-primary-fixed-dim": "#d0bcff",
234
+ "--kui-color-scrim": "#000000",
235
+ "--kui-color-secondary": "#ccc2dc",
236
+ "--kui-color-secondary-container": "#4a4458",
237
+ "--kui-color-secondary-fixed": "#e8def8",
238
+ "--kui-color-secondary-fixed-dim": "#ccc2dc",
239
+ "--kui-color-shadow": "#000000",
240
+ "--kui-color-surface": "#141218",
241
+ "--kui-color-surface-bright": "#3b383e",
242
+ "--kui-color-surface-container": "#211f26",
243
+ "--kui-color-surface-container-high": "#2b2930",
244
+ "--kui-color-surface-container-highest": "#36343b",
245
+ "--kui-color-surface-container-low": "#1d1b20",
246
+ "--kui-color-surface-container-lowest": "#0f0d13",
247
+ "--kui-color-surface-dim": "#141218",
248
+ "--kui-color-surface-tint": "#d0bcff",
249
+ "--kui-color-surface-variant": "#49454f",
250
+ "--kui-color-tertiary": "#efb8c8",
251
+ "--kui-color-tertiary-container": "#633b48",
252
+ "--kui-color-tertiary-fixed": "#ffd8e4",
253
+ "--kui-color-tertiary-fixed-dim": "#efb8c8",
254
+ "--kui-motion-duration-long1": "450ms",
255
+ "--kui-motion-duration-long2": "500ms",
256
+ "--kui-motion-duration-long3": "600ms",
257
+ "--kui-motion-duration-medium1": "250ms",
258
+ "--kui-motion-duration-medium2": "300ms",
259
+ "--kui-motion-duration-medium3": "350ms",
260
+ "--kui-motion-duration-short1": "100ms",
261
+ "--kui-motion-duration-short2": "150ms",
262
+ "--kui-motion-duration-short3": "200ms",
263
+ "--kui-motion-easing-emphasized": "cubic-bezier(0.2, 0, 0, 1)",
264
+ "--kui-motion-easing-emphasized-accelerate": "cubic-bezier(0.3, 0, 0.8, 0.15)",
265
+ "--kui-motion-easing-emphasized-decelerate": "cubic-bezier(0.05, 0.7, 0.1, 1)",
266
+ "--kui-motion-easing-spring-fast": "cubic-bezier(0.34, 1.56, 0.64, 1)",
267
+ "--kui-motion-easing-spring-slow": "cubic-bezier(0.16, 1, 0.3, 1)",
268
+ "--kui-motion-easing-standard": "cubic-bezier(0.2, 0, 0, 1)",
269
+ "--kui-radius-circle": "9999px",
270
+ "--kui-radius-lg": "16px",
271
+ "--kui-radius-md": "12px",
272
+ "--kui-radius-none": "0px",
273
+ "--kui-radius-pill": "9999px",
274
+ "--kui-radius-sm": "8px",
275
+ "--kui-radius-xl": "28px",
276
+ "--kui-radius-xs": "4px",
277
+ "--kui-shadow-elevation1": "0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)",
278
+ "--kui-shadow-elevation2": "0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15)",
279
+ "--kui-shadow-elevation3": "0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)",
280
+ "--kui-shadow-elevation4": "0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)",
281
+ "--kui-shadow-elevation5": "0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)",
282
+ "--kui-sizing-control-lg": "56px",
283
+ "--kui-sizing-control-md": "48px",
284
+ "--kui-sizing-control-sm": "40px",
285
+ "--kui-sizing-control-xl": "96px",
286
+ "--kui-sizing-control-xs": "32px",
287
+ "--kui-sizing-control-xxl": "136px",
288
+ "--kui-sizing-row-lg": "88px",
289
+ "--kui-sizing-row-md": "72px",
290
+ "--kui-sizing-row-sm": "56px",
291
+ "--kui-sizing-row-xs": "48px",
292
+ "--kui-spacing-lg": "16px",
293
+ "--kui-spacing-md": "12px",
294
+ "--kui-spacing-sm": "8px",
295
+ "--kui-spacing-xl": "24px",
296
+ "--kui-spacing-xs": "4px",
297
+ "--kui-spacing-xxl": "32px",
298
+ "--kui-spacing-xxs": "2px",
299
+ "--kui-spacing-xxxl": "40px",
300
+ "--kui-state-layer-opacity-disabled-container": "0.12",
301
+ "--kui-state-layer-opacity-disabled-content": "0.38",
302
+ "--kui-state-layer-opacity-dragged": "0.16",
303
+ "--kui-state-layer-opacity-focus": "0.1",
304
+ "--kui-state-layer-opacity-hover": "0.08",
305
+ "--kui-state-layer-opacity-pressed": "0.1",
306
+ "--kui-typography-body-large-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
307
+ "--kui-typography-body-large-line-height": "24px",
308
+ "--kui-typography-body-large-size": "16px",
309
+ "--kui-typography-body-large-tracking": "0.5px",
310
+ "--kui-typography-body-large-weight": "var(--kui-typography-weight-regular, 400)",
311
+ "--kui-typography-body-medium-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
312
+ "--kui-typography-body-medium-line-height": "20px",
313
+ "--kui-typography-body-medium-size": "14px",
314
+ "--kui-typography-body-medium-tracking": "0.25px",
315
+ "--kui-typography-body-medium-weight": "var(--kui-typography-weight-regular, 400)",
316
+ "--kui-typography-body-small-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
317
+ "--kui-typography-body-small-line-height": "16px",
318
+ "--kui-typography-body-small-size": "12px",
319
+ "--kui-typography-body-small-tracking": "0.4px",
320
+ "--kui-typography-body-small-weight": "var(--kui-typography-weight-regular, 400)",
321
+ "--kui-typography-display-large-font": "var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)",
322
+ "--kui-typography-display-large-line-height": "64px",
323
+ "--kui-typography-display-large-size": "57px",
324
+ "--kui-typography-display-large-tracking": "-0.25px",
325
+ "--kui-typography-display-large-weight": "var(--kui-typography-weight-regular, 400)",
326
+ "--kui-typography-display-medium-font": "var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)",
327
+ "--kui-typography-display-medium-line-height": "52px",
328
+ "--kui-typography-display-medium-size": "45px",
329
+ "--kui-typography-display-medium-tracking": "0px",
330
+ "--kui-typography-display-medium-weight": "var(--kui-typography-weight-regular, 400)",
331
+ "--kui-typography-display-small-font": "var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)",
332
+ "--kui-typography-display-small-line-height": "44px",
333
+ "--kui-typography-display-small-size": "36px",
334
+ "--kui-typography-display-small-tracking": "0px",
335
+ "--kui-typography-display-small-weight": "var(--kui-typography-weight-regular, 400)",
336
+ "--kui-typography-font-family-brand": "'Roboto Serif', 'Iowan Old Style', Georgia, serif",
337
+ "--kui-typography-font-family-mono": "'Roboto Mono', ui-monospace, 'SF Mono', Menlo, monospace",
338
+ "--kui-typography-font-family-plain": "'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
339
+ "--kui-typography-headline-large-font": "var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)",
340
+ "--kui-typography-headline-large-line-height": "40px",
341
+ "--kui-typography-headline-large-size": "32px",
342
+ "--kui-typography-headline-large-tracking": "0px",
343
+ "--kui-typography-headline-large-weight": "var(--kui-typography-weight-regular, 400)",
344
+ "--kui-typography-headline-medium-font": "var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)",
345
+ "--kui-typography-headline-medium-line-height": "36px",
346
+ "--kui-typography-headline-medium-size": "28px",
347
+ "--kui-typography-headline-medium-tracking": "0px",
348
+ "--kui-typography-headline-medium-weight": "var(--kui-typography-weight-regular, 400)",
349
+ "--kui-typography-headline-small-font": "var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)",
350
+ "--kui-typography-headline-small-line-height": "32px",
351
+ "--kui-typography-headline-small-size": "24px",
352
+ "--kui-typography-headline-small-tracking": "0px",
353
+ "--kui-typography-headline-small-weight": "var(--kui-typography-weight-regular, 400)",
354
+ "--kui-typography-label-large-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
355
+ "--kui-typography-label-large-line-height": "20px",
356
+ "--kui-typography-label-large-size": "14px",
357
+ "--kui-typography-label-large-tracking": "0.1px",
358
+ "--kui-typography-label-large-weight": "var(--kui-typography-weight-medium, 500)",
359
+ "--kui-typography-label-medium-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
360
+ "--kui-typography-label-medium-line-height": "16px",
361
+ "--kui-typography-label-medium-size": "12px",
362
+ "--kui-typography-label-medium-tracking": "0.5px",
363
+ "--kui-typography-label-medium-weight": "var(--kui-typography-weight-medium, 500)",
364
+ "--kui-typography-label-small-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
365
+ "--kui-typography-label-small-line-height": "16px",
366
+ "--kui-typography-label-small-size": "11px",
367
+ "--kui-typography-label-small-tracking": "0.5px",
368
+ "--kui-typography-label-small-weight": "var(--kui-typography-weight-medium, 500)",
369
+ "--kui-typography-title-large-font": "var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)",
370
+ "--kui-typography-title-large-line-height": "28px",
371
+ "--kui-typography-title-large-size": "22px",
372
+ "--kui-typography-title-large-tracking": "0px",
373
+ "--kui-typography-title-large-weight": "var(--kui-typography-weight-regular, 400)",
374
+ "--kui-typography-title-medium-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
375
+ "--kui-typography-title-medium-line-height": "24px",
376
+ "--kui-typography-title-medium-size": "16px",
377
+ "--kui-typography-title-medium-tracking": "0.15px",
378
+ "--kui-typography-title-medium-weight": "var(--kui-typography-weight-medium, 500)",
379
+ "--kui-typography-title-small-font": "var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)",
380
+ "--kui-typography-title-small-line-height": "20px",
381
+ "--kui-typography-title-small-size": "14px",
382
+ "--kui-typography-title-small-tracking": "0.1px",
383
+ "--kui-typography-title-small-weight": "var(--kui-typography-weight-medium, 500)",
384
+ "--kui-typography-weight-bold": "700",
385
+ "--kui-typography-weight-medium": "500",
386
+ "--kui-typography-weight-regular": "400"
387
+ };
388
+ /**
389
+ * The lower bound of each window size class, in dp. A media query cannot read
390
+ * a custom property, so on web these are compiled in rather than overridable,
391
+ * and they are constants here for the same contract.
392
+ */
393
+ const breakpoints = {
394
+ compact: 0,
395
+ medium: 600,
396
+ expanded: 840,
397
+ large: 1200,
398
+ extraLarge: 1600
399
+ };
400
+ //#endregion
401
+ export { breakpoints, dark, light };
402
+
403
+ //# sourceMappingURL=defaults.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaults.js","names":["KuiTheme","light","Required","dark","breakpoints","compact","medium","expanded","large","extraLarge","const"],"sources":["../../src/tokens/defaults.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from @kanso-labs/kanso-ui/tokens.json.\n// Not committed and not to be edited: `npm run tokens:build` writes it.\n\n/**\n * A theme: any of the `--kui-*` custom properties `tokens.css` lists, each set\n * to a value in CSS syntax. Hand one to `ThemeScope`'s `theme` prop, and every\n * component inside reads it.\n *\n * The values hold for both schemes. A theme with a value of its own for light\n * and for dark is two of these, with the scope handed the one for the scheme\n * in use.\n */\ntype KuiTheme = {\n /** Defaults to `#fef7ff` in the light scheme and `#141218` in the dark. */\n readonly '--kui-color-background'?: string\n /** Defaults to `#b3261e` in the light scheme and `#f2b8b5` in the dark. */\n readonly '--kui-color-error'?: string\n /** Defaults to `#f9dedc` in the light scheme and `#8c1d18` in the dark. */\n readonly '--kui-color-error-container'?: string\n /** Defaults to `#f5eff7` in the light scheme and `#322f35` in the dark. */\n readonly '--kui-color-inverse-on-surface'?: string\n /** Defaults to `#d0bcff` in the light scheme and `#6750a4` in the dark. */\n readonly '--kui-color-inverse-primary'?: string\n /** Defaults to `#322f35` in the light scheme and `#e6e0e9` in the dark. */\n readonly '--kui-color-inverse-surface'?: string\n /** Defaults to `#a04022` in the light scheme and `#ffb59f` in the dark. */\n readonly '--kui-color-negative'?: string\n /** Defaults to `#ffdbd1` in the light scheme and `#81290c` in the dark. */\n readonly '--kui-color-negative-container'?: string\n /** Defaults to `#1d1b20` in the light scheme and `#e6e0e9` in the dark. */\n readonly '--kui-color-on-background'?: string\n /** Defaults to `#ffffff` in the light scheme and `#601410` in the dark. */\n readonly '--kui-color-on-error'?: string\n /** Defaults to `#410e0b` in the light scheme and `#f9dedc` in the dark. */\n readonly '--kui-color-on-error-container'?: string\n /** Defaults to `#ffffff` in the light scheme and `#5f1600` in the dark. */\n readonly '--kui-color-on-negative'?: string\n /** Defaults to `#3a0a00` in the light scheme and `#ffdbd1` in the dark. */\n readonly '--kui-color-on-negative-container'?: string\n /** Defaults to `#ffffff` in the light scheme and `#003827` in the dark. */\n readonly '--kui-color-on-positive'?: string\n /** Defaults to `#002115` in the light scheme and `#90f6ca` in the dark. */\n readonly '--kui-color-on-positive-container'?: string\n /** Defaults to `#ffffff` in the light scheme and `#381e72` in the dark. */\n readonly '--kui-color-on-primary'?: string\n /** Defaults to `#21005d` in the light scheme and `#eaddff` in the dark. */\n readonly '--kui-color-on-primary-container'?: string\n /** Defaults to `#21005d`. */\n readonly '--kui-color-on-primary-fixed'?: string\n /** Defaults to `#4f378b`. */\n readonly '--kui-color-on-primary-fixed-variant'?: string\n /** Defaults to `#ffffff` in the light scheme and `#332d41` in the dark. */\n readonly '--kui-color-on-secondary'?: string\n /** Defaults to `#1d192b` in the light scheme and `#e8def8` in the dark. */\n readonly '--kui-color-on-secondary-container'?: string\n /** Defaults to `#1d192b`. */\n readonly '--kui-color-on-secondary-fixed'?: string\n /** Defaults to `#4a4458`. */\n readonly '--kui-color-on-secondary-fixed-variant'?: string\n /** Defaults to `#1d1b20` in the light scheme and `#e6e0e9` in the dark. */\n readonly '--kui-color-on-surface'?: string\n /** Defaults to `#49454f` in the light scheme and `#cac4d0` in the dark. */\n readonly '--kui-color-on-surface-variant'?: string\n /** Defaults to `#ffffff` in the light scheme and `#492532` in the dark. */\n readonly '--kui-color-on-tertiary'?: string\n /** Defaults to `#31111d` in the light scheme and `#ffd8e4` in the dark. */\n readonly '--kui-color-on-tertiary-container'?: string\n /** Defaults to `#31111d`. */\n readonly '--kui-color-on-tertiary-fixed'?: string\n /** Defaults to `#633b48`. */\n readonly '--kui-color-on-tertiary-fixed-variant'?: string\n /** Defaults to `#79747e` in the light scheme and `#938f99` in the dark. */\n readonly '--kui-color-outline'?: string\n /** Defaults to `#cac4d0` in the light scheme and `#49454f` in the dark. */\n readonly '--kui-color-outline-variant'?: string\n /** Defaults to `#006c4d` in the light scheme and `#74d9af` in the dark. */\n readonly '--kui-color-positive'?: string\n /** Defaults to `#90f6ca` in the light scheme and `#00513a` in the dark. */\n readonly '--kui-color-positive-container'?: string\n /** Defaults to `#6750a4` in the light scheme and `#d0bcff` in the dark. */\n readonly '--kui-color-primary'?: string\n /** Defaults to `#eaddff` in the light scheme and `#4f378b` in the dark. */\n readonly '--kui-color-primary-container'?: string\n /** Defaults to `#eaddff`. */\n readonly '--kui-color-primary-fixed'?: string\n /** Defaults to `#d0bcff`. */\n readonly '--kui-color-primary-fixed-dim'?: string\n /** Defaults to `#000000`. */\n readonly '--kui-color-scrim'?: string\n /** Defaults to `#625b71` in the light scheme and `#ccc2dc` in the dark. */\n readonly '--kui-color-secondary'?: string\n /** Defaults to `#e8def8` in the light scheme and `#4a4458` in the dark. */\n readonly '--kui-color-secondary-container'?: string\n /** Defaults to `#e8def8`. */\n readonly '--kui-color-secondary-fixed'?: string\n /** Defaults to `#ccc2dc`. */\n readonly '--kui-color-secondary-fixed-dim'?: string\n /** Defaults to `#000000`. */\n readonly '--kui-color-shadow'?: string\n /** Defaults to `#fef7ff` in the light scheme and `#141218` in the dark. */\n readonly '--kui-color-surface'?: string\n /** Defaults to `#fef7ff` in the light scheme and `#3b383e` in the dark. */\n readonly '--kui-color-surface-bright'?: string\n /** Defaults to `#f3edf7` in the light scheme and `#211f26` in the dark. */\n readonly '--kui-color-surface-container'?: string\n /** Defaults to `#ece6f0` in the light scheme and `#2b2930` in the dark. */\n readonly '--kui-color-surface-container-high'?: string\n /** Defaults to `#e6e0e9` in the light scheme and `#36343b` in the dark. */\n readonly '--kui-color-surface-container-highest'?: string\n /** Defaults to `#f7f2fa` in the light scheme and `#1d1b20` in the dark. */\n readonly '--kui-color-surface-container-low'?: string\n /** Defaults to `#ffffff` in the light scheme and `#0f0d13` in the dark. */\n readonly '--kui-color-surface-container-lowest'?: string\n /** Defaults to `#ded8e1` in the light scheme and `#141218` in the dark. */\n readonly '--kui-color-surface-dim'?: string\n /** Defaults to `#6750a4` in the light scheme and `#d0bcff` in the dark. */\n readonly '--kui-color-surface-tint'?: string\n /** Defaults to `#e7e0ec` in the light scheme and `#49454f` in the dark. */\n readonly '--kui-color-surface-variant'?: string\n /** Defaults to `#7d5260` in the light scheme and `#efb8c8` in the dark. */\n readonly '--kui-color-tertiary'?: string\n /** Defaults to `#ffd8e4` in the light scheme and `#633b48` in the dark. */\n readonly '--kui-color-tertiary-container'?: string\n /** Defaults to `#ffd8e4`. */\n readonly '--kui-color-tertiary-fixed'?: string\n /** Defaults to `#efb8c8`. */\n readonly '--kui-color-tertiary-fixed-dim'?: string\n /** Defaults to `450ms`. */\n readonly '--kui-motion-duration-long1'?: string\n /** Defaults to `500ms`. */\n readonly '--kui-motion-duration-long2'?: string\n /** Defaults to `600ms`. */\n readonly '--kui-motion-duration-long3'?: string\n /** Defaults to `250ms`. */\n readonly '--kui-motion-duration-medium1'?: string\n /** Defaults to `300ms`. */\n readonly '--kui-motion-duration-medium2'?: string\n /** Defaults to `350ms`. */\n readonly '--kui-motion-duration-medium3'?: string\n /** Defaults to `100ms`. */\n readonly '--kui-motion-duration-short1'?: string\n /** Defaults to `150ms`. */\n readonly '--kui-motion-duration-short2'?: string\n /** Defaults to `200ms`. */\n readonly '--kui-motion-duration-short3'?: string\n /** Defaults to `cubic-bezier(0.2, 0, 0, 1)`. */\n readonly '--kui-motion-easing-emphasized'?: string\n /** Defaults to `cubic-bezier(0.3, 0, 0.8, 0.15)`. */\n readonly '--kui-motion-easing-emphasized-accelerate'?: string\n /** Defaults to `cubic-bezier(0.05, 0.7, 0.1, 1)`. */\n readonly '--kui-motion-easing-emphasized-decelerate'?: string\n /** Defaults to `cubic-bezier(0.34, 1.56, 0.64, 1)`. */\n readonly '--kui-motion-easing-spring-fast'?: string\n /** Defaults to `cubic-bezier(0.16, 1, 0.3, 1)`. */\n readonly '--kui-motion-easing-spring-slow'?: string\n /** Defaults to `cubic-bezier(0.2, 0, 0, 1)`. */\n readonly '--kui-motion-easing-standard'?: string\n /** Defaults to `9999px`. */\n readonly '--kui-radius-circle'?: string\n /** Defaults to `16px`. */\n readonly '--kui-radius-lg'?: string\n /** Defaults to `12px`. */\n readonly '--kui-radius-md'?: string\n /** Defaults to `0px`. */\n readonly '--kui-radius-none'?: string\n /** Defaults to `9999px`. */\n readonly '--kui-radius-pill'?: string\n /** Defaults to `8px`. */\n readonly '--kui-radius-sm'?: string\n /** Defaults to `28px`. */\n readonly '--kui-radius-xl'?: string\n /** Defaults to `4px`. */\n readonly '--kui-radius-xs'?: string\n /** Defaults to `0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)`. */\n readonly '--kui-shadow-elevation1'?: string\n /** Defaults to `0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15)`. */\n readonly '--kui-shadow-elevation2'?: string\n /** Defaults to `0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)`. */\n readonly '--kui-shadow-elevation3'?: string\n /** Defaults to `0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)`. */\n readonly '--kui-shadow-elevation4'?: string\n /** Defaults to `0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)`. */\n readonly '--kui-shadow-elevation5'?: string\n /** Defaults to `56px`. */\n readonly '--kui-sizing-control-lg'?: string\n /** Defaults to `48px`. */\n readonly '--kui-sizing-control-md'?: string\n /** Defaults to `40px`. */\n readonly '--kui-sizing-control-sm'?: string\n /** Defaults to `96px`. */\n readonly '--kui-sizing-control-xl'?: string\n /** Defaults to `32px`. */\n readonly '--kui-sizing-control-xs'?: string\n /** Defaults to `136px`. */\n readonly '--kui-sizing-control-xxl'?: string\n /** Defaults to `88px`. */\n readonly '--kui-sizing-row-lg'?: string\n /** Defaults to `72px`. */\n readonly '--kui-sizing-row-md'?: string\n /** Defaults to `56px`. */\n readonly '--kui-sizing-row-sm'?: string\n /** Defaults to `48px`. */\n readonly '--kui-sizing-row-xs'?: string\n /** Defaults to `16px`. */\n readonly '--kui-spacing-lg'?: string\n /** Defaults to `12px`. */\n readonly '--kui-spacing-md'?: string\n /** Defaults to `8px`. */\n readonly '--kui-spacing-sm'?: string\n /** Defaults to `24px`. */\n readonly '--kui-spacing-xl'?: string\n /** Defaults to `4px`. */\n readonly '--kui-spacing-xs'?: string\n /** Defaults to `32px`. */\n readonly '--kui-spacing-xxl'?: string\n /** Defaults to `2px`. */\n readonly '--kui-spacing-xxs'?: string\n /** Defaults to `40px`. */\n readonly '--kui-spacing-xxxl'?: string\n /** Defaults to `0.12`. */\n readonly '--kui-state-layer-opacity-disabled-container'?: string\n /** Defaults to `0.38`. */\n readonly '--kui-state-layer-opacity-disabled-content'?: string\n /** Defaults to `0.16`. */\n readonly '--kui-state-layer-opacity-dragged'?: string\n /** Defaults to `0.1`. */\n readonly '--kui-state-layer-opacity-focus'?: string\n /** Defaults to `0.08`. */\n readonly '--kui-state-layer-opacity-hover'?: string\n /** Defaults to `0.1`. */\n readonly '--kui-state-layer-opacity-pressed'?: string\n /** Defaults to `var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)`. */\n readonly '--kui-typography-body-large-font'?: string\n /** Defaults to `24px`. */\n readonly '--kui-typography-body-large-line-height'?: string\n /** Defaults to `16px`. */\n readonly '--kui-typography-body-large-size'?: string\n /** Defaults to `0.5px`. */\n readonly '--kui-typography-body-large-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-regular, 400)`. */\n readonly '--kui-typography-body-large-weight'?: string\n /** Defaults to `var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)`. */\n readonly '--kui-typography-body-medium-font'?: string\n /** Defaults to `20px`. */\n readonly '--kui-typography-body-medium-line-height'?: string\n /** Defaults to `14px`. */\n readonly '--kui-typography-body-medium-size'?: string\n /** Defaults to `0.25px`. */\n readonly '--kui-typography-body-medium-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-regular, 400)`. */\n readonly '--kui-typography-body-medium-weight'?: string\n /** Defaults to `var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)`. */\n readonly '--kui-typography-body-small-font'?: string\n /** Defaults to `16px`. */\n readonly '--kui-typography-body-small-line-height'?: string\n /** Defaults to `12px`. */\n readonly '--kui-typography-body-small-size'?: string\n /** Defaults to `0.4px`. */\n readonly '--kui-typography-body-small-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-regular, 400)`. */\n readonly '--kui-typography-body-small-weight'?: string\n /** Defaults to `var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)`. */\n readonly '--kui-typography-display-large-font'?: string\n /** Defaults to `64px`. */\n readonly '--kui-typography-display-large-line-height'?: string\n /** Defaults to `57px`. */\n readonly '--kui-typography-display-large-size'?: string\n /** Defaults to `-0.25px`. */\n readonly '--kui-typography-display-large-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-regular, 400)`. */\n readonly '--kui-typography-display-large-weight'?: string\n /** Defaults to `var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)`. */\n readonly '--kui-typography-display-medium-font'?: string\n /** Defaults to `52px`. */\n readonly '--kui-typography-display-medium-line-height'?: string\n /** Defaults to `45px`. */\n readonly '--kui-typography-display-medium-size'?: string\n /** Defaults to `0px`. */\n readonly '--kui-typography-display-medium-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-regular, 400)`. */\n readonly '--kui-typography-display-medium-weight'?: string\n /** Defaults to `var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)`. */\n readonly '--kui-typography-display-small-font'?: string\n /** Defaults to `44px`. */\n readonly '--kui-typography-display-small-line-height'?: string\n /** Defaults to `36px`. */\n readonly '--kui-typography-display-small-size'?: string\n /** Defaults to `0px`. */\n readonly '--kui-typography-display-small-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-regular, 400)`. */\n readonly '--kui-typography-display-small-weight'?: string\n /** Defaults to `'Roboto Serif', 'Iowan Old Style', Georgia, serif`. */\n readonly '--kui-typography-font-family-brand'?: string\n /** Defaults to `'Roboto Mono', ui-monospace, 'SF Mono', Menlo, monospace`. */\n readonly '--kui-typography-font-family-mono'?: string\n /** Defaults to `'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`. */\n readonly '--kui-typography-font-family-plain'?: string\n /** Defaults to `var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)`. */\n readonly '--kui-typography-headline-large-font'?: string\n /** Defaults to `40px`. */\n readonly '--kui-typography-headline-large-line-height'?: string\n /** Defaults to `32px`. */\n readonly '--kui-typography-headline-large-size'?: string\n /** Defaults to `0px`. */\n readonly '--kui-typography-headline-large-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-regular, 400)`. */\n readonly '--kui-typography-headline-large-weight'?: string\n /** Defaults to `var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)`. */\n readonly '--kui-typography-headline-medium-font'?: string\n /** Defaults to `36px`. */\n readonly '--kui-typography-headline-medium-line-height'?: string\n /** Defaults to `28px`. */\n readonly '--kui-typography-headline-medium-size'?: string\n /** Defaults to `0px`. */\n readonly '--kui-typography-headline-medium-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-regular, 400)`. */\n readonly '--kui-typography-headline-medium-weight'?: string\n /** Defaults to `var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)`. */\n readonly '--kui-typography-headline-small-font'?: string\n /** Defaults to `32px`. */\n readonly '--kui-typography-headline-small-line-height'?: string\n /** Defaults to `24px`. */\n readonly '--kui-typography-headline-small-size'?: string\n /** Defaults to `0px`. */\n readonly '--kui-typography-headline-small-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-regular, 400)`. */\n readonly '--kui-typography-headline-small-weight'?: string\n /** Defaults to `var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)`. */\n readonly '--kui-typography-label-large-font'?: string\n /** Defaults to `20px`. */\n readonly '--kui-typography-label-large-line-height'?: string\n /** Defaults to `14px`. */\n readonly '--kui-typography-label-large-size'?: string\n /** Defaults to `0.1px`. */\n readonly '--kui-typography-label-large-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-medium, 500)`. */\n readonly '--kui-typography-label-large-weight'?: string\n /** Defaults to `var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)`. */\n readonly '--kui-typography-label-medium-font'?: string\n /** Defaults to `16px`. */\n readonly '--kui-typography-label-medium-line-height'?: string\n /** Defaults to `12px`. */\n readonly '--kui-typography-label-medium-size'?: string\n /** Defaults to `0.5px`. */\n readonly '--kui-typography-label-medium-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-medium, 500)`. */\n readonly '--kui-typography-label-medium-weight'?: string\n /** Defaults to `var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)`. */\n readonly '--kui-typography-label-small-font'?: string\n /** Defaults to `16px`. */\n readonly '--kui-typography-label-small-line-height'?: string\n /** Defaults to `11px`. */\n readonly '--kui-typography-label-small-size'?: string\n /** Defaults to `0.5px`. */\n readonly '--kui-typography-label-small-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-medium, 500)`. */\n readonly '--kui-typography-label-small-weight'?: string\n /** Defaults to `var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)`. */\n readonly '--kui-typography-title-large-font'?: string\n /** Defaults to `28px`. */\n readonly '--kui-typography-title-large-line-height'?: string\n /** Defaults to `22px`. */\n readonly '--kui-typography-title-large-size'?: string\n /** Defaults to `0px`. */\n readonly '--kui-typography-title-large-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-regular, 400)`. */\n readonly '--kui-typography-title-large-weight'?: string\n /** Defaults to `var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)`. */\n readonly '--kui-typography-title-medium-font'?: string\n /** Defaults to `24px`. */\n readonly '--kui-typography-title-medium-line-height'?: string\n /** Defaults to `16px`. */\n readonly '--kui-typography-title-medium-size'?: string\n /** Defaults to `0.15px`. */\n readonly '--kui-typography-title-medium-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-medium, 500)`. */\n readonly '--kui-typography-title-medium-weight'?: string\n /** Defaults to `var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)`. */\n readonly '--kui-typography-title-small-font'?: string\n /** Defaults to `20px`. */\n readonly '--kui-typography-title-small-line-height'?: string\n /** Defaults to `14px`. */\n readonly '--kui-typography-title-small-size'?: string\n /** Defaults to `0.1px`. */\n readonly '--kui-typography-title-small-tracking'?: string\n /** Defaults to `var(--kui-typography-weight-medium, 500)`. */\n readonly '--kui-typography-title-small-weight'?: string\n /** Defaults to `700`. */\n readonly '--kui-typography-weight-bold'?: string\n /** Defaults to `500`. */\n readonly '--kui-typography-weight-medium'?: string\n /** Defaults to `400`. */\n readonly '--kui-typography-weight-regular'?: string\n}\n\n/** Every property at its value in the light scheme. */\nconst light: Required<KuiTheme> = {\n \"--kui-color-background\": \"#fef7ff\",\n \"--kui-color-error\": \"#b3261e\",\n \"--kui-color-error-container\": \"#f9dedc\",\n \"--kui-color-inverse-on-surface\": \"#f5eff7\",\n \"--kui-color-inverse-primary\": \"#d0bcff\",\n \"--kui-color-inverse-surface\": \"#322f35\",\n \"--kui-color-negative\": \"#a04022\",\n \"--kui-color-negative-container\": \"#ffdbd1\",\n \"--kui-color-on-background\": \"#1d1b20\",\n \"--kui-color-on-error\": \"#ffffff\",\n \"--kui-color-on-error-container\": \"#410e0b\",\n \"--kui-color-on-negative\": \"#ffffff\",\n \"--kui-color-on-negative-container\": \"#3a0a00\",\n \"--kui-color-on-positive\": \"#ffffff\",\n \"--kui-color-on-positive-container\": \"#002115\",\n \"--kui-color-on-primary\": \"#ffffff\",\n \"--kui-color-on-primary-container\": \"#21005d\",\n \"--kui-color-on-primary-fixed\": \"#21005d\",\n \"--kui-color-on-primary-fixed-variant\": \"#4f378b\",\n \"--kui-color-on-secondary\": \"#ffffff\",\n \"--kui-color-on-secondary-container\": \"#1d192b\",\n \"--kui-color-on-secondary-fixed\": \"#1d192b\",\n \"--kui-color-on-secondary-fixed-variant\": \"#4a4458\",\n \"--kui-color-on-surface\": \"#1d1b20\",\n \"--kui-color-on-surface-variant\": \"#49454f\",\n \"--kui-color-on-tertiary\": \"#ffffff\",\n \"--kui-color-on-tertiary-container\": \"#31111d\",\n \"--kui-color-on-tertiary-fixed\": \"#31111d\",\n \"--kui-color-on-tertiary-fixed-variant\": \"#633b48\",\n \"--kui-color-outline\": \"#79747e\",\n \"--kui-color-outline-variant\": \"#cac4d0\",\n \"--kui-color-positive\": \"#006c4d\",\n \"--kui-color-positive-container\": \"#90f6ca\",\n \"--kui-color-primary\": \"#6750a4\",\n \"--kui-color-primary-container\": \"#eaddff\",\n \"--kui-color-primary-fixed\": \"#eaddff\",\n \"--kui-color-primary-fixed-dim\": \"#d0bcff\",\n \"--kui-color-scrim\": \"#000000\",\n \"--kui-color-secondary\": \"#625b71\",\n \"--kui-color-secondary-container\": \"#e8def8\",\n \"--kui-color-secondary-fixed\": \"#e8def8\",\n \"--kui-color-secondary-fixed-dim\": \"#ccc2dc\",\n \"--kui-color-shadow\": \"#000000\",\n \"--kui-color-surface\": \"#fef7ff\",\n \"--kui-color-surface-bright\": \"#fef7ff\",\n \"--kui-color-surface-container\": \"#f3edf7\",\n \"--kui-color-surface-container-high\": \"#ece6f0\",\n \"--kui-color-surface-container-highest\": \"#e6e0e9\",\n \"--kui-color-surface-container-low\": \"#f7f2fa\",\n \"--kui-color-surface-container-lowest\": \"#ffffff\",\n \"--kui-color-surface-dim\": \"#ded8e1\",\n \"--kui-color-surface-tint\": \"#6750a4\",\n \"--kui-color-surface-variant\": \"#e7e0ec\",\n \"--kui-color-tertiary\": \"#7d5260\",\n \"--kui-color-tertiary-container\": \"#ffd8e4\",\n \"--kui-color-tertiary-fixed\": \"#ffd8e4\",\n \"--kui-color-tertiary-fixed-dim\": \"#efb8c8\",\n \"--kui-motion-duration-long1\": \"450ms\",\n \"--kui-motion-duration-long2\": \"500ms\",\n \"--kui-motion-duration-long3\": \"600ms\",\n \"--kui-motion-duration-medium1\": \"250ms\",\n \"--kui-motion-duration-medium2\": \"300ms\",\n \"--kui-motion-duration-medium3\": \"350ms\",\n \"--kui-motion-duration-short1\": \"100ms\",\n \"--kui-motion-duration-short2\": \"150ms\",\n \"--kui-motion-duration-short3\": \"200ms\",\n \"--kui-motion-easing-emphasized\": \"cubic-bezier(0.2, 0, 0, 1)\",\n \"--kui-motion-easing-emphasized-accelerate\": \"cubic-bezier(0.3, 0, 0.8, 0.15)\",\n \"--kui-motion-easing-emphasized-decelerate\": \"cubic-bezier(0.05, 0.7, 0.1, 1)\",\n \"--kui-motion-easing-spring-fast\": \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n \"--kui-motion-easing-spring-slow\": \"cubic-bezier(0.16, 1, 0.3, 1)\",\n \"--kui-motion-easing-standard\": \"cubic-bezier(0.2, 0, 0, 1)\",\n \"--kui-radius-circle\": \"9999px\",\n \"--kui-radius-lg\": \"16px\",\n \"--kui-radius-md\": \"12px\",\n \"--kui-radius-none\": \"0px\",\n \"--kui-radius-pill\": \"9999px\",\n \"--kui-radius-sm\": \"8px\",\n \"--kui-radius-xl\": \"28px\",\n \"--kui-radius-xs\": \"4px\",\n \"--kui-shadow-elevation1\": \"0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)\",\n \"--kui-shadow-elevation2\": \"0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15)\",\n \"--kui-shadow-elevation3\": \"0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)\",\n \"--kui-shadow-elevation4\": \"0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)\",\n \"--kui-shadow-elevation5\": \"0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)\",\n \"--kui-sizing-control-lg\": \"56px\",\n \"--kui-sizing-control-md\": \"48px\",\n \"--kui-sizing-control-sm\": \"40px\",\n \"--kui-sizing-control-xl\": \"96px\",\n \"--kui-sizing-control-xs\": \"32px\",\n \"--kui-sizing-control-xxl\": \"136px\",\n \"--kui-sizing-row-lg\": \"88px\",\n \"--kui-sizing-row-md\": \"72px\",\n \"--kui-sizing-row-sm\": \"56px\",\n \"--kui-sizing-row-xs\": \"48px\",\n \"--kui-spacing-lg\": \"16px\",\n \"--kui-spacing-md\": \"12px\",\n \"--kui-spacing-sm\": \"8px\",\n \"--kui-spacing-xl\": \"24px\",\n \"--kui-spacing-xs\": \"4px\",\n \"--kui-spacing-xxl\": \"32px\",\n \"--kui-spacing-xxs\": \"2px\",\n \"--kui-spacing-xxxl\": \"40px\",\n \"--kui-state-layer-opacity-disabled-container\": \"0.12\",\n \"--kui-state-layer-opacity-disabled-content\": \"0.38\",\n \"--kui-state-layer-opacity-dragged\": \"0.16\",\n \"--kui-state-layer-opacity-focus\": \"0.1\",\n \"--kui-state-layer-opacity-hover\": \"0.08\",\n \"--kui-state-layer-opacity-pressed\": \"0.1\",\n \"--kui-typography-body-large-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-body-large-line-height\": \"24px\",\n \"--kui-typography-body-large-size\": \"16px\",\n \"--kui-typography-body-large-tracking\": \"0.5px\",\n \"--kui-typography-body-large-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-body-medium-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-body-medium-line-height\": \"20px\",\n \"--kui-typography-body-medium-size\": \"14px\",\n \"--kui-typography-body-medium-tracking\": \"0.25px\",\n \"--kui-typography-body-medium-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-body-small-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-body-small-line-height\": \"16px\",\n \"--kui-typography-body-small-size\": \"12px\",\n \"--kui-typography-body-small-tracking\": \"0.4px\",\n \"--kui-typography-body-small-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-display-large-font\": \"var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)\",\n \"--kui-typography-display-large-line-height\": \"64px\",\n \"--kui-typography-display-large-size\": \"57px\",\n \"--kui-typography-display-large-tracking\": \"-0.25px\",\n \"--kui-typography-display-large-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-display-medium-font\": \"var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)\",\n \"--kui-typography-display-medium-line-height\": \"52px\",\n \"--kui-typography-display-medium-size\": \"45px\",\n \"--kui-typography-display-medium-tracking\": \"0px\",\n \"--kui-typography-display-medium-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-display-small-font\": \"var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)\",\n \"--kui-typography-display-small-line-height\": \"44px\",\n \"--kui-typography-display-small-size\": \"36px\",\n \"--kui-typography-display-small-tracking\": \"0px\",\n \"--kui-typography-display-small-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-font-family-brand\": \"'Roboto Serif', 'Iowan Old Style', Georgia, serif\",\n \"--kui-typography-font-family-mono\": \"'Roboto Mono', ui-monospace, 'SF Mono', Menlo, monospace\",\n \"--kui-typography-font-family-plain\": \"'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",\n \"--kui-typography-headline-large-font\": \"var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)\",\n \"--kui-typography-headline-large-line-height\": \"40px\",\n \"--kui-typography-headline-large-size\": \"32px\",\n \"--kui-typography-headline-large-tracking\": \"0px\",\n \"--kui-typography-headline-large-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-headline-medium-font\": \"var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)\",\n \"--kui-typography-headline-medium-line-height\": \"36px\",\n \"--kui-typography-headline-medium-size\": \"28px\",\n \"--kui-typography-headline-medium-tracking\": \"0px\",\n \"--kui-typography-headline-medium-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-headline-small-font\": \"var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)\",\n \"--kui-typography-headline-small-line-height\": \"32px\",\n \"--kui-typography-headline-small-size\": \"24px\",\n \"--kui-typography-headline-small-tracking\": \"0px\",\n \"--kui-typography-headline-small-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-label-large-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-label-large-line-height\": \"20px\",\n \"--kui-typography-label-large-size\": \"14px\",\n \"--kui-typography-label-large-tracking\": \"0.1px\",\n \"--kui-typography-label-large-weight\": \"var(--kui-typography-weight-medium, 500)\",\n \"--kui-typography-label-medium-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-label-medium-line-height\": \"16px\",\n \"--kui-typography-label-medium-size\": \"12px\",\n \"--kui-typography-label-medium-tracking\": \"0.5px\",\n \"--kui-typography-label-medium-weight\": \"var(--kui-typography-weight-medium, 500)\",\n \"--kui-typography-label-small-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-label-small-line-height\": \"16px\",\n \"--kui-typography-label-small-size\": \"11px\",\n \"--kui-typography-label-small-tracking\": \"0.5px\",\n \"--kui-typography-label-small-weight\": \"var(--kui-typography-weight-medium, 500)\",\n \"--kui-typography-title-large-font\": \"var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)\",\n \"--kui-typography-title-large-line-height\": \"28px\",\n \"--kui-typography-title-large-size\": \"22px\",\n \"--kui-typography-title-large-tracking\": \"0px\",\n \"--kui-typography-title-large-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-title-medium-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-title-medium-line-height\": \"24px\",\n \"--kui-typography-title-medium-size\": \"16px\",\n \"--kui-typography-title-medium-tracking\": \"0.15px\",\n \"--kui-typography-title-medium-weight\": \"var(--kui-typography-weight-medium, 500)\",\n \"--kui-typography-title-small-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-title-small-line-height\": \"20px\",\n \"--kui-typography-title-small-size\": \"14px\",\n \"--kui-typography-title-small-tracking\": \"0.1px\",\n \"--kui-typography-title-small-weight\": \"var(--kui-typography-weight-medium, 500)\",\n \"--kui-typography-weight-bold\": \"700\",\n \"--kui-typography-weight-medium\": \"500\",\n \"--kui-typography-weight-regular\": \"400\",\n}\n\n/** Every property at its value in the dark scheme. */\nconst dark: Required<KuiTheme> = {\n \"--kui-color-background\": \"#141218\",\n \"--kui-color-error\": \"#f2b8b5\",\n \"--kui-color-error-container\": \"#8c1d18\",\n \"--kui-color-inverse-on-surface\": \"#322f35\",\n \"--kui-color-inverse-primary\": \"#6750a4\",\n \"--kui-color-inverse-surface\": \"#e6e0e9\",\n \"--kui-color-negative\": \"#ffb59f\",\n \"--kui-color-negative-container\": \"#81290c\",\n \"--kui-color-on-background\": \"#e6e0e9\",\n \"--kui-color-on-error\": \"#601410\",\n \"--kui-color-on-error-container\": \"#f9dedc\",\n \"--kui-color-on-negative\": \"#5f1600\",\n \"--kui-color-on-negative-container\": \"#ffdbd1\",\n \"--kui-color-on-positive\": \"#003827\",\n \"--kui-color-on-positive-container\": \"#90f6ca\",\n \"--kui-color-on-primary\": \"#381e72\",\n \"--kui-color-on-primary-container\": \"#eaddff\",\n \"--kui-color-on-primary-fixed\": \"#21005d\",\n \"--kui-color-on-primary-fixed-variant\": \"#4f378b\",\n \"--kui-color-on-secondary\": \"#332d41\",\n \"--kui-color-on-secondary-container\": \"#e8def8\",\n \"--kui-color-on-secondary-fixed\": \"#1d192b\",\n \"--kui-color-on-secondary-fixed-variant\": \"#4a4458\",\n \"--kui-color-on-surface\": \"#e6e0e9\",\n \"--kui-color-on-surface-variant\": \"#cac4d0\",\n \"--kui-color-on-tertiary\": \"#492532\",\n \"--kui-color-on-tertiary-container\": \"#ffd8e4\",\n \"--kui-color-on-tertiary-fixed\": \"#31111d\",\n \"--kui-color-on-tertiary-fixed-variant\": \"#633b48\",\n \"--kui-color-outline\": \"#938f99\",\n \"--kui-color-outline-variant\": \"#49454f\",\n \"--kui-color-positive\": \"#74d9af\",\n \"--kui-color-positive-container\": \"#00513a\",\n \"--kui-color-primary\": \"#d0bcff\",\n \"--kui-color-primary-container\": \"#4f378b\",\n \"--kui-color-primary-fixed\": \"#eaddff\",\n \"--kui-color-primary-fixed-dim\": \"#d0bcff\",\n \"--kui-color-scrim\": \"#000000\",\n \"--kui-color-secondary\": \"#ccc2dc\",\n \"--kui-color-secondary-container\": \"#4a4458\",\n \"--kui-color-secondary-fixed\": \"#e8def8\",\n \"--kui-color-secondary-fixed-dim\": \"#ccc2dc\",\n \"--kui-color-shadow\": \"#000000\",\n \"--kui-color-surface\": \"#141218\",\n \"--kui-color-surface-bright\": \"#3b383e\",\n \"--kui-color-surface-container\": \"#211f26\",\n \"--kui-color-surface-container-high\": \"#2b2930\",\n \"--kui-color-surface-container-highest\": \"#36343b\",\n \"--kui-color-surface-container-low\": \"#1d1b20\",\n \"--kui-color-surface-container-lowest\": \"#0f0d13\",\n \"--kui-color-surface-dim\": \"#141218\",\n \"--kui-color-surface-tint\": \"#d0bcff\",\n \"--kui-color-surface-variant\": \"#49454f\",\n \"--kui-color-tertiary\": \"#efb8c8\",\n \"--kui-color-tertiary-container\": \"#633b48\",\n \"--kui-color-tertiary-fixed\": \"#ffd8e4\",\n \"--kui-color-tertiary-fixed-dim\": \"#efb8c8\",\n \"--kui-motion-duration-long1\": \"450ms\",\n \"--kui-motion-duration-long2\": \"500ms\",\n \"--kui-motion-duration-long3\": \"600ms\",\n \"--kui-motion-duration-medium1\": \"250ms\",\n \"--kui-motion-duration-medium2\": \"300ms\",\n \"--kui-motion-duration-medium3\": \"350ms\",\n \"--kui-motion-duration-short1\": \"100ms\",\n \"--kui-motion-duration-short2\": \"150ms\",\n \"--kui-motion-duration-short3\": \"200ms\",\n \"--kui-motion-easing-emphasized\": \"cubic-bezier(0.2, 0, 0, 1)\",\n \"--kui-motion-easing-emphasized-accelerate\": \"cubic-bezier(0.3, 0, 0.8, 0.15)\",\n \"--kui-motion-easing-emphasized-decelerate\": \"cubic-bezier(0.05, 0.7, 0.1, 1)\",\n \"--kui-motion-easing-spring-fast\": \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n \"--kui-motion-easing-spring-slow\": \"cubic-bezier(0.16, 1, 0.3, 1)\",\n \"--kui-motion-easing-standard\": \"cubic-bezier(0.2, 0, 0, 1)\",\n \"--kui-radius-circle\": \"9999px\",\n \"--kui-radius-lg\": \"16px\",\n \"--kui-radius-md\": \"12px\",\n \"--kui-radius-none\": \"0px\",\n \"--kui-radius-pill\": \"9999px\",\n \"--kui-radius-sm\": \"8px\",\n \"--kui-radius-xl\": \"28px\",\n \"--kui-radius-xs\": \"4px\",\n \"--kui-shadow-elevation1\": \"0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)\",\n \"--kui-shadow-elevation2\": \"0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15)\",\n \"--kui-shadow-elevation3\": \"0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)\",\n \"--kui-shadow-elevation4\": \"0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)\",\n \"--kui-shadow-elevation5\": \"0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)\",\n \"--kui-sizing-control-lg\": \"56px\",\n \"--kui-sizing-control-md\": \"48px\",\n \"--kui-sizing-control-sm\": \"40px\",\n \"--kui-sizing-control-xl\": \"96px\",\n \"--kui-sizing-control-xs\": \"32px\",\n \"--kui-sizing-control-xxl\": \"136px\",\n \"--kui-sizing-row-lg\": \"88px\",\n \"--kui-sizing-row-md\": \"72px\",\n \"--kui-sizing-row-sm\": \"56px\",\n \"--kui-sizing-row-xs\": \"48px\",\n \"--kui-spacing-lg\": \"16px\",\n \"--kui-spacing-md\": \"12px\",\n \"--kui-spacing-sm\": \"8px\",\n \"--kui-spacing-xl\": \"24px\",\n \"--kui-spacing-xs\": \"4px\",\n \"--kui-spacing-xxl\": \"32px\",\n \"--kui-spacing-xxs\": \"2px\",\n \"--kui-spacing-xxxl\": \"40px\",\n \"--kui-state-layer-opacity-disabled-container\": \"0.12\",\n \"--kui-state-layer-opacity-disabled-content\": \"0.38\",\n \"--kui-state-layer-opacity-dragged\": \"0.16\",\n \"--kui-state-layer-opacity-focus\": \"0.1\",\n \"--kui-state-layer-opacity-hover\": \"0.08\",\n \"--kui-state-layer-opacity-pressed\": \"0.1\",\n \"--kui-typography-body-large-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-body-large-line-height\": \"24px\",\n \"--kui-typography-body-large-size\": \"16px\",\n \"--kui-typography-body-large-tracking\": \"0.5px\",\n \"--kui-typography-body-large-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-body-medium-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-body-medium-line-height\": \"20px\",\n \"--kui-typography-body-medium-size\": \"14px\",\n \"--kui-typography-body-medium-tracking\": \"0.25px\",\n \"--kui-typography-body-medium-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-body-small-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-body-small-line-height\": \"16px\",\n \"--kui-typography-body-small-size\": \"12px\",\n \"--kui-typography-body-small-tracking\": \"0.4px\",\n \"--kui-typography-body-small-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-display-large-font\": \"var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)\",\n \"--kui-typography-display-large-line-height\": \"64px\",\n \"--kui-typography-display-large-size\": \"57px\",\n \"--kui-typography-display-large-tracking\": \"-0.25px\",\n \"--kui-typography-display-large-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-display-medium-font\": \"var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)\",\n \"--kui-typography-display-medium-line-height\": \"52px\",\n \"--kui-typography-display-medium-size\": \"45px\",\n \"--kui-typography-display-medium-tracking\": \"0px\",\n \"--kui-typography-display-medium-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-display-small-font\": \"var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)\",\n \"--kui-typography-display-small-line-height\": \"44px\",\n \"--kui-typography-display-small-size\": \"36px\",\n \"--kui-typography-display-small-tracking\": \"0px\",\n \"--kui-typography-display-small-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-font-family-brand\": \"'Roboto Serif', 'Iowan Old Style', Georgia, serif\",\n \"--kui-typography-font-family-mono\": \"'Roboto Mono', ui-monospace, 'SF Mono', Menlo, monospace\",\n \"--kui-typography-font-family-plain\": \"'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",\n \"--kui-typography-headline-large-font\": \"var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)\",\n \"--kui-typography-headline-large-line-height\": \"40px\",\n \"--kui-typography-headline-large-size\": \"32px\",\n \"--kui-typography-headline-large-tracking\": \"0px\",\n \"--kui-typography-headline-large-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-headline-medium-font\": \"var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)\",\n \"--kui-typography-headline-medium-line-height\": \"36px\",\n \"--kui-typography-headline-medium-size\": \"28px\",\n \"--kui-typography-headline-medium-tracking\": \"0px\",\n \"--kui-typography-headline-medium-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-headline-small-font\": \"var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)\",\n \"--kui-typography-headline-small-line-height\": \"32px\",\n \"--kui-typography-headline-small-size\": \"24px\",\n \"--kui-typography-headline-small-tracking\": \"0px\",\n \"--kui-typography-headline-small-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-label-large-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-label-large-line-height\": \"20px\",\n \"--kui-typography-label-large-size\": \"14px\",\n \"--kui-typography-label-large-tracking\": \"0.1px\",\n \"--kui-typography-label-large-weight\": \"var(--kui-typography-weight-medium, 500)\",\n \"--kui-typography-label-medium-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-label-medium-line-height\": \"16px\",\n \"--kui-typography-label-medium-size\": \"12px\",\n \"--kui-typography-label-medium-tracking\": \"0.5px\",\n \"--kui-typography-label-medium-weight\": \"var(--kui-typography-weight-medium, 500)\",\n \"--kui-typography-label-small-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-label-small-line-height\": \"16px\",\n \"--kui-typography-label-small-size\": \"11px\",\n \"--kui-typography-label-small-tracking\": \"0.5px\",\n \"--kui-typography-label-small-weight\": \"var(--kui-typography-weight-medium, 500)\",\n \"--kui-typography-title-large-font\": \"var(--kui-typography-font-family-brand, 'Roboto Serif', 'Iowan Old Style', Georgia, serif)\",\n \"--kui-typography-title-large-line-height\": \"28px\",\n \"--kui-typography-title-large-size\": \"22px\",\n \"--kui-typography-title-large-tracking\": \"0px\",\n \"--kui-typography-title-large-weight\": \"var(--kui-typography-weight-regular, 400)\",\n \"--kui-typography-title-medium-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-title-medium-line-height\": \"24px\",\n \"--kui-typography-title-medium-size\": \"16px\",\n \"--kui-typography-title-medium-tracking\": \"0.15px\",\n \"--kui-typography-title-medium-weight\": \"var(--kui-typography-weight-medium, 500)\",\n \"--kui-typography-title-small-font\": \"var(--kui-typography-font-family-plain, 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)\",\n \"--kui-typography-title-small-line-height\": \"20px\",\n \"--kui-typography-title-small-size\": \"14px\",\n \"--kui-typography-title-small-tracking\": \"0.1px\",\n \"--kui-typography-title-small-weight\": \"var(--kui-typography-weight-medium, 500)\",\n \"--kui-typography-weight-bold\": \"700\",\n \"--kui-typography-weight-medium\": \"500\",\n \"--kui-typography-weight-regular\": \"400\",\n}\n\n/**\n * The lower bound of each window size class, in dp. A media query cannot read\n * a custom property, so on web these are compiled in rather than overridable,\n * and they are constants here for the same contract.\n */\nconst breakpoints = {\n compact: 0,\n medium: 600,\n expanded: 840,\n large: 1200,\n extraLarge: 1600,\n} as const\n\nexport { breakpoints, dark, light }\nexport type { KuiTheme }\n"],"mappings":"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"}
@@ -0,0 +1,84 @@
1
+ import { c } from "react/compiler-runtime";
2
+ import { Platform } from "react-native";
3
+ import { useSyncExternalStore } from "react";
4
+ //#region src/typography/fonts.ts
5
+ let registry;
6
+ let loading;
7
+ const listeners = /* @__PURE__ */ new Set();
8
+ async function load() {
9
+ try {
10
+ return await import(
11
+ /* @vite-ignore */
12
+ "expo-font"
13
+ );
14
+ } catch {
15
+ return null;
16
+ }
17
+ }
18
+ async function settle() {
19
+ registry = await load();
20
+ for (const listener of listeners) listener();
21
+ }
22
+ function snapshot() {
23
+ start();
24
+ return registry;
25
+ }
26
+ function start() {
27
+ loading ??= settle();
28
+ }
29
+ function subscribe(listener) {
30
+ start();
31
+ listeners.add(listener);
32
+ return () => {
33
+ listeners.delete(listener);
34
+ };
35
+ }
36
+ const SYSTEM_FONT = Platform.select({
37
+ android: "sans-serif",
38
+ default: void 0,
39
+ ios: "System"
40
+ });
41
+ /** A family list as CSS writes it, quoting the names with spaces in them. */
42
+ function cssStack(families) {
43
+ return families.map((family) => /\s/u.test(family) ? `'${family}'` : family).join(", ");
44
+ }
45
+ /**
46
+ * The family a type role draws in, from the token's list of families.
47
+ *
48
+ * On iOS and Android that is the list's first family when the app has
49
+ * registered it with expo-font, under the name the token gives it, and the
50
+ * system font otherwise. Neither package ships a font, and React Native names
51
+ * one family rather than falling through a list, so the rest of the list is
52
+ * the browser's alone. Under React Native Web the whole list goes to CSS, as
53
+ * it does on kanso-ui.
54
+ *
55
+ * A family registered after its text has drawn takes effect when that text
56
+ * next renders, which is what an app gating its first screen on `useFonts()`
57
+ * already arranges.
58
+ */
59
+ function useFontFamily(families) {
60
+ const $ = c(5);
61
+ const fonts = useSyncExternalStore(subscribe, snapshot);
62
+ if (Platform.OS === "web") {
63
+ let t0;
64
+ if ($[0] !== families) {
65
+ t0 = cssStack(families);
66
+ $[0] = families;
67
+ $[1] = t0;
68
+ } else t0 = $[1];
69
+ return t0;
70
+ }
71
+ let t0;
72
+ if ($[2] !== families || $[3] !== fonts) {
73
+ const first = families.at(0);
74
+ t0 = first !== void 0 && fonts?.isLoaded(first) === true ? first : SYSTEM_FONT;
75
+ $[2] = families;
76
+ $[3] = fonts;
77
+ $[4] = t0;
78
+ } else t0 = $[4];
79
+ return t0;
80
+ }
81
+ //#endregion
82
+ export { useFontFamily };
83
+
84
+ //# sourceMappingURL=fonts.js.map