alouette 7.0.0-beta.2 → 7.0.0-beta.21

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 (180) hide show
  1. package/README.md +7 -1
  2. package/dist/createAlouetteTamagui-browser.es.js +105 -95
  3. package/dist/createAlouetteTamagui-browser.es.js.map +1 -1
  4. package/dist/createAlouetteTamagui-node18.mjs +105 -95
  5. package/dist/createAlouetteTamagui-node18.mjs.map +1 -1
  6. package/dist/createAlouetteTamagui-react-native.cjs.js +107 -94
  7. package/dist/createAlouetteTamagui-react-native.cjs.js.map +1 -1
  8. package/dist/definitions/components/actions/Button.d.ts +20 -0
  9. package/dist/definitions/components/actions/Button.d.ts.map +1 -0
  10. package/dist/definitions/components/actions/Button.stories.d.ts +10 -0
  11. package/dist/definitions/components/actions/Button.stories.d.ts.map +1 -0
  12. package/dist/definitions/components/actions/IconButton.d.ts +18 -0
  13. package/dist/definitions/components/actions/IconButton.d.ts.map +1 -0
  14. package/dist/definitions/components/actions/IconButton.stories.d.ts +10 -0
  15. package/dist/definitions/components/actions/IconButton.stories.d.ts.map +1 -0
  16. package/dist/definitions/components/containers/Box.d.ts +13 -0
  17. package/dist/definitions/components/containers/Box.d.ts.map +1 -0
  18. package/dist/definitions/components/containers/Box.stories.d.ts +18 -0
  19. package/dist/definitions/components/containers/Box.stories.d.ts.map +1 -0
  20. package/dist/definitions/components/containers/PressableBox.d.ts +12 -0
  21. package/dist/definitions/components/containers/PressableBox.d.ts.map +1 -0
  22. package/dist/definitions/components/containers/PressableBox.stories.d.ts +18 -0
  23. package/dist/definitions/components/containers/PressableBox.stories.d.ts.map +1 -0
  24. package/dist/definitions/components/containers/variants.d.ts +61 -0
  25. package/dist/definitions/components/containers/variants.d.ts.map +1 -0
  26. package/dist/definitions/components/feedback/FeedbackIcon.d.ts +8 -0
  27. package/dist/definitions/components/feedback/FeedbackIcon.d.ts.map +1 -0
  28. package/dist/definitions/components/feedback/Message.d.ts +25 -0
  29. package/dist/definitions/components/feedback/Message.d.ts.map +1 -0
  30. package/dist/definitions/components/feedback/Message.stories.d.ts +10 -0
  31. package/dist/definitions/components/feedback/Message.stories.d.ts.map +1 -0
  32. package/dist/definitions/components/forms/InputText.d.ts +23 -0
  33. package/dist/definitions/components/forms/InputText.d.ts.map +1 -0
  34. package/dist/definitions/components/forms/InputText.stories.d.ts +16 -0
  35. package/dist/definitions/components/forms/InputText.stories.d.ts.map +1 -0
  36. package/dist/definitions/components/layout/Separator.d.ts +6 -0
  37. package/dist/definitions/components/layout/Separator.d.ts.map +1 -0
  38. package/dist/definitions/components/layout/Separator.stories.d.ts +10 -0
  39. package/dist/definitions/components/layout/Separator.stories.d.ts.map +1 -0
  40. package/dist/definitions/components/layout/list.d.ts +7 -0
  41. package/dist/definitions/components/layout/list.d.ts.map +1 -0
  42. package/dist/definitions/components/layout/list.stories.d.ts +7 -0
  43. package/dist/definitions/components/layout/list.stories.d.ts.map +1 -0
  44. package/dist/definitions/components/primitives/Icon.d.ts +14 -0
  45. package/dist/definitions/components/primitives/Icon.d.ts.map +1 -0
  46. package/dist/definitions/components/primitives/Icon.stories.d.ts +9 -0
  47. package/dist/definitions/components/primitives/Icon.stories.d.ts.map +1 -0
  48. package/dist/definitions/components/primitives/ScrollView.d.ts +14 -0
  49. package/dist/definitions/components/primitives/ScrollView.d.ts.map +1 -0
  50. package/dist/definitions/components/primitives/View.d.ts +5 -0
  51. package/dist/definitions/components/primitives/View.d.ts.map +1 -0
  52. package/dist/definitions/components/primitives/View.stories.d.ts +10 -0
  53. package/dist/definitions/components/primitives/View.stories.d.ts.map +1 -0
  54. package/dist/definitions/components/primitives/createVariants.d.ts +54 -0
  55. package/dist/definitions/components/primitives/createVariants.d.ts.map +1 -0
  56. package/dist/definitions/components/primitives/stacks.d.ts +17 -0
  57. package/dist/definitions/components/primitives/stacks.d.ts.map +1 -0
  58. package/dist/definitions/components/primitives/stacks.stories.d.ts +10 -0
  59. package/dist/definitions/components/primitives/stacks.stories.d.ts.map +1 -0
  60. package/dist/definitions/components/story-components/Story.d.ts +21 -0
  61. package/dist/definitions/components/story-components/Story.d.ts.map +1 -0
  62. package/dist/definitions/components/story-components/StoryContainer.d.ts +7 -0
  63. package/dist/definitions/components/story-components/StoryContainer.d.ts.map +1 -0
  64. package/dist/definitions/components/story-components/StoryDecorator.d.ts +3 -0
  65. package/dist/definitions/components/story-components/StoryDecorator.d.ts.map +1 -0
  66. package/dist/definitions/components/story-components/StoryGrid.d.ts +19 -0
  67. package/dist/definitions/components/story-components/StoryGrid.d.ts.map +1 -0
  68. package/dist/definitions/components/story-components/StoryTitle.d.ts +10 -0
  69. package/dist/definitions/components/story-components/StoryTitle.d.ts.map +1 -0
  70. package/dist/definitions/components/story-components/WithTamaguiConfig.d.ts +7 -0
  71. package/dist/definitions/components/story-components/WithTamaguiConfig.d.ts.map +1 -0
  72. package/dist/definitions/components/typography/Typography.d.ts +38 -0
  73. package/dist/definitions/components/typography/Typography.d.ts.map +1 -0
  74. package/dist/definitions/components/typography/Typography.stories.d.ts +15 -0
  75. package/dist/definitions/components/typography/Typography.stories.d.ts.map +1 -0
  76. package/dist/definitions/components/windowSize/SwitchBreakpoints.d.ts +20 -0
  77. package/dist/definitions/components/windowSize/SwitchBreakpoints.d.ts.map +1 -0
  78. package/dist/definitions/components/windowSize/SwitchBreakpoints.stories.d.ts +10 -0
  79. package/dist/definitions/components/windowSize/SwitchBreakpoints.stories.d.ts.map +1 -0
  80. package/dist/definitions/components/windowSize/useCurrentBreakpointName.d.ts +5 -0
  81. package/dist/definitions/components/windowSize/useCurrentBreakpointName.d.ts.map +1 -0
  82. package/dist/definitions/config/Breakpoints.d.ts +32 -0
  83. package/dist/definitions/config/Breakpoints.d.ts.map +1 -0
  84. package/dist/definitions/config/animations.d.ts +15 -0
  85. package/dist/definitions/config/animations.d.ts.map +1 -0
  86. package/dist/definitions/config/animations.web.d.ts +5 -0
  87. package/dist/definitions/config/animations.web.d.ts.map +1 -0
  88. package/dist/definitions/config/colorScales.d.ts +13 -0
  89. package/dist/definitions/config/colorScales.d.ts.map +1 -0
  90. package/dist/definitions/config/createAlouetteFonts.d.ts +90 -0
  91. package/dist/definitions/config/createAlouetteFonts.d.ts.map +1 -0
  92. package/dist/definitions/config/createAlouetteTokens.d.ts +557 -0
  93. package/dist/definitions/config/createAlouetteTokens.d.ts.map +1 -0
  94. package/dist/definitions/config/media.d.ts +15 -0
  95. package/dist/definitions/config/media.d.ts.map +1 -0
  96. package/dist/definitions/config/themes.d.ts +247 -0
  97. package/dist/definitions/config/themes.d.ts.map +1 -0
  98. package/dist/definitions/config/themes.stories.d.ts +8 -0
  99. package/dist/definitions/config/themes.stories.d.ts.map +1 -0
  100. package/dist/definitions/config/tokens.stories.d.ts +8 -0
  101. package/dist/definitions/config/tokens.stories.d.ts.map +1 -0
  102. package/dist/definitions/config/utils/groupTokens.d.ts +7 -0
  103. package/dist/definitions/config/utils/groupTokens.d.ts.map +1 -0
  104. package/dist/definitions/core/AlouetteDecorator.d.ts +3 -0
  105. package/dist/definitions/core/AlouetteDecorator.d.ts.map +1 -0
  106. package/dist/definitions/core/AlouetteProvider.d.ts +8 -0
  107. package/dist/definitions/core/AlouetteProvider.d.ts.map +1 -0
  108. package/dist/definitions/createAlouetteTamagui.d.ts +136 -0
  109. package/dist/definitions/createAlouetteTamagui.d.ts.map +1 -0
  110. package/dist/definitions/index.d.ts +42 -0
  111. package/dist/definitions/index.d.ts.map +1 -0
  112. package/dist/index-browser.es.js +389 -60
  113. package/dist/index-browser.es.js.map +1 -1
  114. package/dist/index-node18.mjs +389 -60
  115. package/dist/index-node18.mjs.map +1 -1
  116. package/dist/index-react-native.cjs.js +403 -56
  117. package/dist/index-react-native.cjs.js.map +1 -1
  118. package/package.json +31 -24
  119. package/src/components/actions/Button.stories.tsx +4 -5
  120. package/src/components/actions/Button.tsx +3 -4
  121. package/src/components/actions/IconButton.stories.tsx +2 -3
  122. package/src/components/actions/IconButton.tsx +4 -4
  123. package/src/components/containers/{Frame.stories.tsx → Box.stories.tsx} +21 -21
  124. package/src/components/containers/{Frame.tsx → Box.tsx} +3 -3
  125. package/src/components/containers/{Pressable.stories.tsx → PressableBox.stories.tsx} +8 -8
  126. package/src/components/containers/PressableBox.tsx +9 -0
  127. package/src/components/containers/variants.ts +15 -12
  128. package/src/components/feedback/FeedbackIcon.tsx +2 -2
  129. package/src/components/feedback/Message.stories.tsx +2 -2
  130. package/src/components/feedback/Message.tsx +4 -4
  131. package/src/components/forms/InputText.stories.tsx +2 -2
  132. package/src/components/forms/InputText.tsx +5 -0
  133. package/src/components/layout/Separator.stories.tsx +39 -0
  134. package/src/components/layout/Separator.tsx +31 -0
  135. package/src/components/layout/list.stories.tsx +24 -0
  136. package/src/components/layout/list.tsx +30 -0
  137. package/src/components/primitives/Icon.stories.tsx +1 -1
  138. package/src/components/primitives/Icon.tsx +6 -12
  139. package/src/components/primitives/ScrollView.ts +2 -1
  140. package/src/components/primitives/createVariants.ts +7 -5
  141. package/src/components/primitives/stacks.stories.tsx +14 -14
  142. package/src/components/primitives/stacks.ts +2 -6
  143. package/src/components/story-components/Story.tsx +1 -1
  144. package/src/components/story-components/StoryGrid.tsx +0 -1
  145. package/src/components/story-components/StoryTitle.tsx +3 -0
  146. package/src/components/typography/Typography.tsx +2 -0
  147. package/src/components/windowSize/SwitchBreakpoints.stories.tsx +1 -1
  148. package/src/config/animations.ts +4 -0
  149. package/src/config/animations.web.ts +1 -0
  150. package/src/config/colorScales.ts +4 -4
  151. package/src/config/createAlouetteFonts.ts +6 -6
  152. package/src/config/createAlouetteTokens.ts +23 -18
  153. package/src/config/themes.stories.tsx +5 -9
  154. package/src/config/themes.ts +139 -68
  155. package/src/config/tokens.stories.tsx +7 -7
  156. package/src/core/AlouetteDecorator.tsx +1 -0
  157. package/src/createAlouetteTamagui.ts +32 -19
  158. package/src/index.ts +50 -3
  159. package/.editorconfig +0 -13
  160. package/.eslintrc.json +0 -5
  161. package/.yo-rc.json +0 -11
  162. package/dist/phosphor-icons-browser.es.js +0 -2497
  163. package/dist/phosphor-icons-browser.es.js.map +0 -1
  164. package/dist/phosphor-icons-node18.mjs +0 -2497
  165. package/dist/phosphor-icons-node18.mjs.map +0 -1
  166. package/dist/phosphor-icons-react-native.cjs.js +0 -4998
  167. package/dist/phosphor-icons-react-native.cjs.js.map +0 -1
  168. package/phosphor-icons.js +0 -1
  169. package/rollup.config.mjs +0 -8
  170. package/scripts/generate-phosphor-icons-legacy-withcopy.mjs +0 -64
  171. package/scripts/generate-phosphor-icons.mjs +0 -51
  172. package/src/.eslintrc.json +0 -32
  173. package/src/components/containers/Pressable.tsx +0 -9
  174. package/src/components/windowSize/__snapshots__/SwitchBreakpoints.stories.tsx.snap +0 -1032
  175. package/src/components/windowSize/__snapshots_web__/SwitchBreakpoints.stories.tsx.snap +0 -402
  176. package/src/phosphor-icons.cjs +0 -1254
  177. package/src/phosphor-icons.d.ts +0 -2501
  178. package/src/phosphor-icons.ts +0 -2499
  179. package/src/typings/bundler.d.ts +0 -10
  180. package/tsconfig.json +0 -20
package/src/components/windowSize/__snapshots_web__/SwitchBreakpoints.stories.tsx.snap DELETED
@@ -1,402 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`kitt2/Window Size/SwitchBreakpoints SwitchBreakpoints 1`] = `
4
- <DocumentFragment>
5
- <div
6
- class="css-view-175oi2r r-flex-13awgt0"
7
- >
8
- <span
9
- class=" _dsp_contents"
10
- >
11
- <span
12
- class=" t_default _dsp_contents is_Theme"
13
- >
14
- <div
15
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _marginBottom-1481558152 _paddingRight-1481558276 _paddingLeft-1481558276 _marginRight-1316335880 _marginLeft-1316335880"
16
- >
17
- <span
18
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558152 _marginLeft-0px _fontSize-229441189 _lineHeight-222976542 _fontWeight-233016295 _fontFamily-299667014 _color-1210815820"
19
- >
20
- Mode "SwitchBreakpointsUsingDisplayNone"
21
- </span>
22
- <div
23
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingRight-1481558276 _paddingLeft-1481558276 _marginRight-1316335880 _marginLeft-1316335880 _marginBottom-1481558276"
24
- >
25
- <span
26
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558307 _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016295 _fontFamily-299667014 _color-1210815820"
27
- >
28
- Current breakpoint
29
- </span>
30
- <div
31
- class="_display-_small_none _display-flex"
32
- >
33
- <span
34
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
35
- >
36
- base
37
- </span>
38
- </div>
39
- <div
40
- class="_display-_small_flex _display-_medium_none _display-none"
41
- >
42
- <span
43
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
44
- >
45
- small
46
- </span>
47
- </div>
48
- <div
49
- class="_display-_medium_flex _display-_large_none _display-none"
50
- >
51
- <span
52
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
53
- >
54
- medium
55
- </span>
56
- </div>
57
- <div
58
- class="_display-_large_flex _display-_wide_none _display-none"
59
- >
60
- <span
61
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
62
- >
63
- large
64
- </span>
65
- </div>
66
- <div
67
- class="_display-_wide_flex _display-none"
68
- >
69
- <span
70
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
71
- >
72
- wide
73
- </span>
74
- </div>
75
- </div>
76
- <div
77
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingRight-1481558276 _paddingLeft-1481558276 _marginRight-1316335880 _marginLeft-1316335880 _marginBottom-1481558276"
78
- >
79
- <span
80
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558307 _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016295 _fontFamily-299667014 _color-1210815820"
81
- >
82
- In Breakpoint
83
- </span>
84
- <div
85
- class="_flexDirection-_small_row _marginTop-_small_1316335136 _marginBottom-_small_1481558276 _display-flex _flexDirection-column"
86
- >
87
- <div
88
- class="_flexGrow-_small_1 _flexBasis-_small_0px _paddingTop-_small_0px _paddingBottom-_small_0px _marginTop-_small_1481558338 _marginBottom-_small_1481558338 _display-flex _paddingTop-1481558338 _paddingBottom-1481558276"
89
- >
90
- <div
91
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0"
92
- >
93
- <span
94
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558307 _marginLeft-0px _fontSize-229441251 _lineHeight-222976604 _fontWeight-233016295 _fontFamily-299667014 _maxWidth-10037 _overflowX-hidden _overflowY-hidden _textOverflow-ellipsis _whiteSpace-nowrap"
95
- >
96
- base
97
- </span>
98
- <div
99
- class="_display-_small_none _display-flex"
100
- >
101
- <span
102
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
103
- >
104
- yes
105
- </span>
106
- </div>
107
- <div
108
- class="_display-_small_flex _display-none"
109
- >
110
- <span
111
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
112
- >
113
- no
114
- </span>
115
- </div>
116
- </div>
117
- </div>
118
- <div
119
- class="_flexGrow-_small_1 _flexBasis-_small_0px _paddingTop-_small_0px _paddingBottom-_small_0px _marginTop-_small_1481558338 _marginBottom-_small_1481558338 _display-flex _paddingTop-1481558338 _paddingBottom-1481558276"
120
- >
121
- <div
122
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0"
123
- >
124
- <span
125
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558307 _marginLeft-0px _fontSize-229441251 _lineHeight-222976604 _fontWeight-233016295 _fontFamily-299667014 _maxWidth-10037 _overflowX-hidden _overflowY-hidden _textOverflow-ellipsis _whiteSpace-nowrap"
126
- >
127
- small
128
- </span>
129
- <div
130
- class="_display-_small_none _display-flex"
131
- >
132
- <span
133
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
134
- >
135
- no
136
- </span>
137
- </div>
138
- <div
139
- class="_display-_small_flex _display-_medium_none _display-none"
140
- >
141
- <span
142
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
143
- >
144
- yes
145
- </span>
146
- </div>
147
- <div
148
- class="_display-_medium_flex _display-none"
149
- >
150
- <span
151
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
152
- >
153
- no
154
- </span>
155
- </div>
156
- </div>
157
- </div>
158
- <div
159
- class="_flexGrow-_small_1 _flexBasis-_small_0px _paddingTop-_small_0px _paddingBottom-_small_0px _marginTop-_small_1481558338 _marginBottom-_small_1481558338 _display-flex _paddingTop-1481558338 _paddingBottom-1481558276"
160
- >
161
- <div
162
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0"
163
- >
164
- <span
165
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558307 _marginLeft-0px _fontSize-229441251 _lineHeight-222976604 _fontWeight-233016295 _fontFamily-299667014 _maxWidth-10037 _overflowX-hidden _overflowY-hidden _textOverflow-ellipsis _whiteSpace-nowrap"
166
- >
167
- medium
168
- </span>
169
- <div
170
- class="_display-_medium_none _display-flex"
171
- >
172
- <span
173
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
174
- >
175
- no
176
- </span>
177
- </div>
178
- <div
179
- class="_display-_medium_flex _display-_large_none _display-none"
180
- >
181
- <span
182
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
183
- >
184
- yes
185
- </span>
186
- </div>
187
- <div
188
- class="_display-_large_flex _display-none"
189
- >
190
- <span
191
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
192
- >
193
- no
194
- </span>
195
- </div>
196
- </div>
197
- </div>
198
- <div
199
- class="_flexGrow-_small_1 _flexBasis-_small_0px _paddingTop-_small_0px _paddingBottom-_small_0px _marginTop-_small_1481558338 _marginBottom-_small_1481558338 _display-flex _paddingTop-1481558338 _paddingBottom-1481558276"
200
- >
201
- <div
202
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0"
203
- >
204
- <span
205
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558307 _marginLeft-0px _fontSize-229441251 _lineHeight-222976604 _fontWeight-233016295 _fontFamily-299667014 _maxWidth-10037 _overflowX-hidden _overflowY-hidden _textOverflow-ellipsis _whiteSpace-nowrap"
206
- >
207
- large
208
- </span>
209
- <div
210
- class="_display-_large_none _display-flex"
211
- >
212
- <span
213
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
214
- >
215
- no
216
- </span>
217
- </div>
218
- <div
219
- class="_display-_large_flex _display-_wide_none _display-none"
220
- >
221
- <span
222
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
223
- >
224
- yes
225
- </span>
226
- </div>
227
- <div
228
- class="_display-_wide_flex _display-none"
229
- >
230
- <span
231
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
232
- >
233
- no
234
- </span>
235
- </div>
236
- </div>
237
- </div>
238
- <div
239
- class="_flexGrow-_small_1 _flexBasis-_small_0px _paddingTop-_small_0px _paddingBottom-_small_0px _marginTop-_small_1481558338 _marginBottom-_small_1481558338 _display-flex _paddingTop-1481558338 _paddingBottom-1481558276"
240
- >
241
- <div
242
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0"
243
- >
244
- <span
245
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558307 _marginLeft-0px _fontSize-229441251 _lineHeight-222976604 _fontWeight-233016295 _fontFamily-299667014 _maxWidth-10037 _overflowX-hidden _overflowY-hidden _textOverflow-ellipsis _whiteSpace-nowrap"
246
- >
247
- wide
248
- </span>
249
- <div
250
- class="_display-_wide_none _display-flex"
251
- >
252
- <span
253
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
254
- >
255
- no
256
- </span>
257
- </div>
258
- <div
259
- class="_display-_wide_flex _display-none"
260
- >
261
- <span
262
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
263
- >
264
- yes
265
- </span>
266
- </div>
267
- </div>
268
- </div>
269
- </div>
270
- </div>
271
- </div>
272
- <div
273
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _marginBottom-1481558152 _paddingRight-1481558276 _paddingLeft-1481558276 _marginRight-1316335880 _marginLeft-1316335880"
274
- >
275
- <span
276
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558152 _marginLeft-0px _fontSize-229441189 _lineHeight-222976542 _fontWeight-233016295 _fontFamily-299667014 _color-1210815820"
277
- >
278
- Mode "SwitchBreakpointsUsingNull"
279
- </span>
280
- <div
281
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingRight-1481558276 _paddingLeft-1481558276 _marginRight-1316335880 _marginLeft-1316335880 _marginBottom-1481558276"
282
- >
283
- <span
284
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558307 _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016295 _fontFamily-299667014 _color-1210815820"
285
- >
286
- Current breakpoint
287
- </span>
288
- <span
289
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
290
- >
291
- base
292
- </span>
293
- </div>
294
- <div
295
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingRight-1481558276 _paddingLeft-1481558276 _marginRight-1316335880 _marginLeft-1316335880 _marginBottom-1481558276"
296
- >
297
- <span
298
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558307 _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016295 _fontFamily-299667014 _color-1210815820"
299
- >
300
- In Breakpoint
301
- </span>
302
- <div
303
- class="_flexDirection-_small_row _marginTop-_small_1316335136 _marginBottom-_small_1481558276 _display-flex _flexDirection-column"
304
- >
305
- <div
306
- class="_flexGrow-_small_1 _flexBasis-_small_0px _paddingTop-_small_0px _paddingBottom-_small_0px _marginTop-_small_1481558338 _marginBottom-_small_1481558338 _display-flex _paddingTop-1481558338 _paddingBottom-1481558276"
307
- >
308
- <div
309
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0"
310
- >
311
- <span
312
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558307 _marginLeft-0px _fontSize-229441251 _lineHeight-222976604 _fontWeight-233016295 _fontFamily-299667014 _maxWidth-10037 _overflowX-hidden _overflowY-hidden _textOverflow-ellipsis _whiteSpace-nowrap"
313
- >
314
- base
315
- </span>
316
- <span
317
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
318
- >
319
- yes
320
- </span>
321
- </div>
322
- </div>
323
- <div
324
- class="_flexGrow-_small_1 _flexBasis-_small_0px _paddingTop-_small_0px _paddingBottom-_small_0px _marginTop-_small_1481558338 _marginBottom-_small_1481558338 _display-flex _paddingTop-1481558338 _paddingBottom-1481558276"
325
- >
326
- <div
327
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0"
328
- >
329
- <span
330
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558307 _marginLeft-0px _fontSize-229441251 _lineHeight-222976604 _fontWeight-233016295 _fontFamily-299667014 _maxWidth-10037 _overflowX-hidden _overflowY-hidden _textOverflow-ellipsis _whiteSpace-nowrap"
331
- >
332
- small
333
- </span>
334
- <span
335
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
336
- >
337
- no
338
- </span>
339
- </div>
340
- </div>
341
- <div
342
- class="_flexGrow-_small_1 _flexBasis-_small_0px _paddingTop-_small_0px _paddingBottom-_small_0px _marginTop-_small_1481558338 _marginBottom-_small_1481558338 _display-flex _paddingTop-1481558338 _paddingBottom-1481558276"
343
- >
344
- <div
345
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0"
346
- >
347
- <span
348
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558307 _marginLeft-0px _fontSize-229441251 _lineHeight-222976604 _fontWeight-233016295 _fontFamily-299667014 _maxWidth-10037 _overflowX-hidden _overflowY-hidden _textOverflow-ellipsis _whiteSpace-nowrap"
349
- >
350
- medium
351
- </span>
352
- <span
353
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
354
- >
355
- no
356
- </span>
357
- </div>
358
- </div>
359
- <div
360
- class="_flexGrow-_small_1 _flexBasis-_small_0px _paddingTop-_small_0px _paddingBottom-_small_0px _marginTop-_small_1481558338 _marginBottom-_small_1481558338 _display-flex _paddingTop-1481558338 _paddingBottom-1481558276"
361
- >
362
- <div
363
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0"
364
- >
365
- <span
366
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558307 _marginLeft-0px _fontSize-229441251 _lineHeight-222976604 _fontWeight-233016295 _fontFamily-299667014 _maxWidth-10037 _overflowX-hidden _overflowY-hidden _textOverflow-ellipsis _whiteSpace-nowrap"
367
- >
368
- large
369
- </span>
370
- <span
371
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
372
- >
373
- no
374
- </span>
375
- </div>
376
- </div>
377
- <div
378
- class="_flexGrow-_small_1 _flexBasis-_small_0px _paddingTop-_small_0px _paddingBottom-_small_0px _marginTop-_small_1481558338 _marginBottom-_small_1481558338 _display-flex _paddingTop-1481558338 _paddingBottom-1481558276"
379
- >
380
- <div
381
- class="is_VStack _alignItems-stretch _display-flex _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0"
382
- >
383
- <span
384
- class="is_typography/Heading font_headingFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-1481558307 _marginLeft-0px _fontSize-229441251 _lineHeight-222976604 _fontWeight-233016295 _fontFamily-299667014 _maxWidth-10037 _overflowX-hidden _overflowY-hidden _textOverflow-ellipsis _whiteSpace-nowrap"
385
- >
386
- wide
387
- </span>
388
- <span
389
- class="is_typography/TypographyBody font_bodyFunctional _display-inline _boxSizing-border-box _wordWrap-break-word _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontSize-229441220 _lineHeight-222976573 _fontWeight-233016202 _fontFamily-299667014 _color-1210815820"
390
- >
391
- no
392
- </span>
393
- </div>
394
- </div>
395
- </div>
396
- </div>
397
- </div>
398
- </span>
399
- </span>
400
- </div>
401
- </DocumentFragment>
402
- `;