@octoguide/mui-ui-toolkit 0.3.0 → 0.3.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.
- package/dist/index.d.mts +19 -0
- package/dist/index.d.ts +19 -0
- package/dist/index.js +10 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +10 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -145,8 +145,27 @@ interface FooterTokens {
|
|
|
145
145
|
linkColor: string;
|
|
146
146
|
linkHoverColor: string;
|
|
147
147
|
}
|
|
148
|
+
interface IconTokens {
|
|
149
|
+
/** 12px — tiny inline icons (e.g. back arrows) */
|
|
150
|
+
xs: string;
|
|
151
|
+
/** 16px — small inline icons */
|
|
152
|
+
sm: string;
|
|
153
|
+
/** 20px — standard small icons (e.g. nav, button icons) */
|
|
154
|
+
md: string;
|
|
155
|
+
/** 24px — standard icons */
|
|
156
|
+
lg: string;
|
|
157
|
+
/** 28px — medium feature icons */
|
|
158
|
+
xl: string;
|
|
159
|
+
/** 32px — large feature icons */
|
|
160
|
+
xxl: string;
|
|
161
|
+
/** 36px — hero / confirmation icons */
|
|
162
|
+
xxxl: string;
|
|
163
|
+
/** 56px — decorative / background icons */
|
|
164
|
+
display: string;
|
|
165
|
+
}
|
|
148
166
|
interface ComponentTokens {
|
|
149
167
|
footer: FooterTokens;
|
|
168
|
+
icon: IconTokens;
|
|
150
169
|
button: {
|
|
151
170
|
paddingX: string;
|
|
152
171
|
paddingY: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -145,8 +145,27 @@ interface FooterTokens {
|
|
|
145
145
|
linkColor: string;
|
|
146
146
|
linkHoverColor: string;
|
|
147
147
|
}
|
|
148
|
+
interface IconTokens {
|
|
149
|
+
/** 12px — tiny inline icons (e.g. back arrows) */
|
|
150
|
+
xs: string;
|
|
151
|
+
/** 16px — small inline icons */
|
|
152
|
+
sm: string;
|
|
153
|
+
/** 20px — standard small icons (e.g. nav, button icons) */
|
|
154
|
+
md: string;
|
|
155
|
+
/** 24px — standard icons */
|
|
156
|
+
lg: string;
|
|
157
|
+
/** 28px — medium feature icons */
|
|
158
|
+
xl: string;
|
|
159
|
+
/** 32px — large feature icons */
|
|
160
|
+
xxl: string;
|
|
161
|
+
/** 36px — hero / confirmation icons */
|
|
162
|
+
xxxl: string;
|
|
163
|
+
/** 56px — decorative / background icons */
|
|
164
|
+
display: string;
|
|
165
|
+
}
|
|
148
166
|
interface ComponentTokens {
|
|
149
167
|
footer: FooterTokens;
|
|
168
|
+
icon: IconTokens;
|
|
150
169
|
button: {
|
|
151
170
|
paddingX: string;
|
|
152
171
|
paddingY: string;
|
package/dist/index.js
CHANGED
|
@@ -214,6 +214,16 @@ var defaultTheme = {
|
|
|
214
214
|
linkColor: "rgba(255, 255, 255, 0.7)",
|
|
215
215
|
linkHoverColor: "#ffffff"
|
|
216
216
|
},
|
|
217
|
+
icon: {
|
|
218
|
+
xs: "12px",
|
|
219
|
+
sm: "16px",
|
|
220
|
+
md: "20px",
|
|
221
|
+
lg: "24px",
|
|
222
|
+
xl: "28px",
|
|
223
|
+
xxl: "32px",
|
|
224
|
+
xxxl: "36px",
|
|
225
|
+
display: "56px"
|
|
226
|
+
},
|
|
217
227
|
button: {
|
|
218
228
|
// Sizes & paddings (identical across themes)
|
|
219
229
|
paddingX: "12px",
|