Skip to content

Commit

Permalink
fix css errors in build
Browse files Browse the repository at this point in the history
  • Loading branch information
@mimarz
mimarz committed Jan 13, 2025
1 parent 65bd2d8 commit a89300d
Show file tree
Hide file tree
Showing 9 changed files with 183 additions and 196 deletions.
11 changes: 7 additions & 4 deletions packages/cli/src/tokens/build/formats/css.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -161,7 +161,7 @@ export const isInlineTokens = R.anyPass([isNumericBorderRadiusToken, isNumericSi
export const overrideSizingFormula = (format: (t: TransformedToken) => string, token: TransformedToken) => {
const [name, value] = format(token).split(':');

const calc = value.replace(`var(--ds-size-mode-font-size)`, '1em').replace(/floor\((.*)\);/, 'calc($1);');
const calc = value.replace(`var(--ds-size-mode-font-size)`, '1em').replace(/floor\((.*)\);/, 'calc($1)');

const round = `round(down, ${calc}, 0.0625rem)`;

Expand All @@ -185,8 +185,8 @@ const formatSizingTokens = (format: (t: TransformedToken) => string, tokens: Tra
const { round, calc, name } = overrideSizingFormula(format, token);

return {
round: [...acc.round, `${name}: ${round}`],
calc: [...acc.calc, `${name}: ${calc}`],
round: [...acc.round, `${name}: ${round};`],
calc: [...acc.calc, `${name}: ${calc};`],
};
},
{ round: [], calc: [] } as { round: string[]; calc: string[] },
Expand Down Expand Up @@ -217,7 +217,10 @@ const semantic: Format = {

const tokens = inlineTokens(isInlineTokens, dictionary.allTokens);
const filteredTokens = R.reject((token) => token.name.includes('ds-size-mode-font-size'), tokens);
const [sizingTokens, restTokens] = R.partition(pathStartsWithOneOf(['size', '_size']), filteredTokens);
const [sizingTokens, restTokens] = R.partition(
(t: TransformedToken) => pathStartsWithOneOf(['size', '_size'], t) && isDigit(t.path[1]),
filteredTokens,
);
const formattedTokens = [R.map(format, restTokens).join('\n'), formatSizingTokens(format, sizingTokens)];

const content = `{\n${formattedTokens.join('\n')}\n}\n`;
Expand Down
46 changes: 22 additions & 24 deletions packages/theme/brand/altinn.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -605,6 +605,8 @@

@layer ds.theme.semantic {
:root {
--ds-size-base: 18;
--ds-size-step: 4;
--ds-border-radius-base: 0.25rem;
--ds-border-radius-scale: 0.25rem;
--ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
Expand Down Expand Up @@ -642,32 +644,28 @@
--ds-size-22: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
--ds-size-26: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
--ds-size-30: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
--ds-size-base: 18;
--ds-size-step: 4;

@supports (width: round(down, .1em, 1px)) {
--ds-size-0: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);, 0.0625rem)
--ds-size-1: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);, 0.0625rem)
--ds-size-2: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);, 0.0625rem)
--ds-size-3: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);, 0.0625rem)
--ds-size-4: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);, 0.0625rem)
--ds-size-5: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);, 0.0625rem)
--ds-size-6: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);, 0.0625rem)
--ds-size-7: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);, 0.0625rem)
--ds-size-8: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);, 0.0625rem)
--ds-size-9: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);, 0.0625rem)
--ds-size-10: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);, 0.0625rem)
--ds-size-11: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);, 0.0625rem)
--ds-size-12: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);, 0.0625rem)
--ds-size-13: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);, 0.0625rem)
--ds-size-14: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);, 0.0625rem)
--ds-size-15: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);, 0.0625rem)
--ds-size-18: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);, 0.0625rem)
--ds-size-22: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);, 0.0625rem)
--ds-size-26: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);, 0.0625rem)
--ds-size-30: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);, 0.0625rem)
--ds-size-base: round(down, 18;, 0.0625rem)
--ds-size-step: round(down, 4;, 0.0625rem)
--ds-size-0: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
--ds-size-1: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
--ds-size-2: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
--ds-size-3: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
--ds-size-4: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
--ds-size-5: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
--ds-size-6: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
--ds-size-7: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
--ds-size-8: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
--ds-size-9: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
--ds-size-10: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
--ds-size-11: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
--ds-size-12: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
--ds-size-13: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
--ds-size-14: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
--ds-size-15: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
--ds-size-18: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
--ds-size-22: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
--ds-size-26: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
--ds-size-30: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
}
}

Expand Down
46 changes: 22 additions & 24 deletions packages/theme/brand/altinn/semantic.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@

@layer ds.theme.semantic {
:root {
--ds-size-base: 18;
--ds-size-step: 4;
--ds-border-radius-base: 0.25rem;
--ds-border-radius-scale: 0.25rem;
--ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
Expand Down Expand Up @@ -41,32 +43,28 @@
--ds-size-22: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
--ds-size-26: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
--ds-size-30: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
--ds-size-base: 18;
--ds-size-step: 4;

@supports (width: round(down, .1em, 1px)) {
--ds-size-0: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);, 0.0625rem)
--ds-size-1: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);, 0.0625rem)
--ds-size-2: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);, 0.0625rem)
--ds-size-3: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);, 0.0625rem)
--ds-size-4: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);, 0.0625rem)
--ds-size-5: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);, 0.0625rem)
--ds-size-6: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);, 0.0625rem)
--ds-size-7: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);, 0.0625rem)
--ds-size-8: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);, 0.0625rem)
--ds-size-9: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);, 0.0625rem)
--ds-size-10: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);, 0.0625rem)
--ds-size-11: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);, 0.0625rem)
--ds-size-12: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);, 0.0625rem)
--ds-size-13: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);, 0.0625rem)
--ds-size-14: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);, 0.0625rem)
--ds-size-15: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);, 0.0625rem)
--ds-size-18: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);, 0.0625rem)
--ds-size-22: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);, 0.0625rem)
--ds-size-26: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);, 0.0625rem)
--ds-size-30: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);, 0.0625rem)
--ds-size-base: round(down, 18;, 0.0625rem)
--ds-size-step: round(down, 4;, 0.0625rem)
--ds-size-0: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
--ds-size-1: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
--ds-size-2: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
--ds-size-3: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
--ds-size-4: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
--ds-size-5: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
--ds-size-6: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
--ds-size-7: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
--ds-size-8: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
--ds-size-9: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
--ds-size-10: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
--ds-size-11: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
--ds-size-12: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
--ds-size-13: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
--ds-size-14: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
--ds-size-15: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
--ds-size-18: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
--ds-size-22: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
--ds-size-26: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
--ds-size-30: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
}
}

Expand Down
46 changes: 22 additions & 24 deletions packages/theme/brand/digdir.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -605,6 +605,8 @@

@layer ds.theme.semantic {
:root {
--ds-size-base: 18;
--ds-size-step: 4;
--ds-border-radius-base: 0.25rem;
--ds-border-radius-scale: 0.25rem;
--ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
Expand Down Expand Up @@ -642,32 +644,28 @@
--ds-size-22: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
--ds-size-26: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
--ds-size-30: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
--ds-size-base: 18;
--ds-size-step: 4;

@supports (width: round(down, .1em, 1px)) {
--ds-size-0: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);, 0.0625rem)
--ds-size-1: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);, 0.0625rem)
--ds-size-2: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);, 0.0625rem)
--ds-size-3: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);, 0.0625rem)
--ds-size-4: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);, 0.0625rem)
--ds-size-5: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);, 0.0625rem)
--ds-size-6: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);, 0.0625rem)
--ds-size-7: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);, 0.0625rem)
--ds-size-8: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);, 0.0625rem)
--ds-size-9: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);, 0.0625rem)
--ds-size-10: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);, 0.0625rem)
--ds-size-11: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);, 0.0625rem)
--ds-size-12: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);, 0.0625rem)
--ds-size-13: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);, 0.0625rem)
--ds-size-14: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);, 0.0625rem)
--ds-size-15: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);, 0.0625rem)
--ds-size-18: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);, 0.0625rem)
--ds-size-22: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);, 0.0625rem)
--ds-size-26: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);, 0.0625rem)
--ds-size-30: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);, 0.0625rem)
--ds-size-base: round(down, 18;, 0.0625rem)
--ds-size-step: round(down, 4;, 0.0625rem)
--ds-size-0: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
--ds-size-1: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
--ds-size-2: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
--ds-size-3: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
--ds-size-4: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
--ds-size-5: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
--ds-size-6: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
--ds-size-7: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
--ds-size-8: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
--ds-size-9: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
--ds-size-10: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
--ds-size-11: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
--ds-size-12: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
--ds-size-13: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
--ds-size-14: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
--ds-size-15: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
--ds-size-18: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
--ds-size-22: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
--ds-size-26: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
--ds-size-30: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
}
}

Expand Down
Loading

0 comments on commit a89300d

Please sign in to comment.