@m4l/styles 7.1.19 → 7.1.20

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 (6) hide show
  1. package/index.js +36 -33
  2. package/package.json +1 -1
  3. package/theme/sizes/index.d.ts +1 -0
  4. package/theme/typography/baseLineHeight.js +3 -3
  5. package/theme/typography/types.d.ts +2 -2
  6. package/theme/typography/typographySizes.js +86 -86
package/index.js CHANGED
@@ -1,52 +1,55 @@
1
- import { D as e, g as s, m as t } from "./config.js";
1
+ import { D as e, g as s, m as a } from "./config.js";
2
2
  import { c as p, s as m } from "./theme/shadows.js";
3
- import { f as E } from "./theme/overrides/index.js";
4
- import { B as S } from "./theme/palette/baseColors.js";
3
+ import { f as S } from "./theme/overrides/index.js";
4
+ import { B as x } from "./theme/palette/baseColors.js";
5
5
  import { B as O } from "./theme/palette/baseOpacityColors.js";
6
6
  import { C as P } from "./theme/palette/commonColors.js";
7
- import { G as A } from "./theme/palette/greyPalette.js";
8
- import { p as R } from "./theme/palette/presetColors.js";
9
- import { B as i } from "./theme/typography/baseFontSize.js";
10
- import { B as n } from "./theme/typography/baseLetterSpacing.js";
7
+ import { G as R } from "./theme/palette/greyPalette.js";
8
+ import { p as A } from "./theme/palette/presetColors.js";
9
+ import { B as g } from "./theme/typography/baseFontSize.js";
10
+ import { B as l } from "./theme/typography/baseLetterSpacing.js";
11
11
  import { B as L } from "./theme/typography/baseLineHeight.js";
12
12
  import { B as Y } from "./theme/typography/baseWeight.js";
13
13
  import { T as u } from "./theme/typography/typography.js";
14
- import { a as D, T as h } from "./theme/typography/typographySizes.js";
14
+ import { a as H, T as N } from "./theme/typography/typographySizes.js";
15
15
  import { t as M } from "./theme/typographyOld.js";
16
- import { u as Z } from "./utils/useResponsive.js";
17
- import { D as y, d as U, g as c } from "./utils/getColorPresets.js";
18
- import { p as z, r as b, a as k } from "./utils/getFontValue.js";
19
- import { g as V } from "./utils/getColorState.js";
20
- import { g as j } from "./utils/getPaletteByPreset.js";
21
- import { g as J } from "./utils/getUserThemeOptions.js";
16
+ import { P as F, a as v } from "./theme/sizes/pointerQr.js";
17
+ import { u as U } from "./utils/useResponsive.js";
18
+ import { D as w, d as z, g as K } from "./utils/getColorPresets.js";
19
+ import { p as b, r as k, a as V } from "./utils/getFontValue.js";
20
+ import { g as j } from "./utils/getColorState.js";
21
+ import { g as J } from "./utils/getPaletteByPreset.js";
22
+ import { g as $ } from "./utils/getUserThemeOptions.js";
22
23
  export {
23
- S as BASE_COLORS,
24
- i as BASE_FONT_SIZE,
25
- n as BASE_LETTER_SPACING,
24
+ x as BASE_COLORS,
25
+ g as BASE_FONT_SIZE,
26
+ l as BASE_LETTER_SPACING,
26
27
  L as BASE_LINE_HEIGHT,
27
28
  O as BASE_OPACITY_COLORS,
28
29
  Y as BASE_WEIGHT,
29
30
  P as COMMON_COLORS,
30
- y as DEFAULT_PRESET,
31
+ w as DEFAULT_PRESET,
31
32
  e as DEFAULT_SIZE,
32
- A as GREY_PALETTE,
33
+ R as GREY_PALETTE,
34
+ F as POINTER_QR_DESKTOP_SIZES,
35
+ v as POINTER_QR_MOBILE_SIZES,
33
36
  u as TYPOGRAPHY,
34
- D as TYPOGRAPHY_SIZES_DESKTOP,
35
- h as TYPOGRAPHY_SIZES_MOBILE,
37
+ H as TYPOGRAPHY_SIZES_DESKTOP,
38
+ N as TYPOGRAPHY_SIZES_MOBILE,
36
39
  p as createCustomShadows,
37
- U as defaultPresetColors,
38
- E as fnComponentsOverrides,
39
- c as getColorPresets,
40
- V as getColorState,
41
- j as getPaletteByPreset,
42
- J as getUserThemeOptions,
40
+ z as defaultPresetColors,
41
+ S as fnComponentsOverrides,
42
+ K as getColorPresets,
43
+ j as getColorState,
44
+ J as getPaletteByPreset,
45
+ $ as getUserThemeOptions,
43
46
  s as globalRemSize,
44
- t as muiBreakpointsValues,
45
- R as presetsOptionsMainColor,
46
- z as pxToRem,
47
- b as remToPx,
48
- k as responsiveFontSizes,
47
+ a as muiBreakpointsValues,
48
+ A as presetsOptionsMainColor,
49
+ b as pxToRem,
50
+ k as remToPx,
51
+ V as responsiveFontSizes,
49
52
  m as shadows,
50
53
  M as typographyOld,
51
- Z as useResponsive
54
+ U as useResponsive
52
55
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/styles",
3
- "version": "7.1.19",
3
+ "version": "7.1.20",
4
4
  "license": "UNLICENSED",
5
5
  "author": "m4l team",
6
6
  "publishConfig": {
package/theme/sizes/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './types';
2
+ export * from './pointerQr';
package/theme/typography/baseLineHeight.js CHANGED
@@ -1,12 +1,12 @@
1
- const p = {
1
+ const l = {
2
2
  lh1: "14px",
3
3
  lh2: "16px",
4
4
  lh3: "20px",
5
5
  lh4: "24px",
6
6
  lh5: "28px",
7
7
  lh6: "32px",
8
- auto: "auto"
8
+ normal: "normal"
9
9
  };
10
10
  export {
11
- p as B
11
+ l as B
12
12
  };
package/theme/typography/types.d.ts CHANGED
@@ -71,7 +71,7 @@ export interface BaseLetterSpacing {
71
71
  export interface FontProperties {
72
72
  fontSize: string;
73
73
  lineHeight: string;
74
- weight: number;
74
+ fontWeight: number;
75
75
  letterSpacing: string;
76
76
  }
77
77
  /**
@@ -92,7 +92,7 @@ export interface BaseLineHeight {
92
92
  lh4: string;
93
93
  lh5: string;
94
94
  lh6: string;
95
- auto: string;
95
+ normal: string;
96
96
  }
97
97
  /**
98
98
  * Representa el conjunto de opciones predefinidas para asginar los grosores de texto en la aplicación web.
package/theme/typography/typographySizes.js CHANGED
@@ -1,259 +1,259 @@
1
1
  import { B as e } from "./baseFontSize.js";
2
2
  import { B as t } from "./baseLetterSpacing.js";
3
- import { B as i } from "./baseLineHeight.js";
4
- import { B as n } from "./baseWeight.js";
5
- const p = {
3
+ import { B as n } from "./baseLineHeight.js";
4
+ import { B as i } from "./baseWeight.js";
5
+ const a = {
6
6
  small: {
7
7
  h1: {
8
8
  fontSize: e.pt42,
9
- weight: n.dens,
10
- lineHeight: i.auto,
9
+ fontWeight: i.dens,
10
+ lineHeight: n.normal,
11
11
  letterSpacing: t["0.5"]
12
12
  },
13
13
  h2: {
14
14
  fontSize: e.pt32,
15
- weight: n.dens,
16
- lineHeight: i.auto,
15
+ fontWeight: i.dens,
16
+ lineHeight: n.normal,
17
17
  letterSpacing: t["0.5"]
18
18
  },
19
19
  h3: {
20
20
  fontSize: e.pt26,
21
- weight: n.dens,
22
- lineHeight: i.auto,
21
+ fontWeight: i.dens,
22
+ lineHeight: n.normal,
23
23
  letterSpacing: t["0.5"]
24
24
  },
25
25
  h5: {
26
26
  fontSize: e.pt20,
27
- weight: n.dens,
28
- lineHeight: i.auto,
27
+ fontWeight: i.dens,
28
+ lineHeight: n.normal,
29
29
  letterSpacing: t["0.5"]
30
30
  },
31
31
  subtitle: {
32
32
  fontSize: e.pt17,
33
- weight: n.regular,
34
- lineHeight: i.auto,
33
+ fontWeight: i.regular,
34
+ lineHeight: n.normal,
35
35
  letterSpacing: t["0.5"]
36
36
  },
37
37
  subtitleDens: {
38
38
  fontSize: e.pt17,
39
- weight: n.dens,
40
- lineHeight: i.auto,
39
+ fontWeight: i.dens,
40
+ lineHeight: n.normal,
41
41
  letterSpacing: t["0.5"]
42
42
  },
43
43
  paragraph: {
44
44
  fontSize: e.pt15,
45
- weight: n.regular,
46
- lineHeight: i.auto,
45
+ fontWeight: i.regular,
46
+ lineHeight: n.normal,
47
47
  letterSpacing: t["0.5"]
48
48
  },
49
49
  paragraphDens: {
50
50
  fontSize: e.pt15,
51
- weight: n.dens,
52
- lineHeight: i.auto,
51
+ fontWeight: i.dens,
52
+ lineHeight: n.normal,
53
53
  letterSpacing: t["0.5"]
54
54
  },
55
55
  body: {
56
56
  fontSize: e.pt13,
57
- weight: n.regular,
58
- lineHeight: i.lh3,
57
+ fontWeight: i.regular,
58
+ lineHeight: n.lh3,
59
59
  letterSpacing: t["0.5"]
60
60
  },
61
61
  bodyDens: {
62
62
  fontSize: e.pt13,
63
- weight: n.dens,
64
- lineHeight: i.lh3,
63
+ fontWeight: i.dens,
64
+ lineHeight: n.lh3,
65
65
  letterSpacing: t["0.5"]
66
66
  }
67
67
  },
68
68
  medium: {
69
69
  h1: {
70
70
  fontSize: e.pt44,
71
- weight: n.dens,
72
- lineHeight: i.auto,
71
+ fontWeight: i.dens,
72
+ lineHeight: n.normal,
73
73
  letterSpacing: t["0.5"]
74
74
  },
75
75
  h2: {
76
76
  fontSize: e.pt32,
77
- weight: n.dens,
78
- lineHeight: i.auto,
77
+ fontWeight: i.dens,
78
+ lineHeight: n.normal,
79
79
  letterSpacing: t["0.5"]
80
80
  },
81
81
  h3: {
82
82
  fontSize: e.pt28,
83
- weight: n.dens,
84
- lineHeight: i.auto,
83
+ fontWeight: i.dens,
84
+ lineHeight: n.normal,
85
85
  letterSpacing: t["0.5"]
86
86
  },
87
87
  h5: {
88
88
  fontSize: e.pt20,
89
- weight: n.dens,
90
- lineHeight: i.auto,
89
+ fontWeight: i.dens,
90
+ lineHeight: n.normal,
91
91
  letterSpacing: t["0.5"]
92
92
  },
93
93
  subtitle: {
94
94
  fontSize: e.pt18,
95
- weight: n.regular,
96
- lineHeight: i.auto,
95
+ fontWeight: i.regular,
96
+ lineHeight: n.normal,
97
97
  letterSpacing: t["0.5"]
98
98
  },
99
99
  subtitleDens: {
100
100
  fontSize: e.pt18,
101
- weight: n.dens,
102
- lineHeight: i.auto,
101
+ fontWeight: i.dens,
102
+ lineHeight: n.normal,
103
103
  letterSpacing: t["0.5"]
104
104
  },
105
105
  paragraph: {
106
106
  fontSize: e.pt15,
107
- weight: n.regular,
108
- lineHeight: i.auto,
107
+ fontWeight: i.regular,
108
+ lineHeight: n.normal,
109
109
  letterSpacing: t["0.5"]
110
110
  },
111
111
  paragraphDens: {
112
112
  fontSize: e.pt15,
113
- weight: n.dens,
114
- lineHeight: i.auto,
113
+ fontWeight: i.dens,
114
+ lineHeight: n.normal,
115
115
  letterSpacing: t["0.5"]
116
116
  },
117
117
  body: {
118
118
  fontSize: e.pt14,
119
- weight: n.regular,
120
- lineHeight: i.auto,
119
+ fontWeight: i.regular,
120
+ lineHeight: n.normal,
121
121
  letterSpacing: t["0.5"]
122
122
  },
123
123
  bodyDens: {
124
124
  fontSize: e.pt14,
125
- weight: n.dens,
126
- lineHeight: i.auto,
125
+ fontWeight: i.dens,
126
+ lineHeight: n.normal,
127
127
  letterSpacing: t["0.5"]
128
128
  }
129
129
  }
130
- }, o = {
130
+ }, h = {
131
131
  small: {
132
132
  h1: {
133
133
  fontSize: e.pt54,
134
- weight: n.dens,
135
- lineHeight: i.auto,
134
+ fontWeight: i.dens,
135
+ lineHeight: n.normal,
136
136
  letterSpacing: t["0.5"]
137
137
  },
138
138
  h2: {
139
139
  fontSize: e.pt42,
140
- weight: n.dens,
141
- lineHeight: i.auto,
140
+ fontWeight: i.dens,
141
+ lineHeight: n.normal,
142
142
  letterSpacing: t["0.5"]
143
143
  },
144
144
  h3: {
145
145
  fontSize: e.pt30,
146
- weight: n.dens,
147
- lineHeight: i.auto,
146
+ fontWeight: i.dens,
147
+ lineHeight: n.normal,
148
148
  letterSpacing: t["0.5"]
149
149
  },
150
150
  h5: {
151
151
  fontSize: e.pt26,
152
- weight: n.dens,
153
- lineHeight: i.auto,
152
+ fontWeight: i.dens,
153
+ lineHeight: n.normal,
154
154
  letterSpacing: t["0.5"]
155
155
  },
156
156
  subtitle: {
157
157
  fontSize: e.pt14,
158
- weight: n.regular,
159
- lineHeight: i.auto,
158
+ fontWeight: i.regular,
159
+ lineHeight: n.normal,
160
160
  letterSpacing: t["0.5"]
161
161
  },
162
162
  subtitleDens: {
163
163
  fontSize: e.pt14,
164
- weight: n.dens,
165
- lineHeight: i.auto,
164
+ fontWeight: i.dens,
165
+ lineHeight: n.normal,
166
166
  letterSpacing: t["0.5"]
167
167
  },
168
168
  paragraph: {
169
169
  fontSize: e.pt12,
170
- weight: n.regular,
171
- lineHeight: i.auto,
170
+ fontWeight: i.regular,
171
+ lineHeight: n.normal,
172
172
  letterSpacing: t["0.5"]
173
173
  },
174
174
  paragraphDens: {
175
175
  fontSize: e.pt12,
176
- weight: n.dens,
177
- lineHeight: i.auto,
176
+ fontWeight: i.dens,
177
+ lineHeight: n.normal,
178
178
  letterSpacing: t["0.5"]
179
179
  },
180
180
  body: {
181
181
  fontSize: e.pt10,
182
- weight: n.regular,
183
- lineHeight: i.lh1,
182
+ fontWeight: i.regular,
183
+ lineHeight: n.lh1,
184
184
  letterSpacing: t["0.5"]
185
185
  },
186
186
  bodyDens: {
187
187
  fontSize: e.pt10,
188
- weight: n.dens,
189
- lineHeight: i.lh1,
188
+ fontWeight: i.dens,
189
+ lineHeight: n.lh1,
190
190
  letterSpacing: t["0.5"]
191
191
  }
192
192
  },
193
193
  medium: {
194
194
  h1: {
195
195
  fontSize: e.pt56,
196
- weight: n.dens,
197
- lineHeight: i.auto,
196
+ fontWeight: i.dens,
197
+ lineHeight: n.normal,
198
198
  letterSpacing: t["0.5"]
199
199
  },
200
200
  h2: {
201
201
  fontSize: e.pt44,
202
- weight: n.dens,
203
- lineHeight: i.auto,
202
+ fontWeight: i.dens,
203
+ lineHeight: n.normal,
204
204
  letterSpacing: t["0.5"]
205
205
  },
206
206
  h3: {
207
207
  fontSize: e.pt32,
208
- weight: n.dens,
209
- lineHeight: i.auto,
208
+ fontWeight: i.dens,
209
+ lineHeight: n.normal,
210
210
  letterSpacing: t["0.5"]
211
211
  },
212
212
  h5: {
213
213
  fontSize: e.pt28,
214
- weight: n.dens,
215
- lineHeight: i.auto,
214
+ fontWeight: i.dens,
215
+ lineHeight: n.normal,
216
216
  letterSpacing: t["0.5"]
217
217
  },
218
218
  subtitle: {
219
219
  fontSize: e.pt15,
220
- weight: n.regular,
221
- lineHeight: i.auto,
220
+ fontWeight: i.regular,
221
+ lineHeight: n.normal,
222
222
  letterSpacing: t["0.5"]
223
223
  },
224
224
  subtitleDens: {
225
225
  fontSize: e.pt15,
226
- weight: n.dens,
227
- lineHeight: i.auto,
226
+ fontWeight: i.dens,
227
+ lineHeight: n.normal,
228
228
  letterSpacing: t["0.5"]
229
229
  },
230
230
  paragraph: {
231
231
  fontSize: e.pt13,
232
- weight: n.regular,
233
- lineHeight: i.auto,
232
+ fontWeight: i.regular,
233
+ lineHeight: n.normal,
234
234
  letterSpacing: t["0.5"]
235
235
  },
236
236
  paragraphDens: {
237
237
  fontSize: e.pt13,
238
- weight: n.dens,
239
- lineHeight: i.auto,
238
+ fontWeight: i.dens,
239
+ lineHeight: n.normal,
240
240
  letterSpacing: t["0.5"]
241
241
  },
242
242
  body: {
243
243
  fontSize: e.pt11,
244
- weight: n.regular,
245
- lineHeight: i.auto,
244
+ fontWeight: i.regular,
245
+ lineHeight: n.normal,
246
246
  letterSpacing: t["0.5"]
247
247
  },
248
248
  bodyDens: {
249
249
  fontSize: e.pt11,
250
- weight: n.dens,
251
- lineHeight: i.auto,
250
+ fontWeight: i.dens,
251
+ lineHeight: n.normal,
252
252
  letterSpacing: t["0.5"]
253
253
  }
254
254
  }
255
255
  };
256
256
  export {
257
- p as T,
258
- o as a
257
+ a as T,
258
+ h as a
259
259
  };