@beeq/tailwindcss 1.8.1 → 1.8.2

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 (3) hide show
  1. package/index.cjs.js +21 -52
  2. package/index.esm.js +21 -52
  3. package/package.json +1 -1
package/index.cjs.js CHANGED
@@ -1255,22 +1255,16 @@ const TYPOGRAPHY_DEFAULT = {
1255
1255
  const inherit = 'inherit';
1256
1256
  var index = {
1257
1257
  theme: {
1258
- colors: {
1258
+ colors: Object.assign({
1259
1259
  inherit,
1260
1260
  current: 'currentColor',
1261
- transparent: 'transparent',
1262
- ...PRIMITIVE_COLORS,
1261
+ transparent: 'transparent'
1262
+ }, PRIMITIVE_COLORS, {
1263
1263
  focus: DECLARATIVE_COLORS.focus,
1264
- data: {
1265
- ...DECLARATIVE_COLORS.data
1266
- },
1267
- icon: {
1268
- ...DECLARATIVE_COLORS.icon
1269
- },
1270
- ui: {
1271
- ...DECLARATIVE_COLORS.ui
1272
- }
1273
- },
1264
+ data: Object.assign({}, DECLARATIVE_COLORS.data),
1265
+ icon: Object.assign({}, DECLARATIVE_COLORS.icon),
1266
+ ui: Object.assign({}, DECLARATIVE_COLORS.ui)
1267
+ }),
1274
1268
  borderRadius: {
1275
1269
  none: 'var(--bq-radius--none)',
1276
1270
  xs2: 'var(--bq-radius--xs2)',
@@ -1332,21 +1326,11 @@ var index = {
1332
1326
  l: 'var(--bq-stroke-l)'
1333
1327
  },
1334
1328
  extend: {
1335
- backgroundColor: {
1336
- ...DECLARATIVE_COLORS.bg
1337
- },
1338
- borderColor: {
1339
- ...DECLARATIVE_COLORS.stroke
1340
- },
1341
- stroke: {
1342
- ...DECLARATIVE_COLORS.stroke
1343
- },
1344
- textColor: {
1345
- ...DECLARATIVE_COLORS.text
1346
- },
1347
- fill: {
1348
- ...DECLARATIVE_COLORS.icon
1349
- },
1329
+ backgroundColor: Object.assign({}, DECLARATIVE_COLORS.bg),
1330
+ borderColor: Object.assign({}, DECLARATIVE_COLORS.stroke),
1331
+ stroke: Object.assign({}, DECLARATIVE_COLORS.stroke),
1332
+ textColor: Object.assign({}, DECLARATIVE_COLORS.text),
1333
+ fill: Object.assign({}, DECLARATIVE_COLORS.icon),
1350
1334
  content: {
1351
1335
  empty: "''"
1352
1336
  },
@@ -1377,12 +1361,9 @@ var index = {
1377
1361
  addComponents,
1378
1362
  theme
1379
1363
  }) {
1380
- addBase({
1381
- ':root, ::backdrop': {
1382
- ...CSS_COLORS
1383
- },
1384
- ...reset
1385
- });
1364
+ addBase(Object.assign({
1365
+ ':root, ::backdrop': Object.assign({}, CSS_COLORS)
1366
+ }, reset));
1386
1367
  addComponents({
1387
1368
  '.focus': {
1388
1369
  outline: `var(--bq-ring-width, 2px) solid var(--bq-ring-color-focus, ${String(theme('colors.focus'))})`,
@@ -1393,39 +1374,27 @@ var index = {
1393
1374
  themes: [{
1394
1375
  name: 'root',
1395
1376
  selectors: [':root'],
1396
- theme: {
1397
- ...DefaultRootTheme
1398
- }
1377
+ theme: Object.assign({}, DefaultRootTheme)
1399
1378
  }, {
1400
1379
  name: 'light',
1401
1380
  selectors: [':root', '.light', '.beeq.light', '[bq-mode="light"]'],
1402
- theme: {
1403
- ...DefaultLightTheme
1404
- }
1381
+ theme: Object.assign({}, DefaultLightTheme)
1405
1382
  }, {
1406
1383
  name: 'dark',
1407
1384
  selectors: ['.dark', '.beeq.dark', '[bq-mode="dark"]'],
1408
- theme: {
1409
- ...DefaultDarkTheme
1410
- }
1385
+ theme: Object.assign({}, DefaultDarkTheme)
1411
1386
  }, {
1412
1387
  name: 'endava',
1413
1388
  selectors: ['.endava', '[bq-theme="endava"]'],
1414
- theme: {
1415
- ...EndavaRootTheme
1416
- }
1389
+ theme: Object.assign({}, EndavaRootTheme)
1417
1390
  }, {
1418
1391
  name: 'endava-light',
1419
1392
  selectors: ['.endava.light', '[bq-theme="endava"][bq-mode="light"]'],
1420
- theme: {
1421
- ...EndavaLightTheme
1422
- }
1393
+ theme: Object.assign({}, EndavaLightTheme)
1423
1394
  }, {
1424
1395
  name: 'endava-dark',
1425
1396
  selectors: ['.endava.dark', '[bq-theme="endava"][bq-mode="dark"]'],
1426
- theme: {
1427
- ...EndavaDarkTheme
1428
- }
1397
+ theme: Object.assign({}, EndavaDarkTheme)
1429
1398
  }]
1430
1399
  })]
1431
1400
  };
package/index.esm.js CHANGED
@@ -1251,22 +1251,16 @@ const TYPOGRAPHY_DEFAULT = {
1251
1251
  const inherit = 'inherit';
1252
1252
  var index = {
1253
1253
  theme: {
1254
- colors: {
1254
+ colors: Object.assign({
1255
1255
  inherit,
1256
1256
  current: 'currentColor',
1257
- transparent: 'transparent',
1258
- ...PRIMITIVE_COLORS,
1257
+ transparent: 'transparent'
1258
+ }, PRIMITIVE_COLORS, {
1259
1259
  focus: DECLARATIVE_COLORS.focus,
1260
- data: {
1261
- ...DECLARATIVE_COLORS.data
1262
- },
1263
- icon: {
1264
- ...DECLARATIVE_COLORS.icon
1265
- },
1266
- ui: {
1267
- ...DECLARATIVE_COLORS.ui
1268
- }
1269
- },
1260
+ data: Object.assign({}, DECLARATIVE_COLORS.data),
1261
+ icon: Object.assign({}, DECLARATIVE_COLORS.icon),
1262
+ ui: Object.assign({}, DECLARATIVE_COLORS.ui)
1263
+ }),
1270
1264
  borderRadius: {
1271
1265
  none: 'var(--bq-radius--none)',
1272
1266
  xs2: 'var(--bq-radius--xs2)',
@@ -1328,21 +1322,11 @@ var index = {
1328
1322
  l: 'var(--bq-stroke-l)'
1329
1323
  },
1330
1324
  extend: {
1331
- backgroundColor: {
1332
- ...DECLARATIVE_COLORS.bg
1333
- },
1334
- borderColor: {
1335
- ...DECLARATIVE_COLORS.stroke
1336
- },
1337
- stroke: {
1338
- ...DECLARATIVE_COLORS.stroke
1339
- },
1340
- textColor: {
1341
- ...DECLARATIVE_COLORS.text
1342
- },
1343
- fill: {
1344
- ...DECLARATIVE_COLORS.icon
1345
- },
1325
+ backgroundColor: Object.assign({}, DECLARATIVE_COLORS.bg),
1326
+ borderColor: Object.assign({}, DECLARATIVE_COLORS.stroke),
1327
+ stroke: Object.assign({}, DECLARATIVE_COLORS.stroke),
1328
+ textColor: Object.assign({}, DECLARATIVE_COLORS.text),
1329
+ fill: Object.assign({}, DECLARATIVE_COLORS.icon),
1346
1330
  content: {
1347
1331
  empty: "''"
1348
1332
  },
@@ -1373,12 +1357,9 @@ var index = {
1373
1357
  addComponents,
1374
1358
  theme
1375
1359
  }) {
1376
- addBase({
1377
- ':root, ::backdrop': {
1378
- ...CSS_COLORS
1379
- },
1380
- ...reset
1381
- });
1360
+ addBase(Object.assign({
1361
+ ':root, ::backdrop': Object.assign({}, CSS_COLORS)
1362
+ }, reset));
1382
1363
  addComponents({
1383
1364
  '.focus': {
1384
1365
  outline: `var(--bq-ring-width, 2px) solid var(--bq-ring-color-focus, ${String(theme('colors.focus'))})`,
@@ -1389,39 +1370,27 @@ var index = {
1389
1370
  themes: [{
1390
1371
  name: 'root',
1391
1372
  selectors: [':root'],
1392
- theme: {
1393
- ...DefaultRootTheme
1394
- }
1373
+ theme: Object.assign({}, DefaultRootTheme)
1395
1374
  }, {
1396
1375
  name: 'light',
1397
1376
  selectors: [':root', '.light', '.beeq.light', '[bq-mode="light"]'],
1398
- theme: {
1399
- ...DefaultLightTheme
1400
- }
1377
+ theme: Object.assign({}, DefaultLightTheme)
1401
1378
  }, {
1402
1379
  name: 'dark',
1403
1380
  selectors: ['.dark', '.beeq.dark', '[bq-mode="dark"]'],
1404
- theme: {
1405
- ...DefaultDarkTheme
1406
- }
1381
+ theme: Object.assign({}, DefaultDarkTheme)
1407
1382
  }, {
1408
1383
  name: 'endava',
1409
1384
  selectors: ['.endava', '[bq-theme="endava"]'],
1410
- theme: {
1411
- ...EndavaRootTheme
1412
- }
1385
+ theme: Object.assign({}, EndavaRootTheme)
1413
1386
  }, {
1414
1387
  name: 'endava-light',
1415
1388
  selectors: ['.endava.light', '[bq-theme="endava"][bq-mode="light"]'],
1416
- theme: {
1417
- ...EndavaLightTheme
1418
- }
1389
+ theme: Object.assign({}, EndavaLightTheme)
1419
1390
  }, {
1420
1391
  name: 'endava-dark',
1421
1392
  selectors: ['.endava.dark', '[bq-theme="endava"][bq-mode="dark"]'],
1422
- theme: {
1423
- ...EndavaDarkTheme
1424
- }
1393
+ theme: Object.assign({}, EndavaDarkTheme)
1425
1394
  }]
1426
1395
  })]
1427
1396
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@beeq/tailwindcss",
3
- "version": "1.8.1",
3
+ "version": "1.8.2",
4
4
  "license": "Apache-2.0",
5
5
  "description": "BEEQ's opinionated TailwindCSS configuration",
6
6
  "main": "./index.cjs.js",