@umbraco-ui/uui-toggle 1.3.0-rc.0 → 1.3.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 (2) hide show
  1. package/lib/index.js +14 -14
  2. package/package.json +5 -5
package/lib/index.js CHANGED
@@ -73,21 +73,21 @@ UUIToggleElement.styles = [
73
73
  label:focus #slider {
74
74
  border-color: var(
75
75
  --uui-toggle-border-color-focus,
76
- var(--uui-color-focus,var(--uui-palette-malibu))
76
+ var(--uui-color-focus,#3879ff)
77
77
  );
78
78
  background-color: var(
79
79
  --uui-toggle-background-color-focus,
80
- var(--uui-color-surface-emphasis,var(--uui-palette-white-dark))
80
+ var(--uui-color-surface-emphasis,rgb(250, 250, 250))
81
81
  );
82
82
  }
83
83
  input:checked ~ #slider {
84
- background-color: var(--uui-color-selected,var(--uui-palette-violet-blue));
84
+ background-color: var(--uui-color-selected,#3544b1);
85
85
  }
86
86
  label:hover input:checked:not([disabled]) ~ #slider {
87
- background-color: var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light));
87
+ background-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
88
88
  }
89
89
  label:focus input:checked ~ #slider {
90
- background-color: var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light));
90
+ background-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
91
91
  }
92
92
 
93
93
  #icon-check,
@@ -103,13 +103,13 @@ UUIToggleElement.styles = [
103
103
  #icon-check {
104
104
  margin-left: -0.5em;
105
105
  left: calc(var(--uui-toggle-size) * 0.5);
106
- fill: var(--uui-color-interactive,var(--uui-palette-space-cadet));
106
+ fill: var(--uui-color-interactive,#1b264f);
107
107
  }
108
108
 
109
109
  #icon-wrong {
110
110
  margin-right: -0.5em;
111
111
  right: calc(var(--uui-toggle-size) * 0.5);
112
- fill: var(--uui-color-interactive,var(--uui-palette-space-cadet));
112
+ fill: var(--uui-color-interactive,#1b264f);
113
113
  }
114
114
  input:checked ~ #slider #icon-check {
115
115
  fill: var(--uui-color-selected-contrast,#fff);
@@ -135,7 +135,7 @@ UUIToggleElement.styles = [
135
135
 
136
136
  input:focus ~ #slider {
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 #slider::after {
@@ -144,22 +144,22 @@ UUIToggleElement.styles = [
144
144
  }
145
145
 
146
146
  :host([disabled]) #slider {
147
- background-color: var(--uui-color-disabled-standalone,var(--uui-palette-sand-dark));
147
+ background-color: var(--uui-color-disabled-standalone,rgb(226, 226, 226));
148
148
  }
149
149
  :host([disabled]) input:checked ~ #slider {
150
- background-color: var(--uui-color-disabled-contrast,var(--uui-palette-grey));
150
+ background-color: var(--uui-color-disabled-contrast,#c4c4c4);
151
151
  }
152
152
  :host([disabled]) #slider::after {
153
- background-color: var(--uui-color-disabled,var(--uui-palette-sand));
153
+ background-color: var(--uui-color-disabled,#f3f3f5);
154
154
  }
155
155
  :host([disabled]) #slider #icon-wrong {
156
- fill: var(--uui-color-disabled-contrast,var(--uui-palette-grey));
156
+ fill: var(--uui-color-disabled-contrast,#c4c4c4);
157
157
  }
158
158
  :host([disabled]) label:active #slider {
159
159
  animation: ${UUIHorizontalShakeAnimationValue};
160
160
  }
161
161
  :host([disabled]) input:checked #slider #icon-check {
162
- fill: var(--uui-color-disabled-contrast,var(--uui-palette-grey));
162
+ fill: var(--uui-color-disabled-contrast,#c4c4c4);
163
163
  }
164
164
 
165
165
  :host(:not([pristine]):invalid) #slider,
@@ -167,7 +167,7 @@ UUIToggleElement.styles = [
167
167
  /* polyfill support */
168
168
  :host(:not([pristine])[internals-invalid]) #slider,
169
169
  :host(:not([pristine])[internals-invalid]) label:hover #slider {
170
- border: 1px solid var(--uui-color-danger-standalone,var(--uui-palette-maroon-flush-dark));
170
+ border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
171
171
  }
172
172
  `
173
173
  ];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umbraco-ui/uui-toggle",
3
- "version": "1.3.0-rc.0",
3
+ "version": "1.3.0",
4
4
  "license": "MIT",
5
5
  "keywords": [
6
6
  "Umbraco",
@@ -30,17 +30,17 @@
30
30
  "custom-elements.json"
31
31
  ],
32
32
  "dependencies": {
33
- "@umbraco-ui/uui-base": "1.3.0-rc.0",
34
- "@umbraco-ui/uui-boolean-input": "1.3.0-rc.0"
33
+ "@umbraco-ui/uui-base": "1.3.0",
34
+ "@umbraco-ui/uui-boolean-input": "1.3.0"
35
35
  },
36
36
  "scripts": {
37
37
  "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
38
- "clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js custom-elements.json",
38
+ "clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js *.tgz lib/**/*.d.ts custom-elements.json",
39
39
  "analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json"
40
40
  },
41
41
  "publishConfig": {
42
42
  "access": "public"
43
43
  },
44
44
  "homepage": "https://uui.umbraco.com/?path=/story/uui-toggle",
45
- "gitHead": "45c3824056586d9817efb3f61dc0bef5478747f0"
45
+ "gitHead": "e662ac3be21cef08076d1dbb978748c2dd30e596"
46
46
  }