@operato/styles 7.0.0-rc.10 → 7.0.0-rc.13

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 (33) hide show
  1. package/.storybook/preview.js +52 -0
  2. package/CHANGELOG.md +9 -0
  3. package/dist/stories/button-container-styles.stories.d.ts +1 -7
  4. package/dist/stories/button-container-styles.stories.js +2 -8
  5. package/dist/stories/button-container-styles.stories.js.map +1 -1
  6. package/dist/stories/common-header-styles-actions.stories.d.ts +0 -5
  7. package/dist/stories/common-header-styles-actions.stories.js +2 -8
  8. package/dist/stories/common-header-styles-actions.stories.js.map +1 -1
  9. package/dist/stories/common-header-styles-pure.stories.d.ts +0 -5
  10. package/dist/stories/common-header-styles-pure.stories.js +2 -7
  11. package/dist/stories/common-header-styles-pure.stories.js.map +1 -1
  12. package/dist/tsconfig.tsbuildinfo +1 -1
  13. package/package.json +2 -2
  14. package/stories/button-container-styles.stories.ts +3 -11
  15. package/stories/common-header-styles-actions.stories.ts +2 -9
  16. package/stories/common-header-styles-pure.stories.ts +2 -8
  17. package/themes/app-theme.css +138 -0
  18. package/themes/calendar-theme.css +59 -0
  19. package/themes/dark.css +0 -100
  20. package/themes/form-theme.css +71 -0
  21. package/themes/grist-theme.css +44 -40
  22. package/themes/layout-theme.css +94 -0
  23. package/themes/light.css +3 -103
  24. package/themes/material-theme.css +23 -0
  25. package/themes/oops-theme.css +22 -0
  26. package/themes/report-theme.css +47 -0
  27. package/themes/spacing.css +7 -27
  28. package/themes/state-color.css +1 -1
  29. package/themes/tooltip-theme.css +11 -0
  30. package/themes/dark-hc.css +0 -151
  31. package/themes/dark-mc.css +0 -151
  32. package/themes/light-hc.css +0 -151
  33. package/themes/light-mc.css +0 -151
package/themes/light-hc.css DELETED
@@ -1,151 +0,0 @@
1
- .light-high-contrast {
2
- --md-sys-color-primary: rgb(5 31 81);
3
- --md-sys-color-surface-tint: rgb(73 93 146);
4
- --md-sys-color-on-primary: rgb(255 255 255);
5
- --md-sys-color-primary-container: rgb(45 65 116);
6
- --md-sys-color-on-primary-container: rgb(255 255 255);
7
- --md-sys-color-secondary: rgb(0 37 53);
8
- --md-sys-color-on-secondary: rgb(255 255 255);
9
- --md-sys-color-secondary-container: rgb(0 72 99);
10
- --md-sys-color-on-secondary-container: rgb(255 255 255);
11
- --md-sys-color-tertiary: rgb(0 40 24);
12
- --md-sys-color-on-tertiary: rgb(255 255 255);
13
- --md-sys-color-tertiary-container: rgb(0 77 49);
14
- --md-sys-color-on-tertiary-container: rgb(255 255 255);
15
- --md-sys-color-error: #fe594e;
16
- --md-sys-color-on-error: rgb(255 255 255);
17
- --md-sys-color-error-container: #fe594e;
18
- --md-sys-color-on-error-container: rgb(255 255 255);
19
- --md-sys-color-background: rgb(250 248 255);
20
- --md-sys-color-on-background: rgb(26 27 33);
21
- --md-sys-color-surface: rgb(250 248 255);
22
- --md-sys-color-on-surface: rgb(0 0 0);
23
- --md-sys-color-surface-variant: rgb(225 226 236);
24
- --md-sys-color-on-surface-variant: rgb(34 36 43);
25
- --md-sys-color-outline: rgb(65 66 75);
26
- --md-sys-color-outline-variant: rgb(65 66 75);
27
- --md-sys-color-shadow: rgb(0 0 0);
28
- --md-sys-color-scrim: rgb(0 0 0);
29
- --md-sys-color-inverse-surface: rgb(47 48 54);
30
- --md-sys-color-inverse-on-surface: rgb(255 255 255);
31
- --md-sys-color-inverse-primary: rgb(232 235 255);
32
- --md-sys-color-primary-fixed: rgb(45 65 116);
33
- --md-sys-color-on-primary-fixed: rgb(255 255 255);
34
- --md-sys-color-primary-fixed-dim: rgb(20 42 92);
35
- --md-sys-color-on-primary-fixed-variant: rgb(255 255 255);
36
- --md-sys-color-secondary-fixed: rgb(0 72 99);
37
- --md-sys-color-on-secondary-fixed: rgb(255 255 255);
38
- --md-sys-color-secondary-fixed-dim: rgb(0 49 68);
39
- --md-sys-color-on-secondary-fixed-variant: rgb(255 255 255);
40
- --md-sys-color-tertiary-fixed: rgb(0 77 49);
41
- --md-sys-color-on-tertiary-fixed: rgb(255 255 255);
42
- --md-sys-color-tertiary-fixed-dim: rgb(0 52 32);
43
- --md-sys-color-on-tertiary-fixed-variant: rgb(255 255 255);
44
- --md-sys-color-surface-dim: rgb(218 217 224);
45
- --md-sys-color-surface-bright: rgb(250 248 255);
46
- --md-sys-color-surface-container-lowest: rgb(255 255 255);
47
- --md-sys-color-surface-container-low: rgb(244 243 250);
48
- --md-sys-color-surface-container: rgb(238 237 244);
49
- --md-sys-color-surface-container-high: rgb(232 231 239);
50
- --md-sys-color-surface-container-highest: rgb(227 226 233);
51
-
52
- /* primary palette */
53
- --md-ref-palette-primary0:#000000;
54
- --md-ref-palette-primary5:#000E32;
55
- --md-ref-palette-primary10:#001848;
56
- --md-ref-palette-primary15:#00215E;
57
- --md-ref-palette-primary20:#002B74;
58
- --md-ref-palette-primary25:#002B74;
59
- --md-ref-palette-primary30:#0040A2;
60
- --md-ref-palette-primary35:#002B74;
61
- --md-ref-palette-primary40:#1957CA;
62
- --md-ref-palette-primary50:#3E71E5;
63
- --md-ref-palette-primary60:#5C8BFF;
64
- --md-ref-palette-primary70:#89A9FF;
65
- --md-ref-palette-primary80:#B2C5FF;
66
- --md-ref-palette-primary90:#DAE2FF;
67
- --md-ref-palette-primary95:#EEF0FF;
68
- --md-ref-palette-primary98:#FAF8FF;
69
- --md-ref-palette-primary99:#FEFBFF;
70
- --md-ref-palette-primary100:#FFFFFF;
71
-
72
- /* secondary palette */
73
- --md-ref-palette-secondary0:#000000;
74
- --md-ref-palette-secondary5:#00131D;
75
- --md-ref-palette-secondary10:#001E2C;
76
- --md-ref-palette-secondary15:#00293A;
77
- --md-ref-palette-secondary20:#003549;
78
- --md-ref-palette-secondary25:#004058;
79
- --md-ref-palette-secondary30:#004C68;
80
- --md-ref-palette-secondary35:#005978;
81
- --md-ref-palette-secondary40:#006689;
82
- --md-ref-palette-secondary50:#0080AC;
83
- --md-ref-palette-secondary60:#009BCF;
84
- --md-ref-palette-secondary70:#00B8F4;
85
- --md-ref-palette-secondary80:#79D1FF;
86
- --md-ref-palette-secondary90:#C3E8FF;
87
- --md-ref-palette-secondary95:#E3F3FF;
88
- --md-ref-palette-secondary98:#F5FAFF;
89
- --md-ref-palette-secondary99:#FBFCFF;
90
- --md-ref-palette-secondary100:#FFFFFF;
91
-
92
- /* tertiary palette */
93
- --md-ref-palette-tertiary0:#000000;
94
- --md-ref-palette-tertiary5:#00150A;
95
- --md-ref-palette-tertiary10:#002113;
96
- --md-ref-palette-tertiary15:#002C1B;
97
- --md-ref-palette-tertiary20:#003823;
98
- --md-ref-palette-tertiary25:#00452B;
99
- --md-ref-palette-tertiary30:#005234;
100
- --md-ref-palette-tertiary35:#005F3E;
101
- --md-ref-palette-tertiary40:#006C47;
102
- --md-ref-palette-tertiary50:#00885A;
103
- --md-ref-palette-tertiary60:#31A372;
104
- --md-ref-palette-tertiary70:#51BF8B;
105
- --md-ref-palette-tertiary80:#6EDBA5;
106
- --md-ref-palette-tertiary90:#A2F4C7;
107
- --md-ref-palette-tertiary95:#BFFFD9;
108
- --md-ref-palette-tertiary98:#E8FFEF;
109
- --md-ref-palette-tertiary99:#F4FFF5;
110
- --md-ref-palette-tertiary100:#FFFFFF;
111
-
112
- /* error palette */
113
- --md-ref-palette-error0:#000000;
114
- --md-ref-palette-error5:#2d0102;
115
- --md-ref-palette-error10:#410304;
116
- --md-ref-palette-error15:#540507;
117
- --md-ref-palette-error20:#68070a;
118
- --md-ref-palette-error25:#7d0b0e;
119
- --md-ref-palette-error30:#930f14;
120
- --md-ref-palette-error35:#a91319;
121
- --md-ref-palette-error40:#bc1620;
122
- --md-ref-palette-error50:#e03236;
123
- --md-ref-palette-error60:#ff5450;
124
- --md-ref-palette-error70:#ff8982;
125
- --md-ref-palette-error80:#ffb3ad;
126
- --md-ref-palette-error90:#ffdad7;
127
- --md-ref-palette-error95:#ffedeb;
128
- --md-ref-palette-error98:#fff8f7;
129
- --md-ref-palette-error99:#fffbff;
130
- --md-ref-palette-error100:#FFFFFF;
131
-
132
- /* neutral palette */
133
- --md-ref-palette-neutral0:#000000;
134
- --md-ref-palette-neutral5:#111111;
135
- --md-ref-palette-neutral10:#1C1C1C;
136
- --md-ref-palette-neutral15:#262626;
137
- --md-ref-palette-neutral20:#313131;
138
- --md-ref-palette-neutral25:#3C3C3C;
139
- --md-ref-palette-neutral30:#474747;
140
- --md-ref-palette-neutral35:#535353;
141
- --md-ref-palette-neutral40:#5F5F5F;
142
- --md-ref-palette-neutral50:#787878;
143
- --md-ref-palette-neutral60:#929292;
144
- --md-ref-palette-neutral70:#ACACAC;
145
- --md-ref-palette-neutral80:#C8C8C8;
146
- --md-ref-palette-neutral90:#E4E4E4;
147
- --md-ref-palette-neutral95:#F0F0F0;
148
- --md-ref-palette-neutral98:#F9F9F9;
149
- --md-ref-palette-neutral99:#FEFEFE;
150
- --md-ref-palette-neutral100:#FFFFFF;
151
- }
package/themes/light-mc.css DELETED
@@ -1,151 +0,0 @@
1
- .light-medium-contrast {
2
- --md-sys-color-primary: rgb(45 65 116);
3
- --md-sys-color-surface-tint: rgb(73 93 146);
4
- --md-sys-color-on-primary: rgb(255 255 255);
5
- --md-sys-color-primary-container: rgb(95 115 170);
6
- --md-sys-color-on-primary-container: rgb(255 255 255);
7
- --md-sys-color-secondary: rgb(0 72 99);
8
- --md-sys-color-on-secondary: rgb(255 255 255);
9
- --md-sys-color-secondary-container: rgb(56 124 157);
10
- --md-sys-color-on-secondary-container: rgb(255 255 255);
11
- --md-sys-color-tertiary: rgb(0 77 49);
12
- --md-sys-color-on-tertiary: rgb(255 255 255);
13
- --md-sys-color-tertiary-container: rgb(61 129 96);
14
- --md-sys-color-on-tertiary-container: rgb(255 255 255);
15
- --md-sys-color-error: #fe594e;
16
- --md-sys-color-on-error: rgb(255 255 255);
17
- --md-sys-color-error-container: rgb(170 95 90);
18
- --md-sys-color-on-error-container: rgb(255 255 255);
19
- --md-sys-color-background: rgb(250 248 255);
20
- --md-sys-color-on-background: rgb(26 27 33);
21
- --md-sys-color-surface: rgb(250 248 255);
22
- --md-sys-color-on-surface: rgb(26 27 33);
23
- --md-sys-color-surface-variant: rgb(225 226 236);
24
- --md-sys-color-on-surface-variant: rgb(65 66 75);
25
- --md-sys-color-outline: rgb(93 95 103);
26
- --md-sys-color-outline-variant: rgb(121 122 131);
27
- --md-sys-color-shadow: rgb(0 0 0);
28
- --md-sys-color-scrim: rgb(0 0 0);
29
- --md-sys-color-inverse-surface: rgb(47 48 54);
30
- --md-sys-color-inverse-on-surface: rgb(241 240 247);
31
- --md-sys-color-inverse-primary: rgb(178 197 255);
32
- --md-sys-color-primary-fixed: rgb(95 115 170);
33
- --md-sys-color-on-primary-fixed: rgb(255 255 255);
34
- --md-sys-color-primary-fixed-dim: rgb(71 90 143);
35
- --md-sys-color-on-primary-fixed-variant: rgb(255 255 255);
36
- --md-sys-color-secondary-fixed: rgb(56 124 157);
37
- --md-sys-color-on-secondary-fixed: rgb(255 255 255);
38
- --md-sys-color-secondary-fixed-dim: rgb(23 99 130);
39
- --md-sys-color-on-secondary-fixed-variant: rgb(255 255 255);
40
- --md-sys-color-tertiary-fixed: #9ee4bd;
41
- --md-sys-color-on-tertiary-fixed: #005234;
42
- --md-sys-color-tertiary-fixed-dim: #9ee4bd;
43
- --md-sys-color-on-tertiary-fixed-variant: #005234;
44
- --md-sys-color-surface-dim: rgb(218 217 224);
45
- --md-sys-color-surface-bright: rgb(250 248 255);
46
- --md-sys-color-surface-container-lowest: rgb(255 255 255);
47
- --md-sys-color-surface-container-low: rgb(244 243 250);
48
- --md-sys-color-surface-container: rgb(238 237 244);
49
- --md-sys-color-surface-container-high: rgb(232 231 239);
50
- --md-sys-color-surface-container-highest: rgb(227 226 233);
51
-
52
- /* primary palette */
53
- --md-ref-palette-primary0:#000000;
54
- --md-ref-palette-primary5:#000E32;
55
- --md-ref-palette-primary10:#001848;
56
- --md-ref-palette-primary15:#00215E;
57
- --md-ref-palette-primary20:#002B74;
58
- --md-ref-palette-primary25:#002B74;
59
- --md-ref-palette-primary30:#0040A2;
60
- --md-ref-palette-primary35:#002B74;
61
- --md-ref-palette-primary40:#1957CA;
62
- --md-ref-palette-primary50:#3E71E5;
63
- --md-ref-palette-primary60:#5C8BFF;
64
- --md-ref-palette-primary70:#89A9FF;
65
- --md-ref-palette-primary80:#B2C5FF;
66
- --md-ref-palette-primary90:#DAE2FF;
67
- --md-ref-palette-primary95:#EEF0FF;
68
- --md-ref-palette-primary98:#FAF8FF;
69
- --md-ref-palette-primary99:#FEFBFF;
70
- --md-ref-palette-primary100:#FFFFFF;
71
-
72
- /* secondary palette */
73
- --md-ref-palette-secondary0:#000000;
74
- --md-ref-palette-secondary5:#00131D;
75
- --md-ref-palette-secondary10:#001E2C;
76
- --md-ref-palette-secondary15:#00293A;
77
- --md-ref-palette-secondary20:#003549;
78
- --md-ref-palette-secondary25:#004058;
79
- --md-ref-palette-secondary30:#004C68;
80
- --md-ref-palette-secondary35:#005978;
81
- --md-ref-palette-secondary40:#006689;
82
- --md-ref-palette-secondary50:#0080AC;
83
- --md-ref-palette-secondary60:#009BCF;
84
- --md-ref-palette-secondary70:#00B8F4;
85
- --md-ref-palette-secondary80:#79D1FF;
86
- --md-ref-palette-secondary90:#C3E8FF;
87
- --md-ref-palette-secondary95:#E3F3FF;
88
- --md-ref-palette-secondary98:#F5FAFF;
89
- --md-ref-palette-secondary99:#FBFCFF;
90
- --md-ref-palette-secondary100:#FFFFFF;
91
-
92
- /* tertiary palette */
93
- --md-ref-palette-tertiary0:#000000;
94
- --md-ref-palette-tertiary5:#00150A;
95
- --md-ref-palette-tertiary10:#002113;
96
- --md-ref-palette-tertiary15:#002C1B;
97
- --md-ref-palette-tertiary20:#003823;
98
- --md-ref-palette-tertiary25:#00452B;
99
- --md-ref-palette-tertiary30:#005234;
100
- --md-ref-palette-tertiary35:#005F3E;
101
- --md-ref-palette-tertiary40:#006C47;
102
- --md-ref-palette-tertiary50:#00885A;
103
- --md-ref-palette-tertiary60:#31A372;
104
- --md-ref-palette-tertiary70:#51BF8B;
105
- --md-ref-palette-tertiary80:#6EDBA5;
106
- --md-ref-palette-tertiary90:#A2F4C7;
107
- --md-ref-palette-tertiary95:#BFFFD9;
108
- --md-ref-palette-tertiary98:#E8FFEF;
109
- --md-ref-palette-tertiary99:#F4FFF5;
110
- --md-ref-palette-tertiary100:#FFFFFF;
111
-
112
- /* error palette */
113
- --md-ref-palette-error0:#000000;
114
- --md-ref-palette-error5:#2d0102;
115
- --md-ref-palette-error10:#410304;
116
- --md-ref-palette-error15:#540507;
117
- --md-ref-palette-error20:#68070a;
118
- --md-ref-palette-error25:#7d0b0e;
119
- --md-ref-palette-error30:#930f14;
120
- --md-ref-palette-error35:#a91319;
121
- --md-ref-palette-error40:#bc1620;
122
- --md-ref-palette-error50:#e03236;
123
- --md-ref-palette-error60:#ff5450;
124
- --md-ref-palette-error70:#ff8982;
125
- --md-ref-palette-error80:#ffb3ad;
126
- --md-ref-palette-error90:#ffdad7;
127
- --md-ref-palette-error95:#ffedeb;
128
- --md-ref-palette-error98:#fff8f7;
129
- --md-ref-palette-error99:#fffbff;
130
- --md-ref-palette-error100:#FFFFFF;
131
-
132
- /* neutral palette */
133
- --md-ref-palette-neutral0:#000000;
134
- --md-ref-palette-neutral5:#111111;
135
- --md-ref-palette-neutral10:#1C1C1C;
136
- --md-ref-palette-neutral15:#262626;
137
- --md-ref-palette-neutral20:#313131;
138
- --md-ref-palette-neutral25:#3C3C3C;
139
- --md-ref-palette-neutral30:#474747;
140
- --md-ref-palette-neutral35:#535353;
141
- --md-ref-palette-neutral40:#5F5F5F;
142
- --md-ref-palette-neutral50:#787878;
143
- --md-ref-palette-neutral60:#929292;
144
- --md-ref-palette-neutral70:#ACACAC;
145
- --md-ref-palette-neutral80:#C8C8C8;
146
- --md-ref-palette-neutral90:#E4E4E4;
147
- --md-ref-palette-neutral95:#F0F0F0;
148
- --md-ref-palette-neutral98:#F9F9F9;
149
- --md-ref-palette-neutral99:#FEFEFE;
150
- --md-ref-palette-neutral100:#FFFFFF;
151
- }