@onereach/styles 2.19.1-beta.1276.0 → 2.19.1-beta.1277.0

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/styles",
3
- "version": "2.19.1-beta.1276.0",
3
+ "version": "2.19.1-beta.1277.0",
4
4
  "description": "Styles for or-ui-next",
5
5
  "main": "./main.css",
6
6
  "unpkg": "./main.css",
@@ -222,8 +222,10 @@ module.exports = {
222
222
 
223
223
  matchUtilities({
224
224
  'typography': (value) => {
225
- const [fontSizeDesktop, optionsDesktop] = theme('fontSize')[value];
226
- const [fontSizeMobile, optionsMobile] = theme('fontSize')[`mobile-${value}`] ?? [];
225
+ const fontSizeConfig = theme('fontSize');
226
+
227
+ const [fontSizeDesktop, optionsDesktop] = fontSizeConfig[value] ?? [];
228
+ const [fontSizeMobile, optionsMobile] = fontSizeConfig[`mobile-${value}`] ?? [];
227
229
 
228
230
  return {
229
231
  fontFamily: theme(`fontFamily.mobile-${value}`) ?? theme(`fontFamily.${value}`),
@@ -427,7 +429,7 @@ module.exports = {
427
429
  const [color, suffix = ''] = value.split('..');
428
430
 
429
431
  return {
430
- backgroundColor: theme(`backgroundColor.${color}`),
432
+ backgroundColor: theme(`backgroundColor.${color}` + suffix),
431
433
 
432
434
  '&[disabled]': {
433
435
  backgroundColor: theme('backgroundColor.disabled' + suffix),
@@ -473,7 +475,7 @@ module.exports = {
473
475
  const [color, suffix = ''] = value.split('..');
474
476
 
475
477
  return {
476
- color: theme(`textColor.${color}`),
478
+ color: theme(`textColor.${color}` + suffix),
477
479
 
478
480
  '&[disabled]': {
479
481
  color: theme('textColor.on-disabled' + suffix),
@@ -534,7 +536,7 @@ module.exports = {
534
536
  const [color, suffix = ''] = value.split('..');
535
537
 
536
538
  return {
537
- borderColor: theme(`borderColor.${color}`),
539
+ borderColor: theme(`borderColor.${color}` + suffix),
538
540
  borderStyle: 'solid',
539
541
  borderWidth: 1,
540
542