@umbraco-ui/uui-ref-node 1.12.2 → 1.13.0-rc.2

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 -12
  2. package/package.json +5 -5
package/lib/index.js CHANGED
@@ -72,7 +72,7 @@ renderFallbackIcon_fn = function() {
72
72
  };
73
73
  renderContent_fn = function() {
74
74
  return html`
75
- <span id="content">
75
+ <span id="content" class="uui-text">
76
76
  <span id="icon">
77
77
  <slot name="icon" @slotchange=${__privateMethod(this, _UUIRefNodeElement_instances, onSlotIconChange_fn)}></slot>
78
78
  ${this._iconSlotHasContent === false ? __privateMethod(this, _UUIRefNodeElement_instances, renderFallbackIcon_fn).call(this) : ""}
@@ -87,6 +87,7 @@ renderContent_fn = function() {
87
87
  renderLink_fn = function() {
88
88
  return html`<a
89
89
  id="open-part"
90
+ class="uui-text"
90
91
  tabindex=${this.disabled ? nothing : "0"}
91
92
  href=${ifDefined(!this.disabled ? this.href : void 0)}
92
93
  target=${ifDefined(this.target || void 0)}
@@ -103,6 +104,7 @@ renderButton_fn = function() {
103
104
  <button
104
105
  type="button"
105
106
  id="open-part"
107
+ class="uui-text"
106
108
  tabindex="0"
107
109
  @click=${this.handleOpenClick}
108
110
  @keydown=${this.handleOpenKeydown}
@@ -127,27 +129,27 @@ UUIRefNodeElement.styles = [
127
129
  }
128
130
 
129
131
  #content {
130
- align-self: stretch;
131
- line-height: normal;
132
132
  display: flex;
133
- position: relative;
134
133
  align-items: center;
134
+ justify-content: center;
135
+ line-height: 1.2em;
136
+ padding: calc(var(--uui-size-2,6px));
135
137
  }
136
138
 
137
139
  #open-part {
138
140
  color: inherit;
139
141
  text-decoration: none;
140
142
  cursor: pointer;
141
- align-self: stretch;
142
143
  display: flex;
143
144
  flex-grow: 1;
144
- padding: calc(var(--uui-size-2,6px));
145
145
  }
146
146
 
147
147
  #icon {
148
148
  font-size: 1.2em;
149
- margin-left: var(--uui-size-2,6px);
150
149
  margin-right: var(--uui-size-1,3px);
150
+ display: flex;
151
+ align-items: center;
152
+ justify-content: center;
151
153
  }
152
154
 
153
155
  #info {
@@ -159,18 +161,18 @@ UUIRefNodeElement.styles = [
159
161
  padding-left: var(--uui-size-2,6px);
160
162
  }
161
163
 
162
- #name {
163
- font-weight: 700;
164
- }
165
-
166
164
  #detail {
167
- font-size: var(--uui-type-small-size,12px);
165
+ opacity: 0.6;
168
166
  }
169
167
 
170
168
  :host([selectable]) #open-part {
171
169
  flex-grow: 0;
172
170
  padding: 0;
173
171
  margin: calc(var(--uui-size-2,6px));
172
+
173
+ #content {
174
+ padding: 0;
175
+ }
174
176
  }
175
177
 
176
178
  :host(:not([disabled])) #open-part:hover #icon {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umbraco-ui/uui-ref-node",
3
- "version": "1.12.2",
3
+ "version": "1.13.0-rc.2",
4
4
  "license": "MIT",
5
5
  "keywords": [
6
6
  "Umbraco",
@@ -30,9 +30,9 @@
30
30
  "custom-elements.json"
31
31
  ],
32
32
  "dependencies": {
33
- "@umbraco-ui/uui-base": "1.12.2",
34
- "@umbraco-ui/uui-icon": "1.12.2",
35
- "@umbraco-ui/uui-ref": "1.12.2"
33
+ "@umbraco-ui/uui-base": "1.13.0-rc.2",
34
+ "@umbraco-ui/uui-icon": "1.13.0-rc.2",
35
+ "@umbraco-ui/uui-ref": "1.13.0-rc.2"
36
36
  },
37
37
  "scripts": {
38
38
  "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
@@ -43,5 +43,5 @@
43
43
  "access": "public"
44
44
  },
45
45
  "homepage": "https://uui.umbraco.com/?path=/story/uui-ref-node",
46
- "gitHead": "207119ec53a655eeddfa1d626155490490336753"
46
+ "gitHead": "b7efeca91b64cfb5b59e1fcacafcfee23b861b79"
47
47
  }