@umbraco-ui/uui-card 0.2.1 → 1.0.0-alpha.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 +7 -8
  2. package/package.json +3 -3
package/lib/index.js CHANGED
@@ -52,19 +52,19 @@ UUICardElement.styles = [
52
52
  box-shadow: var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,0.12) , 0 1px 2px rgba(0,0,0,0.24));
53
53
  border-radius: var(--uui-border-radius,3px);
54
54
  min-height: var(--uui-layout-medium);
55
- background-color: var(--uui-interface-surface,#fefefe);
55
+ background-color: var(--uui-color-surface,#fff);
56
56
  --uui-card-border-width: 3px;
57
57
  transition: box-shadow 100ms ease-out;
58
58
  }
59
59
 
60
60
  :host(*) * {
61
61
  /* TODO: implement globally shared outline style */
62
- outline-color: var(--uui-interface-outline,#3879ff);
62
+ outline-color: var(--uui-color-focus,#3879ff);
63
63
  outline-offset: 4px;
64
64
  }
65
65
 
66
66
  :host(:focus) {
67
- outline-color: var(--uui-interface-outline,#3879ff);
67
+ outline-color: var(--uui-color-focus,#3879ff);
68
68
  outline-width: var(--uui-card-border-width);
69
69
  outline-style: solid;
70
70
  outline-offset: var(--uui-card-border-width);
@@ -79,8 +79,7 @@ UUICardElement.styles = [
79
79
  height: 100%;
80
80
  z-index: 1;
81
81
  box-sizing: border-box;
82
- border: var(--uui-card-border-width) solid
83
- var(--uui-look-danger-border, #d42054);
82
+ border: var(--uui-card-border-width) solid var(--uui-color-danger,#d42054);
84
83
  border-radius: var(--uui-border-radius,3px);
85
84
  }
86
85
 
@@ -89,8 +88,8 @@ UUICardElement.styles = [
89
88
  }
90
89
 
91
90
  :host([disabled]) {
92
- background: var(--uui-interface-surface-disabled,rgb(228, 228, 228));
93
- color: var(--uui-interface-contrast-disabled,rgb(115, 113, 110));
91
+ background: var(--uui-color-disabled,#f3f3f5);
92
+ color: var(--uui-color-disabled-contrast,#c4c4c4);
94
93
  }
95
94
 
96
95
  :host([selectable])::after {
@@ -101,7 +100,7 @@ UUICardElement.styles = [
101
100
  width: calc(100% + calc(var(--uui-card-border-width) * 2));
102
101
  height: calc(100% + calc(var(--uui-card-border-width) * 2));
103
102
  box-sizing: border-box;
104
- border: var(--uui-card-border-width) solid var(--uui-interface-select,#3544b1);
103
+ border: var(--uui-card-border-width) solid var(--uui-color-selected,#3544b1);
105
104
  border-radius: calc(
106
105
  var(--uui-border-radius,3px) + var(--uui-card-border-width)
107
106
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umbraco-ui/uui-card",
3
- "version": "0.2.1",
3
+ "version": "1.0.0-alpha.0",
4
4
  "license": "MIT",
5
5
  "keywords": [
6
6
  "Umbraco",
@@ -30,7 +30,7 @@
30
30
  "custom-elements.json"
31
31
  ],
32
32
  "dependencies": {
33
- "@umbraco-ui/uui-base": "0.2.1"
33
+ "@umbraco-ui/uui-base": "1.0.0-alpha.0"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
@@ -41,5 +41,5 @@
41
41
  "access": "public"
42
42
  },
43
43
  "homepage": "https://uui.umbraco.com/?path=/story/uui-card",
44
- "gitHead": "cb61546f85d6c2f122fa8c130409507e8def4bd5"
44
+ "gitHead": "7d7608bf2fb63a8a077fcd8f0346dea73584b878"
45
45
  }