@digdir/designsystemet 0.1.0-alpha.10 → 0.1.0-alpha.12

package/dist/src/tokens/transformers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tokens/transformers.ts","../../../src/tokens/utils/noCase.ts","../../../src/tokens/utils/utils.ts"],"sourcesContent":["import * as R from 'ramda';\nimport type { Transform } from 'style-dictionary/types';\n\nimport { noCase } from './utils/noCase.js';\nimport { getValue, typeEquals } from './utils/utils.js';\n\nconst isPx = R.test(/\\b\\d+px\\b/g);\n\nexport const sizeRem: Transform = {\n  name: 'ds/size/toRem',\n  type: 'value',\n  transitive: true,\n  filter: (token) => typeEquals(['sizing', 'spacing', 'borderRadius', 'fontsizes'], token),\n  transform: (token, config) => {\n    const value = getValue<string>(token);\n\n    if (isPx(value)) {\n      const baseFont = (config.basePxFontSize as unknown as number) || 16;\n      const size = parseInt(value);\n\n      if (size === 0) {\n        return '0';\n      }\n\n      return `${size / baseFont}rem`;\n    }\n    return value;\n  },\n};\n\nexport const nameKebab: Transform = {\n  name: 'name/cti/hierarchical-kebab',\n  type: 'name',\n  transform: (token, options) => {\n    return noCase([options?.prefix].concat(token.path).join('-'), {\n      delimiter: '-',\n      stripRegexp: /[^A-Z0-9_]+/gi,\n    });\n  },\n};\n\ntype Typgraphy = {\n  fontWeight: string;\n  fontSize: string;\n  lineHeight: number;\n  fontFamily: string;\n};\n\nexport const typographyShorthand: Transform = {\n  name: 'typography/shorthand',\n  type: 'value',\n  transitive: true,\n  filter: (token) => token.type === 'typography',\n  transform: (token) => {\n    const typography = getValue<Typgraphy>(token);\n    return `${typography.fontWeight} ${typography.fontSize}/${typography.lineHeight} '${typography.fontFamily}'`;\n  },\n};\n","// Copied from https://github.com/blakeembrey/change-case/blob/change-case%404.1.2/packages/no-case/src/index.ts\nconst lowerCase = (text = '') => text.toLowerCase();\n\nexport interface Options {\n  splitRegexp?: RegExp | RegExp[];\n  stripRegexp?: RegExp | RegExp[];\n  delimiter?: string;\n  transform?: (part: string, index: number, parts: string[]) => string;\n}\n\n// Support camel case (\"camelCase\" -> \"camel Case\" and \"CAMELCase\" -> \"CAMEL Case\").\nconst DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];\n\n// Remove all non-word characters.\nconst DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;\n\n/**\n * Normalize the string into something other libraries can manipulate easier.\n */\nexport function noCase(input: string, options: Options = {}) {\n  const {\n    splitRegexp = DEFAULT_SPLIT_REGEXP,\n    stripRegexp = DEFAULT_STRIP_REGEXP,\n    transform = lowerCase,\n    delimiter = ' ',\n  } = options;\n\n  const result = replace(\n    replace(input, splitRegexp, '$1\\0$2'),\n    stripRegexp,\n    '\\0',\n  );\n  let start = 0;\n  let end = result.length;\n\n  // Trim the delimiter from around the output string.\n  while (result.charAt(start) === '\\0') start++;\n  while (result.charAt(end - 1) === '\\0') end--;\n\n  // Transform each token independently.\n  return result.slice(start, end).split('\\0').map(transform).join(delimiter);\n}\n\n/**\n * Replace `re` in the input string with the replacement value.\n */\nfunction replace(input: string, re: RegExp | RegExp[], value: string) {\n  if (re instanceof RegExp) return input.replace(re, value);\n  return re.reduce((input, re) => input.replace(re, value), input);\n}\n","import * as R from 'ramda';\nimport type { TransformedToken, DesignToken } from 'style-dictionary/types';\n\n/**\n * Returns type based on design token format used. Read more:https://v4.styledictionary.com/info/dtcg/\n * @param token Transformed token\n * @returns type\n */\nexport const getType = (token: TransformedToken) => ((token.$type ?? token.type) as string) || '';\n\n/**\n * Returns value based on design token format used. Read more:https://v4.styledictionary.com/info/dtcg/\n *\n * Use generic (`<T>`) to define return value type\n * @param token Transformed or Design token\n * @returns value\n */\nexport const getValue = <T>(token: TransformedToken | DesignToken): T => (token.$value ?? token.value) as T;\n\nexport const typeEquals = (types: string[] | string, token: TransformedToken) => {\n  if (R.isNil(token)) {\n    return false;\n  }\n\n  return R.includes(R.toLower(getType(token)), R.map(R.toLower, Array.isArray(types) ? types : [types]));\n};\n"],"mappings":";AAAA,YAAYA,QAAO;;;ACCnB,IAAM,YAAY,CAAC,OAAO,OAAO,KAAK,YAAY;AAUlD,IAAM,uBAAuB,CAAC,sBAAsB,sBAAsB;AAG1E,IAAM,uBAAuB;AAKtB,SAAS,OAAO,OAAe,UAAmB,CAAC,GAAG;AAC3D,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,YAAY;AAAA,EACd,IAAI;AAEJ,QAAM,SAAS;AAAA,IACb,QAAQ,OAAO,aAAa,QAAQ;AAAA,IACpC;AAAA,IACA;AAAA,EACF;AACA,MAAI,QAAQ;AACZ,MAAI,MAAM,OAAO;AAGjB,SAAO,OAAO,OAAO,KAAK,MAAM,KAAM;AACtC,SAAO,OAAO,OAAO,MAAM,CAAC,MAAM,KAAM;AAGxC,SAAO,OAAO,MAAM,OAAO,GAAG,EAAE,MAAM,IAAI,EAAE,IAAI,SAAS,EAAE,KAAK,SAAS;AAC3E;AAKA,SAAS,QAAQ,OAAe,IAAuB,OAAe;AACpE,MAAI,cAAc,OAAQ,QAAO,MAAM,QAAQ,IAAI,KAAK;AACxD,SAAO,GAAG,OAAO,CAACC,QAAOC,QAAOD,OAAM,QAAQC,KAAI,KAAK,GAAG,KAAK;AACjE;;;ACjDA,YAAY,OAAO;AAQZ,IAAM,UAAU,CAAC,WAA8B,MAAM,SAAS,MAAM,SAAoB;AASxF,IAAM,WAAW,CAAI,UAA8C,MAAM,UAAU,MAAM;AAEzF,IAAM,aAAa,CAAC,OAA0B,UAA4B;AAC/E,MAAM,QAAM,KAAK,GAAG;AAClB,WAAO;AAAA,EACT;AAEA,SAAS,WAAW,UAAQ,QAAQ,KAAK,CAAC,GAAK,MAAM,WAAS,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;AACvG;;;AFnBA,IAAM,OAAS,QAAK,YAAY;AAEzB,IAAM,UAAqB;AAAA,EAChC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,QAAQ,CAAC,UAAU,WAAW,CAAC,UAAU,WAAW,gBAAgB,WAAW,GAAG,KAAK;AAAA,EACvF,WAAW,CAAC,OAAO,WAAW;AAC5B,UAAM,QAAQ,SAAiB,KAAK;AAEpC,QAAI,KAAK,KAAK,GAAG;AACf,YAAM,WAAY,OAAO,kBAAwC;AACjE,YAAM,OAAO,SAAS,KAAK;AAE3B,UAAI,SAAS,GAAG;AACd,eAAO;AAAA,MACT;AAEA,aAAO,GAAG,OAAO,QAAQ;AAAA,IAC3B;AACA,WAAO;AAAA,EACT;AACF;AAEO,IAAM,YAAuB;AAAA,EAClC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW,CAAC,OAAO,YAAY;AAC7B,WAAO,OAAO,CAAC,SAAS,MAAM,EAAE,OAAO,MAAM,IAAI,EAAE,KAAK,GAAG,GAAG;AAAA,MAC5D,WAAW;AAAA,MACX,aAAa;AAAA,IACf,CAAC;AAAA,EACH;AACF;AASO,IAAM,sBAAiC;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,QAAQ,CAAC,UAAU,MAAM,SAAS;AAAA,EAClC,WAAW,CAAC,UAAU;AACpB,UAAM,aAAa,SAAoB,KAAK;AAC5C,WAAO,GAAG,WAAW,UAAU,IAAI,WAAW,QAAQ,IAAI,WAAW,UAAU,KAAK,WAAW,UAAU;AAAA,EAC3G;AACF;","names":["R","input","re"]}

package/dist/src/tokens/utils/noCase.js

@@ -0,0 +1,30 @@
+// src/tokens/utils/noCase.ts
+var lowerCase = (text = "") => text.toLowerCase();
+var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
+var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
+function noCase(input, options = {}) {
+  const {
+    splitRegexp = DEFAULT_SPLIT_REGEXP,
+    stripRegexp = DEFAULT_STRIP_REGEXP,
+    transform = lowerCase,
+    delimiter = " "
+  } = options;
+  const result = replace(
+    replace(input, splitRegexp, "$1\0$2"),
+    stripRegexp,
+    "\0"
+  );
+  let start = 0;
+  let end = result.length;
+  while (result.charAt(start) === "\0") start++;
+  while (result.charAt(end - 1) === "\0") end--;
+  return result.slice(start, end).split("\0").map(transform).join(delimiter);
+}
+function replace(input, re, value) {
+  if (re instanceof RegExp) return input.replace(re, value);
+  return re.reduce((input2, re2) => input2.replace(re2, value), input);
+}
+export {
+  noCase
+};
+//# sourceMappingURL=noCase.js.map

package/dist/src/tokens/utils/noCase.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/tokens/utils/noCase.ts"],"sourcesContent":["// Copied from https://github.com/blakeembrey/change-case/blob/change-case%404.1.2/packages/no-case/src/index.ts\nconst lowerCase = (text = '') => text.toLowerCase();\n\nexport interface Options {\n  splitRegexp?: RegExp | RegExp[];\n  stripRegexp?: RegExp | RegExp[];\n  delimiter?: string;\n  transform?: (part: string, index: number, parts: string[]) => string;\n}\n\n// Support camel case (\"camelCase\" -> \"camel Case\" and \"CAMELCase\" -> \"CAMEL Case\").\nconst DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];\n\n// Remove all non-word characters.\nconst DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;\n\n/**\n * Normalize the string into something other libraries can manipulate easier.\n */\nexport function noCase(input: string, options: Options = {}) {\n  const {\n    splitRegexp = DEFAULT_SPLIT_REGEXP,\n    stripRegexp = DEFAULT_STRIP_REGEXP,\n    transform = lowerCase,\n    delimiter = ' ',\n  } = options;\n\n  const result = replace(\n    replace(input, splitRegexp, '$1\\0$2'),\n    stripRegexp,\n    '\\0',\n  );\n  let start = 0;\n  let end = result.length;\n\n  // Trim the delimiter from around the output string.\n  while (result.charAt(start) === '\\0') start++;\n  while (result.charAt(end - 1) === '\\0') end--;\n\n  // Transform each token independently.\n  return result.slice(start, end).split('\\0').map(transform).join(delimiter);\n}\n\n/**\n * Replace `re` in the input string with the replacement value.\n */\nfunction replace(input: string, re: RegExp | RegExp[], value: string) {\n  if (re instanceof RegExp) return input.replace(re, value);\n  return re.reduce((input, re) => input.replace(re, value), input);\n}\n"],"mappings":";AACA,IAAM,YAAY,CAAC,OAAO,OAAO,KAAK,YAAY;AAUlD,IAAM,uBAAuB,CAAC,sBAAsB,sBAAsB;AAG1E,IAAM,uBAAuB;AAKtB,SAAS,OAAO,OAAe,UAAmB,CAAC,GAAG;AAC3D,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,YAAY;AAAA,EACd,IAAI;AAEJ,QAAM,SAAS;AAAA,IACb,QAAQ,OAAO,aAAa,QAAQ;AAAA,IACpC;AAAA,IACA;AAAA,EACF;AACA,MAAI,QAAQ;AACZ,MAAI,MAAM,OAAO;AAGjB,SAAO,OAAO,OAAO,KAAK,MAAM,KAAM;AACtC,SAAO,OAAO,OAAO,MAAM,CAAC,MAAM,KAAM;AAGxC,SAAO,OAAO,MAAM,OAAO,GAAG,EAAE,MAAM,IAAI,EAAE,IAAI,SAAS,EAAE,KAAK,SAAS;AAC3E;AAKA,SAAS,QAAQ,OAAe,IAAuB,OAAe;AACpE,MAAI,cAAc,OAAQ,QAAO,MAAM,QAAQ,IAAI,KAAK;AACxD,SAAO,GAAG,OAAO,CAACA,QAAOC,QAAOD,OAAM,QAAQC,KAAI,KAAK,GAAG,KAAK;AACjE;","names":["input","re"]}

package/dist/src/tokens/utils/permutateThemes.js

@@ -0,0 +1,217 @@
+// ../../node_modules/@tokens-studio/types/dist/constants/BoxShadowTypes.js
+var BoxShadowTypes;
+(function(BoxShadowTypes2) {
+  BoxShadowTypes2["DROP_SHADOW"] = "dropShadow";
+  BoxShadowTypes2["INNER_SHADOW"] = "innerShadow";
+})(BoxShadowTypes || (BoxShadowTypes = {}));
+
+// ../../node_modules/@tokens-studio/types/dist/constants/ColorModifierTypes.js
+var ColorModifierTypes;
+(function(ColorModifierTypes2) {
+  ColorModifierTypes2["LIGHTEN"] = "lighten";
+  ColorModifierTypes2["DARKEN"] = "darken";
+  ColorModifierTypes2["MIX"] = "mix";
+  ColorModifierTypes2["ALPHA"] = "alpha";
+})(ColorModifierTypes || (ColorModifierTypes = {}));
+
+// ../../node_modules/@tokens-studio/types/dist/constants/ColorSpaceTypes.js
+var ColorSpaceTypes;
+(function(ColorSpaceTypes2) {
+  ColorSpaceTypes2["LCH"] = "lch";
+  ColorSpaceTypes2["SRGB"] = "srgb";
+  ColorSpaceTypes2["P3"] = "p3";
+  ColorSpaceTypes2["HSL"] = "hsl";
+})(ColorSpaceTypes || (ColorSpaceTypes = {}));
+
+// ../../node_modules/@tokens-studio/types/dist/constants/Properties.js
+var Properties;
+(function(Properties2) {
+  Properties2["sizing"] = "sizing";
+  Properties2["height"] = "height";
+  Properties2["width"] = "width";
+  Properties2["spacing"] = "spacing";
+  Properties2["verticalPadding"] = "verticalPadding";
+  Properties2["horizontalPadding"] = "horizontalPadding";
+  Properties2["paddingTop"] = "paddingTop";
+  Properties2["paddingRight"] = "paddingRight";
+  Properties2["paddingBottom"] = "paddingBottom";
+  Properties2["paddingLeft"] = "paddingLeft";
+  Properties2["itemSpacing"] = "itemSpacing";
+  Properties2["fill"] = "fill";
+  Properties2["backgroundBlur"] = "backgroundBlur";
+  Properties2["border"] = "border";
+  Properties2["borderTop"] = "borderTop";
+  Properties2["borderRight"] = "borderRight";
+  Properties2["borderBottom"] = "borderBottom";
+  Properties2["borderLeft"] = "borderLeft";
+  Properties2["borderColor"] = "borderColor";
+  Properties2["borderRadius"] = "borderRadius";
+  Properties2["borderRadiusTopLeft"] = "borderRadiusTopLeft";
+  Properties2["borderRadiusTopRight"] = "borderRadiusTopRight";
+  Properties2["borderRadiusBottomRight"] = "borderRadiusBottomRight";
+  Properties2["borderRadiusBottomLeft"] = "borderRadiusBottomLeft";
+  Properties2["borderWidth"] = "borderWidth";
+  Properties2["borderWidthTop"] = "borderWidthTop";
+  Properties2["borderWidthRight"] = "borderWidthRight";
+  Properties2["borderWidthBottom"] = "borderWidthBottom";
+  Properties2["borderWidthLeft"] = "borderWidthLeft";
+  Properties2["boxShadow"] = "boxShadow";
+  Properties2["opacity"] = "opacity";
+  Properties2["fontFamilies"] = "fontFamilies";
+  Properties2["fontWeights"] = "fontWeights";
+  Properties2["fontSizes"] = "fontSizes";
+  Properties2["lineHeights"] = "lineHeights";
+  Properties2["typography"] = "typography";
+  Properties2["composition"] = "composition";
+  Properties2["letterSpacing"] = "letterSpacing";
+  Properties2["paragraphSpacing"] = "paragraphSpacing";
+  Properties2["textCase"] = "textCase";
+  Properties2["dimension"] = "dimension";
+  Properties2["textDecoration"] = "textDecoration";
+  Properties2["asset"] = "asset";
+  Properties2["tokenValue"] = "tokenValue";
+  Properties2["value"] = "value";
+  Properties2["tokenName"] = "tokenName";
+  Properties2["description"] = "description";
+})(Properties || (Properties = {}));
+
+// ../../node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.js
+var TokenSetStatus;
+(function(TokenSetStatus2) {
+  TokenSetStatus2["DISABLED"] = "disabled";
+  TokenSetStatus2["SOURCE"] = "source";
+  TokenSetStatus2["ENABLED"] = "enabled";
+})(TokenSetStatus || (TokenSetStatus = {}));
+
+// ../../node_modules/@tokens-studio/types/dist/constants/TokenTypes.js
+var TokenTypes;
+(function(TokenTypes2) {
+  TokenTypes2["OTHER"] = "other";
+  TokenTypes2["COLOR"] = "color";
+  TokenTypes2["BORDER_RADIUS"] = "borderRadius";
+  TokenTypes2["SIZING"] = "sizing";
+  TokenTypes2["SPACING"] = "spacing";
+  TokenTypes2["TEXT"] = "text";
+  TokenTypes2["TYPOGRAPHY"] = "typography";
+  TokenTypes2["OPACITY"] = "opacity";
+  TokenTypes2["BORDER_WIDTH"] = "borderWidth";
+  TokenTypes2["STROKE_STYLE"] = "strokeStyle";
+  TokenTypes2["BOX_SHADOW"] = "boxShadow";
+  TokenTypes2["FONT_FAMILIES"] = "fontFamilies";
+  TokenTypes2["FONT_WEIGHTS"] = "fontWeights";
+  TokenTypes2["LINE_HEIGHTS"] = "lineHeights";
+  TokenTypes2["FONT_SIZES"] = "fontSizes";
+  TokenTypes2["LETTER_SPACING"] = "letterSpacing";
+  TokenTypes2["PARAGRAPH_SPACING"] = "paragraphSpacing";
+  TokenTypes2["PARAGRAPH_INDENT"] = "paragraphIndent";
+  TokenTypes2["TEXT_DECORATION"] = "textDecoration";
+  TokenTypes2["TEXT_CASE"] = "textCase";
+  TokenTypes2["COMPOSITION"] = "composition";
+  TokenTypes2["DIMENSION"] = "dimension";
+  TokenTypes2["BORDER"] = "border";
+  TokenTypes2["ASSET"] = "asset";
+  TokenTypes2["BOOLEAN"] = "boolean";
+  TokenTypes2["NUMBER"] = "number";
+})(TokenTypes || (TokenTypes = {}));
+
+// ../../node_modules/@tokens-studio/types/dist/constants/BorderValues.js
+var BorderValues;
+(function(BorderValues2) {
+  BorderValues2["BORDER_COLOR"] = "color";
+  BorderValues2["BORDER_WIDTH"] = "width";
+  BorderValues2["BORDER_STYLE"] = "style";
+})(BorderValues || (BorderValues = {}));
+
+// ../../node_modules/@tokens-studio/types/dist/constants/StrokeStyleValues.js
+var StrokeStyleValues;
+(function(StrokeStyleValues2) {
+  StrokeStyleValues2["SOLID"] = "solid";
+  StrokeStyleValues2["DASHED"] = "dashed";
+  StrokeStyleValues2["DOTTED"] = "dotted";
+  StrokeStyleValues2["DOUBLE"] = "double";
+  StrokeStyleValues2["GROOVE"] = "groove";
+  StrokeStyleValues2["RIDGE"] = "ridge";
+  StrokeStyleValues2["OUTSET"] = "outset";
+  StrokeStyleValues2["INSET"] = "inset";
+})(StrokeStyleValues || (StrokeStyleValues = {}));
+
+// ../../node_modules/@tokens-studio/types/dist/constants/BoxShadowValues.js
+var BoxShadowValues;
+(function(BoxShadowValues2) {
+  BoxShadowValues2["TYPE"] = "type";
+  BoxShadowValues2["COLOR"] = "color";
+  BoxShadowValues2["X"] = "x";
+  BoxShadowValues2["Y"] = "y";
+  BoxShadowValues2["BLUR"] = "blur";
+  BoxShadowValues2["SPREAD"] = "spread";
+  BoxShadowValues2["BLEND_MODE"] = "blendMode";
+})(BoxShadowValues || (BoxShadowValues = {}));
+
+// ../../node_modules/@tokens-studio/types/dist/constants/TypographyValues.js
+var TypographyValues;
+(function(TypographyValues2) {
+  TypographyValues2["FONT_FAMILY"] = "fontFamily";
+  TypographyValues2["FONT_WEIGHT"] = "fontWeight";
+  TypographyValues2["LINE_HEIGHT"] = "lineHeight";
+  TypographyValues2["FONT_SIZE"] = "fontSize";
+  TypographyValues2["LETTER_SPACING"] = "letterSpacing";
+  TypographyValues2["PARAGRAPH_SPACING"] = "paragraphSpacing";
+  TypographyValues2["PARAGRAPH_INDENT"] = "paragraphIndent";
+  TypographyValues2["TEXT_DECORATION"] = "textDecoration";
+  TypographyValues2["TEXT_CASE"] = "textCase";
+})(TypographyValues || (TypographyValues = {}));
+
+// src/tokens/utils/permutateThemes.ts
+function mapThemesToSetsObject(themes) {
+  return Object.fromEntries(themes.map((theme) => [theme.name, filterTokenSets(theme.selectedTokenSets)]));
+}
+function permutateThemes(themes, { separator = "-" } = {}) {
+  if (themes.some((theme) => theme.group)) {
+    const groups = {};
+    themes.forEach((theme) => {
+      if (theme.group) {
+        groups[theme.group] = [...groups[theme.group] ?? [], theme];
+      } else {
+        throw new Error(
+          `Theme ${theme.name} does not have a group property, which is required for multi-dimensional theming.`
+        );
+      }
+    });
+    if (Object.keys(groups).length <= 1) {
+      return mapThemesToSetsObject(themes);
+    }
+    const permutations = cartesian(Object.values(groups));
+    return Object.fromEntries(
+      permutations.map((perm) => {
+        const reduced = perm.reduce(
+          (acc, curr) => [
+            // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
+            `${acc[0]}${acc[0] ? separator : ""}${curr.name}`,
+            [...acc[1], ...filterTokenSets(curr.selectedTokenSets)]
+          ],
+          ["", []]
+        );
+        return [reduced[0], [...new Set(reduced[1])]];
+      })
+    );
+  } else {
+    return mapThemesToSetsObject(themes);
+  }
+}
+function filterTokenSets(tokensets) {
+  return Object.entries(tokensets).filter(([, val]) => val !== TokenSetStatus.DISABLED).sort((a, b) => {
+    if (a[1] === TokenSetStatus.SOURCE && b[1] === TokenSetStatus.ENABLED) {
+      return -1;
+    } else if (a[1] === TokenSetStatus.ENABLED && b[1] === TokenSetStatus.SOURCE) {
+      return 1;
+    }
+    return 0;
+  }).map((entry) => entry[0]);
+}
+function cartesian(a) {
+  return a.reduce((a2, b) => a2.flatMap((d) => b.map((e) => [d, e].flat())));
+}
+export {
+  permutateThemes
+};
+//# sourceMappingURL=permutateThemes.js.map

package/dist/src/tokens/utils/permutateThemes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../node_modules/@tokens-studio/types/dist/constants/BoxShadowTypes.js","../../../../../../node_modules/@tokens-studio/types/dist/constants/ColorModifierTypes.js","../../../../../../node_modules/@tokens-studio/types/dist/constants/ColorSpaceTypes.js","../../../../../../node_modules/@tokens-studio/types/dist/constants/Properties.js","../../../../../../node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.js","../../../../../../node_modules/@tokens-studio/types/dist/constants/TokenTypes.js","../../../../../../node_modules/@tokens-studio/types/dist/constants/BorderValues.js","../../../../../../node_modules/@tokens-studio/types/dist/constants/StrokeStyleValues.js","../../../../../../node_modules/@tokens-studio/types/dist/constants/BoxShadowValues.js","../../../../../../node_modules/@tokens-studio/types/dist/constants/TypographyValues.js","../../../../src/tokens/utils/permutateThemes.ts"],"sourcesContent":["var BoxShadowTypes;\n(function (BoxShadowTypes) {\n    BoxShadowTypes[\"DROP_SHADOW\"] = \"dropShadow\";\n    BoxShadowTypes[\"INNER_SHADOW\"] = \"innerShadow\";\n})(BoxShadowTypes || (BoxShadowTypes = {}));\n\nexport { BoxShadowTypes };\n","var ColorModifierTypes;\n(function (ColorModifierTypes) {\n    ColorModifierTypes[\"LIGHTEN\"] = \"lighten\";\n    ColorModifierTypes[\"DARKEN\"] = \"darken\";\n    ColorModifierTypes[\"MIX\"] = \"mix\";\n    ColorModifierTypes[\"ALPHA\"] = \"alpha\";\n})(ColorModifierTypes || (ColorModifierTypes = {}));\n\nexport { ColorModifierTypes };\n","var ColorSpaceTypes;\n(function (ColorSpaceTypes) {\n    ColorSpaceTypes[\"LCH\"] = \"lch\";\n    ColorSpaceTypes[\"SRGB\"] = \"srgb\";\n    ColorSpaceTypes[\"P3\"] = \"p3\";\n    ColorSpaceTypes[\"HSL\"] = \"hsl\";\n})(ColorSpaceTypes || (ColorSpaceTypes = {}));\n\nexport { ColorSpaceTypes };\n","var Properties;\n(function (Properties) {\n    Properties[\"sizing\"] = \"sizing\";\n    Properties[\"height\"] = \"height\";\n    Properties[\"width\"] = \"width\";\n    Properties[\"spacing\"] = \"spacing\";\n    Properties[\"verticalPadding\"] = \"verticalPadding\";\n    Properties[\"horizontalPadding\"] = \"horizontalPadding\";\n    Properties[\"paddingTop\"] = \"paddingTop\";\n    Properties[\"paddingRight\"] = \"paddingRight\";\n    Properties[\"paddingBottom\"] = \"paddingBottom\";\n    Properties[\"paddingLeft\"] = \"paddingLeft\";\n    Properties[\"itemSpacing\"] = \"itemSpacing\";\n    Properties[\"fill\"] = \"fill\";\n    Properties[\"backgroundBlur\"] = \"backgroundBlur\";\n    Properties[\"border\"] = \"border\";\n    Properties[\"borderTop\"] = \"borderTop\";\n    Properties[\"borderRight\"] = \"borderRight\";\n    Properties[\"borderBottom\"] = \"borderBottom\";\n    Properties[\"borderLeft\"] = \"borderLeft\";\n    Properties[\"borderColor\"] = \"borderColor\";\n    Properties[\"borderRadius\"] = \"borderRadius\";\n    Properties[\"borderRadiusTopLeft\"] = \"borderRadiusTopLeft\";\n    Properties[\"borderRadiusTopRight\"] = \"borderRadiusTopRight\";\n    Properties[\"borderRadiusBottomRight\"] = \"borderRadiusBottomRight\";\n    Properties[\"borderRadiusBottomLeft\"] = \"borderRadiusBottomLeft\";\n    Properties[\"borderWidth\"] = \"borderWidth\";\n    Properties[\"borderWidthTop\"] = \"borderWidthTop\";\n    Properties[\"borderWidthRight\"] = \"borderWidthRight\";\n    Properties[\"borderWidthBottom\"] = \"borderWidthBottom\";\n    Properties[\"borderWidthLeft\"] = \"borderWidthLeft\";\n    Properties[\"boxShadow\"] = \"boxShadow\";\n    Properties[\"opacity\"] = \"opacity\";\n    Properties[\"fontFamilies\"] = \"fontFamilies\";\n    Properties[\"fontWeights\"] = \"fontWeights\";\n    Properties[\"fontSizes\"] = \"fontSizes\";\n    Properties[\"lineHeights\"] = \"lineHeights\";\n    Properties[\"typography\"] = \"typography\";\n    Properties[\"composition\"] = \"composition\";\n    Properties[\"letterSpacing\"] = \"letterSpacing\";\n    Properties[\"paragraphSpacing\"] = \"paragraphSpacing\";\n    Properties[\"textCase\"] = \"textCase\";\n    Properties[\"dimension\"] = \"dimension\";\n    Properties[\"textDecoration\"] = \"textDecoration\";\n    Properties[\"asset\"] = \"asset\";\n    Properties[\"tokenValue\"] = \"tokenValue\";\n    Properties[\"value\"] = \"value\";\n    Properties[\"tokenName\"] = \"tokenName\";\n    Properties[\"description\"] = \"description\";\n})(Properties || (Properties = {}));\n\nexport { Properties };\n","var TokenSetStatus;\n(function (TokenSetStatus) {\n    TokenSetStatus[\"DISABLED\"] = \"disabled\";\n    TokenSetStatus[\"SOURCE\"] = \"source\";\n    TokenSetStatus[\"ENABLED\"] = \"enabled\";\n})(TokenSetStatus || (TokenSetStatus = {}));\n\nexport { TokenSetStatus };\n","var TokenTypes;\n(function (TokenTypes) {\n    TokenTypes[\"OTHER\"] = \"other\";\n    TokenTypes[\"COLOR\"] = \"color\";\n    TokenTypes[\"BORDER_RADIUS\"] = \"borderRadius\";\n    TokenTypes[\"SIZING\"] = \"sizing\";\n    TokenTypes[\"SPACING\"] = \"spacing\";\n    TokenTypes[\"TEXT\"] = \"text\";\n    TokenTypes[\"TYPOGRAPHY\"] = \"typography\";\n    TokenTypes[\"OPACITY\"] = \"opacity\";\n    TokenTypes[\"BORDER_WIDTH\"] = \"borderWidth\";\n    TokenTypes[\"STROKE_STYLE\"] = \"strokeStyle\";\n    TokenTypes[\"BOX_SHADOW\"] = \"boxShadow\";\n    TokenTypes[\"FONT_FAMILIES\"] = \"fontFamilies\";\n    TokenTypes[\"FONT_WEIGHTS\"] = \"fontWeights\";\n    TokenTypes[\"LINE_HEIGHTS\"] = \"lineHeights\";\n    TokenTypes[\"FONT_SIZES\"] = \"fontSizes\";\n    TokenTypes[\"LETTER_SPACING\"] = \"letterSpacing\";\n    TokenTypes[\"PARAGRAPH_SPACING\"] = \"paragraphSpacing\";\n    TokenTypes[\"PARAGRAPH_INDENT\"] = \"paragraphIndent\";\n    TokenTypes[\"TEXT_DECORATION\"] = \"textDecoration\";\n    TokenTypes[\"TEXT_CASE\"] = \"textCase\";\n    TokenTypes[\"COMPOSITION\"] = \"composition\";\n    TokenTypes[\"DIMENSION\"] = \"dimension\";\n    TokenTypes[\"BORDER\"] = \"border\";\n    TokenTypes[\"ASSET\"] = \"asset\";\n    TokenTypes[\"BOOLEAN\"] = \"boolean\";\n    TokenTypes[\"NUMBER\"] = \"number\";\n})(TokenTypes || (TokenTypes = {}));\n\nexport { TokenTypes };\n","var BorderValues;\n(function (BorderValues) {\n    BorderValues[\"BORDER_COLOR\"] = \"color\";\n    BorderValues[\"BORDER_WIDTH\"] = \"width\";\n    BorderValues[\"BORDER_STYLE\"] = \"style\";\n})(BorderValues || (BorderValues = {}));\n\nexport { BorderValues };\n","var StrokeStyleValues;\n(function (StrokeStyleValues) {\n    StrokeStyleValues[\"SOLID\"] = \"solid\";\n    StrokeStyleValues[\"DASHED\"] = \"dashed\";\n    StrokeStyleValues[\"DOTTED\"] = \"dotted\";\n    StrokeStyleValues[\"DOUBLE\"] = \"double\";\n    StrokeStyleValues[\"GROOVE\"] = \"groove\";\n    StrokeStyleValues[\"RIDGE\"] = \"ridge\";\n    StrokeStyleValues[\"OUTSET\"] = \"outset\";\n    StrokeStyleValues[\"INSET\"] = \"inset\";\n})(StrokeStyleValues || (StrokeStyleValues = {}));\n\nexport { StrokeStyleValues };\n","var BoxShadowValues;\n(function (BoxShadowValues) {\n    BoxShadowValues[\"TYPE\"] = \"type\";\n    BoxShadowValues[\"COLOR\"] = \"color\";\n    BoxShadowValues[\"X\"] = \"x\";\n    BoxShadowValues[\"Y\"] = \"y\";\n    BoxShadowValues[\"BLUR\"] = \"blur\";\n    BoxShadowValues[\"SPREAD\"] = \"spread\";\n    BoxShadowValues[\"BLEND_MODE\"] = \"blendMode\";\n})(BoxShadowValues || (BoxShadowValues = {}));\n\nexport { BoxShadowValues };\n","var TypographyValues;\n(function (TypographyValues) {\n    TypographyValues[\"FONT_FAMILY\"] = \"fontFamily\";\n    TypographyValues[\"FONT_WEIGHT\"] = \"fontWeight\";\n    TypographyValues[\"LINE_HEIGHT\"] = \"lineHeight\";\n    TypographyValues[\"FONT_SIZE\"] = \"fontSize\";\n    TypographyValues[\"LETTER_SPACING\"] = \"letterSpacing\";\n    TypographyValues[\"PARAGRAPH_SPACING\"] = \"paragraphSpacing\";\n    TypographyValues[\"PARAGRAPH_INDENT\"] = \"paragraphIndent\";\n    TypographyValues[\"TEXT_DECORATION\"] = \"textDecoration\";\n    TypographyValues[\"TEXT_CASE\"] = \"textCase\";\n})(TypographyValues || (TypographyValues = {}));\n\nexport { TypographyValues };\n","import type { ThemeObject } from '@tokens-studio/types';\nimport { TokenSetStatus } from '@tokens-studio/types';\n\ndeclare interface Options {\n  separator?: string;\n}\n\nfunction mapThemesToSetsObject(themes: ThemeObject[]) {\n  return Object.fromEntries(themes.map((theme) => [theme.name, filterTokenSets(theme.selectedTokenSets)]));\n}\n\nexport function permutateThemes(themes: ThemeObject[], { separator = '-' } = {} as Options): Record<string, string[]> {\n  if (themes.some((theme) => theme.group)) {\n    // Sort themes by groups\n    const groups: Record<string, ThemeObject[]> = {};\n    themes.forEach((theme) => {\n      if (theme.group) {\n        groups[theme.group] = [...(groups[theme.group] ?? []), theme];\n      } else {\n        throw new Error(\n          `Theme ${theme.name} does not have a group property, which is required for multi-dimensional theming.`,\n        );\n      }\n    });\n\n    if (Object.keys(groups).length <= 1) {\n      return mapThemesToSetsObject(themes);\n    }\n\n    // Create theme permutations\n    const permutations = cartesian(Object.values(groups)) as Array<ThemeObject[]>;\n\n    return Object.fromEntries(\n      permutations.map((perm) => {\n        // 1) concat the names of the theme groups to create the permutation theme name\n        // 2) merge the selectedTokenSets together from the different theme group parts\n        const reduced = perm.reduce(\n          (acc, curr) => [\n            // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n            `${acc[0]}${acc[0] ? separator : ''}${curr.name}`,\n            [...acc[1], ...filterTokenSets(curr.selectedTokenSets)],\n          ],\n          ['', [] as string[]],\n        );\n\n        // Dedupe the tokensets, return as entries [name, sets]\n        return [reduced[0], [...new Set(reduced[1])]];\n      }),\n    ) as Record<string, string[]>;\n  } else {\n    return mapThemesToSetsObject(themes);\n  }\n}\n\nfunction filterTokenSets(tokensets: Record<string, TokenSetStatus>) {\n  return (\n    Object.entries(tokensets)\n      .filter(([, val]) => val !== TokenSetStatus.DISABLED)\n      // ensure source type sets are always ordered before enabled type sets\n      .sort((a, b) => {\n        if (a[1] === TokenSetStatus.SOURCE && b[1] === TokenSetStatus.ENABLED) {\n          return -1;\n        } else if (a[1] === TokenSetStatus.ENABLED && b[1] === TokenSetStatus.SOURCE) {\n          return 1;\n        }\n        return 0;\n      })\n      .map((entry) => entry[0])\n  );\n}\n\n// cartesian permutations: [[1,2], [3,4]] -> [[1,3], [1,4], [2,3], [2,4]]\nfunction cartesian(a: Array<unknown[]>) {\n  return a.reduce((a, b) => a.flatMap((d) => b.map((e) => [d, e].flat())));\n}\n"],"mappings":"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","names":["BoxShadowTypes","ColorModifierTypes","ColorSpaceTypes","Properties","TokenSetStatus","TokenTypes","BorderValues","StrokeStyleValues","BoxShadowValues","TypographyValues","a"]}

package/dist/src/tokens/utils/utils.js

@@ -0,0 +1,16 @@
+// src/tokens/utils/utils.ts
+import * as R from "ramda";
+var getType = (token) => (token.$type ?? token.type) || "";
+var getValue = (token) => token.$value ?? token.value;
+var typeEquals = (types, token) => {
+  if (R.isNil(token)) {
+    return false;
+  }
+  return R.includes(R.toLower(getType(token)), R.map(R.toLower, Array.isArray(types) ? types : [types]));
+};
+export {
+  getType,
+  getValue,
+  typeEquals
+};
+//# sourceMappingURL=utils.js.map

package/dist/src/tokens/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/tokens/utils/utils.ts"],"sourcesContent":["import * as R from 'ramda';\nimport type { TransformedToken, DesignToken } from 'style-dictionary/types';\n\n/**\n * Returns type based on design token format used. Read more:https://v4.styledictionary.com/info/dtcg/\n * @param token Transformed token\n * @returns type\n */\nexport const getType = (token: TransformedToken) => ((token.$type ?? token.type) as string) || '';\n\n/**\n * Returns value based on design token format used. Read more:https://v4.styledictionary.com/info/dtcg/\n *\n * Use generic (`<T>`) to define return value type\n * @param token Transformed or Design token\n * @returns value\n */\nexport const getValue = <T>(token: TransformedToken | DesignToken): T => (token.$value ?? token.value) as T;\n\nexport const typeEquals = (types: string[] | string, token: TransformedToken) => {\n  if (R.isNil(token)) {\n    return false;\n  }\n\n  return R.includes(R.toLower(getType(token)), R.map(R.toLower, Array.isArray(types) ? types : [types]));\n};\n"],"mappings":";AAAA,YAAY,OAAO;AAQZ,IAAM,UAAU,CAAC,WAA8B,MAAM,SAAS,MAAM,SAAoB;AASxF,IAAM,WAAW,CAAI,UAA8C,MAAM,UAAU,MAAM;AAEzF,IAAM,aAAa,CAAC,OAA0B,UAA4B;AAC/E,MAAM,QAAM,KAAK,GAAG;AAClB,WAAO;AAAA,EACT;AAEA,SAAS,WAAW,UAAQ,QAAQ,KAAK,CAAC,GAAK,MAAM,WAAS,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;AACvG;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet",
-  "version": "0.1.0-alpha.10",
+  "version": "0.1.0-alpha.12",
   "description": "CLI for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -14,21 +14,35 @@
     "./color": "./src/colors/index.ts"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "bin": "dist/bin/designsystemet.js",
+    "exports": {
+      "./color": "./dist/src/colors/index.js"
+    }
+  },
+  "tsup": {
+    "entry": [
+      "bin/designsystemet.ts",
+      "src/**/*.ts"
+    ],
+    "splitting": false,
+    "sourcemap": true,
+    "clean": true,
+    "format": [
+      "esm"
+    ]
   },
   "scripts": {
     "designsystemet": "tsx ./bin/designsystemet.ts",
     "build:tokens": "yarn clean:theme && yarn designsystemet tokens -p -t ../../design-tokens -o ../../packages/theme/brand",
     "build:tokens:debug": "yarn clean:theme && tsx --inspect-brk ./bin/designsystemet.ts tokens -p -t ../../design-tokens -o ../../packages/theme/brand",
-    "build": "yarn clean && tsc",
-    "prepublish:tsup": "yarn clean && tsup src/**/*.ts bin/designsystemet.ts --cjsInterop --shims --format esm",
-    "clean": "rimraf dist",
+    "build": "tsup",
     "clean:theme": "yarn workspace @digdir/designsystemet-theme clean"
   },
   "files": [
     "./dist/**"
   ],
-  "bin": "dist/build/bin/designsystemet.js",
+  "bin": "bin/designsystemet.js",
   "dependencies": {
     "@adobe/leonardo-contrast-colors": "^1.0.0",
     "@commander-js/extra-typings": "^12.0.1",
@@ -43,8 +57,7 @@
     "postcss": "^8.4.38",
     "ramda": "^0.29.1",
     "rimraf": "^5.0.5",
-    "style-dictionary": "^4.0.0-prerelease.34",
-    "tsup": "^8.0.2"
+    "style-dictionary": "^4.0.0-prerelease.34"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
@@ -54,8 +67,8 @@
     "@types/object-hash": "^3",
     "@types/ramda": "^0.29.9",
     "fs-extra": "^11.2.0",
+    "tsup": "^8.1.0",
     "tsx": "^4.11.2",
     "typescript": "^5.4.5"
-  },
-  "gitHead": "be57fec5efe257a06e072ad68713670c9511a119"
+  }
 }

package/LICENSE

@@ -1,7 +0,0 @@
-Copyright 2024 Digitaliseringsdirektoratet (Digdir)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/build/bin/designsystemet.js

@@ -1,50 +0,0 @@
-#!/usr/bin/env node
-import { Argument, program } from '@commander-js/extra-typings';
-import chalk from 'chalk';
-import migrations from './../src/migrations/index.js';
-import { run } from './../src/tokens/build.js';
-program.name('Designsystemet').description('CLI for working with Designsystemet');
-program
-    .command('tokens')
-    .showHelpAfterError()
-    .description('run Designsystemet token builder')
-    .option('-t, --tokens [string]', `Path to ${chalk.blue('design-tokens')}`, './design-tokens')
-    .option('-o, --out [string]', `Output directory for built ${chalk.blue('design-tokens')}`, './dist/tokens')
-    .option('-p, --preview', 'Generate preview token.ts files', false)
-    .action((opts) => {
-    const tokens = typeof opts.tokens === 'string' ? opts.tokens : './design-tokens';
-    const out = typeof opts.out === 'string' ? opts.out : './dist/tokens';
-    const preview = opts.preview;
-    console.log(`Bulding tokens in ${chalk.green(tokens)}`);
-    return run({ tokens, out, preview });
-});
-program
-    .command('migrate')
-    .showHelpAfterError()
-    .description('run a Designsystemet migration')
-    .addArgument(new Argument('[migration]', 'Available migrations').choices(Object.keys(migrations)))
-    .option('-l --list', 'List available migrations')
-    .option('-g --glob <glob>', 'Glob for files upon which to apply the migration', './**/*.(tsx|css)')
-    .action((migrationKey, opts) => {
-    const { glob, list } = opts;
-    if (list) {
-        Object.keys(migrations).forEach((key) => {
-            console.log(key);
-        });
-    }
-    else if (migrationKey) {
-        const migration = migrations[migrationKey];
-        if (!migration) {
-            console.error('Migration not found!');
-            throw 'Aborting';
-        }
-        console.log(`Applying migration ${chalk.blue(migrationKey)} with glob: ${chalk.green(glob)}`);
-        migration?.(glob)
-            .then(() => console.log(`Migration ${chalk.blue(migrationKey)} finished`))
-            .catch((error) => console.log(error));
-    }
-    else {
-        console.log('Migrate: please specify a migration name or --list');
-    }
-});
-await program.parseAsync(process.argv);