@unsass/selector 1.0.0 → 1.1.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 (5) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +26 -0
  3. package/package.json +15 -12
  4. package/src/_functions.scss +0 -26
  5. package/src/_mixins.scss +8 -10
package/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
4
4
 
5
+ ## [1.1.0](https://github.com/unsass/selector/compare/v1.0.0...v1.1.0) (2023-03-20)
6
+
7
+
8
+ ### Features
9
+
10
+ * use `@unsass/string` instead of specific function ([af2dd21](https://github.com/unsass/selector/commit/af2dd217a4acea2e2734037749b010f2d73f02ff))
11
+
5
12
  ## 1.0.0 (2022-08-31)
6
13
 
7
14
 
package/README.md CHANGED
@@ -13,3 +13,29 @@ Sass functions and mixins to manage CSS selectors.
13
13
  ```shell
14
14
  npm install @unsass/selector
15
15
  ```
16
+
17
+ ## Usage
18
+
19
+ ```scss
20
+ @use "@unsass/selector";
21
+
22
+ @include selector.create("foo") {
23
+ color: darkcyan;
24
+ }
25
+ ```
26
+
27
+ ### Result
28
+
29
+ ```css
30
+ .foo {
31
+ color: darkcyan;
32
+ }
33
+ ```
34
+
35
+ ## API
36
+
37
+ ### Sass mixins
38
+
39
+ | Mixin | Description |
40
+ |----------------------------------------------------------------------------------|------------------------------------------------------------|
41
+ | `create($selector, $scope, $separator, $suffix, $pseudo-class, $pseudo-element)` | Sets new CSS selector with class scope and pseudo options. |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unsass/selector",
3
- "version": "1.0.0",
3
+ "version": "1.1.0",
4
4
  "description": "Sass functions and mixins to manage CSS selectors.",
5
5
  "scripts": {
6
6
  "lint:css": "stylelint --fix \"**/*.scss\"",
@@ -10,26 +10,29 @@
10
10
  "release": "semantic-release"
11
11
  },
12
12
  "engines": {
13
- "node": ">=14.0.0",
13
+ "node": ">=16.0.0",
14
14
  "npm": ">=8.0.0"
15
15
  },
16
16
  "sass": "index.scss",
17
17
  "devDependencies": {
18
- "@commitlint/cli": "^17.0.3",
19
- "@commitlint/config-conventional": "^17.0.3",
20
- "@semantic-release/changelog": "^6.0.1",
18
+ "@commitlint/cli": "^17.4.4",
19
+ "@commitlint/config-conventional": "^17.4.4",
20
+ "@semantic-release/changelog": "^6.0.2",
21
21
  "@semantic-release/git": "^10.0.1",
22
22
  "glob": "^7.2.0",
23
- "husky": "^8.0.1",
24
- "jest": "^28.1.3",
23
+ "husky": "^8.0.3",
24
+ "jest": "^29.5.0",
25
+ "jest-environment-node-single-context": "^29.0.0",
26
+ "jest-junit": "^15.0.0",
25
27
  "npm-run-all": "^4.1.5",
26
- "sass-true": "^6.1.0",
27
- "semantic-release": "^19.0.3",
28
- "stylelint": "^14.10.0",
29
- "stylelint-config-unsass": "^1.0.0"
28
+ "sass-true": "^7.0.0",
29
+ "semantic-release": "^20.1.3",
30
+ "stylelint": "^15.3.0",
31
+ "stylelint-config-unsass": "^1.0.1"
30
32
  },
31
33
  "dependencies": {
32
- "@unsass/utilities": "^1.3.1",
34
+ "@unsass/string": "^1.4.2",
35
+ "@unsass/types": "^1.0.2",
33
36
  "sass": "^1.53.0"
34
37
  },
35
38
  "keywords": [
package/src/_functions.scss CHANGED
@@ -59,29 +59,3 @@
59
59
  @function to-class($selector) {
60
60
  @return ".#{$selector}";
61
61
  }
62
-
63
- ///
64
- /// Number.
65
- ///
66
- @function number($value) {
67
- @if meta.type-of($value) == "number" {
68
- @return $value;
69
- } @else if meta.type-of($value) != "string" {
70
- @error "Invalid string type for `#{$value}` value. Use string type instead.";
71
- }
72
-
73
- $numbers: (
74
- "0": 0,
75
- "1": 1,
76
- "2": 2,
77
- "3": 3,
78
- "4": 4,
79
- "5": 5,
80
- "6": 6,
81
- "7": 7,
82
- "8": 8,
83
- "9": 9
84
- );
85
-
86
- @return map.get($numbers, $value);
87
- }
package/src/_mixins.scss CHANGED
@@ -4,13 +4,13 @@
4
4
 
5
5
  @use "sass:meta";
6
6
  @use "sass:selector";
7
- @use "sass:string";
8
- @use "@unsass/utilities";
7
+ @use "@unsass/string";
8
+ @use "@unsass/types" as type;
9
9
  @use "./functions";
10
10
 
11
11
  ///
12
12
  /// @example - scss
13
- /// @include create("foo") {
13
+ /// @include selector.create("foo") {
14
14
  /// color: darkcyan;
15
15
  /// }
16
16
  ///
@@ -20,7 +20,7 @@
20
20
  /// }
21
21
  ///
22
22
  /// @example - scss
23
- /// @include create("foo", "md") {
23
+ /// @include selector.create("foo", "md") {
24
24
  /// color: darkcyan;
25
25
  /// }
26
26
  ///
@@ -30,7 +30,7 @@
30
30
  /// }
31
31
  ///
32
32
  /// @example - scss
33
- /// @include create("foo", $pseudo-class: "hover") {
33
+ /// @include selector.create("foo", $pseudo-class: "hover") {
34
34
  /// color: darkcyan;
35
35
  /// }
36
36
  ///
@@ -40,7 +40,7 @@
40
40
  /// }
41
41
  ///
42
42
  /// @example - scss
43
- /// @include create("foo", $pseudo-element: "before") {
43
+ /// @include selector.create("foo", $pseudo-element: "before") {
44
44
  /// color: darkcyan;
45
45
  /// }
46
46
  ///
@@ -58,8 +58,6 @@
58
58
  ///
59
59
  /// @see {function} functions.pseudo-class
60
60
  /// @see {function} functions.pseudo-element
61
- /// @see {function} functions.number
62
- /// @see {function} utilities.string-replace
63
61
  ///
64
62
  /// @access public
65
63
  ///
@@ -91,8 +89,8 @@
91
89
  ///
92
90
 
93
91
  @if $scope and not $suffix {
94
- @if meta.type-of(functions.number(string.slice($scope, 1, $end-at: 1))) == "number" {
95
- $scope: utilities.string-replace(\3 #{string.unquote($scope)}, " ");
92
+ @if type.is-number(string.to-number(string.slice($scope, 1, $end-at: 1))) {
93
+ $scope: string.replace(\3 #{string.unquote($scope)}, " ");
96
94
  }
97
95
 
98
96
  $selector: selector.append("#{$scope}\\#{$separator}", $selector);