@projectcaluma/ember-form 11.2.1 → 12.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. package/app/styles/@projectcaluma/ember-form.scss +0 -3
  2. package/app/styles/_cf-navigation.scss +11 -9
  3. package/app/styles/_flatpickr.scss +4 -2
  4. package/app/styles/_uikit-overwrites.scss +15 -17
  5. package/package.json +19 -19
package/app/styles/@projectcaluma/ember-form.scss CHANGED
@@ -1,10 +1,7 @@
1
1
  @import "ember-uikit/variables-theme";
2
-
3
2
  @import "../cf-field";
4
3
  @import "../cf-navigation";
5
-
6
4
  @import "../flatpickr";
7
-
8
5
  @import "../uikit-overwrites";
9
6
 
10
7
  .table-controls > .uk-icon {
package/app/styles/_cf-navigation.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "sass:color";
2
+
1
3
  $icon-size: 0.8rem !default;
2
4
 
3
5
  .cf-navigation {
@@ -13,9 +15,8 @@ $icon-size: 0.8rem !default;
13
15
  position: relative;
14
16
  height: $icon-size;
15
17
  width: $icon-size;
16
- color: darken($global-border, 40%);
17
- border: 1px solid darken($global-border, 10%);
18
-
18
+ color: color.adjust($global-border, $lightness: -40%);
19
+ border: 1px solid color.adjust($global-border, $lightness: -10%);
19
20
  transition: color 500ms ease, border 500ms ease;
20
21
 
21
22
  &::before {
@@ -36,6 +37,7 @@ $icon-size: 0.8rem !default;
36
37
  &--in-progress::before {
37
38
  content: "?";
38
39
  }
40
+
39
41
  &--valid::before {
40
42
  content: "✓";
41
43
  }
@@ -48,16 +50,16 @@ $icon-size: 0.8rem !default;
48
50
  }
49
51
 
50
52
  .cf-navigation__item__icon--in-progress.cf-navigation__item__icon--dirty {
51
- color: darken($global-warning-background, 20%);
52
- border-color: lighten($global-warning-background, 10%);
53
+ color: color.adjust($global-warning-background, $lightness: -20%);
54
+ border-color: color.adjust($global-warning-background, $lightness: 10%);
53
55
  }
54
56
 
55
57
  .cf-navigation__item__icon--valid.cf-navigation__item__icon--dirty {
56
- color: darken($global-success-background, 20%);
57
- border-color: lighten($global-success-background, 10%);
58
+ color: color.adjust($global-success-background, $lightness: -20%);
59
+ border-color: color.adjust($global-success-background, $lightness: 10%);
58
60
  }
59
61
 
60
62
  .cf-navigation__item__icon--invalid.cf-navigation__item__icon--dirty {
61
- color: darken($global-danger-background, 20%);
62
- border-color: lighten($global-danger-background, 10%);
63
+ color: color.adjust($global-danger-background, $lightness: -20%);
64
+ border-color: color.adjust($global-danger-background, $lightness: 10%);
63
65
  }
package/app/styles/_flatpickr.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "sass:color";
2
+
1
3
  $flatpickr-today-color: $global-warning-background;
2
4
  $flatpickr-selected-color: $global-primary-background;
3
5
 
@@ -19,8 +21,8 @@ span.flatpickr-day {
19
21
  font-weight: 700;
20
22
 
21
23
  &:hover {
22
- background: darken($flatpickr-selected-color, 10%);
23
- border-color: darken($flatpickr-selected-color, 10%);
24
+ background: color.adjust($flatpickr-selected-color, $lightness: -10%);
25
+ border-color: color.adjust($flatpickr-selected-color, $lightness: -10%);
24
26
  }
25
27
  }
26
28
  }
package/app/styles/_uikit-overwrites.scss CHANGED
@@ -1,27 +1,23 @@
1
- // UIkit overwrites
2
- // ----------------
3
- // These styles amend UIkit so that disabled form elements can be styled as
4
- // disabled with a class instead of just by the element's disabled property.
5
- //
6
- // There is an open pull request upstream:
7
- // https://github.com/uikit/uikit/pull/3990
8
-
9
- .uk-radio.uk-disabled,
10
- .uk-checkbox.uk-disabled {
11
- cursor: default;
12
- }
1
+ /* UIkit overwrites
2
+ * ----------------
3
+ * These styles amend UIkit so that disabled form elements can be styled as
4
+ * disabled with a class instead of just by the element's disabled property.
5
+ *
6
+ * There is an open pull request upstream:
7
+ * https://github.com/uikit/uikit/pull/3990 */
13
8
 
14
9
  .uk-input.uk-disabled,
15
10
  .uk-select.uk-disabled,
16
11
  .uk-textarea.uk-disabled {
17
12
  background-color: $form-disabled-background;
18
13
  color: $form-disabled-color;
19
- @if (mixin-exists(hook-form-disabled)) {
20
- @include hook-form-disabled();
14
+
15
+ @if mixin-exists(hook-form-disabled) {
16
+ @include hook-form-disabled;
21
17
  }
22
18
  }
23
19
 
24
- .uk-select:not([multiple]):not([size]).uk-disabled {
20
+ .uk-select:not([multiple], [size]).uk-disabled {
25
21
  @include svg-fill(
26
22
  $internal-form-select-image,
27
23
  "#000",
@@ -31,9 +27,11 @@
31
27
 
32
28
  .uk-radio.uk-disabled,
33
29
  .uk-checkbox.uk-disabled {
30
+ cursor: default;
34
31
  background-color: $form-radio-disabled-background;
35
- @if (mixin-exists(hook-form-radio-disabled)) {
36
- @include hook-form-radio-disabled();
32
+
33
+ @if mixin-exists(hook-form-radio-disabled) {
34
+ @include hook-form-radio-disabled;
37
35
  }
38
36
  }
39
37
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@projectcaluma/ember-form",
3
- "version": "11.2.1",
3
+ "version": "12.0.1",
4
4
  "description": "Ember addon for rendering Caluma forms.",
5
5
  "keywords": [
6
6
  "ember-addon"
@@ -9,9 +9,9 @@
9
9
  "homepage": "https://docs.caluma.io/ember-caluma",
10
10
  "repository": "github:projectcaluma/ember-caluma",
11
11
  "dependencies": {
12
- "@ember/string": "^3.0.1",
13
- "@embroider/macros": "^1.10.0",
14
- "@embroider/util": "^1.10.0",
12
+ "@ember/string": "^3.1.1",
13
+ "@embroider/macros": "^1.11.1",
14
+ "@embroider/util": "^1.11.1",
15
15
  "@glimmer/component": "^1.1.2",
16
16
  "@glimmer/tracking": "^1.1.2",
17
17
  "ember-apollo-client": "~4.0.2",
@@ -29,31 +29,31 @@
29
29
  "ember-math-helpers": "^3.0.0",
30
30
  "ember-power-select": "^7.0.0",
31
31
  "ember-resources": "^5.6.4",
32
- "ember-uikit": "^7.0.3",
32
+ "ember-uikit": "^8.0.0",
33
33
  "ember-validators": "^4.1.2",
34
34
  "graphql": "^15.8.0",
35
35
  "jexl": "^2.3.0",
36
36
  "lodash.isequal": "^4.5.0",
37
37
  "luxon": "^3.3.0",
38
38
  "tracked-toolbox": "^2.0.0",
39
- "@projectcaluma/ember-core": "^11.2.1"
39
+ "@projectcaluma/ember-core": "^12.0.1"
40
40
  },
41
41
  "devDependencies": {
42
42
  "@ember/optional-features": "2.0.0",
43
- "@ember/test-helpers": "2.9.3",
44
- "@embroider/test-setup": "2.1.1",
45
- "@faker-js/faker": "7.6.0",
43
+ "@ember/test-helpers": "3.1.0",
44
+ "@embroider/test-setup": "3.0.1",
45
+ "@faker-js/faker": "8.0.2",
46
46
  "broccoli-asset-rev": "3.0.0",
47
- "ember-cli": "4.11.0",
47
+ "ember-cli": "4.12.1",
48
48
  "ember-cli-code-coverage": "2.0.0",
49
- "ember-cli-dependency-checker": "3.3.1",
49
+ "ember-cli-dependency-checker": "3.3.2",
50
50
  "ember-cli-inject-live-reload": "2.1.0",
51
51
  "ember-cli-mirage": "3.0.0-alpha.3",
52
52
  "ember-cli-sri": "2.1.1",
53
53
  "ember-cli-terser": "4.0.2",
54
54
  "ember-load-initializers": "2.1.2",
55
- "ember-qunit": "6.2.0",
56
- "ember-resolver": "10.0.0",
55
+ "ember-qunit": "7.0.0",
56
+ "ember-resolver": "10.1.1",
57
57
  "ember-source": "4.12.0",
58
58
  "ember-source-channel-url": "3.0.0",
59
59
  "ember-try": "2.0.0",
@@ -61,15 +61,15 @@
61
61
  "miragejs": "0.1.47",
62
62
  "qunit": "2.19.4",
63
63
  "qunit-dom": "2.0.0",
64
- "uikit": "3.16.15",
64
+ "uikit": "3.16.21",
65
65
  "uuid": "9.0.0",
66
- "webpack": "5.80.0",
67
- "@projectcaluma/ember-testing": "11.2.1",
68
- "@projectcaluma/ember-workflow": "11.2.1"
66
+ "webpack": "5.87.0",
67
+ "@projectcaluma/ember-testing": "12.0.1",
68
+ "@projectcaluma/ember-workflow": "12.0.1"
69
69
  },
70
70
  "peerDependencies": {
71
- "ember-source": "^3.28.0 || ^4.0.0",
72
- "@projectcaluma/ember-workflow": "^11.2.1"
71
+ "ember-source": "^4.0.0",
72
+ "@projectcaluma/ember-workflow": "^12.0.1"
73
73
  },
74
74
  "peerDependenciesMeta": {
75
75
  "@projectcaluma/ember-workflow": {