@blockquote-web-components/blockquote-base-embedded-webview 1.13.5 → 1.13.6

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 (5) hide show
  1. package/package.json +3 -3
  2. package/src/styles/blockquote-base-embedded-webview-element-styles.css.js +2 -2
  3. package/src/styles/blockquote-base-embedded-webview-resize-styles.css.js +15 -15
  4. package/src/styles/blockquote-base-embedded-webview-size-styles.css.js +5 -5
  5. package/src/styles/blockquote-base-embedded-webview-styles.css.js +14 -14
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blockquote-web-components/blockquote-base-embedded-webview",
3
- "version": "1.13.5",
3
+ "version": "1.13.6",
4
4
  "description": "Webcomponent blockquote-base-embedded-webview following open-wc recommendations",
5
5
  "keywords": [
6
6
  "lit",
@@ -149,11 +149,11 @@
149
149
  },
150
150
  "devDependencies": {
151
151
  "@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.12.3",
152
- "@blockquote-web-components/blockquote-foundations-sass": "^1.1.6"
152
+ "@blockquote-web-components/blockquote-foundations-sass": "^1.1.7"
153
153
  },
154
154
  "publishConfig": {
155
155
  "access": "public"
156
156
  },
157
157
  "customElements": "custom-elements.json",
158
- "gitHead": "4e07d405ad5c2d6fac5b7d5ac635c25a921535fc"
158
+ "gitHead": "a18c21702f2d549b46d6793e9c89ee5776d1aea5"
159
159
  }
package/src/styles/blockquote-base-embedded-webview-element-styles.css.js CHANGED
@@ -5,8 +5,8 @@ export const styles = css`
5
5
  ::slotted([slot='embedded']) {
6
6
  display: block;
7
7
  box-sizing: border-box;
8
- width: 100%;
9
- height: 100%;
8
+ inline-size: 100%;
9
+ block-size: 100%;
10
10
  margin: 0;
11
11
  border: 0;
12
12
  }
package/src/styles/blockquote-base-embedded-webview-resize-styles.css.js CHANGED
@@ -39,7 +39,7 @@ export const styles = css`
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  align-items: center;
42
- height: inherit;
42
+ block-size: inherit;
43
43
  padding: calc(var(--__resizer-factor) * 1) 0 calc(var(--__resizer-factor) * 2);
44
44
  }
45
45
 
@@ -57,12 +57,12 @@ export const styles = css`
57
57
  .rect {
58
58
  position: relative;
59
59
  align-self: center;
60
- min-width: var(--_rect-min-width);
61
- min-height: var(--_rect-min-height);
62
- max-width: var(--_rect-max-width);
63
- max-height: var(--_rect-max-height);
64
- width: var(--_rect-width);
65
- height: var(--_rect-height);
60
+ min-inline-size: var(--_rect-min-width);
61
+ min-block-size: var(--_rect-min-height);
62
+ max-inline-size: var(--_rect-max-width);
63
+ max-block-size: var(--_rect-max-height);
64
+ inline-size: var(--_rect-width);
65
+ block-size: var(--_rect-height);
66
66
  transform: translateZ(0);
67
67
  }
68
68
 
@@ -71,8 +71,8 @@ export const styles = css`
71
71
  display: block;
72
72
  position: absolute;
73
73
  background-color: var(--_resizer-bgcolor);
74
- width: 100%;
75
- height: 100%;
74
+ inline-size: 100%;
75
+ block-size: 100%;
76
76
  }
77
77
 
78
78
  .resizer::after {
@@ -84,10 +84,10 @@ export const styles = css`
84
84
  }
85
85
 
86
86
  .resizer-n {
87
- height: calc(var(--__resizer-factor) / 4);
87
+ block-size: calc(var(--__resizer-factor) / 4);
88
88
  inset-block-start: calc(var(--__resizer-factor) / 4 * -1);
89
89
  inset-inline-start: calc(var(--__resizer-factor) * -1);
90
- width: calc(100% + var(--__resizer-factor) * 2);
90
+ inline-size: calc(100% + var(--__resizer-factor) * 2);
91
91
  border-start-start-radius: calc(var(--__resizer-factor) / 10);
92
92
  border-start-end-radius: calc(var(--__resizer-factor) / 10);
93
93
  }
@@ -132,8 +132,8 @@ export const styles = css`
132
132
 
133
133
  .resizer-se,
134
134
  .resizer-sw {
135
- height: var(--__resizer-factor);
136
- width: var(--__resizer-factor);
135
+ block-size: var(--__resizer-factor);
136
+ inline-size: var(--__resizer-factor);
137
137
  }
138
138
 
139
139
  .resizer-se::after,
@@ -148,7 +148,7 @@ export const styles = css`
148
148
 
149
149
  .resizer-s {
150
150
  cursor: ns-resize;
151
- height: var(--__resizer-factor);
151
+ block-size: var(--__resizer-factor);
152
152
  }
153
153
 
154
154
  .resizer-s::after {
@@ -163,7 +163,7 @@ export const styles = css`
163
163
  .resizer-e,
164
164
  .resizer-w {
165
165
  cursor: ew-resize;
166
- width: var(--__resizer-factor);
166
+ inline-size: var(--__resizer-factor);
167
167
  }
168
168
 
169
169
  .resizer-e:hover,
package/src/styles/blockquote-base-embedded-webview-size-styles.css.js CHANGED
@@ -51,19 +51,19 @@ export const styles = css`
51
51
  font: inherit;
52
52
  margin: 0;
53
53
  padding: 0;
54
- height: inherit;
54
+ block-size: inherit;
55
55
  text-align: inherit;
56
56
  text-decoration: none;
57
57
  text-transform: inherit;
58
58
  text-shadow: inherit;
59
59
  letter-spacing: inherit;
60
60
  word-spacing: inherit;
61
- width: auto;
61
+ inline-size: auto;
62
62
  }
63
63
 
64
64
  .rect {
65
65
  overflow: hidden;
66
- height: var(--_rect-height);
66
+ block-size: var(--_rect-height);
67
67
  position: relative;
68
68
  display: flex;
69
69
  justify-content: center;
@@ -88,8 +88,8 @@ export const styles = css`
88
88
  .rect [aria-disabled='true']::after {
89
89
  content: '';
90
90
  display: block;
91
- height: 1px;
92
- width: calc(100% + 2rem);
91
+ block-size: 1px;
92
+ inline-size: calc(100% + 2rem);
93
93
  position: absolute;
94
94
  inset-inline-start: 50%;
95
95
  inset-block-start: 50%;
package/src/styles/blockquote-base-embedded-webview-styles.css.js CHANGED
@@ -15,8 +15,8 @@ export const styles = css`
15
15
  display: flex;
16
16
  flex-direction: column;
17
17
  box-sizing: border-box;
18
- width: 100%;
19
- height: 100%;
18
+ inline-size: 100%;
19
+ block-size: 100%;
20
20
  color: var(--_host-color);
21
21
  }
22
22
 
@@ -27,8 +27,8 @@ export const styles = css`
27
27
 
28
28
  .sr-only {
29
29
  position: absolute;
30
- width: 1px;
31
- height: 1px;
30
+ inline-size: 1px;
31
+ block-size: 1px;
32
32
  padding: 0;
33
33
  margin: -1px;
34
34
  overflow: hidden;
@@ -44,7 +44,7 @@ export const styles = css`
44
44
  }
45
45
 
46
46
  :host([limit-height]) .main {
47
- height: inherit;
47
+ block-size: inherit;
48
48
  }
49
49
 
50
50
  *,
@@ -55,14 +55,14 @@ export const styles = css`
55
55
 
56
56
  header > div {
57
57
  position: relative;
58
- max-width: 80rem;
58
+ max-inline-size: 80rem;
59
59
  margin: 0 auto;
60
60
  padding: 0.5rem 1.5rem;
61
61
  }
62
62
 
63
63
  [role='heading'] {
64
64
  font-size: 1.25rem;
65
- margin-bottom: 0.5rem;
65
+ margin-block-end: 0.5rem;
66
66
  }
67
67
 
68
68
  [role='heading'] + div {
@@ -71,7 +71,7 @@ export const styles = css`
71
71
  }
72
72
 
73
73
  .open-externally {
74
- width: 1rem;
74
+ inline-size: 1rem;
75
75
  display: inline-block;
76
76
  margin-inline-start: 1rem;
77
77
  color: inherit;
@@ -92,7 +92,7 @@ export const styles = css`
92
92
  }
93
93
 
94
94
  .select svg {
95
- width: 0.875rem;
95
+ inline-size: 0.875rem;
96
96
  justify-self: end;
97
97
  pointer-events: none;
98
98
  }
@@ -108,12 +108,12 @@ export const styles = css`
108
108
  border-block-end: 0.125rem solid var(--_select-bgcolor);
109
109
  padding: 0.25em 1em 0.25em 0;
110
110
  margin: 0;
111
- width: 100%;
111
+ inline-size: 100%;
112
112
  cursor: pointer;
113
113
  outline: none;
114
114
  border-radius: 0;
115
- min-width: 10ch;
116
- max-width: 18ch;
115
+ min-inline-size: 10ch;
116
+ max-inline-size: 18ch;
117
117
  white-space: nowrap;
118
118
  overflow: hidden;
119
119
  text-overflow: ellipsis;
@@ -122,7 +122,7 @@ export const styles = css`
122
122
 
123
123
  .select select:hover,
124
124
  .select select:focus {
125
- border-bottom-color: currentcolor;
125
+ border-block-end-color: currentcolor;
126
126
  }
127
127
 
128
128
  .description {
@@ -146,6 +146,6 @@ export const styles = css`
146
146
  }
147
147
 
148
148
  blockquote-base-embedded-webview-resize {
149
- overflow-x: hidden;
149
+ overflow-inline: hidden;
150
150
  }
151
151
  `;