@salty-css/eslint-plugin-core 0.0.1-alpha.222 → 0.0.1-alpha.224

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 (2) hide show
  1. package/README.md +6 -4
  2. package/package.json +2 -2
package/README.md CHANGED
@@ -4,6 +4,8 @@
4
4
 
5
5
  Is there anything saltier than CSS in frontend web development? Salty CSS is built to provide better developer experience for developers looking for performant and feature rich CSS-in-JS solutions.
6
6
 
7
+ [Get started](#get-started) | [API](#api) | [Website](https://salty-css.dev/) | [GitHub](https://github.com/margarita-form/salty-css) | [NPM](https://www.npmjs.com/package/@salty-css/core)
8
+
7
9
  ## Features
8
10
 
9
11
  - Build time compilation to achieve awesome runtime performance and minimal size
@@ -32,14 +34,14 @@ Fastest way to get started with any framework is `npx salty-css init [directory]
32
34
  2. Salty CSS components created with styled function can extend non Salty CSS components (`export const CustomLink = styled(NextJSLink, { ... });`) but those components must take in `className` prop for styles to apply.
33
35
  3. Among common types like `string` and `number`, CSS-in-JS properties in Salty CSS do support `functions` and `promises` as values (`styled('span', { base: { color: async () => 'red' } });`) but running asynchronous tasks or importing heavy 3rd party libraries into `*.css.ts` or `*.css.tsx` files can cause longer build times.
34
36
 
35
- ## Functions
37
+ ## API
36
38
 
37
- ### Styling
39
+ ### Component styling
38
40
 
39
41
  - [styled](#styled-function) (react only) - create React components that can be used anywhere easily
40
42
  - [className](#class-name-function) (framework agnostic) - create a CSS class string that can be applied to any element
41
43
 
42
- ### Global
44
+ ### Global styling
43
45
 
44
46
  - [defineGlobalStyles](#global-styles) - set global styles like `html` and `body`
45
47
  - [defineVariables](#variables) - create CSS variables (tokens) that can be used in any styling function
@@ -47,7 +49,7 @@ Fastest way to get started with any framework is `npx salty-css init [directory]
47
49
  - [defineTemplates](#templates) - create reusable templates that can be applied when same styles are used over and over again
48
50
  - [keyframes](#keyframes-animations) - create CSS keyframes animation that can be used and imported in any styling function
49
51
 
50
- ### Helpers & utility
52
+ ### Styling helpers & utility
51
53
 
52
54
  - [defineViewportClamp](#viewport-clamp) - create CSS clamp functions that are based on user's viewport and can calculate relative values easily
53
55
  - [color](#color-function) - transform any valid color code or variable to be darker, lighter etc. easily (uses [color library by Qix-](https://github.com/Qix-/color))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salty-css/eslint-plugin-core",
3
- "version": "0.0.1-alpha.222",
3
+ "version": "0.0.1-alpha.224",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "typings": "./dist/index.d.ts",
@@ -34,7 +34,7 @@
34
34
  }
35
35
  },
36
36
  "dependencies": {
37
- "@salty-css/core": "^0.0.1-alpha.222",
37
+ "@salty-css/core": "^0.0.1-alpha.224",
38
38
  "eslint": ">=9.x || >=8.x || >=7.x"
39
39
  }
40
40
  }