npm - @aleph-alpha/config-css - Versions diffs - 0.7.0 - Mend

@aleph-alpha/config-css 0.7.0

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 (26) hide show

package/.lintstagedrc.js +5 -0
package/CHANGELOG.md +2041 -0
package/LICENSE +202 -0
package/README.md +116 -0
package/dist/index.d.ts +23 -0
package/dist/index.js +919 -0
package/package.json +39 -0
package/project.json +15 -0
package/sd-output/box-shadows.json +7 -0
package/sd-output/dark-mode.json +148 -0
package/sd-output/global.json +4 -0
package/sd-output/light-mode.json +148 -0
package/sd-output/spacings.json +21 -0
package/sd-output/typography.json +14 -0
package/sd.config.js +190 -0
package/src/assets/fonts/raleway500.woff2.ts +2 -0
package/src/assets/fonts/raleway600.woff2.ts +2 -0
package/src/assets/fonts/raleway700.woff2.ts +2 -0
package/src/index.ts +80 -0
package/src/presetWebFontsAlephAlpha.ts +44 -0
package/tokens.json +1796 -0
package/transformed-tokens/dark-mode.json +688 -0
package/transformed-tokens/global.json +400 -0
package/transformed-tokens/light-mode.json +688 -0
package/tsconfig.json +15 -0
package/vite.config.ts +16 -0

package/transformed-tokens/global.json ADDED Viewed

@@ -0,0 +1,400 @@
+{
+  "None": {
+    "value": "0rem",
+    "type": "dimension"
+  },
+  "Default": {
+    "value": "0.25rem",
+    "type": "dimension"
+  },
+  "Modal": {
+    "value": "0.5rem",
+    "type": "dimension"
+  },
+  "Chips": {
+    "value": "2.75rem",
+    "type": "dimension"
+  },
+  "3XS": {
+    "value": "0.25rem",
+    "type": "dimension"
+  },
+  "XS": {
+    "value": "0.5rem",
+    "type": "dimension"
+  },
+  "M": {
+    "value": "0.75rem",
+    "type": "dimension"
+  },
+  "L": {
+    "value": "1rem",
+    "type": "dimension"
+  },
+  "XL": {
+    "value": "1.25rem",
+    "type": "dimension"
+  },
+  "XXL": {
+    "value": "1.5rem",
+    "type": "dimension"
+  },
+  "3XL": {
+    "value": "2rem",
+    "type": "dimension"
+  },
+  "4XL": {
+    "value": "3rem",
+    "type": "dimension"
+  },
+  "5XL": {
+    "value": "4rem",
+    "type": "dimension"
+  },
+  "4XS": {
+    "value": "0.125rem",
+    "type": "dimension"
+  },
+  "XXS": {
+    "value": "0.25rem",
+    "type": "dimension"
+  },
+  "S": {
+    "value": "0.5rem",
+    "type": "dimension"
+  },
+  "linear-gradient-top": {
+    "value": "linear-gradient(180deg, #0f0f12 0%, #0f0f1200 100%)",
+    "type": "color"
+  },
+  "linear-gradient-bottom": {
+    "value": "linear-gradient(180deg, #0f0f1200 0%, #0f0f12 100%)",
+    "type": "color"
+  },
+  "Pop-ups and Modals": {
+    "value": {
+      "color": "#0000001f",
+      "type": "dropShadow",
+      "x": 0,
+      "y": 1,
+      "blur": 20,
+      "spread": 0
+    },
+    "type": "boxShadow"
+  },
+  "Dropdowns": {
+    "value": {
+      "color": "#0000001f",
+      "type": "dropShadow",
+      "x": 0,
+      "y": 1,
+      "blur": 6,
+      "spread": 0
+    },
+    "type": "boxShadow"
+  },
+  "Banner and Snackbars": {
+    "value": {
+      "color": "#00000033",
+      "type": "dropShadow",
+      "x": 0,
+      "y": 4,
+      "blur": 24,
+      "spread": 0
+    },
+    "type": "boxShadow"
+  },
+  "Left elevated card": {
+    "value": {
+      "color": "#0000001f",
+      "type": "dropShadow",
+      "x": 5,
+      "y": 5,
+      "blur": 6,
+      "spread": 0
+    },
+    "type": "boxShadow",
+    "description": "Used in case of hover state"
+  },
+  "Right elevated card": {
+    "value": {
+      "color": "#0000001f",
+      "type": "dropShadow",
+      "x": -5,
+      "y": 5,
+      "blur": 6,
+      "spread": 0
+    },
+    "type": "boxShadow",
+    "description": "Used for hover states"
+  },
+  "fontFamilies": {
+    "raleway": {
+      "value": "Raleway",
+      "type": "fontFamilies"
+    }
+  },
+  "lineHeights": {
+    "0": {
+      "value": "AUTO",
+      "type": "lineHeights"
+    },
+    "1": {
+      "value": 24,
+      "type": "lineHeights"
+    },
+    "2": {
+      "value": 16,
+      "type": "lineHeights"
+    },
+    "3": {
+      "value": 20,
+      "type": "lineHeights"
+    }
+  },
+  "fontWeights": {
+    "raleway-0": {
+      "value": "Bold",
+      "type": "fontWeights"
+    },
+    "raleway-1": {
+      "value": "SemiBold",
+      "type": "fontWeights"
+    },
+    "raleway-2": {
+      "value": "Medium",
+      "type": "fontWeights"
+    }
+  },
+  "fontSize": {
+    "0": {
+      "value": 12,
+      "type": "fontSizes"
+    },
+    "1": {
+      "value": 14,
+      "type": "fontSizes"
+    },
+    "2": {
+      "value": 16,
+      "type": "fontSizes"
+    },
+    "3": {
+      "value": 18,
+      "type": "fontSizes"
+    },
+    "4": {
+      "value": 20,
+      "type": "fontSizes"
+    },
+    "5": {
+      "value": 30,
+      "type": "fontSizes"
+    }
+  },
+  "letterSpacing": {
+    "0": {
+      "value": "0%",
+      "type": "letterSpacing"
+    }
+  },
+  "paragraphSpacing": {
+    "0": {
+      "value": 0,
+      "type": "paragraphSpacing"
+    }
+  },
+  "Heading": {
+    "Heading 30": {
+      "value": {
+        "fontFamily": "Raleway",
+        "fontWeight": "Bold",
+        "lineHeight": "AUTO",
+        "fontSize": 30,
+        "letterSpacing": "0%",
+        "paragraphSpacing": 0,
+        "paragraphIndent": "0px",
+        "textCase": "none",
+        "textDecoration": "none"
+      },
+      "type": "typography"
+    },
+    "Heading 20": {
+      "value": {
+        "fontFamily": "Raleway",
+        "fontWeight": "Bold",
+        "lineHeight": "AUTO",
+        "fontSize": 20,
+        "letterSpacing": "0%",
+        "paragraphSpacing": 0,
+        "paragraphIndent": "0px",
+        "textCase": "none",
+        "textDecoration": "none"
+      },
+      "type": "typography"
+    },
+    "Heading 18": {
+      "value": {
+        "fontFamily": "Raleway",
+        "fontWeight": "Bold",
+        "lineHeight": "AUTO",
+        "fontSize": 18,
+        "letterSpacing": "0%",
+        "paragraphSpacing": 0,
+        "paragraphIndent": "0px",
+        "textCase": "none",
+        "textDecoration": "none"
+      },
+      "type": "typography"
+    },
+    "Heading 16": {
+      "value": {
+        "fontFamily": "Raleway",
+        "fontWeight": "Bold",
+        "lineHeight": 24,
+        "fontSize": 16,
+        "letterSpacing": "0%",
+        "paragraphSpacing": 0,
+        "paragraphIndent": "0px",
+        "textCase": "none",
+        "textDecoration": "none"
+      },
+      "type": "typography"
+    },
+    "Heading 14": {
+      "value": {
+        "fontFamily": "Raleway",
+        "fontWeight": "SemiBold",
+        "lineHeight": 16,
+        "fontSize": 14,
+        "letterSpacing": "0%",
+        "paragraphSpacing": 0,
+        "paragraphIndent": "0px",
+        "textCase": "none",
+        "textDecoration": "none"
+      },
+      "type": "typography"
+    }
+  },
+  "Body": {
+    "Body 16 Bold": {
+      "value": {
+        "fontFamily": "Raleway",
+        "fontWeight": "Bold",
+        "lineHeight": 24,
+        "fontSize": 16,
+        "letterSpacing": "0%",
+        "paragraphSpacing": 0,
+        "paragraphIndent": "0px",
+        "textCase": "none",
+        "textDecoration": "none"
+      },
+      "type": "typography"
+    },
+    "Body 16": {
+      "value": {
+        "fontFamily": "Raleway",
+        "fontWeight": "Medium",
+        "lineHeight": 24,
+        "fontSize": 16,
+        "letterSpacing": "0%",
+        "paragraphSpacing": 0,
+        "paragraphIndent": "0px",
+        "textCase": "none",
+        "textDecoration": "none"
+      },
+      "type": "typography"
+    },
+    "Body 16 Compact": {
+      "value": {
+        "fontFamily": "Raleway",
+        "fontWeight": "Medium",
+        "lineHeight": 20,
+        "fontSize": 16,
+        "letterSpacing": "0%",
+        "paragraphSpacing": 0,
+        "paragraphIndent": "0px",
+        "textCase": "none",
+        "textDecoration": "none"
+      },
+      "type": "typography",
+      "description": "body text, line height 20px"
+    }
+  },
+  "Label": {
+    "Label 14 Bold": {
+      "value": {
+        "fontFamily": "Raleway",
+        "fontWeight": "Bold",
+        "lineHeight": "AUTO",
+        "fontSize": 14,
+        "letterSpacing": "0%",
+        "paragraphSpacing": 0,
+        "paragraphIndent": "0px",
+        "textCase": "none",
+        "textDecoration": "none"
+      },
+      "type": "typography"
+    },
+    "Label 14": {
+      "value": {
+        "fontFamily": "Raleway",
+        "fontWeight": "Medium",
+        "lineHeight": 16,
+        "fontSize": 14,
+        "letterSpacing": "0%",
+        "paragraphSpacing": 0,
+        "paragraphIndent": "0px",
+        "textCase": "none",
+        "textDecoration": "none"
+      },
+      "type": "typography"
+    },
+    "Label 12 Bold": {
+      "value": {
+        "fontFamily": "Raleway",
+        "fontWeight": "Bold",
+        "lineHeight": "AUTO",
+        "fontSize": 12,
+        "letterSpacing": "0%",
+        "paragraphSpacing": 0,
+        "paragraphIndent": "0px",
+        "textCase": "none",
+        "textDecoration": "none"
+      },
+      "type": "typography"
+    },
+    "Label 12": {
+      "value": {
+        "fontFamily": "Raleway",
+        "fontWeight": "Medium",
+        "lineHeight": "AUTO",
+        "fontSize": 12,
+        "letterSpacing": "0%",
+        "paragraphSpacing": 0,
+        "paragraphIndent": "0px",
+        "textCase": "none",
+        "textDecoration": "none"
+      },
+      "type": "typography"
+    }
+  },
+  "textCase": {
+    "none": {
+      "value": "none",
+      "type": "textCase"
+    }
+  },
+  "textDecoration": {
+    "none": {
+      "value": "none",
+      "type": "textDecoration"
+    }
+  },
+  "paragraphIndent": {
+    "0": {
+      "value": "0px",
+      "type": "dimension"
+    }
+  }
+}