@digipair/skill-web-inputs 0.5.10 → 0.5.12

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 (3) hide show
  1. package/index.cjs.js +33 -34
  2. package/index.esm.js +33 -34
  3. package/package.json +1 -1
package/index.cjs.js CHANGED
@@ -2059,21 +2059,19 @@ InputFileElement.styles = i$2`
2059
2059
  padding: 10px 15px;
2060
2060
  margin-bottom: 10px;
2061
2061
  line-height: 1.4;
2062
- border-color: rgb(220, 248, 198);
2063
- border: 1px solid rgb(112, 183, 253);
2064
- color: rgb(112, 183, 253);
2062
+ border: 1px solid var(--digipair-color-primary, #52dfdb);
2063
+ color: var(--digipair-color-primary, #52dfdb);
2065
2064
  align-self: flex-start;
2066
2065
  margin-right: auto;
2067
2066
  text-align: center;
2068
2067
  }
2069
2068
 
2070
- .download.unloaded ui5-icon {
2071
- color: rgb(112, 183, 253);
2069
+ .download ui5-icon {
2070
+ color: var(--digipair-color-secondary, #52dfdb);
2072
2071
  }
2073
2072
 
2074
- .download.loaded {
2075
- border: 1px solid rgb(213 213 213);
2076
- color: rgb(0, 0, 0);
2073
+ .download.unloaded ui5-icon {
2074
+ color: var(--digipair-color-primary, #52dfdb);
2077
2075
  }
2078
2076
 
2079
2077
  .download p {
@@ -2173,21 +2171,19 @@ InputJsonElement.styles = i$2`
2173
2171
  padding: 10px 15px;
2174
2172
  margin-bottom: 10px;
2175
2173
  line-height: 1.4;
2176
- border-color: rgb(220, 248, 198);
2177
- border: 1px solid rgb(112, 183, 253);
2178
- color: rgb(112, 183, 253);
2174
+ border: 1px solid var(--digipair-color-primary, #52dfdb);
2175
+ color: var(--digipair-color-primary, #52dfdb);
2179
2176
  align-self: flex-start;
2180
2177
  margin-right: auto;
2181
2178
  text-align: center;
2182
2179
  }
2183
2180
 
2184
- .download.unloaded ui5-icon {
2185
- color: rgb(112, 183, 253);
2181
+ .download ui5-icon {
2182
+ color: var(--digipair-color-secondary, #52dfdb);
2186
2183
  }
2187
2184
 
2188
- .download.loaded {
2189
- border: 1px solid rgb(213 213 213);
2190
- color: rgb(0, 0, 0);
2185
+ .download.unloaded ui5-icon {
2186
+ color: var(--digipair-color-primary, #52dfdb);
2191
2187
  }
2192
2188
 
2193
2189
  .download p {
@@ -2287,21 +2283,19 @@ InputTextElement.styles = i$2`
2287
2283
  padding: 10px 15px;
2288
2284
  margin-bottom: 10px;
2289
2285
  line-height: 1.4;
2290
- border-color: rgb(220, 248, 198);
2291
- border: 1px solid rgb(112, 183, 253);
2292
- color: rgb(112, 183, 253);
2286
+ border: 1px solid var(--digipair-color-primary, #52dfdb);
2287
+ color: var(--digipair-color-primary, #52dfdb);
2293
2288
  align-self: flex-start;
2294
2289
  margin-right: auto;
2295
2290
  text-align: center;
2296
2291
  }
2297
2292
 
2298
- .download.unloaded ui5-icon {
2299
- color: rgb(112, 183, 253);
2293
+ .download ui5-icon {
2294
+ color: var(--digipair-color-secondary, #52dfdb);
2300
2295
  }
2301
2296
 
2302
- .download.loaded {
2303
- border: 1px solid rgb(213 213 213);
2304
- color: rgb(0, 0, 0);
2297
+ .download.unloaded ui5-icon {
2298
+ color: var(--digipair-color-primary, #52dfdb);
2305
2299
  }
2306
2300
 
2307
2301
  .download p {
@@ -3800,11 +3794,18 @@ class ElementElement extends s {
3800
3794
  'loaded'
3801
3795
  ].indexOf(this.state) >= 0 ? this.loadElement() : void 0}
3802
3796
  >
3803
- ${this.state === 'loaded' ? x` <ui5-icon name="attachment"></ui5-icon> <p>${this.label}<br />${this._content}</p> ` : this.state === 'selecting' ? x` <ui5-icon name="locate-me"></ui5-icon> <p>${this.label}${document.querySelector('.digipair-input-element-selecting') ? x`<br />$(${getCssSelector(document.querySelector('.digipair-input-element-selecting'), {
3797
+ ${this.state === 'loaded' ? x`
3798
+ <ui5-icon name="attachment"></ui5-icon>
3799
+ <p>${this.label}<br />${this._content}</p>
3800
+ ` : this.state === 'selecting' ? x` <ui5-icon name="locate-me"></ui5-icon>
3801
+ <p>
3802
+ ${this.label}${document.querySelector('.digipair-input-element-selecting') ? x`<br />$(${getCssSelector(document.querySelector('.digipair-input-element-selecting'), {
3804
3803
  blacklist: [
3805
3804
  '.digipair-input-element-selecting'
3806
3805
  ]
3807
- })})` : T}</p>` : x` <ui5-icon name="add-document"></ui5-icon> <p>${this.label}</p>`}
3806
+ })})` : T}
3807
+ </p>` : x` <ui5-icon name="add-document"></ui5-icon>
3808
+ <p>${this.label}</p>`}
3808
3809
  </section>
3809
3810
  `;
3810
3811
  }
@@ -3824,21 +3825,19 @@ ElementElement.styles = i$2`
3824
3825
  padding: 10px 15px;
3825
3826
  margin-bottom: 10px;
3826
3827
  line-height: 1.4;
3827
- border-color: rgb(220, 248, 198);
3828
- border: 1px solid rgb(153, 153, 153);
3829
- color: rgb(153, 153, 153);
3828
+ border: 1px solid var(--digipair-color-primary, #52dfdb);
3829
+ color: var(--digipair-color-primary, #52dfdb);
3830
3830
  align-self: flex-start;
3831
3831
  margin-right: auto;
3832
3832
  text-align: center;
3833
3833
  }
3834
3834
 
3835
- .digipair-input.unloaded ui5-icon {
3836
- color: rgb(153, 153, 153);
3835
+ .digipair-input ui5-icon {
3836
+ color: var(--digipair-color-secondary, #52dfdb);
3837
3837
  }
3838
3838
 
3839
- .digipair-input.loaded {
3840
- border: 1px solid rgb(213 213 213);
3841
- color: rgb(0, 0, 0);
3839
+ .digipair-input.unloaded ui5-icon {
3840
+ color: var(--digipair-color-primary, #52dfdb);
3842
3841
  }
3843
3842
 
3844
3843
  .digipair-input p {
package/index.esm.js CHANGED
@@ -2055,21 +2055,19 @@ InputFileElement.styles = i$2`
2055
2055
  padding: 10px 15px;
2056
2056
  margin-bottom: 10px;
2057
2057
  line-height: 1.4;
2058
- border-color: rgb(220, 248, 198);
2059
- border: 1px solid rgb(112, 183, 253);
2060
- color: rgb(112, 183, 253);
2058
+ border: 1px solid var(--digipair-color-primary, #52dfdb);
2059
+ color: var(--digipair-color-primary, #52dfdb);
2061
2060
  align-self: flex-start;
2062
2061
  margin-right: auto;
2063
2062
  text-align: center;
2064
2063
  }
2065
2064
 
2066
- .download.unloaded ui5-icon {
2067
- color: rgb(112, 183, 253);
2065
+ .download ui5-icon {
2066
+ color: var(--digipair-color-secondary, #52dfdb);
2068
2067
  }
2069
2068
 
2070
- .download.loaded {
2071
- border: 1px solid rgb(213 213 213);
2072
- color: rgb(0, 0, 0);
2069
+ .download.unloaded ui5-icon {
2070
+ color: var(--digipair-color-primary, #52dfdb);
2073
2071
  }
2074
2072
 
2075
2073
  .download p {
@@ -2169,21 +2167,19 @@ InputJsonElement.styles = i$2`
2169
2167
  padding: 10px 15px;
2170
2168
  margin-bottom: 10px;
2171
2169
  line-height: 1.4;
2172
- border-color: rgb(220, 248, 198);
2173
- border: 1px solid rgb(112, 183, 253);
2174
- color: rgb(112, 183, 253);
2170
+ border: 1px solid var(--digipair-color-primary, #52dfdb);
2171
+ color: var(--digipair-color-primary, #52dfdb);
2175
2172
  align-self: flex-start;
2176
2173
  margin-right: auto;
2177
2174
  text-align: center;
2178
2175
  }
2179
2176
 
2180
- .download.unloaded ui5-icon {
2181
- color: rgb(112, 183, 253);
2177
+ .download ui5-icon {
2178
+ color: var(--digipair-color-secondary, #52dfdb);
2182
2179
  }
2183
2180
 
2184
- .download.loaded {
2185
- border: 1px solid rgb(213 213 213);
2186
- color: rgb(0, 0, 0);
2181
+ .download.unloaded ui5-icon {
2182
+ color: var(--digipair-color-primary, #52dfdb);
2187
2183
  }
2188
2184
 
2189
2185
  .download p {
@@ -2283,21 +2279,19 @@ InputTextElement.styles = i$2`
2283
2279
  padding: 10px 15px;
2284
2280
  margin-bottom: 10px;
2285
2281
  line-height: 1.4;
2286
- border-color: rgb(220, 248, 198);
2287
- border: 1px solid rgb(112, 183, 253);
2288
- color: rgb(112, 183, 253);
2282
+ border: 1px solid var(--digipair-color-primary, #52dfdb);
2283
+ color: var(--digipair-color-primary, #52dfdb);
2289
2284
  align-self: flex-start;
2290
2285
  margin-right: auto;
2291
2286
  text-align: center;
2292
2287
  }
2293
2288
 
2294
- .download.unloaded ui5-icon {
2295
- color: rgb(112, 183, 253);
2289
+ .download ui5-icon {
2290
+ color: var(--digipair-color-secondary, #52dfdb);
2296
2291
  }
2297
2292
 
2298
- .download.loaded {
2299
- border: 1px solid rgb(213 213 213);
2300
- color: rgb(0, 0, 0);
2293
+ .download.unloaded ui5-icon {
2294
+ color: var(--digipair-color-primary, #52dfdb);
2301
2295
  }
2302
2296
 
2303
2297
  .download p {
@@ -3796,11 +3790,18 @@ class ElementElement extends s {
3796
3790
  'loaded'
3797
3791
  ].indexOf(this.state) >= 0 ? this.loadElement() : void 0}
3798
3792
  >
3799
- ${this.state === 'loaded' ? x` <ui5-icon name="attachment"></ui5-icon> <p>${this.label}<br />${this._content}</p> ` : this.state === 'selecting' ? x` <ui5-icon name="locate-me"></ui5-icon> <p>${this.label}${document.querySelector('.digipair-input-element-selecting') ? x`<br />$(${getCssSelector(document.querySelector('.digipair-input-element-selecting'), {
3793
+ ${this.state === 'loaded' ? x`
3794
+ <ui5-icon name="attachment"></ui5-icon>
3795
+ <p>${this.label}<br />${this._content}</p>
3796
+ ` : this.state === 'selecting' ? x` <ui5-icon name="locate-me"></ui5-icon>
3797
+ <p>
3798
+ ${this.label}${document.querySelector('.digipair-input-element-selecting') ? x`<br />$(${getCssSelector(document.querySelector('.digipair-input-element-selecting'), {
3800
3799
  blacklist: [
3801
3800
  '.digipair-input-element-selecting'
3802
3801
  ]
3803
- })})` : T}</p>` : x` <ui5-icon name="add-document"></ui5-icon> <p>${this.label}</p>`}
3802
+ })})` : T}
3803
+ </p>` : x` <ui5-icon name="add-document"></ui5-icon>
3804
+ <p>${this.label}</p>`}
3804
3805
  </section>
3805
3806
  `;
3806
3807
  }
@@ -3820,21 +3821,19 @@ ElementElement.styles = i$2`
3820
3821
  padding: 10px 15px;
3821
3822
  margin-bottom: 10px;
3822
3823
  line-height: 1.4;
3823
- border-color: rgb(220, 248, 198);
3824
- border: 1px solid rgb(153, 153, 153);
3825
- color: rgb(153, 153, 153);
3824
+ border: 1px solid var(--digipair-color-primary, #52dfdb);
3825
+ color: var(--digipair-color-primary, #52dfdb);
3826
3826
  align-self: flex-start;
3827
3827
  margin-right: auto;
3828
3828
  text-align: center;
3829
3829
  }
3830
3830
 
3831
- .digipair-input.unloaded ui5-icon {
3832
- color: rgb(153, 153, 153);
3831
+ .digipair-input ui5-icon {
3832
+ color: var(--digipair-color-secondary, #52dfdb);
3833
3833
  }
3834
3834
 
3835
- .digipair-input.loaded {
3836
- border: 1px solid rgb(213 213 213);
3837
- color: rgb(0, 0, 0);
3835
+ .digipair-input.unloaded ui5-icon {
3836
+ color: var(--digipair-color-primary, #52dfdb);
3838
3837
  }
3839
3838
 
3840
3839
  .digipair-input p {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digipair/skill-web-inputs",
3
- "version": "0.5.10",
3
+ "version": "0.5.12",
4
4
  "dependencies": {},
5
5
  "main": "./index.cjs.js",
6
6
  "module": "./index.esm.js"