@uqds/form 0.1.3 → 0.1.4-alpha.1

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 (7) hide show
  1. package/package.json +4 -13
  2. package/src/scss/_component.scss +2 -2
  3. package/src/images/form-checkbox-check.svg +0 -3
  4. package/src/images/form-chevron-down.svg +0 -3
  5. package/src/images/form-error.svg +0 -1
  6. package/src/images/form-success.svg +0 -1
  7. package/src/scss/_icons.scss +0 -42
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uqds/form",
3
- "version": "0.1.3",
3
+ "version": "0.1.4-alpha.1",
4
4
  "description": "Form element style rules",
5
5
  "keywords": [
6
6
  "uqds",
@@ -42,17 +42,8 @@
42
42
  "url": "https://github.com/uq-its-ss/design-system/issues"
43
43
  },
44
44
  "dependencies": {
45
- "@uqds/core": "^1.2.3",
46
- "@uqds/icon": "^0.0.18"
45
+ "@uqds/core": "^1.2.4-alpha.0",
46
+ "@uqds/icon": "^0.0.19-alpha.1"
47
47
  },
48
- "devDependencies": {
49
- "@svgdotjs/svg.js": "^3.0.16",
50
- "chalk": "^4.1.0",
51
- "glob": "^7.1.6",
52
- "js-yaml": "^3.14.0",
53
- "mini-svg-data-uri": "^1.2.3",
54
- "svgdom": "0.1.14",
55
- "svgo": "^1.3.2"
56
- },
57
- "gitHead": "8ca40daf42fddca0c313238335e29ea437d2db0b"
48
+ "gitHead": "63ecc577f4c2cd3cecc99ba7990d6aec117eeaad"
58
49
  }
package/src/scss/_component.scss CHANGED
@@ -1,7 +1,6 @@
1
1
  @use "@uqds/core/src/scss/global" as core;
2
2
  @use "@uqds/icon/src/scss/global" as icon;
3
3
  @use "global" as *;
4
- @use "icons" as *;
5
4
 
6
5
  $use-encapsulation: false !default;
7
6
 
@@ -200,7 +199,8 @@ $use-encapsulation: false !default;
200
199
 
201
200
  &:focus {
202
201
  border-color: core.$utility-500;
203
- box-shadow: 0 2px 0 0 core.$utility-500,
202
+ box-shadow:
203
+ 0 2px 0 0 core.$utility-500,
204
204
  0 0 0 1px core.$utility-500 inset;
205
205
  }
206
206
  }
package/src/images/form-checkbox-check.svg DELETED
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
2
- <path d="M5.6 9.6L2.4 6.4 0 8.8l5.6 5.6L16 4l-2.4-2.4z" />
3
- </svg>
package/src/images/form-chevron-down.svg DELETED
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
2
- <path d="M14.285 5.145l-6 6.167a.41.41 0 01-.598 0L1.715 5.145" fill="none" stroke="#000" stroke-width=".75" stroke-linecap="round" stroke-linejoin="round"/>
3
- </svg>
package/src/images/form-error.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 140 140" width="140" height="140"><g transform="matrix(10,0,0,10,0,0)"><path d="M13.842,11.829l-5.5-11a1.5,1.5,0,0,0-2.684,0l-5.5,11A1.5,1.5,0,0,0,1.5,14h11a1.5,1.5,0,0,0,1.342-2.171ZM6.25,5a.75.75,0,0,1,1.5,0V8a.75.75,0,0,1-1.5,0ZM7,12a1,1,0,1,1,1-1A1,1,0,0,1,7,12Z" fill="#000000" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path></g></svg>
package/src/images/form-success.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 140 140" width="140" height="140"><g transform="matrix(10,0,0,10,0,0)"><path d="M7,0a7,7,0,1,0,7,7A7.008,7.008,0,0,0,7,0Zm3.6,5.9L6.624,9.874a1,1,0,0,1-1.415,0L3.4,8.068A1,1,0,0,1,4.818,6.654l1.1,1.1L9.182,4.487A1,1,0,0,1,10.6,5.9Z" fill="#000000" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path></g></svg>
package/src/scss/_icons.scss DELETED
@@ -1,42 +0,0 @@
1
- $-icons: (
2
- "form-checkbox-check":
3
- "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='~~COLOR~~'%3e%3cpath d='M5.6 9.6L2.4 6.4 0 8.8l5.6 5.6L16 4l-2.4-2.4z'%3e%3c/path%3e%3c/svg%3e",
4
- "form-chevron-down":
5
- "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='~~COLOR~~'%3e%3cpath d='M14.285 5.145l-6 6.167a.41.41 0 01-.598 0L1.715 5.145' fill='none' stroke='~~COLOR~~' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e",
6
- "form-error":
7
- "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140' width='140' height='140' fill='~~COLOR~~'%3e%3cpath d='M138.42 118.29l-55-110a15 15 0 00-26.84 0l-55 110A15 15 0 0015 140h110a15 15 0 0013.42-21.71zM62.5 50a7.5 7.5 0 0115 0v30a7.5 7.5 0 01-15 0zm7.5 70a10 10 0 1110-10 10 10 0 01-10 10z'%3e%3c/path%3e%3c/svg%3e",
8
- "form-success":
9
- "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140' width='140' height='140' fill='~~COLOR~~'%3e%3cpath d='M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm36 59L66.24 98.74a10 10 0 01-14.15 0L34 80.68a10.013 10.013 0 0114.18-14.14l11 11 32.64-32.67A10.01 10.01 0 01106 59z'%3e%3c/path%3e%3c/svg%3e",
10
- );
11
-
12
- @function -str-replace($string, $search, $replace: "") {
13
- $index: str-index($string, $search);
14
-
15
- @if $index {
16
- @return str-slice($string, 1, $index - 1) + $replace +
17
- -str-replace(
18
- str-slice($string, $index + str-length($search)),
19
- $search,
20
- $replace
21
- );
22
- }
23
-
24
- @return $string;
25
- }
26
-
27
- @function get-icon($icon, $color: #2b2b2b) {
28
- @if type-of($color) != "color" and $color != "none" {
29
- @warn 'The requested color - "' + $color + '" - was not recognized as a Sass color value.';
30
- @return null;
31
- }
32
-
33
- @if map-has-key($-icons, $icon) {
34
- $icon: map-get($-icons, $icon);
35
- $data-uri: -str-replace($icon, "~~COLOR~~", $color);
36
-
37
- @return -str-replace($data-uri, "#", "%23");
38
- }
39
-
40
- @warn 'The requested icon - "' + $icon + '" - is not defined in the $icons map.';
41
- @return null;
42
- }