@tosui/react 0.1.3 → 0.1.5

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 (146) hide show
  1. package/README.md +106 -60
  2. package/dist/components/Alert/Alert.d.ts.map +1 -1
  3. package/dist/components/Alert/Alert.js.map +1 -1
  4. package/dist/components/Badge/Badge.d.ts.map +1 -1
  5. package/dist/components/Badge/Badge.js.map +1 -1
  6. package/dist/components/Box/Box.d.ts +2 -7
  7. package/dist/components/Box/Box.d.ts.map +1 -1
  8. package/dist/components/Box/Box.js +1 -1
  9. package/dist/components/Box/Box.js.map +1 -1
  10. package/dist/components/Box/borders/borders.d.ts +11 -13
  11. package/dist/components/Box/borders/borders.d.ts.map +1 -1
  12. package/dist/components/Box/borders/borders.js +29 -62
  13. package/dist/components/Box/borders/borders.js.map +1 -1
  14. package/dist/components/Box/borders/borders.module.css +936 -40
  15. package/dist/components/Box/borders/borders.module.css.js +600 -40
  16. package/dist/components/Box/borders/borders.module.css.js.map +1 -1
  17. package/dist/components/Box/colors/colors.d.ts +6 -8
  18. package/dist/components/Box/colors/colors.d.ts.map +1 -1
  19. package/dist/components/Box/colors/colors.js +20 -30
  20. package/dist/components/Box/colors/colors.js.map +1 -1
  21. package/dist/components/Box/colors/colors.module.css +2537 -108
  22. package/dist/components/Box/colors/colors.module.css.js +1620 -108
  23. package/dist/components/Box/colors/colors.module.css.js.map +1 -1
  24. package/dist/components/Box/display/display.d.ts +2 -8
  25. package/dist/components/Box/display/display.d.ts.map +1 -1
  26. package/dist/components/Box/display/display.js +10 -33
  27. package/dist/components/Box/display/display.js.map +1 -1
  28. package/dist/components/Box/flexbox/flexbox.d.ts +12 -14
  29. package/dist/components/Box/flexbox/flexbox.d.ts.map +1 -1
  30. package/dist/components/Box/flexbox/flexbox.js +39 -102
  31. package/dist/components/Box/flexbox/flexbox.js.map +1 -1
  32. package/dist/components/Box/flexbox/flexbox.module.css +1210 -56
  33. package/dist/components/Box/flexbox/flexbox.module.css.js +727 -55
  34. package/dist/components/Box/flexbox/flexbox.module.css.js.map +1 -1
  35. package/dist/components/Box/grid/grid.d.ts +3 -2
  36. package/dist/components/Box/grid/grid.d.ts.map +1 -1
  37. package/dist/components/Box/grid/grid.js +24 -15
  38. package/dist/components/Box/grid/grid.js.map +1 -1
  39. package/dist/components/Box/grid/grid.module.css +68 -18
  40. package/dist/components/Box/grid/grid.module.css.js +14 -14
  41. package/dist/components/Box/inset/inset.d.ts.map +1 -1
  42. package/dist/components/Box/inset/inset.js +8 -52
  43. package/dist/components/Box/inset/inset.js.map +1 -1
  44. package/dist/components/Box/inset/inset.module.css +120 -120
  45. package/dist/components/Box/inset/inset.module.css.js +21 -161
  46. package/dist/components/Box/inset/inset.module.css.js.map +1 -1
  47. package/dist/components/Box/interactions/interactions.d.ts +6 -8
  48. package/dist/components/Box/interactions/interactions.d.ts.map +1 -1
  49. package/dist/components/Box/interactions/interactions.js +20 -30
  50. package/dist/components/Box/interactions/interactions.js.map +1 -1
  51. package/dist/components/Box/interactions/interactions.module.css +891 -38
  52. package/dist/components/Box/interactions/interactions.module.css.js +570 -38
  53. package/dist/components/Box/interactions/interactions.module.css.js.map +1 -1
  54. package/dist/components/Box/margin/margin.d.ts.map +1 -1
  55. package/dist/components/Box/margin/margin.js +8 -52
  56. package/dist/components/Box/margin/margin.js.map +1 -1
  57. package/dist/components/Box/margin/margin.module.css +120 -120
  58. package/dist/components/Box/margin/margin.module.css.js +21 -161
  59. package/dist/components/Box/margin/margin.module.css.js.map +1 -1
  60. package/dist/components/Box/opacity/opacity.d.ts +2 -8
  61. package/dist/components/Box/opacity/opacity.d.ts.map +1 -1
  62. package/dist/components/Box/opacity/opacity.js +10 -33
  63. package/dist/components/Box/opacity/opacity.js.map +1 -1
  64. package/dist/components/Box/overflow/overflow.d.ts +2 -8
  65. package/dist/components/Box/overflow/overflow.d.ts.map +1 -1
  66. package/dist/components/Box/overflow/overflow.js +24 -29
  67. package/dist/components/Box/overflow/overflow.js.map +1 -1
  68. package/dist/components/Box/padding/padding.d.ts.map +1 -1
  69. package/dist/components/Box/padding/padding.js +8 -52
  70. package/dist/components/Box/padding/padding.js.map +1 -1
  71. package/dist/components/Box/padding/padding.module.css +120 -120
  72. package/dist/components/Box/padding/padding.module.css.js +21 -161
  73. package/dist/components/Box/padding/padding.module.css.js.map +1 -1
  74. package/dist/components/Box/position/position.d.ts +2 -8
  75. package/dist/components/Box/position/position.d.ts.map +1 -1
  76. package/dist/components/Box/position/position.js +10 -33
  77. package/dist/components/Box/position/position.js.map +1 -1
  78. package/dist/components/Box/roundness/roundness.d.ts +12 -14
  79. package/dist/components/Box/roundness/roundness.d.ts.map +1 -1
  80. package/dist/components/Box/roundness/roundness.js +26 -62
  81. package/dist/components/Box/roundness/roundness.js.map +1 -1
  82. package/dist/components/Box/roundness/roundness.module.css +937 -40
  83. package/dist/components/Box/roundness/roundness.module.css.js +600 -40
  84. package/dist/components/Box/roundness/roundness.module.css.js.map +1 -1
  85. package/dist/components/Box/shadows/shadows.d.ts +2 -8
  86. package/dist/components/Box/shadows/shadows.d.ts.map +1 -1
  87. package/dist/components/Box/shadows/shadows.js +10 -33
  88. package/dist/components/Box/shadows/shadows.js.map +1 -1
  89. package/dist/components/Box/shared/index.d.ts +1 -0
  90. package/dist/components/Box/shared/index.d.ts.map +1 -1
  91. package/dist/components/Box/shared/responsive.d.ts +36 -0
  92. package/dist/components/Box/shared/responsive.d.ts.map +1 -0
  93. package/dist/components/Box/shared/responsive.js +65 -0
  94. package/dist/components/Box/shared/responsive.js.map +1 -0
  95. package/dist/components/Box/shared/types.d.ts +6 -0
  96. package/dist/components/Box/shared/types.d.ts.map +1 -1
  97. package/dist/components/Box/sizing/sizing.d.ts.map +1 -1
  98. package/dist/components/Box/sizing/sizing.js +5 -37
  99. package/dist/components/Box/sizing/sizing.js.map +1 -1
  100. package/dist/components/Box/sizing/sizing.module.css +175 -183
  101. package/dist/components/Box/sizing/sizing.module.css.js +31 -241
  102. package/dist/components/Box/sizing/sizing.module.css.js.map +1 -1
  103. package/dist/components/Box/text/text.d.ts +6 -8
  104. package/dist/components/Box/text/text.d.ts.map +1 -1
  105. package/dist/components/Box/text/text.js +24 -30
  106. package/dist/components/Box/text/text.js.map +1 -1
  107. package/dist/components/Box/text/text.module.css +562 -24
  108. package/dist/components/Box/text/text.module.css.js +360 -24
  109. package/dist/components/Box/text/text.module.css.js.map +1 -1
  110. package/dist/components/Box/typography/typography.d.ts +7 -9
  111. package/dist/components/Box/typography/typography.d.ts.map +1 -1
  112. package/dist/components/Box/typography/typography.js +33 -19
  113. package/dist/components/Box/typography/typography.js.map +1 -1
  114. package/dist/components/Box/typography/typography.module.css +890 -19
  115. package/dist/components/Box/typography/typography.module.css.js +570 -19
  116. package/dist/components/Box/typography/typography.module.css.js.map +1 -1
  117. package/dist/components/Box/zIndex/zIndex.d.ts +2 -8
  118. package/dist/components/Box/zIndex/zIndex.d.ts.map +1 -1
  119. package/dist/components/Box/zIndex/zIndex.js +10 -33
  120. package/dist/components/Box/zIndex/zIndex.js.map +1 -1
  121. package/dist/components/Flex/Flex.d.ts +5 -6
  122. package/dist/components/Flex/Flex.d.ts.map +1 -1
  123. package/dist/components/Flex/Flex.js +0 -1
  124. package/dist/components/Flex/Flex.js.map +1 -1
  125. package/dist/components/Grid/Grid.d.ts +8 -7
  126. package/dist/components/Grid/Grid.d.ts.map +1 -1
  127. package/dist/components/Grid/Grid.js.map +1 -1
  128. package/dist/components/IconButton/IconButton.d.ts.map +1 -1
  129. package/dist/components/IconButton/IconButton.js.map +1 -1
  130. package/dist/components/Menu/Menu.d.ts.map +1 -1
  131. package/dist/components/Menu/Menu.js +5 -5
  132. package/dist/components/Menu/Menu.js.map +1 -1
  133. package/dist/components/Popover/Popover.d.ts.map +1 -1
  134. package/dist/components/Popover/Popover.js +9 -9
  135. package/dist/components/Popover/Popover.js.map +1 -1
  136. package/dist/components/Progress/Progress.d.ts.map +1 -1
  137. package/dist/components/Progress/Progress.js.map +1 -1
  138. package/dist/components/Stack/Stack.d.ts +2 -1
  139. package/dist/components/Stack/Stack.d.ts.map +1 -1
  140. package/dist/components/Stack/Stack.js.map +1 -1
  141. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  142. package/dist/components/Tooltip/Tooltip.js +5 -5
  143. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  144. package/dist/index.css +9313 -1632
  145. package/dist/styles/styles.css +7 -0
  146. package/package.json +1 -1
@@ -1,28 +1,364 @@
1
1
  const styles = {
2
- "text-left": "_text-left_snkmf_2",
3
- "text-left:h": "_text-left:h_snkmf_3",
4
- "text-center": "_text-center_snkmf_4",
5
- "text-center:h": "_text-center:h_snkmf_5",
6
- "text-right": "_text-right_snkmf_6",
7
- "text-right:h": "_text-right:h_snkmf_7",
8
- "text-justify": "_text-justify_snkmf_8",
9
- "text-justify:h": "_text-justify:h_snkmf_9",
10
- "whitespace-normal": "_whitespace-normal_snkmf_12",
11
- "whitespace-normal:h": "_whitespace-normal:h_snkmf_13",
12
- "whitespace-nowrap": "_whitespace-nowrap_snkmf_14",
13
- "whitespace-nowrap:h": "_whitespace-nowrap:h_snkmf_15",
14
- "whitespace-pre": "_whitespace-pre_snkmf_16",
15
- "whitespace-pre:h": "_whitespace-pre:h_snkmf_17",
16
- "whitespace-pre-line": "_whitespace-pre-line_snkmf_18",
17
- "whitespace-pre-line:h": "_whitespace-pre-line:h_snkmf_19",
18
- "whitespace-pre-wrap": "_whitespace-pre-wrap_snkmf_20",
19
- "whitespace-pre-wrap:h": "_whitespace-pre-wrap:h_snkmf_21",
20
- "decoration-none": "_decoration-none_snkmf_24",
21
- "decoration-none:h": "_decoration-none:h_snkmf_25",
22
- "decoration-underline": "_decoration-underline_snkmf_26",
23
- "decoration-underline:h": "_decoration-underline:h_snkmf_27",
24
- "decoration-line-through": "_decoration-line-through_snkmf_28",
25
- "decoration-line-through:h": "_decoration-line-through:h_snkmf_29"
2
+ "text-left": "_text-left_sgjpj_3",
3
+ "text-left:h": "_text-left:h_sgjpj_4",
4
+ "text-left:f": "_text-left:f_sgjpj_5",
5
+ "text-left:a": "_text-left:a_sgjpj_6",
6
+ "text-left:d": "_text-left:d_sgjpj_7",
7
+ "text-left_sm": "_text-left_sm_sgjpj_10",
8
+ "text-left_sm:h": "_text-left_sm:h_sgjpj_11",
9
+ "text-left_sm:f": "_text-left_sm:f_sgjpj_12",
10
+ "text-left_sm:a": "_text-left_sm:a_sgjpj_13",
11
+ "text-left_sm:d": "_text-left_sm:d_sgjpj_14",
12
+ "text-left_md": "_text-left_md_sgjpj_18",
13
+ "text-left_md:h": "_text-left_md:h_sgjpj_19",
14
+ "text-left_md:f": "_text-left_md:f_sgjpj_20",
15
+ "text-left_md:a": "_text-left_md:a_sgjpj_21",
16
+ "text-left_md:d": "_text-left_md:d_sgjpj_22",
17
+ "text-left_lg": "_text-left_lg_sgjpj_26",
18
+ "text-left_lg:h": "_text-left_lg:h_sgjpj_27",
19
+ "text-left_lg:f": "_text-left_lg:f_sgjpj_28",
20
+ "text-left_lg:a": "_text-left_lg:a_sgjpj_29",
21
+ "text-left_lg:d": "_text-left_lg:d_sgjpj_30",
22
+ "text-left_xl": "_text-left_xl_sgjpj_34",
23
+ "text-left_xl:h": "_text-left_xl:h_sgjpj_35",
24
+ "text-left_xl:f": "_text-left_xl:f_sgjpj_36",
25
+ "text-left_xl:a": "_text-left_xl:a_sgjpj_37",
26
+ "text-left_xl:d": "_text-left_xl:d_sgjpj_38",
27
+ "text-left_2xl": "_text-left_2xl_sgjpj_42",
28
+ "text-left_2xl:h": "_text-left_2xl:h_sgjpj_43",
29
+ "text-left_2xl:f": "_text-left_2xl:f_sgjpj_44",
30
+ "text-left_2xl:a": "_text-left_2xl:a_sgjpj_45",
31
+ "text-left_2xl:d": "_text-left_2xl:d_sgjpj_46",
32
+ "text-center": "_text-center_sgjpj_50",
33
+ "text-center:h": "_text-center:h_sgjpj_51",
34
+ "text-center:f": "_text-center:f_sgjpj_52",
35
+ "text-center:a": "_text-center:a_sgjpj_53",
36
+ "text-center:d": "_text-center:d_sgjpj_54",
37
+ "text-center_sm": "_text-center_sm_sgjpj_57",
38
+ "text-center_sm:h": "_text-center_sm:h_sgjpj_58",
39
+ "text-center_sm:f": "_text-center_sm:f_sgjpj_59",
40
+ "text-center_sm:a": "_text-center_sm:a_sgjpj_60",
41
+ "text-center_sm:d": "_text-center_sm:d_sgjpj_61",
42
+ "text-center_md": "_text-center_md_sgjpj_65",
43
+ "text-center_md:h": "_text-center_md:h_sgjpj_66",
44
+ "text-center_md:f": "_text-center_md:f_sgjpj_67",
45
+ "text-center_md:a": "_text-center_md:a_sgjpj_68",
46
+ "text-center_md:d": "_text-center_md:d_sgjpj_69",
47
+ "text-center_lg": "_text-center_lg_sgjpj_73",
48
+ "text-center_lg:h": "_text-center_lg:h_sgjpj_74",
49
+ "text-center_lg:f": "_text-center_lg:f_sgjpj_75",
50
+ "text-center_lg:a": "_text-center_lg:a_sgjpj_76",
51
+ "text-center_lg:d": "_text-center_lg:d_sgjpj_77",
52
+ "text-center_xl": "_text-center_xl_sgjpj_81",
53
+ "text-center_xl:h": "_text-center_xl:h_sgjpj_82",
54
+ "text-center_xl:f": "_text-center_xl:f_sgjpj_83",
55
+ "text-center_xl:a": "_text-center_xl:a_sgjpj_84",
56
+ "text-center_xl:d": "_text-center_xl:d_sgjpj_85",
57
+ "text-center_2xl": "_text-center_2xl_sgjpj_89",
58
+ "text-center_2xl:h": "_text-center_2xl:h_sgjpj_90",
59
+ "text-center_2xl:f": "_text-center_2xl:f_sgjpj_91",
60
+ "text-center_2xl:a": "_text-center_2xl:a_sgjpj_92",
61
+ "text-center_2xl:d": "_text-center_2xl:d_sgjpj_93",
62
+ "text-right": "_text-right_sgjpj_97",
63
+ "text-right:h": "_text-right:h_sgjpj_98",
64
+ "text-right:f": "_text-right:f_sgjpj_99",
65
+ "text-right:a": "_text-right:a_sgjpj_100",
66
+ "text-right:d": "_text-right:d_sgjpj_101",
67
+ "text-right_sm": "_text-right_sm_sgjpj_104",
68
+ "text-right_sm:h": "_text-right_sm:h_sgjpj_105",
69
+ "text-right_sm:f": "_text-right_sm:f_sgjpj_106",
70
+ "text-right_sm:a": "_text-right_sm:a_sgjpj_107",
71
+ "text-right_sm:d": "_text-right_sm:d_sgjpj_108",
72
+ "text-right_md": "_text-right_md_sgjpj_112",
73
+ "text-right_md:h": "_text-right_md:h_sgjpj_113",
74
+ "text-right_md:f": "_text-right_md:f_sgjpj_114",
75
+ "text-right_md:a": "_text-right_md:a_sgjpj_115",
76
+ "text-right_md:d": "_text-right_md:d_sgjpj_116",
77
+ "text-right_lg": "_text-right_lg_sgjpj_120",
78
+ "text-right_lg:h": "_text-right_lg:h_sgjpj_121",
79
+ "text-right_lg:f": "_text-right_lg:f_sgjpj_122",
80
+ "text-right_lg:a": "_text-right_lg:a_sgjpj_123",
81
+ "text-right_lg:d": "_text-right_lg:d_sgjpj_124",
82
+ "text-right_xl": "_text-right_xl_sgjpj_128",
83
+ "text-right_xl:h": "_text-right_xl:h_sgjpj_129",
84
+ "text-right_xl:f": "_text-right_xl:f_sgjpj_130",
85
+ "text-right_xl:a": "_text-right_xl:a_sgjpj_131",
86
+ "text-right_xl:d": "_text-right_xl:d_sgjpj_132",
87
+ "text-right_2xl": "_text-right_2xl_sgjpj_136",
88
+ "text-right_2xl:h": "_text-right_2xl:h_sgjpj_137",
89
+ "text-right_2xl:f": "_text-right_2xl:f_sgjpj_138",
90
+ "text-right_2xl:a": "_text-right_2xl:a_sgjpj_139",
91
+ "text-right_2xl:d": "_text-right_2xl:d_sgjpj_140",
92
+ "text-justify": "_text-justify_sgjpj_144",
93
+ "text-justify:h": "_text-justify:h_sgjpj_145",
94
+ "text-justify:f": "_text-justify:f_sgjpj_146",
95
+ "text-justify:a": "_text-justify:a_sgjpj_147",
96
+ "text-justify:d": "_text-justify:d_sgjpj_148",
97
+ "text-justify_sm": "_text-justify_sm_sgjpj_151",
98
+ "text-justify_sm:h": "_text-justify_sm:h_sgjpj_152",
99
+ "text-justify_sm:f": "_text-justify_sm:f_sgjpj_153",
100
+ "text-justify_sm:a": "_text-justify_sm:a_sgjpj_154",
101
+ "text-justify_sm:d": "_text-justify_sm:d_sgjpj_155",
102
+ "text-justify_md": "_text-justify_md_sgjpj_159",
103
+ "text-justify_md:h": "_text-justify_md:h_sgjpj_160",
104
+ "text-justify_md:f": "_text-justify_md:f_sgjpj_161",
105
+ "text-justify_md:a": "_text-justify_md:a_sgjpj_162",
106
+ "text-justify_md:d": "_text-justify_md:d_sgjpj_163",
107
+ "text-justify_lg": "_text-justify_lg_sgjpj_167",
108
+ "text-justify_lg:h": "_text-justify_lg:h_sgjpj_168",
109
+ "text-justify_lg:f": "_text-justify_lg:f_sgjpj_169",
110
+ "text-justify_lg:a": "_text-justify_lg:a_sgjpj_170",
111
+ "text-justify_lg:d": "_text-justify_lg:d_sgjpj_171",
112
+ "text-justify_xl": "_text-justify_xl_sgjpj_175",
113
+ "text-justify_xl:h": "_text-justify_xl:h_sgjpj_176",
114
+ "text-justify_xl:f": "_text-justify_xl:f_sgjpj_177",
115
+ "text-justify_xl:a": "_text-justify_xl:a_sgjpj_178",
116
+ "text-justify_xl:d": "_text-justify_xl:d_sgjpj_179",
117
+ "text-justify_2xl": "_text-justify_2xl_sgjpj_183",
118
+ "text-justify_2xl:h": "_text-justify_2xl:h_sgjpj_184",
119
+ "text-justify_2xl:f": "_text-justify_2xl:f_sgjpj_185",
120
+ "text-justify_2xl:a": "_text-justify_2xl:a_sgjpj_186",
121
+ "text-justify_2xl:d": "_text-justify_2xl:d_sgjpj_187",
122
+ "whitespace-normal": "_whitespace-normal_sgjpj_192",
123
+ "whitespace-normal:h": "_whitespace-normal:h_sgjpj_193",
124
+ "whitespace-normal:f": "_whitespace-normal:f_sgjpj_194",
125
+ "whitespace-normal:a": "_whitespace-normal:a_sgjpj_195",
126
+ "whitespace-normal:d": "_whitespace-normal:d_sgjpj_196",
127
+ "whitespace-normal_sm": "_whitespace-normal_sm_sgjpj_199",
128
+ "whitespace-normal_sm:h": "_whitespace-normal_sm:h_sgjpj_200",
129
+ "whitespace-normal_sm:f": "_whitespace-normal_sm:f_sgjpj_201",
130
+ "whitespace-normal_sm:a": "_whitespace-normal_sm:a_sgjpj_202",
131
+ "whitespace-normal_sm:d": "_whitespace-normal_sm:d_sgjpj_203",
132
+ "whitespace-normal_md": "_whitespace-normal_md_sgjpj_207",
133
+ "whitespace-normal_md:h": "_whitespace-normal_md:h_sgjpj_208",
134
+ "whitespace-normal_md:f": "_whitespace-normal_md:f_sgjpj_209",
135
+ "whitespace-normal_md:a": "_whitespace-normal_md:a_sgjpj_210",
136
+ "whitespace-normal_md:d": "_whitespace-normal_md:d_sgjpj_211",
137
+ "whitespace-normal_lg": "_whitespace-normal_lg_sgjpj_215",
138
+ "whitespace-normal_lg:h": "_whitespace-normal_lg:h_sgjpj_216",
139
+ "whitespace-normal_lg:f": "_whitespace-normal_lg:f_sgjpj_217",
140
+ "whitespace-normal_lg:a": "_whitespace-normal_lg:a_sgjpj_218",
141
+ "whitespace-normal_lg:d": "_whitespace-normal_lg:d_sgjpj_219",
142
+ "whitespace-normal_xl": "_whitespace-normal_xl_sgjpj_223",
143
+ "whitespace-normal_xl:h": "_whitespace-normal_xl:h_sgjpj_224",
144
+ "whitespace-normal_xl:f": "_whitespace-normal_xl:f_sgjpj_225",
145
+ "whitespace-normal_xl:a": "_whitespace-normal_xl:a_sgjpj_226",
146
+ "whitespace-normal_xl:d": "_whitespace-normal_xl:d_sgjpj_227",
147
+ "whitespace-normal_2xl": "_whitespace-normal_2xl_sgjpj_231",
148
+ "whitespace-normal_2xl:h": "_whitespace-normal_2xl:h_sgjpj_232",
149
+ "whitespace-normal_2xl:f": "_whitespace-normal_2xl:f_sgjpj_233",
150
+ "whitespace-normal_2xl:a": "_whitespace-normal_2xl:a_sgjpj_234",
151
+ "whitespace-normal_2xl:d": "_whitespace-normal_2xl:d_sgjpj_235",
152
+ "whitespace-nowrap": "_whitespace-nowrap_sgjpj_239",
153
+ "whitespace-nowrap:h": "_whitespace-nowrap:h_sgjpj_240",
154
+ "whitespace-nowrap:f": "_whitespace-nowrap:f_sgjpj_241",
155
+ "whitespace-nowrap:a": "_whitespace-nowrap:a_sgjpj_242",
156
+ "whitespace-nowrap:d": "_whitespace-nowrap:d_sgjpj_243",
157
+ "whitespace-nowrap_sm": "_whitespace-nowrap_sm_sgjpj_246",
158
+ "whitespace-nowrap_sm:h": "_whitespace-nowrap_sm:h_sgjpj_247",
159
+ "whitespace-nowrap_sm:f": "_whitespace-nowrap_sm:f_sgjpj_248",
160
+ "whitespace-nowrap_sm:a": "_whitespace-nowrap_sm:a_sgjpj_249",
161
+ "whitespace-nowrap_sm:d": "_whitespace-nowrap_sm:d_sgjpj_250",
162
+ "whitespace-nowrap_md": "_whitespace-nowrap_md_sgjpj_254",
163
+ "whitespace-nowrap_md:h": "_whitespace-nowrap_md:h_sgjpj_255",
164
+ "whitespace-nowrap_md:f": "_whitespace-nowrap_md:f_sgjpj_256",
165
+ "whitespace-nowrap_md:a": "_whitespace-nowrap_md:a_sgjpj_257",
166
+ "whitespace-nowrap_md:d": "_whitespace-nowrap_md:d_sgjpj_258",
167
+ "whitespace-nowrap_lg": "_whitespace-nowrap_lg_sgjpj_262",
168
+ "whitespace-nowrap_lg:h": "_whitespace-nowrap_lg:h_sgjpj_263",
169
+ "whitespace-nowrap_lg:f": "_whitespace-nowrap_lg:f_sgjpj_264",
170
+ "whitespace-nowrap_lg:a": "_whitespace-nowrap_lg:a_sgjpj_265",
171
+ "whitespace-nowrap_lg:d": "_whitespace-nowrap_lg:d_sgjpj_266",
172
+ "whitespace-nowrap_xl": "_whitespace-nowrap_xl_sgjpj_270",
173
+ "whitespace-nowrap_xl:h": "_whitespace-nowrap_xl:h_sgjpj_271",
174
+ "whitespace-nowrap_xl:f": "_whitespace-nowrap_xl:f_sgjpj_272",
175
+ "whitespace-nowrap_xl:a": "_whitespace-nowrap_xl:a_sgjpj_273",
176
+ "whitespace-nowrap_xl:d": "_whitespace-nowrap_xl:d_sgjpj_274",
177
+ "whitespace-nowrap_2xl": "_whitespace-nowrap_2xl_sgjpj_278",
178
+ "whitespace-nowrap_2xl:h": "_whitespace-nowrap_2xl:h_sgjpj_279",
179
+ "whitespace-nowrap_2xl:f": "_whitespace-nowrap_2xl:f_sgjpj_280",
180
+ "whitespace-nowrap_2xl:a": "_whitespace-nowrap_2xl:a_sgjpj_281",
181
+ "whitespace-nowrap_2xl:d": "_whitespace-nowrap_2xl:d_sgjpj_282",
182
+ "whitespace-pre": "_whitespace-pre_sgjpj_286",
183
+ "whitespace-pre:h": "_whitespace-pre:h_sgjpj_287",
184
+ "whitespace-pre:f": "_whitespace-pre:f_sgjpj_288",
185
+ "whitespace-pre:a": "_whitespace-pre:a_sgjpj_289",
186
+ "whitespace-pre:d": "_whitespace-pre:d_sgjpj_290",
187
+ "whitespace-pre_sm": "_whitespace-pre_sm_sgjpj_293",
188
+ "whitespace-pre_sm:h": "_whitespace-pre_sm:h_sgjpj_294",
189
+ "whitespace-pre_sm:f": "_whitespace-pre_sm:f_sgjpj_295",
190
+ "whitespace-pre_sm:a": "_whitespace-pre_sm:a_sgjpj_296",
191
+ "whitespace-pre_sm:d": "_whitespace-pre_sm:d_sgjpj_297",
192
+ "whitespace-pre_md": "_whitespace-pre_md_sgjpj_301",
193
+ "whitespace-pre_md:h": "_whitespace-pre_md:h_sgjpj_302",
194
+ "whitespace-pre_md:f": "_whitespace-pre_md:f_sgjpj_303",
195
+ "whitespace-pre_md:a": "_whitespace-pre_md:a_sgjpj_304",
196
+ "whitespace-pre_md:d": "_whitespace-pre_md:d_sgjpj_305",
197
+ "whitespace-pre_lg": "_whitespace-pre_lg_sgjpj_309",
198
+ "whitespace-pre_lg:h": "_whitespace-pre_lg:h_sgjpj_310",
199
+ "whitespace-pre_lg:f": "_whitespace-pre_lg:f_sgjpj_311",
200
+ "whitespace-pre_lg:a": "_whitespace-pre_lg:a_sgjpj_312",
201
+ "whitespace-pre_lg:d": "_whitespace-pre_lg:d_sgjpj_313",
202
+ "whitespace-pre_xl": "_whitespace-pre_xl_sgjpj_317",
203
+ "whitespace-pre_xl:h": "_whitespace-pre_xl:h_sgjpj_318",
204
+ "whitespace-pre_xl:f": "_whitespace-pre_xl:f_sgjpj_319",
205
+ "whitespace-pre_xl:a": "_whitespace-pre_xl:a_sgjpj_320",
206
+ "whitespace-pre_xl:d": "_whitespace-pre_xl:d_sgjpj_321",
207
+ "whitespace-pre_2xl": "_whitespace-pre_2xl_sgjpj_325",
208
+ "whitespace-pre_2xl:h": "_whitespace-pre_2xl:h_sgjpj_326",
209
+ "whitespace-pre_2xl:f": "_whitespace-pre_2xl:f_sgjpj_327",
210
+ "whitespace-pre_2xl:a": "_whitespace-pre_2xl:a_sgjpj_328",
211
+ "whitespace-pre_2xl:d": "_whitespace-pre_2xl:d_sgjpj_329",
212
+ "whitespace-pre-line": "_whitespace-pre-line_sgjpj_333",
213
+ "whitespace-pre-line:h": "_whitespace-pre-line:h_sgjpj_334",
214
+ "whitespace-pre-line:f": "_whitespace-pre-line:f_sgjpj_335",
215
+ "whitespace-pre-line:a": "_whitespace-pre-line:a_sgjpj_336",
216
+ "whitespace-pre-line:d": "_whitespace-pre-line:d_sgjpj_337",
217
+ "whitespace-pre-line_sm": "_whitespace-pre-line_sm_sgjpj_340",
218
+ "whitespace-pre-line_sm:h": "_whitespace-pre-line_sm:h_sgjpj_341",
219
+ "whitespace-pre-line_sm:f": "_whitespace-pre-line_sm:f_sgjpj_342",
220
+ "whitespace-pre-line_sm:a": "_whitespace-pre-line_sm:a_sgjpj_343",
221
+ "whitespace-pre-line_sm:d": "_whitespace-pre-line_sm:d_sgjpj_344",
222
+ "whitespace-pre-line_md": "_whitespace-pre-line_md_sgjpj_348",
223
+ "whitespace-pre-line_md:h": "_whitespace-pre-line_md:h_sgjpj_349",
224
+ "whitespace-pre-line_md:f": "_whitespace-pre-line_md:f_sgjpj_350",
225
+ "whitespace-pre-line_md:a": "_whitespace-pre-line_md:a_sgjpj_351",
226
+ "whitespace-pre-line_md:d": "_whitespace-pre-line_md:d_sgjpj_352",
227
+ "whitespace-pre-line_lg": "_whitespace-pre-line_lg_sgjpj_356",
228
+ "whitespace-pre-line_lg:h": "_whitespace-pre-line_lg:h_sgjpj_357",
229
+ "whitespace-pre-line_lg:f": "_whitespace-pre-line_lg:f_sgjpj_358",
230
+ "whitespace-pre-line_lg:a": "_whitespace-pre-line_lg:a_sgjpj_359",
231
+ "whitespace-pre-line_lg:d": "_whitespace-pre-line_lg:d_sgjpj_360",
232
+ "whitespace-pre-line_xl": "_whitespace-pre-line_xl_sgjpj_364",
233
+ "whitespace-pre-line_xl:h": "_whitespace-pre-line_xl:h_sgjpj_365",
234
+ "whitespace-pre-line_xl:f": "_whitespace-pre-line_xl:f_sgjpj_366",
235
+ "whitespace-pre-line_xl:a": "_whitespace-pre-line_xl:a_sgjpj_367",
236
+ "whitespace-pre-line_xl:d": "_whitespace-pre-line_xl:d_sgjpj_368",
237
+ "whitespace-pre-line_2xl": "_whitespace-pre-line_2xl_sgjpj_372",
238
+ "whitespace-pre-line_2xl:h": "_whitespace-pre-line_2xl:h_sgjpj_373",
239
+ "whitespace-pre-line_2xl:f": "_whitespace-pre-line_2xl:f_sgjpj_374",
240
+ "whitespace-pre-line_2xl:a": "_whitespace-pre-line_2xl:a_sgjpj_375",
241
+ "whitespace-pre-line_2xl:d": "_whitespace-pre-line_2xl:d_sgjpj_376",
242
+ "whitespace-pre-wrap": "_whitespace-pre-wrap_sgjpj_380",
243
+ "whitespace-pre-wrap:h": "_whitespace-pre-wrap:h_sgjpj_381",
244
+ "whitespace-pre-wrap:f": "_whitespace-pre-wrap:f_sgjpj_382",
245
+ "whitespace-pre-wrap:a": "_whitespace-pre-wrap:a_sgjpj_383",
246
+ "whitespace-pre-wrap:d": "_whitespace-pre-wrap:d_sgjpj_384",
247
+ "whitespace-pre-wrap_sm": "_whitespace-pre-wrap_sm_sgjpj_387",
248
+ "whitespace-pre-wrap_sm:h": "_whitespace-pre-wrap_sm:h_sgjpj_388",
249
+ "whitespace-pre-wrap_sm:f": "_whitespace-pre-wrap_sm:f_sgjpj_389",
250
+ "whitespace-pre-wrap_sm:a": "_whitespace-pre-wrap_sm:a_sgjpj_390",
251
+ "whitespace-pre-wrap_sm:d": "_whitespace-pre-wrap_sm:d_sgjpj_391",
252
+ "whitespace-pre-wrap_md": "_whitespace-pre-wrap_md_sgjpj_395",
253
+ "whitespace-pre-wrap_md:h": "_whitespace-pre-wrap_md:h_sgjpj_396",
254
+ "whitespace-pre-wrap_md:f": "_whitespace-pre-wrap_md:f_sgjpj_397",
255
+ "whitespace-pre-wrap_md:a": "_whitespace-pre-wrap_md:a_sgjpj_398",
256
+ "whitespace-pre-wrap_md:d": "_whitespace-pre-wrap_md:d_sgjpj_399",
257
+ "whitespace-pre-wrap_lg": "_whitespace-pre-wrap_lg_sgjpj_403",
258
+ "whitespace-pre-wrap_lg:h": "_whitespace-pre-wrap_lg:h_sgjpj_404",
259
+ "whitespace-pre-wrap_lg:f": "_whitespace-pre-wrap_lg:f_sgjpj_405",
260
+ "whitespace-pre-wrap_lg:a": "_whitespace-pre-wrap_lg:a_sgjpj_406",
261
+ "whitespace-pre-wrap_lg:d": "_whitespace-pre-wrap_lg:d_sgjpj_407",
262
+ "whitespace-pre-wrap_xl": "_whitespace-pre-wrap_xl_sgjpj_411",
263
+ "whitespace-pre-wrap_xl:h": "_whitespace-pre-wrap_xl:h_sgjpj_412",
264
+ "whitespace-pre-wrap_xl:f": "_whitespace-pre-wrap_xl:f_sgjpj_413",
265
+ "whitespace-pre-wrap_xl:a": "_whitespace-pre-wrap_xl:a_sgjpj_414",
266
+ "whitespace-pre-wrap_xl:d": "_whitespace-pre-wrap_xl:d_sgjpj_415",
267
+ "whitespace-pre-wrap_2xl": "_whitespace-pre-wrap_2xl_sgjpj_419",
268
+ "whitespace-pre-wrap_2xl:h": "_whitespace-pre-wrap_2xl:h_sgjpj_420",
269
+ "whitespace-pre-wrap_2xl:f": "_whitespace-pre-wrap_2xl:f_sgjpj_421",
270
+ "whitespace-pre-wrap_2xl:a": "_whitespace-pre-wrap_2xl:a_sgjpj_422",
271
+ "whitespace-pre-wrap_2xl:d": "_whitespace-pre-wrap_2xl:d_sgjpj_423",
272
+ "decoration-none": "_decoration-none_sgjpj_428",
273
+ "decoration-none:h": "_decoration-none:h_sgjpj_429",
274
+ "decoration-none:f": "_decoration-none:f_sgjpj_430",
275
+ "decoration-none:a": "_decoration-none:a_sgjpj_431",
276
+ "decoration-none:d": "_decoration-none:d_sgjpj_432",
277
+ "decoration-none_sm": "_decoration-none_sm_sgjpj_435",
278
+ "decoration-none_sm:h": "_decoration-none_sm:h_sgjpj_436",
279
+ "decoration-none_sm:f": "_decoration-none_sm:f_sgjpj_437",
280
+ "decoration-none_sm:a": "_decoration-none_sm:a_sgjpj_438",
281
+ "decoration-none_sm:d": "_decoration-none_sm:d_sgjpj_439",
282
+ "decoration-none_md": "_decoration-none_md_sgjpj_443",
283
+ "decoration-none_md:h": "_decoration-none_md:h_sgjpj_444",
284
+ "decoration-none_md:f": "_decoration-none_md:f_sgjpj_445",
285
+ "decoration-none_md:a": "_decoration-none_md:a_sgjpj_446",
286
+ "decoration-none_md:d": "_decoration-none_md:d_sgjpj_447",
287
+ "decoration-none_lg": "_decoration-none_lg_sgjpj_451",
288
+ "decoration-none_lg:h": "_decoration-none_lg:h_sgjpj_452",
289
+ "decoration-none_lg:f": "_decoration-none_lg:f_sgjpj_453",
290
+ "decoration-none_lg:a": "_decoration-none_lg:a_sgjpj_454",
291
+ "decoration-none_lg:d": "_decoration-none_lg:d_sgjpj_455",
292
+ "decoration-none_xl": "_decoration-none_xl_sgjpj_459",
293
+ "decoration-none_xl:h": "_decoration-none_xl:h_sgjpj_460",
294
+ "decoration-none_xl:f": "_decoration-none_xl:f_sgjpj_461",
295
+ "decoration-none_xl:a": "_decoration-none_xl:a_sgjpj_462",
296
+ "decoration-none_xl:d": "_decoration-none_xl:d_sgjpj_463",
297
+ "decoration-none_2xl": "_decoration-none_2xl_sgjpj_467",
298
+ "decoration-none_2xl:h": "_decoration-none_2xl:h_sgjpj_468",
299
+ "decoration-none_2xl:f": "_decoration-none_2xl:f_sgjpj_469",
300
+ "decoration-none_2xl:a": "_decoration-none_2xl:a_sgjpj_470",
301
+ "decoration-none_2xl:d": "_decoration-none_2xl:d_sgjpj_471",
302
+ "decoration-underline": "_decoration-underline_sgjpj_475",
303
+ "decoration-underline:h": "_decoration-underline:h_sgjpj_476",
304
+ "decoration-underline:f": "_decoration-underline:f_sgjpj_477",
305
+ "decoration-underline:a": "_decoration-underline:a_sgjpj_478",
306
+ "decoration-underline:d": "_decoration-underline:d_sgjpj_479",
307
+ "decoration-underline_sm": "_decoration-underline_sm_sgjpj_482",
308
+ "decoration-underline_sm:h": "_decoration-underline_sm:h_sgjpj_483",
309
+ "decoration-underline_sm:f": "_decoration-underline_sm:f_sgjpj_484",
310
+ "decoration-underline_sm:a": "_decoration-underline_sm:a_sgjpj_485",
311
+ "decoration-underline_sm:d": "_decoration-underline_sm:d_sgjpj_486",
312
+ "decoration-underline_md": "_decoration-underline_md_sgjpj_490",
313
+ "decoration-underline_md:h": "_decoration-underline_md:h_sgjpj_491",
314
+ "decoration-underline_md:f": "_decoration-underline_md:f_sgjpj_492",
315
+ "decoration-underline_md:a": "_decoration-underline_md:a_sgjpj_493",
316
+ "decoration-underline_md:d": "_decoration-underline_md:d_sgjpj_494",
317
+ "decoration-underline_lg": "_decoration-underline_lg_sgjpj_498",
318
+ "decoration-underline_lg:h": "_decoration-underline_lg:h_sgjpj_499",
319
+ "decoration-underline_lg:f": "_decoration-underline_lg:f_sgjpj_500",
320
+ "decoration-underline_lg:a": "_decoration-underline_lg:a_sgjpj_501",
321
+ "decoration-underline_lg:d": "_decoration-underline_lg:d_sgjpj_502",
322
+ "decoration-underline_xl": "_decoration-underline_xl_sgjpj_506",
323
+ "decoration-underline_xl:h": "_decoration-underline_xl:h_sgjpj_507",
324
+ "decoration-underline_xl:f": "_decoration-underline_xl:f_sgjpj_508",
325
+ "decoration-underline_xl:a": "_decoration-underline_xl:a_sgjpj_509",
326
+ "decoration-underline_xl:d": "_decoration-underline_xl:d_sgjpj_510",
327
+ "decoration-underline_2xl": "_decoration-underline_2xl_sgjpj_514",
328
+ "decoration-underline_2xl:h": "_decoration-underline_2xl:h_sgjpj_515",
329
+ "decoration-underline_2xl:f": "_decoration-underline_2xl:f_sgjpj_516",
330
+ "decoration-underline_2xl:a": "_decoration-underline_2xl:a_sgjpj_517",
331
+ "decoration-underline_2xl:d": "_decoration-underline_2xl:d_sgjpj_518",
332
+ "decoration-line-through": "_decoration-line-through_sgjpj_522",
333
+ "decoration-line-through:h": "_decoration-line-through:h_sgjpj_523",
334
+ "decoration-line-through:f": "_decoration-line-through:f_sgjpj_524",
335
+ "decoration-line-through:a": "_decoration-line-through:a_sgjpj_525",
336
+ "decoration-line-through:d": "_decoration-line-through:d_sgjpj_526",
337
+ "decoration-line-through_sm": "_decoration-line-through_sm_sgjpj_529",
338
+ "decoration-line-through_sm:h": "_decoration-line-through_sm:h_sgjpj_530",
339
+ "decoration-line-through_sm:f": "_decoration-line-through_sm:f_sgjpj_531",
340
+ "decoration-line-through_sm:a": "_decoration-line-through_sm:a_sgjpj_532",
341
+ "decoration-line-through_sm:d": "_decoration-line-through_sm:d_sgjpj_533",
342
+ "decoration-line-through_md": "_decoration-line-through_md_sgjpj_537",
343
+ "decoration-line-through_md:h": "_decoration-line-through_md:h_sgjpj_538",
344
+ "decoration-line-through_md:f": "_decoration-line-through_md:f_sgjpj_539",
345
+ "decoration-line-through_md:a": "_decoration-line-through_md:a_sgjpj_540",
346
+ "decoration-line-through_md:d": "_decoration-line-through_md:d_sgjpj_541",
347
+ "decoration-line-through_lg": "_decoration-line-through_lg_sgjpj_545",
348
+ "decoration-line-through_lg:h": "_decoration-line-through_lg:h_sgjpj_546",
349
+ "decoration-line-through_lg:f": "_decoration-line-through_lg:f_sgjpj_547",
350
+ "decoration-line-through_lg:a": "_decoration-line-through_lg:a_sgjpj_548",
351
+ "decoration-line-through_lg:d": "_decoration-line-through_lg:d_sgjpj_549",
352
+ "decoration-line-through_xl": "_decoration-line-through_xl_sgjpj_553",
353
+ "decoration-line-through_xl:h": "_decoration-line-through_xl:h_sgjpj_554",
354
+ "decoration-line-through_xl:f": "_decoration-line-through_xl:f_sgjpj_555",
355
+ "decoration-line-through_xl:a": "_decoration-line-through_xl:a_sgjpj_556",
356
+ "decoration-line-through_xl:d": "_decoration-line-through_xl:d_sgjpj_557",
357
+ "decoration-line-through_2xl": "_decoration-line-through_2xl_sgjpj_561",
358
+ "decoration-line-through_2xl:h": "_decoration-line-through_2xl:h_sgjpj_562",
359
+ "decoration-line-through_2xl:f": "_decoration-line-through_2xl:f_sgjpj_563",
360
+ "decoration-line-through_2xl:a": "_decoration-line-through_2xl:a_sgjpj_564",
361
+ "decoration-line-through_2xl:d": "_decoration-line-through_2xl:d_sgjpj_565"
26
362
  };
27
363
  export {
28
364
  styles as default
@@ -1 +1 @@
1
- {"version":3,"file":"text.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"text.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,16 +1,14 @@
1
+ import { ResponsiveValue } from '../../../utils/breakpoints';
2
+ import { StateProps, StyleResult } from '../shared';
1
3
  export type FontSizeValue = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
2
4
  export type FontFamilyValue = "body" | "heading" | "mono";
3
5
  export type FontWeightValue = "normal" | "medium" | "semibold" | "bold";
4
6
  export type LineHeightValue = "tight" | "normal" | "relaxed";
5
7
  export type TypographyProps = {
6
- fontSize?: FontSizeValue;
7
- fontFamily?: FontFamilyValue;
8
- fontWeight?: FontWeightValue;
9
- lineHeight?: LineHeightValue;
8
+ fontSize?: ResponsiveValue<FontSizeValue>;
9
+ fontFamily?: ResponsiveValue<FontFamilyValue>;
10
+ fontWeight?: ResponsiveValue<FontWeightValue>;
11
+ lineHeight?: ResponsiveValue<LineHeightValue>;
10
12
  };
11
- type StyleResult = {
12
- className: string;
13
- };
14
- export declare function getTypographyStyles(props: TypographyProps): StyleResult;
15
- export {};
13
+ export declare function getTypographyStyles(props: TypographyProps & StateProps<TypographyProps>): StyleResult;
16
14
  //# sourceMappingURL=typography.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/typography/typography.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAC7F,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAC1D,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,GAAG,WAAW,CA0BvE"}
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/typography/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,WAAW,EAEjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAC7F,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAC1D,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;CAC/C,CAAC;AAwBF,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC,GACnD,WAAW,CAmBb"}
@@ -1,25 +1,39 @@
1
+ import { getEnumResponsiveStyles } from "../shared/responsive.js";
1
2
  import styles from "./typography.module.css.js";
2
3
  import clsx from "clsx";
4
+ function getTypographyStylesForState(props, state) {
5
+ if (!props) return { className: "", style: {} };
6
+ const fontSizeResult = getEnumResponsiveStyles(styles, "text", props.fontSize, state);
7
+ const fontFamilyResult = getEnumResponsiveStyles(styles, "font", props.fontFamily, state);
8
+ const fontWeightResult = getEnumResponsiveStyles(styles, "weight", props.fontWeight, state);
9
+ const lineHeightResult = getEnumResponsiveStyles(styles, "leading", props.lineHeight, state);
10
+ return {
11
+ className: clsx(
12
+ fontSizeResult.className,
13
+ fontFamilyResult.className,
14
+ fontWeightResult.className,
15
+ lineHeightResult.className
16
+ ),
17
+ style: {}
18
+ };
19
+ }
3
20
  function getTypographyStyles(props) {
4
- const { fontSize, fontFamily, fontWeight, lineHeight } = props;
5
- const classes = [];
6
- if (fontSize) {
7
- const cls = styles[`text-${fontSize}`];
8
- if (cls) classes.push(cls);
9
- }
10
- if (fontFamily) {
11
- const cls = styles[`font-${fontFamily}`];
12
- if (cls) classes.push(cls);
13
- }
14
- if (fontWeight) {
15
- const cls = styles[`weight-${fontWeight}`];
16
- if (cls) classes.push(cls);
17
- }
18
- if (lineHeight) {
19
- const cls = styles[`leading-${lineHeight}`];
20
- if (cls) classes.push(cls);
21
- }
22
- return { className: clsx(...classes) };
21
+ const { _hover, _focus, _active, _disabled, ...baseProps } = props;
22
+ const baseStyles = getTypographyStylesForState(baseProps, "base");
23
+ const hoverStyles = getTypographyStylesForState(_hover, "hover");
24
+ const focusStyles = getTypographyStylesForState(_focus, "focus");
25
+ const activeStyles = getTypographyStylesForState(_active, "active");
26
+ const disabledStyles = getTypographyStylesForState(_disabled, "disabled");
27
+ return {
28
+ className: clsx(
29
+ baseStyles.className,
30
+ hoverStyles.className,
31
+ focusStyles.className,
32
+ activeStyles.className,
33
+ disabledStyles.className
34
+ ),
35
+ style: {}
36
+ };
23
37
  }
24
38
  export {
25
39
  getTypographyStyles
@@ -1 +1 @@
1
- {"version":3,"file":"typography.js","sources":["../../../../src/components/Box/typography/typography.ts"],"sourcesContent":["import styles from \"./typography.module.css\";\nimport clsx from \"clsx\";\n\nexport type FontSizeValue = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\";\nexport type FontFamilyValue = \"body\" | \"heading\" | \"mono\";\nexport type FontWeightValue = \"normal\" | \"medium\" | \"semibold\" | \"bold\";\nexport type LineHeightValue = \"tight\" | \"normal\" | \"relaxed\";\n\nexport type TypographyProps = {\n fontSize?: FontSizeValue;\n fontFamily?: FontFamilyValue;\n fontWeight?: FontWeightValue;\n lineHeight?: LineHeightValue;\n};\n\ntype StyleResult = {\n className: string;\n};\n\nexport function getTypographyStyles(props: TypographyProps): StyleResult {\n const { fontSize, fontFamily, fontWeight, lineHeight } = props;\n\n const classes: string[] = [];\n\n if (fontSize) {\n const cls = styles[`text-${fontSize}`];\n if (cls) classes.push(cls);\n }\n\n if (fontFamily) {\n const cls = styles[`font-${fontFamily}`];\n if (cls) classes.push(cls);\n }\n\n if (fontWeight) {\n const cls = styles[`weight-${fontWeight}`];\n if (cls) classes.push(cls);\n }\n\n if (lineHeight) {\n const cls = styles[`leading-${lineHeight}`];\n if (cls) classes.push(cls);\n }\n\n return { className: clsx(...classes) };\n}\n"],"names":[],"mappings":";;AAmBO,SAAS,oBAAoB,OAAqC;AACvE,QAAM,EAAE,UAAU,YAAY,YAAY,eAAe;AAEzD,QAAM,UAAoB,CAAA;AAE1B,MAAI,UAAU;AACZ,UAAM,MAAM,OAAO,QAAQ,QAAQ,EAAE;AACrC,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,MAAI,YAAY;AACd,UAAM,MAAM,OAAO,QAAQ,UAAU,EAAE;AACvC,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,MAAI,YAAY;AACd,UAAM,MAAM,OAAO,UAAU,UAAU,EAAE;AACzC,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,MAAI,YAAY;AACd,UAAM,MAAM,OAAO,WAAW,UAAU,EAAE;AAC1C,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,SAAO,EAAE,WAAW,KAAK,GAAG,OAAO,EAAA;AACrC;"}
1
+ {"version":3,"file":"typography.js","sources":["../../../../src/components/Box/typography/typography.ts"],"sourcesContent":["import type { ResponsiveValue } from \"@/utils/breakpoints\";\nimport {\n type StateKey,\n type StateProps,\n type StyleResult,\n getEnumResponsiveStyles,\n} from \"../shared\";\nimport styles from \"./typography.module.css\";\nimport clsx from \"clsx\";\n\nexport type FontSizeValue = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\";\nexport type FontFamilyValue = \"body\" | \"heading\" | \"mono\";\nexport type FontWeightValue = \"normal\" | \"medium\" | \"semibold\" | \"bold\";\nexport type LineHeightValue = \"tight\" | \"normal\" | \"relaxed\";\n\nexport type TypographyProps = {\n fontSize?: ResponsiveValue<FontSizeValue>;\n fontFamily?: ResponsiveValue<FontFamilyValue>;\n fontWeight?: ResponsiveValue<FontWeightValue>;\n lineHeight?: ResponsiveValue<LineHeightValue>;\n};\n\nfunction getTypographyStylesForState(\n props: TypographyProps | undefined,\n state: StateKey\n): StyleResult {\n if (!props) return { className: \"\", style: {} };\n\n const fontSizeResult = getEnumResponsiveStyles(styles, \"text\", props.fontSize, state);\n const fontFamilyResult = getEnumResponsiveStyles(styles, \"font\", props.fontFamily, state);\n const fontWeightResult = getEnumResponsiveStyles(styles, \"weight\", props.fontWeight, state);\n const lineHeightResult = getEnumResponsiveStyles(styles, \"leading\", props.lineHeight, state);\n\n return {\n className: clsx(\n fontSizeResult.className,\n fontFamilyResult.className,\n fontWeightResult.className,\n lineHeightResult.className\n ),\n style: {},\n };\n}\n\nexport function getTypographyStyles(\n props: TypographyProps & StateProps<TypographyProps>\n): StyleResult {\n const { _hover, _focus, _active, _disabled, ...baseProps } = props;\n\n const baseStyles = getTypographyStylesForState(baseProps, \"base\");\n const hoverStyles = getTypographyStylesForState(_hover, \"hover\");\n const focusStyles = getTypographyStylesForState(_focus, \"focus\");\n const activeStyles = getTypographyStylesForState(_active, \"active\");\n const disabledStyles = getTypographyStylesForState(_disabled, \"disabled\");\n\n return {\n className: clsx(\n baseStyles.className,\n hoverStyles.className,\n focusStyles.className,\n activeStyles.className,\n disabledStyles.className\n ),\n style: {},\n };\n}\n"],"names":[],"mappings":";;;AAsBA,SAAS,4BACP,OACA,OACa;AACb,MAAI,CAAC,MAAO,QAAO,EAAE,WAAW,IAAI,OAAO,GAAC;AAE5C,QAAM,iBAAiB,wBAAwB,QAAQ,QAAQ,MAAM,UAAU,KAAK;AACpF,QAAM,mBAAmB,wBAAwB,QAAQ,QAAQ,MAAM,YAAY,KAAK;AACxF,QAAM,mBAAmB,wBAAwB,QAAQ,UAAU,MAAM,YAAY,KAAK;AAC1F,QAAM,mBAAmB,wBAAwB,QAAQ,WAAW,MAAM,YAAY,KAAK;AAE3F,SAAO;AAAA,IACL,WAAW;AAAA,MACT,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,IAAA;AAAA,IAEnB,OAAO,CAAA;AAAA,EAAC;AAEZ;AAEO,SAAS,oBACd,OACa;AACb,QAAM,EAAE,QAAQ,QAAQ,SAAS,WAAW,GAAG,cAAc;AAE7D,QAAM,aAAa,4BAA4B,WAAW,MAAM;AAChE,QAAM,cAAc,4BAA4B,QAAQ,OAAO;AAC/D,QAAM,cAAc,4BAA4B,QAAQ,OAAO;AAC/D,QAAM,eAAe,4BAA4B,SAAS,QAAQ;AAClE,QAAM,iBAAiB,4BAA4B,WAAW,UAAU;AAExE,SAAO;AAAA,IACL,WAAW;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,eAAe;AAAA,IAAA;AAAA,IAEjB,OAAO,CAAA;AAAA,EAAC;AAEZ;"}