@volue/design-elevation 0.2.0-next.16 → 0.2.0-next.19

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 (12) hide show
  1. package/dist/elevation.map.scss +1 -1
  2. package/dist/index.common.d.ts +1 -1
  3. package/dist/index.common.js +1 -1
  4. package/dist/index.cssmodules.css +1 -1
  5. package/dist/index.custom-properties.css +1 -1
  6. package/dist/index.html +2 -2
  7. package/dist/index.json +1 -1
  8. package/dist/index.module.d.ts +1 -1
  9. package/dist/index.module.js +1 -1
  10. package/dist/index.scss +1 -1
  11. package/package.json +4 -4
  12. package/src/_aliases.yml +1 -1
package/dist/elevation.map.scss CHANGED
@@ -3,5 +3,5 @@ $elevation-map: (
3
3
  'elevation-xs': (0 0.1px 0.3px hsla(var(--shadow-color, 0, 0%, 50%), 0.14), 0 1px 2px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)),
4
4
  'elevation-s': (0 0.3px 0.4px hsla(var(--shadow-color, 0, 0%, 50%), 0.05), 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.1), 0 3.5px 6px hsla(var(--shadow-color, 0, 0%, 50%), 0.2)),
5
5
  'elevation-m': (0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.06), 0 3.1px 5.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.16), 0 14px 25px hsla(var(--shadow-color, 0, 0%, 50%), 0.24)),
6
- 'elevation-l': (0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 30px 42px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.3)),
6
+ 'elevation-l': (0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)),
7
7
  );
package/dist/index.common.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export declare const elevationXs = "0 0.1px 0.3px hsla(var(--shadow-color, 0, 0%, 50%), 0.14), 0 1px 2px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)";
2
2
  export declare const elevationS = "0 0.3px 0.4px hsla(var(--shadow-color, 0, 0%, 50%), 0.05), 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.1), 0 3.5px 6px hsla(var(--shadow-color, 0, 0%, 50%), 0.2)";
3
3
  export declare const elevationM = "0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.06), 0 3.1px 5.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.16), 0 14px 25px hsla(var(--shadow-color, 0, 0%, 50%), 0.24)";
4
- export declare const elevationL = "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 30px 42px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.3)";
4
+ export declare const elevationL = "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)";
package/dist/index.common.js CHANGED
@@ -2,5 +2,5 @@ module.exports = {
2
2
  elevationXs: "0 0.1px 0.3px hsla(var(--shadow-color, 0, 0%, 50%), 0.14), 0 1px 2px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)",
3
3
  elevationS: "0 0.3px 0.4px hsla(var(--shadow-color, 0, 0%, 50%), 0.05), 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.1), 0 3.5px 6px hsla(var(--shadow-color, 0, 0%, 50%), 0.2)",
4
4
  elevationM: "0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.06), 0 3.1px 5.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.16), 0 14px 25px hsla(var(--shadow-color, 0, 0%, 50%), 0.24)",
5
- elevationL: "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 30px 42px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.3)",
5
+ elevationL: "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)",
6
6
  };
package/dist/index.cssmodules.css CHANGED
@@ -2,4 +2,4 @@
2
2
  @value elevation-xs: 0 0.1px 0.3px hsla(var(--shadow-color, 0, 0%, 50%), 0.14), 0 1px 2px hsla(var(--shadow-color, 0, 0%, 50%), 0.28);
3
3
  @value elevation-s: 0 0.3px 0.4px hsla(var(--shadow-color, 0, 0%, 50%), 0.05), 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.1), 0 3.5px 6px hsla(var(--shadow-color, 0, 0%, 50%), 0.2);
4
4
  @value elevation-m: 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.06), 0 3.1px 5.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.16), 0 14px 25px hsla(var(--shadow-color, 0, 0%, 50%), 0.24);
5
- @value elevation-l: 0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 30px 42px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.3);
5
+ @value elevation-l: 0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28);
package/dist/index.custom-properties.css CHANGED
@@ -3,5 +3,5 @@
3
3
  --elevation-xs: 0 0.1px 0.3px hsla(var(--shadow-color, 0, 0%, 50%), 0.14), 0 1px 2px hsla(var(--shadow-color, 0, 0%, 50%), 0.28);
4
4
  --elevation-s: 0 0.3px 0.4px hsla(var(--shadow-color, 0, 0%, 50%), 0.05), 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.1), 0 3.5px 6px hsla(var(--shadow-color, 0, 0%, 50%), 0.2);
5
5
  --elevation-m: 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.06), 0 3.1px 5.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.16), 0 14px 25px hsla(var(--shadow-color, 0, 0%, 50%), 0.24);
6
- --elevation-l: 0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 30px 42px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.3);
6
+ --elevation-l: 0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28);
7
7
  }
package/dist/index.html CHANGED
@@ -182,9 +182,9 @@
182
182
  <code>elevationL</code>
183
183
  </th>
184
184
  <td>
185
- <code>0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 30px 42px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.3)</code>
185
+ <code>0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)</code>
186
186
  </td>
187
- <td style="box-shadow: 0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 30px 42px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.3);"></td>
187
+ <td style="box-shadow: 0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28);"></td>
188
188
  <td></td>
189
189
  </tr>
190
190
  </tbody>
package/dist/index.json CHANGED
@@ -2,5 +2,5 @@
2
2
  "ELEVATION_XS": "0 0.1px 0.3px hsla(var(--shadow-color, 0, 0%, 50%), 0.14), 0 1px 2px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)",
3
3
  "ELEVATION_S": "0 0.3px 0.4px hsla(var(--shadow-color, 0, 0%, 50%), 0.05), 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.1), 0 3.5px 6px hsla(var(--shadow-color, 0, 0%, 50%), 0.2)",
4
4
  "ELEVATION_M": "0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.06), 0 3.1px 5.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.16), 0 14px 25px hsla(var(--shadow-color, 0, 0%, 50%), 0.24)",
5
- "ELEVATION_L": "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 30px 42px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.3)"
5
+ "ELEVATION_L": "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)"
6
6
  }
package/dist/index.module.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export declare const elevationXs = "0 0.1px 0.3px hsla(var(--shadow-color, 0, 0%, 50%), 0.14), 0 1px 2px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)";
2
2
  export declare const elevationS = "0 0.3px 0.4px hsla(var(--shadow-color, 0, 0%, 50%), 0.05), 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.1), 0 3.5px 6px hsla(var(--shadow-color, 0, 0%, 50%), 0.2)";
3
3
  export declare const elevationM = "0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.06), 0 3.1px 5.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.16), 0 14px 25px hsla(var(--shadow-color, 0, 0%, 50%), 0.24)";
4
- export declare const elevationL = "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 30px 42px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.3)";
4
+ export declare const elevationL = "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)";
package/dist/index.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export const elevationXs = "0 0.1px 0.3px hsla(var(--shadow-color, 0, 0%, 50%), 0.14), 0 1px 2px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)";
2
2
  export const elevationS = "0 0.3px 0.4px hsla(var(--shadow-color, 0, 0%, 50%), 0.05), 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.1), 0 3.5px 6px hsla(var(--shadow-color, 0, 0%, 50%), 0.2)";
3
3
  export const elevationM = "0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.06), 0 3.1px 5.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.16), 0 14px 25px hsla(var(--shadow-color, 0, 0%, 50%), 0.24)";
4
- export const elevationL = "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 30px 42px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.3)";
4
+ export const elevationL = "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)";
package/dist/index.scss CHANGED
@@ -2,4 +2,4 @@
2
2
  $elevation-xs: 0 0.1px 0.3px hsla(var(--shadow-color, 0, 0%, 50%), 0.14), 0 1px 2px hsla(var(--shadow-color, 0, 0%, 50%), 0.28);
3
3
  $elevation-s: 0 0.3px 0.4px hsla(var(--shadow-color, 0, 0%, 50%), 0.05), 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.1), 0 3.5px 6px hsla(var(--shadow-color, 0, 0%, 50%), 0.2);
4
4
  $elevation-m: 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.06), 0 3.1px 5.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.16), 0 14px 25px hsla(var(--shadow-color, 0, 0%, 50%), 0.24);
5
- $elevation-l: 0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 30px 42px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.3);
5
+ $elevation-l: 0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28);
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@volue/design-elevation",
3
- "version": "0.2.0-next.16",
3
+ "version": "0.2.0-next.19",
4
4
  "description": "Shadow/elevation primitives for Volue design primitives",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {
7
7
  "type": "git",
8
- "url": "https://github.com/PowelAS/wave",
8
+ "url": "https://github.com/Volue/wave",
9
9
  "directory": "design-primitives/design-elevation"
10
10
  },
11
11
  "publishConfig": {
@@ -33,7 +33,7 @@
33
33
  "prepack": "yarn run build"
34
34
  },
35
35
  "devDependencies": {
36
- "eslint": "8.14.0",
36
+ "eslint": "8.15.0",
37
37
  "eslint-config-powel": "14.2.1",
38
38
  "eslint-import-resolver-node": "0.3.6",
39
39
  "eslint-plugin-import": "2.26.0",
@@ -41,6 +41,6 @@
41
41
  "prettier": "2.6.2",
42
42
  "rimraf": "3.0.2",
43
43
  "theo": "8.1.5",
44
- "typescript": "4.6.3"
44
+ "typescript": "4.6.4"
45
45
  }
46
46
  }
package/src/_aliases.yml CHANGED
@@ -15,4 +15,4 @@ aliases:
15
15
  0 1.2px 1.9px -1px hsla(var(--shadow-color, {!SHADOW_COLOR}), 0.028),
16
16
  0 3.3px 5.3px -1px hsla(var(--shadow-color, {!SHADOW_COLOR}), 0.076),
17
17
  0 8.5px 12.7px -1px hsla(var(--shadow-color, {!SHADOW_COLOR}), 0.17),
18
- 0 30px 42px -1px hsla(var(--shadow-color, {!SHADOW_COLOR}), 0.3)
18
+ 0 28px 40px -1px hsla(var(--shadow-color, {!SHADOW_COLOR}), 0.28)