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

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 (4) hide show
  1. package/package.json +3 -3
  2. package/src/styles/blockquote-base-embedded-webview-resize-styles.css.js +11 -11
  3. package/src/styles/blockquote-base-embedded-webview-size-styles.css.js +4 -4
  4. package/src/styles/blockquote-base-embedded-webview-styles.css.js +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blockquote-web-components/blockquote-base-embedded-webview",
3
- "version": "1.13.3",
3
+ "version": "1.13.5",
4
4
  "description": "Webcomponent blockquote-base-embedded-webview following open-wc recommendations",
5
5
  "keywords": [
6
6
  "lit",
@@ -148,12 +148,12 @@
148
148
  "lit": "^3.3.1"
149
149
  },
150
150
  "devDependencies": {
151
- "@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.12.2",
151
+ "@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.12.3",
152
152
  "@blockquote-web-components/blockquote-foundations-sass": "^1.1.6"
153
153
  },
154
154
  "publishConfig": {
155
155
  "access": "public"
156
156
  },
157
157
  "customElements": "custom-elements.json",
158
- "gitHead": "ed2ae262264128b31b2e71b8780b6b1f3b8587bd"
158
+ "gitHead": "4e07d405ad5c2d6fac5b7d5ac635c25a921535fc"
159
159
  }
package/src/styles/blockquote-base-embedded-webview-resize-styles.css.js CHANGED
@@ -78,18 +78,18 @@ export const styles = css`
78
78
  .resizer::after {
79
79
  content: url("data:image/svg+xml,%0A%3Csvg width='6' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='2' height='26' rx='1' fill='%23848282'/%3E%3Crect x='4' width='2' height='26' rx='1' fill='%23848282'/%3E%3C/svg%3E");
80
80
  position: absolute;
81
- top: 50%;
82
- left: 50%;
81
+ inset-block-start: 50%;
82
+ inset-inline-start: 50%;
83
83
  transform: translateX(-50%);
84
84
  }
85
85
 
86
86
  .resizer-n {
87
87
  height: calc(var(--__resizer-factor) / 4);
88
- top: calc(var(--__resizer-factor) / 4 * -1);
89
- left: calc(var(--__resizer-factor) * -1);
88
+ inset-block-start: calc(var(--__resizer-factor) / 4 * -1);
89
+ inset-inline-start: calc(var(--__resizer-factor) * -1);
90
90
  width: calc(100% + var(--__resizer-factor) * 2);
91
- border-top-left-radius: calc(var(--__resizer-factor) / 10);
92
- border-top-right-radius: calc(var(--__resizer-factor) / 10);
91
+ border-start-start-radius: calc(var(--__resizer-factor) / 10);
92
+ border-start-end-radius: calc(var(--__resizer-factor) / 10);
93
93
  }
94
94
 
95
95
  .resizer-n::after {
@@ -98,7 +98,7 @@ export const styles = css`
98
98
 
99
99
  .resizer-se {
100
100
  cursor: nwse-resize;
101
- border-bottom-right-radius: calc(var(--__resizer-factor) / 10);
101
+ border-end-end-radius: calc(var(--__resizer-factor) / 10);
102
102
  }
103
103
 
104
104
  .resizer-se::after {
@@ -107,7 +107,7 @@ export const styles = css`
107
107
 
108
108
  .resizer-sw {
109
109
  cursor: nesw-resize;
110
- border-bottom-left-radius: calc(var(--__resizer-factor) / 10);
110
+ border-end-start-radius: calc(var(--__resizer-factor) / 10);
111
111
  }
112
112
 
113
113
  .resizer-sw::after {
@@ -116,18 +116,18 @@ export const styles = css`
116
116
 
117
117
  .resizer-se,
118
118
  .resizer-e {
119
- right: calc(var(--__resizer-factor) * -1);
119
+ inset-inline-end: calc(var(--__resizer-factor) * -1);
120
120
  }
121
121
 
122
122
  .resizer-se,
123
123
  .resizer-sw,
124
124
  .resizer-s {
125
- bottom: calc(var(--__resizer-factor) * -1);
125
+ inset-block-end: calc(var(--__resizer-factor) * -1);
126
126
  }
127
127
 
128
128
  .resizer-w,
129
129
  .resizer-sw {
130
- left: calc(var(--__resizer-factor) * -1);
130
+ inset-inline-start: calc(var(--__resizer-factor) * -1);
131
131
  }
132
132
 
133
133
  .resizer-se,
package/src/styles/blockquote-base-embedded-webview-size-styles.css.js CHANGED
@@ -91,8 +91,8 @@ export const styles = css`
91
91
  height: 1px;
92
92
  width: calc(100% + 2rem);
93
93
  position: absolute;
94
- left: 50%;
95
- top: 50%;
94
+ inset-inline-start: 50%;
95
+ inset-block-start: 50%;
96
96
  transform: translate(-50%, -50%);
97
97
  background-image: linear-gradient(90deg, rgb(0, 0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0, 0));
98
98
  }
@@ -100,8 +100,8 @@ export const styles = css`
100
100
  button {
101
101
  position: absolute;
102
102
  background-color: var(--_button-bgcolor);
103
- border-left: 1px solid var(--_button-border-color);
104
- border-right: 1px solid var(--_button-border-color);
103
+ border-inline-start: 1px solid var(--_button-border-color);
104
+ border-inline-end: 1px solid var(--_button-border-color);
105
105
  }
106
106
 
107
107
  button span {
package/src/styles/blockquote-base-embedded-webview-styles.css.js CHANGED
@@ -73,7 +73,7 @@ export const styles = css`
73
73
  .open-externally {
74
74
  width: 1rem;
75
75
  display: inline-block;
76
- margin-left: 1rem;
76
+ margin-inline-start: 1rem;
77
77
  color: inherit;
78
78
  }
79
79
 
@@ -105,7 +105,7 @@ export const styles = css`
105
105
  font: inherit;
106
106
  background-color: transparent;
107
107
  border: none;
108
- border-bottom: 0.125rem solid var(--_select-bgcolor);
108
+ border-block-end: 0.125rem solid var(--_select-bgcolor);
109
109
  padding: 0.25em 1em 0.25em 0;
110
110
  margin: 0;
111
111
  width: 100%;
@@ -139,8 +139,8 @@ export const styles = css`
139
139
  letter-spacing: 0.0156rem;
140
140
  position: fixed;
141
141
  z-index: 1;
142
- right: 0.375rem;
143
- top: 0.3125rem;
142
+ inset-inline-end: 0.375rem;
143
+ inset-block-start: 0.3125rem;
144
144
  opacity: 0;
145
145
  transition: opacity 90ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
146
146
  }