claritas-web-framework 8.0.52 → 8.0.54

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/dist/index.css +1 -1
  2. package/package.json +1 -1
  3. package/sass/modules/_form.scss +16 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "claritas-web-framework",
3
- "version": "8.0.52",
3
+ "version": "8.0.54",
4
4
  "description": "The CSS framework built for Claritas front end.",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/sass/modules/_form.scss CHANGED
@@ -259,16 +259,29 @@ progress,
259
259
  }
260
260
 
261
261
  .form--span {
262
- --form-span-background: hsl(var(--body-color-h) var(--body-color-s) var(--body-color-l) / 5%);
262
+ --input-background: hsl(var(--body-color-h) var(--body-color-s) 95%);
263
+ --input-hover-background: hsl(var(--body-color-h) var(--body-color-s) 95%);
264
+ --input-focus-background: hsl(var(--body-color-h) var(--body-color-s) 95%);
265
+ --input-active-background: hsl(var(--body-color-h) var(--body-color-s) 95%);
266
+ --input-disabled-background: hsl(var(--body-color-h) var(--body-color-s) 95%);
267
+
268
+ --input-border-color: var(--border-color-main);
269
+ --input-hover-border-color: var(--border-color-main);
270
+ --input-focus-border-color: var(--border-color-main);
271
+ --input-active-border-color: var(--border-color-main);
272
+
273
+ --input-box-shadow: none;
274
+ --input-hover-box-shadow: none;
275
+ --input-focus-box-shadow: none;
276
+ --input-active-box-shadow: none;
277
+ --input-disabled-box-shadow: none;
263
278
 
264
- background-color: var(--form-span-background);
265
279
  align-items: center;
266
280
  display: inline-flex;
267
281
  vertical-align: top;
268
282
  justify-content: center;
269
283
  text-align: center;
270
284
  white-space: nowrap;
271
- height: auto;
272
285
  outline: 0;
273
286
  text-decoration: none;
274
287
  }