@beeq/tailwindcss 1.4.0 → 1.5.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/index.cjs.js +23 -12
- package/index.esm.js +19 -2
- package/package.json +4 -8
- package/src/index.d.ts +12 -0
- package/src/theme/default/root.d.ts +3 -0
package/index.cjs.js
CHANGED
|
@@ -2,16 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var flattenColorPalette = require('tailwindcss/lib/util/flattenColorPalette');
|
|
6
5
|
var plugin = require('tailwindcss/plugin');
|
|
7
6
|
var ThemeSwapper = require('tailwindcss-theme-swapper');
|
|
8
7
|
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
-
|
|
11
|
-
var flattenColorPalette__default = /*#__PURE__*/_interopDefaultLegacy(flattenColorPalette);
|
|
12
|
-
var plugin__default = /*#__PURE__*/_interopDefaultLegacy(plugin);
|
|
13
|
-
var ThemeSwapper__default = /*#__PURE__*/_interopDefaultLegacy(ThemeSwapper);
|
|
14
|
-
|
|
15
8
|
const blendColor = ({
|
|
16
9
|
color,
|
|
17
10
|
base,
|
|
@@ -711,7 +704,10 @@ const DefaultRootTheme = {
|
|
|
711
704
|
'bq-spacing-xxl': '2.5rem',
|
|
712
705
|
'bq-spacing-xxl2': '3.5rem',
|
|
713
706
|
'bq-spacing-xxl3': '4rem',
|
|
714
|
-
'bq-spacing-xxl4': '4.5rem'
|
|
707
|
+
'bq-spacing-xxl4': '4.5rem',
|
|
708
|
+
'bq-stroke-s': '1px',
|
|
709
|
+
'bq-stroke-m': '2px',
|
|
710
|
+
'bq-stroke-l': '3px'
|
|
715
711
|
};
|
|
716
712
|
|
|
717
713
|
const EndavaDarkTheme = {
|
|
@@ -1017,6 +1013,9 @@ const TYPOGRAPHY_DEFAULT = {
|
|
|
1017
1013
|
}
|
|
1018
1014
|
};
|
|
1019
1015
|
|
|
1016
|
+
const {
|
|
1017
|
+
default: flattenColorPalette
|
|
1018
|
+
} = require('tailwindcss/lib/util/flattenColorPalette');
|
|
1020
1019
|
var index = {
|
|
1021
1020
|
theme: {
|
|
1022
1021
|
colors: {
|
|
@@ -1034,6 +1033,12 @@ var index = {
|
|
|
1034
1033
|
l: 'var(--bq-radius--l)',
|
|
1035
1034
|
full: 'var(--bq-radius--full)'
|
|
1036
1035
|
},
|
|
1036
|
+
borderWidth: {
|
|
1037
|
+
0: '0',
|
|
1038
|
+
s: 'var(--bq-stroke-s)',
|
|
1039
|
+
m: 'var(--bq-stroke-m)',
|
|
1040
|
+
l: 'var(--bq-stroke-l)'
|
|
1041
|
+
},
|
|
1037
1042
|
boxShadow: {
|
|
1038
1043
|
xs: 'var(--bq-box-shadow--xs)',
|
|
1039
1044
|
s: 'var(--bq-box-shadow--s)',
|
|
@@ -1070,6 +1075,12 @@ var index = {
|
|
|
1070
1075
|
regular: 'var(--bq-font-line-height--regular)',
|
|
1071
1076
|
large: 'var(--bq-font-line-height--large)'
|
|
1072
1077
|
},
|
|
1078
|
+
strokeWidth: {
|
|
1079
|
+
none: '0',
|
|
1080
|
+
s: 'var(--bq-stroke-s)',
|
|
1081
|
+
m: 'var(--bq-stroke-m)',
|
|
1082
|
+
l: 'var(--bq-stroke-l)'
|
|
1083
|
+
},
|
|
1073
1084
|
extend: {
|
|
1074
1085
|
height: {
|
|
1075
1086
|
'dynamic-vh': '100dvh'
|
|
@@ -1092,7 +1103,7 @@ var index = {
|
|
|
1092
1103
|
}
|
|
1093
1104
|
}
|
|
1094
1105
|
},
|
|
1095
|
-
plugins: [
|
|
1106
|
+
plugins: [plugin(function ({
|
|
1096
1107
|
addBase,
|
|
1097
1108
|
addComponents,
|
|
1098
1109
|
matchUtilities,
|
|
@@ -1140,10 +1151,10 @@ var index = {
|
|
|
1140
1151
|
property: 'color'
|
|
1141
1152
|
})
|
|
1142
1153
|
}, {
|
|
1143
|
-
values:
|
|
1154
|
+
values: flattenColorPalette(theme('colors')),
|
|
1144
1155
|
type: 'color'
|
|
1145
1156
|
});
|
|
1146
|
-
}),
|
|
1157
|
+
}), ThemeSwapper({
|
|
1147
1158
|
themes: [{
|
|
1148
1159
|
name: 'root',
|
|
1149
1160
|
selectors: [':root'],
|
|
@@ -1194,4 +1205,4 @@ exports.EndavaLightTheme = EndavaLightTheme;
|
|
|
1194
1205
|
exports.EndavaRootTheme = EndavaRootTheme;
|
|
1195
1206
|
exports.PRIMITIVE_COLORS = PRIMITIVE_COLORS;
|
|
1196
1207
|
exports.TYPOGRAPHY_DEFAULT = TYPOGRAPHY_DEFAULT;
|
|
1197
|
-
exports
|
|
1208
|
+
exports.default = index;
|
package/index.esm.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import flattenColorPalette from 'tailwindcss/lib/util/flattenColorPalette';
|
|
2
1
|
import plugin from 'tailwindcss/plugin';
|
|
3
2
|
import ThemeSwapper from 'tailwindcss-theme-swapper';
|
|
4
3
|
|
|
@@ -701,7 +700,10 @@ const DefaultRootTheme = {
|
|
|
701
700
|
'bq-spacing-xxl': '2.5rem',
|
|
702
701
|
'bq-spacing-xxl2': '3.5rem',
|
|
703
702
|
'bq-spacing-xxl3': '4rem',
|
|
704
|
-
'bq-spacing-xxl4': '4.5rem'
|
|
703
|
+
'bq-spacing-xxl4': '4.5rem',
|
|
704
|
+
'bq-stroke-s': '1px',
|
|
705
|
+
'bq-stroke-m': '2px',
|
|
706
|
+
'bq-stroke-l': '3px'
|
|
705
707
|
};
|
|
706
708
|
|
|
707
709
|
const EndavaDarkTheme = {
|
|
@@ -1007,6 +1009,9 @@ const TYPOGRAPHY_DEFAULT = {
|
|
|
1007
1009
|
}
|
|
1008
1010
|
};
|
|
1009
1011
|
|
|
1012
|
+
const {
|
|
1013
|
+
default: flattenColorPalette
|
|
1014
|
+
} = require('tailwindcss/lib/util/flattenColorPalette');
|
|
1010
1015
|
var index = {
|
|
1011
1016
|
theme: {
|
|
1012
1017
|
colors: {
|
|
@@ -1024,6 +1029,12 @@ var index = {
|
|
|
1024
1029
|
l: 'var(--bq-radius--l)',
|
|
1025
1030
|
full: 'var(--bq-radius--full)'
|
|
1026
1031
|
},
|
|
1032
|
+
borderWidth: {
|
|
1033
|
+
0: '0',
|
|
1034
|
+
s: 'var(--bq-stroke-s)',
|
|
1035
|
+
m: 'var(--bq-stroke-m)',
|
|
1036
|
+
l: 'var(--bq-stroke-l)'
|
|
1037
|
+
},
|
|
1027
1038
|
boxShadow: {
|
|
1028
1039
|
xs: 'var(--bq-box-shadow--xs)',
|
|
1029
1040
|
s: 'var(--bq-box-shadow--s)',
|
|
@@ -1060,6 +1071,12 @@ var index = {
|
|
|
1060
1071
|
regular: 'var(--bq-font-line-height--regular)',
|
|
1061
1072
|
large: 'var(--bq-font-line-height--large)'
|
|
1062
1073
|
},
|
|
1074
|
+
strokeWidth: {
|
|
1075
|
+
none: '0',
|
|
1076
|
+
s: 'var(--bq-stroke-s)',
|
|
1077
|
+
m: 'var(--bq-stroke-m)',
|
|
1078
|
+
l: 'var(--bq-stroke-l)'
|
|
1079
|
+
},
|
|
1063
1080
|
extend: {
|
|
1064
1081
|
height: {
|
|
1065
1082
|
'dynamic-vh': '100dvh'
|
package/package.json
CHANGED
|
@@ -1,23 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@beeq/tailwindcss",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.1",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"description": "BEEQ's opinionated TailwindCSS configuration",
|
|
6
6
|
"main": "./index.cjs.js",
|
|
7
7
|
"module": "./index.esm.js",
|
|
8
8
|
"types": "./src/index.d.ts",
|
|
9
9
|
"peerDependencies": {
|
|
10
|
-
"tailwindcss": "^3.4.
|
|
11
|
-
"tailwindcss-theme-swapper": "^0.
|
|
10
|
+
"tailwindcss": "^3.4.3",
|
|
11
|
+
"tailwindcss-theme-swapper": "^0.12.0"
|
|
12
12
|
},
|
|
13
13
|
"repository": {
|
|
14
14
|
"type": "git",
|
|
15
15
|
"url": "https://github.com/Endava/BEEQ"
|
|
16
16
|
},
|
|
17
|
-
"publishConfig": {
|
|
18
|
-
"access": "public",
|
|
19
|
-
"registry": "https://registry.npmjs.org"
|
|
20
|
-
},
|
|
21
17
|
"exports": {
|
|
22
18
|
"./package.json": "./package.json",
|
|
23
19
|
".": {
|
|
@@ -26,4 +22,4 @@
|
|
|
26
22
|
"default": "./index.cjs.js"
|
|
27
23
|
}
|
|
28
24
|
}
|
|
29
|
-
}
|
|
25
|
+
}
|
package/src/index.d.ts
CHANGED
|
@@ -300,6 +300,12 @@ declare const _default: {
|
|
|
300
300
|
l: string;
|
|
301
301
|
full: string;
|
|
302
302
|
};
|
|
303
|
+
borderWidth: {
|
|
304
|
+
0: string;
|
|
305
|
+
s: string;
|
|
306
|
+
m: string;
|
|
307
|
+
l: string;
|
|
308
|
+
};
|
|
303
309
|
boxShadow: {
|
|
304
310
|
xs: string;
|
|
305
311
|
s: string;
|
|
@@ -336,6 +342,12 @@ declare const _default: {
|
|
|
336
342
|
regular: string;
|
|
337
343
|
large: string;
|
|
338
344
|
};
|
|
345
|
+
strokeWidth: {
|
|
346
|
+
none: string;
|
|
347
|
+
s: string;
|
|
348
|
+
m: string;
|
|
349
|
+
l: string;
|
|
350
|
+
};
|
|
339
351
|
extend: {
|
|
340
352
|
height: {
|
|
341
353
|
'dynamic-vh': string;
|