@operato/attribute 2.0.0-alpha.152 → 2.0.0-alpha.153

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,15 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.0.0-alpha.153](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.152...v2.0.0-alpha.153) (2024-05-31)
7
+
8
+
9
+ ### :bug: Bug Fix
10
+
11
+ * update theme file for form module ([6bcc259](https://github.com/hatiolab/operato/commit/6bcc25933b8be42f8e15ab71cdaf0b75ca5a3a72))
12
+
13
+
14
+
6
15
  ## [2.0.0-alpha.152](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.151...v2.0.0-alpha.152) (2024-05-30)
7
16
 
8
17
 
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@operato/attribute",
3
3
  "description": "WebApplication attribute supporting components following open-wc recommendations",
4
4
  "author": "heartyoh",
5
- "version": "2.0.0-alpha.152",
5
+ "version": "2.0.0-alpha.153",
6
6
  "main": "dist/src/index.js",
7
7
  "module": "dist/src/index.js",
8
8
  "exports": {
@@ -56,13 +56,13 @@
56
56
  },
57
57
  "dependencies": {
58
58
  "@material/web": "^1.4.0",
59
- "@operato/data-grist": "^2.0.0-alpha.152",
59
+ "@operato/data-grist": "^2.0.0-alpha.153",
60
60
  "@operato/graphql": "^2.0.0-alpha.145",
61
- "@operato/grist-editor": "^2.0.0-alpha.152",
61
+ "@operato/grist-editor": "^2.0.0-alpha.153",
62
62
  "@operato/i18n": "^2.0.0-alpha.148",
63
63
  "@operato/input": "^2.0.0-alpha.152",
64
64
  "@operato/popup": "^2.0.0-alpha.152",
65
- "@operato/property-editor": "^2.0.0-alpha.152",
65
+ "@operato/property-editor": "^2.0.0-alpha.153",
66
66
  "@operato/shell": "^2.0.0-alpha.152",
67
67
  "@operato/styles": "^2.0.0-alpha.150",
68
68
  "@operato/utils": "^2.0.0-alpha.145",
@@ -100,5 +100,5 @@
100
100
  "prettier --write"
101
101
  ]
102
102
  },
103
- "gitHead": "75c4b617e661bb23cd363ef47f42efc9a41057ab"
103
+ "gitHead": "6d2fef39dc1d63e216f44e10e5fe730196d2500e"
104
104
  }
@@ -1,20 +1,20 @@
1
1
  body {
2
2
  --form-border: none;
3
- --form-margin: var(--margin-wide);
3
+ --form-margin: var(--spacing-medium);
4
4
  --form-max-width: 700px;
5
5
  --form-multi-column-max-width: 100%;
6
6
  --form-sublabel-font: normal 13px var(--theme-font);
7
- --form-sublabel-color: var(--secondary-color);
7
+ --form-sublabel-color: var(--md-sys-color-secondary);
8
8
  --form-grid-gap: 12px 5px;
9
9
 
10
- --legend-padding: var(--padding-default) 0;
10
+ --legend-padding: var(--spacing-medium) 0;
11
11
  --legend-font: bold 16px var(--theme-font);
12
- --legend-text-color: var(--secondary-text-color);
13
- --legend-border-bottom: 1px solid var(--primary-color);
12
+ --legend-text-color: var(--md-sys-color-on-secondary);
13
+ --legend-border-bottom: 1px solid var(--md-sys-color-primary);
14
14
 
15
15
  --label-padding: 3px 0;
16
16
  --label-font: normal 14px var(--theme-font);
17
- --label-color: var(--secondary-color);
17
+ --label-color: var(--md-sys-color-secondary);
18
18
 
19
19
  --input-field-border: 1px solid rgba(0, 0, 0, 0.2);
20
20
  --input-field-border-radius: var(--border-radius);
@@ -23,29 +23,29 @@ body {
23
23
 
24
24
  --search-panel-background-color: rgba(0, 0, 0, 0.1);
25
25
  --search-panel-search-iconbutton-size: var(--icon-default-size);
26
- --search-form-icon-color: var(--primary-color);
26
+ --search-form-icon-color: var(--md-sys-color-primary);
27
27
  --search-form-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.15);
28
28
  --search-form-box-padding: 15px 30px 15px 15px;
29
- --search-form-background-color: #fff;
30
- --search-form-narrow-background-color: var(--primary-color);
31
- --search-form-narrow-text-color: #fff;
29
+ --search-form-background-color: var(--md-sys-color-surface);
30
+ --search-form-narrow-background-color: var(--md-sys-color-surface);
31
+ --search-form-narrow-text-color: var(--md-sys-color-on-surface);
32
32
 
33
33
  --file-uploader-border: 1px solid rgba(0, 0, 0, 0.1);
34
- --file-uploader-background-color: var(--main-section-background-color);
34
+ --file-uploader-background-color: var(--md-sys-color-background);
35
35
  --file-uploader-font: normal 12px/20px var(--theme-font);
36
- --file-uploader-color: var(--secondary-color);
37
- --file-uploader-icon-color: var(--primary-color);
36
+ --file-uploader-color: var(--md-sys-color-secondary);
37
+ --file-uploader-icon-color: var(--md-sys-color-primary);
38
38
  --file-uploader-candrop-background-color: #fffde9;
39
39
  --file-uploader-label-padding: 3px 20px;
40
40
  --file-uploader-label-border-radius: var(--border-radius);
41
- --file-uploader-label-background-color: var(--secondary-color);
41
+ --file-uploader-label-background-color: var(--md-sys-color-secondary);
42
42
  --file-uploader-label-font: normal 12px var(--theme-font);
43
43
  --file-uploader-label-color: #fff;
44
44
  --file-uploader-li-padding: 2px 5px 0px 5px;
45
45
  --file-uploader-li-border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
46
46
  --file-uploader-li-icon-margin: 2px 0 2px 5px;
47
47
  --file-uploader-li-icon-font: normal 15px var(--mdc-icon-font, 'Material Icons');
48
- --file-uploader-li-icon-focus-color: var(--primary-color);
48
+ --file-uploader-li-icon-focus-color: var(--md-sys-color-primary);
49
49
  }
50
50
 
51
51
  @media screen and (max-width: 480px) {