@umbraco-ui/uui-checkbox 1.3.0-rc.0 → 1.3.0-rc.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 (2) hide show
  1. package/lib/index.js +17 -17
  2. package/package.json +6 -6
package/lib/index.js CHANGED
@@ -50,7 +50,7 @@ UUICheckboxElement.styles = [
50
50
  height: var(--uui-checkbox-size);
51
51
  border-radius: var(
52
52
  --uui-checkbox-border-radius,
53
- var(--uui-border-radius,var(--uui-size-1))
53
+ var(--uui-border-radius,3px)
54
54
  );
55
55
 
56
56
  color: var(--uui-toggle-color, var(--uui-color-selected-contrast,#fff));
@@ -69,7 +69,7 @@ UUICheckboxElement.styles = [
69
69
  );
70
70
  background-color: var(
71
71
  --uui-checkbox-background-color-hover,
72
- var(--uui-color-surface-emphasis,var(--uui-palette-white-dark))
72
+ var(--uui-color-surface-emphasis,rgb(250, 250, 250))
73
73
  );
74
74
  }
75
75
  label:focus #ticker {
@@ -79,17 +79,17 @@ UUICheckboxElement.styles = [
79
79
  );
80
80
  background-color: var(
81
81
  --uui-checkbox-background-color-focus,
82
- var(--uui-color-surface-emphasis,var(--uui-palette-white-dark))
82
+ var(--uui-color-surface-emphasis,rgb(250, 250, 250))
83
83
  );
84
84
  }
85
85
  input:checked:not([disabled]) + #ticker {
86
- border-color: var(--uui-color-selected,var(--uui-palette-violet-blue));
86
+ border-color: var(--uui-color-selected,#3544b1);
87
87
  }
88
88
  label:hover input:checked:not([disabled]) + #ticker {
89
- border-color: var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light));
89
+ border-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
90
90
  }
91
91
  label:focus input:checked + #ticker {
92
- border-color: var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light));
92
+ border-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
93
93
  }
94
94
 
95
95
  #icon-check {
@@ -111,15 +111,15 @@ UUICheckboxElement.styles = [
111
111
  bottom: 0;
112
112
  right: 0;
113
113
  border-radius: calc(
114
- var(--uui-checkbox-border-radius, var(--uui-border-radius,var(--uui-size-1))) * 0.5
114
+ var(--uui-checkbox-border-radius, var(--uui-border-radius,3px)) * 0.5
115
115
  );
116
- background-color: var(--uui-color-selected,var(--uui-palette-violet-blue));
116
+ background-color: var(--uui-color-selected,#3544b1);
117
117
  transition: transform 120ms ease, opacity 120ms, background-color 120ms;
118
118
  transform: scale(0);
119
119
  opacity: 0;
120
120
  }
121
121
  label:hover input:checked:not([disabled]) + #ticker::before {
122
- background-color: var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light));
122
+ background-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
123
123
  }
124
124
 
125
125
  input:checked + #ticker::before {
@@ -130,12 +130,12 @@ UUICheckboxElement.styles = [
130
130
  opacity: 1;
131
131
  }
132
132
  label:focus input:checked + #ticker {
133
- background-color: var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light));
133
+ background-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
134
134
  }
135
135
 
136
136
  input:focus + #ticker {
137
137
  outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
138
- var(--uui-color-focus,var(--uui-palette-malibu));
138
+ var(--uui-color-focus,#3879ff);
139
139
  }
140
140
 
141
141
  :host(:not([disabled])) label:active input:checked + #ticker::before {
@@ -152,26 +152,26 @@ UUICheckboxElement.styles = [
152
152
  :host(:not([pristine])[internals-invalid]) label:hover #ticker,
153
153
  :host(:not([pristine])[internals-invalid]) label:hover input:checked:not([disabled]) + #ticker,
154
154
  :host(:not([pristine])[internals-invalid]) label:focus input:checked + #ticker {
155
- border: 1px solid var(--uui-color-danger-standalone,var(--uui-palette-maroon-flush-dark));
155
+ border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
156
156
  }
157
157
 
158
158
  :host([disabled]) #ticker {
159
- background-color: var(--uui-color-disabled,var(--uui-palette-sand));
159
+ background-color: var(--uui-color-disabled,#f3f3f5);
160
160
  }
161
161
  :host([disabled]) input:checked + #ticker {
162
- background-color: var(--uui-color-disabled,var(--uui-palette-sand));
162
+ background-color: var(--uui-color-disabled,#f3f3f5);
163
163
  }
164
164
  :host([disabled]) #ticker::before {
165
- background-color: var(--uui-color-disabled,var(--uui-palette-sand));
165
+ background-color: var(--uui-color-disabled,#f3f3f5);
166
166
  }
167
167
  :host([disabled]) #ticker #icon-check {
168
- fill: var(--uui-color-disabled-contrast,var(--uui-palette-grey));
168
+ fill: var(--uui-color-disabled-contrast,#c4c4c4);
169
169
  }
170
170
  :host([disabled]) label:active #ticker {
171
171
  animation: ${UUIHorizontalShakeAnimationValue};
172
172
  }
173
173
  :host([disabled]) input:checked + #ticker #icon-check {
174
- fill: var(--uui-color-disabled-contrast,var(--uui-palette-grey));
174
+ fill: var(--uui-color-disabled-contrast,#c4c4c4);
175
175
  }
176
176
  `
177
177
  ];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umbraco-ui/uui-checkbox",
3
- "version": "1.3.0-rc.0",
3
+ "version": "1.3.0-rc.1",
4
4
  "license": "MIT",
5
5
  "keywords": [
6
6
  "Umbraco",
@@ -33,18 +33,18 @@
33
33
  "custom-elements.json"
34
34
  ],
35
35
  "dependencies": {
36
- "@umbraco-ui/uui-base": "1.3.0-rc.0",
37
- "@umbraco-ui/uui-boolean-input": "1.3.0-rc.0",
38
- "@umbraco-ui/uui-icon-registry-essential": "1.3.0-rc.0"
36
+ "@umbraco-ui/uui-base": "1.3.0-rc.1",
37
+ "@umbraco-ui/uui-boolean-input": "1.3.0-rc.1",
38
+ "@umbraco-ui/uui-icon-registry-essential": "1.3.0-rc.1"
39
39
  },
40
40
  "scripts": {
41
41
  "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
42
- "clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js custom-elements.json",
42
+ "clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js *.tgz lib/**/*.d.ts custom-elements.json",
43
43
  "analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json"
44
44
  },
45
45
  "publishConfig": {
46
46
  "access": "public"
47
47
  },
48
48
  "homepage": "https://uui.umbraco.com/?path=/story/uui-checkbox",
49
- "gitHead": "45c3824056586d9817efb3f61dc0bef5478747f0"
49
+ "gitHead": "0c517175884931aa0bc0d8f05974852a7704626e"
50
50
  }