@navita/css 0.0.9 → 0.0.10
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.d.ts +1 -1
- package/index.js +9 -9
- package/index.mjs +9 -9
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ declare function createTheme<ThemeTokens extends Tokens>(tokens: ThemeTokens, de
|
|
|
19
19
|
declare function createTheme<ThemeContract extends Contract>(themeContract: ThemeContract, tokens: MapLeafNodes<ThemeContract, string>): string;
|
|
20
20
|
|
|
21
21
|
declare function createVar(name: string): string;
|
|
22
|
-
declare function fallbackVar(...values: [string, ...Array<string>]):
|
|
22
|
+
declare function fallbackVar(...values: [string, ...Array<string>]): string;
|
|
23
23
|
declare function assignVars<VarContract extends Contract>(varContract: VarContract, tokens: MapLeafNodes<VarContract, string>): Record<CSSVarFunction, string>;
|
|
24
24
|
|
|
25
25
|
declare class ClassList extends String {
|
package/index.js
CHANGED
|
@@ -98,16 +98,16 @@ function renderDiff(orig, diff, nesting = 0) {
|
|
|
98
98
|
}
|
|
99
99
|
|
|
100
100
|
function createVar(name) {
|
|
101
|
-
|
|
102
|
-
return `var(--${adapter.generateIdentifier(undefined)})`;
|
|
103
|
-
}
|
|
104
|
-
return `var(--${cssesc(name, {
|
|
101
|
+
return `--${cssesc(!name ? adapter.generateIdentifier(undefined) : name, {
|
|
105
102
|
isIdentifier: true
|
|
106
|
-
})}
|
|
103
|
+
})}`;
|
|
107
104
|
}
|
|
108
105
|
function fallbackVar(...values) {
|
|
109
106
|
let finalValue = '';
|
|
110
|
-
values.reverse()
|
|
107
|
+
for (let value of values.reverse()){
|
|
108
|
+
if (/^--/.test(value)) {
|
|
109
|
+
value = `var(${value})`;
|
|
110
|
+
}
|
|
111
111
|
if (finalValue === '') {
|
|
112
112
|
finalValue = String(value);
|
|
113
113
|
} else {
|
|
@@ -116,7 +116,7 @@ function fallbackVar(...values) {
|
|
|
116
116
|
}
|
|
117
117
|
finalValue = value.replace(/\)$/, `, ${finalValue})`);
|
|
118
118
|
}
|
|
119
|
-
}
|
|
119
|
+
}
|
|
120
120
|
return finalValue;
|
|
121
121
|
}
|
|
122
122
|
function assignVars(varContract, tokens) {
|
|
@@ -136,13 +136,13 @@ function assignVars(varContract, tokens) {
|
|
|
136
136
|
|
|
137
137
|
function createThemeContract(tokens) {
|
|
138
138
|
return walkObject(tokens, (_value, path)=>{
|
|
139
|
-
return createVar(path.join('-').toLowerCase())
|
|
139
|
+
return `var(${createVar(path.join('-').toLowerCase())})`;
|
|
140
140
|
});
|
|
141
141
|
}
|
|
142
142
|
function createGlobalThemeContract(tokens, mapFn) {
|
|
143
143
|
return walkObject(tokens, (value, path)=>{
|
|
144
144
|
const rawVarName = typeof mapFn === 'function' ? mapFn(value, path) : value;
|
|
145
|
-
const varName = typeof rawVarName === 'string' ? rawVarName.replace(
|
|
145
|
+
const varName = typeof rawVarName === 'string' ? rawVarName.replace(/^--/, '') : null;
|
|
146
146
|
if (typeof varName !== 'string' || varName !== cssesc(varName, {
|
|
147
147
|
isIdentifier: true
|
|
148
148
|
})) {
|
package/index.mjs
CHANGED
|
@@ -96,16 +96,16 @@ function renderDiff(orig, diff, nesting = 0) {
|
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
function createVar(name) {
|
|
99
|
-
|
|
100
|
-
return `var(--${generateIdentifier(undefined)})`;
|
|
101
|
-
}
|
|
102
|
-
return `var(--${cssesc(name, {
|
|
99
|
+
return `--${cssesc(!name ? generateIdentifier(undefined) : name, {
|
|
103
100
|
isIdentifier: true
|
|
104
|
-
})}
|
|
101
|
+
})}`;
|
|
105
102
|
}
|
|
106
103
|
function fallbackVar(...values) {
|
|
107
104
|
let finalValue = '';
|
|
108
|
-
values.reverse()
|
|
105
|
+
for (let value of values.reverse()){
|
|
106
|
+
if (/^--/.test(value)) {
|
|
107
|
+
value = `var(${value})`;
|
|
108
|
+
}
|
|
109
109
|
if (finalValue === '') {
|
|
110
110
|
finalValue = String(value);
|
|
111
111
|
} else {
|
|
@@ -114,7 +114,7 @@ function fallbackVar(...values) {
|
|
|
114
114
|
}
|
|
115
115
|
finalValue = value.replace(/\)$/, `, ${finalValue})`);
|
|
116
116
|
}
|
|
117
|
-
}
|
|
117
|
+
}
|
|
118
118
|
return finalValue;
|
|
119
119
|
}
|
|
120
120
|
function assignVars(varContract, tokens) {
|
|
@@ -134,13 +134,13 @@ function assignVars(varContract, tokens) {
|
|
|
134
134
|
|
|
135
135
|
function createThemeContract(tokens) {
|
|
136
136
|
return walkObject(tokens, (_value, path)=>{
|
|
137
|
-
return createVar(path.join('-').toLowerCase())
|
|
137
|
+
return `var(${createVar(path.join('-').toLowerCase())})`;
|
|
138
138
|
});
|
|
139
139
|
}
|
|
140
140
|
function createGlobalThemeContract(tokens, mapFn) {
|
|
141
141
|
return walkObject(tokens, (value, path)=>{
|
|
142
142
|
const rawVarName = typeof mapFn === 'function' ? mapFn(value, path) : value;
|
|
143
|
-
const varName = typeof rawVarName === 'string' ? rawVarName.replace(
|
|
143
|
+
const varName = typeof rawVarName === 'string' ? rawVarName.replace(/^--/, '') : null;
|
|
144
144
|
if (typeof varName !== 'string' || varName !== cssesc(varName, {
|
|
145
145
|
isIdentifier: true
|
|
146
146
|
})) {
|